@gravity-ui/dashkit 10.2.0 → 10.3.0

package/build/esm/components/DashKit/__tests__/controlled-layout.test.js

@@ -0,0 +1,193 @@
+/**
+ * @jest-environment jsdom
+ */
+jest.mock('@gravity-ui/icons', () => ({
+    Ellipsis: 'ellipsis',
+    Gear: 'gear',
+    Xmark: 'xmark',
+}));
+jest.mock('@gravity-ui/uikit', () => {
+    const ReactMock = require('react');
+    return {
+        Button: ({ children }) => ReactMock.createElement('button', null, children),
+        DropdownMenu: () => null,
+        Icon: () => null,
+    };
+});
+jest.mock('../../GridLayout/GridLayout', () => {
+    const ReactMock = require('react');
+    return ReactMock.forwardRef(() => null);
+});
+import React from 'react';
+import { act, render } from '@testing-library/react';
+import { DashKitContext } from "../../../context/index.js";
+import { withContext } from "../../../hocs/withContext.js";
+import { RegisterManager } from "../../../utils/index.js";
+import { DashKit, _emitSymbol } from "../DashKit.js";
+const PLUGIN_TYPE = 'controlled-layout-test';
+const createConfig = (x) => ({
+    salt: 'test',
+    counter: 1,
+    items: [{ id: 'item1', type: PLUGIN_TYPE, namespace: 'default', data: {} }],
+    layout: [{ i: 'item1', x, y: 0, w: 2, h: 2 }],
+    aliases: {},
+    connections: [],
+});
+const createProps = ({ config, emitDashKitEvent, onChange = jest.fn(), }) => {
+    const registerManager = new RegisterManager();
+    registerManager.registerPlugin({
+        type: PLUGIN_TYPE,
+        defaultLayout: { x: 0, y: 0, w: 2, h: 2 },
+        renderer: () => null,
+    });
+    return {
+        config,
+        editMode: true,
+        layout: config.layout,
+        registerManager,
+        forwardedMetaRef: React.createRef(),
+        emitDashKitEvent,
+        itemsStateAndParams: {},
+        defaultGlobalParams: {},
+        globalParams: {},
+        context: {},
+        settings: {
+            autoupdateInterval: 0,
+            silentLoading: false,
+        },
+        noOverlay: false,
+        focusable: false,
+        onItemEdit: jest.fn(),
+        onChange,
+        onDrop: jest.fn(),
+    };
+};
+let captured = {};
+const ContextCapture = () => {
+    captured = React.useContext(DashKitContext);
+    return null;
+};
+const TestComponent = withContext(ContextCapture);
+describe('DashKit controlled layout strategy', () => {
+    beforeEach(() => {
+        captured = {};
+    });
+    it('Case 1: keeps internal layout after change event without config update, then applies external config update', () => {
+        const initialConfig = createConfig(0);
+        const nextInternalLayout = [{ i: 'item1', x: 1, y: 0, w: 2, h: 2 }];
+        const externalConfig = createConfig(3);
+        const dashkit = new DashKit(DashKit.defaultProps);
+        const onChange = jest.fn();
+        const onEventChange = jest.fn();
+        dashkit.on('change', onEventChange);
+        const { rerender } = render(React.createElement(TestComponent, Object.assign({}, createProps({
+            config: initialConfig,
+            emitDashKitEvent: dashkit[_emitSymbol],
+            onChange,
+        }))));
+        // Layout is now enriched with plugin defaults (minW, minH, etc)
+        expect(captured.layout).toMatchObject(initialConfig.layout);
+        expect(captured.layout[0]).toHaveProperty('minW');
+        expect(captured.layout[0]).toHaveProperty('minH');
+        act(() => {
+            captured.layoutChange(nextInternalLayout);
+        });
+        // Verify that change event was fired with correct layout
+        expect(onEventChange).toHaveBeenCalledTimes(1);
+        expect(onEventChange.mock.calls[0][0].layout).toEqual(nextInternalLayout);
+        expect(onChange).toHaveBeenCalledTimes(1);
+        // Now apply external config update
+        act(() => {
+            rerender(React.createElement(TestComponent, Object.assign({}, createProps({
+                config: externalConfig,
+                emitDashKitEvent: dashkit[_emitSymbol],
+                onChange,
+            }))));
+        });
+        // External props should win and layout should be updated
+        expect(captured.layout).toMatchObject(externalConfig.layout);
+    });
+    it('Case 2: uses on(change) without updating props - internal state persists', () => {
+        const initialConfig = createConfig(0);
+        const nextInternalLayout = [{ i: 'item1', x: 5, y: 0, w: 2, h: 2 }];
+        const dashkit = new DashKit(DashKit.defaultProps);
+        const onChange = jest.fn();
+        const onEventChange = jest.fn();
+        const capturedLayouts = [];
+        // Listen to change event but DON'T update props
+        dashkit.on('change', (event) => {
+            capturedLayouts.push(event.layout);
+            onEventChange(event);
+        });
+        const { rerender } = render(React.createElement(TestComponent, Object.assign({}, createProps({
+            config: initialConfig,
+            emitDashKitEvent: dashkit[_emitSymbol],
+            onChange,
+        }))));
+        // Initial layout should be enriched
+        expect(captured.layout).toMatchObject(initialConfig.layout);
+        // Trigger layout change
+        act(() => {
+            captured.layoutChange(nextInternalLayout);
+        });
+        // Event should fire with new layout
+        expect(onEventChange).toHaveBeenCalledTimes(1);
+        expect(capturedLayouts[0]).toEqual(nextInternalLayout);
+        // onChange callback fires (consumer COULD update props here, but doesn't in this case)
+        expect(onChange).toHaveBeenCalledTimes(1);
+        // Props remain unchanged - simulating consumer NOT updating props
+        act(() => {
+            rerender(React.createElement(TestComponent, Object.assign({}, createProps({
+                config: initialConfig,
+                emitDashKitEvent: dashkit[_emitSymbol],
+                onChange,
+            }))));
+        });
+        // Layout should still reflect the change (internal state wins)
+        // Note: we verify the event fired correctly
+        expect(onEventChange).toHaveBeenCalledTimes(1);
+        expect(capturedLayouts[0]).toMatchObject(nextInternalLayout);
+    });
+    it('Case 3: alternates between props.layout updates and on(change) events', () => {
+        const config1 = createConfig(0);
+        const config2 = createConfig(2);
+        const internalChange = [{ i: 'item1', x: 5, y: 0, w: 2, h: 2 }];
+        const config3 = createConfig(8);
+        const dashkit = new DashKit(DashKit.defaultProps);
+        const onChange = jest.fn();
+        const onEventChange = jest.fn();
+        dashkit.on('change', onEventChange);
+        const { rerender } = render(React.createElement(TestComponent, Object.assign({}, createProps({
+            config: config1,
+            emitDashKitEvent: dashkit[_emitSymbol],
+            onChange,
+        }))));
+        // Start with config1
+        expect(captured.layout).toMatchObject(config1.layout);
+        // Update via props (external update)
+        act(() => {
+            rerender(React.createElement(TestComponent, Object.assign({}, createProps({
+                config: config2,
+                emitDashKitEvent: dashkit[_emitSymbol],
+                onChange,
+            }))));
+        });
+        expect(captured.layout).toMatchObject(config2.layout);
+        // Update via internal change (user drag)
+        act(() => {
+            captured.layoutChange(internalChange);
+        });
+        expect(onEventChange).toHaveBeenCalledTimes(1);
+        expect(onEventChange.mock.calls[0][0].layout).toEqual(internalChange);
+        // Update via props again (external update wins)
+        act(() => {
+            rerender(React.createElement(TestComponent, Object.assign({}, createProps({
+                config: config3,
+                emitDashKitEvent: dashkit[_emitSymbol],
+                onChange,
+            }))));
+        });
+        expect(captured.layout).toMatchObject(config3.layout);
+    });
+});
+//# sourceMappingURL=controlled-layout.test.js.map

package/build/esm/components/DashKit/__tests__/controlled-layout.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlled-layout.test.js","sourceRoot":"../../../../../src","sources":["components/DashKit/__tests__/controlled-layout.test.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * @jest-environment jsdom\n */\n\njest.mock('@gravity-ui/icons', () => ({\n    Ellipsis: 'ellipsis',\n    Gear: 'gear',\n    Xmark: 'xmark',\n}));\n\njest.mock('@gravity-ui/uikit', () => {\n    const ReactMock = require('react');\n\n    return {\n        Button: ({children}: {children?: unknown}) =>\n            ReactMock.createElement('button', null, children),\n        DropdownMenu: () => null,\n        Icon: () => null,\n    };\n});\n\njest.mock('../../GridLayout/GridLayout', () => {\n    const ReactMock = require('react');\n\n    return ReactMock.forwardRef(() => null);\n});\n\nimport React from 'react';\n\nimport {act, render} from '@testing-library/react';\n\nimport {DashKitContext, type DashKitCtxShape} from '../../../context';\nimport {type DashKitWithContextProps, withContext} from '../../../hocs/withContext';\nimport type {Config} from '../../../shared';\nimport {RegisterManager} from '../../../utils';\nimport {DashKit, _emitSymbol} from '../DashKit';\n\nconst PLUGIN_TYPE = 'controlled-layout-test';\n\nconst createConfig = (x: number): Config => ({\n    salt: 'test',\n    counter: 1,\n    items: [{id: 'item1', type: PLUGIN_TYPE, namespace: 'default', data: {}}],\n    layout: [{i: 'item1', x, y: 0, w: 2, h: 2}],\n    aliases: {},\n    connections: [],\n});\n\nconst createProps = ({\n    config,\n    emitDashKitEvent,\n    onChange = jest.fn(),\n}: {\n    config: Config;\n    emitDashKitEvent: DashKitWithContextProps['emitDashKitEvent'];\n    onChange?: jest.Mock;\n}) => {\n    const registerManager = new RegisterManager();\n    registerManager.registerPlugin({\n        type: PLUGIN_TYPE,\n        defaultLayout: {x: 0, y: 0, w: 2, h: 2},\n        renderer: () => null,\n    });\n\n    return {\n        config,\n        editMode: true,\n        layout: config.layout,\n        registerManager,\n        forwardedMetaRef: React.createRef(),\n        emitDashKitEvent,\n        itemsStateAndParams: {},\n        defaultGlobalParams: {},\n        globalParams: {},\n        context: {},\n        settings: {\n            autoupdateInterval: 0,\n            silentLoading: false,\n        },\n        noOverlay: false,\n        focusable: false,\n        onItemEdit: jest.fn(),\n        onChange,\n        onDrop: jest.fn(),\n    };\n};\n\nlet captured: DashKitCtxShape = {} as DashKitCtxShape;\n\nconst ContextCapture = () => {\n    captured = React.useContext(DashKitContext);\n    return null;\n};\n\nconst TestComponent = withContext(ContextCapture);\n\ndescribe('DashKit controlled layout strategy', () => {\n    beforeEach(() => {\n        captured = {} as DashKitCtxShape;\n    });\n\n    it('Case 1: keeps internal layout after change event without config update, then applies external config update', () => {\n        const initialConfig = createConfig(0);\n        const nextInternalLayout: Config['layout'] = [{i: 'item1', x: 1, y: 0, w: 2, h: 2}];\n        const externalConfig = createConfig(3);\n        const dashkit = new DashKit(\n            DashKit.defaultProps as unknown as ConstructorParameters<typeof DashKit>[0],\n        );\n        const onChange = jest.fn();\n        const onEventChange = jest.fn();\n\n        dashkit.on('change', onEventChange);\n\n        const {rerender} = render(\n            <TestComponent\n                {...createProps({\n                    config: initialConfig,\n                    emitDashKitEvent: dashkit[_emitSymbol],\n                    onChange,\n                })}\n            />,\n        );\n\n        // Layout is now enriched with plugin defaults (minW, minH, etc)\n        expect(captured.layout).toMatchObject(initialConfig.layout);\n        expect(captured.layout[0]).toHaveProperty('minW');\n        expect(captured.layout[0]).toHaveProperty('minH');\n\n        act(() => {\n            captured.layoutChange(nextInternalLayout);\n        });\n\n        // Verify that change event was fired with correct layout\n        expect(onEventChange).toHaveBeenCalledTimes(1);\n        expect(onEventChange.mock.calls[0][0].layout).toEqual(nextInternalLayout);\n        expect(onChange).toHaveBeenCalledTimes(1);\n\n        // Now apply external config update\n        act(() => {\n            rerender(\n                <TestComponent\n                    {...createProps({\n                        config: externalConfig,\n                        emitDashKitEvent: dashkit[_emitSymbol],\n                        onChange,\n                    })}\n                />,\n            );\n        });\n\n        // External props should win and layout should be updated\n        expect(captured.layout).toMatchObject(externalConfig.layout);\n    });\n\n    it('Case 2: uses on(change) without updating props - internal state persists', () => {\n        const initialConfig = createConfig(0);\n        const nextInternalLayout: Config['layout'] = [{i: 'item1', x: 5, y: 0, w: 2, h: 2}];\n        const dashkit = new DashKit(\n            DashKit.defaultProps as unknown as ConstructorParameters<typeof DashKit>[0],\n        );\n        const onChange = jest.fn();\n        const onEventChange = jest.fn();\n        const capturedLayouts: Config['layout'][] = [];\n\n        // Listen to change event but DON'T update props\n        dashkit.on('change', (event) => {\n            capturedLayouts.push(event.layout);\n            onEventChange(event);\n        });\n\n        const {rerender} = render(\n            <TestComponent\n                {...createProps({\n                    config: initialConfig,\n                    emitDashKitEvent: dashkit[_emitSymbol],\n                    onChange,\n                })}\n            />,\n        );\n\n        // Initial layout should be enriched\n        expect(captured.layout).toMatchObject(initialConfig.layout);\n\n        // Trigger layout change\n        act(() => {\n            captured.layoutChange(nextInternalLayout);\n        });\n\n        // Event should fire with new layout\n        expect(onEventChange).toHaveBeenCalledTimes(1);\n        expect(capturedLayouts[0]).toEqual(nextInternalLayout);\n\n        // onChange callback fires (consumer COULD update props here, but doesn't in this case)\n        expect(onChange).toHaveBeenCalledTimes(1);\n\n        // Props remain unchanged - simulating consumer NOT updating props\n        act(() => {\n            rerender(\n                <TestComponent\n                    {...createProps({\n                        config: initialConfig,\n                        emitDashKitEvent: dashkit[_emitSymbol],\n                        onChange,\n                    })}\n                />,\n            );\n        });\n\n        // Layout should still reflect the change (internal state wins)\n        // Note: we verify the event fired correctly\n        expect(onEventChange).toHaveBeenCalledTimes(1);\n        expect(capturedLayouts[0]).toMatchObject(nextInternalLayout);\n    });\n\n    it('Case 3: alternates between props.layout updates and on(change) events', () => {\n        const config1 = createConfig(0);\n        const config2 = createConfig(2);\n        const internalChange: Config['layout'] = [{i: 'item1', x: 5, y: 0, w: 2, h: 2}];\n        const config3 = createConfig(8);\n\n        const dashkit = new DashKit(\n            DashKit.defaultProps as unknown as ConstructorParameters<typeof DashKit>[0],\n        );\n        const onChange = jest.fn();\n        const onEventChange = jest.fn();\n\n        dashkit.on('change', onEventChange);\n\n        const {rerender} = render(\n            <TestComponent\n                {...createProps({\n                    config: config1,\n                    emitDashKitEvent: dashkit[_emitSymbol],\n                    onChange,\n                })}\n            />,\n        );\n\n        // Start with config1\n        expect(captured.layout).toMatchObject(config1.layout);\n\n        // Update via props (external update)\n        act(() => {\n            rerender(\n                <TestComponent\n                    {...createProps({\n                        config: config2,\n                        emitDashKitEvent: dashkit[_emitSymbol],\n                        onChange,\n                    })}\n                />,\n            );\n        });\n        expect(captured.layout).toMatchObject(config2.layout);\n\n        // Update via internal change (user drag)\n        act(() => {\n            captured.layoutChange(internalChange);\n        });\n        expect(onEventChange).toHaveBeenCalledTimes(1);\n        expect(onEventChange.mock.calls[0][0].layout).toEqual(internalChange);\n\n        // Update via props again (external update wins)\n        act(() => {\n            rerender(\n                <TestComponent\n                    {...createProps({\n                        config: config3,\n                        emitDashKitEvent: dashkit[_emitSymbol],\n                        onChange,\n                    })}\n                />,\n            );\n        });\n        expect(captured.layout).toMatchObject(config3.layout);\n    });\n});\n"]}

package/build/esm/components/DashKit/__tests__/events.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/esm/components/DashKit/__tests__/events.test.js

@@ -0,0 +1,225 @@
+jest.mock('@gravity-ui/icons', () => ({
+    Ellipsis: 'ellipsis',
+    Gear: 'gear',
+    Xmark: 'xmark',
+}));
+jest.mock('@gravity-ui/uikit', () => {
+    const ReactMock = require('react');
+    return {
+        Button: ({ children }) => ReactMock.createElement('button', null, children),
+        DropdownMenu: () => null,
+        Icon: () => null,
+    };
+});
+jest.mock('../../GridLayout/GridLayout', () => {
+    const ReactMock = require('react');
+    return ReactMock.forwardRef(() => null);
+});
+import { emitDashKitChangeEvent } from "../../../utils/index.js";
+import { DashKit, _emitSymbol } from "../index.js";
+const TEST_CONFIG = {
+    salt: 'test',
+    counter: 1,
+    items: [{ id: 'item1', type: 'test-event', namespace: 'default', data: {} }],
+    layout: [{ i: 'item1', x: 0, y: 0, w: 2, h: 2 }],
+    aliases: {},
+    connections: [],
+};
+const NEXT_LAYOUT = [{ i: 'item1', x: 1, y: 0, w: 2, h: 2 }];
+const NEXT_CONFIG = Object.assign(Object.assign({}, TEST_CONFIG), { layout: NEXT_LAYOUT });
+describe('DashKit change event — onChange gate', () => {
+    it('no handler: onChange fires with full config when layout changes', () => {
+        const onChange = jest.fn();
+        const emitDashKitEvent = jest.fn();
+        emitDashKitChangeEvent({
+            config: TEST_CONFIG,
+            newConfig: NEXT_CONFIG,
+            onChange,
+            emitDashKitEvent,
+        });
+        expect(emitDashKitEvent).toHaveBeenCalledTimes(1);
+        expect(onChange).toHaveBeenCalledTimes(1);
+        expect(onChange.mock.calls[0][0].config.layout).toEqual(NEXT_LAYOUT);
+    });
+    it('handler without preventDefault: onChange fires and handler receives correct event', () => {
+        const instance = new DashKit(DashKit.defaultProps);
+        const onChange = jest.fn();
+        const handler = jest.fn();
+        instance.on('change', handler);
+        emitDashKitChangeEvent({
+            config: TEST_CONFIG,
+            newConfig: NEXT_CONFIG,
+            onChange,
+            emitDashKitEvent: instance[_emitSymbol],
+        });
+        expect(handler).toHaveBeenCalledTimes(1);
+        expect(onChange).toHaveBeenCalledTimes(1);
+        const event = handler.mock.calls[0][0];
+        expect(event.layout).toEqual(NEXT_LAYOUT);
+        expect(event.previousLayout).toEqual(TEST_CONFIG.layout);
+        expect(event.defaultPrevented).toBe(false);
+    });
+    it('handler calls preventDefault: onChange does NOT fire; event carries correct patches', () => {
+        const instance = new DashKit(DashKit.defaultProps);
+        const onChange = jest.fn();
+        let capturedEvent;
+        instance.on('change', (e) => {
+            capturedEvent = e;
+            e.preventDefault();
+        });
+        emitDashKitChangeEvent({
+            config: TEST_CONFIG,
+            newConfig: NEXT_CONFIG,
+            onChange,
+            emitDashKitEvent: instance[_emitSymbol],
+        });
+        expect(onChange).not.toHaveBeenCalled();
+        expect(capturedEvent).toBeDefined();
+        if (capturedEvent) {
+            expect(capturedEvent.patches).toEqual([{ i: 'item1', x: 1, y: 0, w: 2, h: 2 }]);
+            expect(capturedEvent.layout).toEqual(NEXT_LAYOUT);
+            expect(capturedEvent.previousLayout).toEqual(TEST_CONFIG.layout);
+            expect(capturedEvent.defaultPrevented).toBe(true);
+        }
+    });
+    it('same layout: event and onChange do not fire', () => {
+        const onChange = jest.fn();
+        const emitDashKitEvent = jest.fn();
+        emitDashKitChangeEvent({
+            config: TEST_CONFIG,
+            newConfig: TEST_CONFIG,
+            onChange,
+            emitDashKitEvent,
+        });
+        expect(emitDashKitEvent).not.toHaveBeenCalled();
+        expect(onChange).not.toHaveBeenCalled();
+    });
+});
+describe('DashKit event emitter', () => {
+    it('unsubscribe stops handler from being called', () => {
+        const instance = new DashKit(DashKit.defaultProps);
+        const handler = jest.fn();
+        const unsubscribe = instance.on('change', handler);
+        unsubscribe();
+        const event = {
+            patches: [],
+            layout: [],
+            previousLayout: [],
+            preventDefault: jest.fn(),
+            defaultPrevented: false,
+        };
+        instance[_emitSymbol]('change', event);
+        expect(handler).not.toHaveBeenCalled();
+    });
+    it('handler error does not stop other handlers; onChange still fires', () => {
+        const instance = new DashKit(DashKit.defaultProps);
+        const onChange = jest.fn();
+        const normalHandler = jest.fn();
+        instance.on('change', () => {
+            throw new Error('boom');
+        });
+        instance.on('change', normalHandler);
+        const consoleErrorSpy = jest.spyOn(console, 'error').mockImplementation(() => { });
+        emitDashKitChangeEvent({
+            config: TEST_CONFIG,
+            newConfig: NEXT_CONFIG,
+            onChange,
+            emitDashKitEvent: instance[_emitSymbol],
+        });
+        consoleErrorSpy.mockRestore();
+        expect(normalHandler).toHaveBeenCalledTimes(1);
+        expect(onChange).toHaveBeenCalledTimes(1);
+    });
+});
+describe('DashKit change event — internal baseline (preventDefault flow)', () => {
+    it('preventDefault flow: sequential changes produce incremental patches when baseline is updated', () => {
+        const instance = new DashKit(DashKit.defaultProps);
+        const onChange = jest.fn();
+        const patches = [];
+        instance.on('change', (e) => {
+            patches.push([...e.patches]);
+            e.preventDefault();
+        });
+        const config1 = Object.assign(Object.assign({}, TEST_CONFIG), { items: [
+                { id: 'item1', type: 'test-event', namespace: 'default', data: {} },
+                { id: 'item2', type: 'test-event', namespace: 'default', data: {} },
+            ], layout: [
+                { i: 'item1', x: 0, y: 0, w: 2, h: 2 },
+                { i: 'item2', x: 2, y: 0, w: 2, h: 2 },
+            ] });
+        const config2 = Object.assign(Object.assign({}, config1), { layout: [
+                { i: 'item1', x: 1, y: 0, w: 2, h: 2 }, // item1 moved to x=1
+                { i: 'item2', x: 2, y: 0, w: 2, h: 2 }, // item2 unchanged
+            ] });
+        const config3 = Object.assign(Object.assign({}, config1), { layout: [
+                { i: 'item1', x: 1, y: 0, w: 2, h: 2 }, // item1 unchanged
+                { i: 'item2', x: 3, y: 0, w: 2, h: 2 }, // item2 moved to x=3
+            ] });
+        // First change: item1 moved from x=0 to x=1
+        emitDashKitChangeEvent({
+            config: config1,
+            newConfig: config2,
+            onChange,
+            emitDashKitEvent: instance[_emitSymbol],
+        });
+        // Second change: In withContext, the internal baseline is updated automatically
+        // after each change. Here we simulate this behavior by passing config2 as baseline.
+        emitDashKitChangeEvent({
+            config: config2, // internal baseline updated to config2.layout
+            newConfig: config3,
+            onChange,
+            emitDashKitEvent: instance[_emitSymbol],
+        });
+        expect(onChange).not.toHaveBeenCalled(); // preventDefault works
+        expect(patches).toHaveLength(2);
+        // First patch: only item1
+        expect(patches[0]).toEqual([{ i: 'item1', x: 1, y: 0, w: 2, h: 2 }]);
+        // Second patch: only item2 (NO accumulation!)
+        // This works because baseline was updated from config1.layout to config2.layout
+        expect(patches[1]).toEqual([{ i: 'item2', x: 3, y: 0, w: 2, h: 2 }]);
+    });
+    it('legacy flow: onChange updates props and patches work correctly', () => {
+        const instance = new DashKit(DashKit.defaultProps);
+        let currentConfig = Object.assign(Object.assign({}, TEST_CONFIG), { items: [
+                { id: 'item1', type: 'test-event', namespace: 'default', data: {} },
+                { id: 'item2', type: 'test-event', namespace: 'default', data: {} },
+            ], layout: [
+                { i: 'item1', x: 0, y: 0, w: 2, h: 2 },
+                { i: 'item2', x: 2, y: 0, w: 2, h: 2 },
+            ] });
+        const patches = [];
+        instance.on('change', (e) => {
+            patches.push([...e.patches]);
+            // NO preventDefault → onChange will fire
+        });
+        const onChange = jest.fn(({ config }) => {
+            currentConfig = config; // consumer updates state
+        });
+        const config2 = Object.assign(Object.assign({}, currentConfig), { layout: [
+                { i: 'item1', x: 1, y: 0, w: 2, h: 2 }, // item1 moved to x=1
+                { i: 'item2', x: 2, y: 0, w: 2, h: 2 }, // item2 unchanged
+            ] });
+        emitDashKitChangeEvent({
+            config: currentConfig,
+            newConfig: config2,
+            onChange,
+            emitDashKitEvent: instance[_emitSymbol],
+        });
+        expect(onChange).toHaveBeenCalledTimes(1);
+        expect(patches[0]).toEqual([{ i: 'item1', x: 1, y: 0, w: 2, h: 2 }]);
+        // Second change with updated config
+        const config3 = Object.assign(Object.assign({}, currentConfig), { layout: [
+                { i: 'item1', x: 1, y: 0, w: 2, h: 2 }, // item1 unchanged
+                { i: 'item2', x: 3, y: 0, w: 2, h: 2 }, // item2 moved to x=3
+            ] });
+        emitDashKitChangeEvent({
+            config: currentConfig, // ← updated after first onChange
+            newConfig: config3,
+            onChange,
+            emitDashKitEvent: instance[_emitSymbol],
+        });
+        expect(onChange).toHaveBeenCalledTimes(2);
+        expect(patches[1]).toEqual([{ i: 'item2', x: 3, y: 0, w: 2, h: 2 }]); // only new changes
+    });
+});
+//# sourceMappingURL=events.test.js.map

package/build/esm/components/DashKit/__tests__/events.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.test.js","sourceRoot":"../../../../../src","sources":["components/DashKit/__tests__/events.test.tsx"],"names":[],"mappings":"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","sourcesContent":["jest.mock('@gravity-ui/icons', () => ({\n    Ellipsis: 'ellipsis',\n    Gear: 'gear',\n    Xmark: 'xmark',\n}));\n\njest.mock('@gravity-ui/uikit', () => {\n    const ReactMock = require('react');\n\n    return {\n        Button: ({children}: {children?: unknown}) =>\n            ReactMock.createElement('button', null, children),\n        DropdownMenu: () => null,\n        Icon: () => null,\n    };\n});\n\njest.mock('../../GridLayout/GridLayout', () => {\n    const ReactMock = require('react');\n\n    return ReactMock.forwardRef(() => null);\n});\n\nimport type {Config} from '../../../shared';\nimport type {DashKitEventMap, DashKitLayoutPatch} from '../../../typings';\nimport {emitDashKitChangeEvent} from '../../../utils';\nimport {DashKit, _emitSymbol} from '../../DashKit';\n\nconst TEST_CONFIG: Config = {\n    salt: 'test',\n    counter: 1,\n    items: [{id: 'item1', type: 'test-event', namespace: 'default', data: {}}],\n    layout: [{i: 'item1', x: 0, y: 0, w: 2, h: 2}],\n    aliases: {},\n    connections: [],\n};\n\nconst NEXT_LAYOUT: Config['layout'] = [{i: 'item1', x: 1, y: 0, w: 2, h: 2}];\nconst NEXT_CONFIG: Config = {...TEST_CONFIG, layout: NEXT_LAYOUT};\n\ndescribe('DashKit change event — onChange gate', () => {\n    it('no handler: onChange fires with full config when layout changes', () => {\n        const onChange = jest.fn();\n        const emitDashKitEvent = jest.fn();\n\n        emitDashKitChangeEvent({\n            config: TEST_CONFIG,\n            newConfig: NEXT_CONFIG,\n            onChange,\n            emitDashKitEvent,\n        });\n\n        expect(emitDashKitEvent).toHaveBeenCalledTimes(1);\n        expect(onChange).toHaveBeenCalledTimes(1);\n        expect(onChange.mock.calls[0][0].config.layout).toEqual(NEXT_LAYOUT);\n    });\n\n    it('handler without preventDefault: onChange fires and handler receives correct event', () => {\n        const instance = new DashKit(DashKit.defaultProps as never);\n        const onChange = jest.fn();\n        const handler = jest.fn();\n\n        instance.on('change', handler);\n\n        emitDashKitChangeEvent({\n            config: TEST_CONFIG,\n            newConfig: NEXT_CONFIG,\n            onChange,\n            emitDashKitEvent: instance[_emitSymbol],\n        });\n\n        expect(handler).toHaveBeenCalledTimes(1);\n        expect(onChange).toHaveBeenCalledTimes(1);\n        const event = handler.mock.calls[0][0] as DashKitEventMap['change'];\n        expect(event.layout).toEqual(NEXT_LAYOUT);\n        expect(event.previousLayout).toEqual(TEST_CONFIG.layout);\n        expect(event.defaultPrevented).toBe(false);\n    });\n\n    it('handler calls preventDefault: onChange does NOT fire; event carries correct patches', () => {\n        const instance = new DashKit(DashKit.defaultProps as never);\n        const onChange = jest.fn();\n        let capturedEvent: DashKitEventMap['change'] | undefined;\n\n        instance.on('change', (e) => {\n            capturedEvent = e;\n            e.preventDefault();\n        });\n\n        emitDashKitChangeEvent({\n            config: TEST_CONFIG,\n            newConfig: NEXT_CONFIG,\n            onChange,\n            emitDashKitEvent: instance[_emitSymbol],\n        });\n\n        expect(onChange).not.toHaveBeenCalled();\n        expect(capturedEvent).toBeDefined();\n        if (capturedEvent) {\n            expect(capturedEvent.patches).toEqual([{i: 'item1', x: 1, y: 0, w: 2, h: 2}]);\n            expect(capturedEvent.layout).toEqual(NEXT_LAYOUT);\n            expect(capturedEvent.previousLayout).toEqual(TEST_CONFIG.layout);\n            expect(capturedEvent.defaultPrevented).toBe(true);\n        }\n    });\n\n    it('same layout: event and onChange do not fire', () => {\n        const onChange = jest.fn();\n        const emitDashKitEvent = jest.fn();\n\n        emitDashKitChangeEvent({\n            config: TEST_CONFIG,\n            newConfig: TEST_CONFIG,\n            onChange,\n            emitDashKitEvent,\n        });\n\n        expect(emitDashKitEvent).not.toHaveBeenCalled();\n        expect(onChange).not.toHaveBeenCalled();\n    });\n});\n\ndescribe('DashKit event emitter', () => {\n    it('unsubscribe stops handler from being called', () => {\n        const instance = new DashKit(DashKit.defaultProps as never);\n        const handler = jest.fn();\n\n        const unsubscribe = instance.on('change', handler);\n        unsubscribe();\n\n        const event = {\n            patches: [],\n            layout: [],\n            previousLayout: [],\n            preventDefault: jest.fn(),\n            defaultPrevented: false,\n        } as unknown as DashKitEventMap['change'];\n\n        instance[_emitSymbol]('change', event);\n\n        expect(handler).not.toHaveBeenCalled();\n    });\n\n    it('handler error does not stop other handlers; onChange still fires', () => {\n        const instance = new DashKit(DashKit.defaultProps as never);\n        const onChange = jest.fn();\n        const normalHandler = jest.fn();\n\n        instance.on('change', () => {\n            throw new Error('boom');\n        });\n        instance.on('change', normalHandler);\n\n        const consoleErrorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});\n\n        emitDashKitChangeEvent({\n            config: TEST_CONFIG,\n            newConfig: NEXT_CONFIG,\n            onChange,\n            emitDashKitEvent: instance[_emitSymbol],\n        });\n\n        consoleErrorSpy.mockRestore();\n\n        expect(normalHandler).toHaveBeenCalledTimes(1);\n        expect(onChange).toHaveBeenCalledTimes(1);\n    });\n});\n\ndescribe('DashKit change event — internal baseline (preventDefault flow)', () => {\n    it('preventDefault flow: sequential changes produce incremental patches when baseline is updated', () => {\n        const instance = new DashKit(DashKit.defaultProps as never);\n        const onChange = jest.fn();\n        const patches: Array<DashKitLayoutPatch[]> = [];\n\n        instance.on('change', (e) => {\n            patches.push([...e.patches]);\n            e.preventDefault();\n        });\n\n        const config1: Config = {\n            ...TEST_CONFIG,\n            items: [\n                {id: 'item1', type: 'test-event', namespace: 'default', data: {}},\n                {id: 'item2', type: 'test-event', namespace: 'default', data: {}},\n            ],\n            layout: [\n                {i: 'item1', x: 0, y: 0, w: 2, h: 2},\n                {i: 'item2', x: 2, y: 0, w: 2, h: 2},\n            ],\n        };\n\n        const config2: Config = {\n            ...config1,\n            layout: [\n                {i: 'item1', x: 1, y: 0, w: 2, h: 2}, // item1 moved to x=1\n                {i: 'item2', x: 2, y: 0, w: 2, h: 2}, // item2 unchanged\n            ],\n        };\n\n        const config3: Config = {\n            ...config1,\n            layout: [\n                {i: 'item1', x: 1, y: 0, w: 2, h: 2}, // item1 unchanged\n                {i: 'item2', x: 3, y: 0, w: 2, h: 2}, // item2 moved to x=3\n            ],\n        };\n\n        // First change: item1 moved from x=0 to x=1\n        emitDashKitChangeEvent({\n            config: config1,\n            newConfig: config2,\n            onChange,\n            emitDashKitEvent: instance[_emitSymbol],\n        });\n\n        // Second change: In withContext, the internal baseline is updated automatically\n        // after each change. Here we simulate this behavior by passing config2 as baseline.\n        emitDashKitChangeEvent({\n            config: config2, // internal baseline updated to config2.layout\n            newConfig: config3,\n            onChange,\n            emitDashKitEvent: instance[_emitSymbol],\n        });\n\n        expect(onChange).not.toHaveBeenCalled(); // preventDefault works\n        expect(patches).toHaveLength(2);\n\n        // First patch: only item1\n        expect(patches[0]).toEqual([{i: 'item1', x: 1, y: 0, w: 2, h: 2}]);\n\n        // Second patch: only item2 (NO accumulation!)\n        // This works because baseline was updated from config1.layout to config2.layout\n        expect(patches[1]).toEqual([{i: 'item2', x: 3, y: 0, w: 2, h: 2}]);\n    });\n\n    it('legacy flow: onChange updates props and patches work correctly', () => {\n        const instance = new DashKit(DashKit.defaultProps as never);\n        let currentConfig: Config = {\n            ...TEST_CONFIG,\n            items: [\n                {id: 'item1', type: 'test-event', namespace: 'default', data: {}},\n                {id: 'item2', type: 'test-event', namespace: 'default', data: {}},\n            ],\n            layout: [\n                {i: 'item1', x: 0, y: 0, w: 2, h: 2},\n                {i: 'item2', x: 2, y: 0, w: 2, h: 2},\n            ],\n        };\n        const patches: Array<Array<{i: string; x?: number; y?: number; w?: number; h?: number}>> =\n            [];\n\n        instance.on('change', (e) => {\n            patches.push([...e.patches]);\n            // NO preventDefault → onChange will fire\n        });\n\n        const onChange = jest.fn(({config}) => {\n            currentConfig = config; // consumer updates state\n        });\n\n        const config2 = {\n            ...currentConfig,\n            layout: [\n                {i: 'item1', x: 1, y: 0, w: 2, h: 2}, // item1 moved to x=1\n                {i: 'item2', x: 2, y: 0, w: 2, h: 2}, // item2 unchanged\n            ],\n        };\n\n        emitDashKitChangeEvent({\n            config: currentConfig,\n            newConfig: config2,\n            onChange,\n            emitDashKitEvent: instance[_emitSymbol],\n        });\n\n        expect(onChange).toHaveBeenCalledTimes(1);\n        expect(patches[0]).toEqual([{i: 'item1', x: 1, y: 0, w: 2, h: 2}]);\n\n        // Second change with updated config\n        const config3 = {\n            ...currentConfig,\n            layout: [\n                {i: 'item1', x: 1, y: 0, w: 2, h: 2}, // item1 unchanged\n                {i: 'item2', x: 3, y: 0, w: 2, h: 2}, // item2 moved to x=3\n            ],\n        };\n\n        emitDashKitChangeEvent({\n            config: currentConfig, // ← updated after first onChange\n            newConfig: config3,\n            onChange,\n            emitDashKitEvent: instance[_emitSymbol],\n        });\n\n        expect(onChange).toHaveBeenCalledTimes(2);\n        expect(patches[1]).toEqual([{i: 'item2', x: 3, y: 0, w: 2, h: 2}]); // only new changes\n    });\n});\n"]}

package/build/esm/components/DashKitView/DashKitView.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { DashKitWithContextProps } from "../../hocs/withContext.js";
 import "./DashKitView.css";
-type DashKitViewProps = Omit<DashKitWithContextProps, 'layout' | 'forwardedMetaRef'>;
+type DashKitViewProps = Omit<DashKitWithContextProps, 'forwardedMetaRef'>;
 declare const DashKitViewForwardedMeta: React.ForwardRefExoticComponent<DashKitViewProps & React.RefAttributes<unknown>>;
 export default DashKitViewForwardedMeta;

package/build/esm/components/DashKitView/DashKitView.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import { DashKitContext } from "../../context/index.js";
 import { withContext } from "../../hocs/withContext.js";
-import { useCalcPropsLayout } from "../../hooks/useCalcLayout.js";
 import { cn } from "../../utils/cn.js";
 import GridLayout from "../GridLayout/GridLayout.js";
 import MobileLayout from "../MobileLayout/MobileLayout.js";
@@ -14,8 +13,7 @@ function DashKitView() {
 }
 const DashKitViewWithContext = withContext(DashKitView);
 const DashKitViewForwardedMeta = React.forwardRef((props, ref) => {
-    const layout = useCalcPropsLayout(props.config, props.registerManager);
-    return React.createElement(DashKitViewWithContext, Object.assign({}, props, { layout: layout, forwardedMetaRef: ref }));
+    return React.createElement(DashKitViewWithContext, Object.assign({}, props, { forwardedMetaRef: ref }));
 });
 DashKitViewForwardedMeta.displayName = 'DashKitViewForwardedMeta';
 export default DashKitViewForwardedMeta;

package/build/esm/components/DashKitView/DashKitView.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashKitView.js","sourceRoot":"../../../../src","sources":["components/DashKitView/DashKitView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,cAAc,EAAC,+BAAsB;AAC7C,OAAO,EAAC,WAAW,EAAC,kCAA+B;AAEnD,OAAO,EAAC,kBAAkB,EAAC,qCAAkC;AAC7D,OAAO,EAAC,EAAE,EAAC,0BAAuB;AAClC,OAAO,UAAU,oCAAiC;AAClD,OAAO,YAAY,wCAAqC;AAExD,2BAA4B;AAE5B,MAAM,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC;AAIxB,SAAS,WAAW;IAChB,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IACjD,MAAM,EAAC,eAAe,EAAE,gBAAgB,EAAC,GAAG,OAAO,CAAC;IAEpD,OAAO,CACH,6BAAK,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,eAAe,CAAC,QAAQ,CAAC,KAAK,EAAC,CAAC,IACrD,eAAe,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CACjC,oBAAC,YAAY,OAAG,CACnB,CAAC,CAAC,CAAC,CACA,oBAAC,UAAU,IAAC,GAAG,EAAE,gBAAgB,GAAI,CACxC,CACC,CACT,CAAC;AACN,CAAC;AAED,MAAM,sBAAsB,GAAG,WAAW,CAAC,WAAW,CAAC,CAAC;AAExD,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAuB,EAAE,GAAG,EAAE,EAAE;IAC/E,MAAM,MAAM,GAAG,kBAAkB,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;IAEvE,OAAO,oBAAC,sBAAsB,oBAAK,KAAK,IAAE,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAI,CAAC;AACxF,CAAC,CAAC,CAAC;AAEH,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAElE,eAAe,wBAAwB,CAAC","sourcesContent":["import React from 'react';\n\nimport {DashKitContext} from '../../context';\nimport {withContext} from '../../hocs/withContext';\nimport type {DashKitWithContextProps} from '../../hocs/withContext';\nimport {useCalcPropsLayout} from '../../hooks/useCalcLayout';\nimport {cn} from '../../utils/cn';\nimport GridLayout from '../GridLayout/GridLayout';\nimport MobileLayout from '../MobileLayout/MobileLayout';\n\nimport './DashKitView.scss';\n\nconst b = cn('dashkit');\n\ntype DashKitViewProps = Omit<DashKitWithContextProps, 'layout' | 'forwardedMetaRef'>;\n\nfunction DashKitView() {\n    const context = React.useContext(DashKitContext);\n    const {registerManager, forwardedMetaRef} = context;\n\n    return (\n        <div className={b({theme: registerManager.settings.theme})}>\n            {registerManager.settings.isMobile ? (\n                <MobileLayout />\n            ) : (\n                <GridLayout ref={forwardedMetaRef} />\n            )}\n        </div>\n    );\n}\n\nconst DashKitViewWithContext = withContext(DashKitView);\n\nconst DashKitViewForwardedMeta = React.forwardRef((props: DashKitViewProps, ref) => {\n    const layout = useCalcPropsLayout(props.config, props.registerManager);\n\n    return <DashKitViewWithContext {...props} layout={layout} forwardedMetaRef={ref} />;\n});\n\nDashKitViewForwardedMeta.displayName = 'DashKitViewForwardedMeta';\n\nexport default DashKitViewForwardedMeta;\n"]}
+{"version":3,"file":"DashKitView.js","sourceRoot":"../../../../src","sources":["components/DashKitView/DashKitView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,cAAc,EAAC,+BAAsB;AAC7C,OAAO,EAAC,WAAW,EAAC,kCAA+B;AAEnD,OAAO,EAAC,EAAE,EAAC,0BAAuB;AAClC,OAAO,UAAU,oCAAiC;AAClD,OAAO,YAAY,wCAAqC;AAExD,2BAA4B;AAE5B,MAAM,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC;AAIxB,SAAS,WAAW;IAChB,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IACjD,MAAM,EAAC,eAAe,EAAE,gBAAgB,EAAC,GAAG,OAAO,CAAC;IAEpD,OAAO,CACH,6BAAK,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,eAAe,CAAC,QAAQ,CAAC,KAAK,EAAC,CAAC,IACrD,eAAe,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CACjC,oBAAC,YAAY,OAAG,CACnB,CAAC,CAAC,CAAC,CACA,oBAAC,UAAU,IAAC,GAAG,EAAE,gBAAgB,GAAI,CACxC,CACC,CACT,CAAC;AACN,CAAC;AAED,MAAM,sBAAsB,GAAG,WAAW,CAAC,WAAW,CAAC,CAAC;AAExD,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAuB,EAAE,GAAG,EAAE,EAAE;IAC/E,OAAO,oBAAC,sBAAsB,oBAAK,KAAK,IAAE,gBAAgB,EAAE,GAAG,IAAI,CAAC;AACxE,CAAC,CAAC,CAAC;AAEH,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAElE,eAAe,wBAAwB,CAAC","sourcesContent":["import React from 'react';\n\nimport {DashKitContext} from '../../context';\nimport {withContext} from '../../hocs/withContext';\nimport type {DashKitWithContextProps} from '../../hocs/withContext';\nimport {cn} from '../../utils/cn';\nimport GridLayout from '../GridLayout/GridLayout';\nimport MobileLayout from '../MobileLayout/MobileLayout';\n\nimport './DashKitView.scss';\n\nconst b = cn('dashkit');\n\ntype DashKitViewProps = Omit<DashKitWithContextProps, 'forwardedMetaRef'>;\n\nfunction DashKitView() {\n    const context = React.useContext(DashKitContext);\n    const {registerManager, forwardedMetaRef} = context;\n\n    return (\n        <div className={b({theme: registerManager.settings.theme})}>\n            {registerManager.settings.isMobile ? (\n                <MobileLayout />\n            ) : (\n                <GridLayout ref={forwardedMetaRef} />\n            )}\n        </div>\n    );\n}\n\nconst DashKitViewWithContext = withContext(DashKitView);\n\nconst DashKitViewForwardedMeta = React.forwardRef((props: DashKitViewProps, ref) => {\n    return <DashKitViewWithContext {...props} forwardedMetaRef={ref} />;\n});\n\nDashKitViewForwardedMeta.displayName = 'DashKitViewForwardedMeta';\n\nexport default DashKitViewForwardedMeta;\n"]}

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

@@ -19,7 +19,7 @@ function groupLayoutPropsAreEqual(prev, next) {
     return !needRerenderIfChanged && !needRerenderGroupScoped && !hasTmpPlaceholderChanged;
 }
 export const GroupLayout = React.memo(function GroupLayout({ group, renderItems, offset, properties, compactType, callbacks, layout, temporaryPlaceholder, dragStateRef, sharedDragPositionRef, groupResetRegistryRef, isDragCaptured, isAnyDragging, currentDraggingItemId, isAnyDraggedOut, adjustWidgetLayout, getMemoForwardRefCallback, }) {
-    const { editMode, noOverlay, focusable, draggableHandleClassName, outerDnDEnable, onItemMountChange, onItemRender, onItemFocus, onItemBlur, } = React.useContext(DashKitContext);
+    const { editMode, noOverlay, focusable, draggableHandleClassName, outerDnDEnable, onItemMountChange, onItemRender, onItemFocus, onItemBlur, externalLayoutRevision, } = React.useContext(DashKitContext);
     // Use group-specific noOverlay if it was explicitly set via groupGridProperties,
     // otherwise fallback to the dashboard-level noOverlay from context.
     const resolvedNoOverlay = 'noOverlay' in properties ? properties.noOverlay : noOverlay;
@@ -50,7 +50,7 @@ export const GroupLayout = React.memo(function GroupLayout({ group, renderItems,
         getMemoForwardRefCallback,
         editMode,
     ]);
-    return (React.createElement(Layout, Object.assign({ key: `group_${group}`, isDraggable: editMode, isResizable: editMode }, properties, { compactType: compactType, layout: layout, draggableCancel: `.${DRAGGABLE_CANCEL_CLASS_NAME}`, draggableHandle: draggableHandleClassName ? `.${draggableHandleClassName}` : undefined, onDragStart: callbacks.onDragStart, onDrag: callbacks.onDrag, onDragStop: callbacks.onDragStop, onResizeStart: callbacks.onResizeStart, onResize: callbacks.onResize, onResizeStop: callbacks.onResizeStop, onDragTargetRestore: callbacks.onDragTargetRestore, onDropDragOver: callbacks.onDropDragOver, onDrop: callbacks.onDrop, dragStateRef: dragStateRef, sharedDragPositionRef: sharedDragPositionRef, groupResetRegistryRef: groupResetRegistryRef, group: group, isDragCaptured: isDragCaptured, isDroppable: Boolean(outerDnDEnable) && editMode }),
+    return (React.createElement(Layout, Object.assign({ key: `group_${group}`, isDraggable: editMode, externalLayoutRevision: externalLayoutRevision, isResizable: editMode }, properties, { compactType: compactType, layout: layout, draggableCancel: `.${DRAGGABLE_CANCEL_CLASS_NAME}`, draggableHandle: draggableHandleClassName ? `.${draggableHandleClassName}` : undefined, onDragStart: callbacks.onDragStart, onDrag: callbacks.onDrag, onDragStop: callbacks.onDragStop, onResizeStart: callbacks.onResizeStart, onResize: callbacks.onResize, onResizeStop: callbacks.onResizeStop, onDragTargetRestore: callbacks.onDragTargetRestore, onDropDragOver: callbacks.onDropDragOver, onDrop: callbacks.onDrop, dragStateRef: dragStateRef, sharedDragPositionRef: sharedDragPositionRef, groupResetRegistryRef: groupResetRegistryRef, group: group, isDragCaptured: isDragCaptured, isDroppable: Boolean(outerDnDEnable) && editMode }),
         itemElements,
         temporaryPlaceholder));
 }, groupLayoutPropsAreEqual);

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

@@ -1 +1 @@
-{"version":3,"file":"GroupLayout.js","sourceRoot":"../../../../src","sources":["components/GridLayout/GroupLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport {DRAGGABLE_CANCEL_CLASS_NAME} from '../../constants';\nimport {DashKitContext} from '../../context';\nimport type {ConfigItem, ConfigLayout} from '../../shared';\nimport type {PluginRef, PluginWidgetProps, ReactGridLayoutProps} from '../../typings';\nimport GridItem from '../GridItem/GridItem';\n\nimport {Layout} from './ReactGridLayout';\nimport type {GroupCallbacks} from './types';\nimport {shallowArrayEqual, shallowObjectEqual} from './utils';\n\nexport interface GroupLayoutProps {\n    group: string;\n    renderItems: ConfigItem[];\n    offset: number;\n\n    // Pre-computed by GridLayout.renderGroup (stable refs via getMemoGroupProps)\n    properties: Partial<ReactGridLayoutProps>;\n    compactType: 'vertical' | 'horizontal' | null | undefined;\n    callbacks: GroupCallbacks;\n    layout: ConfigLayout[];\n    temporaryPlaceholder: React.ReactNode;\n\n    // Refs read imperatively by DragOverLayout — no re-render on drag start.\n    isDragCaptured: boolean;\n    dragStateRef: React.MutableRefObject<{isDragging: boolean; sourceGroup: string | null}>;\n    sharedDragPositionRef: React.MutableRefObject<{offsetX: number; offsetY: number} | null>;\n    groupResetRegistryRef: React.MutableRefObject<Map<string, () => void>>;\n\n    // Drag state scoped to this group only (always false/null for non-source groups)\n    isAnyDragging: boolean;\n    currentDraggingItemId: string | null;\n    isAnyDraggedOut: boolean;\n\n    // Stable instance method refs from GridLayout (arrow function class properties)\n    adjustWidgetLayout: PluginWidgetProps['adjustWidgetLayout'];\n    getMemoForwardRefCallback: (index: number) => (ref: PluginRef) => void;\n}\n\nfunction groupLayoutPropsAreEqual(prev: GroupLayoutProps, next: GroupLayoutProps): boolean {\n    const needRerenderIfChanged =\n        prev.group !== next.group ||\n        prev.layout !== next.layout ||\n        prev.offset !== next.offset ||\n        !shallowArrayEqual(prev.renderItems, next.renderItems) ||\n        !shallowObjectEqual(prev.properties, next.properties);\n\n    // Drag refs are stable and never trigger re-renders; only group-scoped state matters.\n    const needRerenderGroupScoped =\n        prev.isDragCaptured !== next.isDragCaptured ||\n        prev.isAnyDragging !== next.isAnyDragging ||\n        prev.currentDraggingItemId !== next.currentDraggingItemId ||\n        prev.isAnyDraggedOut !== next.isAnyDraggedOut;\n\n    const hasTmpPlaceholderChanged = prev.temporaryPlaceholder !== next.temporaryPlaceholder;\n\n    return !needRerenderIfChanged && !needRerenderGroupScoped && !hasTmpPlaceholderChanged;\n}\n\nexport const GroupLayout = React.memo(function GroupLayout({\n    group,\n    renderItems,\n    offset,\n    properties,\n    compactType,\n    callbacks,\n    layout,\n    temporaryPlaceholder,\n    dragStateRef,\n    sharedDragPositionRef,\n    groupResetRegistryRef,\n    isDragCaptured,\n    isAnyDragging,\n    currentDraggingItemId,\n    isAnyDraggedOut,\n    adjustWidgetLayout,\n    getMemoForwardRefCallback,\n}: GroupLayoutProps) {\n    const {\n        editMode,\n        noOverlay,\n        focusable,\n        draggableHandleClassName,\n        outerDnDEnable,\n        onItemMountChange,\n        onItemRender,\n        onItemFocus,\n        onItemBlur,\n    } = React.useContext(DashKitContext);\n\n    // Use group-specific noOverlay if it was explicitly set via groupGridProperties,\n    // otherwise fallback to the dashboard-level noOverlay from context.\n    const resolvedNoOverlay = 'noOverlay' in properties ? properties.noOverlay : noOverlay;\n\n    // Memoize items array; non-source groups have stable false/null drag props so React skips their subtrees.\n    const itemElements = React.useMemo(() => {\n        return renderItems.map((item, i) => {\n            const keyId = item.id;\n\n            const isDragging = editMode && isAnyDragging && keyId === currentDraggingItemId;\n            const isDraggedOut = isDragging && isAnyDraggedOut;\n\n            return (\n                <GridItem\n                    key={keyId}\n                    forwardedPluginRef={getMemoForwardRefCallback(offset + i)}\n                    id={keyId}\n                    item={item}\n                    layout={layout}\n                    adjustWidgetLayout={adjustWidgetLayout}\n                    isDragging={isDragging}\n                    isDraggedOut={isDraggedOut || undefined}\n                    noOverlay={resolvedNoOverlay}\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    }, [\n        renderItems,\n        isAnyDragging,\n        currentDraggingItemId,\n        isAnyDraggedOut,\n        offset,\n        layout,\n        adjustWidgetLayout,\n        resolvedNoOverlay,\n        focusable,\n        draggableHandleClassName,\n        onItemMountChange,\n        onItemRender,\n        properties,\n        onItemFocus,\n        onItemBlur,\n        getMemoForwardRefCallback,\n        editMode,\n    ]);\n\n    return (\n        <Layout\n            key={`group_${group}`}\n            isDraggable={editMode}\n            isResizable={editMode}\n            {...properties}\n            compactType={compactType}\n            layout={layout}\n            draggableCancel={`.${DRAGGABLE_CANCEL_CLASS_NAME}`}\n            draggableHandle={draggableHandleClassName ? `.${draggableHandleClassName}` : undefined}\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            onDragTargetRestore={callbacks.onDragTargetRestore}\n            onDropDragOver={callbacks.onDropDragOver}\n            onDrop={callbacks.onDrop}\n            dragStateRef={dragStateRef}\n            sharedDragPositionRef={sharedDragPositionRef}\n            groupResetRegistryRef={groupResetRegistryRef}\n            group={group}\n            isDragCaptured={isDragCaptured}\n            isDroppable={Boolean(outerDnDEnable) && editMode}\n        >\n            {itemElements}\n            {temporaryPlaceholder}\n        </Layout>\n    );\n}, groupLayoutPropsAreEqual);\n"]}
+{"version":3,"file":"GroupLayout.js","sourceRoot":"../../../../src","sources":["components/GridLayout/GroupLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport {DRAGGABLE_CANCEL_CLASS_NAME} from '../../constants';\nimport {DashKitContext} from '../../context';\nimport type {ConfigItem, ConfigLayout} from '../../shared';\nimport type {PluginRef, PluginWidgetProps, ReactGridLayoutProps} from '../../typings';\nimport GridItem from '../GridItem/GridItem';\n\nimport {Layout} from './ReactGridLayout';\nimport type {GroupCallbacks} from './types';\nimport {shallowArrayEqual, shallowObjectEqual} from './utils';\n\nexport interface GroupLayoutProps {\n    group: string;\n    renderItems: ConfigItem[];\n    offset: number;\n\n    // Pre-computed by GridLayout.renderGroup (stable refs via getMemoGroupProps)\n    properties: Partial<ReactGridLayoutProps>;\n    compactType: 'vertical' | 'horizontal' | null | undefined;\n    callbacks: GroupCallbacks;\n    layout: ConfigLayout[];\n    temporaryPlaceholder: React.ReactNode;\n\n    // Refs read imperatively by DragOverLayout — no re-render on drag start.\n    isDragCaptured: boolean;\n    dragStateRef: React.MutableRefObject<{isDragging: boolean; sourceGroup: string | null}>;\n    sharedDragPositionRef: React.MutableRefObject<{offsetX: number; offsetY: number} | null>;\n    groupResetRegistryRef: React.MutableRefObject<Map<string, () => void>>;\n\n    // Drag state scoped to this group only (always false/null for non-source groups)\n    isAnyDragging: boolean;\n    currentDraggingItemId: string | null;\n    isAnyDraggedOut: boolean;\n\n    // Stable instance method refs from GridLayout (arrow function class properties)\n    adjustWidgetLayout: PluginWidgetProps['adjustWidgetLayout'];\n    getMemoForwardRefCallback: (index: number) => (ref: PluginRef) => void;\n}\n\nfunction groupLayoutPropsAreEqual(prev: GroupLayoutProps, next: GroupLayoutProps): boolean {\n    const needRerenderIfChanged =\n        prev.group !== next.group ||\n        prev.layout !== next.layout ||\n        prev.offset !== next.offset ||\n        !shallowArrayEqual(prev.renderItems, next.renderItems) ||\n        !shallowObjectEqual(prev.properties, next.properties);\n\n    // Drag refs are stable and never trigger re-renders; only group-scoped state matters.\n    const needRerenderGroupScoped =\n        prev.isDragCaptured !== next.isDragCaptured ||\n        prev.isAnyDragging !== next.isAnyDragging ||\n        prev.currentDraggingItemId !== next.currentDraggingItemId ||\n        prev.isAnyDraggedOut !== next.isAnyDraggedOut;\n\n    const hasTmpPlaceholderChanged = prev.temporaryPlaceholder !== next.temporaryPlaceholder;\n\n    return !needRerenderIfChanged && !needRerenderGroupScoped && !hasTmpPlaceholderChanged;\n}\n\nexport const GroupLayout = React.memo(function GroupLayout({\n    group,\n    renderItems,\n    offset,\n    properties,\n    compactType,\n    callbacks,\n    layout,\n    temporaryPlaceholder,\n    dragStateRef,\n    sharedDragPositionRef,\n    groupResetRegistryRef,\n    isDragCaptured,\n    isAnyDragging,\n    currentDraggingItemId,\n    isAnyDraggedOut,\n    adjustWidgetLayout,\n    getMemoForwardRefCallback,\n}: GroupLayoutProps) {\n    const {\n        editMode,\n        noOverlay,\n        focusable,\n        draggableHandleClassName,\n        outerDnDEnable,\n        onItemMountChange,\n        onItemRender,\n        onItemFocus,\n        onItemBlur,\n        externalLayoutRevision,\n    } = React.useContext(DashKitContext);\n\n    // Use group-specific noOverlay if it was explicitly set via groupGridProperties,\n    // otherwise fallback to the dashboard-level noOverlay from context.\n    const resolvedNoOverlay = 'noOverlay' in properties ? properties.noOverlay : noOverlay;\n\n    // Memoize items array; non-source groups have stable false/null drag props so React skips their subtrees.\n    const itemElements = React.useMemo(() => {\n        return renderItems.map((item, i) => {\n            const keyId = item.id;\n\n            const isDragging = editMode && isAnyDragging && keyId === currentDraggingItemId;\n            const isDraggedOut = isDragging && isAnyDraggedOut;\n\n            return (\n                <GridItem\n                    key={keyId}\n                    forwardedPluginRef={getMemoForwardRefCallback(offset + i)}\n                    id={keyId}\n                    item={item}\n                    layout={layout}\n                    adjustWidgetLayout={adjustWidgetLayout}\n                    isDragging={isDragging}\n                    isDraggedOut={isDraggedOut || undefined}\n                    noOverlay={resolvedNoOverlay}\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    }, [\n        renderItems,\n        isAnyDragging,\n        currentDraggingItemId,\n        isAnyDraggedOut,\n        offset,\n        layout,\n        adjustWidgetLayout,\n        resolvedNoOverlay,\n        focusable,\n        draggableHandleClassName,\n        onItemMountChange,\n        onItemRender,\n        properties,\n        onItemFocus,\n        onItemBlur,\n        getMemoForwardRefCallback,\n        editMode,\n    ]);\n\n    return (\n        <Layout\n            key={`group_${group}`}\n            isDraggable={editMode}\n            externalLayoutRevision={externalLayoutRevision}\n            isResizable={editMode}\n            {...properties}\n            compactType={compactType}\n            layout={layout}\n            draggableCancel={`.${DRAGGABLE_CANCEL_CLASS_NAME}`}\n            draggableHandle={draggableHandleClassName ? `.${draggableHandleClassName}` : undefined}\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            onDragTargetRestore={callbacks.onDragTargetRestore}\n            onDropDragOver={callbacks.onDropDragOver}\n            onDrop={callbacks.onDrop}\n            dragStateRef={dragStateRef}\n            sharedDragPositionRef={sharedDragPositionRef}\n            groupResetRegistryRef={groupResetRegistryRef}\n            group={group}\n            isDragCaptured={isDragCaptured}\n            isDroppable={Boolean(outerDnDEnable) && editMode}\n        >\n            {itemElements}\n            {temporaryPlaceholder}\n        </Layout>\n    );\n}, groupLayoutPropsAreEqual);\n"]}

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

@@ -16,5 +16,6 @@ export declare const Layout: React.ComponentClass<ReactGridLayout.ReactGridLayou
     onDragTargetRestore?: () => void;
     transformScaleRef?: React.MutableRefObject<number>;
     groupResetRegistryRef?: React.MutableRefObject<Map<string, () => void>>;
+    externalLayoutRevision?: number;
 } & ReactGridLayout.WidthProviderProps, any>;
 export {};