@digigov/form 2.0.0-rc.8 → 2.0.3

package/cjs/inputs/DateInput/DateInput.stories.playwright.json

@@ -1,72 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-form-inputs-dateinput--default": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            },
-            {
-              "name": "keyboard.press",
-              "args": {
-                "key": "Tab"
-              }
-            }
-          ],
-          "id": "n5PFnx7RcuJV",
-          "title": "navigate with keyboard"
-        },
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>fieldset>div>div:nth-child(1)>label>input",
-                "text": "33"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>fieldset>div>div:nth-child(2)>label>input",
-                "text": "33"
-              }
-            },
-            {
-              "name": "type",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>fieldset>div>div:nth-child(3)>label>input",
-                "text": "3333"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "Ck7_BFdgITMe",
-          "title": "show validation errors"
-        }
-      ]
-    }
-  }
-}

package/cjs/inputs/DateInput/__stories__/Default/index.js

@@ -1,33 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _form = _interopRequireWildcard(require("@digigov/form"));
-var _Button = require("@digigov/ui/cjs/form/Button");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var _ref = /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-var Default = exports.Default = function Default() {
-  return /*#__PURE__*/_react["default"].createElement(_form["default"], {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_form.Field, {
-    key: 'string',
-    name: "string",
-    type: "date",
-    required: true,
-    label: {
-      primary: 'Πότε εκδόθηκε το διαβατήριο σας;',
-      secondary: 'Για παράδειγμα, 05 11 2020'
-    }
-  }), _ref);
-};
-var _default = exports["default"] = Default;

package/cjs/inputs/DateInput/index.js

@@ -1,141 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.DateInput = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _dayjs = _interopRequireDefault(require("dayjs"));
-var _customParseFormat = _interopRequireDefault(require("dayjs/plugin/customParseFormat"));
-var _DateInputContainer = _interopRequireDefault(require("@digigov/react-core/cjs/DateInputContainer"));
-var _DateInputItem = _interopRequireDefault(require("@digigov/react-core/cjs/DateInputItem"));
-var _i18n = require("@digigov/ui/cjs/i18n");
-var _excluded = ["label"],
-  _excluded2 = ["name", "type"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-_dayjs["default"].extend(_customParseFormat["default"]);
-function useDate(value, onChange) {
-  var _useMemo = (0, _react.useMemo)(function () {
-      if (!value || value.length === 0) {
-        onChange('');
-        return ['', '', ''];
-      }
-      var _value$split = value.split('/'),
-        _value$split2 = (0, _slicedToArray2["default"])(_value$split, 3),
-        day = _value$split2[0],
-        month = _value$split2[1],
-        year = _value$split2[2];
-      return [year, month, day];
-    }, [value]),
-    _useMemo2 = (0, _slicedToArray2["default"])(_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) {
-      onChange(null);
-    } else {
-      onChange(value);
-    }
-  }
-  function setYear(evt) {
-    var val = evt.target.value;
-    set(val, month, day);
-  }
-  function setMonth(evt, cast) {
-    var val = evt.target.value;
-    if (cast && val && val.length === 1) {
-      val = '0' + val;
-    }
-    set(year, val, day);
-  }
-  function setDay(evt, cast) {
-    var val = evt.target.value;
-    if (cast && val && val.length === 1) {
-      val = '0' + val;
-    }
-    set(year, month, val);
-  }
-  return {
-    day: day,
-    month: month,
-    year: year,
-    setYear: setYear,
-    setMonth: setMonth,
-    setDay: setDay
-  };
-}
-var VALID_FORMATS = ['DD/MM/YYYY'];
-var makeDate = function makeDate(val) {
-  var date = (0, _dayjs["default"])(val, VALID_FORMATS, true);
-  if (date.isValid()) {
-    return date.format('DD/MM/YYYY');
-  }
-  return '';
-};
-var DatePart = function DatePart(_ref) {
-  var label = _ref.label,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_DateInputItem["default"], props, label);
-};
-var DateInput = exports.DateInput = function DateInput(_ref2) {
-  var name = _ref2.name,
-    type = _ref2.type,
-    props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
-  var _useTranslation = (0, _i18n.useTranslation)(),
-    t = _useTranslation.t;
-  var _useState = (0, _react.useState)(props.value),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 1),
-    initial = _useState2[0];
-  var value = (0, _react.useMemo)(function () {
-    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["default"].createElement(_DateInputContainer["default"], null, /*#__PURE__*/_react["default"].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["default"].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["default"].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
-  }));
-};
-var _default = exports["default"] = DateInput;

package/cjs/inputs/DateInput/index.mdx

@@ -1,23 +0,0 @@
----
-title: Date Input
----
- 
-# Date input
-
-
-
-Input element of type `date` create input fields that let the user enter a date, 
-either with a textbox that validates the input or a special date picker interface.
-
-## How to use
-
-### Default
-
-<Story
-  packageName="@digigov/form"
-  component="inputs/DateInput"
-  story="Default.tsx"
-/>
-
-
-

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

@@ -1,26 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-exports["default"] = void 0;
-var _FileInput = _interopRequireDefault(require("@digigov/form/inputs/FileInput"));
-var _Default = require("@digigov/form/inputs/FileInput/__stories__/Default");
-Object.keys(_Default).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Default[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Default[key];
-    }
-  });
-});
-var _default = exports["default"] = {
-  title: 'Digigov Form/inputs/FileInput',
-  component: _FileInput["default"],
-  displayName: 'FileInput'
-};

package/cjs/inputs/FileInput/FileInput.stories.playwright.json

@@ -1,75 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-form-inputs-fileinput--default": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "c4Jhtju9oCJZ",
-          "title": "show validation error"
-        },
-        {
-          "actions": [
-            {
-              "name": "setFiles",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>fieldset>div>label",
-                "file": {
-                  "name": "arxeio.txt",
-                  "size": 200
-                }
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>fieldset>div>button"
-              }
-            }
-          ],
-          "id": "WPIcVVWz-299",
-          "title": "add file and remove"
-        },
-        {
-          "actions": [
-            {
-              "name": "setFiles",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>fieldset>div>label",
-                "file": {
-                  "name": "arxeio.txt",
-                  "size": 200
-                }
-              }
-            },
-            {
-              "name": "setFiles",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>div>fieldset>div>label",
-                "file": {
-                  "name": "neo_arxeio.txt",
-                  "size": 200
-                }
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "inSBFd25dzkC",
-          "title": "add file, replace and remove"
-        }
-      ]
-    }
-  }
-}

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

@@ -1,30 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _form = _interopRequireWildcard(require("@digigov/form"));
-var _Button = require("@digigov/ui/cjs/form/Button");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var _ref = /*#__PURE__*/_react["default"].createElement(_Button.Button, null, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-var Default = exports.Default = function Default() {
-  return /*#__PURE__*/_react["default"].createElement(_form["default"], {
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_form.Field, {
-    key: 'string',
-    name: "file",
-    type: "file",
-    required: true,
-    label: {
-      primary: 'Βιογραφικό σημείωμα'
-    }
-  }), _ref);
-};
-var _default = exports["default"] = Default;

package/cjs/inputs/FileInput/index.js

@@ -1,68 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.FileInput = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _FileUpload = _interopRequireDefault(require("@digigov/react-core/cjs/FileUpload"));
-var _FileUploadContainer = _interopRequireDefault(require("@digigov/react-core/cjs/FileUploadContainer"));
-var _Hint = _interopRequireDefault(require("@digigov/react-core/cjs/Hint"));
-var _Button = _interopRequireDefault(require("@digigov/ui/cjs/form/Button"));
-var _i18n = require("@digigov/ui/cjs/i18n");
-var _Paragraph = _interopRequireDefault(require("@digigov/ui/cjs/typography/Paragraph"));
-var _excluded = ["name", "extra", "disabled", "reset", "onChange"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-var FileInput = exports.FileInput = /*#__PURE__*/_react["default"].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 = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var _useTranslation = (0, _i18n.useTranslation)(),
-    t = _useTranslation.t;
-  var _useState = (0, _react.useState)([]),
-    _useState2 = (0, _slicedToArray2["default"])(_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;
-    });
-    setFiles(selectedFiles);
-    // proceed calling the onChange provided
-    // by react-hook-form
-    onChange(e);
-  };
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_FileUploadContainer["default"], {
-    hasFiles: files && files.length > 0
-  }, files !== null && files !== void 0 && files.length ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], null, /*#__PURE__*/_react["default"].createElement("b", null, t('upload.file'), ":"), " ", "".concat(files.join(', ')))) : /*#__PURE__*/_react["default"].createElement(_Hint["default"], null, t('upload.no_file')), /*#__PURE__*/_react["default"].createElement(_FileUpload["default"], (0, _extends2["default"])({
-    ref: ref,
-    hasFiles: !!(files !== null && files !== void 0 && files.length),
-    name: name,
-    disabled: disabled,
-    onChange: handleChange
-  }, (0, _extends2["default"])({}, 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["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "link",
-    onClick: function onClick(event) {
-      event.preventDefault();
-      reset((0, _defineProperty2["default"])({}, name, ''));
-      setFiles(undefined);
-    }
-  }, t('upload.reset_file')))));
-});
-var _default = exports["default"] = FileInput;

package/cjs/inputs/FileInput/index.mdx

@@ -1,19 +0,0 @@
----
-title: File Input
----
- 
-# File input
-
-
-
-Input element of type `file` let the user choose one or more files from their device storage.
-
-## How to use
-
-### Default
-
-<Story
-  packageName="@digigov/form"
-  component="inputs/FileInput"
-  story="Default.tsx"
-/>

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

@@ -1,50 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-exports["default"] = void 0;
-var _ImageInput = _interopRequireDefault(require("@digigov/form/inputs/ImageInput"));
-var _Default = require("@digigov/form/inputs/ImageInput/__stories__/Default");
-Object.keys(_Default).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Default[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Default[key];
-    }
-  });
-});
-var _WithInvalidImageSize = require("@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageSize");
-Object.keys(_WithInvalidImageSize).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _WithInvalidImageSize[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _WithInvalidImageSize[key];
-    }
-  });
-});
-var _WithInvalidImageDimension = require("@digigov/form/inputs/ImageInput/__stories__/WithInvalidImageDimension");
-Object.keys(_WithInvalidImageDimension).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _WithInvalidImageDimension[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _WithInvalidImageDimension[key];
-    }
-  });
-});
-var _default = exports["default"] = {
-  title: 'Digigov Form/inputs/ImageInput',
-  component: _ImageInput["default"],
-  displayName: 'ImageInput'
-};

package/cjs/inputs/ImageInput/ImageInput.stories.playwright.json

@@ -1,77 +0,0 @@
-{
-  "version": "4",
-  "stories": {
-    "digigov-form-inputs-imageinput--with-invalid-image-dimension": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "setImages",
-              "args": {
-                "file": {
-                  "name": "image.jpg",
-                  "size": 500,
-                  "width": 500,
-                  "height": 500
-                },
-                "selector": "html>body>div:nth-child(5)>form>fieldset>div>fieldset>div>div>label"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "o22sSYzQqsMl",
-          "title": "Dimension image action"
-        }
-      ]
-    },
-    "digigov-form-inputs-imageinput--with-invalid-image-size": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "setImages",
-              "args": {
-                "file": {
-                  "name": "image.jpg",
-                  "size": 500,
-                  "width": 500,
-                  "height": 500
-                },
-                "selector": "html>body>div:nth-child(5)>form>fieldset>div>fieldset>div>div>label"
-              }
-            },
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "0TewzMxhK1db",
-          "title": "Size image action"
-        }
-      ]
-    },
-    "digigov-form-inputs-imageinput--default": {
-      "actionSets": [
-        {
-          "actions": [
-            {
-              "name": "click",
-              "args": {
-                "selector": "html>body>div:nth-child(5)>form>button"
-              }
-            }
-          ],
-          "id": "Pvb2kqeg1fI3",
-          "title": "Invalid submit"
-        }
-      ]
-    }
-  }
-}

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

@@ -1,38 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _form = _interopRequireWildcard(require("@digigov/form"));
-var _Button = require("@digigov/ui/cjs/form/Button");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var FIELDS = [{
-  key: 'image',
-  type: 'image',
-  required: true,
-  label: {
-    primary: 'Ανέβασμα φωτογραφίας'
-  }
-}];
-var _ref = /*#__PURE__*/_react["default"].createElement(_Button.Button, {
-  type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-var Default = exports.Default = function Default() {
-  return /*#__PURE__*/_react["default"].createElement(_form["default"], {
-    fields: FIELDS,
-    onSubmit: function onSubmit(data) {
-      console.log(data);
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_form.Fieldset, null, FIELDS.map(function (field) {
-    return /*#__PURE__*/_react["default"].createElement(_form.Field, {
-      key: field.key,
-      name: field.key
-    });
-  })), _ref);
-};
-var _default = exports["default"] = Default;