@formhaus/react 0.1.0
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/dist/FormActions.d.ts +17 -0
- package/dist/FormActions.d.ts.map +1 -0
- package/dist/FormActions.js +16 -0
- package/dist/FormActions.js.map +1 -0
- package/dist/FormField.d.ts +15 -0
- package/dist/FormField.d.ts.map +1 -0
- package/dist/FormField.js +32 -0
- package/dist/FormField.js.map +1 -0
- package/dist/FormRenderer.d.ts +3 -0
- package/dist/FormRenderer.d.ts.map +1 -0
- package/dist/FormRenderer.js +49 -0
- package/dist/FormRenderer.js.map +1 -0
- package/dist/FormStepProgress.d.ts +9 -0
- package/dist/FormStepProgress.d.ts.map +1 -0
- package/dist/FormStepProgress.js +6 -0
- package/dist/FormStepProgress.js.map +1 -0
- package/dist/fields/CheckboxField.d.ts +3 -0
- package/dist/fields/CheckboxField.d.ts.map +1 -0
- package/dist/fields/CheckboxField.js +9 -0
- package/dist/fields/CheckboxField.js.map +1 -0
- package/dist/fields/DateField.d.ts +3 -0
- package/dist/fields/DateField.d.ts.map +1 -0
- package/dist/fields/DateField.js +9 -0
- package/dist/fields/DateField.js.map +1 -0
- package/dist/fields/FileField.d.ts +3 -0
- package/dist/fields/FileField.d.ts.map +1 -0
- package/dist/fields/FileField.js +12 -0
- package/dist/fields/FileField.js.map +1 -0
- package/dist/fields/RadioField.d.ts +3 -0
- package/dist/fields/RadioField.d.ts.map +1 -0
- package/dist/fields/RadioField.js +13 -0
- package/dist/fields/RadioField.js.map +1 -0
- package/dist/fields/SelectField.d.ts +3 -0
- package/dist/fields/SelectField.d.ts.map +1 -0
- package/dist/fields/SelectField.js +10 -0
- package/dist/fields/SelectField.js.map +1 -0
- package/dist/fields/SwitchField.d.ts +3 -0
- package/dist/fields/SwitchField.d.ts.map +1 -0
- package/dist/fields/SwitchField.js +9 -0
- package/dist/fields/SwitchField.js.map +1 -0
- package/dist/fields/TextField.d.ts +3 -0
- package/dist/fields/TextField.d.ts.map +1 -0
- package/dist/fields/TextField.js +22 -0
- package/dist/fields/TextField.js.map +1 -0
- package/dist/fields/TextareaField.d.ts +3 -0
- package/dist/fields/TextareaField.d.ts.map +1 -0
- package/dist/fields/TextareaField.js +9 -0
- package/dist/fields/TextareaField.js.map +1 -0
- package/dist/hooks/useFormEngine.d.ts +3 -0
- package/dist/hooks/useFormEngine.d.ts.map +1 -0
- package/dist/hooks/useFormEngine.js +13 -0
- package/dist/hooks/useFormEngine.js.map +1 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +3 -0
- package/dist/index.js.map +1 -0
- package/dist/types.d.ts +26 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +2 -0
- package/dist/types.js.map +1 -0
- package/package.json +37 -0
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { FormAction } from '@formhaus/core';
|
|
2
|
+
interface FormActionsProps {
|
|
3
|
+
submitAction?: FormAction;
|
|
4
|
+
backAction?: FormAction | false;
|
|
5
|
+
cancelAction?: FormAction;
|
|
6
|
+
isFirstStep: boolean;
|
|
7
|
+
isLastStep: boolean;
|
|
8
|
+
isMultiStep: boolean;
|
|
9
|
+
loading?: boolean;
|
|
10
|
+
onSubmit: () => void;
|
|
11
|
+
onNext: () => void;
|
|
12
|
+
onPrev: () => void;
|
|
13
|
+
onCancel: () => void;
|
|
14
|
+
}
|
|
15
|
+
export declare function FormActions({ submitAction, backAction, cancelAction, isFirstStep, isLastStep, isMultiStep, loading, onSubmit, onNext, onPrev, onCancel, }: FormActionsProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=FormActions.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormActions.d.ts","sourceRoot":"","sources":["../src/FormActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,UAAU,gBAAgB;IACxB,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC;IAChC,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,UAAU,EACV,WAAW,EACX,OAAO,EACP,QAAQ,EACR,MAAM,EACN,MAAM,EACN,QAAQ,GACT,EAAE,gBAAgB,2CAiDlB"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export function FormActions({ submitAction, backAction, cancelAction, isFirstStep, isLastStep, isMultiStep, loading, onSubmit, onNext, onPrev, onCancel, }) {
|
|
3
|
+
const showBack = isMultiStep && !isFirstStep && backAction !== false;
|
|
4
|
+
const backLabel = typeof backAction === 'object' ? backAction?.label : 'Back';
|
|
5
|
+
function handlePrimary() {
|
|
6
|
+
if (isMultiStep && !isLastStep) {
|
|
7
|
+
onNext();
|
|
8
|
+
}
|
|
9
|
+
else {
|
|
10
|
+
onSubmit();
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
const primaryLabel = isMultiStep && !isLastStep ? 'Continue' : (submitAction?.label ?? 'Submit');
|
|
14
|
+
return (_jsxs("div", { className: "fh-form-actions", children: [_jsxs("div", { className: "fh-form-actions__secondary", children: [showBack && (_jsx("button", { type: "button", className: "fh-form-actions__btn fh-form-actions__btn--text", disabled: loading, onClick: onPrev, children: backLabel })), cancelAction && (_jsx("button", { type: "button", className: "fh-form-actions__btn fh-form-actions__btn--text", disabled: loading, onClick: onCancel, children: cancelAction.label }))] }), _jsx("button", { type: "button", className: "fh-form-actions__btn fh-form-actions__btn--primary", disabled: loading, "aria-busy": loading, onClick: handlePrimary, children: primaryLabel })] }));
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=FormActions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormActions.js","sourceRoot":"","sources":["../src/FormActions.tsx"],"names":[],"mappings":";AAgBA,MAAM,UAAU,WAAW,CAAC,EAC1B,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,UAAU,EACV,WAAW,EACX,OAAO,EACP,QAAQ,EACR,MAAM,EACN,MAAM,EACN,QAAQ,GACS;IACjB,MAAM,QAAQ,GAAG,WAAW,IAAI,CAAC,WAAW,IAAI,UAAU,KAAK,KAAK,CAAC;IACrE,MAAM,SAAS,GAAG,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC;IAE9E,SAAS,aAAa;QACpB,IAAI,WAAW,IAAI,CAAC,UAAU,EAAE,CAAC;YAC/B,MAAM,EAAE,CAAC;QACX,CAAC;aAAM,CAAC;YACN,QAAQ,EAAE,CAAC;QACb,CAAC;IACH,CAAC;IAED,MAAM,YAAY,GAAG,WAAW,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,YAAY,EAAE,KAAK,IAAI,QAAQ,CAAC,CAAC;IAEjG,OAAO,CACL,eAAK,SAAS,EAAC,iBAAiB,aAC9B,eAAK,SAAS,EAAC,4BAA4B,aACxC,QAAQ,IAAI,CACX,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iDAAiD,EAC3D,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,MAAM,YAEd,SAAS,GACH,CACV,EACA,YAAY,IAAI,CACf,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iDAAiD,EAC3D,QAAQ,EAAE,OAAO,EACjB,OAAO,EAAE,QAAQ,YAEhB,YAAY,CAAC,KAAK,GACZ,CACV,IACG,EACN,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,oDAAoD,EAC9D,QAAQ,EAAE,OAAO,eACN,OAAO,EAClB,OAAO,EAAE,aAAa,YAErB,YAAY,GACN,IACL,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { FormField as FormFieldType } from '@formhaus/core';
|
|
2
|
+
import type { FieldComponentMap } from './types';
|
|
3
|
+
interface FormFieldProps {
|
|
4
|
+
field: FormFieldType;
|
|
5
|
+
value: unknown;
|
|
6
|
+
error?: string;
|
|
7
|
+
loading?: boolean;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
components?: FieldComponentMap;
|
|
10
|
+
onChange: (value: unknown) => void;
|
|
11
|
+
onBlur: () => void;
|
|
12
|
+
}
|
|
13
|
+
export declare function FormField({ field, value, error, loading, disabled, components, onChange, onBlur, }: FormFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=FormField.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../src/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,SAAS,IAAI,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAU5E,OAAO,KAAK,EAAE,iBAAiB,EAAuB,MAAM,SAAS,CAAC;AAkBtE,UAAU,cAAc;IACtB,KAAK,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,MAAM,GACP,EAAE,cAAc,2CAkBhB"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { CheckboxField } from './fields/CheckboxField';
|
|
3
|
+
import { DateField } from './fields/DateField';
|
|
4
|
+
import { FileField } from './fields/FileField';
|
|
5
|
+
import { RadioField } from './fields/RadioField';
|
|
6
|
+
import { SelectField } from './fields/SelectField';
|
|
7
|
+
import { SwitchField } from './fields/SwitchField';
|
|
8
|
+
import { TextField } from './fields/TextField';
|
|
9
|
+
import { TextareaField } from './fields/TextareaField';
|
|
10
|
+
const defaultComponents = {
|
|
11
|
+
text: TextField,
|
|
12
|
+
email: TextField,
|
|
13
|
+
phone: TextField,
|
|
14
|
+
number: TextField,
|
|
15
|
+
password: TextField,
|
|
16
|
+
select: SelectField,
|
|
17
|
+
multiselect: SelectField,
|
|
18
|
+
checkbox: CheckboxField,
|
|
19
|
+
radio: RadioField,
|
|
20
|
+
switch: SwitchField,
|
|
21
|
+
file: FileField,
|
|
22
|
+
date: DateField,
|
|
23
|
+
textarea: TextareaField,
|
|
24
|
+
};
|
|
25
|
+
export function FormField({ field, value, error, loading, disabled, components, onChange, onBlur, }) {
|
|
26
|
+
const Component = components?.[field.type] ?? defaultComponents[field.type];
|
|
27
|
+
if (!Component) {
|
|
28
|
+
return _jsxs("div", { children: ["Unsupported field type: ", field.type] });
|
|
29
|
+
}
|
|
30
|
+
return (_jsx(Component, { field: field, value: value, error: error, loading: loading, disabled: disabled, onChange: onChange, onBlur: onBlur }));
|
|
31
|
+
}
|
|
32
|
+
//# sourceMappingURL=FormField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../src/FormField.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAGvD,MAAM,iBAAiB,GAA0D;IAC/E,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,WAAW;IACnB,WAAW,EAAE,WAAW;IACxB,QAAQ,EAAE,aAAa;IACvB,KAAK,EAAE,UAAU;IACjB,MAAM,EAAE,WAAW;IACnB,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,aAAa;CACxB,CAAC;AAaF,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,MAAM,GACS;IACf,MAAM,SAAS,GAAG,UAAU,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAE5E,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,sDAA8B,KAAK,CAAC,IAAI,IAAO,CAAC;IACzD,CAAC;IAED,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import type { FormRendererProps } from './types';
|
|
2
|
+
export declare function FormRenderer({ schema, initialValues, onSubmit, onCancel, onStepChange, onFieldChange, validators, errors: externalErrors, loading, components, }: FormRendererProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
//# sourceMappingURL=FormRenderer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormRenderer.d.ts","sourceRoot":"","sources":["../src/FormRenderer.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,UAAU,EACV,MAAM,EAAE,cAAc,EACtB,OAAe,EACf,UAAU,GACX,EAAE,iBAAiB,2CAmGnB"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect } from 'react';
|
|
3
|
+
import { FormActions } from './FormActions';
|
|
4
|
+
import { FormField } from './FormField';
|
|
5
|
+
import { FormStepProgress } from './FormStepProgress';
|
|
6
|
+
import { useFormEngine } from './hooks/useFormEngine';
|
|
7
|
+
export function FormRenderer({ schema, initialValues, onSubmit, onCancel, onStepChange, onFieldChange, validators, errors: externalErrors, loading = false, components, }) {
|
|
8
|
+
const engineOptions = { validators };
|
|
9
|
+
const engine = useFormEngine(schema, initialValues, engineOptions);
|
|
10
|
+
// Sync external errors
|
|
11
|
+
useEffect(() => {
|
|
12
|
+
if (externalErrors) {
|
|
13
|
+
engine.setErrors(externalErrors);
|
|
14
|
+
}
|
|
15
|
+
}, [externalErrors, engine]);
|
|
16
|
+
function handleFieldUpdate(key, value) {
|
|
17
|
+
engine.setValue(key, value);
|
|
18
|
+
onFieldChange?.(key, value, engine.values);
|
|
19
|
+
}
|
|
20
|
+
function handleFieldBlur(_key) {
|
|
21
|
+
// Intentionally no validation on blur.
|
|
22
|
+
// Validation runs only on Submit / Continue click.
|
|
23
|
+
}
|
|
24
|
+
function handleSubmit(e) {
|
|
25
|
+
e.preventDefault();
|
|
26
|
+
const allErrors = engine.validate();
|
|
27
|
+
if (Object.keys(allErrors).length > 0)
|
|
28
|
+
return;
|
|
29
|
+
const submitValues = engine.getSubmitValues();
|
|
30
|
+
onSubmit(submitValues);
|
|
31
|
+
}
|
|
32
|
+
function handleNext() {
|
|
33
|
+
const success = engine.nextStep();
|
|
34
|
+
if (success && engine.currentStep) {
|
|
35
|
+
onStepChange?.(engine.currentStep.id, 'next');
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
function handlePrev() {
|
|
39
|
+
engine.prevStep();
|
|
40
|
+
if (engine.currentStep) {
|
|
41
|
+
onStepChange?.(engine.currentStep.id, 'back');
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
function handleCancel() {
|
|
45
|
+
onCancel?.();
|
|
46
|
+
}
|
|
47
|
+
return (_jsxs("form", { className: "fh-form", onSubmit: handleSubmit, children: [engine.isMultiStep && (_jsx(FormStepProgress, { current: engine.progress.current, total: engine.progress.total, stepTitle: engine.currentStep?.title, stepDescription: engine.currentStep?.description })), _jsx("div", { className: "fh-form__fields", children: engine.visibleFields.map((field) => (_jsx(FormField, { field: field, value: engine.values[field.key], error: engine.errors[field.key], loading: engine.fieldLoading[field.key], disabled: loading, components: components, onChange: (v) => handleFieldUpdate(field.key, v), onBlur: () => handleFieldBlur(field.key) }, field.key))) }), engine.topLevelErrors.length > 0 && (_jsx("div", { className: "fh-form__top-errors", children: engine.topLevelErrors.map((error) => (_jsx("p", { className: "fh-form__top-error", children: error }, error))) })), _jsx(FormActions, { submitAction: schema.submit, backAction: engine.currentStep?.back, cancelAction: schema.cancel, isFirstStep: engine.isFirstStep, isLastStep: engine.isLastStep || !engine.isMultiStep, isMultiStep: engine.isMultiStep, loading: loading, onSubmit: () => handleSubmit({ preventDefault: () => { } }), onNext: handleNext, onPrev: handlePrev, onCancel: handleCancel })] }));
|
|
48
|
+
}
|
|
49
|
+
//# sourceMappingURL=FormRenderer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormRenderer.js","sourceRoot":"","sources":["../src/FormRenderer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
interface FormStepProgressProps {
|
|
2
|
+
current: number;
|
|
3
|
+
total: number;
|
|
4
|
+
stepTitle?: string;
|
|
5
|
+
stepDescription?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare function FormStepProgress({ current, total, stepTitle, stepDescription, }: FormStepProgressProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=FormStepProgress.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormStepProgress.d.ts","sourceRoot":"","sources":["../src/FormStepProgress.tsx"],"names":[],"mappings":"AAAA,UAAU,qBAAqB;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,KAAK,EACL,SAAS,EACT,eAAe,GAChB,EAAE,qBAAqB,2CAiBvB"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export function FormStepProgress({ current, total, stepTitle, stepDescription, }) {
|
|
3
|
+
const percent = (current / total) * 100;
|
|
4
|
+
return (_jsxs("div", { className: "fh-step-progress", children: [_jsx("div", { className: "fh-step-progress__bar", children: _jsx("div", { className: "fh-step-progress__fill", style: { width: `${percent}%` } }) }), _jsx("div", { className: "fh-step-progress__info", children: _jsxs("span", { className: "fh-step-progress__counter", children: ["Step ", current, " of ", total] }) }), stepTitle && _jsx("h3", { className: "fh-step-progress__title", children: stepTitle }), stepDescription && _jsx("p", { className: "fh-step-progress__description", children: stepDescription })] }));
|
|
5
|
+
}
|
|
6
|
+
//# sourceMappingURL=FormStepProgress.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormStepProgress.js","sourceRoot":"","sources":["../src/FormStepProgress.tsx"],"names":[],"mappings":";AAOA,MAAM,UAAU,gBAAgB,CAAC,EAC/B,OAAO,EACP,KAAK,EACL,SAAS,EACT,eAAe,GACO;IACtB,MAAM,OAAO,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC;IAExC,OAAO,CACL,eAAK,SAAS,EAAC,kBAAkB,aAC/B,cAAK,SAAS,EAAC,uBAAuB,YACpC,cAAK,SAAS,EAAC,wBAAwB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,OAAO,GAAG,EAAE,GAAI,GACvE,EACN,cAAK,SAAS,EAAC,wBAAwB,YACrC,gBAAM,SAAS,EAAC,2BAA2B,sBACnC,OAAO,UAAM,KAAK,IACnB,GACH,EACL,SAAS,IAAI,aAAI,SAAS,EAAC,yBAAyB,YAAE,SAAS,GAAM,EACrE,eAAe,IAAI,YAAG,SAAS,EAAC,+BAA+B,YAAE,eAAe,GAAK,IAClF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckboxField.d.ts","sourceRoot":"","sources":["../../src/fields/CheckboxField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE,mBAAmB,2CAkCrB"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export function CheckboxField({ field, value, error, loading, disabled, onChange, onBlur, }) {
|
|
3
|
+
const inputId = field.key;
|
|
4
|
+
const helperId = `${field.key}-helper`;
|
|
5
|
+
const errorId = `${field.key}-error`;
|
|
6
|
+
const describedBy = error ? errorId : field.helperText ? helperId : undefined;
|
|
7
|
+
return (_jsxs("div", { className: "fh-field fh-field--checkbox", children: [_jsxs("label", { className: "fh-field__checkbox-label", htmlFor: inputId, children: [_jsx("input", { id: inputId, type: "checkbox", className: "fh-field__checkbox", checked: !!value, disabled: disabled || loading, "aria-invalid": !!error, "aria-describedby": describedBy, onChange: (e) => onChange(e.target.checked), onBlur: onBlur }), _jsx("span", { className: "fh-field__checkbox-text", children: field.label })] }), error && (_jsx("p", { id: errorId, className: "fh-field__error", role: "alert", children: error })), !error && field.helperText && (_jsx("p", { id: helperId, className: "fh-field__helper", children: field.helperText }))] }));
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=CheckboxField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../src/fields/CheckboxField.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACc;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;IAC1B,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;IACvC,MAAM,OAAO,GAAG,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9E,OAAO,CACL,eAAK,SAAS,EAAC,6BAA6B,aAC1C,iBAAO,SAAS,EAAC,0BAA0B,EAAC,OAAO,EAAE,OAAO,aAC1D,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAE,CAAC,CAAC,KAAK,EAChB,QAAQ,EAAE,QAAQ,IAAI,OAAO,kBACf,CAAC,CAAC,KAAK,sBACH,WAAW,EAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAC3C,MAAM,EAAE,MAAM,GACd,EACF,eAAM,SAAS,EAAC,yBAAyB,YAAE,KAAK,CAAC,KAAK,GAAQ,IACxD,EACP,KAAK,IAAI,CACR,YAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,YACrD,KAAK,GACJ,CACL,EACA,CAAC,KAAK,IAAI,KAAK,CAAC,UAAU,IAAI,CAC7B,YAAG,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,kBAAkB,YAC1C,KAAK,CAAC,UAAU,GACf,CACL,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../src/fields/DateField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE,mBAAmB,2CAqCrB"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export function DateField({ field, value, error, loading, disabled, onChange, onBlur, }) {
|
|
3
|
+
const inputId = field.key;
|
|
4
|
+
const helperId = `${field.key}-helper`;
|
|
5
|
+
const errorId = `${field.key}-error`;
|
|
6
|
+
const describedBy = error ? errorId : field.helperText ? helperId : undefined;
|
|
7
|
+
return (_jsxs("div", { className: "fh-field", children: [field.label && (_jsxs("label", { className: "fh-field__label", htmlFor: inputId, children: [field.label, field.validation?.required && _jsx("span", { className: "fh-field__required", "aria-hidden": "true", children: " *" })] })), _jsx("input", { id: inputId, type: "date", className: "fh-field__input fh-field__input--date", value: String(value ?? ''), disabled: disabled || loading, "aria-invalid": !!error, "aria-describedby": describedBy, onChange: (e) => onChange(e.target.value), onBlur: onBlur }), error && (_jsx("p", { id: errorId, className: "fh-field__error", role: "alert", children: error })), !error && field.helperText && (_jsx("p", { id: helperId, className: "fh-field__helper", children: field.helperText }))] }));
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=DateField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateField.js","sourceRoot":"","sources":["../../src/fields/DateField.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACc;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;IAC1B,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;IACvC,MAAM,OAAO,GAAG,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9E,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,aACtB,KAAK,CAAC,KAAK,IAAI,CACd,iBAAO,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,OAAO,aAChD,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,eAAM,SAAS,EAAC,oBAAoB,iBAAa,MAAM,mBAAU,IAC1F,CACT,EACD,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,uCAAuC,EACjD,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,EAC1B,QAAQ,EAAE,QAAQ,IAAI,OAAO,kBACf,CAAC,CAAC,KAAK,sBACH,WAAW,EAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,MAAM,EAAE,MAAM,GACd,EACD,KAAK,IAAI,CACR,YAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,YACrD,KAAK,GACJ,CACL,EACA,CAAC,KAAK,IAAI,KAAK,CAAC,UAAU,IAAI,CAC7B,YAAG,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,kBAAkB,YAC1C,KAAK,CAAC,UAAU,GACf,CACL,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FileField.d.ts","sourceRoot":"","sources":["../../src/fields/FileField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE,mBAAmB,2CAwCrB"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export function FileField({ field, error, loading, disabled, onChange, onBlur, }) {
|
|
3
|
+
const inputId = field.key;
|
|
4
|
+
const helperId = `${field.key}-helper`;
|
|
5
|
+
const errorId = `${field.key}-error`;
|
|
6
|
+
const describedBy = error ? errorId : field.helperText ? helperId : undefined;
|
|
7
|
+
return (_jsxs("div", { className: "fh-field", children: [field.label && (_jsxs("label", { className: "fh-field__label", htmlFor: inputId, children: [field.label, field.validation?.required && _jsx("span", { className: "fh-field__required", "aria-hidden": "true", children: " *" })] })), _jsx("input", { id: inputId, type: "file", className: "fh-field__input fh-field__input--file", accept: field.accept, disabled: disabled || loading, "aria-invalid": !!error, "aria-describedby": describedBy, onChange: (e) => {
|
|
8
|
+
const files = e.target.files;
|
|
9
|
+
onChange(files && files.length > 0 ? files[0] : null);
|
|
10
|
+
}, onBlur: onBlur }), error && (_jsx("p", { id: errorId, className: "fh-field__error", role: "alert", children: error })), !error && field.helperText && (_jsx("p", { id: helperId, className: "fh-field__helper", children: field.helperText }))] }));
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=FileField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FileField.js","sourceRoot":"","sources":["../../src/fields/FileField.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACc;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;IAC1B,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;IACvC,MAAM,OAAO,GAAG,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9E,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,aACtB,KAAK,CAAC,KAAK,IAAI,CACd,iBAAO,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,OAAO,aAChD,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,eAAM,SAAS,EAAC,oBAAoB,iBAAa,MAAM,mBAAU,IAC1F,CACT,EACD,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,uCAAuC,EACjD,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,QAAQ,IAAI,OAAO,kBACf,CAAC,CAAC,KAAK,sBACH,WAAW,EAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;oBAC7B,QAAQ,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;gBACxD,CAAC,EACD,MAAM,EAAE,MAAM,GACd,EACD,KAAK,IAAI,CACR,YAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,YACrD,KAAK,GACJ,CACL,EACA,CAAC,KAAK,IAAI,KAAK,CAAC,UAAU,IAAI,CAC7B,YAAG,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,kBAAkB,YAC1C,KAAK,CAAC,UAAU,GACf,CACL,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioField.d.ts","sourceRoot":"","sources":["../../src/fields/RadioField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE,mBAAmB,2CAiDrB"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export function RadioField({ field, value, error, loading, disabled, onChange, onBlur, }) {
|
|
3
|
+
const groupId = field.key;
|
|
4
|
+
const helperId = `${field.key}-helper`;
|
|
5
|
+
const errorId = `${field.key}-error`;
|
|
6
|
+
const describedBy = error ? errorId : field.helperText ? helperId : undefined;
|
|
7
|
+
const options = field.options ?? [];
|
|
8
|
+
return (_jsxs("div", { className: "fh-field fh-field--radio", children: [_jsxs("fieldset", { className: "fh-field__fieldset", "aria-invalid": !!error, "aria-describedby": describedBy, children: [field.label && _jsx("legend", { className: "fh-field__legend", children: field.label }), _jsx("div", { className: "fh-field__radio-group", children: options.map((opt) => {
|
|
9
|
+
const optionId = `${groupId}-${opt.value}`;
|
|
10
|
+
return (_jsxs("label", { className: "fh-field__radio-label", htmlFor: optionId, children: [_jsx("input", { id: optionId, type: "radio", className: "fh-field__radio", name: groupId, value: opt.value, checked: value === opt.value, disabled: disabled || loading, onChange: () => onChange(opt.value), onBlur: onBlur }), _jsx("span", { className: "fh-field__radio-text", children: opt.label })] }, opt.value));
|
|
11
|
+
}) })] }), error && (_jsx("p", { id: errorId, className: "fh-field__error", role: "alert", children: error })), !error && field.helperText && (_jsx("p", { id: helperId, className: "fh-field__helper", children: field.helperText }))] }));
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=RadioField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioField.js","sourceRoot":"","sources":["../../src/fields/RadioField.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACc;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;IAC1B,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;IACvC,MAAM,OAAO,GAAG,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9E,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;IAEpC,OAAO,CACL,eAAK,SAAS,EAAC,0BAA0B,aACvC,oBACE,SAAS,EAAC,oBAAoB,kBAChB,CAAC,CAAC,KAAK,sBACH,WAAW,aAE5B,KAAK,CAAC,KAAK,IAAI,iBAAQ,SAAS,EAAC,kBAAkB,YAAE,KAAK,CAAC,KAAK,GAAU,EAC3E,cAAK,SAAS,EAAC,uBAAuB,YACnC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;4BACnB,MAAM,QAAQ,GAAG,GAAG,OAAO,IAAI,GAAG,CAAC,KAAK,EAAE,CAAC;4BAC3C,OAAO,CACL,iBAAuB,SAAS,EAAC,uBAAuB,EAAC,OAAO,EAAE,QAAQ,aACxE,gBACE,EAAE,EAAE,QAAQ,EACZ,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,iBAAiB,EAC3B,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,GAAG,CAAC,KAAK,EAChB,OAAO,EAAE,KAAK,KAAK,GAAG,CAAC,KAAK,EAC5B,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EACnC,MAAM,EAAE,MAAM,GACd,EACF,eAAM,SAAS,EAAC,sBAAsB,YAAE,GAAG,CAAC,KAAK,GAAQ,KAZ/C,GAAG,CAAC,KAAK,CAab,CACT,CAAC;wBACJ,CAAC,CAAC,GACE,IACG,EACV,KAAK,IAAI,CACR,YAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,YACrD,KAAK,GACJ,CACL,EACA,CAAC,KAAK,IAAI,KAAK,CAAC,UAAU,IAAI,CAC7B,YAAG,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,kBAAkB,YAC1C,KAAK,CAAC,UAAU,GACf,CACL,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../src/fields/SelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE,mBAAmB,2CAgDrB"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export function SelectField({ field, value, error, loading, disabled, onChange, onBlur, }) {
|
|
3
|
+
const inputId = field.key;
|
|
4
|
+
const helperId = `${field.key}-helper`;
|
|
5
|
+
const errorId = `${field.key}-error`;
|
|
6
|
+
const describedBy = error ? errorId : field.helperText ? helperId : undefined;
|
|
7
|
+
const options = field.options ?? [];
|
|
8
|
+
return (_jsxs("div", { className: "fh-field", children: [field.label && (_jsxs("label", { className: "fh-field__label", htmlFor: inputId, children: [field.label, field.validation?.required && _jsx("span", { className: "fh-field__required", "aria-hidden": "true", children: " *" })] })), _jsxs("select", { id: inputId, className: "fh-field__input fh-field__input--select", value: value ?? '', disabled: disabled || loading, "aria-invalid": !!error, "aria-describedby": describedBy, onChange: (e) => onChange(e.target.value), onBlur: onBlur, children: [field.placeholder && (_jsx("option", { value: "", disabled: true, children: field.placeholder })), options.map((opt) => (_jsx("option", { value: opt.value, children: opt.label }, opt.value)))] }), error && (_jsx("p", { id: errorId, className: "fh-field__error", role: "alert", children: error })), !error && field.helperText && (_jsx("p", { id: helperId, className: "fh-field__helper", children: field.helperText }))] }));
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=SelectField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../src/fields/SelectField.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACc;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;IAC1B,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;IACvC,MAAM,OAAO,GAAG,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9E,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;IAEpC,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,aACtB,KAAK,CAAC,KAAK,IAAI,CACd,iBAAO,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,OAAO,aAChD,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,eAAM,SAAS,EAAC,oBAAoB,iBAAa,MAAM,mBAAU,IAC1F,CACT,EACD,kBACE,EAAE,EAAE,OAAO,EACX,SAAS,EAAC,yCAAyC,EACnD,KAAK,EAAG,KAAgB,IAAI,EAAE,EAC9B,QAAQ,EAAE,QAAQ,IAAI,OAAO,kBACf,CAAC,CAAC,KAAK,sBACH,WAAW,EAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,MAAM,EAAE,MAAM,aAEb,KAAK,CAAC,WAAW,IAAI,CACpB,iBAAQ,KAAK,EAAC,EAAE,EAAC,QAAQ,kBACtB,KAAK,CAAC,WAAW,GACX,CACV,EACA,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,iBAAwB,KAAK,EAAE,GAAG,CAAC,KAAK,YACrC,GAAG,CAAC,KAAK,IADC,GAAG,CAAC,KAAK,CAEb,CACV,CAAC,IACK,EACR,KAAK,IAAI,CACR,YAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,YACrD,KAAK,GACJ,CACL,EACA,CAAC,KAAK,IAAI,KAAK,CAAC,UAAU,IAAI,CAC7B,YAAG,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,kBAAkB,YAC1C,KAAK,CAAC,UAAU,GACf,CACL,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SwitchField.d.ts","sourceRoot":"","sources":["../../src/fields/SwitchField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE,mBAAmB,2CAmCrB"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export function SwitchField({ field, value, error, loading, disabled, onChange, onBlur, }) {
|
|
3
|
+
const inputId = field.key;
|
|
4
|
+
const helperId = `${field.key}-helper`;
|
|
5
|
+
const errorId = `${field.key}-error`;
|
|
6
|
+
const describedBy = error ? errorId : field.helperText ? helperId : undefined;
|
|
7
|
+
return (_jsxs("div", { className: "fh-field fh-field--switch", children: [_jsxs("label", { className: "fh-field__switch-label", htmlFor: inputId, children: [_jsx("input", { id: inputId, type: "checkbox", role: "switch", className: "fh-field__switch", checked: !!value, disabled: disabled || loading, "aria-invalid": !!error, "aria-describedby": describedBy, onChange: (e) => onChange(e.target.checked), onBlur: onBlur }), _jsx("span", { className: "fh-field__switch-text", children: field.label })] }), error && (_jsx("p", { id: errorId, className: "fh-field__error", role: "alert", children: error })), !error && field.helperText && (_jsx("p", { id: helperId, className: "fh-field__helper", children: field.helperText }))] }));
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=SwitchField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SwitchField.js","sourceRoot":"","sources":["../../src/fields/SwitchField.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACc;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;IAC1B,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;IACvC,MAAM,OAAO,GAAG,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9E,OAAO,CACL,eAAK,SAAS,EAAC,2BAA2B,aACxC,iBAAO,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAE,OAAO,aACxD,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,kBAAkB,EAC5B,OAAO,EAAE,CAAC,CAAC,KAAK,EAChB,QAAQ,EAAE,QAAQ,IAAI,OAAO,kBACf,CAAC,CAAC,KAAK,sBACH,WAAW,EAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAC3C,MAAM,EAAE,MAAM,GACd,EACF,eAAM,SAAS,EAAC,uBAAuB,YAAE,KAAK,CAAC,KAAK,GAAQ,IACtD,EACP,KAAK,IAAI,CACR,YAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,YACrD,KAAK,GACJ,CACL,EACA,CAAC,KAAK,IAAI,KAAK,CAAC,UAAU,IAAI,CAC7B,YAAG,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,kBAAkB,YAC1C,KAAK,CAAC,UAAU,GACf,CACL,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../src/fields/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE,mBAAmB,2CAsDrB"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export function TextField({ field, value, error, loading, disabled, onChange, onBlur, }) {
|
|
3
|
+
const inputId = field.key;
|
|
4
|
+
const helperId = `${field.key}-helper`;
|
|
5
|
+
const errorId = `${field.key}-error`;
|
|
6
|
+
const describedBy = error ? errorId : field.helperText ? helperId : undefined;
|
|
7
|
+
const handleChange = (e) => {
|
|
8
|
+
const v = e.target.value;
|
|
9
|
+
onChange(field.type === 'number' ? Number(v) : v);
|
|
10
|
+
};
|
|
11
|
+
const inputType = field.type === 'email'
|
|
12
|
+
? 'email'
|
|
13
|
+
: field.type === 'phone'
|
|
14
|
+
? 'tel'
|
|
15
|
+
: field.type === 'number'
|
|
16
|
+
? 'number'
|
|
17
|
+
: field.type === 'password'
|
|
18
|
+
? 'password'
|
|
19
|
+
: 'text';
|
|
20
|
+
return (_jsxs("div", { className: "fh-field", children: [field.label && (_jsxs("label", { className: "fh-field__label", htmlFor: inputId, children: [field.label, field.validation?.required && _jsx("span", { className: "fh-field__required", "aria-hidden": "true", children: " *" })] })), _jsx("input", { id: inputId, type: inputType, className: "fh-field__input", value: value != null ? String(value) : '', placeholder: field.placeholder, disabled: disabled || loading, "aria-invalid": !!error, "aria-describedby": describedBy, onChange: handleChange, onBlur: onBlur }), error && (_jsx("p", { id: errorId, className: "fh-field__error", role: "alert", children: error })), !error && field.helperText && (_jsx("p", { id: helperId, className: "fh-field__helper", children: field.helperText }))] }));
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=TextField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../src/fields/TextField.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACc;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;IAC1B,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;IACvC,MAAM,OAAO,GAAG,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9E,MAAM,YAAY,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC9D,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QACzB,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACpD,CAAC,CAAC;IAEF,MAAM,SAAS,GACb,KAAK,CAAC,IAAI,KAAK,OAAO;QACpB,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO;YACtB,CAAC,CAAC,KAAK;YACP,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,QAAQ;gBACvB,CAAC,CAAC,QAAQ;gBACV,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,UAAU;oBACzB,CAAC,CAAC,UAAU;oBACZ,CAAC,CAAC,MAAM,CAAC;IAEnB,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,aACtB,KAAK,CAAC,KAAK,IAAI,CACd,iBAAO,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,OAAO,aAChD,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,eAAM,SAAS,EAAC,oBAAoB,iBAAa,MAAM,mBAAU,IAC1F,CACT,EACD,gBACE,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,SAAS,EACf,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAE,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EACzC,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,QAAQ,EAAE,QAAQ,IAAI,OAAO,kBACf,CAAC,CAAC,KAAK,sBACH,WAAW,EAC7B,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,MAAM,GACd,EACD,KAAK,IAAI,CACR,YAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,YACrD,KAAK,GACJ,CACL,EACA,CAAC,KAAK,IAAI,KAAK,CAAC,UAAU,IAAI,CAC7B,YAAG,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,kBAAkB,YAC1C,KAAK,CAAC,UAAU,GACf,CACL,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextareaField.d.ts","sourceRoot":"","sources":["../../src/fields/TextareaField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE,mBAAmB,2CAsCrB"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export function TextareaField({ field, value, error, loading, disabled, onChange, onBlur, }) {
|
|
3
|
+
const inputId = field.key;
|
|
4
|
+
const helperId = `${field.key}-helper`;
|
|
5
|
+
const errorId = `${field.key}-error`;
|
|
6
|
+
const describedBy = error ? errorId : field.helperText ? helperId : undefined;
|
|
7
|
+
return (_jsxs("div", { className: "fh-field", children: [field.label && (_jsxs("label", { className: "fh-field__label", htmlFor: inputId, children: [field.label, field.validation?.required && _jsx("span", { className: "fh-field__required", "aria-hidden": "true", children: " *" })] })), _jsx("textarea", { id: inputId, className: "fh-field__input fh-field__input--textarea", value: value ?? '', placeholder: field.placeholder, rows: field.rows ?? 3, disabled: disabled || loading, "aria-invalid": !!error, "aria-describedby": describedBy, onChange: (e) => onChange(e.target.value), onBlur: onBlur }), error && (_jsx("p", { id: errorId, className: "fh-field__error", role: "alert", children: error })), !error && field.helperText && (_jsx("p", { id: helperId, className: "fh-field__helper", children: field.helperText }))] }));
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=TextareaField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextareaField.js","sourceRoot":"","sources":["../../src/fields/TextareaField.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,GACc;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;IAC1B,MAAM,QAAQ,GAAG,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;IACvC,MAAM,OAAO,GAAG,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC;IACrC,MAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9E,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,aACtB,KAAK,CAAC,KAAK,IAAI,CACd,iBAAO,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,OAAO,aAChD,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,UAAU,EAAE,QAAQ,IAAI,eAAM,SAAS,EAAC,oBAAoB,iBAAa,MAAM,mBAAU,IAC1F,CACT,EACD,mBACE,EAAE,EAAE,OAAO,EACX,SAAS,EAAC,2CAA2C,EACrD,KAAK,EAAG,KAAgB,IAAI,EAAE,EAC9B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,EACrB,QAAQ,EAAE,QAAQ,IAAI,OAAO,kBACf,CAAC,CAAC,KAAK,sBACH,WAAW,EAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,MAAM,EAAE,MAAM,GACd,EACD,KAAK,IAAI,CACR,YAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,OAAO,YACrD,KAAK,GACJ,CACL,EACA,CAAC,KAAK,IAAI,KAAK,CAAC,UAAU,IAAI,CAC7B,YAAG,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,kBAAkB,YAC1C,KAAK,CAAC,UAAU,GACf,CACL,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFormEngine.d.ts","sourceRoot":"","sources":["../../src/hooks/useFormEngine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,iBAAiB,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAGrF,wBAAgB,aAAa,CAC3B,MAAM,EAAE,UAAU,EAClB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACvC,OAAO,CAAC,EAAE,iBAAiB,GAC1B,UAAU,CAWZ"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { FormEngine } from '@formhaus/core';
|
|
2
|
+
import { useRef, useSyncExternalStore } from 'react';
|
|
3
|
+
export function useFormEngine(schema, initialValues, options) {
|
|
4
|
+
const engineRef = useRef(null);
|
|
5
|
+
if (engineRef.current === null) {
|
|
6
|
+
engineRef.current = new FormEngine(schema, initialValues, options);
|
|
7
|
+
}
|
|
8
|
+
const engine = engineRef.current;
|
|
9
|
+
// Subscribe to engine changes via useSyncExternalStore
|
|
10
|
+
useSyncExternalStore(engine.subscribe.bind(engine), engine.getSnapshot.bind(engine));
|
|
11
|
+
return engine;
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=useFormEngine.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFormEngine.js","sourceRoot":"","sources":["../../src/hooks/useFormEngine.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA2C,MAAM,gBAAgB,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAErD,MAAM,UAAU,aAAa,CAC3B,MAAkB,EAClB,aAAuC,EACvC,OAA2B;IAE3B,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,IAAI,SAAS,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;QAC/B,SAAS,CAAC,OAAO,GAAG,IAAI,UAAU,CAAC,MAAM,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC;IACrE,CAAC;IACD,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;IAEjC,uDAAuD;IACvD,oBAAoB,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;IAErF,OAAO,MAAM,CAAC;AAChB,CAAC"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC"}
|
package/dist/types.d.ts
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type { FieldType, FormAnalyticsEvent, FormSchema, ValidatorFn } from '@formhaus/core';
|
|
2
|
+
import type { ComponentType } from 'react';
|
|
3
|
+
export interface FieldComponentProps {
|
|
4
|
+
field: import('@formhaus/core').FormField;
|
|
5
|
+
value: unknown;
|
|
6
|
+
error?: string;
|
|
7
|
+
loading?: boolean;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
onChange: (value: unknown) => void;
|
|
10
|
+
onBlur: () => void;
|
|
11
|
+
}
|
|
12
|
+
export type FieldComponentMap = Partial<Record<FieldType, ComponentType<FieldComponentProps>>>;
|
|
13
|
+
export interface FormRendererProps {
|
|
14
|
+
schema: FormSchema;
|
|
15
|
+
initialValues?: Record<string, unknown>;
|
|
16
|
+
onSubmit: (values: Record<string, unknown>) => Promise<void> | void;
|
|
17
|
+
onCancel?: () => void;
|
|
18
|
+
onStepChange?: (stepId: string, direction: 'next' | 'back') => void;
|
|
19
|
+
onFieldChange?: (key: string, value: unknown, allValues: Record<string, unknown>) => void;
|
|
20
|
+
validators?: Record<string, ValidatorFn>;
|
|
21
|
+
errors?: Record<string, string>;
|
|
22
|
+
loading?: boolean;
|
|
23
|
+
components?: FieldComponentMap;
|
|
24
|
+
onAnalyticsEvent?: (event: FormAnalyticsEvent) => void;
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,OAAO,gBAAgB,EAAE,SAAS,CAAC;IAC1C,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;AAE/F,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,UAAU,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACxC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACpE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACpE,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAC1F,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACxD"}
|
package/dist/types.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}
|
package/package.json
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@formhaus/react",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "React components for formhaus JSON-schema-driven forms",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"main": "./dist/index.js",
|
|
7
|
+
"module": "./dist/index.js",
|
|
8
|
+
"types": "./dist/index.d.ts",
|
|
9
|
+
"exports": {
|
|
10
|
+
".": {
|
|
11
|
+
"import": "./dist/index.js",
|
|
12
|
+
"types": "./dist/index.d.ts"
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
"files": ["dist"],
|
|
16
|
+
"scripts": {
|
|
17
|
+
"build": "tsc",
|
|
18
|
+
"clean": "rm -rf dist"
|
|
19
|
+
},
|
|
20
|
+
"dependencies": {
|
|
21
|
+
"@formhaus/core": "workspace:*"
|
|
22
|
+
},
|
|
23
|
+
"peerDependencies": {
|
|
24
|
+
"react": ">=18.0.0"
|
|
25
|
+
},
|
|
26
|
+
"devDependencies": {
|
|
27
|
+
"@types/react": "^19.2.14",
|
|
28
|
+
"react": "^19.2.4",
|
|
29
|
+
"typescript": "^5.7.3"
|
|
30
|
+
},
|
|
31
|
+
"license": "MIT",
|
|
32
|
+
"repository": {
|
|
33
|
+
"type": "git",
|
|
34
|
+
"url": "https://github.com/ignsm/formhaus.git",
|
|
35
|
+
"directory": "packages/react"
|
|
36
|
+
}
|
|
37
|
+
}
|