@m4l/components 1.0.11 → 1.0.13

package/components/mui_extended/Popover/index.2348fc4f.js

@@ -0,0 +1,143 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Popover as Popover$1, generateUtilityClasses, generateUtilityClass } from "@mui/material";
+import { styled } from "@mui/material/styles";
+import { unstable_composeClasses } from "@mui/base";
+import clsx from "clsx";
+const PopoverRoot = styled(Popover$1)(({ theme }) => ({
+  ...theme.components?.M4LPopover?.styleOverrides
+}));
+generateUtilityClasses("M4LPopover", [
+  "root",
+  "arrowStyle",
+  "noArrow",
+  "topLeft",
+  "topCenter",
+  "topRight",
+  "bottomLeft",
+  "bottomCenter",
+  "bottomRight",
+  "leftTop",
+  "leftCenter",
+  "leftBottom",
+  "rightTop",
+  "rightCenter",
+  "rightBottom"
+]);
+function getPopoverClassesUtilityClass(slot) {
+  return generateUtilityClass("M4LPopover", slot);
+}
+const useUtilityClasses = (ownerState) => {
+  const slots = {
+    root: ["root"],
+    arrowStyle: [
+      "arrowStyle",
+      ownerState.arrowType === "top-left" && "topLeft",
+      ownerState.arrowType === "top-center" && "topCenter",
+      ownerState.arrowType === "top-right" && "topRight",
+      ownerState.arrowType === "bottom-left" && "bottomLeft",
+      ownerState.arrowType === "bottom-center" && "bottomCenter",
+      ownerState.arrowType === "bottom-right" && "bottomRight",
+      ownerState.arrowType === "left-top" && "leftTop",
+      ownerState.arrowType === "left-center" && "leftCenter",
+      ownerState.arrowType === "left-bottom" && "leftBottom",
+      ownerState.arrowType === "right-top" && "rightTop",
+      ownerState.arrowType === "right-center" && "rightCenter",
+      ownerState.arrowType === "right-bottom" && "rightBottom"
+    ]
+  };
+  const composedClasses = unstable_composeClasses(slots, getPopoverClassesUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const ArrowStyle = styled("span")(({ arrowType, theme }) => {
+  const SIZE = 12;
+  const POSITION = -(SIZE / 2);
+  const borderStyle = `solid 1px ${theme.vars.palette.state.borderDens}`;
+  const topStyle = {
+    borderRadius: "0 0 3px 0",
+    top: POSITION,
+    borderBottom: borderStyle,
+    borderRight: borderStyle
+  };
+  const bottomStyle = {
+    borderRadius: "3px 0 0 0",
+    bottom: POSITION,
+    borderTop: borderStyle,
+    borderLeft: borderStyle
+  };
+  const leftStyle = {
+    borderRadius: "0 3px 0 0",
+    left: POSITION,
+    borderTop: borderStyle,
+    borderRight: borderStyle
+  };
+  const rightStyle = {
+    borderRadius: "0 0 0 3px",
+    right: POSITION,
+    borderBottom: borderStyle,
+    borderLeft: borderStyle
+  };
+  return {
+    display: "none",
+    [theme.breakpoints.up("sm")]: {
+      width: SIZE,
+      height: SIZE,
+      content: "''",
+      position: "absolute",
+      display: "block",
+      transform: "rotate(-135deg)",
+      background: theme.vars.palette.background.default
+    },
+    ...arrowType === "top-left" && { ...topStyle, left: 20 },
+    ...arrowType === "top-center" && { ...topStyle, left: 0, right: 0, margin: "auto" },
+    ...arrowType === "top-right" && { ...topStyle, right: 20 },
+    ...arrowType === "bottom-left" && { ...bottomStyle, left: 20 },
+    ...arrowType === "bottom-center" && { ...bottomStyle, left: 0, right: 0, margin: "auto" },
+    ...arrowType === "bottom-right" && { ...bottomStyle, right: 20 },
+    ...arrowType === "left-top" && { ...leftStyle, top: 20 },
+    ...arrowType === "left-center" && { ...leftStyle, top: 0, bottom: 0, margin: "auto" },
+    ...arrowType === "left-bottom" && { ...leftStyle, bottom: 20 },
+    ...arrowType === "right-top" && { ...rightStyle, top: 20 },
+    ...arrowType === "right-center" && { ...rightStyle, top: 0, bottom: 0, margin: "auto" },
+    ...arrowType === "right-bottom" && { ...rightStyle, bottom: 20 }
+  };
+});
+const Popover = (props) => {
+  const { children, arrowType = "top-right", className, ...other } = props;
+  const ownerState = {
+    arrowType
+  };
+  const classes = useUtilityClasses(ownerState);
+  return /* @__PURE__ */ jsxs(
+    PopoverRoot,
+    {
+      className: clsx(classes.root, className),
+      "data-testid": "PopoverRoot",
+      anchorOrigin: { vertical: "bottom", horizontal: "right" },
+      transformOrigin: { vertical: "top", horizontal: "right" },
+      transitionDuration: 0,
+      PaperProps: {
+        sx: {
+          p: 1,
+          overflow: "inherit"
+        }
+      },
+      ...other,
+      children: [
+        /* @__PURE__ */ jsx(
+          ArrowStyle,
+          {
+            className: classes.arrowStyle,
+            "data-testid": "ArrowStyle",
+            arrowType
+          }
+        ),
+        children
+      ]
+    }
+  );
+};
+export {
+  Popover as P
+};

package/components/mui_extended/Tab/index.e911930f.js

@@ -0,0 +1,135 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { generateUtilityClasses, generateUtilityClass, styled, Tabs as Tabs$1, Tab as Tab$1, Skeleton } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { useModuleSkeleton } from "@m4l/core";
+import { styled as styled$1 } from "@mui/material/styles";
+import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
+import { g as getNameDataTestId } from "../../../test/getNameDataTestId.0faeade8.js";
+import { createContext, useState } from "react";
+const componentName$2 = "M4LTabs";
+generateUtilityClasses(componentName$2, [
+  "root"
+]);
+function getTabsUtilityClass(slot) {
+  return generateUtilityClass(componentName$2, slot);
+}
+const useTabsUtilityClasses = () => {
+  const slots = {
+    root: ["root"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getTabsUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const MUITabs = styled(Tabs$1)(({ theme }) => ({
+  ...theme.components?.M4LTabs?.styleOverrides
+}));
+const Tabs = (props) => {
+  const { children, className, ...others } = props;
+  const classes = useTabsUtilityClasses();
+  return /* @__PURE__ */ jsx(MUITabs, { className: clsx(classes.root, className), ...others, children });
+};
+const componentName$1 = "M4LTabContent";
+generateUtilityClasses(componentName$1, [
+  "root"
+]);
+function getTabContentUtilityClass(slot) {
+  return generateUtilityClass(componentName$1, slot);
+}
+const useTabContentUtilityClasses = () => {
+  const slots = {
+    root: ["root"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getTabContentUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const TabContentRoot = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LTabContent?.styleOverrides
+}));
+const TabContent = (props) => {
+  const { children, className, ...others } = props;
+  const classes = useTabContentUtilityClasses();
+  return /* @__PURE__ */ jsx(TabContentRoot, { className: clsx(classes.root, className), ...others, children });
+};
+const TabRoot = styled$1("div")(({ theme }) => ({
+  ...theme.components?.M4LTab?.styleOverrides
+}));
+const SKTTabWrapper = styled$1("div")(({ theme }) => ({
+  padding: theme.spacing(1.5, 2)
+}));
+const componentName = "M4LTab";
+generateUtilityClasses(componentName, [
+  "root",
+  "skeleton"
+]);
+function getTabUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const tabUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    skeleton: ["skeleton"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getTabUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const COMPONENT_PREFIX = "m4l-tab";
+function Tab(props) {
+  const { SKTWidth, SKTHeight, className, dataTestId = "", ...other } = props;
+  const isSkeleton = useModuleSkeleton();
+  const classes = tabUtilityClasses();
+  return /* @__PURE__ */ jsx(
+    TabRoot,
+    {
+      className: clsx(classes.root, className),
+      ...process.env.NODE_ENV !== "production" ? {
+        [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]: getNameDataTestId(
+              COMPONENT_PREFIX,
+              "skeleton",
+              dataTestId
+            )
+          } : {},
+          children: /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: SKTWidth, height: SKTHeight })
+        }
+      )
+    }
+  );
+}
+const TabContext = createContext(null);
+function TabProvider(props) {
+  const { children, initialValue } = props;
+  const [currentTab, setCurrentTab] = useState(initialValue);
+  const handleChange = (_event, newTab) => {
+    setCurrentTab(newTab);
+  };
+  return /* @__PURE__ */ jsx(
+    TabContext.Provider,
+    {
+      value: {
+        currentTab: currentTab.toString(),
+        handleChange
+      },
+      children
+    }
+  );
+}
+export {
+  Tabs as T,
+  Tab as a,
+  TabContent as b,
+  TabProvider as c,
+  TabContext as d
+};

package/components/mui_extended/ToggleButton/{index.c441b949.js → index.b834f5f0.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.52852c42.js";
+import { B as Button, b as buttonClasses } from "../Button/index.d742e9ee.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.8a84f25e.js → index.fcd5205c.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.d5b273e6.js";
+import { I as IconButton, i as iconButtonClasses } from "../IconButton/index.b4532b85.js";
 import { w as withToggle } from "../../../hocs/withToggle/index.548aeace.js";
 const ToggleAbleIconButton = ({
   onToggle,

package/components/mui_extended/Typography/{index.463f613f.js → index.642798f1.js}

@@ -4,7 +4,7 @@ import { Skeleton, generateUtilityClasses, generateUtilityClass, Typography as T
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
-import { T as TEST_PROP_ID } from "../../areas/constants.0d3ba950.js";
+import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 const WarpperTypography = styled("div")(({ theme }) => ({
   ...theme.components?.M4LTypography?.styleOverrides
 }));

package/components/mui_extended/index.b606cd9d.js

@@ -0,0 +1 @@
+

package/components/popups/PopupsProvider/{index.d4caacc3.js → index.d7c9efce.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.42312806.js";
+import { p as popupsUtilityClasses } from "../PopupsViewer/index.f3677ab1.js";
 import { cloneDeep } from "lodash";
 const updateOwnerStateClasses = (state) => {
   state.classes = popupsUtilityClasses(state.ownerState);

package/components/popups/PopupsViewer/{index.42312806.js → index.f3677ab1.js}

@@ -4,16 +4,16 @@ import { shallow } from "zustand/shallow";
 import { useState, useRef } from "react";
 import clsx from "clsx";
 import { useEnvironment } from "@m4l/core";
-import { u as usePopupsStore } from "../PopupsProvider/index.d4caacc3.js";
+import { u as usePopupsStore } from "../PopupsProvider/index.d7c9efce.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { af as COMPONENT_CLASS_NAME } from "../../areas/constants.0d3ba950.js";
-import { P as POPUPS_ICONS } from "../../areas/icons.504ec098.js";
-import { d as draggableWindowClasses, D as DragResizeWindow } from "../../DragResizeWindow/index.8b3e79f7.js";
-import { I as Icon } from "../../Icon/index.8ecfb193.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.d5b273e6.js";
+import { d as draggableWindowClasses, D as DragResizeWindow } from "../../DragResizeWindow/index.a358789f.js";
+import { I as Icon } from "../../Icon/index.83867398.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.b4532b85.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",
@@ -44,6 +44,9 @@ const popupsUtilityClasses = (_ownerState) => {
     ...composedClasses
   };
 };
+const POPUPS_ICONS = {
+  CLOSE: "close.svg"
+};
 const Header = (props) => {
   const { popupId } = props;
   const { host_static_assets, environment_assets } = useEnvironment();
@@ -162,6 +165,7 @@ const PopupsViewer = (props) => {
   }) }) });
 };
 export {
+  MAP_ZINDEX_OVER_MAP as M,
   PopupsViewer as P,
   popupsUtilityClasses as p
 };

package/contexts/ModalContext/{index.5f77a463.js → index.ad1fb73b.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.96c4aba3.js";
+import { M as ModalDialog } from "../../components/ModalDialog/index.0dd5af28.js";
 const ModalContext = createContext(null);
 function ModalProvider({ children }) {
   const [modalOptions, setModalOptions] = useState({

package/contexts/RHFormContext/{index.95ebabc9.js → index.bf3a2812.js}

@@ -5,10 +5,10 @@ import { useForm, FormProvider } from "react-hook-form";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { ag as componentName } from "../../components/areas/constants.0d3ba950.js";
 const FormProviderRoot = styled("form")(({ theme }) => ({
   ...theme.components?.M4LRHFormProvider?.styleOverrides
 }));
+const componentName = "M4LRHFormProvider";
 generateUtilityClasses(
   componentName,
   [
@@ -69,6 +69,10 @@ function RHFormProvider(props) {
     }
   ) });
 }
+function getFormComponentsDictionary() {
+  return ["form_provider"];
+}
 export {
-  RHFormProvider as R
+  RHFormProvider as R,
+  getFormComponentsDictionary as g
 };

package/hooks/useFormAddEdit/{index.ecb77e67.js → index.6d983cd8.js}

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { useNetwork, useFlagsStore, useModuleDictionary } from "@m4l/core";
 import { useState, useEffect } from "react";
-import { u as useModal } from "../useModal/index.d14c7e46.js";
-import { W as WindowConfirm } from "../../components/modal/WindowConfirm.243e1bef.js";
+import { u as useModal } from "../useModal/index.2003c854.js";
+import { W as WindowConfirm } from "../../components/modal/WindowConfirm.300bd34b.js";
 function useFormAddEdit(props) {
   const {
     initialValues,
@@ -81,6 +81,10 @@ function useFormAddEdit(props) {
   }, [objectId]);
   return { formValues, statusLoad, setRefresh };
 }
+const getformAddEditDictionary = () => {
+  return "form_add_edit";
+};
 export {
+  getformAddEditDictionary as g,
   useFormAddEdit as u
 };

package/hooks/useModal/index.2003c854.js

@@ -0,0 +1,11 @@
+import { useContext } from "react";
+import { M as ModalContext } from "../../contexts/ModalContext/index.ad1fb73b.js";
+function useModal() {
+  const context = useContext(ModalContext);
+  if (!context)
+    throw new Error("useModal context must be use inside ModalContext");
+  return context;
+}
+export {
+  useModal as u
+};

package/hooks/useTab/index.8d1a6e63.js

@@ -0,0 +1,12 @@
+import { useContext } from "react";
+import { d as TabContext } from "../../components/mui_extended/Tab/index.e911930f.js";
+const useTab = () => {
+  const context = useContext(TabContext);
+  if (context === null) {
+    throw new Error("useTab must be used within a TabProvider");
+  }
+  return context;
+};
+export {
+  useTab as u
+};