@m4l/components 0.2.33 → 0.2.35

package/components/DragResizeWindow/{index.1091606d.js → index.13ef022e.js}

@@ -1,13 +1,13 @@
-import React__default, { useState, useRef, useCallback, useEffect, useMemo } from "react";
-import { D as DraggableCore_1 } from "../../react-draggable.483e2eaa.js";
+import React__default, { forwardRef, useState, useRef, useImperativeHandle, useCallback, useEffect, useMemo } from "react";
+import { D as DraggableCore_1 } from "../../react-draggable.e4725f3a.js";
 import clsx from "clsx";
 import { styled, generateUtilityClasses } from "@mui/material";
-import { M as MAP_ZINDEX_OVER_MAP } from "../../vendor.52f0234f.js";
+import { M as MAP_ZINDEX_OVER_MAP } from "../maps/components/Map/index.accb1f77.js";
 import "@mui/base";
-import { M as MAP_ZINDEX_OVER_MAP$1 } from "../PopupsProvider/index.3d5ad0ee.js";
-import { R as Resizable } from "../../react-resizable.059cf55c.js";
+import { M as MAP_ZINDEX_OVER_MAP$1 } from "../popups/PopupsViewer/index.1500ce72.js";
+import { R as Resizable } from "../../react-resizable.c07d63fb.js";
 import { jsx } from "react/jsx-runtime";
-const DraggeableWindowRoot = styled("div")`
+const WrapperWindowRoot = styled("div")`
     position: absolute;
     left: 0px;
     top:0px;
@@ -23,6 +23,7 @@ const DEFAULT_TRANSFORM_SCALE = 1;
 const draggableWindowClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "root",
   "draggableHandle",
+  "draggableCancel",
   "dragging"
 ]);
 function setTransform({ top, left, width, height }) {
@@ -39,25 +40,34 @@ function setTransform({ top, left, width, height }) {
     prop1: 1
   };
 }
-const DragResizeWindow = (props) => {
+const DragResizeWindow = forwardRef((props, ref) => {
   const {
     style,
     className,
     children,
     defaultPosition = {
-      left: 50,
-      top: 50,
-      width: 100,
-      height: 100
+      vertical: {
+        top: 0,
+        height: 100
+      },
+      horizontal: {
+        left: 0,
+        width: 100
+      }
     },
     containerElement,
     containerSize,
     transformScale = DEFAULT_TRANSFORM_SCALE,
-    bounds,
+    bounds = {
+      left: 5,
+      top: 5,
+      right: -5,
+      bottom: -5
+    },
     minWindowWidth = 200,
     minWindowHeight = 100,
     draggableHandle = `.${draggableWindowClasses.draggableHandle}`,
-    draggableCancel,
+    draggableCancel = `.${draggableWindowClasses.draggableCancel}`,
     draggable = true,
     onDragStart,
     onDrag,
@@ -71,8 +81,39 @@ const DragResizeWindow = (props) => {
     onResizeStop,
     ...others
   } = props;
-  const [currentState, setCurrentState] = useState({
-    ...defaultPosition
+  const [currentState, setCurrentState] = useState(() => {
+    let top;
+    let bottom;
+    let height;
+    let left;
+    let right;
+    let width;
+    if ("top" in defaultPosition.vertical) {
+      top = defaultPosition.vertical.top;
+    }
+    if ("bottom" in defaultPosition.vertical) {
+      bottom = defaultPosition.vertical.bottom;
+    }
+    if ("height" in defaultPosition.vertical) {
+      height = defaultPosition.vertical.height;
+    }
+    if ("left" in defaultPosition.horizontal) {
+      left = defaultPosition.horizontal.left;
+    }
+    if ("right" in defaultPosition.horizontal) {
+      right = defaultPosition.horizontal.right;
+    }
+    if ("width" in defaultPosition.horizontal) {
+      width = defaultPosition.horizontal.width;
+    }
+    const containerHeight = containerSize?.containerHeight || 200;
+    const containerWidth = containerSize?.containerWidth || 200;
+    return {
+      top: top || 0,
+      height: height ?? containerHeight - (top || 0) - (bottom || 0),
+      left: left ?? (right ? containerWidth - right - (width || 0) : 0),
+      width: width ?? containerWidth - (left || 0) - (right || 0)
+    };
   });
   const stateRef = useRef({
     bounds,
@@ -81,9 +122,17 @@ const DragResizeWindow = (props) => {
     containerSize: containerSize ? {
       ...containerSize
     } : void 0,
-    ...defaultPosition
+    left: currentState.left,
+    top: currentState.top,
+    width: currentState.width,
+    height: currentState.height
+  });
+  useImperativeHandle(ref, () => {
+    return {
+      current: wrapperRef.current
+    };
   });
-  const elementRef = useRef(null);
+  const wrapperRef = useRef(null);
   const localOnDragStart = useCallback((e, draggableData) => {
     const {
       node
@@ -172,6 +221,7 @@ const DragResizeWindow = (props) => {
       handle
     } = data;
     const handler = props[handlerName];
+    console.log("onResizeHandler", containerElement.getBoundingClientRect());
     if (handler) {
       handler(e, data);
     }
@@ -209,7 +259,7 @@ const DragResizeWindow = (props) => {
   const localOnResizeStop = useCallback((e, callbackData) => {
     onResizeHandler(e, callbackData, "onResizeStop");
   }, []);
-  const shringkingFunction = useCallback((newState, cState, containerElement2, divRoot, dimension) => {
+  const shringkingParentContainer = useCallback((newState, cState, containerDimension, divRoot, dimension) => {
     const lDimension = dimension === "Width" ? "width" : "height";
     const leftTop = dimension === "Width" ? "left" : "top";
     const shrinkLeftTopAt = dimension === "Width" ? "shrinkLeftAt" : "shrinkTopAt";
@@ -217,8 +267,8 @@ const DragResizeWindow = (props) => {
     const boundsLefTop = dimension === "Width" ? bounds?.left || 0 : bounds?.top || 0;
     const boundsRigthBottom = dimension === "Width" ? bounds?.right || 0 : bounds?.bottom || 0;
     const minWindowDimension = dimension === "Width" ? minWindowWidth : minWindowHeight;
-    const minDimension = containerElement2[`client${dimension}`] - boundsLefTop + boundsRigthBottom > minWindowDimension ? containerElement2[`client${dimension}`] - boundsLefTop + boundsRigthBottom : minWindowDimension;
-    let maxDimensionElement = containerElement2[`client${dimension}`] - cState[leftTop] + boundsRigthBottom;
+    const minDimension = containerDimension - boundsLefTop + boundsRigthBottom > minWindowDimension ? containerDimension - boundsLefTop + boundsRigthBottom : minWindowDimension;
+    let maxDimensionElement = containerDimension - cState[leftTop] + boundsRigthBottom;
     if (divRoot[`client${dimension}`] > maxDimensionElement) {
       const shrinkedPixels = divRoot[`client${dimension}`] - maxDimensionElement;
       if (shrinkedPixels < cState[leftTop] - boundsLefTop) {
@@ -227,7 +277,7 @@ const DragResizeWindow = (props) => {
       } else if (shrinkedPixels > cState[leftTop] - boundsLefTop) {
         newState[leftTop] = boundsLefTop;
         newState[shrinkLeftTopAt] = newState[shrinkLeftTopAt] || cState[leftTop];
-        maxDimensionElement = containerElement2[`client${dimension}`] - boundsLefTop + boundsRigthBottom;
+        maxDimensionElement = containerDimension - boundsLefTop + boundsRigthBottom;
         if (divRoot[`client${dimension}`] > maxDimensionElement) {
           newState[lDimension] = maxDimensionElement;
           newState[overflowDimensionAt] = newState[overflowDimensionAt] || cState[lDimension];
@@ -240,14 +290,14 @@ const DragResizeWindow = (props) => {
       return;
     }
   }, []);
-  const expandingFunction = useCallback((newState, _currentState, containerElement2, _divRoot, dimension) => {
+  const expandingParentContainer = useCallback((newState, _currentState, containerDimension, _divRoot, dimension) => {
     const lDimension = dimension === "Width" ? "width" : "height";
     const leftTop = dimension === "Width" ? "left" : "top";
     const shrinkLeftTopAt = dimension === "Width" ? "shrinkLeftAt" : "shrinkTopAt";
     const overflowDimensionAt = dimension === "Width" ? "overflowWidthAt" : "overflowHeightAt";
     const boundsLefTop = dimension === "Width" ? bounds?.left || 0 : bounds?.top || 0;
     const boundsRigthBottom = dimension === "Width" ? bounds?.right || 0 : bounds?.bottom || 0;
-    let maxDimensionElement = containerElement2.clientWidth - boundsLefTop + boundsRigthBottom;
+    let maxDimensionElement = containerDimension - boundsLefTop + boundsRigthBottom;
     const valOverflowDimensionAt = newState[overflowDimensionAt];
     if (valOverflowDimensionAt) {
       if (valOverflowDimensionAt > maxDimensionElement) {
@@ -259,7 +309,7 @@ const DragResizeWindow = (props) => {
     }
     const valShrinkLeftTopAt = newState[shrinkLeftTopAt];
     if (valShrinkLeftTopAt && !newState[overflowDimensionAt]) {
-      const dimensionAvailable = containerElement2[`client${dimension}`] - boundsLefTop - newState[lDimension] + boundsRigthBottom;
+      const dimensionAvailable = containerDimension - boundsLefTop - newState[lDimension] + boundsRigthBottom;
       if (valShrinkLeftTopAt <= dimensionAvailable) {
         newState[leftTop] = valShrinkLeftTopAt;
         newState[shrinkLeftTopAt] = void 0;
@@ -268,19 +318,19 @@ const DragResizeWindow = (props) => {
       }
     }
   }, []);
-  const equalsFunction = useCallback((newState, _currentState, containerElement2, divRoot, dimension) => {
+  const draggingOrResizingWindow = useCallback((newState, _currentState, containerDimension, divRoot, dimension) => {
     const lDimension = dimension === "Width" ? "width" : "height";
     const leftTop = dimension === "Width" ? "left" : "top";
     const boundsLefTop = dimension === "Width" ? bounds?.left || 0 : bounds?.top || 0;
     const boundsRigthBottom = dimension === "Width" ? bounds?.right || 0 : bounds?.bottom || 0;
-    const maxDimensionWithoutBounds = containerElement2[`client${dimension}`] - boundsLefTop + boundsRigthBottom;
-    let rightBottomBoundary = containerElement2[`client${dimension}`] - newState[lDimension] + boundsRigthBottom;
+    const maxDimensionWithoutBounds = containerDimension - boundsLefTop + boundsRigthBottom;
+    let rightBottomBoundary = containerDimension - newState[lDimension] + boundsRigthBottom;
     if (newState[lDimension] !== divRoot[`client${dimension}`])
       ;
     if (newState.resizing && stateRef.current.initialPostion) {
       if (!newState.resizing.handle.includes("w")) {
-        if (newState[leftTop] + newState[lDimension] > containerElement2[`client${dimension}`] + boundsRigthBottom) {
-          newState[lDimension] = containerElement2[`client${dimension}`] - newState[leftTop] + boundsRigthBottom;
+        if (newState[leftTop] + newState[lDimension] > containerDimension + boundsRigthBottom) {
+          newState[lDimension] = containerDimension - newState[leftTop] + boundsRigthBottom;
         }
       } else {
         if (newState[leftTop] < boundsLefTop) {
@@ -299,6 +349,7 @@ const DragResizeWindow = (props) => {
               newState[lDimension] = stateRef.current.initialPostion[lDimension];
             }
           } else if (dif < 0) {
+            console.log("Reeuciendo con W ", newState[leftTop] - dif, boundsLefTop, newState[leftTop] - dif >= boundsLefTop);
             newState[leftTop] = newState[leftTop] - dif;
             newState[lDimension] = stateRef.current.initialPostion[lDimension] + dif;
           }
@@ -311,12 +362,12 @@ const DragResizeWindow = (props) => {
     if (newState[leftTop] < boundsLefTop) {
       newState[leftTop] = boundsLefTop;
     }
-    rightBottomBoundary = containerElement2[`client${dimension}`] + boundsRigthBottom;
+    rightBottomBoundary = containerDimension + boundsRigthBottom;
     if (newState[leftTop] > rightBottomBoundary) {
       newState[leftTop] = rightBottomBoundary;
     }
-    if (!newState.resizing && newState[leftTop] + newState[lDimension] > containerElement2[`client${dimension}`] + boundsRigthBottom) {
-      let outWidthHeight = newState[leftTop] + newState[lDimension] - (containerElement2[`client${dimension}`] + boundsRigthBottom);
+    if (!newState.resizing && newState[leftTop] + newState[lDimension] > containerDimension + boundsRigthBottom) {
+      let outWidthHeight = newState[leftTop] + newState[lDimension] - (containerDimension + boundsRigthBottom);
       if (newState[leftTop] - boundsLefTop > outWidthHeight) {
         newState[leftTop] = newState[leftTop] - outWidthHeight;
       }
@@ -330,7 +381,7 @@ const DragResizeWindow = (props) => {
     if (stateRef.current.containerSize === void 0 && containerSize) {
       stateRef.current.containerSize = containerSize;
     }
-    if (!(containerSize && elementRef?.current && stateRef.current.containerSize)) {
+    if (!(containerSize && wrapperRef?.current && stateRef.current.containerSize)) {
       return;
     }
     if (currentState?.dragging) {
@@ -339,28 +390,22 @@ const DragResizeWindow = (props) => {
     const newState = {
       ...currentState
     };
-    let cActionWidth = "equals";
-    let cActionHeigth = "equals";
-    if (containerElement.clientWidth > stateRef.current.containerSize.containerWidth) {
-      cActionWidth = "expanding";
-      expandingFunction(newState, currentState, containerElement, elementRef.current, "Width");
-    } else if (containerElement.clientWidth < stateRef.current.containerSize.containerWidth) {
-      cActionWidth = "shrinking";
-      shringkingFunction(newState, currentState, containerElement, elementRef.current, "Width");
-    }
-    if (containerElement.clientHeight > stateRef.current.containerSize.containerHeight) {
-      cActionHeigth = "expanding";
-      expandingFunction(newState, currentState, containerElement, elementRef.current, "Height");
-    } else if (containerElement.clientHeight < stateRef.current.containerSize.containerHeight) {
-      cActionHeigth = "shrinking";
-      shringkingFunction(newState, currentState, containerElement, elementRef.current, "Height");
-    }
-    if (cActionWidth === "equals") {
-      equalsFunction(newState, currentState, containerElement, elementRef.current, "Width");
-    }
-    if (cActionHeigth === "equals") {
-      equalsFunction(newState, currentState, containerElement, elementRef.current, "Height");
-    }
+    const handleDimension = (dimension) => {
+      if (stateRef.current?.containerSize && wrapperRef.current) {
+        const containerSizeKey = `container${dimension}`;
+        const containerSizeValue = containerSize[containerSizeKey];
+        const previousContainerSizeValue = stateRef.current.containerSize[containerSizeKey];
+        if (containerSizeValue > previousContainerSizeValue) {
+          expandingParentContainer(newState, currentState, containerSizeValue, wrapperRef.current, dimension);
+        } else if (containerSizeValue < previousContainerSizeValue) {
+          shringkingParentContainer(newState, currentState, containerSizeValue, wrapperRef.current, dimension);
+        } else {
+          draggingOrResizingWindow(newState, currentState, containerSizeValue, wrapperRef.current, dimension);
+        }
+      }
+    };
+    handleDimension("Width");
+    handleDimension("Height");
     stateRef.current.containerSize = {
       ...containerSize
     };
@@ -373,7 +418,7 @@ const DragResizeWindow = (props) => {
       stateRef.current.height = newState.height;
       stateRef.current.width = newState.width;
     }
-  }, [currentState, elementRef.current, bounds?.left, bounds?.top, bounds?.right, bounds?.bottom, containerSize?.containerWidth, containerSize?.containerHeight]);
+  }, [currentState, wrapperRef.current, bounds?.left, bounds?.top, bounds?.right, bounds?.bottom, containerSize?.containerWidth, containerSize?.containerHeight]);
   const mixinResizable = useCallback((child, position) => {
     const minConstraints = [minWindowWidth, minWindowHeight];
     return /* @__PURE__ */ jsx(
@@ -406,13 +451,13 @@ const DragResizeWindow = (props) => {
         handle: draggableHandle,
         cancel: ".react-resizable-handle" + (draggableCancel ? "," + draggableCancel : ""),
         scale: transformScale,
-        nodeRef: elementRef,
+        nodeRef: wrapperRef,
         onMouseDown,
         ...others,
         children: child
       }
     );
-  }, [elementRef, transformScale, draggableHandle, draggableCancel]);
+  }, [wrapperRef, transformScale, draggableHandle, draggableCancel]);
   const classNameFinal = clsx(draggableWindowClasses.root, className, {
     "react-draggable": true
   });
@@ -425,19 +470,19 @@ const DragResizeWindow = (props) => {
   };
   const memoChildren = useMemo(() => {
     return children;
-  }, []);
-  const divChildRoot = /* @__PURE__ */ jsx(DraggeableWindowRoot, {
+  }, [children]);
+  const wrapperRoot = /* @__PURE__ */ jsx(WrapperWindowRoot, {
     className: classNameFinal,
-    ref: elementRef,
+    ref: wrapperRef,
     style: styleFinal,
     role: "none",
     children: memoChildren
   });
-  const dragResizeWindow = mixinDraggable(mixinResizable(divChildRoot, currentState));
+  const dragResizeWindow = mixinDraggable(mixinResizable(wrapperRoot, currentState));
   return /* @__PURE__ */ jsx(React__default.Fragment, {
     children: dragResizeWindow
   });
-};
+});
 export {
   DragResizeWindow as D,
   draggableWindowClasses as d

package/components/DragResizeWindow/types.d.ts

@@ -65,6 +65,28 @@ export declare type ResizeHandleComponente = React.ReactNode | ((resizeHandle: R
 export interface PositionParams extends ContainerSize {
 }
 export declare type ContainerAction = 'equals' | 'shrinking' | 'expanding';
+export declare type DraggableWindowRefProps = {
+    current: HTMLDivElement | null;
+};
+export interface DefaultPosition {
+    vertical: {
+        top: number;
+        bottom: number;
+    } | {
+        top: number;
+        height: number;
+    };
+    horizontal: {
+        left: number;
+        right: number;
+    } | {
+        left: number;
+        width: number;
+    } | {
+        right: number;
+        width: number;
+    };
+}
 export interface DraggableWindowProps extends Partial<Omit<DraggableCoreProps, 'onStart' | 'onDrag' | 'onStop' | 'disabled' | 'handle' | 'cancel'>> {
     children: ReactNode;
     /**
@@ -91,7 +113,7 @@ export interface DraggableWindowProps extends Partial<Omit<DraggableCoreProps, '
      * defaultPosition permite definir la posición inicial de la ventana
      * TODO: Debe tambien recibir anchorEl y anchorPosition y calcular la posición en base a este
      */
-    defaultPosition?: Position;
+    defaultPosition?: DefaultPosition;
     /**
      * "bounds" permite definir los limites de movimiento de la ventana
      */

package/components/DynamicFilter/{index.781f1212.js → index.c52a8e96.js}

@@ -3,31 +3,31 @@ import { useModuleDictionary, useEnvironment, useModuleSkeleton, useFlagsPresent
 import { useStore, createStore } from "zustand";
 import { generateUtilityClasses, styled, alpha, Skeleton, MenuItem } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass, i as isValidDate } from "../../utils/index.d2e8f376.js";
+import { g as getComponentUtilityClass, i as isValidDate } from "../../utils/index.6469f148.js";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { g as getCommonActionsDictionary, A as Actions } from "../CommonActions/components/Actions/index.5ebb95fe.js";
-import { g as getRHFAutocompleteComponentsDictionary, R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.48f7b38f.js";
+import { g as getCommonActionsDictionary, A as Actions } from "../CommonActions/components/Actions/index.fa7ab18c.js";
+import { g as getRHFAutocompleteComponentsDictionary, R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.1f2afb6b.js";
 import { g as getNameDataTestId } from "../../test/getNameDataTestId.14875ec7.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useFormContext, useWatch } from "react-hook-form";
 import { shallow } from "zustand/shallow";
-import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.d4644a5b.js";
-import { R as RHFTextField } from "../hook-form/RHFTextField/index.01d225ef.js";
+import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.e554b068.js";
+import { R as RHFTextField } from "../hook-form/RHFTextField/index.1bfa601f.js";
 import * as Yup from "yup";
-import { R as RHFAutocompleteAsync } from "../hook-form/RHFAutocompleteAsync/index.e5aa7194.js";
+import { R as RHFAutocompleteAsync } from "../hook-form/RHFAutocompleteAsync/index.bc278965.js";
 import { useResponsiveDesktop, useFirstRender, useFormatter } from "@m4l/graphics";
 import { S as ScrollBar } from "../ScrollBar/index.7dfc2f29.js";
 import clsx from "clsx";
-import { I as IconButton } from "../mui_extended/IconButton/index.21215143.js";
-import { L as LabelMemuItem } from "../mui_extended/MenuActions/index.40352568.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.f8a3021b.js";
+import { L as LabelMemuItem } from "../mui_extended/MenuActions/index.90f53670.js";
 import { P as Popover } from "../mui_extended/Popover/index.d85de73b.js";
-import { I as Icon } from "../Icon/index.d34ed400.js";
+import { I as Icon } from "../Icon/index.ad330e78.js";
 import { useTheme } from "@mui/material/styles";
 import { R as RHFormProvider } from "../../contexts/RHFormContext/index.7b2a8723.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.6a991836.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.7d321553.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.416cbf9b.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.094290fd.js";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
 const COMPONENT_PREFIX = "M4LDynamicFilter";
 const COMPONENT_CLASS_NAME = "M4LDynamicFilter";

package/components/FieldLabel/{index.6127de0c.js → index.0412576c.js}

@@ -1,11 +1,11 @@
 import { useEnvironment, useModuleSkeleton } from "@m4l/core";
 import { styled, generateUtilityClasses, Tooltip, Skeleton } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.d2e8f376.js";
+import { g as getComponentUtilityClass } from "../../utils/index.6469f148.js";
 import clsx from "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
-import { I as Icon } from "../Icon/index.d34ed400.js";
+import { I as Icon } from "../Icon/index.ad330e78.js";
 const FieldLabelRoot = styled("label")(({ theme }) => ({
   ...theme.components?.M4LFieldLabel?.styleOverrides
 }));

package/components/GridLayout/{index.cd9b0723.js → index.65470f01.js}

@@ -1,8 +1,8 @@
 import { useState, useRef, useEffect, useCallback } from "react";
 import clsx from "clsx";
-import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.9d65edbc.js";
+import { M as MemonizedGridItem } from "./subcomponents/Griditem/index.30016fc1.js";
 import { styled, alpha } from "@mui/material/styles";
-import { r as react_resizable_css } from "../../react-resizable.059cf55c.js";
+import { r as react_resizable_css } from "../../react-resizable.c07d63fb.js";
 import { generateUtilityClasses } from "@mui/material";
 import "@mui/base";
 import { jsx, jsxs } from "react/jsx-runtime";

package/components/GridLayout/subcomponents/Griditem/{index.9d65edbc.js → index.30016fc1.js}

@@ -1,7 +1,7 @@
 import React__default, { useRef, useEffect, useState, useCallback, useMemo } from "react";
-import { D as DraggableCore_1 } from "../../../../react-draggable.483e2eaa.js";
-import { R as Resizable } from "../../../../react-resizable.059cf55c.js";
-import { g as getH, c as calcXY, a as calcGridItemWHPx, b as calcGridColWidth, d as calcWH, e as clamp, f as calcGridItemPosition, h as gridLayoutClasses, D as DEFAULT_COLS, i as DEFAULT_ROW_HEIGHT, j as DEFAULT_CONTAINER_WIDTH, k as DEFAULT_CONTAINER_HEIGHT, l as DEFAULT_MARGIN, m as DEFAULT_CONTAINER_PADDING, n as DEFAULT_TRANSFORM_SCALE, o as DEFAULT_COLAPSED_HEIGHT, p as perc, s as setTransform, q as setTopLeft } from "../../index.cd9b0723.js";
+import { D as DraggableCore_1 } from "../../../../react-draggable.e4725f3a.js";
+import { R as Resizable } from "../../../../react-resizable.c07d63fb.js";
+import { g as getH, c as calcXY, a as calcGridItemWHPx, b as calcGridColWidth, d as calcWH, e as clamp, f as calcGridItemPosition, h as gridLayoutClasses, D as DEFAULT_COLS, i as DEFAULT_ROW_HEIGHT, j as DEFAULT_CONTAINER_WIDTH, k as DEFAULT_CONTAINER_HEIGHT, l as DEFAULT_MARGIN, m as DEFAULT_CONTAINER_PADDING, n as DEFAULT_TRANSFORM_SCALE, o as DEFAULT_COLAPSED_HEIGHT, p as perc, s as setTransform, q as setTopLeft } from "../../index.65470f01.js";
 import clsx from "clsx";
 import { deepEqual } from "fast-equals";
 import { jsx, Fragment } from "react/jsx-runtime";

package/components/GridLayout/subcomponents/Responsive/{index.26128960.js → index.5b3e0521.js}

@@ -1,4 +1,4 @@
-import { r as cloneLayoutItem, t as cloneLayout, u as compact, v as correctBounds, w as isEqualLayout, o as DEFAULT_COLAPSED_HEIGHT, x as DEFAULT_RESPONSIVE_BREAKPOINTS, m as DEFAULT_CONTAINER_PADDING, l as DEFAULT_MARGIN, y as DEFAULT_RESPONSIVE_COLS, i as DEFAULT_ROW_HEIGHT, z as noop, A as isEqualLayouts, G as GridLayout } from "../../index.cd9b0723.js";
+import { r as cloneLayoutItem, t as cloneLayout, u as compact, v as correctBounds, w as isEqualLayout, o as DEFAULT_COLAPSED_HEIGHT, x as DEFAULT_RESPONSIVE_BREAKPOINTS, m as DEFAULT_CONTAINER_PADDING, l as DEFAULT_MARGIN, y as DEFAULT_RESPONSIVE_COLS, i as DEFAULT_ROW_HEIGHT, z as noop, A as isEqualLayouts, G as GridLayout } from "../../index.65470f01.js";
 import { useState, useRef, useEffect, useCallback } from "react";
 import { useFirstRender } from "@m4l/graphics";
 import { deepEqual } from "fast-equals";

package/components/GridLayout/subcomponents/SizeProvider/{index.003027c6.js → index.0328ad0a.js}

@@ -2,7 +2,7 @@ import { useRef, useState, useMemo, useCallback, useEffect } from "react";
 import clsx from "clsx";
 import { throttle } from "lodash";
 import { useResizeObserver } from "@m4l/graphics";
-import { j as DEFAULT_CONTAINER_WIDTH, k as DEFAULT_CONTAINER_HEIGHT, T as THROTTLE_RESIZE_TIMEOUT, C as COMPONENT_CLASS_NAME } from "../../index.cd9b0723.js";
+import { j as DEFAULT_CONTAINER_WIDTH, k as DEFAULT_CONTAINER_HEIGHT, T as THROTTLE_RESIZE_TIMEOUT, C as COMPONENT_CLASS_NAME } from "../../index.65470f01.js";
 import { jsx } from "react/jsx-runtime";
 function withSizeProvider(ComposedComponent) {
   return (props) => {