IBX-10307: Form Control - Input Text

[GrabowskiM]

🎫 Issue	IBX-10307

Description:

For QA:

Documentation:

[Copilot]

Pull Request Overview

This PR introduces a Form Control wrapper for Input Text components, implementing a reusable base form control structure with label and helper text functionality.

Key changes:

• New BaseFormControl component providing consistent form field layout with label and helper text support
• FormControlInputText component that wraps basic InputText with validation and form control features
• Enhanced validation system with automatic required field validation

Reviewed Changes

Copilot reviewed 14 out of 14 changed files in this pull request and generated 2 comments.

Show a summary per file

File	Description
packages/components/src/internal/partials/BaseFormControl/*	New base form control component providing consistent layout structure
packages/components/src/internal/hooks/useValidatorManager.ts	Added default generic type parameter for better type safety
packages/components/src/formControls/InputText/*	New form control wrapper for InputText with validation and structured layout
packages/components/src/inputs/InputText/InputText.test.stories.tsx	Added value assertion to existing test
packages/assets/src/scss/*	Added form control styles and reorganized imports

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[Copilot]

The validatorManager is created on every render. Consider memoizing it with useMemo to avoid unnecessary recreations when props change.

Suggested change

	const validatorManager = useValidatorManager<string | number>();
	const validatorManager = useMemo(() => useValidatorManager<string | number>(), []);

[Copilot]

The dependency array should include validatorManager to ensure the effect has access to the current instance. Missing this dependency could lead to stale closures.

Suggested change

	}, [input.required]);
	}, [input.required, validatorManager]);

[tischsoic]

Why not? It ensures changes when validators or translators change.

Suggested change

	const validatorManagerInstance = useRef(new ValidatorManager<T>(validators, { translator }));
	const validatorManagerInstance = useMemo(() => new ValidatorManager<T>(validators, { translator }), [validators, translator]);