@digigov/form 2.0.0-0edebf87 → 2.0.0-2445d5cb

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

@@ -1,93 +1,100 @@
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-var fields = [{
-  key: 'landline',
-  type: 'phone_number',
-  label: {
-    secondary: 'Εισάγετε το νούμερο του σταθερού σας τηλεφώνου.'
-  },
-  enabled: false,
-  condition: {
-    auth_form: {
-      is: 'via_mobile_phone',
-      then: {
-        enabled: true,
-        required: true
+import React from "react";
+import FormBuilder, { Field } from "@digigov/form";
+import { Button } from "@digigov/ui/form/Button";
+const fields = [
+  {
+    key: "landline",
+    type: "phone_number",
+    label: {
+      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."
+    },
+    enabled: false,
+    condition: {
+      auth_form: {
+        is: "via_mobile_phone",
+        then: {
+          enabled: true,
+          required: true
+        }
       }
     }
-  }
-}, {
-  key: 'mobile_phone',
-  type: 'mobile_phone',
-  label: {
-    secondary: 'Εισάγετε το νούμερο του κινητού σας τηλεφώνου.'
   },
-  enabled: false,
-  condition: {
-    auth_form: {
-      is: 'via_mobile_phone',
-      then: {
-        enabled: true,
-        required: true
+  {
+    key: "mobile_phone",
+    type: "mobile_phone",
+    label: {
+      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."
+    },
+    enabled: false,
+    condition: {
+      auth_form: {
+        is: "via_mobile_phone",
+        then: {
+          enabled: true,
+          required: true
+        }
       }
     }
-  }
-}, {
-  key: 'email',
-  type: 'email',
-  label: {
-    secondary: 'Εισάγετε την διεύθυνση του ηλεκτρονικού σας ταχυδρομείου.'
   },
-  enabled: false,
-  condition: {
-    auth_form: {
-      is: 'via_email',
-      then: {
-        enabled: true,
-        required: true
+  {
+    key: "email",
+    type: "email",
+    label: {
+      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."
+    },
+    enabled: false,
+    condition: {
+      auth_form: {
+        is: "via_email",
+        then: {
+          enabled: true,
+          required: true
+        }
       }
     }
-  }
-}, {
-  key: 'auth_form',
-  type: 'choice:single',
-  required: true,
-  label: {
-    primary: 'Επιλέξτε μέθοδο πιστοποίησης',
-    secondary: 'Για την ολοκλήρωση της δήλωσης σας, θα χρειαστεί επιπλέον πιστοποίηση. Θα σας στείλουμε ένα κωδικό μιας χρήσης είτε στο τηλέφωνο είτε στην ηλεκτρονική σας διεύθυνση.'
   },
-  extra: {
-    options: [{
-      key: 'via_mobile_phone',
-      label: {
-        primary: 'Mέσω κινητού τηλεφώνου'
-      },
-      value: 'via_mobile_phone',
-      show: ['mobile_phone', 'landline']
-    }, {
-      key: 'via_email',
-      label: {
-        primary: 'Μέσω διεύθυνσης ηλεκτρονικού ταχυδρομείου (e-mail)'
-      },
-      value: 'via_email',
-      show: ['email']
-    }]
+  {
+    key: "auth_form",
+    type: "choice:single",
+    required: true,
+    label: {
+      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",
+      secondary: "\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."
+    },
+    extra: {
+      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" },
+          value: "via_mobile_phone",
+          show: ["mobile_phone", "landline"]
+        },
+        {
+          key: "via_email",
+          label: {
+            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)"
+          },
+          value: "via_email",
+          show: ["email"]
+        }
+      ]
+    }
   }
-}];
-var _ref = /*#__PURE__*/React.createElement(Field, {
-  key: "auth_form",
-  name: "auth_form"
-});
-var _ref2 = /*#__PURE__*/React.createElement(Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-export var Conditional = function Conditional() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
+];
+const Conditional = () => /* @__PURE__ */ React.createElement(
+  FormBuilder,
+  {
+    onSubmit: (data) => {
       console.log(data);
     },
-    fields: fields
-  }, _ref, _ref2);
+    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")
+);
+var Conditional_default = Conditional;
+export {
+  Conditional,
+  Conditional_default as default
 };
-export default Conditional;
+//# sourceMappingURL=Conditional.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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,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,45 +1,48 @@
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-var _ref = /*#__PURE__*/React.createElement(Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
+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: 'Ποιά είναι η χώρα της διαμονής σας;'
-    },
-    extra: {
-      options: [{
-        label: {
-          primary: 'Ελλάδα'
-        },
-        value: 'greece'
-      }, {
-        label: {
-          primary: 'Κύπρος'
-        },
-        value: 'cyprus'
-      }, {
-        label: {
-          primary: 'Χώρα της Ευρωπαϊκής Ένωσης'
-        },
-        value: 'eu'
-      }, {
-        label: {
-          primary: 'Ηνωμένες Πολιτείες της Αμερικής'
-        },
-        value: 'usa'
-      }]
+  },
+  /* @__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"
+          }
+        ]
+      }
     }
-  }), _ref);
+  ),
+  /* @__PURE__ */ React.createElement(Button, { type: "submit" }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")
+);
+var Default_default = Default;
+export {
+  Default,
+  Default_default as default
 };
-export default Default;
+//# sourceMappingURL=Default.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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,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,46 +1,49 @@
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-var _ref = /*#__PURE__*/React.createElement(Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-export var WithDivider = function WithDivider() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
+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: 'Ποιά είναι η χώρα της διαμονής σας;'
-    },
-    extra: {
-      options: [{
-        label: {
-          primary: 'Ελλάδα'
-        },
-        value: 'greece'
-      }, {
-        label: {
-          primary: 'Κύπρος'
-        },
-        value: 'cyprus'
-      }, {
-        label: {
-          primary: 'Χώρα της Ευρωπαϊκής Ένωσης'
-        },
-        value: 'eu'
-      }, {
-        label: {
-          primary: 'Ηνωμένες Πολιτείες της Αμερικής'
-        },
-        value: 'usa',
-        dividerText: 'ή'
-      }]
+  },
+  /* @__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"
+          }
+        ]
+      }
     }
-  }), _ref);
+  ),
+  /* @__PURE__ */ React.createElement(Button, { type: "submit" }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")
+);
+var WithDivider_default = WithDivider;
+export {
+  WithDivider,
+  WithDivider_default as default
 };
-export default WithDivider;
+//# sourceMappingURL=WithDivider.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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,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,57 +1,54 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "control", "register", "extra", "disabled"],
-  _excluded2 = ["label", "value", "show", "disabled", "selected"];
-import React from 'react';
-import { useWatch } from 'react-hook-form';
-import { Field } from '@digigov/form';
-import { RadioConditional } from '@digigov/react-core/RadioConditional';
-import Hint from '@digigov/react-core/Hint';
-import RadioContainer from '@digigov/react-core/RadioContainer';
-import RadioItem from '@digigov/react-core/RadioItem';
-import { useTranslation } from '@digigov/ui/i18n';
-export var RadioButtonsGroup = function RadioButtonsGroup(_ref) {
-  var name = _ref.name,
-    control = _ref.control,
-    register = _ref.register,
-    _ref$extra = _ref.extra,
-    options = _ref$extra.options,
-    className = _ref$extra.className,
-    disabled = _ref.disabled,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var currentValue = useWatch({
-    control: control,
-    name: name
-  });
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/React.createElement(RadioContainer, {
-    className: className,
-    defaultValue: currentValue,
-    id: name
-  }, options.map(function (_ref2) {
-    var label = _ref2.label,
-      v = _ref2.value,
-      show = _ref2.show,
-      optionDisabled = _ref2.disabled,
-      selected = _ref2.selected,
-      option = _objectWithoutProperties(_ref2, _excluded2);
-    return /*#__PURE__*/React.createElement("div", {
-      key: "".concat(name, ".").concat(v)
-    }, /*#__PURE__*/React.createElement(RadioItem, _extends({}, register(name), {
+import React from "react";
+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";
+const RadioButtonsGroup = ({
+  name,
+  control,
+  register,
+  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,
-      disabled: disabled || optionDisabled
-    }, option, _extends({}, props, {
-      reset: undefined,
-      required: undefined,
-      'aria-describedby': undefined,
-      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(function (fieldName) {
-      return /*#__PURE__*/React.createElement(Field, {
-        name: fieldName,
-        key: fieldName
-      });
-    })));
-  }));
+      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 }))))
+  ));
 };
-export default RadioButtonsGroup;
+var Radio_default = RadioButtonsGroup;
+export {
+  RadioButtonsGroup,
+  Radio_default as default
+};
+//# sourceMappingURL=index.js.map

package/inputs/Radio/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/inputs/Radio/index.tsx"],
+  "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

@@ -1,7 +1,12 @@
-import Select from '@digigov/form/inputs/Select';
-export default {
-  title: 'Digigov Form/inputs/Select',
+import Select from "@digigov/form/inputs/Select";
+var Select_stories_default = {
+  title: "Digigov Form/inputs/Select",
   component: Select,
-  displayName: '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

@@ -0,0 +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 { 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": []
+}