@gravity-ui/dashkit 8.20.0 → 8.20.2

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

@@ -43,6 +43,7 @@ export interface DashKitProps extends DashKitGeneralProps, Partial<DashKitDefaul
 type DashKitInnerProps = DashKitGeneralProps & DashKitDefaultProps;
 export declare class DashKit extends React.PureComponent<DashKitInnerProps> {
     static defaultProps: DashKitDefaultProps;
+    static contextType: React.Context<any>;
     static registerPlugins(...plugins: Plugin[]): void;
     static reloadPlugins(...plugins: Plugin[]): void;
     static setSettings(settings: Settings): void;

package/build/cjs/components/DashKit/DashKit.js

@@ -6,7 +6,9 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const noop_1 = tslib_1.__importDefault(require("lodash/noop"));
 const pick_1 = tslib_1.__importDefault(require("lodash/pick"));
 const constants_1 = require("../../constants");
+const DashKitContext_1 = require("../../context/DashKitContext");
 const utils_1 = require("../../utils");
+const DashKitDnDWrapper_1 = require("../DashKitDnDWrapper/DashKitDnDWrapper");
 const DashKitView_1 = tslib_1.__importDefault(require("../DashKitView/DashKitView"));
 const registerManager = new utils_1.RegisterManager();
 const getReflowProps = (props) => Object.assign({ compactType: 'vertical', cols: 36 }, (0, pick_1.default)(props, 'cols', 'maxRows', 'compactType'));
@@ -79,7 +81,11 @@ class DashKit extends react_1.default.PureComponent {
         });
     }
     render() {
-        return react_1.default.createElement(DashKitView_1.default, Object.assign({ registerManager: registerManager, ref: this.metaRef }, this.props));
+        const content = (react_1.default.createElement(DashKitView_1.default, Object.assign({ registerManager: registerManager, ref: this.metaRef }, this.props)));
+        if (!this.context && this.props.groups) {
+            return react_1.default.createElement(DashKitDnDWrapper_1.DashKitDnDWrapper, null, content);
+        }
+        return content;
     }
     getItemsMeta() {
         var _a;
@@ -102,3 +108,4 @@ DashKit.defaultProps = {
     noOverlay: false,
     focusable: false,
 };
+DashKit.contextType = DashKitContext_1.DashKitDnDContext;

package/build/cjs/hocs/withContext.js

@@ -281,7 +281,7 @@ function useMemoStateContext(props) {
             h: maxH ? Math.min(h, maxH) : h,
             w: maxW ? Math.min(w, maxW) : w,
         };
-        if ((onDropDragOverContext === null || onDropDragOverContext === void 0 ? void 0 : onDropDragOverContext(Object.assign(Object.assign(Object.assign({}, sharedItem), itemLayout), { parent: group }), sharedItem !== null && sharedItem !== void 0 ? sharedItem : null)) === false) {
+        if ((onDropDragOverContext === null || onDropDragOverContext === void 0 ? void 0 : onDropDragOverContext(Object.assign(Object.assign(Object.assign({}, sharedItem), itemLayout), { parent: group, type: (sharedItem === null || sharedItem === void 0 ? void 0 : sharedItem.type) || (dragOverPlugin === null || dragOverPlugin === void 0 ? void 0 : dragOverPlugin.type) }), sharedItem !== null && sharedItem !== void 0 ? sharedItem : null)) === false) {
             return false;
         }
         return itemLayout;

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

@@ -43,6 +43,7 @@ export interface DashKitProps extends DashKitGeneralProps, Partial<DashKitDefaul
 type DashKitInnerProps = DashKitGeneralProps & DashKitDefaultProps;
 export declare class DashKit extends React.PureComponent<DashKitInnerProps> {
     static defaultProps: DashKitDefaultProps;
+    static contextType: React.Context<any>;
     static registerPlugins(...plugins: Plugin[]): void;
     static reloadPlugins(...plugins: Plugin[]): void;
     static setSettings(settings: Settings): void;

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

@@ -2,7 +2,9 @@ import React from 'react';
 import noop from 'lodash/noop';
 import pick from 'lodash/pick';
 import { DEFAULT_GROUP, DEFAULT_NAMESPACE } from '../../constants';
+import { DashKitDnDContext } from '../../context/DashKitContext';
 import { RegisterManager, UpdateManager, reflowLayout } from '../../utils';
+import { DashKitDnDWrapper } from '../DashKitDnDWrapper/DashKitDnDWrapper';
 import DashKitView from '../DashKitView/DashKitView';
 const registerManager = new RegisterManager();
 const getReflowProps = (props) => Object.assign({ compactType: 'vertical', cols: 36 }, pick(props, 'cols', 'maxRows', 'compactType'));
@@ -75,7 +77,11 @@ export class DashKit extends React.PureComponent {
         });
     }
     render() {
-        return React.createElement(DashKitView, Object.assign({ registerManager: registerManager, ref: this.metaRef }, this.props));
+        const content = (React.createElement(DashKitView, Object.assign({ registerManager: registerManager, ref: this.metaRef }, this.props)));
+        if (!this.context && this.props.groups) {
+            return React.createElement(DashKitDnDWrapper, null, content);
+        }
+        return content;
     }
     getItemsMeta() {
         var _a;
@@ -97,3 +103,4 @@ DashKit.defaultProps = {
     noOverlay: false,
     focusable: false,
 };
+DashKit.contextType = DashKitDnDContext;

package/build/esm/hocs/withContext.js

@@ -278,7 +278,7 @@ function useMemoStateContext(props) {
             h: maxH ? Math.min(h, maxH) : h,
             w: maxW ? Math.min(w, maxW) : w,
         };
-        if ((onDropDragOverContext === null || onDropDragOverContext === void 0 ? void 0 : onDropDragOverContext(Object.assign(Object.assign(Object.assign({}, sharedItem), itemLayout), { parent: group }), sharedItem !== null && sharedItem !== void 0 ? sharedItem : null)) === false) {
+        if ((onDropDragOverContext === null || onDropDragOverContext === void 0 ? void 0 : onDropDragOverContext(Object.assign(Object.assign(Object.assign({}, sharedItem), itemLayout), { parent: group, type: (sharedItem === null || sharedItem === void 0 ? void 0 : sharedItem.type) || (dragOverPlugin === null || dragOverPlugin === void 0 ? void 0 : dragOverPlugin.type) }), sharedItem !== null && sharedItem !== void 0 ? sharedItem : null)) === false) {
             return false;
         }
         return itemLayout;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/dashkit",
-  "version": "8.20.0",
+  "version": "8.20.2",
   "description": "Library for rendering dashboard grid layout",
   "license": "MIT",
   "repository": {