@m4l/components 0.1.42 → 0.1.45

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { RHFTextFieldPasswordProps } from './types';
+/**
+ * Provee de un campo de texto de tipo contraseña vinculado al formulario de hook-forms, aporta su versión provisional
+ * de carga en red y el funcionamiento para ocultar y visualizar la contraseña.
+ * @param props
+ * @returns
+ */
+export declare const RHFTextFieldPassword: (props: RHFTextFieldPasswordProps) => JSX.Element;

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+/// <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>, {}>;

package/components/hook-form/RHFUpload/{index.d5cc7c13.js → index.7fdff30f.js}

@@ -4,7 +4,7 @@ import { useFormContext, Controller } from "react-hook-form";
 import isString from "lodash/isString";
 import { useDropzone } from "react-dropzone";
 import { styled, alpha } from "@mui/material/styles";
-import { I as Image } from "../../Image/index.93d5f37f.js";
+import { I as Image } from "../../Image/index.aa24e982.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 const WrapperUploadImage = styled("div")(({

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

@@ -2,12 +2,12 @@ export { RHFAutocomplete } from './RHFAutocomplete';
 export { getRHFAutocompleteComponentsDictionary } from './RHFAutocomplete/dictionary';
 export { RHFAutocompleteAsync } from './RHFAutocompleteAsync';
 export { getRHFAutocompleteAsyncComponentsDictionary } from './RHFAutocompleteAsync/dictionary';
-export { RHFCheckbox } from './RHFCheckbox';
+export * from './RHFCheckbox/RHFCheckbox';
 export { RHFDateTime } from './RHFDateTime';
 export { RHFMultiCheckbox } from './RHFMultiCheckbox';
 export { RHFSelect } from './RHFSelect';
-export { RHFTextField } from './RHFTextField';
-export { RHFTextFieldPassword } from './RHFTextFieldPassword';
+export * from './RHFTextField';
+export * from './RHFTextFieldPassword';
 export { RHFRadioGroup } from './RHFRadioGroup';
 export { RHFPeriod } from './RHFPeriod';
 export { getPeriodComponetsDictionary } from '../Period/dictionary';

package/components/index.d.ts

@@ -4,7 +4,7 @@ export * from './hook-form';
 export * from './mui_extended';
 export * from './formatters';
 export * from './formatters/types';
-export * from './formatters/dicctionary';
+export * from './formatters/dictionary';
 export { DataGrid } from './DataGrid';
 export * from './DataGrid/formatters';
 export type { Column, EditorProps, FormatterProps } from 'react-data-grid';
@@ -17,11 +17,12 @@ export * from './DynamicFilter/dictionary';
 export * from './ErrorLabel';
 export type { FilterFieldApply, RawFilterFieldApply, InitialFilterFieldApply, } from './DynamicFilter/types';
 export * from './CommonActions/';
+export * from './CmpDisenoTest';
 export * from './CommonActions/dictionary';
 export * from './DraggableWindow';
 export * from './Icon';
-export * from './Image';
 export * from './LanguagePopover';
+export * from './Image/Image';
 export * from './Loadable';
 export * from './modal';
 export * from './NoItemSelected';

package/components/modal/{WindowBase.04439b8e.js → WindowBase.bed2458c.js}

@@ -1,11 +1,10 @@
 import { useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.d14edee3.js";
-import "../areas/contexts/DynamicMFParmsContext/index.668bc2e2.js";
+import { u as useModal } from "../../hooks/useModal/index.19172e70.js";
 import { styled } from "@mui/material/styles";
-import { a as getThemeVariantColor } from "../../utils/index.899eb67b.js";
+import { a as getThemeVariantColor } from "../../utils/index.e882b264.js";
 import { IconButton } from "@mui/material";
-import { I as Icon } from "../Icon/index.8d754623.js";
+import { I as Icon } from "../Icon/index.f6e8d810.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 const WrapperWindowBase = styled("div")(({ theme }) => ({
   display: "flex",

package/components/modal/{WindowConfirm.0b8a6818.js → WindowConfirm.bde6242f.js}

@@ -1,22 +1,33 @@
 import { useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.d14edee3.js";
-import "../areas/contexts/DynamicMFParmsContext/index.668bc2e2.js";
-import { A as Actions } from "../CommonActions/components/Actions/index.d3e1f36e.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.9230c57b.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.a0a341c7.js";
+import { u as useModal } from "../../hooks/useModal/index.19172e70.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.a5f70d5d.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.a81752ef.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.d567aebb.js";
 import "react-hook-form";
 import { Typography } from "@mui/material";
 import "@mui/material/Button";
+import "../mui_extended/Button/index.8406ed5b.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "../../react-draggable.84d6b038.js";
-import "../ModalDialog/index.a684827f.js";
-import "../Resizeable/index.c96c0f09.js";
+import "../../react-draggable.0eef011c.js";
+import "../ModalDialog/index.c72a6e31.js";
+import "../Resizeable/index.8a442a8b.js";
 import "@m4l/graphics";
 import { styled } from "@mui/material/styles";
-import { I as Icon } from "../Icon/index.8d754623.js";
-import { b as getVariantColor } from "../../utils/index.899eb67b.js";
-import { W as WindowBase } from "./WindowBase.04439b8e.js";
+import { I as Icon } from "../Icon/index.f6e8d810.js";
+import { b as getVariantColor } from "../../utils/index.e882b264.js";
+import { W as WindowBase } from "./WindowBase.bed2458c.js";
+import "../areas/components/index.e9971ebf.js";
+import "../areas/components/AreasAdmin/index.01739b1f.js";
+import "../mui_extended/IconButton/index.1318a283.js";
+import "zustand";
+import "../areas/contexts/AreasContext/index.1b624579.js";
+import "zustand/shallow";
+import "../areas/components/AreasContainer/index.41fb511e.js";
+import "react-grid-layout/css/styles.css";
+import "../../react-resizable.bb58c8fc.js";
+import "../areas/contexts/index.9c342ce6.js";
+import "../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
 import "@mui/lab";
 const WrapperMessageIlustration = styled("div")(() => ({
   display: "flex",

package/components/modal/index.cb75ce72.js

@@ -0,0 +1,29 @@
+import "@mui/material";
+import "../../react-draggable.0eef011c.js";
+import "react";
+import "../../contexts/ModalContext/index.c8212291.js";
+import "../ModalDialog/index.c72a6e31.js";
+import "../Resizeable/index.8a442a8b.js";
+import "react/jsx-runtime";
+import "@m4l/graphics";
+import "@m4l/core";
+import "../CommonActions/components/Actions/index.a5f70d5d.js";
+import "@mui/material/Button";
+import "../mui_extended/Button/index.8406ed5b.js";
+import "react-hook-form";
+import "./WindowBase.bed2458c.js";
+import "../Icon/index.f6e8d810.js";
+import "@mui/material/styles";
+import "../areas/components/index.e9971ebf.js";
+import "../areas/components/AreasAdmin/index.01739b1f.js";
+import "../mui_extended/IconButton/index.1318a283.js";
+import "zustand";
+import "../areas/contexts/AreasContext/index.1b624579.js";
+import "zustand/shallow";
+import "../areas/components/AreasContainer/index.41fb511e.js";
+import "react-grid-layout/css/styles.css";
+import "../../react-resizable.bb58c8fc.js";
+import "../areas/contexts/index.9c342ce6.js";
+import "../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
+import "@mui/lab";
+import "./WindowConfirm.bde6242f.js";

package/components/mui_extended/Accordion/{index.a541c71c.js → index.1d513477.js}

@@ -1,7 +1,7 @@
 import { Skeleton, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
-import { I as IconButton } from "../IconButton/index.82f16572.js";
+import { I as IconButton } from "../IconButton/index.1318a283.js";
 import { useEnvironment, useModuleSkeleton } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.8d754623.js";
+import { I as Icon } from "../../Icon/index.f6e8d810.js";
 import { styled } from "@mui/material/styles";
 import { jsx, jsxs } from "react/jsx-runtime";
 styled("div")(({

package/components/mui_extended/Button/Button.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ExtendButtonProps } from './types';
+/**
+ * Provee un botón para que los clientes ejecuten acciones en la plataforma web. Aporta su versión provisional de carga en red.
+ * @param props
+ * @returns
+ */
+export declare const Button: (props: ExtendButtonProps) => JSX.Element;

package/components/mui_extended/Button/classes/constants.d.ts

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

package/components/mui_extended/Button/classes/index.d.ts

@@ -0,0 +1,7 @@
+import { ButtonClassesType } from './types';
+export declare const buttonClasses: ButtonClassesType;
+export declare function getButtonUtilityClass(slot: string): string;
+export declare const useUtilityClasses: () => {
+    root: string;
+    skeleton: string;
+};

package/components/mui_extended/Button/classes/types.d.ts

@@ -0,0 +1,5 @@
+export interface ButtonClassesType {
+    root: string;
+    skeleton: string;
+}
+export declare type buttonClassesKey = keyof ButtonClassesType;

package/components/mui_extended/Button/index.8406ed5b.js

@@ -0,0 +1,150 @@
+import { useModuleSkeleton } from "@m4l/core";
+import { styled, Skeleton, generateUtilityClasses, generateUtilityClass, IconButton, Tooltip } from "@mui/material";
+import MuiButton from "@mui/material/Button";
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { I as Image } from "../../Image/index.aa24e982.js";
+import { unstable_composeClasses } from "@mui/base";
+import { LoadingButton as LoadingButton$1 } from "@mui/lab";
+const ButtonRoot = styled("div")(({
+  theme
+}) => ({
+  ...theme.components?.M4LButton?.styleOverrides
+}));
+styled(Skeleton)(({
+  theme
+}) => ({
+  borderRadius: theme.spacing(0.5)
+}));
+const componentName$1 = "M4LButton";
+generateUtilityClasses(componentName$1, [
+  "root",
+  "skeleton"
+]);
+function getButtonUtilityClass(slot) {
+  return generateUtilityClass(componentName$1, slot);
+}
+const useUtilityClasses$1 = () => {
+  const slots = {
+    root: ["root"],
+    skeleton: ["skeleton"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getButtonUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const Button = (props) => {
+  const isSkeleton = useModuleSkeleton();
+  const classes = useUtilityClasses$1();
+  return /* @__PURE__ */ jsx(ButtonRoot, {
+    className: classes.root,
+    "data-testid": "ButtonRoot",
+    children: !isSkeleton ? /* @__PURE__ */ jsx(MuiButton, {
+      ...props
+    }) : /* @__PURE__ */ jsx(Skeleton, {
+      className: classes.skeleton,
+      "data-testid": "MuiSkeleton",
+      sx: {
+        borderRadius: 2
+      },
+      variant: "rectangular",
+      width: "100px",
+      height: "36px"
+    })
+  });
+};
+const WrapperImageButton = styled("div")(({
+  theme
+}) => ({
+  ...theme.components?.M4LImageButton?.styleOverrides
+}));
+const componentName = "M4LImageButton";
+const imageButtonClasses = generateUtilityClasses(componentName, [
+  "root"
+]);
+function getImageButtonUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useUtilityClasses = () => {
+  const slots = {
+    root: ["root"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getImageButtonUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+function ImageButton({
+  src,
+  width,
+  height,
+  useIntersectionObserver,
+  skeletonVariant = "circle",
+  tooltip,
+  sx = {
+    width: 40,
+    height: 40
+  },
+  ...other
+}) {
+  const finalTooltip = tooltip;
+  const classes = useUtilityClasses();
+  const imageButton = useMemo(() => {
+    return /* @__PURE__ */ jsx(IconButton, {
+      sx,
+      ...other,
+      children: /* @__PURE__ */ jsx(Image, {
+        src,
+        width,
+        height,
+        useIntersectionObserver,
+        skeletonVariant
+      })
+    });
+  }, [src, width, height, useIntersectionObserver, skeletonVariant, sx]);
+  return /* @__PURE__ */ jsx(WrapperImageButton, {
+    className: classes.root,
+    "data-testid": "WrapperImageButton",
+    children: finalTooltip ? /* @__PURE__ */ jsx(Tooltip, {
+      title: finalTooltip || "",
+      children: imageButton
+    }) : imageButton
+  });
+}
+const WrapperSkeleton = styled("div")(({
+  theme
+}) => ({
+  display: "flex",
+  width: "100%",
+  borderRadius: theme.spacing(1),
+  overflow: "hidden"
+}));
+const SkeletonLoadingButton = () => /* @__PURE__ */ jsx(WrapperSkeleton, {
+  id: "WrapperSKTLoadingButton",
+  children: /* @__PURE__ */ jsx(Skeleton, {
+    variant: "rectangular",
+    width: "100%",
+    height: "48px"
+  })
+});
+const LoadingButton = (props) => {
+  const {
+    children,
+    ...other
+  } = props;
+  const isSkeleton = useModuleSkeleton();
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(SkeletonLoadingButton, {});
+  }
+  return /* @__PURE__ */ jsx(LoadingButton$1, {
+    ...other,
+    children
+  });
+};
+export {
+  Button as B,
+  ImageButton as I,
+  LoadingButton as L,
+  imageButtonClasses as i
+};

package/components/mui_extended/Button/index.d.ts

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

package/components/mui_extended/Button/styles.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const ButtonRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SKTButton: import("@emotion/styled").StyledComponent<{
+    animation?: false | "pulse" | "wave" | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").SkeletonClasses> | undefined;
+    height?: string | number | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    variant?: "text" | "rectangular" | "rounded" | "circular" | undefined;
+    width?: string | number | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "children" | "width" | "height" | keyof import("@mui/material/OverridableComponent").CommonProps | "animation" | "sx" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/components/mui_extended/IconButton/IconButton.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { IconButtonProps as MUIIconButtonProps } from '@mui/material';
+import { IconButtonProps } from './types';
+/**
+ * Provee un botón con un icono para que los clientes ejecuten acciones en la plataforma web. Aporta su versión provisional de carga en red.
+ * @param props
+ * @returns
+ */
+export declare const IconButton: (props: IconButtonProps & MUIIconButtonProps) => JSX.Element;

package/components/mui_extended/IconButton/classes/constants.d.ts

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

package/components/mui_extended/IconButton/classes/index.d.ts

@@ -0,0 +1,7 @@
+import { IconButtonClassesType } from './types';
+export declare const IconButtonClasses: IconButtonClassesType;
+export declare function getIconButtonUtilityClass(slot: string): string;
+export declare const useUtilityClasses: () => {
+    root: string;
+    skeleton: string;
+};

package/components/mui_extended/IconButton/classes/types.d.ts

@@ -0,0 +1,5 @@
+export interface IconButtonClassesType {
+    root: string;
+    skeleton: string;
+}
+export declare type IconButtonClassesKey = keyof IconButtonClassesType;

package/components/mui_extended/IconButton/index.1318a283.js

@@ -0,0 +1,100 @@
+import { useMemo } from "react";
+import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
+import { Skeleton, styled, generateUtilityClasses, generateUtilityClass, Tooltip, IconButton as IconButton$1 } from "@mui/material";
+import { I as Icon } from "../../Icon/index.f6e8d810.js";
+import { jsx, Fragment } from "react/jsx-runtime";
+import "@mui/material/styles";
+import { unstable_composeClasses } from "@mui/base";
+const SkeletonIconButton = (props) => {
+  const {
+    classes
+  } = props;
+  return /* @__PURE__ */ jsx(Skeleton, {
+    variant: "circular",
+    width: "30px",
+    height: "30px",
+    className: classes.skeleton,
+    "data-testid": "SkeletonIconButton"
+  });
+};
+const IconButtonRoot = styled("div")(({
+  theme
+}) => ({
+  ...theme.components?.M4LIconButton?.styleOverrides
+}));
+const componentName = "M4LIconButton";
+generateUtilityClasses(componentName, [
+  "root",
+  "skeleton"
+]);
+function getIconButtonUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    skeleton: ["skeleton"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getIconButtonUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const IconButton = (props) => {
+  const {
+    src,
+    tooltip,
+    size = "small",
+    dictionaryTooltip,
+    bgColor = "primary.active",
+    rotationAngle,
+    angleTransition,
+    ...other
+  } = props;
+  const {
+    getLabel
+  } = useModuleDictionary();
+  const isSkeleton = useModuleSkeleton();
+  const finalTooltip = useMemo(() => {
+    if (other.disabled) {
+      return void 0;
+    }
+    if (dictionaryTooltip && getLabel) {
+      return getLabel(dictionaryTooltip);
+    }
+    return tooltip;
+  }, [dictionaryTooltip, getLabel, other.disabled]);
+  const classes = useUtilityClasses();
+  return /* @__PURE__ */ jsx(IconButtonRoot, {
+    className: classes.root,
+    "data-testid": "IconButtonRoot",
+    children: !isSkeleton ? /* @__PURE__ */ jsx(Fragment, {
+      children: finalTooltip ? /* @__PURE__ */ jsx(Tooltip, {
+        title: finalTooltip || "",
+        children: /* @__PURE__ */ jsx(IconButton$1, {
+          size,
+          ...other,
+          children: /* @__PURE__ */ jsx(Icon, {
+            src,
+            bgColor: other.disabled ? "action.disabled" : bgColor,
+            rotationAngle
+          })
+        })
+      }) : /* @__PURE__ */ jsx(IconButton$1, {
+        size,
+        ...other,
+        children: /* @__PURE__ */ jsx(Icon, {
+          src,
+          bgColor: other.disabled ? "action.disabled" : bgColor,
+          rotationAngle,
+          angleTransition
+        })
+      })
+    }) : /* @__PURE__ */ jsx(SkeletonIconButton, {
+      classes
+    })
+  });
+};
+export {
+  IconButton as I
+};

package/components/mui_extended/IconButton/index.d.ts

@@ -1,4 +1,2 @@
-/// <reference types="react" />
-import { IconButtonProps as MUIIconButtonProps } from '@mui/material';
-import { IconButtonProps } from './types';
-export declare function IconButton({ src, tooltip, size, dictionaryTooltip, bgColor, rotationAngle, angleTransition, ...other }: IconButtonProps & MUIIconButtonProps): JSX.Element;
+export * from './IconButton';
+export * from './types';

package/components/mui_extended/IconButton/styles.d.ts

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

package/components/mui_extended/IconButton/subcomponents/SkeletonIconButton/index.d.ts

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

package/components/mui_extended/IconButton/subcomponents/SkeletonIconButton/types.d.ts

@@ -0,0 +1,3 @@
+export interface SkeletonIconButtonProps {
+    classes: any;
+}

package/components/mui_extended/ImageButton/ImageButton.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ImageButtonProps } from './types';
+import { ImageButtonClassesType } from './utils/Clases/types';
+export { imageButtonClasses } from './utils/Clases/index';
+export declare type ImageButtonClassesKey = keyof ImageButtonClassesType;
+export declare function ImageButton({ src, width, height, useIntersectionObserver, skeletonVariant, tooltip, sx, ...other }: ImageButtonProps): JSX.Element;

package/components/mui_extended/ImageButton/styles.d.ts

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

package/components/mui_extended/ImageButton/types.d.ts

@@ -2,6 +2,4 @@ import { ImageProps } from '../../Image/types';
 import { IconButtonProps as MUIIconButtonProps } from '@mui/material';
 export interface ImageButtonProps extends ImageProps, MUIIconButtonProps {
     tooltip?: string;
-    className?: string;
-    dictionaryTooltip?: string;
 }

package/components/mui_extended/ImageButton/utils/Clases/constants.d.ts

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

package/components/mui_extended/ImageButton/utils/Clases/index.d.ts

@@ -0,0 +1,6 @@
+import { ImageButtonClassesType } from './types';
+export declare const imageButtonClasses: ImageButtonClassesType;
+export declare function getImageButtonUtilityClass(slot: string): string;
+export declare const useUtilityClasses: () => {
+    root: string;
+};

package/components/mui_extended/ImageButton/utils/Clases/types.d.ts

@@ -0,0 +1,3 @@
+export interface ImageButtonClassesType {
+    root: string;
+}

package/components/mui_extended/MenuActions/{index.ee17bddd.js → index.1261168c.js}

@@ -1,9 +1,9 @@
 import { useState, useMemo } from "react";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { IconButton, Tooltip, MenuItem } from "@mui/material";
-import { P as Popover } from "../Popover/index.53c77d23.js";
+import { P as Popover } from "../Popover/index.58c49cc0.js";
 import { styled } from "@mui/material/styles";
-import { I as Icon } from "../../Icon/index.8d754623.js";
+import { I as Icon } from "../../Icon/index.f6e8d810.js";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 const WrapperMenuActions = styled(IconButton)(() => ({}));
 const LabelMemuItem = styled("div")(({

package/components/mui_extended/Pager/{index.74d3f5fc.js → index.80ccec47.js}

@@ -1,7 +1,7 @@
 import { useMemo } from "react";
 import { Skeleton, TablePagination } from "@mui/material";
 import { styled } from "@mui/material/styles";
-import { I as IconButton } from "../IconButton/index.82f16572.js";
+import { I as IconButton } from "../IconButton/index.1318a283.js";
 import { useEnvironment } from "@m4l/core";
 import { jsxs, jsx } from "react/jsx-runtime";
 const WrapperPagerActions = styled("div")(({ theme }) => ({

package/components/mui_extended/Popover/Popover.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { PopoverProps } from './types';
+/**
+ * Provee de un componente que genera un contenedor desacoplado del flujo del documento de tipo ventana emergente,
+   usado hacer énfasis en información, comunmente contiene texto, elementos interactivos y acciones de usuario.
+ * @param props
+ * @returns
+ */
+export declare const Popover: (props: PopoverProps) => JSX.Element;

package/components/mui_extended/Popover/classes/index.d.ts

@@ -0,0 +1,8 @@
+import { PopoverClassesType } from './types';
+import { OwnerState } from '../types';
+export declare const popoverClasses: PopoverClassesType;
+export declare function getPopoverClassesUtilityClass(slot: string): string;
+export declare const useUtilityClasses: (ownerState: OwnerState) => {
+    root: string;
+    arrowStyle: string;
+};