@gravity-ui/dashkit 8.20.1 → 8.21.0

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;
@@ -69,5 +70,9 @@ export declare class DashKit extends React.PureComponent<DashKitInnerProps> {
     metaRef: React.RefObject<GridLayout>;
     render(): JSX.Element;
     getItemsMeta(): any;
+    reloadItems(options?: {
+        targetIds?: string[];
+        force?: boolean;
+    }): void;
 }
 export {};

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,12 +81,20 @@ 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;
         return (_a = this.metaRef.current) === null || _a === void 0 ? void 0 : _a.getItemsMeta();
     }
+    reloadItems(options) {
+        var _a;
+        (_a = this.metaRef.current) === null || _a === void 0 ? void 0 : _a.reloadItems(options);
+    }
 }
 exports.DashKit = DashKit;
 DashKit.defaultProps = {
@@ -102,3 +112,4 @@ DashKit.defaultProps = {
     noOverlay: false,
     focusable: false,
 };
+DashKit.contextType = DashKitContext_1.DashKitDnDContext;

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

@@ -38,7 +38,7 @@ export default class GridLayout extends React.PureComponent<any, any, any> {
     };
     getMemoForwardRefCallback: (refIndex: any) => any;
     mergeGroupsLayout(group: any, newLayout: any, temporaryItem: any): any;
-    reloadItems(): void;
+    reloadItems(options: any): void;
     prepareDefaultArguments(group: any, layout: any, oldItem: any, newItem: any, placeholder: any, e: any, element: any): {
         group: any;
         layout: any;

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

@@ -252,19 +252,26 @@ class GridLayout extends react_1.default.PureComponent {
             return currentItem;
         });
     }
-    reloadItems() {
+    reloadItems(options) {
+        const { targetIds, force } = options || {};
         const { editMode, settings: { autoupdateInterval, silentLoading } = {}, reloadItems, } = this.context;
         const { isPageHidden } = this.state;
         const autoupdateIntervalMs = Number(autoupdateInterval) * 1000;
+        const targetPlugins = targetIds
+            ? this.pluginsRefs.filter((plugin) => targetIds.includes(plugin.props.id))
+            : this.pluginsRefs;
         if (autoupdateIntervalMs) {
             const timeSinceLastReload = new Date().getTime() - (this._lastReloadAt || 0);
             const reloadIntervalRemains = autoupdateIntervalMs - timeSinceLastReload;
-            if (!isPageHidden && !editMode && reloadIntervalRemains <= 0) {
+            if (force || (!isPageHidden && !editMode && reloadIntervalRemains <= 0)) {
                 this._lastReloadAt = new Date().getTime();
-                reloadItems(this.pluginsRefs, { silentLoading, noVeil: true });
+                reloadItems(targetPlugins, { silentLoading, noVeil: true });
             }
             this._timeout = setTimeout(() => this.reloadItems(), reloadIntervalRemains <= 0 ? autoupdateIntervalMs : reloadIntervalRemains);
         }
+        else if (force || (!isPageHidden && !editMode)) {
+            reloadItems(targetPlugins, { silentLoading, noVeil: true });
+        }
     }
     prepareDefaultArguments(group, layout, oldItem, newItem, placeholder, e, element) {
         return {

package/build/cjs/i18n/index.d.ts

@@ -1 +1,5 @@
-export declare const i18n: (key: "button_retry" | "label_render-markdown-error" | "label_settings" | "label_copy" | "label_delete" | "label_error", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export declare const i18n: ((key: "button_retry" | "label_render-markdown-error" | "label_settings" | "label_copy" | "label_delete" | "label_error", params?: import("@gravity-ui/i18n").Params | undefined) => string) & {
+    keysetData: {
+        dashkit: Record<"button_retry" | "label_render-markdown-error" | "label_settings" | "label_copy" | "label_delete" | "label_error", import("@gravity-ui/i18n").KeyData>;
+    };
+};

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;
@@ -69,5 +70,9 @@ export declare class DashKit extends React.PureComponent<DashKitInnerProps> {
     metaRef: React.RefObject<GridLayout>;
     render(): JSX.Element;
     getItemsMeta(): any;
+    reloadItems(options?: {
+        targetIds?: string[];
+        force?: boolean;
+    }): void;
 }
 export {};

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,12 +77,20 @@ 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;
         return (_a = this.metaRef.current) === null || _a === void 0 ? void 0 : _a.getItemsMeta();
     }
+    reloadItems(options) {
+        var _a;
+        (_a = this.metaRef.current) === null || _a === void 0 ? void 0 : _a.reloadItems(options);
+    }
 }
 DashKit.defaultProps = {
     onItemEdit: noop,
@@ -97,3 +107,4 @@ DashKit.defaultProps = {
     noOverlay: false,
     focusable: false,
 };
+DashKit.contextType = DashKitDnDContext;

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

@@ -38,7 +38,7 @@ export default class GridLayout extends React.PureComponent<any, any, any> {
     };
     getMemoForwardRefCallback: (refIndex: any) => any;
     mergeGroupsLayout(group: any, newLayout: any, temporaryItem: any): any;
-    reloadItems(): void;
+    reloadItems(options: any): void;
     prepareDefaultArguments(group: any, layout: any, oldItem: any, newItem: any, placeholder: any, e: any, element: any): {
         group: any;
         layout: any;

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

@@ -249,19 +249,26 @@ class GridLayout extends React.PureComponent {
             return currentItem;
         });
     }
-    reloadItems() {
+    reloadItems(options) {
+        const { targetIds, force } = options || {};
         const { editMode, settings: { autoupdateInterval, silentLoading } = {}, reloadItems, } = this.context;
         const { isPageHidden } = this.state;
         const autoupdateIntervalMs = Number(autoupdateInterval) * 1000;
+        const targetPlugins = targetIds
+            ? this.pluginsRefs.filter((plugin) => targetIds.includes(plugin.props.id))
+            : this.pluginsRefs;
         if (autoupdateIntervalMs) {
             const timeSinceLastReload = new Date().getTime() - (this._lastReloadAt || 0);
             const reloadIntervalRemains = autoupdateIntervalMs - timeSinceLastReload;
-            if (!isPageHidden && !editMode && reloadIntervalRemains <= 0) {
+            if (force || (!isPageHidden && !editMode && reloadIntervalRemains <= 0)) {
                 this._lastReloadAt = new Date().getTime();
-                reloadItems(this.pluginsRefs, { silentLoading, noVeil: true });
+                reloadItems(targetPlugins, { silentLoading, noVeil: true });
             }
             this._timeout = setTimeout(() => this.reloadItems(), reloadIntervalRemains <= 0 ? autoupdateIntervalMs : reloadIntervalRemains);
         }
+        else if (force || (!isPageHidden && !editMode)) {
+            reloadItems(targetPlugins, { silentLoading, noVeil: true });
+        }
     }
     prepareDefaultArguments(group, layout, oldItem, newItem, placeholder, e, element) {
         return {

package/build/esm/i18n/index.d.ts

@@ -1 +1,5 @@
-export declare const i18n: (key: "button_retry" | "label_render-markdown-error" | "label_settings" | "label_copy" | "label_delete" | "label_error", params?: import("@gravity-ui/i18n").Params | undefined) => string;
+export declare const i18n: ((key: "button_retry" | "label_render-markdown-error" | "label_settings" | "label_copy" | "label_delete" | "label_error", params?: import("@gravity-ui/i18n").Params | undefined) => string) & {
+    keysetData: {
+        dashkit: Record<"button_retry" | "label_render-markdown-error" | "label_settings" | "label_copy" | "label_delete" | "label_error", import("@gravity-ui/i18n").KeyData>;
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/dashkit",
-  "version": "8.20.1",
+  "version": "8.21.0",
   "description": "Library for rendering dashboard grid layout",
   "license": "MIT",
   "repository": {
@@ -61,7 +61,7 @@
   },
   "dependencies": {
     "@bem-react/classname": "^1.6.0",
-    "@gravity-ui/icons": "^2.8.1",
+    "@gravity-ui/icons": "^2.11.0",
     "hashids": "^2.2.8",
     "immutability-helper": "^3.1.1",
     "prop-types": "^15.8.1",
@@ -75,11 +75,11 @@
   "devDependencies": {
     "@commitlint/cli": "^17.0.3",
     "@commitlint/config-conventional": "^17.0.3",
-    "@gravity-ui/eslint-config": "^3.1.1",
+    "@gravity-ui/eslint-config": "^3.2.0",
     "@gravity-ui/prettier-config": "^1.1.0",
     "@gravity-ui/stylelint-config": "^4.0.1",
     "@gravity-ui/tsconfig": "^1.0.0",
-    "@gravity-ui/uikit": "^6.0.0",
+    "@gravity-ui/uikit": "^6.37.0",
     "@storybook/addon-essentials": "^7.6.15",
     "@storybook/addon-knobs": "^7.0.2",
     "@storybook/cli": "^7.6.15",