@digigov/form 2.0.0-13876dba → 2.0.0-16fbe090

package/cjs/inputs/DateTimeInput/index.js

@@ -1,211 +0,0 @@
-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 DateTimeInput_exports = {};
-__export(DateTimeInput_exports, {
-  DateTimeInput: () => DateTimeInput,
-  default: () => DateTimeInput_default
-});
-module.exports = __toCommonJS(DateTimeInput_exports);
-var import_react = __toESM(require("react"));
-var import_dayjs = __toESM(require("dayjs"));
-var import_customParseFormat = __toESM(require("dayjs/plugin/customParseFormat"));
-var import_DateInputContainer = require("@digigov/ui/form/DateInputContainer");
-var import_i18n = require("@digigov/ui/i18n");
-import_dayjs.default.extend(import_customParseFormat.default);
-function useDateTime(value, onChange) {
-  const [year, month, day, hours, minutes] = (0, import_react.useMemo)(() => {
-    if (!value || value.length === 0) {
-      onChange("");
-      return ["", "", "", "", ""];
-    }
-    const [datePart, timePart] = value.split(" ");
-    const [day2, month2, year2] = datePart.split("/");
-    const [hours2, minutes2] = timePart ? timePart.split(":") : ["", ""];
-    return [year2, month2, day2, hours2, minutes2];
-  }, [value]);
-  function set(year2, month2, day2, hours2, minutes2) {
-    const datePart = `${day2 || ""}/${month2 || ""}/${year2 || ""}`;
-    const timePart = hours2 || minutes2 ? `${hours2 || ""}:${minutes2 || ""}` : "";
-    const value2 = timePart ? `${datePart} ${timePart}` : datePart;
-    if (!year2 && !month2 && !day2 && !hours2 && !minutes2) {
-      onChange(null);
-    } else {
-      onChange(value2);
-    }
-  }
-  function setYear(evt) {
-    const val = evt.target.value;
-    set(val, month, day, hours, minutes);
-  }
-  function setMonth(evt, cast) {
-    let val = evt.target.value;
-    if (cast && val && val.length === 1) {
-      val = "0" + val;
-    }
-    set(year, val, day, hours, minutes);
-  }
-  function setDay(evt, cast) {
-    let val = evt.target.value;
-    if (cast && val && val.length === 1) {
-      val = "0" + val;
-    }
-    set(year, month, val, hours, minutes);
-  }
-  function setHours(evt, cast) {
-    let val = evt.target.value;
-    if (cast && val && val.length === 1) {
-      val = "0" + val;
-    }
-    set(year, month, day, val, minutes);
-  }
-  function setMinutes(evt, cast) {
-    let val = evt.target.value;
-    if (cast && val && val.length === 1) {
-      val = "0" + val;
-    }
-    set(year, month, day, hours, val);
-  }
-  return {
-    day,
-    month,
-    year,
-    hours,
-    minutes,
-    setYear,
-    setMonth,
-    setDay,
-    setHours,
-    setMinutes
-  };
-}
-const VALID_FORMATS = ["DD/MM/YYYY HH:mm", "DD/MM/YYYY"];
-const makeDateTime = (val) => {
-  const date = (0, import_dayjs.default)(val, VALID_FORMATS, true);
-  if (date.isValid()) {
-    return date.format("DD/MM/YYYY HH:mm");
-  }
-  return "";
-};
-const DateTimePart = ({ label, ...props }) => {
-  return /* @__PURE__ */ import_react.default.createElement(import_DateInputContainer.DateInputItem, { ...props }, label);
-};
-const DateTimeInput = ({ name, ...props }) => {
-  const { t } = (0, import_i18n.useTranslation)();
-  const [initial] = (0, import_react.useState)(props.value);
-  const value = (0, import_react.useMemo)(() => {
-    if (initial === props.value) {
-      return makeDateTime(props.value);
-    }
-    return props.value;
-  }, [props.value, initial]);
-  const datetime = useDateTime(
-    value || makeDateTime(props.defaultValue),
-    props.onChange
-  );
-  return /* @__PURE__ */ import_react.default.createElement(import_DateInputContainer.DateInputContainer, null, /* @__PURE__ */ import_react.default.createElement(
-    DateTimePart,
-    {
-      label: t("form.label.day"),
-      onChange: datetime.setDay,
-      onBlur: (e) => datetime.setDay(e, true),
-      value: datetime.day,
-      width: 2,
-      name: `${name}-day`,
-      maxLength: "2",
-      disabled: props.disabled,
-      "aria-required": props["aria-required"],
-      error: !datetime.day ? props.error : false,
-      id: `${name}-day`
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    DateTimePart,
-    {
-      label: t("form.label.month"),
-      onChange: datetime.setMonth,
-      onBlur: (e) => datetime.setMonth(e, true),
-      value: datetime.month,
-      width: 2,
-      name: `${name}-month`,
-      id: `${name}-month`,
-      maxLength: "2",
-      disabled: props.disabled,
-      "aria-required": props["aria-required"],
-      error: !datetime.month ? props.error : false
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    DateTimePart,
-    {
-      label: t("form.label.year"),
-      onChange: datetime.setYear,
-      value: datetime.year,
-      width: 4,
-      name: `${name}-year`,
-      id: `${name}-year`,
-      maxLength: "4",
-      disabled: props.disabled,
-      "aria-required": props["aria-required"],
-      error: !datetime.year ? props.error : false
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    DateTimePart,
-    {
-      label: t("form.label.hours"),
-      onChange: datetime.setHours,
-      onBlur: (e) => datetime.setHours(e, true),
-      value: datetime.hours,
-      width: 2,
-      name: `${name}-hours`,
-      id: `${name}-hours`,
-      maxLength: "2",
-      disabled: props.disabled,
-      "aria-required": props["aria-required"],
-      error: !datetime.hours ? props.error : false
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    DateTimePart,
-    {
-      label: t("form.label.minutes"),
-      onChange: datetime.setMinutes,
-      onBlur: (e) => datetime.setMinutes(e, true),
-      value: datetime.minutes,
-      width: 2,
-      name: `${name}-minutes`,
-      id: `${name}-minutes`,
-      maxLength: "2",
-      disabled: props.disabled,
-      "aria-required": props["aria-required"],
-      error: !datetime.minutes ? props.error : false
-    }
-  ));
-};
-var DateTimeInput_default = DateTimeInput;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DateTimeInput
-});
-//# sourceMappingURL=index.js.map

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

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

package/cjs/inputs/FileInput/index.js

@@ -1,95 +0,0 @@
-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
-});
-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, extra, ...props }, ref) {
-  const { t } = (0, import_i18n.useTranslation)();
-  const variant = extra?.variant || "none";
-  const buttonVariant = extra?.buttonVariant;
-  const resetButtonColor = extra?.resetButtonColor;
-  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);
-    onChange(e);
-  };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
-    import_FileUpload.FileUploadContainer,
-    {
-      variant,
-      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, /* @__PURE__ */ import_react.default.createElement("b", null, t("upload.file"), ": "), t("upload.no_file")),
-    /* @__PURE__ */ import_react.default.createElement(
-      import_FileUpload.FileUpload,
-      {
-        ref,
-        hasFiles: !!files?.length,
-        name,
-        variant: buttonVariant,
-        disabled,
-        onChange: handleChange,
-        id: name,
-        ...{ ...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);
-        },
-        color: resetButtonColor
-      },
-      t("upload.reset_file")
-    ))
-  ));
-});
-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

@@ -1,7 +0,0 @@
-{
-  "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    variant?: 'border' | 'none';\n    buttonVariant?: 'link' | 'button';\n    resetButtonColor?: 'primary' | 'secondary' | 'warning';\n    locales?: {\n      file?: string;\n      chooseFile?: string;\n      changeFile?: string;\n      resetFile?: string;\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, extra, ...props },\n  ref: any\n) {\n  const { t } = useTranslation();\n  const variant = extra?.variant || 'none';\n  const buttonVariant = extra?.buttonVariant;\n  const resetButtonColor = extra?.resetButtonColor;\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\n        variant={variant}\n        hasFiles={files && files.length > 0}\n      >\n        {files?.length ? (\n          <>\n            <Paragraph>\n              <b>{t('upload.file')}:</b> {`${files.join(', ')}`}\n            </Paragraph>\n          </>\n        ) : (\n          <Hint>\n            <b>\n              {t('upload.file')}\n              {': '}\n            </b>\n            {t('upload.no_file')}\n          </Hint>\n        )}\n        <FileUpload\n          ref={ref}\n          hasFiles={!!files?.length}\n          name={name}\n          variant={buttonVariant}\n          disabled={disabled}\n          onChange={handleChange}\n          id={name}\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              color={resetButtonColor}\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;AAsBnB,MAAM,YAA2B,aAAAA,QAAM,WAAW,SAASC,WAChE,EAAE,MAAM,UAAU,OAAO,UAAU,OAAO,GAAG,MAAM,GACnD,KACA;AACA,QAAM,EAAE,EAAE,QAAI,4BAAe;AAC7B,QAAM,UAAU,OAAO,WAAW;AAClC,QAAM,gBAAgB,OAAO;AAC7B,QAAM,mBAAmB,OAAO;AAChC,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;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,UAAU,SAAS,MAAM,SAAS;AAAA;AAAA,IAEjC,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,wBACC,6BAAAA,QAAA,cAAC,WACE,EAAE,aAAa,GACf,IACH,GACC,EAAE,gBAAgB,CACrB;AAAA,IAEF,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,UAAU,CAAC,CAAC,OAAO;AAAA,QACnB;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA,UAAU;AAAA,QACV,IAAI;AAAA,QACH,GAAG,EAAE,GAAG,OAAO,UAAU,QAAW,OAAO,OAAU;AAAA;AAAA,MAErD,OAAO,SAAS,EAAE,oBAAoB,IAAI,EAAE,oBAAoB;AAAA,IACnE;AAAA,IACC,UAAU,UAAa,MAAM,SAAS,KACrC,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,SAAS,CAAC,UAAU;AAClB,gBAAM,eAAe;AACrB,gBAAM,EAAE,CAAC,IAAI,GAAG,GAAG,CAAC;AACpB,mBAAS,MAAS;AAAA,QACpB;AAAA,QACA,OAAO;AAAA;AAAA,MAEN,EAAE,mBAAmB;AAAA,IACxB,CACF;AAAA,EAEJ,CACF;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
-  "names": ["React", "FileInput", "name"]
-}

package/cjs/inputs/ImageInput/index.js

@@ -1,99 +0,0 @@
-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
-});
-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" });
-});
-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,
-        id: 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
-});
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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                id={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,IAAI;AAAA,QACJ;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,111 +0,0 @@
-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
-});
-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"
-};
-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;
-      }
-      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,
-          id: name,
-          ...{
-            ...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
-});
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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            id={name}\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,UACA,IAAI;AAAA,UACH,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"]
-}