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

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

@@ -1,46 +1,65 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {get: all[name], enumerable: true});
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+};
+__markAsModule(exports);
+__export(exports, {
+  WithInvalidImageDimension: () => WithInvalidImageDimension,
+  default: () => WithInvalidImageDimension_default
 });
-exports["default"] = exports.WithInvalidImageDimension = 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: 'Ανέβασμα φωτογραφίας'
-  },
-  extra: {
-    limit: {
-      maxHeight: 400,
-      maxWidth: 400,
-      minHeight: 100,
-      minWidth: 100
+var import_react = __toModule(require("react"));
+var import_form = __toModule(require("@digigov/form"));
+var import_Button = __toModule(require("@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["default"].createElement(_Button.Button, {
+];
+const WithInvalidImageDimension = () => /* @__PURE__ */ import_react.default.createElement(import_form.default, {
+  fields: FIELDS,
+  onSubmit: (data) => {
+    console.log(data);
+  }
+}, /* @__PURE__ */ import_react.default.createElement(import_form.Fieldset, null, FIELDS.map((field) => /* @__PURE__ */ import_react.default.createElement(import_form.Field, {
+  key: field.key,
+  name: field.key
+}))), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, {
   type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-var WithInvalidImageDimension = exports.WithInvalidImageDimension = function WithInvalidImageDimension() {
-  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"] = WithInvalidImageDimension;
+}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
+var WithInvalidImageDimension_default = WithInvalidImageDimension;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WithInvalidImageDimension
+});
+//# sourceMappingURL=WithInvalidImageDimension.js.map

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAA6C;AAE7C,oBAAuB;AACvB,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,mDAAC,qBAAD;AAAA,EACE,QAAQ;AAAA,EACR,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,GAGd,mDAAC,sBAAD,MACG,OAAO,IAAI,CAAC,UACX,mDAAC,mBAAD;AAAA,EAAO,KAAK,MAAM;AAAA,EAAK,MAAM,MAAM;AAAA,MAGvC,mDAAC,sBAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAG1B,IAAO,oCAAQ;",
+  "names": []
+}

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

@@ -1,43 +1,62 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {get: all[name], enumerable: true});
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+};
+__markAsModule(exports);
+__export(exports, {
+  WithInvalidImageSize: () => WithInvalidImageSize,
+  default: () => WithInvalidImageSize_default
 });
-exports["default"] = exports.WithInvalidImageSize = 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: 'Ανέβασμα φωτογραφίας'
-  },
-  extra: {
-    limit: {
-      maxSize: 300
+var import_react = __toModule(require("react"));
+var import_form = __toModule(require("@digigov/form"));
+var import_Button = __toModule(require("@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: {
+        maxSize: 300
+      }
     }
   }
-}];
-var _ref = /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+];
+const WithInvalidImageSize = () => /* @__PURE__ */ import_react.default.createElement(import_form.default, {
+  fields: FIELDS,
+  onSubmit: (data) => {
+    console.log(data);
+  }
+}, /* @__PURE__ */ import_react.default.createElement(import_form.Fieldset, null, FIELDS.map((field) => /* @__PURE__ */ import_react.default.createElement(import_form.Field, {
+  key: field.key,
+  name: field.key
+}))), /* @__PURE__ */ import_react.default.createElement(import_Button.Button, {
   type: "submit"
-}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1");
-var WithInvalidImageSize = exports.WithInvalidImageSize = function WithInvalidImageSize() {
-  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"] = WithInvalidImageSize;
+}, "\u03A3\u03C5\u03BD\u03AD\u03C7\u03B5\u03B9\u03B1"));
+var WithInvalidImageSize_default = WithInvalidImageSize;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WithInvalidImageSize
+});
+//# sourceMappingURL=WithInvalidImageSize.js.map

package/cjs/inputs/ImageInput/__stories__/WithInvalidImageSize.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/inputs/ImageInput/__stories__/WithInvalidImageSize.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        maxSize: 300,\n      },\n    },\n  },\n];\n\nexport const WithInvalidImageSize = () => (\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 WithInvalidImageSize;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAA6C;AAE7C,oBAAuB;AACvB,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,SAAS;AAAA;AAAA;AAAA;AAAA;AAMV,MAAM,uBAAuB,MAClC,mDAAC,qBAAD;AAAA,EACE,QAAQ;AAAA,EACR,UAAU,CAAC,SAAS;AAClB,YAAQ,IAAI;AAAA;AAAA,GAGd,mDAAC,sBAAD,MACG,OAAO,IAAI,CAAC,UACX,mDAAC,mBAAD;AAAA,EAAO,KAAK,MAAM;AAAA,EAAK,MAAM,MAAM;AAAA,MAGvC,mDAAC,sBAAD;AAAA,EAAQ,MAAK;AAAA,GAAS;AAG1B,IAAO,+BAAQ;",
+  "names": []
+}

package/cjs/inputs/ImageInput/index.js

@@ -1,86 +1,87 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {get: all[name], enumerable: true});
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+};
+__markAsModule(exports);
+__export(exports, {
+  Image: () => Image,
+  ImageInput: () => ImageInput,
+  default: () => ImageInput_default
 });
-exports["default"] = exports.ImageInput = exports.Image = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-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 = _interopRequireWildcard(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", "onChange", "reset"];
-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 Image = exports.Image = /*#__PURE__*/_react["default"].memo(function Image(_ref) {
-  var src = _ref.src;
-  return /*#__PURE__*/_react["default"].createElement("img", {
-    src: src,
+var import_react = __toModule(require("react"));
+var import_FileUpload = __toModule(require("@digigov/react-core/FileUpload"));
+var import_FileUploadContainer = __toModule(require("@digigov/react-core/FileUploadContainer"));
+var import_Hint = __toModule(require("@digigov/react-core/Hint"));
+var import_Button = __toModule(require("@digigov/ui/form/Button"));
+var import_i18n = __toModule(require("@digigov/ui/i18n"));
+var import_Paragraph = __toModule(require("@digigov/ui/typography/Paragraph"));
+const Image = import_react.default.memo(function Image2({src}) {
+  return /* @__PURE__ */ import_react.default.createElement("img", {
+    src,
     className: "ds-image--ratio"
   });
 });
-var ImageInput = exports.ImageInput = /*#__PURE__*/_react["default"].forwardRef(function ImageInput(_ref2, ref) {
-  var name = _ref2.name,
-    _ref2$extra = _ref2.extra,
-    extra = _ref2$extra === void 0 ? {} : _ref2$extra,
-    disabled = _ref2.disabled,
-    onChange = _ref2.onChange,
-    reset = _ref2.reset,
-    props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
-  var _useTranslation = (0, _i18n.useTranslation)(),
-    t = _useTranslation.t;
-  var _useState = (0, _react.useState)(null),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    selectedImage = _useState2[0],
-    setSelectedImage = _useState2[1];
-  var _useState3 = (0, _react.useState)(null),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    imageUrl = _useState4[0],
-    setImageUrl = _useState4[1];
-  var handleImageChange = (0, _react.useCallback)(function (e) {
-    var _target$files;
+const ImageInput = import_react.default.forwardRef(function ImageInput2({name, extra = {}, disabled, onChange, reset, ...props}, ref) {
+  const {t} = (0, import_i18n.useTranslation)();
+  const [selectedImage, setSelectedImage] = (0, import_react.useState)(null);
+  const [imageUrl, setImageUrl] = (0, import_react.useState)(null);
+  const handleImageChange = (0, import_react.useCallback)((e) => {
     e.preventDefault();
-    var target = e.target;
-    var selectedFile = (_target$files = target.files) === null || _target$files === void 0 ? void 0 : _target$files[0];
+    const target = e.target;
+    const selectedFile = target.files?.[0];
     if (selectedFile) {
       setSelectedImage(selectedFile);
       setImageUrl(URL.createObjectURL(selectedFile));
     }
     onChange(e);
   }, [selectedImage]);
-  var handleDeleteImage = (0, _react.useCallback)(function (event) {
+  const handleDeleteImage = (0, import_react.useCallback)((event) => {
     event.preventDefault();
-    reset((0, _defineProperty2["default"])({}, name, ''));
+    reset({[name]: ""});
     setSelectedImage(null);
-    setImageUrl('');
+    setImageUrl("");
   }, [selectedImage]);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_FileUploadContainer["default"], null, selectedImage !== null ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Paragraph["default"], null, /*#__PURE__*/_react["default"].createElement("b", null, t('upload.image'), ":"), " ", "".concat(selectedImage === null || selectedImage === void 0 ? void 0 : selectedImage.name))) : /*#__PURE__*/_react["default"].createElement(_Hint["default"], {
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_FileUploadContainer.default, null, selectedImage !== null ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Paragraph.default, null, /* @__PURE__ */ import_react.default.createElement("b", null, t("upload.image"), ":"), " ", `${selectedImage?.name}`)) : /* @__PURE__ */ import_react.default.createElement(import_Hint.default, {
     className: "ds-dashed--border"
-  }, t('upload.no_image')), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, selectedImage !== null && /*#__PURE__*/_react["default"].createElement(Image, {
+  }, t("upload.no_image")), /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, selectedImage !== null && /* @__PURE__ */ import_react.default.createElement(Image, {
     src: imageUrl
-  }), /*#__PURE__*/_react["default"].createElement(_Button.ButtonGroup, {
+  }), /* @__PURE__ */ import_react.default.createElement(import_Button.ButtonGroup, {
     marginTop: 2
-  }, selectedImage !== null && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+  }, selectedImage !== null && /* @__PURE__ */ import_react.default.createElement(import_Button.default, {
     variant: "link",
     onClick: handleDeleteImage
-  }, t('upload.reset_file')), /*#__PURE__*/_react["default"].createElement(_FileUpload["default"], (0, _extends2["default"])({
-    ref: ref,
+  }, t("upload.reset_file")), /* @__PURE__ */ import_react.default.createElement(import_FileUpload.default, {
+    ref,
     hasFiles: selectedImage !== null,
-    name: name,
-    disabled: disabled,
+    name,
+    disabled,
     accept: "image/*",
-    onChange: handleImageChange
-  }, (0, _extends2["default"])({}, props, {
-    required: undefined,
-    type: 'file'
-  })), t('upload.choose_image'))))));
+    onChange: handleImageChange,
+    ...{...props, required: void 0, type: "file"}
+  }, t("upload.choose_image"))))));
 });
-var _default = exports["default"] = ImageInput;
+var ImageInput_default = ImageInput;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Image,
+  ImageInput
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/inputs/ImageInput/index.tsx"],
+  "sourcesContent": ["import React, { useState, useCallback } 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, { ButtonGroup } from '@digigov/ui/form/Button';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport Paragraph from '@digigov/ui/typography/Paragraph';\n\nexport interface ImageProps {\n  src?: any;\n}\n\nexport interface Limit {\n  maxSize?: number;\n  maxWidth?: number;\n  maxHeight?: number;\n  minWidth?: number;\n  minHeight?: number;\n}\n\nexport const Image: React.FC<ImageProps> = React.memo(function Image({ src }) {\n  return <img src={src} className=\"ds-image--ratio\" />;\n});\nexport interface ImageInputProps extends Omit<UncontrolledFieldProps, 'extra'> {\n  extra?: {\n    className?: string;\n    multiple?: boolean;\n    accept?: string;\n    limit?: Limit;\n  };\n  reset: (values?: any) => void;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport const ImageInput: React.FC<ImageInputProps> = React.forwardRef(\n  function ImageInput(\n    { name, extra = {}, disabled, onChange, reset, ...props },\n    ref: any\n  ) {\n    const { t } = useTranslation();\n    const [selectedImage, setSelectedImage] = useState<File | null>(null);\n    const [imageUrl, setImageUrl] = useState<string | null>(null);\n    const handleImageChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        e.preventDefault();\n        const target = e.target as HTMLInputElement;\n        const selectedFile = target.files?.[0];\n\n        if (selectedFile) {\n          setSelectedImage(selectedFile);\n          setImageUrl(URL.createObjectURL(selectedFile));\n        }\n        onChange(e);\n      },\n      [selectedImage]\n    );\n\n    const handleDeleteImage = useCallback(\n      (event) => {\n        event.preventDefault();\n        reset({ [name]: '' });\n        setSelectedImage(null);\n        setImageUrl('');\n      },\n      [selectedImage]\n    );\n\n    return (\n      <>\n        <FileUploadContainer>\n          {selectedImage !== null ? (\n            <>\n              <Paragraph>\n                <b>{t('upload.image')}:</b> {`${selectedImage?.name}`}\n              </Paragraph>\n            </>\n          ) : (\n            <CoreHint className=\"ds-dashed--border\">\n              {t('upload.no_image')}\n            </CoreHint>\n          )}\n          <>\n            {selectedImage !== null && <Image src={imageUrl} />}\n            <ButtonGroup marginTop={2}>\n              {selectedImage !== null && (\n                <Button variant=\"link\" onClick={handleDeleteImage}>\n                  {t('upload.reset_file')}\n                </Button>\n              )}\n              <FileUpload\n                ref={ref}\n                hasFiles={selectedImage !== null}\n                name={name}\n                disabled={disabled}\n                accept=\"image/*\"\n                onChange={handleImageChange}\n                {...{ ...props, required: undefined, type: 'file' }}\n              >\n                {t('upload.choose_image')}\n              </FileUpload>\n            </ButtonGroup>\n          </>\n        </FileUploadContainer>\n      </>\n    );\n  }\n);\n\nexport default ImageInput;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6C;AAE7C,wBAAuB;AACvB,iCAAgC;AAChC,kBAAqB;AACrB,oBAAoC;AACpC,kBAA+B;AAC/B,uBAAsB;AAcf,MAAM,QAA8B,qBAAM,KAAK,gBAAe,CAAE,MAAO;AAC5E,SAAO,mDAAC,OAAD;AAAA,IAAK;AAAA,IAAU,WAAU;AAAA;AAAA;AAa3B,MAAM,aAAwC,qBAAM,WACzD,qBACE,CAAE,MAAM,QAAQ,IAAI,UAAU,UAAU,UAAU,QAClD,KACA;AACA,QAAM,CAAE,KAAM;AACd,QAAM,CAAC,eAAe,oBAAoB,2BAAsB;AAChE,QAAM,CAAC,UAAU,eAAe,2BAAwB;AACxD,QAAM,oBAAoB,8BACxB,CAAC,MAA2C;AAC1C,MAAE;AACF,UAAM,SAAS,EAAE;AACjB,UAAM,eAAe,OAAO,QAAQ;AAEpC,QAAI,cAAc;AAChB,uBAAiB;AACjB,kBAAY,IAAI,gBAAgB;AAAA;AAElC,aAAS;AAAA,KAEX,CAAC;AAGH,QAAM,oBAAoB,8BACxB,CAAC,UAAU;AACT,UAAM;AACN,UAAM,EAAG,OAAO;AAChB,qBAAiB;AACjB,gBAAY;AAAA,KAEd,CAAC;AAGH,SACE,wFACE,mDAAC,oCAAD,MACG,kBAAkB,OACjB,wFACE,mDAAC,0BAAD,MACE,mDAAC,KAAD,MAAI,EAAE,iBAAgB,MAAK,KAAE,GAAG,eAAe,WAInD,mDAAC,qBAAD;AAAA,IAAU,WAAU;AAAA,KACjB,EAAE,qBAGP,wFACG,kBAAkB,QAAQ,mDAAC,OAAD;AAAA,IAAO,KAAK;AAAA,MACvC,mDAAC,2BAAD;AAAA,IAAa,WAAW;AAAA,KACrB,kBAAkB,QACjB,mDAAC,uBAAD;AAAA,IAAQ,SAAQ;AAAA,IAAO,SAAS;AAAA,KAC7B,EAAE,uBAGP,mDAAC,2BAAD;AAAA,IACE;AAAA,IACA,UAAU,kBAAkB;AAAA,IAC5B;AAAA,IACA;AAAA,IACA,QAAO;AAAA,IACP,UAAU;AAAA,OACN,IAAK,OAAO,UAAU,QAAW,MAAM;AAAA,KAE1C,EAAE;AAAA;AAUnB,IAAO,qBAAQ;",
+  "names": []
+}

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

@@ -1,134 +1,45 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-exports["default"] = void 0;
-var _Input = _interopRequireDefault(require("@digigov/form/inputs/Input"));
-var _Default = require("@digigov/form/inputs/Input/__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 _Integer = require("@digigov/form/inputs/Input/__stories__/Integer");
-Object.keys(_Integer).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Integer[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Integer[key];
-    }
-  });
-});
-var _Boolean = require("@digigov/form/inputs/Input/__stories__/Boolean");
-Object.keys(_Boolean).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Boolean[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Boolean[key];
-    }
-  });
-});
-var _PhoneNumber = require("@digigov/form/inputs/Input/__stories__/PhoneNumber");
-Object.keys(_PhoneNumber).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _PhoneNumber[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _PhoneNumber[key];
-    }
-  });
-});
-var _LandlineNumber = require("@digigov/form/inputs/Input/__stories__/LandlineNumber");
-Object.keys(_LandlineNumber).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _LandlineNumber[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _LandlineNumber[key];
-    }
-  });
-});
-var _MobilePhone = require("@digigov/form/inputs/Input/__stories__/MobilePhone");
-Object.keys(_MobilePhone).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _MobilePhone[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _MobilePhone[key];
-    }
-  });
-});
-var _AFM = require("@digigov/form/inputs/Input/__stories__/AFM");
-Object.keys(_AFM).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _AFM[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _AFM[key];
-    }
-  });
-});
-var _IBAN = require("@digigov/form/inputs/Input/__stories__/IBAN");
-Object.keys(_IBAN).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _IBAN[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _IBAN[key];
-    }
-  });
-});
-var _PostalCode = require("@digigov/form/inputs/Input/__stories__/PostalCode");
-Object.keys(_PostalCode).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _PostalCode[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _PostalCode[key];
-    }
-  });
-});
-var _TextWithCharacterLimit = require("@digigov/form/inputs/Input/__stories__/TextWithCharacterLimit");
-Object.keys(_TextWithCharacterLimit).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _TextWithCharacterLimit[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _TextWithCharacterLimit[key];
-    }
-  });
-});
-var _default = exports["default"] = {
-  title: 'Digigov Form/inputs/Input',
-  component: _Input["default"],
-  displayName: 'Input'
-};
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __markAsModule = (target) => __defProp(target, "__esModule", {value: true});
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {get: all[name], enumerable: true});
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, {get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable});
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? {get: () => module2.default, enumerable: true} : {value: module2, enumerable: true})), module2);
+};
+__markAsModule(exports);
+__export(exports, {
+  default: () => Input_stories_default
+});
+var import_Input = __toModule(require("@digigov/form/inputs/Input"));
+__reExport(exports, __toModule(require("@digigov/form/inputs/Input/__stories__/Default")));
+__reExport(exports, __toModule(require("@digigov/form/inputs/Input/__stories__/Integer")));
+__reExport(exports, __toModule(require("@digigov/form/inputs/Input/__stories__/Boolean")));
+__reExport(exports, __toModule(require("@digigov/form/inputs/Input/__stories__/PhoneNumber")));
+__reExport(exports, __toModule(require("@digigov/form/inputs/Input/__stories__/LandlineNumber")));
+__reExport(exports, __toModule(require("@digigov/form/inputs/Input/__stories__/MobilePhone")));
+__reExport(exports, __toModule(require("@digigov/form/inputs/Input/__stories__/AFM")));
+__reExport(exports, __toModule(require("@digigov/form/inputs/Input/__stories__/IBAN")));
+__reExport(exports, __toModule(require("@digigov/form/inputs/Input/__stories__/PostalCode")));
+__reExport(exports, __toModule(require("@digigov/form/inputs/Input/__stories__/TextWithCharacterLimit")));
+var Input_stories_default = {
+  title: "Digigov Form/inputs/Input",
+  component: import_Input.default,
+  displayName: "Input"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});
+//# sourceMappingURL=Input.stories.js.map

package/cjs/inputs/Input/Input.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/inputs/Input/Input.stories.js"],
+  "sourcesContent": ["import Input from '@digigov/form/inputs/Input';\nexport default {\n  title: 'Digigov Form/inputs/Input',\n  component: Input,\n  displayName: 'Input',\n};\nexport * from '@digigov/form/inputs/Input/__stories__/Default';\nexport * from '@digigov/form/inputs/Input/__stories__/Integer';\nexport * from '@digigov/form/inputs/Input/__stories__/Boolean';\nexport * from '@digigov/form/inputs/Input/__stories__/PhoneNumber';\nexport * from '@digigov/form/inputs/Input/__stories__/LandlineNumber';\nexport * from '@digigov/form/inputs/Input/__stories__/MobilePhone';\nexport * from '@digigov/form/inputs/Input/__stories__/AFM';\nexport * from '@digigov/form/inputs/Input/__stories__/IBAN';\nexport * from '@digigov/form/inputs/Input/__stories__/PostalCode';\nexport * from '@digigov/form/inputs/Input/__stories__/TextWithCharacterLimit';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAMlB,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AACd,oBAAc;AAdd,IAAO,wBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA;",
+  "names": []
+}