@m4l/components 0.2.0 → 0.2.2

package/components/PDFViewer/index.a5aa165a.js

@@ -1,63 +0,0 @@
-import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { B as Button } from "../mui_extended/Button/index.e6f08a67.js";
-const PDFVeiwerRoot = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LPDFViewer?.styleOverrides
-}));
-const componentName = "M4LPDFViewer";
-generateUtilityClasses(componentName, [
-  "root",
-  "buttonDownload"
-]);
-function getPDFViewerUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const pdfviewerUtilityClasses = () => {
-  const slots = {
-    root: ["root"],
-    buttonDownload: ["buttonDownload"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getPDFViewerUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const PDFViewer = (props) => {
-  const {
-    pdfUrl
-  } = props;
-  console.log("pdfUrl", pdfUrl);
-  const handleDownload = async () => {
-    try {
-      const response = await fetch(pdfUrl);
-      const blob = await response.blob();
-      const url = window.URL.createObjectURL(new Blob([blob]));
-      const link = document.createElement("a");
-      link.href = url;
-      link.download = pdfUrl.substring(pdfUrl.lastIndexOf("/") + 1);
-      document.body.appendChild(link);
-      link.click();
-      document.body.removeChild(link);
-    } catch (error) {
-      console.error("Error al descargar el PDF:", error);
-    }
-  };
-  const classes = pdfviewerUtilityClasses();
-  return /* @__PURE__ */ jsxs(PDFVeiwerRoot, {
-    className: classes.root,
-    children: [/* @__PURE__ */ jsx("embed", {
-      src: pdfUrl,
-      type: "application/pdf",
-      width: "100%",
-      height: "100%"
-    }), /* @__PURE__ */ jsx(Button, {
-      onClick: handleDownload,
-      variant: "contained",
-      children: "Descargar PDF"
-    })]
-  });
-};
-export {
-  PDFViewer as P
-};

package/components/PDFViewer/index.d.ts

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

package/components/PDFViewer/types.d.ts

@@ -1,3 +0,0 @@
-export interface PDFViewerPros {
-    pdfUrl: string;
-}

package/components/PrintingSystem/subcomponents/QRImageNode/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { QRImageNodeProps } from './types';
-export declare const QRImageNode: (props: QRImageNodeProps) => import("react").JSX.Element;

package/components/PrintingSystem/subcomponents/QRImageNode/types.d.ts

@@ -1,3 +0,0 @@
-import { QRImageNode } from "../../types";
-export interface QRImageNodeProps extends QRImageNode {
-}

package/components/PropertyValue/index.6cf82fc6.js

@@ -1,206 +0,0 @@
-import { styled } from "@mui/material/styles";
-import { useResponsiveDesktop } from "@m4l/graphics";
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import clsx from "clsx";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../vendor.7a173698.js";
-import { useState } from "react";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { I as Icon } from "../Icon/index.3c683ca2.js";
-import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
-const PropertyValueRoot = styled("div")(({
-  theme
-}) => ({
-  ...theme.components?.M4LPropertyValue?.styleOverrides
-}));
-const componentName = "M4LPropertyValue";
-generateUtilityClasses(componentName, [
-  "root",
-  "property",
-  "iconProperty",
-  "value",
-  "isDisabled",
-  "isFocus",
-  "variantIsForm",
-  "isTabSelected",
-  "isMobile"
-]);
-function getPropertyValueUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const propertyValueUtilityClasses = (ownerState) => {
-  const slots = {
-    root: ["root", ownerState.disabled && "isDisabled", ownerState.isFocus && "isFocus", ownerState.isForm && "variantIsForm", ownerState.isTabSelected && "isTabSelected", ownerState.isMobile && "isMobile"],
-    property: ["property"],
-    iconProperty: ["iconProperty"],
-    value: ["value"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getPropertyValueUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const COMPONENT_PREFIX = "m4l-property-value";
-const TEST_PROPS_DATA = `${COMPONENT_PREFIX}-data`;
-function PropertyValue(props) {
-  const {
-    property,
-    iconProperty,
-    value,
-    propertyWidth = 200,
-    valueHeight = "auto",
-    valueWidth = "100",
-    valueWidthMobile,
-    isForm,
-    className,
-    dataTestId = "",
-    disabled = false
-  } = props;
-  const isDesktop = useResponsiveDesktop();
-  const [isFocus, setIsFocus] = useState(false);
-  const [isTabSelected, setIsTabSelected] = useState(false);
-  const getValueW = () => {
-    if (valueWidthMobile && !isDesktop) {
-      return valueWidthMobile;
-    }
-    if (valueWidth === 75 && isDesktop) {
-      return 75;
-    } else if (valueWidth === 75 && !isDesktop) {
-      return 100;
-    }
-    if (valueWidth === 50 && isDesktop) {
-      return 50;
-    } else if (valueWidth === 50 && !isDesktop) {
-      return 100;
-    }
-    if (valueWidth === 25 && isDesktop || valueWidth === 12.5 && isDesktop) {
-      return valueWidth;
-    }
-    if (valueWidth === 25 && !isDesktop) {
-      return 50;
-    }
-    if (valueWidth === 12.5 && !isDesktop) {
-      return 25;
-    }
-    return 100;
-  };
-  const handlerFocus = () => {
-    setIsFocus(true);
-  };
-  const handlerKeyUp = (event) => {
-    if (event.key === "Tab") {
-      console.log("handlerKeyDown condition ok");
-      setIsTabSelected(true);
-    }
-  };
-  const handlerOnBlur = () => {
-    setIsFocus(false);
-    setIsTabSelected(false);
-  };
-  const ownerState = {
-    disabled: isForm && disabled ? disabled : false,
-    isFocus: !disabled && isForm ? isFocus : false,
-    isTabSelected: !disabled && isForm ? isTabSelected : false,
-    isForm: isForm ? true : false,
-    isMobile: !isDesktop
-  };
-  const classes = propertyValueUtilityClasses(ownerState);
-  if (!isForm) {
-    return /* @__PURE__ */ jsxs(PropertyValueRoot, {
-      className: clsx(classes.root, className),
-      style: {
-        gridTemplateColumns: propertyWidth ? `${propertyWidth}px 1fr` : "150px 1fr"
-      },
-      ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROPS_DATA]: JSON.stringify([{
-          property: property ? true : false,
-          value: value ? true : false
-        }]),
-        [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "root", dataTestId)
-      } : {},
-      children: [/* @__PURE__ */ jsxs("div", {
-        className: classes.property,
-        style: {
-          width: propertyWidth && isDesktop ? propertyWidth : "150px",
-          minWidth: propertyWidth && isDesktop ? propertyWidth : "150px"
-        },
-        ...process.env.NODE_ENV !== "production" ? {
-          [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "property", dataTestId)
-        } : {},
-        children: [iconProperty ? /* @__PURE__ */ jsx(Icon, {
-          src: iconProperty,
-          className: classes.iconProperty
-        }) : null, /* @__PURE__ */ jsx(Typography, {
-          variant: "body",
-          skeletonWidth: "70px",
-          children: property
-        })]
-      }), /* @__PURE__ */ jsx("div", {
-        className: classes.value,
-        style: {
-          width: `${getValueW()}%`,
-          maxWidth: `${getValueW()}%`,
-          height: valueHeight
-        },
-        ...process.env.NODE_ENV !== "production" ? {
-          [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "value", dataTestId)
-        } : {},
-        children: value
-      })]
-    });
-  }
-  return /* @__PURE__ */ jsxs(PropertyValueRoot, {
-    className: clsx(classes.root, className),
-    style: {
-      gridTemplateColumns: propertyWidth ? `${propertyWidth}px 1fr` : "150px 1fr"
-    },
-    role: "button",
-    tabIndex: 0,
-    onClick: handlerFocus,
-    onBlur: handlerOnBlur,
-    onKeyUp: handlerKeyUp,
-    ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROPS_DATA]: JSON.stringify([{
-        property: property ? true : false,
-        value: value ? true : false
-      }]),
-      [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "root", dataTestId)
-    } : {},
-    children: [/* @__PURE__ */ jsxs("div", {
-      className: clsx(classes.root, className),
-      style: {
-        width: propertyWidth ? `${propertyWidth}px 1fr` : "150px 1fr"
-      },
-      ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROPS_DATA]: JSON.stringify([{
-          property: property ? true : false,
-          value: value ? true : false
-        }]),
-        [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "root", dataTestId)
-      } : {},
-      children: [iconProperty ? /* @__PURE__ */ jsx(Icon, {
-        src: iconProperty,
-        className: classes.iconProperty
-      }) : null, /* @__PURE__ */ jsx(Typography, {
-        variant: "body",
-        skeletonWidth: "70px",
-        children: property
-      })]
-    }), /* @__PURE__ */ jsx("div", {
-      className: classes.value,
-      style: {
-        width: `${getValueW()}%`,
-        maxWidth: `${getValueW()}%`,
-        height: valueHeight
-      },
-      ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "value", dataTestId)
-      } : {},
-      children: value
-    })]
-  });
-}
-export {
-  PropertyValue as P
-};

package/components/ToastContainer/ToastContainer.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { ToastContainerProps } from "./types";
-export declare const ToastContainer: (props: ToastContainerProps) => import("react").JSX.Element;

package/components/ToastContainer/classes/constants.d.ts

@@ -1 +0,0 @@
-export declare const componentName = "M4LToastContainer";

package/components/ToastContainer/classes/index.d.ts

@@ -1,8 +0,0 @@
-import { ToastClassesType } from './types';
-export declare const toastClasses: ToastClassesType;
-export declare const getToastClassesByState: () => {
-    root: string;
-    toastMessageContainer: string;
-    toastMessageIcon: string;
-    toastMessageInfo: string;
-};

package/components/ToastContainer/classes/types.d.ts

@@ -1,9 +0,0 @@
-import { getToastClassesByState } from ".";
-export interface ToastClassesType {
-    root: string;
-    toastMessageContainer: string;
-    toastMessageIcon: string;
-    toastMessageInfo: string;
-}
-export declare type ToastClassesKey = keyof ToastClassesType;
-export declare type Classes = ReturnType<typeof getToastClassesByState>;

package/components/ToastContainer/index.664b5fc1.js

@@ -1,87 +0,0 @@
-import { styled, generateUtilityClasses } from "@mui/material";
-import { A } from "../../node_modules.0500a400.js";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.de903261.js";
-import { useEnvironment } from "@m4l/core";
-import { useMemo } from "react";
-import { I as Icon } from "../Icon/index.3c683ca2.js";
-const ToastContainerRoot = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LToastContainer?.styleOverrides
-}));
-const componentName = "M4LToastContainer";
-const toastClasses = generateUtilityClasses(
-  componentName,
-  [
-    "root",
-    "toastMessageContainer",
-    "toastMessageIcon",
-    "toastMessageInfo"
-  ]
-);
-const getToastClassesByState = () => {
-  const slots = {
-    root: ["root"],
-    toastMessageContainer: ["toastMessageContainer"],
-    toastMessageIcon: ["toastMessageIcon"],
-    toastMessageInfo: ["toastMessageInfo"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getComponentUtilityClass(componentName), {});
-  return {
-    ...composedClasses
-  };
-};
-const ToastContainer = (props) => {
-  const {
-    children
-  } = props;
-  const classes = getToastClassesByState();
-  return /* @__PURE__ */ jsxs(ToastContainerRoot, {
-    className: classes.root,
-    children: [/* @__PURE__ */ jsx(A, {}), children]
-  });
-};
-const ToastMessage = (props) => {
-  const {
-    messageType,
-    children
-  } = props;
-  const {
-    host_static_assets,
-    environment_assets
-  } = useEnvironment();
-  const iconSuccess = `${host_static_assets}/${environment_assets}/frontend/components/toast/assets/icons/success.svg`;
-  const iconInfo = `${host_static_assets}/${environment_assets}/frontend/components/toast/assets/icons/info.svg`;
-  const iconWarning = `${host_static_assets}/${environment_assets}/frontend/components/toast/assets/icons/warning.svg`;
-  const iconError = `${host_static_assets}/${environment_assets}/frontend/components/toast/assets/icons/error.svg`;
-  const finalIcon = useMemo(() => {
-    switch (messageType) {
-      case "info":
-        return iconInfo;
-      case "success":
-        return iconSuccess;
-      case "warning":
-        return iconWarning;
-      case "error":
-        return iconError;
-      default:
-        return "";
-    }
-  }, [messageType]);
-  return /* @__PURE__ */ jsxs("div", {
-    className: toastClasses.toastMessageContainer,
-    children: [/* @__PURE__ */ jsx("div", {
-      className: toastClasses.toastMessageIcon,
-      children: /* @__PURE__ */ jsx(Icon, {
-        src: finalIcon
-      })
-    }), /* @__PURE__ */ jsx("div", {
-      className: toastClasses.toastMessageInfo,
-      children
-    })]
-  });
-};
-export {
-  ToastContainer as T,
-  ToastMessage as a
-};

package/components/ToastContainer/index.d.ts

@@ -1,2 +0,0 @@
-export { ToastContainer } from './ToastContainer';
-export { ToastMessage } from './subcomponents/ToastMessage';

package/components/ToastContainer/subcomponents/ToastMessage/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { ToastMessageProps } from "./types";
-export declare const ToastMessage: (props: ToastMessageProps) => import("react").JSX.Element;

package/components/ToastContainer/subcomponents/ToastMessage/types.d.ts

@@ -1,5 +0,0 @@
-import { ReactNode } from "react";
-export interface ToastMessageProps {
-    messageType: 'info' | 'success' | 'warning' | 'error' | 'default';
-    children: ReactNode;
-}

package/components/ToastContainer/types.d.ts

@@ -1,4 +0,0 @@
-import { ReactNode } from "react";
-export interface ToastContainerProps {
-    children: ReactNode;
-}

package/components/hook-form/RHFColorPicker/classes/constants.d.ts

@@ -1 +0,0 @@
-export declare const componentName = "M4LRHFColorPicker";

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

@@ -1,11 +0,0 @@
-import { RHFColorPickerClassesType } from './types';
-export declare const colorPickerClasses: RHFColorPickerClassesType;
-export declare function getRHFColorPickerUtilityClass(slot: string): string;
-export declare const useUtilityClasses: () => {
-    root: string;
-    skeleton: string;
-    popoverRoot: string;
-    containerFieldColor: string;
-    containerPicker: string;
-    fieldColor: string;
-};

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

@@ -1,11 +0,0 @@
-import { useUtilityClasses } from ".";
-export interface RHFColorPickerClassesType {
-    root: string;
-    popoverRoot: string;
-    containerFieldColor: string;
-    fieldColor: string;
-    containerPicker: string;
-    skeleton: string;
-}
-export declare type RHFColorPickerClassesKey = keyof RHFColorPickerClassesType;
-export declare type Classes = ReturnType<typeof useUtilityClasses>;

package/components/hook-form/RHFColorPicker/subcomponents/Skeleton/indext.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const Skeleton: () => import("react").JSX.Element;

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { RadioGroupProps } from '@mui/material';
-interface IProps {
-    name: string;
-    options: string[];
-    getOptionLabel?: string[];
-}
-export declare function RHFRadioGroup({ name, options, getOptionLabel, ...other }: IProps & RadioGroupProps): import("react").JSX.Element;
-export {};