@digigov/form 2.0.0-7d9a8d86 → 2.0.0-85c27c19

package/inputs/AutoCompleteInput/AutoComplete.stories.js.map

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

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

@@ -1,12 +1,18 @@
-import React, {Suspense} from "react";
-import {Field} from "@digigov/form/Field";
+import React from "react";
+import { Field } from "@digigov/form/Field";
 import FormBuilder from "@digigov/form/FormBuilder";
-import {results} from "@digigov/ui/form/AutoComplete/utils";
 import Button from "@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 fields = [
   {
     key: "autocomplete",
-    label: {primary: "An autocomplete field"},
+    label: { primary: "\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03AE\u03C0\u03B5\u03B9\u03C1\u03BF" },
     required: true,
     type: "choice:single",
     extra: {
@@ -15,7 +21,7 @@ const fields = [
         return {
           label: {
             primary: r,
-            secondary: `Country: ${r}`
+            secondary: `'\u0397\u03C0\u03B5\u03B9\u03C1\u03BF\u03C2: ${r}`
           },
           value: r.toLowerCase()
         };
@@ -24,20 +30,18 @@ const fields = [
   }
 ];
 const initialValues = {};
-const Default = () => /* @__PURE__ */ React.createElement(Suspense, {
-  fallback: /* @__PURE__ */ React.createElement("div", null, "loading")
-}, /* @__PURE__ */ React.createElement(FormBuilder, {
-  fields,
-  onSubmit: (data) => {
-    console.log(data);
+const Default = () => /* @__PURE__ */ React.createElement(
+  FormBuilder,
+  {
+    fields,
+    onSubmit: (data) => {
+      console.log(data);
+    },
+    initial: initialValues
   },
-  initial: initialValues
-}, fields.map((field) => /* @__PURE__ */ React.createElement(Field, {
-  key: field.key,
-  name: field.key
-})), /* @__PURE__ */ React.createElement(Button, {
-  type: "submit"
-}, "Submit")));
+  fields.map((field) => /* @__PURE__ */ React.createElement(Field, { key: field.key, name: field.key })),
+  /* @__PURE__ */ React.createElement(Button, { type: "submit" }, "Submit")
+);
 var Default_default = Default;
 export {
   Default,

package/inputs/AutoCompleteInput/__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/AutoCompleteInput/__stories__/Default.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/inputs/AutoCompleteInput/__stories__/Default.tsx"],
-  "sourcesContent": ["import React, { Suspense } from 'react';\nimport { Field } from '@digigov/form/Field';\nimport FormBuilder from '@digigov/form/FormBuilder';\nimport { FieldSpec } from '@digigov/form/types';\nimport { results } from '@digigov/ui/form/AutoComplete/utils';\nimport Button from '@digigov/ui/form/Button';\nconst fields: FieldSpec[] = [\n  {\n    key: 'autocomplete',\n    label: { primary: 'An autocomplete field' },\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: `Country: ${r}`,\n          },\n          value: r.toLowerCase(),\n        };\n      }),\n    },\n  },\n];\n\nconst initialValues = {};\n\nexport const Default = () => (\n  <Suspense fallback={<div>loading</div>}>\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  </Suspense>\n);\nexport default Default;"],
-  "mappings": "AAAA;AACA;AACA;AAEA;AACA;AACA,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,OAAO,CAAE,SAAS;AAAA,IAClB,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,YAAY;AAAA;AAAA,UAEzB,OAAO,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAOnB,MAAM,gBAAgB;AAEf,MAAM,UAAU,MACrB,oCAAC,UAAD;AAAA,EAAU,UAAU,oCAAC,OAAD,MAAK;AAAA,GACvB,oCAAC,aAAD;AAAA,EACE;AAAA,EACA,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,EAEd,SAAS;AAAA,GAER,OAAO,IAAI,CAAC,UACX,oCAAC,OAAD;AAAA,EAAO,KAAK,MAAM;AAAA,EAAK,MAAM,MAAM;AAAA,KAErC,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAI5B,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 = [\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,OAAO,WAAW;AAClB,SAAS,aAAa;AACtB,OAAO,iBAAiB;AAExB,OAAO,YAAY;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;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA,IACA,SAAS;AAAA;AAAA,EAER,OAAO,IAAI,CAAC,UACX,oCAAC,SAAM,KAAK,MAAM,KAAK,MAAM,MAAM,KAAK,CACzC;AAAA,EACD,oCAAC,UAAO,MAAK,YAAS,QAAM;AAC9B;AAGF,IAAO,kBAAQ;",
   "names": []
 }

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

@@ -1,14 +1,20 @@
-import React, {Suspense} from "react";
-import {Field} from "@digigov/form/Field";
+import React from "react";
+import { Field } from "@digigov/form/Field";
 import FormBuilder from "@digigov/form/FormBuilder";
-import {results} from "@digigov/ui/form/AutoComplete/utils";
 import Button from "@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 fields = [
   {
     key: "autocomplete",
-    label: {primary: "An autocomplete field"},
+    label: { primary: "\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03AE\u03C0\u03B5\u03B9\u03C1\u03BF" },
     required: true,
-    type: "choice:single",
+    type: "choice:multiple",
     extra: {
       component: "AutoComplete",
       multiple: true,
@@ -16,7 +22,7 @@ const fields = [
         return {
           label: {
             primary: r,
-            secondary: `Country: ${r}`
+            secondary: `\u0389\u03C0\u03B5\u03B9\u03C1\u03BF\u03C2: ${r}`
           },
           value: r.toLowerCase()
         };
@@ -25,21 +31,21 @@ const fields = [
   }
 ];
 const initialValues = {};
-const Multiple = () => /* @__PURE__ */ React.createElement(Suspense, {
-  fallback: /* @__PURE__ */ React.createElement("div", null, "loading")
-}, /* @__PURE__ */ React.createElement(FormBuilder, {
-  fields,
-  onSubmit: (data) => {
-    console.log(data);
+const Multiple = () => /* @__PURE__ */ React.createElement(
+  FormBuilder,
+  {
+    fields,
+    onSubmit: (data) => {
+      console.log(data);
+    },
+    initial: initialValues
   },
-  initial: initialValues
-}, fields.map((field) => /* @__PURE__ */ React.createElement(Field, {
-  key: field.key,
-  name: field.key
-})), /* @__PURE__ */ React.createElement(Button, {
-  type: "submit"
-}, "Submit")));
+  fields.map((field) => /* @__PURE__ */ React.createElement(Field, { key: field.key, name: field.key })),
+  /* @__PURE__ */ React.createElement(Button, { type: "submit" }, "Submit")
+);
+var Multiple_default = Multiple;
 export {
-  Multiple
+  Multiple,
+  Multiple_default as default
 };
 //# sourceMappingURL=Multiple.js.map

package/inputs/AutoCompleteInput/__stories__/Multiple.d.ts

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/inputs/AutoCompleteInput/__stories__/Multiple.tsx"],
-  "sourcesContent": ["import React, { Suspense } from 'react';\nimport { Field } from '@digigov/form/Field';\nimport FormBuilder from '@digigov/form/FormBuilder';\nimport { FieldSpec } from '@digigov/form/types';\nimport { results } from '@digigov/ui/form/AutoComplete/utils';\nimport Button from '@digigov/ui/form/Button';\nconst fields: FieldSpec[] = [\n  {\n    key: 'autocomplete',\n    label: { primary: 'An autocomplete field' },\n    required: true,\n    type: 'choice:single',\n    extra: {\n      component: 'AutoComplete',\n      multiple: true,\n      options: results.map((r) => {\n        return {\n          label: {\n            primary: r,\n            secondary: `Country: ${r}`,\n          },\n          value: r.toLowerCase(),\n        };\n      }),\n    },\n  },\n];\n\nconst initialValues = {};\n\nexport const Multiple = () => (\n  <Suspense fallback={<div>loading</div>}>\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  </Suspense>\n);\n"],
-  "mappings": "AAAA;AACA;AACA;AAEA;AACA;AACA,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,OAAO,CAAE,SAAS;AAAA,IAClB,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,YAAY;AAAA;AAAA,UAEzB,OAAO,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAOnB,MAAM,gBAAgB;AAEf,MAAM,WAAW,MACtB,oCAAC,UAAD;AAAA,EAAU,UAAU,oCAAC,OAAD,MAAK;AAAA,GACvB,oCAAC,aAAD;AAAA,EACE;AAAA,EACA,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,EAEd,SAAS;AAAA,GAER,OAAO,IAAI,CAAC,UACX,oCAAC,OAAD;AAAA,EAAO,KAAK,MAAM;AAAA,EAAK,MAAM,MAAM;AAAA,KAErC,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;",
+  "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,OAAO,WAAW;AAClB,SAAS,aAAa;AACtB,OAAO,iBAAiB;AAExB,OAAO,YAAY;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;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA,IACA,SAAS;AAAA;AAAA,EAER,OAAO,IAAI,CAAC,UACX,oCAAC,SAAM,KAAK,MAAM,KAAK,MAAM,MAAM,KAAK,CACzC;AAAA,EACD,oCAAC,UAAO,MAAK,YAAS,QAAM;AAC9B;AAGF,IAAO,mBAAQ;",
   "names": []
 }

package/inputs/AutoCompleteInput/index.d.ts

@@ -8,7 +8,7 @@ export interface AutoCompleteInputExtra extends Omit<UIAutoCompleteProps, 'sourc
 export interface AutoCompleteInputProps extends Omit<ControlledFieldProps, 'value' | 'onChange' | 'extra'> {
     extra: AutoCompleteInputExtra;
     value: string;
-    onChange: (v: string) => void;
+    onChange: (v: string | string[] | undefined) => void;
 }
 export declare const AutoCompleteInput: React.FC<AutoCompleteInputProps>;
 export default AutoCompleteInput;

package/inputs/AutoCompleteInput/index.js

@@ -1,39 +1,58 @@
-import React, {useCallback} from "react";
-import {Hint} from "@digigov/react-core/Hint";
+import React, { useCallback } from "react";
+import { Hint } from "@digigov/react-core/Hint";
 import UIAutoComplete from "@digigov/ui/form/AutoComplete";
 const AutoCompleteInput = ({
   name,
-  extra: {options, multiple},
+  extra: { options, multiple },
   onChange,
   value,
+  error,
   ...props
 }) => {
-  const suggest = useCallback(function suggest2(query, syncResults) {
-    syncResults(query ? options.filter(function(option) {
-      return `${option.value} ${option.label?.primary || ""} ${option.label?.secondary || ""}`.toLowerCase().indexOf(query.toLowerCase()) !== -1;
-    }) : options);
-  }, []);
-  return /* @__PURE__ */ React.createElement(UIAutoComplete, {
-    multiple,
-    source: suggest,
-    onConfirm: (value2) => {
-      onChange(value2.value);
+  const suggest = useCallback(
+    function suggest2(query, syncResults) {
+      syncResults(
+        query ? options.filter(function(option) {
+          return `${option.value} ${option.label?.primary || ""} ${option.label?.secondary || ""}`.toLowerCase().indexOf(query.toLowerCase()) !== -1;
+        }) : options
+      );
     },
-    templates: {
-      suggestion({label, value: value2}) {
-        return /* @__PURE__ */ React.createElement("div", null, label && label.primary && label.primary || value2, label && label.secondary && /* @__PURE__ */ React.createElement(Hint, null, label.secondary));
+    [options]
+  );
+  return /* @__PURE__ */ React.createElement(
+    UIAutoComplete,
+    {
+      multiple,
+      source: suggest,
+      onConfirm: (value2) => {
+        if (Array.isArray(value2)) {
+          const selectedValues = value2.map((item) => item.value);
+          selectedValues.length > 0 ? onChange(selectedValues) : onChange(void 0);
+        } else {
+          onChange(value2.value);
+        }
       },
-      inputValue: (option) => {
-        if (!option) {
-          return "";
+      templates: {
+        suggestion({ label, value: value2 }) {
+          return /* @__PURE__ */ React.createElement("div", null, label && label.primary && label.primary || value2, label && label.secondary && /* @__PURE__ */ React.createElement(Hint, null, label.secondary));
+        },
+        inputValue: (option) => {
+          if (!option) {
+            return "";
+          }
+          return option.label.primary || option.value;
         }
-        return option.label.primary || option.value;
-      }
-    },
-    ...props,
-    id: `${name}-id`,
-    defaultValue: value
-  });
+      },
+      ...{
+        ...props,
+        reset: void 0,
+        required: void 0
+      },
+      name,
+      id: `${name}-id`,
+      defaultValue: value
+    }
+  );
 };
 var AutoCompleteInput_default = AutoCompleteInput;
 export {

package/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) => void;\n}\n\nexport const AutoCompleteInput: React.FC<AutoCompleteInputProps> = ({\n  name,\n  extra: { options, multiple },\n  onChange,\n  value,\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 || ''} ${\n                option.label?.secondary || ''\n              }`\n                .toLowerCase()\n                .indexOf(query.toLowerCase()) !== -1\n            );\n          })\n        : options\n    );\n  },\n  []);\n\n  return (\n    <UIAutoComplete\n      multiple={multiple}\n      source={suggest}\n      onConfirm={(value) => {\n        onChange(value.value);\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      {...props}\n      id={`${name}-id`}\n      defaultValue={value}\n    />\n  );\n};\n\nexport default AutoCompleteInput;\n"],
-  "mappings": "AAAA;AAGA;AACA;AAwBO,MAAM,oBAAsD,CAAC;AAAA,EAClE;AAAA,EACA,OAAO,CAAE,SAAS;AAAA,EAClB;AAAA,EACA;AAAA,KACG;AAAA,MACC;AACJ,QAAM,UAAU,YAAY,kBAC1B,OACA,aACM;AACN,gBACE,QACI,QAAQ,OAAO,SAAU,QAAQ;AAC/B,aACE,GAAG,OAAO,SAAS,OAAO,OAAO,WAAW,MAC1C,OAAO,OAAO,aAAa,KAE1B,cACA,QAAQ,MAAM,mBAAmB;AAAA,SAGxC;AAAA,KAGR;AAEA,SACE,oCAAC,gBAAD;AAAA,IACE;AAAA,IACA,QAAQ;AAAA,IACR,WAAW,CAAC,WAAU;AACpB,eAAS,OAAM;AAAA;AAAA,IAEjB,WAAW;AAAA,MACT,WAAW,CAAE,OAAO,gBAAS;AAC3B,eACE,oCAAC,OAAD,MACI,SAAS,MAAM,WAAW,MAAM,WAAY,QAC7C,SAAS,MAAM,aAAa,oCAAC,MAAD,MAAO,MAAM;AAAA;AAAA,MAIhD,YAAY,CAAC,WAAW;AACtB,YAAI,CAAC,QAAQ;AACX,iBAAO;AAAA;AAET,eAAO,OAAO,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA,OAGtC;AAAA,IACJ,IAAI,GAAG;AAAA,IACP,cAAc;AAAA;AAAA;AAKpB,IAAO,4BAAQ;",
-  "names": []
+  "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,OAAO,SAAS,mBAAmB;AAGnC,SAAS,YAAY;AACrB,OAAO,oBAEA;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,UAAU;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;AAAA,IAAC;AAAA;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,oCAAC,aACG,SAAS,MAAM,WAAW,MAAM,WAAYA,QAC7C,SAAS,MAAM,aAAa,oCAAC,YAAM,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", "value"]
 }

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

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

package/inputs/Checkboxes/Checkboxes.stories/index.js

@@ -4,10 +4,13 @@ var Checkboxes_stories_default = {
   component: Checkboxes,
   displayName: "Checkboxes"
 };
-export * from "@digigov/form/inputs/Checkboxes/__stories__/Default";
-export * from "@digigov/form/inputs/Checkboxes/__stories__/WithDivider";
-export * from "@digigov/form/inputs/Checkboxes/__stories__/Conditional";
+import { Default } from "@digigov/form/inputs/Checkboxes/__stories__/Default";
+import { WithDivider } from "@digigov/form/inputs/Checkboxes/__stories__/WithDivider";
+import { Conditional } from "@digigov/form/inputs/Checkboxes/__stories__/Conditional";
 export {
+  Conditional,
+  Default,
+  WithDivider,
   Checkboxes_stories_default as default
 };
 //# sourceMappingURL=Checkboxes.stories.js.map

package/inputs/Checkboxes/Checkboxes.stories.d.ts

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

package/inputs/Checkboxes/Checkboxes.stories.js.map

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

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

@@ -1,6 +1,6 @@
 import React from "react";
-import FormBuilder, {Field} from "@digigov/form";
-import {Button} from "@digigov/ui/form/Button";
+import FormBuilder, { Field } from "@digigov/form";
+import { Button } from "@digigov/ui/form/Button";
 const fields = [
   {
     key: "landline",
@@ -65,7 +65,7 @@ const fields = [
       options: [
         {
           key: "via_mobile_phone",
-          label: {primary: "M\u03AD\u03C3\u03C9 \u03BA\u03B9\u03BD\u03B7\u03C4\u03BF\u03CD \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5"},
+          label: { primary: "M\u03AD\u03C3\u03C9 \u03BA\u03B9\u03BD\u03B7\u03C4\u03BF\u03CD \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5" },
           value: "via_mobile_phone",
           show: ["mobile_phone", "landline"]
         },
@@ -81,17 +81,17 @@ const fields = [
     }
   }
 ];
-const Conditional = () => /* @__PURE__ */ React.createElement(FormBuilder, {
-  onSubmit: (data) => {
-    console.log(data);
+const Conditional = () => /* @__PURE__ */ React.createElement(
+  FormBuilder,
+  {
+    onSubmit: (data) => {
+      console.log(data);
+    },
+    fields
   },
-  fields
-}, /* @__PURE__ */ React.createElement(Field, {
-  key: "auth_form",
-  name: "auth_form"
-}), /* @__PURE__ */ React.createElement(Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
+  /* @__PURE__ */ React.createElement(Field, { key: "auth_form", name: "auth_form" }),
+  /* @__PURE__ */ React.createElement(Button, { type: "submit" }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")
+);
 var Conditional_default = Conditional;
 export {
   Conditional,

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

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

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/inputs/Checkboxes/__stories__/Conditional.tsx"],
   "sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field, FieldSpec } from '@digigov/form';\nimport { Button } from '@digigov/ui/form/Button';\n\nconst fields: FieldSpec[] = [\n  {\n    key: 'landline',\n    type: 'phone_number',\n    label: {\n      secondary: '\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03BD\u03BF\u03CD\u03BC\u03B5\u03C1\u03BF \u03C4\u03BF\u03C5 \u03C3\u03C4\u03B1\u03B8\u03B5\u03C1\u03BF\u03CD \u03C3\u03B1\u03C2 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5.',\n    },\n    enabled: false,\n    condition: {\n      auth_form: {\n        is: 'via_mobile_phone',\n        then: {\n          enabled: true,\n          required: true,\n        },\n      },\n    },\n  },\n  {\n    key: 'mobile_phone',\n    type: 'mobile_phone',\n    label: {\n      secondary: '\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03C4\u03BF \u03BD\u03BF\u03CD\u03BC\u03B5\u03C1\u03BF \u03C4\u03BF\u03C5 \u03BA\u03B9\u03BD\u03B7\u03C4\u03BF\u03CD \u03C3\u03B1\u03C2 \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5.',\n    },\n    enabled: false,\n    condition: {\n      auth_form: {\n        is: 'via_mobile_phone',\n        then: {\n          enabled: true,\n          required: true,\n        },\n      },\n    },\n  },\n  {\n    key: 'email',\n    type: 'email',\n    label: {\n      secondary: '\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03C4\u03BF\u03C5 \u03B7\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03BF\u03CD \u03C3\u03B1\u03C2 \u03C4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B5\u03AF\u03BF\u03C5.',\n    },\n    enabled: false,\n    condition: {\n      auth_form: {\n        is: 'via_email',\n        then: {\n          enabled: true,\n          required: true,\n        },\n      },\n    },\n  },\n  {\n    key: 'auth_form',\n    type: 'choice:multiple',\n    required: true,\n    label: {\n      primary: '\u0395\u03C0\u03B9\u03BB\u03AD\u03BE\u03C4\u03B5 \u03BC\u03AD\u03B8\u03BF\u03B4\u03BF \u03C0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7\u03C2',\n      secondary:\n        '\u0393\u03B9\u03B1 \u03C4\u03B7\u03BD \u03BF\u03BB\u03BF\u03BA\u03BB\u03AE\u03C1\u03C9\u03C3\u03B7 \u03C4\u03B7\u03C2 \u03B4\u03AE\u03BB\u03C9\u03C3\u03B7\u03C2 \u03C3\u03B1\u03C2, \u03B8\u03B1 \u03C7\u03C1\u03B5\u03B9\u03B1\u03C3\u03C4\u03B5\u03AF \u03B5\u03C0\u03B9\u03C0\u03BB\u03AD\u03BF\u03BD \u03C0\u03B9\u03C3\u03C4\u03BF\u03C0\u03BF\u03AF\u03B7\u03C3\u03B7. \u0398\u03B1 \u03C3\u03B1\u03C2 \u03C3\u03C4\u03B5\u03AF\u03BB\u03BF\u03C5\u03BC\u03B5 \u03AD\u03BD\u03B1 \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC \u03BC\u03B9\u03B1\u03C2 \u03C7\u03C1\u03AE\u03C3\u03B7\u03C2 \u03B5\u03AF\u03C4\u03B5 \u03C3\u03C4\u03BF \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF \u03B5\u03AF\u03C4\u03B5 \u03C3\u03C4\u03B7\u03BD \u03B7\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03AE \u03C3\u03B1\u03C2 \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7.',\n    },\n    extra: {\n      options: [\n        {\n          key: 'via_mobile_phone',\n          label: { primary: 'M\u03AD\u03C3\u03C9 \u03BA\u03B9\u03BD\u03B7\u03C4\u03BF\u03CD \u03C4\u03B7\u03BB\u03B5\u03C6\u03CE\u03BD\u03BF\u03C5' },\n          value: 'via_mobile_phone',\n          show: ['mobile_phone', 'landline'],\n        },\n        {\n          key: 'via_email',\n          label: {\n            primary: '\u039C\u03AD\u03C3\u03C9 \u03B4\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7\u03C2 \u03B7\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03BF\u03CD \u03C4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B5\u03AF\u03BF\u03C5 (e-mail)',\n          },\n          value: 'via_email',\n          show: ['email'],\n        },\n      ],\n    },\n  },\n];\n\nexport const Conditional = () => (\n  <FormBuilder\n    onSubmit={(data) => {\n      console.log(data);\n    }}\n    fields={fields}\n  >\n    <Field key=\"auth_form\" name=\"auth_form\" />\n    <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n  </FormBuilder>\n);\n\nexport default Conditional;\n"],
-  "mappings": "AAAA;AACA;AACA;AAEA,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA;AAAA,IAEb,SAAS;AAAA,IACT,WAAW;AAAA,MACT,WAAW;AAAA,QACT,IAAI;AAAA,QACJ,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKlB;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA;AAAA,IAEb,SAAS;AAAA,IACT,WAAW;AAAA,MACT,WAAW;AAAA,QACT,IAAI;AAAA,QACJ,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKlB;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA;AAAA,IAEb,SAAS;AAAA,IACT,WAAW;AAAA,MACT,WAAW;AAAA,QACT,IAAI;AAAA,QACJ,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKlB;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WACE;AAAA;AAAA,IAEJ,OAAO;AAAA,MACL,SAAS;AAAA,QACP;AAAA,UACE,KAAK;AAAA,UACL,OAAO,CAAE,SAAS;AAAA,UAClB,OAAO;AAAA,UACP,MAAM,CAAC,gBAAgB;AAAA;AAAA,QAEzB;AAAA,UACE,KAAK;AAAA,UACL,OAAO;AAAA,YACL,SAAS;AAAA;AAAA,UAEX,OAAO;AAAA,UACP,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAOV,MAAM,cAAc,MACzB,oCAAC,aAAD;AAAA,EACE,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,EAEd;AAAA,GAEA,oCAAC,OAAD;AAAA,EAAO,KAAI;AAAA,EAAY,MAAK;AAAA,IAC5B,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAI1B,IAAO,sBAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,eAAe,aAAwB;AAC9C,SAAS,cAAc;AAEvB,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA,IACb;AAAA,IACA,SAAS;AAAA,IACT,WAAW;AAAA,MACT,WAAW;AAAA,QACT,IAAI;AAAA,QACJ,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,UAAU;AAAA,QACZ;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA,IACb;AAAA,IACA,SAAS;AAAA,IACT,WAAW;AAAA,MACT,WAAW;AAAA,QACT,IAAI;AAAA,QACJ,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,UAAU;AAAA,QACZ;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,MACL,WAAW;AAAA,IACb;AAAA,IACA,SAAS;AAAA,IACT,WAAW;AAAA,MACT,WAAW;AAAA,QACT,IAAI;AAAA,QACJ,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,UAAU;AAAA,QACZ;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,MACL,SAAS;AAAA,MACT,WACE;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,QACP;AAAA,UACE,KAAK;AAAA,UACL,OAAO,EAAE,SAAS,wHAAyB;AAAA,UAC3C,OAAO;AAAA,UACP,MAAM,CAAC,gBAAgB,UAAU;AAAA,QACnC;AAAA,QACA;AAAA,UACE,KAAK;AAAA,UACL,OAAO;AAAA,YACL,SAAS;AAAA,UACX;AAAA,UACA,OAAO;AAAA,UACP,MAAM,CAAC,OAAO;AAAA,QAChB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,cAAc,MACzB;AAAA,EAAC;AAAA;AAAA,IACC,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA,IACA;AAAA;AAAA,EAEA,oCAAC,SAAM,KAAI,aAAY,MAAK,aAAY;AAAA,EACxC,oCAAC,UAAO,MAAK,YAAS,kDAAQ;AAChC;AAGF,IAAO,sBAAQ;",
   "names": []
 }

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

@@ -1,35 +1,41 @@
 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: "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"
+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: "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"
+          }
+        ]
       }
-    ]
-  }
-}), /* @__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/Checkboxes/__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/Checkboxes/__stories__/Default.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/inputs/Checkboxes/__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=\"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          },\n        ],\n      }}\n    />\n    <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n  </FormBuilder>\n);\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,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;AAAA;AAAA;AAAA,IAKf,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAI1B,IAAO,kBAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,eAAe,aAAa;AACnC,SAAS,cAAc;AAEhB,MAAM,UAAU,MACrB;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,UACT;AAAA,QACF;AAAA,MACF;AAAA;AAAA,EACF;AAAA,EACA,oCAAC,UAAO,MAAK,YAAS,kDAAQ;AAChC;AAGF,IAAO,kBAAQ;",
   "names": []
 }

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,