@m4l/components 0.2.3 → 0.2.4

package/components/hook-form/RHFColorPicker/index.d00a2b53.js

@@ -0,0 +1,150 @@
+import { useState } from "react";
+import { useFormContext, Controller } from "react-hook-form";
+import { useModuleSkeleton, useEnvironment, useModuleDictionary } from "@m4l/core";
+import { S as SketchPicker } from "../../../node_modules.8f15d11f.js";
+import "lodash-es/debounce";
+import "lodash-es/each";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
+import { generateUtilityClasses, generateUtilityClass, styled, Skeleton as Skeleton$1 } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { useTheme } from "@mui/material/styles";
+import { P as Popover } from "../../mui_extended/Popover/index.b3eca6b1.js";
+import { I as Icon } from "../../Icon/index.05984e7f.js";
+import { B as Button } from "../../mui_extended/Button/index.570fd3a4.js";
+const componentName = "M4LRHFColorPicker";
+const colorPickerClasses = generateUtilityClasses(componentName, [
+  "root",
+  "popoverRoot",
+  "containerFieldColor",
+  "fieldColor",
+  "containerPicker",
+  "skeleton"
+]);
+function getRHFColorPickerUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    popoverRoot: ["popoverRoot"],
+    containerFieldColor: ["containerFieldColor"],
+    fieldColor: ["boxColor"],
+    containerPicker: ["containerPicker"],
+    skeleton: ["skeleton"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getRHFColorPickerUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+const RHFColorPickerRoot = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LRHFColorPicker?.styleOverrides
+}));
+const Skeleton = () => {
+  return /* @__PURE__ */ jsx(Skeleton$1, {
+    className: colorPickerClasses.skeleton,
+    variant: "rectangular",
+    width: 20,
+    height: 20
+  });
+};
+const RHFColorPicker = (props) => {
+  const {
+    name
+  } = props;
+  const {
+    control,
+    setValue,
+    getValues
+  } = useFormContext();
+  const isSkeleton = useModuleSkeleton();
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const theme = useTheme();
+  const currentColor = getValues(name);
+  const [tempColor, setTempColor] = useState(() => currentColor || "#ffffff");
+  const [anchorEl, setAnchorEl] = useState(null);
+  const {
+    getLabel
+  } = useModuleDictionary();
+  const handleColorChange = (color) => {
+    setTempColor(color.hex);
+  };
+  const handleApprove = () => {
+    setAnchorEl(null);
+    if (tempColor !== currentColor) {
+      setValue(name, tempColor);
+    }
+  };
+  const classes = useUtilityClasses();
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(Skeleton, {});
+  }
+  return /* @__PURE__ */ jsx(Controller, {
+    name,
+    control,
+    defaultValue: "",
+    render: ({
+      field,
+      fieldState: {
+        error
+      }
+    }) => /* @__PURE__ */ jsxs(RHFColorPickerRoot, {
+      className: classes.root,
+      children: [/* @__PURE__ */ jsxs("div", {
+        className: classes.containerFieldColor,
+        onClick: (event) => setAnchorEl(event.currentTarget),
+        children: [/* @__PURE__ */ jsx("div", {
+          className: classes.fieldColor,
+          style: {
+            backgroundColor: field.value,
+            width: "20px",
+            height: "20px",
+            cursor: "pointer"
+          }
+        }), /* @__PURE__ */ jsx(Icon, {
+          src: `${host_static_assets}/${environment_assets}/frontend/components/rhfcolorpicker/assets/icons/chevron_right.svg`
+        })]
+      }), error?.message && /* @__PURE__ */ jsx(HelperText, {
+        variant: "error",
+        message: error?.message + ""
+      }), /* @__PURE__ */ jsx(Popover, {
+        open: Boolean(anchorEl),
+        arrowType: "top-center",
+        className: classes.popoverRoot,
+        anchorEl,
+        onClose: () => setAnchorEl(null),
+        anchorOrigin: {
+          vertical: "bottom",
+          horizontal: "center"
+        },
+        transformOrigin: {
+          vertical: "top",
+          horizontal: "center"
+        },
+        sx: {
+          mt: "12px",
+          ...theme.components?.M4LRHFColorPickerPopoverRoot?.styleOverrides
+        },
+        children: /* @__PURE__ */ jsxs("div", {
+          className: classes.containerPicker,
+          children: [/* @__PURE__ */ jsx(SketchPicker, {
+            color: tempColor,
+            onChange: handleColorChange,
+            disableAlpha: true
+          }), /* @__PURE__ */ jsx(Button, {
+            variant: "contained",
+            onClick: handleApprove,
+            children: getLabel("rhfcolorpicker.accept")
+          })]
+        })
+      })]
+    })
+  });
+};
+export {
+  RHFColorPicker as R
+};

package/components/hook-form/RHFColorPicker/subcomponents/Skeleton/indext.d.ts

@@ -0,0 +1 @@
+export declare const Skeleton: () => import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFColorPicker/types.d.ts

@@ -1,3 +1,8 @@
 export interface RHFColorPickerProps {
+    /**
+    * Identificador del campo dentro del formulario de react hook form
+    */
     name: string;
 }
+export interface OwnerState {
+}

package/components/hook-form/RHFDateTime/{index.a5ba00d5.js → index.ae5d3a39.js}

@@ -11,7 +11,7 @@ import clsx from "clsx";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js";
-import { I as Icon } from "../../Icon/index.f1161f32.js";
+import { I as Icon } from "../../Icon/index.05984e7f.js";
 const SKTRHFWrapperTextField = styled("div")(({
   theme
 }) => ({

package/components/hook-form/RHFDateTime/types.d.ts

@@ -2,7 +2,6 @@ export interface RHFDateTimeProps {
     skeletonWidth?: string | number;
     skeletonHeight?: string | number;
     name: string;
-    withMask?: boolean;
     variant?: RHFDateTimeVariants;
     size?: SizeType;
     disabled?: boolean;

package/components/hook-form/RHFPeriod/{index.fd29d20c.js → index.ae9bcf41.js}

@@ -3,7 +3,7 @@ import { useFormContext, Controller } from "react-hook-form";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { unstable_composeClasses } from "@mui/base";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { P as Period } from "../../Period/index.c964884f.js";
+import { P as Period } from "../../Period/index.0aa8e507.js";
 const RHFPeriodRoot = styled("div")(({
   theme
 }) => ({

package/components/hook-form/RHFTextField/{index.22203742.js → index.80cc07e0.js}

@@ -1,13 +1,13 @@
 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.dd9f297b.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.26de70bd.js";
 import { useFormContext, Controller } from "react-hook-form";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { styled as styled$1 } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.6469f148.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.de903261.js";
 import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { useResponsiveDesktop } from "@m4l/graphics";

package/components/hook-form/RHFUpload/{index.aef0f459.js → index.587aac00.js}

@@ -1,8 +1,8 @@
 import { useCallback } from "react";
 import { useFormContext, Controller } from "react-hook-form";
-import isString from "lodash/isString";
+import require$$0 from "lodash/isString";
 import { useDropzone } from "react-dropzone";
-import { I as Image } from "../../Image/index.9799dfc0.js";
+import { I as Image } from "../../Image/index.bf37e923.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { styled } from "@mui/material/styles";
 import { Skeleton, generateUtilityClasses, generateUtilityClass, styled as styled$1 } from "@mui/material";
@@ -10,7 +10,7 @@ import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
 import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js";
-import { B as Button } from "../../mui_extended/Button/index.bd3371a3.js";
+import { B as Button } from "../../mui_extended/Button/index.570fd3a4.js";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 const UploadImageRoot = styled("div")(({
   theme
@@ -140,7 +140,7 @@ function UploadImage({
             } : {},
             children: /* @__PURE__ */ jsx(Image, {
               alt: "bgImageUploadImage",
-              src: isString(file) ? file : file.preview || "",
+              src: require$$0(file) ? file : file.preview || "",
               ratio: "1:1"
             })
           }), /* @__PURE__ */ jsx("div", {

package/components/index.d.ts

@@ -34,6 +34,7 @@ export * from './NoItemSelected/dictionary';
 export * from './ObjectLogs';
 export * from './ObjectLogs/dictionary';
 export * from './PaperForm/PaperForm';
+export * from './PDFViewer';
 export * from './Period';
 export * from './HelmetPage';
 export * from './PropertyValue/PropertyValue';
@@ -41,6 +42,7 @@ export * from './ResizeableWindow';
 export * from './ScrollBar';
 export { ScrollToTop } from './ScrollToTop';
 export * from './SplitLayout/SplitLayout';
+export * from './ToastContainer';
 export * from './SideBar';
 export * from './AppBar';
 export * from './AccountPopover';

package/components/maps/components/GpsTools/{index.ed49dc90.js → index.889b0c39.js}

@@ -7,37 +7,37 @@ import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 import { enableMapSet } from "immer";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { D as DynamicFilter } from "../../../DynamicFilter/index.69c2e381.js";
+import { D as DynamicFilter } from "../../../DynamicFilter/index.cd7691e0.js";
 import { S as SelectCellFormatter } from "../../../../react-data-grid.c5377916.js";
-import { e as columnDateFormatter, c as DataGrid } from "../../../DataGrid/index.71fae988.js";
-import { u as useMapToolsStore, a as useMapStore, m as mapClasses, M as MAP_ZINDEX_DEFAULT, b as MAP_ZINDEX_OVER_MAP } from "../Map/index.9fcc381d.js";
-import { u as useModal } from "../../../../hooks/useModal/index.05d1821e.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.1d1d9cd2.js";
+import { e as columnDateFormatter, c as DataGrid } from "../../../DataGrid/index.8fbcf147.js";
+import { u as useMapToolsStore, a as useMapStore, m as mapClasses, M as MAP_ZINDEX_DEFAULT, b as MAP_ZINDEX_OVER_MAP } from "../Map/index.665e5c5d.js";
+import { u as useModal } from "../../../../hooks/useModal/index.abdc0962.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.19ddbd5d.js";
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
 import { S as Stack } from "../../../mui_extended/Stack/index.0e53197c.js";
-import { B as Button } from "../../../mui_extended/Button/index.bd3371a3.js";
+import { B as Button } from "../../../mui_extended/Button/index.570fd3a4.js";
 import { useFormContext, useWatch } from "react-hook-form";
 import { H as HelperError } from "../../../hook-form/HelperError/index.66bbcac3.js";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.ccf731c1.js";
-import { A as ActionFormIntro } from "../../../CommonActions/components/ActionFormIntro/index.c7acf718.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.2f6286eb.js";
+import { A as ActionFormIntro } from "../../../CommonActions/components/ActionFormIntro/index.5a719043.js";
 import { useMap, Polyline, Polygon, Popup, Circle } from "react-leaflet";
 import { u as useFormReadyForUpdate } from "../../../../hooks/useFormReadyForUpdate/index.f60f500e.js";
 import * as L from "leaflet";
 import L__default from "leaflet";
-import { u as useTab } from "../../../../hooks/useTab/index.19c8a409.js";
-import { P as PaperForm } from "../../../PaperForm/index.637c8cb4.js";
-import { R as RHFAutocomplete } from "../../../hook-form/RHFAutocomplete/index.31e92edb.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.22203742.js";
-import { P as PropertyValue } from "../../../PropertyValue/index.8fcce0c2.js";
-import { R as RHFColorPicker } from "../../../hook-form/RHFColorPicker/index.259b6f38.js";
+import { u as useTab } from "../../../../hooks/useTab/index.991b13a7.js";
+import { P as PaperForm } from "../../../PaperForm/index.7ea3883f.js";
+import { R as RHFAutocomplete } from "../../../hook-form/RHFAutocomplete/index.0ce87ac3.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.80cc07e0.js";
+import { P as PropertyValue } from "../../../PropertyValue/index.37d91d0c.js";
+import { R as RHFColorPicker } from "../../../hook-form/RHFColorPicker/index.d00a2b53.js";
 import clsx from "clsx";
-import { T as Tabs, a as Tab, b as TabContent, c as TabProvider } from "../../../mui_extended/Tab/index.a85b2dab.js";
+import { T as Tabs, a as Tab, b as TabContent, c as TabProvider } from "../../../mui_extended/Tab/index.724d5948.js";
 import { T as Tooltip } from "../../../mui_extended/Tooltip/index.24a2bc3f.js";
 import * as Yup from "yup";
-import { u as useFormAddEdit } from "../../../../hooks/useFormAddEdit/index.16083a43.js";
+import { u as useFormAddEdit } from "../../../../hooks/useFormAddEdit/index.32aa4f64.js";
 import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.7769076a.js";
-import { R as RHFAutocompleteAsync } from "../../../hook-form/RHFAutocompleteAsync/index.6c5648f7.js";
+import { R as RHFAutocompleteAsync } from "../../../hook-form/RHFAutocompleteAsync/index.57789d3a.js";
 import "leaflet-polylinedecorator";
 import "@geoman-io/leaflet-geoman-free/dist/leaflet-geoman.css";
 import "@geoman-io/leaflet-geoman-free";

package/components/maps/components/Map/{index.9fcc381d.js → index.665e5c5d.js}

@@ -6,17 +6,17 @@ import React__default, { useEffect, useState, useCallback, createContext, useRef
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { createStore, useStore } from "zustand";
 import L__default from "leaflet";
-import { T as ToggleButton } from "../../../mui_extended/ToggleButton/index.b030c4ec.js";
-import { T as ToggleIconButton } from "../../../mui_extended/ToggleIconButton/index.e0854091.js";
+import { T as ToggleButton } from "../../../mui_extended/ToggleButton/index.21a1f8e5.js";
+import { T as ToggleIconButton } from "../../../mui_extended/ToggleIconButton/index.00f13c40.js";
 import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../../utils/index.6469f148.js";
+import { g as getComponentUtilityClass } from "../../../../utils/index.de903261.js";
 import { cloneDeep } from "lodash";
-import { G as GpsToolsContext } from "../GpsTools/index.ed49dc90.js";
+import { G as GpsToolsContext } from "../GpsTools/index.889b0c39.js";
 const COMPONENT_CLASS_NAME = "M4LMap";
 const MAP_ZINDEX_DEFAULT = 0;
 const MAP_ZINDEX_OVER_MAP = 1100;

package/components/modal/{WindowBase.2f29424e.js → WindowBase.ea17cf20.js}

@@ -2,9 +2,9 @@ import { m as modalUtilityClasses } from "./index.61389369.js";
 import { useEnvironment } from "@m4l/core";
 import clsx from "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { I as IconButton } from "../mui_extended/IconButton/index.dd9f297b.js";
-import { I as Icon } from "../Icon/index.f1161f32.js";
-import { u as useModal } from "../../hooks/useModal/index.05d1821e.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.26de70bd.js";
+import { I as Icon } from "../Icon/index.05984e7f.js";
+import { u as useModal } from "../../hooks/useModal/index.abdc0962.js";
 const Header = (props) => {
   const {
     title,

package/components/modal/{WindowConfirm.1d1d9cd2.js → WindowConfirm.19ddbd5d.js}

@@ -1,13 +1,13 @@
-import { A as Actions } from "../CommonActions/components/Actions/index.ccf731c1.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.2f6286eb.js";
 import { Typography } from "@mui/material";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { u as useModal } from "../../hooks/useModal/index.05d1821e.js";
+import { u as useModal } from "../../hooks/useModal/index.abdc0962.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { I as Image } from "../Image/index.9799dfc0.js";
+import { I as Image } from "../Image/index.bf37e923.js";
 import { m as modalUtilityClasses } from "./index.61389369.js";
-import { W as WindowBase } from "./WindowBase.2f29424e.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.5916fb86.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.789d82ed.js";
+import { W as WindowBase } from "./WindowBase.ea17cf20.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.06539086.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.3e8a2e60.js";
 const dictionary = {
   MESSAGE: "common_actions.confirm_quit_msg"
 };

package/components/mui_extended/Accordion/{index.c8c7d392.js → index.b9b427d7.js}

@@ -1,12 +1,12 @@
 import { generateUtilityClasses, generateUtilityClass, styled, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
-import { I as IconButton } from "../IconButton/index.dd9f297b.js";
+import { I as IconButton } from "../IconButton/index.26de70bd.js";
 import { useEnvironment } from "@m4l/core";
 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.384f1182.js";
+import { g as getNameDataTestId } from "../../../vendor.8f8b0ac9.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { I as Icon } from "../../Icon/index.f1161f32.js";
+import { I as Icon } from "../../Icon/index.05984e7f.js";
 import { T as Typography } from "../Typography/index.379dd374.js";
 const componentName = "M4LAccordion";
 generateUtilityClasses(componentName, [

package/components/mui_extended/Button/classes/types.d.ts

@@ -1,3 +1,4 @@
+import { useUtilityClasses } from ".";
 export interface ButtonClassesType {
     root: string;
     skeleton: string;
@@ -15,3 +16,4 @@ export interface ButtonClassesType {
     toggleNotPressed: string;
 }
 export declare type ButtonClassesKey = keyof ButtonClassesType;
+export declare type Classes = ReturnType<typeof useUtilityClasses>;

package/components/mui_extended/Button/{index.bd3371a3.js → index.570fd3a4.js}

@@ -5,7 +5,7 @@ import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { I as Image } from "../../Image/index.9799dfc0.js";
+import { I as Image } from "../../Image/index.bf37e923.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.379dd374.js";
@@ -146,7 +146,7 @@ function ImageButton({
     }) : imageButton
   });
 }
-const componentName = "M4LoadingButton";
+const componentName = "M4LLoadingButton";
 generateUtilityClasses(componentName, [
   "root",
   "skeleton",
@@ -171,7 +171,7 @@ const useUtilityClasses = (onwerState) => {
   };
 };
 const LoadingButtonRoot = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LoadingButton?.styleOverrides
+  ...theme.components?.M4LLoadingButton?.styleOverrides
 }));
 const LOADINGBUTTON_PREFIX = "M4LoadingButton";
 const getNameDataTestId = (KEY) => {

package/components/mui_extended/IconButton/{index.dd9f297b.js → index.26de70bd.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.f1161f32.js";
+import { I as Icon } from "../../Icon/index.05984e7f.js";
 import { jsx, Fragment } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";

package/components/mui_extended/LoadingButton/classes/constants.d.ts

@@ -1 +1 @@
-export declare const componentName = "M4LoadingButton";
+export declare const componentName = "M4LLoadingButton";

package/components/mui_extended/MenuActions/{index.46c5f7c7.js → index.8c02ff61.js}

@@ -3,12 +3,12 @@ import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { IconButton, generateUtilityClasses, generateUtilityClass, useTheme, MenuItem } from "@mui/material";
 import { P as Popover } from "../Popover/index.b3eca6b1.js";
 import { styled } from "@mui/material/styles";
-import { I as Icon } from "../../Icon/index.f1161f32.js";
+import { I as Icon } from "../../Icon/index.05984e7f.js";
 import clsx from "clsx";
 import { unstable_composeClasses } from "@mui/base";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { B as Badge } from "../Badge/index.09f5aee5.js";
-import { I as IconButton$1 } from "../IconButton/index.dd9f297b.js";
+import { I as IconButton$1 } from "../IconButton/index.26de70bd.js";
 styled(IconButton)(() => ({}));
 const LabelMemuItem = styled("div")(({
   theme

package/components/mui_extended/Pager/{index.e4e66ac8.js → index.5629e82b.js}

@@ -2,7 +2,7 @@ import { useMemo } from "react";
 import { styled } from "@mui/material/styles";
 import { generateUtilityClasses, generateUtilityClass, useTheme, Select, InputBase, MenuItem } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { I as IconButton } from "../IconButton/index.dd9f297b.js";
+import { I as IconButton } from "../IconButton/index.26de70bd.js";
 import { useEnvironment } from "@m4l/core";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useResponsiveDesktop } from "@m4l/graphics";

package/components/mui_extended/Tab/{index.a85b2dab.js → index.724d5948.js}

@@ -5,7 +5,7 @@ import { jsx } from "react/jsx-runtime";
 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 "../../../vendor.384f1182.js";
+import { g as getNameDataTestId } from "../../../vendor.8f8b0ac9.js";
 import { createContext, useState } from "react";
 const componentName$2 = "M4LTabs";
 generateUtilityClasses(componentName$2, [

package/components/mui_extended/ToggleButton/{index.b030c4ec.js → index.21a1f8e5.js}

@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import { B as Button, b as buttonClasses } from "../Button/index.bd3371a3.js";
+import { B as Button, b as buttonClasses } from "../Button/index.570fd3a4.js";
 import { w as withToggle } from "../../../hocs/withToggle/index.e44eb0da.js";
 import { jsx } from "react/jsx-runtime";
 const ToggleAbleButton = ({

package/components/mui_extended/ToggleIconButton/{index.e0854091.js → index.00f13c40.js}

@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import { I as IconButton, i as iconButtonClasses } from "../IconButton/index.dd9f297b.js";
+import { I as IconButton, i as iconButtonClasses } from "../IconButton/index.26de70bd.js";
 import { w as withToggle } from "../../../hocs/withToggle/index.e44eb0da.js";
 import { jsx } from "react/jsx-runtime";
 const ToggleAbleIconButton = ({

package/contexts/ModalContext/{index.436c2938.js → index.b39d303d.js}

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

package/hooks/useFormAddEdit/{index.16083a43.js → index.32aa4f64.js}

@@ -1,8 +1,8 @@
 import { useNetwork, useFlags, useModuleDictionary } from "@m4l/core";
 import { useState, useEffect } from "react";
-import { u as useModal } from "../useModal/index.05d1821e.js";
+import { u as useModal } from "../useModal/index.abdc0962.js";
 import { jsx } from "react/jsx-runtime";
-import { W as WindowConfirm } from "../../components/modal/WindowConfirm.1d1d9cd2.js";
+import { W as WindowConfirm } from "../../components/modal/WindowConfirm.19ddbd5d.js";
 function useFormAddEdit(props) {
   const {
     initialValues,

package/hooks/useModal/{index.05d1821e.js → index.abdc0962.js}

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

package/hooks/useTab/{index.19c8a409.js → index.991b13a7.js}

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { d as TabContext } from "../../components/mui_extended/Tab/index.a85b2dab.js";
+import { d as TabContext } from "../../components/mui_extended/Tab/index.724d5948.js";
 const useTab = () => {
   const context = useContext(TabContext);
   if (context === null) {