@gravity-ui/dashkit 6.8.0 → 6.10.0

package/build/esm/shared/modules/__tests__/helpers.test.js

@@ -1,6 +1,9 @@
 import { ACTION_PARAM_PREFIX, META_KEY } from '../../constants';
-import { formQueueData, hasActionParams, pickExceptActionParamsFromParams, transformParamsToActionParams, } from '../helpers';
+import { addGroupToQueue, addToQueue, formQueueData, hasActionParams, pickExceptActionParamsFromParams, transformParamsToActionParams, } from '../helpers';
 const DEFAULT_CONTROL_ID = 'controlId';
+const DEFAULT_CONTROL_ID_2 = 'controlId2';
+const DEFAULT_GROUP_ITEM_ID = 'groupItemId';
+const DEFAULT_GROUP_ITEM_ID_2 = 'groupItemId2';
 const DEFAULT_WIDGET_ID = 'widgetId';
 const DEFAULT_WIDGET_TAB_ID = 'widget_tabId';
 const NAMESPACE = 'default';
@@ -11,6 +14,25 @@ const getMockedControlItem = ({ id = DEFAULT_CONTROL_ID, defaults, }) => ({
     type: 'control',
     namespace: NAMESPACE,
 });
+const getMockedGroupControlItem = ({ id = DEFAULT_CONTROL_ID, groupItemId = DEFAULT_GROUP_ITEM_ID, groupItemId2 = DEFAULT_GROUP_ITEM_ID_2, defaults, }) => ({
+    id,
+    data: {
+        group: [
+            { id: groupItemId, namespace: NAMESPACE, defaults },
+            { id: groupItemId2, namespace: NAMESPACE, defaults },
+        ],
+    },
+    type: 'group-control',
+    namespace: NAMESPACE,
+});
+const getMockedConfig = ({ items }) => ({
+    items,
+    salt: '0.9021043992843898',
+    counter: 124,
+    layout: [],
+    aliases: {},
+    connections: [],
+});
 const stateAndParamsWithParamsOnly = {
     params: {
         paramName: 'param1',
@@ -119,6 +141,58 @@ describe('modules.helpers', () => {
                 },
             ]).toEqual(formQueueData({ items: [controlItem5], itemsStateAndParams }));
         });
+        it('return correct queue data for control: group control', () => {
+            const itemsStateAndParams = {
+                [DEFAULT_CONTROL_ID]: {
+                    params: {
+                        [DEFAULT_GROUP_ITEM_ID]: {
+                            scale: 'd',
+                            view: 'normal',
+                        },
+                    },
+                },
+                [META_KEY]: {
+                    queue: [{ id: DEFAULT_CONTROL_ID, groupItemId: DEFAULT_GROUP_ITEM_ID }],
+                    version: 2,
+                },
+            };
+            const controlItem1 = getMockedGroupControlItem({
+                id: 'control-1',
+                groupItemId: 'group-control-1',
+            });
+            expect([]).toEqual(formQueueData({ items: [controlItem1], itemsStateAndParams }));
+            const controlItem2 = getMockedGroupControlItem({ defaults: { number: 'one', size: 's' } });
+            expect([
+                {
+                    id: DEFAULT_GROUP_ITEM_ID,
+                    namespace: NAMESPACE,
+                    params: {},
+                },
+            ]).toEqual(formQueueData({ items: [controlItem2], itemsStateAndParams }));
+            const controlItem4 = getMockedGroupControlItem({ defaults: { scale: 'm', size: 's' } });
+            expect([
+                {
+                    id: DEFAULT_GROUP_ITEM_ID,
+                    namespace: NAMESPACE,
+                    params: {
+                        scale: 'd',
+                    },
+                },
+            ]).toEqual(formQueueData({ items: [controlItem4], itemsStateAndParams }));
+            const controlItem5 = getMockedGroupControlItem({
+                defaults: { scale: 'm', size: 's', view: 'contrast' },
+            });
+            expect([
+                {
+                    id: DEFAULT_GROUP_ITEM_ID,
+                    namespace: NAMESPACE,
+                    params: {
+                        scale: 'd',
+                        view: 'normal',
+                    },
+                },
+            ]).toEqual(formQueueData({ items: [controlItem5], itemsStateAndParams }));
+        });
         it('return correct queue data for widget: common', () => {
             const itemsStateAndParams = {
                 [DEFAULT_WIDGET_ID]: {
@@ -230,10 +304,18 @@ describe('modules.helpers', () => {
                         view: 'normal',
                     },
                 },
+                [DEFAULT_CONTROL_ID_2]: {
+                    params: {
+                        [DEFAULT_GROUP_ITEM_ID]: {
+                            size: 'm',
+                        },
+                    },
+                },
                 [META_KEY]: {
                     queue: [
                         { id: DEFAULT_CONTROL_ID },
                         { id: DEFAULT_WIDGET_ID, tabId: DEFAULT_WIDGET_TAB_ID },
+                        { id: DEFAULT_CONTROL_ID_2, groupItemId: DEFAULT_GROUP_ITEM_ID },
                     ],
                     version: 2,
                 },
@@ -248,19 +330,41 @@ describe('modules.helpers', () => {
             });
             const control1 = getMockedControlItem({ id: 'control-1' });
             const control2 = getMockedControlItem({ defaults: { scale: 'm', view: 'contrast' } });
+            const groupControl1 = getMockedGroupControlItem({ id: 'group-control-1' });
+            const groupControl2 = getMockedGroupControlItem({
+                id: DEFAULT_CONTROL_ID_2,
+                defaults: { size: 'xl', view: 'normal' },
+            });
             expect([
                 {
                     id: DEFAULT_CONTROL_ID,
                     namespace: NAMESPACE,
-                    params: { scale: 'd' },
+                    params: {
+                        scale: 'd',
+                    },
                 },
                 {
                     id: DEFAULT_WIDGET_ID,
                     namespace: NAMESPACE,
                     params: { view: 'normal' },
                 },
+                {
+                    id: DEFAULT_GROUP_ITEM_ID,
+                    namespace: NAMESPACE,
+                    params: {
+                        size: 'm',
+                    },
+                },
             ]).toEqual(formQueueData({
-                items: [widgetItem2, widgetItem3, control1, widgetItem1, control2],
+                items: [
+                    widgetItem2,
+                    widgetItem3,
+                    control1,
+                    widgetItem1,
+                    control2,
+                    groupControl1,
+                    groupControl2,
+                ],
                 itemsStateAndParams,
             }));
         });
@@ -289,4 +393,110 @@ describe('modules.helpers', () => {
             expect(exeptActionParam3.out).toEqual(pickExceptActionParamsFromParams(exeptActionParam3.in));
         });
     });
+    describe('queue helpers', () => {
+        it('add common control to the end of queue', () => {
+            const itemsStateAndParams = {
+                [META_KEY]: {
+                    queue: [
+                        { id: DEFAULT_CONTROL_ID },
+                        { id: DEFAULT_CONTROL_ID_2, groupItemId: DEFAULT_GROUP_ITEM_ID },
+                    ],
+                    version: 2,
+                },
+            };
+            const config = getMockedConfig({
+                items: [
+                    getMockedControlItem({}),
+                    getMockedGroupControlItem({ id: DEFAULT_CONTROL_ID_2 }),
+                ],
+            });
+            expect({
+                queue: [
+                    { id: DEFAULT_CONTROL_ID_2, groupItemId: DEFAULT_GROUP_ITEM_ID },
+                    { id: DEFAULT_CONTROL_ID },
+                ],
+                version: 2,
+            }).toEqual(addToQueue({ id: DEFAULT_CONTROL_ID, config, itemsStateAndParams }));
+        });
+        it('remove unused items from queue after adding new group item: remove common items and group items', () => {
+            const itemsStateAndParams = {
+                [META_KEY]: {
+                    queue: [
+                        { id: 'control1' },
+                        { id: 'control2', tabId: 'tab' },
+                        { id: DEFAULT_CONTROL_ID_2, groupItemId: DEFAULT_GROUP_ITEM_ID_2 },
+                        { id: DEFAULT_CONTROL_ID },
+                        { id: DEFAULT_CONTROL_ID_2, groupItemId: 'group-item-1' },
+                    ],
+                    version: 2,
+                },
+            };
+            const config = getMockedConfig({
+                items: [
+                    getMockedControlItem({}),
+                    getMockedGroupControlItem({ id: DEFAULT_CONTROL_ID_2 }),
+                ],
+            });
+            expect({
+                queue: [
+                    { id: DEFAULT_CONTROL_ID_2, groupItemId: DEFAULT_GROUP_ITEM_ID_2 },
+                    { id: DEFAULT_CONTROL_ID },
+                    { id: DEFAULT_CONTROL_ID_2, groupItemId: DEFAULT_GROUP_ITEM_ID },
+                ],
+                version: 2,
+            }).toEqual(addGroupToQueue({
+                id: DEFAULT_CONTROL_ID_2,
+                groupItemIds: [DEFAULT_GROUP_ITEM_ID],
+                config,
+                itemsStateAndParams,
+            }));
+        });
+        it('remove unused items from queue after adding new item: remove common items and item with group', () => {
+            const itemsStateAndParams = {
+                [META_KEY]: {
+                    queue: [
+                        { id: 'control1' },
+                        { id: 'control2', tabId: 'a3' },
+                        { id: DEFAULT_CONTROL_ID_2, groupItemId: DEFAULT_GROUP_ITEM_ID_2 },
+                        { id: DEFAULT_CONTROL_ID_2, groupItemId: DEFAULT_GROUP_ITEM_ID },
+                    ],
+                    version: 2,
+                },
+            };
+            const config = getMockedConfig({
+                items: [getMockedControlItem({})],
+            });
+            expect({
+                queue: [{ id: DEFAULT_CONTROL_ID }],
+                version: 2,
+            }).toEqual(addToQueue({
+                id: DEFAULT_CONTROL_ID,
+                config,
+                itemsStateAndParams,
+            }));
+        });
+        it('add group control to queue', () => {
+            const itemsStateAndParams = {
+                [META_KEY]: {
+                    queue: [{ id: DEFAULT_CONTROL_ID_2, groupItemId: DEFAULT_GROUP_ITEM_ID_2 }],
+                    version: 2,
+                },
+            };
+            const config = getMockedConfig({
+                items: [getMockedGroupControlItem({})],
+            });
+            expect({
+                queue: [
+                    { id: DEFAULT_CONTROL_ID_2, groupItemId: DEFAULT_GROUP_ITEM_ID },
+                    { id: DEFAULT_CONTROL_ID_2, groupItemId: DEFAULT_GROUP_ITEM_ID_2 },
+                ],
+                version: 2,
+            }).toEqual(addGroupToQueue({
+                id: DEFAULT_CONTROL_ID_2,
+                groupItemIds: [DEFAULT_GROUP_ITEM_ID, DEFAULT_GROUP_ITEM_ID_2],
+                config,
+                itemsStateAndParams,
+            }));
+        });
+    });
 });

package/build/esm/shared/modules/helpers.d.ts

@@ -1,11 +1,12 @@
-import { PluginBase, ConfigItem, ItemsStateAndParams, StateAndParamsMetaData, StringParams, ConfigConnection, ConfigAliases, ConfigItemWithTabs, Config, ItemStateAndParams } from '../types';
+import { Config, ConfigAliases, ConfigConnection, ConfigItem, ConfigItemGroup, ConfigItemWithGroup, ConfigItemWithTabs, ItemStateAndParams, ItemsStateAndParams, PluginBase, StateAndParamsMetaData, StringParams } from '../types';
 export declare function prerenderItems({ items, plugins, }: {
     items: ConfigItem[];
     plugins: PluginBase[];
 }): ConfigItem[];
 export declare function getItemsStateAndParamsMeta(itemsStateAndParams: ItemsStateAndParams): StateAndParamsMetaData | undefined;
 export declare function getCurrentVersion(itemsStateAndParams: ItemsStateAndParams): number;
-export declare function isItemWithTabs(item: Pick<ConfigItem, 'data'>): item is Pick<ConfigItemWithTabs, 'data'>;
+export declare function isItemWithTabs(item: Pick<ConfigItem, 'data'> | ConfigItemGroup): item is Pick<ConfigItemWithTabs, 'data'>;
+export declare function isItemWithGroup(item: Pick<ConfigItem, 'data'>): item is Pick<ConfigItemWithGroup, 'data'>;
 export type FormedQueueData = {
     id: string;
     namespace: string;
@@ -16,11 +17,11 @@ export declare function formQueueData({ items, itemsStateAndParams, }: {
     itemsStateAndParams: ItemsStateAndParams;
 }): FormedQueueData[];
 export declare function resolveItemInnerId({ item, itemsStateAndParams, }: {
-    item: ConfigItem;
+    item: Pick<ConfigItemWithTabs, 'data' | 'id'>;
     itemsStateAndParams: ItemsStateAndParams;
 }): string;
 export declare function getMapItemsIgnores({ items, ignores, itemsStateAndParams, isFirstVersion, }: {
-    items: ConfigItem[];
+    items: (ConfigItem | ConfigItemGroup)[];
     ignores: ConfigConnection[];
     itemsStateAndParams: ItemsStateAndParams;
     isFirstVersion: boolean;
@@ -35,10 +36,18 @@ export declare function getInitialItemsStateAndParamsMeta(): StateAndParamsMetaD
 interface ChangeQueueArg {
     id: string;
     tabId?: string;
+    groupItemId?: string;
+    config: Config;
+    itemsStateAndParams: ItemsStateAndParams;
+}
+interface ChangeQueueGroupArg {
+    id: string;
+    groupItemIds: string[];
     config: Config;
     itemsStateAndParams: ItemsStateAndParams;
 }
 export declare function addToQueue({ id, tabId, config, itemsStateAndParams, }: ChangeQueueArg): StateAndParamsMetaData;
+export declare function addGroupToQueue({ id, groupItemIds, config, itemsStateAndParams, }: ChangeQueueGroupArg): StateAndParamsMetaData;
 export declare function deleteFromQueue(data: ChangeQueueArg): StateAndParamsMetaData;
 /**
  * public function for getting only actionParams from object (all fields with keys that contains prefix)
@@ -63,7 +72,7 @@ export declare function transformParamsToActionParams(params: ItemStateAndParams
  * check if object contains actionParams
  * @param conf
  */
-export declare function hasActionParam(conf?: StringParams): boolean;
+export declare function hasActionParam(conf?: StringParams | Record<string, StringParams>): boolean;
 /**
  * check if ItemStateAndParams object has actionParams in params or state field
  * @param stateAndParams

package/build/esm/shared/modules/helpers.js

@@ -3,7 +3,7 @@ import get from 'lodash/get';
 import invert from 'lodash/invert';
 import isEmpty from 'lodash/isEmpty';
 import pick from 'lodash/pick';
-import { META_KEY, CURRENT_VERSION, ACTION_PARAM_PREFIX } from '../constants';
+import { ACTION_PARAM_PREFIX, CURRENT_VERSION, META_KEY } from '../constants';
 function getNormalizedPlugins(plugins) {
     return keyBy(plugins, 'type');
 }
@@ -37,30 +37,54 @@ export function getCurrentVersion(itemsStateAndParams) {
     }
     return meta.version;
 }
-function nonNullable(value) {
-    return value !== null && value !== undefined;
+function isConfigData(item) {
+    return 'data' in item && 'type' in item;
 }
 export function isItemWithTabs(item) {
     var _a;
-    return Array.isArray((_a = item === null || item === void 0 ? void 0 : item.data) === null || _a === void 0 ? void 0 : _a.tabs);
+    return isConfigData(item) && Array.isArray((_a = item === null || item === void 0 ? void 0 : item.data) === null || _a === void 0 ? void 0 : _a.tabs);
+}
+export function isItemWithGroup(item) {
+    var _a;
+    return Array.isArray((_a = item === null || item === void 0 ? void 0 : item.data) === null || _a === void 0 ? void 0 : _a.group);
 }
 // Array of parameters from widgets according to queue
 export function formQueueData({ items, itemsStateAndParams, }) {
     var _a;
     const queue = ((_a = getItemsStateAndParamsMeta(itemsStateAndParams)) === null || _a === void 0 ? void 0 : _a.queue) || [];
     const keyById = keyBy(items, 'id');
-    return queue
-        .map((queueItem) => {
+    return queue.reduce((queueArray, queueItem) => {
         var _a;
-        const { id: queueId, tabId } = queueItem;
+        const { id: queueId, tabId, groupItemId } = queueItem;
         const item = keyById[queueId];
-        if (!item) {
-            return null;
+        const isGroup = isItemWithGroup(item);
+        if (!item || (isGroup && !groupItemId)) {
+            return queueArray;
+        }
+        if (isGroup && groupItemId) {
+            const itemQueueParams = get(itemsStateAndParams, [item.id, 'params'], {});
+            const groupItem = item.data.group.find(({ id }) => id === groupItemId);
+            if (!groupItem) {
+                return queueArray;
+            }
+            const groupItemQueueParams = itemQueueParams[groupItemId];
+            const filteredParamsByDefaults = pick(groupItemQueueParams, Object.keys(groupItem.defaults || {}));
+            /**
+             * merging filtered params and filtered actionParams with prefixes
+             */
+            const params = Object.assign(Object.assign({}, filteredParamsByDefaults), (pickActionParamsFromParams(groupItemQueueParams, true) || {}));
+            queueArray.push({
+                id: groupItem.id,
+                namespace: groupItem.namespace,
+                params,
+            });
+            return queueArray;
         }
+        const itemQueueParams = get(itemsStateAndParams, [item.id, 'params'], {});
         let itemDefaultParams;
         if (isItemWithTabs(item)) {
             if (!tabId || resolveItemInnerId({ item, itemsStateAndParams }) !== tabId) {
-                return null;
+                return queueArray;
             }
             itemDefaultParams =
                 ((_a = item.data.tabs.find((tabData) => tabData.id === tabId)) === null || _a === void 0 ? void 0 : _a.params) || {};
@@ -68,19 +92,18 @@ export function formQueueData({ items, itemsStateAndParams, }) {
         else {
             itemDefaultParams = item.defaults || {};
         }
-        const itemQueueParams = get(itemsStateAndParams, [item.id, 'params'], {});
         const filteredParamsByDefaults = pick(itemQueueParams, Object.keys(itemDefaultParams));
         /**
          * merging filtered params and filtered actionParams with prefixes
          */
         const params = Object.assign(Object.assign({}, filteredParamsByDefaults), (pickActionParamsFromParams(itemQueueParams, true) || {}));
-        return {
+        queueArray.push({
             id: item.id,
             namespace: item.namespace,
             params,
-        };
-    })
-        .filter(nonNullable);
+        });
+        return queueArray;
+    }, []);
 }
 export function resolveItemInnerId({ item, itemsStateAndParams, }) {
     var _a, _b;
@@ -138,6 +161,17 @@ export function getInitialItemsStateAndParamsMeta() {
         version: CURRENT_VERSION,
     };
 }
+function getActualItemsIds(items) {
+    return items.reduce((ids, item) => {
+        if (isItemWithGroup(item)) {
+            item.data.group.forEach((groupItem) => {
+                ids.push(groupItem.id);
+            });
+        }
+        ids.push(item.id);
+        return ids;
+    }, []);
+}
 export function addToQueue({ id, tabId, config, itemsStateAndParams, }) {
     const queueItem = { id };
     if (tabId) {
@@ -147,16 +181,45 @@ export function addToQueue({ id, tabId, config, itemsStateAndParams, }) {
     if (!meta) {
         return { queue: [queueItem], version: CURRENT_VERSION };
     }
-    const { items } = config;
-    const actualIds = items.map((item) => item.id);
+    const actualIds = getActualItemsIds(config.items);
     const metaQueue = meta.queue || [];
+    const notCurrent = (item) => {
+        if (item.groupItemId) {
+            return actualIds.includes(item.groupItemId);
+        }
+        return item.id !== id;
+    };
     return {
         queue: metaQueue
-            .filter((item) => actualIds.includes(item.id) && item.id !== id)
+            .filter((item) => actualIds.includes(item.id) && notCurrent(item))
             .concat(queueItem),
         version: meta.version || CURRENT_VERSION,
     };
 }
+export function addGroupToQueue({ id, groupItemIds, config, itemsStateAndParams, }) {
+    const queueItems = groupItemIds.map((groupItemId) => ({
+        id,
+        groupItemId,
+    }));
+    const meta = getItemsStateAndParamsMeta(itemsStateAndParams);
+    if (!meta) {
+        return { queue: queueItems, version: CURRENT_VERSION };
+    }
+    const actualIds = getActualItemsIds(config.items);
+    const metaQueue = meta.queue || [];
+    const notCurrent = (item) => {
+        if (item.groupItemId) {
+            return actualIds.includes(item.groupItemId) && !groupItemIds.includes(item.groupItemId);
+        }
+        return true;
+    };
+    return {
+        queue: metaQueue
+            .filter((item) => actualIds.includes(item.id) && notCurrent(item))
+            .concat(queueItems),
+        version: meta.version || CURRENT_VERSION,
+    };
+}
 export function deleteFromQueue(data) {
     const meta = addToQueue(data);
     return Object.assign(Object.assign({}, meta), { queue: meta.queue.slice(0, -1) });
@@ -218,7 +281,12 @@ export function transformParamsToActionParams(params) {
  * @param conf
  */
 export function hasActionParam(conf) {
-    return Object.keys(conf || {}).some((key) => key.startsWith(ACTION_PARAM_PREFIX));
+    return Object.keys(conf || {}).some((key) => {
+        if (conf && typeof conf[key] === 'object' && !Array.isArray(conf[key])) {
+            return Object.keys(conf[key]).some((subkey) => subkey.startsWith(ACTION_PARAM_PREFIX));
+        }
+        return key.startsWith(ACTION_PARAM_PREFIX);
+    });
 }
 /**
  * check if ItemStateAndParams object has actionParams in params or state field

package/build/esm/shared/modules/state-and-params.d.ts

@@ -1,4 +1,4 @@
-import { GlobalParams, Config, ItemsStateAndParams, PluginBase, StringParams, ItemState } from '../types';
+import { Config, GlobalParams, ItemState, ItemsStateAndParams, PluginBase, StringParams } from '../types';
 export interface GetItemsParamsArg {
     defaultGlobalParams: GlobalParams;
     globalParams: GlobalParams;
@@ -6,7 +6,7 @@ export interface GetItemsParamsArg {
     itemsStateAndParams: ItemsStateAndParams;
     plugins: PluginBase[];
 }
-type GetItemsParamsReturn = Record<string, StringParams>;
+type GetItemsParamsReturn = Record<string, StringParams | Record<string, StringParams>>;
 export declare function getItemsParams({ defaultGlobalParams, globalParams, config, itemsStateAndParams, plugins, }: GetItemsParamsArg): GetItemsParamsReturn;
 export declare function getItemsState({ config, itemsStateAndParams, }: {
     config: Config;

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

@@ -1,21 +1,75 @@
 import groupBy from 'lodash/groupBy';
 import { META_KEY } from '../constants';
-import { prerenderItems, formQueueData, getMapItemsIgnores, mergeParamsWithAliases, getCurrentVersion, pickActionParamsFromParams, hasActionParam, pickExceptActionParamsFromParams, isItemWithTabs, resolveItemInnerId, } from './helpers';
+import { formQueueData, getCurrentVersion, getMapItemsIgnores, hasActionParam, isItemWithGroup, isItemWithTabs, mergeParamsWithAliases, pickActionParamsFromParams, pickExceptActionParamsFromParams, prerenderItems, resolveItemInnerId, } from './helpers';
+function getItemParams({ item, itemsStateAndParams, mapItemsIgnores, itemsWithDefaultsByNamespace, getMergedParams, defaultGlobalParams, globalParams, isFirstVersion, queueData, }) {
+    var _a, _b;
+    const { id, namespace } = item;
+    let defaultWidgetParams = {};
+    if (isItemWithTabs(item)) {
+        const currentWidgetTabId = 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 && hasActionParam(data.params);
+            if (needAliasesForActionParams) {
+                actionParams = pickActionParamsFromParams(data.params);
+                params = 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);
+}
 export function getItemsParams({ defaultGlobalParams = {}, globalParams = {}, config, itemsStateAndParams, plugins, }) {
     const { aliases, connections } = config;
     const items = prerenderItems({ items: config.items, plugins });
     const isFirstVersion = getCurrentVersion(itemsStateAndParams) === 1;
+    const allItems = items.reduce((paramsItems, item) => {
+        if (isItemWithGroup(item)) {
+            item.data.group.forEach((groupItem) => {
+                paramsItems.push(groupItem);
+            });
+            return paramsItems;
+        }
+        paramsItems.push(item);
+        return paramsItems;
+    }, []);
     const queueData = isFirstVersion
         ? []
         : formQueueData({ items, itemsStateAndParams });
     // to consider other kind types in future (not only ignore)
     const mapItemsIgnores = getMapItemsIgnores({
-        items,
+        items: allItems,
         ignores: connections.filter(({ kind }) => kind === 'ignore'),
         itemsStateAndParams,
         isFirstVersion,
     });
-    const groupByNamespace = groupBy(items, 'namespace');
+    const groupByNamespace = groupBy(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
@@ -23,49 +77,26 @@ export function getItemsParams({ defaultGlobalParams = {}, globalParams = {}, co
             [namespace]: groupByNamespace[namespace].filter((item) => item.defaults) });
     }, {});
     return items.reduce((itemsParams, item) => {
-        var _a, _b;
         const { id, namespace } = item;
-        let defaultWidgetParams = {};
-        if (isItemWithTabs(item)) {
-            const currentWidgetTabId = 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) => 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 && hasActionParam(data.params);
-                if (needAliasesForActionParams) {
-                    actionParams = pickActionParamsFromParams(data.params);
-                    params = 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 (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)) });
     }, {});
 }
 export function getItemsState({ config, itemsStateAndParams, }) {