react-form-dto 0.0.7 → 0.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/components/Field.d.ts +1 -0
- package/dist/components/FormBuilder.d.ts +2 -0
- package/dist/components/Section.d.ts +2 -0
- package/dist/components/renderers/AutoComplete.d.ts +1 -0
- package/dist/components/renderers/CheckBoxInput.d.ts +1 -1
- package/dist/components/renderers/MultiAutoComplete.d.ts +1 -0
- package/dist/components/renderers/RadioInput.d.ts +1 -0
- package/dist/components/renderers/SelectInput.d.ts +1 -1
- package/dist/components/renderers/TextInput.d.ts +1 -1
- package/dist/components/renderers/TextareaInput.d.ts +1 -0
- package/dist/examples/profileForm.d.ts +1 -0
- package/dist/hooks/useFormBuilder.d.ts +1 -1
- package/dist/react-form-dto.es.js +408 -367
- package/dist/react-form-dto.umd.js +2 -2
- package/dist/stories/FormBuilder.stories.d.ts +1 -0
- package/dist/types/dto.d.ts +11 -11
- package/dist/utils/i18n.d.ts +18 -0
- package/dist/utils/index.d.ts +1 -0
- package/dist/utils/validation.d.ts +2 -2
- package/package.json +1 -1
- package/dist/examples/profileForm.i18n.d.ts +0 -2
package/README.md
CHANGED
|
@@ -216,9 +216,9 @@ const profileForm: FormDTO = {
|
|
|
216
216
|
|
|
217
217
|
## 🌍 Internationalization (I18n)
|
|
218
218
|
|
|
219
|
-
React Form DTO has built-in support for multi-language forms through `
|
|
219
|
+
React Form DTO has built-in support for multi-language forms through `I18String` and `I18nOption` types.
|
|
220
220
|
|
|
221
|
-
### Using
|
|
221
|
+
### Using I18String
|
|
222
222
|
|
|
223
223
|
Any text property (`label`, `placeholder`, `title`, `description`, validation messages) can be either a plain string or a locale map:
|
|
224
224
|
|
|
@@ -23,6 +23,8 @@ type FormBuilderProps = {
|
|
|
23
23
|
dto: FormDTO;
|
|
24
24
|
/** Optional custom renderers for specific field types */
|
|
25
25
|
renderers?: Record<string, React.ComponentType<any>>;
|
|
26
|
+
/** Current locale for i18n string resolution (default: 'en') */
|
|
27
|
+
locale?: string;
|
|
26
28
|
};
|
|
27
29
|
/**
|
|
28
30
|
* FormBuilder component that dynamically renders a form based on a FormDTO definition.
|
|
@@ -13,6 +13,8 @@ type SectionProps = {
|
|
|
13
13
|
/** Optional custom renderers for specific field types */
|
|
14
14
|
renderers?: Record<string, React.ComponentType<any>>;
|
|
15
15
|
validateField: (id: string) => string[];
|
|
16
|
+
/** Current locale for i18n string resolution (default: 'en') */
|
|
17
|
+
locale?: string;
|
|
16
18
|
};
|
|
17
19
|
/**
|
|
18
20
|
* Section component that renders a form section with its heading, description, and fields.
|
|
@@ -13,4 +13,4 @@ import { FieldRendererProps } from '../../components/Field';
|
|
|
13
13
|
* onChange={handleChange}
|
|
14
14
|
* />
|
|
15
15
|
*/
|
|
16
|
-
export declare function CheckBoxInput({ field, value, onChange, error, }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare function CheckBoxInput({ field, value, onChange, error, locale, }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -13,4 +13,4 @@ import { FieldRendererProps } from '../../components/Field';
|
|
|
13
13
|
* onChange={handleChange}
|
|
14
14
|
* />
|
|
15
15
|
*/
|
|
16
|
-
export declare function SelectInput({ field, value, onChange, error, }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare function SelectInput({ field, value, onChange, error, locale, }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -13,4 +13,4 @@ import { FieldRendererProps } from '../../components/Field';
|
|
|
13
13
|
* onChange={handleChange}
|
|
14
14
|
* />
|
|
15
15
|
*/
|
|
16
|
-
export declare function TextInput({ field, value, onChange, error, }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare function TextInput({ field, value, onChange, error, locale, }: FieldRendererProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -12,7 +12,7 @@ type Errors = Record<string, string | null>;
|
|
|
12
12
|
* form.handleChange('email', 'user@example.com');
|
|
13
13
|
* const errors = form.validateAll();
|
|
14
14
|
*/
|
|
15
|
-
export declare function useFormBuilder(dto: FormDTO): {
|
|
15
|
+
export declare function useFormBuilder(dto: FormDTO, locale?: string): {
|
|
16
16
|
/** Current form values for all fields */
|
|
17
17
|
values: Record<string, any>;
|
|
18
18
|
/** Function to update a field value */
|