@gravity-ui/dashkit 10.4.1 → 10.4.3

package/build/esm/components/GridLayout/ReactGridLayout.js

@@ -1,13 +1,30 @@
+import { __rest } from "tslib";
 import React from 'react';
+import { flushSync } from 'react-dom';
 // @ts-expect-error - utils is not exported in type definitions
-import ReactGridLayout, { WidthProvider, utils } from 'react-grid-layout';
+import ReactGridLayout, { utils } from 'react-grid-layout';
+import ResizeObserverPolyfill from 'resize-observer-polyfill';
 import { DROPPING_ELEMENT_CLASS_NAME, OVERLAY_CLASS_NAME } from "../../constants/index.js";
+const GRID_LAYOUT_CLASS_NAME = 'react-grid-layout';
 const isRefObject = (value) => {
     return (typeof value === 'object' &&
         value !== null &&
         'current' in value &&
         typeof value.current === 'object');
 };
+const getGridItemStyle = ({ cols, containerPadding, margin, width, x, y, w, h, rowHeight, useCSSTransforms, }) => {
+    const [marginX, marginY] = margin;
+    const [paddingX, paddingY] = containerPadding;
+    const columnWidth = (width - marginX * (cols - 1) - paddingX * 2) / cols;
+    const position = {
+        height: Math.round(rowHeight * h + marginY * (h - 1)),
+        left: Math.round((columnWidth + marginX) * x + paddingX),
+        top: Math.round(paddingY + (rowHeight + marginY) * y),
+        width: Math.round(columnWidth * w + marginX * (w - 1)),
+    };
+    return useCSSTransforms
+        ? Object.assign(Object.assign({}, utils.setTransform(position)), { left: '', top: '' }) : Object.assign(Object.assign({}, utils.setTopLeft(position)), { MozTransform: '', OTransform: '', WebkitTransform: '', msTransform: '', transform: '' });
+};
 class DragOverLayout extends ReactGridLayout {
     constructor(props, context) {
         super(props, context);
@@ -16,6 +33,7 @@ class DragOverLayout extends ReactGridLayout {
         // Without this flag, our setState would trigger onLayoutChange back to the consumer
         // that just initiated the action, causing a spurious 'change' event.
         this._isRestoringExternalLayout = false;
+        this.gridItemChildren = new WeakMap();
         // Reset placeholder when item dragged from outside
         this.resetExternalPlaceholder = () => {
             // @ts-expect-error - dragEnterCounter is an internal property of parent class
@@ -85,6 +103,11 @@ class DragOverLayout extends ReactGridLayout {
                 this.parentOnDragStop(i, x, y, sintEv);
             }
         };
+        this.extendedOnDragOver = (e) => {
+            var _a, _b;
+            (_b = (_a = this.props).onBeforeDragOver) === null || _b === void 0 ? void 0 : _b.call(_a);
+            return this.parentOnDragOver(e);
+        };
         this.isSharedDragTarget = () => {
             var _a;
             const drag = (_a = this.props.dragStateRef) === null || _a === void 0 ? void 0 : _a.current;
@@ -148,6 +171,10 @@ class DragOverLayout extends ReactGridLayout {
         this.parentOnDragStop = this.onDragStop;
         // @ts-expect-error - assigning custom method to parent's onDragStop
         this.onDragStop = this.extendedOnDragStop;
+        // @ts-expect-error - onDragOver is a protected method in parent class
+        this.parentOnDragOver = this.onDragOver;
+        // @ts-expect-error - assigning custom method to parent's onDragOver
+        this.onDragOver = this.extendedOnDragOver;
     }
     componentDidMount() {
         var _a, _b;
@@ -259,6 +286,22 @@ class DragOverLayout extends ReactGridLayout {
         if (!gridItem) {
             return gridItem;
         }
+        const { cols, containerPadding, h, margin, rowHeight, useCSSTransforms, w, x, y } = gridItem.props;
+        const [marginX, marginY] = margin;
+        const [paddingX, paddingY] = containerPadding;
+        const gridItemMetadata = {
+            'data-dashkit-grid-cols': String(cols),
+            'data-dashkit-grid-h': String(h),
+            'data-dashkit-grid-margin-x': String(marginX),
+            'data-dashkit-grid-margin-y': String(marginY),
+            'data-dashkit-grid-padding-x': String(paddingX),
+            'data-dashkit-grid-padding-y': String(paddingY),
+            'data-dashkit-grid-row-height': String(rowHeight),
+            'data-dashkit-grid-use-css-transforms': String(useCSSTransforms),
+            'data-dashkit-grid-w': String(w),
+            'data-dashkit-grid-x': String(x),
+            'data-dashkit-grid-y': String(y),
+        };
         // Lazy proxy for transformScaleRef so react-draggable reads fresh scale without re-render.
         const { transformScaleRef } = this.props;
         const lazyScale = transformScaleRef
@@ -271,12 +314,177 @@ class DragOverLayout extends ReactGridLayout {
                 style: this.isSharedDragTarget()
                     ? Object.assign(Object.assign({}, gridItem.props.style), { opacity: 0 }) : gridItem.props.style, className: `${OVERLAY_CLASS_NAME} ${DROPPING_ELEMENT_CLASS_NAME}`, droppingPosition: this.calculateDroppingPosition(gridItem.props) }));
         }
+        const gridChild = gridItem.props.children;
+        const cachedGridItemChild = this.gridItemChildren.get(gridChild);
+        const gridItemChild = cachedGridItemChild &&
+            Object.keys(gridItemMetadata).every((key) => cachedGridItemChild.metadata[key] === gridItemMetadata[key])
+            ? cachedGridItemChild.child
+            : React.cloneElement(gridChild, gridItemMetadata);
+        if (gridItemChild !== (cachedGridItemChild === null || cachedGridItemChild === void 0 ? void 0 : cachedGridItemChild.child)) {
+            this.gridItemChildren.set(gridChild, {
+                child: gridItemChild,
+                metadata: gridItemMetadata,
+            });
+        }
         if (lazyScale !== undefined) {
-            return React.cloneElement(gridItem, { transformScale: lazyScale });
+            return React.cloneElement(gridItem, {
+                children: gridItemChild,
+                transformScale: lazyScale,
+            });
+        }
+        return React.cloneElement(gridItem, { children: gridItemChild });
+    }
+}
+class PassiveWidthProvider extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = { interactionRevision: 0, isMounted: false, settledWidth: 1280 };
+        this.element = null;
+        this.elementRef = React.createRef();
+        this.widthRef = { current: 1280 };
+        this.gridItems = [];
+        this.isComponentMounted = false;
+        this.cacheGridItems = () => {
+            const node = this.element;
+            this.gridItems = node
+                ? Array.from(node.children).filter((child) => child instanceof HTMLElement &&
+                    child.matches('.react-grid-item[data-dashkit-grid-cols]'))
+                : [];
+            this.lastAppliedWidth = undefined;
+        };
+        this.updateGridItems = (width) => {
+            if (width === this.lastAppliedWidth) {
+                return;
+            }
+            this.lastAppliedWidth = width;
+            this.gridItems.forEach((item) => {
+                if (item.classList.contains('react-draggable-dragging') ||
+                    item.classList.contains('resizing')) {
+                    return;
+                }
+                const { dataset, style } = item;
+                const cols = Number(dataset.dashkitGridCols);
+                const x = Number(dataset.dashkitGridX);
+                const y = Number(dataset.dashkitGridY);
+                const w = Number(dataset.dashkitGridW);
+                const h = Number(dataset.dashkitGridH);
+                const marginX = Number(dataset.dashkitGridMarginX);
+                const marginY = Number(dataset.dashkitGridMarginY);
+                const paddingX = Number(dataset.dashkitGridPaddingX);
+                const paddingY = Number(dataset.dashkitGridPaddingY);
+                const rowHeight = Number(dataset.dashkitGridRowHeight);
+                const useCSSTransforms = dataset.dashkitGridUseCssTransforms === 'true';
+                if ([cols, x, y, w, h, marginX, marginY, paddingX, paddingY, rowHeight].some((value) => !Number.isFinite(value))) {
+                    return;
+                }
+                Object.assign(style, getGridItemStyle({
+                    cols,
+                    containerPadding: [paddingX, paddingY],
+                    h,
+                    margin: [marginX, marginY],
+                    rowHeight,
+                    useCSSTransforms,
+                    w,
+                    width,
+                    x,
+                    y,
+                }));
+            });
+        };
+        this.handlePointerDown = () => {
+            if (!this.props.isDraggable && !this.props.isResizable) {
+                return;
+            }
+            flushSync(() => {
+                this.setState((state) => ({
+                    interactionRevision: state.interactionRevision + 1,
+                    settledWidth: this.widthRef.current,
+                }));
+            });
+        };
+        this.syncSettledWidth = () => {
+            if (this.state.settledWidth === this.widthRef.current) {
+                return;
+            }
+            flushSync(() => {
+                this.setState({ settledWidth: this.widthRef.current });
+            });
+        };
+        this.scheduleSettledWidthCommit = () => {
+            if (this.settledWidthCommitFrame !== undefined) {
+                window.cancelAnimationFrame(this.settledWidthCommitFrame);
+            }
+            this.settledWidthCommitFrame = window.requestAnimationFrame(() => {
+                this.settledWidthCommitFrame = window.requestAnimationFrame(() => {
+                    this.settledWidthCommitFrame = undefined;
+                    if (this.state.settledWidth !== this.widthRef.current) {
+                        this.setState({ settledWidth: this.widthRef.current });
+                    }
+                });
+            });
+        };
+        this.syncElement = () => {
+            var _a;
+            const node = this.elementRef.current;
+            if (node === this.element) {
+                return;
+            }
+            if (this.element) {
+                (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.unobserve(this.element);
+                this.element.removeEventListener('pointerdown', this.handlePointerDown, true);
+            }
+            this.element = node;
+            if (node && this.isComponentMounted) {
+                this.observeElement(node);
+            }
+        };
+        this.observeElement = (node) => {
+            var _a;
+            this.widthRef.current = node.clientWidth;
+            this.cacheGridItems();
+            this.updateGridItems(this.widthRef.current);
+            node.addEventListener('pointerdown', this.handlePointerDown, true);
+            (_a = this.resizeObserver) !== null && _a !== void 0 ? _a : (this.resizeObserver = new (typeof ResizeObserver === 'function' ? ResizeObserver : ResizeObserverPolyfill)((entries) => {
+                const entry = entries.find((currentEntry) => currentEntry.target === this.element);
+                if (!entry) {
+                    return;
+                }
+                this.widthRef.current = entry.contentRect.width;
+                this.updateGridItems(this.widthRef.current);
+                this.scheduleSettledWidthCommit();
+            }));
+            this.resizeObserver.observe(node);
+        };
+    }
+    componentDidMount() {
+        this.isComponentMounted = true;
+        this.syncElement();
+        this.setState({ isMounted: true, settledWidth: this.widthRef.current });
+    }
+    componentDidUpdate() {
+        this.syncElement();
+        this.cacheGridItems();
+        this.updateGridItems(this.widthRef.current);
+    }
+    componentWillUnmount() {
+        var _a, _b;
+        this.isComponentMounted = false;
+        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.resizeObserver = undefined;
+        if (this.settledWidthCommitFrame !== undefined) {
+            window.cancelAnimationFrame(this.settledWidthCommitFrame);
+            this.settledWidthCommitFrame = undefined;
+        }
+        (_b = this.element) === null || _b === void 0 ? void 0 : _b.removeEventListener('pointerdown', this.handlePointerDown, true);
+        this.element = null;
+    }
+    render() {
+        const _a = this.props, { measureBeforeMount } = _a, props = __rest(_a, ["measureBeforeMount"]);
+        if (measureBeforeMount && !this.state.isMounted) {
+            return (React.createElement("div", { className: [props.className, GRID_LAYOUT_CLASS_NAME].filter(Boolean).join(' '), ref: this.elementRef, style: props.style }));
         }
-        return gridItem;
+        return (React.createElement(DragOverLayout, Object.assign({}, props, { innerRef: this.elementRef, onBeforeDragOver: this.syncSettledWidth, width: this.state.settledWidth })));
     }
 }
-// eslint-disable-next-line new-cap
-export const Layout = WidthProvider(DragOverLayout);
+export const Layout = PassiveWidthProvider;
 //# sourceMappingURL=ReactGridLayout.js.map

package/build/esm/components/GridLayout/ReactGridLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReactGridLayout.js","sourceRoot":"../../../../src","sources":["components/GridLayout/ReactGridLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type {Layout as RGLLayout} from 'react-grid-layout';\n// @ts-expect-error - utils is not exported in type definitions\nimport ReactGridLayout, {WidthProvider, utils} from 'react-grid-layout';\n\nimport {DROPPING_ELEMENT_CLASS_NAME, OVERLAY_CLASS_NAME} from '../../constants';\n\nconst isRefObject = (\n    value: React.Ref<HTMLDivElement>,\n): value is React.RefObject<HTMLDivElement> => {\n    return (\n        typeof value === 'object' &&\n        value !== null &&\n        'current' in value &&\n        typeof value.current === 'object'\n    );\n};\n\ntype SharedDragPosition = {\n    offsetX: number;\n    offsetY: number;\n};\n\ntype DragOverLayoutProps = ReactGridLayout.ReactGridLayoutProps & {\n    innerRef?: React.Ref<HTMLDivElement>;\n    isDragCaptured?: boolean;\n    dragStateRef?: React.MutableRefObject<{isDragging: boolean; sourceGroup: string | null}>;\n    sharedDragPositionRef?: React.MutableRefObject<SharedDragPosition | null>;\n    group?: string;\n    onDragTargetRestore?: () => void;\n    transformScaleRef?: React.MutableRefObject<number>;\n    groupResetRegistryRef?: React.MutableRefObject<Map<string, () => void>>;\n    externalLayoutRevision?: number;\n};\n\ntype DragOverLayoutState = {\n    layout: RGLLayout[];\n    activeDrag: RGLLayout | null;\n};\n\ntype RGLLayoutWithPlaceholder = RGLLayout & {placeholder?: boolean};\n\ntype OnDragMethod = (\n    i: string,\n    x: number,\n    y: number,\n    sintEv: {e: Event; node: HTMLElement},\n) => void;\n\nclass DragOverLayout extends ReactGridLayout {\n    // @ts-expect-error - TypeScript doesn't allow direct property redeclaration in extending classes. We need to narrow the props type from ReactGridLayoutProps to DragOverLayoutProps for type safety in our custom methods\n    props: DragOverLayoutProps;\n    // @ts-expect-error - TypeScript doesn't allow direct property redeclaration in extending classes. State is initialized by parent constructor\n    state: DragOverLayoutState;\n\n    parentOnDrag: OnDragMethod;\n    parentOnDragStop: OnDragMethod;\n    _savedDraggedOutLayout: RGLLayout[] | null = null;\n    // Suppresses onLayoutMaybeChanged during imperative layout restore actions.\n    // Without this flag, our setState would trigger onLayoutChange back to the consumer\n    // that just initiated the action, causing a spurious 'change' event.\n    _isRestoringExternalLayout = false;\n\n    constructor(props: DragOverLayoutProps, context?: unknown) {\n        super(props, context);\n\n        // @ts-expect-error - onDrag is a protected method in parent class\n        this.parentOnDrag = this.onDrag;\n        // @ts-expect-error - assigning custom method to parent's onDrag\n        this.onDrag = this.extendedOnDrag;\n\n        // @ts-expect-error - onDragStop is a protected method in parent class\n        this.parentOnDragStop = this.onDragStop;\n        // @ts-expect-error - assigning custom method to parent's onDragStop\n        this.onDragStop = this.extendedOnDragStop;\n    }\n\n    componentDidMount(): void {\n        super.componentDidMount?.();\n\n        if (this.props.group !== undefined) {\n            this.props.groupResetRegistryRef?.current.set(\n                this.props.group,\n                this.resetExternalPlaceholder,\n            );\n        }\n\n        // If cursor is moved out of the window there is a bug\n        // which leaves placeholder element in grid, this action needed to reset this state\n        window.addEventListener('dragend', this.resetExternalPlaceholder);\n        const innerElement = this.getInnerElement();\n\n        if (innerElement) {\n            innerElement.addEventListener('mouseup', this.mouseUpHandler);\n            innerElement.addEventListener('mouseenter', this.mouseEnterHandler);\n            innerElement.addEventListener('mouseleave', this.mouseLeaveHandler);\n            innerElement.addEventListener('mousemove', this.mouseMoveHandler);\n        }\n    }\n\n    componentDidUpdate(prevProps: DragOverLayoutProps, prevState: DragOverLayoutState): void {\n        const revisionChanged =\n            prevProps.externalLayoutRevision !== this.props.externalLayoutRevision;\n\n        if (revisionChanged && this.props.layout) {\n            const newLayout = utils.synchronizeLayoutWithChildren(\n                this.props.layout,\n                this.props.children,\n                this.props.cols,\n                utils.compactType(this.props),\n                this.props.allowOverlap,\n            );\n\n            this._isRestoringExternalLayout = true;\n            // Override both layout and propsLayout so getDerivedStateFromProps\n            // doesn't revert our update on the next render cycle.\n            this.setState(\n                {\n                    layout: newLayout,\n                    propsLayout: this.props.layout,\n                } as unknown as DragOverLayoutState,\n                () => {\n                    this._isRestoringExternalLayout = false;\n                },\n            );\n            // RGL's shouldComponentUpdate only tracks activeDrag/mounted/droppingPosition — not\n            // state.layout. So setState({layout}) alone is silently ignored (no re-render).\n            // forceUpdate bypasses SCU and is batched with the setState above, producing a\n            // single render cycle with the merged state that includes the restored layout.\n            this.forceUpdate();\n            // Don't call super here: restoring is an external action, not a user drag/resize.\n            // onLayoutMaybeChanged is suppressed via _isRestoringExternalLayout.\n            return;\n        }\n\n        // Maintain parent behavior for all non-restore cycles (drag, resize, etc.).\n        super.componentDidUpdate?.(prevProps, prevState);\n    }\n\n    onLayoutMaybeChanged(newLayout: RGLLayout[], oldLayout: RGLLayout[]): void {\n        if (this._isRestoringExternalLayout) {\n            return;\n        }\n        // @ts-expect-error — onLayoutMaybeChanged is not in ReactGridLayout's public types\n        super.onLayoutMaybeChanged(newLayout, oldLayout);\n    }\n\n    componentWillUnmount(): void {\n        if (this.props.group !== undefined) {\n            this.props.groupResetRegistryRef?.current.delete(this.props.group);\n        }\n\n        window.removeEventListener('dragend', this.resetExternalPlaceholder);\n        const innerElement = this.getInnerElement();\n\n        if (innerElement) {\n            innerElement.removeEventListener('mouseup', this.mouseUpHandler);\n            innerElement.removeEventListener('mouseenter', this.mouseEnterHandler);\n            innerElement.removeEventListener('mouseleave', this.mouseLeaveHandler);\n            innerElement.removeEventListener('mousemove', this.mouseMoveHandler);\n        }\n    }\n\n    // react-grid-layout doens't calculate it's height when last element is removed\n    // and just keeps the previous value\n    // so for autosize to work in that case we are resetting it's height value\n    containerHeight(): string | undefined {\n        if (this.props.autoSize && this.state.layout.length === 0) {\n            return;\n        }\n\n        // eslint-disable-next-line consistent-return\n        // @ts-expect-error - containerHeight is a protected method in parent class\n        return super.containerHeight();\n    }\n\n    // innerRef is passed by WithProvider without this wrapper there are only\n    // * findDOMNode - deprecated\n    // * rewrite whole ReactGridLayout.render method\n    // so in that case don't try to use this class on it's own\n    // or pass innerRef: React.MutableRef as it's not optional prop\n    getInnerElement(): HTMLDivElement | null {\n        const {innerRef} = this.props;\n\n        return innerRef && isRefObject(innerRef) && innerRef.current ? innerRef.current : null;\n    }\n\n    // Reset placeholder when item dragged from outside\n    resetExternalPlaceholder = (): void => {\n        // @ts-expect-error - dragEnterCounter is an internal property of parent class\n        if (this.dragEnterCounter) {\n            // @ts-expect-error - dragEnterCounter is an internal property of parent class\n            this.dragEnterCounter = 0;\n            // @ts-expect-error - removeDroppingPlaceholder is a protected method in parent class\n            this.removeDroppingPlaceholder();\n        }\n    };\n\n    // Hide placeholder when element is dragged out\n    hideLocalPlaceholder = (i: string): RGLLayout[] => {\n        const {layout} = this.state;\n        const {cols} = this.props;\n        const savedLayout = layout.map((item) => ({...item}));\n\n        let hiddenElement: RGLLayout | undefined;\n        const newLayout = utils.compact(\n            layout.filter((item) => {\n                if (item.i === i) {\n                    hiddenElement = item;\n                    return false;\n                }\n\n                return true;\n            }),\n            utils.compactType(this.props),\n            cols,\n        );\n\n        if (hiddenElement) {\n            newLayout.push(hiddenElement);\n        }\n\n        this.setState({\n            activeDrag: null,\n            layout: newLayout,\n        });\n\n        return savedLayout;\n    };\n\n    extendedOnDrag = (\n        i: string,\n        x: number,\n        y: number,\n        sintEv: {e: Event; node: HTMLElement},\n    ): void => {\n        if (this.props.isDragCaptured) {\n            if (!this._savedDraggedOutLayout) {\n                this._savedDraggedOutLayout = this.hideLocalPlaceholder(i);\n            }\n\n            return;\n        }\n\n        this._savedDraggedOutLayout = null;\n        // parent onDrag will show new placeholder again\n        this.parentOnDrag(i, x, y, sintEv);\n    };\n\n    extendedOnDragStop = (\n        i: string,\n        x: number,\n        y: number,\n        sintEv: {e: Event; node: HTMLElement},\n    ): void => {\n        // Restoring layout if item was dropped outside of the grid\n        if (this._savedDraggedOutLayout) {\n            const savedLayout = this._savedDraggedOutLayout;\n            const l = utils.getLayoutItem(savedLayout, i);\n\n            // Create placeholder (display only)\n            const placeholder: RGLLayoutWithPlaceholder = {\n                w: l.w,\n                h: l.h,\n                x: l.x,\n                y: l.y,\n                placeholder: true,\n                i: i,\n            };\n\n            this.setState(\n                {\n                    layout: savedLayout,\n                    activeDrag: placeholder,\n                },\n                () => {\n                    this.parentOnDragStop(i, x, y, sintEv);\n                },\n            );\n\n            this._savedDraggedOutLayout = null;\n        } else {\n            this.parentOnDragStop(i, x, y, sintEv);\n        }\n    };\n\n    isSharedDragTarget = (): boolean => {\n        const drag = this.props.dragStateRef?.current;\n        return Boolean(drag?.isDragging);\n    };\n\n    // Proxy mouse events -> drag methods for dnd between groups\n    mouseEnterHandler = (e: MouseEvent): void => {\n        if (this.isSharedDragTarget()) {\n            // @ts-expect-error - onDragEnter is a protected method in parent class\n            this.onDragEnter(e);\n        } else if (this.props.isDragCaptured) {\n            this.props.onDragTargetRestore?.();\n        }\n    };\n\n    mouseLeaveHandler = (e: MouseEvent): void => {\n        if (this.isSharedDragTarget()) {\n            // @ts-expect-error - onDragLeave is a protected method in parent class\n            this.onDragLeave(e);\n            this.props.onDragTargetRestore?.();\n        }\n    };\n\n    mouseMoveHandler = (e: MouseEvent): void => {\n        if (\n            this.isSharedDragTarget() &&\n            this.props.group !== this.props.dragStateRef?.current.sourceGroup\n        ) {\n            if (!(e as MouseEvent & {nativeEvent?: MouseEvent}).nativeEvent) {\n                // Emulate nativeEvent for firefox\n                const target = this.getInnerElement() || (e.target as HTMLElement);\n\n                (e as MouseEvent & {nativeEvent: Partial<MouseEvent>}).nativeEvent = {\n                    clientX: e.clientX,\n                    clientY: e.clientY,\n                    target,\n                };\n            }\n\n            // @ts-expect-error - onDragOver is a protected method in parent class\n            this.onDragOver(e);\n        }\n    };\n\n    mouseUpHandler = (e: MouseEvent): void => {\n        if (this.isSharedDragTarget()) {\n            e.preventDefault();\n            const {droppingItem} = this.props;\n            const {layout} = this.state;\n            const item = layout.find((l) => l.i === droppingItem?.i);\n\n            // reset dragEnter counter on drop for all registered groups\n            this.props.groupResetRegistryRef?.current.forEach((reset) => reset());\n\n            if (item) {\n                this.props.onDrop?.(layout, item, e);\n            }\n        }\n    };\n\n    calculateDroppingPosition(itemProps: {\n        containerWidth: number;\n        cols: number;\n        w: number;\n        h: number;\n        rowHeight: number;\n        margin: [number, number];\n        transformScale: number;\n        droppingPosition: {left: number; top: number};\n    }): {left: number; top: number} {\n        const {containerWidth, cols, w, h, rowHeight, margin, transformScale, droppingPosition} =\n            itemProps;\n        const sharedDragPosition = this.props.sharedDragPositionRef?.current;\n\n        let offsetX: number, offsetY: number;\n\n        if (sharedDragPosition) {\n            offsetX = sharedDragPosition.offsetX;\n            offsetY = sharedDragPosition.offsetY;\n        } else {\n            offsetX = (((containerWidth / cols) * w) / 2 || 0) * transformScale;\n            offsetY = ((h * rowHeight + (h - 1) * margin[1]) / 2 || 0) * transformScale;\n        }\n\n        return {\n            ...droppingPosition,\n            left: droppingPosition.left - offsetX,\n            top: droppingPosition.top - offsetY,\n        };\n    }\n\n    // Drop item from outside gets 0,0 droppingPosition\n    // centering cursor on newly creted grid item\n    // And cause grid-layout using it's own GridItem to make it look\n    // like overlay adding className\n    processGridItem(\n        child: React.ReactElement,\n        isDroppingItem?: boolean,\n    ): React.ReactElement | undefined {\n        // @ts-expect-error - processGridItem is a protected method in parent class\n        const gridItem = super.processGridItem?.(child, isDroppingItem);\n\n        if (!gridItem) {\n            return gridItem;\n        }\n\n        // Lazy proxy for transformScaleRef so react-draggable reads fresh scale without re-render.\n        const {transformScaleRef} = this.props;\n        const lazyScale = transformScaleRef\n            ? ({valueOf: () => transformScaleRef.current} as unknown as number)\n            : undefined;\n\n        if (isDroppingItem) {\n            // React.cloneElement is just cleaner then copy-paste whole processGridItem method\n            return React.cloneElement(gridItem, {\n                ...(lazyScale !== undefined && {transformScale: lazyScale}),\n                // hiding preview if dragging shared item\n                style: this.isSharedDragTarget()\n                    ? {...gridItem.props.style, opacity: 0}\n                    : gridItem.props.style,\n                className: `${OVERLAY_CLASS_NAME} ${DROPPING_ELEMENT_CLASS_NAME}`,\n                droppingPosition: this.calculateDroppingPosition(gridItem.props),\n            });\n        }\n\n        if (lazyScale !== undefined) {\n            return React.cloneElement(gridItem, {transformScale: lazyScale});\n        }\n\n        return gridItem;\n    }\n}\n\n// eslint-disable-next-line new-cap\nexport const Layout = WidthProvider<DragOverLayoutProps>(DragOverLayout);\n"]}
+{"version":3,"file":"ReactGridLayout.js","sourceRoot":"../../../../src","sources":["components/GridLayout/ReactGridLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport {flushSync} from 'react-dom';\nimport type {Layout as RGLLayout} from 'react-grid-layout';\n// @ts-expect-error - utils is not exported in type definitions\nimport ReactGridLayout, {utils} from 'react-grid-layout';\nimport ResizeObserverPolyfill from 'resize-observer-polyfill';\n\nimport {DROPPING_ELEMENT_CLASS_NAME, OVERLAY_CLASS_NAME} from '../../constants';\n\nconst GRID_LAYOUT_CLASS_NAME = 'react-grid-layout';\n\nconst isRefObject = (\n    value: React.Ref<HTMLDivElement>,\n): value is React.RefObject<HTMLDivElement> => {\n    return (\n        typeof value === 'object' &&\n        value !== null &&\n        'current' in value &&\n        typeof value.current === 'object'\n    );\n};\n\ntype SharedDragPosition = {\n    offsetX: number;\n    offsetY: number;\n};\n\ntype DragOverLayoutProps = ReactGridLayout.ReactGridLayoutProps & {\n    innerRef?: React.Ref<HTMLDivElement>;\n    isDragCaptured?: boolean;\n    dragStateRef?: React.MutableRefObject<{isDragging: boolean; sourceGroup: string | null}>;\n    sharedDragPositionRef?: React.MutableRefObject<SharedDragPosition | null>;\n    group?: string;\n    onDragTargetRestore?: () => void;\n    transformScaleRef?: React.MutableRefObject<number>;\n    groupResetRegistryRef?: React.MutableRefObject<Map<string, () => void>>;\n    externalLayoutRevision?: number;\n    onBeforeDragOver?: () => void;\n};\n\ntype DragOverLayoutState = {\n    layout: RGLLayout[];\n    activeDrag: RGLLayout | null;\n};\n\ntype RGLLayoutWithPlaceholder = RGLLayout & {placeholder?: boolean};\n\ntype PassiveWidthProviderProps = DragOverLayoutProps & {\n    measureBeforeMount?: boolean;\n};\n\ntype OnDragMethod = (\n    i: string,\n    x: number,\n    y: number,\n    sintEv: {e: Event; node: HTMLElement},\n) => void;\n\nconst getGridItemStyle = ({\n    cols,\n    containerPadding,\n    margin,\n    width,\n    x,\n    y,\n    w,\n    h,\n    rowHeight,\n    useCSSTransforms,\n}: {\n    cols: number;\n    containerPadding: [number, number];\n    h: number;\n    margin: [number, number];\n    rowHeight: number;\n    useCSSTransforms: boolean;\n    w: number;\n    width: number;\n    x: number;\n    y: number;\n}) => {\n    const [marginX, marginY] = margin;\n    const [paddingX, paddingY] = containerPadding;\n    const columnWidth = (width - marginX * (cols - 1) - paddingX * 2) / cols;\n    const position = {\n        height: Math.round(rowHeight * h + marginY * (h - 1)),\n        left: Math.round((columnWidth + marginX) * x + paddingX),\n        top: Math.round(paddingY + (rowHeight + marginY) * y),\n        width: Math.round(columnWidth * w + marginX * (w - 1)),\n    };\n\n    return useCSSTransforms\n        ? {...utils.setTransform(position), left: '', top: ''}\n        : {\n              ...utils.setTopLeft(position),\n              MozTransform: '',\n              OTransform: '',\n              WebkitTransform: '',\n              msTransform: '',\n              transform: '',\n          };\n};\n\nclass DragOverLayout extends ReactGridLayout {\n    // @ts-expect-error - TypeScript doesn't allow direct property redeclaration in extending classes. We need to narrow the props type from ReactGridLayoutProps to DragOverLayoutProps for type safety in our custom methods\n    props: DragOverLayoutProps;\n    // @ts-expect-error - TypeScript doesn't allow direct property redeclaration in extending classes. State is initialized by parent constructor\n    state: DragOverLayoutState;\n\n    parentOnDrag: OnDragMethod;\n    parentOnDragStop: OnDragMethod;\n    parentOnDragOver: (e: MouseEvent) => false | void;\n    _savedDraggedOutLayout: RGLLayout[] | null = null;\n    // Suppresses onLayoutMaybeChanged during imperative layout restore actions.\n    // Without this flag, our setState would trigger onLayoutChange back to the consumer\n    // that just initiated the action, causing a spurious 'change' event.\n    _isRestoringExternalLayout = false;\n    private readonly gridItemChildren = new WeakMap<\n        React.ReactElement,\n        {child: React.ReactElement; metadata: Record<string, string>}\n    >();\n\n    constructor(props: DragOverLayoutProps, context?: unknown) {\n        super(props, context);\n\n        // @ts-expect-error - onDrag is a protected method in parent class\n        this.parentOnDrag = this.onDrag;\n        // @ts-expect-error - assigning custom method to parent's onDrag\n        this.onDrag = this.extendedOnDrag;\n\n        // @ts-expect-error - onDragStop is a protected method in parent class\n        this.parentOnDragStop = this.onDragStop;\n        // @ts-expect-error - assigning custom method to parent's onDragStop\n        this.onDragStop = this.extendedOnDragStop;\n        // @ts-expect-error - onDragOver is a protected method in parent class\n        this.parentOnDragOver = this.onDragOver;\n        // @ts-expect-error - assigning custom method to parent's onDragOver\n        this.onDragOver = this.extendedOnDragOver;\n    }\n\n    componentDidMount(): void {\n        super.componentDidMount?.();\n\n        if (this.props.group !== undefined) {\n            this.props.groupResetRegistryRef?.current.set(\n                this.props.group,\n                this.resetExternalPlaceholder,\n            );\n        }\n\n        // If cursor is moved out of the window there is a bug\n        // which leaves placeholder element in grid, this action needed to reset this state\n        window.addEventListener('dragend', this.resetExternalPlaceholder);\n        const innerElement = this.getInnerElement();\n\n        if (innerElement) {\n            innerElement.addEventListener('mouseup', this.mouseUpHandler);\n            innerElement.addEventListener('mouseenter', this.mouseEnterHandler);\n            innerElement.addEventListener('mouseleave', this.mouseLeaveHandler);\n            innerElement.addEventListener('mousemove', this.mouseMoveHandler);\n        }\n    }\n\n    componentDidUpdate(prevProps: DragOverLayoutProps, prevState: DragOverLayoutState): void {\n        const revisionChanged =\n            prevProps.externalLayoutRevision !== this.props.externalLayoutRevision;\n\n        if (revisionChanged && this.props.layout) {\n            const newLayout = utils.synchronizeLayoutWithChildren(\n                this.props.layout,\n                this.props.children,\n                this.props.cols,\n                utils.compactType(this.props),\n                this.props.allowOverlap,\n            );\n\n            this._isRestoringExternalLayout = true;\n            // Override both layout and propsLayout so getDerivedStateFromProps\n            // doesn't revert our update on the next render cycle.\n            this.setState(\n                {\n                    layout: newLayout,\n                    propsLayout: this.props.layout,\n                } as unknown as DragOverLayoutState,\n                () => {\n                    this._isRestoringExternalLayout = false;\n                },\n            );\n            // RGL's shouldComponentUpdate only tracks activeDrag/mounted/droppingPosition — not\n            // state.layout. So setState({layout}) alone is silently ignored (no re-render).\n            // forceUpdate bypasses SCU and is batched with the setState above, producing a\n            // single render cycle with the merged state that includes the restored layout.\n            this.forceUpdate();\n            // Don't call super here: restoring is an external action, not a user drag/resize.\n            // onLayoutMaybeChanged is suppressed via _isRestoringExternalLayout.\n            return;\n        }\n\n        // Maintain parent behavior for all non-restore cycles (drag, resize, etc.).\n        super.componentDidUpdate?.(prevProps, prevState);\n    }\n\n    onLayoutMaybeChanged(newLayout: RGLLayout[], oldLayout: RGLLayout[]): void {\n        if (this._isRestoringExternalLayout) {\n            return;\n        }\n        // @ts-expect-error — onLayoutMaybeChanged is not in ReactGridLayout's public types\n        super.onLayoutMaybeChanged(newLayout, oldLayout);\n    }\n\n    componentWillUnmount(): void {\n        if (this.props.group !== undefined) {\n            this.props.groupResetRegistryRef?.current.delete(this.props.group);\n        }\n\n        window.removeEventListener('dragend', this.resetExternalPlaceholder);\n        const innerElement = this.getInnerElement();\n\n        if (innerElement) {\n            innerElement.removeEventListener('mouseup', this.mouseUpHandler);\n            innerElement.removeEventListener('mouseenter', this.mouseEnterHandler);\n            innerElement.removeEventListener('mouseleave', this.mouseLeaveHandler);\n            innerElement.removeEventListener('mousemove', this.mouseMoveHandler);\n        }\n    }\n\n    // react-grid-layout doens't calculate it's height when last element is removed\n    // and just keeps the previous value\n    // so for autosize to work in that case we are resetting it's height value\n    containerHeight(): string | undefined {\n        if (this.props.autoSize && this.state.layout.length === 0) {\n            return;\n        }\n\n        // eslint-disable-next-line consistent-return\n        // @ts-expect-error - containerHeight is a protected method in parent class\n        return super.containerHeight();\n    }\n\n    // innerRef is passed by WithProvider without this wrapper there are only\n    // * findDOMNode - deprecated\n    // * rewrite whole ReactGridLayout.render method\n    // so in that case don't try to use this class on it's own\n    // or pass innerRef: React.MutableRef as it's not optional prop\n    getInnerElement(): HTMLDivElement | null {\n        const {innerRef} = this.props;\n\n        return innerRef && isRefObject(innerRef) && innerRef.current ? innerRef.current : null;\n    }\n\n    // Reset placeholder when item dragged from outside\n    resetExternalPlaceholder = (): void => {\n        // @ts-expect-error - dragEnterCounter is an internal property of parent class\n        if (this.dragEnterCounter) {\n            // @ts-expect-error - dragEnterCounter is an internal property of parent class\n            this.dragEnterCounter = 0;\n            // @ts-expect-error - removeDroppingPlaceholder is a protected method in parent class\n            this.removeDroppingPlaceholder();\n        }\n    };\n\n    // Hide placeholder when element is dragged out\n    hideLocalPlaceholder = (i: string): RGLLayout[] => {\n        const {layout} = this.state;\n        const {cols} = this.props;\n        const savedLayout = layout.map((item) => ({...item}));\n\n        let hiddenElement: RGLLayout | undefined;\n        const newLayout = utils.compact(\n            layout.filter((item) => {\n                if (item.i === i) {\n                    hiddenElement = item;\n                    return false;\n                }\n\n                return true;\n            }),\n            utils.compactType(this.props),\n            cols,\n        );\n\n        if (hiddenElement) {\n            newLayout.push(hiddenElement);\n        }\n\n        this.setState({\n            activeDrag: null,\n            layout: newLayout,\n        });\n\n        return savedLayout;\n    };\n\n    extendedOnDrag = (\n        i: string,\n        x: number,\n        y: number,\n        sintEv: {e: Event; node: HTMLElement},\n    ): void => {\n        if (this.props.isDragCaptured) {\n            if (!this._savedDraggedOutLayout) {\n                this._savedDraggedOutLayout = this.hideLocalPlaceholder(i);\n            }\n\n            return;\n        }\n\n        this._savedDraggedOutLayout = null;\n        // parent onDrag will show new placeholder again\n        this.parentOnDrag(i, x, y, sintEv);\n    };\n\n    extendedOnDragStop = (\n        i: string,\n        x: number,\n        y: number,\n        sintEv: {e: Event; node: HTMLElement},\n    ): void => {\n        // Restoring layout if item was dropped outside of the grid\n        if (this._savedDraggedOutLayout) {\n            const savedLayout = this._savedDraggedOutLayout;\n            const l = utils.getLayoutItem(savedLayout, i);\n\n            // Create placeholder (display only)\n            const placeholder: RGLLayoutWithPlaceholder = {\n                w: l.w,\n                h: l.h,\n                x: l.x,\n                y: l.y,\n                placeholder: true,\n                i: i,\n            };\n\n            this.setState(\n                {\n                    layout: savedLayout,\n                    activeDrag: placeholder,\n                },\n                () => {\n                    this.parentOnDragStop(i, x, y, sintEv);\n                },\n            );\n\n            this._savedDraggedOutLayout = null;\n        } else {\n            this.parentOnDragStop(i, x, y, sintEv);\n        }\n    };\n\n    extendedOnDragOver = (e: MouseEvent): false | void => {\n        this.props.onBeforeDragOver?.();\n        return this.parentOnDragOver(e);\n    };\n\n    isSharedDragTarget = (): boolean => {\n        const drag = this.props.dragStateRef?.current;\n        return Boolean(drag?.isDragging);\n    };\n\n    // Proxy mouse events -> drag methods for dnd between groups\n    mouseEnterHandler = (e: MouseEvent): void => {\n        if (this.isSharedDragTarget()) {\n            // @ts-expect-error - onDragEnter is a protected method in parent class\n            this.onDragEnter(e);\n        } else if (this.props.isDragCaptured) {\n            this.props.onDragTargetRestore?.();\n        }\n    };\n\n    mouseLeaveHandler = (e: MouseEvent): void => {\n        if (this.isSharedDragTarget()) {\n            // @ts-expect-error - onDragLeave is a protected method in parent class\n            this.onDragLeave(e);\n            this.props.onDragTargetRestore?.();\n        }\n    };\n\n    mouseMoveHandler = (e: MouseEvent): void => {\n        if (\n            this.isSharedDragTarget() &&\n            this.props.group !== this.props.dragStateRef?.current.sourceGroup\n        ) {\n            if (!(e as MouseEvent & {nativeEvent?: MouseEvent}).nativeEvent) {\n                // Emulate nativeEvent for firefox\n                const target = this.getInnerElement() || (e.target as HTMLElement);\n\n                (e as MouseEvent & {nativeEvent: Partial<MouseEvent>}).nativeEvent = {\n                    clientX: e.clientX,\n                    clientY: e.clientY,\n                    target,\n                };\n            }\n\n            // @ts-expect-error - onDragOver is a protected method in parent class\n            this.onDragOver(e);\n        }\n    };\n\n    mouseUpHandler = (e: MouseEvent): void => {\n        if (this.isSharedDragTarget()) {\n            e.preventDefault();\n            const {droppingItem} = this.props;\n            const {layout} = this.state;\n            const item = layout.find((l) => l.i === droppingItem?.i);\n\n            // reset dragEnter counter on drop for all registered groups\n            this.props.groupResetRegistryRef?.current.forEach((reset) => reset());\n\n            if (item) {\n                this.props.onDrop?.(layout, item, e);\n            }\n        }\n    };\n\n    calculateDroppingPosition(itemProps: {\n        containerWidth: number;\n        cols: number;\n        w: number;\n        h: number;\n        rowHeight: number;\n        margin: [number, number];\n        transformScale: number;\n        droppingPosition: {left: number; top: number};\n    }): {left: number; top: number} {\n        const {containerWidth, cols, w, h, rowHeight, margin, transformScale, droppingPosition} =\n            itemProps;\n        const sharedDragPosition = this.props.sharedDragPositionRef?.current;\n\n        let offsetX: number, offsetY: number;\n\n        if (sharedDragPosition) {\n            offsetX = sharedDragPosition.offsetX;\n            offsetY = sharedDragPosition.offsetY;\n        } else {\n            offsetX = (((containerWidth / cols) * w) / 2 || 0) * transformScale;\n            offsetY = ((h * rowHeight + (h - 1) * margin[1]) / 2 || 0) * transformScale;\n        }\n\n        return {\n            ...droppingPosition,\n            left: droppingPosition.left - offsetX,\n            top: droppingPosition.top - offsetY,\n        };\n    }\n\n    // Drop item from outside gets 0,0 droppingPosition\n    // centering cursor on newly creted grid item\n    // And cause grid-layout using it's own GridItem to make it look\n    // like overlay adding className\n    processGridItem(\n        child: React.ReactElement,\n        isDroppingItem?: boolean,\n    ): React.ReactElement | undefined {\n        // @ts-expect-error - processGridItem is a protected method in parent class\n        const gridItem = super.processGridItem?.(child, isDroppingItem);\n\n        if (!gridItem) {\n            return gridItem;\n        }\n\n        const {cols, containerPadding, h, margin, rowHeight, useCSSTransforms, w, x, y} =\n            gridItem.props;\n        const [marginX, marginY] = margin;\n        const [paddingX, paddingY] = containerPadding;\n        const gridItemMetadata: Record<string, string> = {\n            'data-dashkit-grid-cols': String(cols),\n            'data-dashkit-grid-h': String(h),\n            'data-dashkit-grid-margin-x': String(marginX),\n            'data-dashkit-grid-margin-y': String(marginY),\n            'data-dashkit-grid-padding-x': String(paddingX),\n            'data-dashkit-grid-padding-y': String(paddingY),\n            'data-dashkit-grid-row-height': String(rowHeight),\n            'data-dashkit-grid-use-css-transforms': String(useCSSTransforms),\n            'data-dashkit-grid-w': String(w),\n            'data-dashkit-grid-x': String(x),\n            'data-dashkit-grid-y': String(y),\n        };\n        // Lazy proxy for transformScaleRef so react-draggable reads fresh scale without re-render.\n        const {transformScaleRef} = this.props;\n        const lazyScale = transformScaleRef\n            ? ({valueOf: () => transformScaleRef.current} as unknown as number)\n            : undefined;\n\n        if (isDroppingItem) {\n            // React.cloneElement is just cleaner then copy-paste whole processGridItem method\n            return React.cloneElement(gridItem, {\n                ...(lazyScale !== undefined && {transformScale: lazyScale}),\n                // hiding preview if dragging shared item\n                style: this.isSharedDragTarget()\n                    ? {...gridItem.props.style, opacity: 0}\n                    : gridItem.props.style,\n                className: `${OVERLAY_CLASS_NAME} ${DROPPING_ELEMENT_CLASS_NAME}`,\n                droppingPosition: this.calculateDroppingPosition(gridItem.props),\n            });\n        }\n\n        const gridChild = gridItem.props.children as React.ReactElement<Record<string, string>>;\n        const cachedGridItemChild = this.gridItemChildren.get(gridChild);\n        const gridItemChild =\n            cachedGridItemChild &&\n            Object.keys(gridItemMetadata).every(\n                (key) => cachedGridItemChild.metadata[key] === gridItemMetadata[key],\n            )\n                ? cachedGridItemChild.child\n                : React.cloneElement(gridChild, gridItemMetadata);\n\n        if (gridItemChild !== cachedGridItemChild?.child) {\n            this.gridItemChildren.set(gridChild, {\n                child: gridItemChild,\n                metadata: gridItemMetadata,\n            });\n        }\n\n        if (lazyScale !== undefined) {\n            return React.cloneElement(gridItem, {\n                children: gridItemChild,\n                transformScale: lazyScale,\n            });\n        }\n\n        return React.cloneElement(gridItem, {children: gridItemChild});\n    }\n}\n\nclass PassiveWidthProvider extends React.Component<\n    PassiveWidthProviderProps,\n    {interactionRevision: number; isMounted: boolean; settledWidth: number}\n> {\n    state = {interactionRevision: 0, isMounted: false, settledWidth: 1280};\n\n    private element: HTMLDivElement | null = null;\n    private readonly elementRef = React.createRef<HTMLDivElement>();\n    private readonly widthRef = {current: 1280};\n    private gridItems: HTMLElement[] = [];\n    private lastAppliedWidth?: number;\n    private resizeObserver?: ResizeObserver;\n    private settledWidthCommitFrame?: number;\n    private isComponentMounted = false;\n\n    componentDidMount() {\n        this.isComponentMounted = true;\n        this.syncElement();\n        this.setState({isMounted: true, settledWidth: this.widthRef.current});\n    }\n\n    componentDidUpdate() {\n        this.syncElement();\n        this.cacheGridItems();\n        this.updateGridItems(this.widthRef.current);\n    }\n\n    componentWillUnmount() {\n        this.isComponentMounted = false;\n        this.resizeObserver?.disconnect();\n        this.resizeObserver = undefined;\n        if (this.settledWidthCommitFrame !== undefined) {\n            window.cancelAnimationFrame(this.settledWidthCommitFrame);\n            this.settledWidthCommitFrame = undefined;\n        }\n        this.element?.removeEventListener('pointerdown', this.handlePointerDown, true);\n        this.element = null;\n    }\n\n    render() {\n        const {measureBeforeMount, ...props} = this.props;\n\n        if (measureBeforeMount && !this.state.isMounted) {\n            return (\n                <div\n                    className={[props.className, GRID_LAYOUT_CLASS_NAME].filter(Boolean).join(' ')}\n                    ref={this.elementRef}\n                    style={props.style}\n                />\n            );\n        }\n\n        return (\n            <DragOverLayout\n                {...props}\n                innerRef={this.elementRef}\n                onBeforeDragOver={this.syncSettledWidth}\n                width={this.state.settledWidth}\n            />\n        );\n    }\n\n    private cacheGridItems = () => {\n        const node = this.element;\n        this.gridItems = node\n            ? Array.from(node.children).filter(\n                  (child): child is HTMLElement =>\n                      child instanceof HTMLElement &&\n                      child.matches('.react-grid-item[data-dashkit-grid-cols]'),\n              )\n            : [];\n        this.lastAppliedWidth = undefined;\n    };\n\n    private updateGridItems = (width: number) => {\n        if (width === this.lastAppliedWidth) {\n            return;\n        }\n        this.lastAppliedWidth = width;\n\n        this.gridItems.forEach((item) => {\n            if (\n                item.classList.contains('react-draggable-dragging') ||\n                item.classList.contains('resizing')\n            ) {\n                return;\n            }\n\n            const {dataset, style} = item;\n            const cols = Number(dataset.dashkitGridCols);\n            const x = Number(dataset.dashkitGridX);\n            const y = Number(dataset.dashkitGridY);\n            const w = Number(dataset.dashkitGridW);\n            const h = Number(dataset.dashkitGridH);\n            const marginX = Number(dataset.dashkitGridMarginX);\n            const marginY = Number(dataset.dashkitGridMarginY);\n            const paddingX = Number(dataset.dashkitGridPaddingX);\n            const paddingY = Number(dataset.dashkitGridPaddingY);\n            const rowHeight = Number(dataset.dashkitGridRowHeight);\n            const useCSSTransforms = dataset.dashkitGridUseCssTransforms === 'true';\n\n            if (\n                [cols, x, y, w, h, marginX, marginY, paddingX, paddingY, rowHeight].some(\n                    (value) => !Number.isFinite(value),\n                )\n            ) {\n                return;\n            }\n\n            Object.assign(\n                style,\n                getGridItemStyle({\n                    cols,\n                    containerPadding: [paddingX, paddingY],\n                    h,\n                    margin: [marginX, marginY],\n                    rowHeight,\n                    useCSSTransforms,\n                    w,\n                    width,\n                    x,\n                    y,\n                }),\n            );\n        });\n    };\n\n    private handlePointerDown = () => {\n        if (!this.props.isDraggable && !this.props.isResizable) {\n            return;\n        }\n\n        flushSync(() => {\n            this.setState((state) => ({\n                interactionRevision: state.interactionRevision + 1,\n                settledWidth: this.widthRef.current,\n            }));\n        });\n    };\n\n    private syncSettledWidth = () => {\n        if (this.state.settledWidth === this.widthRef.current) {\n            return;\n        }\n\n        flushSync(() => {\n            this.setState({settledWidth: this.widthRef.current});\n        });\n    };\n\n    private scheduleSettledWidthCommit = () => {\n        if (this.settledWidthCommitFrame !== undefined) {\n            window.cancelAnimationFrame(this.settledWidthCommitFrame);\n        }\n        this.settledWidthCommitFrame = window.requestAnimationFrame(() => {\n            this.settledWidthCommitFrame = window.requestAnimationFrame(() => {\n                this.settledWidthCommitFrame = undefined;\n                if (this.state.settledWidth !== this.widthRef.current) {\n                    this.setState({settledWidth: this.widthRef.current});\n                }\n            });\n        });\n    };\n\n    private syncElement = () => {\n        const node = this.elementRef.current;\n        if (node === this.element) {\n            return;\n        }\n\n        if (this.element) {\n            this.resizeObserver?.unobserve(this.element);\n            this.element.removeEventListener('pointerdown', this.handlePointerDown, true);\n        }\n\n        this.element = node;\n        if (node && this.isComponentMounted) {\n            this.observeElement(node);\n        }\n    };\n\n    private observeElement = (node: HTMLDivElement) => {\n        this.widthRef.current = node.clientWidth;\n        this.cacheGridItems();\n        this.updateGridItems(this.widthRef.current);\n        node.addEventListener('pointerdown', this.handlePointerDown, true);\n        this.resizeObserver ??= new (\n            typeof ResizeObserver === 'function' ? ResizeObserver : ResizeObserverPolyfill\n        )((entries: ResizeObserverEntry[]) => {\n            const entry = entries.find((currentEntry) => currentEntry.target === this.element);\n            if (!entry) {\n                return;\n            }\n\n            this.widthRef.current = entry.contentRect.width;\n            this.updateGridItems(this.widthRef.current);\n            this.scheduleSettledWidthCommit();\n        });\n        this.resizeObserver.observe(node);\n    };\n}\n\nexport const Layout = PassiveWidthProvider;\n"]}

package/build/esm/components/GridLayout/__tests__/passive-resize.test.d.ts

@@ -0,0 +1,2 @@
+/** @jest-environment jsdom */
+export {};