@digigov/form 2.0.0-a32ad9b2 → 2.0.0-abd768eb

package/cjs/inputs/FileInput/index.js

@@ -32,56 +32,79 @@ __export(FileInput_exports, {
 });
 module.exports = __toCommonJS(FileInput_exports);
 var import_react = __toESM(require("react"));
+var import_react_hook_form = require("react-hook-form");
 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 FileInput = import_react.default.forwardRef(function FileInput2({
+  name,
+  disabled,
+  resetField,
+  extra,
+  control,
+  onChange,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  Field,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  reset,
+  ...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);
-  };
+  const value = (0, import_react_hook_form.useWatch)({ control, name });
+  const [filenames, setFilenames] = (0, import_react.useState)(
+    Object.values(value || {}).map(({ name: name2 }) => name2) || []
+  );
+  (0, import_react.useEffect)(() => {
+    setFilenames(Object.values(value || {}).map(({ name: name2 }) => name2));
+  }, [value]);
+  const handleChange = (0, import_react.useCallback)(
+    (event) => {
+      event.preventDefault();
+      const target = event.target;
+      if (target.files && target.files.length > 0) {
+        setFilenames(Object.values(target.files).map(({ name: name2 }) => name2));
+      }
+      onChange(event);
+    },
+    [onChange]
+  );
+  const handleReset = (0, import_react.useCallback)(
+    (event) => {
+      event.preventDefault();
+      resetField(name);
+      setFilenames(void 0);
+    },
+    [name, resetField]
+  );
   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
+      variant: extra?.containerProps?.variant || "default",
+      hasFiles: filenames && filenames.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")),
+    filenames?.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"), ":"), " ", `${filenames.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,
+        hasFiles: !!filenames?.length,
         name,
-        variant: buttonVariant,
+        variant: extra?.uploadButtonProps?.variant,
         disabled,
-        onChange: handleChange,
         id: name,
-        ...{ ...props, required: void 0, Field: void 0 }
+        onChange: handleChange,
+        ...{ ...props, required: void 0 }
       },
-      files?.length ? t("upload.change_file") : t("upload.choose_file")
+      filenames?.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(
+    filenames !== void 0 && filenames?.length > 0 && !extra?.noResetButton && /* @__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
+        variant: extra?.resetButtonProps?.variant || "link",
+        onClick: handleReset,
+        color: extra?.resetButtonProps?.color || "secondary"
       },
       t("upload.reset_file")
     ))

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

@@ -1,7 +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    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;",
+  "sourcesContent": ["import React, { ComponentRef, useCallback, useEffect, useState } from 'react';\nimport { UseFormReturn, useWatch } from 'react-hook-form';\nimport { UncontrolledFieldProps } from '@digigov/form/Field/types';\nimport { Button, ButtonProps } from '@digigov/ui/form/Button';\nimport {\n  FileUpload,\n  FileUploadContainer,\n  FileUploadContainerProps,\n  FileUploadProps,\n} 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';\n\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    containerProps?: FileUploadContainerProps;\n    uploadButtonProps?: FileUploadProps;\n    noResetButton?: boolean;\n    resetButtonProps?: ButtonProps;\n    locales?: {\n      file?: string;\n      chooseFile?: string;\n      changeFile?: string;\n      resetFile?: string;\n    };\n  };\n  reset: (values?: FileList) => void;\n  resetField: UseFormReturn['resetField'];\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport const FileInput = React.forwardRef<\n  ComponentRef<typeof FileUpload>,\n  FileInputProps\n>(function FileInput(\n  {\n    name,\n    disabled,\n    resetField,\n    extra,\n    control,\n    onChange,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    Field,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    reset,\n    ...props\n  },\n  ref\n) {\n  const { t } = useTranslation();\n  const value: FileList = useWatch({ control, name });\n\n  const [filenames, setFilenames] = useState<string[] | undefined>(\n    Object.values(value || {}).map(({ name }) => name) || []\n  );\n\n  useEffect(() => {\n    setFilenames(Object.values(value || {}).map(({ name }) => name));\n  }, [value]);\n\n  const handleChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      event.preventDefault();\n      const target = event.target;\n      if (target.files && target.files.length > 0) {\n        setFilenames(Object.values(target.files).map(({ name }) => name));\n      }\n      onChange(event);\n    },\n    [onChange]\n  );\n\n  const handleReset = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      event.preventDefault();\n      resetField(name);\n      setFilenames(undefined);\n    },\n    [name, resetField]\n  );\n\n  return (\n    <>\n      <FileUploadContainer\n        variant={extra?.containerProps?.variant || 'default'}\n        hasFiles={filenames && filenames.length > 0}\n      >\n        {filenames?.length ? (\n          <>\n            <Paragraph>\n              <b>{t('upload.file')}:</b> {`${filenames.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={!!filenames?.length}\n          name={name}\n          variant={extra?.uploadButtonProps?.variant}\n          disabled={disabled}\n          id={name}\n          onChange={handleChange}\n          {...{ ...props, required: undefined }}\n        >\n          {filenames?.length\n            ? t('upload.change_file')\n            : t('upload.choose_file')}\n        </FileUpload>\n        {filenames !== undefined &&\n          filenames?.length > 0 &&\n          !extra?.noResetButton && (\n            <>\n              <Button\n                variant={extra?.resetButtonProps?.variant || 'link'}\n                onClick={handleReset}\n                color={extra?.resetButtonProps?.color || 'secondary'}\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,mBAAsE;AACtE,6BAAwC;AAExC,oBAAoC;AACpC,wBAKO;AACP,kBAA+B;AAC/B,kBAAqB;AACrB,uBAA0B;AA0BnB,MAAM,YAAY,aAAAA,QAAM,WAG7B,SAASC,WACT;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA;AAAA,EAEA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,EAAE,EAAE,QAAI,4BAAe;AAC7B,QAAM,YAAkB,iCAAS,EAAE,SAAS,KAAK,CAAC;AAElD,QAAM,CAAC,WAAW,YAAY,QAAI;AAAA,IAChC,OAAO,OAAO,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,MAAAC,MAAK,MAAMA,KAAI,KAAK,CAAC;AAAA,EACzD;AAEA,8BAAU,MAAM;AACd,iBAAa,OAAO,OAAO,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,MAAAA,MAAK,MAAMA,KAAI,CAAC;AAAA,EACjE,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,mBAAe;AAAA,IACnB,CAAC,UAA+C;AAC9C,YAAM,eAAe;AACrB,YAAM,SAAS,MAAM;AACrB,UAAI,OAAO,SAAS,OAAO,MAAM,SAAS,GAAG;AAC3C,qBAAa,OAAO,OAAO,OAAO,KAAK,EAAE,IAAI,CAAC,EAAE,MAAAA,MAAK,MAAMA,KAAI,CAAC;AAAA,MAClE;AACA,eAAS,KAAK;AAAA,IAChB;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,QAAM,kBAAc;AAAA,IAClB,CAAC,UAA+C;AAC9C,YAAM,eAAe;AACrB,iBAAW,IAAI;AACf,mBAAa,MAAS;AAAA,IACxB;AAAA,IACA,CAAC,MAAM,UAAU;AAAA,EACnB;AAEA,SACE,6BAAAF,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,OAAO,gBAAgB,WAAW;AAAA,MAC3C,UAAU,aAAa,UAAU,SAAS;AAAA;AAAA,IAEzC,WAAW,SACV,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,kCACC,6BAAAA,QAAA,cAAC,WAAG,EAAE,aAAa,GAAE,GAAC,GAAI,KAAE,GAAG,UAAU,KAAK,IAAI,CAAC,EACrD,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,WAAW;AAAA,QACvB;AAAA,QACA,SAAS,OAAO,mBAAmB;AAAA,QACnC;AAAA,QACA,IAAI;AAAA,QACJ,UAAU;AAAA,QACT,GAAG,EAAE,GAAG,OAAO,UAAU,OAAU;AAAA;AAAA,MAEnC,WAAW,SACR,EAAE,oBAAoB,IACtB,EAAE,oBAAoB;AAAA,IAC5B;AAAA,IACC,cAAc,UACb,WAAW,SAAS,KACpB,CAAC,OAAO,iBACN,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,OAAO,kBAAkB,WAAW;AAAA,QAC7C,SAAS;AAAA,QACT,OAAO,OAAO,kBAAkB,SAAS;AAAA;AAAA,MAExC,EAAE,mBAAmB;AAAA,IACxB,CACF;AAAA,EAEN,CACF;AAEJ,CAAC;AAED,IAAO,oBAAQ;",
   "names": ["React", "FileInput", "name"]
 }

package/cjs/inputs/ImageInput/__stories__/logo.d/index.js

@@ -0,0 +1 @@
+//# sourceMappingURL=logo.d.js.map

package/cjs/inputs/ImageInput/__stories__/logo.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/cjs/inputs/ImageInput/index.js

@@ -42,11 +42,21 @@ 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 blobToFileList = (blob, fileName) => {
+  const file = new File([blob], fileName, { type: "image/jpeg" });
+  const dataTransfer = new DataTransfer();
+  dataTransfer.items.add(file);
+  return dataTransfer.files;
+};
 const ImageInput = import_react.default.forwardRef(
-  function ImageInput2({ name, disabled, onChange, reset, ...props }, ref) {
+  function ImageInput2({ name, disabled, onChange, resetField, defaultValue, value, ...props }, ref) {
+    const imageRef = (0, import_react.useRef)(ref?.current);
     const { t } = (0, import_i18n.useTranslation)();
-    const [selectedImage, setSelectedImage] = (0, import_react.useState)(null);
-    const [imageUrl, setImageUrl] = (0, import_react.useState)(null);
+    const currentValue = defaultValue || value || null;
+    const [selectedImage, setSelectedImage] = (0, import_react.useState)(currentValue);
+    const [imageUrl, setImageUrl] = (0, import_react.useState)(
+      currentValue?.src || null
+    );
     const handleImageChange = (0, import_react.useCallback)(
       (e) => {
         e.preventDefault();
@@ -56,23 +66,36 @@ const ImageInput = import_react.default.forwardRef(
           setSelectedImage(selectedFile);
           setImageUrl(URL.createObjectURL(selectedFile));
         }
-        onChange(e);
+        onChange(
+          target.files
+        );
       },
       [selectedImage]
     );
     const handleDeleteImage = (0, import_react.useCallback)(
       (event) => {
         event.preventDefault();
-        reset({ [name]: "" });
+        resetField(name);
         setSelectedImage(null);
-        setImageUrl("");
+        setImageUrl(null);
       },
       [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(
+    (0, import_react.useEffect)(() => {
+      if (defaultValue?.src && imageRef.current) {
+        fetch(defaultValue?.src).then((response) => response.blob()).then((blob) => {
+          const fileList = blobToFileList(blob, defaultValue.filename);
+          imageRef.current.files = fileList;
+          const fileChangeEvent = new Event("change", { bubbles: true });
+          imageRef.current.dispatchEvent(fileChangeEvent);
+          return;
+        }).catch((error) => console.error("Error fetching image:", error));
+      }
+    }, [defaultValue, imageRef]);
+    return /* @__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"), ":"), " ", /* @__PURE__ */ import_react.default.createElement("em", null, `${selectedImage?.name || selectedImage?.filename}`))) : /* @__PURE__ */ import_react.default.createElement(import_Hint.Hint, { className: "ds-dashed--border" }, t("upload.no_image")), imageUrl !== null && selectedImage !== null && /* @__PURE__ */ import_react.default.createElement(Image, { src: imageUrl }), !disabled && /* @__PURE__ */ import_react.default.createElement(import_Button.ButtonGroup, { marginTop: 2 }, /* @__PURE__ */ import_react.default.createElement(
       import_FileUpload.FileUpload,
       {
-        ref,
+        ref: imageRef,
         hasFiles: selectedImage !== null,
         name,
         id: name,
@@ -86,8 +109,16 @@ const ImageInput = import_react.default.forwardRef(
           type: "file"
         }
       },
-      t("upload.choose_image")
-    )))));
+      selectedImage ? t("upload.change_image") : t("upload.choose_image")
+    ), selectedImage !== null && /* @__PURE__ */ import_react.default.createElement(
+      import_Button.Button,
+      {
+        color: "warning",
+        variant: "link",
+        onClick: handleDeleteImage
+      },
+      t("upload.reset_file")
+    )));
   }
 );
 var ImageInput_default = ImageInput;

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

@@ -1,7 +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                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;",
+  "sourcesContent": ["import React, { useRef, useState, useEffect, useCallback } from 'react';\nimport { UseFormReturn } from 'react-hook-form';\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: string;\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});\n\ninterface ImageInputDefaultValue {\n  filename: string;\n  src: string;\n}\n\nconst blobToFileList = (blob: Blob, fileName: string): FileList => {\n  const file = new File([blob], fileName, { type: 'image/jpeg' });\n  const dataTransfer = new DataTransfer();\n  dataTransfer.items.add(file);\n  return dataTransfer.files;\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  resetField: UseFormReturn['resetField'];\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  defaultValue?: ImageInputDefaultValue | null;\n  value: any;\n}\n\nexport const ImageInput: React.FC<ImageInputProps> = React.forwardRef(\n  function ImageInput(\n    { name, disabled, onChange, resetField, defaultValue, value, ...props },\n    ref: any\n  ) {\n    const imageRef = useRef(ref?.current);\n    const { t } = useTranslation();\n    const currentValue: ImageInputDefaultValue | null =\n      defaultValue || value || null;\n    const [selectedImage, setSelectedImage] = useState<\n      File | ImageInputDefaultValue | null\n    >(currentValue);\n    const [imageUrl, setImageUrl] = useState<string | null>(\n      currentValue?.src || null\n    );\n\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        if (selectedFile) {\n          setSelectedImage(selectedFile);\n          setImageUrl(URL.createObjectURL(selectedFile));\n        }\n        onChange(\n          target.files as unknown as React.ChangeEvent<HTMLInputElement>\n        );\n      },\n      [selectedImage]\n    );\n\n    const handleDeleteImage = useCallback(\n      (event) => {\n        event.preventDefault();\n        resetField(name);\n        setSelectedImage(null);\n        setImageUrl(null);\n      },\n      [selectedImage]\n    );\n\n    useEffect(() => {\n      // This is to fill the input with the default value (image)\n      if (defaultValue?.src && imageRef.current) {\n        fetch(defaultValue?.src)\n          .then((response) => response.blob())\n          .then((blob) => {\n            const fileList = blobToFileList(blob, defaultValue.filename);\n            imageRef.current.files = fileList;\n            const fileChangeEvent = new Event('change', { bubbles: true });\n            imageRef.current.dispatchEvent(fileChangeEvent);\n            return;\n          })\n          .catch((error) => console.error('Error fetching image:', error));\n      }\n    }, [defaultValue, imageRef]);\n\n    return (\n      <FileUploadContainer>\n        {selectedImage !== null ? (\n          <>\n            <Paragraph>\n              <Base as=\"b\">{t('upload.image')}:</Base>{' '}\n              <em>\n                {`${(selectedImage as File)?.name || (selectedImage as ImageInputDefaultValue)?.filename}`}\n              </em>\n            </Paragraph>\n          </>\n        ) : (\n          <Hint className=\"ds-dashed--border\">{t('upload.no_image')}</Hint>\n        )}\n        {imageUrl !== null && selectedImage !== null && (\n          <Image src={imageUrl} />\n        )}\n        {!disabled && (\n          <ButtonGroup marginTop={2}>\n            <FileUpload\n              ref={imageRef}\n              hasFiles={selectedImage !== null}\n              name={name}\n              id={name}\n              disabled={disabled}\n              accept=\"image/*\"\n              onChange={handleImageChange}\n              {...{\n                ...(props as any),\n                required: undefined,\n                Field: undefined,\n                type: 'file',\n              }}\n            >\n              {selectedImage\n                ? t('upload.change_image')\n                : t('upload.choose_image')}\n            </FileUpload>\n            {selectedImage !== null && (\n              <Button\n                color=\"warning\"\n                variant=\"link\"\n                onClick={handleDeleteImage}\n              >\n                {t('upload.reset_file')}\n              </Button>\n            )}\n          </ButtonGroup>\n        )}\n      </FileUploadContainer>\n    );\n  }\n);\n\nexport default ImageInput;\n"],
+  "mappings": "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",
   "names": ["React", "Image", "ImageInput"]
 }

package/cjs/inputs/Input/index.js

@@ -39,12 +39,14 @@ var import_i18n = require("@digigov/ui/i18n");
 var import_Hint = require("@digigov/ui/typography/Hint");
 const TYPES_MAP = {
   string: "text",
+  password: "password",
   int: "text",
   text: "text",
   date: "date"
 };
 const Input = import_react.default.forwardRef(
   function WrappedInput({ name, control, type, extra, ...props }, ref) {
+    delete props["Field"];
     let { multiline = false, rows, limit } = extra || {};
     const { className } = extra || {};
     multiline = multiline === true || type === "text";
@@ -77,8 +79,7 @@ const Input = import_react.default.forwardRef(
             ...props,
             reset: void 0,
             required: void 0,
-            type: fieldType,
-            Field: void 0
+            type: fieldType
           }
         }
       ), 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)));
@@ -95,8 +96,7 @@ const Input = import_react.default.forwardRef(
           ...{
             ...props,
             reset: void 0,
-            required: void 0,
-            Field: void 0
+            required: void 0
           }
         }
       );

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

@@ -1,7 +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            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;",
+  "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  password: 'password',\n  int: 'text',\n  text: 'text',\n  date: 'date',\n};\n\nexport interface InputProps\n  extends Omit<UncontrolledFieldProps, 'extra' | 'Field'> {\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  Field?: UncontrolledFieldProps['Field'];\n}\n\nexport const Input: React.ExoticComponent<InputProps> = React.forwardRef(\n  function WrappedInput({ name, control, type, extra, ...props }, ref: never) {\n    delete props['Field'];\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            }}\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          }}\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,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,MAAM;AACR;AAkBO,MAAM,QAA2C,aAAAA,QAAM;AAAA,EAC5D,SAAS,aAAa,EAAE,MAAM,SAAS,MAAM,OAAO,GAAG,MAAM,GAAG,KAAY;AAC1E,WAAO,MAAM,OAAO;AAEpB,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,UACR;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,UACZ;AAAA;AAAA,MACF;AAAA,IAEJ;AAAA,EACF;AACF;AAEA,IAAO,gBAAQ;",
   "names": ["React", "currentValue", "limit"]
 }

package/cjs/inputs/Select/index.js

@@ -35,6 +35,7 @@ var import_react = __toESM(require("react"));
 var import_SelectContainer = require("@digigov/ui/form/SelectContainer");
 const Select = import_react.default.forwardRef(
   function WrappedSelect({ name, extra: { options, className }, disabled, ...props }, ref) {
+    delete props.Field;
     return /* @__PURE__ */ import_react.default.createElement(
       import_SelectContainer.SelectContainer,
       {
@@ -46,11 +47,11 @@ const Select = import_react.default.forwardRef(
         ...{
           ...props,
           reset: void 0,
-          required: void 0,
-          Field: void 0
+          error: void 0,
+          required: void 0
         }
       },
-      options.map(({ value, label }) => /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, { key: value, value }, label && label.primary ? label.primary : value))
+      options.map(({ value, label }, index) => /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, { key: index, value }, label && label.primary ? label.primary : value))
     );
   }
 );

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/inputs/Select/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { UncontrolledFieldProps } from '@digigov/form/Field/types';\nimport { FieldOptionProps } from '@digigov/form/inputs/Label';\nimport {\n  SelectContainer,\n  SelectOption,\n} from '@digigov/ui/form/SelectContainer';\n\nexport interface SelectProps extends Omit<UncontrolledFieldProps, 'extra'> {\n  extra: {\n    className?: string;\n    options: FieldOptionProps[];\n  };\n}\n\nexport const Select: React.ExoticComponent<SelectProps> = React.forwardRef(\n  function WrappedSelect(\n    { name, extra: { options, className }, disabled, ...props },\n    ref: never\n  ) {\n    return (\n      <SelectContainer\n        className={className}\n        ref={ref}\n        name={name}\n        id={name}\n        disabled={disabled}\n        {...{\n          ...props,\n          reset: undefined,\n          required: undefined,\n          Field: undefined,\n        }}\n      >\n        {options.map(({ value, label }) => (\n          <SelectOption key={value} value={value}>\n            {label && label.primary ? label.primary : value}\n          </SelectOption>\n        ))}\n      </SelectContainer>\n    );\n  }\n);\n\nexport default Select;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAGlB,6BAGO;AASA,MAAM,SAA6C,aAAAA,QAAM;AAAA,EAC9D,SAAS,cACP,EAAE,MAAM,OAAO,EAAE,SAAS,UAAU,GAAG,UAAU,GAAG,MAAM,GAC1D,KACA;AACA,WACE,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,IAAI;AAAA,QACJ;AAAA,QACC,GAAG;AAAA,UACF,GAAG;AAAA,UACH,OAAO;AAAA,UACP,UAAU;AAAA,UACV,OAAO;AAAA,QACT;AAAA;AAAA,MAEC,QAAQ,IAAI,CAAC,EAAE,OAAO,MAAM,MAC3B,6BAAAA,QAAA,cAAC,uCAAa,KAAK,OAAO,SACvB,SAAS,MAAM,UAAU,MAAM,UAAU,KAC5C,CACD;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,iBAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { UncontrolledFieldProps } from '@digigov/form/Field/types';\nimport { FieldOptionProps } from '@digigov/form/inputs/Label';\nimport {\n  SelectContainer,\n  SelectOption,\n} from '@digigov/ui/form/SelectContainer';\n\nexport interface SelectProps\n  extends Omit<UncontrolledFieldProps, 'extra' | 'Field'> {\n  extra: {\n    className?: string;\n    options: FieldOptionProps[];\n  };\n  Field?: UncontrolledFieldProps['Field'];\n}\n\nexport const Select: React.ExoticComponent<SelectProps> = React.forwardRef(\n  function WrappedSelect(\n    { name, extra: { options, className }, disabled, ...props },\n    ref: never\n  ) {\n    delete props.Field;\n    return (\n      <SelectContainer\n        className={className}\n        ref={ref}\n        name={name}\n        id={name}\n        disabled={disabled}\n        {...{\n          ...props,\n          reset: undefined,\n          error: undefined,\n          required: undefined,\n        }}\n      >\n        {options.map(({ value, label }, index) => (\n          <SelectOption key={index} value={value}>\n            {label && label.primary ? label.primary : value}\n          </SelectOption>\n        ))}\n      </SelectContainer>\n    );\n  }\n);\n\nexport default Select;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAGlB,6BAGO;AAWA,MAAM,SAA6C,aAAAA,QAAM;AAAA,EAC9D,SAAS,cACP,EAAE,MAAM,OAAO,EAAE,SAAS,UAAU,GAAG,UAAU,GAAG,MAAM,GAC1D,KACA;AACA,WAAO,MAAM;AACb,WACE,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,IAAI;AAAA,QACJ;AAAA,QACC,GAAG;AAAA,UACF,GAAG;AAAA,UACH,OAAO;AAAA,UACP,OAAO;AAAA,UACP,UAAU;AAAA,QACZ;AAAA;AAAA,MAEC,QAAQ,IAAI,CAAC,EAAE,OAAO,MAAM,GAAG,UAC9B,6BAAAA,QAAA,cAAC,uCAAa,KAAK,OAAO,SACvB,SAAS,MAAM,UAAU,MAAM,UAAU,KAC5C,CACD;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,IAAO,iBAAQ;",
   "names": ["React"]
 }

package/cjs/inputs/inputsScenarios/index.js

@@ -464,7 +464,7 @@ const scenarios = [
         type: "error",
         fieldKey: "image",
         args: {
-          maxSizeToMb: 3e-4
+          maxSize: 3e-4
         },
         text: import_el.default.form.error.file_size
       },
@@ -472,7 +472,7 @@ const scenarios = [
         type: "error",
         fieldKey: "file",
         args: {
-          maxSizeToMb: 3e-4
+          maxSize: 3e-4
         },
         text: import_el.default.form.error.file_size
       }

package/cjs/inputs/inputsScenarios.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/inputs/inputsScenarios.ts"],
-  "sourcesContent": ["import el from '@digigov/form/locales/el';\n\nexport const INPUTS_FIELDS = [\n  {\n    key: 'date-example',\n    type: 'date',\n    required: true,\n    label: {\n      primary: '\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u03B3\u03AD\u03BD\u03BD\u03B7\u03C3\u03AE\u03C2 \u03C3\u03B1\u03C2;',\n      secondary: '\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020',\n    },\n  },\n  {\n    key: 'otp',\n    type: 'otp',\n    maxLength: 6,\n    label: {\n      primary: '\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF\u03BD \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC \u03B5\u03C0\u03B9\u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7\u03C2',\n    },\n    required: true,\n  },\n  {\n    key: 'checkbox',\n    type: 'choice:multiple',\n    required: true,\n    label: { primary: '\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;' },\n    extra: {\n      options: [\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n          value: 'runny-nose',\n        },\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n          value: 'fever',\n        },\n        {\n          label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n          value: 'fatigue',\n        },\n      ],\n    },\n  },\n  {\n    key: 'autocomplete_multiple',\n    required: true,\n    type: 'choice:multiple',\n    label: { primary: '\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;' },\n    extra: {\n      component: 'AutoComplete',\n      options: [\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n          value: 'runny-nose',\n        },\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n          value: 'fever',\n        },\n        {\n          label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n          value: 'fatigue',\n        },\n      ],\n    },\n  },\n  {\n    key: 'radio',\n    type: 'choice:single',\n    required: true,\n    label: { primary: '\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;' },\n    extra: {\n      options: [\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n          value: 'runny-nose',\n        },\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n          value: 'fever',\n        },\n        {\n          label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n          value: 'fatigue',\n        },\n      ],\n    },\n  },\n  {\n    key: 'select',\n    type: 'choice:single',\n    required: true,\n    label: { primary: '\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;' },\n    extra: {\n      component: 'Select',\n      options: [\n        {\n          label: { primary: '' },\n          value: '',\n        },\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n          value: 'runny-nose',\n        },\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n          value: 'fever',\n        },\n        {\n          label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n          value: 'fatigue',\n        },\n      ],\n    },\n  },\n  {\n    key: 'autocomplete_single',\n    required: true,\n    type: 'choice:single',\n    label: { primary: '\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;' },\n    extra: {\n      component: 'AutoComplete',\n      options: [\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n          value: 'runny-nose',\n        },\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n          value: 'fever',\n        },\n        {\n          label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n          value: 'fatigue',\n        },\n      ],\n    },\n  },\n  {\n    key: 'image',\n    type: 'image',\n    required: true,\n    label: {\n      primary: '\u0391\u03BD\u03B5\u03B2\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1 \u03C4\u03BF\u03C5 \u03C0\u03C1\u03BF\u03C3\u03C4\u03AF\u03BC\u03BF\u03C5',\n    },\n  },\n  {\n    key: 'file',\n    type: 'file',\n    label: {\n      primary: '\u0391\u03BD\u03B5\u03B2\u03AC\u03C3\u03C4\u03B5 \u03C4\u03BF \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u03C4\u03B7\u03C2 \u03B1\u03C0\u03CC\u03B4\u03B5\u03B9\u03BE\u03B7\u03C2',\n    },\n    required: true,\n  },\n];\n\nexport const scenarios = [\n  {\n    title: 'success fill for inputs',\n    describe: 'inputs scenario',\n    fields: INPUTS_FIELDS,\n    fill: [\n      {\n        fieldKey: 'date-example',\n        value: {\n          day: '22',\n          month: '11',\n          year: '2020',\n        },\n      },\n      {\n        fieldKey: 'otp',\n        value: {\n          '0': '4',\n          '1': '4',\n          '2': '4',\n          '3': '4',\n          '4': '4',\n          '5': '4',\n        },\n      },\n      {\n        fieldKey: 'checkbox',\n        value: ['fever', 'fatigue'],\n      },\n      {\n        fieldKey: 'autocomplete_multiple',\n        value: ['fever', 'fatigue'],\n      },\n      {\n        fieldKey: 'radio',\n        value: 'fever',\n      },\n      {\n        fieldKey: 'select',\n        value: 'fatigue',\n      },\n      {\n        fieldKey: 'autocomplete_single',\n        value: 'fatigue',\n      },\n      {\n        fieldKey: 'image',\n        value: {\n          fileName: 'green_image.png',\n          width: 500,\n          height: 500,\n          size: 3,\n        },\n      },\n      {\n        fieldKey: 'file',\n        value: {\n          fileName: 'file.txt',\n          size: 200,\n        },\n      },\n    ],\n    expect: [\n      {\n        type: 'success',\n        fieldKey: 'date-example',\n        text: el.form.error.date.invalid,\n      },\n      {\n        type: 'success',\n        fieldKey: 'otp',\n        args: {\n          maxLength: 6,\n        },\n        text: el.form.error.otp.less_than,\n      },\n      {\n        type: 'success',\n        fieldKey: 'checkbox',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'autocomplete_multiple',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'radio',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'select',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'autocomplete_single',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'image',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'file',\n        text: el.form.error.required,\n      },\n    ],\n  },\n  {\n    title: 'empty fill for inputs',\n    describe: 'inputs scenario',\n    fields: INPUTS_FIELDS,\n    fill: [],\n    expect: [\n      {\n        type: 'error',\n        fieldKey: 'date-example',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'otp',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'checkbox',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'autocomplete_multiple',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'radio',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'select',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'autocomplete_single',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'image',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'file',\n        text: el.form.error.required,\n      },\n    ],\n  },\n  {\n    title: 'incorrect types for DateInput and OtpInput',\n    describe: 'inputs scenario',\n    fields: [\n      {\n        key: 'date-example',\n        type: 'date',\n        required: true,\n        label: {\n          primary: '\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u03B3\u03AD\u03BD\u03BD\u03B7\u03C3\u03AE\u03C2 \u03C3\u03B1\u03C2;',\n          secondary: '\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020',\n        },\n      },\n      {\n        key: 'otp',\n        type: 'otp',\n        maxLength: 6,\n        label: {\n          primary: '\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF\u03BD \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC \u03B5\u03C0\u03B9\u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7\u03C2',\n        },\n        required: true,\n      },\n    ],\n    fill: [\n      {\n        fieldKey: 'date-example',\n        value: {\n          day: 'a2',\n          month: '11',\n          year: '2020',\n        },\n      },\n      {\n        fieldKey: 'otp',\n        value: {\n          '0': 'a',\n          '1': '4',\n          '2': '4',\n          '3': '4',\n          '4': '4',\n          '5': '4',\n        },\n      },\n    ],\n    expect: [\n      {\n        type: 'error',\n        fieldKey: 'date-example',\n        text: el.form.error.date.invalid,\n      },\n      {\n        type: 'error',\n        fieldKey: 'otp',\n        args: {\n          maxLength: 6,\n        },\n        text: el.form.error.otp.less_than,\n      },\n    ],\n  },\n  {\n    title: 'wrong sizes for ImageInput and FileInput',\n    describe: 'inputs scenario',\n    fields: [\n      {\n        key: 'image',\n        type: 'image',\n        required: true,\n        label: {\n          primary: '\u0391\u03BD\u03B5\u03B2\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1 \u03C4\u03BF\u03C5 \u03C0\u03C1\u03BF\u03C3\u03C4\u03AF\u03BC\u03BF\u03C5',\n        },\n        extra: {\n          limit: {\n            maxSize: 300,\n          },\n        },\n      },\n      {\n        key: 'file',\n        type: 'file',\n        required: true,\n        label: {\n          primary: '\u0391\u03BD\u03B5\u03B2\u03AC\u03C3\u03C4\u03B5 \u03C4\u03BF \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u03C4\u03B7\u03C2 \u03B1\u03C0\u03CC\u03B4\u03B5\u03B9\u03BE\u03B7\u03C2',\n        },\n        extra: {\n          limit: {\n            maxSize: 300,\n          },\n        },\n      },\n    ],\n    fill: [\n      {\n        fieldKey: 'image',\n        value: {\n          fileName: 'green_image.png',\n          size: 300,\n        },\n      },\n      {\n        fieldKey: 'file',\n        value: {\n          fileName: 'file.txt',\n          size: 200,\n        },\n      },\n    ],\n    expect: [\n      {\n        type: 'error',\n        fieldKey: 'image',\n        args: {\n          maxSizeToMb: 0.0003,\n        },\n        text: el.form.error.file_size,\n      },\n      {\n        type: 'error',\n        fieldKey: 'file',\n        args: {\n          maxSizeToMb: 0.0003,\n        },\n        text: el.form.error.file_size,\n      },\n    ],\n  },\n  {\n    title: 'wrong dimensions for ImageInput',\n    describe: 'inputs scenario',\n    fields: [\n      {\n        key: 'image',\n        type: 'image',\n        required: true,\n        label: {\n          primary: '\u0391\u03BD\u03B5\u03B2\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1 \u03C4\u03BF\u03C5 \u03C0\u03C1\u03BF\u03C3\u03C4\u03AF\u03BC\u03BF\u03C5',\n        },\n        extra: {\n          limit: {\n            maxHeight: 400,\n            maxWidth: 400,\n            minHeight: 100,\n            minWidth: 100,\n          },\n        },\n      },\n    ],\n    fill: [\n      {\n        fieldKey: 'image',\n        value: {\n          fileName: 'green_image.png',\n          width: 500,\n          height: 500,\n        },\n      },\n    ],\n    expect: [\n      {\n        type: 'error',\n        fieldKey: 'image',\n        args: {\n          minWidth: 100,\n          minHeight: 100,\n          maxWidth: 400,\n          maxHeight: 400,\n        },\n        text: el.form.error.image.image_dimension_size,\n      },\n    ],\n  },\n];\n\nexport default scenarios;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import el from '@digigov/form/locales/el';\n\nexport const INPUTS_FIELDS = [\n  {\n    key: 'date-example',\n    type: 'date',\n    required: true,\n    label: {\n      primary: '\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u03B3\u03AD\u03BD\u03BD\u03B7\u03C3\u03AE\u03C2 \u03C3\u03B1\u03C2;',\n      secondary: '\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020',\n    },\n  },\n  {\n    key: 'otp',\n    type: 'otp',\n    maxLength: 6,\n    label: {\n      primary: '\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF\u03BD \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC \u03B5\u03C0\u03B9\u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7\u03C2',\n    },\n    required: true,\n  },\n  {\n    key: 'checkbox',\n    type: 'choice:multiple',\n    required: true,\n    label: { primary: '\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;' },\n    extra: {\n      options: [\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n          value: 'runny-nose',\n        },\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n          value: 'fever',\n        },\n        {\n          label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n          value: 'fatigue',\n        },\n      ],\n    },\n  },\n  {\n    key: 'autocomplete_multiple',\n    required: true,\n    type: 'choice:multiple',\n    label: { primary: '\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;' },\n    extra: {\n      component: 'AutoComplete',\n      options: [\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n          value: 'runny-nose',\n        },\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n          value: 'fever',\n        },\n        {\n          label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n          value: 'fatigue',\n        },\n      ],\n    },\n  },\n  {\n    key: 'radio',\n    type: 'choice:single',\n    required: true,\n    label: { primary: '\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;' },\n    extra: {\n      options: [\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n          value: 'runny-nose',\n        },\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n          value: 'fever',\n        },\n        {\n          label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n          value: 'fatigue',\n        },\n      ],\n    },\n  },\n  {\n    key: 'select',\n    type: 'choice:single',\n    required: true,\n    label: { primary: '\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;' },\n    extra: {\n      component: 'Select',\n      options: [\n        {\n          label: { primary: '' },\n          value: '',\n        },\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n          value: 'runny-nose',\n        },\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n          value: 'fever',\n        },\n        {\n          label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n          value: 'fatigue',\n        },\n      ],\n    },\n  },\n  {\n    key: 'autocomplete_single',\n    required: true,\n    type: 'choice:single',\n    label: { primary: '\u03A0\u03CE\u03C2 \u03B1\u03B9\u03C3\u03B8\u03AC\u03BD\u03B5\u03C3\u03C4\u03B5 \u03B1\u03C5\u03C4\u03AE \u03C4\u03B7 \u03C3\u03C4\u03B9\u03B3\u03BC\u03AE;' },\n    extra: {\n      component: 'AutoComplete',\n      options: [\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C3\u03C5\u03BD\u03AC\u03C7\u03B9' },\n          value: 'runny-nose',\n        },\n        {\n          label: { primary: '\u0388\u03C7\u03C9 \u03C0\u03C5\u03C1\u03B5\u03C4\u03CC' },\n          value: 'fever',\n        },\n        {\n          label: { primary: '\u0391\u03B9\u03C3\u03B8\u03AC\u03BD\u03BF\u03BC\u03B1\u03B9 \u03BA\u03BF\u03CD\u03C1\u03B1\u03C3\u03B7' },\n          value: 'fatigue',\n        },\n      ],\n    },\n  },\n  {\n    key: 'image',\n    type: 'image',\n    required: true,\n    label: {\n      primary: '\u0391\u03BD\u03B5\u03B2\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1 \u03C4\u03BF\u03C5 \u03C0\u03C1\u03BF\u03C3\u03C4\u03AF\u03BC\u03BF\u03C5',\n    },\n  },\n  {\n    key: 'file',\n    type: 'file',\n    label: {\n      primary: '\u0391\u03BD\u03B5\u03B2\u03AC\u03C3\u03C4\u03B5 \u03C4\u03BF \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u03C4\u03B7\u03C2 \u03B1\u03C0\u03CC\u03B4\u03B5\u03B9\u03BE\u03B7\u03C2',\n    },\n    required: true,\n  },\n];\n\nexport const scenarios = [\n  {\n    title: 'success fill for inputs',\n    describe: 'inputs scenario',\n    fields: INPUTS_FIELDS,\n    fill: [\n      {\n        fieldKey: 'date-example',\n        value: {\n          day: '22',\n          month: '11',\n          year: '2020',\n        },\n      },\n      {\n        fieldKey: 'otp',\n        value: {\n          '0': '4',\n          '1': '4',\n          '2': '4',\n          '3': '4',\n          '4': '4',\n          '5': '4',\n        },\n      },\n      {\n        fieldKey: 'checkbox',\n        value: ['fever', 'fatigue'],\n      },\n      {\n        fieldKey: 'autocomplete_multiple',\n        value: ['fever', 'fatigue'],\n      },\n      {\n        fieldKey: 'radio',\n        value: 'fever',\n      },\n      {\n        fieldKey: 'select',\n        value: 'fatigue',\n      },\n      {\n        fieldKey: 'autocomplete_single',\n        value: 'fatigue',\n      },\n      {\n        fieldKey: 'image',\n        value: {\n          fileName: 'green_image.png',\n          width: 500,\n          height: 500,\n          size: 3,\n        },\n      },\n      {\n        fieldKey: 'file',\n        value: {\n          fileName: 'file.txt',\n          size: 200,\n        },\n      },\n    ],\n    expect: [\n      {\n        type: 'success',\n        fieldKey: 'date-example',\n        text: el.form.error.date.invalid,\n      },\n      {\n        type: 'success',\n        fieldKey: 'otp',\n        args: {\n          maxLength: 6,\n        },\n        text: el.form.error.otp.less_than,\n      },\n      {\n        type: 'success',\n        fieldKey: 'checkbox',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'autocomplete_multiple',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'radio',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'select',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'autocomplete_single',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'image',\n        text: el.form.error.required,\n      },\n      {\n        type: 'success',\n        fieldKey: 'file',\n        text: el.form.error.required,\n      },\n    ],\n  },\n  {\n    title: 'empty fill for inputs',\n    describe: 'inputs scenario',\n    fields: INPUTS_FIELDS,\n    fill: [],\n    expect: [\n      {\n        type: 'error',\n        fieldKey: 'date-example',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'otp',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'checkbox',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'autocomplete_multiple',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'radio',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'select',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'autocomplete_single',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'image',\n        text: el.form.error.required,\n      },\n      {\n        type: 'error',\n        fieldKey: 'file',\n        text: el.form.error.required,\n      },\n    ],\n  },\n  {\n    title: 'incorrect types for DateInput and OtpInput',\n    describe: 'inputs scenario',\n    fields: [\n      {\n        key: 'date-example',\n        type: 'date',\n        required: true,\n        label: {\n          primary: '\u03A0\u03BF\u03B9\u03AC \u03B5\u03AF\u03BD\u03B1\u03B9 \u03B7 \u03B7\u03BC\u03B5\u03C1\u03BF\u03BC\u03B7\u03BD\u03AF\u03B1 \u03B3\u03AD\u03BD\u03BD\u03B7\u03C3\u03AE\u03C2 \u03C3\u03B1\u03C2;',\n          secondary: '\u0393\u03B9\u03B1 \u03C0\u03B1\u03C1\u03AC\u03B4\u03B5\u03B9\u03B3\u03BC\u03B1, 05 11 2020',\n        },\n      },\n      {\n        key: 'otp',\n        type: 'otp',\n        maxLength: 6,\n        label: {\n          primary: '\u03A3\u03C5\u03BC\u03C0\u03BB\u03B7\u03C1\u03CE\u03C3\u03C4\u03B5 \u03C4\u03BF\u03BD \u03BA\u03C9\u03B4\u03B9\u03BA\u03CC \u03B5\u03C0\u03B9\u03B2\u03B5\u03B2\u03B1\u03AF\u03C9\u03C3\u03B7\u03C2',\n        },\n        required: true,\n      },\n    ],\n    fill: [\n      {\n        fieldKey: 'date-example',\n        value: {\n          day: 'a2',\n          month: '11',\n          year: '2020',\n        },\n      },\n      {\n        fieldKey: 'otp',\n        value: {\n          '0': 'a',\n          '1': '4',\n          '2': '4',\n          '3': '4',\n          '4': '4',\n          '5': '4',\n        },\n      },\n    ],\n    expect: [\n      {\n        type: 'error',\n        fieldKey: 'date-example',\n        text: el.form.error.date.invalid,\n      },\n      {\n        type: 'error',\n        fieldKey: 'otp',\n        args: {\n          maxLength: 6,\n        },\n        text: el.form.error.otp.less_than,\n      },\n    ],\n  },\n  {\n    title: 'wrong sizes for ImageInput and FileInput',\n    describe: 'inputs scenario',\n    fields: [\n      {\n        key: 'image',\n        type: 'image',\n        required: true,\n        label: {\n          primary: '\u0391\u03BD\u03B5\u03B2\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1 \u03C4\u03BF\u03C5 \u03C0\u03C1\u03BF\u03C3\u03C4\u03AF\u03BC\u03BF\u03C5',\n        },\n        extra: {\n          limit: {\n            maxSize: 300,\n          },\n        },\n      },\n      {\n        key: 'file',\n        type: 'file',\n        required: true,\n        label: {\n          primary: '\u0391\u03BD\u03B5\u03B2\u03AC\u03C3\u03C4\u03B5 \u03C4\u03BF \u03B1\u03C1\u03C7\u03B5\u03AF\u03BF \u03C4\u03B7\u03C2 \u03B1\u03C0\u03CC\u03B4\u03B5\u03B9\u03BE\u03B7\u03C2',\n        },\n        extra: {\n          limit: {\n            maxSize: 300,\n          },\n        },\n      },\n    ],\n    fill: [\n      {\n        fieldKey: 'image',\n        value: {\n          fileName: 'green_image.png',\n          size: 300,\n        },\n      },\n      {\n        fieldKey: 'file',\n        value: {\n          fileName: 'file.txt',\n          size: 200,\n        },\n      },\n    ],\n    expect: [\n      {\n        type: 'error',\n        fieldKey: 'image',\n        args: {\n          maxSize: 0.0003,\n        },\n        text: el.form.error.file_size,\n      },\n      {\n        type: 'error',\n        fieldKey: 'file',\n        args: {\n          maxSize: 0.0003,\n        },\n        text: el.form.error.file_size,\n      },\n    ],\n  },\n  {\n    title: 'wrong dimensions for ImageInput',\n    describe: 'inputs scenario',\n    fields: [\n      {\n        key: 'image',\n        type: 'image',\n        required: true,\n        label: {\n          primary: '\u0391\u03BD\u03B5\u03B2\u03AC\u03C3\u03C4\u03B5 \u03C4\u03B7 \u03C6\u03C9\u03C4\u03BF\u03B3\u03C1\u03B1\u03C6\u03AF\u03B1 \u03C4\u03BF\u03C5 \u03C0\u03C1\u03BF\u03C3\u03C4\u03AF\u03BC\u03BF\u03C5',\n        },\n        extra: {\n          limit: {\n            maxHeight: 400,\n            maxWidth: 400,\n            minHeight: 100,\n            minWidth: 100,\n          },\n        },\n      },\n    ],\n    fill: [\n      {\n        fieldKey: 'image',\n        value: {\n          fileName: 'green_image.png',\n          width: 500,\n          height: 500,\n        },\n      },\n    ],\n    expect: [\n      {\n        type: 'error',\n        fieldKey: 'image',\n        args: {\n          minWidth: 100,\n          minHeight: 100,\n          maxWidth: 400,\n          maxHeight: 400,\n        },\n        text: el.form.error.image.image_dimension_size,\n      },\n    ],\n  },\n];\n\nexport default scenarios;\n"],
+  "mappings": "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",
   "names": ["el"]
 }

package/cjs/lazy/index.js

@@ -41,12 +41,12 @@ var lazy_default = {
   "FieldBase": (0, import_react.lazy)(() => import("@digigov/form/Field/FieldBase").then((module2) => ({ default: module2["FieldBase"] }))),
   "FieldBaseContainer": (0, import_react.lazy)(() => import("@digigov/form/Field/FieldBaseContainer").then((module2) => ({ default: module2["FieldBaseContainer"] }))),
   "FieldConditional": (0, import_react.lazy)(() => import("@digigov/form/Field/FieldConditional").then((module2) => ({ default: module2["FieldConditional"] }))),
-  "FieldObject": (0, import_react.lazy)(() => import("@digigov/form/FieldObject").then((module2) => ({ default: module2["FieldObject"] }))),
   "FormDialog": (0, import_react.lazy)(() => import("@digigov/form/FieldArray/FormDialog").then((module2) => ({ default: module2["FormDialog"] }))),
   "ArrayItemModal": (0, import_react.lazy)(() => import("@digigov/form/FieldArray/FormDialog").then((module2) => ({ default: module2["ArrayItemModal"] }))),
   "ArrayItemHeader": (0, import_react.lazy)(() => import("@digigov/form/FieldArray/FormDialog").then((module2) => ({ default: module2["ArrayItemHeader"] }))),
   "ArrayItemDisplay": (0, import_react.lazy)(() => import("@digigov/form/FieldArray/FormDialog").then((module2) => ({ default: module2["ArrayItemDisplay"] }))),
   "FieldArray": (0, import_react.lazy)(() => import("@digigov/form/FieldArray").then((module2) => ({ default: module2["FieldArray"] }))),
+  "FieldObject": (0, import_react.lazy)(() => import("@digigov/form/FieldObject").then((module2) => ({ default: module2["FieldObject"] }))),
   "FieldsetWithContext": (0, import_react.lazy)(() => import("@digigov/form/Fieldset/FieldsetWithContext").then((module2) => ({ default: module2["FieldsetWithContext"] }))),
   "FieldsetLabel": (0, import_react.lazy)(() => import("@digigov/form/Fieldset").then((module2) => ({ default: module2["FieldsetLabel"] }))),
   "FieldsetCaption": (0, import_react.lazy)(() => import("@digigov/form/Fieldset").then((module2) => ({ default: module2["FieldsetCaption"] }))),
@@ -89,6 +89,7 @@ var lazy_default = {
   "RadioButtonsGroup": (0, import_react.lazy)(() => import("@digigov/form/inputs/Radio").then((module2) => ({ default: module2["RadioButtonsGroup"] }))),
   "ControlledRadioButtonsGroup": (0, import_react.lazy)(() => import("@digigov/form/inputs/Radio").then((module2) => ({ default: module2["ControlledRadioButtonsGroup"] }))),
   "AFM_VALIDATOR": (0, import_react.lazy)(() => import("@digigov/form/validators/utils").then((module2) => ({ default: module2["AFM_VALIDATOR"] }))),
+  "AMKA_VALIDATOR": (0, import_react.lazy)(() => import("@digigov/form/validators/utils").then((module2) => ({ default: module2["AMKA_VALIDATOR"] }))),
   "LATER_THAN_VALIDATOR": (0, import_react.lazy)(() => import("@digigov/form/validators/utils").then((module2) => ({ default: module2["LATER_THAN_VALIDATOR"] }))),
   "EARLIER_THAN_VALIDATOR": (0, import_react.lazy)(() => import("@digigov/form/validators/utils").then((module2) => ({ default: module2["EARLIER_THAN_VALIDATOR"] }))),
   "DATE_VALIDATOR": (0, import_react.lazy)(() => import("@digigov/form/validators/utils").then((module2) => ({ default: module2["DATE_VALIDATOR"] }))),