@m4l/components 1.0.21 → 1.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "1.0.21",
+  "version": "1.1.0",
   "license": "UNLICENSED",
   "lint-staged": {
     "src/**/*.{js,ts,jsx,tsx}": "eslint --max-warnings=0 --fix",
@@ -13,8 +13,8 @@
     "@m4l/core": "*",
     "@m4l/graphics": "*",
     "@m4l/styles": "*",
-    "@mui/material": "5.15.19",
     "@mui/lab": "5.0.0-alpha.89",
+    "@mui/material": "5.15.19",
     "@mui/x-date-pickers": "6.11.1",
     "@storybook/addon-essentials": "8.1.5",
     "@storybook/addon-interactions": "8.1.5",
@@ -26,6 +26,8 @@
     "@storybook/test": "8.1.5",
     "chart.js": "^4.4.0",
     "chartjs-chart-error-bars": "^4.3.3",
+    "esbuild": "^0.20.1",
+    "date-fns": "^2.29.2",
     "eslint-plugin-storybook": "0.8.0",
     "fast-equals": "^5.0.1",
     "immer": "^9.0.21",
@@ -47,7 +49,6 @@
     "react-hook-form": "^7.33.1",
     "react-leaflet": "^4.2.1",
     "react-leaflet-arrowheads": "^1.1.0",
-    "react-leaflet-google-layer": "^2.2.0",
     "react-router-dom": "6.3.0",
     "react-spinners": "^0.13.8",
     "react-toastify": "9.0.5",
@@ -55,7 +56,6 @@
     "simplebar-react": "2.4.1",
     "storybook": "8.1.5",
     "yup": "^0.32.11",
-    "esbuild": "^0.20.1",
     "zustand": "4.3.6"
   },
   "peerDependencies": {
@@ -63,7 +63,9 @@
     "@emotion/styled": "^11.3.0",
     "@types/react": "^17.0.0 || ^18.0.0",
     "@types/react-dom": "^17.0.0 || ^18.0.0",
+    "eventemitter3": "^4.0.7",
     "framer-motion": "^6.5.0",
+    "history": "5.3.0",
     "react-data-grid": "7.0.0-beta.13",
     "react-dom": "^17.0.0 || ^18.0.0",
     "react-dropzone": "^14.2.2",

package/{react-draggable.1c1ba224.js → react-draggable.079122b0.js}

@@ -2,7 +2,7 @@ import React__default from "react";
 import require$$1 from "prop-types";
 import require$$2 from "react-dom";
 import clsx from "clsx";
-import { d as domFns, s as shims, l as log, p as positionFns } from "./utils/index.14912462.js";
+import { d as domFns, s as shims, l as log, p as positionFns } from "./utils/index.f77cc2ab.js";
 var cjs = { exports: {} };
 var Draggable$1 = {};
 var DraggableCore$2 = {};

package/{react-resizable.a59c14f4.js → react-resizable.330f1499.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.079122b0.js";
+import { u as utils } from "./utils/index.f77cc2ab.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.0713a406.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.f77cc2ab.js";
 const CONTAINER_QUERY_NAME = "dynamic";
 const dynamicFilterStyles = {
   root: {

package/styles/{index.b0a69054.js → index.1735a866.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.3b90ce9b.js";
+import { a as ResizableBox } from "../react-resizable.330f1499.js";
+import { a as areasAdminClasses } from "../components/areas/components/AreasAdmin/index.f3a211a4.js";
+import { a as areasViewerClasses } from "../components/areas/components/AreasViewer/index.8e9d24c2.js";
+import { g as gpsToolsClasses } from "../components/maps/components/GpsTools/index.44b82290.js";
+import { R as RHFormProvider } from "../contexts/RHFormContext/index.cedd3482.js";
+import { S as Stack$1 } from "../components/mui_extended/Stack/index.6516b2b5.js";
+import { I as Image } from "../components/Image/index.ec13c4a1.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 @@
-