@digigov/form 2.0.0-85c27c19 → 2.0.0-aefd0709

package/cjs/Questions/Step/StepTitle/index.js

@@ -35,13 +35,13 @@ __export(StepTitle_exports, {
 module.exports = __toCommonJS(StepTitle_exports);
 var import_react = __toESM(require("react"));
 var import_StepContext = require("@digigov/form/Questions/Step/StepContext");
-var import_Heading = __toESM(require("@digigov/react-core/Heading"));
-var import_HeadingCaption = __toESM(require("@digigov/react-core/HeadingCaption"));
-var import_PageTitleContainer = __toESM(require("@digigov/ui/app/PageTitleContainer"));
+var import_PageTitleContainer = require("@digigov/ui/app/PageTitleContainer");
 var import_i18n = require("@digigov/ui/i18n");
 var import_BackLink = require("@digigov/ui/navigation/BackLink");
+var import_Heading = require("@digigov/ui/typography/Heading");
+var import_HeadingCaption = require("@digigov/ui/typography/HeadingCaption");
 const StepTitleHeading = (props) => {
-  return /* @__PURE__ */ import_react.default.createElement(import_Heading.default, null, props.children);
+  return /* @__PURE__ */ import_react.default.createElement(import_Heading.Heading, null, props.children);
 };
 const StepTitleBase = ({
   caption,
@@ -51,7 +51,7 @@ const StepTitleBase = ({
   children
 }) => {
   const { t } = (0, import_i18n.useTranslation)();
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_BackLink.BackLink, null, backButton || t("button.back")), /* @__PURE__ */ import_react.default.createElement(import_PageTitleContainer.default, null, children || /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_HeadingCaption.default, { size: "xl" }, caption && t(caption)), step && /* @__PURE__ */ import_react.default.createElement(import_PageTitleContainer.PageTitleCaption, null, step), /* @__PURE__ */ import_react.default.createElement(StepTitleHeading, null, title && t(title)))));
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_BackLink.BackLink, null, backButton || t("button.back")), /* @__PURE__ */ import_react.default.createElement(import_PageTitleContainer.PageTitleContainer, null, children || /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_HeadingCaption.HeadingCaption, { size: "xl" }, caption && t(caption)), step && /* @__PURE__ */ import_react.default.createElement(import_PageTitleContainer.PageTitleCaption, null, step), /* @__PURE__ */ import_react.default.createElement(StepTitleHeading, null, title && t(title)))));
 };
 const StepTitle = (props) => {
   const { caption, title, step, backButton } = (0, import_react.useContext)(import_StepContext.StepContext);

package/cjs/Questions/Step/StepTitle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/Questions/Step/StepTitle.tsx"],
-  "sourcesContent": ["import React, { useContext } from 'react';\nimport { StepContext } from '@digigov/form/Questions/Step/StepContext';\nimport Heading, { HeadingProps } from '@digigov/react-core/Heading';\nimport HeadingCaption from '@digigov/react-core/HeadingCaption';\nimport PageTitleContainer, {\n  PageTitleCaption,\n} from '@digigov/ui/app/PageTitleContainer';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport { BackLink } from '@digigov/ui/navigation/BackLink';\n\nexport interface StepTitleInterface {\n  title?: string;\n  backButton?: string;\n  caption?: string;\n  step?: string;\n  children?: React.ReactNode;\n}\n\nexport const StepTitleHeading: React.FC<HeadingProps> = (props) => {\n  return <Heading>{props.children}</Heading>;\n};\n\nexport const StepTitleBase: React.FC<StepTitleInterface> = ({\n  caption,\n  step,\n  title,\n  backButton,\n  children,\n}): React.ReactElement => {\n  const { t } = useTranslation();\n  return (\n    <>\n      <BackLink>{backButton || t('button.back')}</BackLink>\n      <PageTitleContainer>\n        {children || (\n          <>\n            <HeadingCaption size=\"xl\">{caption && t(caption)}</HeadingCaption>\n            {step && <PageTitleCaption>{step}</PageTitleCaption>}\n            <StepTitleHeading>{title && t(title)}</StepTitleHeading>\n          </>\n        )}\n      </PageTitleContainer>\n    </>\n  );\n};\n\n/**\n * The StepTitle component accepts a title, a caption and a step indicator\n * about the Step asked to the User\n */\nexport const StepTitle: React.FC<StepTitleInterface> = (props) => {\n  const { caption, title, step, backButton } = useContext(StepContext);\n  return (\n    <StepTitleBase\n      backButton={backButton}\n      caption={caption}\n      step={step}\n      title={title}\n    >\n      {props.children}\n    </StepTitleBase>\n  );\n};\n\nexport default StepTitle;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,yBAA4B;AAC5B,qBAAsC;AACtC,4BAA2B;AAC3B,gCAEO;AACP,kBAA+B;AAC/B,sBAAyB;AAUlB,MAAM,mBAA2C,CAAC,UAAU;AACjE,SAAO,6BAAAA,QAAA,cAAC,eAAAC,SAAA,MAAS,MAAM,QAAS;AAClC;AAEO,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AACxB,QAAM,EAAE,EAAE,QAAI,4BAAe;AAC7B,SACE,6BAAAD,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,gCAAU,cAAc,EAAE,aAAa,CAAE,GAC1C,6BAAAA,QAAA,cAAC,0BAAAE,SAAA,MACE,YACC,6BAAAF,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,sBAAAG,SAAA,EAAe,MAAK,QAAM,WAAW,EAAE,OAAO,CAAE,GAChD,QAAQ,6BAAAH,QAAA,cAAC,kDAAkB,IAAK,GACjC,6BAAAA,QAAA,cAAC,wBAAkB,SAAS,EAAE,KAAK,CAAE,CACvC,CAEJ,CACF;AAEJ;AAMO,MAAM,YAA0C,CAAC,UAAU;AAChE,QAAM,EAAE,SAAS,OAAO,MAAM,WAAW,QAAI,yBAAW,8BAAW;AACnE,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEC,MAAM;AAAA,EACT;AAEJ;AAEA,IAAO,oBAAQ;",
-  "names": ["React", "Heading", "PageTitleContainer", "HeadingCaption"]
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { StepContext } from '@digigov/form/Questions/Step/StepContext';\nimport {\n  PageTitleContainer,\n  PageTitleCaption,\n} from '@digigov/ui/app/PageTitleContainer';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport { BackLink } from '@digigov/ui/navigation/BackLink';\nimport { Heading, HeadingProps } from '@digigov/ui/typography/Heading';\nimport { HeadingCaption } from '@digigov/ui/typography/HeadingCaption';\n\nexport interface StepTitleInterface {\n  title?: string;\n  backButton?: string;\n  caption?: string;\n  step?: string;\n  children?: React.ReactNode;\n}\n\nexport const StepTitleHeading: React.FC<HeadingProps> = (props) => {\n  return <Heading>{props.children}</Heading>;\n};\n\nexport const StepTitleBase: React.FC<StepTitleInterface> = ({\n  caption,\n  step,\n  title,\n  backButton,\n  children,\n}): React.ReactElement => {\n  const { t } = useTranslation();\n  return (\n    <>\n      <BackLink>{backButton || t('button.back')}</BackLink>\n      <PageTitleContainer>\n        {children || (\n          <>\n            <HeadingCaption size=\"xl\">{caption && t(caption)}</HeadingCaption>\n            {step && <PageTitleCaption>{step}</PageTitleCaption>}\n            <StepTitleHeading>{title && t(title)}</StepTitleHeading>\n          </>\n        )}\n      </PageTitleContainer>\n    </>\n  );\n};\n\n/**\n * The StepTitle component accepts a title, a caption and a step indicator\n * about the Step asked to the User\n */\nexport const StepTitle: React.FC<StepTitleInterface> = (props) => {\n  const { caption, title, step, backButton } = useContext(StepContext);\n  return (\n    <StepTitleBase\n      backButton={backButton}\n      caption={caption}\n      step={step}\n      title={title}\n    >\n      {props.children}\n    </StepTitleBase>\n  );\n};\n\nexport default StepTitle;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAClC,yBAA4B;AAC5B,gCAGO;AACP,kBAA+B;AAC/B,sBAAyB;AACzB,qBAAsC;AACtC,4BAA+B;AAUxB,MAAM,mBAA2C,CAAC,UAAU;AACjE,SAAO,6BAAAA,QAAA,cAAC,8BAAS,MAAM,QAAS;AAClC;AAEO,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AACxB,QAAM,EAAE,EAAE,QAAI,4BAAe;AAC7B,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,gCAAU,cAAc,EAAE,aAAa,CAAE,GAC1C,6BAAAA,QAAA,cAAC,oDACE,YACC,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,wCAAe,MAAK,QAAM,WAAW,EAAE,OAAO,CAAE,GAChD,QAAQ,6BAAAA,QAAA,cAAC,kDAAkB,IAAK,GACjC,6BAAAA,QAAA,cAAC,wBAAkB,SAAS,EAAE,KAAK,CAAE,CACvC,CAEJ,CACF;AAEJ;AAMO,MAAM,YAA0C,CAAC,UAAU;AAChE,QAAM,EAAE,SAAS,OAAO,MAAM,WAAW,QAAI,yBAAW,8BAAW;AACnE,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEC,MAAM;AAAA,EACT;AAEJ;AAEA,IAAO,oBAAQ;",
+  "names": ["React"]
 }

package/cjs/index.js

@@ -28,166 +28,22 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {
-  FormBase: () => FormBase,
-  FormBuilder: () => FormBuilder,
-  default: () => src_default,
-  useFormContext: () => useFormContext,
-  useFormValues: () => useFormValues
+  Field: () => import_Field.default,
+  Fieldset: () => import_Fieldset.default,
+  default: () => src_default
 });
 module.exports = __toCommonJS(src_exports);
-var import_react = __toESM(require("react"));
-var import_react_hook_form = require("react-hook-form");
 var import_Field = __toESM(require("@digigov/form/Field"));
 var import_Fieldset = __toESM(require("@digigov/form/Fieldset"));
-var import_FormContext = require("@digigov/form/FormContext");
-var import_utils = require("@digigov/form/utils");
-var import_validators = require("@digigov/form/validators");
-var import_Form = require("@digigov/react-core/Form");
-var import_Button = require("@digigov/ui/form/Button");
-__reExport(src_exports, require("@digigov/form/internal"), module.exports);
-const FormBase = import_react.default.forwardRef(function FormBase2({
-  onSubmit,
-  children,
-  registerField,
-  fieldsMap,
-  fieldsetsMap,
-  resolver,
-  mode,
-  initial,
-  reValidateMode,
-  shouldFocusError,
-  criteriaMode,
-  componentRegistry,
-  grid,
-  ...props
-}, ref) {
-  const form = (0, import_react_hook_form.useForm)({
-    resolver,
-    mode,
-    defaultValues: initial,
-    reValidateMode,
-    shouldFocusError,
-    criteriaMode
-  });
-  const handleSubmit = (0, import_react.useCallback)(
-    (data) => {
-      onSubmit && onSubmit(data);
-    },
-    [onSubmit]
-  );
-  const submit = form.handleSubmit(handleSubmit);
-  const ctx = {
-    fieldsMap,
-    fieldsetsMap,
-    control: form.control,
-    register: form.register,
-    watch: form.watch,
-    resetField: form.resetField,
-    registerField,
-    errors: form.formState.errors,
-    formState: form.formState,
-    reset: form.reset,
-    trigger: form.trigger,
-    getFieldState: form.getFieldState,
-    setValue: form.setValue,
-    clearErrors: form.clearErrors,
-    getValues: form.getValues,
-    unregister: form.unregister,
-    componentRegistry,
-    setError: form.setError,
-    formRef: ref,
-    submit
-  };
-  return /* @__PURE__ */ import_react.default.createElement(import_FormContext.FormContext.Provider, { value: ctx }, /* @__PURE__ */ import_react.default.createElement(import_Form.Form, { grid, onSubmit: submit, ref, ...props }, children));
-});
-const useFormContext = () => {
-  return (0, import_react.useContext)(import_FormContext.FormContext);
-};
-const useFormValues = () => {
-  const ctx = useFormContext();
-  return ctx.getValues();
-};
-const FormBuilder = import_react.default.forwardRef(function FormBuilder2({
-  fields = [],
-  fieldsets,
-  initial = {},
-  onSubmit,
-  children,
-  reValidateMode = "onSubmit",
-  mode = "onSubmit",
-  shouldFocusError = true,
-  criteriaMode = "all",
-  auto = false,
-  validatorRegistry,
-  componentRegistry,
-  grid = false,
-  ...props
-}, ref) {
-  const fieldsState = (0, import_react.useRef)(fields);
-  const setFieldsState = (0, import_react.useCallback)((newFields) => {
-    fieldsState.current = newFields;
-  }, []);
-  const schema = (0, import_validators.useValidationSchema)(fieldsState, validatorRegistry);
-  const registerField = (0, import_react.useCallback)((field) => {
-    const fieldIndex = fieldsState.current.findIndex(
-      (f) => f.key === field.key
-    );
-    if (fieldIndex > -1) {
-      fieldsState.current[fieldIndex] = field;
-    } else {
-      fieldsState.current.push(field);
-    }
-    setFieldsState(fieldsState.current);
-  }, []);
-  let resolver;
-  let fieldsMap;
-  let fieldsetsMap;
-  let fieldChildren;
-  if (schema) {
-    resolver = (0, import_utils.yupResolver)(schema);
-    fieldsMap = fields ? fields.reduce((map, field) => ({ ...map, [field.key]: field }), {}) : {};
-    fieldsetsMap = fieldsets && fieldsets.reduce(
-      (map, fieldset) => ({ ...map, [fieldset.key]: fieldset }),
-      {}
-    );
-    if (auto) {
-      if (fieldsets) {
-        fieldChildren = fieldsets.map((fieldset) => /* @__PURE__ */ import_react.default.createElement(import_Fieldset.default, { key: fieldset.key }));
-      } else if (fields) {
-        fieldChildren = fields.map((field) => /* @__PURE__ */ import_react.default.createElement(import_Field.default, { key: field.key, name: field.key }));
-      }
-    }
-  }
-  return /* @__PURE__ */ import_react.default.createElement(
-    FormBase,
-    {
-      resolver,
-      fieldsetsMap,
-      fieldsMap,
-      registerField,
-      initial,
-      reValidateMode,
-      mode,
-      shouldFocusError,
-      criteriaMode,
-      onSubmit,
-      componentRegistry,
-      ref,
-      grid,
-      ...props
-    },
-    fieldChildren,
-    auto && /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { type: "submit" }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"),
-    children
-  );
-});
-var src_default = FormBuilder;
+__reExport(src_exports, require("@digigov/form/inputs/Label"), module.exports);
+var import_FormBuilder = __toESM(require("@digigov/form/FormBuilder"));
+__reExport(src_exports, require("@digigov/form/types"), module.exports);
+var src_default = import_FormBuilder.default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  FormBase,
-  FormBuilder,
-  useFormContext,
-  useFormValues,
-  ...require("@digigov/form/internal")
+  Field,
+  Fieldset,
+  ...require("@digigov/form/inputs/Label"),
+  ...require("@digigov/form/types")
 });
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/index.tsx"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useCallback, useContext, useRef } from 'react';\nimport { useForm } from 'react-hook-form';\nimport Field from '@digigov/form/Field';\nimport Fieldset from '@digigov/form/Fieldset';\nimport { FormContext } from '@digigov/form/FormContext';\nimport { FormBaseProps, FormData, FormBuilderProps } from '@digigov/form/types';\nimport { yupResolver } from '@digigov/form/utils';\nimport { useValidationSchema } from '@digigov/form/validators';\nimport { Form } from '@digigov/react-core/Form';\nimport { Button } from '@digigov/ui/form/Button';\n\nconst FormBase = React.forwardRef(function FormBase(\n  {\n    onSubmit,\n    children,\n    registerField,\n    fieldsMap,\n    fieldsetsMap,\n    resolver,\n    mode,\n    initial,\n    reValidateMode,\n    shouldFocusError,\n    criteriaMode,\n    componentRegistry,\n    grid,\n    ...props\n  }: FormBaseProps,\n  ref: React.Ref<HTMLFormElement>\n) {\n  const form = useForm({\n    resolver,\n    mode,\n    defaultValues: initial,\n    reValidateMode,\n    shouldFocusError,\n    criteriaMode,\n  });\n\n  const handleSubmit = useCallback(\n    (data: FormData): void => {\n      onSubmit && onSubmit(data);\n    },\n    [onSubmit]\n  );\n  const submit = form.handleSubmit(handleSubmit);\n\n  const ctx = {\n    fieldsMap,\n    fieldsetsMap,\n    control: form.control,\n    register: form.register,\n    watch: form.watch,\n    resetField: form.resetField,\n    registerField: registerField,\n    errors: form.formState.errors,\n    formState: form.formState,\n    reset: form.reset,\n    trigger: form.trigger,\n    getFieldState: form.getFieldState,\n    setValue: form.setValue,\n    clearErrors: form.clearErrors,\n    getValues: form.getValues,\n    unregister: form.unregister,\n    componentRegistry,\n    setError: form.setError,\n    formRef: ref,\n    submit,\n  };\n  return (\n    <FormContext.Provider value={ctx}>\n      <Form grid={grid} onSubmit={submit} ref={ref} {...props}>\n        {children}\n      </Form>\n    </FormContext.Provider>\n  );\n});\n\nconst useFormContext = () => {\n  return useContext(FormContext);\n};\nconst useFormValues = () => {\n  const ctx = useFormContext();\n  return ctx.getValues();\n};\nconst FormBuilder = React.forwardRef(function FormBuilder(\n  {\n    fields = [],\n    fieldsets,\n    initial = {},\n    onSubmit,\n    children,\n    reValidateMode = 'onSubmit',\n    mode = 'onSubmit',\n    shouldFocusError = true,\n    criteriaMode = 'all',\n    auto = false,\n    validatorRegistry,\n    componentRegistry,\n    grid = false,\n    ...props\n  }: FormBuilderProps,\n  ref: React.Ref<HTMLFormElement>\n): React.ReactElement {\n  const fieldsState = useRef(fields);\n  const setFieldsState = useCallback((newFields) => {\n    fieldsState.current = newFields;\n  }, []);\n  const schema = useValidationSchema(fieldsState, validatorRegistry);\n  const registerField = useCallback((field) => {\n    const fieldIndex = fieldsState.current.findIndex(\n      (f) => f.key === field.key\n    );\n    if (fieldIndex > -1) {\n      fieldsState.current[fieldIndex] = field;\n    } else {\n      fieldsState.current.push(field);\n    }\n    setFieldsState(fieldsState.current);\n  }, []);\n  let resolver;\n  let fieldsMap;\n  let fieldsetsMap;\n  let fieldChildren;\n  if (schema) {\n    resolver = yupResolver(schema);\n    fieldsMap = fields\n      ? fields.reduce((map, field) => ({ ...map, [field.key]: field }), {})\n      : {};\n    fieldsetsMap =\n      fieldsets &&\n      fieldsets.reduce(\n        (map, fieldset) => ({ ...map, [fieldset.key]: fieldset }),\n        {}\n      );\n\n    if (auto) {\n      if (fieldsets) {\n        fieldChildren = fieldsets.map((fieldset) => (\n          <Fieldset key={fieldset.key} />\n        ));\n      } else if (fields) {\n        fieldChildren = fields.map((field) => (\n          <Field key={field.key} name={field.key} />\n        ));\n      }\n    }\n  }\n  return (\n    <FormBase\n      resolver={resolver}\n      fieldsetsMap={fieldsetsMap}\n      fieldsMap={fieldsMap}\n      registerField={registerField}\n      initial={initial}\n      reValidateMode={reValidateMode}\n      mode={mode}\n      shouldFocusError={shouldFocusError}\n      criteriaMode={criteriaMode}\n      onSubmit={onSubmit}\n      componentRegistry={componentRegistry}\n      ref={ref}\n      grid={grid}\n      {...props}\n    >\n      {fieldChildren}\n      {auto && <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>}\n      {children}\n    </FormBase>\n  );\n});\n\nexport { FormBase, useFormContext, useFormValues, FormBuilder };\n\nexport * from '@digigov/form/internal';\n\nexport default FormBuilder;\n"],
-  "mappings": "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",
-  "names": ["React", "FormBase", "FormBuilder", "Fieldset", "Field"]
+  "sources": ["../../src/index.ts"],
+  "sourcesContent": ["export { default as Field } from '@digigov/form/Field';\nexport { default as Fieldset } from '@digigov/form/Fieldset';\nexport * from '@digigov/form/inputs/Label';\nimport FormBuilder from '@digigov/form/FormBuilder';\nexport * from '@digigov/form/types';\nexport default FormBuilder;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAiC;AACjC,sBAAoC;AACpC,wBAAc,uCAFd;AAGA,yBAAwB;AACxB,wBAAc,gCAJd;AAKA,IAAO,cAAQ,mBAAAA;",
+  "names": ["FormBuilder"]
 }

package/cjs/inputs/AutoCompleteInput/__stories__/Default/index.js

@@ -35,13 +35,7 @@ var import_react = __toESM(require("react"));
 var import_Field = require("@digigov/form/Field");
 var import_FormBuilder = __toESM(require("@digigov/form/FormBuilder"));
 var import_Button = __toESM(require("@digigov/ui/form/Button"));
-const results = [
-  "\u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE",
-  "\u0391\u03C3\u03AF\u03B1",
-  "\u0391\u03C5\u03C3\u03C4\u03C1\u03B1\u03BB\u03AF\u03B1",
-  "\u0391\u03C6\u03C1\u03B9\u03BA\u03AE",
-  "\u0395\u03C5\u03C1\u03CE\u03C0\u03B7"
-];
+const results = ["\u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE", "\u0391\u03C3\u03AF\u03B1", "\u0391\u03C5\u03C3\u03C4\u03C1\u03B1\u03BB\u03AF\u03B1", "\u0391\u03C6\u03C1\u03B9\u03BA\u03AE", "\u0395\u03C5\u03C1\u03CE\u03C0\u03B7"];
 const fields = [
   {
     key: "autocomplete",

package/cjs/inputs/AutoCompleteInput/__stories__/Default.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/inputs/AutoCompleteInput/__stories__/Default.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Field } from '@digigov/form/Field';\nimport FormBuilder from '@digigov/form/FormBuilder';\nimport { FieldSpec } from '@digigov/form/types';\nimport Button from '@digigov/ui/form/Button';\n\nconst results = [\n  '\u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE',\n  '\u0391\u03C3\u03AF\u03B1',\n  '\u0391\u03C5\u03C3\u03C4\u03C1\u03B1\u03BB\u03AF\u03B1',\n  '\u0391\u03C6\u03C1\u03B9\u03BA\u03AE',\n  '\u0395\u03C5\u03C1\u03CE\u03C0\u03B7',\n];\n\nconst fields: FieldSpec[] = [\n  {\n    key: 'autocomplete',\n    label: { primary: '\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03AE\u03C0\u03B5\u03B9\u03C1\u03BF' },\n    required: true,\n    type: 'choice:single',\n    extra: {\n      component: 'AutoComplete',\n      options: results.map((r) => {\n        return {\n          label: {\n            primary: r,\n            secondary: `'\u0397\u03C0\u03B5\u03B9\u03C1\u03BF\u03C2: ${r}`,\n          },\n          value: r.toLowerCase(),\n        };\n      }),\n    },\n  },\n];\n\nconst initialValues = {};\n\nexport const Default = () => (\n\n  <FormBuilder\n    fields={fields}\n    onSubmit={(data) => {\n      console.log(data);\n    }}\n    initial={initialValues}\n  >\n    {fields.map((field) => (\n      <Field key={field.key} name={field.key} />\n    ))}\n    <Button type=\"submit\">Submit</Button>\n  </FormBuilder>\n\n);\nexport default Default;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAsB;AACtB,yBAAwB;AAExB,oBAAmB;AAEnB,MAAM,UAAU;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,OAAO,EAAE,SAAS,wFAAkB;AAAA,IACpC,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA,MACX,SAAS,QAAQ,IAAI,CAAC,MAAM;AAC1B,eAAO;AAAA,UACL,OAAO;AAAA,YACL,SAAS;AAAA,YACT,WAAW,gDAAa,CAAC;AAAA,UAC3B;AAAA,UACA,OAAO,EAAE,YAAY;AAAA,QACvB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAEA,MAAM,gBAAgB,CAAC;AAEhB,MAAM,UAAU,MAErB,6BAAAA,QAAA;AAAA,EAAC,mBAAAC;AAAA,EAAA;AAAA,IACC;AAAA,IACA,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA,IACA,SAAS;AAAA;AAAA,EAER,OAAO,IAAI,CAAC,UACX,6BAAAD,QAAA,cAAC,sBAAM,KAAK,MAAM,KAAK,MAAM,MAAM,KAAK,CACzC;AAAA,EACD,6BAAAA,QAAA,cAAC,cAAAE,SAAA,EAAO,MAAK,YAAS,QAAM;AAC9B;AAGF,IAAO,kBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { Field } from '@digigov/form/Field';\nimport FormBuilder from '@digigov/form/FormBuilder';\nimport { FieldSpec } from '@digigov/form/types';\nimport Button from '@digigov/ui/form/Button';\n\nconst results = ['\u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE', '\u0391\u03C3\u03AF\u03B1', '\u0391\u03C5\u03C3\u03C4\u03C1\u03B1\u03BB\u03AF\u03B1', '\u0391\u03C6\u03C1\u03B9\u03BA\u03AE', '\u0395\u03C5\u03C1\u03CE\u03C0\u03B7'];\n\nconst fields: FieldSpec[] = [\n  {\n    key: 'autocomplete',\n    label: { primary: '\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03AE\u03C0\u03B5\u03B9\u03C1\u03BF' },\n    required: true,\n    type: 'choice:single',\n    extra: {\n      component: 'AutoComplete',\n      options: results.map((r) => {\n        return {\n          label: {\n            primary: r,\n            secondary: `'\u0397\u03C0\u03B5\u03B9\u03C1\u03BF\u03C2: ${r}`,\n          },\n          value: r.toLowerCase(),\n        };\n      }),\n    },\n  },\n];\n\nconst initialValues = {};\n\nexport const Default = () => (\n  <FormBuilder\n    fields={fields}\n    onSubmit={(data) => {\n      console.log(data);\n    }}\n    initial={initialValues}\n  >\n    {fields.map((field) => (\n      <Field key={field.key} name={field.key} />\n    ))}\n    <Button type=\"submit\">Submit</Button>\n  </FormBuilder>\n);\nexport default Default;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAsB;AACtB,yBAAwB;AAExB,oBAAmB;AAEnB,MAAM,UAAU,CAAC,8CAAW,4BAAQ,0DAAa,wCAAU,sCAAQ;AAEnE,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,OAAO,EAAE,SAAS,wFAAkB;AAAA,IACpC,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA,MACX,SAAS,QAAQ,IAAI,CAAC,MAAM;AAC1B,eAAO;AAAA,UACL,OAAO;AAAA,YACL,SAAS;AAAA,YACT,WAAW,gDAAa,CAAC;AAAA,UAC3B;AAAA,UACA,OAAO,EAAE,YAAY;AAAA,QACvB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAEA,MAAM,gBAAgB,CAAC;AAEhB,MAAM,UAAU,MACrB,6BAAAA,QAAA;AAAA,EAAC,mBAAAC;AAAA,EAAA;AAAA,IACC;AAAA,IACA,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA,IACA,SAAS;AAAA;AAAA,EAER,OAAO,IAAI,CAAC,UACX,6BAAAD,QAAA,cAAC,sBAAM,KAAK,MAAM,KAAK,MAAM,MAAM,KAAK,CACzC;AAAA,EACD,6BAAAA,QAAA,cAAC,cAAAE,SAAA,EAAO,MAAK,YAAS,QAAM;AAC9B;AAEF,IAAO,kBAAQ;",
   "names": ["React", "FormBuilder", "Button"]
 }

package/cjs/inputs/AutoCompleteInput/__stories__/Multiple/index.js

@@ -35,13 +35,7 @@ var import_react = __toESM(require("react"));
 var import_Field = require("@digigov/form/Field");
 var import_FormBuilder = __toESM(require("@digigov/form/FormBuilder"));
 var import_Button = __toESM(require("@digigov/ui/form/Button"));
-const results = [
-  "\u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE",
-  "\u0391\u03C3\u03AF\u03B1",
-  "\u0391\u03C5\u03C3\u03C4\u03C1\u03B1\u03BB\u03AF\u03B1",
-  "\u0391\u03C6\u03C1\u03B9\u03BA\u03AE",
-  "\u0395\u03C5\u03C1\u03CE\u03C0\u03B7"
-];
+const results = ["\u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE", "\u0391\u03C3\u03AF\u03B1", "\u0391\u03C5\u03C3\u03C4\u03C1\u03B1\u03BB\u03AF\u03B1", "\u0391\u03C6\u03C1\u03B9\u03BA\u03AE", "\u0395\u03C5\u03C1\u03CE\u03C0\u03B7"];
 const fields = [
   {
     key: "autocomplete",
@@ -50,7 +44,6 @@ const fields = [
     type: "choice:multiple",
     extra: {
       component: "AutoComplete",
-      multiple: true,
       options: results.map((r) => {
         return {
           label: {

package/cjs/inputs/AutoCompleteInput/__stories__/Multiple.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/inputs/AutoCompleteInput/__stories__/Multiple.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { Field } from '@digigov/form/Field';\nimport FormBuilder from '@digigov/form/FormBuilder';\nimport { FieldSpec } from '@digigov/form/types';\nimport Button from '@digigov/ui/form/Button';\n\nconst results = [\n  '\u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE',\n  '\u0391\u03C3\u03AF\u03B1',\n  '\u0391\u03C5\u03C3\u03C4\u03C1\u03B1\u03BB\u03AF\u03B1',\n  '\u0391\u03C6\u03C1\u03B9\u03BA\u03AE',\n  '\u0395\u03C5\u03C1\u03CE\u03C0\u03B7',\n];\n\nconst fields: FieldSpec[] = [\n  {\n    key: 'autocomplete',\n    label: { primary: '\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03AE\u03C0\u03B5\u03B9\u03C1\u03BF' },\n    required: true,\n    type: 'choice:multiple',\n    extra: {\n      component: 'AutoComplete',\n      multiple: true,\n      options: results.map((r) => {\n        return {\n          label: {\n            primary: r,\n            secondary: `\u0389\u03C0\u03B5\u03B9\u03C1\u03BF\u03C2: ${r}`,\n          },\n          value: r.toLowerCase(),\n        };\n      }),\n    },\n  },\n];\n\nconst initialValues = {};\n\nexport const Multiple = () => (\n  <FormBuilder\n    fields={fields}\n    onSubmit={(data) => {\n      console.log(data);\n    }}\n    initial={initialValues}\n  >\n    {fields.map((field) => (\n      <Field key={field.key} name={field.key} />\n    ))}\n    <Button type=\"submit\">Submit</Button>\n  </FormBuilder>\n);\n\nexport default Multiple;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAsB;AACtB,yBAAwB;AAExB,oBAAmB;AAEnB,MAAM,UAAU;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,OAAO,EAAE,SAAS,wFAAkB;AAAA,IACpC,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA,MACX,UAAU;AAAA,MACV,SAAS,QAAQ,IAAI,CAAC,MAAM;AAC1B,eAAO;AAAA,UACL,OAAO;AAAA,YACL,SAAS;AAAA,YACT,WAAW,+CAAY,CAAC;AAAA,UAC1B;AAAA,UACA,OAAO,EAAE,YAAY;AAAA,QACvB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAEA,MAAM,gBAAgB,CAAC;AAEhB,MAAM,WAAW,MACtB,6BAAAA,QAAA;AAAA,EAAC,mBAAAC;AAAA,EAAA;AAAA,IACC;AAAA,IACA,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA,IACA,SAAS;AAAA;AAAA,EAER,OAAO,IAAI,CAAC,UACX,6BAAAD,QAAA,cAAC,sBAAM,KAAK,MAAM,KAAK,MAAM,MAAM,KAAK,CACzC;AAAA,EACD,6BAAAA,QAAA,cAAC,cAAAE,SAAA,EAAO,MAAK,YAAS,QAAM;AAC9B;AAGF,IAAO,mBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { Field } from '@digigov/form/Field';\nimport FormBuilder from '@digigov/form/FormBuilder';\nimport { FieldSpec } from '@digigov/form/types';\nimport Button from '@digigov/ui/form/Button';\n\nconst results = ['\u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE', '\u0391\u03C3\u03AF\u03B1', '\u0391\u03C5\u03C3\u03C4\u03C1\u03B1\u03BB\u03AF\u03B1', '\u0391\u03C6\u03C1\u03B9\u03BA\u03AE', '\u0395\u03C5\u03C1\u03CE\u03C0\u03B7'];\n\nconst fields: FieldSpec[] = [\n  {\n    key: 'autocomplete',\n    label: { primary: '\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03AE\u03C0\u03B5\u03B9\u03C1\u03BF' },\n    required: true,\n    type: 'choice:multiple',\n    extra: {\n      component: 'AutoComplete',\n      options: results.map((r) => {\n        return {\n          label: {\n            primary: r,\n            secondary: `\u0389\u03C0\u03B5\u03B9\u03C1\u03BF\u03C2: ${r}`,\n          },\n          value: r.toLowerCase(),\n        };\n      }),\n    },\n  },\n];\n\nconst initialValues = {};\n\nexport const Multiple = () => (\n  <FormBuilder\n    fields={fields}\n    onSubmit={(data) => {\n      console.log(data);\n    }}\n    initial={initialValues}\n  >\n    {fields.map((field) => (\n      <Field key={field.key} name={field.key} />\n    ))}\n    <Button type=\"submit\">Submit</Button>\n  </FormBuilder>\n);\n\nexport default Multiple;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,mBAAsB;AACtB,yBAAwB;AAExB,oBAAmB;AAEnB,MAAM,UAAU,CAAC,8CAAW,4BAAQ,0DAAa,wCAAU,sCAAQ;AAEnE,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,OAAO,EAAE,SAAS,wFAAkB;AAAA,IACpC,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA,MACX,SAAS,QAAQ,IAAI,CAAC,MAAM;AAC1B,eAAO;AAAA,UACL,OAAO;AAAA,YACL,SAAS;AAAA,YACT,WAAW,+CAAY,CAAC;AAAA,UAC1B;AAAA,UACA,OAAO,EAAE,YAAY;AAAA,QACvB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAEA,MAAM,gBAAgB,CAAC;AAEhB,MAAM,WAAW,MACtB,6BAAAA,QAAA;AAAA,EAAC,mBAAAC;AAAA,EAAA;AAAA,IACC;AAAA,IACA,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA,IACA,SAAS;AAAA;AAAA,EAER,OAAO,IAAI,CAAC,UACX,6BAAAD,QAAA,cAAC,sBAAM,KAAK,MAAM,KAAK,MAAM,MAAM,KAAK,CACzC;AAAA,EACD,6BAAAA,QAAA,cAAC,cAAAE,SAAA,EAAO,MAAK,YAAS,QAAM;AAC9B;AAGF,IAAO,mBAAQ;",
   "names": ["React", "FormBuilder", "Button"]
 }

package/cjs/inputs/AutoCompleteInput/index.js

@@ -32,14 +32,15 @@ __export(AutoCompleteInput_exports, {
 });
 module.exports = __toCommonJS(AutoCompleteInput_exports);
 var import_react = __toESM(require("react"));
-var import_Hint = require("@digigov/react-core/Hint");
-var import_AutoComplete = __toESM(require("@digigov/ui/form/AutoComplete"));
+var import_AutoComplete = require("@digigov/ui/form/AutoComplete");
+var import_Hint = require("@digigov/ui/typography/Hint");
+var import_Base = require("@digigov/ui/utils/Base");
 const AutoCompleteInput = ({
   name,
-  extra: { options, multiple },
+  type,
+  extra: { options },
   onChange,
   value,
-  error,
   ...props
 }) => {
   const suggest = (0, import_react.useCallback)(
@@ -53,21 +54,22 @@ const AutoCompleteInput = ({
     [options]
   );
   return /* @__PURE__ */ import_react.default.createElement(
-    import_AutoComplete.default,
+    import_AutoComplete.AutoComplete,
     {
-      multiple,
+      multiple: type === "choice:multiple" ? true : false,
       source: suggest,
       onConfirm: (value2) => {
         if (Array.isArray(value2)) {
           const selectedValues = value2.map((item) => item.value);
-          selectedValues.length > 0 ? onChange(selectedValues) : onChange(void 0);
+          if (selectedValues.length > 0) onChange(selectedValues);
+          else onChange(void 0);
         } else {
           onChange(value2.value);
         }
       },
       templates: {
         suggestion({ label, value: value2 }) {
-          return /* @__PURE__ */ import_react.default.createElement("div", null, label && label.primary && label.primary || value2, label && label.secondary && /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, null, label.secondary));
+          return /* @__PURE__ */ import_react.default.createElement(import_Base.Base, { as: "div" }, label && label.primary && label.primary || value2, label && label.secondary && /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, null, label.secondary));
         },
         inputValue: (option) => {
           if (!option) {

package/cjs/inputs/AutoCompleteInput/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/inputs/AutoCompleteInput/index.tsx"],
-  "sourcesContent": ["import React, { useCallback } from 'react';\nimport { ControlledFieldProps } from '@digigov/form/Field/types';\nimport { FieldOptionProps } from '@digigov/form/inputs/Label';\nimport { Hint } from '@digigov/react-core/Hint';\nimport UIAutoComplete, {\n  AutoCompleteProps as UIAutoCompleteProps,\n} from '@digigov/ui/form/AutoComplete';\n\nexport interface AutoCompleteInputExtra\n  extends Omit<\n    UIAutoCompleteProps,\n    | 'source'\n    | 'id'\n    | 'templates'\n    | 'defaultValue'\n    | 'onConfirm'\n    | 'dropdownArrow'\n  > {\n  options: Array<FieldOptionProps>;\n}\n\nexport interface AutoCompleteInputProps\n  extends Omit<ControlledFieldProps, 'value' | 'onChange' | 'extra'> {\n  extra: AutoCompleteInputExtra;\n  value: string;\n  onChange: (v: string | string[] | undefined) => void;\n}\n\nexport const AutoCompleteInput: React.FC<AutoCompleteInputProps> = ({\n  name,\n  extra: { options, multiple },\n  onChange,\n  value,\n  error,\n  ...props\n}) => {\n  const suggest = useCallback(function suggest(\n    query: string,\n    syncResults: (options: any[]) => void\n  ): void {\n    syncResults(\n      query\n        ? options.filter(function (option) {\n          return (\n            `${option.value} ${option.label?.primary || ''} ${option.label?.secondary || ''\n              }`\n              .toLowerCase()\n              .indexOf(query.toLowerCase()) !== -1\n          );\n        })\n        : options\n    );\n  },\n    [options]);\n\n  return (\n    <UIAutoComplete\n      multiple={multiple}\n      source={suggest}\n      onConfirm={(value) => {\n        if (Array.isArray(value)) {\n          const selectedValues = value.map(item => item.value);\n          selectedValues.length > 0 ? onChange(selectedValues) : onChange(undefined);\n        } else {\n          onChange(value.value);\n        }\n      }}\n      templates={{\n        suggestion({ label, value }) {\n          return (\n            <div>\n              {(label && label.primary && label.primary) || value}\n              {label && label.secondary && <Hint>{label.secondary}</Hint>}\n            </div>\n          );\n        },\n        inputValue: (option) => {\n          if (!option) {\n            return '';\n          }\n          return option.label.primary || option.value;\n        },\n      }}\n      {...{\n        ...props,\n        reset: undefined,\n        required: undefined,\n      }}\n      name={name}\n      id={`${name}-id`}\n      defaultValue={value}\n    />\n  );\n};\n\nexport default AutoCompleteInput;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmC;AAGnC,kBAAqB;AACrB,0BAEO;AAsBA,MAAM,oBAAsD,CAAC;AAAA,EAClE;AAAA,EACA,OAAO,EAAE,SAAS,SAAS;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,cAAU;AAAA,IAAY,SAASA,SACnC,OACA,aACM;AACN;AAAA,QACE,QACI,QAAQ,OAAO,SAAU,QAAQ;AACjC,iBACE,GAAG,OAAO,KAAK,IAAI,OAAO,OAAO,WAAW,EAAE,IAAI,OAAO,OAAO,aAAa,EAC3E,GACC,YAAY,EACZ,QAAQ,MAAM,YAAY,CAAC,MAAM;AAAA,QAExC,CAAC,IACC;AAAA,MACN;AAAA,IACF;AAAA,IACE,CAAC,OAAO;AAAA,EAAC;AAEX,SACE,6BAAAC,QAAA;AAAA,IAAC,oBAAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,QAAQ;AAAA,MACR,WAAW,CAACC,WAAU;AACpB,YAAI,MAAM,QAAQA,MAAK,GAAG;AACxB,gBAAM,iBAAiBA,OAAM,IAAI,UAAQ,KAAK,KAAK;AACnD,yBAAe,SAAS,IAAI,SAAS,cAAc,IAAI,SAAS,MAAS;AAAA,QAC3E,OAAO;AACL,mBAASA,OAAM,KAAK;AAAA,QACtB;AAAA,MACF;AAAA,MACA,WAAW;AAAA,QACT,WAAW,EAAE,OAAO,OAAAA,OAAM,GAAG;AAC3B,iBACE,6BAAAF,QAAA,cAAC,aACG,SAAS,MAAM,WAAW,MAAM,WAAYE,QAC7C,SAAS,MAAM,aAAa,6BAAAF,QAAA,cAAC,wBAAM,MAAM,SAAU,CACtD;AAAA,QAEJ;AAAA,QACA,YAAY,CAAC,WAAW;AACtB,cAAI,CAAC,QAAQ;AACX,mBAAO;AAAA,UACT;AACA,iBAAO,OAAO,MAAM,WAAW,OAAO;AAAA,QACxC;AAAA,MACF;AAAA,MACC,GAAG;AAAA,QACF,GAAG;AAAA,QACH,OAAO;AAAA,QACP,UAAU;AAAA,MACZ;AAAA,MACA;AAAA,MACA,IAAI,GAAG,IAAI;AAAA,MACX,cAAc;AAAA;AAAA,EAChB;AAEJ;AAEA,IAAO,4BAAQ;",
-  "names": ["suggest", "React", "UIAutoComplete", "value"]
+  "sourcesContent": ["import React, { useCallback } from 'react';\nimport { ControlledFieldProps } from '@digigov/form/Field/types';\nimport { FieldOptionProps } from '@digigov/form/inputs/Label';\nimport {\n  AutoComplete,\n  AutoCompleteProps as UIAutoCompleteProps,\n} from '@digigov/ui/form/AutoComplete';\nimport { Hint } from '@digigov/ui/typography/Hint';\nimport { Base } from '@digigov/ui/utils/Base';\nexport interface AutoCompleteInputExtra\n  extends Omit<\n    UIAutoCompleteProps,\n    | 'source'\n    | 'id'\n    | 'templates'\n    | 'defaultValue'\n    | 'onConfirm'\n    | 'dropdownArrow'\n  > {\n  options: FieldOptionProps[];\n}\n\nexport interface AutoCompleteInputProps\n  extends Omit<ControlledFieldProps, 'value' | 'onChange' | 'extra'> {\n  extra: AutoCompleteInputExtra;\n  value: string;\n  onChange: (v: string | string[] | undefined) => void;\n}\n\nexport const AutoCompleteInput: React.FC<AutoCompleteInputProps> = ({\n  name,\n  type,\n  extra: { options },\n  onChange,\n  value,\n  ...props\n}) => {\n  const suggest = useCallback(\n    function suggest(\n      query: string,\n      syncResults: (options: any[]) => void\n    ): void {\n      syncResults(\n        query\n          ? options.filter(function (option) {\n              return (\n                `${option.value} ${option.label?.primary || ''} ${\n                  option.label?.secondary || ''\n                }`\n                  .toLowerCase()\n                  .indexOf(query.toLowerCase()) !== -1\n              );\n            })\n          : options\n      );\n    },\n    [options]\n  );\n\n  return (\n    <AutoComplete\n      multiple={type === 'choice:multiple' ? true : false}\n      source={suggest}\n      onConfirm={(value) => {\n        if (Array.isArray(value)) {\n          const selectedValues = value.map((item) => item.value);\n          if (selectedValues.length > 0) onChange(selectedValues);\n          else onChange(undefined);\n        } else {\n          onChange(value.value);\n        }\n      }}\n      templates={{\n        suggestion({ label, value }) {\n          return (\n            <Base as=\"div\">\n              {(label && label.primary && label.primary) || value}\n              {label && label.secondary && <Hint>{label.secondary}</Hint>}\n            </Base>\n          );\n        },\n        inputValue: (option) => {\n          if (!option) {\n            return '';\n          }\n          return option.label.primary || option.value;\n        },\n      }}\n      {...{\n        ...props,\n        reset: undefined,\n        required: undefined,\n      }}\n      name={name}\n      id={`${name}-id`}\n      defaultValue={value}\n    />\n  );\n};\n\nexport default AutoCompleteInput;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmC;AAGnC,0BAGO;AACP,kBAAqB;AACrB,kBAAqB;AAqBd,MAAM,oBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA,OAAO,EAAE,QAAQ;AAAA,EACjB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,cAAU;AAAA,IACd,SAASA,SACP,OACA,aACM;AACN;AAAA,QACE,QACI,QAAQ,OAAO,SAAU,QAAQ;AAC/B,iBACE,GAAG,OAAO,KAAK,IAAI,OAAO,OAAO,WAAW,EAAE,IAC5C,OAAO,OAAO,aAAa,EAC7B,GACG,YAAY,EACZ,QAAQ,MAAM,YAAY,CAAC,MAAM;AAAA,QAExC,CAAC,IACD;AAAA,MACN;AAAA,IACF;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,SACE,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,SAAS,oBAAoB,OAAO;AAAA,MAC9C,QAAQ;AAAA,MACR,WAAW,CAACC,WAAU;AACpB,YAAI,MAAM,QAAQA,MAAK,GAAG;AACxB,gBAAM,iBAAiBA,OAAM,IAAI,CAAC,SAAS,KAAK,KAAK;AACrD,cAAI,eAAe,SAAS,EAAG,UAAS,cAAc;AAAA,cACjD,UAAS,MAAS;AAAA,QACzB,OAAO;AACL,mBAASA,OAAM,KAAK;AAAA,QACtB;AAAA,MACF;AAAA,MACA,WAAW;AAAA,QACT,WAAW,EAAE,OAAO,OAAAA,OAAM,GAAG;AAC3B,iBACE,6BAAAD,QAAA,cAAC,oBAAK,IAAG,SACL,SAAS,MAAM,WAAW,MAAM,WAAYC,QAC7C,SAAS,MAAM,aAAa,6BAAAD,QAAA,cAAC,wBAAM,MAAM,SAAU,CACtD;AAAA,QAEJ;AAAA,QACA,YAAY,CAAC,WAAW;AACtB,cAAI,CAAC,QAAQ;AACX,mBAAO;AAAA,UACT;AACA,iBAAO,OAAO,MAAM,WAAW,OAAO;AAAA,QACxC;AAAA,MACF;AAAA,MACC,GAAG;AAAA,QACF,GAAG;AAAA,QACH,OAAO;AAAA,QACP,UAAU;AAAA,MACZ;AAAA,MACA;AAAA,MACA,IAAI,GAAG,IAAI;AAAA,MACX,cAAc;AAAA;AAAA,EAChB;AAEJ;AAEA,IAAO,4BAAQ;",
+  "names": ["suggest", "React", "value"]
 }

package/cjs/inputs/Checkboxes/index.js

@@ -32,18 +32,16 @@ __export(Checkboxes_exports, {
 });
 module.exports = __toCommonJS(Checkboxes_exports);
 var import_react = __toESM(require("react"));
-var import_Checkbox = __toESM(require("@digigov/react-core/Checkbox"));
-var import_CheckboxConditional = require("@digigov/react-core/CheckboxConditional");
-var import_CheckboxItem = __toESM(require("@digigov/react-core/CheckboxItem"));
-var import_Hint = __toESM(require("@digigov/react-core/Hint"));
+var import_Checkbox = require("@digigov/ui/form/Checkbox");
 var import_i18n = require("@digigov/ui/i18n");
+var import_Hint = require("@digigov/ui/typography/Hint");
 const Checkboxes = ({
   name,
   onChange,
   value,
   extra: { options, className },
   disabled,
-  fieldComponent: Field,
+  Field,
   ...props
 }) => {
   if (!value) value = [];
@@ -66,7 +64,7 @@ const Checkboxes = ({
   const [checked, setChecked] = (0, import_react.useState)(
     Array(options.length).fill(false)
   );
-  return /* @__PURE__ */ import_react.default.createElement(import_Checkbox.default, { className }, options.map(
+  return /* @__PURE__ */ import_react.default.createElement(import_Checkbox.Checkbox, { className }, options.map(
     ({
       label,
       value: v,
@@ -75,7 +73,7 @@ const Checkboxes = ({
       selected,
       ...option
     }, index) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, { key: index }, /* @__PURE__ */ import_react.default.createElement(
-      import_CheckboxItem.default,
+      import_Checkbox.CheckboxItem,
       {
         key: `${name}.${index}`,
         name: `${name}.${v}`,
@@ -95,8 +93,8 @@ const Checkboxes = ({
         }
       },
       label && label.primary && t(label.primary) || value,
-      label && label.secondary && /* @__PURE__ */ import_react.default.createElement(import_Hint.default, null, t(label.secondary))
-    ), !!checked[index] && show && Field && /* @__PURE__ */ import_react.default.createElement(import_CheckboxConditional.CheckboxConditional, null, show.map((fieldName) => /* @__PURE__ */ import_react.default.createElement(Field, { name: fieldName, key: fieldName }))), selected && selected())
+      label && label.secondary && /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, null, t(label.secondary))
+    ), !!checked[index] && show && Field && /* @__PURE__ */ import_react.default.createElement(import_Checkbox.CheckboxConditional, null, show.map((fieldName) => /* @__PURE__ */ import_react.default.createElement(Field, { name: fieldName, key: fieldName }))), selected && selected())
   ));
 };
 var Checkboxes_default = Checkboxes;

package/cjs/inputs/Checkboxes/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/inputs/Checkboxes/index.tsx"],
-  "sourcesContent": ["import React, { useState } from 'react';\nimport { ControlledFieldProps } from '@digigov/form/Field/types';\nimport { FieldOptionProps } from '@digigov/form/inputs/Label';\nimport CoreCheckboxes from '@digigov/react-core/Checkbox';\nimport { CheckboxConditional } from '@digigov/react-core/CheckboxConditional';\nimport CheckboxItem from '@digigov/react-core/CheckboxItem';\nimport Hint from '@digigov/react-core/Hint';\nimport { useTranslation } from '@digigov/ui/i18n';\n\nexport interface CheckboxesProps\n  extends Omit<ControlledFieldProps, 'extra' | 'value'> {\n  value?: string[];\n  extra: {\n    className?: string;\n    options: Array<FieldOptionProps>;\n  };\n  fieldComponent: React.FC<Omit<ControlledFieldProps, 'value' | 'onChange'>>;\n}\n\nexport const Checkboxes: React.FC<CheckboxesProps> = ({\n  name,\n  onChange,\n  value,\n  extra: { options, className },\n  disabled,\n  fieldComponent: Field,\n  ...props\n}) => {\n  if (!value) value = [];\n  const handleChange =\n    (optionValue, idx, show) =>\n    (evt): void => {\n      let newValue;\n      if (evt.currentTarget.checked) {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        newValue = value.concat([optionValue]);\n      } else {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        newValue = value.filter((val) => val !== optionValue);\n      }\n      if (show && show.length > 0) {\n        setChecked((items) =>\n          items.map((item, index) => (index === idx ? !item : item))\n        );\n      }\n\n      // reset value to undefined instead of an empty array\n      // so the error state mechanism can throw validation errors\n      if (newValue.length === 0) newValue = undefined;\n      onChange(newValue);\n    };\n  const { t } = useTranslation();\n  const [checked, setChecked] = useState(\n    Array<boolean>(options.length).fill(false)\n  );\n  return (\n    <CoreCheckboxes className={className}>\n      {options.map(\n        (\n          {\n            label,\n            value: v,\n            show,\n            disabled: optionDisabled,\n            selected,\n            ...option\n          },\n          index\n        ) => (\n          <React.Fragment key={index}>\n            <CheckboxItem\n              key={`${name}.${index}`}\n              name={`${name}.${v}`}\n              value={v}\n              disabled={disabled || optionDisabled}\n              checked={value?.includes(v)}\n              onChange={handleChange(v, index, show)}\n              {...option}\n              {...{\n                ...props,\n                reset: undefined,\n                defaultValue: undefined,\n                onBlur: undefined,\n                required: undefined,\n                'aria-describedby': undefined,\n                type: 'checkbox',\n              }}\n            >\n              {(label && label.primary && t(label.primary)) || value}\n              {label && label.secondary && <Hint>{t(label.secondary)}</Hint>}\n            </CheckboxItem>\n\n            {!!checked[index] && show && Field && (\n              <CheckboxConditional>\n                {show.map((fieldName) => (\n                  <Field name={fieldName} key={fieldName} />\n                ))}\n              </CheckboxConditional>\n            )}\n            {selected && selected()}\n          </React.Fragment>\n        )\n      )}\n    </CoreCheckboxes>\n  );\n};\n\nexport default Checkboxes;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAGhC,sBAA2B;AAC3B,iCAAoC;AACpC,0BAAyB;AACzB,kBAAiB;AACjB,kBAA+B;AAYxB,MAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO,EAAE,SAAS,UAAU;AAAA,EAC5B;AAAA,EACA,gBAAgB;AAAA,EAChB,GAAG;AACL,MAAM;AACJ,MAAI,CAAC,MAAO,SAAQ,CAAC;AACrB,QAAM,eACJ,CAAC,aAAa,KAAK,SACnB,CAAC,QAAc;AACb,QAAI;AACJ,QAAI,IAAI,cAAc,SAAS;AAG7B,iBAAW,MAAM,OAAO,CAAC,WAAW,CAAC;AAAA,IACvC,OAAO;AAGL,iBAAW,MAAM,OAAO,CAAC,QAAQ,QAAQ,WAAW;AAAA,IACtD;AACA,QAAI,QAAQ,KAAK,SAAS,GAAG;AAC3B;AAAA,QAAW,CAAC,UACV,MAAM,IAAI,CAAC,MAAM,UAAW,UAAU,MAAM,CAAC,OAAO,IAAK;AAAA,MAC3D;AAAA,IACF;AAIA,QAAI,SAAS,WAAW,EAAG,YAAW;AACtC,aAAS,QAAQ;AAAA,EACnB;AACF,QAAM,EAAE,EAAE,QAAI,4BAAe;AAC7B,QAAM,CAAC,SAAS,UAAU,QAAI;AAAA,IAC5B,MAAe,QAAQ,MAAM,EAAE,KAAK,KAAK;AAAA,EAC3C;AACA,SACE,6BAAAA,QAAA,cAAC,gBAAAC,SAAA,EAAe,aACb,QAAQ;AAAA,IACP,CACE;AAAA,MACE;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA,GAAG;AAAA,IACL,GACA,UAEA,6BAAAD,QAAA,cAAC,aAAAA,QAAM,UAAN,EAAe,KAAK,SACnB,6BAAAA,QAAA;AAAA,MAAC,oBAAAE;AAAA,MAAA;AAAA,QACC,KAAK,GAAG,IAAI,IAAI,KAAK;AAAA,QACrB,MAAM,GAAG,IAAI,IAAI,CAAC;AAAA,QAClB,OAAO;AAAA,QACP,UAAU,YAAY;AAAA,QACtB,SAAS,OAAO,SAAS,CAAC;AAAA,QAC1B,UAAU,aAAa,GAAG,OAAO,IAAI;AAAA,QACpC,GAAG;AAAA,QACH,GAAG;AAAA,UACF,GAAG;AAAA,UACH,OAAO;AAAA,UACP,cAAc;AAAA,UACd,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,oBAAoB;AAAA,UACpB,MAAM;AAAA,QACR;AAAA;AAAA,MAEE,SAAS,MAAM,WAAW,EAAE,MAAM,OAAO,KAAM;AAAA,MAChD,SAAS,MAAM,aAAa,6BAAAF,QAAA,cAAC,YAAAG,SAAA,MAAM,EAAE,MAAM,SAAS,CAAE;AAAA,IACzD,GAEC,CAAC,CAAC,QAAQ,KAAK,KAAK,QAAQ,SAC3B,6BAAAH,QAAA,cAAC,sDACE,KAAK,IAAI,CAAC,cACT,6BAAAA,QAAA,cAAC,SAAM,MAAM,WAAW,KAAK,WAAW,CACzC,CACH,GAED,YAAY,SAAS,CACxB;AAAA,EAEJ,CACF;AAEJ;AAEA,IAAO,qBAAQ;",
-  "names": ["React", "CoreCheckboxes", "CheckboxItem", "Hint"]
+  "sourcesContent": ["import React, { useState } from 'react';\nimport { ControlledFieldProps } from '@digigov/form/Field/types';\nimport { FieldOptionProps } from '@digigov/form/inputs/Label';\nimport {\n  Checkbox,\n  CheckboxItem,\n  CheckboxConditional,\n} from '@digigov/ui/form/Checkbox';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport interface CheckboxesProps\n  extends Omit<ControlledFieldProps, 'extra' | 'value'> {\n  value?: string[];\n  extra: {\n    className?: string;\n    options: FieldOptionProps[];\n  };\n  fieldComponent: React.FC<Omit<ControlledFieldProps, 'value' | 'onChange'>>;\n}\n\nexport const Checkboxes: React.FC<CheckboxesProps> = ({\n  name,\n  onChange,\n  value,\n  extra: { options, className },\n  disabled,\n  Field,\n  ...props\n}) => {\n  if (!value) value = [];\n  const handleChange =\n    (optionValue, idx, show) =>\n    (evt): void => {\n      let newValue;\n      if (evt.currentTarget.checked) {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        newValue = value.concat([optionValue]);\n      } else {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        newValue = value.filter((val) => val !== optionValue);\n      }\n      if (show && show.length > 0) {\n        setChecked((items) =>\n          items.map((item, index) => (index === idx ? !item : item))\n        );\n      }\n\n      // reset value to undefined instead of an empty array\n      // so the error state mechanism can throw validation errors\n      if (newValue.length === 0) newValue = undefined;\n      onChange(newValue);\n    };\n  const { t } = useTranslation();\n  const [checked, setChecked] = useState(\n    Array<boolean>(options.length).fill(false)\n  );\n  return (\n    <Checkbox className={className}>\n      {options.map(\n        (\n          {\n            label,\n            value: v,\n            show,\n            disabled: optionDisabled,\n            selected,\n            ...option\n          },\n          index\n        ) => (\n          <React.Fragment key={index}>\n            <CheckboxItem\n              key={`${name}.${index}`}\n              name={`${name}.${v}`}\n              value={v}\n              disabled={disabled || optionDisabled}\n              checked={value?.includes(v)}\n              onChange={handleChange(v, index, show)}\n              {...option}\n              {...{\n                ...props,\n                reset: undefined,\n                defaultValue: undefined,\n                onBlur: undefined,\n                required: undefined,\n                'aria-describedby': undefined,\n                type: 'checkbox',\n              }}\n            >\n              {(label && label.primary && t(label.primary)) || value}\n              {label && label.secondary && <Hint>{t(label.secondary)}</Hint>}\n            </CheckboxItem>\n\n            {!!checked[index] && show && Field && (\n              <CheckboxConditional>\n                {show.map((fieldName) => (\n                  <Field name={fieldName} key={fieldName} />\n                ))}\n              </CheckboxConditional>\n            )}\n            {selected && selected()}\n          </React.Fragment>\n        )\n      )}\n    </Checkbox>\n  );\n};\n\nexport default Checkboxes;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAGhC,sBAIO;AACP,kBAA+B;AAC/B,kBAAqB;AAYd,MAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO,EAAE,SAAS,UAAU;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,MAAI,CAAC,MAAO,SAAQ,CAAC;AACrB,QAAM,eACJ,CAAC,aAAa,KAAK,SACnB,CAAC,QAAc;AACb,QAAI;AACJ,QAAI,IAAI,cAAc,SAAS;AAG7B,iBAAW,MAAM,OAAO,CAAC,WAAW,CAAC;AAAA,IACvC,OAAO;AAGL,iBAAW,MAAM,OAAO,CAAC,QAAQ,QAAQ,WAAW;AAAA,IACtD;AACA,QAAI,QAAQ,KAAK,SAAS,GAAG;AAC3B;AAAA,QAAW,CAAC,UACV,MAAM,IAAI,CAAC,MAAM,UAAW,UAAU,MAAM,CAAC,OAAO,IAAK;AAAA,MAC3D;AAAA,IACF;AAIA,QAAI,SAAS,WAAW,EAAG,YAAW;AACtC,aAAS,QAAQ;AAAA,EACnB;AACF,QAAM,EAAE,EAAE,QAAI,4BAAe;AAC7B,QAAM,CAAC,SAAS,UAAU,QAAI;AAAA,IAC5B,MAAe,QAAQ,MAAM,EAAE,KAAK,KAAK;AAAA,EAC3C;AACA,SACE,6BAAAA,QAAA,cAAC,4BAAS,aACP,QAAQ;AAAA,IACP,CACE;AAAA,MACE;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA,GAAG;AAAA,IACL,GACA,UAEA,6BAAAA,QAAA,cAAC,aAAAA,QAAM,UAAN,EAAe,KAAK,SACnB,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,GAAG,IAAI,IAAI,KAAK;AAAA,QACrB,MAAM,GAAG,IAAI,IAAI,CAAC;AAAA,QAClB,OAAO;AAAA,QACP,UAAU,YAAY;AAAA,QACtB,SAAS,OAAO,SAAS,CAAC;AAAA,QAC1B,UAAU,aAAa,GAAG,OAAO,IAAI;AAAA,QACpC,GAAG;AAAA,QACH,GAAG;AAAA,UACF,GAAG;AAAA,UACH,OAAO;AAAA,UACP,cAAc;AAAA,UACd,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,oBAAoB;AAAA,UACpB,MAAM;AAAA,QACR;AAAA;AAAA,MAEE,SAAS,MAAM,WAAW,EAAE,MAAM,OAAO,KAAM;AAAA,MAChD,SAAS,MAAM,aAAa,6BAAAA,QAAA,cAAC,wBAAM,EAAE,MAAM,SAAS,CAAE;AAAA,IACzD,GAEC,CAAC,CAAC,QAAQ,KAAK,KAAK,QAAQ,SAC3B,6BAAAA,QAAA,cAAC,2CACE,KAAK,IAAI,CAAC,cACT,6BAAAA,QAAA,cAAC,SAAM,MAAM,WAAW,KAAK,WAAW,CACzC,CACH,GAED,YAAY,SAAS,CACxB;AAAA,EAEJ,CACF;AAEJ;AAEA,IAAO,qBAAQ;",
+  "names": ["React"]
 }

package/cjs/inputs/DateInput/__stories__/Default/index.js

@@ -45,14 +45,9 @@ const fields = [
     }
   }
 ];
-const Default = () => /* @__PURE__ */ import_react.default.createElement(import_form.default, { onSubmit: () => console.log("kati") }, fields.map(
-  (field) => {
-    return (
-      // @ts-ignore
-      /* @__PURE__ */ import_react.default.createElement(import_form.Field, { ...field, name: field.key })
-    );
-  }
-), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { type: "submit" }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
+const Default = () => /* @__PURE__ */ import_react.default.createElement(import_form.default, { onSubmit: () => console.log("kati") }, fields.map(({ key, ...field }) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_form.Field, { ...field, name: key, key });
+}), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { type: "submit" }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
 var Default_default = Default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/inputs/DateInput/__stories__/Default.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/inputs/DateInput/__stories__/Default.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field } from '@digigov/form';\nimport { Button } from '@digigov/ui/form/Button';\n\nconst fields = [\n  {\n    key: 'date-example',\n    type: 'date',\n    required: true,\n    label: {\n      primary: '\u03A0\u03CC\u03C4\u03B5 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03C4\u03BF \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03AE\u03C1\u03B9\u03BF \u03C3\u03B1\u03C2;',\n      secondary:\n        '\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020',\n    }\n  },\n]\n\nexport const Default = () => (\n  <FormBuilder onSubmit={() => console.log('kati')}>\n    {fields.map((field) => {\n      return (\n        // @ts-ignore\n        <Field {...field} name={field.key} />\n      )\n    }\n    )}\n    <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n  </FormBuilder>\n);\nexport default Default;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAmC;AACnC,oBAAuB;AAEvB,MAAM,SAAS;AAAA,EACb;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WACE;AAAA,IACJ;AAAA,EACF;AACF;AAEO,MAAM,UAAU,MACrB,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAY,UAAU,MAAM,QAAQ,IAAI,MAAM,KAC5C,OAAO;AAAA,EAAI,CAAC,UAAU;AACrB;AAAA;AAAA,MAEE,6BAAAD,QAAA,cAAC,qBAAO,GAAG,OAAO,MAAM,MAAM,KAAK;AAAA;AAAA,EAEvC;AACA,GACA,6BAAAA,QAAA,cAAC,wBAAO,MAAK,YAAS,kDAAQ,CAChC;AAEF,IAAO,kBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field } from '@digigov/form';\nimport { Button } from '@digigov/ui/form/Button';\n\nconst fields = [\n  {\n    key: 'date-example',\n    type: 'date',\n    required: true,\n    label: {\n      primary: '\u03A0\u03CC\u03C4\u03B5 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03C4\u03BF \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03AE\u03C1\u03B9\u03BF \u03C3\u03B1\u03C2;',\n      secondary: '\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020',\n    },\n  } as const,\n];\n\nexport const Default = () => (\n  <FormBuilder onSubmit={() => console.log('kati')}>\n    {fields.map(({ key, ...field }) => {\n      return <Field {...field} name={key} key={key} />;\n    })}\n    <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n  </FormBuilder>\n);\nexport default Default;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAmC;AACnC,oBAAuB;AAEvB,MAAM,SAAS;AAAA,EACb;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WAAW;AAAA,IACb;AAAA,EACF;AACF;AAEO,MAAM,UAAU,MACrB,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAY,UAAU,MAAM,QAAQ,IAAI,MAAM,KAC5C,OAAO,IAAI,CAAC,EAAE,KAAK,GAAG,MAAM,MAAM;AACjC,SAAO,6BAAAD,QAAA,cAAC,qBAAO,GAAG,OAAO,MAAM,KAAK,KAAU;AAChD,CAAC,GACD,6BAAAA,QAAA,cAAC,wBAAO,MAAK,YAAS,kDAAQ,CAChC;AAEF,IAAO,kBAAQ;",
   "names": ["React", "FormBuilder"]
 }

package/cjs/inputs/DateInput/index.js

@@ -34,8 +34,7 @@ module.exports = __toCommonJS(DateInput_exports);
 var import_react = __toESM(require("react"));
 var import_dayjs = __toESM(require("dayjs"));
 var import_customParseFormat = __toESM(require("dayjs/plugin/customParseFormat"));
-var import_DateInputContainer = __toESM(require("@digigov/react-core/DateInputContainer"));
-var import_DateInputItem = __toESM(require("@digigov/react-core/DateInputItem"));
+var import_DateInputContainer = require("@digigov/ui/form/DateInputContainer");
 var import_i18n = require("@digigov/ui/i18n");
 import_dayjs.default.extend(import_customParseFormat.default);
 function useDate(value, onChange) {
@@ -91,9 +90,9 @@ const makeDate = (val) => {
   return "";
 };
 const DatePart = ({ label, ...props }) => {
-  return /* @__PURE__ */ import_react.default.createElement(import_DateInputItem.default, { ...props }, label);
+  return /* @__PURE__ */ import_react.default.createElement(import_DateInputContainer.DateInputItem, { ...props }, label);
 };
-const DateInput = ({ name, type, ...props }) => {
+const DateInput = ({ name, ...props }) => {
   const { t } = (0, import_i18n.useTranslation)();
   const [initial] = (0, import_react.useState)(props.value);
   const value = (0, import_react.useMemo)(() => {
@@ -103,7 +102,7 @@ const DateInput = ({ name, type, ...props }) => {
     return props.value;
   }, [props.value, initial]);
   const date = useDate(value || makeDate(props.defaultValue), props.onChange);
-  return /* @__PURE__ */ import_react.default.createElement(import_DateInputContainer.default, null, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_DateInputContainer.DateInputContainer, null, /* @__PURE__ */ import_react.default.createElement(
     DatePart,
     {
       label: t("form.label.day"),