@digigov/form 2.0.0-36b707c1 → 2.0.0-385c7994

package/inputs/Radio/index.js

@@ -1,101 +1,73 @@
-import React from "react";
+import react from "react";
 import { useWatch } from "react-hook-form";
-import { Base } from "@digigov/react-core/Base";
-import Hint from "@digigov/react-core/Hint";
-import { RadioConditional } from "@digigov/react-core/RadioConditional";
-import RadioContainer from "@digigov/react-core/RadioContainer";
-import RadioItem from "@digigov/react-core/RadioItem";
-import { useTranslation } from "@digigov/ui/i18n";
-const RadioButtonsGroup = ({
-  name,
-  control,
-  register,
-  extra: { options, className },
-  disabled,
-  Field,
-  ...props
-}) => {
-  const currentValue = useWatch({ control, name });
-  const { t } = useTranslation();
-  return /* @__PURE__ */ React.createElement(RadioContainer, { className, id: name }, options.map(
-    ({
-      label,
-      value: v,
-      show,
-      disabled: optionDisabled,
-      selected,
-      ...option
-    }) => /* @__PURE__ */ React.createElement(Base, { as: "div", key: `${name}.${v}` }, /* @__PURE__ */ React.createElement(
-      RadioItem,
-      {
-        ...register(name),
-        id: `${name}.${v}`,
-        value: v,
-        disabled: disabled || optionDisabled,
-        ...option,
-        ...{
-          ...props,
-          reset: void 0,
-          required: void 0,
-          error: void 0,
-          "aria-describedby": void 0,
-          type: "radio"
-        }
-      },
-      label && label.primary && /* @__PURE__ */ React.createElement(Base, { as: "span" }, t(label.primary) || v),
-      label && label.secondary && /* @__PURE__ */ React.createElement(Hint, null, t(label.secondary))
-    ), selected && selected(), currentValue === v && show && Field && /* @__PURE__ */ React.createElement(RadioConditional, null, show.map((fieldName) => /* @__PURE__ */ React.createElement(Field, { name: fieldName, key: fieldName }))))
-  ));
+import { omit } from "../../utils.js";
+import { RadioConditional, RadioContainer, RadioItem } from "@digigov/ui/form/RadioContainer/index.js";
+import { useTranslation } from "@digigov/ui/i18n/index.js";
+import { Hint } from "@digigov/ui/typography/Hint/index.js";
+import { Base } from "@digigov/ui/utils/Base/index.js";
+const RadioButtonsGroup = ({ name, control, register, extra: { options, className }, disabled, Field, ...props })=>{
+    const currentValue = useWatch({
+        control,
+        name
+    });
+    const { t } = useTranslation();
+    return /*#__PURE__*/ react.createElement(RadioContainer, {
+        className: className,
+        id: name
+    }, options.map(({ label, value: v, show, disabled: optionDisabled, selected, ...option })=>/*#__PURE__*/ react.createElement(Base, {
+            as: "div",
+            key: `${name}.${v}`
+        }, /*#__PURE__*/ react.createElement(RadioItem, {
+            ...register(name),
+            id: `${name}.${v}`,
+            value: v,
+            disabled: disabled || optionDisabled,
+            ...option,
+            ...omit(props, [
+                'resetField'
+            ]),
+            reset: void 0,
+            required: void 0,
+            error: void 0,
+            'aria-describedby': void 0,
+            type: 'radio'
+        }, label && label.primary && /*#__PURE__*/ react.createElement(Base, {
+            as: "span"
+        }, t(label.primary) || v), label && label.secondary && /*#__PURE__*/ react.createElement(Hint, null, t(label.secondary))), selected && selected(), currentValue === v && show && Field && /*#__PURE__*/ react.createElement(RadioConditional, null, show.map((fieldName)=>/*#__PURE__*/ react.createElement(Field, {
+                name: fieldName,
+                key: fieldName
+            }))))));
 };
-const ControlledRadioButtonsGroup = ({
-  name,
-  extra: { options, className },
-  disabled,
-  onChange,
-  value,
-  Field,
-  ...props
-}) => {
-  const currentValue = value;
-  const { t } = useTranslation();
-  return /* @__PURE__ */ React.createElement(RadioContainer, { className, id: name }, options.map(
-    ({
-      label,
-      value: v,
-      show,
-      disabled: optionDisabled,
-      selected,
-      ...option
-    }) => /* @__PURE__ */ React.createElement(React.Fragment, { key: `${name}.${v}` }, /* @__PURE__ */ React.createElement(
-      RadioItem,
-      {
-        onChange: (e) => {
-          console.log(e);
-          onChange(e);
-        },
-        id: `${name}.${v}`,
-        value: v,
-        checked: currentValue === v,
-        disabled: disabled || optionDisabled,
-        ...option,
-        ...{
-          ...props,
-          reset: void 0,
-          required: void 0,
-          error: void 0,
-          "aria-describedby": void 0,
-          type: "radio"
-        }
-      },
-      label && label.primary && t(label.primary) || v,
-      label && label.secondary && /* @__PURE__ */ React.createElement(Hint, null, t(label.secondary))
-    ), selected && selected(), currentValue === v && show && /* @__PURE__ */ React.createElement(RadioConditional, null, show.map((fieldName) => /* @__PURE__ */ React.createElement(Field, { name: fieldName, key: fieldName }))))
-  ));
-};
-var Radio_default = RadioButtonsGroup;
-export {
-  ControlledRadioButtonsGroup,
-  RadioButtonsGroup,
-  Radio_default as default
-};
-//# sourceMappingURL=index.js.map
+const Radio_ControlledRadioButtonsGroup = /*#__PURE__*/ react.forwardRef(function({ name, extra: { options, className }, disabled, onChange, value, Field, ...props }, ref) {
+    const currentValue = value;
+    const { t } = useTranslation();
+    return /*#__PURE__*/ react.createElement(RadioContainer, {
+        className: className,
+        id: name
+    }, options.map(({ label, value: v, show, disabled: optionDisabled, selected, ...option }, index)=>/*#__PURE__*/ react.createElement(react.Fragment, {
+            key: `${name}.${v}`
+        }, /*#__PURE__*/ react.createElement(RadioItem, {
+            ref: 0 === index ? ref : void 0,
+            onChange: (e)=>{
+                console.log(e);
+                onChange(e);
+            },
+            id: `${name}.${v}`,
+            value: v,
+            checked: currentValue === v,
+            disabled: disabled || optionDisabled,
+            ...option,
+            ...props,
+            reset: void 0,
+            required: void 0,
+            error: void 0,
+            Field: void 0,
+            'aria-describedby': void 0,
+            type: 'radio'
+        }, label && label.primary && t(label.primary) || v, label && label.secondary && /*#__PURE__*/ react.createElement(Hint, null, t(label.secondary))), selected && selected(), currentValue === v && show && /*#__PURE__*/ react.createElement(RadioConditional, null, show.map((fieldName)=>/*#__PURE__*/ react.createElement(Field, {
+                name: fieldName,
+                key: fieldName
+            }))))));
+});
+const Radio = RadioButtonsGroup;
+export { Radio_ControlledRadioButtonsGroup as ControlledRadioButtonsGroup, RadioButtonsGroup, Radio as default };

package/inputs/Select/index.d.ts

@@ -1,11 +1,14 @@
 import React from 'react';
-import { UncontrolledFieldProps } from '@digigov/form/Field/types';
-import { FieldOptionProps } from '@digigov/form/inputs/Label';
-export interface SelectProps extends Omit<UncontrolledFieldProps, 'extra'> {
+import type { UseFormReturn } from 'react-hook-form';
+import type { UncontrolledFieldProps } from '../../Field/types.js';
+import type { FieldOptionProps } from '../Label/index.js';
+export interface SelectProps extends Omit<UncontrolledFieldProps, 'extra' | 'Field'> {
     extra: {
         className?: string;
-        options: Array<FieldOptionProps>;
+        options: FieldOptionProps[];
     };
+    Field?: UncontrolledFieldProps['Field'];
+    resetField: UseFormReturn['resetField'];
 }
 export declare const Select: React.ExoticComponent<SelectProps>;
 export default Select;

package/inputs/Select/index.js

@@ -1,24 +1,24 @@
-import React from "react";
-import SelectContainer from "@digigov/react-core/SelectContainer";
-import SelectOption from "@digigov/react-core/SelectOption";
-const Select = React.forwardRef(
-  function WrappedSelect({ name, extra: { options, className }, disabled, ...props }, ref) {
-    return /* @__PURE__ */ React.createElement(
-      SelectContainer,
-      {
-        className,
-        ref,
-        name,
-        disabled,
-        ...{ ...props, reset: void 0, required: void 0 }
-      },
-      options.map(({ value, label }) => /* @__PURE__ */ React.createElement(SelectOption, { key: value, value }, label && label.primary ? label.primary : value))
-    );
-  }
-);
-var Select_default = Select;
-export {
-  Select,
-  Select_default as default
-};
-//# sourceMappingURL=index.js.map
+import react from "react";
+import { omit } from "../../utils.js";
+import { SelectContainer, SelectOption } from "@digigov/ui/form/SelectContainer/index.js";
+const Select = /*#__PURE__*/ react.forwardRef(function({ name, extra: { options, className }, disabled, ...props }, ref) {
+    return /*#__PURE__*/ react.createElement(SelectContainer, {
+        className: className,
+        ref: ref,
+        name: name,
+        id: name,
+        disabled: disabled,
+        ...omit(props, [
+            'Field',
+            'resetField'
+        ]),
+        reset: void 0,
+        error: void 0,
+        required: void 0
+    }, options.map(({ value, label }, index)=>/*#__PURE__*/ react.createElement(SelectOption, {
+            key: index,
+            value: value
+        }, label && label.primary ? label.primary : value)));
+});
+const inputs_Select = Select;
+export { Select, inputs_Select as default };

package/inputs/index.d.ts

@@ -1,9 +1,9 @@
-export { default as Checkboxes } from '@digigov/form/inputs/Checkboxes';
-export { default as DateInput } from '@digigov/form/inputs/DateInput';
-export { default as OtpInput } from '@digigov/form/inputs/OtpInput';
-export { default as FileInput } from '@digigov/form/inputs/FileInput';
-export { default as ImageInput } from '@digigov/form/inputs/ImageInput';
-export { default as Input } from '@digigov/form/inputs/Input';
-export { default as Label } from '@digigov/form/inputs/Label';
-export { default as Radio } from '@digigov/form/inputs/Radio';
-export { default as Select } from '@digigov/form/inputs/Select';
+export { default as Checkboxes } from './Checkboxes/index.js';
+export { default as DateInput } from './DateInput/index.js';
+export { default as OtpInput } from './OtpInput/index.js';
+export { default as FileInput } from './FileInput/index.js';
+export { default as ImageInput } from './ImageInput/index.js';
+export { default as Input } from './Input/index.js';
+export { default as Label } from './Label/index.js';
+export { default as Radio } from './Radio/index.js';
+export { default as Select } from './Select/index.js';

package/inputs/index.js

@@ -1,21 +1,10 @@
-import { default as default2 } from "@digigov/form/inputs/Checkboxes";
-import { default as default3 } from "@digigov/form/inputs/DateInput";
-import { default as default4 } from "@digigov/form/inputs/OtpInput";
-import { default as default5 } from "@digigov/form/inputs/FileInput";
-import { default as default6 } from "@digigov/form/inputs/ImageInput";
-import { default as default7 } from "@digigov/form/inputs/Input";
-import { default as default8 } from "@digigov/form/inputs/Label";
-import { default as default9 } from "@digigov/form/inputs/Radio";
-import { default as default10 } from "@digigov/form/inputs/Select";
-export {
-  default2 as Checkboxes,
-  default3 as DateInput,
-  default5 as FileInput,
-  default6 as ImageInput,
-  default7 as Input,
-  default8 as Label,
-  default4 as OtpInput,
-  default9 as Radio,
-  default10 as Select
-};
-//# sourceMappingURL=index.js.map
+import Checkboxes from "./Checkboxes/index.js";
+import DateInput from "./DateInput/index.js";
+import OtpInput from "./OtpInput/index.js";
+import FileInput from "./FileInput/index.js";
+import ImageInput from "./ImageInput/index.js";
+import Input from "./Input/index.js";
+import Label from "./Label/index.js";
+import Radio from "./Radio/index.js";
+import Select from "./Select/index.js";
+export { Checkboxes, DateInput, FileInput, ImageInput, Input, Label, OtpInput, Radio, Select };

package/{Field/utils/index.d.ts → inputs/registry.d.ts}

@@ -1,4 +1,5 @@
-import { FieldComponentRegistry } from '@digigov/form/Field/types';
+import { type FieldComponentItem } from '../Field/types.js';
+export type FieldComponentRegistry = Record<string, FieldComponentItem>;
 export declare const FIELD_COMPONENTS: FieldComponentRegistry;
 export declare const ALTERNATIVE_COMPONENTS: FieldComponentRegistry;
 export declare const CONTROLLED_FIELD_COMPONENTS: FieldComponentRegistry;

package/inputs/registry.js

@@ -0,0 +1,80 @@
+import AutoCompleteInput from "./AutoCompleteInput/index.js";
+import Checkboxes from "./Checkboxes/index.js";
+import DateInput from "./DateInput/index.js";
+import DateTimeInput from "./DateTimeInput/index.js";
+import FileInput from "./FileInput/index.js";
+import ImageInput from "./ImageInput/index.js";
+import Input from "./Input/index.js";
+import OtpInput from "./OtpInput/index.js";
+import Radio, { ControlledRadioButtonsGroup } from "./Radio/index.js";
+import Select from "./Select/index.js";
+const FIELD_COMPONENTS = {
+    text: {
+        component: Input
+    },
+    string: {
+        component: Input
+    },
+    file: {
+        wrapper: 'fieldset',
+        component: FileInput
+    },
+    image: {
+        wrapper: 'fieldset',
+        component: ImageInput,
+        controlled: true
+    },
+    date: {
+        wrapper: 'fieldset',
+        controlled: true,
+        component: DateInput
+    },
+    datetime: {
+        wrapper: 'fieldset',
+        controlled: true,
+        component: DateTimeInput
+    },
+    otp: {
+        wrapper: 'fieldset',
+        controlled: true,
+        component: OtpInput
+    },
+    'choice:multiple': {
+        wrapper: 'fieldset',
+        controlled: true,
+        component: Checkboxes
+    },
+    'choice:single': {
+        wrapper: 'fieldset',
+        controlled: false,
+        component: Radio
+    }
+};
+const ALTERNATIVE_COMPONENTS = {
+    Select: {
+        component: Select,
+        controlled: false
+    },
+    AutoComplete: {
+        component: AutoCompleteInput,
+        controlled: true,
+        wrapper: 'fieldset'
+    }
+};
+const CONTROLLED_FIELD_COMPONENTS = {
+    ...FIELD_COMPONENTS,
+    'choice:single': {
+        wrapper: 'fieldset',
+        controlled: true,
+        component: ControlledRadioButtonsGroup
+    },
+    text: {
+        component: Input,
+        controlled: true
+    },
+    string: {
+        component: Input,
+        controlled: true
+    }
+};
+export { ALTERNATIVE_COMPONENTS, CONTROLLED_FIELD_COMPONENTS, FIELD_COMPONENTS };

package/internal.d.ts

@@ -1,5 +1,5 @@
-export { Field } from '@digigov/form/Field';
-export { Fieldset } from '@digigov/form/Fieldset';
-export * from '@digigov/form/FormContext';
-export * from '@digigov/form/types';
-export * from '@digigov/form/validators';
+export { Field } from './Field/index.js';
+export { Fieldset } from './Fieldset/index.js';
+export * from './FormContext.js';
+export * from './types.js';
+export * from './validators/index.js';

package/internal.js

@@ -0,0 +1,6 @@
+import { Field } from "./Field/index.js";
+import { Fieldset } from "./Fieldset/index.js";
+export * from "./FormContext.js";
+export * from "./types.js";
+export * from "./validators/index.js";
+export { Field, Fieldset };

package/lazy.d.ts

@@ -1,77 +1,97 @@
-declare namespace _default {
-    let FieldBase: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/internal").FieldBaseProps>>;
-    let FieldBaseContainer: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/internal").FieldContainerProps>>;
-    let FieldConditional: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/internal").FieldConditionalProps>>;
-    let Field: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/internal").FieldProps>>;
-    let ALTERNATIVE_COMPONENTS: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let CONTROLLED_FIELD_COMPONENTS: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let FIELD_COMPONENTS: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let FieldArray: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/FieldArray").FieldArrayProps>>;
-    let FieldObject: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/FieldObject").FieldObjectProps>>;
-    let FieldsetWithContext: import("react").LazyExoticComponent<import("react").FC<{
+declare const _default: {
+    FormContext: import("react").LazyExoticComponent<import("react").Context<import("./internal.js").FormContextProps>>;
+    Field: import("react").LazyExoticComponent<import("react").FC<import("./internal.js").FieldProps>>;
+    Fieldset: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("@digigov/ui/src/index.js").FieldsetProps, "ref"> & import("react").RefAttributes<HTMLFieldSetElement>>>;
+    Label: import("react").LazyExoticComponent<import("react").FC<import("./inputs/Label/index.js").LabelProps>>;
+    ErrorGroupContext: import("react").LazyExoticComponent<import("react").Context<import("./Field/ErrorGroup.js").ErrorGroupContextType | null>>;
+    ErrorGroup: import("react").LazyExoticComponent<import("react").FC<import("./Field/ErrorGroup.js").ErrorGroupProps>>;
+    FieldBase: import("react").LazyExoticComponent<import("react").FC<import("./internal.js").FieldBaseProps>>;
+    FieldBaseContainer: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("./internal.js").FieldContainerProps & import("react").RefAttributes<HTMLFieldSetElement>>>;
+    FieldConditional: import("react").LazyExoticComponent<import("react").FC<import("./internal.js").FieldConditionalProps>>;
+    BaseFieldArray: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<{
+        label?: import("./internal.js").FieldLabelProps | undefined;
+        trim?: boolean | undefined;
+        children?: React.ReactNode;
+        key: string;
+        disabled?: boolean | undefined;
+        autoComplete?: string | undefined;
+        maxLength?: number | undefined;
+        error?: import("react-hook-form").ErrorOption | undefined;
+        width?: string | undefined;
+        max?: number | undefined;
+        min?: number | undefined;
+        name: string;
+        placeholder?: string | undefined;
+        required?: boolean | undefined;
+        type?: ("int" | "string" | "text" | "boolean" | "email" | "uuid4" | "choice:multiple" | "choice:single" | "mobile_phone" | "date" | "datetime" | "otp" | "afm" | "amka" | "iban" | "file" | "rate" | "image" | "postal_code" | "phone_number" | "array" | "object") | undefined;
+        variant?: ("inline" | "dialog") | undefined;
+        layout?: Record<string, import("@digigov/ui/src/index.js").GridProps["xs"] | import("@digigov/ui/src/index.js").GridProps["sm"] | import("@digigov/ui/src/index.js").GridProps["md"] | import("@digigov/ui/src/index.js").GridProps["lg"] | import("@digigov/ui/src/index.js").GridProps["xl"]> | undefined;
+        extra?: Record<string, any> | undefined;
+        Field: React.FC<import("./internal.js").FieldProps>;
+        maxWidth?: string | undefined;
+        register: import("react-hook-form").UseFormReturn["register"];
+        control: import("react-hook-form").UseFormReturn["control"];
+        getValues: import("react-hook-form").UseFormReturn["getValues"];
+        component?: any;
+        condition?: Record<string, import("./internal.js").FieldCondition> | undefined;
+        controlled?: boolean | undefined;
+        editable?: boolean | undefined;
+        enabled?: boolean | undefined;
+        validators?: import("./validators/types.js").ValidatorSchema[] | undefined;
+        wrapper?: ("label" | "fieldset") | undefined;
+        maxHeight?: string | undefined;
+        formState: import("react-hook-form").UseFormReturn["formState"];
+    } & import("react").RefAttributes<HTMLButtonElement>>>;
+    FieldArray: import("react").LazyExoticComponent<import("react").FC<import("./FieldArray/index.js").FieldArrayProps>>;
+    FieldObject: import("react").LazyExoticComponent<import("react").FC<import("./FieldObject/index.js").FieldObjectProps>>;
+    FieldsetWithContext: import("react").LazyExoticComponent<import("react").FC<{
         name: string;
     }>>;
-    let Fieldset: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("@digigov/ui").FieldsetProps, "ref"> & import("react").RefAttributes<HTMLFieldSetElement>>>;
-    let FieldsetBody: import("react").LazyExoticComponent<import("react").FC<import("./Fieldset/types").FieldsetBodyProps>>;
-    let FieldsetCaption: import("react").LazyExoticComponent<import("react").FC<import("./Fieldset/types").FieldsetCaptionProps>>;
-    let FieldsetLabel: import("react").LazyExoticComponent<import("react").FC<import("./Fieldset/types").FieldsetLabelProps>>;
-    let ControlledFormBuilder: import("react").LazyExoticComponent<(props: any) => import("react").JSX.Element>;
-    let FormBase: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("@digigov/form/internal").FormBaseProps & import("react").RefAttributes<HTMLFormElement>>>;
-    let FormContext: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let Label: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/inputs/Label").LabelProps>>;
-    let AutoCompleteInput: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/inputs/AutoCompleteInput").AutoCompleteInputProps>>;
-    let Checkboxes: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/inputs/Checkboxes").CheckboxesProps>>;
-    let DateInput: import("react").LazyExoticComponent<({ name, type, ...props }: {
-        [x: string]: any;
-        name: any;
-        type: any;
-    }) => import("react").JSX.Element>;
-    let FileInput: import("react").LazyExoticComponent<import("react").FC<any>>;
-    let Image: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/inputs/ImageInput").ImageProps>>;
-    let ImageInput: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/inputs/ImageInput").ImageInputProps>>;
-    let Input: import("react").LazyExoticComponent<import("react").ExoticComponent<import("@digigov/form/inputs/Input").InputProps>>;
-    let OtpInput: import("react").LazyExoticComponent<({ name, maxLength, ...props }: {
-        [x: string]: any;
-        name: any;
-        maxLength?: number | undefined;
-    }) => import("react").JSX.Element>;
-    let Radio: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/inputs/Radio").RadioButtonsGroupProps>>;
-    let Select: import("react").LazyExoticComponent<import("react").ExoticComponent<import("@digigov/form/inputs/Select").SelectProps>>;
-    let INPUTS_FIELDS: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let REMOVE_SPACES: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let RE_DIGIT: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let ControlledRadioButtonsGroup: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/inputs/Radio").RadioButtonsGroupProps & {
+    FieldsetLabel: import("react").LazyExoticComponent<import("react").FC<import("./Fieldset/types.js").FieldsetLabelProps>>;
+    FieldsetCaption: import("react").LazyExoticComponent<import("react").FC<import("./Fieldset/types.js").FieldsetCaptionProps>>;
+    FieldsetBody: import("react").LazyExoticComponent<import("react").FC<import("./Fieldset/types.js").FieldsetBodyProps>>;
+    ControlledFormBuilder: import("react").LazyExoticComponent<(props: any) => import("react").JSX.Element>;
+    FormBase: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("./internal.js").FormBaseProps & import("react").RefAttributes<HTMLFormElement>>>;
+    AddObjects: import("react").LazyExoticComponent<import("react").FC<import("./MultiplicityField/add-objects.js").AddObjectsProps>>;
+    Multiplicity: import("react").LazyExoticComponent<import("react").FC<import("./MultiplicityField/types.js").MultiplicityProps>>;
+    ListObject: import("react").LazyExoticComponent<import("react").FC<import("./MultiplicityField/index.js").ListObjectProps>>;
+    Questions: import("react").LazyExoticComponent<import("react").FC<import("./Questions/types.js").QuestionsInterface>>;
+    QuestionsContext: import("react").LazyExoticComponent<import("react").Context<import("./Questions/types.js").QuestionsContextInterface>>;
+    ReviewStep: import("react").LazyExoticComponent<() => React.ReactElement>;
+    Step: import("react").LazyExoticComponent<import("react").FC<import("./Questions/Step/index.js").StepInterface>>;
+    StepArrayReview: import("react").LazyExoticComponent<import("react").FC<import("./Questions/Step/index.js").StepArrayReviewInterface>>;
+    StepContext: import("react").LazyExoticComponent<import("react").Context<import("./Questions/Step/index.js").StepInterface>>;
+    StepDescriptionBase: import("react").LazyExoticComponent<import("react").FC<import("./Questions/Step/index.js").StepDescriptionInterface>>;
+    StepDescription: import("react").LazyExoticComponent<import("react").FC<import("./Questions/Step/index.js").StepDescriptionInterface>>;
+    StepForm: import("react").LazyExoticComponent<import("react").FC<import("./Questions/Step/index.js").StepFormProps>>;
+    StepQuote: import("react").LazyExoticComponent<import("react").FC<import("@digigov/ui/src/index.js").ParagraphProps>>;
+    StepTitleHeading: import("react").LazyExoticComponent<import("react").FC<import("@digigov/ui/src/index.js").HeadingProps>>;
+    StepTitleBase: import("react").LazyExoticComponent<import("react").FC<import("./Questions/Step/index.js").StepTitleInterface>>;
+    StepTitle: import("react").LazyExoticComponent<import("react").FC<import("./Questions/Step/index.js").StepTitleInterface>>;
+    Checkboxes: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("./inputs/Checkboxes/index.js").CheckboxesProps & import("react").RefAttributes<HTMLInputElement>>>;
+    DateInput: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<Omit<Record<string, any>, "ref"> & import("react").RefAttributes<HTMLInputElement>>>;
+    OtpInput: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<Omit<Record<string, any>, "ref"> & import("react").RefAttributes<HTMLInputElement>>>;
+    FileInput: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("./inputs/FileInput/index.js").FileInputProps & import("react").RefAttributes<HTMLInputElement>>>;
+    ImageInput: import("react").LazyExoticComponent<import("react").FC<import("./inputs/ImageInput/index.js").ImageInputProps>>;
+    Input: import("react").LazyExoticComponent<import("react").ExoticComponent<import("./inputs/Input/index.js").InputProps>>;
+    Radio: import("react").LazyExoticComponent<import("react").FC<import("./inputs/Radio/index.js").RadioButtonsGroupProps>>;
+    Select: import("react").LazyExoticComponent<import("react").ExoticComponent<import("./inputs/Select/index.js").SelectProps>>;
+    ArrayEditModal: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<Omit<import("./FieldArray/FormDialog/ArrayEditModal.js").ArrayEditModalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
+    FormDialog: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("./FieldArray/FormDialog/index.js").FormDialogProps & import("react").RefAttributes<HTMLButtonElement>>>;
+    AutoCompleteInput: import("react").LazyExoticComponent<import("react").FC<import("./inputs/AutoCompleteInput/index.js").AutoCompleteInputProps>>;
+    DateTimeInput: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<Omit<Record<string, any>, "ref"> & import("react").RefAttributes<HTMLInputElement>>>;
+    Image: import("react").LazyExoticComponent<import("react").FC<import("./inputs/ImageInput/index.js").ImageProps>>;
+    RadioButtonsGroup: import("react").LazyExoticComponent<import("react").FC<import("./inputs/Radio/index.js").RadioButtonsGroupProps>>;
+    ControlledRadioButtonsGroup: import("react").LazyExoticComponent<import("react").ForwardRefExoticComponent<import("./inputs/Radio/index.js").RadioButtonsGroupProps & {
         onChange: (e: any) => void;
         value: any;
-    }>>;
-    let RadioButtonsGroup: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/inputs/Radio").RadioButtonsGroupProps>>;
-    let AddObjects: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/MultiplicityField/add-objects").AddObjectsProps>>;
-    let ListObject: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/MultiplicityField").ListObjectProps>>;
-    let Multiplicity: import("react").LazyExoticComponent<import("react").FC<import("./MultiplicityField/types").MultiplicityProps>>;
-    let ReviewStep: import("react").LazyExoticComponent<() => React.ReactElement>;
-    let Step: import("react").LazyExoticComponent<import("react").FC<import("./Questions").StepInterface>>;
-    let StepArrayReview: import("react").LazyExoticComponent<import("react").FC<import("./Questions").StepArrayReviewInterface>>;
-    let StepContext: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let StepDescription: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/Questions/Step/StepDescription").StepDescriptionInterface>>;
-    let StepDescriptionBase: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/Questions/Step/StepDescription").StepDescriptionInterface>>;
-    let StepForm: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/Questions/Step/StepForm").StepFormProps>>;
-    let StepQuote: import("react").LazyExoticComponent<import("react").FC<import("@digigov/ui").ParagraphProps>>;
-    let StepTitle: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/Questions/Step/StepTitle").StepTitleInterface>>;
-    let StepTitleBase: import("react").LazyExoticComponent<import("react").FC<import("@digigov/form/Questions/Step/StepTitle").StepTitleInterface>>;
-    let StepTitleHeading: import("react").LazyExoticComponent<import("react").FC<import("@digigov/ui").HeadingProps>>;
-    let Questions: import("react").LazyExoticComponent<import("react").FC<import("./Questions/types").QuestionsInterface>>;
-    let QuestionsContext: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let AFM_VALIDATOR: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let FILE_MAX_SIZE_VALIDATOR: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let IBAN_VALIDATOR: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let IMAGE_DIMENSION_VALIDATOR: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let OTP_VALIDATOR: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let MOBILE_PHONE_VALIDATOR: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let PHONE_NUMBER_VALIDATOR: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let POSTALCODE_VALIDATOR: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let UUID4_VALIDATOR: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let TEXT_LIMIT_VALIDATOR: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let INT_VALIDATOR: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-    let NUMBER_VALIDATOR: import("react").LazyExoticComponent<import("react").ComponentType<any>>;
-}
+    } & import("react").RefAttributes<HTMLInputElement>>>;
+    ArrayContainerDisplay: import("react").LazyExoticComponent<({ fieldArrayValues, ofField, customField, children, }: import("./FieldArray/FormDialog/ArrayDisplay/ArrayContainerDisplay.js").ArrayContainerDisplayProps) => import("react").JSX.Element>;
+    ArrayItemDisplay: import("react").LazyExoticComponent<({ name, data, edit, remove, disabledEdit, disabledDelete, disabled, sortable, index, isFirst, isLast, move, valueDisplay, border, wordBreak, stackProps, customField, ofField, fieldArrayValues, error, }: import("./FieldArray/FormDialog/ArrayDisplay/ArrayItemDisplay.js").ArrayItemDisplayProps) => import("react").JSX.Element | null>;
+    ArrayItemHeader: import("react").LazyExoticComponent<({ labels, disabled }: {
+        labels: any;
+        disabled: any;
+    }) => import("react").JSX.Element>;
+    ArrayDisplay: import("react").LazyExoticComponent<({ fieldArrayName, fieldArrayValues, ofField, customField, onEdit, onRemove, move, sortable, error, }: import("./FieldArray/FormDialog/ArrayDisplay/index.js").ArrayDisplayProps) => import("react").JSX.Element>;
+};
 export default _default;