@gravity-ui/dashkit 10.2.0 → 10.4.0

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

@@ -1 +1 @@
-{"version":3,"file":"DashKit.js","sourceRoot":"../../../../src","sources":["components/DashKit/DashKit.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport noop from 'lodash/noop';\nimport pick from 'lodash/pick';\n\nimport {DEFAULT_GROUP, DEFAULT_NAMESPACE} from '../../constants';\nimport {DashKitDnDContext} from '../../context';\nimport type {\n    Config,\n    ConfigItem,\n    ConfigLayout,\n    GlobalParams,\n    ItemDropProps,\n    ItemsStateAndParams,\n} from '../../shared';\nimport type {\n    AddConfigItem,\n    AddNewItemOptions,\n    ContextProps,\n    DashKitGroup,\n    GridReflowOptions,\n    ItemManipulationCallback,\n    MenuItem,\n    Plugin,\n    ReactGridLayoutProps,\n    SetConfigItem,\n    Settings,\n    SettingsProps,\n} from '../../typings';\nimport {RegisterManager, UpdateManager, reflowLayout} from '../../utils';\nimport {DashKitDnDWrapper} from '../DashKitDnDWrapper/DashKitDnDWrapper';\nimport DashKitView from '../DashKitView/DashKitView';\nimport GridLayout from '../GridLayout/GridLayout';\nimport type {OverlayControlItem, PreparedCopyItemOptions} from '../OverlayControls/OverlayControls';\n\ninterface DashKitGeneralProps {\n    config: Config;\n    editMode: boolean;\n    draggableHandleClassName?: string;\n    overlayControls?: Record<string, OverlayControlItem[]> | null;\n    overlayMenuItems?: MenuItem[] | null;\n}\n\ninterface DashKitDefaultProps {\n    defaultGlobalParams: GlobalParams;\n    globalParams: GlobalParams;\n    itemsStateAndParams: ItemsStateAndParams;\n    settings: SettingsProps;\n    context: ContextProps;\n    noOverlay: boolean;\n    focusable?: boolean;\n    groups?: DashKitGroup[];\n\n    onItemEdit: (item: ConfigItem) => void;\n    onChange: (data: {\n        config: Config;\n        itemsStateAndParams: ItemsStateAndParams;\n        groups?: DashKitGroup[];\n    }) => void;\n\n    onDrop: (dropProps: ItemDropProps) => void;\n\n    onItemMountChange?: (item: ConfigItem, state: {isAsync: boolean; isMounted: boolean}) => void;\n    onItemRender?: (item: ConfigItem) => void;\n\n    getPreparedCopyItemOptions?: (options: PreparedCopyItemOptions) => PreparedCopyItemOptions;\n    onCopyFulfill?: (error: null | Error, data?: PreparedCopyItemOptions) => void;\n\n    onItemFocus?: (item: ConfigItem) => void;\n    onItemBlur?: (item: ConfigItem) => void;\n\n    onDragStart?: ItemManipulationCallback;\n    onDrag?: ItemManipulationCallback;\n    onDragStop?: ItemManipulationCallback;\n    onResizeStart?: ItemManipulationCallback;\n    onResize?: ItemManipulationCallback;\n    onResizeStop?: ItemManipulationCallback;\n}\n\nexport interface DashKitProps extends DashKitGeneralProps, Partial<DashKitDefaultProps> {}\n\ntype DashKitInnerProps = DashKitGeneralProps & DashKitDefaultProps;\n\nconst registerManager = new RegisterManager();\n\nconst getReflowProps = (props: ReactGridLayoutProps): GridReflowOptions =>\n    Object.assign(\n        {compactType: 'vertical', cols: 36},\n        pick(props, 'cols', 'maxRows', 'compactType'),\n    );\n\nconst getReflowGroupsConfig = (groups: DashKitGroup[] = []) => {\n    const defaultGridProps = getReflowProps(registerManager.gridLayout);\n\n    return {\n        defaultProps: defaultGridProps,\n        groups: groups.reduce<Record<string, GridReflowOptions>>((memo, g) => {\n            const groupId = g.id || DEFAULT_GROUP;\n            memo[groupId] = g.gridProperties\n                ? getReflowProps(g.gridProperties(defaultGridProps))\n                : defaultGridProps;\n\n            return memo;\n        }, {}),\n    };\n};\n\nexport class DashKit extends React.PureComponent<DashKitInnerProps> {\n    static defaultProps: DashKitDefaultProps = {\n        onItemEdit: noop,\n        onChange: noop,\n        onDrop: noop,\n        defaultGlobalParams: {},\n        globalParams: {},\n        itemsStateAndParams: {},\n        settings: {\n            autoupdateInterval: 0,\n            silentLoading: false,\n        },\n        context: {},\n        noOverlay: false,\n        focusable: false,\n    };\n\n    static contextType = DashKitDnDContext;\n\n    static registerPlugins(...plugins: Plugin[]) {\n        plugins.forEach((plugin) => {\n            registerManager.registerPlugin(plugin);\n        });\n    }\n\n    static reloadPlugins(...plugins: Plugin[]) {\n        plugins.forEach((plugin) => {\n            registerManager.reloadPlugin(plugin);\n        });\n    }\n\n    static setSettings(settings: Settings) {\n        registerManager.setSettings(settings);\n    }\n\n    static setItem({\n        item: setItem,\n        namespace = DEFAULT_NAMESPACE,\n        config,\n        options = {},\n        groups = [],\n    }: {\n        item: SetConfigItem;\n        namespace?: string;\n        config: Config;\n        options?: Omit<AddNewItemOptions, 'reflowLayoutOptions'>;\n        groups?: DashKitGroup[];\n    }): Config {\n        if (setItem.id) {\n            return UpdateManager.editItem({\n                item: setItem,\n                namespace,\n                config,\n                options,\n            });\n        } else {\n            const item = setItem as AddConfigItem;\n            const layout = {...registerManager.getItem(item.type).defaultLayout};\n\n            const reflowLayoutOptions = getReflowGroupsConfig(groups);\n\n            const copyItem = {...item};\n\n            if (copyItem.layout) {\n                Object.assign(layout, copyItem.layout);\n                delete copyItem.layout;\n            }\n\n            return UpdateManager.addItem({\n                item: copyItem,\n                namespace,\n                config,\n                layout,\n                options: {...options, reflowLayoutOptions},\n            });\n        }\n    }\n\n    static removeItem({\n        id,\n        config,\n        itemsStateAndParams,\n    }: {\n        id: string;\n        config: Config;\n        itemsStateAndParams: ItemsStateAndParams;\n    }): {config: Config; itemsStateAndParams: ItemsStateAndParams} {\n        return UpdateManager.removeItem({id, config, itemsStateAndParams});\n    }\n\n    static reflowLayout({\n        newLayoutItem,\n        layout,\n        groups,\n    }: {\n        newLayoutItem?: ConfigLayout;\n        layout: ConfigLayout[];\n        groups?: DashKitGroup[];\n    }) {\n        return reflowLayout({\n            newLayoutItem,\n            layout,\n            reflowLayoutOptions: getReflowGroupsConfig(groups),\n        });\n    }\n\n    metaRef = React.createRef<GridLayout>();\n\n    render() {\n        const content = (\n            <DashKitView registerManager={registerManager} ref={this.metaRef} {...this.props} />\n        );\n\n        if (!this.context && this.props.groups) {\n            return <DashKitDnDWrapper>{content}</DashKitDnDWrapper>;\n        }\n\n        return content;\n    }\n\n    getItemsMeta() {\n        return this.metaRef.current?.getItemsMeta() ?? [];\n    }\n\n    reloadItems(options?: {targetIds?: string[]; force?: boolean}) {\n        this.metaRef.current?.reloadItems(options);\n    }\n}\n"]}
+{"version":3,"file":"DashKit.js","sourceRoot":"../../../../src","sources":["components/DashKit/DashKit.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport noop from 'lodash/noop';\nimport pick from 'lodash/pick';\n\nimport {DEFAULT_GROUP, DEFAULT_NAMESPACE} from '../../constants';\nimport {DashKitDnDContext} from '../../context';\nimport type {\n    Config,\n    ConfigItem,\n    ConfigLayout,\n    GlobalParams,\n    ItemDropProps,\n    ItemsStateAndParams,\n} from '../../shared';\nimport type {\n    AddConfigItem,\n    AddNewItemOptions,\n    ContextProps,\n    DashKitEventHandler,\n    DashKitEventMap,\n    DashKitEventName,\n    DashKitGroup,\n    GridReflowOptions,\n    ItemManipulationCallback,\n    MenuItem,\n    Plugin,\n    ReactGridLayoutProps,\n    SetConfigItem,\n    Settings,\n    SettingsProps,\n} from '../../typings';\nimport {RegisterManager, UpdateManager, reflowLayout} from '../../utils';\nimport {DashKitDnDWrapper} from '../DashKitDnDWrapper/DashKitDnDWrapper';\nimport DashKitView from '../DashKitView/DashKitView';\nimport GridLayout from '../GridLayout/GridLayout';\nimport type {OverlayControlItem, PreparedCopyItemOptions} from '../OverlayControls/OverlayControls';\n\ninterface DashKitGeneralProps {\n    config: Config;\n    editMode: boolean;\n    draggableHandleClassName?: string;\n    overlayControls?: Record<string, OverlayControlItem[]> | null;\n    overlayMenuItems?: MenuItem[] | null;\n}\n\ninterface DashKitDefaultProps {\n    defaultGlobalParams: GlobalParams;\n    globalParams: GlobalParams;\n    itemsStateAndParams: ItemsStateAndParams;\n    settings: SettingsProps;\n    context: ContextProps;\n    noOverlay: boolean;\n    focusable?: boolean;\n    groups?: DashKitGroup[];\n\n    onItemEdit: (item: ConfigItem) => void;\n    onChange: (data: {\n        config: Config;\n        itemsStateAndParams: ItemsStateAndParams;\n        groups?: DashKitGroup[];\n    }) => void;\n\n    onDrop: (dropProps: ItemDropProps) => void;\n\n    onItemMountChange?: (item: ConfigItem, state: {isAsync: boolean; isMounted: boolean}) => void;\n    onItemRender?: (item: ConfigItem) => void;\n\n    getPreparedCopyItemOptions?: (options: PreparedCopyItemOptions) => PreparedCopyItemOptions;\n    onCopyFulfill?: (error: null | Error, data?: PreparedCopyItemOptions) => void;\n\n    onItemFocus?: (item: ConfigItem) => void;\n    onItemBlur?: (item: ConfigItem) => void;\n\n    onDragStart?: ItemManipulationCallback;\n    onDrag?: ItemManipulationCallback;\n    onDragStop?: ItemManipulationCallback;\n    onResizeStart?: ItemManipulationCallback;\n    onResize?: ItemManipulationCallback;\n    onResizeStop?: ItemManipulationCallback;\n}\n\nexport interface DashKitProps extends DashKitGeneralProps, Partial<DashKitDefaultProps> {}\n\ntype DashKitInnerProps = DashKitGeneralProps & DashKitDefaultProps;\n\nconst registerManager = new RegisterManager();\n\n/**\n * @internal Not part of the public API. Do not use in production code.\n * Module-scoped symbol — not accessible to external consumers holding a ref,\n * preventing synthetic event injection via instance._emit.\n */\nexport const _emitSymbol = Symbol('DashKit._emit');\n\nconst getReflowProps = (props: ReactGridLayoutProps): GridReflowOptions =>\n    Object.assign(\n        {compactType: 'vertical', cols: 36},\n        pick(props, 'cols', 'maxRows', 'compactType'),\n    );\n\nconst getReflowGroupsConfig = (groups: DashKitGroup[] = []) => {\n    const defaultGridProps = getReflowProps(registerManager.gridLayout);\n\n    return {\n        defaultProps: defaultGridProps,\n        groups: groups.reduce<Record<string, GridReflowOptions>>((memo, g) => {\n            const groupId = g.id || DEFAULT_GROUP;\n            memo[groupId] = g.gridProperties\n                ? getReflowProps(g.gridProperties(defaultGridProps))\n                : defaultGridProps;\n\n            return memo;\n        }, {}),\n    };\n};\n\nexport class DashKit extends React.PureComponent<DashKitInnerProps> {\n    static defaultProps: DashKitDefaultProps = {\n        onItemEdit: noop,\n        onChange: noop,\n        onDrop: noop,\n        defaultGlobalParams: {},\n        globalParams: {},\n        itemsStateAndParams: {},\n        settings: {\n            autoupdateInterval: 0,\n            silentLoading: false,\n        },\n        context: {},\n        noOverlay: false,\n        focusable: false,\n    };\n\n    static contextType = DashKitDnDContext;\n\n    static registerPlugins(...plugins: Plugin[]) {\n        plugins.forEach((plugin) => {\n            registerManager.registerPlugin(plugin);\n        });\n    }\n\n    static reloadPlugins(...plugins: Plugin[]) {\n        plugins.forEach((plugin) => {\n            registerManager.reloadPlugin(plugin);\n        });\n    }\n\n    static setSettings(settings: Settings) {\n        registerManager.setSettings(settings);\n    }\n\n    static setItem({\n        item: setItem,\n        namespace = DEFAULT_NAMESPACE,\n        config,\n        options = {},\n        groups = [],\n    }: {\n        item: SetConfigItem;\n        namespace?: string;\n        config: Config;\n        options?: Omit<AddNewItemOptions, 'reflowLayoutOptions'>;\n        groups?: DashKitGroup[];\n    }): Config {\n        if (setItem.id) {\n            return UpdateManager.editItem({\n                item: setItem,\n                namespace,\n                config,\n                options,\n            });\n        } else {\n            const item = setItem as AddConfigItem;\n            const registerManagerItem = registerManager.getItem(item.type);\n\n            const layout = {...registerManagerItem.defaultLayout};\n\n            const reflowLayoutOptions = getReflowGroupsConfig(groups);\n\n            const copyItem = {...item};\n\n            if (copyItem.layout) {\n                Object.assign(layout, copyItem.layout);\n                delete copyItem.layout;\n            }\n\n            return UpdateManager.addItem({\n                item: copyItem,\n                namespace,\n                config,\n                layout,\n                options: {...options, reflowLayoutOptions},\n            });\n        }\n    }\n\n    static removeItem({\n        id,\n        config,\n        itemsStateAndParams,\n    }: {\n        id: string;\n        config: Config;\n        itemsStateAndParams: ItemsStateAndParams;\n    }): {config: Config; itemsStateAndParams: ItemsStateAndParams} {\n        return UpdateManager.removeItem({id, config, itemsStateAndParams});\n    }\n\n    static reflowLayout({\n        newLayoutItem,\n        layout,\n        groups,\n    }: {\n        newLayoutItem?: ConfigLayout;\n        layout: ConfigLayout[];\n        groups?: DashKitGroup[];\n    }) {\n        return reflowLayout({\n            newLayoutItem,\n            layout,\n            reflowLayoutOptions: getReflowGroupsConfig(groups),\n        });\n    }\n\n    metaRef = React.createRef<GridLayout>();\n\n    private _handlers = new Map<string, Set<(...args: any[]) => void>>();\n\n    render() {\n        const content = (\n            <DashKitView\n                registerManager={registerManager}\n                ref={this.metaRef}\n                {...this.props}\n                emitDashKitEvent={this[_emitSymbol]}\n            />\n        );\n\n        if (!this.context && this.props.groups) {\n            return <DashKitDnDWrapper>{content}</DashKitDnDWrapper>;\n        }\n\n        return content;\n    }\n\n    getItemsMeta() {\n        return this.metaRef.current?.getItemsMeta() ?? [];\n    }\n\n    reloadItems(options?: {targetIds?: string[]; force?: boolean}) {\n        this.metaRef.current?.reloadItems(options);\n    }\n\n    /**\n     * @experimental This API can change in minor releases.\n     * @param eventName Event name.\n     * @param handler Event handler.\n     * @returns Unsubscribe callback.\n     */\n    on<T extends DashKitEventName>(eventName: T, handler: DashKitEventHandler<T>): () => void {\n        if (!this._handlers.has(eventName)) {\n            this._handlers.set(eventName, new Set());\n        }\n        this._handlers.get(eventName)?.add(handler);\n        return () => this._off(eventName, handler);\n    }\n\n    [_emitSymbol] = <T extends DashKitEventName>(eventName: T, event: DashKitEventMap[T]): void => {\n        const handlers = this._handlers.get(eventName);\n        if (!handlers) {\n            return;\n        }\n        for (const handler of handlers) {\n            try {\n                (handler as DashKitEventHandler<T>)(event);\n            } catch (e) {\n                // eslint-disable-next-line no-console\n                console.error('DashKit: event handler error', e);\n            }\n        }\n    };\n\n    private _off<T extends DashKitEventName>(eventName: T, handler: DashKitEventHandler<T>): void {\n        const handlers = this._handlers.get(eventName);\n        if (handlers) {\n            handlers.delete(handler);\n            if (handlers.size === 0) {\n                this._handlers.delete(eventName);\n            }\n        }\n    }\n}\n"]}

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

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

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);