@digigov/form 1.1.2 → 1.1.4-mobile

package/inputs/Input/__stories__/IBAN.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/inputs/Input/__stories__/IBAN.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field } from '@digigov/form';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const IBAN = () => (\n  <FormBuilder\n    onSubmit={(data) => {\n      console.log(data);\n    }}\n  >\n    <Field\n      key=\"iban\"\n      name=\"iban\"\n      type=\"iban\"\n      label={{\n        primary: '\u0391\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2 IBAN',\n        secondary:\n          'IBAN \u03C3\u03B7\u03BC\u03B1\u03AF\u03BD\u03B5\u03B9 \u0394\u03B9\u03B5\u03B8\u03BD\u03AE\u03C2 \u0391\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2 \u03A4\u03C1\u03B1\u03C0\u03B5\u03B6\u03B9\u03BA\u03BF\u03CD \u039B\u03BF\u03B3\u03B1\u03C1\u03B9\u03B1\u03C3\u03BC\u03BF\u03CD. \u0395\u03AF\u03BD\u03B1\u03B9 \u03AD\u03BD\u03B1\u03C2 \u03B4\u03B9\u03B5\u03B8\u03BD\u03CE\u03C2 \u03C3\u03C5\u03BC\u03C6\u03C9\u03BD\u03B7\u03BC\u03AD\u03BD\u03BF\u03C2 \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2, \u03C0\u03BF\u03C5 \u03B1\u03C0\u03BF\u03C4\u03B5\u03BB\u03B5\u03AF\u03C4\u03B1\u03B9 \u03B1\u03C0\u03CC \u03AD\u03C9\u03C2 \u03BA\u03B1\u03B9 34 \u03B3\u03C1\u03AC\u03BC\u03BC\u03B1\u03C4\u03B1 \u03BA\u03B1\u03B9 \u03B1\u03C1\u03B9\u03B8\u03BC\u03BF\u03CD\u03C2, \u03C0\u03BF\u03C5 \u03B2\u03BF\u03B7\u03B8\u03AC \u03C4\u03B9\u03C2 \u03C4\u03C1\u03AC\u03C0\u03B5\u03B6\u03B5\u03C2 \u03BD\u03B1 \u03B4\u03B9\u03B5\u03BA\u03C0\u03B5\u03C1\u03B1\u03B9\u03CE\u03BD\u03BF\u03C5\u03BD \u03BC\u03B5\u03C4\u03B1\u03C6\u03BF\u03C1\u03AD\u03C2 \u03C3\u03B5 \u03CC\u03BB\u03BF \u03C4\u03BF\u03BD \u03BA\u03CC\u03C3\u03BC\u03BF.',\n      }}\n      required\n    />\n    <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n  </FormBuilder>\n);\nexport default IBAN;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,eAAe,aAAa;AACnC,SAAS,cAAc;AAEhB,MAAM,OAAO,MAClB;AAAA,EAAC;AAAA;AAAA,IACC,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA;AAAA,EAEA;AAAA,IAAC;AAAA;AAAA,MACC,KAAI;AAAA,MACJ,MAAK;AAAA,MACL,MAAK;AAAA,MACL,OAAO;AAAA,QACL,SAAS;AAAA,QACT,WACE;AAAA,MACJ;AAAA,MACA,UAAQ;AAAA;AAAA,EACV;AAAA,EACA,oCAAC,UAAO,MAAK,YAAS,kDAAQ;AAChC;AAEF,IAAO,eAAQ;",
+  "names": []
+}

package/inputs/Input/__stories__/Integer/index.js

@@ -1,31 +1,45 @@
-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 Integer = function Integer() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Field, {
-    key: "random-number",
-    name: "random-number",
-    type: "int",
-    label: {
-      primary: 'Ένας τυχαίος αριθμός',
-      secondary: 'Εισάγετε έναν οποιοδήποτε αριθμό μεγαλύτερο από το μηδέν'
+import React from "react";
+import FormBuilder, { Field } from "@digigov/form";
+import { Button } from "@digigov/ui/form/Button";
+const Integer = () => {
+  return /* @__PURE__ */ React.createElement(
+    FormBuilder,
+    {
+      onSubmit: (data) => {
+        console.log(data);
+      }
     },
-    required: true
-  }), /*#__PURE__*/React.createElement(Field, {
-    key: "random-number-not-req",
-    name: "random-number-not-req",
-    type: "int",
-    label: {
-      primary: 'Δεύτερος τυχαίος αριθμός',
-      secondary: 'Προαιρετικό πεδίο'
-    }
-  }), _ref);
+    /* @__PURE__ */ React.createElement(
+      Field,
+      {
+        key: "random-number",
+        name: "random-number",
+        type: "int",
+        label: {
+          primary: "\u0388\u03BD\u03B1\u03C2 \u03C4\u03C5\u03C7\u03B1\u03AF\u03BF\u03C2 \u03B1\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2",
+          secondary: "\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03AD\u03BD\u03B1\u03BD \u03BF\u03C0\u03BF\u03B9\u03BF\u03B4\u03AE\u03C0\u03BF\u03C4\u03B5 \u03B1\u03C1\u03B9\u03B8\u03BC\u03CC \u03BC\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03BF \u03B1\u03C0\u03CC \u03C4\u03BF \u03BC\u03B7\u03B4\u03AD\u03BD"
+        },
+        required: true
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      Field,
+      {
+        key: "random-number-not-req",
+        name: "random-number-not-req",
+        type: "int",
+        label: {
+          primary: "\u0394\u03B5\u03CD\u03C4\u03B5\u03C1\u03BF\u03C2 \u03C4\u03C5\u03C7\u03B1\u03AF\u03BF\u03C2 \u03B1\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2",
+          secondary: "\u03A0\u03C1\u03BF\u03B1\u03B9\u03C1\u03B5\u03C4\u03B9\u03BA\u03CC \u03C0\u03B5\u03B4\u03AF\u03BF"
+        }
+      }
+    ),
+    /* @__PURE__ */ React.createElement(Button, { type: "submit" }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")
+  );
 };
-export default Integer;
+var Integer_default = Integer;
+export {
+  Integer,
+  Integer_default as default
+};
+//# sourceMappingURL=Integer.js.map

package/inputs/Input/__stories__/Integer.d.ts

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

package/inputs/Input/__stories__/Integer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/inputs/Input/__stories__/Integer.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field } from '@digigov/form';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const Integer = () => {\n  return (\n    <FormBuilder\n      onSubmit={(data) => {\n        console.log(data);\n      }}\n    >\n      <Field\n        key=\"random-number\"\n        name=\"random-number\"\n        type=\"int\"\n        label={{\n          primary: '\u0388\u03BD\u03B1\u03C2 \u03C4\u03C5\u03C7\u03B1\u03AF\u03BF\u03C2 \u03B1\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2',\n          secondary: '\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03AD\u03BD\u03B1\u03BD \u03BF\u03C0\u03BF\u03B9\u03BF\u03B4\u03AE\u03C0\u03BF\u03C4\u03B5 \u03B1\u03C1\u03B9\u03B8\u03BC\u03CC \u03BC\u03B5\u03B3\u03B1\u03BB\u03CD\u03C4\u03B5\u03C1\u03BF \u03B1\u03C0\u03CC \u03C4\u03BF \u03BC\u03B7\u03B4\u03AD\u03BD',\n        }}\n        required\n      />\n      <Field\n        key=\"random-number-not-req\"\n        name=\"random-number-not-req\"\n        type=\"int\"\n        label={{\n          primary: '\u0394\u03B5\u03CD\u03C4\u03B5\u03C1\u03BF\u03C2 \u03C4\u03C5\u03C7\u03B1\u03AF\u03BF\u03C2 \u03B1\u03C1\u03B9\u03B8\u03BC\u03CC\u03C2',\n          secondary: '\u03A0\u03C1\u03BF\u03B1\u03B9\u03C1\u03B5\u03C4\u03B9\u03BA\u03CC \u03C0\u03B5\u03B4\u03AF\u03BF',\n        }}\n      />\n      <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n    </FormBuilder>\n  );\n};\n\nexport default Integer;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,eAAe,aAAa;AACnC,SAAS,cAAc;AAEhB,MAAM,UAAU,MAAM;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,CAAC,SAAS;AAClB,gBAAQ,IAAI,IAAI;AAAA,MAClB;AAAA;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,KAAI;AAAA,QACJ,MAAK;AAAA,QACL,MAAK;AAAA,QACL,OAAO;AAAA,UACL,SAAS;AAAA,UACT,WAAW;AAAA,QACb;AAAA,QACA,UAAQ;AAAA;AAAA,IACV;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,KAAI;AAAA,QACJ,MAAK;AAAA,QACL,MAAK;AAAA,QACL,OAAO;AAAA,UACL,SAAS;AAAA,UACT,WAAW;AAAA,QACb;AAAA;AAAA,IACF;AAAA,IACA,oCAAC,UAAO,MAAK,YAAS,kDAAQ;AAAA,EAChC;AAEJ;AAEA,IAAO,kBAAQ;",
+  "names": []
+}

package/inputs/Input/__stories__/LandlineNumber/index.js

@@ -0,0 +1,34 @@
+import React from "react";
+import FormBuilder, { Field } from "@digigov/form";
+import { Button } from "@digigov/ui/form/Button";
+const LandlineNumber = () => /* @__PURE__ */ React.createElement(
+  FormBuilder,
+  {
+    onSubmit: (data) => {
+      console.log(data);
+    }
+  },
+  /* @__PURE__ */ React.createElement(
+    Field,
+    {
+      key: "phone-number",
+      name: "phone-number",
+      type: "phone_number",
+      label: {
+        primary: "\u03A3\u03C4\u03B1\u03B8\u03B5\u03C1\u03CC \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"
+      },
+      extra: {
+        countries: ["gr"],
+        phoneType: "landline"
+      },
+      required: true
+    }
+  ),
+  /* @__PURE__ */ React.createElement(Button, { type: "submit" }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")
+);
+var LandlineNumber_default = LandlineNumber;
+export {
+  LandlineNumber,
+  LandlineNumber_default as default
+};
+//# sourceMappingURL=LandlineNumber.js.map

package/inputs/Input/__stories__/LandlineNumber/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/inputs/Input/__stories__/LandlineNumber/index.js"
+}

package/inputs/Input/__stories__/LandlineNumber.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const LandlineNumber: () => React.JSX.Element;
+export default LandlineNumber;

package/inputs/Input/__stories__/LandlineNumber.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/inputs/Input/__stories__/LandlineNumber.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field } from '@digigov/form';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const LandlineNumber = () => (\n  <FormBuilder\n    onSubmit={(data) => {\n      console.log(data);\n    }}\n  >\n    <Field\n      key=\"phone-number\"\n      name=\"phone-number\"\n      type=\"phone_number\"\n      label={{\n        primary: '\u03A3\u03C4\u03B1\u03B8\u03B5\u03C1\u03CC \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF',\n      }}\n      extra={{\n        countries: ['gr'],\n        phoneType:'landline',\n      }}\n      required\n    />\n    <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n  </FormBuilder>\n);\nexport default LandlineNumber;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,eAAe,aAAa;AACnC,SAAS,cAAc;AAEhB,MAAM,iBAAiB,MAC5B;AAAA,EAAC;AAAA;AAAA,IACC,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA;AAAA,EAEA;AAAA,IAAC;AAAA;AAAA,MACC,KAAI;AAAA,MACJ,MAAK;AAAA,MACL,MAAK;AAAA,MACL,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,WAAW,CAAC,IAAI;AAAA,QAChB,WAAU;AAAA,MACZ;AAAA,MACA,UAAQ;AAAA;AAAA,EACV;AAAA,EACA,oCAAC,UAAO,MAAK,YAAS,kDAAQ;AAChC;AAEF,IAAO,yBAAQ;",
+  "names": []
+}

package/inputs/Input/__stories__/MobilePhone/index.js

@@ -1,22 +1,34 @@
-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 MobilePhone = function MobilePhone() {
-  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 MobilePhone = () => /* @__PURE__ */ React.createElement(
+  FormBuilder,
+  {
+    onSubmit: (data) => {
       console.log(data);
     }
-  }, /*#__PURE__*/React.createElement(Field, {
-    key: "mobile-phone",
-    name: "mobile-phone",
-    type: "mobile_phone",
-    label: {
-      primary: 'Κινητό τηλέφωνο'
-    },
-    required: true
-  }), _ref);
+  },
+  /* @__PURE__ */ React.createElement(
+    Field,
+    {
+      key: "mobile-phone",
+      name: "mobile-phone",
+      type: "mobile_phone",
+      label: {
+        primary: "\u039A\u03B9\u03BD\u03B7\u03C4\u03CC \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"
+      },
+      extra: {
+        countries: ["gr"],
+        phoneType: "mobile"
+      },
+      required: true
+    }
+  ),
+  /* @__PURE__ */ React.createElement(Button, { type: "submit" }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")
+);
+var MobilePhone_default = MobilePhone;
+export {
+  MobilePhone,
+  MobilePhone_default as default
 };
-export default MobilePhone;
+//# sourceMappingURL=MobilePhone.js.map

package/inputs/Input/__stories__/MobilePhone.d.ts

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

package/inputs/Input/__stories__/MobilePhone.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/inputs/Input/__stories__/MobilePhone.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field } from '@digigov/form';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const MobilePhone = () => (\n  <FormBuilder\n    onSubmit={(data) => {\n      console.log(data);\n    }}\n  >\n    <Field\n      key=\"mobile-phone\"\n      name=\"mobile-phone\"\n      type=\"mobile_phone\"\n      label={{\n        primary: '\u039A\u03B9\u03BD\u03B7\u03C4\u03CC \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF',\n      }}\n      extra={{\n        countries: ['gr'],\n        phoneType: 'mobile',\n      }}\n      required\n    />\n    <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n  </FormBuilder>\n);\nexport default MobilePhone;\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,KAAI;AAAA,MACJ,MAAK;AAAA,MACL,MAAK;AAAA,MACL,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,WAAW,CAAC,IAAI;AAAA,QAChB,WAAW;AAAA,MACb;AAAA,MACA,UAAQ;AAAA;AAAA,EACV;AAAA,EACA,oCAAC,UAAO,MAAK,YAAS,kDAAQ;AAChC;AAEF,IAAO,sBAAQ;",
+  "names": []
+}

package/inputs/Input/__stories__/PhoneNumber/index.js

@@ -1,22 +1,33 @@
-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 PhoneNumber = function PhoneNumber() {
-  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 PhoneNumber = () => /* @__PURE__ */ React.createElement(
+  FormBuilder,
+  {
+    onSubmit: (data) => {
       console.log(data);
     }
-  }, /*#__PURE__*/React.createElement(Field, {
-    key: "phone-number",
-    name: "phone-number",
-    type: "phone_number",
-    label: {
-      primary: 'Σταθερό τηλέφωνο'
-    },
-    required: true
-  }), _ref);
+  },
+  /* @__PURE__ */ React.createElement(
+    Field,
+    {
+      key: "phone-number",
+      name: "phone-number",
+      type: "phone_number",
+      label: {
+        primary: "T\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF"
+      },
+      extra: {
+        countries: ["gr"]
+      },
+      required: true
+    }
+  ),
+  /* @__PURE__ */ React.createElement(Button, { type: "submit" }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")
+);
+var PhoneNumber_default = PhoneNumber;
+export {
+  PhoneNumber,
+  PhoneNumber_default as default
 };
-export default PhoneNumber;
+//# sourceMappingURL=PhoneNumber.js.map

package/inputs/Input/__stories__/PhoneNumber.d.ts

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

package/inputs/Input/__stories__/PhoneNumber.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/inputs/Input/__stories__/PhoneNumber.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field } from '@digigov/form';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const PhoneNumber = () => (\n  <FormBuilder\n    onSubmit={(data) => {\n      console.log(data);\n    }}\n  >\n    <Field\n      key=\"phone-number\"\n      name=\"phone-number\"\n      type=\"phone_number\"\n      label={{\n        primary: 'T\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF',\n      }}\n      extra={{\n        countries: ['gr'],\n      }}\n      required\n    />\n    <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n  </FormBuilder>\n);\nexport default PhoneNumber;\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,KAAI;AAAA,MACJ,MAAK;AAAA,MACL,MAAK;AAAA,MACL,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,WAAW,CAAC,IAAI;AAAA,MAClB;AAAA,MACA,UAAQ;AAAA;AAAA,EACV;AAAA,EACA,oCAAC,UAAO,MAAK,YAAS,kDAAQ;AAChC;AAEF,IAAO,sBAAQ;",
+  "names": []
+}

package/inputs/Input/__stories__/PostalCode/index.js

@@ -1,25 +1,31 @@
-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 PostalCode = function PostalCode() {
-  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 PostalCode = () => /* @__PURE__ */ React.createElement(
+  FormBuilder,
+  {
+    onSubmit: (data) => {
       console.log(data);
     }
-  }, /*#__PURE__*/React.createElement(Field, {
-    key: "postal-code",
-    name: "postal-code",
-    type: "postal_code",
-    label: {
-      primary: 'Ταχυδρομικός κωδικός'
-    },
-    required: true,
-    extra: {
-      countries: ['GR']
+  },
+  /* @__PURE__ */ React.createElement(
+    Field,
+    {
+      key: "postal-code",
+      name: "postal-code",
+      type: "postal_code",
+      label: {
+        primary: "\u03A4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B9\u03BA\u03CC\u03C2 \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2"
+      },
+      required: true,
+      extra: { countries: ["GR"] }
     }
-  }), _ref);
+  ),
+  /* @__PURE__ */ React.createElement(Button, { type: "submit" }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")
+);
+var PostalCode_default = PostalCode;
+export {
+  PostalCode,
+  PostalCode_default as default
 };
-export default PostalCode;
+//# sourceMappingURL=PostalCode.js.map

package/inputs/Input/__stories__/PostalCode.d.ts

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

package/inputs/Input/__stories__/PostalCode.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/inputs/Input/__stories__/PostalCode.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field } from '@digigov/form';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const PostalCode = () => (\n  <FormBuilder\n    onSubmit={(data) => {\n      console.log(data);\n    }}\n  >\n    <Field\n      key=\"postal-code\"\n      name=\"postal-code\"\n      type=\"postal_code\"\n      label={{\n        primary: '\u03A4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B9\u03BA\u03CC\u03C2 \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2',\n      }}\n      required\n      extra={{ countries: ['GR'] }}\n    />\n    <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n  </FormBuilder>\n);\nexport default PostalCode;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,eAAe,aAAa;AACnC,SAAS,cAAc;AAEhB,MAAM,aAAa,MACxB;AAAA,EAAC;AAAA;AAAA,IACC,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA;AAAA,EAEA;AAAA,IAAC;AAAA;AAAA,MACC,KAAI;AAAA,MACJ,MAAK;AAAA,MACL,MAAK;AAAA,MACL,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,MACA,UAAQ;AAAA,MACR,OAAO,EAAE,WAAW,CAAC,IAAI,EAAE;AAAA;AAAA,EAC7B;AAAA,EACA,oCAAC,UAAO,MAAK,YAAS,kDAAQ;AAChC;AAEF,IAAO,qBAAQ;",
+  "names": []
+}

package/inputs/Input/__stories__/String/index.js

@@ -0,0 +1,31 @@
+import React from "react";
+import FormBuilder, { Field } from "@digigov/form";
+import { Button } from "@digigov/ui/form/Button";
+const String = () => /* @__PURE__ */ React.createElement(
+  FormBuilder,
+  {
+    onSubmit: (data) => {
+      console.log(data);
+    }
+  },
+  /* @__PURE__ */ React.createElement(
+    Field,
+    {
+      key: "business-title",
+      name: "business-title",
+      type: "string",
+      label: {
+        primary: "\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2",
+        secondary: "\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03C3\u03B5\u03B9\u03C1\u03AC \u03B1\u03C0\u03CC \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03B5\u03C2 \u03BA\u03B1\u03B9 \u03B1\u03C1\u03B9\u03B8\u03BC\u03BF\u03CD\u03C2"
+      },
+      required: true
+    }
+  ),
+  /* @__PURE__ */ React.createElement(Button, { type: "submit" }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")
+);
+var String_default = String;
+export {
+  String,
+  String_default as default
+};
+//# sourceMappingURL=String.js.map

package/inputs/Input/__stories__/{Default → String}/package.json

@@ -2,5 +2,5 @@
   "sideEffects": false,
   "module": "./index.js",
   "types": "./index.d.ts",
-  "main": "../../../../cjs/inputs/Input/__stories__/Default/index.js"
+  "main": "../../../../cjs/inputs/Input/__stories__/String/index.js"
 }

package/inputs/Input/__stories__/String.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const String: () => React.JSX.Element;
+export default String;

package/inputs/Input/__stories__/String.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/inputs/Input/__stories__/String.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field } from '@digigov/form';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const String = () => (\n  <FormBuilder\n    onSubmit={(data) => {\n      console.log(data);\n    }}\n  >\n    <Field\n      key=\"business-title\"\n      name=\"business-title\"\n      type=\"string\"\n      label={{\n        primary: '\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2',\n        secondary: '\u0395\u03B9\u03C3\u03AC\u03B3\u03B5\u03C4\u03B5 \u03BC\u03B9\u03B1 \u03C3\u03B5\u03B9\u03C1\u03AC \u03B1\u03C0\u03CC \u03C7\u03B1\u03C1\u03B1\u03BA\u03C4\u03AE\u03C1\u03B5\u03C2 \u03BA\u03B1\u03B9 \u03B1\u03C1\u03B9\u03B8\u03BC\u03BF\u03CD\u03C2',\n      }}\n      required\n    />\n    <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n  </FormBuilder>\n);\nexport default String;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,eAAe,aAAa;AACnC,SAAS,cAAc;AAEhB,MAAM,SAAS,MACpB;AAAA,EAAC;AAAA;AAAA,IACC,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA;AAAA,EAEA;AAAA,IAAC;AAAA;AAAA,MACC,KAAI;AAAA,MACJ,MAAK;AAAA,MACL,MAAK;AAAA,MACL,OAAO;AAAA,QACL,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA,MACA,UAAQ;AAAA;AAAA,EACV;AAAA,EACA,oCAAC,UAAO,MAAK,YAAS,kDAAQ;AAChC;AAEF,IAAO,iBAAQ;",
+  "names": []
+}

package/inputs/Input/__stories__/TextWithLimit/index.js

@@ -0,0 +1,31 @@
+import React from "react";
+import FormBuilder, { Field } from "@digigov/form";
+import { Button } from "@digigov/ui/form";
+const TextWithLimit = () => /* @__PURE__ */ React.createElement(
+  FormBuilder,
+  {
+    onSubmit: (data) => {
+      console.log(data);
+    }
+  },
+  /* @__PURE__ */ React.createElement(
+    Field,
+    {
+      key: "text",
+      name: "text",
+      type: "text",
+      label: {
+        primary: "\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;"
+      },
+      required: true,
+      extra: { limit: { min: 3, max: 10 }, multiline: true }
+    }
+  ),
+  /* @__PURE__ */ React.createElement(Button, { type: "submit" }, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1")
+);
+var TextWithLimit_default = TextWithLimit;
+export {
+  TextWithLimit,
+  TextWithLimit_default as default
+};
+//# sourceMappingURL=TextWithLimit.js.map

package/inputs/Input/__stories__/TextWithLimit/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../../../cjs/inputs/Input/__stories__/TextWithLimit/index.js"
+}

package/inputs/Input/__stories__/TextWithLimit.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const TextWithLimit: () => React.JSX.Element;
+export default TextWithLimit;

package/inputs/Input/__stories__/TextWithLimit.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/inputs/Input/__stories__/TextWithLimit.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field } from '@digigov/form';\nimport { Button } from '@digigov/ui/form';\n\nexport const TextWithLimit = () => (\n  <FormBuilder\n    onSubmit={(data) => {\n      console.log(data);\n    }}\n  >\n    <Field\n      key=\"text\"\n      name=\"text\"\n      type=\"text\"\n      label={{\n        primary: '\u039C\u03C0\u03BF\u03C1\u03B5\u03AF\u03C4\u03B5 \u03BD\u03B1 \u03B4\u03CE\u03C3\u03B5\u03C4\u03B5 \u03C0\u03B5\u03C1\u03B9\u03C3\u03C3\u03CC\u03C4\u03B5\u03C1\u03B5\u03C2 \u03C0\u03BB\u03B7\u03C1\u03BF\u03C6\u03BF\u03C1\u03AF\u03B5\u03C2;',\n      }}\n      required\n      extra={{ limit: { min: 3, max: 10 }, multiline: true }}\n    />\n    <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n  </FormBuilder>\n);\nexport default TextWithLimit;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,eAAe,aAAa;AACnC,SAAS,cAAc;AAEhB,MAAM,gBAAgB,MAC3B;AAAA,EAAC;AAAA;AAAA,IACC,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA;AAAA,EAEA;AAAA,IAAC;AAAA;AAAA,MACC,KAAI;AAAA,MACJ,MAAK;AAAA,MACL,MAAK;AAAA,MACL,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,MACA,UAAQ;AAAA,MACR,OAAO,EAAE,OAAO,EAAE,KAAK,GAAG,KAAK,GAAG,GAAG,WAAW,KAAK;AAAA;AAAA,EACvD;AAAA,EACA,oCAAC,UAAO,MAAK,YAAS,kDAAQ;AAChC;AAEF,IAAO,wBAAQ;",
+  "names": []
+}

package/inputs/Input/index.js

@@ -1,69 +1,58 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "control", "type", "extra"];
-import React from 'react';
-import { useWatch } from 'react-hook-form';
-import { Hint } from '@digigov/react-core';
-import TextArea from '@digigov/react-core/TextArea';
-import TextInput from '@digigov/react-core/TextInput';
-import { useTranslation } from '@digigov/ui/i18n';
-var TYPES_MAP = {
-  string: 'text',
-  "int": 'text',
-  text: 'text',
-  date: 'date'
+import React from "react";
+import { useWatch } from "react-hook-form";
+import { Hint } from "@digigov/react-core/Hint";
+import { TextArea } from "@digigov/react-core/TextArea";
+import { TextInput } from "@digigov/react-core/TextInput";
+import { useTranslation } from "@digigov/ui/i18n";
+import { Base } from "@digigov/react-core/Base";
+const TYPES_MAP = {
+  string: "text",
+  int: "text",
+  text: "text",
+  date: "date"
 };
-export var Input = /*#__PURE__*/React.forwardRef(function WrappedInput(_ref, ref) {
-  var name = _ref.name,
-    control = _ref.control,
-    type = _ref.type,
-    extra = _ref.extra,
-    props = _objectWithoutProperties(_ref, _excluded);
-  // eslint-disable-next-line prefer-const
-  var _ref2 = extra || {},
-    _ref2$multiline = _ref2.multiline,
-    multiline = _ref2$multiline === void 0 ? false : _ref2$multiline,
-    rows = _ref2.rows,
-    limit = _ref2.limit;
-  var _ref3 = extra || {},
-    className = _ref3.className;
-  // if enforced to multiline use true. Derive from type otherwise.
-  multiline = multiline === true || type === 'text';
-  // use explicit rows value if set. Derive from multiline otherwise.
-  rows = rows || (multiline ? 4 : 1);
-  // translate dilosi type to HTML Input type
-  var fieldType = TYPES_MAP[type || 'text'] || 'text';
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var currentValue = useWatch({
-    control: control,
-    name: name
-  });
-  if (multiline === true) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TextArea, _extends({
-      name: name,
-      className: className,
-      rows: rows,
-      ref: ref
-    }, _extends({}, props, {
-      reset: undefined,
-      required: undefined,
-      type: fieldType
-    }))), (limit === null || limit === void 0 ? void 0 : limit.max) && /*#__PURE__*/React.createElement(Hint, null, currentValue === undefined || (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) >= 0 && (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) <= (limit === null || limit === void 0 ? void 0 : limit.max) ? /*#__PURE__*/React.createElement("span", null, t('form.info.text.you_have'), ' ', /*#__PURE__*/React.createElement("b", null, !currentValue ? limit.max : (limit === null || limit === void 0 ? void 0 : limit.max) - (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length)), ' ', currentValue && (limit === null || limit === void 0 ? void 0 : limit.max) - (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) === 1 ? "".concat(t('form.info.text.character')) : "".concat(t('form.info.text.characters')), ' ', t('form.info.text.remaining'), ".") : /*#__PURE__*/React.createElement("span", {
-      style: {
-        color: '#b60202'
-      }
-    }, t('form.info.text.you_have'), ' ', /*#__PURE__*/React.createElement("b", null, currentValue && (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) - (limit === null || limit === void 0 ? void 0 : limit.max)), ' ', (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) - (limit === null || limit === void 0 ? void 0 : limit.max) === 1 ? "".concat(t('form.info.text.character')) : "".concat(t('form.info.text.characters')), ' ', t('form.info.text.too_many'), ".")));
-  } else {
-    return /*#__PURE__*/React.createElement(TextInput, _extends({
-      name: name,
-      type: fieldType,
-      className: className,
-      ref: ref
-    }, _extends({}, props, {
-      reset: undefined,
-      required: undefined
-    })));
+const Input = React.forwardRef(
+  function WrappedInput({ name, control, type, extra, ...props }, ref) {
+    let { multiline = false, rows, limit } = extra || {};
+    const { className } = extra || {};
+    multiline = multiline === true || type === "text";
+    rows = rows || (multiline ? 4 : 1);
+    const fieldType = TYPES_MAP[type || "text"] || "text";
+    const { t } = useTranslation();
+    const currentValue = useWatch({ control, name });
+    if (multiline === true) {
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+        TextArea,
+        {
+          name,
+          className,
+          rows,
+          ref,
+          ...{
+            ...props,
+            reset: void 0,
+            required: void 0,
+            type: fieldType
+          }
+        }
+      ), limit?.max && /* @__PURE__ */ React.createElement(Hint, null, currentValue === void 0 || currentValue?.length >= 0 && currentValue?.length <= limit?.max ? /* @__PURE__ */ React.createElement(Base, { as: "span" }, t("form.info.text.you_have"), " ", /* @__PURE__ */ React.createElement(Base, { as: "span" }, !currentValue ? `${limit.max}` : `${limit?.max - currentValue?.length}`), " ", currentValue && limit?.max - currentValue?.length === 1 ? `${t("form.info.text.character")}` : `${t("form.info.text.characters")}`, " ", t("form.info.text.remaining"), ".") : /* @__PURE__ */ React.createElement(Base, { as: "span", style: { color: "#b60202" } }, t("form.info.text.you_have"), " ", /* @__PURE__ */ React.createElement(Base, { as: "b" }, currentValue && currentValue?.length - limit?.max), " ", currentValue?.length - limit?.max === 1 ? `${t("form.info.text.character")}` : `${t("form.info.text.characters")}`, " ", t("form.info.text.too_many"), ".")));
+    } else {
+      return /* @__PURE__ */ React.createElement(
+        TextInput,
+        {
+          name,
+          type: fieldType,
+          className,
+          ref,
+          ...{ ...props, reset: void 0, required: void 0 }
+        }
+      );
+    }
   }
-});
-export default Input;
+);
+var Input_default = Input;
+export {
+  Input,
+  Input_default as default
+};
+//# sourceMappingURL=index.js.map