@sguisse/react-grid-layout 2.2.3-sguisse.3

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-Bin5MBC3.mjs';
+import { L as Layout, d as LayoutItem, C as CompactType, R as ResizeHandleAxis, B as Breakpoint, a as Breakpoints, e as ResponsiveLayouts } from './types-Dbg8jAWj.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-B_6TXsWM.js';
+import { L as Layout, d as LayoutItem, C as CompactType, R as ResizeHandleAxis, B as Breakpoint, a as Breakpoints, e as ResponsiveLayouts } from './types-Dbg8jAWj.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 };

package/dist/legacy.js

@@ -0,0 +1,331 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var chunkSTBCV65G_js = require('./chunk-STBCV65G.js');
+var chunkLQOPWRJR_js = require('./chunk-LQOPWRJR.js');
+require('./chunk-J4LTYI7L.js');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var clsx = require('clsx');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+
+function ReactGridLayout(props) {
+  const {
+    // Required
+    children,
+    width,
+    // Grid measurement
+    cols = 12,
+    rowHeight = 150,
+    maxRows = Infinity,
+    margin = [10, 10],
+    containerPadding = null,
+    // Layout data
+    layout,
+    droppingItem,
+    // Compaction
+    compactType: compactTypeProp,
+    preventCollision = false,
+    allowOverlap = false,
+    verticalCompact,
+    // Drag behavior
+    isDraggable = true,
+    isBounded = false,
+    draggableHandle,
+    draggableCancel,
+    // Resize behavior
+    isResizable = true,
+    resizeHandles = ["se"],
+    resizeHandle,
+    // Drop behavior
+    isDroppable = false,
+    // Position
+    useCSSTransforms = true,
+    transformScale = 1,
+    // Container props
+    autoSize,
+    className,
+    style,
+    innerRef,
+    // Callbacks
+    onLayoutChange,
+    onDragStart,
+    onDrag,
+    onDragStop,
+    onResizeStart,
+    onResize,
+    onResizeStop,
+    onDrop,
+    onDropDragOver
+  } = props;
+  let compactType = compactTypeProp === void 0 ? "vertical" : compactTypeProp;
+  if (verticalCompact === false) {
+    if (process.env["NODE_ENV"] !== "production") {
+      console.warn(
+        '`verticalCompact` on <ReactGridLayout> is deprecated and will be removed soon. Use `compactType`: "horizontal" | "vertical" | null.'
+      );
+    }
+    compactType = null;
+  }
+  const gridConfig = {
+    cols,
+    rowHeight,
+    maxRows,
+    margin,
+    containerPadding
+  };
+  const dragConfig = {
+    enabled: isDraggable,
+    bounded: isBounded,
+    handle: draggableHandle,
+    cancel: draggableCancel,
+    // Set threshold to 0 for backwards compatibility with v1 API
+    // v2 API defaults to 3px threshold (fixes #1341, #1401)
+    threshold: 0
+  };
+  const resizeConfig = {
+    enabled: isResizable,
+    handles: resizeHandles,
+    handleComponent: resizeHandle
+  };
+  const dropConfig = {
+    enabled: isDroppable
+  };
+  let positionStrategy;
+  if (!useCSSTransforms) {
+    positionStrategy = chunkLQOPWRJR_js.absoluteStrategy;
+  } else if (transformScale !== 1) {
+    positionStrategy = chunkLQOPWRJR_js.createScaledStrategy(transformScale);
+  } else {
+    positionStrategy = chunkLQOPWRJR_js.transformStrategy;
+  }
+  const compactor = chunkLQOPWRJR_js.getCompactor(compactType, allowOverlap, preventCollision);
+  const constraints = isBounded ? [...chunkLQOPWRJR_js.defaultConstraints, chunkLQOPWRJR_js.containerBounds] : chunkLQOPWRJR_js.defaultConstraints;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkSTBCV65G_js.GridLayout,
+    {
+      width,
+      gridConfig,
+      dragConfig,
+      resizeConfig,
+      dropConfig,
+      positionStrategy,
+      compactor,
+      constraints,
+      layout,
+      droppingItem,
+      autoSize,
+      className,
+      style,
+      innerRef,
+      onLayoutChange,
+      onDragStart,
+      onDrag,
+      onDragStop,
+      onResizeStart,
+      onResize,
+      onResizeStop,
+      onDrop,
+      onDropDragOver,
+      children
+    }
+  );
+}
+ReactGridLayout.displayName = "ReactGridLayout";
+var ReactGridLayout_default = ReactGridLayout;
+function ResponsiveReactGridLayout(props) {
+  const {
+    // Required
+    children,
+    width,
+    // Responsive-specific
+    breakpoint,
+    breakpoints,
+    cols,
+    layouts,
+    onBreakpointChange,
+    onLayoutChange,
+    onWidthChange,
+    // Grid measurement
+    rowHeight,
+    maxRows,
+    margin,
+    containerPadding,
+    // Layout data
+    droppingItem,
+    // Compaction
+    compactType: compactTypeProp,
+    preventCollision = false,
+    allowOverlap = false,
+    verticalCompact,
+    // Drag behavior
+    isDraggable = true,
+    isBounded = false,
+    draggableHandle,
+    draggableCancel,
+    // Resize behavior
+    isResizable = true,
+    resizeHandles = ["se"],
+    resizeHandle,
+    // Drop behavior
+    isDroppable = false,
+    // Position
+    useCSSTransforms = true,
+    transformScale = 1,
+    // Container props
+    autoSize,
+    className,
+    style,
+    innerRef,
+    // Callbacks
+    onDragStart,
+    onDrag,
+    onDragStop,
+    onResizeStart,
+    onResize,
+    onResizeStop,
+    onDrop,
+    onDropDragOver
+  } = props;
+  let compactType = compactTypeProp === void 0 ? "vertical" : compactTypeProp;
+  if (verticalCompact === false) {
+    if (process.env["NODE_ENV"] !== "production") {
+      console.warn(
+        '`verticalCompact` on <ResponsiveReactGridLayout> is deprecated and will be removed soon. Use `compactType`: "horizontal" | "vertical" | null.'
+      );
+    }
+    compactType = null;
+  }
+  const dragConfig = {
+    enabled: isDraggable,
+    bounded: isBounded,
+    handle: draggableHandle,
+    cancel: draggableCancel
+  };
+  const resizeConfig = {
+    enabled: isResizable,
+    handles: resizeHandles,
+    handleComponent: resizeHandle
+  };
+  const dropConfig = {
+    enabled: isDroppable
+  };
+  let positionStrategy;
+  if (!useCSSTransforms) {
+    positionStrategy = chunkLQOPWRJR_js.absoluteStrategy;
+  } else if (transformScale !== 1) {
+    positionStrategy = chunkLQOPWRJR_js.createScaledStrategy(transformScale);
+  } else {
+    positionStrategy = chunkLQOPWRJR_js.transformStrategy;
+  }
+  const compactor = chunkLQOPWRJR_js.getCompactor(compactType, allowOverlap, preventCollision);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkSTBCV65G_js.ResponsiveGridLayout,
+    {
+      width,
+      breakpoint,
+      breakpoints,
+      cols,
+      layouts,
+      rowHeight,
+      maxRows,
+      margin,
+      containerPadding,
+      compactor,
+      dragConfig,
+      resizeConfig,
+      dropConfig,
+      positionStrategy,
+      droppingItem,
+      autoSize,
+      className,
+      style,
+      innerRef,
+      onBreakpointChange,
+      onLayoutChange,
+      onWidthChange,
+      onDragStart,
+      onDrag,
+      onDragStop,
+      onResizeStart,
+      onResize,
+      onResizeStop,
+      onDrop,
+      onDropDragOver,
+      children
+    }
+  );
+}
+ResponsiveReactGridLayout.displayName = "ResponsiveReactGridLayout";
+var ResponsiveReactGridLayout_default = ResponsiveReactGridLayout;
+var layoutClassName = "react-grid-layout";
+function WidthProvider(ComposedComponent) {
+  function WidthProviderWrapper(props) {
+    const { measureBeforeMount = false, className, style, ...rest } = props;
+    const [width, setWidth] = react.useState(1280);
+    const [mounted, setMounted] = react.useState(false);
+    const elementRef = react.useRef(null);
+    const resizeObserverRef = react.useRef(null);
+    react.useEffect(() => {
+      setMounted(true);
+    }, []);
+    react.useEffect(() => {
+      const node = elementRef.current;
+      if (!(node instanceof HTMLElement)) return;
+      let rafId = null;
+      const observer = new ResizeObserver((entries) => {
+        if (entries[0]) {
+          const newWidth = entries[0].contentRect.width;
+          if (rafId !== null) {
+            cancelAnimationFrame(rafId);
+          }
+          rafId = requestAnimationFrame(() => {
+            setWidth(newWidth);
+            rafId = null;
+          });
+        }
+      });
+      observer.observe(node);
+      resizeObserverRef.current = observer;
+      return () => {
+        if (rafId !== null) {
+          cancelAnimationFrame(rafId);
+        }
+        observer.unobserve(node);
+        observer.disconnect();
+      };
+    }, [mounted]);
+    if (measureBeforeMount && !mounted) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: clsx__default.default(className, layoutClassName),
+          style,
+          ref: elementRef
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ComposedComponent,
+      {
+        innerRef: elementRef,
+        className,
+        style,
+        ...rest,
+        width
+      }
+    );
+  }
+  WidthProviderWrapper.displayName = `WidthProvider(${ComposedComponent.displayName || ComposedComponent.name || "Component"})`;
+  return WidthProviderWrapper;
+}
+
+exports.ReactGridLayout = ReactGridLayout;
+exports.Responsive = ResponsiveReactGridLayout_default;
+exports.ResponsiveReactGridLayout = ResponsiveReactGridLayout;
+exports.WidthProvider = WidthProvider;
+exports.default = ReactGridLayout_default;