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

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/inputs/Radio/__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:single',\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/Radio/__stories__/Default/index.js

@@ -1,39 +1,45 @@
 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:single",
-  required: true,
-  label: {primary: "\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03C7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u03B4\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE\u03C2 \u03C3\u03B1\u03C2;"},
-  extra: {
-    options: [
-      {
-        label: {primary: "\u0395\u03BB\u03BB\u03AC\u03B4\u03B1"},
-        value: "greece"
-      },
-      {
-        label: {primary: "\u039A\u03CD\u03C0\u03C1\u03BF\u03C2"},
-        value: "cyprus"
-      },
-      {
-        label: {primary: "\u03A7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u0395\u03C5\u03C1\u03C9\u03C0\u03B1\u03CA\u03BA\u03AE\u03C2 \u0388\u03BD\u03C9\u03C3\u03B7\u03C2"},
-        value: "eu"
-      },
-      {
-        label: {primary: "\u0397\u03BD\u03C9\u03BC\u03AD\u03BD\u03B5\u03C2 \u03A0\u03BF\u03BB\u03B9\u03C4\u03B5\u03AF\u03B5\u03C2 \u03C4\u03B7\u03C2 \u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE\u03C2"},
-        value: "usa"
+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:single",
+      required: true,
+      label: { primary: "\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03C7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u03B4\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE\u03C2 \u03C3\u03B1\u03C2;" },
+      extra: {
+        options: [
+          {
+            label: { primary: "\u0395\u03BB\u03BB\u03AC\u03B4\u03B1" },
+            value: "greece"
+          },
+          {
+            label: { primary: "\u039A\u03CD\u03C0\u03C1\u03BF\u03C2" },
+            value: "cyprus"
+          },
+          {
+            label: { primary: "\u03A7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u0395\u03C5\u03C1\u03C9\u03C0\u03B1\u03CA\u03BA\u03AE\u03C2 \u0388\u03BD\u03C9\u03C3\u03B7\u03C2" },
+            value: "eu"
+          },
+          {
+            label: { primary: "\u0397\u03BD\u03C9\u03BC\u03AD\u03BD\u03B5\u03C2 \u03A0\u03BF\u03BB\u03B9\u03C4\u03B5\u03AF\u03B5\u03C2 \u03C4\u03B7\u03C2 \u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE\u03C2" },
+            value: "usa"
+          }
+        ]
       }
-    ]
-  }
-}), /* @__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/Radio/__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/Radio/__stories__/Default.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/inputs/Radio/__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:single\"\n      required\n      label={{ primary: '\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03C7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u03B4\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE\u03C2 \u03C3\u03B1\u03C2;' }}\n      extra={{\n        options: [\n          {\n            label: { primary: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1' },\n            value: 'greece',\n          },\n          {\n            label: { primary: '\u039A\u03CD\u03C0\u03C1\u03BF\u03C2' },\n            value: 'cyprus',\n          },\n          {\n            label: { primary: '\u03A7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u0395\u03C5\u03C1\u03C9\u03C0\u03B1\u03CA\u03BA\u03AE\u03C2 \u0388\u03BD\u03C9\u03C3\u03B7\u03C2' },\n            value: 'eu',\n          },\n          {\n            label: { primary: '\u0397\u03BD\u03C9\u03BC\u03AD\u03BD\u03B5\u03C2 \u03A0\u03BF\u03BB\u03B9\u03C4\u03B5\u03AF\u03B5\u03C2 \u03C4\u03B7\u03C2 \u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE\u03C2' },\n            value: 'usa',\n          },\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;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,MAET;AAAA,QACE,OAAO,CAAE,SAAS;AAAA,QAClB,OAAO;AAAA;AAAA;AAAA;AAAA,IAKf,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAG1B,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,kLAAsC;AAAA,MACxD,OAAO;AAAA,QACL,SAAS;AAAA,UACP;AAAA,YACE,OAAO,EAAE,SAAS,uCAAS;AAAA,YAC3B,OAAO;AAAA,UACT;AAAA,UACA;AAAA,YACE,OAAO,EAAE,SAAS,uCAAS;AAAA,YAC3B,OAAO;AAAA,UACT;AAAA,UACA;AAAA,YACE,OAAO,EAAE,SAAS,gJAA6B;AAAA,YAC/C,OAAO;AAAA,UACT;AAAA,UACA;AAAA,YACE,OAAO,EAAE,SAAS,8KAAkC;AAAA,YACpD,OAAO;AAAA,UACT;AAAA,QACF;AAAA,MACF;AAAA;AAAA,EACF;AAAA,EACA,oCAAC,UAAO,MAAK,YAAS,kDAAQ;AAChC;AAEF,IAAO,kBAAQ;",
   "names": []
 }

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

@@ -1,40 +1,46 @@
 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:single",
-  required: true,
-  label: {primary: "\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03C7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u03B4\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE\u03C2 \u03C3\u03B1\u03C2;"},
-  extra: {
-    options: [
-      {
-        label: {primary: "\u0395\u03BB\u03BB\u03AC\u03B4\u03B1"},
-        value: "greece"
-      },
-      {
-        label: {primary: "\u039A\u03CD\u03C0\u03C1\u03BF\u03C2"},
-        value: "cyprus"
-      },
-      {
-        label: {primary: "\u03A7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u0395\u03C5\u03C1\u03C9\u03C0\u03B1\u03CA\u03BA\u03AE\u03C2 \u0388\u03BD\u03C9\u03C3\u03B7\u03C2"},
-        value: "eu"
-      },
-      {
-        label: {primary: "\u0397\u03BD\u03C9\u03BC\u03AD\u03BD\u03B5\u03C2 \u03A0\u03BF\u03BB\u03B9\u03C4\u03B5\u03AF\u03B5\u03C2 \u03C4\u03B7\u03C2 \u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE\u03C2"},
-        value: "usa",
-        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:single",
+      required: true,
+      label: { primary: "\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03C7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u03B4\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE\u03C2 \u03C3\u03B1\u03C2;" },
+      extra: {
+        options: [
+          {
+            label: { primary: "\u0395\u03BB\u03BB\u03AC\u03B4\u03B1" },
+            value: "greece"
+          },
+          {
+            label: { primary: "\u039A\u03CD\u03C0\u03C1\u03BF\u03C2" },
+            value: "cyprus"
+          },
+          {
+            label: { primary: "\u03A7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u0395\u03C5\u03C1\u03C9\u03C0\u03B1\u03CA\u03BA\u03AE\u03C2 \u0388\u03BD\u03C9\u03C3\u03B7\u03C2" },
+            value: "eu"
+          },
+          {
+            label: { primary: "\u0397\u03BD\u03C9\u03BC\u03AD\u03BD\u03B5\u03C2 \u03A0\u03BF\u03BB\u03B9\u03C4\u03B5\u03AF\u03B5\u03C2 \u03C4\u03B7\u03C2 \u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE\u03C2" },
+            value: "usa",
+            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/Radio/__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/Radio/__stories__/WithDivider.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/inputs/Radio/__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:single\"\n      required\n      label={{ primary: '\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03C7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u03B4\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE\u03C2 \u03C3\u03B1\u03C2;' }}\n      extra={{\n        options: [\n          {\n            label: { primary: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1' },\n            value: 'greece',\n          },\n          {\n            label: { primary: '\u039A\u03CD\u03C0\u03C1\u03BF\u03C2' },\n            value: 'cyprus',\n          },\n          {\n            label: { primary: '\u03A7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u0395\u03C5\u03C1\u03C9\u03C0\u03B1\u03CA\u03BA\u03AE\u03C2 \u0388\u03BD\u03C9\u03C3\u03B7\u03C2' },\n            value: 'eu',\n          },\n          {\n            label: { primary: '\u0397\u03BD\u03C9\u03BC\u03AD\u03BD\u03B5\u03C2 \u03A0\u03BF\u03BB\u03B9\u03C4\u03B5\u03AF\u03B5\u03C2 \u03C4\u03B7\u03C2 \u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE\u03C2' },\n            value: 'usa',\n            dividerText: '\u03AE',\n          },\n        ],\n      }}\n    />\n    <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n  </FormBuilder>\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;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;AAG1B,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,kLAAsC;AAAA,MACxD,OAAO;AAAA,QACL,SAAS;AAAA,UACP;AAAA,YACE,OAAO,EAAE,SAAS,uCAAS;AAAA,YAC3B,OAAO;AAAA,UACT;AAAA,UACA;AAAA,YACE,OAAO,EAAE,SAAS,uCAAS;AAAA,YAC3B,OAAO;AAAA,UACT;AAAA,UACA;AAAA,YACE,OAAO,EAAE,SAAS,gJAA6B;AAAA,YAC/C,OAAO;AAAA,UACT;AAAA,UACA;AAAA,YACE,OAAO,EAAE,SAAS,8KAAkC;AAAA,YACpD,OAAO;AAAA,YACP,aAAa;AAAA,UACf;AAAA,QACF;AAAA,MACF;AAAA;AAAA,EACF;AAAA,EACA,oCAAC,UAAO,MAAK,YAAS,kDAAQ;AAChC;AAEF,IAAO,sBAAQ;",
   "names": []
 }

package/inputs/Radio/index.d.ts

@@ -7,6 +7,7 @@ export interface RadioButtonsGroupProps extends Omit<UncontrolledFieldProps, 'ex
         options: Array<FieldOptionProps>;
         dense?: boolean;
     };
+    fieldComponent?: React.FC<Omit<UncontrolledFieldProps, 'register'>>;
 }
 export declare const RadioButtonsGroup: React.FC<RadioButtonsGroupProps>;
 export default RadioButtonsGroup;

package/inputs/Radio/index.js

@@ -1,50 +1,50 @@
 import React from "react";
-import {useWatch} from "react-hook-form";
-import {Field} from "@digigov/form";
-import {RadioConditional} from "@digigov/react-core/RadioConditional";
+import { useWatch } from "react-hook-form";
 import Hint from "@digigov/react-core/Hint";
+import { RadioConditional } from "@digigov/react-core/RadioConditional";
 import RadioContainer from "@digigov/react-core/RadioContainer";
 import RadioItem from "@digigov/react-core/RadioItem";
-import {useTranslation} from "@digigov/ui/i18n";
+import { useTranslation } from "@digigov/ui/i18n";
 const RadioButtonsGroup = ({
   name,
   control,
   register,
-  extra: {options, className},
+  extra: { options, className },
   disabled,
+  fieldComponent: Field,
   ...props
 }) => {
-  const currentValue = useWatch({control, name});
-  const {t} = useTranslation();
-  return /* @__PURE__ */ React.createElement(RadioContainer, {
-    className,
-    defaultValue: currentValue,
-    id: name
-  }, options.map(({
-    label,
-    value: v,
-    show,
-    disabled: optionDisabled,
-    selected,
-    ...option
-  }) => /* @__PURE__ */ React.createElement("div", {
-    key: `${name}.${v}`
-  }, /* @__PURE__ */ React.createElement(RadioItem, {
-    ...register(name),
-    value: v,
-    disabled: disabled || optionDisabled,
-    ...option,
-    ...{
-      ...props,
-      reset: void 0,
-      required: void 0,
-      "aria-describedby": void 0,
-      type: "radio"
-    }
-  }, label && label.primary && t(label.primary) || v, label && label.secondary && /* @__PURE__ */ React.createElement(Hint, null, t(label.secondary))), selected && selected(), currentValue === v && show && /* @__PURE__ */ React.createElement(RadioConditional, null, show.map((fieldName) => /* @__PURE__ */ React.createElement(Field, {
-    name: fieldName,
-    key: fieldName
-  }))))));
+  const currentValue = useWatch({ control, name });
+  const { t } = useTranslation();
+  return /* @__PURE__ */ React.createElement(RadioContainer, { className, defaultValue: currentValue, id: name }, options.map(
+    ({
+      label,
+      value: v,
+      show,
+      disabled: optionDisabled,
+      selected,
+      ...option
+    }) => /* @__PURE__ */ React.createElement("div", { key: `${name}.${v}` }, /* @__PURE__ */ React.createElement(
+      RadioItem,
+      {
+        ...register(name),
+        id: `${name}.${v}`,
+        value: v,
+        disabled: disabled || optionDisabled,
+        ...option,
+        ...{
+          ...props,
+          reset: void 0,
+          required: void 0,
+          error: void 0,
+          "aria-describedby": void 0,
+          type: "radio"
+        }
+      },
+      label && label.primary && t(label.primary) || v,
+      label && label.secondary && /* @__PURE__ */ React.createElement(Hint, null, t(label.secondary))
+    ), selected && selected(), currentValue === v && show && Field && /* @__PURE__ */ React.createElement(RadioConditional, null, show.map((fieldName) => /* @__PURE__ */ React.createElement(Field, { name: fieldName, key: fieldName }))))
+  ));
 };
 var Radio_default = RadioButtonsGroup;
 export {

package/inputs/Radio/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/inputs/Radio/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { useWatch } from 'react-hook-form';\nimport { Field } from '@digigov/form';\nimport { UncontrolledFieldProps } from '@digigov/form/Field/types';\nimport { FieldOptionProps } from '@digigov/form/inputs/Label';\nimport { RadioConditional } from '@digigov/react-core/RadioConditional';\nimport Hint from '@digigov/react-core/Hint';\nimport RadioContainer from '@digigov/react-core/RadioContainer';\nimport RadioItem from '@digigov/react-core/RadioItem';\nimport { useTranslation } from '@digigov/ui/i18n';\n\nexport interface RadioButtonsGroupProps\n  extends Omit<UncontrolledFieldProps, 'extra'> {\n  extra: {\n    className?: string;\n    options: Array<FieldOptionProps>;\n    dense?: boolean;\n  };\n}\n\nexport const RadioButtonsGroup: React.FC<RadioButtonsGroupProps> = ({\n  name,\n  control,\n  register,\n  extra: { options, className },\n  disabled,\n  ...props\n}) => {\n  const currentValue: string | undefined = useWatch({ control, name });\n  const { t } = useTranslation();\n  return (\n    <RadioContainer className={className} defaultValue={currentValue} id={name}>\n      {options.map(\n        ({\n          label,\n          value: v,\n          show,\n          disabled: optionDisabled,\n          selected,\n          ...option\n        }) => (\n          <div key={`${name}.${v}`}>\n            <RadioItem\n              {...register(name)}\n              value={v}\n              disabled={disabled || optionDisabled}\n              {...option}\n              {...{\n                ...props,\n                reset: undefined,\n                required: undefined,\n                'aria-describedby': undefined,\n                type: 'radio',\n              }}\n            >\n              {(label && label.primary && t(label.primary)) || v}\n              {label && label.secondary && <Hint>{t(label.secondary)}</Hint>}\n            </RadioItem>\n            {selected && selected()}\n            {currentValue === v && show && (\n              <RadioConditional>\n                {show.map((fieldName) => (\n                  <Field name={fieldName} key={fieldName} />\n                ))}\n              </RadioConditional>\n            )}\n          </div>\n        )\n      )}\n    </RadioContainer>\n  );\n};\n\nexport default RadioButtonsGroup;\n"],
-  "mappings": "AAAA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AAWO,MAAM,oBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO,CAAE,SAAS;AAAA,EAClB;AAAA,KACG;AAAA,MACC;AACJ,QAAM,eAAmC,SAAS,CAAE,SAAS;AAC7D,QAAM,CAAE,KAAM;AACd,SACE,oCAAC,gBAAD;AAAA,IAAgB;AAAA,IAAsB,cAAc;AAAA,IAAc,IAAI;AAAA,KACnE,QAAQ,IACP,CAAC;AAAA,IACC;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,UAAU;AAAA,IACV;AAAA,OACG;AAAA,QAEH,oCAAC,OAAD;AAAA,IAAK,KAAK,GAAG,QAAQ;AAAA,KACnB,oCAAC,WAAD;AAAA,OACM,SAAS;AAAA,IACb,OAAO;AAAA,IACP,UAAU,YAAY;AAAA,OAClB;AAAA,OACA;AAAA,SACC;AAAA,MACH,OAAO;AAAA,MACP,UAAU;AAAA,MACV,oBAAoB;AAAA,MACpB,MAAM;AAAA;AAAA,KAGN,SAAS,MAAM,WAAW,EAAE,MAAM,YAAa,GAChD,SAAS,MAAM,aAAa,oCAAC,MAAD,MAAO,EAAE,MAAM,cAE7C,YAAY,YACZ,iBAAiB,KAAK,QACrB,oCAAC,kBAAD,MACG,KAAK,IAAI,CAAC,cACT,oCAAC,OAAD;AAAA,IAAO,MAAM;AAAA,IAAW,KAAK;AAAA;AAAA;AAW/C,IAAO,gBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { useWatch } from 'react-hook-form';\nimport { UncontrolledFieldProps } from '@digigov/form/Field/types';\nimport { FieldOptionProps } from '@digigov/form/inputs/Label';\nimport Hint from '@digigov/react-core/Hint';\nimport { RadioConditional } from '@digigov/react-core/RadioConditional';\nimport RadioContainer from '@digigov/react-core/RadioContainer';\nimport RadioItem from '@digigov/react-core/RadioItem';\nimport { useTranslation } from '@digigov/ui/i18n';\n\nexport interface RadioButtonsGroupProps\n  extends Omit<UncontrolledFieldProps, 'extra'> {\n  extra: {\n    className?: string;\n    options: Array<FieldOptionProps>;\n    dense?: boolean;\n  };\n  fieldComponent?: React.FC<Omit<UncontrolledFieldProps, 'register'>>;\n}\n\nexport const RadioButtonsGroup: React.FC<RadioButtonsGroupProps> = ({\n  name,\n  control,\n  register,\n  extra: { options, className },\n  disabled,\n  fieldComponent: Field,\n  ...props\n}) => {\n  const currentValue: string | undefined = useWatch({ control, name });\n  const { t } = useTranslation();\n  return (\n    <RadioContainer className={className} defaultValue={currentValue} id={name}>\n      {options.map(\n        ({\n          label,\n          value: v,\n          show,\n          disabled: optionDisabled,\n          selected,\n          ...option\n        }) => (\n          <div key={`${name}.${v}`}>\n            <RadioItem\n              {...register(name)}\n              id={`${name}.${v}`}\n              value={v}\n              disabled={disabled || optionDisabled}\n              {...option}\n              {...{\n                ...props,\n                reset: undefined,\n                required: undefined,\n                error: undefined,\n                'aria-describedby': undefined,\n                type: 'radio',\n              }}\n            >\n              {(label && label.primary && t(label.primary)) || v}\n              {label && label.secondary && <Hint>{t(label.secondary)}</Hint>}\n            </RadioItem>\n            {selected && selected()}\n            {currentValue === v && show && Field && (\n              <RadioConditional>\n                {show.map((fieldName) => (\n                  <Field name={fieldName} key={fieldName} />\n                ))}\n              </RadioConditional>\n            )}\n          </div>\n        )\n      )}\n    </RadioContainer>\n  );\n};\n\nexport default RadioButtonsGroup;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,gBAAgB;AAGzB,OAAO,UAAU;AACjB,SAAS,wBAAwB;AACjC,OAAO,oBAAoB;AAC3B,OAAO,eAAe;AACtB,SAAS,sBAAsB;AAYxB,MAAM,oBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO,EAAE,SAAS,UAAU;AAAA,EAC5B;AAAA,EACA,gBAAgB;AAAA,EAChB,GAAG;AACL,MAAM;AACJ,QAAM,eAAmC,SAAS,EAAE,SAAS,KAAK,CAAC;AACnE,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,SACE,oCAAC,kBAAe,WAAsB,cAAc,cAAc,IAAI,QACnE,QAAQ;AAAA,IACP,CAAC;AAAA,MACC;AAAA,MACA,OAAO;AAAA,MACP;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA,GAAG;AAAA,IACL,MACE,oCAAC,SAAI,KAAK,GAAG,IAAI,IAAI,CAAC,MACpB;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,SAAS,IAAI;AAAA,QACjB,IAAI,GAAG,IAAI,IAAI,CAAC;AAAA,QAChB,OAAO;AAAA,QACP,UAAU,YAAY;AAAA,QACrB,GAAG;AAAA,QACH,GAAG;AAAA,UACF,GAAG;AAAA,UACH,OAAO;AAAA,UACP,UAAU;AAAA,UACV,OAAO;AAAA,UACP,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,GACC,YAAY,SAAS,GACrB,iBAAiB,KAAK,QAAQ,SAC7B,oCAAC,wBACE,KAAK,IAAI,CAAC,cACT,oCAAC,SAAM,MAAM,WAAW,KAAK,WAAW,CACzC,CACH,CAEJ;AAAA,EAEJ,CACF;AAEJ;AAEA,IAAO,gBAAQ;",
   "names": []
 }

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

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

package/inputs/Select/Select.stories/index.js

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

package/inputs/Select/Select.stories.d.ts

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

package/inputs/Select/Select.stories.js.map

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

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

@@ -1,44 +1,50 @@
 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:single",
-  required: true,
-  label: {primary: "\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03C7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u03B4\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE\u03C2 \u03C3\u03B1\u03C2;"},
-  extra: {
-    component: "Select",
-    options: [
-      {
-        label: {primary: ""},
-        value: ""
-      },
-      {
-        label: {primary: "\u0395\u03BB\u03BB\u03AC\u03B4\u03B1"},
-        value: "greece"
-      },
-      {
-        label: {primary: "\u039A\u03CD\u03C0\u03C1\u03BF\u03C2"},
-        value: "cyprus"
-      },
-      {
-        label: {primary: "\u03A7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u0395\u03C5\u03C1\u03C9\u03C0\u03B1\u03CA\u03BA\u03AE\u03C2 \u0388\u03BD\u03C9\u03C3\u03B7\u03C2"},
-        value: "eu"
-      },
-      {
-        label: {primary: "\u0397\u03BD\u03C9\u03BC\u03AD\u03BD\u03B5\u03C2 \u03A0\u03BF\u03BB\u03B9\u03C4\u03B5\u03AF\u03B5\u03C2 \u03C4\u03B7\u03C2 \u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE\u03C2"},
-        value: "usa"
+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:single",
+      required: true,
+      label: { primary: "\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03C7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u03B4\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE\u03C2 \u03C3\u03B1\u03C2;" },
+      extra: {
+        component: "Select",
+        options: [
+          {
+            label: { primary: "" },
+            value: ""
+          },
+          {
+            label: { primary: "\u0395\u03BB\u03BB\u03AC\u03B4\u03B1" },
+            value: "greece"
+          },
+          {
+            label: { primary: "\u039A\u03CD\u03C0\u03C1\u03BF\u03C2" },
+            value: "cyprus"
+          },
+          {
+            label: { primary: "\u03A7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u0395\u03C5\u03C1\u03C9\u03C0\u03B1\u03CA\u03BA\u03AE\u03C2 \u0388\u03BD\u03C9\u03C3\u03B7\u03C2" },
+            value: "eu"
+          },
+          {
+            label: { primary: "\u0397\u03BD\u03C9\u03BC\u03AD\u03BD\u03B5\u03C2 \u03A0\u03BF\u03BB\u03B9\u03C4\u03B5\u03AF\u03B5\u03C2 \u03C4\u03B7\u03C2 \u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE\u03C2" },
+            value: "usa"
+          }
+        ]
       }
-    ]
-  }
-}), /* @__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/Select/__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/Select/__stories__/Default.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/inputs/Select/__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:single\"\n      required\n      label={{ primary: '\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03C7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u03B4\u03B9\u03B1\u03BC\u03BF\u03BD\u03AE\u03C2 \u03C3\u03B1\u03C2;' }}\n      extra={{\n        component: 'Select',\n        options: [\n          {\n            label: { primary: '' },\n            value: '',\n          },\n          {\n            label: { primary: '\u0395\u03BB\u03BB\u03AC\u03B4\u03B1' },\n            value: 'greece',\n          },\n          {\n            label: { primary: '\u039A\u03CD\u03C0\u03C1\u03BF\u03C2' },\n            value: 'cyprus',\n          },\n          {\n            label: { primary: '\u03A7\u03CE\u03C1\u03B1 \u03C4\u03B7\u03C2 \u0395\u03C5\u03C1\u03C9\u03C0\u03B1\u03CA\u03BA\u03AE\u03C2 \u0388\u03BD\u03C9\u03C3\u03B7\u03C2' },\n            value: 'eu',\n          },\n          {\n            label: { primary: '\u0397\u03BD\u03C9\u03BC\u03AD\u03BD\u03B5\u03C2 \u03A0\u03BF\u03BB\u03B9\u03C4\u03B5\u03AF\u03B5\u03C2 \u03C4\u03B7\u03C2 \u0391\u03BC\u03B5\u03C1\u03B9\u03BA\u03AE\u03C2' },\n            value: 'usa',\n          },\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;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,WAAW;AAAA,IACX,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,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;AAG1B,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,kLAAsC;AAAA,MACxD,OAAO;AAAA,QACL,WAAW;AAAA,QACX,SAAS;AAAA,UACP;AAAA,YACE,OAAO,EAAE,SAAS,GAAG;AAAA,YACrB,OAAO;AAAA,UACT;AAAA,UACA;AAAA,YACE,OAAO,EAAE,SAAS,uCAAS;AAAA,YAC3B,OAAO;AAAA,UACT;AAAA,UACA;AAAA,YACE,OAAO,EAAE,SAAS,uCAAS;AAAA,YAC3B,OAAO;AAAA,UACT;AAAA,UACA;AAAA,YACE,OAAO,EAAE,SAAS,gJAA6B;AAAA,YAC/C,OAAO;AAAA,UACT;AAAA,UACA;AAAA,YACE,OAAO,EAAE,SAAS,8KAAkC;AAAA,YACpD,OAAO;AAAA,UACT;AAAA,QACF;AAAA,MACF;AAAA;AAAA,EACF;AAAA,EACA,oCAAC,UAAO,MAAK,YAAS,kDAAQ;AAChC;AAEF,IAAO,kBAAQ;",
   "names": []
 }

package/inputs/Select/index.js

@@ -1,18 +1,21 @@
 import React from "react";
 import SelectContainer from "@digigov/react-core/SelectContainer";
 import SelectOption from "@digigov/react-core/SelectOption";
-const Select = React.forwardRef(function WrappedSelect({name, extra: {options, className}, disabled, ...props}, ref) {
-  return /* @__PURE__ */ React.createElement(SelectContainer, {
-    className,
-    ref,
-    name,
-    disabled,
-    ...{...props, reset: void 0, required: void 0}
-  }, options.map(({value, label}) => /* @__PURE__ */ React.createElement(SelectOption, {
-    key: value,
-    value
-  }, label && label.primary ? label.primary : value)));
-});
+const Select = React.forwardRef(
+  function WrappedSelect({ name, extra: { options, className }, disabled, ...props }, ref) {
+    return /* @__PURE__ */ React.createElement(
+      SelectContainer,
+      {
+        className,
+        ref,
+        name,
+        disabled,
+        ...{ ...props, reset: void 0, required: void 0 }
+      },
+      options.map(({ value, label }) => /* @__PURE__ */ React.createElement(SelectOption, { key: value, value }, label && label.primary ? label.primary : value))
+    );
+  }
+);
 var Select_default = Select;
 export {
   Select,

package/inputs/Select/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/inputs/Select/index.tsx"],
   "sourcesContent": ["import React from 'react';\nimport { UncontrolledFieldProps } from '@digigov/form/Field/types';\nimport { FieldOptionProps } from '@digigov/form/inputs/Label';\nimport SelectContainer from '@digigov/react-core/SelectContainer';\nimport SelectOption from '@digigov/react-core/SelectOption';\n\nexport interface SelectProps extends Omit<UncontrolledFieldProps, 'extra'> {\n  extra: {\n    className?: string;\n    options: Array<FieldOptionProps>;\n  };\n}\n\nexport const Select: React.ExoticComponent<SelectProps> = React.forwardRef(\n  function WrappedSelect(\n    { name, extra: { options, className }, disabled, ...props },\n    ref: never\n  ) {\n    return (\n      <SelectContainer\n        className={className}\n        ref={ref}\n        name={name}\n        disabled={disabled}\n        {...{ ...props, reset: undefined, required: undefined }}\n      >\n        {options.map(({ value, label }) => (\n          <SelectOption key={value} value={value}>\n            {label && label.primary ? label.primary : value}\n          </SelectOption>\n        ))}\n      </SelectContainer>\n    );\n  }\n);\n\nexport default Select;\n"],
-  "mappings": "AAAA;AAGA;AACA;AASO,MAAM,SAA6C,MAAM,WAC9D,uBACE,CAAE,MAAM,OAAO,CAAE,SAAS,YAAa,aAAa,QACpD,KACA;AACA,SACE,oCAAC,iBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OACI,IAAK,OAAO,OAAO,QAAW,UAAU;AAAA,KAE3C,QAAQ,IAAI,CAAC,CAAE,OAAO,WACrB,oCAAC,cAAD;AAAA,IAAc,KAAK;AAAA,IAAO;AAAA,KACvB,SAAS,MAAM,UAAU,MAAM,UAAU;AAAA;AAQtD,IAAO,iBAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAGlB,OAAO,qBAAqB;AAC5B,OAAO,kBAAkB;AASlB,MAAM,SAA6C,MAAM;AAAA,EAC9D,SAAS,cACP,EAAE,MAAM,OAAO,EAAE,SAAS,UAAU,GAAG,UAAU,GAAG,MAAM,GAC1D,KACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAG,EAAE,GAAG,OAAO,OAAO,QAAW,UAAU,OAAU;AAAA;AAAA,MAErD,QAAQ,IAAI,CAAC,EAAE,OAAO,MAAM,MAC3B,oCAAC,gBAAa,KAAK,OAAO,SACvB,SAAS,MAAM,UAAU,MAAM,UAAU,KAC5C,CACD;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,iBAAQ;",
   "names": []
 }

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

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

package/inputs/index.js

@@ -1,12 +1,12 @@
-import {default as default2} from "@digigov/form/inputs/Checkboxes";
-import {default as default3} from "@digigov/form/inputs/DateInput";
-import {default as default4} from "@digigov/form/inputs/OtpInput";
-import {default as default5} from "@digigov/form/inputs/FileInput";
-import {default as default6} from "@digigov/form/inputs/ImageInput";
-import {default as default7} from "@digigov/form/inputs/Input";
-import {default as default8} from "@digigov/form/inputs/Label";
-import {default as default9} from "@digigov/form/inputs/Radio";
-import {default as default10} from "@digigov/form/inputs/Select";
+import { default as default2 } from "@digigov/form/inputs/Checkboxes";
+import { default as default3 } from "@digigov/form/inputs/DateInput";
+import { default as default4 } from "@digigov/form/inputs/OtpInput";
+import { default as default5 } from "@digigov/form/inputs/FileInput";
+import { default as default6 } from "@digigov/form/inputs/ImageInput";
+import { default as default7 } from "@digigov/form/inputs/Input";
+import { default as default8 } from "@digigov/form/inputs/Label";
+import { default as default9 } from "@digigov/form/inputs/Radio";
+import { default as default10 } from "@digigov/form/inputs/Select";
 export {
   default2 as Checkboxes,
   default3 as DateInput,

package/inputs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/inputs/index.ts"],
   "sourcesContent": ["export { default as Checkboxes } from '@digigov/form/inputs/Checkboxes';\nexport { default as DateInput } from '@digigov/form/inputs/DateInput';\nexport { default as OtpInput } from '@digigov/form/inputs/OtpInput';\nexport { default as FileInput } from '@digigov/form/inputs/FileInput';\nexport { default as ImageInput } from '@digigov/form/inputs/ImageInput';\nexport { default as Input } from '@digigov/form/inputs/Input';\nexport { default as Label } from '@digigov/form/inputs/Label';\nexport { default as Radio } from '@digigov/form/inputs/Radio';\nexport { default as Select } from '@digigov/form/inputs/Select';\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;",
-  "names": []
+  "mappings": "AAAA,SAAoB,WAAXA,gBAA6B;AACtC,SAAoB,WAAXA,gBAA4B;AACrC,SAAoB,WAAXA,gBAA2B;AACpC,SAAoB,WAAXA,gBAA4B;AACrC,SAAoB,WAAXA,gBAA6B;AACtC,SAAoB,WAAXA,gBAAwB;AACjC,SAAoB,WAAXA,gBAAwB;AACjC,SAAoB,WAAXA,gBAAwB;AACjC,SAAoB,WAAXA,iBAAyB;",
+  "names": ["default"]
 }