BUGFIX-60: Move input component into a eparate folder

internal/ui/component/hostedit/hostedit.go

@@ -18,6 +18,7 @@ import (
 	"github.com/grafviktor/goto/internal/state"
 	"github.com/grafviktor/goto/internal/storage"
 	"github.com/grafviktor/goto/internal/ui/component/hostlist"
+	"github.com/grafviktor/goto/internal/ui/component/input"
 	"github.com/grafviktor/goto/internal/ui/message"
 	"github.com/grafviktor/goto/internal/utils"
 )
@@ -100,7 +101,7 @@ type editModel struct {
 	help         help.Model
 	host         model.Host
 	hostStorage  storage.HostStorage
-	inputs       []labeledInput
+	inputs       []input.Input
 	isNewHost    bool
 	keyMap       keyMap
 	logger       iLogger
@@ -123,7 +124,7 @@ func New(ctx context.Context, storage storage.HostStorage, state *state.Applicat
 	}
 
 	m := editModel{
-		inputs:       make([]labeledInput, 6),
+		inputs:       make([]input.Input, 6),
 		hostStorage:  storage,
 		host:         host,
 		help:         help.New(),
@@ -138,9 +139,9 @@ func New(ctx context.Context, storage storage.HostStorage, state *state.Applicat
 		isNewHost: hostNotFoundErr != nil,
 	}
 
-	var t labeledInput
+	var t input.Input
 	for i := range m.inputs {
-		t = *NewLabeledInput()
+		t = *input.New()
 		t.Cursor.Style = cursorStyle
 
 		switch i {

internal/ui/component/hostedit/style.go

@@ -3,26 +3,22 @@ package hostedit
 import "github.com/charmbracelet/lipgloss"
 
 var (
-	docStyle     = lipgloss.NewStyle().Margin(1, 2)
-	focusedStyle = lipgloss.NewStyle().
+	docStyle = lipgloss.NewStyle().Margin(1, 2) //
+
+	// the same as focusedStyle in labeledinput
+	cursorStyle = lipgloss.NewStyle().
 			BorderForeground(lipgloss.AdaptiveColor{Light: "#F793FF", Dark: "#AD58B4"}).
 			Foreground(lipgloss.AdaptiveColor{Light: "#EE6FF8", Dark: "#EE6FF8"})
-	errorStyle = lipgloss.NewStyle().
-			BorderForeground(lipgloss.AdaptiveColor{Light: "#F793FF", Dark: "#AD58B4"}).
-			Foreground(lipgloss.AdaptiveColor{Light: "#FF7783", Dark: "#FF7783"})
-	cursorStyle      = focusedStyle.Copy()
-	focusedInputText = lipgloss.NewStyle().Foreground(lipgloss.Color("#AD58B4"))
-	noStyle          = lipgloss.NewStyle()
 
-	titleStyle = lipgloss.NewStyle().
+	titleStyle = lipgloss.NewStyle(). //
 			Background(lipgloss.Color("62")).
 			Foreground(lipgloss.Color("230")).
 			Padding(0, 1).
 		// Instead of placing "1" to have a padding at the bottom,
 		// I use '\n' in the code base. That is to a rendering artifacts
 		Margin(1, 4, 0)
 
-	menuStyle = lipgloss.NewStyle().Margin(3, 4, 0)
+	menuStyle = lipgloss.NewStyle().Margin(3, 4, 0) //
 )
 
 //nolint:dupword

internal/ui/component/hostedit/labeledinput.go → internal/ui/component/input/input.go

@@ -1,4 +1,4 @@
-package hostedit
+package input
 
 import (
 	"fmt"
@@ -9,27 +9,27 @@ import (
 	tea "github.com/charmbracelet/bubbletea"
 )
 
-// NewLabeledInput - component which consists from input and label.
-func NewLabeledInput() *labeledInput {
+// New - component which consists from input and label.
+func New() *Input {
 	inputModel := textinput.New()
 	inputModel.Prompt = ""
 
-	return &labeledInput{
+	return &Input{
 		Model:         inputModel,
 		FocusedPrompt: "│ ",
 	}
 }
 
-type labeledInput struct {
+type Input struct {
 	textinput.Model
 	Label         string
 	FocusedPrompt string
 	Err           error
 }
 
-func (l *labeledInput) Init() tea.Cmd { return nil }
+func (l *Input) Init() tea.Cmd { return nil }
 
-func (l *labeledInput) Update(msg tea.Msg) (tea.Model, tea.Cmd) {
+func (l *Input) Update(msg tea.Msg) (tea.Model, tea.Cmd) {
 	var cmd tea.Cmd
 
 	l.Model, cmd = l.Model.Update(msg)
@@ -41,7 +41,7 @@ func (l *labeledInput) Update(msg tea.Msg) (tea.Model, tea.Cmd) {
 	return l, cmd
 }
 
-func (l *labeledInput) View() string {
+func (l *Input) View() string {
 	var view string
 	if l.Focused() {
 		view = focusedInputText.Render(l.Model.View())
@@ -52,15 +52,15 @@ func (l *labeledInput) View() string {
 	return fmt.Sprintf("%s\n%s%s", l.labelView(), l.prompt(), view)
 }
 
-func (l *labeledInput) prompt() string {
+func (l *Input) prompt() string {
 	if l.Focused() {
 		return focusedStyle.Render(l.FocusedPrompt)
 	}
 
 	return strings.Repeat(" ", utf8.RuneCountInString(l.FocusedPrompt))
 }
 
-func (l *labeledInput) labelView() string {
+func (l *Input) labelView() string {
 	if l.Err != nil {
 		return l.prompt() + errorStyle.Render(l.Label)
 	} else if l.Focused() {

internal/ui/component/input/style.go

@@ -0,0 +1,14 @@
+package input
+
+import "github.com/charmbracelet/lipgloss"
+
+var (
+	focusedStyle = lipgloss.NewStyle().
+			BorderForeground(lipgloss.AdaptiveColor{Light: "#F793FF", Dark: "#AD58B4"}).
+			Foreground(lipgloss.AdaptiveColor{Light: "#EE6FF8", Dark: "#EE6FF8"})
+	errorStyle = lipgloss.NewStyle().
+			BorderForeground(lipgloss.AdaptiveColor{Light: "#F793FF", Dark: "#AD58B4"}).
+			Foreground(lipgloss.AdaptiveColor{Light: "#FF7783", Dark: "#FF7783"})
+	focusedInputText = lipgloss.NewStyle().Foreground(lipgloss.Color("#AD58B4"))
+	noStyle          = lipgloss.NewStyle()
+)