@digigov/form 1.2.0-dcbd7ded → 2.0.0-7d9a8d86

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;AACA;AACA;AAEO,MAAM,iBAAiB,MAC5B,oCAAC,aAAD;AAAA,EACE,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,GAGd,oCAAC,OAAD;AAAA,EACE,KAAI;AAAA,EACJ,MAAK;AAAA,EACL,MAAK;AAAA,EACL,OAAO;AAAA,IACL,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,IACL,WAAW,CAAC;AAAA,IACZ,WAAU;AAAA;AAAA,EAEZ,UAAQ;AAAA,IAEV,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAG1B,IAAO,yBAAQ;",
+  "names": []
+}

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

@@ -1,26 +1,28 @@
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-var _ref = /*#__PURE__*/React.createElement(Button, {
+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: "\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");
-export var MobilePhone = function MobilePhone() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Field, {
-    key: "mobile-phone",
-    name: "mobile-phone",
-    type: "mobile_phone",
-    label: {
-      primary: 'Κινητό τηλέφωνο'
-    },
-    extra: {
-      countries: ['gr'],
-      phoneType: 'mobile'
-    },
-    required: true
-  }), _ref);
+}, "\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.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;AACA;AACA;AAEO,MAAM,cAAc,MACzB,oCAAC,aAAD;AAAA,EACE,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,GAGd,oCAAC,OAAD;AAAA,EACE,KAAI;AAAA,EACJ,MAAK;AAAA,EACL,MAAK;AAAA,EACL,OAAO;AAAA,IACL,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,IACL,WAAW,CAAC;AAAA,IACZ,WAAW;AAAA;AAAA,EAEb,UAAQ;AAAA,IAEV,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAG1B,IAAO,sBAAQ;",
+  "names": []
+}

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

@@ -1,25 +1,27 @@
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-var _ref = /*#__PURE__*/React.createElement(Button, {
+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: "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");
-export var PhoneNumber = function PhoneNumber() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Field, {
-    key: "phone-number",
-    name: "phone-number",
-    type: "phone_number",
-    label: {
-      primary: 'Tηλέφωνο'
-    },
-    extra: {
-      countries: ['gr']
-    },
-    required: true
-  }), _ref);
+}, "\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.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;AACA;AACA;AAEO,MAAM,cAAc,MACzB,oCAAC,aAAD;AAAA,EACE,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,GAGd,oCAAC,OAAD;AAAA,EACE,KAAI;AAAA,EACJ,MAAK;AAAA,EACL,MAAK;AAAA,EACL,OAAO;AAAA,IACL,SAAS;AAAA;AAAA,EAEX,OAAO;AAAA,IACL,WAAW,CAAC;AAAA;AAAA,EAEd,UAAQ;AAAA,IAEV,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAG1B,IAAO,sBAAQ;",
+  "names": []
+}

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

@@ -1,25 +1,25 @@
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-var _ref = /*#__PURE__*/React.createElement(Button, {
+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: "\u03A4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B9\u03BA\u03CC\u03C2 \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2"
+  },
+  required: true,
+  extra: {countries: ["GR"]}
+}), /* @__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) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Field, {
-    key: "postal-code",
-    name: "postal-code",
-    type: "postal_code",
-    label: {
-      primary: 'Ταχυδρομικός κωδικός'
-    },
-    required: true,
-    extra: {
-      countries: ['GR']
-    }
-  }), _ref);
+}, "\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.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;AACA;AACA;AAEO,MAAM,aAAa,MACxB,oCAAC,aAAD;AAAA,EACE,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,GAGd,oCAAC,OAAD;AAAA,EACE,KAAI;AAAA,EACJ,MAAK;AAAA,EACL,MAAK;AAAA,EACL,OAAO;AAAA,IACL,SAAS;AAAA;AAAA,EAEX,UAAQ;AAAA,EACR,OAAO,CAAE,WAAW,CAAC;AAAA,IAEvB,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAG1B,IAAO,qBAAQ;",
+  "names": []
+}

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

@@ -1,29 +1,25 @@
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/form';
-var _ref = /*#__PURE__*/React.createElement(Button, {
+import React from "react";
+import FormBuilder, {Field} from "@digigov/form";
+import {Button} from "@digigov/ui/form";
+const TextWithCharacterLimit = () => /* @__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");
-export var TextWithCharacterLimit = function TextWithCharacterLimit() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Field, {
-    key: "text",
-    name: "text",
-    type: "text",
-    label: {
-      primary: 'Μπορείτε να δώσετε περισσότερες πληροφορίες;'
-    },
-    required: true,
-    extra: {
-      limit: {
-        min: 3,
-        max: 10
-      },
-      multiline: true
-    }
-  }), _ref);
+}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
+var TextWithCharacterLimit_default = TextWithCharacterLimit;
+export {
+  TextWithCharacterLimit,
+  TextWithCharacterLimit_default as default
 };
-export default TextWithCharacterLimit;
+//# sourceMappingURL=TextWithCharacterLimit.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/inputs/Input/__stories__/TextWithCharacterLimit.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field } from '@digigov/form';\nimport { Button } from '@digigov/ui/form';\n\nexport const TextWithCharacterLimit = () => (\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 TextWithCharacterLimit;\n"],
+  "mappings": "AAAA;AACA;AACA;AAEO,MAAM,yBAAyB,MACpC,oCAAC,aAAD;AAAA,EACE,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,GAGd,oCAAC,OAAD;AAAA,EACE,KAAI;AAAA,EACJ,MAAK;AAAA,EACL,MAAK;AAAA,EACL,OAAO;AAAA,IACL,SAAS;AAAA;AAAA,EAEX,UAAQ;AAAA,EACR,OAAO,CAAE,OAAO,CAAE,KAAK,GAAG,KAAK,KAAM,WAAW;AAAA,IAElD,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAG1B,IAAO,iCAAQ;",
+  "names": []
+}

package/inputs/Input/index.js

@@ -1,69 +1,51 @@
-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/Hint';
-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";
+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.
+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);
-  // 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
-  });
+  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, _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'
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TextArea, {
+      name,
+      className,
+      rows,
+      ref,
+      ...{
+        ...props,
+        reset: void 0,
+        required: void 0,
+        type: fieldType
       }
-    }, 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'), ".")));
+    }), limit?.max && /* @__PURE__ */ React.createElement(Hint, null, currentValue === void 0 || currentValue?.length >= 0 && currentValue?.length <= limit?.max ? /* @__PURE__ */ React.createElement("span", null, t("form.info.text.you_have"), " ", /* @__PURE__ */ React.createElement("b", null, !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("span", {
+      style: {color: "#b60202"}
+    }, t("form.info.text.you_have"), " ", /* @__PURE__ */ React.createElement("b", null, 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, _extends({
-      name: name,
+    return /* @__PURE__ */ React.createElement(TextInput, {
+      name,
       type: fieldType,
-      className: className,
-      ref: ref
-    }, _extends({}, props, {
-      reset: undefined,
-      required: undefined
-    })));
+      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

package/inputs/Input/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/inputs/Input/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { useWatch } from 'react-hook-form';\nimport { UncontrolledFieldProps } from '@digigov/form/Field/types';\nimport { Hint } from '@digigov/react-core/Hint';\nimport TextArea from '@digigov/react-core/TextArea';\nimport TextInput from '@digigov/react-core/TextInput';\nimport { useTranslation } from '@digigov/ui/i18n';\n\nconst TYPES_MAP = {\n  string: 'text',\n  int: 'text',\n  text: 'text',\n  date: 'date',\n};\n\nexport interface InputProps extends Omit<UncontrolledFieldProps, 'extra'> {\n  extra?: {\n    fullWidth?: boolean;\n    multiline?: boolean;\n    className?: string;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    rows?: any;\n    limit: {\n      min?: number;\n      max?: number;\n    };\n  };\n}\n\nexport const Input: React.ExoticComponent<InputProps> = React.forwardRef(\n  function WrappedInput({ name, control, type, extra, ...props }, ref: never) {\n    // eslint-disable-next-line prefer-const\n    let { multiline = false, rows, limit } = extra || {};\n    const { className } = extra || {};\n    // if enforced to multiline use true. Derive from type otherwise.\n    multiline = multiline === true || type === 'text';\n    // use explicit rows value if set. Derive from multiline otherwise.\n    rows = rows || (multiline ? 4 : 1);\n    // translate dilosi type to HTML Input type\n    const fieldType = TYPES_MAP[type || 'text'] || 'text';\n    const { t } = useTranslation();\n    const currentValue: string | '' = useWatch({ control, name });\n    if (multiline === true) {\n      return (\n        <>\n          <TextArea\n            name={name}\n            className={className}\n            rows={rows}\n            ref={ref}\n            {...{\n              ...props,\n              reset: undefined,\n              required: undefined,\n              type: fieldType,\n            }}\n          />\n          {limit?.max && (\n            <Hint>\n              {currentValue === undefined ||\n              (currentValue?.length >= 0 &&\n                currentValue?.length <= limit?.max) ? (\n                <span>\n                  {t('form.info.text.you_have')}{' '}\n                  <b>\n                    {!currentValue\n                      ? limit.max\n                      : limit?.max - currentValue?.length}\n                  </b>{' '}\n                  {currentValue && limit?.max - currentValue?.length === 1\n                    ? `${t('form.info.text.character')}`\n                    : `${t('form.info.text.characters')}`}{' '}\n                  {t('form.info.text.remaining')}.\n                </span>\n              ) : (\n                <span style={{ color: '#b60202' }}>\n                  {t('form.info.text.you_have')}{' '}\n                  <b>{currentValue && currentValue?.length - limit?.max}</b>{' '}\n                  {currentValue?.length - limit?.max === 1\n                    ? `${t('form.info.text.character')}`\n                    : `${t('form.info.text.characters')}`}{' '}\n                  {t('form.info.text.too_many')}.\n                </span>\n              )}\n            </Hint>\n          )}\n        </>\n      );\n    } else {\n      return (\n        <TextInput\n          name={name}\n          type={fieldType}\n          className={className}\n          ref={ref}\n          {...{ ...props, reset: undefined, required: undefined }}\n        />\n      );\n    }\n  }\n);\n\nexport default Input;\n"],
+  "mappings": "AAAA;AACA;AAEA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAAA,EAChB,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AAAA;AAiBD,MAAM,QAA2C,MAAM,WAC5D,sBAAsB,CAAE,MAAM,SAAS,MAAM,UAAU,QAAS,KAAY;AAE1E,MAAI,CAAE,YAAY,OAAO,MAAM,SAAU,SAAS;AAClD,QAAM,CAAE,aAAc,SAAS;AAE/B,cAAY,cAAc,QAAQ,SAAS;AAE3C,SAAO,QAAS,aAAY,IAAI;AAEhC,QAAM,YAAY,UAAU,QAAQ,WAAW;AAC/C,QAAM,CAAE,KAAM;AACd,QAAM,eAA4B,SAAS,CAAE,SAAS;AACtD,MAAI,cAAc,MAAM;AACtB,WACE,0DACE,oCAAC,UAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,SACI;AAAA,WACC;AAAA,QACH,OAAO;AAAA,QACP,UAAU;AAAA,QACV,MAAM;AAAA;AAAA,QAGT,OAAO,OACN,oCAAC,MAAD,MACG,iBAAiB,UACjB,cAAc,UAAU,KACvB,cAAc,UAAU,OAAO,MAC/B,oCAAC,QAAD,MACG,EAAE,4BAA4B,KAC/B,oCAAC,KAAD,MACG,CAAC,eACE,MAAM,MACN,OAAO,MAAM,cAAc,SAC5B,KACJ,gBAAgB,OAAO,MAAM,cAAc,WAAW,IACnD,GAAG,EAAE,gCACL,GAAG,EAAE,gCAAgC,KACxC,EAAE,6BAA4B,OAGjC,oCAAC,QAAD;AAAA,MAAM,OAAO,CAAE,OAAO;AAAA,OACnB,EAAE,4BAA4B,KAC/B,oCAAC,KAAD,MAAI,gBAAgB,cAAc,SAAS,OAAO,MAAS,KAC1D,cAAc,SAAS,OAAO,QAAQ,IACnC,GAAG,EAAE,gCACL,GAAG,EAAE,gCAAgC,KACxC,EAAE,4BAA2B;AAAA,SAOrC;AACL,WACE,oCAAC,WAAD;AAAA,MACE;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,SACI,IAAK,OAAO,OAAO,QAAW,UAAU;AAAA;AAAA;AAAA;AAOtD,IAAO,gBAAQ;",
+  "names": []
+}

package/inputs/Label/Label.stories/index.js

@@ -1,7 +1,11 @@
-import Label from '@digigov/form/inputs/Label';
-export default {
-  title: 'Digigov Form/inputs/Label',
+import Label from "@digigov/form/inputs/Label";
+var Label_stories_default = {
+  title: "Digigov Form/inputs/Label",
   component: Label,
-  displayName: 'Label'
+  displayName: "Label"
 };
-export * from '@digigov/form/inputs/Label/__stories__/Default';
+export * from "@digigov/form/inputs/Label/__stories__/Default";
+export {
+  Label_stories_default as default
+};
+//# sourceMappingURL=Label.stories.js.map

package/inputs/Label/Label.stories.js.map

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

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

@@ -1,27 +1,27 @@
-import React from 'react';
-import FormBuilder, { Field, Label } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-var _ref = /*#__PURE__*/React.createElement(Button, {
+import React from "react";
+import FormBuilder, {Field, Label} from "@digigov/form";
+import {Button} from "@digigov/ui/form/Button";
+const Default = () => /* @__PURE__ */ React.createElement(FormBuilder, {
+  onSubmit: (data) => {
+    console.log(data);
+  }
+}, /* @__PURE__ */ React.createElement(Label, {
+  label: {
+    primary: "\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2",
+    secondary: "\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03B1 \u03C3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1"
+  }
+}), /* @__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"},
+  required: true
+}), /* @__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) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Label, {
-    label: {
-      primary: 'Στοιχεία επιχείρησης',
-      secondary: 'Συμπληρώστε τα στοιχεία'
-    }
-  }), /*#__PURE__*/React.createElement(Field, {
-    key: "business-title",
-    name: "business-title",
-    type: "string",
-    label: {
-      primary: 'Όνομα επιχείρησης'
-    },
-    required: true
-  }), _ref);
+}, "\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/Label/__stories__/Default.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/inputs/Label/__stories__/Default.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field, Label } 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    <Label\n      label={{\n        primary: '\u03A3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2',\n        secondary: '\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03B1 \u03C3\u03C4\u03BF\u03B9\u03C7\u03B5\u03AF\u03B1',\n      }}\n    />\n    <Field\n      key=\"business-title\"\n      name=\"business-title\"\n      type=\"string\"\n      label={{ primary: '\u038C\u03BD\u03BF\u03BC\u03B1 \u03B5\u03C0\u03B9\u03C7\u03B5\u03AF\u03C1\u03B7\u03C3\u03B7\u03C2' }}\n      required\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,OAAO;AAAA,IACL,SAAS;AAAA,IACT,WAAW;AAAA;AAAA,IAGf,oCAAC,OAAD;AAAA,EACE,KAAI;AAAA,EACJ,MAAK;AAAA,EACL,MAAK;AAAA,EACL,OAAO,CAAE,SAAS;AAAA,EAClB,UAAQ;AAAA,IAEV,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAG1B,IAAO,kBAAQ;",
+  "names": []
+}

package/inputs/Label/index.js

@@ -1,22 +1,23 @@
-import React from 'react';
-import Hint from '@digigov/react-core/Hint';
-import LabelTitle from '@digigov/react-core/LabelTitle';
-import { useTranslation } from '@digigov/ui/i18n';
-export var Label = function Label(_ref) {
-  var className = _ref.className,
-    label = _ref.label,
-    value = _ref.value;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
+import React from "react";
+import Hint from "@digigov/react-core/Hint";
+import LabelTitle from "@digigov/react-core/LabelTitle";
+import {useTranslation} from "@digigov/ui/i18n";
+const Label = ({className, label, value}) => {
+  const {t} = useTranslation();
   if ((!label || label && !label.primary && !label.secondary) && !value) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LabelTitle, {
-    className: className,
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(LabelTitle, {
+    className,
     size: "sm"
-  }, label && label.primary && t(label.primary) || value), label && label.secondary && /*#__PURE__*/React.createElement(Hint, null, t(label.secondary)));
+  }, label && label.primary && t(label.primary) || value), label && label.secondary && /* @__PURE__ */ React.createElement(Hint, null, t(label.secondary)));
 };
 Label.defaultProps = {
   label: {}
 };
-export default Label;
+var Label_default = Label;
+export {
+  Label,
+  Label_default as default
+};
+//# sourceMappingURL=index.js.map

package/inputs/Label/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/inputs/Label/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { FieldLabelProps } from '@digigov/form/types';\nimport Hint from '@digigov/react-core/Hint';\nimport LabelTitle from '@digigov/react-core/LabelTitle';\nimport { useTranslation } from '@digigov/ui/i18n';\n\nexport interface FieldOptionProps {\n  label?: FieldLabelProps;\n  value: string;\n  show?: string[];\n  disabled?: boolean;\n  selected?: () => React.FC;\n  divider?: string;\n}\n\nexport interface LabelProps {\n  primary?: string;\n  secondary?: string;\n}\n\nexport interface LabelProps {\n  className?: string;\n  value?: string;\n  label?: FieldLabelProps;\n}\n\nexport const Label: React.FC<LabelProps> = ({ className, label, value }) => {\n  const { t } = useTranslation();\n  if ((!label || (label && !label.primary && !label.secondary)) && !value) {\n    return null;\n  }\n  return (\n    <>\n      <LabelTitle className={className} size=\"sm\">\n        {(label && label.primary && t(label.primary)) || value}\n      </LabelTitle>\n      {label && label.secondary && <Hint>{t(label.secondary)}</Hint>}\n    </>\n  );\n};\n\nLabel.defaultProps = {\n  label: {},\n};\n\nexport default Label;\n"],
+  "mappings": "AAAA;AAEA;AACA;AACA;AAsBO,MAAM,QAA8B,CAAC,CAAE,WAAW,OAAO,WAAY;AAC1E,QAAM,CAAE,KAAM;AACd,MAAK,EAAC,SAAU,SAAS,CAAC,MAAM,WAAW,CAAC,MAAM,cAAe,CAAC,OAAO;AACvE,WAAO;AAAA;AAET,SACE,0DACE,oCAAC,YAAD;AAAA,IAAY;AAAA,IAAsB,MAAK;AAAA,KACnC,SAAS,MAAM,WAAW,EAAE,MAAM,YAAa,QAElD,SAAS,MAAM,aAAa,oCAAC,MAAD,MAAO,EAAE,MAAM;AAAA;AAKlD,MAAM,eAAe;AAAA,EACnB,OAAO;AAAA;AAGT,IAAO,gBAAQ;",
+  "names": []
+}

package/inputs/OtpInput/OtpInput.stories/index.js

@@ -1,7 +1,11 @@
-import OtpInput from '@digigov/form/inputs/OtpInput';
-export default {
-  title: 'Digigov Form/inputs/OtpInput',
+import OtpInput from "@digigov/form/inputs/OtpInput";
+var OtpInput_stories_default = {
+  title: "Digigov Form/inputs/OtpInput",
   component: OtpInput,
-  displayName: 'OtpInput'
+  displayName: "OtpInput"
 };
-export * from '@digigov/form/inputs/OtpInput/__stories__/Default';
+export * from "@digigov/form/inputs/OtpInput/__stories__/Default";
+export {
+  OtpInput_stories_default as default
+};
+//# sourceMappingURL=OtpInput.stories.js.map

package/inputs/OtpInput/OtpInput.stories.js.map

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

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

@@ -1,29 +1,31 @@
-import React from 'react';
-import FormBuilder, { Field, Fieldset } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-var FIELDS = [{
-  key: 'otp',
-  type: 'otp',
-  maxLength: 6,
-  required: true,
-  label: {
-    primary: 'Κωδικός Επιβεβαίωσης'
+import React from "react";
+import FormBuilder, {Field, Fieldset} from "@digigov/form";
+import {Button} from "@digigov/ui/form/Button";
+const FIELDS = [
+  {
+    key: "otp",
+    type: "otp",
+    maxLength: 6,
+    required: true,
+    label: {
+      primary: "\u039A\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u0395\u03C0\u03B9\u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7\u03C2"
+    }
+  }
+];
+const Default = () => /* @__PURE__ */ React.createElement(FormBuilder, {
+  fields: FIELDS,
+  onSubmit: (data) => {
+    console.log(data);
   }
-}];
-var _ref = /*#__PURE__*/React.createElement(Button, {
+}, /* @__PURE__ */ React.createElement(Fieldset, null, FIELDS.map((field) => /* @__PURE__ */ React.createElement(Field, {
+  key: field.key,
+  name: field.key
+}))), /* @__PURE__ */ React.createElement(Button, {
   type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    fields: FIELDS,
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/React.createElement(Fieldset, null, FIELDS.map(function (field) {
-    return /*#__PURE__*/React.createElement(Field, {
-      key: field.key,
-      name: field.key
-    });
-  })), _ref);
+}, "\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