react-grid-layout 2.2.0 → 2.2.1

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 export { DEFAULT_BREAKPOINTS, DEFAULT_COLS, DefaultBreakpoints, DragState, DropState, GridItem, GridItemCallback, GridItemProps, ResizeHandle, ResizeState, UseContainerWidthOptions, UseContainerWidthResult, UseGridLayoutOptions, UseGridLayoutResult, UseResponsiveLayoutOptions, UseResponsiveLayoutResult, useContainerWidth, useGridLayout, useResponsiveLayout } from './react.js';
-export { G as GridLayout, a as GridLayoutProps, G as ReactGridLayout, a as ReactGridLayoutProps, R as Responsive, R as ResponsiveGridLayout, b as ResponsiveGridLayoutProps, b as ResponsiveProps, G as default } from './ResponsiveGridLayout-CLn16-X3.js';
-export { B as Breakpoint, b as Breakpoints, C as CompactType, c as Compactor, D as DroppingPosition, E as EventCallback, G as GridDragEvent, e as GridResizeEvent, L as Layout, a as LayoutItem, P as Position, d as ResizeHandleAxis, R as ResponsiveLayouts } from './types-CokovIMH.js';
-export { c as collides, h as findOrGenerateResponsiveLayout, a as getAllCollisions, e as getBreakpointFromWidth, f as getColsFromBreakpoint, g as getFirstCollision, s as sortLayoutItems, d as sortLayoutItemsByColRow, b as sortLayoutItemsByRowCol } from './responsive-BXI-GCXG.js';
-export { b as bottom, c as cloneLayout, a as cloneLayoutItem, d as getCompactor, g as getLayoutItem, h as horizontalCompactor, m as moveElement, n as noCompactor, f as setTopLeft, s as setTransform, v as validateLayout, e as verticalCompactor } from './position-Dk0FRWA9.js';
-export { c as calcGridItemPosition, b as calcWH, a as calcXY } from './calculate-DsVTldEE.js';
+export { G as GridLayout, a as GridLayoutProps, G as ReactGridLayout, a as ReactGridLayoutProps, R as Responsive, R as ResponsiveGridLayout, b as ResponsiveGridLayoutProps, b as ResponsiveProps, G as default } from './ResponsiveGridLayout-MbDNfJ8M.js';
+export { B as Breakpoint, b as Breakpoints, C as CompactType, c as Compactor, D as DroppingPosition, E as EventCallback, G as GridDragEvent, e as GridResizeEvent, L as Layout, a as LayoutItem, P as Position, d as ResizeHandleAxis, R as ResponsiveLayouts } from './types-BiXsdXr7.js';
+export { c as collides, h as findOrGenerateResponsiveLayout, a as getAllCollisions, e as getBreakpointFromWidth, f as getColsFromBreakpoint, g as getFirstCollision, s as sortLayoutItems, d as sortLayoutItemsByColRow, b as sortLayoutItemsByRowCol } from './responsive-DLRtE8v8.js';
+export { b as bottom, c as cloneLayout, a as cloneLayoutItem, d as getCompactor, g as getLayoutItem, h as horizontalCompactor, m as moveElement, n as noCompactor, f as setTopLeft, s as setTransform, v as validateLayout, e as verticalCompactor } from './position-DhZqWO1-.js';
+export { c as calcGridItemPosition, b as calcWH, a as calcXY } from './calculate-9RxGrt-U.js';
 import 'react';

package/dist/index.js

@@ -2,93 +2,93 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunk43GDBEG4_js = require('./chunk-43GDBEG4.js');
-require('./chunk-7ELO5FRW.js');
-var chunkNQUM7RXX_js = require('./chunk-NQUM7RXX.js');
-var chunk2TEFHZC4_js = require('./chunk-2TEFHZC4.js');
+var chunkQGXQSZII_js = require('./chunk-QGXQSZII.js');
+require('./chunk-PBQSHIID.js');
+var chunk3CEWSUXL_js = require('./chunk-3CEWSUXL.js');
+var chunk2DDROKB2_js = require('./chunk-2DDROKB2.js');
 var chunkBJFPTW5Q_js = require('./chunk-BJFPTW5Q.js');
 
 
 
 Object.defineProperty(exports, "DEFAULT_BREAKPOINTS", {
   enumerable: true,
-  get: function () { return chunk43GDBEG4_js.DEFAULT_BREAKPOINTS; }
+  get: function () { return chunkQGXQSZII_js.DEFAULT_BREAKPOINTS; }
 });
 Object.defineProperty(exports, "DEFAULT_COLS", {
   enumerable: true,
-  get: function () { return chunk43GDBEG4_js.DEFAULT_COLS; }
+  get: function () { return chunkQGXQSZII_js.DEFAULT_COLS; }
 });
 Object.defineProperty(exports, "useContainerWidth", {
   enumerable: true,
-  get: function () { return chunk43GDBEG4_js.useContainerWidth; }
+  get: function () { return chunkQGXQSZII_js.useContainerWidth; }
 });
 Object.defineProperty(exports, "useGridLayout", {
   enumerable: true,
-  get: function () { return chunk43GDBEG4_js.useGridLayout; }
+  get: function () { return chunkQGXQSZII_js.useGridLayout; }
 });
 Object.defineProperty(exports, "useResponsiveLayout", {
   enumerable: true,
-  get: function () { return chunk43GDBEG4_js.useResponsiveLayout; }
+  get: function () { return chunkQGXQSZII_js.useResponsiveLayout; }
 });
 Object.defineProperty(exports, "GridItem", {
   enumerable: true,
-  get: function () { return chunkNQUM7RXX_js.GridItem; }
+  get: function () { return chunk3CEWSUXL_js.GridItem; }
 });
 Object.defineProperty(exports, "GridLayout", {
   enumerable: true,
-  get: function () { return chunkNQUM7RXX_js.GridLayout; }
+  get: function () { return chunk3CEWSUXL_js.GridLayout; }
 });
 Object.defineProperty(exports, "ReactGridLayout", {
   enumerable: true,
-  get: function () { return chunkNQUM7RXX_js.GridLayout; }
+  get: function () { return chunk3CEWSUXL_js.GridLayout; }
 });
 Object.defineProperty(exports, "Responsive", {
   enumerable: true,
-  get: function () { return chunkNQUM7RXX_js.ResponsiveGridLayout; }
+  get: function () { return chunk3CEWSUXL_js.ResponsiveGridLayout; }
 });
 Object.defineProperty(exports, "ResponsiveGridLayout", {
   enumerable: true,
-  get: function () { return chunkNQUM7RXX_js.ResponsiveGridLayout; }
+  get: function () { return chunk3CEWSUXL_js.ResponsiveGridLayout; }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () { return chunkNQUM7RXX_js.GridLayout; }
+  get: function () { return chunk3CEWSUXL_js.GridLayout; }
 });
 Object.defineProperty(exports, "findOrGenerateResponsiveLayout", {
   enumerable: true,
-  get: function () { return chunk2TEFHZC4_js.findOrGenerateResponsiveLayout; }
+  get: function () { return chunk2DDROKB2_js.findOrGenerateResponsiveLayout; }
 });
 Object.defineProperty(exports, "getBreakpointFromWidth", {
   enumerable: true,
-  get: function () { return chunk2TEFHZC4_js.getBreakpointFromWidth; }
+  get: function () { return chunk2DDROKB2_js.getBreakpointFromWidth; }
 });
 Object.defineProperty(exports, "getColsFromBreakpoint", {
   enumerable: true,
-  get: function () { return chunk2TEFHZC4_js.getColsFromBreakpoint; }
+  get: function () { return chunk2DDROKB2_js.getColsFromBreakpoint; }
 });
 Object.defineProperty(exports, "getCompactor", {
   enumerable: true,
-  get: function () { return chunk2TEFHZC4_js.getCompactor; }
+  get: function () { return chunk2DDROKB2_js.getCompactor; }
 });
 Object.defineProperty(exports, "horizontalCompactor", {
   enumerable: true,
-  get: function () { return chunk2TEFHZC4_js.horizontalCompactor; }
+  get: function () { return chunk2DDROKB2_js.horizontalCompactor; }
 });
 Object.defineProperty(exports, "noCompactor", {
   enumerable: true,
-  get: function () { return chunk2TEFHZC4_js.noCompactor; }
+  get: function () { return chunk2DDROKB2_js.noCompactor; }
 });
 Object.defineProperty(exports, "setTopLeft", {
   enumerable: true,
-  get: function () { return chunk2TEFHZC4_js.setTopLeft; }
+  get: function () { return chunk2DDROKB2_js.setTopLeft; }
 });
 Object.defineProperty(exports, "setTransform", {
   enumerable: true,
-  get: function () { return chunk2TEFHZC4_js.setTransform; }
+  get: function () { return chunk2DDROKB2_js.setTransform; }
 });
 Object.defineProperty(exports, "verticalCompactor", {
   enumerable: true,
-  get: function () { return chunk2TEFHZC4_js.verticalCompactor; }
+  get: function () { return chunk2DDROKB2_js.verticalCompactor; }
 });
 Object.defineProperty(exports, "bottom", {
   enumerable: true,

package/dist/index.mjs

@@ -1,7 +1,7 @@
-export { DEFAULT_BREAKPOINTS, DEFAULT_COLS, useContainerWidth, useGridLayout, useResponsiveLayout } from './chunk-MUNIXYTV.mjs';
-import './chunk-526JND3R.mjs';
-export { GridItem, GridLayout, GridLayout as ReactGridLayout, ResponsiveGridLayout as Responsive, ResponsiveGridLayout, GridLayout as default } from './chunk-OWK47QTG.mjs';
-export { findOrGenerateResponsiveLayout, getBreakpointFromWidth, getColsFromBreakpoint, getCompactor, horizontalCompactor, noCompactor, setTopLeft, setTransform, verticalCompactor } from './chunk-OH26KG7Y.mjs';
+export { DEFAULT_BREAKPOINTS, DEFAULT_COLS, useContainerWidth, useGridLayout, useResponsiveLayout } from './chunk-YFVX5RDK.mjs';
+import './chunk-ZWN22PS2.mjs';
+export { GridItem, GridLayout, GridLayout as ReactGridLayout, ResponsiveGridLayout as Responsive, ResponsiveGridLayout, GridLayout as default } from './chunk-AZ6K3JIJ.mjs';
+export { findOrGenerateResponsiveLayout, getBreakpointFromWidth, getColsFromBreakpoint, getCompactor, horizontalCompactor, noCompactor, setTopLeft, setTransform, verticalCompactor } from './chunk-XYPIYYYQ.mjs';
 export { bottom, calcGridItemPosition, calcWH, calcXY, cloneLayout, cloneLayoutItem, collides, getAllCollisions, getFirstCollision, getLayoutItem, moveElement, sortLayoutItems, sortLayoutItemsByColRow, sortLayoutItemsByRowCol, validateLayout } from './chunk-AWM66AWF.mjs';
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

package/dist/legacy.d.mts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default, { ComponentType } from 'react';
-import { a as GridLayoutProps, b as ResponsiveGridLayoutProps } from './ResponsiveGridLayout-BkHF9YHa.mjs';
-import { L as Layout, a as LayoutItem, C as CompactType, d as ResizeHandleAxis, B as Breakpoint, b as Breakpoints, R as ResponsiveLayouts } from './types-CokovIMH.mjs';
+import { a as GridLayoutProps, b as ResponsiveGridLayoutProps } from './ResponsiveGridLayout-DqK__izz.mjs';
+import { L as Layout, a as LayoutItem, C as CompactType, d as ResizeHandleAxis, B as Breakpoint, b as Breakpoints, R as ResponsiveLayouts } from './types-BiXsdXr7.mjs';
 
 /**
  * Legacy props interface for backwards compatibility with v1 API.

package/dist/legacy.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default, { ComponentType } from 'react';
-import { a as GridLayoutProps, b as ResponsiveGridLayoutProps } from './ResponsiveGridLayout-CLn16-X3.js';
-import { L as Layout, a as LayoutItem, C as CompactType, d as ResizeHandleAxis, B as Breakpoint, b as Breakpoints, R as ResponsiveLayouts } from './types-CokovIMH.js';
+import { a as GridLayoutProps, b as ResponsiveGridLayoutProps } from './ResponsiveGridLayout-MbDNfJ8M.js';
+import { L as Layout, a as LayoutItem, C as CompactType, d as ResizeHandleAxis, B as Breakpoint, b as Breakpoints, R as ResponsiveLayouts } from './types-BiXsdXr7.js';
 
 /**
  * Legacy props interface for backwards compatibility with v1 API.

package/dist/legacy.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkNQUM7RXX_js = require('./chunk-NQUM7RXX.js');
-var chunk2TEFHZC4_js = require('./chunk-2TEFHZC4.js');
+var chunk3CEWSUXL_js = require('./chunk-3CEWSUXL.js');
+var chunk2DDROKB2_js = require('./chunk-2DDROKB2.js');
 require('./chunk-BJFPTW5Q.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -97,16 +97,16 @@ function ReactGridLayout(props) {
   };
   let positionStrategy;
   if (!useCSSTransforms) {
-    positionStrategy = chunk2TEFHZC4_js.absoluteStrategy;
+    positionStrategy = chunk2DDROKB2_js.absoluteStrategy;
   } else if (transformScale !== 1) {
-    positionStrategy = chunk2TEFHZC4_js.createScaledStrategy(transformScale);
+    positionStrategy = chunk2DDROKB2_js.createScaledStrategy(transformScale);
   } else {
-    positionStrategy = chunk2TEFHZC4_js.transformStrategy;
+    positionStrategy = chunk2DDROKB2_js.transformStrategy;
   }
-  const compactor = chunk2TEFHZC4_js.getCompactor(compactType, allowOverlap, preventCollision);
-  const constraints = isBounded ? [...chunk2TEFHZC4_js.defaultConstraints, chunk2TEFHZC4_js.containerBounds] : chunk2TEFHZC4_js.defaultConstraints;
+  const compactor = chunk2DDROKB2_js.getCompactor(compactType, allowOverlap, preventCollision);
+  const constraints = isBounded ? [...chunk2DDROKB2_js.defaultConstraints, chunk2DDROKB2_js.containerBounds] : chunk2DDROKB2_js.defaultConstraints;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkNQUM7RXX_js.GridLayout,
+    chunk3CEWSUXL_js.GridLayout,
     {
       width,
       gridConfig,
@@ -216,15 +216,15 @@ function ResponsiveReactGridLayout(props) {
   };
   let positionStrategy;
   if (!useCSSTransforms) {
-    positionStrategy = chunk2TEFHZC4_js.absoluteStrategy;
+    positionStrategy = chunk2DDROKB2_js.absoluteStrategy;
   } else if (transformScale !== 1) {
-    positionStrategy = chunk2TEFHZC4_js.createScaledStrategy(transformScale);
+    positionStrategy = chunk2DDROKB2_js.createScaledStrategy(transformScale);
   } else {
-    positionStrategy = chunk2TEFHZC4_js.transformStrategy;
+    positionStrategy = chunk2DDROKB2_js.transformStrategy;
   }
-  const compactor = chunk2TEFHZC4_js.getCompactor(compactType, allowOverlap, preventCollision);
+  const compactor = chunk2DDROKB2_js.getCompactor(compactType, allowOverlap, preventCollision);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkNQUM7RXX_js.ResponsiveGridLayout,
+    chunk3CEWSUXL_js.ResponsiveGridLayout,
     {
       width,
       breakpoint,

package/dist/legacy.mjs

@@ -1,5 +1,5 @@
-import { GridLayout, ResponsiveGridLayout } from './chunk-OWK47QTG.mjs';
-import { createScaledStrategy, getCompactor, defaultConstraints, containerBounds, absoluteStrategy, transformStrategy } from './chunk-OH26KG7Y.mjs';
+import { GridLayout, ResponsiveGridLayout } from './chunk-AZ6K3JIJ.mjs';
+import { createScaledStrategy, getCompactor, defaultConstraints, containerBounds, absoluteStrategy, transformStrategy } from './chunk-XYPIYYYQ.mjs';
 import './chunk-AWM66AWF.mjs';
 import { useState, useRef, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{position-CXNzFxI0.d.mts → position-CetgOHhD.d.mts}

@@ -1,4 +1,4 @@
-import { L as Layout, a as LayoutItem, C as CompactType, M as Mutable, c as Compactor, P as Position, d as ResizeHandleAxis, k as PositionStrategy } from './types-CokovIMH.mjs';
+import { L as Layout, a as LayoutItem, C as CompactType, M as Mutable, c as Compactor, P as Position, d as ResizeHandleAxis, k as PositionStrategy } from './types-BiXsdXr7.mjs';
 
 /**
  * Core layout manipulation utilities.

package/dist/{position-Dk0FRWA9.d.ts → position-DhZqWO1-.d.ts}

@@ -1,4 +1,4 @@
-import { L as Layout, a as LayoutItem, C as CompactType, M as Mutable, c as Compactor, P as Position, d as ResizeHandleAxis, k as PositionStrategy } from './types-CokovIMH.js';
+import { L as Layout, a as LayoutItem, C as CompactType, M as Mutable, c as Compactor, P as Position, d as ResizeHandleAxis, k as PositionStrategy } from './types-BiXsdXr7.js';
 
 /**
  * Core layout manipulation utilities.

package/dist/react.d.mts

@@ -1,9 +1,9 @@
 import React__default, { ReactElement, CSSProperties, RefObject } from 'react';
-import { k as PositionStrategy, D as DroppingPosition, d as ResizeHandleAxis, f as LayoutConstraint, a as LayoutItem, L as Layout, G as GridDragEvent, e as GridResizeEvent, C as CompactType, c as Compactor, B as Breakpoint, b as Breakpoints, R as ResponsiveLayouts } from './types-CokovIMH.mjs';
-export { P as Position } from './types-CokovIMH.mjs';
-export { E as EventCallback, G as GridLayout, a as GridLayoutProps, R as ResponsiveGridLayout, b as ResponsiveGridLayoutProps } from './ResponsiveGridLayout-BkHF9YHa.mjs';
-export { b as bottom, c as cloneLayout, a as cloneLayoutItem, d as getCompactor, g as getLayoutItem, h as horizontalCompactor, n as noCompactor, f as setTopLeft, s as setTransform, e as verticalCompactor } from './position-CXNzFxI0.mjs';
-export { c as calcGridItemPosition, b as calcWH, a as calcXY } from './calculate-DwbL1D06.mjs';
+import { k as PositionStrategy, D as DroppingPosition, d as ResizeHandleAxis, f as LayoutConstraint, a as LayoutItem, L as Layout, G as GridDragEvent, e as GridResizeEvent, c as Compactor, B as Breakpoint, b as Breakpoints, R as ResponsiveLayouts } from './types-BiXsdXr7.mjs';
+export { C as CompactType, P as Position } from './types-BiXsdXr7.mjs';
+export { E as EventCallback, G as GridLayout, a as GridLayoutProps, R as ResponsiveGridLayout, b as ResponsiveGridLayoutProps } from './ResponsiveGridLayout-DqK__izz.mjs';
+export { b as bottom, c as cloneLayout, a as cloneLayoutItem, d as getCompactor, g as getLayoutItem, h as horizontalCompactor, n as noCompactor, f as setTopLeft, s as setTransform, e as verticalCompactor } from './position-CetgOHhD.mjs';
+export { c as calcGridItemPosition, b as calcWH, a as calcXY } from './calculate-FbCWy8x1.mjs';
 
 /**
  * GridItem component
@@ -196,14 +196,12 @@ interface UseGridLayoutOptions {
     layout: Layout;
     /** Number of columns */
     cols: number;
-    /** Compaction type: 'vertical', 'horizontal', or null */
-    compactType?: CompactType;
-    /** Allow items to overlap */
-    allowOverlap?: boolean;
     /** Prevent collisions when moving items */
     preventCollision?: boolean;
     /** Called when layout changes */
     onLayoutChange?: (layout: Layout) => void;
+    /** Compactor for layout compaction (default: verticalCompactor) */
+    compactor?: Compactor;
 }
 interface UseGridLayoutResult {
     /** Current layout */
@@ -258,8 +256,7 @@ interface UseGridLayoutResult {
  *     containerHeight
  *   } = useGridLayout({
  *     layout: initialLayout,
- *     cols: 12,
- *     compactType: 'vertical'
+ *     cols: 12
  *   });
  *
  *   return (
@@ -300,8 +297,8 @@ interface UseResponsiveLayoutOptions<B extends Breakpoint = DefaultBreakpoints>
     cols?: Breakpoints<B>;
     /** Layouts for each breakpoint */
     layouts?: ResponsiveLayouts<B>;
-    /** Compaction type */
-    compactType?: CompactType;
+    /** Compactor for layout compaction (default: verticalCompactor) */
+    compactor?: Compactor;
     /** Called when breakpoint changes */
     onBreakpointChange?: (newBreakpoint: B, cols: number) => void;
     /** Called when layout changes */
@@ -358,4 +355,4 @@ interface UseResponsiveLayoutResult<B extends Breakpoint = DefaultBreakpoints> {
  */
 declare function useResponsiveLayout<B extends Breakpoint = DefaultBreakpoints>(options: UseResponsiveLayoutOptions<B>): UseResponsiveLayoutResult<B>;
 
-export { Breakpoint, Breakpoints, CompactType, Compactor, DEFAULT_BREAKPOINTS, DEFAULT_COLS, type DefaultBreakpoints, type DragState, type DropState, DroppingPosition, GridDragEvent, GridItem, type GridItemCallback, type GridItemProps, GridResizeEvent, Layout, LayoutItem, type ResizeHandle, ResizeHandleAxis, type ResizeState, ResponsiveLayouts, type UseContainerWidthOptions, type UseContainerWidthResult, type UseGridLayoutOptions, type UseGridLayoutResult, type UseResponsiveLayoutOptions, type UseResponsiveLayoutResult, useContainerWidth, useGridLayout, useResponsiveLayout };
+export { Breakpoint, Breakpoints, Compactor, DEFAULT_BREAKPOINTS, DEFAULT_COLS, type DefaultBreakpoints, type DragState, type DropState, DroppingPosition, GridDragEvent, GridItem, type GridItemCallback, type GridItemProps, GridResizeEvent, Layout, LayoutItem, type ResizeHandle, ResizeHandleAxis, type ResizeState, ResponsiveLayouts, type UseContainerWidthOptions, type UseContainerWidthResult, type UseGridLayoutOptions, type UseGridLayoutResult, type UseResponsiveLayoutOptions, type UseResponsiveLayoutResult, useContainerWidth, useGridLayout, useResponsiveLayout };

package/dist/react.d.ts

@@ -1,9 +1,9 @@
 import React__default, { ReactElement, CSSProperties, RefObject } from 'react';
-import { k as PositionStrategy, D as DroppingPosition, d as ResizeHandleAxis, f as LayoutConstraint, a as LayoutItem, L as Layout, G as GridDragEvent, e as GridResizeEvent, C as CompactType, c as Compactor, B as Breakpoint, b as Breakpoints, R as ResponsiveLayouts } from './types-CokovIMH.js';
-export { P as Position } from './types-CokovIMH.js';
-export { E as EventCallback, G as GridLayout, a as GridLayoutProps, R as ResponsiveGridLayout, b as ResponsiveGridLayoutProps } from './ResponsiveGridLayout-CLn16-X3.js';
-export { b as bottom, c as cloneLayout, a as cloneLayoutItem, d as getCompactor, g as getLayoutItem, h as horizontalCompactor, n as noCompactor, f as setTopLeft, s as setTransform, e as verticalCompactor } from './position-Dk0FRWA9.js';
-export { c as calcGridItemPosition, b as calcWH, a as calcXY } from './calculate-DsVTldEE.js';
+import { k as PositionStrategy, D as DroppingPosition, d as ResizeHandleAxis, f as LayoutConstraint, a as LayoutItem, L as Layout, G as GridDragEvent, e as GridResizeEvent, c as Compactor, B as Breakpoint, b as Breakpoints, R as ResponsiveLayouts } from './types-BiXsdXr7.js';
+export { C as CompactType, P as Position } from './types-BiXsdXr7.js';
+export { E as EventCallback, G as GridLayout, a as GridLayoutProps, R as ResponsiveGridLayout, b as ResponsiveGridLayoutProps } from './ResponsiveGridLayout-MbDNfJ8M.js';
+export { b as bottom, c as cloneLayout, a as cloneLayoutItem, d as getCompactor, g as getLayoutItem, h as horizontalCompactor, n as noCompactor, f as setTopLeft, s as setTransform, e as verticalCompactor } from './position-DhZqWO1-.js';
+export { c as calcGridItemPosition, b as calcWH, a as calcXY } from './calculate-9RxGrt-U.js';
 
 /**
  * GridItem component
@@ -196,14 +196,12 @@ interface UseGridLayoutOptions {
     layout: Layout;
     /** Number of columns */
     cols: number;
-    /** Compaction type: 'vertical', 'horizontal', or null */
-    compactType?: CompactType;
-    /** Allow items to overlap */
-    allowOverlap?: boolean;
     /** Prevent collisions when moving items */
     preventCollision?: boolean;
     /** Called when layout changes */
     onLayoutChange?: (layout: Layout) => void;
+    /** Compactor for layout compaction (default: verticalCompactor) */
+    compactor?: Compactor;
 }
 interface UseGridLayoutResult {
     /** Current layout */
@@ -258,8 +256,7 @@ interface UseGridLayoutResult {
  *     containerHeight
  *   } = useGridLayout({
  *     layout: initialLayout,
- *     cols: 12,
- *     compactType: 'vertical'
+ *     cols: 12
  *   });
  *
  *   return (
@@ -300,8 +297,8 @@ interface UseResponsiveLayoutOptions<B extends Breakpoint = DefaultBreakpoints>
     cols?: Breakpoints<B>;
     /** Layouts for each breakpoint */
     layouts?: ResponsiveLayouts<B>;
-    /** Compaction type */
-    compactType?: CompactType;
+    /** Compactor for layout compaction (default: verticalCompactor) */
+    compactor?: Compactor;
     /** Called when breakpoint changes */
     onBreakpointChange?: (newBreakpoint: B, cols: number) => void;
     /** Called when layout changes */
@@ -358,4 +355,4 @@ interface UseResponsiveLayoutResult<B extends Breakpoint = DefaultBreakpoints> {
  */
 declare function useResponsiveLayout<B extends Breakpoint = DefaultBreakpoints>(options: UseResponsiveLayoutOptions<B>): UseResponsiveLayoutResult<B>;
 
-export { Breakpoint, Breakpoints, CompactType, Compactor, DEFAULT_BREAKPOINTS, DEFAULT_COLS, type DefaultBreakpoints, type DragState, type DropState, DroppingPosition, GridDragEvent, GridItem, type GridItemCallback, type GridItemProps, GridResizeEvent, Layout, LayoutItem, type ResizeHandle, ResizeHandleAxis, type ResizeState, ResponsiveLayouts, type UseContainerWidthOptions, type UseContainerWidthResult, type UseGridLayoutOptions, type UseGridLayoutResult, type UseResponsiveLayoutOptions, type UseResponsiveLayoutResult, useContainerWidth, useGridLayout, useResponsiveLayout };
+export { Breakpoint, Breakpoints, Compactor, DEFAULT_BREAKPOINTS, DEFAULT_COLS, type DefaultBreakpoints, type DragState, type DropState, DroppingPosition, GridDragEvent, GridItem, type GridItemCallback, type GridItemProps, GridResizeEvent, Layout, LayoutItem, type ResizeHandle, ResizeHandleAxis, type ResizeState, ResponsiveLayouts, type UseContainerWidthOptions, type UseContainerWidthResult, type UseGridLayoutOptions, type UseGridLayoutResult, type UseResponsiveLayoutOptions, type UseResponsiveLayoutResult, useContainerWidth, useGridLayout, useResponsiveLayout };

package/dist/react.js

@@ -1,68 +1,68 @@
 'use strict';
 
-var chunk43GDBEG4_js = require('./chunk-43GDBEG4.js');
-require('./chunk-7ELO5FRW.js');
-var chunkNQUM7RXX_js = require('./chunk-NQUM7RXX.js');
-var chunk2TEFHZC4_js = require('./chunk-2TEFHZC4.js');
+var chunkQGXQSZII_js = require('./chunk-QGXQSZII.js');
+require('./chunk-PBQSHIID.js');
+var chunk3CEWSUXL_js = require('./chunk-3CEWSUXL.js');
+var chunk2DDROKB2_js = require('./chunk-2DDROKB2.js');
 var chunkBJFPTW5Q_js = require('./chunk-BJFPTW5Q.js');
 
 
 
 Object.defineProperty(exports, "DEFAULT_BREAKPOINTS", {
   enumerable: true,
-  get: function () { return chunk43GDBEG4_js.DEFAULT_BREAKPOINTS; }
+  get: function () { return chunkQGXQSZII_js.DEFAULT_BREAKPOINTS; }
 });
 Object.defineProperty(exports, "DEFAULT_COLS", {
   enumerable: true,
-  get: function () { return chunk43GDBEG4_js.DEFAULT_COLS; }
+  get: function () { return chunkQGXQSZII_js.DEFAULT_COLS; }
 });
 Object.defineProperty(exports, "useContainerWidth", {
   enumerable: true,
-  get: function () { return chunk43GDBEG4_js.useContainerWidth; }
+  get: function () { return chunkQGXQSZII_js.useContainerWidth; }
 });
 Object.defineProperty(exports, "useGridLayout", {
   enumerable: true,
-  get: function () { return chunk43GDBEG4_js.useGridLayout; }
+  get: function () { return chunkQGXQSZII_js.useGridLayout; }
 });
 Object.defineProperty(exports, "useResponsiveLayout", {
   enumerable: true,
-  get: function () { return chunk43GDBEG4_js.useResponsiveLayout; }
+  get: function () { return chunkQGXQSZII_js.useResponsiveLayout; }
 });
 Object.defineProperty(exports, "GridItem", {
   enumerable: true,
-  get: function () { return chunkNQUM7RXX_js.GridItem; }
+  get: function () { return chunk3CEWSUXL_js.GridItem; }
 });
 Object.defineProperty(exports, "GridLayout", {
   enumerable: true,
-  get: function () { return chunkNQUM7RXX_js.GridLayout; }
+  get: function () { return chunk3CEWSUXL_js.GridLayout; }
 });
 Object.defineProperty(exports, "ResponsiveGridLayout", {
   enumerable: true,
-  get: function () { return chunkNQUM7RXX_js.ResponsiveGridLayout; }
+  get: function () { return chunk3CEWSUXL_js.ResponsiveGridLayout; }
 });
 Object.defineProperty(exports, "getCompactor", {
   enumerable: true,
-  get: function () { return chunk2TEFHZC4_js.getCompactor; }
+  get: function () { return chunk2DDROKB2_js.getCompactor; }
 });
 Object.defineProperty(exports, "horizontalCompactor", {
   enumerable: true,
-  get: function () { return chunk2TEFHZC4_js.horizontalCompactor; }
+  get: function () { return chunk2DDROKB2_js.horizontalCompactor; }
 });
 Object.defineProperty(exports, "noCompactor", {
   enumerable: true,
-  get: function () { return chunk2TEFHZC4_js.noCompactor; }
+  get: function () { return chunk2DDROKB2_js.noCompactor; }
 });
 Object.defineProperty(exports, "setTopLeft", {
   enumerable: true,
-  get: function () { return chunk2TEFHZC4_js.setTopLeft; }
+  get: function () { return chunk2DDROKB2_js.setTopLeft; }
 });
 Object.defineProperty(exports, "setTransform", {
   enumerable: true,
-  get: function () { return chunk2TEFHZC4_js.setTransform; }
+  get: function () { return chunk2DDROKB2_js.setTransform; }
 });
 Object.defineProperty(exports, "verticalCompactor", {
   enumerable: true,
-  get: function () { return chunk2TEFHZC4_js.verticalCompactor; }
+  get: function () { return chunk2DDROKB2_js.verticalCompactor; }
 });
 Object.defineProperty(exports, "bottom", {
   enumerable: true,

package/dist/react.mjs

@@ -1,7 +1,7 @@
-export { DEFAULT_BREAKPOINTS, DEFAULT_COLS, useContainerWidth, useGridLayout, useResponsiveLayout } from './chunk-MUNIXYTV.mjs';
-import './chunk-526JND3R.mjs';
-export { GridItem, GridLayout, ResponsiveGridLayout } from './chunk-OWK47QTG.mjs';
-export { getCompactor, horizontalCompactor, noCompactor, setTopLeft, setTransform, verticalCompactor } from './chunk-OH26KG7Y.mjs';
+export { DEFAULT_BREAKPOINTS, DEFAULT_COLS, useContainerWidth, useGridLayout, useResponsiveLayout } from './chunk-YFVX5RDK.mjs';
+import './chunk-ZWN22PS2.mjs';
+export { GridItem, GridLayout, ResponsiveGridLayout } from './chunk-AZ6K3JIJ.mjs';
+export { getCompactor, horizontalCompactor, noCompactor, setTopLeft, setTransform, verticalCompactor } from './chunk-XYPIYYYQ.mjs';
 export { bottom, calcGridItemPosition, calcWH, calcXY, cloneLayout, cloneLayoutItem, getLayoutItem } from './chunk-AWM66AWF.mjs';
 //# sourceMappingURL=react.mjs.map
 //# sourceMappingURL=react.mjs.map

package/dist/{responsive-BB5d98xz.d.mts → responsive-DLRtE8v8.d.ts}

@@ -1,4 +1,4 @@
-import { a as LayoutItem, L as Layout, C as CompactType, B as Breakpoint, b as Breakpoints, R as ResponsiveLayouts } from './types-CokovIMH.mjs';
+import { a as LayoutItem, L as Layout, C as CompactType, B as Breakpoint, b as Breakpoints, R as ResponsiveLayouts, c as Compactor } from './types-BiXsdXr7.js';
 
 /**
  * Collision detection utilities for grid layouts.
@@ -125,10 +125,10 @@ declare function getColsFromBreakpoint<B extends Breakpoint>(breakpoint: B, cols
  * @param breakpoint - Target breakpoint
  * @param lastBreakpoint - Previous breakpoint (for fallback)
  * @param cols - Column count for the target breakpoint
- * @param compactType - Compaction type
+ * @param compactTypeOrCompactor - Compaction type string (legacy) or Compactor object
  * @returns Layout for the breakpoint
  */
-declare function findOrGenerateResponsiveLayout<B extends Breakpoint>(layouts: ResponsiveLayouts<B>, breakpoints: Breakpoints<B>, breakpoint: B, lastBreakpoint: B, cols: number, compactType: CompactType): Layout;
+declare function findOrGenerateResponsiveLayout<B extends Breakpoint>(layouts: ResponsiveLayouts<B>, breakpoints: Breakpoints<B>, breakpoint: B, lastBreakpoint: B, cols: number, compactTypeOrCompactor: CompactType | Compactor): Layout;
 type IndentationValue<B extends Breakpoint> = readonly [number, number] | Partial<Record<B, readonly [number, number]>>;
 /**
  * Get margin or padding value for a breakpoint.

package/dist/{responsive-BXI-GCXG.d.ts → responsive-T0N0GmBB.d.mts}

@@ -1,4 +1,4 @@
-import { a as LayoutItem, L as Layout, C as CompactType, B as Breakpoint, b as Breakpoints, R as ResponsiveLayouts } from './types-CokovIMH.js';
+import { a as LayoutItem, L as Layout, C as CompactType, B as Breakpoint, b as Breakpoints, R as ResponsiveLayouts, c as Compactor } from './types-BiXsdXr7.mjs';
 
 /**
  * Collision detection utilities for grid layouts.
@@ -125,10 +125,10 @@ declare function getColsFromBreakpoint<B extends Breakpoint>(breakpoint: B, cols
  * @param breakpoint - Target breakpoint
  * @param lastBreakpoint - Previous breakpoint (for fallback)
  * @param cols - Column count for the target breakpoint
- * @param compactType - Compaction type
+ * @param compactTypeOrCompactor - Compaction type string (legacy) or Compactor object
  * @returns Layout for the breakpoint
  */
-declare function findOrGenerateResponsiveLayout<B extends Breakpoint>(layouts: ResponsiveLayouts<B>, breakpoints: Breakpoints<B>, breakpoint: B, lastBreakpoint: B, cols: number, compactType: CompactType): Layout;
+declare function findOrGenerateResponsiveLayout<B extends Breakpoint>(layouts: ResponsiveLayouts<B>, breakpoints: Breakpoints<B>, breakpoint: B, lastBreakpoint: B, cols: number, compactTypeOrCompactor: CompactType | Compactor): Layout;
 type IndentationValue<B extends Breakpoint> = readonly [number, number] | Partial<Record<B, readonly [number, number]>>;
 /**
  * Get margin or padding value for a breakpoint.

package/dist/{types-CokovIMH.d.mts → types-BiXsdXr7.d.mts}

@@ -182,10 +182,6 @@ type OnLayoutChangeCallback = (layout: Layout) => void;
  *   compact(layout, cols) {
  *     // Custom compaction logic
  *     return compactedLayout;
- *   },
- *   onMove(layout, item, x, y, cols) {
- *     // Handle item movement
- *     return updatedLayout;
  *   }
  * };
  * ```
@@ -221,17 +217,6 @@ interface Compactor {
      * @returns The compacted layout
      */
     compact(layout: Layout, cols: number): Layout;
-    /**
-     * Handle item movement, returning the updated layout.
-     *
-     * @param layout - Current layout
-     * @param item - The item being moved
-     * @param x - New x position
-     * @param y - New y position
-     * @param cols - Number of columns
-     * @returns Updated layout after the move
-     */
-    onMove(layout: Layout, item: LayoutItem, x: number, y: number, cols: number): Layout;
 }
 /**
  * Interface for CSS positioning strategies.
@@ -266,13 +251,17 @@ interface PositionStrategy {
     /**
      * Calculate position during drag operations, accounting for transforms and scale.
      *
+     * This method is optional. When not provided, react-draggable uses its built-in
+     * parent-relative coordinate calculation. Only override this when you need custom
+     * coordinate handling, such as for scaled containers.
+     *
      * @param clientX - Mouse client X position
      * @param clientY - Mouse client Y position
      * @param offsetX - Offset from element origin X
      * @param offsetY - Offset from element origin Y
      * @returns Adjusted left/top position
      */
-    calcDragPosition(clientX: number, clientY: number, offsetX: number, offsetY: number): PartialPosition;
+    calcDragPosition?(clientX: number, clientY: number, offsetX: number, offsetY: number): PartialPosition;
 }
 /**
  * Context provided to constraint functions during drag/resize operations.

package/dist/{types-CokovIMH.d.ts → types-BiXsdXr7.d.ts}

@@ -182,10 +182,6 @@ type OnLayoutChangeCallback = (layout: Layout) => void;
  *   compact(layout, cols) {
  *     // Custom compaction logic
  *     return compactedLayout;
- *   },
- *   onMove(layout, item, x, y, cols) {
- *     // Handle item movement
- *     return updatedLayout;
  *   }
  * };
  * ```
@@ -221,17 +217,6 @@ interface Compactor {
      * @returns The compacted layout
      */
     compact(layout: Layout, cols: number): Layout;
-    /**
-     * Handle item movement, returning the updated layout.
-     *
-     * @param layout - Current layout
-     * @param item - The item being moved
-     * @param x - New x position
-     * @param y - New y position
-     * @param cols - Number of columns
-     * @returns Updated layout after the move
-     */
-    onMove(layout: Layout, item: LayoutItem, x: number, y: number, cols: number): Layout;
 }
 /**
  * Interface for CSS positioning strategies.
@@ -266,13 +251,17 @@ interface PositionStrategy {
     /**
      * Calculate position during drag operations, accounting for transforms and scale.
      *
+     * This method is optional. When not provided, react-draggable uses its built-in
+     * parent-relative coordinate calculation. Only override this when you need custom
+     * coordinate handling, such as for scaled containers.
+     *
      * @param clientX - Mouse client X position
      * @param clientY - Mouse client Y position
      * @param offsetX - Offset from element origin X
      * @param offsetY - Offset from element origin Y
      * @returns Adjusted left/top position
      */
-    calcDragPosition(clientX: number, clientY: number, offsetX: number, offsetY: number): PartialPosition;
+    calcDragPosition?(clientX: number, clientY: number, offsetX: number, offsetY: number): PartialPosition;
 }
 /**
  * Context provided to constraint functions during drag/resize operations.

package/index-dev.js

@@ -2,11 +2,10 @@
 
 // Legacy API (default)
 module.exports = require("./src/legacy/ReactGridLayout").default;
-module.exports.utils = require("./src/legacy/utils-compat");
-module.exports.calculateUtils = require("./src/legacy/calculate-compat");
+// Note: utils, calculateUtils, responsive-utils are NOT exported (#2213)
+// They were never part of the official public API
 module.exports.Responsive =
   require("./src/legacy/ResponsiveReactGridLayout").default;
-module.exports.Responsive.utils = require("./src/legacy/responsive-compat");
 module.exports.WidthProvider = require("./src/legacy/WidthProvider").default;
 
 // v2 API additions

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-grid-layout",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "description": "A draggable and resizable grid layout with responsive breakpoints, for React.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",