@m4l/components 0.1.63 → 0.1.65

package/components/modal/index.fde6acc3.js

@@ -0,0 +1,27 @@
+import "@mui/material";
+import "../../react-draggable.d6441025.js";
+import "react";
+import "../../contexts/ModalContext/index.bfc47ba9.js";
+import "../ModalDialog/index.3db4480d.js";
+import "../Resizeable/index.ee84ebc5.js";
+import "react/jsx-runtime";
+import "@m4l/graphics";
+import "@m4l/core";
+import "../CommonActions/components/Actions/index.3b882471.js";
+import "@mui/material/Button";
+import "../mui_extended/Button/index.e4c61b66.js";
+import "clsx";
+import "react-hook-form";
+import "./WindowBase.1b0657de.js";
+import "../Icon/index.6938827f.js";
+import "../areas/components/AreasViewer/index.1aa4d12d.js";
+import "../mui_extended/IconButton/index.78a489d3.js";
+import "zustand";
+import "../areas/contexts/AreasContext/index.b3b26965.js";
+import "../areas/components/AreasAdmin/index.46fab65b.js";
+import "zustand/shallow";
+import "../areas/contexts/index.4ebef035.js";
+import "../areas/contexts/DynamicMFParmsContext/index.5b3248df.js";
+import "@mui/lab";
+import "../mui_extended/Typography/index.86505aed.js";
+import "./WindowConfirm.60028bce.js";

package/components/mui_extended/Accordion/{index.b7487e37.js → index.95a1b021.js}

@@ -1,7 +1,7 @@
 import { Skeleton, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
-import { I as IconButton } from "../IconButton/index.be9c2ce5.js";
+import { I as IconButton } from "../IconButton/index.78a489d3.js";
 import { useEnvironment, useModuleSkeleton } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.0f9b360e.js";
+import { I as Icon } from "../../Icon/index.6938827f.js";
 import { styled } from "@mui/material/styles";
 import { jsx, jsxs } from "react/jsx-runtime";
 styled("div")(({

package/components/mui_extended/Button/{index.d9e0ae2e.js → index.e4c61b66.js}

@@ -4,11 +4,11 @@ import MuiButton from "@mui/material/Button";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { I as Image } from "../../Image/index.1a9c0327.js";
+import { I as Image } from "../../Image/index.674024d4.js";
 import { unstable_composeClasses } from "@mui/base";
-import { T as TEST_PROP_ID } from "../../../vendor.a15d263e.js";
+import { T as TEST_PROP_ID } from "../../../vendor.2d9f95b4.js";
 import { LoadingButton as LoadingButton$1 } from "@mui/lab";
-import { T as Typography } from "../Typography/index.41b60a6b.js";
+import { T as Typography } from "../Typography/index.86505aed.js";
 const ButtonRoot = styled("div")(({
   theme
 }) => ({

package/components/mui_extended/IconButton/{index.be9c2ce5.js → index.78a489d3.js}

@@ -1,8 +1,9 @@
 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.0f9b360e.js";
+import { I as Icon } from "../../Icon/index.6938827f.js";
 import { jsx, Fragment } from "react/jsx-runtime";
+import clsx from "clsx";
 import { unstable_composeClasses } from "@mui/base";
 const SkeletonIconButton = (props) => {
   const {
@@ -52,10 +53,11 @@ const IconButton = (props) => {
     src,
     tooltip,
     size = "small",
-    dictionaryTooltip,
+    dictionaryTooltipId,
     rotationAngle,
     variant = "primary",
     disabled,
+    className,
     ...other
   } = props;
   const {
@@ -66,11 +68,14 @@ const IconButton = (props) => {
     if (disabled) {
       return void 0;
     }
-    if (dictionaryTooltip && getLabel) {
-      return getLabel(dictionaryTooltip);
+    if (tooltip && tooltip !== "") {
+      return tooltip;
     }
-    return tooltip;
-  }, [dictionaryTooltip, getLabel, disabled]);
+    if (dictionaryTooltipId && getLabel) {
+      return getLabel(dictionaryTooltipId);
+    }
+    return void 0;
+  }, [tooltip, dictionaryTooltipId, getLabel]);
   const [isfocus, setIsFocus] = useState(false);
   const handlerOnFocus = () => {
     console.log("focus active");
@@ -84,20 +89,19 @@ const IconButton = (props) => {
     variant,
     size,
     isSkeleton,
-    isFocus: isfocus,
+    isFocus: disabled ? false : isfocus,
     isDisabled: disabled
   };
   const classes = useUtilityClasses(ownerState);
   return /* @__PURE__ */ jsx(IconButtonRoot, {
-    className: classes.root,
+    className: clsx(classes.root, className),
     "data-testid": "IconButtonRoot",
     children: !isSkeleton ? /* @__PURE__ */ jsx(Fragment, {
       children: finalTooltip ? /* @__PURE__ */ jsx(Tooltip, {
         title: finalTooltip || "",
         children: /* @__PURE__ */ jsx(IconButton$1, {
           ...other,
-          disableFocusRipple: true,
-          onFocus: handlerOnFocus,
+          onFocusVisible: handlerOnFocus,
           onBlur: handlerOnBlur,
           disabled,
           children: /* @__PURE__ */ jsx(Icon, {
@@ -108,7 +112,7 @@ const IconButton = (props) => {
       }) : /* @__PURE__ */ jsx(IconButton$1, {
         ...other,
         disableFocusRipple: true,
-        onFocus: handlerOnFocus,
+        onFocusVisible: handlerOnFocus,
         onBlur: handlerOnBlur,
         disabled,
         children: /* @__PURE__ */ jsx(Icon, {

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

@@ -4,7 +4,7 @@ export declare type IconButtonVariants = 'primary' | 'secondary' | 'line';
 export declare type IconButtonSize = 'extraSmall' | 'small' | 'medium';
 export interface IconButtonProps extends Omit<IconProps, 'size'>, Omit<MUIIconButtonProps, 'size'> {
     tooltip?: string;
-    dictionaryTooltip?: string;
+    dictionaryTooltipId?: string;
     variant?: IconButtonVariants;
     size?: IconButtonSize;
 }

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

@@ -0,0 +1,3 @@
+export declare const ICONS: {
+    MENU: string;
+};

package/components/mui_extended/MenuActions/{index.ec654122.js → index.742a57d7.js}

@@ -1,31 +1,37 @@
 import { useState, useMemo } from "react";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
-import { IconButton, Tooltip, MenuItem } from "@mui/material";
-import { P as Popover } from "../Popover/index.260aae81.js";
+import { IconButton, MenuItem } from "@mui/material";
+import { P as Popover } from "../Popover/index.e271e4f0.js";
 import { styled } from "@mui/material/styles";
-import { I as Icon } from "../../Icon/index.0f9b360e.js";
+import { I as Icon } from "../../Icon/index.6938827f.js";
+import { I as IconButton$1 } from "../IconButton/index.78a489d3.js";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-const WrapperMenuActions = styled(IconButton)(() => ({}));
+styled(IconButton)(() => ({}));
 const LabelMemuItem = styled("div")(({
   theme
 }) => ({
   height: "22px",
+  overflow: "hidden",
+  wordBreak: "break-all",
   marginLeft: theme.spacing(1.5),
   display: "flex",
   alignItems: "center"
 }));
+const ICONS = {
+  MENU: "menu.svg"
+};
 function MenuActions(props) {
   const {
     menuActions,
     objItem = {},
-    url_icon: urlIcon,
+    urlIcon,
     toolTip = "",
     marginTop = -1,
     marginBottom,
     marginLeft,
     marginRight,
     width = 200,
-    arrowType: arrow = "right-top",
+    arrowType = "right-top",
     ...other
   } = props;
   const {
@@ -42,7 +48,7 @@ function MenuActions(props) {
   const urlFinalIcon = useMemo(() => {
     if (urlIcon)
       return urlIcon;
-    return `${host_static_assets}/${environment_assets}/frontend/commons/assets/icons/more_vertical.svg`;
+    return `${host_static_assets}/${environment_assets}/frontend/components/menu_actions/assets/icons/${ICONS.MENU}`;
   }, [urlIcon, host_static_assets, environment_assets]);
   const handleClose = () => {
     setOpen(null);
@@ -61,28 +67,23 @@ function MenuActions(props) {
     return ret;
   }, [menuActions, objItem]);
   return /* @__PURE__ */ jsxs(Fragment, {
-    children: [/* @__PURE__ */ jsx(Tooltip, {
-      title: toolTip,
-      children: /* @__PURE__ */ jsx(WrapperMenuActions, {
-        id: "WrapperMenuActions",
-        size: "small",
-        onClick: handleOpen,
-        children: /* @__PURE__ */ jsx(Icon, {
-          src: urlFinalIcon
-        })
-      })
+    children: [/* @__PURE__ */ jsx(IconButton$1, {
+      src: urlFinalIcon,
+      onClick: handleOpen,
+      tooltip: toolTip
     }), /* @__PURE__ */ jsx(Popover, {
       id: "Popover",
       open: Boolean(open),
       anchorEl: open,
       onClose: handleClose,
-      arrowType: arrow,
+      arrowType,
       sx: {
         marginTop,
         marginBottom,
         marginLeft,
         marginRight,
         width,
+        maxWidth: 300,
         "& .MuiMenuItem-root": {
           px: 1,
           typography: "body2",
@@ -90,7 +91,7 @@ function MenuActions(props) {
         }
       },
       ...other,
-      children: open && finalActions.map((menuAction, index) => /* @__PURE__ */ jsxs(MenuItem, {
+      children: finalActions.map((menuAction, index) => /* @__PURE__ */ jsxs(MenuItem, {
         dense: true,
         onClick: () => handleClick(menuAction),
         sx: {
@@ -100,7 +101,7 @@ function MenuActions(props) {
         children: [/* @__PURE__ */ jsx(Icon, {
           src: menuAction.urlIcon
         }), /* @__PURE__ */ jsx(LabelMemuItem, {
-          children: menuAction.label || getLabel(menuAction.dictionaryField)
+          children: menuAction.label || menuAction.dictionaryId && getLabel(menuAction.dictionaryId)
         })]
       }, `menu_action_${index}`))
     })]

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

@@ -3,20 +3,19 @@ export interface ComponentActionProps {
     description?: string;
     onClick: (props?: any) => void;
 }
-export interface MenuAction {
+export declare type MenuAction = {
     urlIcon: string;
     iconWidth?: number;
     iconHeight?: number;
-    label?: string;
-    dictionaryField: string;
     onClick: (props?: any) => void;
     disabled: boolean;
     color?: string;
-    component?: (props: ComponentActionProps) => JSX.Element;
-}
+    label?: string;
+    dictionaryId?: string;
+};
 export interface MenuActionsProps extends Omit<PopoverProps, 'open'> {
     objItem?: any;
-    url_icon?: string;
+    urlIcon?: string;
     menuActions: MenuAction[] | ((row: any) => MenuAction[]);
     toolTip?: string;
     marginTop?: number | string;

package/components/mui_extended/Pager/{index.9e123670.js → index.a44594e9.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.be9c2ce5.js";
+import { I as IconButton } from "../IconButton/index.78a489d3.js";
 import { useEnvironment } from "@m4l/core";
 import { jsxs, jsx } from "react/jsx-runtime";
 const WrapperPagerActions = styled("div")(({ theme }) => ({
@@ -42,25 +42,25 @@ function PagerActions(props) {
     id: "WrapperPagerActions",
     children: [/* @__PURE__ */ jsx(IconButton, {
       id: "test_bruce",
-      dictionaryTooltip: "pager.first",
+      dictionaryTooltipId: "pager.first",
       onClick: handleFirstPageButtonClick,
       disabled: page === 0,
       "aria-label": "first page",
       src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/first.svg`
     }), /* @__PURE__ */ jsx(IconButton, {
-      dictionaryTooltip: "pager.previous",
+      dictionaryTooltipId: "pager.previous",
       onClick: handleBackButtonClick,
       disabled: page === 0,
       "aria-label": "first page",
       src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/previous.svg`
     }), /* @__PURE__ */ jsx(IconButton, {
-      dictionaryTooltip: "pager.next",
+      dictionaryTooltipId: "pager.next",
       onClick: handleNextButtonClick,
       disabled: page >= Math.ceil(count / rowsPerPage) - 1,
       "aria-label": "next page",
       src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/next.svg`
     }), /* @__PURE__ */ jsx(IconButton, {
-      dictionaryTooltip: "pager.last",
+      dictionaryTooltipId: "pager.last",
       onClick: handleLastPageButtonClick,
       disabled: page >= Math.ceil(count / rowsPerPage) - 1,
       "aria-label": "last page",

package/components/mui_extended/Popover/{index.260aae81.js → index.e271e4f0.js}

@@ -159,6 +159,7 @@ const Popover = (props) => {
       vertical: "top",
       horizontal: "right"
     },
+    transitionDuration: 0,
     PaperProps: {
       sx: {
         p: 1,

package/components/mui_extended/Typography/{index.41b60a6b.js → index.86505aed.js}

@@ -2,7 +2,7 @@ import { useModuleSkeleton } from "@m4l/core";
 import { styled, Skeleton, generateUtilityClasses, generateUtilityClass, Typography as Typography$1 } from "@mui/material";
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { T as TEST_PROP_ID } from "../../../vendor.a15d263e.js";
+import { T as TEST_PROP_ID } from "../../../vendor.2d9f95b4.js";
 import { unstable_composeClasses } from "@mui/base";
 const WarpperTypography = styled("div")(({
   theme

package/components/mui_extended/index.61356a6a.js

@@ -0,0 +1,19 @@
+import "@mui/material";
+import "react";
+import "@m4l/core";
+import "../Icon/index.6938827f.js";
+import "react/jsx-runtime";
+import "./IconButton/index.78a489d3.js";
+import "clsx";
+import "./Accordion/index.95a1b021.js";
+import "./Avatar/index.fe06afd7.js";
+import "react-router-dom";
+import "@mui/material/Button";
+import "./Button/index.e4c61b66.js";
+import "../Image/index.674024d4.js";
+import "@mui/lab";
+import "./Typography/index.86505aed.js";
+import "./Popover/index.e271e4f0.js";
+import "./MenuActions/index.742a57d7.js";
+import "./Pager/index.a44594e9.js";
+import "./Tab/index.e0653a0a.js";

package/contexts/ModalContext/{index.ae8041f3.js → index.bfc47ba9.js}

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

package/hooks/useModal/{index.5c159ed2.js → index.979ab2ea.js}

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