react-grid-layout 1.5.3 → 2.1.0

package/dist/index.js

@@ -0,0 +1,154 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunkGPZBANOK_js = require('./chunk-GPZBANOK.js');
+require('./chunk-7ELO5FRW.js');
+var chunkQRW3ND4U_js = require('./chunk-QRW3ND4U.js');
+var chunkFN6MIZ24_js = require('./chunk-FN6MIZ24.js');
+var chunkBJFPTW5Q_js = require('./chunk-BJFPTW5Q.js');
+
+
+
+Object.defineProperty(exports, "DEFAULT_BREAKPOINTS", {
+  enumerable: true,
+  get: function () { return chunkGPZBANOK_js.DEFAULT_BREAKPOINTS; }
+});
+Object.defineProperty(exports, "DEFAULT_COLS", {
+  enumerable: true,
+  get: function () { return chunkGPZBANOK_js.DEFAULT_COLS; }
+});
+Object.defineProperty(exports, "useContainerWidth", {
+  enumerable: true,
+  get: function () { return chunkGPZBANOK_js.useContainerWidth; }
+});
+Object.defineProperty(exports, "useGridLayout", {
+  enumerable: true,
+  get: function () { return chunkGPZBANOK_js.useGridLayout; }
+});
+Object.defineProperty(exports, "useResponsiveLayout", {
+  enumerable: true,
+  get: function () { return chunkGPZBANOK_js.useResponsiveLayout; }
+});
+Object.defineProperty(exports, "GridItem", {
+  enumerable: true,
+  get: function () { return chunkQRW3ND4U_js.GridItem; }
+});
+Object.defineProperty(exports, "GridLayout", {
+  enumerable: true,
+  get: function () { return chunkQRW3ND4U_js.GridLayout; }
+});
+Object.defineProperty(exports, "ReactGridLayout", {
+  enumerable: true,
+  get: function () { return chunkQRW3ND4U_js.GridLayout; }
+});
+Object.defineProperty(exports, "Responsive", {
+  enumerable: true,
+  get: function () { return chunkQRW3ND4U_js.ResponsiveGridLayout; }
+});
+Object.defineProperty(exports, "ResponsiveGridLayout", {
+  enumerable: true,
+  get: function () { return chunkQRW3ND4U_js.ResponsiveGridLayout; }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () { return chunkQRW3ND4U_js.GridLayout; }
+});
+Object.defineProperty(exports, "findOrGenerateResponsiveLayout", {
+  enumerable: true,
+  get: function () { return chunkFN6MIZ24_js.findOrGenerateResponsiveLayout; }
+});
+Object.defineProperty(exports, "getBreakpointFromWidth", {
+  enumerable: true,
+  get: function () { return chunkFN6MIZ24_js.getBreakpointFromWidth; }
+});
+Object.defineProperty(exports, "getColsFromBreakpoint", {
+  enumerable: true,
+  get: function () { return chunkFN6MIZ24_js.getColsFromBreakpoint; }
+});
+Object.defineProperty(exports, "getCompactor", {
+  enumerable: true,
+  get: function () { return chunkFN6MIZ24_js.getCompactor; }
+});
+Object.defineProperty(exports, "horizontalCompactor", {
+  enumerable: true,
+  get: function () { return chunkFN6MIZ24_js.horizontalCompactor; }
+});
+Object.defineProperty(exports, "noCompactor", {
+  enumerable: true,
+  get: function () { return chunkFN6MIZ24_js.noCompactor; }
+});
+Object.defineProperty(exports, "setTopLeft", {
+  enumerable: true,
+  get: function () { return chunkFN6MIZ24_js.setTopLeft; }
+});
+Object.defineProperty(exports, "setTransform", {
+  enumerable: true,
+  get: function () { return chunkFN6MIZ24_js.setTransform; }
+});
+Object.defineProperty(exports, "verticalCompactor", {
+  enumerable: true,
+  get: function () { return chunkFN6MIZ24_js.verticalCompactor; }
+});
+Object.defineProperty(exports, "bottom", {
+  enumerable: true,
+  get: function () { return chunkBJFPTW5Q_js.bottom; }
+});
+Object.defineProperty(exports, "calcGridItemPosition", {
+  enumerable: true,
+  get: function () { return chunkBJFPTW5Q_js.calcGridItemPosition; }
+});
+Object.defineProperty(exports, "calcWH", {
+  enumerable: true,
+  get: function () { return chunkBJFPTW5Q_js.calcWH; }
+});
+Object.defineProperty(exports, "calcXY", {
+  enumerable: true,
+  get: function () { return chunkBJFPTW5Q_js.calcXY; }
+});
+Object.defineProperty(exports, "cloneLayout", {
+  enumerable: true,
+  get: function () { return chunkBJFPTW5Q_js.cloneLayout; }
+});
+Object.defineProperty(exports, "cloneLayoutItem", {
+  enumerable: true,
+  get: function () { return chunkBJFPTW5Q_js.cloneLayoutItem; }
+});
+Object.defineProperty(exports, "collides", {
+  enumerable: true,
+  get: function () { return chunkBJFPTW5Q_js.collides; }
+});
+Object.defineProperty(exports, "getAllCollisions", {
+  enumerable: true,
+  get: function () { return chunkBJFPTW5Q_js.getAllCollisions; }
+});
+Object.defineProperty(exports, "getFirstCollision", {
+  enumerable: true,
+  get: function () { return chunkBJFPTW5Q_js.getFirstCollision; }
+});
+Object.defineProperty(exports, "getLayoutItem", {
+  enumerable: true,
+  get: function () { return chunkBJFPTW5Q_js.getLayoutItem; }
+});
+Object.defineProperty(exports, "moveElement", {
+  enumerable: true,
+  get: function () { return chunkBJFPTW5Q_js.moveElement; }
+});
+Object.defineProperty(exports, "sortLayoutItems", {
+  enumerable: true,
+  get: function () { return chunkBJFPTW5Q_js.sortLayoutItems; }
+});
+Object.defineProperty(exports, "sortLayoutItemsByColRow", {
+  enumerable: true,
+  get: function () { return chunkBJFPTW5Q_js.sortLayoutItemsByColRow; }
+});
+Object.defineProperty(exports, "sortLayoutItemsByRowCol", {
+  enumerable: true,
+  get: function () { return chunkBJFPTW5Q_js.sortLayoutItemsByRowCol; }
+});
+Object.defineProperty(exports, "validateLayout", {
+  enumerable: true,
+  get: function () { return chunkBJFPTW5Q_js.validateLayout; }
+});
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/index.mjs

@@ -0,0 +1,7 @@
+export { DEFAULT_BREAKPOINTS, DEFAULT_COLS, useContainerWidth, useGridLayout, useResponsiveLayout } from './chunk-LWF5EYMO.mjs';
+import './chunk-526JND3R.mjs';
+export { GridItem, GridLayout, GridLayout as ReactGridLayout, ResponsiveGridLayout as Responsive, ResponsiveGridLayout, GridLayout as default } from './chunk-MXXN7GUE.mjs';
+export { findOrGenerateResponsiveLayout, getBreakpointFromWidth, getColsFromBreakpoint, getCompactor, horizontalCompactor, noCompactor, setTopLeft, setTransform, verticalCompactor } from './chunk-2O3ZME4Q.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/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}

package/dist/legacy.d.mts

@@ -0,0 +1,163 @@
+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';
+
+/**
+ * Legacy props interface for backwards compatibility with v1 API.
+ * These flat props are converted to composable interfaces internally.
+ */
+interface LegacyReactGridLayoutProps {
+    children: React__default.ReactNode;
+    width: number;
+    cols?: number;
+    rowHeight?: number;
+    maxRows?: number;
+    margin?: readonly [number, number];
+    containerPadding?: readonly [number, number] | null;
+    layout?: Layout;
+    droppingItem?: LayoutItem;
+    compactType?: CompactType;
+    preventCollision?: boolean;
+    allowOverlap?: boolean;
+    /** @deprecated Use compactType instead */
+    verticalCompact?: boolean;
+    isDraggable?: boolean;
+    isBounded?: boolean;
+    draggableHandle?: string;
+    draggableCancel?: string;
+    isResizable?: boolean;
+    resizeHandles?: ResizeHandleAxis[];
+    resizeHandle?: React__default.ReactElement | ((axis: ResizeHandleAxis, ref: React__default.Ref<HTMLElement>) => React__default.ReactElement);
+    isDroppable?: boolean;
+    useCSSTransforms?: boolean;
+    transformScale?: number;
+    autoSize?: boolean;
+    className?: string;
+    style?: React__default.CSSProperties;
+    innerRef?: React__default.Ref<HTMLDivElement>;
+    onLayoutChange?: (layout: Layout) => void;
+    onDragStart?: GridLayoutProps["onDragStart"];
+    onDrag?: GridLayoutProps["onDrag"];
+    onDragStop?: GridLayoutProps["onDragStop"];
+    onResizeStart?: GridLayoutProps["onResizeStart"];
+    onResize?: GridLayoutProps["onResize"];
+    onResizeStop?: GridLayoutProps["onResizeStop"];
+    onDrop?: (layout: Layout, item: LayoutItem | undefined, e: Event) => void;
+    onDropDragOver?: (e: React__default.DragEvent) => {
+        w?: number;
+        h?: number;
+    } | false | void;
+}
+/**
+ * ReactGridLayout - Legacy wrapper component
+ *
+ * Converts v1 flat props to v2 composable interfaces for backwards compatibility.
+ */
+declare function ReactGridLayout(props: LegacyReactGridLayoutProps): react_jsx_runtime.JSX.Element;
+declare namespace ReactGridLayout {
+    var displayName: string;
+}
+
+/**
+ * Legacy props interface for backwards compatibility with v1 API.
+ * These flat props are converted to composable interfaces internally.
+ */
+interface LegacyResponsiveReactGridLayoutProps<B extends Breakpoint = string> {
+    children: React__default.ReactNode;
+    width: number;
+    breakpoint?: B;
+    breakpoints?: Breakpoints<B>;
+    cols?: Breakpoints<B>;
+    layouts?: ResponsiveLayouts<B>;
+    onBreakpointChange?: (newBreakpoint: B, cols: number) => void;
+    onLayoutChange?: (layout: Layout, layouts: ResponsiveLayouts<B>) => void;
+    onWidthChange?: (containerWidth: number, margin: readonly [number, number], cols: number, containerPadding: readonly [number, number] | null) => void;
+    rowHeight?: number;
+    maxRows?: number;
+    margin?: readonly [number, number] | Partial<Record<B, readonly [number, number]>>;
+    containerPadding?: readonly [number, number] | Partial<Record<B, readonly [number, number] | null>> | null;
+    droppingItem?: LayoutItem;
+    compactType?: CompactType;
+    preventCollision?: boolean;
+    allowOverlap?: boolean;
+    /** @deprecated Use compactType instead */
+    verticalCompact?: boolean;
+    isDraggable?: boolean;
+    isBounded?: boolean;
+    draggableHandle?: string;
+    draggableCancel?: string;
+    isResizable?: boolean;
+    resizeHandles?: ResizeHandleAxis[];
+    resizeHandle?: React__default.ReactElement | ((axis: ResizeHandleAxis, ref: React__default.Ref<HTMLElement>) => React__default.ReactElement);
+    isDroppable?: boolean;
+    useCSSTransforms?: boolean;
+    transformScale?: number;
+    autoSize?: boolean;
+    className?: string;
+    style?: React__default.CSSProperties;
+    innerRef?: React__default.Ref<HTMLDivElement>;
+    onDragStart?: ResponsiveGridLayoutProps<B>["onDragStart"];
+    onDrag?: ResponsiveGridLayoutProps<B>["onDrag"];
+    onDragStop?: ResponsiveGridLayoutProps<B>["onDragStop"];
+    onResizeStart?: ResponsiveGridLayoutProps<B>["onResizeStart"];
+    onResize?: ResponsiveGridLayoutProps<B>["onResize"];
+    onResizeStop?: ResponsiveGridLayoutProps<B>["onResizeStop"];
+    onDrop?: (layout: Layout, item: LayoutItem | undefined, e: Event) => void;
+    onDropDragOver?: (e: React__default.DragEvent) => {
+        w?: number;
+        h?: number;
+    } | false | void;
+}
+/**
+ * ResponsiveReactGridLayout - Legacy wrapper component
+ *
+ * Converts v1 flat props to v2 composable interfaces for backwards compatibility.
+ */
+declare function ResponsiveReactGridLayout<B extends Breakpoint = string>(props: LegacyResponsiveReactGridLayoutProps<B>): react_jsx_runtime.JSX.Element;
+declare namespace ResponsiveReactGridLayout {
+    var displayName: string;
+}
+
+/**
+ * WidthProvider HOC
+ *
+ * A Higher-Order Component that provides width measurement to grid layouts.
+ * This wraps any component and provides the container width as a prop.
+ */
+
+interface WidthProviderProps {
+    /** If true, will not render children until mounted */
+    measureBeforeMount?: boolean;
+    /** Additional class name */
+    className?: string;
+    /** Additional styles */
+    style?: React__default.CSSProperties;
+}
+type WithWidthProps<P> = Omit<P, "width"> & WidthProviderProps;
+/**
+ * WidthProvider - HOC that provides container width
+ *
+ * A simple HOC that provides facility for listening to container resizes.
+ * Wraps the provided component and passes down a `width` prop.
+ *
+ * @example
+ * ```tsx
+ * import { GridLayout, WidthProvider } from 'react-grid-layout';
+ *
+ * const GridLayoutWithWidth = WidthProvider(GridLayout);
+ *
+ * function MyGrid() {
+ *   return (
+ *     <GridLayoutWithWidth cols={12} rowHeight={30}>
+ *       <div key="a">a</div>
+ *     </GridLayoutWithWidth>
+ *   );
+ * }
+ * ```
+ */
+declare function WidthProvider<P extends {
+    width: number;
+}>(ComposedComponent: ComponentType<P>): ComponentType<WithWidthProps<P>>;
+
+export { Breakpoint, Breakpoints, CompactType, Layout, LayoutItem, type LegacyReactGridLayoutProps, type LegacyResponsiveReactGridLayoutProps, ReactGridLayout, ResizeHandleAxis, ResponsiveReactGridLayout as Responsive, ResponsiveLayouts, ResponsiveReactGridLayout, WidthProvider, ReactGridLayout as default };

package/dist/legacy.d.ts

@@ -0,0 +1,163 @@
+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';
+
+/**
+ * Legacy props interface for backwards compatibility with v1 API.
+ * These flat props are converted to composable interfaces internally.
+ */
+interface LegacyReactGridLayoutProps {
+    children: React__default.ReactNode;
+    width: number;
+    cols?: number;
+    rowHeight?: number;
+    maxRows?: number;
+    margin?: readonly [number, number];
+    containerPadding?: readonly [number, number] | null;
+    layout?: Layout;
+    droppingItem?: LayoutItem;
+    compactType?: CompactType;
+    preventCollision?: boolean;
+    allowOverlap?: boolean;
+    /** @deprecated Use compactType instead */
+    verticalCompact?: boolean;
+    isDraggable?: boolean;
+    isBounded?: boolean;
+    draggableHandle?: string;
+    draggableCancel?: string;
+    isResizable?: boolean;
+    resizeHandles?: ResizeHandleAxis[];
+    resizeHandle?: React__default.ReactElement | ((axis: ResizeHandleAxis, ref: React__default.Ref<HTMLElement>) => React__default.ReactElement);
+    isDroppable?: boolean;
+    useCSSTransforms?: boolean;
+    transformScale?: number;
+    autoSize?: boolean;
+    className?: string;
+    style?: React__default.CSSProperties;
+    innerRef?: React__default.Ref<HTMLDivElement>;
+    onLayoutChange?: (layout: Layout) => void;
+    onDragStart?: GridLayoutProps["onDragStart"];
+    onDrag?: GridLayoutProps["onDrag"];
+    onDragStop?: GridLayoutProps["onDragStop"];
+    onResizeStart?: GridLayoutProps["onResizeStart"];
+    onResize?: GridLayoutProps["onResize"];
+    onResizeStop?: GridLayoutProps["onResizeStop"];
+    onDrop?: (layout: Layout, item: LayoutItem | undefined, e: Event) => void;
+    onDropDragOver?: (e: React__default.DragEvent) => {
+        w?: number;
+        h?: number;
+    } | false | void;
+}
+/**
+ * ReactGridLayout - Legacy wrapper component
+ *
+ * Converts v1 flat props to v2 composable interfaces for backwards compatibility.
+ */
+declare function ReactGridLayout(props: LegacyReactGridLayoutProps): react_jsx_runtime.JSX.Element;
+declare namespace ReactGridLayout {
+    var displayName: string;
+}
+
+/**
+ * Legacy props interface for backwards compatibility with v1 API.
+ * These flat props are converted to composable interfaces internally.
+ */
+interface LegacyResponsiveReactGridLayoutProps<B extends Breakpoint = string> {
+    children: React__default.ReactNode;
+    width: number;
+    breakpoint?: B;
+    breakpoints?: Breakpoints<B>;
+    cols?: Breakpoints<B>;
+    layouts?: ResponsiveLayouts<B>;
+    onBreakpointChange?: (newBreakpoint: B, cols: number) => void;
+    onLayoutChange?: (layout: Layout, layouts: ResponsiveLayouts<B>) => void;
+    onWidthChange?: (containerWidth: number, margin: readonly [number, number], cols: number, containerPadding: readonly [number, number] | null) => void;
+    rowHeight?: number;
+    maxRows?: number;
+    margin?: readonly [number, number] | Partial<Record<B, readonly [number, number]>>;
+    containerPadding?: readonly [number, number] | Partial<Record<B, readonly [number, number] | null>> | null;
+    droppingItem?: LayoutItem;
+    compactType?: CompactType;
+    preventCollision?: boolean;
+    allowOverlap?: boolean;
+    /** @deprecated Use compactType instead */
+    verticalCompact?: boolean;
+    isDraggable?: boolean;
+    isBounded?: boolean;
+    draggableHandle?: string;
+    draggableCancel?: string;
+    isResizable?: boolean;
+    resizeHandles?: ResizeHandleAxis[];
+    resizeHandle?: React__default.ReactElement | ((axis: ResizeHandleAxis, ref: React__default.Ref<HTMLElement>) => React__default.ReactElement);
+    isDroppable?: boolean;
+    useCSSTransforms?: boolean;
+    transformScale?: number;
+    autoSize?: boolean;
+    className?: string;
+    style?: React__default.CSSProperties;
+    innerRef?: React__default.Ref<HTMLDivElement>;
+    onDragStart?: ResponsiveGridLayoutProps<B>["onDragStart"];
+    onDrag?: ResponsiveGridLayoutProps<B>["onDrag"];
+    onDragStop?: ResponsiveGridLayoutProps<B>["onDragStop"];
+    onResizeStart?: ResponsiveGridLayoutProps<B>["onResizeStart"];
+    onResize?: ResponsiveGridLayoutProps<B>["onResize"];
+    onResizeStop?: ResponsiveGridLayoutProps<B>["onResizeStop"];
+    onDrop?: (layout: Layout, item: LayoutItem | undefined, e: Event) => void;
+    onDropDragOver?: (e: React__default.DragEvent) => {
+        w?: number;
+        h?: number;
+    } | false | void;
+}
+/**
+ * ResponsiveReactGridLayout - Legacy wrapper component
+ *
+ * Converts v1 flat props to v2 composable interfaces for backwards compatibility.
+ */
+declare function ResponsiveReactGridLayout<B extends Breakpoint = string>(props: LegacyResponsiveReactGridLayoutProps<B>): react_jsx_runtime.JSX.Element;
+declare namespace ResponsiveReactGridLayout {
+    var displayName: string;
+}
+
+/**
+ * WidthProvider HOC
+ *
+ * A Higher-Order Component that provides width measurement to grid layouts.
+ * This wraps any component and provides the container width as a prop.
+ */
+
+interface WidthProviderProps {
+    /** If true, will not render children until mounted */
+    measureBeforeMount?: boolean;
+    /** Additional class name */
+    className?: string;
+    /** Additional styles */
+    style?: React__default.CSSProperties;
+}
+type WithWidthProps<P> = Omit<P, "width"> & WidthProviderProps;
+/**
+ * WidthProvider - HOC that provides container width
+ *
+ * A simple HOC that provides facility for listening to container resizes.
+ * Wraps the provided component and passes down a `width` prop.
+ *
+ * @example
+ * ```tsx
+ * import { GridLayout, WidthProvider } from 'react-grid-layout';
+ *
+ * const GridLayoutWithWidth = WidthProvider(GridLayout);
+ *
+ * function MyGrid() {
+ *   return (
+ *     <GridLayoutWithWidth cols={12} rowHeight={30}>
+ *       <div key="a">a</div>
+ *     </GridLayoutWithWidth>
+ *   );
+ * }
+ * ```
+ */
+declare function WidthProvider<P extends {
+    width: number;
+}>(ComposedComponent: ComponentType<P>): ComponentType<WithWidthProps<P>>;
+
+export { Breakpoint, Breakpoints, CompactType, Layout, LayoutItem, type LegacyReactGridLayoutProps, type LegacyResponsiveReactGridLayoutProps, ReactGridLayout, ResizeHandleAxis, ResponsiveReactGridLayout as Responsive, ResponsiveLayouts, ResponsiveReactGridLayout, WidthProvider, ReactGridLayout as default };