@gravity-ui/dashkit 10.1.3 → 10.3.0

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

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

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

@@ -12,6 +12,10 @@ class DragOverLayout extends ReactGridLayout {
     constructor(props, context) {
         super(props, context);
         this._savedDraggedOutLayout = null;
+        // Suppresses onLayoutMaybeChanged during imperative layout restore actions.
+        // Without this flag, our setState would trigger onLayoutChange back to the consumer
+        // that just initiated the action, causing a spurious 'change' event.
+        this._isRestoringExternalLayout = false;
         // Reset placeholder when item dragged from outside
         this.resetExternalPlaceholder = () => {
             // @ts-expect-error - dragEnterCounter is an internal property of parent class
@@ -162,6 +166,39 @@ class DragOverLayout extends ReactGridLayout {
             innerElement.addEventListener('mousemove', this.mouseMoveHandler);
         }
     }
+    componentDidUpdate(prevProps, prevState) {
+        var _a;
+        const revisionChanged = prevProps.externalLayoutRevision !== this.props.externalLayoutRevision;
+        if (revisionChanged && this.props.layout) {
+            const newLayout = utils.synchronizeLayoutWithChildren(this.props.layout, this.props.children, this.props.cols, utils.compactType(this.props), this.props.allowOverlap);
+            this._isRestoringExternalLayout = true;
+            // Override both layout and propsLayout so getDerivedStateFromProps
+            // doesn't revert our update on the next render cycle.
+            this.setState({
+                layout: newLayout,
+                propsLayout: this.props.layout,
+            }, () => {
+                this._isRestoringExternalLayout = false;
+            });
+            // RGL's shouldComponentUpdate only tracks activeDrag/mounted/droppingPosition — not
+            // state.layout. So setState({layout}) alone is silently ignored (no re-render).
+            // forceUpdate bypasses SCU and is batched with the setState above, producing a
+            // single render cycle with the merged state that includes the restored layout.
+            this.forceUpdate();
+            // Don't call super here: restoring is an external action, not a user drag/resize.
+            // onLayoutMaybeChanged is suppressed via _isRestoringExternalLayout.
+            return;
+        }
+        // Maintain parent behavior for all non-restore cycles (drag, resize, etc.).
+        (_a = super.componentDidUpdate) === null || _a === void 0 ? void 0 : _a.call(this, prevProps, prevState);
+    }
+    onLayoutMaybeChanged(newLayout, oldLayout) {
+        if (this._isRestoringExternalLayout) {
+            return;
+        }
+        // @ts-expect-error — onLayoutMaybeChanged is not in ReactGridLayout's public types
+        super.onLayoutMaybeChanged(newLayout, oldLayout);
+    }
     componentWillUnmount() {
         var _a;
         if (this.props.group !== undefined) {

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

@@ -1 +1 @@
-{"version":3,"file":"ReactGridLayout.js","sourceRoot":"../../../../src","sources":["components/GridLayout/ReactGridLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type {Layout as RGLLayout} from 'react-grid-layout';\n// @ts-expect-error - utils is not exported in type definitions\nimport ReactGridLayout, {WidthProvider, utils} from 'react-grid-layout';\n\nimport {DROPPING_ELEMENT_CLASS_NAME, OVERLAY_CLASS_NAME} from '../../constants';\n\nconst isRefObject = (\n    value: React.Ref<HTMLDivElement>,\n): value is React.RefObject<HTMLDivElement> => {\n    return (\n        typeof value === 'object' &&\n        value !== null &&\n        'current' in value &&\n        typeof value.current === 'object'\n    );\n};\n\ntype SharedDragPosition = {\n    offsetX: number;\n    offsetY: number;\n};\n\ntype DragOverLayoutProps = ReactGridLayout.ReactGridLayoutProps & {\n    innerRef?: React.Ref<HTMLDivElement>;\n    isDragCaptured?: boolean;\n    dragStateRef?: React.MutableRefObject<{isDragging: boolean; sourceGroup: string | null}>;\n    sharedDragPositionRef?: React.MutableRefObject<SharedDragPosition | null>;\n    group?: string;\n    onDragTargetRestore?: () => void;\n    transformScaleRef?: React.MutableRefObject<number>;\n    groupResetRegistryRef?: React.MutableRefObject<Map<string, () => void>>;\n};\n\ntype DragOverLayoutState = {\n    layout: RGLLayout[];\n    activeDrag: RGLLayout | null;\n};\n\ntype RGLLayoutWithPlaceholder = RGLLayout & {placeholder?: boolean};\n\ntype OnDragMethod = (\n    i: string,\n    x: number,\n    y: number,\n    sintEv: {e: Event; node: HTMLElement},\n) => void;\n\nclass DragOverLayout extends ReactGridLayout {\n    // @ts-expect-error - TypeScript doesn't allow direct property redeclaration in extending classes. We need to narrow the props type from ReactGridLayoutProps to DragOverLayoutProps for type safety in our custom methods\n    props: DragOverLayoutProps;\n    // @ts-expect-error - TypeScript doesn't allow direct property redeclaration in extending classes. State is initialized by parent constructor\n    state: DragOverLayoutState;\n\n    parentOnDrag: OnDragMethod;\n    parentOnDragStop: OnDragMethod;\n    _savedDraggedOutLayout: RGLLayout[] | null = null;\n\n    constructor(props: DragOverLayoutProps, context?: unknown) {\n        super(props, context);\n\n        // @ts-expect-error - onDrag is a protected method in parent class\n        this.parentOnDrag = this.onDrag;\n        // @ts-expect-error - assigning custom method to parent's onDrag\n        this.onDrag = this.extendedOnDrag;\n\n        // @ts-expect-error - onDragStop is a protected method in parent class\n        this.parentOnDragStop = this.onDragStop;\n        // @ts-expect-error - assigning custom method to parent's onDragStop\n        this.onDragStop = this.extendedOnDragStop;\n    }\n\n    componentDidMount(): void {\n        super.componentDidMount?.();\n\n        if (this.props.group !== undefined) {\n            this.props.groupResetRegistryRef?.current.set(\n                this.props.group,\n                this.resetExternalPlaceholder,\n            );\n        }\n\n        // If cursor is moved out of the window there is a bug\n        // which leaves placeholder element in grid, this action needed to reset this state\n        window.addEventListener('dragend', this.resetExternalPlaceholder);\n        const innerElement = this.getInnerElement();\n\n        if (innerElement) {\n            innerElement.addEventListener('mouseup', this.mouseUpHandler);\n            innerElement.addEventListener('mouseenter', this.mouseEnterHandler);\n            innerElement.addEventListener('mouseleave', this.mouseLeaveHandler);\n            innerElement.addEventListener('mousemove', this.mouseMoveHandler);\n        }\n    }\n\n    componentWillUnmount(): void {\n        if (this.props.group !== undefined) {\n            this.props.groupResetRegistryRef?.current.delete(this.props.group);\n        }\n\n        window.removeEventListener('dragend', this.resetExternalPlaceholder);\n        const innerElement = this.getInnerElement();\n\n        if (innerElement) {\n            innerElement.removeEventListener('mouseup', this.mouseUpHandler);\n            innerElement.removeEventListener('mouseenter', this.mouseEnterHandler);\n            innerElement.removeEventListener('mouseleave', this.mouseLeaveHandler);\n            innerElement.removeEventListener('mousemove', this.mouseMoveHandler);\n        }\n    }\n\n    // react-grid-layout doens't calculate it's height when last element is removed\n    // and just keeps the previous value\n    // so for autosize to work in that case we are resetting it's height value\n    containerHeight(): string | undefined {\n        if (this.props.autoSize && this.state.layout.length === 0) {\n            return;\n        }\n\n        // eslint-disable-next-line consistent-return\n        // @ts-expect-error - containerHeight is a protected method in parent class\n        return super.containerHeight();\n    }\n\n    // innerRef is passed by WithProvider without this wrapper there are only\n    // * findDOMNode - deprecated\n    // * rewrite whole ReactGridLayout.render method\n    // so in that case don't try to use this class on it's own\n    // or pass innerRef: React.MutableRef as it's not optional prop\n    getInnerElement(): HTMLDivElement | null {\n        const {innerRef} = this.props;\n\n        return innerRef && isRefObject(innerRef) && innerRef.current ? innerRef.current : null;\n    }\n\n    // Reset placeholder when item dragged from outside\n    resetExternalPlaceholder = (): void => {\n        // @ts-expect-error - dragEnterCounter is an internal property of parent class\n        if (this.dragEnterCounter) {\n            // @ts-expect-error - dragEnterCounter is an internal property of parent class\n            this.dragEnterCounter = 0;\n            // @ts-expect-error - removeDroppingPlaceholder is a protected method in parent class\n            this.removeDroppingPlaceholder();\n        }\n    };\n\n    // Hide placeholder when element is dragged out\n    hideLocalPlaceholder = (i: string): RGLLayout[] => {\n        const {layout} = this.state;\n        const {cols} = this.props;\n        const savedLayout = layout.map((item) => ({...item}));\n\n        let hiddenElement: RGLLayout | undefined;\n        const newLayout = utils.compact(\n            layout.filter((item) => {\n                if (item.i === i) {\n                    hiddenElement = item;\n                    return false;\n                }\n\n                return true;\n            }),\n            utils.compactType(this.props),\n            cols,\n        );\n\n        if (hiddenElement) {\n            newLayout.push(hiddenElement);\n        }\n\n        this.setState({\n            activeDrag: null,\n            layout: newLayout,\n        });\n\n        return savedLayout;\n    };\n\n    extendedOnDrag = (\n        i: string,\n        x: number,\n        y: number,\n        sintEv: {e: Event; node: HTMLElement},\n    ): void => {\n        if (this.props.isDragCaptured) {\n            if (!this._savedDraggedOutLayout) {\n                this._savedDraggedOutLayout = this.hideLocalPlaceholder(i);\n            }\n\n            return;\n        }\n\n        this._savedDraggedOutLayout = null;\n        // parent onDrag will show new placeholder again\n        this.parentOnDrag(i, x, y, sintEv);\n    };\n\n    extendedOnDragStop = (\n        i: string,\n        x: number,\n        y: number,\n        sintEv: {e: Event; node: HTMLElement},\n    ): void => {\n        // Restoring layout if item was dropped outside of the grid\n        if (this._savedDraggedOutLayout) {\n            const savedLayout = this._savedDraggedOutLayout;\n            const l = utils.getLayoutItem(savedLayout, i);\n\n            // Create placeholder (display only)\n            const placeholder: RGLLayoutWithPlaceholder = {\n                w: l.w,\n                h: l.h,\n                x: l.x,\n                y: l.y,\n                placeholder: true,\n                i: i,\n            };\n\n            this.setState(\n                {\n                    layout: savedLayout,\n                    activeDrag: placeholder,\n                },\n                () => {\n                    this.parentOnDragStop(i, x, y, sintEv);\n                },\n            );\n\n            this._savedDraggedOutLayout = null;\n        } else {\n            this.parentOnDragStop(i, x, y, sintEv);\n        }\n    };\n\n    isSharedDragTarget = (): boolean => {\n        const drag = this.props.dragStateRef?.current;\n        return Boolean(drag?.isDragging);\n    };\n\n    // Proxy mouse events -> drag methods for dnd between groups\n    mouseEnterHandler = (e: MouseEvent): void => {\n        if (this.isSharedDragTarget()) {\n            // @ts-expect-error - onDragEnter is a protected method in parent class\n            this.onDragEnter(e);\n        } else if (this.props.isDragCaptured) {\n            this.props.onDragTargetRestore?.();\n        }\n    };\n\n    mouseLeaveHandler = (e: MouseEvent): void => {\n        if (this.isSharedDragTarget()) {\n            // @ts-expect-error - onDragLeave is a protected method in parent class\n            this.onDragLeave(e);\n            this.props.onDragTargetRestore?.();\n        }\n    };\n\n    mouseMoveHandler = (e: MouseEvent): void => {\n        if (\n            this.isSharedDragTarget() &&\n            this.props.group !== this.props.dragStateRef?.current.sourceGroup\n        ) {\n            if (!(e as MouseEvent & {nativeEvent?: MouseEvent}).nativeEvent) {\n                // Emulate nativeEvent for firefox\n                const target = this.getInnerElement() || (e.target as HTMLElement);\n\n                (e as MouseEvent & {nativeEvent: Partial<MouseEvent>}).nativeEvent = {\n                    clientX: e.clientX,\n                    clientY: e.clientY,\n                    target,\n                };\n            }\n\n            // @ts-expect-error - onDragOver is a protected method in parent class\n            this.onDragOver(e);\n        }\n    };\n\n    mouseUpHandler = (e: MouseEvent): void => {\n        if (this.isSharedDragTarget()) {\n            e.preventDefault();\n            const {droppingItem} = this.props;\n            const {layout} = this.state;\n            const item = layout.find((l) => l.i === droppingItem?.i);\n\n            // reset dragEnter counter on drop for all registered groups\n            this.props.groupResetRegistryRef?.current.forEach((reset) => reset());\n\n            if (item) {\n                this.props.onDrop?.(layout, item, e);\n            }\n        }\n    };\n\n    calculateDroppingPosition(itemProps: {\n        containerWidth: number;\n        cols: number;\n        w: number;\n        h: number;\n        rowHeight: number;\n        margin: [number, number];\n        transformScale: number;\n        droppingPosition: {left: number; top: number};\n    }): {left: number; top: number} {\n        const {containerWidth, cols, w, h, rowHeight, margin, transformScale, droppingPosition} =\n            itemProps;\n        const sharedDragPosition = this.props.sharedDragPositionRef?.current;\n\n        let offsetX: number, offsetY: number;\n\n        if (sharedDragPosition) {\n            offsetX = sharedDragPosition.offsetX;\n            offsetY = sharedDragPosition.offsetY;\n        } else {\n            offsetX = (((containerWidth / cols) * w) / 2 || 0) * transformScale;\n            offsetY = ((h * rowHeight + (h - 1) * margin[1]) / 2 || 0) * transformScale;\n        }\n\n        return {\n            ...droppingPosition,\n            left: droppingPosition.left - offsetX,\n            top: droppingPosition.top - offsetY,\n        };\n    }\n\n    // Drop item from outside gets 0,0 droppingPosition\n    // centering cursor on newly creted grid item\n    // And cause grid-layout using it's own GridItem to make it look\n    // like overlay adding className\n    processGridItem(\n        child: React.ReactElement,\n        isDroppingItem?: boolean,\n    ): React.ReactElement | undefined {\n        // @ts-expect-error - processGridItem is a protected method in parent class\n        const gridItem = super.processGridItem?.(child, isDroppingItem);\n\n        if (!gridItem) {\n            return gridItem;\n        }\n\n        // Lazy proxy for transformScaleRef so react-draggable reads fresh scale without re-render.\n        const {transformScaleRef} = this.props;\n        const lazyScale = transformScaleRef\n            ? ({valueOf: () => transformScaleRef.current} as unknown as number)\n            : undefined;\n\n        if (isDroppingItem) {\n            // React.cloneElement is just cleaner then copy-paste whole processGridItem method\n            return React.cloneElement(gridItem, {\n                ...(lazyScale !== undefined && {transformScale: lazyScale}),\n                // hiding preview if dragging shared item\n                style: this.isSharedDragTarget()\n                    ? {...gridItem.props.style, opacity: 0}\n                    : gridItem.props.style,\n                className: `${OVERLAY_CLASS_NAME} ${DROPPING_ELEMENT_CLASS_NAME}`,\n                droppingPosition: this.calculateDroppingPosition(gridItem.props),\n            });\n        }\n\n        if (lazyScale !== undefined) {\n            return React.cloneElement(gridItem, {transformScale: lazyScale});\n        }\n\n        return gridItem;\n    }\n}\n\n// eslint-disable-next-line new-cap\nexport const Layout = WidthProvider<DragOverLayoutProps>(DragOverLayout);\n"]}
+{"version":3,"file":"ReactGridLayout.js","sourceRoot":"../../../../src","sources":["components/GridLayout/ReactGridLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type {Layout as RGLLayout} from 'react-grid-layout';\n// @ts-expect-error - utils is not exported in type definitions\nimport ReactGridLayout, {WidthProvider, utils} from 'react-grid-layout';\n\nimport {DROPPING_ELEMENT_CLASS_NAME, OVERLAY_CLASS_NAME} from '../../constants';\n\nconst isRefObject = (\n    value: React.Ref<HTMLDivElement>,\n): value is React.RefObject<HTMLDivElement> => {\n    return (\n        typeof value === 'object' &&\n        value !== null &&\n        'current' in value &&\n        typeof value.current === 'object'\n    );\n};\n\ntype SharedDragPosition = {\n    offsetX: number;\n    offsetY: number;\n};\n\ntype DragOverLayoutProps = ReactGridLayout.ReactGridLayoutProps & {\n    innerRef?: React.Ref<HTMLDivElement>;\n    isDragCaptured?: boolean;\n    dragStateRef?: React.MutableRefObject<{isDragging: boolean; sourceGroup: string | null}>;\n    sharedDragPositionRef?: React.MutableRefObject<SharedDragPosition | null>;\n    group?: string;\n    onDragTargetRestore?: () => void;\n    transformScaleRef?: React.MutableRefObject<number>;\n    groupResetRegistryRef?: React.MutableRefObject<Map<string, () => void>>;\n    externalLayoutRevision?: number;\n};\n\ntype DragOverLayoutState = {\n    layout: RGLLayout[];\n    activeDrag: RGLLayout | null;\n};\n\ntype RGLLayoutWithPlaceholder = RGLLayout & {placeholder?: boolean};\n\ntype OnDragMethod = (\n    i: string,\n    x: number,\n    y: number,\n    sintEv: {e: Event; node: HTMLElement},\n) => void;\n\nclass DragOverLayout extends ReactGridLayout {\n    // @ts-expect-error - TypeScript doesn't allow direct property redeclaration in extending classes. We need to narrow the props type from ReactGridLayoutProps to DragOverLayoutProps for type safety in our custom methods\n    props: DragOverLayoutProps;\n    // @ts-expect-error - TypeScript doesn't allow direct property redeclaration in extending classes. State is initialized by parent constructor\n    state: DragOverLayoutState;\n\n    parentOnDrag: OnDragMethod;\n    parentOnDragStop: OnDragMethod;\n    _savedDraggedOutLayout: RGLLayout[] | null = null;\n    // Suppresses onLayoutMaybeChanged during imperative layout restore actions.\n    // Without this flag, our setState would trigger onLayoutChange back to the consumer\n    // that just initiated the action, causing a spurious 'change' event.\n    _isRestoringExternalLayout = false;\n\n    constructor(props: DragOverLayoutProps, context?: unknown) {\n        super(props, context);\n\n        // @ts-expect-error - onDrag is a protected method in parent class\n        this.parentOnDrag = this.onDrag;\n        // @ts-expect-error - assigning custom method to parent's onDrag\n        this.onDrag = this.extendedOnDrag;\n\n        // @ts-expect-error - onDragStop is a protected method in parent class\n        this.parentOnDragStop = this.onDragStop;\n        // @ts-expect-error - assigning custom method to parent's onDragStop\n        this.onDragStop = this.extendedOnDragStop;\n    }\n\n    componentDidMount(): void {\n        super.componentDidMount?.();\n\n        if (this.props.group !== undefined) {\n            this.props.groupResetRegistryRef?.current.set(\n                this.props.group,\n                this.resetExternalPlaceholder,\n            );\n        }\n\n        // If cursor is moved out of the window there is a bug\n        // which leaves placeholder element in grid, this action needed to reset this state\n        window.addEventListener('dragend', this.resetExternalPlaceholder);\n        const innerElement = this.getInnerElement();\n\n        if (innerElement) {\n            innerElement.addEventListener('mouseup', this.mouseUpHandler);\n            innerElement.addEventListener('mouseenter', this.mouseEnterHandler);\n            innerElement.addEventListener('mouseleave', this.mouseLeaveHandler);\n            innerElement.addEventListener('mousemove', this.mouseMoveHandler);\n        }\n    }\n\n    componentDidUpdate(prevProps: DragOverLayoutProps, prevState: DragOverLayoutState): void {\n        const revisionChanged =\n            prevProps.externalLayoutRevision !== this.props.externalLayoutRevision;\n\n        if (revisionChanged && this.props.layout) {\n            const newLayout = utils.synchronizeLayoutWithChildren(\n                this.props.layout,\n                this.props.children,\n                this.props.cols,\n                utils.compactType(this.props),\n                this.props.allowOverlap,\n            );\n\n            this._isRestoringExternalLayout = true;\n            // Override both layout and propsLayout so getDerivedStateFromProps\n            // doesn't revert our update on the next render cycle.\n            this.setState(\n                {\n                    layout: newLayout,\n                    propsLayout: this.props.layout,\n                } as unknown as DragOverLayoutState,\n                () => {\n                    this._isRestoringExternalLayout = false;\n                },\n            );\n            // RGL's shouldComponentUpdate only tracks activeDrag/mounted/droppingPosition — not\n            // state.layout. So setState({layout}) alone is silently ignored (no re-render).\n            // forceUpdate bypasses SCU and is batched with the setState above, producing a\n            // single render cycle with the merged state that includes the restored layout.\n            this.forceUpdate();\n            // Don't call super here: restoring is an external action, not a user drag/resize.\n            // onLayoutMaybeChanged is suppressed via _isRestoringExternalLayout.\n            return;\n        }\n\n        // Maintain parent behavior for all non-restore cycles (drag, resize, etc.).\n        super.componentDidUpdate?.(prevProps, prevState);\n    }\n\n    onLayoutMaybeChanged(newLayout: RGLLayout[], oldLayout: RGLLayout[]): void {\n        if (this._isRestoringExternalLayout) {\n            return;\n        }\n        // @ts-expect-error — onLayoutMaybeChanged is not in ReactGridLayout's public types\n        super.onLayoutMaybeChanged(newLayout, oldLayout);\n    }\n\n    componentWillUnmount(): void {\n        if (this.props.group !== undefined) {\n            this.props.groupResetRegistryRef?.current.delete(this.props.group);\n        }\n\n        window.removeEventListener('dragend', this.resetExternalPlaceholder);\n        const innerElement = this.getInnerElement();\n\n        if (innerElement) {\n            innerElement.removeEventListener('mouseup', this.mouseUpHandler);\n            innerElement.removeEventListener('mouseenter', this.mouseEnterHandler);\n            innerElement.removeEventListener('mouseleave', this.mouseLeaveHandler);\n            innerElement.removeEventListener('mousemove', this.mouseMoveHandler);\n        }\n    }\n\n    // react-grid-layout doens't calculate it's height when last element is removed\n    // and just keeps the previous value\n    // so for autosize to work in that case we are resetting it's height value\n    containerHeight(): string | undefined {\n        if (this.props.autoSize && this.state.layout.length === 0) {\n            return;\n        }\n\n        // eslint-disable-next-line consistent-return\n        // @ts-expect-error - containerHeight is a protected method in parent class\n        return super.containerHeight();\n    }\n\n    // innerRef is passed by WithProvider without this wrapper there are only\n    // * findDOMNode - deprecated\n    // * rewrite whole ReactGridLayout.render method\n    // so in that case don't try to use this class on it's own\n    // or pass innerRef: React.MutableRef as it's not optional prop\n    getInnerElement(): HTMLDivElement | null {\n        const {innerRef} = this.props;\n\n        return innerRef && isRefObject(innerRef) && innerRef.current ? innerRef.current : null;\n    }\n\n    // Reset placeholder when item dragged from outside\n    resetExternalPlaceholder = (): void => {\n        // @ts-expect-error - dragEnterCounter is an internal property of parent class\n        if (this.dragEnterCounter) {\n            // @ts-expect-error - dragEnterCounter is an internal property of parent class\n            this.dragEnterCounter = 0;\n            // @ts-expect-error - removeDroppingPlaceholder is a protected method in parent class\n            this.removeDroppingPlaceholder();\n        }\n    };\n\n    // Hide placeholder when element is dragged out\n    hideLocalPlaceholder = (i: string): RGLLayout[] => {\n        const {layout} = this.state;\n        const {cols} = this.props;\n        const savedLayout = layout.map((item) => ({...item}));\n\n        let hiddenElement: RGLLayout | undefined;\n        const newLayout = utils.compact(\n            layout.filter((item) => {\n                if (item.i === i) {\n                    hiddenElement = item;\n                    return false;\n                }\n\n                return true;\n            }),\n            utils.compactType(this.props),\n            cols,\n        );\n\n        if (hiddenElement) {\n            newLayout.push(hiddenElement);\n        }\n\n        this.setState({\n            activeDrag: null,\n            layout: newLayout,\n        });\n\n        return savedLayout;\n    };\n\n    extendedOnDrag = (\n        i: string,\n        x: number,\n        y: number,\n        sintEv: {e: Event; node: HTMLElement},\n    ): void => {\n        if (this.props.isDragCaptured) {\n            if (!this._savedDraggedOutLayout) {\n                this._savedDraggedOutLayout = this.hideLocalPlaceholder(i);\n            }\n\n            return;\n        }\n\n        this._savedDraggedOutLayout = null;\n        // parent onDrag will show new placeholder again\n        this.parentOnDrag(i, x, y, sintEv);\n    };\n\n    extendedOnDragStop = (\n        i: string,\n        x: number,\n        y: number,\n        sintEv: {e: Event; node: HTMLElement},\n    ): void => {\n        // Restoring layout if item was dropped outside of the grid\n        if (this._savedDraggedOutLayout) {\n            const savedLayout = this._savedDraggedOutLayout;\n            const l = utils.getLayoutItem(savedLayout, i);\n\n            // Create placeholder (display only)\n            const placeholder: RGLLayoutWithPlaceholder = {\n                w: l.w,\n                h: l.h,\n                x: l.x,\n                y: l.y,\n                placeholder: true,\n                i: i,\n            };\n\n            this.setState(\n                {\n                    layout: savedLayout,\n                    activeDrag: placeholder,\n                },\n                () => {\n                    this.parentOnDragStop(i, x, y, sintEv);\n                },\n            );\n\n            this._savedDraggedOutLayout = null;\n        } else {\n            this.parentOnDragStop(i, x, y, sintEv);\n        }\n    };\n\n    isSharedDragTarget = (): boolean => {\n        const drag = this.props.dragStateRef?.current;\n        return Boolean(drag?.isDragging);\n    };\n\n    // Proxy mouse events -> drag methods for dnd between groups\n    mouseEnterHandler = (e: MouseEvent): void => {\n        if (this.isSharedDragTarget()) {\n            // @ts-expect-error - onDragEnter is a protected method in parent class\n            this.onDragEnter(e);\n        } else if (this.props.isDragCaptured) {\n            this.props.onDragTargetRestore?.();\n        }\n    };\n\n    mouseLeaveHandler = (e: MouseEvent): void => {\n        if (this.isSharedDragTarget()) {\n            // @ts-expect-error - onDragLeave is a protected method in parent class\n            this.onDragLeave(e);\n            this.props.onDragTargetRestore?.();\n        }\n    };\n\n    mouseMoveHandler = (e: MouseEvent): void => {\n        if (\n            this.isSharedDragTarget() &&\n            this.props.group !== this.props.dragStateRef?.current.sourceGroup\n        ) {\n            if (!(e as MouseEvent & {nativeEvent?: MouseEvent}).nativeEvent) {\n                // Emulate nativeEvent for firefox\n                const target = this.getInnerElement() || (e.target as HTMLElement);\n\n                (e as MouseEvent & {nativeEvent: Partial<MouseEvent>}).nativeEvent = {\n                    clientX: e.clientX,\n                    clientY: e.clientY,\n                    target,\n                };\n            }\n\n            // @ts-expect-error - onDragOver is a protected method in parent class\n            this.onDragOver(e);\n        }\n    };\n\n    mouseUpHandler = (e: MouseEvent): void => {\n        if (this.isSharedDragTarget()) {\n            e.preventDefault();\n            const {droppingItem} = this.props;\n            const {layout} = this.state;\n            const item = layout.find((l) => l.i === droppingItem?.i);\n\n            // reset dragEnter counter on drop for all registered groups\n            this.props.groupResetRegistryRef?.current.forEach((reset) => reset());\n\n            if (item) {\n                this.props.onDrop?.(layout, item, e);\n            }\n        }\n    };\n\n    calculateDroppingPosition(itemProps: {\n        containerWidth: number;\n        cols: number;\n        w: number;\n        h: number;\n        rowHeight: number;\n        margin: [number, number];\n        transformScale: number;\n        droppingPosition: {left: number; top: number};\n    }): {left: number; top: number} {\n        const {containerWidth, cols, w, h, rowHeight, margin, transformScale, droppingPosition} =\n            itemProps;\n        const sharedDragPosition = this.props.sharedDragPositionRef?.current;\n\n        let offsetX: number, offsetY: number;\n\n        if (sharedDragPosition) {\n            offsetX = sharedDragPosition.offsetX;\n            offsetY = sharedDragPosition.offsetY;\n        } else {\n            offsetX = (((containerWidth / cols) * w) / 2 || 0) * transformScale;\n            offsetY = ((h * rowHeight + (h - 1) * margin[1]) / 2 || 0) * transformScale;\n        }\n\n        return {\n            ...droppingPosition,\n            left: droppingPosition.left - offsetX,\n            top: droppingPosition.top - offsetY,\n        };\n    }\n\n    // Drop item from outside gets 0,0 droppingPosition\n    // centering cursor on newly creted grid item\n    // And cause grid-layout using it's own GridItem to make it look\n    // like overlay adding className\n    processGridItem(\n        child: React.ReactElement,\n        isDroppingItem?: boolean,\n    ): React.ReactElement | undefined {\n        // @ts-expect-error - processGridItem is a protected method in parent class\n        const gridItem = super.processGridItem?.(child, isDroppingItem);\n\n        if (!gridItem) {\n            return gridItem;\n        }\n\n        // Lazy proxy for transformScaleRef so react-draggable reads fresh scale without re-render.\n        const {transformScaleRef} = this.props;\n        const lazyScale = transformScaleRef\n            ? ({valueOf: () => transformScaleRef.current} as unknown as number)\n            : undefined;\n\n        if (isDroppingItem) {\n            // React.cloneElement is just cleaner then copy-paste whole processGridItem method\n            return React.cloneElement(gridItem, {\n                ...(lazyScale !== undefined && {transformScale: lazyScale}),\n                // hiding preview if dragging shared item\n                style: this.isSharedDragTarget()\n                    ? {...gridItem.props.style, opacity: 0}\n                    : gridItem.props.style,\n                className: `${OVERLAY_CLASS_NAME} ${DROPPING_ELEMENT_CLASS_NAME}`,\n                droppingPosition: this.calculateDroppingPosition(gridItem.props),\n            });\n        }\n\n        if (lazyScale !== undefined) {\n            return React.cloneElement(gridItem, {transformScale: lazyScale});\n        }\n\n        return gridItem;\n    }\n}\n\n// eslint-disable-next-line new-cap\nexport const Layout = WidthProvider<DragOverLayoutProps>(DragOverLayout);\n"]}

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

@@ -18,7 +18,7 @@ export default class MobileLayout extends React.PureComponent<MobileLayoutProps,
         needSetDefault?: boolean;
     }) => void>;
     state: MobileLayoutState;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     getSortedLayoutItems(): Record<string, (import("../../index.js").ConfigItem & import("../../index.js").ConfigLayout)[]>;
     getMemoForwardRefCallback(refIndex: number): (refObject: PluginRef) => void;
     adjustWidgetLayout(id: string, { needSetDefault }: {

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

@@ -63,7 +63,7 @@ declare class OverlayControls extends React.Component<OverlayControlsProps> {
     };
     componentDidMount(): void;
     componentDidUpdate(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
     private shallowEqualDropdownMenu;
     private updateDropdownMenuItems;
     private getItems;

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

@@ -3,7 +3,7 @@ import { Ellipsis, Gear, Xmark } from '@gravity-ui/icons';
 import { Button, DropdownMenu, Icon, } from '@gravity-ui/uikit';
 import noop from "lodash/noop.js";
 import { COPIED_WIDGET_STORE_KEY, DRAGGABLE_CANCEL_CLASS_NAME, MenuItems, OVERLAY_CONTROLS_CLASS_NAME, OVERLAY_ICON_SIZE, } from "../../constants/index.js";
-import { DashkitOvelayControlsContext } from "../../context/index.js";
+import { DashkitOverlayControlsContext } from "../../context/index.js";
 import { i18n } from "../../i18n/index.js";
 import { isItemWithTabs, resolveItemInnerId, } from "../../shared/index.js";
 import { cn } from "../../utils/cn.js";
@@ -305,7 +305,7 @@ class OverlayControls extends React.Component {
         return result;
     }
 }
-OverlayControls.contextType = DashkitOvelayControlsContext;
+OverlayControls.contextType = DashkitOverlayControlsContext;
 OverlayControls.defaultProps = {
     position: OverlayControlsPosition.TopRight,
     view: 'flat',

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

@@ -1 +1 @@
-{"version":3,"file":"OverlayControls.js","sourceRoot":"../../../../src","sources":["components/OverlayControls/OverlayControls.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport {Ellipsis, Gear, Xmark} from '@gravity-ui/icons';\nimport {\n    Button,\n    ButtonSize,\n    ButtonView,\n    DropdownMenu,\n    DropdownMenuItem,\n    Icon,\n    IconProps,\n    MenuItemProps,\n} from '@gravity-ui/uikit';\nimport noop from 'lodash/noop';\n\nimport {\n    COPIED_WIDGET_STORE_KEY,\n    DRAGGABLE_CANCEL_CLASS_NAME,\n    MenuItems,\n    OVERLAY_CONTROLS_CLASS_NAME,\n    OVERLAY_ICON_SIZE,\n} from '../../constants';\nimport {DashkitOvelayControlsContext, OverlayControlsCtxShape} from '../../context';\nimport {i18n} from '../../i18n';\nimport {\n    type ConfigItem,\n    type ItemParams,\n    type ItemState,\n    type PluginBase,\n    isItemWithTabs,\n    resolveItemInnerId,\n} from '../../shared';\nimport {MenuItem, Settings} from '../../typings';\nimport {cn} from '../../utils/cn';\n\nimport './OverlayControls.scss';\n\nconst b = cn(OVERLAY_CONTROLS_CLASS_NAME);\n\nexport enum OverlayControlsPosition {\n    TopRight = 'top_right',\n    TopLeft = 'top_left',\n    BottomRight = 'bottom_right',\n    BottomLeft = 'bottom_left',\n}\n\nexport interface OverlayControlItem {\n    title?: string;\n    icon?: IconProps['data'];\n    renderIcon?: (item: ConfigItem) => IconProps['data'];\n    iconSize?: number | string;\n    handler?: (item: ConfigItem) => void;\n    visible?: (item: ConfigItem) => boolean;\n    allWidgetsControls?: boolean; // флаг кастомного контрола (без кастомного виджета), которые показываются не в списке меню\n    excludeWidgetsTypes?: Array<PluginBase['type']>; // массив с типами виджетов (плагинов), которые исключаем из отображения контрола по настройке allWidgetsControls\n    id?: string; // id дефолтного пункта меню для возможноти использования дефолтного action в кастомных контролах\n    qa?: string;\n    className?: string;\n}\n\nexport interface OverlayCustomControlItem {\n    id: string;\n    title?: string;\n    icon?: MenuItemProps['iconStart'];\n    iconSize?: number | string;\n    handler?: (item: ConfigItem, params: ItemParams, state: ItemState) => void;\n    visible?: (item: ConfigItem) => boolean;\n    className?: string;\n    qa?: string;\n}\n\ninterface OverlayControlsDefaultProps {\n    position: OverlayControlsPosition;\n    view: ButtonView;\n    size: ButtonSize;\n}\n\ninterface OverlayControlsProps extends OverlayControlsDefaultProps {\n    configItem: ConfigItem;\n    onItemClick?: () => void;\n}\n\ntype PreparedCopyItemOptionsArg = Pick<ConfigItem, 'data' | 'type' | 'defaults' | 'namespace'> & {\n    timestamp: number;\n    layout: {\n        w: number;\n        h: number;\n    };\n    targetId?: string;\n    targetInnerId?: string;\n};\n\nexport type PreparedCopyItemOptions<C extends object = {}> = PreparedCopyItemOptionsArg & {\n    copyContext?: C;\n};\n\ntype OverlayControlsCtx = React.Context<OverlayControlsCtxShape>;\n\nconst DEFAULT_DROPDOWN_MENU = [MenuItems.Copy, MenuItems.Delete];\n\nclass OverlayControls extends React.Component<OverlayControlsProps> {\n    static contextType = DashkitOvelayControlsContext;\n    static defaultProps: OverlayControlsDefaultProps = {\n        position: OverlayControlsPosition.TopRight,\n        view: 'flat',\n        size: 'm',\n    };\n    context!: React.ContextType<OverlayControlsCtx>;\n\n    state = {\n        dropdownMenuItems: [] as DropdownMenuItem[],\n    };\n\n    componentDidMount() {\n        this.updateDropdownMenuItems();\n    }\n\n    componentDidUpdate() {\n        this.updateDropdownMenuItems();\n    }\n\n    render() {\n        const {position} = this.props;\n        const items = this.getItems();\n        const hasCustomControlsWithWidgets = items.length > 0;\n\n        const controls = hasCustomControlsWithWidgets\n            ? this.getCustomControlsWithWidgets()\n            : this.renderControls();\n\n        return <div className={b({position}, [DRAGGABLE_CANCEL_CLASS_NAME])}>{controls}</div>;\n    }\n\n    private shallowEqualDropdownMenu(menuA: DropdownMenuItem[], menuB: DropdownMenuItem[]) {\n        return (\n            menuA.length === menuB.length &&\n            menuA.every((itemA, index) => {\n                const itemB = menuB[index];\n\n                if (!itemB) {\n                    return false;\n                }\n\n                return Object.entries(itemA).every(\n                    ([key, value]) =>\n                        /**\n                         * field 'action' is new every time\n                         * @see {@link https://github.com/gravity-ui/dashkit/pull/267/commits/c6378b67c5fea07902a49ccce8118760a4ad2df0#diff-aa6a22e5a09a09ccc3f8f937d4ef6aaff97afc57da1b370f0120f0e225f7b061L297}\n                         */\n                        key === 'action' || itemB[key as keyof DropdownMenuItem] === value,\n                );\n            })\n        );\n    }\n\n    private updateDropdownMenuItems = () => {\n        const items = this.getDropdownMenuItems();\n        if (!this.shallowEqualDropdownMenu(items, this.state.dropdownMenuItems)) {\n            this.setState({dropdownMenuItems: items});\n        }\n    };\n\n    private getItems = () => {\n        const {overlayControls} = this.context;\n        const {configItem} = this.props;\n\n        return (overlayControls && overlayControls[configItem.type]) || [];\n    };\n\n    private renderControlsItem = (item: OverlayControlItem, index: number, length: number) => {\n        const {view, size, onItemClick} = this.props;\n        const {title, handler, icon, renderIcon, iconSize, qa, className} = item;\n\n        const iconData = renderIcon ? renderIcon(this.props.configItem) : icon;\n\n        const onItemClickHandler = typeof handler === 'function' ? handler : noop;\n        return (\n            <Button\n                key={`control_${index}`}\n                view={view}\n                size={size}\n                title={title}\n                pin={this.getControlItemPinStyle(index, length)}\n                onClick={() => {\n                    onItemClickHandler(this.props.configItem);\n                    onItemClick?.();\n                }}\n                className={className}\n                qa={qa}\n            >\n                <Icon data={iconData || Gear} size={iconSize ?? OVERLAY_ICON_SIZE} />\n            </Button>\n        );\n    };\n\n    private getDropDownMenuItemConfig(menuName: string, isDefaultMenu?: boolean) {\n        switch (menuName) {\n            case MenuItems.Copy: {\n                return {\n                    action: this.onCopyItem,\n                    text: i18n('label_copy'),\n                };\n            }\n            case MenuItems.Delete: {\n                return {\n                    action: this.onRemoveItem,\n                    text: i18n('label_delete'),\n                };\n            }\n            case MenuItems.Settings: {\n                // для дефолтного состояния меню нет настройки settings, а для кастомного можно использовать дефолтный action и text\n                if (isDefaultMenu) {\n                    return null;\n                }\n                return {\n                    action: this.onEditItem,\n                    text: i18n('label_settings'),\n                };\n            }\n        }\n        return null;\n    }\n\n    private getDefaultControls = () => {\n        const {view, size} = this.props;\n\n        if (this.context.overlayControls === null) {\n            return null;\n        }\n\n        return (\n            <Button\n                key={'control_default'}\n                view={view}\n                size={size}\n                title={i18n('label_settings')}\n                pin=\"round-brick\"\n                onClick={this.onEditItem}\n                qa=\"dashkit-overlay-control-settings\"\n            >\n                <Icon data={Gear} size={OVERLAY_ICON_SIZE} />\n            </Button>\n        );\n    };\n\n    private renderControls() {\n        const customLeftControls = this.getCustomLeftOverlayControls();\n        const hasCustomOverlayLeftControls = Boolean(customLeftControls.length);\n\n        const controls = hasCustomOverlayLeftControls\n            ? customLeftControls.map(\n                  (item: OverlayControlItem, index: number, items: OverlayControlItem[]) =>\n                      this.renderControlsItem(item, index, items.length + 1),\n              )\n            : this.getDefaultControls();\n\n        const menu = this.renderMenu(controls === null);\n\n        return (\n            <div\n                className={b('default-controls', {\n                    'with-custom-left': hasCustomOverlayLeftControls,\n                })}\n            >\n                {controls}\n                {menu}\n            </div>\n        );\n    }\n    private renderMenu(isOnlyOneItem: boolean) {\n        const {view, size} = this.props;\n\n        const dropdown = this.renderDropdownMenu(isOnlyOneItem);\n\n        if (dropdown) {\n            return dropdown;\n        }\n\n        return (\n            <Button\n                key={'delete-control'}\n                view={view}\n                size={size}\n                title={i18n('label_delete')}\n                pin={isOnlyOneItem ? 'round-round' : 'brick-round'}\n                onClick={this.onRemoveItem}\n                qa=\"dashkit-overlay-control-menu\"\n            >\n                <Icon data={Xmark} size={OVERLAY_ICON_SIZE} />\n            </Button>\n        );\n    }\n\n    private isDefaultMenu(menu: Settings['menu']) {\n        return menu?.every((item) =>\n            (Object.values(MenuItems) as Array<string>).includes(String(item)),\n        );\n    }\n    private getDropdownMenuItems(): DropdownMenuItem[] {\n        const {onItemClick} = this.props;\n        const {menu: contextMenu, itemsParams, itemsState} = this.context;\n\n        const configItem = this.props.configItem;\n        const itemParams = itemsParams[configItem.id];\n        const itemState = itemsState?.[configItem.id] || {};\n\n        const menu = contextMenu && contextMenu.length > 0 ? contextMenu : DEFAULT_DROPDOWN_MENU;\n\n        const isDefaultMenu = this.isDefaultMenu(menu);\n\n        return isDefaultMenu\n            ? ((menu || []) as string[]).reduce<DropdownMenuItem[]>((memo, name: string) => {\n                  const item = this.getDropDownMenuItemConfig(name, true);\n                  if (item) {\n                      memo.push(item);\n                  }\n\n                  return memo;\n              }, [])\n            : menu.reduce<DropdownMenuItem[]>((memo, item: MenuItem) => {\n                  if (typeof item === 'string') {\n                      return memo;\n                  }\n                  // custom menu dropdown item filter\n                  if (item.visible && !item.visible(configItem)) {\n                      return memo;\n                  }\n\n                  const itemHandler = item.handler;\n\n                  const itemAction =\n                      typeof itemHandler === 'function'\n                          ? () => {\n                                const result = itemHandler(configItem, itemParams, itemState);\n                                onItemClick?.();\n                                return result;\n                            }\n                          : this.getDropDownMenuItemConfig(item.id)?.action || (() => {});\n\n                  memo.push({\n                      // @ts-expect-error\n                      text: item.title || i18n(item.id),\n                      iconStart: item.icon,\n                      /**\n                       * if the logic of creating the 'action' field is changed, it is necessary to update the logic of the method shallowEqualDropdownMenu\n                       * @see {@link https://github.com/gravity-ui/dashkit/pull/267/commits/c6378b67c5fea07902a49ccce8118760a4ad2df0#diff-aa6a22e5a09a09ccc3f8f937d4ef6aaff97afc57da1b370f0120f0e225f7b061R143}\n                       */\n                      action: itemAction,\n                      className: item.className,\n                      qa: item.qa,\n                  });\n\n                  return memo;\n              }, []);\n    }\n\n    private renderDropdownMenu(isOnlyOneItem: boolean) {\n        const {view, size} = this.props;\n\n        const items = this.getDropdownMenuItems();\n\n        if (items.length === 0) {\n            return null;\n        }\n\n        return (\n            <DropdownMenu\n                key={'controls_dropdown'}\n                items={items}\n                renderSwitcher={(props) => (\n                    <Button\n                        {...props}\n                        view={view}\n                        size={size}\n                        pin={isOnlyOneItem ? 'round-round' : 'brick-round'}\n                        extraProps={{'aria-label': i18n('label_more-options')}}\n                        qa=\"dashkit-overlay-control-menu\"\n                    >\n                        <Icon data={Ellipsis} size={OVERLAY_ICON_SIZE} />\n                    </Button>\n                )}\n                onOpenToggle={this.updateDropdownMenuItems}\n                popupProps={{\n                    className: DRAGGABLE_CANCEL_CLASS_NAME,\n                }}\n            />\n        );\n    }\n    private getCustomLeftOverlayControls = () => {\n        // выбираем только items-ы у которых проставлено поле `allWidgetsControls:true`\n        // те контролы, которые будут показываться слева от меню\n        let controls: OverlayControlItem[] = [];\n        const {onItemClick} = this.props;\n\n        for (const controlItem of Object.values(this.context.overlayControls || {})) {\n            controls = controls.concat(\n                (\n                    (controlItem as OverlayControlItem[]).filter((item) => {\n                        // если тип виджета-плагина в списке исключаемых, то не показываем такой контрол\n                        if (item.excludeWidgetsTypes?.includes(this.props.configItem.type)) {\n                            return false;\n                        }\n\n                        return item.visible\n                            ? item.visible(this.props.configItem)\n                            : item.allWidgetsControls;\n                    }) || []\n                ).map((item) => {\n                    if (!item?.id) {\n                        return item;\n                    }\n                    return {\n                        ...item,\n                        handler:\n                            typeof item.handler === 'function'\n                                ? (...args) => {\n                                      const result = item.handler?.(...args);\n                                      onItemClick?.();\n                                      return result;\n                                  }\n                                : this.getDropDownMenuItemConfig(item.id)?.action || (() => {}),\n                    };\n                }),\n            );\n        }\n\n        return controls;\n    };\n    private onCopyItem = () => {\n        const {configItem} = this.props;\n        const correspondedItemLayout = this.context.getLayoutItem(configItem.id);\n\n        let targetInnerId;\n\n        if (isItemWithTabs(this.props.configItem)) {\n            targetInnerId = resolveItemInnerId({\n                item: this.props.configItem,\n                itemsStateAndParams: this.context.itemsStateAndParams,\n            });\n        }\n\n        let options: PreparedCopyItemOptions = {\n            timestamp: Date.now(),\n            data: configItem.data,\n            type: configItem.type,\n            defaults: configItem.defaults,\n            namespace: configItem.namespace,\n            layout: {\n                w: correspondedItemLayout!.w,\n                h: correspondedItemLayout!.h,\n            },\n            targetId: this.props.configItem.id,\n            targetInnerId,\n        };\n\n        if (this.context.context?.getPreparedCopyItemOptions) {\n            console.warn?.(\n                '`context.getPreparedCopyItemOptions` is deprecated. Please use `getPreparedCopyItemOptions` prop instead',\n            );\n        }\n\n        const getPreparedCopyItemOptions =\n            this.context?.getPreparedCopyItemOptions ??\n            this.context.context?.getPreparedCopyItemOptions;\n\n        if (typeof getPreparedCopyItemOptions === 'function') {\n            options = getPreparedCopyItemOptions(options);\n        }\n\n        try {\n            localStorage.setItem(COPIED_WIDGET_STORE_KEY, JSON.stringify(options));\n            this.context.onCopyFulfill?.(null, options);\n        } catch (e) {\n            const error = e instanceof Error ? e : new Error('Unknown error while copying item');\n            this.context.onCopyFulfill?.(error);\n        }\n        // https://stackoverflow.com/questions/35865481/storage-event-not-firing\n        window.dispatchEvent(new Event('storage'));\n        this.props.onItemClick?.();\n    };\n    private onEditItem = () => {\n        this.context.editItem?.(this.props.configItem);\n        this.props.onItemClick?.();\n    };\n    private onRemoveItem = () => {\n        const {id} = this.props.configItem;\n        this.context.removeItem(id);\n        this.props.onItemClick?.();\n    };\n    private getControlItemPinStyle(index: number, itemsLength: number) {\n        const isOnlyOneItem = itemsLength === 1;\n        const isFirstItem = index === 0;\n        const isLastItem = index === itemsLength - 1;\n\n        if (isOnlyOneItem) {\n            return 'round-round';\n        }\n\n        if (isFirstItem) {\n            return 'round-brick';\n        }\n\n        if (isLastItem) {\n            return 'brick-round';\n        }\n\n        return 'brick-brick';\n    }\n    private getCustomControlsWithWidgets() {\n        const items = this.getItems();\n\n        const result = items.map(\n            (item: OverlayControlItem, index: number, controlItems: OverlayControlItem[]) =>\n                this.renderControlsItem(item, index, controlItems.length),\n        );\n        const isOnlyOneItem = items.length === 0;\n\n        // Добавляем контрол удаления или меню виджета по умолчанию\n        result.push(this.renderMenu(isOnlyOneItem));\n\n        return result;\n    }\n}\n\nexport default OverlayControls;\n"]}
+{"version":3,"file":"OverlayControls.js","sourceRoot":"../../../../src","sources":["components/OverlayControls/OverlayControls.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport {Ellipsis, Gear, Xmark} from '@gravity-ui/icons';\nimport {\n    Button,\n    ButtonSize,\n    ButtonView,\n    DropdownMenu,\n    DropdownMenuItem,\n    Icon,\n    IconProps,\n    MenuItemProps,\n} from '@gravity-ui/uikit';\nimport noop from 'lodash/noop';\n\nimport {\n    COPIED_WIDGET_STORE_KEY,\n    DRAGGABLE_CANCEL_CLASS_NAME,\n    MenuItems,\n    OVERLAY_CONTROLS_CLASS_NAME,\n    OVERLAY_ICON_SIZE,\n} from '../../constants';\nimport {DashkitOverlayControlsContext, OverlayControlsCtxShape} from '../../context';\nimport {i18n} from '../../i18n';\nimport {\n    type ConfigItem,\n    type ItemParams,\n    type ItemState,\n    type PluginBase,\n    isItemWithTabs,\n    resolveItemInnerId,\n} from '../../shared';\nimport {MenuItem, Settings} from '../../typings';\nimport {cn} from '../../utils/cn';\n\nimport './OverlayControls.scss';\n\nconst b = cn(OVERLAY_CONTROLS_CLASS_NAME);\n\nexport enum OverlayControlsPosition {\n    TopRight = 'top_right',\n    TopLeft = 'top_left',\n    BottomRight = 'bottom_right',\n    BottomLeft = 'bottom_left',\n}\n\nexport interface OverlayControlItem {\n    title?: string;\n    icon?: IconProps['data'];\n    renderIcon?: (item: ConfigItem) => IconProps['data'];\n    iconSize?: number | string;\n    handler?: (item: ConfigItem) => void;\n    visible?: (item: ConfigItem) => boolean;\n    allWidgetsControls?: boolean; // флаг кастомного контрола (без кастомного виджета), которые показываются не в списке меню\n    excludeWidgetsTypes?: Array<PluginBase['type']>; // массив с типами виджетов (плагинов), которые исключаем из отображения контрола по настройке allWidgetsControls\n    id?: string; // id дефолтного пункта меню для возможноти использования дефолтного action в кастомных контролах\n    qa?: string;\n    className?: string;\n}\n\nexport interface OverlayCustomControlItem {\n    id: string;\n    title?: string;\n    icon?: MenuItemProps['iconStart'];\n    iconSize?: number | string;\n    handler?: (item: ConfigItem, params: ItemParams, state: ItemState) => void;\n    visible?: (item: ConfigItem) => boolean;\n    className?: string;\n    qa?: string;\n}\n\ninterface OverlayControlsDefaultProps {\n    position: OverlayControlsPosition;\n    view: ButtonView;\n    size: ButtonSize;\n}\n\ninterface OverlayControlsProps extends OverlayControlsDefaultProps {\n    configItem: ConfigItem;\n    onItemClick?: () => void;\n}\n\ntype PreparedCopyItemOptionsArg = Pick<ConfigItem, 'data' | 'type' | 'defaults' | 'namespace'> & {\n    timestamp: number;\n    layout: {\n        w: number;\n        h: number;\n    };\n    targetId?: string;\n    targetInnerId?: string;\n};\n\nexport type PreparedCopyItemOptions<C extends object = {}> = PreparedCopyItemOptionsArg & {\n    copyContext?: C;\n};\n\ntype OverlayControlsCtx = React.Context<OverlayControlsCtxShape>;\n\nconst DEFAULT_DROPDOWN_MENU = [MenuItems.Copy, MenuItems.Delete];\n\nclass OverlayControls extends React.Component<OverlayControlsProps> {\n    static contextType = DashkitOverlayControlsContext;\n    static defaultProps: OverlayControlsDefaultProps = {\n        position: OverlayControlsPosition.TopRight,\n        view: 'flat',\n        size: 'm',\n    };\n    context!: React.ContextType<OverlayControlsCtx>;\n\n    state = {\n        dropdownMenuItems: [] as DropdownMenuItem[],\n    };\n\n    componentDidMount() {\n        this.updateDropdownMenuItems();\n    }\n\n    componentDidUpdate() {\n        this.updateDropdownMenuItems();\n    }\n\n    render() {\n        const {position} = this.props;\n        const items = this.getItems();\n        const hasCustomControlsWithWidgets = items.length > 0;\n\n        const controls = hasCustomControlsWithWidgets\n            ? this.getCustomControlsWithWidgets()\n            : this.renderControls();\n\n        return <div className={b({position}, [DRAGGABLE_CANCEL_CLASS_NAME])}>{controls}</div>;\n    }\n\n    private shallowEqualDropdownMenu(menuA: DropdownMenuItem[], menuB: DropdownMenuItem[]) {\n        return (\n            menuA.length === menuB.length &&\n            menuA.every((itemA, index) => {\n                const itemB = menuB[index];\n\n                if (!itemB) {\n                    return false;\n                }\n\n                return Object.entries(itemA).every(\n                    ([key, value]) =>\n                        /**\n                         * field 'action' is new every time\n                         * @see {@link https://github.com/gravity-ui/dashkit/pull/267/commits/c6378b67c5fea07902a49ccce8118760a4ad2df0#diff-aa6a22e5a09a09ccc3f8f937d4ef6aaff97afc57da1b370f0120f0e225f7b061L297}\n                         */\n                        key === 'action' || itemB[key as keyof DropdownMenuItem] === value,\n                );\n            })\n        );\n    }\n\n    private updateDropdownMenuItems = () => {\n        const items = this.getDropdownMenuItems();\n        if (!this.shallowEqualDropdownMenu(items, this.state.dropdownMenuItems)) {\n            this.setState({dropdownMenuItems: items});\n        }\n    };\n\n    private getItems = () => {\n        const {overlayControls} = this.context;\n        const {configItem} = this.props;\n\n        return (overlayControls && overlayControls[configItem.type]) || [];\n    };\n\n    private renderControlsItem = (item: OverlayControlItem, index: number, length: number) => {\n        const {view, size, onItemClick} = this.props;\n        const {title, handler, icon, renderIcon, iconSize, qa, className} = item;\n\n        const iconData = renderIcon ? renderIcon(this.props.configItem) : icon;\n\n        const onItemClickHandler = typeof handler === 'function' ? handler : noop;\n        return (\n            <Button\n                key={`control_${index}`}\n                view={view}\n                size={size}\n                title={title}\n                pin={this.getControlItemPinStyle(index, length)}\n                onClick={() => {\n                    onItemClickHandler(this.props.configItem);\n                    onItemClick?.();\n                }}\n                className={className}\n                qa={qa}\n            >\n                <Icon data={iconData || Gear} size={iconSize ?? OVERLAY_ICON_SIZE} />\n            </Button>\n        );\n    };\n\n    private getDropDownMenuItemConfig(menuName: string, isDefaultMenu?: boolean) {\n        switch (menuName) {\n            case MenuItems.Copy: {\n                return {\n                    action: this.onCopyItem,\n                    text: i18n('label_copy'),\n                };\n            }\n            case MenuItems.Delete: {\n                return {\n                    action: this.onRemoveItem,\n                    text: i18n('label_delete'),\n                };\n            }\n            case MenuItems.Settings: {\n                // для дефолтного состояния меню нет настройки settings, а для кастомного можно использовать дефолтный action и text\n                if (isDefaultMenu) {\n                    return null;\n                }\n                return {\n                    action: this.onEditItem,\n                    text: i18n('label_settings'),\n                };\n            }\n        }\n        return null;\n    }\n\n    private getDefaultControls = () => {\n        const {view, size} = this.props;\n\n        if (this.context.overlayControls === null) {\n            return null;\n        }\n\n        return (\n            <Button\n                key={'control_default'}\n                view={view}\n                size={size}\n                title={i18n('label_settings')}\n                pin=\"round-brick\"\n                onClick={this.onEditItem}\n                qa=\"dashkit-overlay-control-settings\"\n            >\n                <Icon data={Gear} size={OVERLAY_ICON_SIZE} />\n            </Button>\n        );\n    };\n\n    private renderControls() {\n        const customLeftControls = this.getCustomLeftOverlayControls();\n        const hasCustomOverlayLeftControls = Boolean(customLeftControls.length);\n\n        const controls = hasCustomOverlayLeftControls\n            ? customLeftControls.map(\n                  (item: OverlayControlItem, index: number, items: OverlayControlItem[]) =>\n                      this.renderControlsItem(item, index, items.length + 1),\n              )\n            : this.getDefaultControls();\n\n        const menu = this.renderMenu(controls === null);\n\n        return (\n            <div\n                className={b('default-controls', {\n                    'with-custom-left': hasCustomOverlayLeftControls,\n                })}\n            >\n                {controls}\n                {menu}\n            </div>\n        );\n    }\n    private renderMenu(isOnlyOneItem: boolean) {\n        const {view, size} = this.props;\n\n        const dropdown = this.renderDropdownMenu(isOnlyOneItem);\n\n        if (dropdown) {\n            return dropdown;\n        }\n\n        return (\n            <Button\n                key={'delete-control'}\n                view={view}\n                size={size}\n                title={i18n('label_delete')}\n                pin={isOnlyOneItem ? 'round-round' : 'brick-round'}\n                onClick={this.onRemoveItem}\n                qa=\"dashkit-overlay-control-menu\"\n            >\n                <Icon data={Xmark} size={OVERLAY_ICON_SIZE} />\n            </Button>\n        );\n    }\n\n    private isDefaultMenu(menu: Settings['menu']) {\n        return menu?.every((item) =>\n            (Object.values(MenuItems) as Array<string>).includes(String(item)),\n        );\n    }\n    private getDropdownMenuItems(): DropdownMenuItem[] {\n        const {onItemClick} = this.props;\n        const {menu: contextMenu, itemsParams, itemsState} = this.context;\n\n        const configItem = this.props.configItem;\n        const itemParams = itemsParams[configItem.id];\n        const itemState = itemsState?.[configItem.id] || {};\n\n        const menu = contextMenu && contextMenu.length > 0 ? contextMenu : DEFAULT_DROPDOWN_MENU;\n\n        const isDefaultMenu = this.isDefaultMenu(menu);\n\n        return isDefaultMenu\n            ? ((menu || []) as string[]).reduce<DropdownMenuItem[]>((memo, name: string) => {\n                  const item = this.getDropDownMenuItemConfig(name, true);\n                  if (item) {\n                      memo.push(item);\n                  }\n\n                  return memo;\n              }, [])\n            : menu.reduce<DropdownMenuItem[]>((memo, item: MenuItem) => {\n                  if (typeof item === 'string') {\n                      return memo;\n                  }\n                  // custom menu dropdown item filter\n                  if (item.visible && !item.visible(configItem)) {\n                      return memo;\n                  }\n\n                  const itemHandler = item.handler;\n\n                  const itemAction =\n                      typeof itemHandler === 'function'\n                          ? () => {\n                                const result = itemHandler(configItem, itemParams, itemState);\n                                onItemClick?.();\n                                return result;\n                            }\n                          : this.getDropDownMenuItemConfig(item.id)?.action || (() => {});\n\n                  memo.push({\n                      // @ts-expect-error\n                      text: item.title || i18n(item.id),\n                      iconStart: item.icon,\n                      /**\n                       * if the logic of creating the 'action' field is changed, it is necessary to update the logic of the method shallowEqualDropdownMenu\n                       * @see {@link https://github.com/gravity-ui/dashkit/pull/267/commits/c6378b67c5fea07902a49ccce8118760a4ad2df0#diff-aa6a22e5a09a09ccc3f8f937d4ef6aaff97afc57da1b370f0120f0e225f7b061R143}\n                       */\n                      action: itemAction,\n                      className: item.className,\n                      qa: item.qa,\n                  });\n\n                  return memo;\n              }, []);\n    }\n\n    private renderDropdownMenu(isOnlyOneItem: boolean) {\n        const {view, size} = this.props;\n\n        const items = this.getDropdownMenuItems();\n\n        if (items.length === 0) {\n            return null;\n        }\n\n        return (\n            <DropdownMenu\n                key={'controls_dropdown'}\n                items={items}\n                renderSwitcher={(props) => (\n                    <Button\n                        {...props}\n                        view={view}\n                        size={size}\n                        pin={isOnlyOneItem ? 'round-round' : 'brick-round'}\n                        extraProps={{'aria-label': i18n('label_more-options')}}\n                        qa=\"dashkit-overlay-control-menu\"\n                    >\n                        <Icon data={Ellipsis} size={OVERLAY_ICON_SIZE} />\n                    </Button>\n                )}\n                onOpenToggle={this.updateDropdownMenuItems}\n                popupProps={{\n                    className: DRAGGABLE_CANCEL_CLASS_NAME,\n                }}\n            />\n        );\n    }\n    private getCustomLeftOverlayControls = () => {\n        // выбираем только items-ы у которых проставлено поле `allWidgetsControls:true`\n        // те контролы, которые будут показываться слева от меню\n        let controls: OverlayControlItem[] = [];\n        const {onItemClick} = this.props;\n\n        for (const controlItem of Object.values(this.context.overlayControls || {})) {\n            controls = controls.concat(\n                (\n                    (controlItem as OverlayControlItem[]).filter((item) => {\n                        // если тип виджета-плагина в списке исключаемых, то не показываем такой контрол\n                        if (item.excludeWidgetsTypes?.includes(this.props.configItem.type)) {\n                            return false;\n                        }\n\n                        return item.visible\n                            ? item.visible(this.props.configItem)\n                            : item.allWidgetsControls;\n                    }) || []\n                ).map((item) => {\n                    if (!item?.id) {\n                        return item;\n                    }\n                    return {\n                        ...item,\n                        handler:\n                            typeof item.handler === 'function'\n                                ? (...args) => {\n                                      const result = item.handler?.(...args);\n                                      onItemClick?.();\n                                      return result;\n                                  }\n                                : this.getDropDownMenuItemConfig(item.id)?.action || (() => {}),\n                    };\n                }),\n            );\n        }\n\n        return controls;\n    };\n    private onCopyItem = () => {\n        const {configItem} = this.props;\n        const correspondedItemLayout = this.context.getLayoutItem(configItem.id);\n\n        let targetInnerId;\n\n        if (isItemWithTabs(this.props.configItem)) {\n            targetInnerId = resolveItemInnerId({\n                item: this.props.configItem,\n                itemsStateAndParams: this.context.itemsStateAndParams,\n            });\n        }\n\n        let options: PreparedCopyItemOptions = {\n            timestamp: Date.now(),\n            data: configItem.data,\n            type: configItem.type,\n            defaults: configItem.defaults,\n            namespace: configItem.namespace,\n            layout: {\n                w: correspondedItemLayout!.w,\n                h: correspondedItemLayout!.h,\n            },\n            targetId: this.props.configItem.id,\n            targetInnerId,\n        };\n\n        if (this.context.context?.getPreparedCopyItemOptions) {\n            console.warn?.(\n                '`context.getPreparedCopyItemOptions` is deprecated. Please use `getPreparedCopyItemOptions` prop instead',\n            );\n        }\n\n        const getPreparedCopyItemOptions =\n            this.context?.getPreparedCopyItemOptions ??\n            this.context.context?.getPreparedCopyItemOptions;\n\n        if (typeof getPreparedCopyItemOptions === 'function') {\n            options = getPreparedCopyItemOptions(options);\n        }\n\n        try {\n            localStorage.setItem(COPIED_WIDGET_STORE_KEY, JSON.stringify(options));\n            this.context.onCopyFulfill?.(null, options);\n        } catch (e) {\n            const error = e instanceof Error ? e : new Error('Unknown error while copying item');\n            this.context.onCopyFulfill?.(error);\n        }\n        // https://stackoverflow.com/questions/35865481/storage-event-not-firing\n        window.dispatchEvent(new Event('storage'));\n        this.props.onItemClick?.();\n    };\n    private onEditItem = () => {\n        this.context.editItem?.(this.props.configItem);\n        this.props.onItemClick?.();\n    };\n    private onRemoveItem = () => {\n        const {id} = this.props.configItem;\n        this.context.removeItem(id);\n        this.props.onItemClick?.();\n    };\n    private getControlItemPinStyle(index: number, itemsLength: number) {\n        const isOnlyOneItem = itemsLength === 1;\n        const isFirstItem = index === 0;\n        const isLastItem = index === itemsLength - 1;\n\n        if (isOnlyOneItem) {\n            return 'round-round';\n        }\n\n        if (isFirstItem) {\n            return 'round-brick';\n        }\n\n        if (isLastItem) {\n            return 'brick-round';\n        }\n\n        return 'brick-brick';\n    }\n    private getCustomControlsWithWidgets() {\n        const items = this.getItems();\n\n        const result = items.map(\n            (item: OverlayControlItem, index: number, controlItems: OverlayControlItem[]) =>\n                this.renderControlsItem(item, index, controlItems.length),\n        );\n        const isOnlyOneItem = items.length === 0;\n\n        // Добавляем контрол удаления или меню виджета по умолчанию\n        result.push(this.renderMenu(isOnlyOneItem));\n\n        return result;\n    }\n}\n\nexport default OverlayControls;\n"]}

package/build/esm/context/DashKitContext.d.ts

@@ -15,6 +15,7 @@ export type DashKitCtxShape = DashkitPropsPassedToCtx & {
     globalParams: GlobalParams;
     registerManager: RegisterManager;
     forwardedMetaRef: React.ForwardedRef<any>;
+    externalLayoutRevision: number;
     configItems: ConfigItem[];
     layout: ConfigLayout[];
     layoutChange: (layout: ConfigLayout[]) => void;

package/build/esm/context/DashKitContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashKitContext.js","sourceRoot":"../../../src","sources":["context/DashKitContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA0F1B,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAkB,EAAqB,CAAC,CAAC;AAEnF,OAAO,EAAC,cAAc,EAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport type {DragOverEvent} from 'react-grid-layout';\n\nimport type {RegisterManager, RegisterManagerPlugin} from '..//utils';\nimport type {DashKitProps} from '../components/DashKit';\nimport type {\n    ConfigItem,\n    ConfigLayout,\n    DraggedOverItem,\n    GlobalParams,\n    ItemDragProps,\n    ItemParams,\n    ItemState,\n    ItemStateAndParams,\n    ItemStateAndParamsChangeOptions,\n} from '../shared';\nimport type {ContextProps, PluginRef, ReactGridLayoutProps, SettingsProps} from '../typings';\n\nexport type DashkitPropsPassedToCtx = Pick<\n    DashKitProps,\n    | 'config'\n    | 'groups'\n    | 'noOverlay'\n    | 'focusable'\n    | 'editMode'\n    | 'onItemMountChange'\n    | 'onItemRender'\n    | 'onItemFocus'\n    | 'onItemBlur'\n    | 'draggableHandleClassName'\n    // default handlers bypass\n    | 'onDragStart'\n    | 'onDrag'\n    | 'onDragStop'\n    | 'onResizeStart'\n    | 'onResize'\n    | 'onResizeStop'\n>;\n\nexport type TemporaryLayout = {\n    data: ConfigLayout[];\n    dragProps: ItemDragProps;\n};\n\nexport type DashKitCtxShape = DashkitPropsPassedToCtx & {\n    context: ContextProps;\n    settings: SettingsProps;\n    globalParams: GlobalParams;\n\n    registerManager: RegisterManager;\n    forwardedMetaRef: React.ForwardedRef<any>;\n\n    configItems: ConfigItem[];\n    layout: ConfigLayout[];\n    layoutChange: (layout: ConfigLayout[]) => void;\n    temporaryLayout: TemporaryLayout | null;\n    memorizeOriginalLayout: (\n        widgetId: string,\n        preAutoHeightLayout: ConfigLayout,\n        postAutoHeightLayout: ConfigLayout,\n    ) => void;\n    revertToOriginalLayout: (widgetId: string) => void;\n\n    itemsState: Record<string, ItemState>;\n    itemsParams: Record<string, ItemParams>;\n    onItemStateAndParamsChange: (\n        id: string,\n        stateAndParams: ItemStateAndParams,\n        options?: ItemStateAndParamsChangeOptions,\n    ) => void;\n\n    getItemsMeta: (pluginsRefs: Array<PluginRef>) => Array<Promise<any>>;\n    reloadItems: (\n        pluginsRefs: Array<PluginRef>,\n        data: {silentLoading: boolean; noVeil: boolean},\n    ) => void;\n\n    onDrop: (newLayout: ConfigLayout[], item: ConfigLayout, e?: MouseEvent) => void;\n    onDropDragOver: (\n        e: DragOverEvent,\n        group: string | undefined,\n        gridProps: ReactGridLayoutProps,\n        groupLayout: ConfigLayout[],\n        sharedItem?: DraggedOverItem,\n    ) => {w?: number; h?: number} | false | undefined;\n    outerDnDEnable: boolean;\n    dragOverPlugin: null | RegisterManagerPlugin;\n};\n\nconst DashKitContext = React.createContext<DashKitCtxShape>({} as DashKitCtxShape);\n\nexport {DashKitContext};\n"]}
+{"version":3,"file":"DashKitContext.js","sourceRoot":"../../../src","sources":["context/DashKitContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA2F1B,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAkB,EAAqB,CAAC,CAAC;AAEnF,OAAO,EAAC,cAAc,EAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport type {DragOverEvent} from 'react-grid-layout';\n\nimport type {RegisterManager, RegisterManagerPlugin} from '..//utils';\nimport type {DashKitProps} from '../components/DashKit';\nimport type {\n    ConfigItem,\n    ConfigLayout,\n    DraggedOverItem,\n    GlobalParams,\n    ItemDragProps,\n    ItemParams,\n    ItemState,\n    ItemStateAndParams,\n    ItemStateAndParamsChangeOptions,\n} from '../shared';\nimport type {ContextProps, PluginRef, ReactGridLayoutProps, SettingsProps} from '../typings';\n\nexport type DashkitPropsPassedToCtx = Pick<\n    DashKitProps,\n    | 'config'\n    | 'groups'\n    | 'noOverlay'\n    | 'focusable'\n    | 'editMode'\n    | 'onItemMountChange'\n    | 'onItemRender'\n    | 'onItemFocus'\n    | 'onItemBlur'\n    | 'draggableHandleClassName'\n    // default handlers bypass\n    | 'onDragStart'\n    | 'onDrag'\n    | 'onDragStop'\n    | 'onResizeStart'\n    | 'onResize'\n    | 'onResizeStop'\n>;\n\nexport type TemporaryLayout = {\n    data: ConfigLayout[];\n    dragProps: ItemDragProps;\n};\n\nexport type DashKitCtxShape = DashkitPropsPassedToCtx & {\n    context: ContextProps;\n    settings: SettingsProps;\n    globalParams: GlobalParams;\n\n    registerManager: RegisterManager;\n    forwardedMetaRef: React.ForwardedRef<any>;\n\n    externalLayoutRevision: number;\n    configItems: ConfigItem[];\n    layout: ConfigLayout[];\n    layoutChange: (layout: ConfigLayout[]) => void;\n    temporaryLayout: TemporaryLayout | null;\n    memorizeOriginalLayout: (\n        widgetId: string,\n        preAutoHeightLayout: ConfigLayout,\n        postAutoHeightLayout: ConfigLayout,\n    ) => void;\n    revertToOriginalLayout: (widgetId: string) => void;\n\n    itemsState: Record<string, ItemState>;\n    itemsParams: Record<string, ItemParams>;\n    onItemStateAndParamsChange: (\n        id: string,\n        stateAndParams: ItemStateAndParams,\n        options?: ItemStateAndParamsChangeOptions,\n    ) => void;\n\n    getItemsMeta: (pluginsRefs: Array<PluginRef>) => Array<Promise<any>>;\n    reloadItems: (\n        pluginsRefs: Array<PluginRef>,\n        data: {silentLoading: boolean; noVeil: boolean},\n    ) => void;\n\n    onDrop: (newLayout: ConfigLayout[], item: ConfigLayout, e?: MouseEvent) => void;\n    onDropDragOver: (\n        e: DragOverEvent,\n        group: string | undefined,\n        gridProps: ReactGridLayoutProps,\n        groupLayout: ConfigLayout[],\n        sharedItem?: DraggedOverItem,\n    ) => {w?: number; h?: number} | false | undefined;\n    outerDnDEnable: boolean;\n    dragOverPlugin: null | RegisterManagerPlugin;\n};\n\nconst DashKitContext = React.createContext<DashKitCtxShape>({} as DashKitCtxShape);\n\nexport {DashKitContext};\n"]}

package/build/esm/context/DashkitOverlayControlsContext.d.ts

@@ -10,4 +10,4 @@ export type OverlayControlsCtxShape = Pick<DashKitProps, 'context' | 'overlayCon
     removeItem: (id: string) => void;
     getLayoutItem: (id: string) => ConfigLayout | void;
 };
-export declare const DashkitOvelayControlsContext: React.Context<void | OverlayControlsCtxShape>;
+export declare const DashkitOverlayControlsContext: React.Context<void | OverlayControlsCtxShape>;

package/build/esm/context/DashkitOverlayControlsContext.js

@@ -1,3 +1,3 @@
 import React from 'react';
-export const DashkitOvelayControlsContext = React.createContext(undefined);
+export const DashkitOverlayControlsContext = React.createContext(undefined);
 //# sourceMappingURL=DashkitOverlayControlsContext.js.map

package/build/esm/context/DashkitOverlayControlsContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashkitOverlayControlsContext.js","sourceRoot":"../../../src","sources":["context/DashkitOverlayControlsContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuB1B,MAAM,CAAC,MAAM,4BAA4B,GAAG,KAAK,CAAC,aAAa,CAC3D,SAAS,CACZ,CAAC","sourcesContent":["import React from 'react';\n\nimport type {DashKitProps} from '../components';\nimport type {ConfigLayout, ItemParams, ItemState} from '../shared';\nimport type {MenuItem} from '../typings';\n\nexport type OverlayControlsCtxShape = Pick<\n    DashKitProps,\n    | 'context'\n    | 'overlayControls'\n    | 'itemsStateAndParams'\n    | 'getPreparedCopyItemOptions'\n    | 'onCopyFulfill'\n> & {\n    menu: DashKitProps['overlayMenuItems'] | MenuItem[];\n    itemsState?: Record<string, ItemState>;\n    itemsParams: Record<string, ItemParams>;\n\n    editItem: DashKitProps['onItemEdit'];\n    removeItem: (id: string) => void;\n    getLayoutItem: (id: string) => ConfigLayout | void;\n};\n\nexport const DashkitOvelayControlsContext = React.createContext<OverlayControlsCtxShape | void>(\n    undefined,\n);\n"]}
+{"version":3,"file":"DashkitOverlayControlsContext.js","sourceRoot":"../../../src","sources":["context/DashkitOverlayControlsContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAuB1B,MAAM,CAAC,MAAM,6BAA6B,GAAG,KAAK,CAAC,aAAa,CAC5D,SAAS,CACZ,CAAC","sourcesContent":["import React from 'react';\n\nimport type {DashKitProps} from '../components';\nimport type {ConfigLayout, ItemParams, ItemState} from '../shared';\nimport type {MenuItem} from '../typings';\n\nexport type OverlayControlsCtxShape = Pick<\n    DashKitProps,\n    | 'context'\n    | 'overlayControls'\n    | 'itemsStateAndParams'\n    | 'getPreparedCopyItemOptions'\n    | 'onCopyFulfill'\n> & {\n    menu: DashKitProps['overlayMenuItems'] | MenuItem[];\n    itemsState?: Record<string, ItemState>;\n    itemsParams: Record<string, ItemParams>;\n\n    editItem: DashKitProps['onItemEdit'];\n    removeItem: (id: string) => void;\n    getLayoutItem: (id: string) => ConfigLayout | void;\n};\n\nexport const DashkitOverlayControlsContext = React.createContext<OverlayControlsCtxShape | void>(\n    undefined,\n);\n"]}

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

@@ -1,14 +1,14 @@
 import React from 'react';
 import type { DashKitProps } from "../components/DashKit/index.js";
 import type { DashkitPropsPassedToCtx } from "../context/index.js";
-import type { ConfigLayout } from "../shared/index.js";
+import type { DashKitEventMap, DashKitEventName } from "../typings/index.js";
 import type { RegisterManager } from "../utils/index.js";
 export type DashKitWithContextProps = DashkitPropsPassedToCtx & Pick<DashKitProps, 'overlayControls' | 'overlayMenuItems' | 'getPreparedCopyItemOptions' | 'onCopyFulfill'> & Required<Pick<DashKitProps, 'itemsStateAndParams' | 'defaultGlobalParams' | 'globalParams' | 'context' | 'settings' | 'onItemEdit' | 'onChange' | 'onDrop'>> & {
-    layout: ConfigLayout[];
     registerManager: RegisterManager;
     forwardedMetaRef: React.ForwardedRef<any>;
+    emitDashKitEvent: <T extends DashKitEventName>(eventName: T, event: DashKitEventMap[T]) => void;
 };
 export declare function withContext(Component: React.ComponentType): {
-    (props: DashKitWithContextProps): JSX.Element;
+    (props: DashKitWithContextProps): React.JSX.Element;
     displayName: string;
 };