@m4l/components 3.0.1 → 3.0.2

package/components/modal/{WindowBase-CLBER1xc.js → WindowBase-Ce6yRLcN.js}

@@ -2,9 +2,9 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { m as modalUtilityClasses } from "./index-CydPIpKZ.js";
 import { useEnvironment } from "@m4l/core";
 import clsx from "clsx";
-import { I as Icon } from "../Icon/index-CedboS6y.js";
-import { I as IconButton } from "../mui_extended/IconButton/index-BfDbi0cC.js";
-import { u as useModal } from "../../hooks/useModal/index-C9r1LQIz.js";
+import { I as Icon } from "../Icon/index-CueLDD9j.js";
+import { I as IconButton } from "../mui_extended/IconButton/index-OMq0pPK0.js";
+import { u as useModal } from "../../hooks/useModal/index-CTAwKk5D.js";
 const Header = (props) => {
   const { title, onClickCancel, urlIcon, classes } = props;
   const { host_static_assets, environment_assets } = useEnvironment();

package/components/modal/{WindowConfirm-DraflAKP.js → WindowConfirm-BaB3Ojgu.js}

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { A as Actions } from "../CommonActions/components/Actions/index-B_vOmNZT.js";
+import { A as Actions } from "../CommonActions/components/Actions/index-ChW1FuFf.js";
 import { Typography } from "@mui/material";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { u as useModal } from "../../hooks/useModal/index-C9r1LQIz.js";
-import { I as Image } from "../Image/index-B7FhR9uF.js";
+import { u as useModal } from "../../hooks/useModal/index-CTAwKk5D.js";
+import { I as Image } from "../Image/index-By5vsRzf.js";
 import { m as modalUtilityClasses } from "./index-CydPIpKZ.js";
-import { W as WindowBase } from "./WindowBase-CLBER1xc.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index-BlaMdPmp.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index-DGooFqVu.js";
+import { W as WindowBase } from "./WindowBase-Ce6yRLcN.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index-D_42VfUR.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index-i5875EXe.js";
 const dictionary = {
   MESSAGE: "common_actions.confirm_quit_msg"
 };

package/components/mui_extended/Accordion/{index-ZFpEUCnw.js → index-D1775s1J.js}

@@ -1,14 +1,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { generateUtilityClasses, generateUtilityClass, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
-import { I as IconButton } from "../IconButton/index-BfDbi0cC.js";
+import { I as IconButton } from "../IconButton/index-OMq0pPK0.js";
 import { useEnvironment } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
-import { ax as AccordionRoot } from "../../../styles/index-Cc9p_h7i.js";
+import { ax as AccordionRoot } from "../../../styles/index-C-MsxWtr.js";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
 import { g as getNameDataTestId } from "../../../test/getNameDataTestId-BaBTWhBr.js";
-import { I as Icon } from "../../Icon/index-CedboS6y.js";
-import { T as Typography } from "../Typography/index-DKPqV11f.js";
+import { I as Icon } from "../../Icon/index-CueLDD9j.js";
+import { T as Typography } from "../Typography/index-W88rbpsJ.js";
 const componentName = "M4LAccordion";
 generateUtilityClasses(componentName, [
   /* elements */

package/components/mui_extended/Avatar/{index-Bk4Hq2nk.js → index-n5hK7nJD.js}

@@ -4,7 +4,7 @@ import { Skeleton, generateUtilityClasses, generateUtilityClass, Avatar as Avata
 import { useModuleSkeleton } from "@m4l/core";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
 import { unstable_composeClasses } from "@mui/base";
-import { ay as AvatarRoot } from "../../../styles/index-Cc9p_h7i.js";
+import { ay as AvatarRoot } from "../../../styles/index-C-MsxWtr.js";
 import clsx from "clsx";
 const AVATAR_PREFIX = "M4LAvatar";
 const getNameAvatarDataTestId = (KEY) => {

package/components/mui_extended/Badge/{index-D6F1o3k2.js → index-Dfdw5Iaq.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses, Badge as Badge$1 } from "@mui/material";
 import "@mui/base";
-import { az as BadgeRoot } from "../../../styles/index-Cc9p_h7i.js";
+import { az as BadgeRoot } from "../../../styles/index-C-MsxWtr.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
 const componentName = "M4LBadge";
 const badgeClasses = generateUtilityClasses(componentName, [

package/components/mui_extended/Button/{index-DlzpoczE.js → index-CksGG1B8.js}

@@ -2,14 +2,14 @@ import { jsx } from "react/jsx-runtime";
 import { useModuleSkeleton } from "@m4l/core";
 import { generateUtilityClasses, generateUtilityClass, Skeleton, IconButton, Tooltip } from "@mui/material";
 import MuiButton from "@mui/material/Button";
-import { aA as ButtonRoot, aB as WrapperImageButton, aC as LoadingButtonRoot } from "../../../styles/index-Cc9p_h7i.js";
+import { aA as ButtonRoot, aB as WrapperImageButton, aC as LoadingButtonRoot } from "../../../styles/index-C-MsxWtr.js";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { useMemo } from "react";
-import { I as Image } from "../../Image/index-B7FhR9uF.js";
+import { I as Image } from "../../Image/index-By5vsRzf.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
 import { LoadingButton as LoadingButton$1 } from "@mui/lab";
-import { T as Typography } from "../Typography/index-DKPqV11f.js";
+import { T as Typography } from "../Typography/index-W88rbpsJ.js";
 const componentName$2 = "M4LButton";
 const buttonClasses = generateUtilityClasses(componentName$2, [
   /* elements */

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

@@ -2,4 +2,4 @@
 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<import("@mui/material").SkeletonOwnProps & 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;
-}, "style" | "children" | "width" | "className" | "height" | "animation" | "variant" | "sx" | "classes"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "style" | "children" | "width" | "className" | "height" | "animation" | "sx" | "classes" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/components/mui_extended/{CheckBox-ByxYagHV.js → CheckBox-CjxjIrmN.js}

@@ -5,8 +5,8 @@ import { useResponsiveDesktop } from "@m4l/graphics";
 import { unstable_composeClasses } from "@mui/base";
 import { useModuleSkeleton } from "@m4l/core";
 import { forwardRef } from "react";
-import { aD as CheckBoxRoot } from "../../styles/index-Cc9p_h7i.js";
-import { F as FieldLabel } from "../FieldLabel/index-BpW2AGJx.js";
+import { aD as CheckBoxRoot } from "../../styles/index-C-MsxWtr.js";
+import { F as FieldLabel } from "../FieldLabel/index-DCAMDJoJ.js";
 const COMPONENT_CLASS_NAME = "M4LCheckBox";
 generateUtilityClasses(COMPONENT_CLASS_NAME, [
   /* elements */

package/components/mui_extended/IconButton/{index-BfDbi0cC.js → index-OMq0pPK0.js}

@@ -2,8 +2,8 @@ import { jsx, Fragment } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton, generateUtilityClasses, generateUtilityClass, Tooltip, IconButton as IconButton$1 } from "@mui/material";
-import { I as Icon } from "../../Icon/index-CedboS6y.js";
-import { aE as IconButtonRoot } from "../../../styles/index-Cc9p_h7i.js";
+import { I as Icon } from "../../Icon/index-CueLDD9j.js";
+import { aE as IconButtonRoot } from "../../../styles/index-C-MsxWtr.js";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { useResponsiveDesktop } from "@m4l/graphics";

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

@@ -1,3 +1,5 @@
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
+import { Theme } from '@mui/material/styles';
 import { IconProps } from '../../Icon/types';
 import { IconButtonProps as MUIIconButtonProps } from '@mui/material';
 export declare type IconButtonVariants = 'primary' | 'secondary' | 'line';
@@ -15,3 +17,19 @@ export interface OwnerState {
     isFocus: boolean;
     isDisabled?: boolean;
 }
+export declare enum IconButtonSlots {
+    root = "root",
+    skeleton = "skeleton",
+    sizemSall = "sizemSall",
+    sizeMedium = "sizeMedium",
+    variantPrimary = "variantPrimary",
+    variantSecondary = "variantSecondary",
+    variantLine = "variantLine",
+    isFocus = "isFocus",
+    isDisabled = "isDisabled",
+    /**Toggle */
+    togglePressed = "togglePressed",
+    toggleNotPressed = "toggleNotPressed"
+}
+export declare type IconButtonSlotsType = keyof typeof IconButtonSlots;
+export declare type IconButtonStyles = Partial<OverridesStyleRules<IconButtonSlotsType, 'M4LIconButton', Theme> | undefined> | undefined;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import { MenuActionsProps } from './types';
+export declare function MenuActions(props: MenuActionsProps): import("react/jsx-runtime").JSX.Element;
+export declare const MemonizedMenuActions: React.MemoExoticComponent<typeof MenuActions>;
+export default MenuActions;

package/components/mui_extended/MenuActions/constant.d.ts

@@ -0,0 +1,5 @@
+export declare const ICON_PATH = "frontend/components/menu_actions/assets/icons";
+export declare const ICONS: {
+    MENU: string;
+};
+export declare const MENU_ACTIONS_KEY_COMPONENT = "M4LMenuActions";

package/components/mui_extended/MenuActions/dictionary.d.ts

@@ -0,0 +1,7 @@
+export declare const MENU_ACTIONS_DICTIONARY_ID = "menu_actions";
+export declare function getMenuActionsComponentsDictionary(): string[];
+export declare const DICTIONARY: {
+    readonly no_actions_label: "no_actions_label";
+};
+export declare type TypeDictionary = typeof DICTIONARY;
+export declare const getMenuActionsDictionary: (key: keyof TypeDictionary) => string;

package/components/mui_extended/MenuActions/index-De7dpdBH.js

@@ -0,0 +1,202 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import React__default, { useState, useEffect, useMemo } from "react";
+import { styled, useTheme } from "@mui/material/styles";
+import { useEnvironment, useModuleDictionary } from "@m4l/core";
+import { MenuItem } from "@mui/material";
+import { aF as menuActionsStyles } from "../../../styles/index-C-MsxWtr.js";
+import { P as Popover } from "../Popover/index-BnKsmvtw.js";
+import { B as Badge } from "../Badge/index-Dfdw5Iaq.js";
+import { I as IconButton } from "../IconButton/index-OMq0pPK0.js";
+import { I as Icon } from "../../Icon/index-CueLDD9j.js";
+const ICON_PATH = "frontend/components/menu_actions/assets/icons";
+const ICONS = {
+  MENU: "menu.svg"
+};
+const MENU_ACTIONS_KEY_COMPONENT = "M4LMenuActions";
+var MenuActionsSlots = /* @__PURE__ */ ((MenuActionsSlots2) => {
+  MenuActionsSlots2["root"] = "root";
+  MenuActionsSlots2["badge"] = "badge";
+  MenuActionsSlots2["iconButton"] = "iconButton";
+  MenuActionsSlots2["menuItem"] = "menuItem";
+  MenuActionsSlots2["menuItemIcon"] = "menuItemIcon";
+  MenuActionsSlots2["menuItemLabel"] = "menuItemLabel";
+  MenuActionsSlots2["labelEmpty"] = "labelEmpty";
+  return MenuActionsSlots2;
+})(MenuActionsSlots || {});
+const RootStyled = styled(Popover, {
+  name: MENU_ACTIONS_KEY_COMPONENT,
+  slot: MenuActionsSlots.root
+})(menuActionsStyles?.root);
+const BadgeStyled = styled(Badge, {
+  name: MENU_ACTIONS_KEY_COMPONENT,
+  slot: MenuActionsSlots.badge
+})(menuActionsStyles?.badge);
+const IconButtonStyled = styled(IconButton, {
+  name: MENU_ACTIONS_KEY_COMPONENT,
+  slot: MenuActionsSlots.iconButton
+})(menuActionsStyles?.iconButton);
+const MenuItemStyled = styled(MenuItem, {
+  name: MENU_ACTIONS_KEY_COMPONENT,
+  slot: MenuActionsSlots.menuItem
+})(menuActionsStyles?.menuItem);
+const LabelMenuItemStyled = styled("div", {
+  name: MENU_ACTIONS_KEY_COMPONENT,
+  slot: MenuActionsSlots.menuItemLabel
+})(menuActionsStyles?.menuItemLabel);
+const IconButtonUrlStyled = styled(Icon, {
+  name: MENU_ACTIONS_KEY_COMPONENT,
+  slot: MenuActionsSlots.menuItemIcon
+})(menuActionsStyles?.menuItemIcon);
+const LabelEmptyStyled = styled("div", {
+  name: MENU_ACTIONS_KEY_COMPONENT,
+  slot: MenuActionsSlots.labelEmpty
+})(menuActionsStyles?.labelEmpty);
+const MENU_ACTIONS_DICTIONARY_ID = "menu_actions";
+const DICTIONARY = {
+  no_actions_label: "no_actions_label"
+};
+const getMenuActionsDictionary = (key) => {
+  return `${MENU_ACTIONS_DICTIONARY_ID}.${key}`;
+};
+function MenuActions(props) {
+  const {
+    menuActions,
+    endListElement,
+    menuActionSx,
+    iconButtonClassName = "",
+    objItem = {},
+    urlIcon,
+    toolTip = "",
+    marginTop = -1,
+    marginBottom,
+    marginLeft,
+    marginRight,
+    width = 200,
+    withBadge = false,
+    badgeContent,
+    arrowType = "right-top",
+    externalOpen = null,
+    externalClose,
+    ...other
+  } = props;
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const { getLabel } = useModuleDictionary();
+  const [open, setOpen] = useState(null);
+  const handleOpen = (event) => {
+    setOpen(event.currentTarget);
+  };
+  const theme = useTheme();
+  useEffect(() => {
+    let mounted = true;
+    if (mounted) {
+      setOpen(externalOpen);
+    }
+    return function cleanUp() {
+      mounted = false;
+    };
+  }, [externalOpen]);
+  const urlFinalIcon = useMemo(() => {
+    if (urlIcon) return urlIcon;
+    return `${host_static_assets}/${environment_assets}/${ICON_PATH}/${ICONS.MENU}`;
+  }, [urlIcon, host_static_assets, environment_assets]);
+  const handleClose = (e) => {
+    e.stopPropagation();
+    setOpen(null);
+    externalClose && externalClose(null);
+  };
+  const handleClick = (e, menuAction) => {
+    e.stopPropagation();
+    setOpen(null);
+    menuAction.onClick();
+  };
+  const finalActions = useMemo(() => {
+    let ret;
+    if (typeof menuActions !== "function") {
+      ret = menuActions;
+    } else {
+      ret = menuActions(objItem);
+    }
+    return ret;
+  }, [menuActions, objItem]);
+  const IconButtonElement = (
+    // eslint-disable-next-line react/jsx-no-useless-fragment
+    /* @__PURE__ */ jsx(Fragment, { children: withBadge ? /* @__PURE__ */ jsx(BadgeStyled, { ownerState: {}, badgeContent, children: /* @__PURE__ */ jsx(
+      IconButtonStyled,
+      {
+        ownerState: {},
+        src: urlFinalIcon,
+        onClick: handleOpen,
+        tooltip: toolTip,
+        className: iconButtonClassName
+      }
+    ) }) : /* @__PURE__ */ jsx(
+      IconButtonStyled,
+      {
+        ownerState: {},
+        src: urlFinalIcon,
+        onClick: handleOpen,
+        tooltip: toolTip,
+        className: iconButtonClassName
+      }
+    ) })
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    IconButtonElement,
+    /* @__PURE__ */ jsxs(
+      RootStyled,
+      {
+        ownerState: {},
+        id: "Popover",
+        open: Boolean(open),
+        anchorEl: open,
+        onClose: handleClose,
+        arrowType,
+        sx: {
+          marginTop,
+          marginBottom,
+          marginLeft,
+          marginRight,
+          width,
+          maxWidth: 300,
+          "& .MuiMenuItem-root": { px: 1, typography: "body2", borderRadius: 0.75 },
+          ...theme.components?.M4LMenuActions?.styleOverrides,
+          ...menuActionSx
+        },
+        ...other,
+        children: [
+          finalActions.map(
+            (menuAction, index) => menuAction.label || menuAction.dictionaryId ? /* @__PURE__ */ jsxs(
+              MenuItemStyled,
+              {
+                dense: true,
+                onClick: (e) => {
+                  handleClick(e, menuAction);
+                },
+                sx: { color: menuAction.color ?? "text.main" },
+                disabled: menuAction.disabled,
+                ownerState: { variant: menuAction.variant, color: menuAction.color },
+                children: [
+                  menuAction.urlIcon ? /* @__PURE__ */ jsx(
+                    IconButtonUrlStyled,
+                    {
+                      ownerState: { variant: menuAction.variant },
+                      src: menuAction.urlIcon
+                    }
+                  ) : null,
+                  /* @__PURE__ */ jsx(LabelMenuItemStyled, { ownerState: {}, children: menuAction.label || menuAction.dictionaryId && getLabel(menuAction.dictionaryId) })
+                ]
+              },
+              `menu_action_${index}`
+            ) : /* @__PURE__ */ jsx(LabelEmptyStyled, { ownerState: {}, children: getLabel(getMenuActionsDictionary(DICTIONARY.no_actions_label)) }, `menu_action_${index}`)
+          ),
+          endListElement ? endListElement : null
+        ]
+      }
+    )
+  ] });
+}
+const MemonizedMenuActions = React__default.memo(MenuActions);
+export {
+  MenuActions as M,
+  MemonizedMenuActions as a
+};

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

@@ -1,5 +1,2 @@
-import React from 'react';
-import { MenuActionsProps } from './types';
-export declare function MenuActions(props: MenuActionsProps): import("react/jsx-runtime").JSX.Element;
-export declare const MemonizedMenuActions: React.MemoExoticComponent<typeof MenuActions>;
-export default MenuActions;
+export * from './MenuActions';
+export { getMenuActionsComponentsDictionary } from './dictionary';

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

@@ -0,0 +1,9 @@
+export declare enum MenuActionsSlots {
+    root = "root",
+    badge = "badge",
+    iconButton = "iconButton",
+    menuItem = "menuItem",
+    menuItemIcon = "menuItemIcon",
+    menuItemLabel = "menuItemLabel",
+    labelEmpty = "labelEmpty"
+}

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

@@ -0,0 +1,24 @@
+/// <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> & {
+    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> & {
+    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> & {
+    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"> & {
+    ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
+}, "style" | "disabled" | "children" | "tabIndex" | "className" | "action" | "divider" | "dense" | "sx" | "classes" | "autoFocus" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "selected" | "disableGutters">, "value" | "dir" | "slot" | "style" | "title" | "onChange" | "disabled" | "ref" | "children" | "aria-label" | "aria-labelledby" | "tabIndex" | "key" | "onFocus" | "className" | "onMouseEnter" | "id" | "aria-rowindex" | "onScroll" | "onCopy" | "onPaste" | "aria-describedby" | "onResize" | "color" | "hidden" | "action" | "aria-hidden" | "onDragStart" | "onDrag" | "onMouseDown" | "onMouseUp" | "onTouchStart" | "onTouchEnd" | "content" | "translate" | "divider" | "dense" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "nonce" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "selected" | "disableGutters"> & 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 LabelMenuItemStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").MenuActionsOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").MenuActionsOwnerState> & Record<string, unknown>;
+}, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("react").ClassAttributes<HTMLDivElement> | keyof import("react").HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const IconButtonUrlStyled: import("@emotion/styled").StyledComponent<Pick<import("../../../Icon").IconProps, keyof import("../../../Icon").IconProps> & 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 LabelEmptyStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & Partial<import("../types").MenuActionsOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import("../types").MenuActionsOwnerState> & 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/MenuActions/slots/index.d.ts

@@ -0,0 +1,2 @@
+export * from './MenuActionsSlots';
+export * from './MenuActionsEnum';

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

@@ -1,8 +1,10 @@
 import { ReactElement } from 'react';
-import { PopoverProps } from '../Popover/types';
 import { ComponentNameToClassKey, SxProps } from '@mui/material';
-import { Theme } from '@mui/material';
 import { OverridesStyleRules } from '@mui/material/styles/overrides';
+import { Theme } from '@mui/material/styles';
+import { PopoverProps } from '../Popover/types';
+import { MenuActionsSlots } from './slots';
+import { MENU_ACTIONS_KEY_COMPONENT } from './constant';
 export interface ComponentActionProps {
     description?: string;
     onClick: (props?: any) => void;
@@ -38,3 +40,10 @@ export interface MenuActionsProps extends Omit<PopoverProps, 'open'> {
     externalOpen?: HTMLDivElement | null;
     externalClose?: (element: null | HTMLDivElement) => void;
 }
+export interface OwnerState {
+    variant: string;
+}
+export interface MenuActionsOwnerState extends MenuActionsProps, OwnerState {
+}
+export declare type MenuActionsSlotsType = keyof typeof MenuActionsSlots;
+export declare type MenuActionsStyles = Partial<OverridesStyleRules<MenuActionsSlots, typeof MENU_ACTIONS_KEY_COMPONENT, Theme> | undefined> | undefined;

package/components/mui_extended/Pager/{index-CRgYDkV8.js → index-k7SRq6Jo.js}

@@ -1,14 +1,14 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { aG as PagerRoot } from "../../../styles/index-Cc9p_h7i.js";
+import { aG as PagerRoot } from "../../../styles/index-C-MsxWtr.js";
 import { generateUtilityClasses, generateUtilityClass, useTheme, Select, InputBase, MenuItem } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { I as IconButton } from "../IconButton/index-BfDbi0cC.js";
+import { I as IconButton } from "../IconButton/index-OMq0pPK0.js";
 import { useEnvironment } from "@m4l/core";
 import { useResponsiveContainerStore } from "@m4l/graphics";
 import { shallow } from "zustand/shallow";
-import { T as Typography } from "../Typography/index-DKPqV11f.js";
-import { I as Icon } from "../../Icon/index-CedboS6y.js";
+import { T as Typography } from "../Typography/index-W88rbpsJ.js";
+import { I as Icon } from "../../Icon/index-CueLDD9j.js";
 const componentName = "M4LPager";
 generateUtilityClasses(componentName, [
   /* elements */

package/components/mui_extended/Popover/{index-C6_2t4L1.js → index-BnKsmvtw.js}

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { aH as PopoverRoot } from "../../../styles/index-Cc9p_h7i.js";
+import { aH as PopoverRoot } from "../../../styles/index-C-MsxWtr.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { styled } from "@mui/material/styles";

package/components/mui_extended/Stack/{index-CV2W-_eL.js → index-C9YEChZB.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { aI as MUISTack } from "../../../styles/index-Cc9p_h7i.js";
+import { aI as MUISTack } from "../../../styles/index-C-MsxWtr.js";
 import clsx from "clsx";
 const componentName = "M4LStack";
 generateUtilityClasses(componentName, [

package/components/mui_extended/Tab/{index-PyZxxeDt.js → index-CpdHav0V.js}

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { generateUtilityClasses, generateUtilityClass, Tab as Tab$1, Skeleton } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { aJ as MUITabs, aK as TabContentRoot, aL as TabRoot, aM as SKTTabWrapper } from "../../../styles/index-Cc9p_h7i.js";
+import { aJ as MUITabs, aK as TabContentRoot, aL as TabRoot, aM as SKTTabWrapper } from "../../../styles/index-C-MsxWtr.js";
 import { useModuleSkeleton } from "@m4l/core";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
 import { g as getNameDataTestId } from "../../../test/getNameDataTestId-BaBTWhBr.js";

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const MUITabs: import("@emotion/styled").StyledComponent<import("@mui/material").TabsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "value" | "style" | "onChange" | "children" | "aria-label" | "aria-labelledby" | "className" | "action" | "variant" | "sx" | "classes" | "slotProps" | "slots" | "orientation" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "value" | "style" | "onChange" | "children" | "aria-label" | "aria-labelledby" | "className" | "action" | "sx" | "classes" | "slots" | "slotProps" | "variant" | "orientation" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/components/mui_extended/ToggleButton/{index-X6htsgfF.js → index-CS1mz-lH.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { B as Button, b as buttonClasses } from "../Button/index-DlzpoczE.js";
+import { B as Button, b as buttonClasses } from "../Button/index-CksGG1B8.js";
 import { w as withToggle } from "../../../hocs/withToggle/index-C1_DMZD3.js";
 const ToggleAbleButton = ({ onToggle, isToggled, ...props }) => {
   return /* @__PURE__ */ jsx(

package/components/mui_extended/ToggleIconButton/{index-mT-xXWg9.js → index-BNQrQ6-b.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { I as IconButton, i as iconButtonClasses } from "../IconButton/index-BfDbi0cC.js";
+import { I as IconButton, i as iconButtonClasses } from "../IconButton/index-OMq0pPK0.js";
 import { w as withToggle } from "../../../hocs/withToggle/index-C1_DMZD3.js";
 const ToggleAbleIconButton = ({
   onToggle,

package/components/mui_extended/Typography/{index-DKPqV11f.js → index-W88rbpsJ.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useModuleSkeleton } from "@m4l/core";
 import { Skeleton, generateUtilityClasses, generateUtilityClass, Typography as Typography$1 } from "@mui/material";
-import { aN as WarpperTypography } from "../../../styles/index-Cc9p_h7i.js";
+import { aN as WarpperTypography } from "../../../styles/index-C-MsxWtr.js";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";

package/components/popups/PopupsViewer/{index-D8iTb2JJ.js → index-Dn0XOI6q.js}

@@ -5,10 +5,10 @@ import { forwardRef } from "react";
 import { useEnvironment } from "@m4l/core";
 import { u as usePopupsStore } from "../PopupsProvider/index-DhSxmtfJ.js";
 import { P as POPUPS_ICONS } from "./icons-BUujqqbu.js";
-import { P as PopupHeaderContainerStyled, a as PopupHeaderTitleStyled, b as PopupHeaderSubTitleStyled, c as PopupContentEditionInfoStyled, d as PopupDragWindowRootStyled, e as PopupContentRootStyled, f as PopupContentWrapperStyled, R as RootStyled } from "./slots/popupsViewerSlots-DEQAZ8fq.js";
+import { P as PopupHeaderContainerStyled, a as PopupHeaderTitleStyled, b as PopupHeaderSubTitleStyled, c as PopupContentEditionInfoStyled, d as PopupDragWindowRootStyled, e as PopupContentRootStyled, f as PopupContentWrapperStyled, R as RootStyled } from "./slots/popupsViewerSlots-Db8QAmEE.js";
 import { d as draggableWindowClasses } from "../../DragResizeWindow/index-D2jLYExo.js";
-import { I as Icon } from "../../Icon/index-CedboS6y.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index-BfDbi0cC.js";
+import { I as Icon } from "../../Icon/index-CueLDD9j.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index-OMq0pPK0.js";
 import { u as useSizeContainer } from "../../../hooks/useSizeContainer/index-D4hDjM1P.js";
 const Header = (props) => {
   const { popupId } = props;

package/components/popups/PopupsViewer/slots/{popupsViewerSlots-DEQAZ8fq.js → popupsViewerSlots-Db8QAmEE.js}

@@ -1,6 +1,6 @@
 import { styled } from "@mui/material/styles";
 import { P as POPUPS_VIEWER_KEY_COMPONENT } from "../constants-DuyD7aCn.js";
-import { aO as popupsViewerStyles } from "../../../../styles/index-Cc9p_h7i.js";
+import { aO as popupsViewerStyles } from "../../../../styles/index-C-MsxWtr.js";
 import { P as PopupViewerSlots } from "./index-B98CiRLa.js";
 import { D as DragResizeWindow } from "../../../DragResizeWindow/index-D2jLYExo.js";
 const RootStyled = styled("div", { name: POPUPS_VIEWER_KEY_COMPONENT, slot: PopupViewerSlots.root })(

package/contexts/ModalContext/{index-CMPcjPCy.js → index-DkUBXDpR.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { createContext, useState } from "react";
-import { M as ModalDialog } from "../../components/ModalDialog/index-BuGRs967.js";
+import { M as ModalDialog } from "../../components/ModalDialog/index-KryIxH_j.js";
 const ModalContext = createContext(null);
 function ModalProvider({ children }) {
   const [modalOptions, setModalOptions] = useState({

package/contexts/RHFormContext/{index-B4a0h0fX.js → index-Ct48jRjb.js}

@@ -3,7 +3,7 @@ import { useEffect } from "react";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
-import { aP as FormProviderRoot } from "../../styles/index-Cc9p_h7i.js";
+import { aP as FormProviderRoot } from "../../styles/index-C-MsxWtr.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 const componentName = "M4LRHFormProvider";

package/hooks/index.d.ts

@@ -3,3 +3,4 @@ export { useModal } from './useModal';
 export { useTab } from './useTab';
 export { getformAddEditDictionary } from './useFormAddEdit/dictionary';
 export { useFormFocus } from './useFormFocus';
+export { useInterval } from './useInterval';