@gravity-ui/dashkit 10.0.0-beta.0 → 10.1.0

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

@@ -40,6 +40,7 @@ class GridItem extends react_1.default.PureComponent {
     constructor() {
         super(...arguments);
         this._isAsyncItem = false;
+        this._isMounted = false;
         this.controller = null;
         this.state = {
             isFocused: false,
@@ -57,6 +58,9 @@ class GridItem extends react_1.default.PureComponent {
             });
             // requestAnimationFrame to make call after alert() or confirm()
             requestAnimationFrame(() => {
+                if (!this._isMounted) {
+                    return;
+                }
                 // Adding elment an changing focus
                 document.body.appendChild(focusDummy);
                 focusDummy.focus();
@@ -89,6 +93,15 @@ class GridItem extends react_1.default.PureComponent {
             });
         };
     }
+    componentDidMount() {
+        this._isMounted = true;
+    }
+    componentWillUnmount() {
+        this._isMounted = false;
+        if (this.controller) {
+            this.controller.abort();
+        }
+    }
     renderOverlay() {
         const { isPlaceholder } = this.props;
         const { editMode } = this.context;

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    controller: AbortController | null = null;\n\n    state: GridItemState = {\n        isFocused: false,\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            // 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":";;;AAAA,0DAA0B;AAE1B,wDAAmD;AACnD,oDAA6C;AAG7C,0CAAkC;AAElC,mEAAgC;AAChC,oGAAiE;AAEjE,0BAAyB;AAEzB,MAAM,CAAC,GAAG,IAAA,OAAE,EAAC,mBAAmB,CAAC,CAAC;AAElC,MAAM,mBAAmB;IAIrB;QAHA,gBAAW,GAAG,CAAC,CAAC;QAChB,cAAS,GAAG,CAAC,QAAQ,CAAC,MAAM,CAAC;QAO7B,gBAAW,GAAG,CAAC,CAAa,EAAE,EAAE;YAC5B,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;gBACtB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YAC3B,CAAC;QACL,CAAC,CAAC;QAEF,iBAAY,GAAG,CAAC,CAAa,EAAE,EAAE;YAC7B,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;gBACtB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;YAC1B,CAAC;QACL,CAAC,CAAC;QAdE,MAAM,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;QACxD,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IAC9D,CAAC;IAcD,4EAA4E;IAC5E,KAAK,CAAC,eAAe;QACjB,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YAC3B,qBAAqB,CAAC,GAAG,EAAE;gBACvB,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAC5B,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC;CACJ;AAED,MAAM,mBAAmB,GAAG,IAAI,mBAAmB,EAAE,CAAC;AAqCtD,MAAM,QAAS,SAAQ,eAAK,CAAC,aAA2C;IAAxE;;QAII,iBAAY,GAAG,KAAK,CAAC;QACrB,eAAU,GAAG,KAAK,CAAC;QACnB,eAAU,GAA2B,IAAI,CAAC;QAE1C,UAAK,GAAkB;YACnB,SAAS,EAAE,KAAK;SACnB,CAAC;QAuCF,uBAAkB,GAAG,GAAG,EAAE;YACtB,+CAA+C;YAC/C,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YACpD,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,EAAE;gBAC5B,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,GAAG;gBACX,OAAO,EAAE,GAAG;gBACZ,QAAQ,EAAE,OAAO;gBACjB,GAAG,EAAE,GAAG;gBACR,IAAI,EAAE,GAAG;aACZ,CAAC,CAAC;YAEH,gEAAgE;YAChE,qBAAqB,CAAC,GAAG,EAAE;gBACvB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;oBACnB,OAAO;gBACX,CAAC;gBAED,kCAAkC;gBAClC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;gBACtC,UAAU,CAAC,KAAK,EAAE,CAAC;gBACnB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;gBAEtC,IAAI,CAAC,QAAQ,CAAC,EAAC,SAAS,EAAE,KAAK,EAAC,CAAC,CAAC;YACtC,CAAC,CAAC,CAAC;QACP,CAAC,CAAC;QAEF,mBAAc,GAAG,GAAG,EAAE;YAClB,IAAI,CAAC,QAAQ,CAAC,EAAC,SAAS,EAAE,IAAI,EAAC,CAAC,CAAC;YAEjC,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;gBACzB,+BAA+B;gBAC/B,mBAAmB,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;;oBAC5C,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,WAAW,mDAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;gBAC9C,CAAC,CAAC,CAAC;YACP,CAAC;YAED,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;gBAClB,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;YAC5B,CAAC;QACL,CAAC,CAAC;QAEF,kBAAa,GAAG,GAAG,EAAE;YACjB,IAAI,CAAC,UAAU,GAAG,IAAI,eAAe,EAAE,CAAC;YAExC,mBAAmB,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,EAAE;;gBAC3D,IAAI,CAAC,CAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,MAAM,CAAC,OAAO,CAAA,IAAI,eAAe,EAAE,CAAC;oBACtD,IAAI,CAAC,QAAQ,CAAC,EAAC,SAAS,EAAE,KAAK,EAAC,CAAC,CAAC;oBAClC,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,UAAU,mDAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;gBAC7C,CAAC;gBAED,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YAC3B,CAAC,CAAC,CAAC;QACP,CAAC,CAAC;IA0FN,CAAC;IApLG,iBAAiB;QACb,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;IAC3B,CAAC;IAED,oBAAoB;QAChB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;QAC5B,CAAC;IACL,CAAC;IAED,aAAa;QACT,MAAM,EAAC,aAAa,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QACnC,MAAM,EAAC,QAAQ,EAAC,GAAG,IAAI,CAAC,OAAO,CAAC;QAEhC,IAAI,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YAC/C,0DAA0D;YAC1D,OAAO,uCAAK,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,GAAI,CAAC;QACxD,CAAC;QAED,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,aAAa,EAAE,CAAC;YACjE,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,MAAM,EAAC,IAAI,EAAE,SAAS,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAErC,OAAO,CACH,8BAAC,eAAK,CAAC,QAAQ;YACX,uCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,GAAI;YAChC,8BAAC,yBAAe,IACZ,UAAU,EAAE,IAAI,EAChB,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS,GAC9D,CACW,CACpB,CAAC;IACN,CAAC;IAyDD,MAAM;QACF,sFAAsF;QACtF,wDAAwD;QACxD,MAAM,EACF,KAAK,EACL,WAAW,EACX,SAAS,EACT,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,UAAU,EACV,YAAY,EACZ,SAAS,EACT,SAAS,EACT,gBAAgB,EAChB,aAAa,GAAG,KAAK,GACxB,GAAG,IAAI,CAAC,KAAK,CAAC;QACf,MAAM,EAAC,QAAQ,EAAC,GAAG,IAAI,CAAC,OAAO,CAAC;QAChC,MAAM,EAAC,SAAS,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC;QAE/B,MAAM,KAAK,GACP,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,MAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;QACtF,MAAM,MAAM,GACR,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,MAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC;QACxF,MAAM,SAAS,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAC;QACnC,MAAM,iBAAiB,GACnB,CAAC,QAAQ;YACL,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CACH,OAAO,CAAC,iBAAiB,EAAE,EAAE,EAC9B,OAAO,CAAC,iBAAiB,EAAE,EAAE,EAC7B,OAAO,CAAC,8BAAkB,EAAE,EAAE,CAAC,CAAC;YAC3C,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,8BAAkB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAChD,MAAM,iBAAiB,GAAG,CAAC,CACvB;YACI,aAAa,EAAE,UAAU;YACzB,gBAAgB,EAAE,YAAY;YAC9B,YAAY,EAAE,SAAS;YACvB,oBAAoB,EAAE,gBAAgB;SACzC,EACD,iBAAiB,CACpB,CAAC;QAEF,MAAM,gBAAgB,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;QACpD,MAAM,oBAAoB,GAAG,QAAQ;YACjC,CAAC,CAAC,EAAC,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,EAAC;YACpD,CAAC,CAAC,EAAE,CAAC;QACT,MAAM,eAAe,GAAG,SAAS;YAC7B,CAAC,CAAC;gBACI,OAAO,EAAE,IAAI,CAAC,cAAc;gBAC5B,MAAM,EAAE,IAAI,CAAC,aAAa;gBAC1B,QAAQ,EAAE,CAAC,CAAC;aACf;YACH,CAAC,CAAC,EAAE,CAAC;QACT,MAAM,EAAC,WAAW,EAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;QAE3C,OAAO,CACH,qDACI,SAAS,EAAE,iBAAiB,aACpB,mBAAmB,EAC3B,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,IACxB,oBAAoB,EACpB,eAAe;YAEnB,uCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,QAAQ,EAAE,QAAQ,IAAI,CAAC,WAAW,IAAI,CAAC,SAAS,EAAC,CAAC;gBACzE,8BAAC,cAAI,IACD,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EACjB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,gBAAgB,EAAE,CAAC,UAAU,EAC7B,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,kBAAkB,EACjD,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,kBAAkB,EACjD,iBAAiB,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAC/C,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACrC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,GACnC,CACA;YACL,CAAC,SAAS,IAAI,IAAI,CAAC,aAAa,EAAE;YAClC,gBAAgB,CACf,CACT,CAAC;IACN,CAAC;;AA9LM,oBAAW,GAAG,wBAAc,AAAjB,CAAkB;AAiMxC,MAAM,oBAAoB,GAAG,eAAK,CAAC,UAAU,CACzC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACX,OAAO,8BAAC,QAAQ,oBAAK,KAAK,IAAE,YAAY,EAAE,GAAG,IAAI,CAAC;AACtD,CAAC,CACJ,CAAC;AAEF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAE1D,kBAAe,oBAAoB,CAAC","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"]}

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

@@ -12,6 +12,9 @@ export default class GridLayout extends React.PureComponent<GridLayoutProps, Gri
     private _memoGroupsProps;
     private _memoGroupsLayouts;
     private _memoCallbacksForGroups;
+    private _memoGroupsItems;
+    private _sharedDragRef;
+    private _sharedDragPositionRef;
     private _timeout?;
     private _lastReloadAt?;
     private _parendDragNode;
@@ -25,9 +28,11 @@ export default class GridLayout extends React.PureComponent<GridLayoutProps, Gri
     getActiveLayout(): ConfigLayout[];
     getMemoGroupLayout(group: string, layout: ConfigLayout[]): MemoGroupLayout;
     getMemoGroupCallbacks(group: string): GroupCallbacks;
-    getMemoGroupProps: (group: string, renderLayout: ConfigLayout[], properties: Partial<ReactGridLayoutProps>) => {
+    getMemoGroupItems(group: string, nextItems: ConfigItem[]): ConfigItem[];
+    getMemoGroupProps: (group: string, renderLayout: ConfigLayout[], nextProperties: Partial<ReactGridLayoutProps>) => {
         layout: ConfigLayout[];
         callbacks: GroupCallbacks;
+        stableProperties: Partial<ReactGridLayoutProps>;
     };
     getLayoutAndPropsByGroup: (group: string) => LayoutAndPropsByGroup;
     getMemoForwardRefCallback: (refIndex: number) => (pluginRef: PluginRef) => void;

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

@@ -6,7 +6,7 @@ const constants_1 = require("../../constants/index.js");
 const context_1 = require("../../context/index.js");
 const utils_1 = require("../../utils/index.js");
 const GridItem_1 = tslib_1.__importDefault(require("../GridItem/GridItem.js"));
-const ReactGridLayout_1 = require("./ReactGridLayout.js");
+const GroupLayout_1 = require("./GroupLayout.js");
 const hasPluginId = (value) => {
     return (value !== null &&
         'props' in value &&
@@ -22,6 +22,9 @@ class GridLayout extends react_1.default.PureComponent {
         this._memoGroupsProps = {};
         this._memoGroupsLayouts = {};
         this._memoCallbacksForGroups = {};
+        this._memoGroupsItems = {};
+        this._sharedDragRef = { current: { isDragging: false, sourceGroup: null } };
+        this._sharedDragPositionRef = { current: null };
         this._parendDragNode = null;
         this.onVisibilityChange = () => {
             this.setState({
@@ -44,12 +47,21 @@ class GridLayout extends react_1.default.PureComponent {
             const { getItemsMeta } = this.context;
             return getItemsMeta(this.pluginsRefs);
         };
-        this.getMemoGroupProps = (group, renderLayout, properties) => {
+        this.getMemoGroupProps = (group, renderLayout, nextProperties) => {
+            // Return stable ref to prevent useMemo invalidation when properties are shallowly equal.
+            const prevProperties = this._memoGroupsProps[group];
+            const keysNext = Object.keys(nextProperties);
+            const stableProperties = prevProperties &&
+                Object.keys(prevProperties).length === keysNext.length &&
+                keysNext.every((k) => prevProperties[k] === nextProperties[k])
+                ? prevProperties
+                : nextProperties;
             // Needed for _onDropDragOver
-            this._memoGroupsProps[group] = properties;
+            this._memoGroupsProps[group] = stableProperties;
             return {
                 layout: this.getMemoGroupLayout(group, renderLayout).layout,
                 callbacks: this.getMemoGroupCallbacks(group),
+                stableProperties,
             };
         };
         this.getLayoutAndPropsByGroup = (group) => {
@@ -77,6 +89,8 @@ class GridLayout extends react_1.default.PureComponent {
                 return;
             }
             const groupedLayout = this.mergeGroupsLayout(group, newLayout);
+            this._sharedDragRef.current = { isDragging: false, sourceGroup: null };
+            this._sharedDragPositionRef.current = null;
             this.setState({
                 isDragging: false,
                 currentDraggingElement: null,
@@ -111,6 +125,8 @@ class GridLayout extends react_1.default.PureComponent {
                 }
                 return item;
             });
+            this._sharedDragRef.current = { isDragging: false, sourceGroup: null };
+            this._sharedDragPositionRef.current = null;
             this.setState({
                 isDragging: false,
                 currentDraggingElement: null,
@@ -125,6 +141,7 @@ class GridLayout extends react_1.default.PureComponent {
                 item.parent = group;
             }
             const groupedLayout = this.mergeGroupsLayout(group, newLayout, item);
+            this._sharedDragRef.current = { isDragging: false, sourceGroup: null };
             this.setState({ isDragging: false });
             onDrop === null || onDrop === void 0 ? void 0 : onDrop(groupedLayout, item, e);
         };
@@ -191,6 +208,7 @@ class GridLayout extends react_1.default.PureComponent {
         this._memoCallbacksForGroups = {};
         this._memoGroupsProps = {};
         this._memoGroupsLayouts = {};
+        this._memoGroupsItems = {};
         this._memoForwardedPluginRef = [];
     }
     getActiveLayout() {
@@ -242,6 +260,16 @@ class GridLayout extends react_1.default.PureComponent {
         }
         return this._memoCallbacksForGroups[group];
     }
+    getMemoGroupItems(group, nextItems) {
+        const prev = this._memoGroupsItems[group];
+        if (prev &&
+            prev.length === nextItems.length &&
+            prev.every((item, i) => item === nextItems[i])) {
+            return prev;
+        }
+        this._memoGroupsItems[group] = nextItems;
+        return nextItems;
+    }
     mergeGroupsLayout(group, newLayout, temporaryItem) {
         const renderLayout = this.getActiveLayout();
         const itemsByGroup = renderLayout.reduce((memo, item) => {
@@ -321,6 +349,8 @@ class GridLayout extends react_1.default.PureComponent {
                 item,
                 cursorPosition: { offsetX, offsetY },
             };
+            // Update imperatively so DragOverLayout reads fresh cursor offset without re-render.
+            this._sharedDragPositionRef.current = { offsetX, offsetY };
         }
         this.setState({ currentDraggingElement, draggedOverGroup: group });
     }
@@ -387,6 +417,7 @@ class GridLayout extends react_1.default.PureComponent {
             this.setState({ isDragging: true });
         }
         else {
+            this._sharedDragRef.current = { isDragging: true, sourceGroup: group };
             this._initDragCoordinatesWatcher(element);
             this.updateDraggingElementState(group, layoutItem, e);
             this.setState({ isDragging: true });
@@ -442,42 +473,29 @@ class GridLayout extends react_1.default.PureComponent {
         return (react_1.default.createElement(GridItem_1.default, { key: id, id: id, item: { id, type, data: {} }, layout: temporaryLayout.data, adjustWidgetLayout: this.adjustWidgetLayout, isDragging: this.state.isDragging, isPlaceholder: true, noOverlay: noOverlay, withCustomHandle: Boolean(draggableHandleClassName), gridLayout: gridLayout }));
     }
     renderGroup(group, renderLayout, renderItems, offset = 0, groupGridProperties) {
-        const { registerManager, editMode, noOverlay, focusable, draggableHandleClassName, outerDnDEnable, onItemMountChange, onItemRender, onItemFocus, onItemBlur, } = this.context;
-        const { currentDraggingElement, draggedOverGroup } = this.state;
+        const { registerManager } = this.context;
+        const { currentDraggingElement, draggedOverGroup, isDragging, isDraggedOut } = this.state;
         const hasOwnGroupProperties = typeof groupGridProperties === 'function';
         const properties = hasOwnGroupProperties
             ? groupGridProperties(Object.assign({}, registerManager.gridLayout))
             : registerManager.gridLayout;
-        let { compactType } = properties;
-        if (compactType === constants_1.COMPACT_TYPE_HORIZONTAL_NOWRAP) {
-            compactType = 'horizontal';
-        }
-        const { callbacks, layout } = this.getMemoGroupProps(group, renderLayout, properties);
-        const hasSharedDragItem = Boolean(currentDraggingElement && currentDraggingElement.group !== group);
+        const { callbacks, layout, stableProperties } = this.getMemoGroupProps(group, renderLayout, properties);
+        const compactType = stableProperties.compactType === constants_1.COMPACT_TYPE_HORIZONTAL_NOWRAP
+            ? 'horizontal'
+            : stableProperties.compactType;
         const isDragCaptured = Boolean(currentDraggingElement &&
             group === currentDraggingElement.group &&
             draggedOverGroup !== null &&
             draggedOverGroup !== group);
-        return (react_1.default.createElement(ReactGridLayout_1.Layout, Object.assign({ key: `group_${group}`, isDraggable: editMode, isResizable: editMode }, properties, { 
-            // Layout props
-            compactType: compactType, layout: layout, draggableCancel: `.${constants_1.DRAGGABLE_CANCEL_CLASS_NAME}`, draggableHandle: draggableHandleClassName ? `.${draggableHandleClassName}` : undefined, 
-            // Default callbacks
-            onDragStart: callbacks.onDragStart, onDrag: callbacks.onDrag, onDragStop: callbacks.onDragStop, onResizeStart: callbacks.onResizeStart, onResize: callbacks.onResize, onResizeStop: callbacks.onResizeStop, 
-            // External Drag N Drop options
-            onDragTargetRestore: callbacks.onDragTargetRestore, onDropDragOver: callbacks.onDropDragOver, onDrop: callbacks.onDrop, hasSharedDragItem: hasSharedDragItem, sharedDragPosition: currentDraggingElement === null || currentDraggingElement === void 0 ? void 0 : currentDraggingElement.cursorPosition, isDragCaptured: isDragCaptured, isDroppable: Boolean(outerDnDEnable) && editMode }),
-            renderItems.map((item, i) => {
-                const keyId = item.id;
-                const isDragging = this.state.isDragging;
-                const isCurrentDraggedItem = currentDraggingElement &&
-                    'id' in currentDraggingElement.item &&
-                    currentDraggingElement.item.id === keyId;
-                const isDraggedOut = isCurrentDraggedItem && this.state.isDraggedOut;
-                const itemNoOverlay = hasOwnGroupProperties && 'noOverlay' in properties
-                    ? properties.noOverlay
-                    : noOverlay;
-                return (react_1.default.createElement(GridItem_1.default, { key: keyId, forwardedPluginRef: this.getMemoForwardRefCallback(offset + i), id: keyId, item: item, layout: layout, adjustWidgetLayout: this.adjustWidgetLayout, isDragging: isDragging, isDraggedOut: isDraggedOut || undefined, noOverlay: itemNoOverlay, focusable: focusable, withCustomHandle: Boolean(draggableHandleClassName), onItemMountChange: onItemMountChange, onItemRender: onItemRender, gridLayout: properties, onItemFocus: onItemFocus, onItemBlur: onItemBlur }));
-            }),
-            this.renderTemporaryPlaceholder(properties)));
+        const currentDraggingItemId = currentDraggingElement && 'id' in currentDraggingElement.item
+            ? currentDraggingElement.item.id
+            : null;
+        // Non-source groups get stable false/null — memo skips re-render on drag move.
+        const isSourceGroup = Boolean((currentDraggingElement === null || currentDraggingElement === void 0 ? void 0 : currentDraggingElement.group) === group);
+        const groupIsAnyDragging = isDragging && isSourceGroup;
+        const groupCurrentDraggingItemId = isSourceGroup ? currentDraggingItemId : null;
+        const groupIsAnyDraggedOut = isSourceGroup ? isDraggedOut : false;
+        return (react_1.default.createElement(GroupLayout_1.GroupLayout, { key: `group_${group}`, group: group, renderItems: renderItems, offset: offset, properties: stableProperties, compactType: compactType, callbacks: callbacks, layout: layout, temporaryPlaceholder: this.renderTemporaryPlaceholder(stableProperties), dragStateRef: this._sharedDragRef, sharedDragPositionRef: this._sharedDragPositionRef, isDragCaptured: isDragCaptured, isAnyDragging: groupIsAnyDragging, currentDraggingItemId: groupCurrentDraggingItemId, isAnyDraggedOut: groupIsAnyDraggedOut, adjustWidgetLayout: this.adjustWidgetLayout, getMemoForwardRefCallback: this.getMemoForwardRefCallback }));
     }
     render() {
         const { config, groups, editMode, context } = this.context;
@@ -524,8 +542,9 @@ class GridLayout extends react_1.default.PureComponent {
                     layout = groupedLayout[id] || [];
                     items = itemsByGroup[id] || [];
                 }
-                const element = this.renderGroup(id, layout, items, offset, group.gridProperties);
-                offset += items.length;
+                const stableItems = this.getMemoGroupItems(id, items);
+                const element = this.renderGroup(id, layout, stableItems, offset, group.gridProperties);
+                offset += stableItems.length;
                 if (group.render) {
                     const groupContext = {
                         isMobile: false,
@@ -541,7 +560,8 @@ class GridLayout extends react_1.default.PureComponent {
             });
         }
         else {
-            return this.renderGroup(constants_1.DEFAULT_GROUP, defaultRenderLayout, defaultRenderItems, offset);
+            const stableDefaultItems = this.getMemoGroupItems(constants_1.DEFAULT_GROUP, defaultRenderItems);
+            return this.renderGroup(constants_1.DEFAULT_GROUP, defaultRenderLayout, stableDefaultItems, offset);
         }
     }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"GridLayout.js","sourceRoot":"../../../../src","sources":["components/GridLayout/GridLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type {DragOverEvent} from 'react-grid-layout';\n\nimport type {PluginRef, PluginWidgetProps, ReactGridLayoutProps} from 'src/typings';\n\nimport {\n    COMPACT_TYPE_HORIZONTAL_NOWRAP,\n    DEFAULT_GROUP,\n    DRAGGABLE_CANCEL_CLASS_NAME,\n    TEMPORARY_ITEM_ID,\n} from '../../constants';\nimport {DashKitContext} from '../../context';\nimport type {DashKitCtxShape} from '../../context';\nimport type {ConfigItem, ConfigLayout, DraggedOverItem} from '../../shared';\nimport {resolveLayoutGroup} from '../../utils';\nimport GridItem from '../GridItem/GridItem';\n\nimport {Layout} from './ReactGridLayout';\nimport type {\n    CurrentDraggingElement,\n    GridLayoutProps,\n    GridLayoutState,\n    GroupCallbacks,\n    LayoutAndPropsByGroup,\n    ManipulationCallbackArgs,\n    MemoGroupLayout,\n    ReloadItemsOptions,\n} from './types';\n\nconst hasPluginId = (value: PluginRef): value is {props: {id: string}} => {\n    return (\n        value !== null &&\n        'props' in value &&\n        typeof value.props === 'object' &&\n        value.props !== null &&\n        'id' in value.props &&\n        typeof value.props.id === 'string'\n    );\n};\n\nexport default class GridLayout extends React.PureComponent<GridLayoutProps, GridLayoutState> {\n    static contextType = DashKitContext;\n    context!: DashKitCtxShape;\n\n    pluginsRefs: Array<PluginRef>;\n\n    private _memoForwardedPluginRef: Array<(pluginRef: PluginRef) => void> = [];\n    private _memoGroupsProps: Record<string, Partial<ReactGridLayoutProps>> = {};\n    private _memoGroupsLayouts: Record<string, MemoGroupLayout> = {};\n    private _memoCallbacksForGroups: Record<string, GroupCallbacks> = {};\n\n    private _timeout?: NodeJS.Timeout;\n    private _lastReloadAt?: number;\n    private _parendDragNode: HTMLElement | null = null;\n\n    constructor(props: GridLayoutProps, context: DashKitCtxShape) {\n        super(props, context);\n        this.pluginsRefs = [];\n        this.state = {\n            isDragging: false,\n            isDraggedOut: false,\n            isPageHidden: false,\n            currentDraggingElement: null,\n            draggedOverGroup: null,\n        };\n    }\n\n    componentDidMount() {\n        this.reloadItems();\n        document.addEventListener('visibilitychange', this.onVisibilityChange);\n    }\n\n    componentDidUpdate() {\n        clearTimeout(this._timeout);\n        this.reloadItems();\n    }\n\n    componentWillUnmount() {\n        clearTimeout(this._timeout);\n        document.removeEventListener('visibilitychange', this.onVisibilityChange);\n\n        this._memoCallbacksForGroups = {};\n        this._memoGroupsProps = {};\n        this._memoGroupsLayouts = {};\n        this._memoForwardedPluginRef = [];\n    }\n\n    onVisibilityChange = () => {\n        this.setState({\n            isPageHidden: document.hidden,\n        });\n    };\n\n    adjustWidgetLayout: PluginWidgetProps['adjustWidgetLayout'] = ({\n        widgetId,\n        needSetDefault,\n        adjustedWidgetLayout,\n    }) => {\n        const {layout, memorizeOriginalLayout, revertToOriginalLayout} = this.context;\n\n        if (needSetDefault) {\n            revertToOriginalLayout(widgetId);\n            return;\n        }\n\n        if (!adjustedWidgetLayout) {\n            return;\n        }\n\n        const correspondedLayoutItemIndex = layout.findIndex(\n            (layoutItem) => layoutItem.i === widgetId,\n        );\n\n        memorizeOriginalLayout(\n            widgetId,\n            {...layout[correspondedLayoutItemIndex]},\n            adjustedWidgetLayout,\n        );\n    };\n\n    getItemsMeta = () => {\n        const {getItemsMeta} = this.context;\n        return getItemsMeta(this.pluginsRefs);\n    };\n\n    getActiveLayout(): ConfigLayout[] {\n        const {layout, temporaryLayout} = this.context;\n\n        return temporaryLayout?.data || layout;\n    }\n\n    getMemoGroupLayout(group: string, layout: ConfigLayout[]): MemoGroupLayout {\n        // fastest possible way to match json\n        const key = JSON.stringify(layout);\n\n        if (this._memoGroupsLayouts[group]) {\n            if (this._memoGroupsLayouts[group].key === key) {\n                return this._memoGroupsLayouts[group];\n            } else {\n                this._memoGroupsLayouts[group].key = key;\n                this._memoGroupsLayouts[group].layout = layout;\n            }\n        } else {\n            this._memoGroupsLayouts[group] = {\n                key,\n                layout,\n            };\n        }\n\n        return this._memoGroupsLayouts[group];\n    }\n\n    getMemoGroupCallbacks(group: string): GroupCallbacks {\n        if (!this._memoCallbacksForGroups[group]) {\n            const onDragStart = this._onDragStart.bind(this, group);\n            const onDrag = this._onDrag.bind(this, group);\n            const onDragStop = this._onDragStop.bind(this, group);\n\n            const onResizeStart = this._onResizeStart.bind(this, group);\n            const onResize = this._onResize.bind(this, group);\n            const onResizeStop = this._onResizeStop.bind(this, group);\n\n            const onDrop = this._onDrop.bind(this, group);\n            const onDropDragOver = this._onDropDragOver.bind(this, group);\n            const onDragTargetRestore = this._onTargetRestore.bind(this);\n\n            this._memoCallbacksForGroups[group] = {\n                onDragStart,\n                onDrag,\n                onDragStop,\n                onResizeStart,\n                onResize,\n                onResizeStop,\n                onDrop,\n                onDropDragOver,\n                onDragTargetRestore,\n            };\n        }\n\n        return this._memoCallbacksForGroups[group];\n    }\n\n    getMemoGroupProps = (\n        group: string,\n        renderLayout: ConfigLayout[],\n        properties: Partial<ReactGridLayoutProps>,\n    ) => {\n        // Needed for _onDropDragOver\n        this._memoGroupsProps[group] = properties;\n\n        return {\n            layout: this.getMemoGroupLayout(group, renderLayout).layout,\n            callbacks: this.getMemoGroupCallbacks(group),\n        };\n    };\n\n    getLayoutAndPropsByGroup = (group: string): LayoutAndPropsByGroup => {\n        return {\n            properties: this._memoGroupsProps[group],\n            layout: this._memoGroupsLayouts[group].layout,\n        };\n    };\n\n    getMemoForwardRefCallback = (refIndex: number) => {\n        if (!this._memoForwardedPluginRef[refIndex]) {\n            this._memoForwardedPluginRef[refIndex] = (pluginRef: PluginRef) => {\n                this.pluginsRefs[refIndex] = pluginRef;\n            };\n        }\n\n        return this._memoForwardedPluginRef[refIndex];\n    };\n\n    mergeGroupsLayout(\n        group: string,\n        newLayout: ConfigLayout[],\n        temporaryItem?: ConfigLayout,\n    ): ConfigLayout[] {\n        const renderLayout = this.getActiveLayout();\n        const itemsByGroup = renderLayout.reduce<Record<string, ConfigLayout>>(\n            (memo, item) => {\n                memo[item.i] = item;\n                return memo;\n            },\n            temporaryItem ? {[temporaryItem.i]: temporaryItem} : {},\n        );\n\n        const newItemsLayoutById = newLayout.reduce<Record<string, ConfigLayout>>((memo, item) => {\n            const parent = itemsByGroup[item.i]?.parent;\n            memo[item.i] = {...item};\n\n            if (parent) {\n                memo[item.i].parent = parent;\n            }\n            return memo;\n        }, {});\n\n        return renderLayout.map((currentItem) => {\n            const itemParent = resolveLayoutGroup(itemsByGroup[currentItem.i]);\n\n            if (itemParent === group) {\n                return newItemsLayoutById[currentItem.i];\n            }\n\n            return currentItem;\n        });\n    }\n\n    reloadItems(options?: ReloadItemsOptions) {\n        const {targetIds, force} = options || {};\n\n        const {\n            editMode,\n            settings: {autoupdateInterval, silentLoading} = {},\n            reloadItems,\n        } = this.context;\n\n        const {isPageHidden} = this.state;\n\n        const autoupdateIntervalMs = Number(autoupdateInterval) * 1000;\n\n        const targetPlugins = targetIds\n            ? this.pluginsRefs.filter(\n                  (plugin) => hasPluginId(plugin) && targetIds.includes(plugin.props.id),\n              )\n            : this.pluginsRefs;\n\n        if (autoupdateIntervalMs) {\n            const timeSinceLastReload = new Date().getTime() - (this._lastReloadAt || 0);\n            const reloadIntervalRemains = autoupdateIntervalMs - timeSinceLastReload;\n\n            if (force || (!isPageHidden && !editMode && reloadIntervalRemains <= 0)) {\n                this._lastReloadAt = new Date().getTime();\n                reloadItems(targetPlugins, {silentLoading: Boolean(silentLoading), noVeil: true});\n            }\n\n            this._timeout = setTimeout(\n                () => this.reloadItems(),\n                reloadIntervalRemains <= 0 ? autoupdateIntervalMs : reloadIntervalRemains,\n            );\n        } else if (force) {\n            reloadItems(targetPlugins, {silentLoading: Boolean(silentLoading), noVeil: true});\n        }\n    }\n\n    prepareDefaultArguments(\n        group: string,\n        layout: ConfigLayout[],\n        oldItem: ConfigLayout,\n        newItem: ConfigLayout,\n        placeholder: ConfigLayout,\n        e: MouseEvent,\n        element: HTMLElement,\n    ): ManipulationCallbackArgs {\n        return {\n            group,\n            layout,\n            oldItem,\n            newItem,\n            placeholder,\n            e,\n            element,\n        };\n    }\n\n    updateDraggingElementState(group: string, layoutItem: ConfigLayout, e: MouseEvent) {\n        let currentDraggingElement: CurrentDraggingElement | null =\n            this.state.currentDraggingElement;\n\n        if (!currentDraggingElement) {\n            const {temporaryLayout} = this.context;\n            const layoutId = layoutItem.i;\n\n            const item = temporaryLayout\n                ? temporaryLayout.dragProps\n                : this.context.configItems.find(({id}) => id === layoutId);\n\n            if (!item) {\n                return;\n            }\n\n            let {offsetX, offsetY} =\n                (e as MouseEvent & {nativeEvent?: MouseEvent}).nativeEvent || {};\n            if (offsetX === undefined || offsetY === undefined) {\n                const target = e.currentTarget as HTMLElement;\n                const gridRect = target?.getBoundingClientRect();\n\n                offsetX = e.clientX - (gridRect?.left || 0);\n                offsetY = e.clientY - (gridRect?.top || 0);\n            }\n\n            currentDraggingElement = {\n                group,\n                layoutItem,\n                item,\n                cursorPosition: {offsetX, offsetY},\n            };\n        }\n\n        this.setState({currentDraggingElement, draggedOverGroup: group});\n    }\n\n    _initDragCoordinatesWatcher(element: HTMLElement) {\n        if (!this._parendDragNode) {\n            this._parendDragNode = element.parentElement;\n            this.setState({isDraggedOut: false});\n        }\n    }\n\n    // When element is going back and prointer-event: none is removed mouse enter event is not fired\n    // So to trigger it we are forcing this event by adding transparent block under the mouse\n    _forceCursorCapture(\n        parentElement: HTMLElement,\n        position: {top: number; left: number},\n        parentRect: DOMRect,\n    ) {\n        const block = document.createElement('div');\n        block.classList.add('react-grid-focus-capture');\n\n        const blockSize = 44;\n        const offset = blockSize / 2;\n\n        // Keeping elemnt inside current grid\n        const top = Math.min(Math.max(position.top - offset, 0), parentRect.height - blockSize);\n        const left = Math.min(Math.max(position.left - offset, 0), parentRect.width - blockSize);\n\n        block.style.width = `${blockSize}px`;\n        block.style.height = `${blockSize}px`;\n        block.style.top = `${top}px`;\n        block.style.left = `${left}px`;\n\n        parentElement.appendChild(block);\n\n        setTimeout(() => {\n            block.remove();\n        }, 100);\n    }\n\n    _updateDragCoordinates(e: MouseEvent) {\n        const parent = this._parendDragNode;\n\n        if (!parent) {\n            return;\n        }\n\n        const parentRect = parent.getBoundingClientRect();\n        const {clientX, clientY} = e;\n\n        let isDraggedOut = this.state.isDraggedOut;\n        if (\n            clientX < parentRect.left ||\n            clientX > parentRect.right ||\n            clientY < parentRect.top ||\n            clientY > parentRect.bottom\n        ) {\n            isDraggedOut = true;\n        } else {\n            isDraggedOut = false;\n        }\n\n        if (isDraggedOut !== this.state.isDraggedOut) {\n            this.setState({isDraggedOut});\n\n            if (!isDraggedOut) {\n                this._forceCursorCapture(\n                    parent,\n                    {\n                        top: clientY - parentRect.top,\n                        left: clientX - parentRect.left,\n                    },\n                    parentRect,\n                );\n            }\n        }\n    }\n\n    _resetDragWatcher() {\n        this._parendDragNode = null;\n        this.setState({isDraggedOut: false});\n    }\n\n    _onDragStart(\n        group: string,\n        _newLayout: ConfigLayout[],\n        layoutItem: ConfigLayout,\n        _newItem: ConfigLayout,\n        _placeholder: ConfigLayout,\n        e: MouseEvent,\n        element: HTMLElement,\n    ) {\n        this.context.onDragStart?.call(\n            this,\n            this.prepareDefaultArguments(\n                group,\n                _newLayout,\n                layoutItem,\n                _newItem,\n                _placeholder,\n                e,\n                element,\n            ),\n        );\n\n        if (this.context.dragOverPlugin) {\n            this.setState({isDragging: true});\n        } else {\n            this._initDragCoordinatesWatcher(element);\n            this.updateDraggingElementState(group, layoutItem, e);\n            this.setState({isDragging: true});\n        }\n    }\n\n    _onDrag(\n        group: string,\n        layout: ConfigLayout[],\n        oldItem: ConfigLayout,\n        newItem: ConfigLayout,\n        placeholder: ConfigLayout,\n        e: MouseEvent,\n        element: HTMLElement,\n    ) {\n        if (!this.context.dragOverPlugin) {\n            this._updateDragCoordinates(e);\n        }\n\n        this.context.onDrag?.call(\n            this,\n            this.prepareDefaultArguments(group, layout, oldItem, newItem, placeholder, e, element),\n        );\n    }\n\n    _onDragStop(\n        group: string,\n        layout: ConfigLayout[],\n        oldItem: ConfigLayout,\n        newItem: ConfigLayout,\n        placeholder: ConfigLayout,\n        e: MouseEvent,\n        element: HTMLElement,\n    ) {\n        this._resetDragWatcher();\n\n        this._onStop(group, layout);\n\n        this.context.onDragStop?.call(\n            this,\n            this.prepareDefaultArguments(group, layout, oldItem, newItem, placeholder, e, element),\n        );\n    }\n\n    _onResizeStart(\n        group: string,\n        layout: ConfigLayout[],\n        oldItem: ConfigLayout,\n        newItem: ConfigLayout,\n        placeholder: ConfigLayout,\n        e: MouseEvent,\n        element: HTMLElement,\n    ) {\n        this.setState({\n            isDragging: true,\n        });\n\n        this.context.onResizeStart?.call(\n            this,\n            this.prepareDefaultArguments(group, layout, oldItem, newItem, placeholder, e, element),\n        );\n    }\n\n    _onResize(\n        group: string,\n        layout: ConfigLayout[],\n        oldItem: ConfigLayout,\n        newItem: ConfigLayout,\n        placeholder: ConfigLayout,\n        e: MouseEvent,\n        element: HTMLElement,\n    ) {\n        this.context.onResize?.call(\n            this,\n            this.prepareDefaultArguments(group, layout, oldItem, newItem, placeholder, e, element),\n        );\n    }\n\n    _onResizeStop(\n        group: string,\n        layout: ConfigLayout[],\n        oldItem: ConfigLayout,\n        newItem: ConfigLayout,\n        placeholder: ConfigLayout,\n        e: MouseEvent,\n        element: HTMLElement,\n    ) {\n        this._onStop(group, layout);\n\n        this.context.onResizeStop?.call(\n            this,\n            this.prepareDefaultArguments(group, layout, oldItem, newItem, placeholder, e, element),\n        );\n    }\n\n    _onTargetRestore() {\n        if (this.context.temporaryLayout) {\n            return;\n        }\n\n        const {currentDraggingElement} = this.state;\n\n        if (currentDraggingElement) {\n            this.setState({\n                draggedOverGroup: currentDraggingElement.group,\n            });\n        }\n    }\n\n    _onStop = (group: string, newLayout: ConfigLayout[]) => {\n        const {layoutChange, onDrop, temporaryLayout} = this.context;\n        const {draggedOverGroup, currentDraggingElement} = this.state;\n\n        if (\n            currentDraggingElement &&\n            draggedOverGroup !== null &&\n            draggedOverGroup !== currentDraggingElement.group\n        ) {\n            // Skipping layout update when change event called for source grid\n            // and waiting _onDrop\n            return;\n        }\n\n        const groupedLayout = this.mergeGroupsLayout(group, newLayout);\n\n        this.setState({\n            isDragging: false,\n            currentDraggingElement: null,\n            draggedOverGroup: null,\n        });\n\n        if (temporaryLayout) {\n            const temporaryItem = groupedLayout.find(({i}) => i === TEMPORARY_ITEM_ID);\n            if (onDrop && temporaryItem) {\n                onDrop(groupedLayout, temporaryItem);\n            }\n        } else {\n            layoutChange(groupedLayout);\n        }\n    };\n\n    _onSharedDrop = (targetGroup: string, newLayout: ConfigLayout[], tempItem: ConfigLayout) => {\n        const {currentDraggingElement} = this.state;\n        const {layoutChange} = this.context;\n\n        if (!currentDraggingElement) {\n            return;\n        }\n\n        const sourceLayoutItem = currentDraggingElement.layoutItem;\n\n        const groupedLayout = this.mergeGroupsLayout(targetGroup, newLayout, tempItem).map(\n            (item) => {\n                if (item.i === sourceLayoutItem.i) {\n                    const copy = {...tempItem};\n\n                    delete copy.parent;\n                    if (targetGroup !== DEFAULT_GROUP) {\n                        copy.parent = targetGroup;\n                    }\n                    copy.i = sourceLayoutItem.i;\n\n                    return copy;\n                }\n\n                return item;\n            },\n        );\n\n        this.setState({\n            isDragging: false,\n            currentDraggingElement: null,\n            draggedOverGroup: null,\n        });\n\n        // TODO temporaryLayout\n        layoutChange(groupedLayout);\n    };\n\n    _onExternalDrop = (\n        group: string,\n        newLayout: ConfigLayout[],\n        item: ConfigLayout,\n        e: MouseEvent,\n    ) => {\n        const {onDrop} = this.context;\n\n        if (group !== DEFAULT_GROUP) {\n            item.parent = group;\n        }\n\n        const groupedLayout = this.mergeGroupsLayout(group, newLayout, item);\n        this.setState({isDragging: false});\n\n        onDrop?.(groupedLayout, item, e);\n    };\n\n    _onDrop = (\n        group: string,\n        newLayout: ConfigLayout[],\n        item: ConfigLayout | undefined,\n        e: MouseEvent,\n    ): void | false => {\n        if (!item || !this.context.editMode) {\n            return false;\n        }\n\n        const {draggedOverGroup, currentDraggingElement} = this.state;\n        if (currentDraggingElement && draggedOverGroup === group) {\n            this._onSharedDrop(group, newLayout, item);\n        } else {\n            this._onExternalDrop(group, newLayout, item, e);\n        }\n    };\n\n    _onDropDragOver = (\n        group: string,\n        e: DragOverEvent,\n    ): {w?: number; h?: number} | false | undefined => {\n        const {editMode, dragOverPlugin, onDropDragOver, temporaryLayout} = this.context;\n        const {currentDraggingElement} = this.state;\n\n        // TODO If temporary item is trying to change group\n        if (temporaryLayout && currentDraggingElement) {\n            return false;\n        }\n\n        if (!editMode || (!dragOverPlugin && !currentDraggingElement)) {\n            return false;\n        }\n\n        const {properties, layout} = this.getLayoutAndPropsByGroup(group);\n\n        if (currentDraggingElement) {\n            const {h, w, i} = currentDraggingElement.layoutItem;\n            const {type} = currentDraggingElement.item;\n            const sharedItem: DraggedOverItem = {\n                h,\n                w,\n                i,\n                type,\n                parent: currentDraggingElement.group,\n            };\n\n            return onDropDragOver(e, group, properties, layout, sharedItem);\n        }\n\n        if (dragOverPlugin) {\n            return onDropDragOver(e, group, properties, layout);\n        }\n\n        return false;\n    };\n\n    renderTemporaryPlaceholder(gridLayout: Partial<ReactGridLayoutProps>) {\n        const {temporaryLayout, noOverlay, draggableHandleClassName} = this.context;\n\n        if (!temporaryLayout || !temporaryLayout.dragProps) {\n            return null;\n        }\n\n        const id = TEMPORARY_ITEM_ID;\n        const {type} = temporaryLayout.dragProps;\n\n        return (\n            <GridItem\n                key={id}\n                id={id}\n                item={{id, type, data: {}} as ConfigItem}\n                layout={temporaryLayout.data}\n                adjustWidgetLayout={this.adjustWidgetLayout}\n                isDragging={this.state.isDragging}\n                isPlaceholder={true}\n                noOverlay={noOverlay}\n                withCustomHandle={Boolean(draggableHandleClassName)}\n                gridLayout={gridLayout}\n            />\n        );\n    }\n\n    renderGroup(\n        group: string,\n        renderLayout: ConfigLayout[],\n        renderItems: ConfigItem[],\n        offset = 0,\n        groupGridProperties?: (props: ReactGridLayoutProps) => ReactGridLayoutProps,\n    ) {\n        const {\n            registerManager,\n            editMode,\n            noOverlay,\n            focusable,\n            draggableHandleClassName,\n            outerDnDEnable,\n            onItemMountChange,\n            onItemRender,\n            onItemFocus,\n            onItemBlur,\n        } = this.context;\n\n        const {currentDraggingElement, draggedOverGroup} = this.state;\n        const hasOwnGroupProperties = typeof groupGridProperties === 'function';\n        const properties = hasOwnGroupProperties\n            ? groupGridProperties({...registerManager.gridLayout})\n            : registerManager.gridLayout;\n        let {compactType} = properties;\n\n        if (compactType === COMPACT_TYPE_HORIZONTAL_NOWRAP) {\n            compactType = 'horizontal';\n        }\n\n        const {callbacks, layout} = this.getMemoGroupProps(group, renderLayout, properties);\n        const hasSharedDragItem = Boolean(\n            currentDraggingElement && currentDraggingElement.group !== group,\n        );\n        const isDragCaptured = Boolean(\n            currentDraggingElement &&\n                group === currentDraggingElement.group &&\n                draggedOverGroup !== null &&\n                draggedOverGroup !== group,\n        );\n\n        return (\n            <Layout\n                key={`group_${group}`}\n                isDraggable={editMode}\n                isResizable={editMode}\n                // Group properties\n                {...properties}\n                // Layout props\n                compactType={compactType}\n                layout={layout}\n                draggableCancel={`.${DRAGGABLE_CANCEL_CLASS_NAME}`}\n                draggableHandle={\n                    draggableHandleClassName ? `.${draggableHandleClassName}` : undefined\n                }\n                // Default callbacks\n                onDragStart={callbacks.onDragStart}\n                onDrag={callbacks.onDrag}\n                onDragStop={callbacks.onDragStop}\n                onResizeStart={callbacks.onResizeStart}\n                onResize={callbacks.onResize}\n                onResizeStop={callbacks.onResizeStop}\n                // External Drag N Drop options\n                onDragTargetRestore={callbacks.onDragTargetRestore}\n                onDropDragOver={callbacks.onDropDragOver}\n                onDrop={callbacks.onDrop}\n                hasSharedDragItem={hasSharedDragItem}\n                sharedDragPosition={currentDraggingElement?.cursorPosition}\n                isDragCaptured={isDragCaptured}\n                isDroppable={Boolean(outerDnDEnable) && editMode}\n            >\n                {renderItems.map((item, i) => {\n                    const keyId = item.id;\n                    const isDragging = this.state.isDragging;\n                    const isCurrentDraggedItem =\n                        currentDraggingElement &&\n                        'id' in currentDraggingElement.item &&\n                        currentDraggingElement.item.id === keyId;\n                    const isDraggedOut = isCurrentDraggedItem && this.state.isDraggedOut;\n                    const itemNoOverlay =\n                        hasOwnGroupProperties && 'noOverlay' in properties\n                            ? properties.noOverlay\n                            : noOverlay;\n\n                    return (\n                        <GridItem\n                            key={keyId}\n                            forwardedPluginRef={this.getMemoForwardRefCallback(offset + i)} // forwarded ref to plugin\n                            id={keyId}\n                            item={item}\n                            layout={layout}\n                            adjustWidgetLayout={this.adjustWidgetLayout}\n                            isDragging={isDragging}\n                            isDraggedOut={isDraggedOut || undefined}\n                            noOverlay={itemNoOverlay}\n                            focusable={focusable}\n                            withCustomHandle={Boolean(draggableHandleClassName)}\n                            onItemMountChange={onItemMountChange}\n                            onItemRender={onItemRender}\n                            gridLayout={properties}\n                            onItemFocus={onItemFocus}\n                            onItemBlur={onItemBlur}\n                        />\n                    );\n                })}\n                {this.renderTemporaryPlaceholder(properties)}\n            </Layout>\n        );\n    }\n\n    render() {\n        const {config, groups, editMode, context} = this.context;\n\n        this.pluginsRefs.length = this.context.configItems.length;\n\n        const defaultRenderLayout: ConfigLayout[] = [];\n        const defaultRenderItems: ConfigItem[] = [];\n        const layoutMap: Record<string, string> = {};\n\n        const groupedLayout = this.getActiveLayout().reduce<Record<string, ConfigLayout[]>>(\n            (memo, item) => {\n                if (item.parent) {\n                    if (!memo[item.parent]) {\n                        memo[item.parent] = [];\n                    }\n\n                    memo[item.parent].push(item);\n                    layoutMap[item.i] = item.parent;\n                } else {\n                    defaultRenderLayout.push(item);\n                }\n\n                return memo;\n            },\n            {},\n        );\n\n        const itemsByGroup = this.context.configItems.reduce<Record<string, ConfigItem[]>>(\n            (memo, item) => {\n                const group = layoutMap[item.id];\n                if (group) {\n                    if (!memo[group]) {\n                        memo[group] = [];\n                    }\n                    memo[group].push(item);\n                } else {\n                    defaultRenderItems.push(item);\n                }\n\n                return memo;\n            },\n            {},\n        );\n\n        let offset = 0;\n\n        if (groups) {\n            return groups.map((group) => {\n                const id = group.id || DEFAULT_GROUP;\n\n                let layout, items;\n\n                if (id === DEFAULT_GROUP) {\n                    layout = defaultRenderLayout;\n                    items = defaultRenderItems;\n                } else {\n                    layout = groupedLayout[id] || [];\n                    items = itemsByGroup[id] || [];\n                }\n\n                const element = this.renderGroup(id, layout, items, offset, group.gridProperties);\n                offset += items.length;\n\n                if (group.render) {\n                    const groupContext = {\n                        isMobile: false,\n                        config,\n                        editMode,\n                        items,\n                        layout,\n                        context,\n                    };\n                    return group.render(id, element, groupContext);\n                }\n\n                return element;\n            });\n        } else {\n            return this.renderGroup(DEFAULT_GROUP, defaultRenderLayout, defaultRenderItems, offset);\n        }\n    }\n}\n"]}
+{"version":3,"file":"GridLayout.js","sourceRoot":"../../../../src","sources":["components/GridLayout/GridLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type {DragOverEvent} from 'react-grid-layout';\n\nimport type {PluginRef, PluginWidgetProps, ReactGridLayoutProps} from 'src/typings';\n\nimport {COMPACT_TYPE_HORIZONTAL_NOWRAP, DEFAULT_GROUP, TEMPORARY_ITEM_ID} from '../../constants';\nimport type {DashKitCtxShape} from '../../context';\nimport {DashKitContext} from '../../context';\nimport type {ConfigItem, ConfigLayout, DraggedOverItem} from '../../shared';\nimport {resolveLayoutGroup} from '../../utils';\nimport GridItem from '../GridItem/GridItem';\n\nimport {GroupLayout} from './GroupLayout';\nimport type {\n    CurrentDraggingElement,\n    GridLayoutProps,\n    GridLayoutState,\n    GroupCallbacks,\n    LayoutAndPropsByGroup,\n    ManipulationCallbackArgs,\n    MemoGroupLayout,\n    ReloadItemsOptions,\n} from './types';\n\nconst hasPluginId = (value: PluginRef): value is {props: {id: string}} => {\n    return (\n        value !== null &&\n        'props' in value &&\n        typeof value.props === 'object' &&\n        value.props !== null &&\n        'id' in value.props &&\n        typeof value.props.id === 'string'\n    );\n};\n\nexport default class GridLayout extends React.PureComponent<GridLayoutProps, GridLayoutState> {\n    static contextType = DashKitContext;\n    context!: DashKitCtxShape;\n\n    pluginsRefs: Array<PluginRef>;\n\n    private _memoForwardedPluginRef: Array<(pluginRef: PluginRef) => void> = [];\n    private _memoGroupsProps: Record<string, Partial<ReactGridLayoutProps>> = {};\n    private _memoGroupsLayouts: Record<string, MemoGroupLayout> = {};\n    private _memoCallbacksForGroups: Record<string, GroupCallbacks> = {};\n    private _memoGroupsItems: Record<string, ConfigItem[]> = {};\n\n    private _sharedDragRef: React.MutableRefObject<{\n        isDragging: boolean;\n        sourceGroup: string | null;\n    }> = {current: {isDragging: false, sourceGroup: null}};\n    private _sharedDragPositionRef: React.MutableRefObject<{\n        offsetX: number;\n        offsetY: number;\n    } | null> = {current: null};\n\n    private _timeout?: NodeJS.Timeout;\n    private _lastReloadAt?: number;\n    private _parendDragNode: HTMLElement | null = null;\n\n    constructor(props: GridLayoutProps, context: DashKitCtxShape) {\n        super(props, context);\n        this.pluginsRefs = [];\n        this.state = {\n            isDragging: false,\n            isDraggedOut: false,\n            isPageHidden: false,\n            currentDraggingElement: null,\n            draggedOverGroup: null,\n        };\n    }\n\n    componentDidMount() {\n        this.reloadItems();\n        document.addEventListener('visibilitychange', this.onVisibilityChange);\n    }\n\n    componentDidUpdate() {\n        clearTimeout(this._timeout);\n        this.reloadItems();\n    }\n\n    componentWillUnmount() {\n        clearTimeout(this._timeout);\n        document.removeEventListener('visibilitychange', this.onVisibilityChange);\n\n        this._memoCallbacksForGroups = {};\n        this._memoGroupsProps = {};\n        this._memoGroupsLayouts = {};\n        this._memoGroupsItems = {};\n        this._memoForwardedPluginRef = [];\n    }\n\n    onVisibilityChange = () => {\n        this.setState({\n            isPageHidden: document.hidden,\n        });\n    };\n\n    adjustWidgetLayout: PluginWidgetProps['adjustWidgetLayout'] = ({\n        widgetId,\n        needSetDefault,\n        adjustedWidgetLayout,\n    }) => {\n        const {layout, memorizeOriginalLayout, revertToOriginalLayout} = this.context;\n\n        if (needSetDefault) {\n            revertToOriginalLayout(widgetId);\n            return;\n        }\n\n        if (!adjustedWidgetLayout) {\n            return;\n        }\n\n        const correspondedLayoutItemIndex = layout.findIndex(\n            (layoutItem) => layoutItem.i === widgetId,\n        );\n\n        memorizeOriginalLayout(\n            widgetId,\n            {...layout[correspondedLayoutItemIndex]},\n            adjustedWidgetLayout,\n        );\n    };\n\n    getItemsMeta = () => {\n        const {getItemsMeta} = this.context;\n        return getItemsMeta(this.pluginsRefs);\n    };\n\n    getActiveLayout(): ConfigLayout[] {\n        const {layout, temporaryLayout} = this.context;\n\n        return temporaryLayout?.data || layout;\n    }\n\n    getMemoGroupLayout(group: string, layout: ConfigLayout[]): MemoGroupLayout {\n        // fastest possible way to match json\n        const key = JSON.stringify(layout);\n\n        if (this._memoGroupsLayouts[group]) {\n            if (this._memoGroupsLayouts[group].key === key) {\n                return this._memoGroupsLayouts[group];\n            } else {\n                this._memoGroupsLayouts[group].key = key;\n                this._memoGroupsLayouts[group].layout = layout;\n            }\n        } else {\n            this._memoGroupsLayouts[group] = {\n                key,\n                layout,\n            };\n        }\n\n        return this._memoGroupsLayouts[group];\n    }\n\n    getMemoGroupCallbacks(group: string): GroupCallbacks {\n        if (!this._memoCallbacksForGroups[group]) {\n            const onDragStart = this._onDragStart.bind(this, group);\n            const onDrag = this._onDrag.bind(this, group);\n            const onDragStop = this._onDragStop.bind(this, group);\n\n            const onResizeStart = this._onResizeStart.bind(this, group);\n            const onResize = this._onResize.bind(this, group);\n            const onResizeStop = this._onResizeStop.bind(this, group);\n\n            const onDrop = this._onDrop.bind(this, group);\n            const onDropDragOver = this._onDropDragOver.bind(this, group);\n            const onDragTargetRestore = this._onTargetRestore.bind(this);\n\n            this._memoCallbacksForGroups[group] = {\n                onDragStart,\n                onDrag,\n                onDragStop,\n                onResizeStart,\n                onResize,\n                onResizeStop,\n                onDrop,\n                onDropDragOver,\n                onDragTargetRestore,\n            };\n        }\n\n        return this._memoCallbacksForGroups[group];\n    }\n\n    getMemoGroupItems(group: string, nextItems: ConfigItem[]): ConfigItem[] {\n        const prev = this._memoGroupsItems[group];\n        if (\n            prev &&\n            prev.length === nextItems.length &&\n            prev.every((item, i) => item === nextItems[i])\n        ) {\n            return prev;\n        }\n        this._memoGroupsItems[group] = nextItems;\n        return nextItems;\n    }\n\n    getMemoGroupProps = (\n        group: string,\n        renderLayout: ConfigLayout[],\n        nextProperties: Partial<ReactGridLayoutProps>,\n    ) => {\n        // Return stable ref to prevent useMemo invalidation when properties are shallowly equal.\n        const prevProperties = this._memoGroupsProps[group];\n        const keysNext = Object.keys(nextProperties) as Array<keyof ReactGridLayoutProps>;\n        const stableProperties =\n            prevProperties &&\n            Object.keys(prevProperties).length === keysNext.length &&\n            keysNext.every((k) => prevProperties[k] === nextProperties[k])\n                ? prevProperties\n                : nextProperties;\n\n        // Needed for _onDropDragOver\n        this._memoGroupsProps[group] = stableProperties;\n\n        return {\n            layout: this.getMemoGroupLayout(group, renderLayout).layout,\n            callbacks: this.getMemoGroupCallbacks(group),\n            stableProperties,\n        };\n    };\n\n    getLayoutAndPropsByGroup = (group: string): LayoutAndPropsByGroup => {\n        return {\n            properties: this._memoGroupsProps[group],\n            layout: this._memoGroupsLayouts[group].layout,\n        };\n    };\n\n    getMemoForwardRefCallback = (refIndex: number) => {\n        if (!this._memoForwardedPluginRef[refIndex]) {\n            this._memoForwardedPluginRef[refIndex] = (pluginRef: PluginRef) => {\n                this.pluginsRefs[refIndex] = pluginRef;\n            };\n        }\n\n        return this._memoForwardedPluginRef[refIndex];\n    };\n\n    mergeGroupsLayout(\n        group: string,\n        newLayout: ConfigLayout[],\n        temporaryItem?: ConfigLayout,\n    ): ConfigLayout[] {\n        const renderLayout = this.getActiveLayout();\n        const itemsByGroup = renderLayout.reduce<Record<string, ConfigLayout>>(\n            (memo, item) => {\n                memo[item.i] = item;\n                return memo;\n            },\n            temporaryItem ? {[temporaryItem.i]: temporaryItem} : {},\n        );\n\n        const newItemsLayoutById = newLayout.reduce<Record<string, ConfigLayout>>((memo, item) => {\n            const parent = itemsByGroup[item.i]?.parent;\n            memo[item.i] = {...item};\n\n            if (parent) {\n                memo[item.i].parent = parent;\n            }\n            return memo;\n        }, {});\n\n        return renderLayout.map((currentItem) => {\n            const itemParent = resolveLayoutGroup(itemsByGroup[currentItem.i]);\n\n            if (itemParent === group) {\n                return newItemsLayoutById[currentItem.i];\n            }\n\n            return currentItem;\n        });\n    }\n\n    reloadItems(options?: ReloadItemsOptions) {\n        const {targetIds, force} = options || {};\n\n        const {\n            editMode,\n            settings: {autoupdateInterval, silentLoading} = {},\n            reloadItems,\n        } = this.context;\n\n        const {isPageHidden} = this.state;\n\n        const autoupdateIntervalMs = Number(autoupdateInterval) * 1000;\n\n        const targetPlugins = targetIds\n            ? this.pluginsRefs.filter(\n                  (plugin) => hasPluginId(plugin) && targetIds.includes(plugin.props.id),\n              )\n            : this.pluginsRefs;\n\n        if (autoupdateIntervalMs) {\n            const timeSinceLastReload = new Date().getTime() - (this._lastReloadAt || 0);\n            const reloadIntervalRemains = autoupdateIntervalMs - timeSinceLastReload;\n\n            if (force || (!isPageHidden && !editMode && reloadIntervalRemains <= 0)) {\n                this._lastReloadAt = new Date().getTime();\n                reloadItems(targetPlugins, {silentLoading: Boolean(silentLoading), noVeil: true});\n            }\n\n            this._timeout = setTimeout(\n                () => this.reloadItems(),\n                reloadIntervalRemains <= 0 ? autoupdateIntervalMs : reloadIntervalRemains,\n            );\n        } else if (force) {\n            reloadItems(targetPlugins, {silentLoading: Boolean(silentLoading), noVeil: true});\n        }\n    }\n\n    prepareDefaultArguments(\n        group: string,\n        layout: ConfigLayout[],\n        oldItem: ConfigLayout,\n        newItem: ConfigLayout,\n        placeholder: ConfigLayout,\n        e: MouseEvent,\n        element: HTMLElement,\n    ): ManipulationCallbackArgs {\n        return {\n            group,\n            layout,\n            oldItem,\n            newItem,\n            placeholder,\n            e,\n            element,\n        };\n    }\n\n    updateDraggingElementState(group: string, layoutItem: ConfigLayout, e: MouseEvent) {\n        let currentDraggingElement: CurrentDraggingElement | null =\n            this.state.currentDraggingElement;\n\n        if (!currentDraggingElement) {\n            const {temporaryLayout} = this.context;\n            const layoutId = layoutItem.i;\n\n            const item = temporaryLayout\n                ? temporaryLayout.dragProps\n                : this.context.configItems.find(({id}) => id === layoutId);\n\n            if (!item) {\n                return;\n            }\n\n            let {offsetX, offsetY} =\n                (e as MouseEvent & {nativeEvent?: MouseEvent}).nativeEvent || {};\n            if (offsetX === undefined || offsetY === undefined) {\n                const target = e.currentTarget as HTMLElement;\n                const gridRect = target?.getBoundingClientRect();\n\n                offsetX = e.clientX - (gridRect?.left || 0);\n                offsetY = e.clientY - (gridRect?.top || 0);\n            }\n\n            currentDraggingElement = {\n                group,\n                layoutItem,\n                item,\n                cursorPosition: {offsetX, offsetY},\n            };\n\n            // Update imperatively so DragOverLayout reads fresh cursor offset without re-render.\n            this._sharedDragPositionRef.current = {offsetX, offsetY};\n        }\n\n        this.setState({currentDraggingElement, draggedOverGroup: group});\n    }\n\n    _initDragCoordinatesWatcher(element: HTMLElement) {\n        if (!this._parendDragNode) {\n            this._parendDragNode = element.parentElement;\n            this.setState({isDraggedOut: false});\n        }\n    }\n\n    // When element is going back and prointer-event: none is removed mouse enter event is not fired\n    // So to trigger it we are forcing this event by adding transparent block under the mouse\n    _forceCursorCapture(\n        parentElement: HTMLElement,\n        position: {top: number; left: number},\n        parentRect: DOMRect,\n    ) {\n        const block = document.createElement('div');\n        block.classList.add('react-grid-focus-capture');\n\n        const blockSize = 44;\n        const offset = blockSize / 2;\n\n        // Keeping elemnt inside current grid\n        const top = Math.min(Math.max(position.top - offset, 0), parentRect.height - blockSize);\n        const left = Math.min(Math.max(position.left - offset, 0), parentRect.width - blockSize);\n\n        block.style.width = `${blockSize}px`;\n        block.style.height = `${blockSize}px`;\n        block.style.top = `${top}px`;\n        block.style.left = `${left}px`;\n\n        parentElement.appendChild(block);\n\n        setTimeout(() => {\n            block.remove();\n        }, 100);\n    }\n\n    _updateDragCoordinates(e: MouseEvent) {\n        const parent = this._parendDragNode;\n\n        if (!parent) {\n            return;\n        }\n\n        const parentRect = parent.getBoundingClientRect();\n        const {clientX, clientY} = e;\n\n        let isDraggedOut = this.state.isDraggedOut;\n        if (\n            clientX < parentRect.left ||\n            clientX > parentRect.right ||\n            clientY < parentRect.top ||\n            clientY > parentRect.bottom\n        ) {\n            isDraggedOut = true;\n        } else {\n            isDraggedOut = false;\n        }\n\n        if (isDraggedOut !== this.state.isDraggedOut) {\n            this.setState({isDraggedOut});\n\n            if (!isDraggedOut) {\n                this._forceCursorCapture(\n                    parent,\n                    {\n                        top: clientY - parentRect.top,\n                        left: clientX - parentRect.left,\n                    },\n                    parentRect,\n                );\n            }\n        }\n    }\n\n    _resetDragWatcher() {\n        this._parendDragNode = null;\n        this.setState({isDraggedOut: false});\n    }\n\n    _onDragStart(\n        group: string,\n        _newLayout: ConfigLayout[],\n        layoutItem: ConfigLayout,\n        _newItem: ConfigLayout,\n        _placeholder: ConfigLayout,\n        e: MouseEvent,\n        element: HTMLElement,\n    ) {\n        this.context.onDragStart?.call(\n            this,\n            this.prepareDefaultArguments(\n                group,\n                _newLayout,\n                layoutItem,\n                _newItem,\n                _placeholder,\n                e,\n                element,\n            ),\n        );\n\n        if (this.context.dragOverPlugin) {\n            this.setState({isDragging: true});\n        } else {\n            this._sharedDragRef.current = {isDragging: true, sourceGroup: group};\n            this._initDragCoordinatesWatcher(element);\n            this.updateDraggingElementState(group, layoutItem, e);\n            this.setState({isDragging: true});\n        }\n    }\n\n    _onDrag(\n        group: string,\n        layout: ConfigLayout[],\n        oldItem: ConfigLayout,\n        newItem: ConfigLayout,\n        placeholder: ConfigLayout,\n        e: MouseEvent,\n        element: HTMLElement,\n    ) {\n        if (!this.context.dragOverPlugin) {\n            this._updateDragCoordinates(e);\n        }\n\n        this.context.onDrag?.call(\n            this,\n            this.prepareDefaultArguments(group, layout, oldItem, newItem, placeholder, e, element),\n        );\n    }\n\n    _onDragStop(\n        group: string,\n        layout: ConfigLayout[],\n        oldItem: ConfigLayout,\n        newItem: ConfigLayout,\n        placeholder: ConfigLayout,\n        e: MouseEvent,\n        element: HTMLElement,\n    ) {\n        this._resetDragWatcher();\n\n        this._onStop(group, layout);\n\n        this.context.onDragStop?.call(\n            this,\n            this.prepareDefaultArguments(group, layout, oldItem, newItem, placeholder, e, element),\n        );\n    }\n\n    _onResizeStart(\n        group: string,\n        layout: ConfigLayout[],\n        oldItem: ConfigLayout,\n        newItem: ConfigLayout,\n        placeholder: ConfigLayout,\n        e: MouseEvent,\n        element: HTMLElement,\n    ) {\n        this.setState({\n            isDragging: true,\n        });\n\n        this.context.onResizeStart?.call(\n            this,\n            this.prepareDefaultArguments(group, layout, oldItem, newItem, placeholder, e, element),\n        );\n    }\n\n    _onResize(\n        group: string,\n        layout: ConfigLayout[],\n        oldItem: ConfigLayout,\n        newItem: ConfigLayout,\n        placeholder: ConfigLayout,\n        e: MouseEvent,\n        element: HTMLElement,\n    ) {\n        this.context.onResize?.call(\n            this,\n            this.prepareDefaultArguments(group, layout, oldItem, newItem, placeholder, e, element),\n        );\n    }\n\n    _onResizeStop(\n        group: string,\n        layout: ConfigLayout[],\n        oldItem: ConfigLayout,\n        newItem: ConfigLayout,\n        placeholder: ConfigLayout,\n        e: MouseEvent,\n        element: HTMLElement,\n    ) {\n        this._onStop(group, layout);\n\n        this.context.onResizeStop?.call(\n            this,\n            this.prepareDefaultArguments(group, layout, oldItem, newItem, placeholder, e, element),\n        );\n    }\n\n    _onTargetRestore() {\n        if (this.context.temporaryLayout) {\n            return;\n        }\n\n        const {currentDraggingElement} = this.state;\n\n        if (currentDraggingElement) {\n            this.setState({\n                draggedOverGroup: currentDraggingElement.group,\n            });\n        }\n    }\n\n    _onStop = (group: string, newLayout: ConfigLayout[]) => {\n        const {layoutChange, onDrop, temporaryLayout} = this.context;\n        const {draggedOverGroup, currentDraggingElement} = this.state;\n\n        if (\n            currentDraggingElement &&\n            draggedOverGroup !== null &&\n            draggedOverGroup !== currentDraggingElement.group\n        ) {\n            // Skipping layout update when change event called for source grid\n            // and waiting _onDrop\n            return;\n        }\n\n        const groupedLayout = this.mergeGroupsLayout(group, newLayout);\n\n        this._sharedDragRef.current = {isDragging: false, sourceGroup: null};\n        this._sharedDragPositionRef.current = null;\n        this.setState({\n            isDragging: false,\n            currentDraggingElement: null,\n            draggedOverGroup: null,\n        });\n\n        if (temporaryLayout) {\n            const temporaryItem = groupedLayout.find(({i}) => i === TEMPORARY_ITEM_ID);\n            if (onDrop && temporaryItem) {\n                onDrop(groupedLayout, temporaryItem);\n            }\n        } else {\n            layoutChange(groupedLayout);\n        }\n    };\n\n    _onSharedDrop = (targetGroup: string, newLayout: ConfigLayout[], tempItem: ConfigLayout) => {\n        const {currentDraggingElement} = this.state;\n        const {layoutChange} = this.context;\n\n        if (!currentDraggingElement) {\n            return;\n        }\n\n        const sourceLayoutItem = currentDraggingElement.layoutItem;\n\n        const groupedLayout = this.mergeGroupsLayout(targetGroup, newLayout, tempItem).map(\n            (item) => {\n                if (item.i === sourceLayoutItem.i) {\n                    const copy = {...tempItem};\n\n                    delete copy.parent;\n                    if (targetGroup !== DEFAULT_GROUP) {\n                        copy.parent = targetGroup;\n                    }\n                    copy.i = sourceLayoutItem.i;\n\n                    return copy;\n                }\n\n                return item;\n            },\n        );\n\n        this._sharedDragRef.current = {isDragging: false, sourceGroup: null};\n        this._sharedDragPositionRef.current = null;\n        this.setState({\n            isDragging: false,\n            currentDraggingElement: null,\n            draggedOverGroup: null,\n        });\n\n        // TODO temporaryLayout\n        layoutChange(groupedLayout);\n    };\n\n    _onExternalDrop = (\n        group: string,\n        newLayout: ConfigLayout[],\n        item: ConfigLayout,\n        e: MouseEvent,\n    ) => {\n        const {onDrop} = this.context;\n\n        if (group !== DEFAULT_GROUP) {\n            item.parent = group;\n        }\n\n        const groupedLayout = this.mergeGroupsLayout(group, newLayout, item);\n        this._sharedDragRef.current = {isDragging: false, sourceGroup: null};\n        this.setState({isDragging: false});\n\n        onDrop?.(groupedLayout, item, e);\n    };\n\n    _onDrop = (\n        group: string,\n        newLayout: ConfigLayout[],\n        item: ConfigLayout | undefined,\n        e: MouseEvent,\n    ): void | false => {\n        if (!item || !this.context.editMode) {\n            return false;\n        }\n\n        const {draggedOverGroup, currentDraggingElement} = this.state;\n        if (currentDraggingElement && draggedOverGroup === group) {\n            this._onSharedDrop(group, newLayout, item);\n        } else {\n            this._onExternalDrop(group, newLayout, item, e);\n        }\n    };\n\n    _onDropDragOver = (\n        group: string,\n        e: DragOverEvent,\n    ): {w?: number; h?: number} | false | undefined => {\n        const {editMode, dragOverPlugin, onDropDragOver, temporaryLayout} = this.context;\n        const {currentDraggingElement} = this.state;\n\n        // TODO If temporary item is trying to change group\n        if (temporaryLayout && currentDraggingElement) {\n            return false;\n        }\n\n        if (!editMode || (!dragOverPlugin && !currentDraggingElement)) {\n            return false;\n        }\n\n        const {properties, layout} = this.getLayoutAndPropsByGroup(group);\n\n        if (currentDraggingElement) {\n            const {h, w, i} = currentDraggingElement.layoutItem;\n            const {type} = currentDraggingElement.item;\n            const sharedItem: DraggedOverItem = {\n                h,\n                w,\n                i,\n                type,\n                parent: currentDraggingElement.group,\n            };\n\n            return onDropDragOver(e, group, properties, layout, sharedItem);\n        }\n\n        if (dragOverPlugin) {\n            return onDropDragOver(e, group, properties, layout);\n        }\n\n        return false;\n    };\n\n    renderTemporaryPlaceholder(gridLayout: Partial<ReactGridLayoutProps>) {\n        const {temporaryLayout, noOverlay, draggableHandleClassName} = this.context;\n\n        if (!temporaryLayout || !temporaryLayout.dragProps) {\n            return null;\n        }\n\n        const id = TEMPORARY_ITEM_ID;\n        const {type} = temporaryLayout.dragProps;\n\n        return (\n            <GridItem\n                key={id}\n                id={id}\n                item={{id, type, data: {}} as ConfigItem}\n                layout={temporaryLayout.data}\n                adjustWidgetLayout={this.adjustWidgetLayout}\n                isDragging={this.state.isDragging}\n                isPlaceholder={true}\n                noOverlay={noOverlay}\n                withCustomHandle={Boolean(draggableHandleClassName)}\n                gridLayout={gridLayout}\n            />\n        );\n    }\n\n    renderGroup(\n        group: string,\n        renderLayout: ConfigLayout[],\n        renderItems: ConfigItem[],\n        offset = 0,\n        groupGridProperties?: (props: ReactGridLayoutProps) => ReactGridLayoutProps,\n    ) {\n        const {registerManager} = this.context;\n        const {currentDraggingElement, draggedOverGroup, isDragging, isDraggedOut} = this.state;\n\n        const hasOwnGroupProperties = typeof groupGridProperties === 'function';\n        const properties = hasOwnGroupProperties\n            ? groupGridProperties({...registerManager.gridLayout})\n            : registerManager.gridLayout;\n\n        const {callbacks, layout, stableProperties} = this.getMemoGroupProps(\n            group,\n            renderLayout,\n            properties,\n        );\n\n        const compactType: 'vertical' | 'horizontal' | null | undefined =\n            stableProperties.compactType === COMPACT_TYPE_HORIZONTAL_NOWRAP\n                ? 'horizontal'\n                : stableProperties.compactType;\n\n        const isDragCaptured = Boolean(\n            currentDraggingElement &&\n                group === currentDraggingElement.group &&\n                draggedOverGroup !== null &&\n                draggedOverGroup !== group,\n        );\n        const currentDraggingItemId =\n            currentDraggingElement && 'id' in currentDraggingElement.item\n                ? currentDraggingElement.item.id\n                : null;\n\n        // Non-source groups get stable false/null — memo skips re-render on drag move.\n        const isSourceGroup = Boolean(currentDraggingElement?.group === group);\n        const groupIsAnyDragging = isDragging && isSourceGroup;\n        const groupCurrentDraggingItemId = isSourceGroup ? currentDraggingItemId : null;\n        const groupIsAnyDraggedOut = isSourceGroup ? isDraggedOut : false;\n\n        return (\n            <GroupLayout\n                key={`group_${group}`}\n                group={group}\n                renderItems={renderItems}\n                offset={offset}\n                properties={stableProperties}\n                compactType={compactType}\n                callbacks={callbacks}\n                layout={layout}\n                temporaryPlaceholder={this.renderTemporaryPlaceholder(stableProperties)}\n                dragStateRef={this._sharedDragRef}\n                sharedDragPositionRef={this._sharedDragPositionRef}\n                isDragCaptured={isDragCaptured}\n                isAnyDragging={groupIsAnyDragging}\n                currentDraggingItemId={groupCurrentDraggingItemId}\n                isAnyDraggedOut={groupIsAnyDraggedOut}\n                adjustWidgetLayout={this.adjustWidgetLayout}\n                getMemoForwardRefCallback={this.getMemoForwardRefCallback}\n            />\n        );\n    }\n\n    render() {\n        const {config, groups, editMode, context} = this.context;\n\n        this.pluginsRefs.length = this.context.configItems.length;\n\n        const defaultRenderLayout: ConfigLayout[] = [];\n        const defaultRenderItems: ConfigItem[] = [];\n        const layoutMap: Record<string, string> = {};\n\n        const groupedLayout = this.getActiveLayout().reduce<Record<string, ConfigLayout[]>>(\n            (memo, item) => {\n                if (item.parent) {\n                    if (!memo[item.parent]) {\n                        memo[item.parent] = [];\n                    }\n\n                    memo[item.parent].push(item);\n                    layoutMap[item.i] = item.parent;\n                } else {\n                    defaultRenderLayout.push(item);\n                }\n\n                return memo;\n            },\n            {},\n        );\n\n        const itemsByGroup = this.context.configItems.reduce<Record<string, ConfigItem[]>>(\n            (memo, item) => {\n                const group = layoutMap[item.id];\n                if (group) {\n                    if (!memo[group]) {\n                        memo[group] = [];\n                    }\n                    memo[group].push(item);\n                } else {\n                    defaultRenderItems.push(item);\n                }\n\n                return memo;\n            },\n            {},\n        );\n\n        let offset = 0;\n\n        if (groups) {\n            return groups.map((group) => {\n                const id = group.id || DEFAULT_GROUP;\n\n                let layout, items;\n\n                if (id === DEFAULT_GROUP) {\n                    layout = defaultRenderLayout;\n                    items = defaultRenderItems;\n                } else {\n                    layout = groupedLayout[id] || [];\n                    items = itemsByGroup[id] || [];\n                }\n\n                const stableItems = this.getMemoGroupItems(id, items);\n                const element = this.renderGroup(\n                    id,\n                    layout,\n                    stableItems,\n                    offset,\n                    group.gridProperties,\n                );\n                offset += stableItems.length;\n\n                if (group.render) {\n                    const groupContext = {\n                        isMobile: false,\n                        config,\n                        editMode,\n                        items,\n                        layout,\n                        context,\n                    };\n                    return group.render(id, element, groupContext);\n                }\n\n                return element;\n            });\n        } else {\n            const stableDefaultItems = this.getMemoGroupItems(DEFAULT_GROUP, defaultRenderItems);\n            return this.renderGroup(DEFAULT_GROUP, defaultRenderLayout, stableDefaultItems, offset);\n        }\n    }\n}\n"]}

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { ConfigItem, ConfigLayout } from "../../shared/index.js";
+import type { PluginRef, PluginWidgetProps, ReactGridLayoutProps } from "../../typings/index.js";
+import type { GroupCallbacks } from "./types.js";
+export interface GroupLayoutProps {
+    group: string;
+    renderItems: ConfigItem[];
+    offset: number;
+    properties: Partial<ReactGridLayoutProps>;
+    compactType: 'vertical' | 'horizontal' | null | undefined;
+    callbacks: GroupCallbacks;
+    layout: ConfigLayout[];
+    temporaryPlaceholder: React.ReactNode;
+    isDragCaptured: boolean;
+    dragStateRef: React.MutableRefObject<{
+        isDragging: boolean;
+        sourceGroup: string | null;
+    }>;
+    sharedDragPositionRef: React.MutableRefObject<{
+        offsetX: number;
+        offsetY: number;
+    } | null>;
+    isAnyDragging: boolean;
+    currentDraggingItemId: string | null;
+    isAnyDraggedOut: boolean;
+    adjustWidgetLayout: PluginWidgetProps['adjustWidgetLayout'];
+    getMemoForwardRefCallback: (index: number) => (ref: PluginRef) => void;
+}
+export declare const GroupLayout: React.NamedExoticComponent<GroupLayoutProps>;