@m4l/components 1.1.0 → 1.1.2

package/components/maps/components/GpsTools/{index.44b82290.js → index.e759163d.js}

@@ -5,42 +5,42 @@ import { shallow } from "zustand/shallow";
 import "@geoman-io/leaflet-geoman-free/dist/leaflet-geoman.css";
 import "@geoman-io/leaflet-geoman-free";
 import clsx from "clsx";
-import { au as RHFormProviderStyled, av as StackGeofenceListRoot, aw as DivTabGpsToolsRoot } from "../../../../styles/index.1735a866.js";
-import { D as DynamicFilter } from "../../../DynamicFilter/index.895da58e.js";
-import { C as ColumnIconFormatter } from "../../../DataGrid/formatters/index.4a07af63.js";
+import { au as RHFormProviderStyled, av as StackGeofenceListRoot, aw as DivTabGpsToolsRoot } from "../../../../styles/index.239f949e.js";
+import { D as DynamicFilter } from "../../../DynamicFilter/index.08abfc2c.js";
+import { C as ColumnIconFormatter } from "../../../DataGrid/formatters/index.6698b419.js";
 import { C as ColumnDateFormatter } from "../../../DataGrid/formatters/ColumnDateFormatter/index.e00d0cf2.js";
 import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { useFormContext, useWatch, useFormState } from "react-hook-form";
-import { H as HelperError } from "../../../hook-form/HelperError/index.af99c705.js";
-import { u as useModal } from "../../../../hooks/useModal/index.84233480.js";
-import { u as usePopupsStore } from "../../../popups/PopupsProvider/index.07940e4f.js";
+import { H as HelperError } from "../../../hook-form/HelperError/index.9f93c627.js";
+import { u as useModal } from "../../../../hooks/useModal/index.3ad1e014.js";
+import { u as usePopupsStore } from "../../../popups/PopupsProvider/index.776c62e7.js";
 import { createStore, useStore } from "zustand";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 import { enableMapSet } from "immer";
-import { A as ActionFormIntro } from "../../../CommonActions/components/ActionFormIntro/index.624a468b.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.abcfd142.js";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.46d6c3d1.js";
-import { B as Button } from "../../../mui_extended/Button/index.8afd5131.js";
+import { A as ActionFormIntro } from "../../../CommonActions/components/ActionFormIntro/index.415de2bb.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.60955735.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.2342a37e.js";
+import { B as Button } from "../../../mui_extended/Button/index.111f830e.js";
 import { useMap } from "react-leaflet";
 import * as L from "leaflet";
 import { u as useFormReadyForUpdate } from "../../../../hooks/useFormReadyForUpdate/index.f60f500e.js";
-import { u as useTab } from "../../../../hooks/useTab/index.74399f56.js";
+import { u as useTab } from "../../../../hooks/useTab/index.4081b113.js";
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
-import { P as PaperForm } from "../../../PaperForm/index.37170e07.js";
-import { R as RHFAutocomplete } from "../../../hook-form/RHFAutocomplete/index.b295a0b4.js";
-import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.ec3f5dd5.js";
-import { S as Stack } from "../../../mui_extended/Stack/index.6516b2b5.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.cb274bbe.js";
-import { P as PropertyValue } from "../../../PropertyValue/index.cec68741.js";
-import { R as RHFColorPicker } from "../../../hook-form/RHFColorPicker/index.6e788803.js";
-import { T as Tabs, a as Tab, b as TabContent, c as TabProvider } from "../../../mui_extended/Tab/index.2ac4a667.js";
-import { I as Icon } from "../../../Icon/index.ab280d41.js";
+import { P as PaperForm } from "../../../PaperForm/index.8289409f.js";
+import { R as RHFAutocomplete } from "../../../hook-form/RHFAutocomplete/index.b8347185.js";
+import { R as RHFTextField } from "../../../hook-form/RHFTextField/index.828b30f5.js";
+import { S as Stack } from "../../../mui_extended/Stack/index.3674daf7.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.9425bdc5.js";
+import { P as PropertyValue } from "../../../PropertyValue/index.36555931.js";
+import { R as RHFColorPicker } from "../../../hook-form/RHFColorPicker/index.c259b8ac.js";
+import { T as Tabs, a as Tab, b as TabContent, c as TabProvider } from "../../../mui_extended/Tab/index.a94a92c1.js";
+import { I as Icon } from "../../../Icon/index.13aaae3c.js";
 import * as Yup from "yup";
-import { u as useFormAddEdit } from "../../../../hooks/useFormAddEdit/index.00c86b5b.js";
-import { u as useMapStore, C as CommonFeatureRender, G as GPS_TOOLS_POPUP_ID } from "../Map/index.7cb66143.js";
-import { D as DataGrid } from "../../../DataGrid/index.65f1da52.js";
+import { u as useFormAddEdit } from "../../../../hooks/useFormAddEdit/index.b6a3cf63.js";
+import { u as useMapStore, C as CommonFeatureRender, G as GPS_TOOLS_POPUP_ID } from "../Map/index.c568e68d.js";
+import { D as DataGrid } from "../../../DataGrid/index.b1cac6af.js";
 const COMPONENT_CLASS_NAME = "M4LMapGpsTools";
 const COMPONENT_MAP_TOOLS_ID = "gps_tools";
 const STYLE_OPACITIES = [

package/components/maps/components/Map/external/Control/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ControlProps } from './types';
 /**
- * @description crea un componente react dentro de un control de leaflet, utilizando una tecnica e portaa diferente a createPortal
+ * @description crea un componente react dentro de un control de leaflet, utilizando una tecnica e portal diferente a createPortal
  * Dependiendo de la posicion del control, este se agrega en la parte correspondiente del mapa, por defecto es topright
  *
  * @param props

package/components/maps/components/Map/{index.7cb66143.js → index.c568e68d.js}

@@ -9,24 +9,24 @@ import { createPortal } from "react-dom";
 import { useModuleDictionary, useModuleSkeleton, useEnvironment, useModulePrivileges } from "@m4l/core";
 import clsx from "clsx";
 import { useFormContext, useWatch } from "react-hook-form";
-import { A as Actions } from "../../../CommonActions/components/Actions/index.46d6c3d1.js";
-import { B as Button } from "../../../mui_extended/Button/index.8afd5131.js";
+import { A as Actions } from "../../../CommonActions/components/Actions/index.2342a37e.js";
+import { B as Button } from "../../../mui_extended/Button/index.111f830e.js";
 import * as Yup from "yup";
 import { u as useFormReadyForUpdate } from "../../../../hooks/useFormReadyForUpdate/index.f60f500e.js";
-import { R as RHFAutocompleteAsync } from "../../../hook-form/RHFAutocompleteAsync/index.ad51f3e2.js";
-import { S as Stack } from "../../../mui_extended/Stack/index.6516b2b5.js";
-import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.cedd3482.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.cb274bbe.js";
-import { u as usePopupsStore, P as PopupsProvider } from "../../../popups/PopupsProvider/index.07940e4f.js";
-import { T as ToggleIconButton } from "../../../mui_extended/ToggleIconButton/index.3cb364d1.js";
-import { D as DataGrid } from "../../../DataGrid/index.65f1da52.js";
+import { R as RHFAutocompleteAsync } from "../../../hook-form/RHFAutocompleteAsync/index.aeb3bf66.js";
+import { S as Stack } from "../../../mui_extended/Stack/index.3674daf7.js";
+import { R as RHFormProvider } from "../../../../contexts/RHFormContext/index.40a9547e.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.9425bdc5.js";
+import { u as usePopupsStore, P as PopupsProvider } from "../../../popups/PopupsProvider/index.776c62e7.js";
+import { T as ToggleIconButton } from "../../../mui_extended/ToggleIconButton/index.cd20de81.js";
+import { D as DataGrid } from "../../../DataGrid/index.b1cac6af.js";
 import { generateUtilityClasses, Tooltip, FormControl, RadioGroup, FormControlLabel, Radio, useTheme } from "@mui/material";
 import { C as ColumnSetCheckFormatter } from "../../../DataGrid/formatters/ColumnSetCheckFormatter/index.4045b2f2.js";
-import { I as Icon, M as MarkerIconLabel } from "../../../Icon/index.ab280d41.js";
+import { I as Icon, M as MarkerIconLabel } from "../../../Icon/index.13aaae3c.js";
 import { u as useStateRef } from "../../../../hooks/useStateRef/index.538edb89.js";
-import { C as CheckBox } from "../../../mui_extended/CheckBox.d84658da.js";
-import { P as Popover } from "../../../mui_extended/Popover/index.594e3587.js";
-import { P as PopupsViewer } from "../../../popups/PopupsViewer/index.d8b9a059.js";
+import { C as CheckBox } from "../../../mui_extended/CheckBox.a8958eb8.js";
+import { P as Popover } from "../../../mui_extended/Popover/index.5e78a637.js";
+import { P as PopupsViewer } from "../../../popups/PopupsViewer/index.8fe4aa5d.js";
 import { createPathComponent } from "@react-leaflet/core";
 import "leaflet.markercluster";
 import { cloneDeep, throttle } from "lodash";
@@ -37,7 +37,7 @@ import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../../utils/index.f77cc2ab.js";
+import { g as getComponentUtilityClass } from "../../../../utils/index.78d1638f.js";
 import { b as bearingRawToCSS } from "../../index.13bb982c.js";
 import "leaflet-polylinedecorator";
 const COMPONENT_CLASS_NAME = "M4LMap";
@@ -1708,10 +1708,21 @@ function Controls(props) {
       L__default.DomEvent.disableScrollPropagation(cContainer);
     }
   }, [map]);
-  return /* @__PURE__ */ jsxs(PopupsProvider, { baseZindex: MAP_ZINDEX_OVER_MAP, children: [
+  return /* @__PURE__ */ jsxs(PopupsProvider, { baseZindex: MAP_ZINDEX_OVER_MAP, containerElement: map.getContainer(), initialPopups: [
+    {
+      popupId: "popup1",
+      status: "init",
+      iconUrl: "`https://s3.amazonaws.com/static.made4labs/environments/d1/frontend/components/dynamic_filter/assets/icons/edit.svg`,",
+      title: "Popup 1",
+      subTitle: "Subtitulo",
+      zIndex: 1,
+      componentProps: {},
+      functionComponent: () => /* @__PURE__ */ jsx("div", { children: "MyComponent" })
+    }
+  ], children: [
     /* @__PURE__ */ jsx(TopLeftTools, {}),
     /* @__PURE__ */ jsx(TopRightTools, { gpsTools }),
-    controlContainer && createPortal(/* @__PURE__ */ jsx(PopupsViewer, { containerElement: map.getContainer() }), controlContainer)
+    controlContainer && createPortal(/* @__PURE__ */ jsx(PopupsViewer, {}), controlContainer)
   ] });
 }
 const MarkerClusterGroup = createPathComponent(({ children: _c, ...props }, ctx) => {
@@ -1768,10 +1779,8 @@ const MyLayer = (props) => {
     if (lefaletLayerRef.current.clickCount === 1) {
       lefaletLayerRef.current.clickTimeout = setTimeout(() => {
         const cluster2 = a.propagatedFrom;
-        if (cluster2 && cluster2 instanceof L__default.MarkerCluster) {
-          const childMarkers = cluster2.getAllChildMarkers();
-          console.log("Markers in this cluster: ", childMarkers);
-        }
+        if (cluster2 && cluster2 instanceof L__default.MarkerCluster)
+          ;
         if (!popupRef.current) {
           popupRef.current = L__default.popup().setLatLng(a.sourceTarget._cLatLng).setContent("Hello, World!");
           map.addLayer(popupRef.current);
@@ -2167,10 +2176,6 @@ const CommonFeatureRender = (props) => {
       fetchData();
     }
   }, [feature]);
-  useEffect(() => {
-    return () => {
-    };
-  }, []);
   if (!feature) {
     return null;
   }
@@ -2229,9 +2234,7 @@ const CommonFeatureRender = (props) => {
           },
           draggable: false,
           eventHandlers: {
-            add: onAddPointLayer,
-            click: (_e) => {
-            }
+            add: onAddPointLayer
           },
           ...styleProperties,
           ...propFeature

package/components/modal/{WindowBase.e663941b.js → WindowBase.58f9e2b0.js}

@@ -2,9 +2,9 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { m as modalUtilityClasses } from "./index.81eb6def.js";
 import { useEnvironment } from "@m4l/core";
 import clsx from "clsx";
-import { I as Icon } from "../Icon/index.ab280d41.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.cb274bbe.js";
-import { u as useModal } from "../../hooks/useModal/index.84233480.js";
+import { I as Icon } from "../Icon/index.13aaae3c.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.9425bdc5.js";
+import { u as useModal } from "../../hooks/useModal/index.3ad1e014.js";
 const Header = (props) => {
   const { title, onClickCancel, urlIcon, classes } = props;
   const { host_static_assets, environment_assets } = useEnvironment();

package/components/modal/{WindowConfirm.abcfd142.js → WindowConfirm.60955735.js}

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { A as Actions } from "../CommonActions/components/Actions/index.46d6c3d1.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.2342a37e.js";
 import { Typography } from "@mui/material";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { u as useModal } from "../../hooks/useModal/index.84233480.js";
-import { I as Image } from "../Image/index.ec13c4a1.js";
+import { u as useModal } from "../../hooks/useModal/index.3ad1e014.js";
+import { I as Image } from "../Image/index.4b51d4ba.js";
 import { m as modalUtilityClasses } from "./index.81eb6def.js";
-import { W as WindowBase } from "./WindowBase.e663941b.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.a44544d1.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.63222f6a.js";
+import { W as WindowBase } from "./WindowBase.58f9e2b0.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.33cf608e.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.0893587b.js";
 const dictionary = {
   MESSAGE: "common_actions.confirm_quit_msg"
 };

package/components/mui_extended/Accordion/{index.1d692b19.js → index.e6971e30.js}

@@ -1,14 +1,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { generateUtilityClasses, generateUtilityClass, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
-import { I as IconButton } from "../IconButton/index.cb274bbe.js";
+import { I as IconButton } from "../IconButton/index.9425bdc5.js";
 import { useEnvironment } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
-import { ax as AccordionRoot } from "../../../styles/index.1735a866.js";
+import { ax as AccordionRoot } from "../../../styles/index.239f949e.js";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../../test/getNameDataTestId.0faeade8.js";
-import { I as Icon } from "../../Icon/index.ab280d41.js";
-import { T as Typography } from "../Typography/index.71fbb5c4.js";
+import { I as Icon } from "../../Icon/index.13aaae3c.js";
+import { T as Typography } from "../Typography/index.45e97bdd.js";
 const componentName = "M4LAccordion";
 generateUtilityClasses(componentName, [
   "root",

package/components/mui_extended/Avatar/{index.561ed0f7.js → index.8cc99f13.js}

@@ -4,7 +4,7 @@ import { Skeleton, generateUtilityClasses, generateUtilityClass, Avatar as Avata
 import { useModuleSkeleton } from "@m4l/core";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { unstable_composeClasses } from "@mui/base";
-import { ay as AvatarRoot } from "../../../styles/index.1735a866.js";
+import { ay as AvatarRoot } from "../../../styles/index.239f949e.js";
 import clsx from "clsx";
 const AVATAR_PREFIX = "M4LAvatar";
 const getNameAvatarDataTestId = (KEY) => {

package/components/mui_extended/Badge/{index.abad2c28.js → index.07fb40c0.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses, Badge as Badge$1 } from "@mui/material";
 import "@mui/base";
-import { az as BadgeRoot } from "../../../styles/index.1735a866.js";
+import { az as BadgeRoot } from "../../../styles/index.239f949e.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 const componentName = "M4LBadge";
 const badgeClasses = generateUtilityClasses(componentName, [

package/components/mui_extended/Button/{index.8afd5131.js → index.111f830e.js}

@@ -2,14 +2,14 @@ import { jsx } from "react/jsx-runtime";
 import { useModuleSkeleton } from "@m4l/core";
 import { generateUtilityClasses, generateUtilityClass, Skeleton, IconButton, Tooltip } from "@mui/material";
 import MuiButton from "@mui/material/Button";
-import { aA as ButtonRoot, aB as WrapperImageButton, aC as LoadingButtonRoot } from "../../../styles/index.1735a866.js";
+import { aA as ButtonRoot, aB as WrapperImageButton, aC as LoadingButtonRoot } from "../../../styles/index.239f949e.js";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { useMemo } from "react";
-import { I as Image } from "../../Image/index.ec13c4a1.js";
+import { I as Image } from "../../Image/index.4b51d4ba.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.71fbb5c4.js";
+import { T as Typography } from "../Typography/index.45e97bdd.js";
 const componentName$2 = "M4LButton";
 const buttonClasses = generateUtilityClasses(componentName$2, [
   "root",

package/components/mui_extended/{CheckBox.d84658da.js → CheckBox.a8958eb8.js}

@@ -5,8 +5,8 @@ import { useResponsiveDesktop } from "@m4l/graphics";
 import { unstable_composeClasses } from "@mui/base";
 import { useModuleSkeleton } from "@m4l/core";
 import { forwardRef } from "react";
-import { aD as CheckBoxRoot } from "../../styles/index.1735a866.js";
-import { F as FieldLabel } from "../FieldLabel/index.523aaa62.js";
+import { aD as CheckBoxRoot } from "../../styles/index.239f949e.js";
+import { F as FieldLabel } from "../FieldLabel/index.59b9b63a.js";
 const COMPONENT_CLASS_NAME = "M4LCheckBox";
 generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "root",

package/components/mui_extended/IconButton/{index.cb274bbe.js → index.9425bdc5.js}

@@ -2,8 +2,8 @@ import { jsx, Fragment } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton, generateUtilityClasses, generateUtilityClass, Tooltip, IconButton as IconButton$1 } from "@mui/material";
-import { I as Icon } from "../../Icon/index.ab280d41.js";
-import { aE as IconButtonRoot } from "../../../styles/index.1735a866.js";
+import { I as Icon } from "../../Icon/index.13aaae3c.js";
+import { aE as IconButtonRoot } from "../../../styles/index.239f949e.js";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { useResponsiveDesktop } from "@m4l/graphics";

package/components/mui_extended/MenuActions/{index.8168ad20.js → index.8b0d69b7.js}

@@ -2,13 +2,13 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React__default, { useState, useEffect, useMemo } from "react";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { generateUtilityClasses, generateUtilityClass, useTheme, MenuItem } from "@mui/material";
-import { P as Popover } from "../Popover/index.594e3587.js";
-import { aF as LabelMemuItem } from "../../../styles/index.1735a866.js";
-import { I as Icon } from "../../Icon/index.ab280d41.js";
+import { P as Popover } from "../Popover/index.5e78a637.js";
+import { aF as LabelMemuItem } from "../../../styles/index.239f949e.js";
+import { I as Icon } from "../../Icon/index.13aaae3c.js";
 import clsx from "clsx";
 import { unstable_composeClasses } from "@mui/base";
-import { B as Badge } from "../Badge/index.abad2c28.js";
-import { I as IconButton } from "../IconButton/index.cb274bbe.js";
+import { B as Badge } from "../Badge/index.07fb40c0.js";
+import { I as IconButton } from "../IconButton/index.9425bdc5.js";
 const ICONS = {
   MENU: "menu.svg"
 };

package/components/mui_extended/Pager/{index.9184e616.js → index.cb749e65.js}

@@ -1,14 +1,14 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { aG as PagerRoot } from "../../../styles/index.1735a866.js";
+import { aG as PagerRoot } from "../../../styles/index.239f949e.js";
 import { generateUtilityClasses, generateUtilityClass, useTheme, Select, InputBase, MenuItem } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { I as IconButton } from "../IconButton/index.cb274bbe.js";
+import { I as IconButton } from "../IconButton/index.9425bdc5.js";
 import { useEnvironment } from "@m4l/core";
 import { useResponsiveContainerStore } from "@m4l/graphics";
 import { shallow } from "zustand/shallow";
-import { T as Typography } from "../Typography/index.71fbb5c4.js";
-import { I as Icon } from "../../Icon/index.ab280d41.js";
+import { T as Typography } from "../Typography/index.45e97bdd.js";
+import { I as Icon } from "../../Icon/index.13aaae3c.js";
 const componentName = "M4LPager";
 generateUtilityClasses(componentName, [
   "root",

package/components/mui_extended/Popover/{index.594e3587.js → index.5e78a637.js}

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { aH as PopoverRoot } from "../../../styles/index.1735a866.js";
+import { aH as PopoverRoot } from "../../../styles/index.239f949e.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { styled } from "@mui/material/styles";
@@ -123,7 +123,7 @@ const Popover = (props) => {
       },
       ...other,
       children: [
-        /* @__PURE__ */ jsx(
+        arrowType !== "no-arrow" && /* @__PURE__ */ jsx(
           ArrowStyle,
           {
             className: classes.arrowStyle,

package/components/mui_extended/Stack/{index.6516b2b5.js → index.3674daf7.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { aI as MUISTack } from "../../../styles/index.1735a866.js";
+import { aI as MUISTack } from "../../../styles/index.239f949e.js";
 import clsx from "clsx";
 const componentName = "M4LStack";
 generateUtilityClasses(componentName, [

package/components/mui_extended/Tab/{index.2ac4a667.js → index.a94a92c1.js}

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { generateUtilityClasses, generateUtilityClass, Tab as Tab$1, Skeleton } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { aJ as MUITabs, aK as TabContentRoot, aL as TabRoot, aM as SKTTabWrapper } from "../../../styles/index.1735a866.js";
+import { aJ as MUITabs, aK as TabContentRoot, aL as TabRoot, aM as SKTTabWrapper } from "../../../styles/index.239f949e.js";
 import { useModuleSkeleton } from "@m4l/core";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../../test/getNameDataTestId.0faeade8.js";

package/components/mui_extended/ToggleButton/{index.94cd32f3.js → index.a55def3b.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.8afd5131.js";
+import { B as Button, b as buttonClasses } from "../Button/index.111f830e.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.3cb364d1.js → index.cd20de81.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.cb274bbe.js";
+import { I as IconButton, i as iconButtonClasses } from "../IconButton/index.9425bdc5.js";
 import { w as withToggle } from "../../../hocs/withToggle/index.548aeace.js";
 const ToggleAbleIconButton = ({
   onToggle,

package/components/mui_extended/Typography/{index.71fbb5c4.js → index.45e97bdd.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useModuleSkeleton } from "@m4l/core";
 import { Skeleton, generateUtilityClasses, generateUtilityClass, Typography as Typography$1 } from "@mui/material";
-import { aN as WarpperTypography } from "../../../styles/index.1735a866.js";
+import { aN as WarpperTypography } from "../../../styles/index.239f949e.js";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";

package/components/popups/PopupsProvider/{index.07940e4f.js → index.776c62e7.js}

@@ -2,21 +2,17 @@ import React__default, { createContext, useRef, useEffect, useContext } from "re
 import { createStore, useStore } from "zustand";
 import { jsx } from "react/jsx-runtime";
 import { shallow } from "zustand/shallow";
-import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
-import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
+import { useFirstRender } from "@m4l/graphics";
+import { useModuleDictionary } from "@m4l/core";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { p as popupsUtilityClasses } from "../PopupsViewer/index.d8b9a059.js";
 import { cloneDeep } from "lodash";
-const updateOwnerStateClasses = (state) => {
-  state.classes = popupsUtilityClasses(state.ownerState);
-};
 const createPopupsStore = (initProps) => {
   const startProps = {
-    classes: popupsUtilityClasses(initProps.ownerState),
     currentZindex: initProps.baseZindex,
     popupsIds: [],
     hashPopups: {},
+    getContainer: () => initProps.containerElement,
     ...initProps
   };
   return createStore(
@@ -32,11 +28,6 @@ const createPopupsStore = (initProps) => {
               }
             });
           },
-          setState: (status) => {
-            set((state) => {
-              state.ownerState.status = status;
-            });
-          },
           addPopup: (popupProps, options) => {
             if (get().hashPopups[popupProps.popupId]) {
               throw new Error(`Poupup with id ${popupProps.popupId} already exists`);
@@ -130,40 +121,29 @@ const createPopupsStore = (initProps) => {
             set((state) => {
               state.getLabel = newHandler;
             });
-          },
-          setExternalState: (newExternalState) => {
-            set((state) => {
-              state.ownerState = { ...state.ownerState, ...newExternalState };
-              updateOwnerStateClasses(state);
-            });
           }
         }
       })),
-      { name: `Popups store` }
+      { name: `Popups store: ${initProps.storeId}` }
     )
   );
 };
 const PopupsContext = createContext(null);
 function PopupsProvider(props) {
-  const { children, initialPopups, baseZindex = 0 } = props;
+  const { children, initialPopups, baseZindex = 0, storeId, containerElement } = props;
   const { getLabel } = useModuleDictionary();
-  const isDesktop = useResponsiveDesktop();
-  const isSkeleton = useModuleSkeleton();
   const isFirstRender = useFirstRender([getLabel]);
   const popupsStoreRef = useRef();
   if (!popupsStoreRef.current) {
     popupsStoreRef.current = createPopupsStore({
       getLabel,
       baseZindex,
-      ownerState: {
-        status: "init",
-        isMobile: !isDesktop,
-        isSkeleton
-      }
+      storeId,
+      containerElement
     });
     popupsStoreRef.current?.getState().popupsActions.init(initialPopups || []);
   }
-  const { setHandlerGetLabel, setExternalState } = useStore(
+  const { setHandlerGetLabel } = useStore(
     popupsStoreRef.current,
     (state) => state.popupsActions,
     shallow
@@ -173,12 +153,6 @@ function PopupsProvider(props) {
       setHandlerGetLabel(getLabel);
     }
   }, [getLabel]);
-  useEffect(() => {
-    if (isFirstRender) {
-      return;
-    }
-    setExternalState({ isMobile: !isDesktop, isSkeleton });
-  }, [isDesktop, isSkeleton]);
   return /* @__PURE__ */ jsx(PopupsContext.Provider, { value: popupsStoreRef.current, children: /* @__PURE__ */ jsx(React__default.Fragment, { children }) });
 }
 function usePopupsStore(selector, equalityFn) {

package/components/popups/PopupsViewer/constants.29247547.js

@@ -0,0 +1,4 @@
+const POPUPS_VIEWER_KEY_COMPONENT = "M4LPopupsViewer";
+export {
+  POPUPS_VIEWER_KEY_COMPONENT as P
+};

package/components/popups/PopupsViewer/icons.066abd43.js

@@ -0,0 +1,7 @@
+const POPUPS_ICONS = {
+  CLOSE: "close.svg",
+  EDITION_INFO: "edition_info.svg"
+};
+export {
+  POPUPS_ICONS as P
+};