@digigov/form 1.1.2 → 1.1.4-mobile

package/inputs/DateInput/index.js

@@ -1,131 +1,121 @@
-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'),
-    onChange: date.setDay,
-    onBlur: function onBlur(e) {
-      return date.setDay(e, true);
-    },
-    value: date.day,
-    width: 2,
-    name: "".concat(name, "-day"),
-    maxLength: "2",
-    disabled: props.disabled,
-    "aria-required": props['aria-required'],
-    error: !date.day ? props.error : false
-  }), /*#__PURE__*/React.createElement(DatePart, {
-    label: t('form.label.month'),
-    onChange: date.setMonth,
-    onBlur: function onBlur(e) {
-      return date.setMonth(e, true);
-    },
-    value: date.month,
-    width: 2,
-    name: "".concat(props.name, "-month"),
-    maxLength: "2",
-    disabled: props.disabled,
-    "aria-required": props['aria-required'],
-    error: !date.month ? props.error : false
-  }), /*#__PURE__*/React.createElement(DatePart, {
-    label: t('form.label.year'),
-    onChange: date.setYear,
-    value: date.year,
-    width: 4,
-    name: "".concat(props.name, "-year"),
-    maxLength: "4",
-    disabled: props.disabled,
-    "aria-required": props['aria-required'],
-    error: !date.year ? props.error : false
-  }));
+  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: (e) => date.setDay(e, true),
+      value: date.day,
+      width: 2,
+      name: `${name}-day`,
+      maxLength: "2",
+      disabled: props.disabled,
+      "aria-required": props["aria-required"],
+      error: !date.day ? props.error : false
+    }
+  ), /* @__PURE__ */ React.createElement(
+    DatePart,
+    {
+      label: t("form.label.month"),
+      onChange: date.setMonth,
+      onBlur: (e) => date.setMonth(e, true),
+      value: date.month,
+      width: 2,
+      name: `${name}-month`,
+      maxLength: "2",
+      disabled: props.disabled,
+      "aria-required": props["aria-required"],
+      error: !date.month ? props.error : false
+    }
+  ), /* @__PURE__ */ React.createElement(
+    DatePart,
+    {
+      label: t("form.label.year"),
+      onChange: date.setYear,
+      value: date.year,
+      width: 4,
+      name: `${name}-year`,
+      maxLength: "4",
+      disabled: props.disabled,
+      "aria-required": props["aria-required"],
+      error: !date.year ? props.error : false
+    }
+  ));
+};
+var DateInput_default = DateInput;
+export {
+  DateInput,
+  DateInput_default as default
 };
-export default DateInput;
+//# 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={`${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={`${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": ["day", "month", "year", "value"]
+}

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

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

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

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

package/inputs/FileInput/FileInput.stories.d.ts

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

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

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

@@ -1,20 +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, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(FormBuilder, {
-    onSubmit: function onSubmit(data) {
+import React from "react";
+import FormBuilder, { Field } from "@digigov/form";
+import { Button } from "@digigov/ui/form/Button";
+const Default = () => /* @__PURE__ */ React.createElement(
+  FormBuilder,
+  {
+    onSubmit: (data) => {
       console.log(data);
     }
-  }, /*#__PURE__*/React.createElement(Field, {
-    key: 'string',
-    name: "file",
-    type: "file",
-    required: true,
-    label: {
-      primary: 'Βιογραφικό σημείωμα'
+  },
+  /* @__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" }
     }
-  }), _ref);
+  ),
+  /* @__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.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/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,OAAO,WAAW;AAClB,OAAO,eAAe,aAAa;AACnC,SAAS,cAAc;AAEhB,MAAM,UAAU,MACrB;AAAA,EAAC;AAAA;AAAA,IACC,UAAU,CAAC,SAAS;AAClB,cAAQ,IAAI,IAAI;AAAA,IAClB;AAAA;AAAA,EAEA;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,MAAK;AAAA,MACL,MAAK;AAAA,MACL,UAAQ;AAAA,MACR,OAAO,EAAE,SAAS,gHAAsB;AAAA;AAAA,EAC1C;AAAA,EACA,oCAAC,cAAO,kDAAQ;AAClB;AAGF,IAAO,kBAAQ;",
+  "names": []
+}

package/inputs/FileInput/index.js

@@ -1,58 +1,48 @@
-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, {
-    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, {
-    variant: "link",
-    onClick: function onClick(event) {
-      event.preventDefault();
-      reset(_defineProperty({}, name, ''));
-      setFiles(undefined);
-    }
-  }, t('upload.reset_file')))));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(FileUploadContainer, { hasFiles: files && files.length > 0 }, 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: (event) => {
+        event.preventDefault();
+        reset({ [name]: "" });
+        setFiles(void 0);
+      }
+    },
+    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,OAAO,SAAS,gBAAgB;AAEhC,OAAO,gBAAgB;AACvB,OAAO,yBAAyB;AAChC,OAAO,cAAc;AACrB,OAAO,YAAY;AACnB,SAAS,sBAAsB;AAC/B,OAAO,eAAe;AAaf,MAAM,YAA2B,MAAM,WAAW,SAASA,WAChE,EAAE,MAAM,QAAQ,CAAC,GAAG,UAAU,OAAO,UAAU,GAAG,MAAM,GACxD,KACA;AACA,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAoC,CAAC,CAAC;AAChE,QAAM,eAAe,CAAC,MAAM;AAC1B,UAAM,SAAS,EAAE;AACjB,UAAM,gBAAgB,MAAM;AAAA,MAC1B,OAAO;AAAA,IACT,EAAE,IAAI,CAAC,EAAE,MAAAC,MAAK,MAAMA,KAAI;AACxB,aAAS,aAAa;AAGtB,aAAS,CAAC;AAAA,EACZ;AACA,SACE,0DACE,oCAAC,uBAAoB,UAAU,SAAS,MAAM,SAAS,KACpD,OAAO,SACN,0DACE,oCAAC,iBACC,oCAAC,WAAG,EAAE,aAAa,GAAE,GAAC,GAAI,KAAE,GAAG,MAAM,KAAK,IAAI,CAAC,EACjD,CACF,IAEA,oCAAC,gBAAU,EAAE,gBAAgB,CAAE,GAEjC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,UAAU,CAAC,CAAC,OAAO;AAAA,MACnB;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACT,GAAG,EAAE,GAAG,OAAO,UAAU,OAAU;AAAA;AAAA,IAEnC,OAAO,SAAS,EAAE,oBAAoB,IAAI,EAAE,oBAAoB;AAAA,EACnE,GACC,UAAU,UAAa,MAAM,SAAS,KACrC,0DACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAAS,CAAC,UAAU;AAClB,cAAM,eAAe;AACrB,cAAM,EAAE,CAAC,IAAI,GAAG,GAAG,CAAC;AACpB,iBAAS,MAAS;AAAA,MACpB;AAAA;AAAA,IAEC,EAAE,mBAAmB;AAAA,EACxB,CACF,CAEJ,CACF;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
+  "names": ["FileInput", "name"]
+}

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

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

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

@@ -1,9 +1,16 @@
-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';
+import { Default } from "@digigov/form/inputs/ImageInput/__stories__/Default";
+import { WithInvalidImageSize } from "@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageSize";
+import { WithInvalidImageDimension } from "@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageDimension";
+export {
+  Default,
+  WithInvalidImageDimension,
+  WithInvalidImageSize,
+  ImageInput_stories_default as default
+};
+//# sourceMappingURL=ImageInput.stories.js.map

package/inputs/ImageInput/ImageInput.stories.d.ts

@@ -4,7 +4,7 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
-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 { Default } from "@digigov/form/inputs/ImageInput/__stories__/Default";
+export { WithInvalidImageSize } from "@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageSize";
+export { WithInvalidImageDimension } from "@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageDimension";
 import ImageInput from '@digigov/form/inputs/ImageInput';

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 { Default } from '@digigov/form/inputs/ImageInput/__stories__/Default';\nexport { WithInvalidImageSize } from '@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageSize';\nexport { WithInvalidImageDimension } from '@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageDimension';\n"],
+  "mappings": "AAAA,OAAO,gBAAgB;AACvB,IAAO,6BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;AACxB,SAAS,4BAA4B;AACrC,SAAS,iCAAiC;",
+  "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"
+    }
   }
-}];
-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/ImageInput/__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/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,OAAO,WAAW;AAClB,OAAO,eAAe,OAAO,gBAAgB;AAE7C,SAAS,cAAc;AACvB,MAAM,SAAsB;AAAA,EAC1B;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,IACN,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": []
+}