@m4l/components 9.2.27 → 9.2.29

package/@types/types.d.ts

@@ -141,6 +141,7 @@ import { AreasViewerOwnerState, AreasViewerType } from '../components/areas/comp
 import { TimePickerOwnerState,TimePickerSlotsType } from '../components/mui_extended/TimePicker/types';
 import { DataGridOwnerState, DataGridSlotsType } from '../components/DataGrid/types';
 import { DynamicFilterAndSortOwnerState, DynamicFilterAndSortSlotsType } from '../hooks/useDynamicFilterAndSort/types';
+import { RHFUploadSingleFileOwnerState, RHFUploadSingleFileSlotsType } from '../components/hook-form/RHFUpload/RHFUploadSingleFile/types';
 import { ChipStatusFormatterSlotsType } from '../components/formatters/ChipStatusFormatter/types';
 import { PrintingSystemOwnerState, PrintingSystemSlotsType } from '../components/PrintingSystem/types';
 
@@ -216,6 +217,7 @@ declare module '@mui/material/styles' {
     M4LTimePicker: TimePickerSlotsType
     M4LDataGrid: DataGridSlotsType;
     M4LDynamicFilterAndSort: DynamicFilterAndSortSlotsType;
+    M4LRHFUploadSingleFile: RHFUploadSingleFileSlotsType;
     M4LChipStatusFormatter: ChipStatusFormatterSlotsType;
     M4LPrintingSystem: PrintingSystemSlotsType;
   }
@@ -290,6 +292,7 @@ declare module '@mui/material/styles' {
     M4LTimePicker: Partial<TimePickerOwnerState>;
     M4LDataGrid: Partial<DataGridOwnerState>;
     M4LDynamicFilterAndSort: Partial<DynamicFilterAndSortOwnerState>;
+    M4LRHFUploadSingleFile: Partial<RHFUploadSingleFileOwnerState>;
     M4LChipStatusFormatter: Partial<ChipStatusFormatterOwnerState>;
     M4LPrintingSystem: Partial<PrintingSystemOwnerState>;
   }
@@ -649,6 +652,11 @@ declare module '@mui/material/styles' {
       styleOverrides?: ComponentsOverrides<Theme>['M4LDynamicFilterAndSort'];
       variants?: ComponentsVariants['M4LDynamicFilterAndSort'];
     };
+    M4LRHFUploadSingleFile?: {
+      defaultProps?: ComponentsPropsList['M4LRHFUploadSingleFile'];
+      styleOverrides?: ComponentsOverrides<Theme>['M4LRHFUploadSingleFile'];
+      variants?: ComponentsVariants['M4LRHFUploadSingleFile'];
+    }
     M4LChipStatusFormatter?: {
       defaultProps?: ComponentsPropsList['M4LChipStatusFormatter'];
       styleOverrides?: ComponentsOverrides<Theme>['M4LChipStatusFormatter'];

package/components/MFIsolationApp/MFIsolationApp.js

@@ -1,12 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useMemo, useCallback } from "react";
+import { useMemo, useCallback, useId } from "react";
 import { unstable_HistoryRouter } from "react-router-dom";
 import { createBrowserHistory } from "history";
 import EventEmitter from "eventemitter3";
 import NProgress from "nprogress";
 import { LocalesProvider, getLocaleFromNetwork, DeviceTypeProvider } from "@m4l/graphics";
 import { EnvironmentProvider, HostToolsProvider, NetworkProvider, axiosOperation, AuthProvider } from "@m4l/core";
-import { T as TOAST_CONTAINER_ID } from "./constants.js";
 import { A as AppearanceComponentProvider } from "../../contexts/AppearanceComponentContext/AppearanceComponentContext.js";
 import { c as createToaster } from "../ToastContainer/helpers/toaster.js";
 import { M as MFAuthApp } from "./subcomponents/MFAuthApp/MFAuthApp.js";
@@ -89,7 +88,8 @@ function MFIsolationApp(props) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  const toaster = createToaster(TOAST_CONTAINER_ID);
+  const toastContainerId = useId();
+  const toaster = createToaster(toastContainerId);
   const hostTools = useMemo(
     () => ({
       history,
@@ -113,7 +113,7 @@ function MFIsolationApp(props) {
       moduleNameField,
       moduleDictionaryLoaded,
       children: /* @__PURE__ */ jsxs(AppearanceComponentProvider, { children: [
-        /* @__PURE__ */ jsx(ToastContainer, { containerId: TOAST_CONTAINER_ID }),
+        /* @__PURE__ */ jsx(ToastContainer, { containerId: toastContainerId }),
         " ",
         /* @__PURE__ */ jsx(
           PopupsProvider,

package/components/hook-form/RHFTimePicker/slots/RHFTimePickerEnum.d.ts

@@ -1,3 +1,6 @@
 export declare enum RHFTimePickerSlots {
-    root = "root"
+    root = "root",
+    label = "label",
+    helperError = "helperError",
+    illustration = "illustration"
 }

package/components/hook-form/RHFUpload/RHFUploadSingleFile/RHFUploadSingleFile.d.ts

@@ -0,0 +1,7 @@
+import { RHFUploadSingleFileProps } from './types';
+/**
+ * This component is used to upload a single file.
+ * @param {RHFUploadSingleFileProps} props - The props for the RHFUploadSingleFile component.
+ * @returns {React.ReactNode} The RHFUploadSingleFile component.
+ */
+export declare function RHFUploadSingleFile(props: RHFUploadSingleFileProps): import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFUpload/RHFUploadSingleFile/RHFUploadSingleFile.js

@@ -0,0 +1,74 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useFormContext, Controller } from "react-hook-form";
+import { U as UploadSingleFile } from "./subcomponents/UploadSingleFile/index.js";
+import { R as RHFUploadSingleFileRootStyled, L as LabelStyled, H as HelperErrorStyled } from "./slots/RHFUploadSingleFileSlots.js";
+import clsx from "clsx";
+import { R as RHF_UPLOAD_SINGLE_FILE_KEY_COMPONENT, D as DEFAULT_MAX_FILE_SIZE } from "./constants.js";
+import { g as getPropDataTestId } from "../../../../test/getNameDataTestId.js";
+import { R as RHFUploadSingleFileSlots } from "./slots/RHFUploadSingleFileEnum.js";
+import { u as useComponentSize } from "../../../../hooks/useComponentSize/useComponentSize.js";
+function RHFUploadSingleFile(props) {
+  const { control } = useFormContext();
+  const { name, label, skeletonWidth, size, className, helperMessage, mandatory, mandatoryMessage, maxFileSize = DEFAULT_MAX_FILE_SIZE, dataTestId, accept = "*/*" } = props;
+  const { currentSize } = useComponentSize(size);
+  const adjustedSize = currentSize === "small" || currentSize === "medium" ? currentSize : "medium";
+  const acceptObj = {
+    [accept]: []
+  };
+  return /* @__PURE__ */ jsx(
+    RHFUploadSingleFileRootStyled,
+    {
+      role: "textbox",
+      "aria-label": "upload-single-file",
+      ownerState: {},
+      className: clsx(className),
+      ...getPropDataTestId(RHF_UPLOAD_SINGLE_FILE_KEY_COMPONENT, RHFUploadSingleFileSlots.root, dataTestId),
+      children: /* @__PURE__ */ jsx(
+        Controller,
+        {
+          name,
+          control,
+          render: ({ field: { value, onChange }, fieldState: { error } }) => {
+            const errorUpload = !!error;
+            return /* @__PURE__ */ jsxs(Fragment, { children: [
+              label && /* @__PURE__ */ jsx(
+                LabelStyled,
+                {
+                  ownerState: {},
+                  error: errorUpload,
+                  label,
+                  mandatory,
+                  mandatoryMessage,
+                  helperMessage,
+                  size: adjustedSize,
+                  skeletonWidth
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                UploadSingleFile,
+                {
+                  maxFileSize,
+                  accept: acceptObj,
+                  file: value,
+                  onChange,
+                  size: adjustedSize
+                }
+              ),
+              errorUpload && /* @__PURE__ */ jsx(
+                HelperErrorStyled,
+                {
+                  message: error?.message,
+                  size: adjustedSize,
+                  ownerState: {}
+                }
+              )
+            ] });
+          }
+        }
+      )
+    }
+  );
+}
+export {
+  RHFUploadSingleFile as R
+};

package/components/hook-form/RHFUpload/RHFUploadSingleFile/RHFUploadSingleFile.styles.d.ts

@@ -0,0 +1,2 @@
+import { RHFUploadSingleFileStyles } from './types';
+export declare const rhfUploadSingleFileStyles: RHFUploadSingleFileStyles;

package/components/hook-form/RHFUpload/RHFUploadSingleFile/RHFUploadSingleFile.styles.js

@@ -0,0 +1,147 @@
+const rhfUploadSingleFileStyles = {
+  /**
+   * estilos root
+   */
+  root: ({ theme }) => ({
+    display: "flex",
+    flexDirection: "column",
+    gap: theme.vars.size.baseSpacings.sp1,
+    height: "300px"
+  }),
+  /**
+   * estilos containerDropZone
+   */
+  containerDropZone: ({ theme }) => ({
+    display: "flex",
+    width: "100%",
+    height: "100%",
+    border: theme.vars.size.borderStroke.container,
+    borderColor: theme.vars.palette.border.default,
+    borderRadius: theme.vars.size.borderRadius.r1,
+    paddingTop: theme.vars.size.baseSpacings.sp2,
+    paddingBottom: theme.vars.size.baseSpacings.sp2,
+    paddingLeft: theme.vars.size.baseSpacings["sp2-5"],
+    paddingRight: theme.vars.size.baseSpacings["sp2-5"]
+  }),
+  /**
+   * estilos dropZone
+   */
+  dropZone: ({ theme, ownerState }) => ({
+    display: "flex",
+    width: "100%",
+    height: "100%",
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: theme.vars.palette.background.neutral,
+    borderRadius: theme.vars.size.borderRadius["r0-5"],
+    padding: theme.vars.size.baseSpacings.sp4,
+    cursor: ownerState.isSkeleton ? "default" : "pointer"
+  }),
+  /**
+   * estilos containerBlockContent
+   */
+  containerBlockContent: ({ theme, ownerState }) => ({
+    flexDirection: "column",
+    justifyContent: "center",
+    alignItems: "center",
+    width: "100%",
+    height: "100%",
+    display: ownerState.hidden ? "none" : "flex",
+    gap: theme.vars.size.baseSpacings.sp4
+  }),
+  label: () => ({
+    display: "flex"
+  }),
+  helperError: () => ({
+    display: "flex"
+  }),
+  image: () => ({
+    display: "flex"
+  }),
+  /**
+   * estilos blockContentGroup
+   */
+  blockContentGroup: ({ theme }) => ({
+    display: "flex",
+    width: "auto",
+    height: "auto",
+    alignItems: "center",
+    flexDirection: "column",
+    gap: theme.vars.size.baseSpacings.sp2
+  }),
+  illustrationUpload: {},
+  title: {},
+  description: {},
+  /**
+   * estilos divider
+   */
+  divider: ({ theme }) => ({
+    display: "flex",
+    overflow: "visible",
+    width: "100%",
+    height: theme.vars.size.borderStroke.container,
+    border: theme.vars.size.borderStroke.container,
+    borderColor: theme.vars.palette.border.secondary,
+    position: "relative",
+    justifyContent: "center",
+    alignItems: "center",
+    margin: theme.vars.size.baseSpacings.sp3
+  }),
+  /**
+   * estilos dividerText
+   */
+  dividerText: ({ theme }) => ({
+    position: "absolute",
+    backgroundColor: theme.vars.palette.background.neutral,
+    padding: theme.vars.size.baseSpacings.sp2
+  }),
+  button: {},
+  /**
+   * estilos containerPreview
+   */
+  containerPreview: ({ theme }) => ({
+    display: "flex",
+    width: "100%",
+    height: "fit-content",
+    gap: theme.vars.size.baseSpacings.sp3,
+    alignContent: "center",
+    padding: theme.vars.size.baseSpacings["sp2-5"],
+    borderRadius: theme.vars.size.borderRadius.r1,
+    border: theme.vars.size.borderStroke.container,
+    borderColor: theme.vars.palette.border.default,
+    backgroundColor: theme.vars.palette.background.default
+  }),
+  /**
+   * estilos containerNameSize
+   */
+  containerNameSize: ({ theme }) => ({
+    display: "flex",
+    flexDirection: "column",
+    flex: 1,
+    gap: theme.vars.size.baseSpacings.sp2,
+    justifyContent: "center"
+  }),
+  /**
+   * estilos imagePreview
+   */
+  imagePreview: ({ theme }) => ({
+    display: "flex",
+    width: theme.vars.size.baseSpacings.sp10,
+    height: theme.vars.size.baseSpacings.sp10,
+    alignItems: "center"
+  }),
+  namePreview: {},
+  sizePreview: {},
+  /**
+   * estilos closePreview
+   */
+  closePreview: () => ({
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    margin: "auto"
+  })
+};
+export {
+  rhfUploadSingleFileStyles as r
+};

package/components/hook-form/RHFUpload/RHFUploadSingleFile/constants.d.ts

@@ -0,0 +1,23 @@
+export declare const RHF_UPLOAD_SINGLE_FILE_KEY_COMPONENT = "M4LRHFUploadSingleFile";
+export declare const RHF_UPLOAD_SINGLE_FILE_CLASSES: Record<string, string>;
+export declare const DEFAULT_MAX_FILE_SIZE: number;
+export declare const FILES_ICONS: {
+    readonly 'application/pdf': "frontend/components/RHF_upload_single_file/assets/icons/application_pdf.svg";
+    readonly 'image/jpeg': "frontend/components/RHF_upload_single_file/assets/icons/image_jpeg.svg";
+    readonly 'image/png': "frontend/components/RHF_upload_single_file/assets/icons/image_png.svg";
+    readonly 'image/gif': "frontend/components/RHF_upload_single_file/assets/icons/image_gif.svg";
+    readonly 'image/svg+xml': "frontend/components/RHF_upload_single_file/assets/icons/image_svg%2Bxml.svg";
+    readonly 'audio/mpeg': "frontend/components/RHF_upload_single_file/assets/icons/audio_mpeg.svg";
+    readonly 'video/mp4': "frontend/components/RHF_upload_single_file/assets/icons/video_mp4.svg";
+    readonly 'application/zip': "frontend/components/RHF_upload_single_file/assets/icons/application_zip.svg";
+    readonly 'application/msword': "frontend/components/RHF_upload_single_file/assets/icons/application_msword.svg";
+    readonly 'application/vnd.openxmlformats-officedocument.wordprocessingml.document': "frontend/components/RHF_upload_single_file/assets/icons/application_vnd.openxmlformats_officedocument.wordprocessingml.document.svg";
+    readonly 'application/vnd.ms-excel': "frontend/components/RHF_upload_single_file/assets/icons/application_vnd.ms_excel.svg";
+    readonly 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': "frontend/components/RHF_upload_single_file/assets/icons/application_vnd.openxmlformats_officedocument.spreadsheetml.sheet.svg";
+    readonly 'application/vnd.ms-powerpoint': "frontend/components/RHF_upload_single_file/assets/icons/application_vnd.ms-powerpoint.svg";
+    readonly 'application/vnd.openxmlformats-officedocument.presentationml.presentation': "frontend/components/RHF_upload_single_file/assets/icons/application_vnd.openxmlformats-officedocument.presentationml.presentation.svg";
+    readonly 'text/plain': "frontend/components/RHF_upload_single_file/assets/icons/text_plain.svg";
+    readonly 'application/octet-stream': "frontend/components/RHF_upload_single_file/assets/icons/application_octet_stream.svg";
+};
+export declare const CLOSE_PREVIEW_ICON = "frontend/components/RHF_upload_single_file/assets/icons/close.svg";
+export declare const ILLUSTRATION_UPLOAD = "frontend/components/RHF_upload_single_file/assets/icons/RHFuploadSingleFile.svg";

package/components/hook-form/RHFUpload/RHFUploadSingleFile/constants.js

@@ -0,0 +1,34 @@
+import { g as getComponentClasses } from "../../../../utils/getComponentSlotRoot.js";
+import { R as RHFUploadSingleFileSlots } from "./slots/RHFUploadSingleFileEnum.js";
+const RHF_UPLOAD_SINGLE_FILE_KEY_COMPONENT = "M4LRHFUploadSingleFile";
+const RHF_UPLOAD_SINGLE_FILE_CLASSES = getComponentClasses(RHF_UPLOAD_SINGLE_FILE_KEY_COMPONENT, RHFUploadSingleFileSlots);
+const DEFAULT_MAX_FILE_SIZE = 100 * 1024 * 1024;
+const PATH_ICONS = "frontend/components/RHF_upload_single_file/assets/icons";
+const FILES_ICONS = {
+  "application/pdf": `${PATH_ICONS}/application_pdf.svg`,
+  "image/jpeg": `${PATH_ICONS}/image_jpeg.svg`,
+  "image/png": `${PATH_ICONS}/image_png.svg`,
+  "image/gif": `${PATH_ICONS}/image_gif.svg`,
+  "image/svg+xml": `${PATH_ICONS}/image_svg%2Bxml.svg`,
+  "audio/mpeg": `${PATH_ICONS}/audio_mpeg.svg`,
+  "video/mp4": `${PATH_ICONS}/video_mp4.svg`,
+  "application/zip": `${PATH_ICONS}/application_zip.svg`,
+  "application/msword": `${PATH_ICONS}/application_msword.svg`,
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document": `${PATH_ICONS}/application_vnd.openxmlformats_officedocument.wordprocessingml.document.svg`,
+  "application/vnd.ms-excel": `${PATH_ICONS}/application_vnd.ms_excel.svg`,
+  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": `${PATH_ICONS}/application_vnd.openxmlformats_officedocument.spreadsheetml.sheet.svg`,
+  "application/vnd.ms-powerpoint": `${PATH_ICONS}/application_vnd.ms-powerpoint.svg`,
+  "application/vnd.openxmlformats-officedocument.presentationml.presentation": `${PATH_ICONS}/application_vnd.openxmlformats-officedocument.presentationml.presentation.svg`,
+  "text/plain": `${PATH_ICONS}/text_plain.svg`,
+  "application/octet-stream": `${PATH_ICONS}/application_octet_stream.svg`
+};
+const CLOSE_PREVIEW_ICON = `${PATH_ICONS}/close.svg`;
+const ILLUSTRATION_UPLOAD = "frontend/components/RHF_upload_single_file/assets/icons/RHFuploadSingleFile.svg";
+export {
+  CLOSE_PREVIEW_ICON as C,
+  DEFAULT_MAX_FILE_SIZE as D,
+  FILES_ICONS as F,
+  ILLUSTRATION_UPLOAD as I,
+  RHF_UPLOAD_SINGLE_FILE_KEY_COMPONENT as R,
+  RHF_UPLOAD_SINGLE_FILE_CLASSES as a
+};

package/components/hook-form/RHFUpload/RHFUploadSingleFile/dictionary.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Get the dictionary for the RHFUploadSingleFile component
+ */
+export declare const getRHFuploadSingleFileComponentsDictionary: () => string[];
+export declare const COMPONENTS_DICTIONARY_KEYS: {
+    errorMaxSize: string;
+    errorFileRejected: string;
+    title: string;
+    description: string;
+    blockContent: string;
+    buttonText: string;
+    dividerText: string;
+    acceptFile: string;
+    acceptSize: string;
+};

package/components/hook-form/RHFUpload/RHFUploadSingleFile/dictionary.js

@@ -0,0 +1,15 @@
+const COMPONENT_KEY = "rhfuploadsinglefile";
+const COMPONENTS_DICTIONARY_KEYS = {
+  errorMaxSize: `${COMPONENT_KEY}.error_max_size`,
+  errorFileRejected: `${COMPONENT_KEY}.error_file_rejected`,
+  title: `${COMPONENT_KEY}.title`,
+  description: `${COMPONENT_KEY}.description`,
+  blockContent: `${COMPONENT_KEY}.block_content`,
+  buttonText: `${COMPONENT_KEY}.button_text`,
+  dividerText: `${COMPONENT_KEY}.divider_text`,
+  acceptFile: `${COMPONENT_KEY}.accept_file`,
+  acceptSize: `${COMPONENT_KEY}.accept_size`
+};
+export {
+  COMPONENTS_DICTIONARY_KEYS as C
+};

package/components/hook-form/RHFUpload/RHFUploadSingleFile/helpers/formatFileSize.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Formatea el tamaño del archivo.
+ * @param bytes - Tamaño del archivo en bytes.
+ * @returns Tamaño del archivo formateado.
+ */
+export declare const formatFileSize: (bytes: number) => string;

package/components/hook-form/RHFUpload/RHFUploadSingleFile/helpers/formatFileSize.js

@@ -0,0 +1,16 @@
+const formatFileSize = (bytes) => {
+  if (!bytes) {
+    return "";
+  }
+  const units = ["bytes", "KB", "MB", "GB"];
+  let size = bytes;
+  let unitIndex = 0;
+  while (size >= 1024 && unitIndex < units.length - 1) {
+    size /= 1024;
+    unitIndex++;
+  }
+  return `${size.toFixed(2)} ${units[unitIndex]}`;
+};
+export {
+  formatFileSize as f
+};

package/components/hook-form/RHFUpload/RHFUploadSingleFile/helpers/getReadableFileType.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Obtiene el tipo de archivo legible para el usuario.
+ * @param mimeType - El tipo de archivo en formato MIME.
+ * @returns El tipo de archivo legible para el usuario.
+ */
+export declare const getReadableFileType: (mimeType: string) => string;

package/components/hook-form/RHFUpload/RHFUploadSingleFile/helpers/getReadableFileType.js

@@ -0,0 +1,55 @@
+const commonFileTypes = {
+  // Imágenes
+  "image/jpeg": "JPEG",
+  "image/jpg": "JPG",
+  "image/png": "PNG",
+  "image/gif": "GIF",
+  "image/webp": "WEBP",
+  "image/svg+xml": "SVG",
+  // Documentos
+  "application/pdf": "PDF",
+  "application/msword": "DOC",
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "DOCX",
+  "application/vnd.ms-excel": "XLS",
+  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": "XLSX",
+  "application/vnd.ms-powerpoint": "PPT",
+  "application/vnd.openxmlformats-officedocument.presentationml.presentation": "PPTX",
+  // Texto
+  "text/plain": "TXT",
+  "text/html": "HTML",
+  "text/css": "CSS",
+  "text/javascript": "JS",
+  // Comprimidos
+  "application/zip": "ZIP",
+  "application/x-rar-compressed": "RAR",
+  "application/x-7z-compressed": "7Z",
+  // Audio
+  "audio/mpeg": "MP3",
+  "audio/wav": "WAV",
+  "audio/ogg": "OGG",
+  // Video
+  "video/mp4": "MP4",
+  "video/mpeg": "MPEG",
+  "video/webm": "WEBM",
+  "video/quicktime": "MOV"
+};
+const getReadableFileType = (mimeType) => {
+  if (mimeType in commonFileTypes) {
+    return commonFileTypes[mimeType];
+  }
+  const [category, subtype] = mimeType.split("/");
+  if (subtype === "*") {
+    const categoryMap = {
+      image: "Imagen",
+      audio: "Audio",
+      video: "Video",
+      text: "Texto",
+      application: "Aplicación"
+    };
+    return categoryMap[category] || mimeType;
+  }
+  return subtype.toUpperCase() || mimeType;
+};
+export {
+  getReadableFileType as g
+};

package/components/hook-form/RHFUpload/RHFUploadSingleFile/helpers/uploadReducer.d.ts

@@ -0,0 +1,5 @@
+import { UploadAction, UploadState } from '../subcomponents/UploadSingleFile/types';
+/**
+ * Reducer para el estado de la carga de un solo archivo
+ */
+export declare function uploadReducer(state: UploadState, action: UploadAction): UploadState;

package/components/hook-form/RHFUpload/RHFUploadSingleFile/helpers/uploadReducer.js

@@ -0,0 +1,17 @@
+function uploadReducer(state, action) {
+  switch (action.type) {
+    case "SET_PROGRESS":
+      return { ...state, progress: action.payload };
+    case "SET_PREVIEW":
+      return { ...state, preview: action.payload };
+    case "SET_VALID_FILE":
+      return { ...state, validFile: action.payload };
+    case "RESET":
+      return { progress: null, preview: false, validFile: false };
+    default:
+      return state;
+  }
+}
+export {
+  uploadReducer as u
+};

package/components/hook-form/RHFUpload/RHFUploadSingleFile/index.d.ts

@@ -0,0 +1 @@
+export { RHFUploadSingleFile } from './RHFUploadSingleFile';

package/components/hook-form/RHFUpload/RHFUploadSingleFile/slots/RHFUploadSingleFileEnum.d.ts

@@ -0,0 +1,22 @@
+export declare enum RHFUploadSingleFileSlots {
+    root = "root",
+    label = "label",
+    helperError = "helperError",
+    containerDropZone = "containerDropZone",
+    dropZone = "dropZone",
+    image = "image",
+    containerBlockContent = "containerBlockContent",
+    blockContentGroup = "blockContentGroup",
+    illustrationUpload = "illustrationUpload",
+    title = "title",
+    description = "description",
+    divider = "divider",
+    dividerText = "dividerText",
+    button = "button",
+    containerPreview = "containerPreview",
+    containerNameSize = "containerNameSize",
+    imagePreview = "imagePreview",
+    namePreview = "namePreview",
+    sizePreview = "sizePreview",
+    closePreview = "closePreview"
+}

package/components/hook-form/RHFUpload/RHFUploadSingleFile/slots/RHFUploadSingleFileEnum.js

@@ -0,0 +1,26 @@
+var RHFUploadSingleFileSlots = /* @__PURE__ */ ((RHFUploadSingleFileSlots2) => {
+  RHFUploadSingleFileSlots2["root"] = "root";
+  RHFUploadSingleFileSlots2["label"] = "label";
+  RHFUploadSingleFileSlots2["helperError"] = "helperError";
+  RHFUploadSingleFileSlots2["containerDropZone"] = "containerDropZone";
+  RHFUploadSingleFileSlots2["dropZone"] = "dropZone";
+  RHFUploadSingleFileSlots2["image"] = "image";
+  RHFUploadSingleFileSlots2["containerBlockContent"] = "containerBlockContent";
+  RHFUploadSingleFileSlots2["blockContentGroup"] = "blockContentGroup";
+  RHFUploadSingleFileSlots2["illustrationUpload"] = "illustrationUpload";
+  RHFUploadSingleFileSlots2["title"] = "title";
+  RHFUploadSingleFileSlots2["description"] = "description";
+  RHFUploadSingleFileSlots2["divider"] = "divider";
+  RHFUploadSingleFileSlots2["dividerText"] = "dividerText";
+  RHFUploadSingleFileSlots2["button"] = "button";
+  RHFUploadSingleFileSlots2["containerPreview"] = "containerPreview";
+  RHFUploadSingleFileSlots2["containerNameSize"] = "containerNameSize";
+  RHFUploadSingleFileSlots2["imagePreview"] = "imagePreview";
+  RHFUploadSingleFileSlots2["namePreview"] = "namePreview";
+  RHFUploadSingleFileSlots2["sizePreview"] = "sizePreview";
+  RHFUploadSingleFileSlots2["closePreview"] = "closePreview";
+  return RHFUploadSingleFileSlots2;
+})(RHFUploadSingleFileSlots || {});
+export {
+  RHFUploadSingleFileSlots as R
+};