@gravity-ui/dashkit 10.4.0 → 10.4.2

package/build/cjs/components/GridItem/GridItem.d.ts

@@ -1,8 +1,10 @@
 import React from 'react';
+import { DashKitContext } from "../../context/index.js";
 import type { ConfigItem, ConfigLayout } from "../../shared/index.js";
 import type { PluginRef, PluginWidgetProps, ReactGridLayoutProps } from "../../typings/index.js";
 import type { DashKitProps } from "../DashKit/index.js";
 import "./GridItem.css";
+type DashkitGridDataAttribute = 'data-dashkit-grid-cols' | 'data-dashkit-grid-h' | 'data-dashkit-grid-margin-x' | 'data-dashkit-grid-margin-y' | 'data-dashkit-grid-padding-x' | 'data-dashkit-grid-padding-y' | 'data-dashkit-grid-row-height' | 'data-dashkit-grid-use-css-transforms' | 'data-dashkit-grid-w' | 'data-dashkit-grid-x' | 'data-dashkit-grid-y';
 type GridItemProps = {
     adjustWidgetLayout: PluginWidgetProps['adjustWidgetLayout'];
     gridLayout?: ReactGridLayoutProps;
@@ -28,6 +30,24 @@ type GridItemProps = {
     onTouchStart?: (e: React.TouchEvent<HTMLDivElement>) => void;
     onItemFocus?: DashKitProps['onItemFocus'];
     onItemBlur?: DashKitProps['onItemBlur'];
+} & Partial<Record<DashkitGridDataAttribute, string>>;
+type GridItemState = {
+    isFocused: boolean;
 };
+export declare class GridItem extends React.PureComponent<GridItemProps, GridItemState> {
+    static contextType: React.Context<import("../../context/index.js").DashKitCtxShape>;
+    context: React.ContextType<typeof DashKitContext>;
+    _isAsyncItem: boolean;
+    _isMounted: boolean;
+    controller: AbortController | null;
+    state: GridItemState;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    renderOverlay(): React.JSX.Element | null;
+    onOverlayItemClick: () => void;
+    onFocusHandler: () => void;
+    onBlurHandler: () => void;
+    render(): React.JSX.Element;
+}
 declare const GridItemForwarderRef: React.ForwardRefExoticComponent<Omit<GridItemProps, "forwardedRef"> & React.RefAttributes<HTMLDivElement>>;
 export default GridItemForwarderRef;

package/build/cjs/components/GridItem/GridItem.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridItem = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const constants_1 = require("../../constants/index.js");
@@ -148,13 +149,14 @@ class GridItem extends react_1.default.PureComponent {
             }
             : {};
         const { _editActive } = this.props.item.data;
-        return (react_1.default.createElement("div", Object.assign({ className: computedClassName, "data-qa": "dashkit-grid-item", style: style, ref: this.props.forwardedRef }, reactGridLayoutProps, reactFocusProps),
+        return (react_1.default.createElement("div", Object.assign({ className: computedClassName, "data-qa": "dashkit-grid-item", "data-dashkit-grid-cols": this.props['data-dashkit-grid-cols'], "data-dashkit-grid-h": this.props['data-dashkit-grid-h'], "data-dashkit-grid-margin-x": this.props['data-dashkit-grid-margin-x'], "data-dashkit-grid-margin-y": this.props['data-dashkit-grid-margin-y'], "data-dashkit-grid-padding-x": this.props['data-dashkit-grid-padding-x'], "data-dashkit-grid-padding-y": this.props['data-dashkit-grid-padding-y'], "data-dashkit-grid-row-height": this.props['data-dashkit-grid-row-height'], "data-dashkit-grid-use-css-transforms": this.props['data-dashkit-grid-use-css-transforms'], "data-dashkit-grid-w": this.props['data-dashkit-grid-w'], "data-dashkit-grid-x": this.props['data-dashkit-grid-x'], "data-dashkit-grid-y": this.props['data-dashkit-grid-y'], style: style, ref: this.props.forwardedRef }, reactGridLayoutProps, reactFocusProps),
             react_1.default.createElement("div", { className: b('item', { editMode: editMode && !_editActive && !noOverlay }) },
                 react_1.default.createElement(Item_1.default, { id: this.props.id, item: this.props.item, shouldItemUpdate: !isDragging, width: width, height: height, transform: transform, isPlaceholder: isPlaceholder, adjustWidgetLayout: this.props.adjustWidgetLayout, layout: this.props.layout, forwardedPluginRef: this.props.forwardedPluginRef, onItemMountChange: this.props.onItemMountChange, onItemRender: this.props.onItemRender, gridLayout: this.props.gridLayout })),
             !noOverlay && this.renderOverlay(),
             preparedChildren));
     }
 }
+exports.GridItem = GridItem;
 GridItem.contextType = context_1.DashKitContext;
 const GridItemForwarderRef = react_1.default.forwardRef((props, ref) => {
     return react_1.default.createElement(GridItem, Object.assign({}, props, { forwardedRef: ref }));

package/build/cjs/components/GridItem/GridItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridItem.js","sourceRoot":"../../../../src","sources":["components/GridItem/GridItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport {FOCUSED_CLASS_NAME} from '../../constants';\nimport {DashKitContext} from '../../context';\nimport type {ConfigItem, ConfigLayout} from '../../shared';\nimport type {PluginRef, PluginWidgetProps, ReactGridLayoutProps} from '../../typings';\nimport {cn} from '../../utils/cn';\nimport type {DashKitProps} from '../DashKit';\nimport Item from '../Item/Item';\nimport OverlayControls from '../OverlayControls/OverlayControls';\n\nimport './GridItem.scss';\n\nconst b = cn('dashkit-grid-item');\n\nclass WindowFocusObserver {\n    subscribers = 0;\n    isFocused = !document.hidden;\n\n    constructor() {\n        window.addEventListener('blur', this.blurHandler, true);\n        window.addEventListener('focus', this.focusHandler, true);\n    }\n\n    blurHandler = (e: FocusEvent) => {\n        if (e.target === window) {\n            this.isFocused = false;\n        }\n    };\n\n    focusHandler = (e: FocusEvent) => {\n        if (e.target === window) {\n            this.isFocused = true;\n        }\n    };\n\n    // Method to get state after all blur\\focus events in document are triggered\n    async getFocusedState(): Promise<boolean> {\n        return new Promise((resolve) => {\n            requestAnimationFrame(() => {\n                resolve(this.isFocused);\n            });\n        });\n    }\n}\n\nconst windowFocusObserver = new WindowFocusObserver();\n\ntype GridItemProps = {\n    adjustWidgetLayout: PluginWidgetProps['adjustWidgetLayout'];\n    gridLayout?: ReactGridLayoutProps;\n    id: string;\n    item: ConfigItem;\n    isDragging?: boolean;\n    isDraggedOut?: boolean;\n    layout: ConfigLayout[];\n\n    forwardedRef?: React.Ref<HTMLDivElement>;\n    forwardedPluginRef?: (pluginRef: PluginRef) => void;\n    isPlaceholder?: boolean;\n\n    onItemMountChange?: DashKitProps['onItemMountChange'];\n    onItemRender?: DashKitProps['onItemRender'];\n\n    // from react-grid-layout:\n    children?: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    noOverlay?: boolean;\n    focusable?: boolean;\n    withCustomHandle?: boolean;\n    onMouseDown?: (e: React.MouseEvent<HTMLDivElement>) => void;\n    onMouseUp?: (e: React.MouseEvent<HTMLDivElement>) => void;\n    onTouchEnd?: (e: React.TouchEvent<HTMLDivElement>) => void;\n    onTouchStart?: (e: React.TouchEvent<HTMLDivElement>) => void;\n    onItemFocus?: DashKitProps['onItemFocus'];\n    onItemBlur?: DashKitProps['onItemBlur'];\n};\n\ntype GridItemState = {\n    isFocused: boolean;\n};\n\nclass GridItem extends React.PureComponent<GridItemProps, GridItemState> {\n    static contextType = DashKitContext;\n    context!: React.ContextType<typeof DashKitContext>;\n\n    _isAsyncItem = false;\n    _isMounted = false;\n    controller: AbortController | null = null;\n\n    state: GridItemState = {\n        isFocused: false,\n    };\n\n    componentDidMount() {\n        this._isMounted = true;\n    }\n\n    componentWillUnmount() {\n        this._isMounted = false;\n        if (this.controller) {\n            this.controller.abort();\n        }\n    }\n\n    renderOverlay() {\n        const {isPlaceholder} = this.props;\n        const {editMode} = this.context;\n\n        if (editMode && this.props.item.data._editActive) {\n            // needed for correst pointer-events: none work in firefox\n            return <div className={b('overlay-placeholder')} />;\n        }\n\n        if (!editMode || this.props.item.data._editActive || isPlaceholder) {\n            return null;\n        }\n\n        const {item, focusable} = this.props;\n\n        return (\n            <React.Fragment>\n                <div className={b('overlay')} />\n                <OverlayControls\n                    configItem={item}\n                    onItemClick={focusable ? this.onOverlayItemClick : undefined}\n                />\n            </React.Fragment>\n        );\n    }\n\n    onOverlayItemClick = () => {\n        // Creating button element to trigger focus out\n        const focusDummy = document.createElement('button');\n        Object.assign(focusDummy.style, {\n            width: '0',\n            height: '0',\n            opacity: '0',\n            position: 'fixed',\n            top: '0',\n            left: '0',\n        });\n\n        // requestAnimationFrame to make call after alert() or confirm()\n        requestAnimationFrame(() => {\n            if (!this._isMounted) {\n                return;\n            }\n\n            // Adding elment an changing focus\n            document.body.appendChild(focusDummy);\n            focusDummy.focus();\n            document.body.removeChild(focusDummy);\n\n            this.setState({isFocused: false});\n        });\n    };\n\n    onFocusHandler = () => {\n        this.setState({isFocused: true});\n\n        if (this.props.onItemFocus) {\n            // Sync focus and blur handlers\n            windowFocusObserver.getFocusedState().then(() => {\n                this.props.onItemFocus?.(this.props.item);\n            });\n        }\n\n        if (this.controller) {\n            this.controller.abort();\n        }\n    };\n\n    onBlurHandler = () => {\n        this.controller = new AbortController();\n\n        windowFocusObserver.getFocusedState().then((isWindowFocused) => {\n            if (!this.controller?.signal.aborted && isWindowFocused) {\n                this.setState({isFocused: false});\n                this.props.onItemBlur?.(this.props.item);\n            }\n\n            this.controller = null;\n        });\n    };\n\n    render() {\n        // из-за бага, что Grid Items unmounts при изменении static, isDraggable, isResaizable\n        // https://github.com/STRML/react-grid-layout/issues/721\n        const {\n            style,\n            onMouseDown,\n            onMouseUp,\n            onTouchEnd,\n            onTouchStart,\n            children,\n            className,\n            isDragging,\n            isDraggedOut,\n            noOverlay,\n            focusable,\n            withCustomHandle,\n            isPlaceholder = false,\n        } = this.props;\n        const {editMode} = this.context;\n        const {isFocused} = this.state;\n\n        const width =\n            style?.width === undefined ? undefined : Number.parseInt(String(style.width), 10);\n        const height =\n            style?.height === undefined ? undefined : Number.parseInt(String(style.height), 10);\n        const transform = style?.transform;\n        const preparedClassName =\n            (editMode\n                ? className\n                : className\n                      ?.replace('react-resizable', '')\n                      .replace('react-draggable', '')\n                      .replace(FOCUSED_CLASS_NAME, '')) +\n            (isFocused ? ` ${FOCUSED_CLASS_NAME}` : '');\n        const computedClassName = b(\n            {\n                'is-dragging': isDragging,\n                'is-dragged-out': isDraggedOut,\n                'is-focused': isFocused,\n                'with-custom-handle': withCustomHandle,\n            },\n            preparedClassName,\n        );\n\n        const preparedChildren = editMode ? children : null;\n        const reactGridLayoutProps = editMode\n            ? {onMouseDown, onMouseUp, onTouchEnd, onTouchStart}\n            : {};\n        const reactFocusProps = focusable\n            ? {\n                  onFocus: this.onFocusHandler,\n                  onBlur: this.onBlurHandler,\n                  tabIndex: -1,\n              }\n            : {};\n        const {_editActive} = this.props.item.data;\n\n        return (\n            <div\n                className={computedClassName}\n                data-qa=\"dashkit-grid-item\"\n                style={style}\n                ref={this.props.forwardedRef}\n                {...reactGridLayoutProps}\n                {...reactFocusProps}\n            >\n                <div className={b('item', {editMode: editMode && !_editActive && !noOverlay})}>\n                    <Item\n                        id={this.props.id}\n                        item={this.props.item}\n                        shouldItemUpdate={!isDragging}\n                        width={width}\n                        height={height}\n                        transform={transform}\n                        isPlaceholder={isPlaceholder}\n                        adjustWidgetLayout={this.props.adjustWidgetLayout}\n                        layout={this.props.layout}\n                        forwardedPluginRef={this.props.forwardedPluginRef}\n                        onItemMountChange={this.props.onItemMountChange}\n                        onItemRender={this.props.onItemRender}\n                        gridLayout={this.props.gridLayout}\n                    />\n                </div>\n                {!noOverlay && this.renderOverlay()}\n                {preparedChildren}\n            </div>\n        );\n    }\n}\n\nconst GridItemForwarderRef = React.forwardRef<HTMLDivElement, Omit<GridItemProps, 'forwardedRef'>>(\n    (props, ref) => {\n        return <GridItem {...props} forwardedRef={ref} />;\n    },\n);\n\nGridItemForwarderRef.displayName = 'forwardRef(GridItem)';\n\nexport default GridItemForwarderRef;\n"]}
+{"version":3,"file":"GridItem.js","sourceRoot":"../../../../src","sources":["components/GridItem/GridItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport {FOCUSED_CLASS_NAME} from '../../constants';\nimport {DashKitContext} from '../../context';\nimport type {ConfigItem, ConfigLayout} from '../../shared';\nimport type {PluginRef, PluginWidgetProps, ReactGridLayoutProps} from '../../typings';\nimport {cn} from '../../utils/cn';\nimport type {DashKitProps} from '../DashKit';\nimport Item from '../Item/Item';\nimport OverlayControls from '../OverlayControls/OverlayControls';\n\nimport './GridItem.scss';\n\nconst b = cn('dashkit-grid-item');\n\nclass WindowFocusObserver {\n    subscribers = 0;\n    isFocused = !document.hidden;\n\n    constructor() {\n        window.addEventListener('blur', this.blurHandler, true);\n        window.addEventListener('focus', this.focusHandler, true);\n    }\n\n    blurHandler = (e: FocusEvent) => {\n        if (e.target === window) {\n            this.isFocused = false;\n        }\n    };\n\n    focusHandler = (e: FocusEvent) => {\n        if (e.target === window) {\n            this.isFocused = true;\n        }\n    };\n\n    // Method to get state after all blur\\focus events in document are triggered\n    async getFocusedState(): Promise<boolean> {\n        return new Promise((resolve) => {\n            requestAnimationFrame(() => {\n                resolve(this.isFocused);\n            });\n        });\n    }\n}\n\nconst windowFocusObserver = new WindowFocusObserver();\n\ntype DashkitGridDataAttribute =\n    | 'data-dashkit-grid-cols'\n    | 'data-dashkit-grid-h'\n    | 'data-dashkit-grid-margin-x'\n    | 'data-dashkit-grid-margin-y'\n    | 'data-dashkit-grid-padding-x'\n    | 'data-dashkit-grid-padding-y'\n    | 'data-dashkit-grid-row-height'\n    | 'data-dashkit-grid-use-css-transforms'\n    | 'data-dashkit-grid-w'\n    | 'data-dashkit-grid-x'\n    | 'data-dashkit-grid-y';\n\ntype GridItemProps = {\n    adjustWidgetLayout: PluginWidgetProps['adjustWidgetLayout'];\n    gridLayout?: ReactGridLayoutProps;\n    id: string;\n    item: ConfigItem;\n    isDragging?: boolean;\n    isDraggedOut?: boolean;\n    layout: ConfigLayout[];\n\n    forwardedRef?: React.Ref<HTMLDivElement>;\n    forwardedPluginRef?: (pluginRef: PluginRef) => void;\n    isPlaceholder?: boolean;\n\n    onItemMountChange?: DashKitProps['onItemMountChange'];\n    onItemRender?: DashKitProps['onItemRender'];\n\n    // from react-grid-layout:\n    children?: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    noOverlay?: boolean;\n    focusable?: boolean;\n    withCustomHandle?: boolean;\n    onMouseDown?: (e: React.MouseEvent<HTMLDivElement>) => void;\n    onMouseUp?: (e: React.MouseEvent<HTMLDivElement>) => void;\n    onTouchEnd?: (e: React.TouchEvent<HTMLDivElement>) => void;\n    onTouchStart?: (e: React.TouchEvent<HTMLDivElement>) => void;\n    onItemFocus?: DashKitProps['onItemFocus'];\n    onItemBlur?: DashKitProps['onItemBlur'];\n} & Partial<Record<DashkitGridDataAttribute, string>>;\n\ntype GridItemState = {\n    isFocused: boolean;\n};\n\nexport class GridItem extends React.PureComponent<GridItemProps, GridItemState> {\n    static contextType = DashKitContext;\n    context!: React.ContextType<typeof DashKitContext>;\n\n    _isAsyncItem = false;\n    _isMounted = false;\n    controller: AbortController | null = null;\n\n    state: GridItemState = {\n        isFocused: false,\n    };\n\n    componentDidMount() {\n        this._isMounted = true;\n    }\n\n    componentWillUnmount() {\n        this._isMounted = false;\n        if (this.controller) {\n            this.controller.abort();\n        }\n    }\n\n    renderOverlay() {\n        const {isPlaceholder} = this.props;\n        const {editMode} = this.context;\n\n        if (editMode && this.props.item.data._editActive) {\n            // needed for correst pointer-events: none work in firefox\n            return <div className={b('overlay-placeholder')} />;\n        }\n\n        if (!editMode || this.props.item.data._editActive || isPlaceholder) {\n            return null;\n        }\n\n        const {item, focusable} = this.props;\n\n        return (\n            <React.Fragment>\n                <div className={b('overlay')} />\n                <OverlayControls\n                    configItem={item}\n                    onItemClick={focusable ? this.onOverlayItemClick : undefined}\n                />\n            </React.Fragment>\n        );\n    }\n\n    onOverlayItemClick = () => {\n        // Creating button element to trigger focus out\n        const focusDummy = document.createElement('button');\n        Object.assign(focusDummy.style, {\n            width: '0',\n            height: '0',\n            opacity: '0',\n            position: 'fixed',\n            top: '0',\n            left: '0',\n        });\n\n        // requestAnimationFrame to make call after alert() or confirm()\n        requestAnimationFrame(() => {\n            if (!this._isMounted) {\n                return;\n            }\n\n            // Adding elment an changing focus\n            document.body.appendChild(focusDummy);\n            focusDummy.focus();\n            document.body.removeChild(focusDummy);\n\n            this.setState({isFocused: false});\n        });\n    };\n\n    onFocusHandler = () => {\n        this.setState({isFocused: true});\n\n        if (this.props.onItemFocus) {\n            // Sync focus and blur handlers\n            windowFocusObserver.getFocusedState().then(() => {\n                this.props.onItemFocus?.(this.props.item);\n            });\n        }\n\n        if (this.controller) {\n            this.controller.abort();\n        }\n    };\n\n    onBlurHandler = () => {\n        this.controller = new AbortController();\n\n        windowFocusObserver.getFocusedState().then((isWindowFocused) => {\n            if (!this.controller?.signal.aborted && isWindowFocused) {\n                this.setState({isFocused: false});\n                this.props.onItemBlur?.(this.props.item);\n            }\n\n            this.controller = null;\n        });\n    };\n\n    render() {\n        // из-за бага, что Grid Items unmounts при изменении static, isDraggable, isResaizable\n        // https://github.com/STRML/react-grid-layout/issues/721\n        const {\n            style,\n            onMouseDown,\n            onMouseUp,\n            onTouchEnd,\n            onTouchStart,\n            children,\n            className,\n            isDragging,\n            isDraggedOut,\n            noOverlay,\n            focusable,\n            withCustomHandle,\n            isPlaceholder = false,\n        } = this.props;\n        const {editMode} = this.context;\n        const {isFocused} = this.state;\n\n        const width =\n            style?.width === undefined ? undefined : Number.parseInt(String(style.width), 10);\n        const height =\n            style?.height === undefined ? undefined : Number.parseInt(String(style.height), 10);\n        const transform = style?.transform;\n        const preparedClassName =\n            (editMode\n                ? className\n                : className\n                      ?.replace('react-resizable', '')\n                      .replace('react-draggable', '')\n                      .replace(FOCUSED_CLASS_NAME, '')) +\n            (isFocused ? ` ${FOCUSED_CLASS_NAME}` : '');\n        const computedClassName = b(\n            {\n                'is-dragging': isDragging,\n                'is-dragged-out': isDraggedOut,\n                'is-focused': isFocused,\n                'with-custom-handle': withCustomHandle,\n            },\n            preparedClassName,\n        );\n\n        const preparedChildren = editMode ? children : null;\n        const reactGridLayoutProps = editMode\n            ? {onMouseDown, onMouseUp, onTouchEnd, onTouchStart}\n            : {};\n        const reactFocusProps = focusable\n            ? {\n                  onFocus: this.onFocusHandler,\n                  onBlur: this.onBlurHandler,\n                  tabIndex: -1,\n              }\n            : {};\n        const {_editActive} = this.props.item.data;\n\n        return (\n            <div\n                className={computedClassName}\n                data-qa=\"dashkit-grid-item\"\n                data-dashkit-grid-cols={this.props['data-dashkit-grid-cols']}\n                data-dashkit-grid-h={this.props['data-dashkit-grid-h']}\n                data-dashkit-grid-margin-x={this.props['data-dashkit-grid-margin-x']}\n                data-dashkit-grid-margin-y={this.props['data-dashkit-grid-margin-y']}\n                data-dashkit-grid-padding-x={this.props['data-dashkit-grid-padding-x']}\n                data-dashkit-grid-padding-y={this.props['data-dashkit-grid-padding-y']}\n                data-dashkit-grid-row-height={this.props['data-dashkit-grid-row-height']}\n                data-dashkit-grid-use-css-transforms={\n                    this.props['data-dashkit-grid-use-css-transforms']\n                }\n                data-dashkit-grid-w={this.props['data-dashkit-grid-w']}\n                data-dashkit-grid-x={this.props['data-dashkit-grid-x']}\n                data-dashkit-grid-y={this.props['data-dashkit-grid-y']}\n                style={style}\n                ref={this.props.forwardedRef}\n                {...reactGridLayoutProps}\n                {...reactFocusProps}\n            >\n                <div className={b('item', {editMode: editMode && !_editActive && !noOverlay})}>\n                    <Item\n                        id={this.props.id}\n                        item={this.props.item}\n                        shouldItemUpdate={!isDragging}\n                        width={width}\n                        height={height}\n                        transform={transform}\n                        isPlaceholder={isPlaceholder}\n                        adjustWidgetLayout={this.props.adjustWidgetLayout}\n                        layout={this.props.layout}\n                        forwardedPluginRef={this.props.forwardedPluginRef}\n                        onItemMountChange={this.props.onItemMountChange}\n                        onItemRender={this.props.onItemRender}\n                        gridLayout={this.props.gridLayout}\n                    />\n                </div>\n                {!noOverlay && this.renderOverlay()}\n                {preparedChildren}\n            </div>\n        );\n    }\n}\n\nconst GridItemForwarderRef = React.forwardRef<HTMLDivElement, Omit<GridItemProps, 'forwardedRef'>>(\n    (props, ref) => {\n        return <GridItem {...props} forwardedRef={ref} />;\n    },\n);\n\nGridItemForwarderRef.displayName = 'forwardRef(GridItem)';\n\nexport default GridItemForwarderRef;\n"]}

package/build/cjs/components/GridLayout/ReactGridLayout.d.ts

@@ -4,7 +4,7 @@ type SharedDragPosition = {
     offsetX: number;
     offsetY: number;
 };
-export declare const Layout: React.ComponentClass<ReactGridLayout.ReactGridLayoutProps & {
+type DragOverLayoutProps = ReactGridLayout.ReactGridLayoutProps & {
     innerRef?: React.Ref<HTMLDivElement>;
     isDragCaptured?: boolean;
     dragStateRef?: React.MutableRefObject<{
@@ -17,5 +17,40 @@ export declare const Layout: React.ComponentClass<ReactGridLayout.ReactGridLayou
     transformScaleRef?: React.MutableRefObject<number>;
     groupResetRegistryRef?: React.MutableRefObject<Map<string, () => void>>;
     externalLayoutRevision?: number;
-} & ReactGridLayout.WidthProviderProps, any>;
+    onBeforeDragOver?: () => void;
+};
+type PassiveWidthProviderProps = DragOverLayoutProps & {
+    measureBeforeMount?: boolean;
+};
+declare class PassiveWidthProvider extends React.Component<PassiveWidthProviderProps, {
+    interactionRevision: number;
+    isMounted: boolean;
+    settledWidth: number;
+}> {
+    state: {
+        interactionRevision: number;
+        isMounted: boolean;
+        settledWidth: number;
+    };
+    private element;
+    private readonly elementRef;
+    private readonly widthRef;
+    private gridItems;
+    private lastAppliedWidth?;
+    private resizeObserver?;
+    private settledWidthCommitFrame?;
+    private isComponentMounted;
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+    render(): React.JSX.Element;
+    private cacheGridItems;
+    private updateGridItems;
+    private handlePointerDown;
+    private syncSettledWidth;
+    private scheduleSettledWidthCommit;
+    private syncElement;
+    private observeElement;
+}
+export declare const Layout: typeof PassiveWidthProvider;
 export {};

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

@@ -3,15 +3,31 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Layout = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
+const react_dom_1 = require("react-dom");
 // @ts-expect-error - utils is not exported in type definitions
 const react_grid_layout_1 = tslib_1.__importStar(require("react-grid-layout"));
+const resize_observer_polyfill_1 = tslib_1.__importDefault(require("resize-observer-polyfill"));
 const constants_1 = require("../../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({}, react_grid_layout_1.utils.setTransform(position)), { left: '', top: '' }) : Object.assign(Object.assign({}, react_grid_layout_1.utils.setTopLeft(position)), { MozTransform: '', OTransform: '', WebkitTransform: '', msTransform: '', transform: '' });
+};
 class DragOverLayout extends react_grid_layout_1.default {
     constructor(props, context) {
         super(props, context);
@@ -20,6 +36,7 @@ class DragOverLayout extends react_grid_layout_1.default {
         // 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
@@ -89,6 +106,11 @@ class DragOverLayout extends react_grid_layout_1.default {
                 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;
@@ -152,6 +174,10 @@ class DragOverLayout extends react_grid_layout_1.default {
         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;
@@ -263,6 +289,22 @@ class DragOverLayout extends react_grid_layout_1.default {
         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
@@ -275,12 +317,177 @@ class DragOverLayout extends react_grid_layout_1.default {
                 style: this.isSharedDragTarget()
                     ? Object.assign(Object.assign({}, gridItem.props.style), { opacity: 0 }) : gridItem.props.style, className: `${constants_1.OVERLAY_CLASS_NAME} ${constants_1.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_1.default.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_1.default.cloneElement(gridItem, { transformScale: lazyScale });
+            return react_1.default.cloneElement(gridItem, {
+                children: gridItemChild,
+                transformScale: lazyScale,
+            });
+        }
+        return react_1.default.cloneElement(gridItem, { children: gridItemChild });
+    }
+}
+class PassiveWidthProvider extends react_1.default.Component {
+    constructor() {
+        super(...arguments);
+        this.state = { interactionRevision: 0, isMounted: false, settledWidth: 1280 };
+        this.element = null;
+        this.elementRef = react_1.default.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;
+            }
+            (0, react_dom_1.flushSync)(() => {
+                this.setState((state) => ({
+                    interactionRevision: state.interactionRevision + 1,
+                    settledWidth: this.widthRef.current,
+                }));
+            });
+        };
+        this.syncSettledWidth = () => {
+            if (this.state.settledWidth === this.widthRef.current) {
+                return;
+            }
+            (0, react_dom_1.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 : resize_observer_polyfill_1.default)((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 = tslib_1.__rest(_a, ["measureBeforeMount"]);
+        if (measureBeforeMount && !this.state.isMounted) {
+            return (react_1.default.createElement("div", { className: [props.className, GRID_LAYOUT_CLASS_NAME].filter(Boolean).join(' '), ref: this.elementRef, style: props.style }));
         }
-        return gridItem;
+        return (react_1.default.createElement(DragOverLayout, Object.assign({}, props, { innerRef: this.elementRef, onBeforeDragOver: this.syncSettledWidth, width: this.state.settledWidth })));
     }
 }
-// eslint-disable-next-line new-cap
-exports.Layout = (0, react_grid_layout_1.WidthProvider)(DragOverLayout);
+exports.Layout = PassiveWidthProvider;
 //# sourceMappingURL=ReactGridLayout.js.map

package/build/cjs/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":";;;;AAAA,0DAA0B;AAE1B,yCAAoC;AAEpC,+DAA+D;AAC/D,+EAAyD;AACzD,gGAA8D;AAE9D,wDAAgF;AAEhF,MAAM,sBAAsB,GAAG,mBAAmB,CAAC;AAEnD,MAAM,WAAW,GAAG,CAChB,KAAgC,EACQ,EAAE;IAC1C,OAAO,CACH,OAAO,KAAK,KAAK,QAAQ;QACzB,KAAK,KAAK,IAAI;QACd,SAAS,IAAI,KAAK;QAClB,OAAO,KAAK,CAAC,OAAO,KAAK,QAAQ,CACpC,CAAC;AACN,CAAC,CAAC;AAsCF,MAAM,gBAAgB,GAAG,CAAC,EACtB,IAAI,EACJ,gBAAgB,EAChB,MAAM,EACN,KAAK,EACL,CAAC,EACD,CAAC,EACD,CAAC,EACD,CAAC,EACD,SAAS,EACT,gBAAgB,GAYnB,EAAE,EAAE;IACD,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC;IAClC,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,gBAAgB,CAAC;IAC9C,MAAM,WAAW,GAAG,CAAC,KAAK,GAAG,OAAO,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,QAAQ,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC;IACzE,MAAM,QAAQ,GAAG;QACb,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,GAAG,OAAO,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QACrD,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,GAAG,OAAO,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAC;QACxD,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;QACrD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,CAAC,GAAG,OAAO,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;KACzD,CAAC;IAEF,OAAO,gBAAgB;QACnB,CAAC,iCAAK,yBAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,IACrD,CAAC,iCACQ,yBAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,KAC7B,YAAY,EAAE,EAAE,EAChB,UAAU,EAAE,EAAE,EACd,eAAe,EAAE,EAAE,EACnB,WAAW,EAAE,EAAE,EACf,SAAS,EAAE,EAAE,GAChB,CAAC;AACZ,CAAC,CAAC;AAEF,MAAM,cAAe,SAAQ,2BAAe;IAmBxC,YAAY,KAA0B,EAAE,OAAiB;QACrD,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QAX1B,2BAAsB,GAAuB,IAAI,CAAC;QAClD,4EAA4E;QAC5E,oFAAoF;QACpF,qEAAqE;QACrE,+BAA0B,GAAG,KAAK,CAAC;QAClB,qBAAgB,GAAG,IAAI,OAAO,EAG5C,CAAC;QAkIJ,mDAAmD;QACnD,6BAAwB,GAAG,GAAS,EAAE;YAClC,8EAA8E;YAC9E,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBACxB,8EAA8E;gBAC9E,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC;gBAC1B,qFAAqF;gBACrF,IAAI,CAAC,yBAAyB,EAAE,CAAC;YACrC,CAAC;QACL,CAAC,CAAC;QAEF,+CAA+C;QAC/C,yBAAoB,GAAG,CAAC,CAAS,EAAe,EAAE;YAC9C,MAAM,EAAC,MAAM,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;YAC5B,MAAM,EAAC,IAAI,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;YAC1B,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,mBAAK,IAAI,EAAE,CAAC,CAAC;YAEtD,IAAI,aAAoC,CAAC;YACzC,MAAM,SAAS,GAAG,yBAAK,CAAC,OAAO,CAC3B,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;gBACnB,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC;oBACf,aAAa,GAAG,IAAI,CAAC;oBACrB,OAAO,KAAK,CAAC;gBACjB,CAAC;gBAED,OAAO,IAAI,CAAC;YAChB,CAAC,CAAC,EACF,yBAAK,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,EAC7B,IAAI,CACP,CAAC;YAEF,IAAI,aAAa,EAAE,CAAC;gBAChB,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YAClC,CAAC;YAED,IAAI,CAAC,QAAQ,CAAC;gBACV,UAAU,EAAE,IAAI;gBAChB,MAAM,EAAE,SAAS;aACpB,CAAC,CAAC;YAEH,OAAO,WAAW,CAAC;QACvB,CAAC,CAAC;QAEF,mBAAc,GAAG,CACb,CAAS,EACT,CAAS,EACT,CAAS,EACT,MAAqC,EACjC,EAAE;YACN,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;gBAC5B,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC;oBAC/B,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;gBAC/D,CAAC;gBAED,OAAO;YACX,CAAC;YAED,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;YACnC,gDAAgD;YAChD,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;QACvC,CAAC,CAAC;QAEF,uBAAkB,GAAG,CACjB,CAAS,EACT,CAAS,EACT,CAAS,EACT,MAAqC,EACjC,EAAE;YACN,2DAA2D;YAC3D,IAAI,IAAI,CAAC,sBAAsB,EAAE,CAAC;gBAC9B,MAAM,WAAW,GAAG,IAAI,CAAC,sBAAsB,CAAC;gBAChD,MAAM,CAAC,GAAG,yBAAK,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;gBAE9C,oCAAoC;gBACpC,MAAM,WAAW,GAA6B;oBAC1C,CAAC,EAAE,CAAC,CAAC,CAAC;oBACN,CAAC,EAAE,CAAC,CAAC,CAAC;oBACN,CAAC,EAAE,CAAC,CAAC,CAAC;oBACN,CAAC,EAAE,CAAC,CAAC,CAAC;oBACN,WAAW,EAAE,IAAI;oBACjB,CAAC,EAAE,CAAC;iBACP,CAAC;gBAEF,IAAI,CAAC,QAAQ,CACT;oBACI,MAAM,EAAE,WAAW;oBACnB,UAAU,EAAE,WAAW;iBAC1B,EACD,GAAG,EAAE;oBACD,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;gBAC3C,CAAC,CACJ,CAAC;gBAEF,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;YACvC,CAAC;iBAAM,CAAC;gBACJ,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,CAAC;YAC3C,CAAC;QACL,CAAC,CAAC;QAEF,uBAAkB,GAAG,CAAC,CAAa,EAAgB,EAAE;;YACjD,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,gBAAgB,kDAAI,CAAC;YAChC,OAAO,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;QACpC,CAAC,CAAC;QAEF,uBAAkB,GAAG,GAAY,EAAE;;YAC/B,MAAM,IAAI,GAAG,MAAA,IAAI,CAAC,KAAK,CAAC,YAAY,0CAAE,OAAO,CAAC;YAC9C,OAAO,OAAO,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,CAAC,CAAC;QACrC,CAAC,CAAC;QAEF,4DAA4D;QAC5D,sBAAiB,GAAG,CAAC,CAAa,EAAQ,EAAE;;YACxC,IAAI,IAAI,CAAC,kBAAkB,EAAE,EAAE,CAAC;gBAC5B,uEAAuE;gBACvE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;YACxB,CAAC;iBAAM,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;gBACnC,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,mBAAmB,kDAAI,CAAC;YACvC,CAAC;QACL,CAAC,CAAC;QAEF,sBAAiB,GAAG,CAAC,CAAa,EAAQ,EAAE;;YACxC,IAAI,IAAI,CAAC,kBAAkB,EAAE,EAAE,CAAC;gBAC5B,uEAAuE;gBACvE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBACpB,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,mBAAmB,kDAAI,CAAC;YACvC,CAAC;QACL,CAAC,CAAC;QAEF,qBAAgB,GAAG,CAAC,CAAa,EAAQ,EAAE;;YACvC,IACI,IAAI,CAAC,kBAAkB,EAAE;gBACzB,IAAI,CAAC,KAAK,CAAC,KAAK,MAAK,MAAA,IAAI,CAAC,KAAK,CAAC,YAAY,0CAAE,OAAO,CAAC,WAAW,CAAA,EACnE,CAAC;gBACC,IAAI,CAAE,CAA6C,CAAC,WAAW,EAAE,CAAC;oBAC9D,kCAAkC;oBAClC,MAAM,MAAM,GAAG,IAAI,CAAC,eAAe,EAAE,IAAK,CAAC,CAAC,MAAsB,CAAC;oBAElE,CAAqD,CAAC,WAAW,GAAG;wBACjE,OAAO,EAAE,CAAC,CAAC,OAAO;wBAClB,OAAO,EAAE,CAAC,CAAC,OAAO;wBAClB,MAAM;qBACT,CAAC;gBACN,CAAC;gBAED,sEAAsE;gBACtE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;YACvB,CAAC;QACL,CAAC,CAAC;QAEF,mBAAc,GAAG,CAAC,CAAa,EAAQ,EAAE;;YACrC,IAAI,IAAI,CAAC,kBAAkB,EAAE,EAAE,CAAC;gBAC5B,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM,EAAC,YAAY,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;gBAClC,MAAM,EAAC,MAAM,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;gBAC5B,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,MAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,CAAC,CAAA,CAAC,CAAC;gBAEzD,4DAA4D;gBAC5D,MAAA,IAAI,CAAC,KAAK,CAAC,qBAAqB,0CAAE,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC;gBAEtE,IAAI,IAAI,EAAE,CAAC;oBACP,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,MAAM,mDAAG,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;gBACzC,CAAC;YACL,CAAC;QACL,CAAC,CAAC;QA/RE,kEAAkE;QAClE,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC;QAChC,gEAAgE;QAChE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC;QAElC,sEAAsE;QACtE,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,UAAU,CAAC;QACxC,oEAAoE;QACpE,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,kBAAkB,CAAC;QAC1C,sEAAsE;QACtE,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,UAAU,CAAC;QACxC,oEAAoE;QACpE,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,kBAAkB,CAAC;IAC9C,CAAC;IAED,iBAAiB;;QACb,MAAA,KAAK,CAAC,iBAAiB,oDAAI,CAAC;QAE5B,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YACjC,MAAA,IAAI,CAAC,KAAK,CAAC,qBAAqB,0CAAE,OAAO,CAAC,GAAG,CACzC,IAAI,CAAC,KAAK,CAAC,KAAK,EAChB,IAAI,CAAC,wBAAwB,CAChC,CAAC;QACN,CAAC;QAED,sDAAsD;QACtD,mFAAmF;QACnF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,wBAAwB,CAAC,CAAC;QAClE,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAE5C,IAAI,YAAY,EAAE,CAAC;YACf,YAAY,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;YAC9D,YAAY,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;YACpE,YAAY,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;YACpE,YAAY,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACtE,CAAC;IACL,CAAC;IAED,kBAAkB,CAAC,SAA8B,EAAE,SAA8B;;QAC7E,MAAM,eAAe,GACjB,SAAS,CAAC,sBAAsB,KAAK,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC;QAE3E,IAAI,eAAe,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YACvC,MAAM,SAAS,GAAG,yBAAK,CAAC,6BAA6B,CACjD,IAAI,CAAC,KAAK,CAAC,MAAM,EACjB,IAAI,CAAC,KAAK,CAAC,QAAQ,EACnB,IAAI,CAAC,KAAK,CAAC,IAAI,EACf,yBAAK,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,EAC7B,IAAI,CAAC,KAAK,CAAC,YAAY,CAC1B,CAAC;YAEF,IAAI,CAAC,0BAA0B,GAAG,IAAI,CAAC;YACvC,mEAAmE;YACnE,sDAAsD;YACtD,IAAI,CAAC,QAAQ,CACT;gBACI,MAAM,EAAE,SAAS;gBACjB,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;aACC,EACnC,GAAG,EAAE;gBACD,IAAI,CAAC,0BAA0B,GAAG,KAAK,CAAC;YAC5C,CAAC,CACJ,CAAC;YACF,oFAAoF;YACpF,gFAAgF;YAChF,+EAA+E;YAC/E,+EAA+E;YAC/E,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,kFAAkF;YAClF,qEAAqE;YACrE,OAAO;QACX,CAAC;QAED,4EAA4E;QAC5E,MAAA,KAAK,CAAC,kBAAkB,qDAAG,SAAS,EAAE,SAAS,CAAC,CAAC;IACrD,CAAC;IAED,oBAAoB,CAAC,SAAsB,EAAE,SAAsB;QAC/D,IAAI,IAAI,CAAC,0BAA0B,EAAE,CAAC;YAClC,OAAO;QACX,CAAC;QACD,mFAAmF;QACnF,KAAK,CAAC,oBAAoB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACrD,CAAC;IAED,oBAAoB;;QAChB,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YACjC,MAAA,IAAI,CAAC,KAAK,CAAC,qBAAqB,0CAAE,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACvE,CAAC;QAED,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,wBAAwB,CAAC,CAAC;QACrE,MAAM,YAAY,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAE5C,IAAI,YAAY,EAAE,CAAC;YACf,YAAY,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;YACjE,YAAY,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;YACvE,YAAY,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;YACvE,YAAY,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACzE,CAAC;IACL,CAAC;IAED,+EAA+E;IAC/E,oCAAoC;IACpC,0EAA0E;IAC1E,eAAe;QACX,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACxD,OAAO;QACX,CAAC;QAED,6CAA6C;QAC7C,2EAA2E;QAC3E,OAAO,KAAK,CAAC,eAAe,EAAE,CAAC;IACnC,CAAC;IAED,yEAAyE;IACzE,6BAA6B;IAC7B,gDAAgD;IAChD,0DAA0D;IAC1D,+DAA+D;IAC/D,eAAe;QACX,MAAM,EAAC,QAAQ,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAE9B,OAAO,QAAQ,IAAI,WAAW,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3F,CAAC;IAsKD,yBAAyB,CAAC,SASzB;;QACG,MAAM,EAAC,cAAc,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,cAAc,EAAE,gBAAgB,EAAC,GACnF,SAAS,CAAC;QACd,MAAM,kBAAkB,GAAG,MAAA,IAAI,CAAC,KAAK,CAAC,qBAAqB,0CAAE,OAAO,CAAC;QAErE,IAAI,OAAe,EAAE,OAAe,CAAC;QAErC,IAAI,kBAAkB,EAAE,CAAC;YACrB,OAAO,GAAG,kBAAkB,CAAC,OAAO,CAAC;YACrC,OAAO,GAAG,kBAAkB,CAAC,OAAO,CAAC;QACzC,CAAC;aAAM,CAAC;YACJ,OAAO,GAAG,CAAC,CAAC,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,cAAc,CAAC;YACpE,OAAO,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,cAAc,CAAC;QAChF,CAAC;QAED,uCACO,gBAAgB,KACnB,IAAI,EAAE,gBAAgB,CAAC,IAAI,GAAG,OAAO,EACrC,GAAG,EAAE,gBAAgB,CAAC,GAAG,GAAG,OAAO,IACrC;IACN,CAAC;IAED,mDAAmD;IACnD,6CAA6C;IAC7C,gEAAgE;IAChE,gCAAgC;IAChC,eAAe,CACX,KAAyB,EACzB,cAAwB;;QAExB,2EAA2E;QAC3E,MAAM,QAAQ,GAAG,MAAA,KAAK,CAAC,eAAe,qDAAG,KAAK,EAAE,cAAc,CAAC,CAAC;QAEhE,IAAI,CAAC,QAAQ,EAAE,CAAC;YACZ,OAAO,QAAQ,CAAC;QACpB,CAAC;QAED,MAAM,EAAC,IAAI,EAAE,gBAAgB,EAAE,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAC,GAC3E,QAAQ,CAAC,KAAK,CAAC;QACnB,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC;QAClC,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,gBAAgB,CAAC;QAC9C,MAAM,gBAAgB,GAA2B;YAC7C,wBAAwB,EAAE,MAAM,CAAC,IAAI,CAAC;YACtC,qBAAqB,EAAE,MAAM,CAAC,CAAC,CAAC;YAChC,4BAA4B,EAAE,MAAM,CAAC,OAAO,CAAC;YAC7C,4BAA4B,EAAE,MAAM,CAAC,OAAO,CAAC;YAC7C,6BAA6B,EAAE,MAAM,CAAC,QAAQ,CAAC;YAC/C,6BAA6B,EAAE,MAAM,CAAC,QAAQ,CAAC;YAC/C,8BAA8B,EAAE,MAAM,CAAC,SAAS,CAAC;YACjD,sCAAsC,EAAE,MAAM,CAAC,gBAAgB,CAAC;YAChE,qBAAqB,EAAE,MAAM,CAAC,CAAC,CAAC;YAChC,qBAAqB,EAAE,MAAM,CAAC,CAAC,CAAC;YAChC,qBAAqB,EAAE,MAAM,CAAC,CAAC,CAAC;SACnC,CAAC;QACF,2FAA2F;QAC3F,MAAM,EAAC,iBAAiB,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACvC,MAAM,SAAS,GAAG,iBAAiB;YAC/B,CAAC,CAAE,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,OAAO,EAAuB;YACnE,CAAC,CAAC,SAAS,CAAC;QAEhB,IAAI,cAAc,EAAE,CAAC;YACjB,kFAAkF;YAClF,OAAO,eAAK,CAAC,YAAY,CAAC,QAAQ,kCAC3B,CAAC,SAAS,KAAK,SAAS,IAAI,EAAC,cAAc,EAAE,SAAS,EAAC,CAAC;gBAC3D,yCAAyC;gBACzC,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE;oBAC5B,CAAC,iCAAK,QAAQ,CAAC,KAAK,CAAC,KAAK,KAAE,OAAO,EAAE,CAAC,IACtC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,EAC1B,SAAS,EAAE,GAAG,8BAAkB,IAAI,uCAA2B,EAAE,EACjE,gBAAgB,EAAE,IAAI,CAAC,yBAAyB,CAAC,QAAQ,CAAC,KAAK,CAAC,IAClE,CAAC;QACP,CAAC;QAED,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAsD,CAAC;QACxF,MAAM,mBAAmB,GAAG,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QACjE,MAAM,aAAa,GACf,mBAAmB;YACnB,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,KAAK,CAC/B,CAAC,GAAG,EAAE,EAAE,CAAC,mBAAmB,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,gBAAgB,CAAC,GAAG,CAAC,CACvE;YACG,CAAC,CAAC,mBAAmB,CAAC,KAAK;YAC3B,CAAC,CAAC,eAAK,CAAC,YAAY,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC;QAE1D,IAAI,aAAa,MAAK,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,KAAK,CAAA,EAAE,CAAC;YAC/C,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,SAAS,EAAE;gBACjC,KAAK,EAAE,aAAa;gBACpB,QAAQ,EAAE,gBAAgB;aAC7B,CAAC,CAAC;QACP,CAAC;QAED,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;YAC1B,OAAO,eAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;gBAChC,QAAQ,EAAE,aAAa;gBACvB,cAAc,EAAE,SAAS;aAC5B,CAAC,CAAC;QACP,CAAC;QAED,OAAO,eAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAC,QAAQ,EAAE,aAAa,EAAC,CAAC,CAAC;IACnE,CAAC;CACJ;AAED,MAAM,oBAAqB,SAAQ,eAAK,CAAC,SAGxC;IAHD;;QAII,UAAK,GAAG,EAAC,mBAAmB,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAC,CAAC;QAE/D,YAAO,GAA0B,IAAI,CAAC;QAC7B,eAAU,GAAG,eAAK,CAAC,SAAS,EAAkB,CAAC;QAC/C,aAAQ,GAAG,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;QACpC,cAAS,GAAkB,EAAE,CAAC;QAI9B,uBAAkB,GAAG,KAAK,CAAC;QAiD3B,mBAAc,GAAG,GAAG,EAAE;YAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC;YAC1B,IAAI,CAAC,SAAS,GAAG,IAAI;gBACjB,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CAC5B,CAAC,KAAK,EAAwB,EAAE,CAC5B,KAAK,YAAY,WAAW;oBAC5B,KAAK,CAAC,OAAO,CAAC,0CAA0C,CAAC,CAChE;gBACH,CAAC,CAAC,EAAE,CAAC;YACT,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC;QACtC,CAAC,CAAC;QAEM,oBAAe,GAAG,CAAC,KAAa,EAAE,EAAE;YACxC,IAAI,KAAK,KAAK,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBAClC,OAAO;YACX,CAAC;YACD,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;YAE9B,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC5B,IACI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,0BAA0B,CAAC;oBACnD,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,EACrC,CAAC;oBACC,OAAO;gBACX,CAAC;gBAED,MAAM,EAAC,OAAO,EAAE,KAAK,EAAC,GAAG,IAAI,CAAC;gBAC9B,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;gBAC7C,MAAM,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;gBACvC,MAAM,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;gBACvC,MAAM,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;gBACvC,MAAM,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;gBACvC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;gBACnD,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;gBACnD,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;gBACrD,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;gBACrD,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC;gBACvD,MAAM,gBAAgB,GAAG,OAAO,CAAC,2BAA2B,KAAK,MAAM,CAAC;gBAExE,IACI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,IAAI,CACpE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CACrC,EACH,CAAC;oBACC,OAAO;gBACX,CAAC;gBAED,MAAM,CAAC,MAAM,CACT,KAAK,EACL,gBAAgB,CAAC;oBACb,IAAI;oBACJ,gBAAgB,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;oBACtC,CAAC;oBACD,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;oBAC1B,SAAS;oBACT,gBAAgB;oBAChB,CAAC;oBACD,KAAK;oBACL,CAAC;oBACD,CAAC;iBACJ,CAAC,CACL,CAAC;YACN,CAAC,CAAC,CAAC;QACP,CAAC,CAAC;QAEM,sBAAiB,GAAG,GAAG,EAAE;YAC7B,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;gBACrD,OAAO;YACX,CAAC;YAED,IAAA,qBAAS,EAAC,GAAG,EAAE;gBACX,IAAI,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;oBACtB,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,GAAG,CAAC;oBAClD,YAAY,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO;iBACtC,CAAC,CAAC,CAAC;YACR,CAAC,CAAC,CAAC;QACP,CAAC,CAAC;QAEM,qBAAgB,GAAG,GAAG,EAAE;YAC5B,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACpD,OAAO;YACX,CAAC;YAED,IAAA,qBAAS,EAAC,GAAG,EAAE;gBACX,IAAI,CAAC,QAAQ,CAAC,EAAC,YAAY,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAC,CAAC,CAAC;YACzD,CAAC,CAAC,CAAC;QACP,CAAC,CAAC;QAEM,+BAA0B,GAAG,GAAG,EAAE;YACtC,IAAI,IAAI,CAAC,uBAAuB,KAAK,SAAS,EAAE,CAAC;gBAC7C,MAAM,CAAC,oBAAoB,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;YAC9D,CAAC;YACD,IAAI,CAAC,uBAAuB,GAAG,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;gBAC7D,IAAI,CAAC,uBAAuB,GAAG,MAAM,CAAC,qBAAqB,CAAC,GAAG,EAAE;oBAC7D,IAAI,CAAC,uBAAuB,GAAG,SAAS,CAAC;oBACzC,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;wBACpD,IAAI,CAAC,QAAQ,CAAC,EAAC,YAAY,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAC,CAAC,CAAC;oBACzD,CAAC;gBACL,CAAC,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;QACP,CAAC,CAAC;QAEM,gBAAW,GAAG,GAAG,EAAE;;YACvB,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;YACrC,IAAI,IAAI,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;gBACxB,OAAO;YACX,CAAC;YAED,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACf,MAAA,IAAI,CAAC,cAAc,0CAAE,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;gBAC7C,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;YAClF,CAAC;YAED,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,IAAI,IAAI,IAAI,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBAClC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;YAC9B,CAAC;QACL,CAAC,CAAC;QAEM,mBAAc,GAAG,CAAC,IAAoB,EAAE,EAAE;;YAC9C,IAAI,CAAC,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC;YACzC,IAAI,CAAC,cAAc,EAAE,CAAC;YACtB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YAC5C,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;YACnE,MAAA,IAAI,CAAC,cAAc,oCAAnB,IAAI,CAAC,cAAc,GAAK,IAAI,CACxB,OAAO,cAAc,KAAK,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,kCAAsB,CACjF,CAAC,CAAC,OAA8B,EAAE,EAAE;gBACjC,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,KAAK,IAAI,CAAC,OAAO,CAAC,CAAC;gBACnF,IAAI,CAAC,KAAK,EAAE,CAAC;oBACT,OAAO;gBACX,CAAC;gBAED,IAAI,CAAC,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC;gBAChD,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;gBAC5C,IAAI,CAAC,0BAA0B,EAAE,CAAC;YACtC,CAAC,CAAC,EAAC;YACH,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACtC,CAAC,CAAC;IACN,CAAC;IAzLG,iBAAiB;QACb,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;QAC/B,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,QAAQ,CAAC,EAAC,SAAS,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAC,CAAC,CAAC;IAC1E,CAAC;IAED,kBAAkB;QACd,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAChD,CAAC;IAED,oBAAoB;;QAChB,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;QAChC,MAAA,IAAI,CAAC,cAAc,0CAAE,UAAU,EAAE,CAAC;QAClC,IAAI,CAAC,cAAc,GAAG,SAAS,CAAC;QAChC,IAAI,IAAI,CAAC,uBAAuB,KAAK,SAAS,EAAE,CAAC;YAC7C,MAAM,CAAC,oBAAoB,CAAC,IAAI,CAAC,uBAAuB,CAAC,CAAC;YAC1D,IAAI,CAAC,uBAAuB,GAAG,SAAS,CAAC;QAC7C,CAAC;QACD,MAAA,IAAI,CAAC,OAAO,0CAAE,mBAAmB,CAAC,aAAa,EAAE,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;QAC/E,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACxB,CAAC;IAED,MAAM;QACF,MAAM,KAAiC,IAAI,CAAC,KAAK,EAA3C,EAAC,kBAAkB,OAAwB,EAAnB,KAAK,sBAA7B,sBAA8B,CAAa,CAAC;QAElD,IAAI,kBAAkB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;YAC9C,OAAO,CACH,uCACI,SAAS,EAAE,CAAC,KAAK,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAC9E,GAAG,EAAE,IAAI,CAAC,UAAU,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,GACpB,CACL,CAAC;QACN,CAAC;QAED,OAAO,CACH,8BAAC,cAAc,oBACP,KAAK,IACT,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,IAChC,CACL,CAAC;IACN,CAAC;CA4IJ;AAEY,QAAA,MAAM,GAAG,oBAAoB,CAAC","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"]}