@m4l/components 1.0.21 → 1.0.22

package/{react-resizable.a59c14f4.js → react-resizable.3755959b.js}

@@ -1,6 +1,6 @@
 import React__default from "react";
-import { c as cjs } from "./react-draggable.1c1ba224.js";
-import { u as utils } from "./utils/index.14912462.js";
+import { c as cjs } from "./react-draggable.310e3387.js";
+import { u as utils } from "./utils/index.78d1638f.js";
 import require$$1 from "prop-types";
 var reactResizable = { exports: {} };
 var Resizable$2 = {};

package/style.css

@@ -0,0 +1,65 @@
+.react-resizable {
+  position: relative;
+}
+.react-resizable-handle {
+  position: absolute;
+  width: 20px;
+  height: 20px;
+  background-repeat: no-repeat;
+  background-origin: content-box;
+  box-sizing: border-box;
+  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');
+  background-position: bottom right;
+  padding: 0 3px 3px 0;
+}
+.react-resizable-handle-sw {
+  bottom: 0;
+  left: 0;
+  cursor: sw-resize;
+  transform: rotate(90deg);
+}
+.react-resizable-handle-se {
+  bottom: 0;
+  right: 0;
+  cursor: se-resize;
+}
+.react-resizable-handle-nw {
+  top: 0;
+  left: 0;
+  cursor: nw-resize;
+  transform: rotate(180deg);
+}
+.react-resizable-handle-ne {
+  top: 0;
+  right: 0;
+  cursor: ne-resize;
+  transform: rotate(270deg);
+}
+.react-resizable-handle-w,
+.react-resizable-handle-e {
+  top: 50%;
+  margin-top: -10px;
+  cursor: ew-resize;
+}
+.react-resizable-handle-w {
+  left: 0;
+  transform: rotate(135deg);
+}
+.react-resizable-handle-e {
+  right: 0;
+  transform: rotate(315deg);
+}
+.react-resizable-handle-n,
+.react-resizable-handle-s {
+  left: 50%;
+  margin-left: -10px;
+  cursor: ns-resize;
+}
+.react-resizable-handle-n {
+  top: 0;
+  transform: rotate(225deg);
+}
+.react-resizable-handle-s {
+  bottom: 0;
+  transform: rotate(45deg);
+}

package/styles/{DynamicFilter.27c16026.js → DynamicFilter.c33860d6.js}

@@ -1,5 +1,5 @@
 import { alpha } from "@mui/material";
-import { c as containerQuery } from "../utils/index.14912462.js";
+import { c as containerQuery } from "../utils/index.78d1638f.js";
 const CONTAINER_QUERY_NAME = "dynamic";
 const dynamicFilterStyles = {
   root: {
@@ -19,8 +19,8 @@ const dynamicFilterStyles = {
     height: "fit-content",
     border: "1px solid",
     borderRadius: "4px",
-    borderColor: theme.vars.palette.state?.borderPrimary,
-    background: theme.vars.palette.background.default,
+    borderColor: theme.palette.state?.borderPrimary,
+    background: theme.palette.background.default,
     [containerQuery(theme.breakpoints, CONTAINER_QUERY_NAME)]: {
       minHeight: "auto",
       height: "auto",
@@ -29,10 +29,10 @@ const dynamicFilterStyles = {
                           "applied-filters applied-filters"`
     },
     "&:focus-within": {
-      borderColor: !ownerState.isValid ? theme.vars.palette.state.error.normal : theme.vars.palette.state?.focus
+      borderColor: !ownerState.isValid ? theme.palette.state.error.normal : theme.palette.state?.focus
     },
     ...ownerState.isValid === false ? {
-      borderColor: theme.vars.palette.state.error.normal
+      borderColor: theme.palette.state.error.normal
     } : {}
   }),
   inputFilter: ({ theme }) => ({
@@ -48,7 +48,7 @@ const dynamicFilterStyles = {
     borderTopLeftRadius: "4px",
     borderBottomLeftRadius: "4px",
     borderRight: "1px solid",
-    borderColor: theme.vars.palette.state?.borderPrimary,
+    borderColor: theme.palette.state?.borderPrimary,
     [containerQuery(theme.breakpoints, CONTAINER_QUERY_NAME)]: {
       height: "32px",
       width: "100%",
@@ -62,32 +62,30 @@ const dynamicFilterStyles = {
   }),
   inputFilterInput: ({ theme }) => ({
     ...theme.typography.body,
-    background: theme.vars.palette.background.default,
-    color: theme.vars.palette.text.secondary,
+    background: theme.palette.background.default,
+    color: theme.palette.text.secondary,
     border: "1px solid",
     borderColor: "transparent",
     padding: "4px 8px",
     width: "100%",
     height: "100%",
     "&::placeholder": {
-      color: theme.vars.palette.text.secondary
+      color: theme.palette.text.secondary
     },
     "&:focus-visible": {
-      color: theme.vars.palette.text.secondary,
+      color: theme.palette.text.secondary,
       border: "1px solid",
-      borderColor: theme.vars.palette.state?.active12,
-      background: theme.vars.palette.state?.active12,
+      borderColor: theme.palette.state?.active12,
+      background: theme.palette.state?.active12,
       BorderRadius: "2px",
       outline: "none!important"
     },
     "&:hover": {
-      borderColor: theme.vars.palette.state?.toneOp,
-      background: theme.vars.palette.state?.hoverDefault
+      borderColor: theme.palette.state?.toneOp,
+      background: theme.palette.state?.hoverDefault
     }
   }),
-  inputFilterIcon: {
-    visibility: "visible"
-  },
+  inputFilterIcon: {},
   appliedFilters: ({ theme }) => ({
     gridArea: "applied-filters",
     width: "100%",
@@ -101,7 +99,7 @@ const dynamicFilterStyles = {
       padding: "4px",
       display: "flex",
       borderTop: "1px solid ",
-      borderColor: theme.vars.palette.state?.borderSecondary,
+      borderColor: theme.palette.state?.borderSecondary,
       "&:has(div[class*=appliedFilterInnerContainer]:empty), &:empty": {
         display: "none"
       }
@@ -136,19 +134,17 @@ const dynamicFilterStyles = {
     height: "24px",
     minHeight: theme.spacing(3),
     paddingLeft: theme.spacing(1),
-    borderColor: alpha(`${theme.colorSchemes.finalTheme.palette.divider}`, 0.1),
+    borderColor: alpha(`${theme.palette.divider}`, 0.1),
     border: "none",
     borderRadius: "4px",
-    backgroundColor: theme.vars.palette.state?.default,
-    color: theme.vars.palette.text.secondary,
+    backgroundColor: theme.palette.state?.default,
+    color: theme.palette.text.secondary,
     ...theme.typography.body,
     [theme.breakpoints.down("sm")]: {
       height: "fit-content"
     }
   }),
-  appliedFilterChipIcon: {
-    visibility: "visible"
-  },
+  appliedFilterChipIcon: {},
   appliedFilterChipInfo: ({ theme }) => ({
     ...theme.typography.body2,
     display: "flex",
@@ -164,22 +160,20 @@ const dynamicFilterStyles = {
   }),
   appliedFilterChipInfoFieldName: ({ theme }) => ({
     ...theme.typography.subtitle2,
-    color: theme.vars.palette.text.secondary
+    color: theme.palette.text.secondary
   }),
   appliedFilterChipInfoOperator: ({ theme }) => ({
     ...theme.typography.body2,
     marginLeft: theme.spacing(1.5),
     fontStyle: "italic",
-    color: theme.vars.palette.text.secondary
+    color: theme.palette.text.secondary
   }),
   appliedFilterChipInfoOperands: ({ theme }) => ({
     ...theme.typography.body2,
     marginLeft: theme.spacing(1.5),
-    color: theme.vars.palette.text.secondary
+    color: theme.palette.text.secondary
   }),
-  appliedFilterChipRemoveButton: {
-    visibility: "visible"
-  },
+  appliedFilterChipRemoveButton: {},
   actions: ({ theme }) => ({
     gridArea: "actions-filter",
     display: "flex",
@@ -191,7 +185,7 @@ const dynamicFilterStyles = {
     borderTopRightRadius: "4px",
     borderBottomRightRadius: "4px",
     borderLeft: "1px solid",
-    borderColor: theme.vars.palette.state?.borderPrimary
+    borderColor: theme.palette.state?.borderPrimary
   }),
   actionsSkeletonButton: {
     display: "flex",
@@ -200,13 +194,9 @@ const dynamicFilterStyles = {
     width: "24px",
     height: "24px"
   },
-  actionsClearButton: {
-    visibility: "visible"
-  },
+  actionsClearButton: {},
   actionsSubmitButton: ({ theme, ownerState }) => ({
-    ...ownerState.isValid === false ? { border: `1px dashed ${theme.vars.palette.error.main}` } : {
-      visibility: "visible"
-    }
+    ...ownerState.isValid === false ? { border: `1px dashed ${theme.palette.error.main}` } : {}
   }),
   popoverMenu: ({ theme }) => ({
     "& .MuiPaper-root": {
@@ -229,19 +219,17 @@ const dynamicFilterStyles = {
     borderRadius: "4px",
     "&:hover": {
       ...theme.typography.body,
-      color: theme.vars.palette.state?.hover,
-      background: theme.vars.palette.state?.default,
+      color: theme.palette.state?.hover,
+      background: theme.palette.state?.default,
       borderRadius: "4px",
       padding: "4px 12px 4px 8px"
     }
   }),
   popoverMenuItemLabel: ({ theme }) => ({
     ...theme.typography.body,
-    color: theme.vars.palette.text.primary
+    color: theme.palette.text.primary
   }),
-  popoverMenuItemIcon: {
-    visibility: "visible"
-  },
+  popoverMenuItemIcon: {},
   popoverFilter: ({ theme }) => ({
     width: "auto",
     "& .MuiPaper-root": {
@@ -249,7 +237,7 @@ const dynamicFilterStyles = {
       minWidth: "220px",
       maxWidth: "100%",
       minHeight: "auto",
-      boxShadow: theme.vars.customShadows?.z3,
+      boxShadow: theme.customShadows?.z3,
       "& .M4LPopover-arrowStyle": {
         display: "none"
       },
@@ -263,7 +251,7 @@ const dynamicFilterStyles = {
     }
   }),
   popoverFilterHeader: ({ theme }) => ({
-    backgroundColor: theme.vars.palette.state?.default,
+    backgroundColor: theme.palette.state?.default,
     display: "flex",
     alignItems: "center",
     gap: "8px",
@@ -276,12 +264,10 @@ const dynamicFilterStyles = {
       height: "36px"
     }
   }),
-  popoverFilterHeaderIcon: {
-    visibility: "visible"
-  },
+  popoverFilterHeaderIcon: {},
   popoverFilterHeaderTitle: ({ theme }) => ({
     ...theme.typography.paragraphDens,
-    color: theme.vars.palette.text.primary
+    color: theme.palette.text.primary
   }),
   popoverFilterContainerFields: ({ theme }) => ({
     height: "fit-content",

package/styles/DynamicFilter.styles.d.ts

@@ -1,2 +1,2 @@
-import type { DynamicFilterStyles } from '../components/DynamicFilter/types';
+import { DynamicFilterStyles } from '../components/DynamicFilter/types';
 export declare const dynamicFilterStyles: DynamicFilterStyles;

package/styles/{index.b0a69054.js → index.2129f144.js}

@@ -1,15 +1,14 @@
 import { styled, alpha, Skeleton, Popover, IconButton, Stack, Tabs, Dialog, ListItemText, ListItemButton } from "@mui/material";
 import { styled as styled$1, alpha as alpha$1 } from "@mui/material/styles";
 import SimpleBarReact from "simplebar-react";
-import { h as gridLayoutClasses } from "../components/GridLayout/index.f5fb6d61.js";
-import { a as ResizableBox } from "../react-resizable.a59c14f4.js";
-import { a as areasAdminClasses } from "../components/areas/components/AreasAdmin/index.4bbd6b28.js";
-import { a as areasViewerClasses } from "../components/areas/components/AreasViewer/index.8523c06d.js";
-import { g as gpsToolsClasses } from "../components/maps/components/GpsTools/index.94055337.js";
-import { M as MAP_ZINDEX_OVER_MAP } from "../components/maps/components/Map/index.9edada74.js";
-import { R as RHFormProvider } from "../contexts/RHFormContext/index.d9efc253.js";
-import { S as Stack$1 } from "../components/mui_extended/Stack/index.84103b22.js";
-import { I as Image } from "../components/Image/index.a011d2d2.js";
+import { h as gridLayoutClasses } from "../components/GridLayout/index.2a975f9d.js";
+import { a as ResizableBox } from "../react-resizable.3755959b.js";
+import { a as areasAdminClasses } from "../components/areas/components/AreasAdmin/index.92015229.js";
+import { a as areasViewerClasses } from "../components/areas/components/AreasViewer/index.5613b04c.js";
+import { g as gpsToolsClasses } from "../components/maps/components/GpsTools/index.3e432a7d.js";
+import { R as RHFormProvider } from "../contexts/RHFormContext/index.b08da209.js";
+import { S as Stack$1 } from "../components/mui_extended/Stack/index.5ffdbe1b.js";
+import { I as Image } from "../components/Image/index.31093474.js";
 const RootStyle$1 = styled("div", {
   shouldForwardProp: (props) => props !== "variant"
 })(({ theme, variant }) => ({
@@ -693,7 +692,7 @@ styled$1(SimpleBarReact)(({ theme }) => ({
     }
   }
 }));
-const react_resizable_css = {};
+const react_resizable_css = ".react-resizable {\n  position: relative;\n}\n.react-resizable-handle {\n  position: absolute;\n  width: 20px;\n  height: 20px;\n  background-repeat: no-repeat;\n  background-origin: content-box;\n  box-sizing: border-box;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+');\n  background-position: bottom right;\n  padding: 0 3px 3px 0;\n}\n.react-resizable-handle-sw {\n  bottom: 0;\n  left: 0;\n  cursor: sw-resize;\n  transform: rotate(90deg);\n}\n.react-resizable-handle-se {\n  bottom: 0;\n  right: 0;\n  cursor: se-resize;\n}\n.react-resizable-handle-nw {\n  top: 0;\n  left: 0;\n  cursor: nw-resize;\n  transform: rotate(180deg);\n}\n.react-resizable-handle-ne {\n  top: 0;\n  right: 0;\n  cursor: ne-resize;\n  transform: rotate(270deg);\n}\n.react-resizable-handle-w,\n.react-resizable-handle-e {\n  top: 50%;\n  margin-top: -10px;\n  cursor: ew-resize;\n}\n.react-resizable-handle-w {\n  left: 0;\n  transform: rotate(135deg);\n}\n.react-resizable-handle-e {\n  right: 0;\n  transform: rotate(315deg);\n}\n.react-resizable-handle-n,\n.react-resizable-handle-s {\n  left: 50%;\n  margin-left: -10px;\n  cursor: ns-resize;\n}\n.react-resizable-handle-n {\n  top: 0;\n  transform: rotate(225deg);\n}\n.react-resizable-handle-s {\n  bottom: 0;\n  transform: rotate(45deg);\n}";
 const AreasViewerRoot = styled("div")`
   /* display: flex; */
   width: 100%;
@@ -1016,16 +1015,7 @@ const ContainerImage = styled$1("div")(() => ({
   width: "16px",
   height: "16px"
 }));
-const DivGpsToolsRoot = styled$1("div")`
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-  width: 100%;
-  height: 100%;
-
-  z-index: ${MAP_ZINDEX_OVER_MAP};
-
+const DivTabGpsToolsRoot = styled$1("div")`
   .${gpsToolsClasses.gpsToolsTabContent}.${gpsToolsClasses.hidden} {
     display: none;
   }
@@ -1039,36 +1029,13 @@ const DivGpsToolsRoot = styled$1("div")`
     flex-grow: 1;
   }
 
-  ${(props) => props.theme.components?.M4LGpsTools?.styleOverrides}
+  ${(props) => props.theme.components?.M4LMapGpsTools?.styleOverrides}
 `;
 const RHFormProviderStyled = styled$1(RHFormProvider)`
-  height: 100% !important;
-
-  .${gpsToolsClasses.gpsToolsGeofencesAddEditContent} {
-    display: flex;
-    flex-direction: column;
-    flex-grow: 1;
-    height: 100%;
-  }
-
-  .${gpsToolsClasses.gpsToolsTabContent}.${gpsToolsClasses.hidden} {
-    display: none;
-  }
-
-  ${(props) => props.theme.components?.M4LGpsToolsGeofencesAddEdit?.styleOverrides}
+  ${(props) => props.theme.components?.M4LMapGpsToolsGeofencesAddEdit?.styleOverrides}
 `;
 const StackGeofenceListRoot = styled$1(Stack$1)`
-  padding: 12px;
-  position: relative !important;
-  flex-grow: 1;
-  width: 100%;
-
-  .M4LDataGrid-root {
-    height: unset !important;
-    flex-grow: 1;
-  }
-
-  ${(props) => props.theme.components?.M4LGpsToolsGeofencesList?.styleOverrides}
+  ${(props) => props.theme.components?.M4LMapGpsToolsGeofencesList?.styleOverrides}
 `;
 const NavLinkRoot = styled$1("div")(({ theme }) => ({
   ...theme.components?.M4LNavLink?.styleOverrides
@@ -1412,7 +1379,7 @@ export {
   WrapperRHFUploadImage as at,
   RHFormProviderStyled as au,
   StackGeofenceListRoot as av,
-  DivGpsToolsRoot as aw,
+  DivTabGpsToolsRoot as aw,
   AccordionRoot as ax,
   AvatarRoot as ay,
   BadgeRoot as az,

package/vite-env.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="vite/client" />
-/// <reference types="vitest" />
-/// <reference types="vitest/globals" />
-/// <reference types="vitest/importMeta" />
+/// <reference types="vite/client" />
+/// <reference types="vitest" />
+/// <reference types="vitest/globals" />
+/// <reference types="vitest/importMeta" />

package/components/DataGrid/formatters/index.2c2f0ae4.js

@@ -1 +0,0 @@
-