@digigov/form 2.0.0-7d9a8d86 → 2.0.0-834daea4

package/inputs/Checkboxes/__stories__/WithDivider/index.js

@@ -1,36 +1,42 @@
 import React from "react";
-import FormBuilder, {Field} from "@digigov/form";
-import {Button} from "@digigov/ui/form/Button";
-const WithDivider = () => /* @__PURE__ */ React.createElement(FormBuilder, {
-  onSubmit: (data) => {
-    console.log(data);
-  }
-}, /* @__PURE__ */ React.createElement(Field, {
-  key: "string",
-  name: "string",
-  type: "choice:multiple",
-  required: true,
-  label: {primary: "\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;"},
-  extra: {
-    options: [
-      {
-        label: {primary: "\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9"},
-        value: "runny-nose"
-      },
-      {
-        label: {primary: "\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC"},
-        value: "fever"
-      },
-      {
-        label: {primary: "\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7"},
-        value: "fatigue",
-        dividerText: "\u03AE"
+import FormBuilder, { Field } from "@digigov/form";
+import { Button } from "@digigov/ui/form/Button";
+const WithDivider = () => /* @__PURE__ */ React.createElement(
+  FormBuilder,
+  {
+    onSubmit: (data) => {
+      console.log(data);
+    }
+  },
+  /* @__PURE__ */ React.createElement(
+    Field,
+    {
+      key: "string",
+      name: "string",
+      type: "choice:multiple",
+      required: true,
+      label: { primary: "\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;" },
+      extra: {
+        options: [
+          {
+            label: { primary: "\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9" },
+            value: "runny-nose"
+          },
+          {
+            label: { primary: "\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC" },
+            value: "fever"
+          },
+          {
+            label: { primary: "\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7" },
+            value: "fatigue",
+            dividerText: "\u03AE"
+          }
+        ]
       }
-    ]
-  }
-}), /* @__PURE__ */ React.createElement(Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
+    }
+  ),
+  /* @__PURE__ */ React.createElement(Button, { type: "submit" }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")
+);
 var WithDivider_default = WithDivider;
 export {
   WithDivider,

package/inputs/Checkboxes/__stories__/WithDivider.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const WithDivider: () => JSX.Element;
+import React from 'react';
+export declare const WithDivider: () => React.JSX.Element;
 export default WithDivider;

package/inputs/Checkboxes/__stories__/WithDivider.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/inputs/Checkboxes/__stories__/WithDivider.tsx"],
   "sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field } from '@digigov/form';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const WithDivider = () => (\n  <FormBuilder\n    onSubmit={(data) => {\n      console.log(data);\n    }}\n  >\n    <Field\n      key={'string'}\n      name=\"string\"\n      type=\"choice:multiple\"\n      required\n      label={{ primary: '\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;' }}\n      extra={{\n        options: [\n          {\n            label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n            value: 'runny-nose',\n          },\n          {\n            label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n            value: 'fever',\n          },\n          {\n            label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n            value: 'fatigue',\n            dividerText: '\u03AE',\n          },\n        ],\n      }}\n    />\n    <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n  </FormBuilder>\n);\n\nexport default WithDivider;\n"],
-  "mappings": "AAAA;AACA;AACA;AAEO,MAAM,cAAc,MACzB,oCAAC,aAAD;AAAA,EACE,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,GAGd,oCAAC,OAAD;AAAA,EACE,KAAK;AAAA,EACL,MAAK;AAAA,EACL,MAAK;AAAA,EACL,UAAQ;AAAA,EACR,OAAO,CAAE,SAAS;AAAA,EAClB,OAAO;AAAA,IACL,SAAS;AAAA,MACP;AAAA,QACE,OAAO,CAAE,SAAS;AAAA,QAClB,OAAO;AAAA;AAAA,MAET;AAAA,QACE,OAAO,CAAE,SAAS;AAAA,QAClB,OAAO;AAAA;AAAA,MAET;AAAA,QACE,OAAO,CAAE,SAAS;AAAA,QAClB,OAAO;AAAA,QACP,aAAa;AAAA;AAAA;AAAA;AAAA,IAKrB,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAI1B,IAAO,sBAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,eAAe,aAAa;AACnC,SAAS,cAAc;AAEhB,MAAM,cAAc,MACzB;AAAA,EAAC;AAAA;AAAA,IACC,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA;AAAA,EAEA;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,MAAK;AAAA,MACL,MAAK;AAAA,MACL,UAAQ;AAAA,MACR,OAAO,EAAE,SAAS,8JAAiC;AAAA,MACnD,OAAO;AAAA,QACL,SAAS;AAAA,UACP;AAAA,YACE,OAAO,EAAE,SAAS,0DAAa;AAAA,YAC/B,OAAO;AAAA,UACT;AAAA,UACA;AAAA,YACE,OAAO,EAAE,SAAS,0DAAa;AAAA,YAC/B,OAAO;AAAA,UACT;AAAA,UACA;AAAA,YACE,OAAO,EAAE,SAAS,0GAAqB;AAAA,YACvC,OAAO;AAAA,YACP,aAAa;AAAA,UACf;AAAA,QACF;AAAA,MACF;AAAA;AAAA,EACF;AAAA,EACA,oCAAC,UAAO,MAAK,YAAS,kDAAQ;AAChC;AAGF,IAAO,sBAAQ;",
   "names": []
 }

package/inputs/Checkboxes/index.d.ts

@@ -7,6 +7,7 @@ export interface CheckboxesProps extends Omit<ControlledFieldProps, 'extra' | 'v
         className?: string;
         options: Array<FieldOptionProps>;
     };
+    fieldComponent: React.FC<Omit<ControlledFieldProps, 'value' | 'onChange'>>;
 }
 export declare const Checkboxes: React.FC<CheckboxesProps>;
 export default Checkboxes;

package/inputs/Checkboxes/index.js

@@ -1,20 +1,21 @@
-import React, {useState} from "react";
-import {Field} from "@digigov/form";
-import {CheckboxConditional} from "@digigov/react-core/CheckboxConditional";
-import CoreCheckboxes from "@digigov/react-core/Checkbox";
-import CheckboxItem from "@digigov/react-core/CheckboxItem";
-import Hint from "@digigov/react-core/Hint";
-import {useTranslation} from "@digigov/ui/i18n";
+import React, { useState } from "react";
+import {
+  Checkbox,
+  CheckboxItem,
+  CheckboxConditional
+} from "@digigov/ui/form/Checkbox";
+import { useTranslation } from "@digigov/ui/i18n";
+import { Hint } from "@digigov/ui/typography/Hint";
 const Checkboxes = ({
   name,
   onChange,
   value,
-  extra: {options, className},
+  extra: { options, className },
   disabled,
+  Field,
   ...props
 }) => {
-  if (!value)
-    value = [];
+  if (!value) value = [];
   const handleChange = (optionValue, idx, show) => (evt) => {
     let newValue;
     if (evt.currentTarget.checked) {
@@ -23,46 +24,49 @@ const Checkboxes = ({
       newValue = value.filter((val) => val !== optionValue);
     }
     if (show && show.length > 0) {
-      setChecked((items) => items.map((item, index) => index === idx ? !item : item));
+      setChecked(
+        (items) => items.map((item, index) => index === idx ? !item : item)
+      );
     }
-    if (newValue.length === 0)
-      newValue = void 0;
+    if (newValue.length === 0) newValue = void 0;
     onChange(newValue);
   };
-  const {t} = useTranslation();
-  const [checked, setChecked] = useState(Array(options.length).fill(false));
-  return /* @__PURE__ */ React.createElement(CoreCheckboxes, {
-    className
-  }, options.map(({
-    label,
-    value: v,
-    show,
-    disabled: optionDisabled,
-    selected,
-    ...option
-  }, index) => /* @__PURE__ */ React.createElement(React.Fragment, {
-    key: index
-  }, /* @__PURE__ */ React.createElement(CheckboxItem, {
-    key: `${name}.${index}`,
-    name,
-    value: v,
-    disabled: disabled || optionDisabled,
-    checked: value?.includes(v),
-    onChange: handleChange(v, index, show),
-    ...option,
-    ...{
-      ...props,
-      reset: void 0,
-      defaultValue: void 0,
-      onBlur: void 0,
-      required: void 0,
-      "aria-describedby": void 0,
-      type: "checkbox"
-    }
-  }, label && label.primary && t(label.primary) || value, label && label.secondary && /* @__PURE__ */ React.createElement(Hint, null, t(label.secondary))), !!checked[index] && show && /* @__PURE__ */ React.createElement(CheckboxConditional, null, show.map((fieldName) => /* @__PURE__ */ React.createElement(Field, {
-    name: fieldName,
-    key: fieldName
-  }))), selected && selected())));
+  const { t } = useTranslation();
+  const [checked, setChecked] = useState(
+    Array(options.length).fill(false)
+  );
+  return /* @__PURE__ */ React.createElement(Checkbox, { className }, options.map(
+    ({
+      label,
+      value: v,
+      show,
+      disabled: optionDisabled,
+      selected,
+      ...option
+    }, index) => /* @__PURE__ */ React.createElement(React.Fragment, { key: index }, /* @__PURE__ */ React.createElement(
+      CheckboxItem,
+      {
+        key: `${name}.${index}`,
+        name: `${name}.${v}`,
+        value: v,
+        disabled: disabled || optionDisabled,
+        checked: value?.includes(v),
+        onChange: handleChange(v, index, show),
+        ...option,
+        ...{
+          ...props,
+          reset: void 0,
+          defaultValue: void 0,
+          onBlur: void 0,
+          required: void 0,
+          "aria-describedby": void 0,
+          type: "checkbox"
+        }
+      },
+      label && label.primary && t(label.primary) || value,
+      label && label.secondary && /* @__PURE__ */ React.createElement(Hint, null, t(label.secondary))
+    ), !!checked[index] && show && Field && /* @__PURE__ */ React.createElement(CheckboxConditional, null, show.map((fieldName) => /* @__PURE__ */ React.createElement(Field, { name: fieldName, key: fieldName }))), selected && selected())
+  ));
 };
 var Checkboxes_default = Checkboxes;
 export {

package/inputs/Checkboxes/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/inputs/Checkboxes/index.tsx"],
-  "sourcesContent": ["import React, { useState } from 'react';\nimport { Field } from '@digigov/form';\nimport { ControlledFieldProps } from '@digigov/form/Field/types';\nimport { FieldOptionProps } from '@digigov/form/inputs/Label';\nimport { CheckboxConditional } from '@digigov/react-core/CheckboxConditional';\nimport CoreCheckboxes from '@digigov/react-core/Checkbox';\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}\n\nexport const Checkboxes: React.FC<CheckboxesProps> = ({\n  name,\n  onChange,\n  value,\n  extra: { options, className },\n  disabled,\n  ...props\n}) => {\n  if (!value) value = [];\n  const handleChange = (optionValue, idx, show) => (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}\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 && (\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;AACA;AAGA;AACA;AACA;AACA;AACA;AAWO,MAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO,CAAE,SAAS;AAAA,EAClB;AAAA,KACG;AAAA,MACC;AACJ,MAAI,CAAC;AAAO,YAAQ;AACpB,QAAM,eAAe,CAAC,aAAa,KAAK,SAAS,CAAC,QAAc;AAC9D,QAAI;AACJ,QAAI,IAAI,cAAc,SAAS;AAG7B,iBAAW,MAAM,OAAO,CAAC;AAAA,WACpB;AAGL,iBAAW,MAAM,OAAO,CAAC,QAAQ,QAAQ;AAAA;AAE3C,QAAI,QAAQ,KAAK,SAAS,GAAG;AAC3B,iBAAW,CAAC,UACV,MAAM,IAAI,CAAC,MAAM,UAAW,UAAU,MAAM,CAAC,OAAO;AAAA;AAMxD,QAAI,SAAS,WAAW;AAAG,iBAAW;AACtC,aAAS;AAAA;AAEX,QAAM,CAAE,KAAM;AACd,QAAM,CAAC,SAAS,cAAc,SAC5B,MAAe,QAAQ,QAAQ,KAAK;AAEtC,SACE,oCAAC,gBAAD;AAAA,IAAgB;AAAA,KACb,QAAQ,IACP,CACE;AAAA,IACE;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,UAAU;AAAA,IACV;AAAA,OACG;AAAA,KAEL,UAEA,oCAAC,MAAM,UAAP;AAAA,IAAgB,KAAK;AAAA,KACnB,oCAAC,cAAD;AAAA,IACE,KAAK,GAAG,QAAQ;AAAA,IAChB;AAAA,IACA,OAAO;AAAA,IACP,UAAU,YAAY;AAAA,IACtB,SAAS,OAAO,SAAS;AAAA,IACzB,UAAU,aAAa,GAAG,OAAO;AAAA,OAC7B;AAAA,OACA;AAAA,SACC;AAAA,MACH,OAAO;AAAA,MACP,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,oBAAoB;AAAA,MACpB,MAAM;AAAA;AAAA,KAGN,SAAS,MAAM,WAAW,EAAE,MAAM,YAAa,OAChD,SAAS,MAAM,aAAa,oCAAC,MAAD,MAAO,EAAE,MAAM,cAG7C,CAAC,CAAC,QAAQ,UAAU,QACnB,oCAAC,qBAAD,MACG,KAAK,IAAI,CAAC,cACT,oCAAC,OAAD;AAAA,IAAO,MAAM;AAAA,IAAW,KAAK;AAAA,QAIlC,YAAY;AAAA;AAQzB,IAAO,qBAAQ;",
+  "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: 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  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,OAAO,SAAS,gBAAgB;AAGhC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,YAAY;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,IAAI,eAAe;AAC7B,QAAM,CAAC,SAAS,UAAU,IAAI;AAAA,IAC5B,MAAe,QAAQ,MAAM,EAAE,KAAK,KAAK;AAAA,EAC3C;AACA,SACE,oCAAC,YAAS,aACP,QAAQ;AAAA,IACP,CACE;AAAA,MACE;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA,GAAG;AAAA,IACL,GACA,UAEA,oCAAC,MAAM,UAAN,EAAe,KAAK,SACnB;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,oCAAC,YAAM,EAAE,MAAM,SAAS,CAAE;AAAA,IACzD,GAEC,CAAC,CAAC,QAAQ,KAAK,KAAK,QAAQ,SAC3B,oCAAC,2BACE,KAAK,IAAI,CAAC,cACT,oCAAC,SAAM,MAAM,WAAW,KAAK,WAAW,CACzC,CACH,GAED,YAAY,SAAS,CACxB;AAAA,EAEJ,CACF;AAEJ;AAEA,IAAO,qBAAQ;",
   "names": []
 }

package/inputs/Checkboxes/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/inputs/DateInput/DateInput.stories/index.js

@@ -4,8 +4,9 @@ var DateInput_stories_default = {
   component: DateInput,
   displayName: "DateInput"
 };
-export * from "@digigov/form/inputs/DateInput/__stories__/Default";
+import { Default } from "@digigov/form/inputs/DateInput/__stories__/Default";
 export {
+  Default,
   DateInput_stories_default as default
 };
 //# sourceMappingURL=DateInput.stories.js.map

package/inputs/DateInput/DateInput.stories.d.ts

@@ -4,5 +4,5 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
-export * from "@digigov/form/inputs/DateInput/__stories__/Default";
+export { Default } from "@digigov/form/inputs/DateInput/__stories__/Default";
 import DateInput from '@digigov/form/inputs/DateInput';

package/inputs/DateInput/DateInput.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/inputs/DateInput/DateInput.stories.js"],
-  "sourcesContent": ["import DateInput from '@digigov/form/inputs/DateInput';\nexport default {\n  title: 'Digigov Form/inputs/DateInput',\n  component: DateInput,\n  displayName: 'DateInput',\n};\nexport * from '@digigov/form/inputs/DateInput/__stories__/Default';\n"],
-  "mappings": "AAAA;AACA,IAAO,4BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA;AAEf;",
+  "sourcesContent": ["import DateInput from '@digigov/form/inputs/DateInput';\nexport default {\n  title: 'Digigov Form/inputs/DateInput',\n  component: DateInput,\n  displayName: 'DateInput',\n};\nexport { Default } from '@digigov/form/inputs/DateInput/__stories__/Default';\n"],
+  "mappings": "AAAA,OAAO,eAAe;AACtB,IAAO,4BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;",
   "names": []
 }

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

@@ -1,22 +1,25 @@
 import React from "react";
-import FormBuilder, {Field} from "@digigov/form";
-import {Button} from "@digigov/ui/form/Button";
-const Default = () => /* @__PURE__ */ React.createElement(FormBuilder, {
-  onSubmit: (data) => {
-    console.log(data);
+import FormBuilder, { Field } from "@digigov/form";
+import { Button } from "@digigov/ui/form/Button";
+const fields = [
+  {
+    key: "date-example",
+    type: "date",
+    required: true,
+    label: {
+      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;",
+      secondary: "\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020"
+    }
   }
-}, /* @__PURE__ */ React.createElement(Field, {
-  key: "string",
-  name: "string",
-  type: "date",
-  required: true,
-  label: {
-    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;",
-    secondary: "\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020"
+];
+const Default = () => /* @__PURE__ */ React.createElement(FormBuilder, { onSubmit: () => console.log("kati") }, fields.map(
+  (field) => {
+    return (
+      // @ts-ignore
+      /* @__PURE__ */ React.createElement(Field, { ...field, name: field.key })
+    );
   }
-}), /* @__PURE__ */ React.createElement(Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
+), /* @__PURE__ */ React.createElement(Button, { type: "submit" }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
 var Default_default = Default;
 export {
   Default,

package/inputs/DateInput/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const Default: () => JSX.Element;
+import React from 'react';
+export declare const Default: () => React.JSX.Element;
 export default Default;

package/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\nexport const Default = () => (\n  <FormBuilder\n    onSubmit={(data) => {\n      console.log(data);\n    }}\n  >\n    <Field\n      key={'string'}\n      name=\"string\"\n      type=\"date\"\n      required\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    />\n    <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n  </FormBuilder>\n);\nexport default Default;\n"],
-  "mappings": "AAAA;AACA;AACA;AAEO,MAAM,UAAU,MACrB,oCAAC,aAAD;AAAA,EACE,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,GAGd,oCAAC,OAAD;AAAA,EACE,KAAK;AAAA,EACL,MAAK;AAAA,EACL,MAAK;AAAA,EACL,UAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS;AAAA,IACT,WAAW;AAAA;AAAA,IAGf,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAG1B,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:\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,OAAO,WAAW;AAClB,OAAO,eAAe,aAAa;AACnC,SAAS,cAAc;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,oCAAC,eAAY,UAAU,MAAM,QAAQ,IAAI,MAAM,KAC5C,OAAO;AAAA,EAAI,CAAC,UAAU;AACrB;AAAA;AAAA,MAEE,oCAAC,SAAO,GAAG,OAAO,MAAM,MAAM,KAAK;AAAA;AAAA,EAEvC;AACA,GACA,oCAAC,UAAO,MAAK,YAAS,kDAAQ,CAChC;AAEF,IAAO,kBAAQ;",
   "names": []
 }

package/inputs/DateInput/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { UncontrolledFieldProps } from '@digigov/form/Field/types';
 export interface DateInputProps extends Omit<UncontrolledFieldProps, 'extra'> {
     extra?: {
@@ -10,5 +10,5 @@ export declare const DateInput: ({ name, type, ...props }: {
     [x: string]: any;
     name: any;
     type: any;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default DateInput;

package/inputs/DateInput/index.js

@@ -1,9 +1,11 @@
-import React, {useMemo, useState} from "react";
+import React, { useMemo, useState } from "react";
 import dayjs from "dayjs";
 import customParseFormat from "dayjs/plugin/customParseFormat";
-import DateInputContainer from "@digigov/react-core/DateInputContainer";
-import CoreDateInputItem from "@digigov/react-core/DateInputItem";
-import {useTranslation} from "@digigov/ui/i18n";
+import {
+  DateInputContainer,
+  DateInputItem
+} from "@digigov/ui/form/DateInputContainer";
+import { useTranslation } from "@digigov/ui/i18n";
 dayjs.extend(customParseFormat);
 function useDate(value, onChange) {
   const [year, month, day] = useMemo(() => {
@@ -57,13 +59,11 @@ const makeDate = (val) => {
   }
   return "";
 };
-const DatePart = ({label, ...props}) => {
-  return /* @__PURE__ */ React.createElement(CoreDateInputItem, {
-    ...props
-  }, label);
+const DatePart = ({ label, ...props }) => {
+  return /* @__PURE__ */ React.createElement(DateInputItem, { ...props }, label);
 };
-const DateInput = ({name, type, ...props}) => {
-  const {t} = useTranslation();
+const DateInput = ({ name, type, ...props }) => {
+  const { t } = useTranslation();
   const [initial] = useState(props.value);
   const value = useMemo(() => {
     if (initial === props.value) {
@@ -72,39 +72,48 @@ const DateInput = ({name, type, ...props}) => {
     return props.value;
   }, [props.value, initial]);
   const date = useDate(value || makeDate(props.defaultValue), props.onChange);
-  return /* @__PURE__ */ React.createElement(DateInputContainer, null, /* @__PURE__ */ React.createElement(DatePart, {
-    label: t("form.label.day"),
-    onChange: date.setDay,
-    onBlur: (e) => date.setDay(e, true),
-    value: date.day,
-    width: 2,
-    name: `${name}-day`,
-    maxLength: "2",
-    disabled: props.disabled,
-    "aria-required": props["aria-required"],
-    error: !date.day ? props.error : false
-  }), /* @__PURE__ */ React.createElement(DatePart, {
-    label: t("form.label.month"),
-    onChange: date.setMonth,
-    onBlur: (e) => date.setMonth(e, true),
-    value: date.month,
-    width: 2,
-    name: `${props.name}-month`,
-    maxLength: "2",
-    disabled: props.disabled,
-    "aria-required": props["aria-required"],
-    error: !date.month ? props.error : false
-  }), /* @__PURE__ */ React.createElement(DatePart, {
-    label: t("form.label.year"),
-    onChange: date.setYear,
-    value: date.year,
-    width: 4,
-    name: `${props.name}-year`,
-    maxLength: "4",
-    disabled: props.disabled,
-    "aria-required": props["aria-required"],
-    error: !date.year ? props.error : false
-  }));
+  return /* @__PURE__ */ React.createElement(DateInputContainer, null, /* @__PURE__ */ React.createElement(
+    DatePart,
+    {
+      label: t("form.label.day"),
+      onChange: date.setDay,
+      onBlur: (e) => date.setDay(e, true),
+      value: date.day,
+      width: 2,
+      name: `${name}-day`,
+      maxLength: "2",
+      disabled: props.disabled,
+      "aria-required": props["aria-required"],
+      error: !date.day ? props.error : false
+    }
+  ), /* @__PURE__ */ React.createElement(
+    DatePart,
+    {
+      label: t("form.label.month"),
+      onChange: date.setMonth,
+      onBlur: (e) => date.setMonth(e, true),
+      value: date.month,
+      width: 2,
+      name: `${name}-month`,
+      maxLength: "2",
+      disabled: props.disabled,
+      "aria-required": props["aria-required"],
+      error: !date.month ? props.error : false
+    }
+  ), /* @__PURE__ */ React.createElement(
+    DatePart,
+    {
+      label: t("form.label.year"),
+      onChange: date.setYear,
+      value: date.year,
+      width: 4,
+      name: `${name}-year`,
+      maxLength: "4",
+      disabled: props.disabled,
+      "aria-required": props["aria-required"],
+      error: !date.year ? props.error : false
+    }
+  ));
 };
 var DateInput_default = DateInput;
 export {

package/inputs/DateInput/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/inputs/DateInput/index.tsx"],
-  "sourcesContent": ["import React, { useMemo, useState } from 'react';\nimport dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\nimport { UncontrolledFieldProps } from '@digigov/form/Field/types';\nimport DateInputContainer from '@digigov/react-core/DateInputContainer';\nimport CoreDateInputItem from '@digigov/react-core/DateInputItem';\nimport { useTranslation } from '@digigov/ui/i18n';\ndayjs.extend(customParseFormat);\n\nexport interface DateInputProps extends Omit<UncontrolledFieldProps, 'extra'> {\n  extra?: {\n    max?: string;\n    min?: string;\n  };\n}\n\nfunction useDate(value, onChange) {\n  const [year, month, day] = useMemo(() => {\n    if (!value || value.length === 0) {\n      onChange('');\n      return ['', '', ''];\n    }\n    const [day, month, year] = value.split('/');\n    return [year, month, day];\n  }, [value]);\n\n  function set(year, month, day) {\n    const value = `${day || ''}/${month || ''}/${year || ''}`;\n    if (!year && !month && !day) {\n      onChange(null);\n    } else {\n      onChange(value);\n    }\n  }\n\n  function setYear(evt) {\n    const val = evt.target.value;\n    set(val, month, day);\n  }\n\n  function setMonth(evt, cast) {\n    let val = evt.target.value;\n    if (cast && val && val.length === 1) {\n      val = '0' + val;\n    }\n    set(year, val, day);\n  }\n\n  function setDay(evt, cast) {\n    let val = evt.target.value;\n    if (cast && val && val.length === 1) {\n      val = '0' + val;\n    }\n    set(year, month, val);\n  }\n\n  return {\n    day,\n    month,\n    year,\n    setYear,\n    setMonth,\n    setDay,\n  };\n}\n\nconst VALID_FORMATS = ['DD/MM/YYYY'];\n\nconst makeDate = (val) => {\n  const date = dayjs(val, VALID_FORMATS, true);\n  if (date.isValid()) {\n    return date.format('DD/MM/YYYY');\n  }\n  return '';\n};\n\nconst DatePart = ({ label, ...props }) => {\n  return <CoreDateInputItem {...props}>{label}</CoreDateInputItem>;\n};\n\nexport const DateInput = ({ name, type, ...props }) => {\n  const { t } = useTranslation();\n  const [initial] = useState(props.value);\n  const value = useMemo(() => {\n    if (initial === props.value) {\n      return makeDate(props.value);\n    }\n    return props.value;\n  }, [props.value, initial]);\n\n  const date = useDate(value || makeDate(props.defaultValue), props.onChange);\n\n  return (\n    <DateInputContainer>\n      <DatePart\n        label={t('form.label.day')}\n        onChange={date.setDay}\n        onBlur={(e) => date.setDay(e, true)}\n        value={date.day}\n        width={2}\n        name={`${name}-day`}\n        maxLength=\"2\"\n        disabled={props.disabled}\n        aria-required={props['aria-required']}\n        error={!date.day ? props.error : false}\n      />\n      <DatePart\n        label={t('form.label.month')}\n        onChange={date.setMonth}\n        onBlur={(e) => date.setMonth(e, true)}\n        value={date.month}\n        width={2}\n        name={`${props.name}-month`}\n        maxLength=\"2\"\n        disabled={props.disabled}\n        aria-required={props['aria-required']}\n        error={!date.month ? props.error : false}\n      />\n      <DatePart\n        label={t('form.label.year')}\n        onChange={date.setYear}\n        value={date.year}\n        width={4}\n        name={`${props.name}-year`}\n        maxLength=\"4\"\n        disabled={props.disabled}\n        aria-required={props['aria-required']}\n        error={!date.year ? props.error : false}\n      />\n    </DateInputContainer>\n  );\n};\n\nexport default DateInput;\n"],
-  "mappings": "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",
-  "names": []
+  "sourcesContent": ["import React, { useMemo, useState } from 'react';\nimport dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\nimport { UncontrolledFieldProps } from '@digigov/form/Field/types';\nimport {\n  DateInputContainer,\n  DateInputItem,\n} from '@digigov/ui/form/DateInputContainer';\nimport { useTranslation } from '@digigov/ui/i18n';\ndayjs.extend(customParseFormat);\n\nexport interface DateInputProps extends Omit<UncontrolledFieldProps, 'extra'> {\n  extra?: {\n    max?: string;\n    min?: string;\n  };\n}\n\nfunction useDate(value, onChange) {\n  const [year, month, day] = useMemo(() => {\n    if (!value || value.length === 0) {\n      onChange('');\n      return ['', '', ''];\n    }\n    const [day, month, year] = value.split('/');\n    return [year, month, day];\n  }, [value]);\n\n  function set(year, month, day) {\n    const value = `${day || ''}/${month || ''}/${year || ''}`;\n    if (!year && !month && !day) {\n      onChange(null);\n    } else {\n      onChange(value);\n    }\n  }\n\n  function setYear(evt) {\n    const val = evt.target.value;\n    set(val, month, day);\n  }\n\n  function setMonth(evt, cast) {\n    let val = evt.target.value;\n    if (cast && val && val.length === 1) {\n      val = '0' + val;\n    }\n    set(year, val, day);\n  }\n\n  function setDay(evt, cast) {\n    let val = evt.target.value;\n    if (cast && val && val.length === 1) {\n      val = '0' + val;\n    }\n    set(year, month, val);\n  }\n\n  return {\n    day,\n    month,\n    year,\n    setYear,\n    setMonth,\n    setDay,\n  };\n}\n\nconst VALID_FORMATS = ['DD/MM/YYYY'];\n\nconst makeDate = (val) => {\n  const date = dayjs(val, VALID_FORMATS, true);\n  if (date.isValid()) {\n    return date.format('DD/MM/YYYY');\n  }\n  return '';\n};\n\nconst DatePart = ({ label, ...props }) => {\n  return <DateInputItem {...props}>{label}</DateInputItem>;\n};\n\nexport const DateInput = ({ name, type, ...props }) => {\n  const { t } = useTranslation();\n  const [initial] = useState(props.value);\n  const value = useMemo(() => {\n    if (initial === props.value) {\n      return makeDate(props.value);\n    }\n    return props.value;\n  }, [props.value, initial]);\n\n  const date = useDate(value || makeDate(props.defaultValue), props.onChange);\n\n  return (\n    <DateInputContainer>\n      <DatePart\n        label={t('form.label.day')}\n        onChange={date.setDay}\n        onBlur={(e) => date.setDay(e, true)}\n        value={date.day}\n        width={2}\n        name={`${name}-day`}\n        maxLength=\"2\"\n        disabled={props.disabled}\n        aria-required={props['aria-required']}\n        error={!date.day ? props.error : false}\n      />\n      <DatePart\n        label={t('form.label.month')}\n        onChange={date.setMonth}\n        onBlur={(e) => date.setMonth(e, true)}\n        value={date.month}\n        width={2}\n        name={`${name}-month`}\n        maxLength=\"2\"\n        disabled={props.disabled}\n        aria-required={props['aria-required']}\n        error={!date.month ? props.error : false}\n      />\n      <DatePart\n        label={t('form.label.year')}\n        onChange={date.setYear}\n        value={date.year}\n        width={4}\n        name={`${name}-year`}\n        maxLength=\"4\"\n        disabled={props.disabled}\n        aria-required={props['aria-required']}\n        error={!date.year ? props.error : false}\n      />\n    </DateInputContainer>\n  );\n};\n\nexport default DateInput;\n"],
+  "mappings": "AAAA,OAAO,SAAS,SAAS,gBAAgB;AACzC,OAAO,WAAW;AAClB,OAAO,uBAAuB;AAE9B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,MAAM,OAAO,iBAAiB;AAS9B,SAAS,QAAQ,OAAO,UAAU;AAChC,QAAM,CAAC,MAAM,OAAO,GAAG,IAAI,QAAQ,MAAM;AACvC,QAAI,CAAC,SAAS,MAAM,WAAW,GAAG;AAChC,eAAS,EAAE;AACX,aAAO,CAAC,IAAI,IAAI,EAAE;AAAA,IACpB;AACA,UAAM,CAACA,MAAKC,QAAOC,KAAI,IAAI,MAAM,MAAM,GAAG;AAC1C,WAAO,CAACA,OAAMD,QAAOD,IAAG;AAAA,EAC1B,GAAG,CAAC,KAAK,CAAC;AAEV,WAAS,IAAIE,OAAMD,QAAOD,MAAK;AAC7B,UAAMG,SAAQ,GAAGH,QAAO,EAAE,IAAIC,UAAS,EAAE,IAAIC,SAAQ,EAAE;AACvD,QAAI,CAACA,SAAQ,CAACD,UAAS,CAACD,MAAK;AAC3B,eAAS,IAAI;AAAA,IACf,OAAO;AACL,eAASG,MAAK;AAAA,IAChB;AAAA,EACF;AAEA,WAAS,QAAQ,KAAK;AACpB,UAAM,MAAM,IAAI,OAAO;AACvB,QAAI,KAAK,OAAO,GAAG;AAAA,EACrB;AAEA,WAAS,SAAS,KAAK,MAAM;AAC3B,QAAI,MAAM,IAAI,OAAO;AACrB,QAAI,QAAQ,OAAO,IAAI,WAAW,GAAG;AACnC,YAAM,MAAM;AAAA,IACd;AACA,QAAI,MAAM,KAAK,GAAG;AAAA,EACpB;AAEA,WAAS,OAAO,KAAK,MAAM;AACzB,QAAI,MAAM,IAAI,OAAO;AACrB,QAAI,QAAQ,OAAO,IAAI,WAAW,GAAG;AACnC,YAAM,MAAM;AAAA,IACd;AACA,QAAI,MAAM,OAAO,GAAG;AAAA,EACtB;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,MAAM,gBAAgB,CAAC,YAAY;AAEnC,MAAM,WAAW,CAAC,QAAQ;AACxB,QAAM,OAAO,MAAM,KAAK,eAAe,IAAI;AAC3C,MAAI,KAAK,QAAQ,GAAG;AAClB,WAAO,KAAK,OAAO,YAAY;AAAA,EACjC;AACA,SAAO;AACT;AAEA,MAAM,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,MAAM;AACxC,SAAO,oCAAC,iBAAe,GAAG,SAAQ,KAAM;AAC1C;AAEO,MAAM,YAAY,CAAC,EAAE,MAAM,MAAM,GAAG,MAAM,MAAM;AACrD,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,CAAC,OAAO,IAAI,SAAS,MAAM,KAAK;AACtC,QAAM,QAAQ,QAAQ,MAAM;AAC1B,QAAI,YAAY,MAAM,OAAO;AAC3B,aAAO,SAAS,MAAM,KAAK;AAAA,IAC7B;AACA,WAAO,MAAM;AAAA,EACf,GAAG,CAAC,MAAM,OAAO,OAAO,CAAC;AAEzB,QAAM,OAAO,QAAQ,SAAS,SAAS,MAAM,YAAY,GAAG,MAAM,QAAQ;AAE1E,SACE,oCAAC,0BACC;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,gBAAgB;AAAA,MACzB,UAAU,KAAK;AAAA,MACf,QAAQ,CAAC,MAAM,KAAK,OAAO,GAAG,IAAI;AAAA,MAClC,OAAO,KAAK;AAAA,MACZ,OAAO;AAAA,MACP,MAAM,GAAG,IAAI;AAAA,MACb,WAAU;AAAA,MACV,UAAU,MAAM;AAAA,MAChB,iBAAe,MAAM,eAAe;AAAA,MACpC,OAAO,CAAC,KAAK,MAAM,MAAM,QAAQ;AAAA;AAAA,EACnC,GACA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,kBAAkB;AAAA,MAC3B,UAAU,KAAK;AAAA,MACf,QAAQ,CAAC,MAAM,KAAK,SAAS,GAAG,IAAI;AAAA,MACpC,OAAO,KAAK;AAAA,MACZ,OAAO;AAAA,MACP,MAAM,GAAG,IAAI;AAAA,MACb,WAAU;AAAA,MACV,UAAU,MAAM;AAAA,MAChB,iBAAe,MAAM,eAAe;AAAA,MACpC,OAAO,CAAC,KAAK,QAAQ,MAAM,QAAQ;AAAA;AAAA,EACrC,GACA;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,iBAAiB;AAAA,MAC1B,UAAU,KAAK;AAAA,MACf,OAAO,KAAK;AAAA,MACZ,OAAO;AAAA,MACP,MAAM,GAAG,IAAI;AAAA,MACb,WAAU;AAAA,MACV,UAAU,MAAM;AAAA,MAChB,iBAAe,MAAM,eAAe;AAAA,MACpC,OAAO,CAAC,KAAK,OAAO,MAAM,QAAQ;AAAA;AAAA,EACpC,CACF;AAEJ;AAEA,IAAO,oBAAQ;",
+  "names": ["day", "month", "year", "value"]
 }

package/inputs/DateInput/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/inputs/FileInput/FileInput.stories/index.js

@@ -4,8 +4,9 @@ var FileInput_stories_default = {
   component: FileInput,
   displayName: "FileInput"
 };
-export * from "@digigov/form/inputs/FileInput/__stories__/Default";
+import { Default } from "@digigov/form/inputs/FileInput/__stories__/Default";
 export {
+  Default,
   FileInput_stories_default as default
 };
 //# sourceMappingURL=FileInput.stories.js.map

package/inputs/FileInput/FileInput.stories.d.ts

@@ -4,5 +4,5 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
-export * from "@digigov/form/inputs/FileInput/__stories__/Default";
+export { Default } from "@digigov/form/inputs/FileInput/__stories__/Default";
 import FileInput from '@digigov/form/inputs/FileInput';

package/inputs/FileInput/FileInput.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/inputs/FileInput/FileInput.stories.js"],
-  "sourcesContent": ["import FileInput from '@digigov/form/inputs/FileInput';\nexport default {\n  title: 'Digigov Form/inputs/FileInput',\n  component: FileInput,\n  displayName: 'FileInput',\n};\nexport * from '@digigov/form/inputs/FileInput/__stories__/Default';\n"],
-  "mappings": "AAAA;AACA,IAAO,4BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA;AAEf;",
+  "sourcesContent": ["import FileInput from '@digigov/form/inputs/FileInput';\nexport default {\n  title: 'Digigov Form/inputs/FileInput',\n  component: FileInput,\n  displayName: 'FileInput',\n};\nexport { Default } from '@digigov/form/inputs/FileInput/__stories__/Default';\n"],
+  "mappings": "AAAA,OAAO,eAAe;AACtB,IAAO,4BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;",
   "names": []
 }

package/inputs/FileInput/__stories__/Default/index.js

@@ -1,17 +1,25 @@
 import React from "react";
-import FormBuilder, {Field} from "@digigov/form";
-import {Button} from "@digigov/ui/form/Button";
-const Default = () => /* @__PURE__ */ React.createElement(FormBuilder, {
-  onSubmit: (data) => {
-    console.log(data);
-  }
-}, /* @__PURE__ */ React.createElement(Field, {
-  key: "string",
-  name: "file",
-  type: "file",
-  required: true,
-  label: {primary: "\u0392\u03B9\u03BF\u03B3\u03C1\u03B1\u03C6\u03B9\u03BA\u03CC \u03C3\u03B7\u03BC\u03B5\u03AF\u03C9\u03BC\u03B1"}
-}), /* @__PURE__ */ React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
+import FormBuilder, { Field } from "@digigov/form";
+import { Button } from "@digigov/ui/form/Button";
+const Default = () => /* @__PURE__ */ React.createElement(
+  FormBuilder,
+  {
+    onSubmit: (data) => {
+      console.log(data);
+    }
+  },
+  /* @__PURE__ */ React.createElement(
+    Field,
+    {
+      key: "string",
+      name: "file",
+      type: "file",
+      required: true,
+      label: { primary: "\u0392\u03B9\u03BF\u03B3\u03C1\u03B1\u03C6\u03B9\u03BA\u03CC \u03C3\u03B7\u03BC\u03B5\u03AF\u03C9\u03BC\u03B1" }
+    }
+  ),
+  /* @__PURE__ */ React.createElement(Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")
+);
 var Default_default = Default;
 export {
   Default,