@m4l/components 0.1.77 → 0.1.78

package/components/hook-form/RHFDateTime/{index.5b080342.js → index.4d671108.js}

@@ -6,10 +6,10 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useFormatter } from "@m4l/graphics";
 import { useState, useEffect } from "react";
 import clsx from "clsx";
-import "../../Icon/index.ecb63e65.js";
+import "../../Icon/index.9fcd1476.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import "../../mui_extended/IconButton/index.fc5b7c2d.js";
-import "../../mui_extended/Accordion/index.12b1339a.js";
+import "../../mui_extended/IconButton/index.12f1a3c3.js";
+import "../../mui_extended/Accordion/index.9877f7bf.js";
 import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
@@ -18,12 +18,12 @@ import "../../mui_extended/Button/index.4288f9fc.js";
 import "../../mui_extended/Badge/index.8c2b8b66.js";
 import "../../Image/index.c18ebf5a.js";
 import "@mui/lab";
+import "../../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/MenuActions/index.f5b1c022.js";
-import "../../mui_extended/Pager/index.435af0df.js";
-import "../../mui_extended/Tab/index.9e2f6e34.js";
+import "../../mui_extended/Pager/index.2f6d6d7d.js";
+import "../../mui_extended/Tab/index.7c82e43d.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
-import { H as HelperText } from "../../HelperText/index.ef31df1f.js";
+import { H as HelperText } from "../../HelperText/index.a019742c.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 const SKTRHFWrapperTextField = styled("div")(({

package/components/hook-form/RHFPeriod/{index.5304e3bd.js → index.39b4be49.js}

@@ -1,7 +1,7 @@
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { useFormContext, Controller } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index.ef31df1f.js";
-import { P as Period } from "../../Period/index.711db043.js";
+import { H as HelperText } from "../../HelperText/index.a019742c.js";
+import { P as Period } from "../../Period/index.7b94c418.js";
 import { unstable_composeClasses } from "@mui/base";
 import { jsx, jsxs } from "react/jsx-runtime";
 const RHFPeriodRoot = styled("div")(({

package/components/hook-form/RHFTextField/{index.e751dca7.js → index.9004e898.js}

@@ -1,10 +1,10 @@
 import { useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, Skeleton, generateUtilityClasses, TextField, InputAdornment, generateUtilityClass } from "@mui/material";
 import { forwardRef, useState, useEffect } from "react";
-import { I as IconButton } from "../../mui_extended/IconButton/index.fc5b7c2d.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.12f1a3c3.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import "../../Icon/index.ecb63e65.js";
+import "../../Icon/index.9fcd1476.js";
 import "clsx";
 import "@m4l/graphics";
 import { useFormContext, Controller } from "react-hook-form";
@@ -12,7 +12,7 @@ import { styled as styled$1 } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../utils/index.c43a95f4.js";
 import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
-import { H as HelperText } from "../../HelperText/index.ef31df1f.js";
+import { H as HelperText } from "../../HelperText/index.a019742c.js";
 const SkeletonTextFieldRoot = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/hook-form/RHFUpload/{index.25db0511.js → index.bed8573e.js}

@@ -9,23 +9,23 @@ import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { B as Button } from "../../mui_extended/Button/index.4288f9fc.js";
 import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
-import { H as HelperText } from "../../HelperText/index.ef31df1f.js";
+import { H as HelperText } from "../../HelperText/index.a019742c.js";
 import "clsx";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import "@mui/material/Button";
-import "../../Icon/index.ecb63e65.js";
-import "../../mui_extended/IconButton/index.fc5b7c2d.js";
+import "../../Icon/index.9fcd1476.js";
+import "../../mui_extended/IconButton/index.12f1a3c3.js";
 import "@m4l/graphics";
-import "../../mui_extended/Accordion/index.12b1339a.js";
+import "../../mui_extended/Accordion/index.9877f7bf.js";
 import "../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "../../mui_extended/Badge/index.8c2b8b66.js";
 import "@mui/lab";
+import "../../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/MenuActions/index.f5b1c022.js";
-import "../../mui_extended/Pager/index.435af0df.js";
-import "../../mui_extended/Tab/index.9e2f6e34.js";
+import "../../mui_extended/Pager/index.2f6d6d7d.js";
+import "../../mui_extended/Tab/index.7c82e43d.js";
 import "../../mui_extended/Tooltip/index.5a795dcd.js";
 const UploadImageRoot = styled("div")(({
   theme
@@ -124,9 +124,6 @@ function UploadImage({
     isDragActive,
     hasFile: file
   };
-  console.log("isSkeleton", isSkeleton);
-  console.log("file load", file);
-  console.log("ownerState", ownerSate);
   const classes = RHFUploadImageUtilityClasses(ownerSate);
   return /* @__PURE__ */ jsx(UploadImageRoot, {
     className: classes.root,

package/components/modal/{WindowBase.850ea31a.js → WindowBase.a0c0b322.js}

@@ -1,11 +1,11 @@
 import { useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.de522a10.js";
-import { m as modalUtilityClasses } from "./index.a0978193.js";
-import { I as Icon } from "../Icon/index.ecb63e65.js";
+import { u as useModal } from "../../hooks/useModal/index.8e85f7ae.js";
+import { m as modalUtilityClasses } from "./index.00efea85.js";
+import { I as Icon } from "../Icon/index.9fcd1476.js";
 import "@mui/material";
-import { I as IconButton } from "../mui_extended/IconButton/index.fc5b7c2d.js";
-import "../mui_extended/Accordion/index.12b1339a.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.12f1a3c3.js";
+import "../mui_extended/Accordion/index.9877f7bf.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
@@ -16,10 +16,10 @@ import "../mui_extended/Button/index.4288f9fc.js";
 import "../mui_extended/Badge/index.8c2b8b66.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
+import "../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/MenuActions/index.f5b1c022.js";
-import "../mui_extended/Pager/index.435af0df.js";
-import "../mui_extended/Tab/index.9e2f6e34.js";
+import "../mui_extended/Pager/index.2f6d6d7d.js";
+import "../mui_extended/Tab/index.7c82e43d.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 const Header = (props) => {
   const {

package/components/modal/{WindowConfirm.cb37bc58.js → WindowConfirm.6c063f2d.js}

@@ -1,9 +1,9 @@
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.de522a10.js";
-import { A as Actions } from "../CommonActions/components/Actions/index.3eba9d91.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.b748a38e.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.a7d92e66.js";
+import { u as useModal } from "../../hooks/useModal/index.8e85f7ae.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.52125041.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.d536ccfa.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.aa1648eb.js";
 import "react-hook-form";
 import { Typography } from "@mui/material";
 import "@mui/material/Button";
@@ -13,27 +13,27 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import "../../react-draggable.7abb5d0a.js";
 import "../Resizeable/index.9a9c79a4.js";
 import "@m4l/graphics";
-import "../Icon/index.ecb63e65.js";
-import { m as modalUtilityClasses } from "./index.a0978193.js";
+import "../Icon/index.9fcd1476.js";
+import { m as modalUtilityClasses } from "./index.00efea85.js";
 import { I as Image } from "../Image/index.c18ebf5a.js";
-import "../mui_extended/IconButton/index.fc5b7c2d.js";
-import "../mui_extended/Accordion/index.12b1339a.js";
+import "../mui_extended/IconButton/index.12f1a3c3.js";
+import "../mui_extended/Accordion/index.9877f7bf.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "../mui_extended/Badge/index.8c2b8b66.js";
 import "@mui/lab";
+import "../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/MenuActions/index.f5b1c022.js";
-import "../mui_extended/Pager/index.435af0df.js";
-import "../mui_extended/Tab/index.9e2f6e34.js";
+import "../mui_extended/Pager/index.2f6d6d7d.js";
+import "../mui_extended/Tab/index.7c82e43d.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.c8147e8e.js";
-import "../areas/components/AreasAdmin/index.cc4cbf56.js";
+import "../areas/contexts/AreasContext/index.02c4e7be.js";
+import "../areas/components/AreasAdmin/index.43ecd998.js";
 import "zustand/shallow";
 import "../ScrollBar/index.bbe48f4d.js";
-import "../areas/components/AreasViewer/index.9c2aaaeb.js";
+import "../areas/components/AreasViewer/index.14e62059.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/modal/{index.a0978193.js → index.00efea85.js}

@@ -1,37 +1,37 @@
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import "../../react-draggable.7abb5d0a.js";
 import "react";
-import "../../contexts/ModalContext/index.dee85a61.js";
+import "../../contexts/ModalContext/index.e9a7ba4a.js";
 import "../Resizeable/index.9a9c79a4.js";
 import "react/jsx-runtime";
 import "@m4l/graphics";
-import "../Icon/index.ecb63e65.js";
+import "../Icon/index.9fcd1476.js";
 import "clsx";
 import "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
-import "../CommonActions/components/Actions/index.3eba9d91.js";
+import "../CommonActions/components/Actions/index.52125041.js";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.4288f9fc.js";
 import "react-hook-form";
-import "../mui_extended/IconButton/index.fc5b7c2d.js";
-import "../mui_extended/Accordion/index.12b1339a.js";
+import "../mui_extended/IconButton/index.12f1a3c3.js";
+import "../mui_extended/Accordion/index.9877f7bf.js";
 import "../mui_extended/Typography/index.443590d6.js";
 import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "../mui_extended/Badge/index.8c2b8b66.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
+import "../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/MenuActions/index.f5b1c022.js";
-import "../mui_extended/Pager/index.435af0df.js";
-import "../mui_extended/Tab/index.9e2f6e34.js";
+import "../mui_extended/Pager/index.2f6d6d7d.js";
+import "../mui_extended/Tab/index.7c82e43d.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.c8147e8e.js";
-import "../areas/components/AreasAdmin/index.cc4cbf56.js";
+import "../areas/contexts/AreasContext/index.02c4e7be.js";
+import "../areas/components/AreasAdmin/index.43ecd998.js";
 import "zustand/shallow";
 import "../ScrollBar/index.bbe48f4d.js";
-import "../areas/components/AreasViewer/index.9c2aaaeb.js";
+import "../areas/components/AreasViewer/index.14e62059.js";
 import "../LinearProgressIndeterminate/index.60dabc06.js";
 import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";

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

@@ -0,0 +1 @@
+export declare const COMPONENT_PREFIX = "m4l-accordion";

package/components/mui_extended/Accordion/{index.12b1339a.js → index.9877f7bf.js}

@@ -1,11 +1,12 @@
 import { generateUtilityClasses, generateUtilityClass, styled, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
-import { I as IconButton } from "../IconButton/index.fc5b7c2d.js";
+import { I as IconButton } from "../IconButton/index.12f1a3c3.js";
 import { useEnvironment } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
-import { I as Icon } from "../../Icon/index.ecb63e65.js";
+import { I as Icon } from "../../Icon/index.9fcd1476.js";
 import { T as Typography } from "../Typography/index.443590d6.js";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
+import { g as getNameDataTestId } from "../../../vendor.e353394b.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const componentName = "M4LAccordion";
 generateUtilityClasses(componentName, [
@@ -58,10 +59,7 @@ const AccordionRoot = styled("div")(({
 }) => ({
   ...theme.components?.M4LAccordion?.styleOverrides
 }));
-const ICON_PREFIX = "M4LAccordion";
-const getNameAccordionDataTestId = (KEY) => {
-  return `${ICON_PREFIX}-${KEY}`;
-};
+const COMPONENT_PREFIX = "m4l-accordion";
 function Accordion(props) {
   const {
     label,
@@ -71,7 +69,8 @@ function Accordion(props) {
     accordionProps,
     summaryProps,
     labelIcon,
-    className
+    className,
+    dataTestId = ""
   } = props;
   const {
     host_static_assets,
@@ -81,7 +80,7 @@ function Accordion(props) {
   return /* @__PURE__ */ jsx(AccordionRoot, {
     className: clsx(classes.root, className),
     ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getNameAccordionDataTestId("root")
+      [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "root", dataTestId)
     } : {},
     children: /* @__PURE__ */ jsxs(Accordion$1, {
       variant: "outlined",
@@ -103,7 +102,7 @@ function Accordion(props) {
         children: /* @__PURE__ */ jsxs("div", {
           className: classes.labelIcon,
           ...process.env.NODE_ENV !== "production" ? {
-            [TEST_PROP_ID]: getNameAccordionDataTestId("labelIcon")
+            [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "labelIcon", dataTestId)
           } : {},
           children: [labelIcon && /* @__PURE__ */ jsx(Icon, {
             src: labelIcon

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

@@ -7,6 +7,7 @@ export declare type AccordionProps = {
     accordionProps?: Omit<MUIAccordionProps, 'sx'>;
     summaryProps?: AccordionSummaryProps;
     labelIcon?: string;
+    dataTestId?: string;
     SKTWidht?: string | number;
     SKTHeight?: string | number;
 };

package/components/mui_extended/IconButton/{index.fc5b7c2d.js → index.12f1a3c3.js}

@@ -1,7 +1,7 @@
 import { useMemo, useState } 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.ecb63e65.js";
+import { I as Icon } from "../../Icon/index.9fcd1476.js";
 import { jsx, Fragment } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useResponsiveDesktop } from "@m4l/graphics";
@@ -59,6 +59,7 @@ const IconButton = (props) => {
     variant = "line",
     disabled,
     className,
+    onClick,
     ...other
   } = props;
   const {
@@ -101,6 +102,7 @@ const IconButton = (props) => {
         title: finalTooltip || "",
         children: /* @__PURE__ */ jsx(IconButton$1, {
           ...other,
+          onClick,
           disableRipple: true,
           onFocusVisible: handlerOnFocus,
           onBlur: handlerOnBlur,
@@ -112,6 +114,7 @@ const IconButton = (props) => {
         })
       }) : /* @__PURE__ */ jsx(IconButton$1, {
         ...other,
+        onClick,
         disableRipple: true,
         onFocusVisible: handlerOnFocus,
         onBlur: handlerOnBlur,

package/components/mui_extended/MenuActions/{index.f5b1c022.js → index.43a2e1ae.js}

@@ -1,10 +1,11 @@
-import { useState, useMemo } from "react";
+import React__default, { useState, useMemo } from "react";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { IconButton, MenuItem, Badge } from "@mui/material";
 import { P as Popover } from "../Popover/index.9f35d0eb.js";
 import { styled } from "@mui/material/styles";
-import { I as Icon } from "../../Icon/index.ecb63e65.js";
-import { I as IconButton$1 } from "../IconButton/index.fc5b7c2d.js";
+import { I as Icon } from "../../Icon/index.9fcd1476.js";
+import { I as IconButton$1 } from "../IconButton/index.12f1a3c3.js";
+import clsx from "clsx";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 styled(IconButton)(() => ({}));
 const LabelMemuItem = styled("div")(({
@@ -48,7 +49,9 @@ function MenuActions(props) {
   } = useModuleDictionary();
   const [open, setOpen] = useState(null);
   const handleOpen = (event) => {
+    console.log("handleOpen");
     setOpen(event.currentTarget);
+    event.stopPropagation();
   };
   const urlFinalIcon = useMemo(() => {
     if (urlIcon)
@@ -58,9 +61,10 @@ function MenuActions(props) {
   const handleClose = () => {
     setOpen(null);
   };
-  const handleClick = (menuAction) => {
+  const handleClick = (e, menuAction) => {
     setOpen(null);
     menuAction.onClick();
+    e.stopPropagation();
   };
   const finalActions = useMemo(() => {
     let ret;
@@ -112,11 +116,14 @@ function MenuActions(props) {
       ...other,
       children: [finalActions.map((menuAction, index) => /* @__PURE__ */ jsxs(MenuItem, {
         dense: true,
-        onClick: () => handleClick(menuAction),
+        onClick: (e) => {
+          handleClick(e, menuAction);
+        },
         sx: {
           color: menuAction.color ?? "text.main"
         },
         disabled: menuAction.disabled,
+        className: clsx(menuAction?.className),
         children: [menuAction.urlIcon ? /* @__PURE__ */ jsx(Icon, {
           src: menuAction.urlIcon
         }) : null, /* @__PURE__ */ jsx(LabelMemuItem, {
@@ -126,7 +133,9 @@ function MenuActions(props) {
     })]
   });
 }
+const MemonizedMenuActions = React__default.memo(MenuActions);
 export {
   LabelMemuItem as L,
-  MenuActions as M
+  MenuActions as M,
+  MemonizedMenuActions as a
 };

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

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

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

@@ -16,6 +16,7 @@ export declare type MenuAction = {
     color?: string;
     label?: string;
     dictionaryId?: string;
+    className?: string;
 };
 export interface MenuActionsProps extends Omit<PopoverProps, 'open'> {
     objItem?: any;

package/components/mui_extended/Pager/{index.435af0df.js → index.2f6d6d7d.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.fc5b7c2d.js";
+import { I as IconButton } from "../IconButton/index.12f1a3c3.js";
 import { useEnvironment } from "@m4l/core";
 import { jsxs, jsx } from "react/jsx-runtime";
 const WrapperPagerActions = styled("div")(({ theme }) => ({

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

@@ -0,0 +1 @@
+export declare const COMPONENT_PREFIX = "m4l-tab";

package/components/mui_extended/Tab/{index.9e2f6e34.js → index.7c82e43d.js}

@@ -4,6 +4,7 @@ import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
+import { g as getNameDataTestId } from "../../../vendor.e353394b.js";
 import { jsx } from "react/jsx-runtime";
 const TabRoot = styled("div")(({
   theme
@@ -33,15 +34,13 @@ const tabUtilityClasses = () => {
     ...composedClasses
   };
 };
-const ICON_PREFIX = "M4LTab";
-const getNameTabDataTestId = (KEY) => {
-  return `${ICON_PREFIX}-${KEY}`;
-};
+const COMPONENT_PREFIX = "m4l-tab";
 function Tab(props) {
   const {
     SKTWidth,
     SKTHeight,
     className,
+    dataTestId = "",
     ...other
   } = props;
   const isSkeleton = useModuleSkeleton();
@@ -49,14 +48,14 @@ function Tab(props) {
   return /* @__PURE__ */ jsx(TabRoot, {
     className: clsx(classes.root, className),
     ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getNameTabDataTestId("root")
+      [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "root", dataTestId)
     } : {},
     children: !isSkeleton ? /* @__PURE__ */ jsx(Tab$1, {
       ...other
     }) : /* @__PURE__ */ jsx(SKTTabWrapper, {
       className: classes.skeleton,
       ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROP_ID]: getNameTabDataTestId("skeleton")
+        [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "skeleton", dataTestId)
       } : {},
       children: /* @__PURE__ */ jsx(Skeleton, {
         variant: "text",

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

@@ -2,4 +2,5 @@ import { TabProps as MUITabProps } from '@mui/material';
 export interface TabProps extends MUITabProps {
     SKTWidth: string | number;
     SKTHeight: string | number;
+    dataTestId?: string;
 }

package/components/mui_extended/{index.83979b6a.js → index.0e2ff642.js}

@@ -1,12 +1,12 @@
 import "@mui/material";
 import "react";
 import "@m4l/core";
-import "../Icon/index.ecb63e65.js";
+import "../Icon/index.9fcd1476.js";
 import "clsx";
 import "react/jsx-runtime";
-import "./IconButton/index.fc5b7c2d.js";
+import "./IconButton/index.12f1a3c3.js";
 import "@m4l/graphics";
-import "./Accordion/index.12b1339a.js";
+import "./Accordion/index.9877f7bf.js";
 import "./Typography/index.443590d6.js";
 import "./Avatar/index.75e6ed57.js";
 import "react-router-dom";
@@ -15,8 +15,8 @@ import "./Button/index.4288f9fc.js";
 import "./Badge/index.8c2b8b66.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
+import "./MenuActions/index.43a2e1ae.js";
 import "./Popover/index.9f35d0eb.js";
-import "./MenuActions/index.f5b1c022.js";
-import "./Pager/index.435af0df.js";
-import "./Tab/index.9e2f6e34.js";
+import "./Pager/index.2f6d6d7d.js";
+import "./Tab/index.7c82e43d.js";
 import "./Tooltip/index.5a795dcd.js";

package/contexts/ModalContext/{index.dee85a61.js → index.e9a7ba4a.js}

@@ -1,5 +1,5 @@
 import { createContext, useState } from "react";
-import { M as ModalDialog } from "../../components/ModalDialog/index.d880e685.js";
+import { M as ModalDialog } from "../../components/ModalDialog/index.d9937d46.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 const ModalContext = createContext(null);
 function ModalProvider({

package/hooks/useModal/{index.de522a10.js → index.8e85f7ae.js}

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { M as ModalContext } from "../../contexts/ModalContext/index.dee85a61.js";
+import { M as ModalContext } from "../../contexts/ModalContext/index.e9a7ba4a.js";
 function useModal() {
   const context = useContext(ModalContext);
   if (!context)