@digigov/form 2.0.0-0edebf87 → 2.0.0-2177f152

package/inputs/Input/inputsInputScenarios.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/inputs/Input/inputsInputScenarios.ts"],
+  "sourcesContent": ["import el from '@digigov/form/locales/el';\n\nconst INPUTS_INPUT_FIELDS = [\n  {\n    key: 'location',\n    type: 'string',\n    label: {\n      primary: '\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF\u03BD \u03C4\u03CC\u03C0\u03BF \u03BA\u03B1\u03C4\u03BF\u03B9\u03BA\u03AF\u03B1\u03C2 \u03C3\u03B1\u03C2',\n    },\n    required: true,\n  },\n  {\n    key: 'text',\n    type: 'text',\n    required: true,\n    label: {\n      primary: '\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03B1\u03AF\u03C4\u03B7\u03BC\u03AC \u03C3\u03B1\u03C2',\n    },\n  },\n  {\n    key: 'email',\n    type: 'email',\n    label: {\n      primary: '\u0394\u03B9\u03B5\u03CD\u03B8\u03C5\u03BD\u03C3\u03B7 \u03B7\u03BB\u03B5\u03BA\u03C4\u03C1\u03BF\u03BD\u03B9\u03BA\u03BF\u03CD \u03C4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B5\u03AF\u03BF\u03C5 (email)',\n    },\n    required: true,\n  },\n  {\n    key: 'desired-mount',\n    type: 'number',\n    label: {\n      primary: '\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03C0\u03BF\u03C3\u03CC \u03C0\u03BF\u03C5 \u03C3\u03B1\u03C2 \u03B5\u03BD\u03B4\u03B9\u03B1\u03C6\u03AD\u03C1\u03B5\u03B9',\n    },\n    required: true,\n  },\n  {\n    key: 'age',\n    type: 'int',\n    required: true,\n    label: {\n      primary: '\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03B7\u03BB\u03B9\u03BA\u03AF\u03B1 \u03C3\u03B1\u03C2;',\n      secondary: '\u039A\u03B1\u03C4\u03B1\u03C7\u03C9\u03C1\u03AF\u03C3\u03C4\u03B5 \u03C4\u03B7\u03BD \u03B7\u03BB\u03B9\u03BA\u03AF\u03B1 \u03C3\u03B1\u03C2',\n    },\n  },\n  {\n    key: 'afm',\n    type: 'afm',\n    required: true,\n    label: { primary: '\u0391\u03A6\u039C' },\n  },\n  {\n    key: 'iban',\n    type: 'iban',\n    label: {\n      primary: '\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03B1\u03C1\u03B9\u03B8\u03BC\u03CC \u03C4\u03BF\u03C5 \u03C4\u03C1\u03B1\u03C0\u03B5\u03B6\u03B9\u03BA\u03BF\u03CD \u03C3\u03B1\u03C2 \u03BB\u03BF\u03B3\u03B1\u03C1\u03B9\u03B1\u03C3\u03BC\u03BF\u03CD',\n    },\n    required: true,\n  },\n  {\n    key: 'uuid4',\n    type: 'uuid4',\n    label: {\n      primary: '\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF uuid4',\n    },\n    required: true,\n  },\n  {\n    key: 'mobile-phone',\n    type: 'mobile_phone',\n    label: {\n      primary: '\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03BA\u03B9\u03BD\u03B7\u03C4\u03CC \u03C3\u03B1\u03C2 \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03BF',\n    },\n    required: true,\n    extra: {\n      countries: ['gr'],\n      phoneType: 'mobile',\n    },\n  },\n  {\n    key: 'phone-number',\n    type: 'phone_number',\n    label: {\n      primary: '\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03CC \u03C3\u03B1\u03C2',\n    },\n    required: true,\n    extra: {\n      countries: ['gr'],\n    },\n  },\n  {\n    key: 'phone-number-landline',\n    type: 'phone_number',\n    label: {\n      primary: '\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03C3\u03C4\u03B1\u03B8\u03B5\u03C1\u03CC \u03C3\u03B1\u03C2 \u03C4\u03B7\u03BB\u03AD\u03C6\u03C9\u03BD\u03CC',\n    },\n    required: true,\n    extra: {\n      countries: ['gr'],\n      phoneType: 'landline',\n    },\n  },\n  {\n    key: 'postal-code',\n    type: 'postal_code',\n    label: {\n      primary: '\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF\u03BD \u03C4\u03B1\u03C7\u03C5\u03B4\u03C1\u03BF\u03BC\u03B9\u03BA\u03CC \u03C3\u03B1\u03C2 \u03BA\u03CE\u03B4\u03B9\u03BA\u03B1',\n    },\n    extra: { countries: ['GR'] },\n    required: true,\n  },\n];\n\nexport const scenarios = [\n  {\n    title: 'success fill for inputs Input',\n    describe: 'inputs Input scenario',\n    fields: INPUTS_INPUT_FIELDS,\n    fill: [\n      {\n        fieldKey: 'text',\n        value: 'aaaaaaa',\n      },\n      {\n        fieldKey: 'age',\n        value: '12',\n      },\n      {\n        fieldKey: 'email',\n        value: 'example@mail.com',\n      },\n      {\n        fieldKey: 'location',\n        value: 'Location1',\n      },\n      {\n        fieldKey: 'postal-code',\n        value: '42100',\n      },\n      {\n        fieldKey: 'afm',\n        value: '094536469',\n      },\n      {\n        fieldKey: 'desired-mount',\n        value: '12.5',\n      },\n      {\n        fieldKey: 'mobile-phone',\n        value: '+306900000000',\n      },\n      {\n        fieldKey: 'phone-number',\n        value: '6900000000',\n      },\n      {\n        fieldKey: 'phone-number-landline',\n        value: '2100000000',\n      },\n      {\n        fieldKey: 'iban',\n        value: 'GR3201122267115323218375195',\n      },\n      {\n        fieldKey: 'uuid4',\n        value: '1e805d00-ea67-478a-ab8b-d13ff8b38fa3',\n      },\n    ],\n    expect: [\n      {\n        type: 'success',\n        fieldKey: 'age',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'text',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'email',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'location',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'postal-code',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'afm',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'desired-mount',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'mobile-phone',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'phone-number',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'phone-number-landline',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'iban',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'uuid4',\n        text: el.form.error.required,\n      },\n    ],\n  },\n  {\n    title: 'empty fill for inputs Input',\n    describe: 'inputs Input scenario',\n    fields: INPUTS_INPUT_FIELDS,\n    fill: [],\n    expect: [\n      {\n        type: 'error',\n        fieldKey: 'age',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'email',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'location',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'postal-code',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'afm',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'desired-mount',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'mobile-phone',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'phone-number',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'phone-number-landline',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'iban',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'uuid4',\n        text: el.form.error.required,\n      },\n    ],\n  },\n  {\n    title: 'incorrect types for inputs Input',\n    describe: 'inputs Input scenario',\n    fields: INPUTS_INPUT_FIELDS,\n    fill: [\n      {\n        fieldKey: 'age',\n        value: 'aa',\n      },\n      {\n        fieldKey: 'email',\n        value: '23232',\n      },\n      {\n        fieldKey: 'location',\n        value: '23232',\n      },\n      {\n        fieldKey: 'postal-code',\n        value: 'aaaaa',\n      },\n      {\n        fieldKey: 'afm',\n        value: 'aaaaaaaaa',\n      },\n      {\n        fieldKey: 'desired-mount',\n        value: 'aaa',\n      },\n      {\n        fieldKey: 'mobile-phone',\n        value: '+33690000000',\n      },\n      {\n        fieldKey: 'phone-number',\n        value: '000000000',\n      },\n      {\n        fieldKey: 'phone-number-landline',\n        value: '000000000',\n      },\n      {\n        fieldKey: 'iban',\n        value: 'aaaaaa',\n      },\n      {\n        fieldKey: 'uuid4',\n        value: 'aaaaaa',\n      },\n    ],\n    expect: [\n      {\n        type: 'error',\n        fieldKey: 'age',\n        text: el.form.error.number,\n      },\n      {\n        type: 'error',\n        fieldKey: 'email',\n        text: el.form.error.email,\n      },\n      {\n        type: 'success',\n        fieldKey: 'location',\n        text: el.form.error.string,\n      },\n      {\n        type: 'error',\n        fieldKey: 'postal-code',\n        text: el.form.error.postalCode,\n      },\n      {\n        type: 'error',\n        fieldKey: 'afm',\n        text: el.form.error.afm,\n      },\n      {\n        type: 'error',\n        fieldKey: 'desired-mount',\n        text: el.form.error.number,\n      },\n      {\n        type: 'error',\n        fieldKey: 'mobile-phone',\n        text: el.form.error.mobile_phone,\n      },\n      {\n        type: 'error',\n        fieldKey: 'phone-number',\n        text: el.form.error.phone_number,\n      },\n      {\n        type: 'error',\n        fieldKey: 'phone-number-landline',\n        text: el.form.error.landline,\n      },\n      {\n        type: 'error',\n        fieldKey: 'iban',\n        text: el.form.error.iban,\n      },\n      {\n        type: 'error',\n        fieldKey: 'uuid4',\n        text: el.form.error.uuid4,\n      },\n    ],\n  },\n];\n\nexport default scenarios;\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -1,7 +1,12 @@
-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';
+import { Default } from "@digigov/form/inputs/Label/__stories__/Default";
+export {
+  Default,
+  Label_stories_default as default
+};
+//# sourceMappingURL=Label.stories.js.map

package/inputs/Label/Label.stories.d.ts

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

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 { Default } from '@digigov/form/inputs/Label/__stories__/Default';\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;",
+  "names": []
+}

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

@@ -1,27 +1,39 @@
-import React from 'react';
-import FormBuilder, { Field, Label } 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 from "@digigov/form";
+import Field from "@digigov/form/Field";
+import Label from "@digigov/form/inputs/Label";
+import { Button } from "@digigov/ui/form/Button";
+const Default = () => /* @__PURE__ */ React.createElement(
+  FormBuilder,
+  {
+    onSubmit: (data) => {
       console.log(data);
     }
-  }, /*#__PURE__*/React.createElement(Label, {
-    label: {
-      primary: 'Στοιχεία επιχείρησης',
-      secondary: 'Συμπληρώστε τα στοιχεία'
+  },
+  /* @__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: 'Όνομα επιχείρησης'
-    },
-    required: true
-  }), _ref);
+  ),
+  /* @__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")
+);
+var Default_default = Default;
+export {
+  Default,
+  Default_default as default
 };
-export default Default;
+//# sourceMappingURL=Default.js.map

package/inputs/Label/__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/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 from '@digigov/form';\nimport Field from '@digigov/form/Field';\nimport Label from '@digigov/form/inputs/Label';\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,OAAO,WAAW;AAClB,OAAO,iBAAiB;AACxB,OAAO,WAAW;AAClB,OAAO,WAAW;AAClB,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,OAAO;AAAA,QACL,SAAS;AAAA,QACT,WAAW;AAAA,MACb;AAAA;AAAA,EACF;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,KAAI;AAAA,MACJ,MAAK;AAAA,MACL,MAAK;AAAA,MACL,OAAO,EAAE,SAAS,oGAAoB;AAAA,MACtC,UAAQ;AAAA;AAAA,EACV;AAAA,EACA,oCAAC,UAAO,MAAK,YAAS,kDAAQ;AAChC;AAEF,IAAO,kBAAQ;",
+  "names": []
+}

package/inputs/Label/index.d.ts

@@ -5,14 +5,12 @@ export interface FieldOptionProps {
     value: string;
     show?: string[];
     disabled?: boolean;
-    selected?: () => React.FC;
+    selected?: () => React.ReactNode;
     divider?: string;
 }
 export interface LabelProps {
     primary?: string;
     secondary?: string;
-}
-export interface LabelProps {
     className?: string;
     value?: string;
     label?: FieldLabelProps;

package/inputs/Label/index.js

@@ -1,22 +1,17 @@
-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 { LabelTitle } from "@digigov/ui/form/LabelContainer";
+import { useTranslation } from "@digigov/ui/i18n";
+import { Hint } from "@digigov/ui/typography/Hint";
+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,
-    size: "sm"
-  }, label && label.primary && t(label.primary) || value), label && label.secondary && /*#__PURE__*/React.createElement(Hint, null, t(label.secondary)));
+  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.defaultProps = {
-  label: {}
+var Label_default = Label;
+export {
+  Label,
+  Label_default as default
 };
-export default Label;
+//# 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 { LabelTitle } from '@digigov/ui/form/LabelContainer';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nexport interface FieldOptionProps {\n  label?: FieldLabelProps;\n  value: string;\n  show?: string[];\n  disabled?: boolean;\n  selected?: () => React.ReactNode;\n  divider?: string;\n}\n\nexport interface LabelProps {\n  primary?: string;\n  secondary?: string;\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\nexport default Label;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,YAAY;AAmBd,MAAM,QAA8B,CAAC,EAAE,WAAW,OAAO,MAAM,MAAM;AAC1E,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,OAAK,CAAC,SAAU,SAAS,CAAC,MAAM,WAAW,CAAC,MAAM,cAAe,CAAC,OAAO;AACvE,WAAO;AAAA,EACT;AACA,SACE,0DACE,oCAAC,cAAW,WAAsB,MAAK,QACnC,SAAS,MAAM,WAAW,EAAE,MAAM,OAAO,KAAM,KACnD,GACC,SAAS,MAAM,aAAa,oCAAC,YAAM,EAAE,MAAM,SAAS,CAAE,CACzD;AAEJ;AAEA,IAAO,gBAAQ;",
+  "names": []
+}

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

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

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

@@ -1,7 +1,12 @@
-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';
+import { Default } from "@digigov/form/inputs/OtpInput/__stories__/Default";
+export {
+  Default,
+  OtpInput_stories_default as default
+};
+//# sourceMappingURL=OtpInput.stories.js.map

package/inputs/OtpInput/OtpInput.stories.d.ts

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

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 { Default } from '@digigov/form/inputs/OtpInput/__stories__/Default';\n"],
+  "mappings": "AAAA,OAAO,cAAc;AACrB,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;",
+  "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"
+    }
   }
-}];
-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, {
+];
+const Default = () => /* @__PURE__ */ React.createElement(
+  FormBuilder,
+  {
     fields: FIELDS,
-    onSubmit: function onSubmit(data) {
+    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);
+  },
+  /* @__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")
+);
+var Default_default = Default;
+export {
+  Default,
+  Default_default as default
 };
-export default Default;
+//# sourceMappingURL=Default.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/inputs/OtpInput/__stories__/Default.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field, Fieldset } from '@digigov/form';\nimport { FieldSpec } from '@digigov/form/types';\nimport { Button } from '@digigov/ui/form/Button';\nconst FIELDS: FieldSpec[] = [\n  {\n    key: 'otp',\n    type: 'otp',\n    maxLength: 6,\n    required: true,\n    label: {\n      primary: '\u039A\u03C9\u03B4\u03B9\u03BA\u03CC\u03C2 \u0395\u03C0\u03B9\u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7\u03C2',\n    },\n  },\n];\n\nexport const Default = () => (\n  <FormBuilder\n    fields={FIELDS}\n    onSubmit={(data) => {\n      console.log(data);\n    }}\n  >\n    <Fieldset>\n      {FIELDS.map((field) => (\n        <Field key={field.key} name={field.key} />\n      ))}\n    </Fieldset>\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,OAAO,gBAAgB;AAE7C,SAAS,cAAc;AACvB,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,WAAW;AAAA,IACX,UAAU;AAAA,IACV,OAAO;AAAA,MACL,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEO,MAAM,UAAU,MACrB;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ;AAAA,IACR,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA;AAAA,EAEA,oCAAC,gBACE,OAAO,IAAI,CAAC,UACX,oCAAC,SAAM,KAAK,MAAM,KAAK,MAAM,MAAM,KAAK,CACzC,CACH;AAAA,EACA,oCAAC,UAAO,MAAK,YAAS,kDAAQ;AAChC;AAEF,IAAO,kBAAQ;",
+  "names": []
+}

package/inputs/OtpInput/index.d.ts

@@ -12,5 +12,5 @@ export declare const OtpInput: ({ name, maxLength, ...props }: {
     [x: string]: any;
     name: any;
     maxLength?: number | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default OtpInput;

package/inputs/OtpInput/index.js

@@ -1,140 +1,146 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
-import _extends from "@babel/runtime/helpers/extends";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _excluded = ["name", "maxLength"];
-import React, { useState, useCallback } from 'react';
-import SingleCharacterInputs, { SingleCharacterInput } from '@digigov/ui/form/SingleCharacterInputs';
-export var RE_DIGIT = new RegExp(/^\d+$/);
-export var REMOVE_SPACES = new RegExp(/\s+/g);
-export function useOtp(onChange, maxLength) {
-  var _useState = useState(Array(maxLength).fill('')),
-    _useState2 = _slicedToArray(_useState, 2),
-    otpValues = _useState2[0],
-    setOtpValues = _useState2[1];
-  var handleChange = useCallback(function (otp) {
-    setOtpValues(otp);
-    var otpValue = otp.join('');
-    onChange(otpValue);
-  }, [onChange]);
-  var setOtp = function setOtp(item, idx) {
-    var updatedOTPValues = _toConsumableArray(otpValues);
+import React, { useState, useCallback } from "react";
+import SingleCharacterInputs, {
+  SingleCharacterInput
+} from "@digigov/ui/form/SingleCharacterInputs";
+const RE_DIGIT = new RegExp(/^\d+$/);
+const REMOVE_SPACES = new RegExp(/\s+/g);
+function useOtp(onChange, maxLength) {
+  const [otpValues, setOtpValues] = useState(Array(maxLength).fill(""));
+  const handleChange = useCallback(
+    (otp) => {
+      setOtpValues(otp);
+      const otpValue = otp.join("");
+      onChange(otpValue);
+    },
+    [onChange]
+  );
+  const setOtp = (item, idx) => {
+    const updatedOTPValues = [...otpValues];
     if (item.length === 1 || item.length === 0) {
-      updatedOTPValues[idx] = item[0] || '';
+      updatedOTPValues[idx] = item[0] || "";
       handleChange(updatedOTPValues);
     } else if (item.length === maxLength) {
-      var valueArray = item.split('').slice(0, maxLength);
+      const valueArray = item.split("").slice(0, maxLength);
       handleChange(valueArray);
     }
   };
-  var setSelectionRange = useCallback(function (target) {
+  const setSelectionRange = useCallback((target) => {
     return target.setSelectionRange(0, target.value.length);
   }, []);
-  var focusToNextInput = useCallback(function (target) {
-    var nextElement = target.nextElementSibling;
+  const focusToNextInput = useCallback((target) => {
+    const nextElement = target.nextElementSibling;
     if (nextElement) {
       nextElement.focus();
     }
   }, []);
-  var focusToPrevInput = useCallback(function (target) {
-    var previousElement = target.previousElementSibling;
+  const focusToPrevInput = useCallback((target) => {
+    const previousElement = target.previousElementSibling;
     if (previousElement) {
       previousElement.focus();
     }
   }, []);
-  var handleKeyDown = useCallback(function (e, idx) {
-    var key = e.key;
-    var target = e.target;
-    var targetValue = target.value;
-    setSelectionRange(target);
-    if (key === 'ArrowRight' || key === 'ArrowDown') {
-      e.preventDefault();
-      return focusToNextInput(target);
-    }
-    if (key === 'ArrowLeft' || key === 'ArrowUp') {
-      e.preventDefault();
-      return focusToPrevInput(target);
-    }
-    if (e.key === 'Backspace' || e.key === 'Delete') {
-      if (targetValue !== '') {
-        targetValue = '';
-      } else {
-        focusToPrevInput(target);
+  const handleKeyDown = useCallback(
+    (e, idx) => {
+      const { key } = e;
+      const target = e.target;
+      let targetValue = target.value;
+      setSelectionRange(target);
+      if (key === "ArrowRight" || key === "ArrowDown") {
+        e.preventDefault();
+        return focusToNextInput(target);
       }
-      setOtp(targetValue, idx);
-      return e.preventDefault();
-    }
-  }, [setOtp, focusToPrevInput, focusToNextInput]);
-  var handleFocus = useCallback(function (e) {
-    var target = e.target;
-    setSelectionRange(target);
-  }, [setSelectionRange]);
-  var handleOtpChange = useCallback(function (e, idx) {
-    var target = e.target;
-    var targetValue = target.value;
-    var isTargetValueDigit = RE_DIGIT.test(targetValue);
-    // We want to pass the empty string when the value is deleted
-    // emptry string replaces the deleted value
-    if (isTargetValueDigit || targetValue === '') {
-      setOtp(targetValue, idx);
-      if (target.value.length > 1) {
-        target.blur();
+      if (key === "ArrowLeft" || key === "ArrowUp") {
+        e.preventDefault();
+        return focusToPrevInput(target);
       }
-      focusToNextInput(target);
-    }
-  }, [setOtp, handleKeyDown, handleFocus]);
-  var handlePaste = useCallback(function (e) {
-    e.preventDefault();
-    var pastedData = e.clipboardData.getData('text/plain').replace(REMOVE_SPACES, '');
-    if (pastedData) {
-      setOtp(pastedData, 0);
-    }
-  }, []);
+      if (e.key === "Backspace" || e.key === "Delete") {
+        if (targetValue !== "") {
+          targetValue = "";
+        } else {
+          focusToPrevInput(target);
+        }
+        setOtp(targetValue, idx);
+        return e.preventDefault();
+      }
+    },
+    [setOtp, focusToPrevInput, focusToNextInput]
+  );
+  const handleFocus = useCallback(
+    (e) => {
+      const { target } = e;
+      setSelectionRange(target);
+    },
+    [setSelectionRange]
+  );
+  const handleOtpChange = useCallback(
+    (e, idx) => {
+      const target = e.target;
+      const targetValue = target.value;
+      const isTargetValueDigit = RE_DIGIT.test(targetValue);
+      if (isTargetValueDigit || targetValue === "") {
+        setOtp(targetValue, idx);
+        if (target.value.length > 1) {
+          target.blur();
+        }
+        focusToNextInput(target);
+      }
+    },
+    [setOtp, handleKeyDown, handleFocus]
+  );
+  const handlePaste = useCallback(
+    (e) => {
+      e.preventDefault();
+      const pastedData = e.clipboardData.getData("text/plain").replace(REMOVE_SPACES, "");
+      if (pastedData) {
+        setOtp(pastedData, 0);
+      }
+    },
+    []
+  );
   return {
-    otpValues: otpValues,
-    handleOtpChange: handleOtpChange,
-    handleKeyDown: handleKeyDown,
-    handleFocus: handleFocus,
-    handlePaste: handlePaste
+    otpValues,
+    handleOtpChange,
+    handleKeyDown,
+    handleFocus,
+    handlePaste
   };
 }
-var SingleCharacterInputPart = function SingleCharacterInputPart(_ref) {
-  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/React.createElement(SingleCharacterInput, props);
+const SingleCharacterInputPart = ({ ...props }) => {
+  return /* @__PURE__ */ React.createElement(SingleCharacterInput, { ...props });
 };
-export var OtpInput = function OtpInput(_ref2) {
-  var name = _ref2.name,
-    _ref2$maxLength = _ref2.maxLength,
-    maxLength = _ref2$maxLength === void 0 ? 6 : _ref2$maxLength,
-    props = _objectWithoutProperties(_ref2, _excluded);
-  var otp = useOtp(props.onChange, maxLength);
-  return /*#__PURE__*/React.createElement(SingleCharacterInputs, null, otp.otpValues.map(function (digit, idx) {
-    return /*#__PURE__*/React.createElement(SingleCharacterInputPart, {
-      name: "".concat(name, "-").concat(idx),
+const OtpInput = ({ name, maxLength = 6, ...props }) => {
+  const otp = useOtp(props.onChange, maxLength);
+  return /* @__PURE__ */ React.createElement(SingleCharacterInputs, null, otp.otpValues.map((digit, idx) => /* @__PURE__ */ React.createElement(
+    SingleCharacterInputPart,
+    {
+      name: `${name}-${idx}`,
       type: "text",
       key: idx,
       autoComplete: "one-time-code",
       pattern: "\\d{1}",
-      maxLength: maxLength,
+      maxLength,
       value: digit,
       disabled: props.disabled,
-      "aria-required": props['aria-required'],
-      onChange: function onChange(e) {
-        return otp.handleOtpChange(e, idx);
-      },
-      onInput: function onInput(e) {
+      "aria-required": props["aria-required"],
+      onChange: (e) => otp.handleOtpChange(e, idx),
+      onInput: (e) => {
         if (e.target.value === digit) {
           otp.handleOtpChange(e, idx);
         }
       },
-      onKeyDown: function onKeyDown(e) {
-        return otp.handleKeyDown(e, idx);
-      },
+      onKeyDown: (e) => otp.handleKeyDown(e, idx),
       onFocus: otp.handleFocus,
       onPaste: otp.handlePaste,
       error: !digit ? props.error : false
-    });
-  }));
+    }
+  )));
+};
+var OtpInput_default = OtpInput;
+export {
+  OtpInput,
+  REMOVE_SPACES,
+  RE_DIGIT,
+  OtpInput_default as default,
+  useOtp
 };
-export default OtpInput;
+//# sourceMappingURL=index.js.map

package/inputs/OtpInput/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/inputs/OtpInput/index.tsx"],
+  "sourcesContent": ["import React, { useState, useCallback } from 'react';\nimport SingleCharacterInputs, {\n  SingleCharacterInput,\n} from '@digigov/ui/form/SingleCharacterInputs';\n\nexport const RE_DIGIT = new RegExp(/^\\d+$/);\nexport const REMOVE_SPACES = new RegExp(/\\s+/g);\n\nexport function useOtp(onChange, maxLength) {\n  const [otpValues, setOtpValues] = useState(Array<string>(maxLength).fill(''));\n  const handleChange = useCallback(\n    (otp: string[]) => {\n      setOtpValues(otp);\n      const otpValue = otp.join('');\n      onChange(otpValue);\n    },\n    [onChange]\n  );\n\n  const setOtp = (item: string, idx) => {\n    const updatedOTPValues = [...otpValues];\n    if (item.length === 1 || item.length === 0) {\n      updatedOTPValues[idx] = item[0] || '';\n      handleChange(updatedOTPValues);\n    } else if (item.length === maxLength) {\n      const valueArray = item.split('').slice(0, maxLength);\n      handleChange(valueArray);\n    }\n  };\n\n  const setSelectionRange = useCallback((target) => {\n    return target.setSelectionRange(0, target.value.length);\n  }, []);\n\n  const focusToNextInput = useCallback((target: HTMLElement) => {\n    const nextElement = target.nextElementSibling as HTMLInputElement | null;\n    if (nextElement) {\n      nextElement.focus();\n    }\n  }, []);\n\n  const focusToPrevInput = useCallback((target: HTMLElement) => {\n    const previousElement =\n      target.previousElementSibling as HTMLInputElement | null;\n    if (previousElement) {\n      previousElement.focus();\n    }\n  }, []);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>, idx: number) => {\n      const { key } = e;\n      const target = e.target as HTMLInputElement;\n      let targetValue = target.value;\n      setSelectionRange(target);\n      if (key === 'ArrowRight' || key === 'ArrowDown') {\n        e.preventDefault();\n        return focusToNextInput(target);\n      }\n      if (key === 'ArrowLeft' || key === 'ArrowUp') {\n        e.preventDefault();\n        return focusToPrevInput(target);\n      }\n      if (e.key === 'Backspace' || e.key === 'Delete') {\n        if (targetValue !== '') {\n          targetValue = '';\n        } else {\n          focusToPrevInput(target);\n        }\n        setOtp(targetValue, idx);\n        return e.preventDefault();\n      }\n    },\n    [setOtp, focusToPrevInput, focusToNextInput]\n  );\n\n  const handleFocus = useCallback(\n    (e: React.FocusEvent<HTMLInputElement>) => {\n      const { target } = e;\n      setSelectionRange(target);\n    },\n    [setSelectionRange]\n  );\n  const handleOtpChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>, idx: number) => {\n      const target = e.target;\n      const targetValue = target.value;\n      const isTargetValueDigit = RE_DIGIT.test(targetValue);\n      // We want to pass the empty string when the value is deleted\n      // emptry string replaces the deleted value\n      if (isTargetValueDigit || targetValue === '') {\n        setOtp(targetValue, idx);\n        if (target.value.length > 1) {\n          target.blur();\n        }\n        focusToNextInput(target);\n      }\n    },\n    [setOtp, handleKeyDown, handleFocus]\n  );\n\n  const handlePaste = useCallback(\n    (e: React.ClipboardEvent<HTMLInputElement>) => {\n      e.preventDefault();\n      const pastedData = e.clipboardData\n        .getData('text/plain')\n        .replace(REMOVE_SPACES, '');\n      if (pastedData) {\n        setOtp(pastedData, 0);\n      }\n    },\n    []\n  );\n  return {\n    otpValues,\n    handleOtpChange,\n    handleKeyDown,\n    handleFocus,\n    handlePaste,\n  };\n}\n\nconst SingleCharacterInputPart = ({ ...props }) => {\n  return <SingleCharacterInput {...props} />;\n};\n\nexport const OtpInput = ({ name, maxLength = 6, ...props }) => {\n  const otp = useOtp(props.onChange, maxLength);\n  return (\n    <SingleCharacterInputs>\n      {otp.otpValues.map((digit, idx) => (\n        <SingleCharacterInputPart\n          name={`${name}-${idx}`}\n          type=\"text\"\n          key={idx}\n          autoComplete=\"one-time-code\"\n          pattern=\"\\d{1}\"\n          maxLength={maxLength}\n          value={digit}\n          disabled={props.disabled}\n          aria-required={props['aria-required']}\n          onChange={(e) => otp.handleOtpChange(e, idx)}\n          onInput={(e) => {\n            if (e.target.value === digit) {\n              otp.handleOtpChange(e, idx);\n            }\n          }}\n          onKeyDown={(e) => otp.handleKeyDown(e, idx)}\n          onFocus={otp.handleFocus}\n          onPaste={otp.handlePaste}\n          error={!digit ? props.error : false}\n        />\n      ))}\n    </SingleCharacterInputs>\n  );\n};\n\nexport default OtpInput;\n"],
+  "mappings": "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",
+  "names": []
+}