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

package/inputs/DateInput/__stories__/Default.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/inputs/DateInput/__stories__/Default.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field } from '@digigov/form';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const Default = () => (\n  <FormBuilder\n    onSubmit={(data) => {\n      console.log(data);\n    }}\n  >\n    <Field\n      key={'string'}\n      name=\"string\"\n      type=\"date\"\n      required\n      label={{\n        primary: '\u03A0\u03CC\u03C4\u03B5 \u03B5\u03BA\u03B4\u03CC\u03B8\u03B7\u03BA\u03B5 \u03C4\u03BF \u03B4\u03B9\u03B1\u03B2\u03B1\u03C4\u03AE\u03C1\u03B9\u03BF \u03C3\u03B1\u03C2;',\n        secondary: '\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020',\n      }}\n    />\n    <Button type=\"submit\">\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n  </FormBuilder>\n);\nexport default Default;\n"],
+  "mappings": "AAAA;AACA;AACA;AAEO,MAAM,UAAU,MACrB,oCAAC,aAAD;AAAA,EACE,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,GAGd,oCAAC,OAAD;AAAA,EACE,KAAK;AAAA,EACL,MAAK;AAAA,EACL,MAAK;AAAA,EACL,UAAQ;AAAA,EACR,OAAO;AAAA,IACL,SAAS;AAAA,IACT,WAAW;AAAA;AAAA,IAGf,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAG1B,IAAO,kBAAQ;",
+  "names": []
+}

package/inputs/DateInput/index.js

@@ -1,131 +1,114 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _excluded = ["label"],
-  _excluded2 = ["name", "type"];
-import React, { useMemo, useState } from 'react';
-import dayjs from 'dayjs';
-import customParseFormat from 'dayjs/plugin/customParseFormat';
-import DateInputContainer from '@digigov/react-core/DateInputContainer';
-import CoreDateInputItem from '@digigov/react-core/DateInputItem';
-import { useTranslation } from '@digigov/ui/i18n';
+import React, {useMemo, useState} from "react";
+import dayjs from "dayjs";
+import customParseFormat from "dayjs/plugin/customParseFormat";
+import DateInputContainer from "@digigov/react-core/DateInputContainer";
+import CoreDateInputItem from "@digigov/react-core/DateInputItem";
+import {useTranslation} from "@digigov/ui/i18n";
 dayjs.extend(customParseFormat);
 function useDate(value, onChange) {
-  var _useMemo = useMemo(function () {
-      if (!value || value.length === 0) {
-        onChange('');
-        return ['', '', ''];
-      }
-      var _value$split = value.split('/'),
-        _value$split2 = _slicedToArray(_value$split, 3),
-        day = _value$split2[0],
-        month = _value$split2[1],
-        year = _value$split2[2];
-      return [year, month, day];
-    }, [value]),
-    _useMemo2 = _slicedToArray(_useMemo, 3),
-    year = _useMemo2[0],
-    month = _useMemo2[1],
-    day = _useMemo2[2];
-  function set(year, month, day) {
-    var value = "".concat(day || '', "/").concat(month || '', "/").concat(year || '');
-    if (!year && !month && !day) {
+  const [year, month, day] = useMemo(() => {
+    if (!value || value.length === 0) {
+      onChange("");
+      return ["", "", ""];
+    }
+    const [day2, month2, year2] = value.split("/");
+    return [year2, month2, day2];
+  }, [value]);
+  function set(year2, month2, day2) {
+    const value2 = `${day2 || ""}/${month2 || ""}/${year2 || ""}`;
+    if (!year2 && !month2 && !day2) {
       onChange(null);
     } else {
-      onChange(value);
+      onChange(value2);
     }
   }
   function setYear(evt) {
-    var val = evt.target.value;
+    const val = evt.target.value;
     set(val, month, day);
   }
   function setMonth(evt, cast) {
-    var val = evt.target.value;
+    let val = evt.target.value;
     if (cast && val && val.length === 1) {
-      val = '0' + val;
+      val = "0" + val;
     }
     set(year, val, day);
   }
   function setDay(evt, cast) {
-    var val = evt.target.value;
+    let val = evt.target.value;
     if (cast && val && val.length === 1) {
-      val = '0' + val;
+      val = "0" + val;
     }
     set(year, month, val);
   }
   return {
-    day: day,
-    month: month,
-    year: year,
-    setYear: setYear,
-    setMonth: setMonth,
-    setDay: setDay
+    day,
+    month,
+    year,
+    setYear,
+    setMonth,
+    setDay
   };
 }
-var VALID_FORMATS = ['DD/MM/YYYY'];
-var makeDate = function makeDate(val) {
-  var date = dayjs(val, VALID_FORMATS, true);
+const VALID_FORMATS = ["DD/MM/YYYY"];
+const makeDate = (val) => {
+  const date = dayjs(val, VALID_FORMATS, true);
   if (date.isValid()) {
-    return date.format('DD/MM/YYYY');
+    return date.format("DD/MM/YYYY");
   }
-  return '';
+  return "";
 };
-var DatePart = function DatePart(_ref) {
-  var label = _ref.label,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(CoreDateInputItem, props, label);
+const DatePart = ({label, ...props}) => {
+  return /* @__PURE__ */ React.createElement(CoreDateInputItem, {
+    ...props
+  }, label);
 };
-export var DateInput = function DateInput(_ref2) {
-  var name = _ref2.name,
-    type = _ref2.type,
-    props = _objectWithoutProperties(_ref2, _excluded2);
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useState = useState(props.value),
-    _useState2 = _slicedToArray(_useState, 1),
-    initial = _useState2[0];
-  var value = useMemo(function () {
+const DateInput = ({name, type, ...props}) => {
+  const {t} = useTranslation();
+  const [initial] = useState(props.value);
+  const value = useMemo(() => {
     if (initial === props.value) {
       return makeDate(props.value);
     }
     return props.value;
   }, [props.value, initial]);
-  var date = useDate(value || makeDate(props.defaultValue), props.onChange);
-  return /*#__PURE__*/React.createElement(DateInputContainer, null, /*#__PURE__*/React.createElement(DatePart, {
-    label: t('form.label.day'),
+  const date = useDate(value || makeDate(props.defaultValue), props.onChange);
+  return /* @__PURE__ */ React.createElement(DateInputContainer, null, /* @__PURE__ */ React.createElement(DatePart, {
+    label: t("form.label.day"),
     onChange: date.setDay,
-    onBlur: function onBlur(e) {
-      return date.setDay(e, true);
-    },
+    onBlur: (e) => date.setDay(e, true),
     value: date.day,
     width: 2,
-    name: "".concat(name, "-day"),
+    name: `${name}-day`,
     maxLength: "2",
     disabled: props.disabled,
-    "aria-required": props['aria-required'],
+    "aria-required": props["aria-required"],
     error: !date.day ? props.error : false
-  }), /*#__PURE__*/React.createElement(DatePart, {
-    label: t('form.label.month'),
+  }), /* @__PURE__ */ React.createElement(DatePart, {
+    label: t("form.label.month"),
     onChange: date.setMonth,
-    onBlur: function onBlur(e) {
-      return date.setMonth(e, true);
-    },
+    onBlur: (e) => date.setMonth(e, true),
     value: date.month,
     width: 2,
-    name: "".concat(props.name, "-month"),
+    name: `${props.name}-month`,
     maxLength: "2",
     disabled: props.disabled,
-    "aria-required": props['aria-required'],
+    "aria-required": props["aria-required"],
     error: !date.month ? props.error : false
-  }), /*#__PURE__*/React.createElement(DatePart, {
-    label: t('form.label.year'),
+  }), /* @__PURE__ */ React.createElement(DatePart, {
+    label: t("form.label.year"),
     onChange: date.setYear,
     value: date.year,
     width: 4,
-    name: "".concat(props.name, "-year"),
+    name: `${props.name}-year`,
     maxLength: "4",
     disabled: props.disabled,
-    "aria-required": props['aria-required'],
+    "aria-required": props["aria-required"],
     error: !date.year ? props.error : false
   }));
 };
-export default DateInput;
+var DateInput_default = DateInput;
+export {
+  DateInput,
+  DateInput_default as default
+};
+//# sourceMappingURL=index.js.map

package/inputs/DateInput/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/inputs/DateInput/index.tsx"],
+  "sourcesContent": ["import React, { useMemo, useState } from 'react';\nimport dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\nimport { UncontrolledFieldProps } from '@digigov/form/Field/types';\nimport DateInputContainer from '@digigov/react-core/DateInputContainer';\nimport CoreDateInputItem from '@digigov/react-core/DateInputItem';\nimport { useTranslation } from '@digigov/ui/i18n';\ndayjs.extend(customParseFormat);\n\nexport interface DateInputProps extends Omit<UncontrolledFieldProps, 'extra'> {\n  extra?: {\n    max?: string;\n    min?: string;\n  };\n}\n\nfunction useDate(value, onChange) {\n  const [year, month, day] = useMemo(() => {\n    if (!value || value.length === 0) {\n      onChange('');\n      return ['', '', ''];\n    }\n    const [day, month, year] = value.split('/');\n    return [year, month, day];\n  }, [value]);\n\n  function set(year, month, day) {\n    const value = `${day || ''}/${month || ''}/${year || ''}`;\n    if (!year && !month && !day) {\n      onChange(null);\n    } else {\n      onChange(value);\n    }\n  }\n\n  function setYear(evt) {\n    const val = evt.target.value;\n    set(val, month, day);\n  }\n\n  function setMonth(evt, cast) {\n    let val = evt.target.value;\n    if (cast && val && val.length === 1) {\n      val = '0' + val;\n    }\n    set(year, val, day);\n  }\n\n  function setDay(evt, cast) {\n    let val = evt.target.value;\n    if (cast && val && val.length === 1) {\n      val = '0' + val;\n    }\n    set(year, month, val);\n  }\n\n  return {\n    day,\n    month,\n    year,\n    setYear,\n    setMonth,\n    setDay,\n  };\n}\n\nconst VALID_FORMATS = ['DD/MM/YYYY'];\n\nconst makeDate = (val) => {\n  const date = dayjs(val, VALID_FORMATS, true);\n  if (date.isValid()) {\n    return date.format('DD/MM/YYYY');\n  }\n  return '';\n};\n\nconst DatePart = ({ label, ...props }) => {\n  return <CoreDateInputItem {...props}>{label}</CoreDateInputItem>;\n};\n\nexport const DateInput = ({ name, type, ...props }) => {\n  const { t } = useTranslation();\n  const [initial] = useState(props.value);\n  const value = useMemo(() => {\n    if (initial === props.value) {\n      return makeDate(props.value);\n    }\n    return props.value;\n  }, [props.value, initial]);\n\n  const date = useDate(value || makeDate(props.defaultValue), props.onChange);\n\n  return (\n    <DateInputContainer>\n      <DatePart\n        label={t('form.label.day')}\n        onChange={date.setDay}\n        onBlur={(e) => date.setDay(e, true)}\n        value={date.day}\n        width={2}\n        name={`${name}-day`}\n        maxLength=\"2\"\n        disabled={props.disabled}\n        aria-required={props['aria-required']}\n        error={!date.day ? props.error : false}\n      />\n      <DatePart\n        label={t('form.label.month')}\n        onChange={date.setMonth}\n        onBlur={(e) => date.setMonth(e, true)}\n        value={date.month}\n        width={2}\n        name={`${props.name}-month`}\n        maxLength=\"2\"\n        disabled={props.disabled}\n        aria-required={props['aria-required']}\n        error={!date.month ? props.error : false}\n      />\n      <DatePart\n        label={t('form.label.year')}\n        onChange={date.setYear}\n        value={date.year}\n        width={4}\n        name={`${props.name}-year`}\n        maxLength=\"4\"\n        disabled={props.disabled}\n        aria-required={props['aria-required']}\n        error={!date.year ? props.error : false}\n      />\n    </DateInputContainer>\n  );\n};\n\nexport default DateInput;\n"],
+  "mappings": "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",
+  "names": []
+}

package/inputs/FileInput/FileInput.stories/index.js

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

package/inputs/FileInput/FileInput.stories.js.map

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

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

@@ -1,20 +1,20 @@
-import React from 'react';
-import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-var _ref = /*#__PURE__*/React.createElement(Button, null, "\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(Field, {
-    key: 'string',
-    name: "file",
-    type: "file",
-    required: true,
-    label: {
-      primary: 'Βιογραφικό σημείωμα'
-    }
-  }), _ref);
+import React from "react";
+import FormBuilder, {Field} from "@digigov/form";
+import {Button} from "@digigov/ui/form/Button";
+const Default = () => /* @__PURE__ */ React.createElement(FormBuilder, {
+  onSubmit: (data) => {
+    console.log(data);
+  }
+}, /* @__PURE__ */ React.createElement(Field, {
+  key: "string",
+  name: "file",
+  type: "file",
+  required: true,
+  label: {primary: "\u0392\u03B9\u03BF\u03B3\u03C1\u03B1\u03C6\u03B9\u03BA\u03CC \u03C3\u03B7\u03BC\u03B5\u03AF\u03C9\u03BC\u03B1"}
+}), /* @__PURE__ */ React.createElement(Button, null, "\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/FileInput/__stories__/Default.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/inputs/FileInput/__stories__/Default.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport FormBuilder, { Field } from '@digigov/form';\nimport { Button } from '@digigov/ui/form/Button';\n\nexport const Default = () => (\n  <FormBuilder\n    onSubmit={(data) => {\n      console.log(data);\n    }}\n  >\n    <Field\n      key={'string'}\n      name=\"file\"\n      type=\"file\"\n      required\n      label={{ primary: '\u0392\u03B9\u03BF\u03B3\u03C1\u03B1\u03C6\u03B9\u03BA\u03CC \u03C3\u03B7\u03BC\u03B5\u03AF\u03C9\u03BC\u03B1' }}\n    />\n    <Button>\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1</Button>\n  </FormBuilder>\n);\n\nexport default Default;\n"],
+  "mappings": "AAAA;AACA;AACA;AAEO,MAAM,UAAU,MACrB,oCAAC,aAAD;AAAA,EACE,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,GAGd,oCAAC,OAAD;AAAA,EACE,KAAK;AAAA,EACL,MAAK;AAAA,EACL,MAAK;AAAA,EACL,UAAQ;AAAA,EACR,OAAO,CAAE,SAAS;AAAA,IAEpB,oCAAC,QAAD,MAAQ;AAIZ,IAAO,kBAAQ;",
+  "names": []
+}

package/inputs/FileInput/index.js

@@ -1,58 +1,40 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["name", "extra", "disabled", "reset", "onChange"];
-import React, { useState } from 'react';
-import FileUpload from '@digigov/react-core/FileUpload';
-import FileUploadContainer from '@digigov/react-core/FileUploadContainer';
-import CoreHint from '@digigov/react-core/Hint';
-import Button from '@digigov/ui/form/Button';
-import { useTranslation } from '@digigov/ui/i18n';
-import Paragraph from '@digigov/ui/typography/Paragraph';
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export var FileInput = /*#__PURE__*/React.forwardRef(function FileInput(_ref, ref) {
-  var name = _ref.name,
-    _ref$extra = _ref.extra,
-    extra = _ref$extra === void 0 ? {} : _ref$extra,
-    disabled = _ref.disabled,
-    reset = _ref.reset,
-    onChange = _ref.onChange,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    files = _useState2[0],
-    setFiles = _useState2[1];
-  var handleChange = function handleChange(e) {
-    var target = e.target;
-    var selectedFiles = Array.from(target.files).map(function (_ref2) {
-      var name = _ref2.name;
-      return name;
-    });
+import React, {useState} from "react";
+import FileUpload from "@digigov/react-core/FileUpload";
+import FileUploadContainer from "@digigov/react-core/FileUploadContainer";
+import CoreHint from "@digigov/react-core/Hint";
+import Button from "@digigov/ui/form/Button";
+import {useTranslation} from "@digigov/ui/i18n";
+import Paragraph from "@digigov/ui/typography/Paragraph";
+const FileInput = React.forwardRef(function FileInput2({name, extra = {}, disabled, reset, onChange, ...props}, ref) {
+  const {t} = useTranslation();
+  const [files, setFiles] = useState([]);
+  const handleChange = (e) => {
+    const target = e.target;
+    const selectedFiles = Array.from(target.files).map(({name: name2}) => name2);
     setFiles(selectedFiles);
-    // proceed calling the onChange provided
-    // by react-hook-form
     onChange(e);
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FileUploadContainer, {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FileUploadContainer, {
     hasFiles: files && files.length > 0
-  }, files !== null && files !== void 0 && files.length ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Paragraph, null, /*#__PURE__*/React.createElement("b", null, t('upload.file'), ":"), " ", "".concat(files.join(', ')))) : /*#__PURE__*/React.createElement(CoreHint, null, t('upload.no_file')), /*#__PURE__*/React.createElement(FileUpload, _extends({
-    ref: ref,
-    hasFiles: !!(files !== null && files !== void 0 && files.length),
-    name: name,
-    disabled: disabled,
-    onChange: handleChange
-  }, _extends({}, props, {
-    required: undefined
-  })), files !== null && files !== void 0 && files.length ? t('upload.change_file') : t('upload.choose_file')), files !== undefined && files.length > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+  }, files?.length ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Paragraph, null, /* @__PURE__ */ React.createElement("b", null, t("upload.file"), ":"), " ", `${files.join(", ")}`)) : /* @__PURE__ */ React.createElement(CoreHint, null, t("upload.no_file")), /* @__PURE__ */ React.createElement(FileUpload, {
+    ref,
+    hasFiles: !!files?.length,
+    name,
+    disabled,
+    onChange: handleChange,
+    ...{...props, required: void 0}
+  }, files?.length ? t("upload.change_file") : t("upload.choose_file")), files !== void 0 && files.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Button, {
     variant: "link",
-    onClick: function onClick(event) {
+    onClick: (event) => {
       event.preventDefault();
-      reset(_defineProperty({}, name, ''));
-      setFiles(undefined);
+      reset({[name]: ""});
+      setFiles(void 0);
     }
-  }, t('upload.reset_file')))));
+  }, t("upload.reset_file")))));
 });
-export default FileInput;
+var FileInput_default = FileInput;
+export {
+  FileInput,
+  FileInput_default as default
+};
+//# sourceMappingURL=index.js.map

package/inputs/FileInput/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/inputs/FileInput/index.tsx"],
+  "sourcesContent": ["import React, { useState } from 'react';\nimport { UncontrolledFieldProps } from '@digigov/form/Field/types';\nimport FileUpload from '@digigov/react-core/FileUpload';\nimport FileUploadContainer from '@digigov/react-core/FileUploadContainer';\nimport CoreHint from '@digigov/react-core/Hint';\nimport Button from '@digigov/ui/form/Button';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport Paragraph from '@digigov/ui/typography/Paragraph';\nexport interface FileInputProps extends Omit<UncontrolledFieldProps, 'extra'> {\n  extra?: {\n    className?: string;\n    multiple?: boolean;\n    accept?: string;\n    limit: {\n      maxSize?: number;\n    };\n  };\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const FileInput: React.FC<any> = React.forwardRef(function FileInput(\n  { name, extra = {}, disabled, reset, onChange, ...props },\n  ref: any\n) {\n  const { t } = useTranslation();\n  const [files, setFiles] = useState<Array<string> | undefined>([]);\n  const handleChange = (e) => {\n    const target = e.target as HTMLInputElement;\n    const selectedFiles = Array.from(\n      target.files as ArrayLike<{ name: string }>\n    ).map(({ name }) => name);\n    setFiles(selectedFiles);\n    // proceed calling the onChange provided\n    // by react-hook-form\n    onChange(e);\n  };\n  return (\n    <>\n      <FileUploadContainer hasFiles={files && files.length > 0}>\n        {files?.length ? (\n          <>\n            <Paragraph>\n              <b>{t('upload.file')}:</b> {`${files.join(', ')}`}\n            </Paragraph>\n          </>\n        ) : (\n          <CoreHint>{t('upload.no_file')}</CoreHint>\n        )}\n        <FileUpload\n          ref={ref}\n          hasFiles={!!files?.length}\n          name={name}\n          disabled={disabled}\n          onChange={handleChange}\n          {...{ ...props, required: undefined }}\n        >\n          {files?.length ? t('upload.change_file') : t('upload.choose_file')}\n        </FileUpload>\n        {files !== undefined && files.length > 0 && (\n          <>\n            <Button\n              variant=\"link\"\n              onClick={(event) => {\n                event.preventDefault();\n                reset({ [name]: '' });\n                setFiles(undefined);\n              }}\n            >\n              {t('upload.reset_file')}\n            </Button>\n          </>\n        )}\n      </FileUploadContainer>\n    </>\n  );\n});\n\nexport default FileInput;\n"],
+  "mappings": "AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAaO,MAAM,YAA2B,MAAM,WAAW,oBACvD,CAAE,MAAM,QAAQ,IAAI,UAAU,OAAO,aAAa,QAClD,KACA;AACA,QAAM,CAAE,KAAM;AACd,QAAM,CAAC,OAAO,YAAY,SAAoC;AAC9D,QAAM,eAAe,CAAC,MAAM;AAC1B,UAAM,SAAS,EAAE;AACjB,UAAM,gBAAgB,MAAM,KAC1B,OAAO,OACP,IAAI,CAAC,CAAE,iBAAW;AACpB,aAAS;AAGT,aAAS;AAAA;AAEX,SACE,0DACE,oCAAC,qBAAD;AAAA,IAAqB,UAAU,SAAS,MAAM,SAAS;AAAA,KACpD,OAAO,SACN,0DACE,oCAAC,WAAD,MACE,oCAAC,KAAD,MAAI,EAAE,gBAAe,MAAK,KAAE,GAAG,MAAM,KAAK,YAI9C,oCAAC,UAAD,MAAW,EAAE,oBAEf,oCAAC,YAAD;AAAA,IACE;AAAA,IACA,UAAU,CAAC,CAAC,OAAO;AAAA,IACnB;AAAA,IACA;AAAA,IACA,UAAU;AAAA,OACN,IAAK,OAAO,UAAU;AAAA,KAEzB,OAAO,SAAS,EAAE,wBAAwB,EAAE,wBAE9C,UAAU,UAAa,MAAM,SAAS,KACrC,0DACE,oCAAC,QAAD;AAAA,IACE,SAAQ;AAAA,IACR,SAAS,CAAC,UAAU;AAClB,YAAM;AACN,YAAM,EAAG,OAAO;AAChB,eAAS;AAAA;AAAA,KAGV,EAAE;AAAA;AASjB,IAAO,oBAAQ;",
+  "names": []
+}

package/inputs/ImageInput/ImageInput.stories/index.js

@@ -1,9 +1,13 @@
-import ImageInput from '@digigov/form/inputs/ImageInput';
-export default {
-  title: 'Digigov Form/inputs/ImageInput',
+import ImageInput from "@digigov/form/inputs/ImageInput";
+var ImageInput_stories_default = {
+  title: "Digigov Form/inputs/ImageInput",
   component: ImageInput,
-  displayName: 'ImageInput'
+  displayName: "ImageInput"
 };
-export * from '@digigov/form/inputs/ImageInput/__stories__/Default';
-export * from '@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageSize';
-export * from '@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageDimension';
+export * from "@digigov/form/inputs/ImageInput/__stories__/Default";
+export * from "@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageSize";
+export * from "@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageDimension";
+export {
+  ImageInput_stories_default as default
+};
+//# sourceMappingURL=ImageInput.stories.js.map

package/inputs/ImageInput/ImageInput.stories.js.map

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

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

@@ -1,28 +1,30 @@
-import React from 'react';
-import FormBuilder, { Field, Fieldset } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-var FIELDS = [{
-  key: 'image',
-  type: 'image',
-  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: "image",
+    type: "image",
+    required: true,
+    label: {
+      primary: "\u0391\u03BD\u03AD\u03B2\u03B1\u03C3\u03BC\u03B1 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1\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

package/inputs/ImageInput/__stories__/Default.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/inputs/ImageInput/__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: 'image',\n    type: 'image',\n    required: true,\n    label: {\n      primary: '\u0391\u03BD\u03AD\u03B2\u03B1\u03C3\u03BC\u03B1 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1\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;AACA;AAEA;AACA,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,MACL,SAAS;AAAA;AAAA;AAAA;AAKR,MAAM,UAAU,MACrB,oCAAC,aAAD;AAAA,EACE,QAAQ;AAAA,EACR,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,GAGd,oCAAC,UAAD,MACG,OAAO,IAAI,CAAC,UACX,oCAAC,OAAD;AAAA,EAAO,KAAK,MAAM;AAAA,EAAK,MAAM,MAAM;AAAA,MAGvC,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAG1B,IAAO,kBAAQ;",
+  "names": []
+}

package/inputs/ImageInput/__stories__/WithInvalidImageDimension/index.js

@@ -1,36 +1,38 @@
-import React from 'react';
-import FormBuilder, { Field, Fieldset } from '@digigov/form';
-import { Button } from '@digigov/ui/form/Button';
-var FIELDS = [{
-  key: 'image',
-  type: 'image',
-  required: true,
-  label: {
-    primary: 'Ανέβασμα φωτογραφίας'
-  },
-  extra: {
-    limit: {
-      maxHeight: 400,
-      maxWidth: 400,
-      minHeight: 100,
-      minWidth: 100
+import React from "react";
+import FormBuilder, {Field, Fieldset} from "@digigov/form";
+import {Button} from "@digigov/ui/form/Button";
+const FIELDS = [
+  {
+    key: "image",
+    type: "image",
+    required: true,
+    label: {
+      primary: "\u0391\u03BD\u03AD\u03B2\u03B1\u03C3\u03BC\u03B1 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1\u03C2"
+    },
+    extra: {
+      limit: {
+        maxHeight: 400,
+        maxWidth: 400,
+        minHeight: 100,
+        minWidth: 100
+      }
     }
   }
-}];
-var _ref = /*#__PURE__*/React.createElement(Button, {
+];
+const WithInvalidImageDimension = () => /* @__PURE__ */ React.createElement(FormBuilder, {
+  fields: FIELDS,
+  onSubmit: (data) => {
+    console.log(data);
+  }
+}, /* @__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 WithInvalidImageDimension = function WithInvalidImageDimension() {
-  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 WithInvalidImageDimension_default = WithInvalidImageDimension;
+export {
+  WithInvalidImageDimension,
+  WithInvalidImageDimension_default as default
 };
-export default WithInvalidImageDimension;
+//# sourceMappingURL=WithInvalidImageDimension.js.map

package/inputs/ImageInput/__stories__/WithInvalidImageDimension.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/inputs/ImageInput/__stories__/WithInvalidImageDimension.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: 'image',\n    type: 'image',\n    required: true,\n    label: {\n      primary: '\u0391\u03BD\u03AD\u03B2\u03B1\u03C3\u03BC\u03B1 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1\u03C2',\n    },\n    extra: {\n      limit: {\n        maxHeight: 400,\n        maxWidth: 400,\n        minHeight: 100,\n        minWidth: 100,\n      },\n    },\n  },\n];\n\nexport const WithInvalidImageDimension = () => (\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 WithInvalidImageDimension;\n"],
+  "mappings": "AAAA;AACA;AAEA;AACA,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,OAAO;AAAA,MACL,SAAS;AAAA;AAAA,IAEX,OAAO;AAAA,MACL,OAAO;AAAA,QACL,WAAW;AAAA,QACX,UAAU;AAAA,QACV,WAAW;AAAA,QACX,UAAU;AAAA;AAAA;AAAA;AAAA;AAMX,MAAM,4BAA4B,MACvC,oCAAC,aAAD;AAAA,EACE,QAAQ;AAAA,EACR,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,GAGd,oCAAC,UAAD,MACG,OAAO,IAAI,CAAC,UACX,oCAAC,OAAD;AAAA,EAAO,KAAK,MAAM;AAAA,EAAK,MAAM,MAAM;AAAA,MAGvC,oCAAC,QAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAG1B,IAAO,oCAAQ;",
+  "names": []
+}