@m4l/components 0.2.15 → 0.2.16

package/components/hook-form/RHFColorPicker/index.bcc1eced.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.bb836860.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.282c5b58.js";
+import { B as Button } from "../../mui_extended/Button/index.5c68764a.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/index.d.ts

@@ -1,2 +1,8 @@
 import { RHFColorPickerProps } from './types';
+/**
+ * Componente RHFColorPicker para seleccionar colores con React Hook Form.
+ * @component
+ * @param {RHFColorPickerProps} props - Propiedades del componente.
+ * @returns {JSX.Element} - Elemento JSX que representa el componente.
+ */
 export declare const RHFColorPicker: (props: RHFColorPickerProps) => import("react/jsx-runtime").JSX.Element;

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.8bd9e41e.js → index.fa80a8cb.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.aa9949f0.js";
+import { I as Icon } from "../../Icon/index.282c5b58.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.89bebd60.js → index.d320e56f.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.288a0ec2.js";
+import { P as Period } from "../../Period/index.8e118051.js";
 const RHFPeriodRoot = styled("div")(({
   theme
 }) => ({

package/components/hook-form/RHFTextField/{index.2c8d4613.js → index.ab689d7d.js}

@@ -1,7 +1,7 @@
 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.b705c196.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.a719445f.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";

package/components/hook-form/RHFUpload/{index.55e495bb.js → index.e251c9b6.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.d5fed0ab.js";
+import { I as Image } from "../../Image/index.8915f577.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.007f5a6e.js";
+import { B as Button } from "../../mui_extended/Button/index.5c68764a.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.1b6d82bc.js → index.03998a42.js}

@@ -7,35 +7,35 @@ 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 DICCTIONARY, u as useMapStore, m as mapClasses, a as MAP_ZINDEX_DEFAULT, C as CommonFeatureRender, M as MAP_ZINDEX_OVER_MAP, b as useDisableZoomEvents } from "../Map/index.f38df83e.js";
-import { D as DynamicFilter } from "../../../DynamicFilter/index.068ca09c.js";
-import { e as ColumnSetCheckFormatter, f as columnDateFormatter, c as DataGrid } from "../../../DataGrid/index.e127cac8.js";
-import { u as useModal } from "../../../../hooks/useModal/index.acc61361.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.7a79bfa5.js";
+import { D as DICCTIONARY, u as useMapStore, m as mapClasses, a as MAP_ZINDEX_DEFAULT, C as CommonFeatureRender, M as MAP_ZINDEX_OVER_MAP, b as useDisableZoomEvents } from "../Map/index.b79ceae4.js";
+import { D as DynamicFilter } from "../../../DynamicFilter/index.73258cb8.js";
+import { e as ColumnSetCheckFormatter, f as columnDateFormatter, c as DataGrid } from "../../../DataGrid/index.e5b552a2.js";
+import { u as useModal } from "../../../../hooks/useModal/index.1c88654a.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.ec73ba4f.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.007f5a6e.js";
+import { B as Button } from "../../../mui_extended/Button/index.5c68764a.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.8368ac0f.js";
-import { A as ActionFormIntro } from "../../../CommonActions/components/ActionFormIntro/index.885f49af.js";
+import { A as ActionFormIntro } from "../../../CommonActions/components/ActionFormIntro/index.9ee7df17.js";
 import { useMap } from "react-leaflet";
 import { u as useFormReadyForUpdate } from "../../../../hooks/useFormReadyForUpdate/index.f60f500e.js";
 import * as L from "leaflet";
 import { u as useTab } from "../../../../hooks/useTab/index.500c048b.js";
-import { P as PaperForm } from "../../../PaperForm/index.27dafbcc.js";
-import { R as RHFAutocomplete } from "../../../hook-form/RHFAutocomplete/index.ea720b8f.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.2c8d4613.js";
-import { P as PropertyValue } from "../../../PropertyValue/index.92ccdf7a.js";
-import { R as RHFColorPicker } from "../../../hook-form/RHFColorPicker/index.259b6f38.js";
+import { P as PaperForm } from "../../../PaperForm/index.30f68f0f.js";
+import { R as RHFAutocomplete } from "../../../hook-form/RHFAutocomplete/index.210ee73f.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.ab689d7d.js";
+import { P as PropertyValue } from "../../../PropertyValue/index.d61c943c.js";
+import { R as RHFColorPicker } from "../../../hook-form/RHFColorPicker/index.bcc1eced.js";
 import clsx from "clsx";
 import { T as Tabs, a as Tab, b as TabContent, c as TabProvider } from "../../../mui_extended/Tab/index.cefe27e7.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.b4348b6a.js";
+import { u as useFormAddEdit } from "../../../../hooks/useFormAddEdit/index.59821a33.js";
 import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.7769076a.js";
-import { R as RHFAutocompleteAsync } from "../../../hook-form/RHFAutocompleteAsync/index.1609eaf0.js";
+import { R as RHFAutocompleteAsync } from "../../../hook-form/RHFAutocompleteAsync/index.e5935f63.js";
 import "@geoman-io/leaflet-geoman-free/dist/leaflet-geoman.css";
 import "@geoman-io/leaflet-geoman-free";
 import { styled } from "@mui/material/styles";

package/components/maps/components/Map/{index.f38df83e.js → index.b79ceae4.js}

@@ -9,10 +9,10 @@ import "leaflet.markercluster";
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { cloneDeep, throttle } from "lodash";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { e as ColumnSetCheckFormatter, c as DataGrid } from "../../../DataGrid/index.e127cac8.js";
+import { e as ColumnSetCheckFormatter, c as DataGrid } from "../../../DataGrid/index.e5b552a2.js";
 import { u as useStateRef } from "../../../../hooks/useStateRef/index.538edb89.js";
-import { u as usePopupsStore, P as PopupsProvider } from "../../../PopupsProvider/index.ae1bd010.js";
-import { T as ToggleButton } from "../../../mui_extended/ToggleButton/index.b053aa70.js";
+import { u as usePopupsStore, P as PopupsProvider } from "../../../PopupsProvider/index.c9400f03.js";
+import { T as ToggleButton } from "../../../mui_extended/ToggleButton/index.5aa6ea58.js";
 import { createStore, useStore } from "zustand";
 import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { devtools } from "zustand/middleware";

package/components/modal/{WindowBase.a4534b0b.js → WindowBase.779aa7a5.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.b705c196.js";
-import { I as Icon } from "../Icon/index.aa9949f0.js";
-import { u as useModal } from "../../hooks/useModal/index.acc61361.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.a719445f.js";
+import { I as Icon } from "../Icon/index.282c5b58.js";
+import { u as useModal } from "../../hooks/useModal/index.1c88654a.js";
 const Header = (props) => {
   const {
     title,

package/components/modal/{WindowConfirm.7a79bfa5.js → WindowConfirm.ec73ba4f.js}

@@ -1,13 +1,13 @@
 import { A as Actions } from "../CommonActions/components/Actions/index.8368ac0f.js";
 import { Typography } from "@mui/material";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { u as useModal } from "../../hooks/useModal/index.acc61361.js";
+import { u as useModal } from "../../hooks/useModal/index.1c88654a.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { I as Image } from "../Image/index.d5fed0ab.js";
+import { I as Image } from "../Image/index.8915f577.js";
 import { m as modalUtilityClasses } from "./index.61389369.js";
-import { W as WindowBase } from "./WindowBase.a4534b0b.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.06365996.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.b97cfeec.js";
+import { W as WindowBase } from "./WindowBase.779aa7a5.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.106c5327.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.bd2a14b2.js";
 const dictionary = {
   MESSAGE: "common_actions.confirm_quit_msg"
 };

package/components/mui_extended/Accordion/{index.f1289de0.js → index.e15e10d9.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.b705c196.js";
+import { I as IconButton } from "../IconButton/index.a719445f.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 "../../../test/getNameDataTestId.14875ec7.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { I as Icon } from "../../Icon/index.aa9949f0.js";
+import { I as Icon } from "../../Icon/index.282c5b58.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.007f5a6e.js → index.5c68764a.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.d5fed0ab.js";
+import { I as Image } from "../../Image/index.8915f577.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.b705c196.js → index.a719445f.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.aa9949f0.js";
+import { I as Icon } from "../../Icon/index.282c5b58.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.aa43c4f2.js → index.62359120.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.aa9949f0.js";
+import { I as Icon } from "../../Icon/index.282c5b58.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.b705c196.js";
+import { I as IconButton$1 } from "../IconButton/index.a719445f.js";
 styled(IconButton)(() => ({}));
 const LabelMemuItem = styled("div")(({
   theme

package/components/mui_extended/Pager/{index.9928807e.js → index.fa5f5ded.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.b705c196.js";
+import { I as IconButton } from "../IconButton/index.a719445f.js";
 import { useEnvironment } from "@m4l/core";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useResponsiveDesktop } from "@m4l/graphics";

package/components/mui_extended/ToggleButton/{index.b053aa70.js → index.5aa6ea58.js}

@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import { B as Button, b as buttonClasses } from "../Button/index.007f5a6e.js";
+import { B as Button, b as buttonClasses } from "../Button/index.5c68764a.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.80d38bf4.js → index.47ddefd4.js}

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

package/contexts/ModalContext/{index.054af5d8.js → index.6085b148.js}

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

package/hooks/useFormAddEdit/{index.b4348b6a.js → index.59821a33.js}

@@ -1,8 +1,8 @@
 import { useNetwork, useFlags, useModuleDictionary } from "@m4l/core";
 import { useState, useEffect } from "react";
-import { u as useModal } from "../useModal/index.acc61361.js";
+import { u as useModal } from "../useModal/index.1c88654a.js";
 import { jsx } from "react/jsx-runtime";
-import { W as WindowConfirm } from "../../components/modal/WindowConfirm.7a79bfa5.js";
+import { W as WindowConfirm } from "../../components/modal/WindowConfirm.ec73ba4f.js";
 function useFormAddEdit(props) {
   const {
     initialValues,

package/hooks/useModal/{index.acc61361.js → index.1c88654a.js}

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