@m4l/components 7.0.0 → 7.1.2

package/components/hook-form/RHFTextFieldPassword/RHFTextFieldPassword.d.ts

@@ -5,4 +5,7 @@ import { RHFTextFieldPasswordProps } from './types';
  * @param props
  * @returns
  */
+/**
+ * TODO: Documentar
+ */
 export declare const RHFTextFieldPassword: (props: RHFTextFieldPasswordProps) => import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFTextFieldPassword/RHFTextFieldPassword.js

@@ -0,0 +1,68 @@
+import { jsx } from "react/jsx-runtime";
+import { useEnvironment } from "@m4l/core";
+import { InputAdornment } from "@mui/material";
+import { useState } from "react";
+import { I as IconButton } from "../../mui_extended/IconButton/IconButton.js";
+import { R as RHFTextField } from "../RHFTextField/RHFTextField.js";
+import { R as RHFTextFieldPasswordRoot } from "./styles.js";
+import { u as useUtilityClasses } from "./classes/index.js";
+import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.js";
+import { g as getNameDataTestId } from "./tests/utils.js";
+const RHFTextFieldPassword = (props) => {
+  const {
+    name,
+    label,
+    skeletonWidth,
+    skeletonHeight,
+    size,
+    mandatory,
+    mandatoryMessage,
+    helperMessage
+  } = props;
+  const [showPassword, setShowPassword] = useState(false);
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const classes = useUtilityClasses();
+  return (
+    /* RHFTextFieldPasswordRoot: Contenedor principal del componente, es usado para aplicar los estilos css de los overrides
+        que provienen del objeto del tema. Se usa para garantizar de que estos estilos no se propaguen a otros
+        componentes de la plataforna web. */
+    /* @__PURE__ */ jsx(
+      RHFTextFieldPasswordRoot,
+      {
+        className: classes.root,
+        ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("root") } : {},
+        children: /* @__PURE__ */ jsx(
+          RHFTextField,
+          {
+            name,
+            label,
+            type: showPassword ? "text" : "password",
+            autoComplete: "on",
+            skeletonWidth,
+            skeletonHeight,
+            size,
+            mandatory,
+            mandatoryMessage,
+            helperMessage,
+            InputProps: {
+              endAdornment: (
+                /* InputAdornment: Componente de la librería externa material ui, permite agregar un elemento gráfico
+                            personalizado dentro del campo de texto*/
+                /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(
+                  IconButton,
+                  {
+                    onClick: () => setShowPassword(!showPassword),
+                    src: showPassword ? `${host_static_assets}/${environment_assets}/frontend/domain/host/login/assets/icons/eye.svg` : `${host_static_assets}/${environment_assets}/frontend/domain/host/login/assets/icons/eye_off.svg`
+                  }
+                ) })
+              )
+            }
+          }
+        )
+      }
+    )
+  );
+};
+export {
+  RHFTextFieldPassword as R
+};

package/components/hook-form/RHFTextFieldPassword/classes/index.d.ts

@@ -1,6 +1,9 @@
 import { RHFTextFieldPasswordClassesType } from './types';
 export declare const RHFTextFieldPasswordClasses: RHFTextFieldPasswordClassesType;
 export declare function getRHFTextFieldPasswordUtilityClass(slot: string): string;
+/**
+ * TODO: Documentar
+ */
 export declare const useUtilityClasses: () => {
     root: string;
 };

package/components/hook-form/RHFTextFieldPassword/classes/index.js

@@ -0,0 +1,25 @@
+import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+generateUtilityClasses(
+  "M4LRHFTextFieldPassword",
+  [
+    /* elements */
+    "root"
+    /* states or variants of elements */
+  ]
+);
+function getRHFTextFieldPasswordUtilityClass(slot) {
+  return generateUtilityClass("M4LRHFTextFieldPassword", slot);
+}
+const useUtilityClasses = () => {
+  const slots = {
+    root: ["root"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getRHFTextFieldPasswordUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+export {
+  useUtilityClasses as u
+};

package/components/hook-form/RHFTextFieldPassword/classes/types.d.ts

@@ -1,4 +1,4 @@
 export interface RHFTextFieldPasswordClassesType {
     root: string;
 }
-export declare type RHFTextFieldPasswordClassesKey = keyof RHFTextFieldPasswordClassesType;
+export type RHFTextFieldPasswordClassesKey = keyof RHFTextFieldPasswordClassesType;

package/components/hook-form/RHFTextFieldPassword/index.js

@@ -0,0 +1 @@
+

package/components/hook-form/RHFTextFieldPassword/styles.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const RHFTextFieldPasswordRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const RHFTextFieldPasswordRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/hook-form/RHFTextFieldPassword/styles.js

@@ -0,0 +1,7 @@
+import { styled } from "@mui/material/styles";
+const RHFTextFieldPasswordRoot = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LRHFTextFieldPassword?.styleOverrides || {}
+}));
+export {
+  RHFTextFieldPasswordRoot as R
+};

package/components/hook-form/RHFTextFieldPassword/tests/constants.js

@@ -0,0 +1,4 @@
+const RHFTEXTFIELDPASSWORD_PREFIX = "RHFTextFieldPassword";
+export {
+  RHFTEXTFIELDPASSWORD_PREFIX as R
+};

package/components/hook-form/RHFTextFieldPassword/tests/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/hook-form/RHFTextFieldPassword/tests/utils.js

@@ -0,0 +1,7 @@
+import { R as RHFTEXTFIELDPASSWORD_PREFIX } from "./constants.js";
+const getNameDataTestId = (KEY) => {
+  return `${RHFTEXTFIELDPASSWORD_PREFIX}-${KEY}`;
+};
+export {
+  getNameDataTestId as g
+};

package/components/hook-form/RHFTextFieldPassword/types.d.ts

@@ -1,2 +1,2 @@
 import { RHFTextFieldProps } from '../RHFTextField/types';
-export declare type RHFTextFieldPasswordProps = RHFTextFieldProps;
+export type RHFTextFieldPasswordProps = RHFTextFieldProps;

package/components/hook-form/RHFTextFieldPassword/types.js

@@ -0,0 +1 @@
+

package/components/hook-form/RHFUpload/RHFUploaMultipleFile/types.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { DropzoneOptions } from 'react-dropzone';
+import { SxProps } from '@mui/material';
+import { Theme } from '@mui/material/styles';
+export interface UploadMultiFileProps extends DropzoneOptions {
+    error?: boolean;
+    files: (File | string)[];
+    showPreview: boolean;
+    onRemove: (file: File | string) => void;
+    onRemoveAll: VoidFunction;
+    sx?: SxProps<Theme>;
+    helperText?: ReactNode;
+}

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

@@ -1,2 +1,5 @@
 import { RHFUploadImageProps } from './types';
+/**
+ * TODO: Documentar
+ */
 export declare function RHFUploadImage({ name, ...other }: RHFUploadImageProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,41 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { useFormContext, Controller } from "react-hook-form";
+import { U as UploadImage } from "./subcomponents/UploadImage/index.js";
+import { W as WrapperRHFUploadImage } from "./styles.js";
+import { H as HelperError } from "../../../HelperError/HelperError.js";
+function RHFUploadImage({ name, ...other }) {
+  const { control, setValue } = useFormContext();
+  const handleDrop = useCallback(
+    (acceptedFiles) => {
+      const file = acceptedFiles[0];
+      if (file) {
+        setValue(
+          name,
+          Object.assign(file, {
+            preview: URL.createObjectURL(file)
+          })
+        );
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [setValue]
+  );
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      name,
+      control,
+      render: ({ field, fieldState: { error } }) => {
+        const checkError = !!error && !field.value;
+        return /* @__PURE__ */ jsxs(WrapperRHFUploadImage, { children: [
+          /* @__PURE__ */ jsx(UploadImage, { onDrop: handleDrop, error: checkError, ...other, file: field.value }),
+          checkError && /* @__PURE__ */ jsx(HelperError, { message: error.message })
+        ] });
+      }
+    }
+  );
+}
+export {
+  RHFUploadImage as R
+};

package/components/hook-form/RHFUpload/RHFUploadImage/classes/constants.js

@@ -0,0 +1,4 @@
+const componentName = "M4LRHFUploadImage";
+export {
+  componentName as c
+};

package/components/hook-form/RHFUpload/RHFUploadImage/classes/index.d.ts

@@ -2,6 +2,9 @@ import { RHFUploadImageClassesType } from './types';
 import { OwnerState } from '../subcomponents/UploadImage/types';
 export declare const RHFUploadImageClasses: RHFUploadImageClassesType;
 export declare function getRHFUploadImagebUtilityClass(slot: string): string;
+/**
+ * TODO: Documentar
+ */
 export declare const RHFUploadImageUtilityClasses: (ownerState: OwnerState) => {
     root: string;
     skeleton: string;

package/components/hook-form/RHFUpload/RHFUploadImage/classes/index.js

@@ -0,0 +1,57 @@
+import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { c as componentName } from "./constants.js";
+generateUtilityClasses(
+  componentName,
+  [
+    /* elements */
+    "root",
+    "dropZoneStyle",
+    "containerFileImage",
+    "placeHolder",
+    "containerUploadBoddy",
+    "containerBodyImage",
+    "containerMessage",
+    "containerTitle",
+    "containerDescription",
+    "containerConditions",
+    "containerUploadImage",
+    "string",
+    "skeleton",
+    "inputDropZone",
+    /* states or variants of elements */
+    "stateError"
+  ]
+);
+function getRHFUploadImagebUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const RHFUploadImageUtilityClasses = (ownerState) => {
+  const slots = {
+    root: [
+      "root",
+      ownerState.isDragReject && "stateError",
+      ownerState.isDragActive && "stateActive",
+      ownerState.hasFile && "hasFile"
+    ],
+    dropZoneStyle: ["dropZoneStyle"],
+    containerFileImage: ["containerFileImage"],
+    placeHolder: ["placeHolder"],
+    containerUploadBoddy: ["containerUploadBoddy"],
+    containerBodyImage: ["containerBodyImage"],
+    containerMessage: ["containerMessage"],
+    containerTitle: ["containerTitle"],
+    containerDescription: ["containerDescription"],
+    containerConditions: ["containerConditions"],
+    containerUploadImage: ["containerUploadImage"],
+    skeleton: ["skeleton"],
+    inputDropZone: ["inputDropZone"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getRHFUploadImagebUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+export {
+  RHFUploadImageUtilityClasses as R
+};

package/components/hook-form/RHFUpload/RHFUploadImage/classes/types.d.ts

@@ -14,5 +14,5 @@ export interface RHFUploadImageClassesType {
     skeleton: string;
     inputDropZone: string;
 }
-export declare type RHFUploadImageClassesKey = keyof RHFUploadImageClassesType;
-export declare type Classes = ReturnType<typeof RHFUploadImageUtilityClasses>;
+export type RHFUploadImageClassesKey = keyof RHFUploadImageClassesType;
+export type Classes = ReturnType<typeof RHFUploadImageUtilityClasses>;

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

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

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

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const WrapperRHFUploadImage: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WrapperRHFUploadImage: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,9 @@
+import { styled } from "@mui/material";
+const WrapperRHFUploadImage = styled("div")(() => ({
+  width: "inherit",
+  height: "inherit",
+  padding: "1px"
+}));
+export {
+  WrapperRHFUploadImage as W
+};

package/components/hook-form/RHFUpload/RHFUploadImage/subcomponents/UploadImage/index.d.ts

@@ -1,2 +1,5 @@
 import { UploadImageProps } from './types';
+/**
+ * TODO: Documentar
+ */
 export default function UploadImage({ error, file, helperText, sx, ...other }: UploadImageProps): import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFUpload/RHFUploadImage/subcomponents/UploadImage/index.js

@@ -0,0 +1,148 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import isString from "lodash.isstring";
+import { useDropzone } from "react-dropzone";
+import { I as Image } from "../../../../../Image/Image.js";
+import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
+import { U as UploadImageRoot } from "./styles.js";
+import { S as SkeletonUploadImage } from "./subcomponents/Skeleton/index.js";
+import { R as RHFUploadImageUtilityClasses } from "../../classes/index.js";
+import { g as getNameRHFUploadImageDataTestId } from "../../tests/utils.js";
+import { T as TEST_PROP_ID } from "../../../../../../test/constants_no_mock.js";
+import { T as Typography } from "../../../../../mui_extended/Typography/Typography.js";
+import { B as Button } from "../../../../../mui_extended/Button/Button.js";
+function UploadImage({ error, file, helperText, sx, ...other }) {
+  const { getRootProps, getInputProps, isDragActive, isDragReject, open } = useDropzone({
+    multiple: false,
+    ...other
+  });
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const { getLabel } = useModuleDictionary();
+  const isSkeleton = useModuleSkeleton();
+  const ownerSate = {
+    isDragReject: isDragReject || error,
+    isDragActive,
+    hasFile: file
+  };
+  const classes = RHFUploadImageUtilityClasses(ownerSate);
+  return /* @__PURE__ */ jsx(
+    UploadImageRoot,
+    {
+      className: classes.root,
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("root") } : {},
+      children: !isSkeleton ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        "está sin skeleton",
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: classes.containerUploadImage,
+            ...process.env.NODE_ENV !== "production" ? {
+              [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("containerUploadImage")
+            } : {},
+            children: /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: classes.dropZoneStyle,
+                ...getRootProps(),
+                ...process.env.NODE_ENV !== "production" ? {
+                  [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("dropZoneStyle")
+                } : {},
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      ...getInputProps(),
+                      className: classes.inputDropZone,
+                      ...process.env.NODE_ENV !== "production" ? {
+                        [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("inputDropZone")
+                      } : {}
+                    }
+                  ),
+                  file && /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: classes.containerFileImage,
+                      ...process.env.NODE_ENV !== "production" ? {
+                        [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("containerFileImage")
+                      } : {},
+                      children: /* @__PURE__ */ jsx(
+                        Image,
+                        {
+                          alt: "bgImageUploadImage",
+                          src: isString(file) ? file : file.preview || "",
+                          ratio: "1:1"
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: classes.placeHolder,
+                      ...process.env.NODE_ENV !== "production" ? {
+                        [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("placeHolder")
+                      } : {},
+                      children: /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          className: classes.containerUploadBoddy,
+                          ...process.env.NODE_ENV !== "production" ? {
+                            [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("containerUploadBoddy")
+                          } : {},
+                          children: [
+                            /* @__PURE__ */ jsx(
+                              "div",
+                              {
+                                className: classes.containerBodyImage,
+                                ...process.env.NODE_ENV !== "production" ? {
+                                  [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("containerBodyImage")
+                                } : {},
+                                children: /* @__PURE__ */ jsx(
+                                  Image,
+                                  {
+                                    src: `${host_static_assets}/${environment_assets}/frontend/components/upload_image/assets/img/upload_image_illustration.svg`,
+                                    ratio: "1:1"
+                                  }
+                                )
+                              }
+                            ),
+                            /* @__PURE__ */ jsxs(
+                              "div",
+                              {
+                                className: classes.containerMessage,
+                                ...process.env.NODE_ENV !== "production" ? {
+                                  [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("containerMessage")
+                                } : {},
+                                children: [
+                                  /* @__PURE__ */ jsx(
+                                    Typography,
+                                    {
+                                      className: classes.containerTitle,
+                                      variant: "subtitle",
+                                      skeletonWidth: "150px",
+                                      children: getLabel("upload_image.title_upload")
+                                    }
+                                  ),
+                                  /* @__PURE__ */ jsx(Typography, { className: classes.containerDescription, variant: "body", children: getLabel("upload_image.description") }),
+                                  /* @__PURE__ */ jsx(Typography, { className: classes.containerConditions, variant: "body", children: getLabel("upload_image.conditions") }),
+                                  /* @__PURE__ */ jsx(Button, { onClick: open, children: getLabel("upload_image.label_button") })
+                                ]
+                              }
+                            )
+                          ]
+                        }
+                      )
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ),
+        helperText && helperText
+      ] }) : /* @__PURE__ */ jsx(SkeletonUploadImage, { classes: classes.skeleton })
+    }
+  );
+}
+export {
+  UploadImage as U
+};

package/components/hook-form/RHFUpload/RHFUploadImage/subcomponents/UploadImage/styles.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const UploadImageRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const UploadImageRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/hook-form/RHFUpload/RHFUploadImage/subcomponents/UploadImage/styles.js

@@ -0,0 +1,7 @@
+import { styled } from "@mui/material/styles";
+const UploadImageRoot = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LRHFUploadImage?.styleOverrides || {}
+}));
+export {
+  UploadImageRoot as U
+};

package/components/hook-form/RHFUpload/RHFUploadImage/subcomponents/UploadImage/subcomponents/Skeleton/index.d.ts

@@ -1,2 +1,5 @@
 import { SkeletonUploadImageProps } from './types';
+/**
+ * TODO: Documentar
+ */
 export declare const SkeletonUploadImage: (props: SkeletonUploadImageProps) => import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFUpload/RHFUploadImage/subcomponents/UploadImage/subcomponents/Skeleton/index.js

@@ -0,0 +1,23 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Skeleton } from "@mui/material";
+import { g as getNameRHFUploadImageDataTestId } from "../../../../tests/utils.js";
+import { T as TEST_PROP_ID } from "../../../../../../../../test/constants_no_mock.js";
+const SkeletonUploadImage = (props) => {
+  const { classes } = props;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: classes,
+      ...process.env.NODE_ENV !== "production" ? {
+        [TEST_PROP_ID]: getNameRHFUploadImageDataTestId("skeleton")
+      } : {},
+      children: [
+        "está con skeleton",
+        /* @__PURE__ */ jsx(Skeleton, { variant: "rectangular", width: "100%", height: "100%" })
+      ]
+    }
+  );
+};
+export {
+  SkeletonUploadImage as S
+};

package/components/hook-form/RHFUpload/RHFUploadImage/subcomponents/UploadImage/types.d.ts

@@ -1,7 +1,7 @@
-import type { ReactNode } from 'react';
-import type { DropzoneOptions } from 'react-dropzone';
-import type { SxProps } from '@mui/material';
-import type { Theme } from '@mui/material/styles';
+import { ReactNode } from 'react';
+import { DropzoneOptions } from 'react-dropzone';
+import { SxProps } from '@mui/material';
+import { Theme } from '@mui/material/styles';
 import { CustomFile } from '../../../types';
 export interface UploadImageProps extends DropzoneOptions {
     error?: boolean;

package/components/hook-form/RHFUpload/RHFUploadImage/tests/constants.js

@@ -0,0 +1,4 @@
+const ICON_PREFIX = "M4LRHFUploadImage";
+export {
+  ICON_PREFIX as I
+};

package/components/hook-form/RHFUpload/RHFUploadImage/tests/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/hook-form/RHFUpload/RHFUploadImage/tests/utils.d.ts

@@ -1,2 +1,2 @@
-import type { RHFUploadImageClassesKey } from '../classes/types';
+import { RHFUploadImageClassesKey } from '../classes/types';
 export declare const getNameRHFUploadImageDataTestId: (KEY: RHFUploadImageClassesKey) => string;

package/components/hook-form/RHFUpload/RHFUploadImage/tests/utils.js

@@ -0,0 +1,7 @@
+import { I as ICON_PREFIX } from "./constants.js";
+const getNameRHFUploadImageDataTestId = (KEY) => {
+  return `${ICON_PREFIX}-${KEY}`;
+};
+export {
+  getNameRHFUploadImageDataTestId as g
+};

package/components/hook-form/RHFUpload/RHFUploadImage/types.d.ts

@@ -1,8 +1,8 @@
-import type { ReactNode } from 'react';
-import type { DropzoneOptions } from 'react-dropzone';
+import { ReactNode } from 'react';
+import { DropzoneOptions } from 'react-dropzone';
 import { CustomFile } from '../types';
-import type { SxProps } from '@mui/material';
-import type { Theme } from '@mui/material/styles';
+import { SxProps } from '@mui/material';
+import { Theme } from '@mui/material/styles';
 export interface UploadImageProps extends DropzoneOptions {
     error?: boolean;
     file: CustomFile | string | null;

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

@@ -0,0 +1 @@
+

package/components/hook-form/RHFormContext/classes/constants.js

@@ -0,0 +1,4 @@
+const componentName = "M4LRHFormProvider";
+export {
+  componentName as c
+};

package/components/hook-form/RHFormContext/classes/index.d.ts

@@ -1,9 +1,12 @@
 import { RHFormProivderClassesType } from './types';
 export declare const RHFormProviderClasses: RHFormProivderClassesType;
 export declare function getRHFormProviderUtilityClass(slot: string): string;
+/**
+ * TODO: Documentar
+ */
 export declare const RHFormProviderUtilityClasses: () => {
-    value: string;
     root: string;
+    value: string;
     property: string;
     skeletonProperty: string;
 };

package/components/hook-form/RHFormContext/classes/index.js

@@ -0,0 +1,29 @@
+import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { c as componentName } from "./constants.js";
+generateUtilityClasses(
+  componentName,
+  [
+    /* elements */
+    "root"
+    /* states or variants of elements */
+  ]
+);
+function getRHFormProviderUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const RHFormProviderUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    property: ["property"],
+    value: ["value"],
+    skeletonProperty: ["skeletonProperty"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getRHFormProviderUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+export {
+  RHFormProviderUtilityClasses as R
+};