@gravity-ui/dashkit 8.11.0-beta.0 → 8.12.0

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { Config, ConfigItem, GlobalParams, ItemDropProps, ItemsStateAndParams } from '../../shared';
+import type { Config, ConfigItem, ConfigLayout, GlobalParams, ItemDropProps, ItemsStateAndParams } from '../../shared';
 import { AddNewItemOptions, ContextProps, DashKitGroup, MenuItem, Plugin, SetConfigItem, Settings, SettingsProps } from '../../typings';
 import GridLayout from '../GridLayout/GridLayout';
 import { OverlayControlItem } from '../OverlayControls/OverlayControls';
@@ -54,6 +54,7 @@ export declare class DashKit extends React.PureComponent<DashKitInnerProps> {
         config: Config;
         itemsStateAndParams: ItemsStateAndParams;
     };
+    static reflowLayout(newLayoutItem: ConfigLayout, layout: ConfigLayout[], groups?: DashKitGroup[]): ConfigLayout[];
     metaRef: React.RefObject<GridLayout>;
     render(): JSX.Element;
     getItemsMeta(): any;

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

@@ -10,6 +10,19 @@ const utils_1 = require("../../utils");
 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'));
+const getReflowGroupsConfig = (groups = []) => {
+    const defaultGridProps = getReflowProps(registerManager.gridLayout);
+    return {
+        defaultProps: defaultGridProps,
+        groups: groups.reduce((memo, g) => {
+            const groupId = g.id || constants_1.DEFAULT_GROUP;
+            memo[groupId] = g.gridProperties
+                ? getReflowProps(g.gridProperties(defaultGridProps))
+                : defaultGridProps;
+            return memo;
+        }, {}),
+    };
+};
 class DashKit extends react_1.default.PureComponent {
     constructor() {
         super(...arguments);
@@ -35,20 +48,7 @@ class DashKit extends react_1.default.PureComponent {
         else {
             const item = setItem;
             const layout = Object.assign({}, registerManager.getItem(item.type).defaultLayout);
-            const defaultGridProps = getReflowProps(registerManager.gridLayout);
-            const reflowLayoutOptions = {
-                defaultProps: defaultGridProps,
-                groups: groups.reduce((memo, g) => {
-                    const groupId = g.id || constants_1.DEFAULT_GROUP;
-                    if (g.gridProperties) {
-                        memo[groupId] = getReflowProps(g.gridProperties(defaultGridProps));
-                    }
-                    else {
-                        memo[groupId] = defaultGridProps;
-                    }
-                    return memo;
-                }, {}),
-            };
+            const reflowLayoutOptions = getReflowGroupsConfig(groups);
             const copyItem = Object.assign({}, item);
             if (copyItem.layout) {
                 Object.assign(layout, copyItem.layout);
@@ -66,6 +66,9 @@ class DashKit extends react_1.default.PureComponent {
     static removeItem({ id, config, itemsStateAndParams, }) {
         return utils_1.UpdateManager.removeItem({ id, config, itemsStateAndParams });
     }
+    static reflowLayout(newLayoutItem, layout, groups) {
+        return (0, utils_1.reflowLayout)(newLayoutItem, layout, getReflowGroupsConfig(groups));
+    }
     render() {
         return react_1.default.createElement(DashKitView_1.default, Object.assign({ registerManager: registerManager, ref: this.metaRef }, this.props));
     }

package/build/cjs/utils/update-manager.d.ts

@@ -1,5 +1,6 @@
+import { ConfigLayout } from '../shared';
 import type { Config, ConfigItem, ConfigItemGroup, ItemStateAndParams, ItemStateAndParamsChangeOptions, ItemsStateAndParams } from '../shared';
-import type { AddConfigItem, AddNewItemOptions, SetItemOptions, WidgetLayout } from '../typings';
+import type { AddConfigItem, AddNewItemOptions, ReflowLayoutOptions, SetItemOptions, WidgetLayout } from '../typings';
 import { RegisterManagerPluginLayout } from './register-manager';
 interface RemoveItemArg {
     id: string;
@@ -20,6 +21,7 @@ export declare const getChangedParams: ({ initiatorItem, stateAndParams, itemsSt
 }) => {
     [x: string]: string | string[];
 };
+export declare function reflowLayout(newLayoutItem: ConfigLayout, layout: ConfigLayout[], reflowLayoutOptions: ReflowLayoutOptions): ConfigLayout[];
 export declare class UpdateManager {
     static addItem({ item, namespace, layout, config, options, }: {
         item: AddConfigItem;

package/build/cjs/utils/update-manager.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UpdateManager = exports.getChangedParams = void 0;
+exports.UpdateManager = exports.reflowLayout = exports.getChangedParams = void 0;
 const tslib_1 = require("tslib");
 const immutability_helper_1 = tslib_1.__importStar(require("immutability-helper"));
 const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
@@ -269,6 +269,7 @@ function reflowLayout(newLayoutItem, layout, reflowLayoutOptions) {
     }, [])
         .sort((a, b) => orderById[a.i] - orderById[b.i]);
 }
+exports.reflowLayout = reflowLayout;
 class UpdateManager {
     static addItem({ item, namespace = constants_1.DEFAULT_NAMESPACE, layout, config, options = {}, }) {
         const salt = config.salt;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { Config, ConfigItem, GlobalParams, ItemDropProps, ItemsStateAndParams } from '../../shared';
+import type { Config, ConfigItem, ConfigLayout, GlobalParams, ItemDropProps, ItemsStateAndParams } from '../../shared';
 import { AddNewItemOptions, ContextProps, DashKitGroup, MenuItem, Plugin, SetConfigItem, Settings, SettingsProps } from '../../typings';
 import GridLayout from '../GridLayout/GridLayout';
 import { OverlayControlItem } from '../OverlayControls/OverlayControls';
@@ -54,6 +54,7 @@ export declare class DashKit extends React.PureComponent<DashKitInnerProps> {
         config: Config;
         itemsStateAndParams: ItemsStateAndParams;
     };
+    static reflowLayout(newLayoutItem: ConfigLayout, layout: ConfigLayout[], groups?: DashKitGroup[]): ConfigLayout[];
     metaRef: React.RefObject<GridLayout>;
     render(): JSX.Element;
     getItemsMeta(): any;

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

@@ -2,10 +2,23 @@ import React from 'react';
 import noop from 'lodash/noop';
 import pick from 'lodash/pick';
 import { DEFAULT_GROUP, DEFAULT_NAMESPACE } from '../../constants';
-import { RegisterManager, UpdateManager } from '../../utils';
+import { RegisterManager, UpdateManager, reflowLayout } from '../../utils';
 import DashKitView from '../DashKitView/DashKitView';
 const registerManager = new RegisterManager();
 const getReflowProps = (props) => Object.assign({ compactType: 'vertical', cols: 36 }, pick(props, 'cols', 'maxRows', 'compactType'));
+const getReflowGroupsConfig = (groups = []) => {
+    const defaultGridProps = getReflowProps(registerManager.gridLayout);
+    return {
+        defaultProps: defaultGridProps,
+        groups: groups.reduce((memo, g) => {
+            const groupId = g.id || DEFAULT_GROUP;
+            memo[groupId] = g.gridProperties
+                ? getReflowProps(g.gridProperties(defaultGridProps))
+                : defaultGridProps;
+            return memo;
+        }, {}),
+    };
+};
 export class DashKit extends React.PureComponent {
     constructor() {
         super(...arguments);
@@ -31,20 +44,7 @@ export class DashKit extends React.PureComponent {
         else {
             const item = setItem;
             const layout = Object.assign({}, registerManager.getItem(item.type).defaultLayout);
-            const defaultGridProps = getReflowProps(registerManager.gridLayout);
-            const reflowLayoutOptions = {
-                defaultProps: defaultGridProps,
-                groups: groups.reduce((memo, g) => {
-                    const groupId = g.id || DEFAULT_GROUP;
-                    if (g.gridProperties) {
-                        memo[groupId] = getReflowProps(g.gridProperties(defaultGridProps));
-                    }
-                    else {
-                        memo[groupId] = defaultGridProps;
-                    }
-                    return memo;
-                }, {}),
-            };
+            const reflowLayoutOptions = getReflowGroupsConfig(groups);
             const copyItem = Object.assign({}, item);
             if (copyItem.layout) {
                 Object.assign(layout, copyItem.layout);
@@ -62,6 +62,9 @@ export class DashKit extends React.PureComponent {
     static removeItem({ id, config, itemsStateAndParams, }) {
         return UpdateManager.removeItem({ id, config, itemsStateAndParams });
     }
+    static reflowLayout(newLayoutItem, layout, groups) {
+        return reflowLayout(newLayoutItem, layout, getReflowGroupsConfig(groups));
+    }
     render() {
         return React.createElement(DashKitView, Object.assign({ registerManager: registerManager, ref: this.metaRef }, this.props));
     }

package/build/esm/utils/update-manager.d.ts

@@ -1,5 +1,6 @@
+import { ConfigLayout } from '../shared';
 import type { Config, ConfigItem, ConfigItemGroup, ItemStateAndParams, ItemStateAndParamsChangeOptions, ItemsStateAndParams } from '../shared';
-import type { AddConfigItem, AddNewItemOptions, SetItemOptions, WidgetLayout } from '../typings';
+import type { AddConfigItem, AddNewItemOptions, ReflowLayoutOptions, SetItemOptions, WidgetLayout } from '../typings';
 import { RegisterManagerPluginLayout } from './register-manager';
 interface RemoveItemArg {
     id: string;
@@ -20,6 +21,7 @@ export declare const getChangedParams: ({ initiatorItem, stateAndParams, itemsSt
 }) => {
     [x: string]: string | string[];
 };
+export declare function reflowLayout(newLayoutItem: ConfigLayout, layout: ConfigLayout[], reflowLayoutOptions: ReflowLayoutOptions): ConfigLayout[];
 export declare class UpdateManager {
     static addItem({ item, namespace, layout, config, options, }: {
         item: AddConfigItem;

package/build/esm/utils/update-manager.js

@@ -222,7 +222,7 @@ function changeGroupParams({ groupItemIds, initiatorId, initiatorItem, itemsStat
     };
     return update(itemsStateAndParams, obj);
 }
-function reflowLayout(newLayoutItem, layout, reflowLayoutOptions) {
+export function reflowLayout(newLayoutItem, layout, reflowLayoutOptions) {
     const byGroup = {};
     const reducer = (memo, item, i, _items, isNewItem) => {
         memo[item.i] = i;

package/package.json

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