@digigov/form 1.2.0-a7ffb5dc → 2.0.0-07ee8440

package/cjs/inputs/FileInput/index.js

@@ -1,68 +1,80 @@
-"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 __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var FileInput_exports = {};
+__export(FileInput_exports, {
+  FileInput: () => FileInput,
+  default: () => FileInput_default
 });
-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;
-    });
+module.exports = __toCommonJS(FileInput_exports);
+var import_react = __toESM(require("react"));
+var import_Button = require("@digigov/ui/form/Button");
+var import_FileUpload = require("@digigov/ui/form/FileUpload");
+var import_i18n = require("@digigov/ui/i18n");
+var import_Hint = require("@digigov/ui/typography/Hint");
+var import_Paragraph = require("@digigov/ui/typography/Paragraph");
+const FileInput = import_react.default.forwardRef(function FileInput2({ name, disabled, reset, onChange, ...props }, ref) {
+  const { t } = (0, import_i18n.useTranslation)();
+  const [files, setFiles] = (0, import_react.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["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')))));
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_FileUpload.FileUploadContainer, { hasFiles: files && files.length > 0 }, files?.length ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Paragraph.Paragraph, null, /* @__PURE__ */ import_react.default.createElement("b", null, t("upload.file"), ":"), " ", `${files.join(", ")}`)) : /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, null, t("upload.no_file")), /* @__PURE__ */ import_react.default.createElement(
+    import_FileUpload.FileUpload,
+    {
+      ref,
+      hasFiles: !!files?.length,
+      name,
+      disabled,
+      onChange: handleChange,
+      ...{ ...props, required: void 0, Field: void 0 }
+    },
+    files?.length ? t("upload.change_file") : t("upload.choose_file")
+  ), files !== void 0 && files.length > 0 && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_Button.Button,
+    {
+      variant: "link",
+      onClick: (event) => {
+        event.preventDefault();
+        reset({ [name]: "" });
+        setFiles(void 0);
+      }
+    },
+    t("upload.reset_file")
+  ))));
 });
-var _default = exports["default"] = FileInput;
+var FileInput_default = FileInput;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FileInput
+});
+//# sourceMappingURL=index.js.map

package/cjs/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 { Button } from '@digigov/ui/form/Button';\nimport { FileUpload, FileUploadContainer } from '@digigov/ui/form/FileUpload';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport { Hint } from '@digigov/ui/typography/Hint';\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, disabled, reset, onChange, ...props },\n  ref: any\n) {\n  const { t } = useTranslation();\n  const [files, setFiles] = useState<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          <Hint>{t('upload.no_file')}</Hint>\n        )}\n        <FileUpload\n          ref={ref}\n          hasFiles={!!files?.length}\n          name={name}\n          disabled={disabled}\n          onChange={handleChange}\n          {...{ ...props, required: undefined, Field: 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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAEhC,oBAAuB;AACvB,wBAAgD;AAChD,kBAA+B;AAC/B,kBAAqB;AACrB,uBAA0B;AAanB,MAAM,YAA2B,aAAAA,QAAM,WAAW,SAASC,WAChE,EAAE,MAAM,UAAU,OAAO,UAAU,GAAG,MAAM,GAC5C,KACA;AACA,QAAM,EAAE,EAAE,QAAI,4BAAe;AAC7B,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAA+B,CAAC,CAAC;AAC3D,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,6BAAAF,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,yCAAoB,UAAU,SAAS,MAAM,SAAS,KACpD,OAAO,SACN,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,kCACC,6BAAAA,QAAA,cAAC,WAAG,EAAE,aAAa,GAAE,GAAC,GAAI,KAAE,GAAG,MAAM,KAAK,IAAI,CAAC,EACjD,CACF,IAEA,6BAAAA,QAAA,cAAC,wBAAM,EAAE,gBAAgB,CAAE,GAE7B,6BAAAA,QAAA;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,QAAW,OAAO,OAAU;AAAA;AAAA,IAErD,OAAO,SAAS,EAAE,oBAAoB,IAAI,EAAE,oBAAoB;AAAA,EACnE,GACC,UAAU,UAAa,MAAM,SAAS,KACrC,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA;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": ["React", "FileInput", "name"]
+}

package/cjs/inputs/ImageInput/index.js

@@ -1,86 +1,98 @@
-"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 __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ImageInput_exports = {};
+__export(ImageInput_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,
-    className: "ds-image--ratio"
-  });
+module.exports = __toCommonJS(ImageInput_exports);
+var import_react = __toESM(require("react"));
+var import_Button = require("@digigov/ui/form/Button");
+var import_FileUpload = require("@digigov/ui/form/FileUpload");
+var import_i18n = require("@digigov/ui/i18n");
+var import_Hint = require("@digigov/ui/typography/Hint");
+var import_Paragraph = require("@digigov/ui/typography/Paragraph");
+var import_Base = require("@digigov/ui/utils/Base");
+const Image = import_react.default.memo(function Image2({ src }) {
+  return /* @__PURE__ */ import_react.default.createElement(import_Base.Base, { as: "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;
-    e.preventDefault();
-    var target = e.target;
-    var selectedFile = (_target$files = target.files) === null || _target$files === void 0 ? void 0 : _target$files[0];
-    if (selectedFile) {
-      setSelectedImage(selectedFile);
-      setImageUrl(URL.createObjectURL(selectedFile));
-    }
-    onChange(e);
-  }, [selectedImage]);
-  var handleDeleteImage = (0, _react.useCallback)(function (event) {
-    event.preventDefault();
-    reset((0, _defineProperty2["default"])({}, name, ''));
-    setSelectedImage(null);
-    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"], {
-    className: "ds-dashed--border"
-  }, t('upload.no_image')), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, selectedImage !== null && /*#__PURE__*/_react["default"].createElement(Image, {
-    src: imageUrl
-  }), /*#__PURE__*/_react["default"].createElement(_Button.ButtonGroup, {
-    marginTop: 2
-  }, selectedImage !== null && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    variant: "link",
-    onClick: handleDeleteImage
-  }, t('upload.reset_file')), /*#__PURE__*/_react["default"].createElement(_FileUpload["default"], (0, _extends2["default"])({
-    ref: ref,
-    hasFiles: selectedImage !== null,
-    name: name,
-    disabled: disabled,
-    accept: "image/*",
-    onChange: handleImageChange
-  }, (0, _extends2["default"])({}, props, {
-    required: undefined,
-    type: 'file'
-  })), t('upload.choose_image'))))));
+const ImageInput = import_react.default.forwardRef(
+  function ImageInput2({ name, 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();
+        const target = e.target;
+        const selectedFile = target.files?.[0];
+        if (selectedFile) {
+          setSelectedImage(selectedFile);
+          setImageUrl(URL.createObjectURL(selectedFile));
+        }
+        onChange(e);
+      },
+      [selectedImage]
+    );
+    const handleDeleteImage = (0, import_react.useCallback)(
+      (event) => {
+        event.preventDefault();
+        reset({ [name]: "" });
+        setSelectedImage(null);
+        setImageUrl("");
+      },
+      [selectedImage]
+    );
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_FileUpload.FileUploadContainer, null, selectedImage !== null ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Paragraph.Paragraph, null, /* @__PURE__ */ import_react.default.createElement(import_Base.Base, { as: "b" }, t("upload.image"), ":"), " ", `${selectedImage?.name}`)) : /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, { className: "ds-dashed--border" }, 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__ */ import_react.default.createElement(import_Button.ButtonGroup, { marginTop: 2 }, selectedImage !== null && /* @__PURE__ */ import_react.default.createElement(import_Button.Button, { variant: "link", onClick: handleDeleteImage }, t("upload.reset_file")), /* @__PURE__ */ import_react.default.createElement(
+      import_FileUpload.FileUpload,
+      {
+        ref,
+        hasFiles: selectedImage !== null,
+        name,
+        disabled,
+        accept: "image/*",
+        onChange: handleImageChange,
+        ...{
+          ...props,
+          required: void 0,
+          Field: void 0,
+          type: "file"
+        }
+      },
+      t("upload.choose_image")
+    )))));
+  }
+);
+var ImageInput_default = ImageInput;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Image,
+  ImageInput
 });
-var _default = exports["default"] = 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 { Button, ButtonGroup } from '@digigov/ui/form/Button';\nimport { FileUpload, FileUploadContainer } from '@digigov/ui/form/FileUpload';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport { Hint } from '@digigov/ui/typography/Hint';\nimport { Paragraph } from '@digigov/ui/typography/Paragraph';\nimport { Base } from '@digigov/ui/utils/Base';\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 <Base as=\"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({ name, disabled, onChange, reset, ...props }, ref: any) {\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                <Base as=\"b\">{t('upload.image')}:</Base>{' '}\n                {`${selectedImage?.name}`}\n              </Paragraph>\n            </>\n          ) : (\n            <Hint className=\"ds-dashed--border\">{t('upload.no_image')}</Hint>\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                {...{\n                  ...props,\n                  required: undefined,\n                  Field: undefined,\n                  type: 'file',\n                }}\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;AAAA,mBAA6C;AAE7C,oBAAoC;AACpC,wBAAgD;AAChD,kBAA+B;AAC/B,kBAAqB;AACrB,uBAA0B;AAC1B,kBAAqB;AAad,MAAM,QAA8B,aAAAA,QAAM,KAAK,SAASC,OAAM,EAAE,IAAI,GAAG;AAC5E,SAAO,6BAAAD,QAAA,cAAC,oBAAK,IAAG,OAAM,KAAU,WAAU,mBAAkB;AAC9D,CAAC;AAYM,MAAM,aAAwC,aAAAA,QAAM;AAAA,EACzD,SAASE,YAAW,EAAE,MAAM,UAAU,UAAU,OAAO,GAAG,MAAM,GAAG,KAAU;AAC3E,UAAM,EAAE,EAAE,QAAI,4BAAe;AAC7B,UAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAsB,IAAI;AACpE,UAAM,CAAC,UAAU,WAAW,QAAI,uBAAwB,IAAI;AAC5D,UAAM,wBAAoB;AAAA,MACxB,CAAC,MAA2C;AAC1C,UAAE,eAAe;AACjB,cAAM,SAAS,EAAE;AACjB,cAAM,eAAe,OAAO,QAAQ,CAAC;AAErC,YAAI,cAAc;AAChB,2BAAiB,YAAY;AAC7B,sBAAY,IAAI,gBAAgB,YAAY,CAAC;AAAA,QAC/C;AACA,iBAAS,CAAC;AAAA,MACZ;AAAA,MACA,CAAC,aAAa;AAAA,IAChB;AAEA,UAAM,wBAAoB;AAAA,MACxB,CAAC,UAAU;AACT,cAAM,eAAe;AACrB,cAAM,EAAE,CAAC,IAAI,GAAG,GAAG,CAAC;AACpB,yBAAiB,IAAI;AACrB,oBAAY,EAAE;AAAA,MAChB;AAAA,MACA,CAAC,aAAa;AAAA,IAChB;AAEA,WACE,6BAAAF,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,6CACE,kBAAkB,OACjB,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,kCACC,6BAAAA,QAAA,cAAC,oBAAK,IAAG,OAAK,EAAE,cAAc,GAAE,GAAC,GAAQ,KACxC,GAAG,eAAe,IAAI,EACzB,CACF,IAEA,6BAAAA,QAAA,cAAC,oBAAK,WAAU,uBAAqB,EAAE,iBAAiB,CAAE,GAE5D,6BAAAA,QAAA,2BAAAA,QAAA,gBACG,kBAAkB,QAAQ,6BAAAA,QAAA,cAAC,SAAM,KAAK,UAAU,GACjD,6BAAAA,QAAA,cAAC,6BAAY,WAAW,KACrB,kBAAkB,QACjB,6BAAAA,QAAA,cAAC,wBAAO,SAAQ,QAAO,SAAS,qBAC7B,EAAE,mBAAmB,CACxB,GAEF,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,UAAU,kBAAkB;AAAA,QAC5B;AAAA,QACA;AAAA,QACA,QAAO;AAAA,QACP,UAAU;AAAA,QACT,GAAG;AAAA,UACF,GAAG;AAAA,UACH,UAAU;AAAA,UACV,OAAO;AAAA,UACP,MAAM;AAAA,QACR;AAAA;AAAA,MAEC,EAAE,qBAAqB;AAAA,IAC1B,CACF,CACF,CACF,CACF;AAAA,EAEJ;AACF;AAEA,IAAO,qBAAQ;",
+  "names": ["React", "Image", "ImageInput"]
+}

package/cjs/inputs/Input/index.js

@@ -1,76 +1,110 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Input_exports = {};
+__export(Input_exports, {
+  Input: () => Input,
+  default: () => Input_default
 });
-exports["default"] = exports.Input = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _reactHookForm = require("react-hook-form");
-var _reactCore = require("@digigov/react-core");
-var _TextArea = _interopRequireDefault(require("@digigov/react-core/cjs/TextArea"));
-var _TextInput = _interopRequireDefault(require("@digigov/react-core/cjs/TextInput"));
-var _i18n = require("@digigov/ui/cjs/i18n");
-var _excluded = ["name", "control", "type", "extra"];
-var TYPES_MAP = {
-  string: 'text',
-  "int": 'text',
-  text: 'text',
-  date: 'date'
+module.exports = __toCommonJS(Input_exports);
+var import_react = __toESM(require("react"));
+var import_react_hook_form = require("react-hook-form");
+var import_TextArea = require("@digigov/ui/form/TextArea");
+var import_TextInput = require("@digigov/ui/form/TextInput");
+var import_i18n = require("@digigov/ui/i18n");
+var import_Hint = require("@digigov/ui/typography/Hint");
+const TYPES_MAP = {
+  string: "text",
+  int: "text",
+  text: "text",
+  date: "date"
 };
-var Input = exports.Input = /*#__PURE__*/_react["default"].forwardRef(function WrappedInput(_ref, ref) {
-  var name = _ref.name,
-    control = _ref.control,
-    type = _ref.type,
-    extra = _ref.extra,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  // eslint-disable-next-line prefer-const
-  var _ref2 = extra || {},
-    _ref2$multiline = _ref2.multiline,
-    multiline = _ref2$multiline === void 0 ? false : _ref2$multiline,
-    rows = _ref2.rows,
-    limit = _ref2.limit;
-  var _ref3 = extra || {},
-    className = _ref3.className;
-  // if enforced to multiline use true. Derive from type otherwise.
-  multiline = multiline === true || type === 'text';
-  // use explicit rows value if set. Derive from multiline otherwise.
-  rows = rows || (multiline ? 4 : 1);
-  // translate dilosi type to HTML Input type
-  var fieldType = TYPES_MAP[type || 'text'] || 'text';
-  var _useTranslation = (0, _i18n.useTranslation)(),
-    t = _useTranslation.t;
-  var currentValue = (0, _reactHookForm.useWatch)({
-    control: control,
-    name: name
-  });
-  if (multiline === true) {
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_TextArea["default"], (0, _extends2["default"])({
-      name: name,
-      className: className,
-      rows: rows,
-      ref: ref
-    }, (0, _extends2["default"])({}, props, {
-      reset: undefined,
-      required: undefined,
-      type: fieldType
-    }))), (limit === null || limit === void 0 ? void 0 : limit.max) && /*#__PURE__*/_react["default"].createElement(_reactCore.Hint, null, currentValue === undefined || (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) >= 0 && (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) <= (limit === null || limit === void 0 ? void 0 : limit.max) ? /*#__PURE__*/_react["default"].createElement("span", null, t('form.info.text.you_have'), ' ', /*#__PURE__*/_react["default"].createElement("b", null, !currentValue ? limit.max : (limit === null || limit === void 0 ? void 0 : limit.max) - (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length)), ' ', currentValue && (limit === null || limit === void 0 ? void 0 : limit.max) - (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) === 1 ? "".concat(t('form.info.text.character')) : "".concat(t('form.info.text.characters')), ' ', t('form.info.text.remaining'), ".") : /*#__PURE__*/_react["default"].createElement("span", {
-      style: {
-        color: '#b60202'
+const Input = import_react.default.forwardRef(
+  function WrappedInput({ name, control, type, extra, ...props }, ref) {
+    let { multiline = false, rows, limit } = extra || {};
+    const { className } = extra || {};
+    multiline = multiline === true || type === "text";
+    rows = rows || (multiline ? 4 : 1);
+    const fieldType = TYPES_MAP[type || "text"] || "text";
+    const { t } = (0, import_i18n.useTranslation)();
+    const currentValue = (0, import_react_hook_form.useWatch)({ control, name });
+    const getRemainingChars = (currentValue2, limit2) => {
+      if (currentValue2) {
+        return limit2?.max - currentValue2.length;
       }
-    }, t('form.info.text.you_have'), ' ', /*#__PURE__*/_react["default"].createElement("b", null, currentValue && (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) - (limit === null || limit === void 0 ? void 0 : limit.max)), ' ', (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) - (limit === null || limit === void 0 ? void 0 : limit.max) === 1 ? "".concat(t('form.info.text.character')) : "".concat(t('form.info.text.characters')), ' ', t('form.info.text.too_many'), ".")));
-  } else {
-    return /*#__PURE__*/_react["default"].createElement(_TextInput["default"], (0, _extends2["default"])({
-      name: name,
-      type: fieldType,
-      className: className,
-      ref: ref
-    }, (0, _extends2["default"])({}, props, {
-      reset: undefined,
-      required: undefined
-    })));
+      return limit2?.max;
+    };
+    const constructRemainingText = (currentValue2, limit2) => {
+      const remainingChars = getRemainingChars(currentValue2, limit2);
+      let remainingText = Math.abs(remainingChars) === 1 ? t("form.info.text.character") : t("form.info.text.characters");
+      remainingText += remainingChars > 0 ? ` ${t("form.info.text.remaining")}.` : ` ${t("form.info.text.too_many")}.`;
+      return remainingText;
+    };
+    if (multiline === true) {
+      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+        import_TextArea.TextArea,
+        {
+          name,
+          className,
+          rows,
+          ref,
+          ...{
+            ...props,
+            reset: void 0,
+            required: void 0,
+            type: fieldType,
+            Field: void 0
+          }
+        }
+      ), limit?.max && /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, { display: "flex" }, t("form.info.text.you_have"), /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, { fontWeight: "bold" }, "\xA0", `${Math.abs(getRemainingChars(currentValue, limit))}`, "\xA0"), constructRemainingText(currentValue, limit)));
+    } else {
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_TextInput.TextInput,
+        {
+          name,
+          id: name,
+          type: fieldType,
+          "data-type": type,
+          className,
+          ref,
+          ...{
+            ...props,
+            reset: void 0,
+            required: void 0,
+            Field: void 0
+          }
+        }
+      );
+    }
   }
+);
+var Input_default = Input;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Input
 });
-var _default = exports["default"] = Input;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/inputs/Input/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { useWatch } from 'react-hook-form';\nimport { UncontrolledFieldProps } from '@digigov/form/Field/types';\nimport { TextArea } from '@digigov/ui/form/TextArea';\nimport { TextInput } from '@digigov/ui/form/TextInput';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport { Hint } from '@digigov/ui/typography/Hint';\n\nconst TYPES_MAP = {\n  string: 'text',\n  int: 'text',\n  text: 'text',\n  date: 'date',\n};\n\nexport interface InputProps extends Omit<UncontrolledFieldProps, 'extra'> {\n  extra?: {\n    fullWidth?: boolean;\n    multiline?: boolean;\n    className?: string;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    rows?: any;\n    limit: {\n      min?: number;\n      max?: number;\n    };\n  };\n}\n\nexport const Input: React.ExoticComponent<InputProps> = React.forwardRef(\n  function WrappedInput({ name, control, type, extra, ...props }, ref: never) {\n    // eslint-disable-next-line prefer-const\n    let { multiline = false, rows, limit } = extra || {};\n    const { className } = extra || {};\n    // if enforced to multiline use true. Derive from type otherwise.\n    multiline = multiline === true || type === 'text';\n    // use explicit rows value if set. Derive from multiline otherwise.\n    rows = rows || (multiline ? 4 : 1);\n    // translate dilosi type to HTML Input type\n    const fieldType = TYPES_MAP[type || 'text'] || 'text';\n    const { t } = useTranslation();\n    const currentValue: string | '' = useWatch({ control, name });\n\n    const getRemainingChars = (currentValue, limit) => {\n      if (currentValue) {\n        return limit?.max - currentValue.length;\n      }\n      return limit?.max;\n    };\n\n    const constructRemainingText = (currentValue, limit) => {\n      const remainingChars = getRemainingChars(currentValue, limit);\n      let remainingText =\n        Math.abs(remainingChars) === 1\n          ? t('form.info.text.character')\n          : t('form.info.text.characters');\n      remainingText +=\n        remainingChars > 0\n          ? ` ${t('form.info.text.remaining')}.`\n          : ` ${t('form.info.text.too_many')}.`;\n      return remainingText;\n    };\n\n    if (multiline === true) {\n      return (\n        <>\n          <TextArea\n            name={name}\n            className={className}\n            rows={rows}\n            ref={ref}\n            {...{\n              ...props,\n              reset: undefined,\n              required: undefined,\n              type: fieldType,\n              Field: undefined,\n            }}\n          />\n          {limit?.max && (\n            <Hint display={'flex'}>\n              {t('form.info.text.you_have')}\n              <Hint fontWeight=\"bold\">\n                &nbsp;{`${Math.abs(getRemainingChars(currentValue, limit))}`}\n                &nbsp;\n              </Hint>\n              {constructRemainingText(currentValue, limit)}\n            </Hint>\n          )}\n        </>\n      );\n    } else {\n      return (\n        <TextInput\n          name={name}\n          id={name}\n          type={fieldType}\n          data-type={type}\n          className={className}\n          ref={ref}\n          {...{\n            ...props,\n            reset: undefined,\n            required: undefined,\n            Field: undefined,\n          }}\n        />\n      );\n    }\n  }\n);\n\nexport default Input;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,6BAAyB;AAEzB,sBAAyB;AACzB,uBAA0B;AAC1B,kBAA+B;AAC/B,kBAAqB;AAErB,MAAM,YAAY;AAAA,EAChB,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AACR;AAgBO,MAAM,QAA2C,aAAAA,QAAM;AAAA,EAC5D,SAAS,aAAa,EAAE,MAAM,SAAS,MAAM,OAAO,GAAG,MAAM,GAAG,KAAY;AAE1E,QAAI,EAAE,YAAY,OAAO,MAAM,MAAM,IAAI,SAAS,CAAC;AACnD,UAAM,EAAE,UAAU,IAAI,SAAS,CAAC;AAEhC,gBAAY,cAAc,QAAQ,SAAS;AAE3C,WAAO,SAAS,YAAY,IAAI;AAEhC,UAAM,YAAY,UAAU,QAAQ,MAAM,KAAK;AAC/C,UAAM,EAAE,EAAE,QAAI,4BAAe;AAC7B,UAAM,mBAA4B,iCAAS,EAAE,SAAS,KAAK,CAAC;AAE5D,UAAM,oBAAoB,CAACC,eAAcC,WAAU;AACjD,UAAID,eAAc;AAChB,eAAOC,QAAO,MAAMD,cAAa;AAAA,MACnC;AACA,aAAOC,QAAO;AAAA,IAChB;AAEA,UAAM,yBAAyB,CAACD,eAAcC,WAAU;AACtD,YAAM,iBAAiB,kBAAkBD,eAAcC,MAAK;AAC5D,UAAI,gBACF,KAAK,IAAI,cAAc,MAAM,IACzB,EAAE,0BAA0B,IAC5B,EAAE,2BAA2B;AACnC,uBACE,iBAAiB,IACb,IAAI,EAAE,0BAA0B,CAAC,MACjC,IAAI,EAAE,yBAAyB,CAAC;AACtC,aAAO;AAAA,IACT;AAEA,QAAI,cAAc,MAAM;AACtB,aACE,6BAAAF,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACC,GAAG;AAAA,YACF,GAAG;AAAA,YACH,OAAO;AAAA,YACP,UAAU;AAAA,YACV,MAAM;AAAA,YACN,OAAO;AAAA,UACT;AAAA;AAAA,MACF,GACC,OAAO,OACN,6BAAAA,QAAA,cAAC,oBAAK,SAAS,UACZ,EAAE,yBAAyB,GAC5B,6BAAAA,QAAA,cAAC,oBAAK,YAAW,UAAO,QACf,GAAG,KAAK,IAAI,kBAAkB,cAAc,KAAK,CAAC,CAAC,IAAG,MAE/D,GACC,uBAAuB,cAAc,KAAK,CAC7C,CAEJ;AAAA,IAEJ,OAAO;AACL,aACE,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,IAAI;AAAA,UACJ,MAAM;AAAA,UACN,aAAW;AAAA,UACX;AAAA,UACA;AAAA,UACC,GAAG;AAAA,YACF,GAAG;AAAA,YACH,OAAO;AAAA,YACP,UAAU;AAAA,YACV,OAAO;AAAA,UACT;AAAA;AAAA,MACF;AAAA,IAEJ;AAAA,EACF;AACF;AAEA,IAAO,gBAAQ;",
+  "names": ["React", "currentValue", "limit"]
+}