@m4l/components 4.1.7 → 4.1.9

package/components/mui_extended/MenuActions/slots/MenuActionsSlots.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-export declare const RootStyled: import("@emotion/styled").StyledComponent<Pick<import("../../Popover/types").PopoverProps, keyof import("../../Popover/types").PopoverProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").MenuActionsOwnerState> & Record<string, unknown> & {
+export declare const IconButtonStyled: import("@emotion/styled").StyledComponent<Pick<import("../../IconButton/types").IconButtonProps, keyof import("../../IconButton/types").IconButtonProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").MenuActionsOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").MenuActionsOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const BadgeStyled: import("@emotion/styled").StyledComponent<Pick<import("../../Badge").BadgeProps, keyof import("../../Badge").BadgeProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").MenuActionsOwnerState> & Record<string, unknown> & {
+export declare const RootStyled: import("@emotion/styled").StyledComponent<Pick<import("../../Popover/types").PopoverProps, keyof import("../../Popover/types").PopoverProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").MenuActionsOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").MenuActionsOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const IconButtonStyled: import("@emotion/styled").StyledComponent<Pick<import("../../IconButton/types").IconButtonProps, keyof import("../../IconButton/types").IconButtonProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").MenuActionsOwnerState> & Record<string, unknown> & {
+export declare const BadgeStyled: import("@emotion/styled").StyledComponent<Pick<import("../../Badge").BadgeProps, keyof import("../../Badge").BadgeProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").MenuActionsOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import("../types").MenuActionsOwnerState> & Record<string, unknown>;
 }, {}, {}>;
 export declare const MenuItemStyled: import("@emotion/styled").StyledComponent<Pick<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {

package/components/mui_extended/Pager/{index-Bzaq1M3i.js → index-D_lcvBDS.js}

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { P as PagerRoot } from "./styles-Biu_TsjO.js";
 import { p as pagerUtilityClasses } from "./classes/index-mA6A7WH8.js";
-import { C as CustomTablePagination } from "./subcomponents/CustomTablePagination/index-CGvReF6i.js";
+import { C as CustomTablePagination } from "./subcomponents/CustomTablePagination/index-BtlSMy53.js";
 function Pager(props) {
   const {
     totalRecords,

package/components/mui_extended/Pager/subcomponents/CustomTablePagination/{index-CGvReF6i.js → index-BtlSMy53.js}

@@ -1,11 +1,11 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useTheme, Select, InputBase, MenuItem } from "@mui/material";
-import { P as PagerActions } from "../PagerActions/index-BZ9_1X-L.js";
+import { P as PagerActions } from "../PagerActions/index-EKhHcjnO.js";
 import { useResponsiveContainerStore } from "@m4l/graphics";
 import { shallow } from "zustand/shallow";
 import { useEnvironment } from "@m4l/core";
 import { T as Typography } from "../../../Typography/Typography-C_rG8K21.js";
-import { I as Icon } from "../../../../Icon/Icon-_wceDYwV.js";
+import { I as Icon } from "../../../../Icon/Icon-BV4VaWM4.js";
 const CustomTablePagination = (props) => {
   const {
     count,

package/components/mui_extended/Pager/subcomponents/PagerActions/{index-BZ9_1X-L.js → index-EKhHcjnO.js}

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { I as IconButton } from "../../../IconButton/IconButton-1jvQBFbH.js";
+import { I as IconButton } from "../../../IconButton/IconButton-B3bJhoym.js";
 import { useEnvironment } from "@m4l/core";
 function PagerActions(props) {
   const { count, page, rowsPerPage, onPageChange, classes } = props;

package/components/mui_extended/ToggleIconButton/{ToggleIconButton-BgjBFujZ.js → ToggleIconButton-DEvsd9LS.js}

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { i as iconButtonClasses } from "../IconButton/classes/index-BxjJGAqZ.js";
 import { w as withToggle } from "../../../hocs/withToggle/index-C1_DMZD3.js";
-import { I as IconButton } from "../IconButton/IconButton-1jvQBFbH.js";
+import { I as IconButton } from "../IconButton/IconButton-B3bJhoym.js";
 const ToggleAbleIconButton = ({
   onToggle,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars

package/components/mui_extended/Tooltip/Tooltip-B8locLi_.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { R as RootStyled, P as PopperStyled, T as ToolipStyled } from "./slots/TooltipSlots-BuJ7dcsg.js";
+import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize-IEs8SldY.js";
+const Tooltip = (props) => {
+  const { size, children, ...others } = props;
+  const { currentSize } = useComponentSize(size);
+  return /* @__PURE__ */ jsx(
+    RootStyled,
+    {
+      ownerState: { size: currentSize },
+      size: currentSize,
+      components: {},
+      ...others,
+      slots: { popper: PopperStyled, tooltip: ToolipStyled },
+      slotProps: {
+        // @ts-ignore ownerState ignorado porque sobre escribe en tipos del styled
+        popper: { ownerState: { size: currentSize } }
+      },
+      children
+    }
+  );
+};
+export {
+  Tooltip as T
+};

package/components/mui_extended/Tooltip/Tooltip.d.ts

@@ -1,2 +1,5 @@
 import { TooltipProps } from './types';
+/**
+ * Un tooltip es un pequeño elemento emergente que muestra información adicional o una breve descripción cuando un usuario pasa el cursor sobre un elemento de la interfaz.
+ */
 export declare const Tooltip: (props: TooltipProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/Tooltip/constants-MN3rXibc.js

@@ -0,0 +1,4 @@
+const TOOLTIP_KEY_COMPONENT = "M4LTooltip";
+export {
+  TOOLTIP_KEY_COMPONENT as T
+};

package/components/mui_extended/Tooltip/constants.d.ts

@@ -0,0 +1 @@
+export declare const TOOLTIP_KEY_COMPONENT = "M4LTooltip";

package/components/mui_extended/Tooltip/slots/TooltipEnum-LgUF42Uy.js

@@ -0,0 +1,9 @@
+var TooltipSlots = /* @__PURE__ */ ((TooltipSlots2) => {
+  TooltipSlots2["root"] = "root";
+  TooltipSlots2["popper"] = "popper";
+  TooltipSlots2["tooltip"] = "tooltip";
+  return TooltipSlots2;
+})(TooltipSlots || {});
+export {
+  TooltipSlots as T
+};

package/components/mui_extended/Tooltip/slots/TooltipEnum.d.ts

@@ -0,0 +1,5 @@
+export declare enum TooltipSlots {
+    root = "root",
+    popper = "popper",
+    tooltip = "tooltip"
+}

package/components/mui_extended/Tooltip/slots/TooltipSlots-BuJ7dcsg.js

@@ -0,0 +1,22 @@
+import { styled } from "@mui/material/styles";
+import { Tooltip, Popper } from "@mui/material";
+import { T as TOOLTIP_KEY_COMPONENT } from "../constants-MN3rXibc.js";
+import { t as tooltipStyles } from "../../../../styles/Tooltip.styles-tydNwMWc.js";
+import { T as TooltipSlots } from "./TooltipEnum-LgUF42Uy.js";
+const RootStyled = styled(Tooltip, {
+  name: TOOLTIP_KEY_COMPONENT,
+  slot: TooltipSlots.root
+})(tooltipStyles?.root);
+const PopperStyled = styled(Popper, {
+  name: TOOLTIP_KEY_COMPONENT,
+  slot: TooltipSlots.popper
+})(tooltipStyles?.popper);
+const ToolipStyled = styled("div", {
+  name: TOOLTIP_KEY_COMPONENT,
+  slot: TooltipSlots.tooltip
+})(tooltipStyles?.tooltip);
+export {
+  PopperStyled as P,
+  RootStyled as R,
+  ToolipStyled as T
+};

package/components/mui_extended/Tooltip/slots/TooltipSlots.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const RootStyled: import("@emotion/styled").StyledComponent<Pick<import("@mui/material").TooltipProps, keyof import("@mui/material").TooltipProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("..").TooltipProps> & Record<string, unknown> & {
+    ownerState: Partial<import("..").TooltipProps> & Record<string, unknown>;
+}, {}, {}>;
+export declare const PopperStyled: import("react").ForwardRefExoticComponent<import("@mui/material").PopperProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ToolipStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("..").TooltipProps> & Record<string, unknown> & {
+    ownerState: Partial<import("..").TooltipProps> & Record<string, unknown>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;

package/components/mui_extended/Tooltip/slots/index-l0sNRNKZ.js

@@ -0,0 +1 @@
+

package/components/mui_extended/Tooltip/slots/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TooltipEnum';
+export * from './TooltipSlots';

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

@@ -1,6 +1,16 @@
 import { ComponentNameToClassKey, SxProps, Theme } from '@mui/material';
 import { TooltipProps as MUITooltipProps } from '@mui/material';
 import { OverridesStyleRules } from '@mui/material/styles/overrides';
+import { TooltipSlots } from './slots';
+import { TOOLTIP_KEY_COMPONENT } from './constants';
+import { Sizes } from '@m4l/styles';
 export interface TooltipProps extends Omit<MUITooltipProps, 'sx'> {
     sx?: SxProps<Theme> | Partial<OverridesStyleRules<string, ComponentNameToClassKey, Theme>>;
+    /**
+     * Tamaño del componente, puede ser uno de los valores definidos en 'small' , 'medium' , 'large'.
+     */
+    size?: Sizes;
 }
+export declare type TooltipSlotsType = keyof typeof TooltipSlots;
+export declare type TooltipOwnerState = TooltipProps;
+export declare type TooltipStyles = Partial<OverridesStyleRules<TooltipSlotsType, typeof TOOLTIP_KEY_COMPONENT, Theme> | undefined> | undefined;

package/components/mui_extended/index.d.ts

@@ -1,4 +1,7 @@
-export { Accordion } from './Accordion/Accordion';
+export { Accordion } from './Accordion';
+export * from './MenuActions';
+export * from './Tooltip';
+export * from './IconButton';
 export { Avatar } from './Avatar/Avatar';
 export { type AvatarProps } from './Avatar/types';
 export { BoxIcon } from './BoxIcon';
@@ -8,12 +11,10 @@ export * from './Button/Button';
 export * from './CheckBox';
 export { CircularProgress } from './CircularProgress';
 export { Badge } from './Badge';
-export * from './IconButton';
 export * from './ImageButton/ImageButton';
 export { LinearProgress } from './LinearProgress';
 export { LinkWithRoute } from './LinkWithRoute';
 export { LoadingButton } from './LoadingButton';
-export { MenuActions } from './MenuActions';
 export type { MenuAction, ComponentActionProps } from './MenuActions/types';
 export * from './Popover';
 export * from './Stack';
@@ -24,7 +25,6 @@ export type { PagerProps } from './Pager/types';
 export { getPagerComponentsDictionary } from './Pager/dicctionary';
 export { Tab } from './Tab';
 export * from './TabContext';
-export * from './Tooltip';
 export * from './Typography/Typography';
 export * from './ToggleButton';
 export * from './ToggleIconButton';

package/components/popups/components/PopupsViewer/{PopupsViewer-a0HdHime.js → PopupsViewer-C3QkulFR.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { TransitionGroup, CSSTransition } from "react-transition-group";
 import { shallow } from "zustand/shallow";
-import { P as Popup } from "./subcomponents/Popup/index-DiIiYvfb.js";
+import { P as Popup } from "./subcomponents/Popup/index-CXSzUhBj.js";
 import { u as usePopupsStore } from "../PopupsProvider/hooks/usePopupsStore/index-DBMhBXk-.js";
 import { u as useSizeContainer } from "../../../../hooks/useSizeContainer/index-BrtvS2vO.js";
 import { R as RootStyled } from "./slots/popupsViewerSlots-BDDUOz1t.js";

package/components/popups/components/PopupsViewer/subcomponents/Popup/{index-DiIiYvfb.js → index-CXSzUhBj.js}

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { shallow } from "zustand/shallow";
-import { H as Header } from "./subcomponents/Header/index-D-e7lMyp.js";
+import { H as Header } from "./subcomponents/Header/index-B66xxc1C.js";
 import { u as usePopupsStore } from "../../../PopupsProvider/hooks/usePopupsStore/index-DBMhBXk-.js";
-import { E as EditionInfo } from "./subcomponents/EditionInfo/index-BmUWHmBe.js";
+import { E as EditionInfo } from "./subcomponents/EditionInfo/index-CQsA5hGa.js";
 import { P as PopupDragWindowRootStyled, a as PopupContentRootStyled, b as PopupContentWrapperStyled } from "../../slots/popupsViewerSlots-BDDUOz1t.js";
 const Popup = forwardRef((props, ref) => {
   const { popupId, containerElement, containerSize, style } = props;

package/components/popups/components/PopupsViewer/subcomponents/Popup/subcomponents/EditionInfo/{index-BmUWHmBe.js → index-CQsA5hGa.js}

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useEnvironment } from "@m4l/core";
 import { P as POPUPS_ICONS } from "../../../../icons-BUujqqbu.js";
 import { c as PopupContentEditionInfoStyled } from "../../../../slots/popupsViewerSlots-BDDUOz1t.js";
-import { I as Icon } from "../../../../../../../Icon/Icon-_wceDYwV.js";
+import { I as Icon } from "../../../../../../../Icon/Icon-BV4VaWM4.js";
 const EditionInfo = (props) => {
   const { editionInfo } = props;
   const { host_static_assets, environment_assets } = useEnvironment();

package/components/popups/components/PopupsViewer/subcomponents/Popup/subcomponents/Header/{index-D-e7lMyp.js → index-B66xxc1C.js}

@@ -5,8 +5,8 @@ import { u as usePopupsStore } from "../../../../../PopupsProvider/hooks/usePopu
 import { P as POPUPS_ICONS } from "../../../../icons-BUujqqbu.js";
 import { d as PopupHeaderContainerStyled, e as PopupHeaderTitleStyled, f as PopupHeaderSubTitleStyled } from "../../../../slots/popupsViewerSlots-BDDUOz1t.js";
 import { d as dragResizeWindowClasses } from "../../../../../../../DragResizeWindow/classes/index-JOh47hwH.js";
-import { I as Icon } from "../../../../../../../Icon/Icon-_wceDYwV.js";
-import { I as IconButton } from "../../../../../../../mui_extended/IconButton/IconButton-1jvQBFbH.js";
+import { I as IconButton } from "../../../../../../../mui_extended/IconButton/IconButton-B3bJhoym.js";
+import { I as Icon } from "../../../../../../../Icon/Icon-BV4VaWM4.js";
 const Header = (props) => {
   const { popupId } = props;
   const { host_static_assets, environment_assets } = useEnvironment();

package/hooks/useFormAddEdit/{index-CBeoQI2v.js → index-B-hEaKJy.js}

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useNetwork, useFlagsStore, useModuleDictionary } from "@m4l/core";
 import { useState, useEffect } from "react";
 import { u as useModal } from "../useModal/index-DkNYHw5Z.js";
-import { W as WindowConfirm } from "../../components/modal/WindowConfirm/index-BVttDlrc.js";
+import { W as WindowConfirm } from "../../components/modal/WindowConfirm/index-Du4Wb6aF.js";
 function useFormAddEdit(props) {
   const {
     initialValues,