@gravity-ui/dashkit 7.0.0 → 7.1.0

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

@@ -3,6 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const constants_1 = require("../../constants");
 const helpers_1 = require("../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';
@@ -13,6 +16,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',
@@ -121,6 +143,58 @@ describe('modules.helpers', () => {
                 },
             ]).toEqual((0, helpers_1.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',
+                        },
+                    },
+                },
+                [constants_1.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((0, helpers_1.formQueueData)({ items: [controlItem1], itemsStateAndParams }));
+            const controlItem2 = getMockedGroupControlItem({ defaults: { number: 'one', size: 's' } });
+            expect([
+                {
+                    id: DEFAULT_GROUP_ITEM_ID,
+                    namespace: NAMESPACE,
+                    params: {},
+                },
+            ]).toEqual((0, helpers_1.formQueueData)({ items: [controlItem2], itemsStateAndParams }));
+            const controlItem4 = getMockedGroupControlItem({ defaults: { scale: 'm', size: 's' } });
+            expect([
+                {
+                    id: DEFAULT_GROUP_ITEM_ID,
+                    namespace: NAMESPACE,
+                    params: {
+                        scale: 'd',
+                    },
+                },
+            ]).toEqual((0, helpers_1.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((0, helpers_1.formQueueData)({ items: [controlItem5], itemsStateAndParams }));
+        });
         it('return correct queue data for widget: common', () => {
             const itemsStateAndParams = {
                 [DEFAULT_WIDGET_ID]: {
@@ -232,10 +306,18 @@ describe('modules.helpers', () => {
                         view: 'normal',
                     },
                 },
+                [DEFAULT_CONTROL_ID_2]: {
+                    params: {
+                        [DEFAULT_GROUP_ITEM_ID]: {
+                            size: 'm',
+                        },
+                    },
+                },
                 [constants_1.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,
                 },
@@ -250,19 +332,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((0, helpers_1.formQueueData)({
-                items: [widgetItem2, widgetItem3, control1, widgetItem1, control2],
+                items: [
+                    widgetItem2,
+                    widgetItem3,
+                    control1,
+                    widgetItem1,
+                    control2,
+                    groupControl1,
+                    groupControl2,
+                ],
                 itemsStateAndParams,
             }));
         });
@@ -291,4 +395,110 @@ describe('modules.helpers', () => {
             expect(exeptActionParam3.out).toEqual((0, helpers_1.pickExceptActionParamsFromParams)(exeptActionParam3.in));
         });
     });
+    describe('queue helpers', () => {
+        it('add common control to the end of queue', () => {
+            const itemsStateAndParams = {
+                [constants_1.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((0, helpers_1.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 = {
+                [constants_1.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((0, helpers_1.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 = {
+                [constants_1.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((0, helpers_1.addToQueue)({
+                id: DEFAULT_CONTROL_ID,
+                config,
+                itemsStateAndParams,
+            }));
+        });
+        it('add group control to queue', () => {
+            const itemsStateAndParams = {
+                [constants_1.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((0, helpers_1.addGroupToQueue)({
+                id: DEFAULT_CONTROL_ID_2,
+                groupItemIds: [DEFAULT_GROUP_ITEM_ID, DEFAULT_GROUP_ITEM_ID_2],
+                config,
+                itemsStateAndParams,
+            }));
+        });
+    });
 });

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

@@ -1,11 +1,12 @@
-import { Config, ConfigAliases, ConfigConnection, ConfigItem, ConfigItemWithTabs, ItemStateAndParams, ItemsStateAndParams, PluginBase, StateAndParamsMetaData, StringParams } 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/cjs/shared/modules/helpers.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.hasActionParams = exports.hasActionParam = exports.transformParamsToActionParams = exports.pickExceptActionParamsFromParams = exports.pickActionParamsFromParams = exports.deleteFromQueue = exports.addToQueue = exports.getInitialItemsStateAndParamsMeta = exports.mergeParamsWithAliases = exports.getMapItemsIgnores = exports.resolveItemInnerId = exports.formQueueData = exports.isItemWithTabs = exports.getCurrentVersion = exports.getItemsStateAndParamsMeta = exports.prerenderItems = void 0;
+exports.hasActionParams = exports.hasActionParam = exports.transformParamsToActionParams = exports.pickExceptActionParamsFromParams = exports.pickActionParamsFromParams = exports.deleteFromQueue = exports.addGroupToQueue = exports.addToQueue = exports.getInitialItemsStateAndParamsMeta = exports.mergeParamsWithAliases = exports.getMapItemsIgnores = exports.resolveItemInnerId = exports.formQueueData = exports.isItemWithGroup = exports.isItemWithTabs = exports.getCurrentVersion = exports.getItemsStateAndParamsMeta = exports.prerenderItems = void 0;
 const tslib_1 = require("tslib");
 const get_1 = tslib_1.__importDefault(require("lodash/get"));
 const invert_1 = tslib_1.__importDefault(require("lodash/invert"));
@@ -44,31 +44,56 @@ function getCurrentVersion(itemsStateAndParams) {
     return meta.version;
 }
 exports.getCurrentVersion = getCurrentVersion;
-function nonNullable(value) {
-    return value !== null && value !== undefined;
+function isConfigData(item) {
+    return 'data' in item && 'type' in item;
 }
 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);
 }
 exports.isItemWithTabs = isItemWithTabs;
+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);
+}
+exports.isItemWithGroup = isItemWithGroup;
 // Array of parameters from widgets according to queue
 function formQueueData({ items, itemsStateAndParams, }) {
     var _a;
     const queue = ((_a = getItemsStateAndParamsMeta(itemsStateAndParams)) === null || _a === void 0 ? void 0 : _a.queue) || [];
     const keyById = (0, keyBy_1.default)(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 = (0, get_1.default)(itemsStateAndParams, [item.id, 'params'], {});
+            const groupItem = item.data.group.find(({ id }) => id === groupItemId);
+            if (!groupItem) {
+                return queueArray;
+            }
+            const groupItemQueueParams = itemQueueParams[groupItemId];
+            const filteredParamsByDefaults = (0, pick_1.default)(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 = (0, get_1.default)(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) || {};
@@ -76,19 +101,18 @@ function formQueueData({ items, itemsStateAndParams, }) {
         else {
             itemDefaultParams = item.defaults || {};
         }
-        const itemQueueParams = (0, get_1.default)(itemsStateAndParams, [item.id, 'params'], {});
         const filteredParamsByDefaults = (0, pick_1.default)(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;
+    }, []);
 }
 exports.formQueueData = formQueueData;
 function resolveItemInnerId({ item, itemsStateAndParams, }) {
@@ -151,6 +175,17 @@ function getInitialItemsStateAndParamsMeta() {
     };
 }
 exports.getInitialItemsStateAndParamsMeta = getInitialItemsStateAndParamsMeta;
+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;
+    }, []);
+}
 function addToQueue({ id, tabId, config, itemsStateAndParams, }) {
     const queueItem = { id };
     if (tabId) {
@@ -160,17 +195,47 @@ function addToQueue({ id, tabId, config, itemsStateAndParams, }) {
     if (!meta) {
         return { queue: [queueItem], version: constants_1.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 || constants_1.CURRENT_VERSION,
     };
 }
 exports.addToQueue = addToQueue;
+function addGroupToQueue({ id, groupItemIds, config, itemsStateAndParams, }) {
+    const queueItems = groupItemIds.map((groupItemId) => ({
+        id,
+        groupItemId,
+    }));
+    const meta = getItemsStateAndParamsMeta(itemsStateAndParams);
+    if (!meta) {
+        return { queue: queueItems, version: constants_1.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 || constants_1.CURRENT_VERSION,
+    };
+}
+exports.addGroupToQueue = addGroupToQueue;
 function deleteFromQueue(data) {
     const meta = addToQueue(data);
     return Object.assign(Object.assign({}, meta), { queue: meta.queue.slice(0, -1) });
@@ -236,7 +301,12 @@ exports.transformParamsToActionParams = transformParamsToActionParams;
  * @param conf
  */
 function hasActionParam(conf) {
-    return Object.keys(conf || {}).some((key) => key.startsWith(constants_1.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(constants_1.ACTION_PARAM_PREFIX));
+        }
+        return key.startsWith(constants_1.ACTION_PARAM_PREFIX);
+    });
 }
 exports.hasActionParam = hasActionParam;
 /**

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

@@ -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/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));