@m4l/components 1.0.21 → 1.0.22

package/components/modal/{WindowBase.c7d14de4.js → WindowBase.62dc9432.js}

@@ -2,9 +2,9 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { m as modalUtilityClasses } from "./index.81eb6def.js";
 import { useEnvironment } from "@m4l/core";
 import clsx from "clsx";
-import { I as Icon } from "../Icon/index.b1c014b0.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.40a12fe0.js";
-import { u as useModal } from "../../hooks/useModal/index.e77737dd.js";
+import { I as Icon } from "../Icon/index.735ed5af.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.6e1e7606.js";
+import { u as useModal } from "../../hooks/useModal/index.f2579c58.js";
 const Header = (props) => {
   const { title, onClickCancel, urlIcon, classes } = props;
   const { host_static_assets, environment_assets } = useEnvironment();

package/components/modal/{WindowConfirm.eaec0ee1.js → WindowConfirm.af2047ad.js}

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { A as Actions } from "../CommonActions/components/Actions/index.dff2bcc7.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.2569b4df.js";
 import { Typography } from "@mui/material";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { u as useModal } from "../../hooks/useModal/index.e77737dd.js";
-import { I as Image } from "../Image/index.a011d2d2.js";
+import { u as useModal } from "../../hooks/useModal/index.f2579c58.js";
+import { I as Image } from "../Image/index.31093474.js";
 import { m as modalUtilityClasses } from "./index.81eb6def.js";
-import { W as WindowBase } from "./WindowBase.c7d14de4.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.d0adf9c4.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.6904d0ad.js";
+import { W as WindowBase } from "./WindowBase.62dc9432.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.5dc2a47d.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.3f96d6dc.js";
 const dictionary = {
   MESSAGE: "common_actions.confirm_quit_msg"
 };
@@ -45,6 +45,12 @@ const WindowConfirm = (props) => {
     onClickCancel && onClickCancel();
     closeModal();
   };
+  const onClikIntroLocal = () => {
+    closeModal();
+    if (onClickIntro) {
+      onClickIntro();
+    }
+  };
   const classes = modalUtilityClasses({ variant });
   return /* @__PURE__ */ jsxs(
     WindowBase,
@@ -55,7 +61,7 @@ const WindowConfirm = (props) => {
         /* @__PURE__ */ jsx(MessageIlustration, { classes, msg, title }),
         /* @__PURE__ */ jsxs(Actions, { children: [
           /* @__PURE__ */ jsx(ActionCancel, { onClick: onCloseCancel }),
-          /* @__PURE__ */ jsx(ActionIntro, { onClick: onClickIntro })
+          /* @__PURE__ */ jsx(ActionIntro, { onClick: onClikIntroLocal })
         ] })
       ]
     }

package/components/mui_extended/Accordion/{index.289b1eea.js → index.2c184653.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.40a12fe0.js";
+import { I as IconButton } from "../IconButton/index.6e1e7606.js";
 import { useEnvironment } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
-import { ax as AccordionRoot } from "../../../styles/index.b0a69054.js";
+import { ax as AccordionRoot } from "../../../styles/index.2129f144.js";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../../test/getNameDataTestId.0faeade8.js";
-import { I as Icon } from "../../Icon/index.b1c014b0.js";
-import { T as Typography } from "../Typography/index.ddde0fc7.js";
+import { I as Icon } from "../../Icon/index.735ed5af.js";
+import { T as Typography } from "../Typography/index.5bd73114.js";
 const componentName = "M4LAccordion";
 generateUtilityClasses(componentName, [
   "root",

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

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

package/components/mui_extended/Avatar/{index.f8d0e601.js → index.b4817d98.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.86c553a9.js";
 import { unstable_composeClasses } from "@mui/base";
-import { ay as AvatarRoot } from "../../../styles/index.b0a69054.js";
+import { ay as AvatarRoot } from "../../../styles/index.2129f144.js";
 import clsx from "clsx";
 const AVATAR_PREFIX = "M4LAvatar";
 const getNameAvatarDataTestId = (KEY) => {

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

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

package/components/mui_extended/Badge/{index.a5948eb1.js → index.40d1aa2c.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.b0a69054.js";
+import { az as BadgeRoot } from "../../../styles/index.2129f144.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 const componentName = "M4LBadge";
 const badgeClasses = generateUtilityClasses(componentName, [

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

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

package/components/mui_extended/Button/{index.1f534053.js → index.3f98a33c.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.b0a69054.js";
+import { aA as ButtonRoot, aB as WrapperImageButton, aC as LoadingButtonRoot } from "../../../styles/index.2129f144.js";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { useMemo } from "react";
-import { I as Image } from "../../Image/index.a011d2d2.js";
+import { I as Image } from "../../Image/index.31093474.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { LoadingButton as LoadingButton$1 } from "@mui/lab";
-import { T as Typography } from "../Typography/index.ddde0fc7.js";
+import { T as Typography } from "../Typography/index.5bd73114.js";
 const componentName$2 = "M4LButton";
 const buttonClasses = generateUtilityClasses(componentName$2, [
   "root",

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

@@ -0,0 +1,5 @@
+/// <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<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" | "sx" | "classes" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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

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

package/components/mui_extended/{CheckBox.36838947.js → CheckBox.d1a186d8.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.b0a69054.js";
-import { F as FieldLabel } from "../FieldLabel/index.15e78848.js";
+import { aD as CheckBoxRoot } from "../../styles/index.2129f144.js";
+import { F as FieldLabel } from "../FieldLabel/index.9b515e11.js";
 const COMPONENT_CLASS_NAME = "M4LCheckBox";
 generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "root",

package/components/mui_extended/IconButton/{index.40a12fe0.js → index.6e1e7606.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.b1c014b0.js";
-import { aE as IconButtonRoot } from "../../../styles/index.b0a69054.js";
+import { I as Icon } from "../../Icon/index.735ed5af.js";
+import { aE as IconButtonRoot } from "../../../styles/index.2129f144.js";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { useResponsiveDesktop } from "@m4l/graphics";

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/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

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

package/components/mui_extended/MenuActions/{index.fdc64d2c.js → index.e40047bd.js}

@@ -2,13 +2,13 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React__default, { useState, useEffect, useMemo } from "react";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { generateUtilityClasses, generateUtilityClass, useTheme, MenuItem } from "@mui/material";
-import { P as Popover } from "../Popover/index.1758efd3.js";
-import { aF as LabelMemuItem } from "../../../styles/index.b0a69054.js";
-import { I as Icon } from "../../Icon/index.b1c014b0.js";
+import { P as Popover } from "../Popover/index.2dc9ded4.js";
+import { aF as LabelMemuItem } from "../../../styles/index.2129f144.js";
+import { I as Icon } from "../../Icon/index.735ed5af.js";
 import clsx from "clsx";
 import { unstable_composeClasses } from "@mui/base";
-import { B as Badge } from "../Badge/index.a5948eb1.js";
-import { I as IconButton } from "../IconButton/index.40a12fe0.js";
+import { B as Badge } from "../Badge/index.40d1aa2c.js";
+import { I as IconButton } from "../IconButton/index.6e1e7606.js";
 const ICONS = {
   MENU: "menu.svg"
 };

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const WrapperMenuActions: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "style" | "disabled" | "children" | "tabIndex" | "className" | "color" | "size" | "action" | "sx" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const LabelMemuItem: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/Pager/{index.6b48325e.js → index.3d387e89.js}

@@ -1,14 +1,14 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { aG as PagerRoot } from "../../../styles/index.b0a69054.js";
+import { aG as PagerRoot } from "../../../styles/index.2129f144.js";
 import { generateUtilityClasses, generateUtilityClass, useTheme, Select, InputBase, MenuItem } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { I as IconButton } from "../IconButton/index.40a12fe0.js";
+import { I as IconButton } from "../IconButton/index.6e1e7606.js";
 import { useEnvironment } from "@m4l/core";
 import { useResponsiveContainerStore } from "@m4l/graphics";
 import { shallow } from "zustand/shallow";
-import { T as Typography } from "../Typography/index.ddde0fc7.js";
-import { I as Icon } from "../../Icon/index.b1c014b0.js";
+import { T as Typography } from "../Typography/index.5bd73114.js";
+import { I as Icon } from "../../Icon/index.735ed5af.js";
 const componentName = "M4LPager";
 generateUtilityClasses(componentName, [
   "root",

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

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

package/components/mui_extended/Popover/{index.1758efd3.js → index.2dc9ded4.js}

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

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

@@ -0,0 +1 @@
+export declare const PopoverRoot: import("@emotion/styled").StyledComponent<import("@mui/material").PopoverProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/components/mui_extended/Popover/subcomponts/ArrowIcon/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ArrowStyleProps } from '../../types';
+export declare const ArrowStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & ArrowStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/components/mui_extended/Stack/{index.84103b22.js → index.5ffdbe1b.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.b0a69054.js";
+import { aI as MUISTack } from "../../../styles/index.2129f144.js";
 import clsx from "clsx";
 const componentName = "M4LStack";
 generateUtilityClasses(componentName, [

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const MUISTack: import("@emotion/styled").StyledComponent<import("@mui/material").StackOwnProps & 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;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material").StackOwnProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/components/mui_extended/Tab/{index.35947f79.js → index.aa10efd0.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.b0a69054.js";
+import { aJ as MUITabs, aK as TabContentRoot, aL as TabRoot, aM as SKTTabWrapper } from "../../../styles/index.2129f144.js";
 import { useModuleSkeleton } from "@m4l/core";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../../test/getNameDataTestId.0faeade8.js";

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

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

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

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

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

@@ -0,0 +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" | "sx" | "classes" | "variant" | "slotProps" | "slots" | "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.f0890b7c.js → index.82878215.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.1f534053.js";
+import { B as Button, b as buttonClasses } from "../Button/index.3f98a33c.js";
 import { w as withToggle } from "../../../hocs/withToggle/index.548aeace.js";
 const ToggleAbleButton = ({ onToggle, isToggled, ...props }) => {
   return /* @__PURE__ */ jsx(

package/components/mui_extended/ToggleIconButton/{index.9e8ea15b.js → index.ce4374ba.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.40a12fe0.js";
+import { I as IconButton, i as iconButtonClasses } from "../IconButton/index.6e1e7606.js";
 import { w as withToggle } from "../../../hocs/withToggle/index.548aeace.js";
 const ToggleAbleIconButton = ({
   onToggle,

package/components/mui_extended/Typography/{index.ddde0fc7.js → index.5bd73114.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.b0a69054.js";
+import { aN as WarpperTypography } from "../../../styles/index.2129f144.js";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";

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

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

package/components/popups/PopupsProvider/{index.156f6fb2.js → index.67239cbd.js}

@@ -6,7 +6,7 @@ import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { p as popupsUtilityClasses } from "../PopupsViewer/index.f36f3bcc.js";
+import { p as popupsUtilityClasses } from "../PopupsViewer/index.4b9f2606.js";
 import { cloneDeep } from "lodash";
 const updateOwnerStateClasses = (state) => {
   state.classes = popupsUtilityClasses(state.ownerState);
@@ -14,6 +14,7 @@ const updateOwnerStateClasses = (state) => {
 const createPopupsStore = (initProps) => {
   const startProps = {
     classes: popupsUtilityClasses(initProps.ownerState),
+    currentZindex: initProps.baseZindex,
     popupsIds: [],
     hashPopups: {},
     ...initProps
@@ -45,15 +46,23 @@ const createPopupsStore = (initProps) => {
                 state.popupsIds.forEach((popupId) => {
                   state.hashPopups[popupId].status = "closing";
                 });
-              });
-              set((state) => {
-                state.hashPopups[popupProps.popupId] = { ...popupProps, status: "init" };
+                state.hashPopups[popupProps.popupId] = {
+                  ...popupProps,
+                  status: "init",
+                  zIndex: state.currentZindex
+                };
                 state.popupsIds.push(popupProps.popupId);
+                state.currentZindex = state.currentZindex + 1;
               });
             } else {
               set((state) => {
-                state.hashPopups[popupProps.popupId] = { ...popupProps, status: "init" };
+                state.hashPopups[popupProps.popupId] = {
+                  ...popupProps,
+                  status: "init",
+                  zIndex: state.currentZindex
+                };
                 state.popupsIds.push(popupProps.popupId);
+                state.currentZindex = state.currentZindex + 1;
               });
             }
           },
@@ -64,6 +73,11 @@ const createPopupsStore = (initProps) => {
             set((state) => {
               state.popupsIds.splice(state.popupsIds.indexOf(popupId), 1);
               delete state.hashPopups[popupId];
+              if (state.popupsIds.length === 0) {
+                state.currentZindex = state.baseZindex;
+              } else {
+                state.currentZindex = state.currentZindex - 1;
+              }
             });
           },
           closePopup: (popupId) => {
@@ -98,6 +112,20 @@ const createPopupsStore = (initProps) => {
               state.hashPopups[popupId].status = "hidden";
             });
           },
+          setPopupOnTop: (popupId) => {
+            if (!get().hashPopups[popupId]) {
+              return;
+            }
+            set((state) => {
+              const maxIndex = state.popupsIds.reduce((max, _pId, cIndex) => {
+                return state.hashPopups[state.popupsIds[cIndex]].zIndex > max ? state.hashPopups[state.popupsIds[cIndex]].zIndex : max;
+              }, state.hashPopups[state.popupsIds[0]].zIndex);
+              if (state.hashPopups[popupId].zIndex !== maxIndex) {
+                state.hashPopups[popupId].zIndex = state.currentZindex;
+                state.currentZindex = state.currentZindex + 1;
+              }
+            });
+          },
           setHandlerGetLabel: (newHandler) => {
             set((state) => {
               state.getLabel = newHandler;
@@ -117,7 +145,7 @@ const createPopupsStore = (initProps) => {
 };
 const PopupsContext = createContext(null);
 function PopupsProvider(props) {
-  const { children, initialPopups } = props;
+  const { children, initialPopups, baseZindex = 0 } = props;
   const { getLabel } = useModuleDictionary();
   const isDesktop = useResponsiveDesktop();
   const isSkeleton = useModuleSkeleton();
@@ -126,6 +154,7 @@ function PopupsProvider(props) {
   if (!popupsStoreRef.current) {
     popupsStoreRef.current = createPopupsStore({
       getLabel,
+      baseZindex,
       ownerState: {
         status: "init",
         isMobile: !isDesktop,

package/components/popups/PopupsViewer/{index.f36f3bcc.js → index.4b9f2606.js}

@@ -1,26 +1,27 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { TransitionGroup, CSSTransition } from "react-transition-group";
 import { shallow } from "zustand/shallow";
-import { useState, useRef } from "react";
+import { forwardRef } from "react";
 import clsx from "clsx";
 import { useEnvironment } from "@m4l/core";
-import { u as usePopupsStore } from "../PopupsProvider/index.156f6fb2.js";
+import { u as usePopupsStore } from "../PopupsProvider/index.67239cbd.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { d as draggableWindowClasses, D as DragResizeWindow } from "../../DragResizeWindow/index.4fea43a8.js";
-import { I as Icon } from "../../Icon/index.b1c014b0.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.40a12fe0.js";
+import { d as draggableWindowClasses, D as DragResizeWindow } from "../../DragResizeWindow/index.be8a40b2.js";
+import { I as Icon } from "../../Icon/index.735ed5af.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.6e1e7606.js";
 import { u as useSizeContainer } from "../../../hooks/useSizeContainer/index.3c48670c.js";
 import { styled } from "@mui/material/styles";
 const COMPONENT_CLASS_NAME = "M4LPopupsViewer";
-const MAP_ZINDEX_OVER_MAP = 1100;
 const popupsClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "containerRoot",
   "popupRoot",
   "popupHeaderContainer",
   "popupHeaderTitle",
   "popupHeaderSubTitle",
-  "popupContent",
+  "popupContentRoot",
+  "popupContentEditionInfo",
+  "popupContentWrapper",
   "popupHidden",
   "popupWithSubTitle"
 ]);
@@ -35,7 +36,9 @@ const popupsUtilityClasses = (_ownerState) => {
     popupHeaderContainer: ["popupHeaderContainer"],
     popupHeaderTitle: ["popupHeaderTitle"],
     popupHeaderSubTitle: ["popupHeaderSubTitle"],
-    popupContent: ["popupContent"],
+    popupContentRoot: ["popupContentRoot"],
+    popupContentEditionInfo: ["popupContentEditionInfo"],
+    popupContentWrapper: ["popupContentWrapper"],
     popupHidden: ["popupHidden"],
     popupWithSubTitle: ["popupWithSubTitle"]
   };
@@ -45,17 +48,17 @@ const popupsUtilityClasses = (_ownerState) => {
   };
 };
 const POPUPS_ICONS = {
-  CLOSE: "close.svg"
+  CLOSE: "close.svg",
+  EDITION_INFO: "edition_info.svg"
 };
 const Header = (props) => {
   const { popupId } = props;
   const { host_static_assets, environment_assets } = useEnvironment();
   const popup = usePopupsStore((state) => state.hashPopups[popupId], shallow);
-  usePopupsStore((state) => state.popupsActions, shallow);
+  const { closePopup } = usePopupsStore((state) => state.popupsActions, shallow);
   const { iconUrl } = popup || {};
-  const [, setInProp] = useState(false);
   const onClose = () => {
-    setInProp((l) => !l);
+    closePopup(popupId);
   };
   if (!popup) {
     return null;
@@ -90,37 +93,68 @@ const Header = (props) => {
     }
   );
 };
-const Popup = (props) => {
-  const { popupId, containerElement, containerSize } = props;
+const EditionInfo = (props) => {
+  const { editionInfo } = props;
+  const { host_static_assets, environment_assets } = useEnvironment();
+  return /* @__PURE__ */ jsxs("div", { className: popupsClasses.popupContentEditionInfo, children: [
+    /* @__PURE__ */ jsx(
+      Icon,
+      {
+        src: `${host_static_assets}/${environment_assets}/frontend/components/popup/assets/icons/${POPUPS_ICONS.EDITION_INFO}`,
+        size: "small"
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { children: editionInfo })
+  ] });
+};
+const Popup = forwardRef((props, ref) => {
+  const { popupId, containerElement, containerSize, style } = props;
   const popup = usePopupsStore((state) => state.hashPopups[popupId], shallow);
-  const { draggable = true, resizable = true, defaultPosition, bounds, ...others } = popup || {};
-  const nodeRef = useRef(null);
+  const { setPopupOnTop } = usePopupsStore((state) => state.popupsActions, shallow);
+  const {
+    draggable = true,
+    resizable = true,
+    defaultPosition,
+    bounds,
+    onMouseDown,
+    ...others
+  } = popup || {};
+  const onMouseDownLocal = (e) => {
+    setPopupOnTop(popupId);
+    if (onMouseDown) {
+      onMouseDown(e);
+    }
+  };
   if (!popup) {
     return null;
   }
   return /* @__PURE__ */ jsxs(
     DragResizeWindow,
     {
-      ref: nodeRef,
+      ref,
       className: clsx(
         popupsClasses.popupRoot,
         popup.status === "hidden" && popupsClasses.popupHidden
       ),
-      onMouseDown: popup?.onMouseDown,
+      onMouseDown: onMouseDownLocal,
       containerElement,
       containerSize,
       bounds,
       draggable,
       resizeable: resizable,
       defaultPosition,
+      style,
       ...others,
       children: [
         /* @__PURE__ */ jsx(Header, { popupId: popup.popupId }),
-        /* @__PURE__ */ jsx("div", { className: popupsClasses.popupContent, children: popup.functionComponent && popup.functionComponent({ ...popup.componentProps }) })
+        /* @__PURE__ */ jsxs("div", { className: popupsClasses.popupContentRoot, children: [
+          popup.editionInfo && /* @__PURE__ */ jsx(EditionInfo, { editionInfo: popup.editionInfo }),
+          /* @__PURE__ */ jsx("div", { className: popupsClasses.popupContentWrapper, children: popup.functionComponent && popup.functionComponent({ ...popup.componentProps }) })
+        ] })
       ]
     }
   );
-};
+});
 const PopupsViewerRoot = styled("div")`
   ${(props) => props.theme.components?.M4LPopupsViewer?.styleOverrides}
 `;
@@ -136,20 +170,20 @@ const PopupsViewer = (props) => {
     return null;
   }
   return /* @__PURE__ */ jsx(PopupsViewerRoot, { className: popupsClasses.containerRoot, children: /* @__PURE__ */ jsx(TransitionGroup, { children: popupsIds.map((id) => {
+    console.log(`${new Date().toLocaleString()}: Render`);
     return /* @__PURE__ */ jsx(
       CSSTransition,
       {
-        in: true,
-        timeout: {
-          appear: 500,
-          enter: 300,
-          exit: 1300
-        },
+        timeout: { appear: 0, enter: 1300, exit: 0 },
         unmountOnExit: true,
         onExited: () => {
           removePopup(id);
         },
-        classNames: "popup-fade",
+        classNames: {
+          enter: "fade-enter",
+          enterActive: "fade-enter-active",
+          enterDone: "fade-enter-done"
+        },
         children: /* @__PURE__ */ jsx(
           Popup,
           {
@@ -165,7 +199,6 @@ const PopupsViewer = (props) => {
   }) }) });
 };
 export {
-  MAP_ZINDEX_OVER_MAP as M,
   PopupsViewer as P,
   popupsUtilityClasses as p
 };