@gravity-ui/dashkit 8.18.0 → 8.19.1-beta.0

package/README.md

@@ -59,18 +59,20 @@ interface DashKitProps {
   noOverlay?: boolean;
   focusable?: boolean;
   draggableHandleClassName?: string;
+  getPreparedCopyItemOptions?: (options: PreparedCopyItemOptions) => PreparedCopyItemOptions;
+  onCopyFulfill?: (error: null | Error, data?: PreparedCopyItemOptions) => void;
 }
 ```
 
 - **config**: [сonfig](#Config).
 - **editMode**: Whether edit mode is enabled.
 - **onItemEdit**: Called when you click to edit a widget.
-- **onChange**: Called when config or [itemsStateAndParams](#temsStateAndParams) are changed.
+- **onChange**: Called when config or [itemsStateAndParams](#itemsStateAndParams) are changed.
 - **onDrop**: Called when item dropped from ActionPanel using (#DashKitDnDWrapper)
 - **onItemMountChange**: Called when item mount state changed
 - **onItemRender**: Called when item render complete
 - **defaultGlobalParams**, **globalParams**: [Parameters](#Params) that affect all widgets. In DataLens, `defaultGlobalParams` are global parameters set in the dashboard settings. `globalParams` are globals parameters that can be set in the url.
-- **itemsStateAndParams**: [itemsStateAndParams](#temsStateAndParams).
+- **itemsStateAndParams**: [itemsStateAndParams](#itemsStateAndParams).
 - **settings**: DashKit settings.
 - **context**: Object that will be propped up on all widgets.
 - **overlayControls**: Object that overrides widget controls at the time of editing. If not transmitted, basic controls will be displayed. If `null` passed only close button or custom menu will be displayed.
@@ -84,6 +86,8 @@ interface DashKitProps {
 - **onResizeStart**: ReactGridLayout called when item resize started
 - **onResize**: ReactGridLayout called while item resizing
 - **onResizeStop**: ReactGridLayout called when item resize stoped
+- **getPreparedCopyItemOptions**: Called for converting copied item to serializable object before saving it to localstorage. It should be used instead of deprecated `context.getPreparedCopyItemOptions` prop
+- **onCopyFulfill**: Called when item copy finished with `error=null` and defined `data` on successful operation done and with `error: Error` without `data` otherwise
 
 ## Usage
 

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

@@ -2,8 +2,8 @@ import React from 'react';
 import type { Config, ConfigItem, ConfigLayout, GlobalParams, ItemDropProps, ItemsStateAndParams } from '../../shared';
 import { AddNewItemOptions, ContextProps, DashKitGroup, ItemManipulationCallback, MenuItem, Plugin, SetConfigItem, Settings, SettingsProps } from '../../typings';
 import GridLayout from '../GridLayout/GridLayout';
-import { OverlayControlItem } from '../OverlayControls/OverlayControls';
-interface DashKitGeneralProps {
+import { OverlayControlItem, OverlayControlsCtxShape } from '../OverlayControls/OverlayControls';
+interface DashKitGeneralProps extends Pick<OverlayControlsCtxShape, 'getPreparedCopyItemOptions' | 'onCopyFulfill'> {
     config: Config;
     editMode: boolean;
     draggableHandleClassName?: string;

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

@@ -126,13 +126,14 @@ class GridItem extends react_1.default.PureComponent {
             }
             : {})),
             react_1.default.createElement("div", { className: b('item', { editMode: editMode && !_editActive && !noOverlay }) },
-                react_1.default.createElement(Item_1.default, { id: this.props.id, item: this.props.item, shouldItemUpdate: !isDragging, width: width, height: height, transform: transform, isPlaceholder: isPlaceholder, adjustWidgetLayout: this.props.adjustWidgetLayout, layout: this.props.layout, forwardedPluginRef: this.props.forwardedPluginRef, onItemMountChange: this.props.onItemMountChange, onItemRender: this.props.onItemRender })),
+                react_1.default.createElement(Item_1.default, { id: this.props.id, item: this.props.item, shouldItemUpdate: !isDragging, width: width, height: height, transform: transform, isPlaceholder: isPlaceholder, adjustWidgetLayout: this.props.adjustWidgetLayout, layout: this.props.layout, forwardedPluginRef: this.props.forwardedPluginRef, onItemMountChange: this.props.onItemMountChange, onItemRender: this.props.onItemRender, gridLayout: this.props.gridLayout })),
             !noOverlay && this.renderOverlay(),
             preparedChildren));
     }
 }
 GridItem.propTypes = {
     adjustWidgetLayout: prop_types_1.default.func.isRequired,
+    gridLayout: prop_types_1.default.object,
     id: prop_types_1.default.string,
     item: prop_types_1.default.object,
     isDragging: prop_types_1.default.bool,

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

@@ -66,7 +66,7 @@ export default class GridLayout extends React.PureComponent<any, any, any> {
     _onExternalDrop: (group: any, newLayout: any, item: any, e: any) => void;
     _onDrop: (group: any, newLayout: any, item: any, e: any) => false | undefined;
     _onDropDragOver: (group: any, e: any) => any;
-    renderTemporaryPlaceholder(): JSX.Element | null;
+    renderTemporaryPlaceholder(gridLayout: any): JSX.Element | null;
     renderGroup(group: any, renderLayout: any, renderItems: any, offset: number | undefined, groupGridProperties: any): JSX.Element;
     render(): any;
 }

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

@@ -400,14 +400,14 @@ class GridLayout extends react_1.default.PureComponent {
             });
         }
     }
-    renderTemporaryPlaceholder() {
+    renderTemporaryPlaceholder(gridLayout) {
         const { temporaryLayout, noOverlay, draggableHandleClassName } = this.context;
         if (!temporaryLayout || !temporaryLayout.dragProps) {
             return null;
         }
         const id = constants_1.TEMPORARY_ITEM_ID;
         const { type } = temporaryLayout.dragProps;
-        return (react_1.default.createElement(GridItem_1.default, { key: id, id: id, item: { id, type, data: {} }, layout: temporaryLayout.data, adjustWidgetLayout: this.adjustWidgetLayout, isDragging: this.state.isDragging, isPlaceholder: true, noOverlay: noOverlay, withCustomHandle: Boolean(draggableHandleClassName) }));
+        return (react_1.default.createElement(GridItem_1.default, { key: id, id: id, item: { id, type, data: {} }, layout: temporaryLayout.data, adjustWidgetLayout: this.adjustWidgetLayout, isDragging: this.state.isDragging, isPlaceholder: true, noOverlay: noOverlay, withCustomHandle: Boolean(draggableHandleClassName), gridLayout: gridLayout }));
     }
     renderGroup(group, renderLayout, renderItems, offset = 0, groupGridProperties) {
         const { registerManager, editMode, noOverlay, focusable, draggableHandleClassName, outerDnDEnable, onItemMountChange, onItemRender, } = this.context;
@@ -441,9 +441,9 @@ class GridLayout extends react_1.default.PureComponent {
                 const itemNoOverlay = hasOwnGroupProperties && 'noOverlay' in properties
                     ? properties.noOverlay
                     : noOverlay;
-                return (react_1.default.createElement(GridItem_1.default, { forwardedPluginRef: this.getMemoForwardRefCallback(offset + i), key: keyId, id: keyId, item: item, layout: layout, adjustWidgetLayout: this.adjustWidgetLayout, isDragging: isDragging, isDraggedOut: isDraggedOut, noOverlay: itemNoOverlay, focusable: focusable, withCustomHandle: Boolean(draggableHandleClassName), onItemMountChange: onItemMountChange, onItemRender: onItemRender }));
+                return (react_1.default.createElement(GridItem_1.default, { forwardedPluginRef: this.getMemoForwardRefCallback(offset + i), key: keyId, id: keyId, item: item, layout: layout, adjustWidgetLayout: this.adjustWidgetLayout, isDragging: isDragging, isDraggedOut: isDraggedOut, noOverlay: itemNoOverlay, focusable: focusable, withCustomHandle: Boolean(draggableHandleClassName), onItemMountChange: onItemMountChange, onItemRender: onItemRender, gridLayout: properties }));
             }),
-            this.renderTemporaryPlaceholder()));
+            this.renderTemporaryPlaceholder(properties)));
     }
     render() {
         const { config, groups, editMode, context } = this.context;

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

@@ -52,6 +52,7 @@ declare const _default: {
         UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
     };
     propTypes: {
+        gridLayout: PropTypes.Requireable<object>;
         adjustWidgetLayout: PropTypes.Validator<(...args: any[]) => any>;
         layout: PropTypes.Requireable<any[]>;
         id: PropTypes.Requireable<string>;

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

@@ -50,7 +50,7 @@ type PreparedCopyItemOptionsArg = Pick<ConfigItem, 'data' | 'type' | 'defaults'
 export type PreparedCopyItemOptions<C extends object = {}> = PreparedCopyItemOptionsArg & {
     copyContext?: C;
 };
-type DashKitCtx = React.Context<{
+export interface OverlayControlsCtxShape {
     overlayControls?: Record<string, OverlayControlItem[]>;
     context: Record<string, any>;
     menu: MenuItem[];
@@ -59,11 +59,14 @@ type DashKitCtx = React.Context<{
     editItem: (item: ConfigItem) => void;
     removeItem: (id: string) => void;
     getLayoutItem: (id: string) => ConfigLayout | void;
-}>;
+    getPreparedCopyItemOptions?: (options: PreparedCopyItemOptions) => PreparedCopyItemOptions;
+    onCopyFulfill?: (error: null | Error, data?: PreparedCopyItemOptions) => void;
+}
+type OverlayControlsCtx = React.Context<OverlayControlsCtxShape>;
 declare class OverlayControls extends React.Component<OverlayControlsProps> {
     static contextType: React.Context<any>;
     static defaultProps: OverlayControlsDefaultProps;
-    context: React.ContextType<DashKitCtx>;
+    context: React.ContextType<OverlayControlsCtx>;
     render(): JSX.Element;
     private getItems;
     private renderControlsItem;

package/build/cjs/components/OverlayControls/OverlayControls.js

@@ -79,7 +79,7 @@ class OverlayControls extends react_1.default.Component {
             return controls;
         };
         this.onCopyItem = () => {
-            var _a, _b, _c;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
             const { configItem } = this.props;
             const correspondedItemLayout = this.context.getLayoutItem(configItem.id);
             let targetInnerId;
@@ -102,13 +102,24 @@ class OverlayControls extends react_1.default.Component {
                 targetId: this.props.configItem.id,
                 targetInnerId,
             };
-            if (typeof ((_a = this.context.context) === null || _a === void 0 ? void 0 : _a.getPreparedCopyItemOptions) === 'function') {
-                options = this.context.context.getPreparedCopyItemOptions(options);
+            if ((_a = this.context.context) === null || _a === void 0 ? void 0 : _a.getPreparedCopyItemOptions) {
+                (_b = console.warn) === null || _b === void 0 ? void 0 : _b.call(console, '`context.getPreparedCopyItemOptions` is deprecated. Please use `getPreparedCopyItemOptions` prop instead');
+            }
+            const getPreparedCopyItemOptions = (_d = (_c = this.context) === null || _c === void 0 ? void 0 : _c.getPreparedCopyItemOptions) !== null && _d !== void 0 ? _d : (_e = this.context.context) === null || _e === void 0 ? void 0 : _e.getPreparedCopyItemOptions;
+            if (typeof getPreparedCopyItemOptions === 'function') {
+                options = getPreparedCopyItemOptions(options);
+            }
+            try {
+                localStorage.setItem(constants_1.COPIED_WIDGET_STORE_KEY, JSON.stringify(options));
+                (_g = (_f = this.context).onCopyFulfill) === null || _g === void 0 ? void 0 : _g.call(_f, null, options);
+            }
+            catch (e) {
+                const error = e instanceof Error ? e : new Error('Unknown error while copying item');
+                (_j = (_h = this.context).onCopyFulfill) === null || _j === void 0 ? void 0 : _j.call(_h, error);
             }
-            localStorage.setItem(constants_1.COPIED_WIDGET_STORE_KEY, JSON.stringify(options));
             // https://stackoverflow.com/questions/35865481/storage-event-not-firing
             window.dispatchEvent(new Event('storage'));
-            (_c = (_b = this.props).onItemClick) === null || _c === void 0 ? void 0 : _c.call(_b);
+            (_l = (_k = this.props).onItemClick) === null || _l === void 0 ? void 0 : _l.call(_k);
         };
         this.onEditItem = () => {
             var _a, _b;

package/build/cjs/hocs/prepareItem.d.ts

@@ -52,6 +52,7 @@ export function prepareItem(Component: any): {
         UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
     };
     propTypes: {
+        gridLayout: PropTypes.Requireable<object>;
         adjustWidgetLayout: PropTypes.Validator<(...args: any[]) => any>;
         layout: PropTypes.Requireable<any[]>;
         id: PropTypes.Requireable<string>;

package/build/cjs/hocs/prepareItem.js

@@ -15,7 +15,7 @@ function prepareItem(Component) {
                 };
                 this._currentRenderProps = {};
                 this.getRenderProps = () => {
-                    const { id, width, height, item, adjustWidgetLayout, layout, isPlaceholder } = this.props;
+                    const { id, width, height, item, adjustWidgetLayout, layout, isPlaceholder, gridLayout } = this.props;
                     const { itemsState, itemsParams, registerManager, settings, context, editMode } = this.context;
                     const { data, defaults, namespace } = item;
                     const rendererProps = {
@@ -32,7 +32,7 @@ function prepareItem(Component) {
                         settings,
                         context,
                         layout,
-                        gridLayout: registerManager.gridLayout,
+                        gridLayout: gridLayout || registerManager.gridLayout,
                         adjustWidgetLayout,
                         isPlaceholder,
                     };
@@ -62,6 +62,7 @@ function prepareItem(Component) {
             }
         },
         _a.propTypes = {
+            gridLayout: prop_types_1.default.object,
             adjustWidgetLayout: prop_types_1.default.func.isRequired,
             layout: prop_types_1.default.array,
             id: prop_types_1.default.string,

package/build/cjs/hocs/withContext.js

@@ -394,11 +394,15 @@ function useMemoStateContext(props) {
         editItem: props.onItemEdit,
         removeItem: onItemRemove,
         getLayoutItem: getLayoutItem,
+        getPreparedCopyItemOptions: props.getPreparedCopyItemOptions,
+        onCopyFulfill: props.onCopyFulfill,
     }), [
         props.overlayControls,
         props.context,
         props.itemsStateAndParams,
         props.onItemEdit,
+        props.getPreparedCopyItemOptions,
+        props.onCopyFulfill,
         overlayMenuItems,
         itemsParams,
         onItemRemove,

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

@@ -2,8 +2,8 @@ import React from 'react';
 import type { Config, ConfigItem, ConfigLayout, GlobalParams, ItemDropProps, ItemsStateAndParams } from '../../shared';
 import { AddNewItemOptions, ContextProps, DashKitGroup, ItemManipulationCallback, MenuItem, Plugin, SetConfigItem, Settings, SettingsProps } from '../../typings';
 import GridLayout from '../GridLayout/GridLayout';
-import { OverlayControlItem } from '../OverlayControls/OverlayControls';
-interface DashKitGeneralProps {
+import { OverlayControlItem, OverlayControlsCtxShape } from '../OverlayControls/OverlayControls';
+interface DashKitGeneralProps extends Pick<OverlayControlsCtxShape, 'getPreparedCopyItemOptions' | 'onCopyFulfill'> {
     config: Config;
     editMode: boolean;
     draggableHandleClassName?: string;

package/build/esm/components/GridItem/GridItem.js

@@ -124,13 +124,14 @@ class GridItem extends React.PureComponent {
             }
             : {})),
             React.createElement("div", { className: b('item', { editMode: editMode && !_editActive && !noOverlay }) },
-                React.createElement(Item, { id: this.props.id, item: this.props.item, shouldItemUpdate: !isDragging, width: width, height: height, transform: transform, isPlaceholder: isPlaceholder, adjustWidgetLayout: this.props.adjustWidgetLayout, layout: this.props.layout, forwardedPluginRef: this.props.forwardedPluginRef, onItemMountChange: this.props.onItemMountChange, onItemRender: this.props.onItemRender })),
+                React.createElement(Item, { id: this.props.id, item: this.props.item, shouldItemUpdate: !isDragging, width: width, height: height, transform: transform, isPlaceholder: isPlaceholder, adjustWidgetLayout: this.props.adjustWidgetLayout, layout: this.props.layout, forwardedPluginRef: this.props.forwardedPluginRef, onItemMountChange: this.props.onItemMountChange, onItemRender: this.props.onItemRender, gridLayout: this.props.gridLayout })),
             !noOverlay && this.renderOverlay(),
             preparedChildren));
     }
 }
 GridItem.propTypes = {
     adjustWidgetLayout: PropTypes.func.isRequired,
+    gridLayout: PropTypes.object,
     id: PropTypes.string,
     item: PropTypes.object,
     isDragging: PropTypes.bool,

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

@@ -66,7 +66,7 @@ export default class GridLayout extends React.PureComponent<any, any, any> {
     _onExternalDrop: (group: any, newLayout: any, item: any, e: any) => void;
     _onDrop: (group: any, newLayout: any, item: any, e: any) => false | undefined;
     _onDropDragOver: (group: any, e: any) => any;
-    renderTemporaryPlaceholder(): JSX.Element | null;
+    renderTemporaryPlaceholder(gridLayout: any): JSX.Element | null;
     renderGroup(group: any, renderLayout: any, renderItems: any, offset: number | undefined, groupGridProperties: any): JSX.Element;
     render(): any;
 }

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

@@ -397,14 +397,14 @@ class GridLayout extends React.PureComponent {
             });
         }
     }
-    renderTemporaryPlaceholder() {
+    renderTemporaryPlaceholder(gridLayout) {
         const { temporaryLayout, noOverlay, draggableHandleClassName } = this.context;
         if (!temporaryLayout || !temporaryLayout.dragProps) {
             return null;
         }
         const id = TEMPORARY_ITEM_ID;
         const { type } = temporaryLayout.dragProps;
-        return (React.createElement(GridItem, { key: id, id: id, item: { id, type, data: {} }, layout: temporaryLayout.data, adjustWidgetLayout: this.adjustWidgetLayout, isDragging: this.state.isDragging, isPlaceholder: true, noOverlay: noOverlay, withCustomHandle: Boolean(draggableHandleClassName) }));
+        return (React.createElement(GridItem, { key: id, id: id, item: { id, type, data: {} }, layout: temporaryLayout.data, adjustWidgetLayout: this.adjustWidgetLayout, isDragging: this.state.isDragging, isPlaceholder: true, noOverlay: noOverlay, withCustomHandle: Boolean(draggableHandleClassName), gridLayout: gridLayout }));
     }
     renderGroup(group, renderLayout, renderItems, offset = 0, groupGridProperties) {
         const { registerManager, editMode, noOverlay, focusable, draggableHandleClassName, outerDnDEnable, onItemMountChange, onItemRender, } = this.context;
@@ -438,9 +438,9 @@ class GridLayout extends React.PureComponent {
                 const itemNoOverlay = hasOwnGroupProperties && 'noOverlay' in properties
                     ? properties.noOverlay
                     : noOverlay;
-                return (React.createElement(GridItem, { forwardedPluginRef: this.getMemoForwardRefCallback(offset + i), key: keyId, id: keyId, item: item, layout: layout, adjustWidgetLayout: this.adjustWidgetLayout, isDragging: isDragging, isDraggedOut: isDraggedOut, noOverlay: itemNoOverlay, focusable: focusable, withCustomHandle: Boolean(draggableHandleClassName), onItemMountChange: onItemMountChange, onItemRender: onItemRender }));
+                return (React.createElement(GridItem, { forwardedPluginRef: this.getMemoForwardRefCallback(offset + i), key: keyId, id: keyId, item: item, layout: layout, adjustWidgetLayout: this.adjustWidgetLayout, isDragging: isDragging, isDraggedOut: isDraggedOut, noOverlay: itemNoOverlay, focusable: focusable, withCustomHandle: Boolean(draggableHandleClassName), onItemMountChange: onItemMountChange, onItemRender: onItemRender, gridLayout: properties }));
             }),
-            this.renderTemporaryPlaceholder()));
+            this.renderTemporaryPlaceholder(properties)));
     }
     render() {
         const { config, groups, editMode, context } = this.context;

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

@@ -52,6 +52,7 @@ declare const _default: {
         UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
     };
     propTypes: {
+        gridLayout: PropTypes.Requireable<object>;
         adjustWidgetLayout: PropTypes.Validator<(...args: any[]) => any>;
         layout: PropTypes.Requireable<any[]>;
         id: PropTypes.Requireable<string>;

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

@@ -51,7 +51,7 @@ type PreparedCopyItemOptionsArg = Pick<ConfigItem, 'data' | 'type' | 'defaults'
 export type PreparedCopyItemOptions<C extends object = {}> = PreparedCopyItemOptionsArg & {
     copyContext?: C;
 };
-type DashKitCtx = React.Context<{
+export interface OverlayControlsCtxShape {
     overlayControls?: Record<string, OverlayControlItem[]>;
     context: Record<string, any>;
     menu: MenuItem[];
@@ -60,11 +60,14 @@ type DashKitCtx = React.Context<{
     editItem: (item: ConfigItem) => void;
     removeItem: (id: string) => void;
     getLayoutItem: (id: string) => ConfigLayout | void;
-}>;
+    getPreparedCopyItemOptions?: (options: PreparedCopyItemOptions) => PreparedCopyItemOptions;
+    onCopyFulfill?: (error: null | Error, data?: PreparedCopyItemOptions) => void;
+}
+type OverlayControlsCtx = React.Context<OverlayControlsCtxShape>;
 declare class OverlayControls extends React.Component<OverlayControlsProps> {
     static contextType: React.Context<any>;
     static defaultProps: OverlayControlsDefaultProps;
-    context: React.ContextType<DashKitCtx>;
+    context: React.ContextType<OverlayControlsCtx>;
     render(): JSX.Element;
     private getItems;
     private renderControlsItem;

package/build/esm/components/OverlayControls/OverlayControls.js

@@ -76,7 +76,7 @@ class OverlayControls extends React.Component {
             return controls;
         };
         this.onCopyItem = () => {
-            var _a, _b, _c;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
             const { configItem } = this.props;
             const correspondedItemLayout = this.context.getLayoutItem(configItem.id);
             let targetInnerId;
@@ -99,13 +99,24 @@ class OverlayControls extends React.Component {
                 targetId: this.props.configItem.id,
                 targetInnerId,
             };
-            if (typeof ((_a = this.context.context) === null || _a === void 0 ? void 0 : _a.getPreparedCopyItemOptions) === 'function') {
-                options = this.context.context.getPreparedCopyItemOptions(options);
+            if ((_a = this.context.context) === null || _a === void 0 ? void 0 : _a.getPreparedCopyItemOptions) {
+                (_b = console.warn) === null || _b === void 0 ? void 0 : _b.call(console, '`context.getPreparedCopyItemOptions` is deprecated. Please use `getPreparedCopyItemOptions` prop instead');
+            }
+            const getPreparedCopyItemOptions = (_d = (_c = this.context) === null || _c === void 0 ? void 0 : _c.getPreparedCopyItemOptions) !== null && _d !== void 0 ? _d : (_e = this.context.context) === null || _e === void 0 ? void 0 : _e.getPreparedCopyItemOptions;
+            if (typeof getPreparedCopyItemOptions === 'function') {
+                options = getPreparedCopyItemOptions(options);
+            }
+            try {
+                localStorage.setItem(COPIED_WIDGET_STORE_KEY, JSON.stringify(options));
+                (_g = (_f = this.context).onCopyFulfill) === null || _g === void 0 ? void 0 : _g.call(_f, null, options);
+            }
+            catch (e) {
+                const error = e instanceof Error ? e : new Error('Unknown error while copying item');
+                (_j = (_h = this.context).onCopyFulfill) === null || _j === void 0 ? void 0 : _j.call(_h, error);
             }
-            localStorage.setItem(COPIED_WIDGET_STORE_KEY, JSON.stringify(options));
             // https://stackoverflow.com/questions/35865481/storage-event-not-firing
             window.dispatchEvent(new Event('storage'));
-            (_c = (_b = this.props).onItemClick) === null || _c === void 0 ? void 0 : _c.call(_b);
+            (_l = (_k = this.props).onItemClick) === null || _l === void 0 ? void 0 : _l.call(_k);
         };
         this.onEditItem = () => {
             var _a, _b;

package/build/esm/hocs/prepareItem.d.ts

@@ -52,6 +52,7 @@ export function prepareItem(Component: any): {
         UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
     };
     propTypes: {
+        gridLayout: PropTypes.Requireable<object>;
         adjustWidgetLayout: PropTypes.Validator<(...args: any[]) => any>;
         layout: PropTypes.Requireable<any[]>;
         id: PropTypes.Requireable<string>;

package/build/esm/hocs/prepareItem.js

@@ -11,7 +11,7 @@ export function prepareItem(Component) {
                 };
                 this._currentRenderProps = {};
                 this.getRenderProps = () => {
-                    const { id, width, height, item, adjustWidgetLayout, layout, isPlaceholder } = this.props;
+                    const { id, width, height, item, adjustWidgetLayout, layout, isPlaceholder, gridLayout } = this.props;
                     const { itemsState, itemsParams, registerManager, settings, context, editMode } = this.context;
                     const { data, defaults, namespace } = item;
                     const rendererProps = {
@@ -28,7 +28,7 @@ export function prepareItem(Component) {
                         settings,
                         context,
                         layout,
-                        gridLayout: registerManager.gridLayout,
+                        gridLayout: gridLayout || registerManager.gridLayout,
                         adjustWidgetLayout,
                         isPlaceholder,
                     };
@@ -58,6 +58,7 @@ export function prepareItem(Component) {
             }
         },
         _a.propTypes = {
+            gridLayout: PropTypes.object,
             adjustWidgetLayout: PropTypes.func.isRequired,
             layout: PropTypes.array,
             id: PropTypes.string,

package/build/esm/hocs/withContext.js

@@ -391,11 +391,15 @@ function useMemoStateContext(props) {
         editItem: props.onItemEdit,
         removeItem: onItemRemove,
         getLayoutItem: getLayoutItem,
+        getPreparedCopyItemOptions: props.getPreparedCopyItemOptions,
+        onCopyFulfill: props.onCopyFulfill,
     }), [
         props.overlayControls,
         props.context,
         props.itemsStateAndParams,
         props.onItemEdit,
+        props.getPreparedCopyItemOptions,
+        props.onCopyFulfill,
         overlayMenuItems,
         itemsParams,
         onItemRemove,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/dashkit",
-  "version": "8.18.0",
+  "version": "8.19.1-beta.0",
   "description": "Library for rendering dashboard grid layout",
   "license": "MIT",
   "repository": {