@m4l/components 1.0.0 → 1.0.2

package/components/mui_extended/ToggleButton/index.38ca2330.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { B as Button, b as buttonClasses } from "../Button/index.a7dc6ef0.js";
+import { w as withToggle } from "../../../hocs/withToggle/index.548aeace.js";
+const ToggleAbleButton = ({ onToggle, isToggled, ...props }) => {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      onClick: onToggle,
+      ...props,
+      className: clsx(isToggled ? buttonClasses.togglePressed : buttonClasses.toggleNotPressed)
+    }
+  );
+};
+const ToggleButton = withToggle(ToggleAbleButton);
+export {
+  ToggleButton as T
+};

package/components/mui_extended/ToggleIconButton/index.7fbece74.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { I as IconButton, i as iconButtonClasses } from "../IconButton/index.87f4726c.js";
+import { w as withToggle } from "../../../hocs/withToggle/index.548aeace.js";
+const ToggleAbleIconButton = ({
+  onToggle,
+  isToggled,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      onClick: onToggle,
+      ...props,
+      className: clsx(
+        onToggle ? iconButtonClasses.togglePressed : iconButtonClasses.toggleNotPressed
+      )
+    }
+  );
+};
+const ToggleIconButton = withToggle(ToggleAbleIconButton);
+export {
+  ToggleIconButton as T
+};

package/components/mui_extended/Tooltip/index.49bb5ee1.js

@@ -0,0 +1,40 @@
+import { jsx } from "react/jsx-runtime";
+import { generateUtilityClasses, generateUtilityClass, useTheme, Tooltip as Tooltip$1 } from "@mui/material";
+import clsx from "clsx";
+import { unstable_composeClasses } from "@mui/base";
+const componentName = "M4LTooltip";
+generateUtilityClasses(componentName, [
+  "root"
+]);
+function getTooltipUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const tooltipUtilityClasses = () => {
+  const slots = {
+    root: ["root"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getTooltipUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const Tooltip = (props) => {
+  const { children, className, ...others } = props;
+  const classes = tooltipUtilityClasses();
+  const theme = useTheme();
+  const stylesoverrides = theme.components?.M4LTooltip?.styleOverrides;
+  return /* @__PURE__ */ jsx(
+    Tooltip$1,
+    {
+      PopperProps: {
+        sx: { ...stylesoverrides },
+        className: clsx(classes.root, className)
+      },
+      ...others,
+      children
+    }
+  );
+};
+export {
+  Tooltip as T
+};

package/components/mui_extended/Typography/index.2a1c68f8.js

@@ -0,0 +1,55 @@
+import { jsx } from "react/jsx-runtime";
+import { useModuleSkeleton } from "@m4l/core";
+import { Skeleton, generateUtilityClasses, generateUtilityClass, Typography as Typography$1 } from "@mui/material";
+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.630a4f42.js";
+const WarpperTypography = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LTypography?.styleOverrides
+}));
+const SkeletonTypography = (props) => {
+  const { skeletonWidth, skeletongHeight } = props;
+  return /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: skeletonWidth, height: skeletongHeight });
+};
+generateUtilityClasses("M4LTypography", [
+  "root"
+]);
+function getTypographyClassesUtilityClass(slot) {
+  return generateUtilityClass("M4LTypography", slot);
+}
+const useUtilityClasses = () => {
+  const slots = {
+    root: ["root"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getTypographyClassesUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const TYPOGRAPHY_PREFIX = "Typography";
+const getNameDataTestId = (KEY) => {
+  return `${TYPOGRAPHY_PREFIX}-${KEY}`;
+};
+function Typography(props) {
+  const {
+    skeletonWidth = "100%",
+    skeletongHeight = "18px",
+    variant = "body",
+    className,
+    ...other
+  } = props;
+  const isSkeleton = useModuleSkeleton();
+  const classes = useUtilityClasses();
+  return /* @__PURE__ */ jsx(
+    WarpperTypography,
+    {
+      className: clsx(classes.root, className),
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("root") } : {},
+      children: !isSkeleton ? /* @__PURE__ */ jsx(Typography$1, { ...other, variant }) : /* @__PURE__ */ jsx(SkeletonTypography, { skeletonWidth, skeletongHeight })
+    }
+  );
+}
+export {
+  Typography as T
+};

package/components/popups/PopupsProvider/{index.18669fb4.js → index.3b43e55f.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.ba354267.js";
+import { p as popupsUtilityClasses } from "../PopupsViewer/index.fb3f0c48.js";
 import { cloneDeep } from "lodash";
 const updateOwnerStateClasses = (state) => {
   state.classes = popupsUtilityClasses(state.ownerState);

package/components/popups/PopupsViewer/{index.ba354267.js → index.fb3f0c48.js}

@@ -4,13 +4,14 @@ 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.18669fb4.js";
+import { u as usePopupsStore } from "../PopupsProvider/index.3b43e55f.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { ay as COMPONENT_CLASS_NAME } from "../../areas/constants.5387d83e.js";
+import { af as COMPONENT_CLASS_NAME } from "../../areas/constants.630a4f42.js";
 import { P as POPUPS_ICONS } from "../../areas/icons.504ec098.js";
-import { d as draggableWindowClasses, D as DragResizeWindow } from "../../DragResizeWindow/index.46b380e1.js";
-import { I as Icon, a as IconButton } from "../../Icon/index.d5fed418.js";
+import { d as draggableWindowClasses, D as DragResizeWindow } from "../../DragResizeWindow/index.5e316291.js";
+import { I as Icon } from "../../Icon/index.2e8ec5a1.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.87f4726c.js";
 import { u as useSizeContainer } from "../../../hooks/useSizeContainer/index.3c48670c.js";
 import { styled } from "@mui/material/styles";
 const popupsClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [

package/contexts/ModalContext/{index.cf02e6bd.js → index.82f61407.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.ea9189c3.js";
+import { M as ModalDialog } from "../../components/ModalDialog/index.85d30f10.js";
 const ModalContext = createContext(null);
 function ModalProvider({ children }) {
   const [modalOptions, setModalOptions] = useState({

package/contexts/RHFormContext/{index.dc955a09.js → index.e942a298.js}

@@ -5,7 +5,7 @@ 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 { az as componentName } from "../../components/areas/constants.5387d83e.js";
+import { ag as componentName } from "../../components/areas/constants.630a4f42.js";
 const FormProviderRoot = styled("form")(({ theme }) => ({
   ...theme.components?.M4LRHFormProvider?.styleOverrides
 }));

package/hooks/useFormAddEdit/{index.f156a2cd.js → index.fa430551.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.ef54bcf2.js";
-import { W as WindowConfirm } from "../../components/modal/WindowConfirm.e35da619.js";
+import { u as useModal } from "../useModal/index.9fe41bde.js";
+import { W as WindowConfirm } from "../../components/modal/WindowConfirm.1a123368.js";
 function useFormAddEdit(props) {
   const {
     initialValues,

package/hooks/useModal/{index.ef54bcf2.js → index.9fe41bde.js}

@@ -2,9 +2,9 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import { useIsMobile } from "@m4l/graphics";
 import { useContext, useRef, useCallback } from "react";
-import { t as useDataGrid, v as DataGridRoot, w as ColumnsConfig, d as Actions, e as ActionCancel, f as ActionIntro } from "../../vendor.a1ce6777.js";
-import { M as ModalContext } from "../../contexts/ModalContext/index.cf02e6bd.js";
-import { W as WindowBase } from "../../components/modal/WindowBase.a3ac7adc.js";
+import { f as useDataGrid, j as DataGridRoot, k as ColumnsConfig, A as Actions, d as ActionCancel, e as ActionIntro } from "../../vendor.3eadfa16.js";
+import { M as ModalContext } from "../../contexts/ModalContext/index.82f61407.js";
+import { W as WindowBase } from "../../components/modal/WindowBase.c1e879e4.js";
 function useModal() {
   const context = useContext(ModalContext);
   if (!context)