@gravity-ui/dashkit 6.8.0 → 6.10.0

package/build/cjs/shared/modules/state-and-params.js

@@ -5,21 +5,75 @@ const tslib_1 = require("tslib");
 const groupBy_1 = tslib_1.__importDefault(require("lodash/groupBy"));
 const constants_1 = require("../constants");
 const helpers_1 = require("./helpers");
+function getItemParams({ item, itemsStateAndParams, mapItemsIgnores, itemsWithDefaultsByNamespace, getMergedParams, defaultGlobalParams, globalParams, isFirstVersion, queueData, }) {
+    var _a, _b;
+    const { id, namespace } = item;
+    let defaultWidgetParams = {};
+    if ((0, helpers_1.isItemWithTabs)(item)) {
+        const currentWidgetTabId = (0, helpers_1.resolveItemInnerId)({ item, itemsStateAndParams });
+        const itemTabs = item.data.tabs;
+        defaultWidgetParams =
+            ((_a = itemTabs.find((tabItem) => (tabItem === null || tabItem === void 0 ? void 0 : tabItem.id) === currentWidgetTabId)) === null || _a === void 0 ? void 0 : _a.params) || {};
+    }
+    else {
+        defaultWidgetParams = item.defaults || {};
+    }
+    const itemIgnores = mapItemsIgnores[id];
+    const affectingItemsWithDefaults = itemsWithDefaultsByNamespace[namespace].filter((itemWithDefaults) => !itemIgnores.includes(itemWithDefaults.id));
+    let itemParams = Object.assign({}, getMergedParams(defaultGlobalParams), 
+    // default parameters to begin with
+    affectingItemsWithDefaults.reduceRight((defaultParams, itemWithDefaults) => {
+        return Object.assign(Object.assign({}, defaultParams), getMergedParams(itemWithDefaults.defaults || {}));
+    }, {}), getMergedParams(globalParams));
+    if (isFirstVersion) {
+        itemParams = Object.assign(itemParams, ((_b = itemsStateAndParams === null || itemsStateAndParams === void 0 ? void 0 : itemsStateAndParams[id]) === null || _b === void 0 ? void 0 : _b.params) || {});
+    }
+    else {
+        // params according to queue of its applying
+        let queueDataItemsParams = {};
+        for (const data of queueData) {
+            if (data.namespace !== namespace || itemIgnores.includes(data.id)) {
+                continue;
+            }
+            let actionParams;
+            let params = data.params;
+            const needAliasesForActionParams = data.id !== id && (0, helpers_1.hasActionParam)(data.params);
+            if (needAliasesForActionParams) {
+                actionParams = (0, helpers_1.pickActionParamsFromParams)(data.params);
+                params = (0, helpers_1.pickExceptActionParamsFromParams)(data.params);
+            }
+            const mergedParams = getMergedParams(params, actionParams);
+            queueDataItemsParams = Object.assign(Object.assign({}, queueDataItemsParams), mergedParams);
+        }
+        itemParams = Object.assign(itemParams, queueDataItemsParams);
+    }
+    return Object.assign(Object.assign({}, defaultWidgetParams), itemParams);
+}
 function getItemsParams({ defaultGlobalParams = {}, globalParams = {}, config, itemsStateAndParams, plugins, }) {
     const { aliases, connections } = config;
     const items = (0, helpers_1.prerenderItems)({ items: config.items, plugins });
     const isFirstVersion = (0, helpers_1.getCurrentVersion)(itemsStateAndParams) === 1;
+    const allItems = items.reduce((paramsItems, item) => {
+        if ((0, helpers_1.isItemWithGroup)(item)) {
+            item.data.group.forEach((groupItem) => {
+                paramsItems.push(groupItem);
+            });
+            return paramsItems;
+        }
+        paramsItems.push(item);
+        return paramsItems;
+    }, []);
     const queueData = isFirstVersion
         ? []
         : (0, helpers_1.formQueueData)({ items, itemsStateAndParams });
     // to consider other kind types in future (not only ignore)
     const mapItemsIgnores = (0, helpers_1.getMapItemsIgnores)({
-        items,
+        items: allItems,
         ignores: connections.filter(({ kind }) => kind === 'ignore'),
         itemsStateAndParams,
         isFirstVersion,
     });
-    const groupByNamespace = (0, groupBy_1.default)(items, 'namespace');
+    const groupByNamespace = (0, groupBy_1.default)(allItems, 'namespace');
     const itemsWithDefaultsByNamespace = Object.keys(groupByNamespace).reduce((acc, namespace) => {
         return Object.assign(Object.assign({}, acc), { 
             // there are defaults only in selectors by now, need to get them from item.data.tabs[].defaults for widgets
@@ -27,49 +81,26 @@ function getItemsParams({ defaultGlobalParams = {}, globalParams = {}, config, i
             [namespace]: groupByNamespace[namespace].filter((item) => item.defaults) });
     }, {});
     return items.reduce((itemsParams, item) => {
-        var _a, _b;
         const { id, namespace } = item;
-        let defaultWidgetParams = {};
-        if ((0, helpers_1.isItemWithTabs)(item)) {
-            const currentWidgetTabId = (0, helpers_1.resolveItemInnerId)({ item, itemsStateAndParams });
-            const itemTabs = item.data.tabs;
-            defaultWidgetParams =
-                ((_a = itemTabs.find((tabItem) => (tabItem === null || tabItem === void 0 ? void 0 : tabItem.id) === currentWidgetTabId)) === null || _a === void 0 ? void 0 : _a.params) || {};
-        }
-        else {
-            defaultWidgetParams = item.defaults || {};
-        }
         const getMergedParams = (params, actionParams) => (0, helpers_1.mergeParamsWithAliases)({ aliases, namespace, params: params || {}, actionParams });
-        const itemIgnores = mapItemsIgnores[id];
-        const affectingItemsWithDefaults = itemsWithDefaultsByNamespace[namespace].filter((itemWithDefaults) => !itemIgnores.includes(itemWithDefaults.id));
-        let itemParams = Object.assign({}, getMergedParams(defaultGlobalParams), 
-        // default parameters to begin with
-        affectingItemsWithDefaults.reduceRight((defaultParams, itemWithDefaults) => {
-            return Object.assign(Object.assign({}, defaultParams), getMergedParams(itemWithDefaults.defaults || {}));
-        }, {}), getMergedParams(globalParams));
-        if (isFirstVersion) {
-            itemParams = Object.assign(itemParams, ((_b = itemsStateAndParams === null || itemsStateAndParams === void 0 ? void 0 : itemsStateAndParams[id]) === null || _b === void 0 ? void 0 : _b.params) || {});
-        }
-        else {
-            // params according to queue of its applying
-            let queueDataItemsParams = {};
-            for (const data of Object.values(queueData)) {
-                if (data.namespace !== namespace || itemIgnores.includes(data.id)) {
-                    continue;
-                }
-                let actionParams;
-                let params = data.params;
-                const needAliasesForActionParams = data.id !== id && (0, helpers_1.hasActionParam)(data.params);
-                if (needAliasesForActionParams) {
-                    actionParams = (0, helpers_1.pickActionParamsFromParams)(data.params);
-                    params = (0, helpers_1.pickExceptActionParamsFromParams)(data.params);
-                }
-                const mergedParams = getMergedParams(params, actionParams);
-                queueDataItemsParams = Object.assign(Object.assign({}, queueDataItemsParams), mergedParams);
-            }
-            itemParams = Object.assign(itemParams, queueDataItemsParams);
+        const paramsOptions = {
+            itemsStateAndParams,
+            mapItemsIgnores,
+            itemsWithDefaultsByNamespace,
+            getMergedParams,
+            defaultGlobalParams,
+            globalParams,
+            isFirstVersion,
+            queueData,
+        };
+        if ((0, helpers_1.isItemWithGroup)(item)) {
+            const groupParams = item.data.group.reduce((groupItemParams, groupItem) => {
+                groupItemParams[groupItem.id] = getItemParams(Object.assign({ item: groupItem }, paramsOptions));
+                return groupItemParams;
+            }, {});
+            return Object.assign(Object.assign({}, itemsParams), { [id]: groupParams });
         }
-        return Object.assign(Object.assign({}, itemsParams), { [id]: Object.assign(Object.assign({}, defaultWidgetParams), itemParams) });
+        return Object.assign(Object.assign({}, itemsParams), { [id]: getItemParams(Object.assign({ item }, paramsOptions)) });
     }, {});
 }
 exports.getItemsParams = getItemsParams;

package/build/cjs/shared/modules/uniq-id.js

@@ -14,6 +14,9 @@ function extractIdsFromConfig(config) {
         if ((0, helpers_1.isItemWithTabs)(item)) {
             item.data.tabs.forEach((tabItem) => ids.push(tabItem.id));
         }
+        if ((0, helpers_1.isItemWithGroup)(item)) {
+            item.data.group.forEach((groupItem) => ids.push(groupItem.id));
+        }
     });
     connections.forEach(({ from, to }) => ids.push(from, to));
     layout.forEach(({ i }) => ids.push(i));

package/build/cjs/shared/types/config.d.ts

@@ -6,6 +6,12 @@ export interface ConfigLayout {
     x: number;
     y: number;
 }
+export type ConfigItemGroup = {
+    id: string;
+    defaults?: StringParams;
+    namespace: string;
+    [key: string]: unknown;
+};
 export interface ConfigItemData {
     _editActive?: boolean;
     tabs?: {
@@ -14,11 +20,15 @@ export interface ConfigItemData {
         params?: StringParams;
         [key: string]: unknown;
     }[];
+    group?: ConfigItemGroup[];
     [key: string]: unknown;
 }
 export interface ConfigItemDataWithTabs extends Omit<ConfigItemData, 'tabs'> {
     tabs: NonNullable<ConfigItemData['tabs']>;
 }
+export interface ConfigItemDataWithGroup extends Omit<ConfigItemData, 'group'> {
+    group: NonNullable<ConfigItemData['group']>;
+}
 export interface ConfigItem {
     id: string;
     data: ConfigItemData;
@@ -31,6 +41,9 @@ export interface ConfigItem {
 export interface ConfigItemWithTabs extends Omit<ConfigItem, 'data'> {
     data: ConfigItemDataWithTabs;
 }
+export interface ConfigItemWithGroup extends Omit<ConfigItem, 'data'> {
+    data: ConfigItemDataWithGroup;
+}
 export interface ConfigAliases {
     [namespace: string]: string[][];
 }

package/build/cjs/shared/types/state-and-params.d.ts

@@ -6,6 +6,7 @@ export interface ItemState {
 export interface QueueItem {
     id: string;
     tabId?: string;
+    groupItemId?: string;
 }
 export type StateAndParamsMetaData = {
     queue: QueueItem[];
@@ -15,11 +16,12 @@ export type StateAndParamsMeta = {
     [META_KEY]: StateAndParamsMetaData;
 };
 export type ItemStateAndParams = {
-    params?: StringParams;
+    params?: StringParams | Record<string, StringParams>;
     state?: ItemState;
 };
 export type ItemStateAndParamsChangeOptions = {
-    action: 'setParams' | 'removeItem';
+    action?: 'setParams' | 'removeItem';
+    groupItemIds?: string[];
 };
 export type ItemsStateAndParamsBase = Record<string, ItemStateAndParams>;
 export type ItemsStateAndParams = ItemsStateAndParamsBase | StateAndParamsMeta;

package/build/cjs/typings/plugin.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import { ContextProps, SettingsProps, WidgetLayout } from './common';
-import { StringParams, ConfigItem, ItemState, ItemStateAndParams, PluginBase, ItemStateAndParamsChangeOptions } from '../shared';
+import { ConfigItem, ItemState, ItemStateAndParams, ItemStateAndParamsChangeOptions, PluginBase, StringParams } from '../shared';
 import type { ReactGridLayoutProps } from 'react-grid-layout';
-export interface PluginWidgetProps {
+export interface PluginWidgetProps<T = StringParams> {
     id: string;
     editMode: boolean;
-    params: StringParams;
+    params: T;
     state: ItemState;
     onStateAndParamsChange: (stateAndParams: ItemStateAndParams, options?: ItemStateAndParamsChangeOptions) => void;
     width: number;
@@ -33,7 +33,7 @@ export interface PluginDefaultLayout {
     minH?: number;
     maxH?: number;
 }
-export interface Plugin<P extends PluginWidgetProps = any> extends PluginBase {
+export interface Plugin<P extends PluginWidgetProps<T> = any, T = StringParams> extends PluginBase {
     defaultLayout?: PluginDefaultLayout;
     renderer: (props: P, forwardedRef: React.RefObject<any>) => React.ReactNode;
 }

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

@@ -117,6 +117,61 @@ const config = {
             },
             namespace: 'default',
         },
+        {
+            id: 'qY',
+            data: {
+                group: [
+                    {
+                        id: '9YN',
+                        title: 'Category',
+                        width: '',
+                        source: {
+                            datasetId: 'rfvnhj345gugf',
+                            fieldType: 'string',
+                            elementType: 'select',
+                            datasetFieldId: 'ab089',
+                            datasetFieldType: 'DIMENSION',
+                        },
+                        defaults: {
+                            ab089: '',
+                        },
+                        sourceType: 'dataset',
+                        placementMode: 'auto',
+                        namespace: 'default',
+                    },
+                    {
+                        id: 'qav',
+                        title: 'Селектор 1',
+                        width: '',
+                        source: {
+                            fieldName: 'sds',
+                            elementType: 'select',
+                            acceptableValues: [
+                                {
+                                    title: '2',
+                                    value: '2',
+                                },
+                                {
+                                    title: '34',
+                                    value: '34',
+                                },
+                            ],
+                        },
+                        defaults: {
+                            sds: '',
+                        },
+                        sourceType: 'manual',
+                        placementMode: 'auto',
+                        namespace: 'default',
+                    },
+                ],
+                autoHeight: true,
+                buttonApply: false,
+                buttonReset: false,
+            },
+            type: 'group_control',
+            namespace: 'default',
+        },
     ],
     layout: [
         { h: 4, i: 'al', w: 4, x: 8, y: 0 },
@@ -124,6 +179,7 @@ const config = {
         { h: 2, i: 'L5', w: 8, x: 0, y: 2 },
         { h: 2, i: 'C8', w: 8, x: 10, y: 30 },
         { h: 2, i: 'lko', w: 8, x: 0, y: 12 },
+        { h: 2, i: 'qY', w: 8, x: 0, y: 24 },
     ],
     aliases: {},
     connections: [],
@@ -133,7 +189,7 @@ beforeEach(() => {
 });
 describe('UpdateManager', () => {
     describe('changeStateAndParams', () => {
-        it('control adds params to empty itemsStateAndParams', () => {
+        it('control adds params to empty itemsStateAndParams: common control', () => {
             expect(update_manager_1.UpdateManager.changeStateAndParams({
                 id: 'L5',
                 config,
@@ -152,6 +208,30 @@ describe('UpdateManager', () => {
                 __meta__: { queue: [{ id: 'L5' }], version: 2 },
             });
         });
+        it('control adds params to empty itemsStateAndParams: group control', () => {
+            expect(update_manager_1.UpdateManager.changeStateAndParams({
+                id: 'qY',
+                config,
+                itemsStateAndParams: {},
+                stateAndParams: {
+                    params: {
+                        ab089: ['red'],
+                    },
+                },
+                options: {
+                    groupItemIds: ['9YN'],
+                },
+            })).toEqual({
+                qY: {
+                    params: {
+                        '9YN': {
+                            ab089: ['red'],
+                        },
+                    },
+                },
+                __meta__: { queue: [{ id: 'qY', groupItemId: '9YN' }], version: 2 },
+            });
+        });
         it('state changes only do not push into the queue', () => {
             expect(update_manager_1.UpdateManager.changeStateAndParams({
                 id: 'al',
@@ -162,7 +242,17 @@ describe('UpdateManager', () => {
                             d079: ['Russia'],
                         },
                     },
-                    __meta__: { queue: [{ id: 'L5' }, { id: 'Unk' }], version: 2 },
+                    qY: {
+                        params: {
+                            '9YN': {
+                                ab089: ['red'],
+                            },
+                        },
+                    },
+                    __meta__: {
+                        queue: [{ id: 'L5' }, { id: 'qY', groupItemId: '9YN' }, { id: 'Unk' }],
+                        version: 2,
+                    },
                 },
                 stateAndParams: {
                     state: { tabId: 'Pf' },
@@ -173,12 +263,19 @@ describe('UpdateManager', () => {
                         d079: ['Russia'],
                     },
                 },
+                qY: {
+                    params: {
+                        '9YN': {
+                            ab089: ['red'],
+                        },
+                    },
+                },
                 al: {
                     state: {
                         tabId: 'Pf',
                     },
                 },
-                __meta__: { queue: [{ id: 'L5' }], version: 2 },
+                __meta__: { queue: [{ id: 'L5' }, { id: 'qY', groupItemId: '9YN' }], version: 2 },
             });
         });
         it('tab changes clear previous tab params', () => {
@@ -208,7 +305,7 @@ describe('UpdateManager', () => {
                 __meta__: { queue: [], version: 2 },
             });
         });
-        it('control changes rearrange position in the queue', () => {
+        it('control changes rearrange position in the queue: common control', () => {
             expect(update_manager_1.UpdateManager.changeStateAndParams({
                 id: 'L5',
                 config,
@@ -266,6 +363,74 @@ describe('UpdateManager', () => {
                 },
             });
         });
+        it('control changes rearrange position in the queue: group control', () => {
+            expect(update_manager_1.UpdateManager.changeStateAndParams({
+                id: 'qY',
+                config,
+                itemsStateAndParams: {
+                    al: {
+                        params: {
+                            Country: 'USA',
+                        },
+                    },
+                    qY: {
+                        params: {
+                            qav: {
+                                sds: ['yellow'],
+                            },
+                            '9YN': {
+                                ab089: ['red'],
+                            },
+                        },
+                    },
+                    __meta__: {
+                        queue: [
+                            { id: 'qY', groupItemId: 'qav' },
+                            { id: 'qY', groupItemId: '9YN' },
+                            { id: 'al' },
+                        ],
+                        version: 2,
+                    },
+                },
+                stateAndParams: {
+                    params: {
+                        qav: {
+                            sds: ['violet'],
+                        },
+                        '9YN': {
+                            ab089: ['purple'],
+                        },
+                    },
+                },
+                options: {
+                    groupItemIds: ['qav'],
+                },
+            })).toEqual({
+                al: {
+                    params: {
+                        Country: 'USA',
+                    },
+                },
+                qY: {
+                    params: {
+                        qav: {
+                            sds: ['violet'],
+                        },
+                        '9YN': {
+                            ab089: ['red'],
+                        },
+                    },
+                },
+                __meta__: {
+                    queue: [
+                        { id: 'qY', groupItemId: '9YN' },
+                        { id: 'al' },
+                        { id: 'qY', groupItemId: 'qav' },
+                    ],
+                    version: 2,
+                },
+            });
+        });
         it('control params should merge', () => {
             expect(update_manager_1.UpdateManager.changeStateAndParams({
                 id: 'lko',
@@ -309,7 +474,7 @@ describe('UpdateManager', () => {
                 __meta__: { queue: [{ id: 'L5' }, { id: 'lko' }], version: 2 },
             });
         });
-        it('control cannot set params not from defaults', () => {
+        it('control cannot set params not from defaults: common control', () => {
             expect(update_manager_1.UpdateManager.changeStateAndParams({
                 id: 'lko',
                 config,
@@ -329,6 +494,29 @@ describe('UpdateManager', () => {
                 __meta__: { queue: [{ id: 'lko' }], version: 2 },
             });
         });
+        it('control cannot set params not from defaults: group control', () => {
+            expect(update_manager_1.UpdateManager.changeStateAndParams({
+                id: 'qY',
+                config,
+                itemsStateAndParams: {},
+                stateAndParams: {
+                    params: {
+                        sds: ['value'],
+                        UnknownParam: ['Value'],
+                    },
+                },
+                options: { groupItemIds: ['qav'] },
+            })).toEqual({
+                qY: {
+                    params: {
+                        qav: {
+                            sds: ['value'],
+                        },
+                    },
+                },
+                __meta__: { queue: [{ id: 'qY', groupItemId: 'qav' }], version: 2 },
+            });
+        });
         it('filtering_charts_table can set action params not from defaults', () => {
             expect(update_manager_1.UpdateManager.changeStateAndParams({
                 id: 'Q8',

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

@@ -1,5 +1,5 @@
-import { Config, ConfigItem, ItemsStateAndParams, ItemStateAndParams, ItemStateAndParamsChangeOptions } from '../shared';
-import { AddConfigItem, WidgetLayout, SetItemOptions } from '../typings';
+import { Config, ConfigItem, ItemStateAndParams, ItemStateAndParamsChangeOptions, ItemsStateAndParams } from '../shared';
+import { AddConfigItem, SetItemOptions, WidgetLayout } from '../typings';
 import { RegisterManagerPluginLayout } from './register-manager';
 interface RemoveItemArg {
     id: string;

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

@@ -88,7 +88,12 @@ function getAllowableChangedParams(item, stateAndParams, itemsStateAndParams, pa
         allowedParams = (0, pick_1.default)(stateParamsConf, Object.keys((tab === null || tab === void 0 ? void 0 : tab.params) || {}));
     }
     else {
-        allowedParams = (0, pick_1.default)(stateParamsConf, Object.keys(item.defaults || {}));
+        // check if structure is StringParams or Record<string, StringParams>
+        const paramsConf = typeof (stateParamsConf === null || stateParamsConf === void 0 ? void 0 : stateParamsConf[item.id]) === 'object' &&
+            !Array.isArray(stateParamsConf === null || stateParamsConf === void 0 ? void 0 : stateParamsConf[item.id])
+            ? stateParamsConf[item.id]
+            : stateParamsConf;
+        allowedParams = (0, pick_1.default)(paramsConf, Object.keys(item.defaults || {}));
     }
     if (Object.keys(allowedParams || {}).length !== Object.keys(stateParamsConf || {}).length) {
         console.warn('Параметры, которых нет в defaults, будут проигнорированы!');
@@ -159,8 +164,54 @@ function getNewItemData({ item, config, counter: argsCounter, salt, options }) {
         });
         data = Object.assign(Object.assign({}, item.data), { tabs });
     }
+    if ((0, shared_1.isItemWithGroup)(item)) {
+        const group = item.data.group.map((groupItem) => {
+            if (groupItem.id) {
+                return groupItem;
+            }
+            const newIdGroupData = (0, get_new_id_1.getNewId)({ config, salt, counter, excludeIds });
+            counter = newIdGroupData.counter;
+            excludeIds.push(newIdGroupData.id);
+            return Object.assign(Object.assign({}, groupItem), { id: newIdGroupData.id, namespace: groupItem.namespace || constants_1.DEFAULT_NAMESPACE });
+        });
+        data = Object.assign(Object.assign({}, item.data), { group });
+    }
     return { data, counter, excludeIds };
 }
+function changeGroupParams({ groupItemIds, initiatorId, initiatorItem, itemsStateAndParams, stateAndParams, config, unusedIds, }) {
+    var _a;
+    const meta = (0, shared_1.addGroupToQueue)({
+        id: initiatorId,
+        groupItemIds,
+        config,
+        itemsStateAndParams,
+    });
+    const updatedItems = {};
+    const currentItemParams = (_a = itemsStateAndParams[initiatorId]) === null || _a === void 0 ? void 0 : _a.params;
+    for (const groupItem of initiatorItem.data.group) {
+        if (groupItemIds.includes(groupItem.id)) {
+            const allowableParams = getAllowableChangedParams(groupItem, stateAndParams, itemsStateAndParams);
+            const allowableActionParams = getAllowableChangedParams(groupItem, stateAndParams, itemsStateAndParams, { type: 'actionParams', returnPrefix: true });
+            updatedItems[groupItem.id] = Object.assign(Object.assign({}, allowableParams), allowableActionParams);
+            continue;
+        }
+        if (currentItemParams && currentItemParams[groupItem.id]) {
+            updatedItems[groupItem.id] = currentItemParams[groupItem.id];
+        }
+    }
+    const obj = {
+        $unset: unusedIds,
+        [initiatorId]: {
+            $auto: {
+                params: {
+                    $set: updatedItems,
+                },
+            },
+        },
+        [shared_1.META_KEY]: { $set: meta },
+    };
+    return (0, immutability_helper_1.default)(itemsStateAndParams, obj);
+}
 class UpdateManager {
     static addItem({ item, namespace = constants_1.DEFAULT_NAMESPACE, layout, config, options, }) {
         const layoutY = Math.max(0, ...config.layout.map(({ h, y }) => h + y));
@@ -197,9 +248,13 @@ class UpdateManager {
         }
         const itemIndex = config.items.findIndex((item) => item.id === id);
         const item = config.items[itemIndex];
-        const itemIds = (0, shared_1.isItemWithTabs)(item)
-            ? [id].concat(item.data.tabs.map((tab) => tab.id))
-            : [id];
+        let itemIds = [id];
+        if ((0, shared_1.isItemWithTabs)(item)) {
+            itemIds = [id].concat(item.data.tabs.map((tab) => tab.id));
+        }
+        if ((0, shared_1.isItemWithGroup)(item)) {
+            itemIds = [id].concat(item.data.group.map((groupItem) => groupItem.id));
+        }
         const connections = config.connections.filter(({ from, to }) => !itemIds.includes(from) && !itemIds.includes(to));
         return {
             config: (0, immutability_helper_1.default)(config, {
@@ -252,6 +307,7 @@ class UpdateManager {
         const newTabId = (_a = stateAndParams.state) === null || _a === void 0 ? void 0 : _a.tabId;
         const isTabSwitched = (0, shared_1.isItemWithTabs)(initiatorItem) && Boolean(newTabId);
         const currentMeta = (0, shared_1.getItemsStateAndParamsMeta)(itemsStateAndParams);
+        const groupItemIds = options === null || options === void 0 ? void 0 : options.groupItemIds;
         if (action === 'removeItem') {
             return (0, immutability_helper_1.default)(itemsStateAndParams, {
                 $unset: [...unusedIds, initiatorId],
@@ -266,6 +322,17 @@ class UpdateManager {
                 },
             });
         }
+        if ((0, shared_1.isItemWithGroup)(initiatorItem) && groupItemIds) {
+            return changeGroupParams({
+                initiatorId,
+                initiatorItem,
+                groupItemIds,
+                itemsStateAndParams,
+                stateAndParams,
+                config,
+                unusedIds,
+            });
+        }
         if ('params' in stateAndParams) {
             const allowableParams = getAllowableChangedParams(initiatorItem, stateAndParams, itemsStateAndParams);
             const allowableActionParams = getAllowableChangedParams(initiatorItem, stateAndParams, itemsStateAndParams, { type: 'actionParams', returnPrefix: true });

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ButtonView, ButtonSize, IconProps, MenuItemProps } from '@gravity-ui/uikit';
-import { ConfigItem, PluginBase, StringParams, Config, ItemState } from '../../shared';
+import { ButtonSize, ButtonView, IconProps, MenuItemProps } from '@gravity-ui/uikit';
+import { Config, ConfigItem, ItemState, PluginBase, StringParams } from '../../shared';
 import type { RegisterManager } from '../../utils/register-manager';
 import './OverlayControls.css';
 export declare enum OverlayControlsPosition {
@@ -46,7 +46,9 @@ type PreparedCopyItemOptionsArg = Pick<ConfigItem, 'data' | 'type' | 'defaults'
         h: number;
     };
 };
-export type PreparedCopyItemOptions = PreparedCopyItemOptionsArg;
+export type PreparedCopyItemOptions<C extends object = {}> = PreparedCopyItemOptionsArg & {
+    copyContext?: C;
+};
 type DashKitCtx = React.Context<{
     context: Record<string, any>;
     registerManager: RegisterManager;

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

@@ -2,8 +2,8 @@ import React from 'react';
 import i18n from '../../i18n';
 import noop from 'lodash/noop';
 import { DashKitContext } from '../../context/DashKitContext';
-import { Icon, DropdownMenu, Button, } from '@gravity-ui/uikit';
-import { COPIED_WIDGET_STORE_KEY, OVERLAY_CONTROLS_CLASS_NAME, MenuItems } from '../../constants';
+import { Button, DropdownMenu, Icon, } from '@gravity-ui/uikit';
+import { COPIED_WIDGET_STORE_KEY, MenuItems, OVERLAY_CONTROLS_CLASS_NAME } from '../../constants';
 import { DotsIcon } from '../../icons/DotsIcon';
 import { CogIcon } from '../../icons/CogIcon';
 import { CloseIcon } from '../../icons/CloseIcon';