@m4l/components 9.2.32 → 9.2.34

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

@@ -1,146 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import isString from "lodash-es/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 || ""
-                        }
-                      )
-                    }
-                  ),
-                  /* @__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`
-                                  }
-                                )
-                              }
-                            ),
-                            /* @__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, label: 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 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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,5 +0,0 @@
-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

@@ -1,23 +0,0 @@
-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/subcomponents/Skeleton/types.d.ts

@@ -1,3 +0,0 @@
-export interface SkeletonUploadImageProps {
-    classes: string;
-}

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

@@ -1 +0,0 @@
-export declare const ICON_PREFIX = "M4LRHFUploadImage";

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

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

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

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

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

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