@gravity-ui/dashkit 5.1.0 → 5.3.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Changelog
 
+## [5.3.0](https://github.com/gravity-ui/dashkit/compare/v5.2.0...v5.3.0) (2023-04-06)
+
+
+### Features
+
+* add actionParams support ([#47](https://github.com/gravity-ui/dashkit/issues/47)) ([0c78ae2](https://github.com/gravity-ui/dashkit/commit/0c78ae2b96d9882ea27a7e7742d40728fadcfa84))
+
+## [5.2.0](https://github.com/gravity-ui/dashkit/compare/v5.1.0...v5.2.0) (2023-03-27)
+
+
+### Features
+
+* add custom qa attribute for overlay controls ([#45](https://github.com/gravity-ui/dashkit/issues/45)) ([738ce14](https://github.com/gravity-ui/dashkit/commit/738ce14a7883a88d3096ed4c9bd21bcc16f3fd20))
+* export OverlayControlItem type ([#50](https://github.com/gravity-ui/dashkit/issues/50)) ([a68cc5c](https://github.com/gravity-ui/dashkit/commit/a68cc5cb4e4470278220e18f79f9b82dc6a7cfba))
+
 ## [5.1.0](https://github.com/gravity-ui/dashkit/compare/v5.0.0...v5.1.0) (2023-02-09)
 
 

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

@@ -16,6 +16,7 @@ export interface OverlayControlItem {
     allWidgetsControls?: boolean;
     excludeWidgetsTypes?: Array<PluginBase['type']>;
     id?: string;
+    qa?: string;
 }
 export interface OverlayCustomControlItem {
     id: string;
@@ -25,6 +26,7 @@ export interface OverlayCustomControlItem {
     handler?: (item: ConfigItem, params: StringParams) => void;
     visible?: (item: ConfigItem) => boolean;
     className?: string;
+    qa?: string;
 }
 interface OverlayControlsDefaultProps {
     position: OverlayControlsPosition;

package/build/cjs/components/OverlayControls/OverlayControls.js

@@ -26,9 +26,9 @@ class OverlayControls extends react_1.default.Component {
         super(...arguments);
         this.renderControlsItem = (item, index, length) => {
             const { view, size } = this.props;
-            const { title, handler, icon, iconSize } = item;
+            const { title, handler, icon, iconSize, qa } = item;
             const onItemClickHandler = typeof handler === 'function' ? handler : noop_1.default;
-            return (react_1.default.createElement(uikit_1.Button, { key: index, view: view, size: size, title: title, pin: this.getControlItemPinStyle(index, length), onClick: () => onItemClickHandler(this.props.configItem) },
+            return (react_1.default.createElement(uikit_1.Button, { key: index, view: view, size: size, title: title, pin: this.getControlItemPinStyle(index, length), onClick: () => onItemClickHandler(this.props.configItem), qa: qa },
                 react_1.default.createElement(uikit_1.Icon, { data: icon || CogIcon_1.CogIcon, size: icon ? iconSize : 24 })));
         };
         this.getCustomLeftOverlayControls = () => {
@@ -171,10 +171,11 @@ class OverlayControls extends react_1.default.Component {
                     icon: item.icon,
                     action: itemAction,
                     className: item.className,
+                    qa: item.qa,
                 };
             });
         items = items.filter(Boolean);
-        return (react_1.default.createElement(uikit_1.DropdownMenu, { items: items, switcher: react_1.default.createElement(uikit_1.Button, { view: view, size: size, pin: "brick-round" },
+        return (react_1.default.createElement(uikit_1.DropdownMenu, { items: items, switcher: react_1.default.createElement(uikit_1.Button, { view: view, size: size, pin: "brick-round", qa: "dashkit-overlay-control-menu" },
                 react_1.default.createElement(uikit_1.Icon, { data: DotsIcon_1.DotsIcon, size: "16" })) }));
     }
     getControlItemPinStyle(index, itemsLength) {

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

@@ -1 +1,2 @@
 export * from './DashKit';
+export { OverlayControlItem } from './OverlayControls/OverlayControls';

package/build/cjs/shared/constants/common.d.ts

@@ -1,2 +1,3 @@
 export declare const CURRENT_VERSION = 2;
 export declare const META_KEY = "__meta__";
+export declare const ACTION_PARAM_PREFIX = "_ap_";

package/build/cjs/shared/constants/common.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.META_KEY = exports.CURRENT_VERSION = void 0;
+exports.ACTION_PARAM_PREFIX = exports.META_KEY = exports.CURRENT_VERSION = void 0;
 exports.CURRENT_VERSION = 2;
 exports.META_KEY = '__meta__';
+exports.ACTION_PARAM_PREFIX = '_ap_';

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

@@ -13,6 +13,59 @@ const getMockedControlItem = ({ id = DEFAULT_CONTROL_ID, defaults, }) => ({
     type: 'control',
     namespace: NAMESPACE,
 });
+const stateAndParamsWithParamsOnly = {
+    params: {
+        paramName: 'param1',
+    },
+};
+const stateAndParamsWithStateOnly = {
+    state: {
+        tabId: 'tabId1',
+    },
+};
+const stateAndParamsWithActionParamsInParamsOnly = {
+    params: {
+        _ap_paramName: 'param1',
+    },
+};
+const stateAndParamsWithStateAndActionParamsInParams = {
+    state: {
+        tabId: 'tabId1',
+    },
+    params: {
+        _ap_paramName: 'param1',
+    },
+};
+const stateAndParamsWithParamsAndActionParamsInParams = {
+    params: {
+        paramName2: 'param2',
+        _ap_paramName: 'param1',
+    },
+};
+const paramsToTransform = {
+    in: {
+        param1: 'val 1',
+        param2: 'val 2',
+    },
+    out: {
+        [`${constants_1.ACTION_PARAM_PREFIX}param1`]: 'val 1',
+        [`${constants_1.ACTION_PARAM_PREFIX}param2`]: 'val 2',
+    },
+};
+const exeptActionParam1 = {
+    in: stateAndParamsWithParamsOnly.params,
+    out: stateAndParamsWithParamsOnly.params,
+};
+const exeptActionParam2 = {
+    in: stateAndParamsWithActionParamsInParamsOnly.params,
+    out: {},
+};
+const exeptActionParam3 = {
+    in: stateAndParamsWithParamsAndActionParamsInParams.params,
+    out: {
+        paramName2: 'param2',
+    },
+};
 const getMockedWidgetItem = ({ id = DEFAULT_WIDGET_ID, tabs }) => ({
     id,
     data: { tabs },
@@ -214,4 +267,28 @@ describe('modules.helpers', () => {
             }));
         });
     });
+    describe('actionParams helpers', () => {
+        it('check hasActionParams', () => {
+            const empty = (0, helpers_1.hasActionParams)({});
+            expect(empty).toBeFalsy();
+            const withParamsOnly = (0, helpers_1.hasActionParams)(stateAndParamsWithParamsOnly);
+            expect(withParamsOnly).toBeFalsy();
+            const withStateOnly = (0, helpers_1.hasActionParams)(stateAndParamsWithStateOnly);
+            expect(withStateOnly).toBeFalsy();
+            const withAPinParams = (0, helpers_1.hasActionParams)(stateAndParamsWithActionParamsInParamsOnly);
+            expect(withAPinParams).toBeTruthy();
+            const withAPinParamsNState = (0, helpers_1.hasActionParams)(stateAndParamsWithStateAndActionParamsInParams);
+            expect(withAPinParamsNState).toBeTruthy();
+            const withParamsAndAPinParams = (0, helpers_1.hasActionParams)(stateAndParamsWithParamsAndActionParamsInParams);
+            expect(withParamsAndAPinParams).toBeTruthy();
+        });
+        it('check transformParamsToActionParams', () => {
+            expect(paramsToTransform.out).toEqual((0, helpers_1.transformParamsToActionParams)(paramsToTransform.in));
+        });
+        it('check pickExceptActionParamsFromParams', () => {
+            expect(exeptActionParam1.out).toEqual((0, helpers_1.pickExceptActionParamsFromParams)(exeptActionParam1.in));
+            expect(exeptActionParam2.out).toEqual((0, helpers_1.pickExceptActionParamsFromParams)(exeptActionParam2.in));
+            expect(exeptActionParam3.out).toEqual((0, helpers_1.pickExceptActionParamsFromParams)(exeptActionParam3.in));
+        });
+    });
 });

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

@@ -1,4 +1,4 @@
-import { PluginBase, ConfigItem, ItemsStateAndParams, StateAndParamsMetaData, StringParams, ConfigConnection, ConfigAliases, ConfigItemWithTabs, Config } from '../types';
+import { PluginBase, ConfigItem, ItemsStateAndParams, StateAndParamsMetaData, StringParams, ConfigConnection, ConfigAliases, ConfigItemWithTabs, Config, ItemStateAndParams } from '../types';
 export declare function prerenderItems({ items, plugins, }: {
     items: ConfigItem[];
     plugins: PluginBase[];
@@ -25,10 +25,11 @@ export declare function getMapItemsIgnores({ items, ignores, itemsStateAndParams
     itemsStateAndParams: ItemsStateAndParams;
     isFirstVersion: boolean;
 }): Record<string, string[]>;
-export declare function mergeParamsWithAliases({ aliases, namespace, params, }: {
+export declare function mergeParamsWithAliases({ aliases, namespace, params, actionParams, }: {
     aliases: ConfigAliases;
     namespace: string;
     params: StringParams;
+    actionParams?: StringParams;
 }): StringParams;
 export declare function getInitialItemsStateAndParamsMeta(): StateAndParamsMetaData;
 interface ChangeQueueArg {
@@ -39,4 +40,33 @@ interface ChangeQueueArg {
 }
 export declare function addToQueue({ id, tabId, config, itemsStateAndParams, }: ChangeQueueArg): StateAndParamsMetaData;
 export declare function deleteFromQueue(data: ChangeQueueArg): StateAndParamsMetaData;
+/**
+ * public function for getting only actionParams from object (all fields with keys that contains prefix)
+ * @param params - object for pick fields
+ * @param returnWithPrefix - format of returning actionParams fields (with actionParams prefix or without them)
+ *
+ * ex1: pickActionParamsFromParams({City: 'NY', _ap_Year: '2023'}, true) returns {_ap_Year: '2023'}
+ * ex2: pickActionParamsFromParams({City: 'NY', _ap_Year: '2023'}) returns {Year: '2023'}
+ */
+export declare function pickActionParamsFromParams(params: ItemStateAndParams['params'], returnWithPrefix?: boolean): StringParams;
+/**
+ * public function for getting params from object without actionParams
+ * @param params
+ */
+export declare function pickExceptActionParamsFromParams(params: ItemStateAndParams['params']): StringParams;
+/**
+ * public function for transforming object to actionParams format
+ * @param params
+ */
+export declare function transformParamsToActionParams(params: ItemStateAndParams['params']): StringParams;
+/**
+ * check if object contains actionParams
+ * @param conf
+ */
+export declare function hasActionParam(conf?: StringParams): boolean;
+/**
+ * check if ItemStateAndParams object has actionParams in params or state field
+ * @param stateAndParams
+ */
+export declare function hasActionParams(stateAndParams: ItemStateAndParams): boolean;
 export {};

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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.addToQueue = exports.getInitialItemsStateAndParamsMeta = exports.mergeParamsWithAliases = exports.getMapItemsIgnores = exports.resolveItemInnerId = exports.formQueueData = exports.isItemWithTabs = exports.getCurrentVersion = exports.getItemsStateAndParamsMeta = exports.prerenderItems = void 0;
 const tslib_1 = require("tslib");
 const keyBy_1 = tslib_1.__importDefault(require("lodash/keyBy"));
 const get_1 = tslib_1.__importDefault(require("lodash/get"));
@@ -52,7 +52,7 @@ function isItemWithTabs(item) {
     return Array.isArray((_a = item === null || item === void 0 ? void 0 : item.data) === null || _a === void 0 ? void 0 : _a.tabs);
 }
 exports.isItemWithTabs = isItemWithTabs;
-// Массив параметров, которые исходят от виджетов, согласно очереди
+// 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) || [];
@@ -77,10 +77,24 @@ function formQueueData({ items, itemsStateAndParams, }) {
             itemDefaultParams = item.defaults || {};
         }
         const itemQueueParams = (0, get_1.default)(itemsStateAndParams, [item.id, 'params'], {});
+        const filteredParamsByDefaults = (0, pick_1.default)(itemQueueParams, Object.keys(itemDefaultParams));
+        /**
+         * filtering actionParams without prefixes by defaults params
+         * ex.:
+         * itemDefaultParams contains 'Country' in defaults
+         * and we receive '_ap_Country' and '_ap_City' in itemQueueParams
+         * we need to ignore '_ap_City' param because we don't have actionParam without prefix ('City') in defaults
+         */
+        const actionParams = pickActionParamsFromParams(itemQueueParams, false) || {};
+        const filteredActionParamsByDefaults = (0, pick_1.default)(actionParams, Object.keys(itemDefaultParams));
+        /**
+         * merging filtered params and filtered actionParams with prefixes
+         */
+        const params = Object.assign(Object.assign({}, filteredParamsByDefaults), transformParamsToActionParams(filteredActionParamsByDefaults));
         return {
             id: item.id,
             namespace: item.namespace,
-            params: (0, pick_1.default)(itemQueueParams, Object.keys(itemDefaultParams)),
+            params,
         };
     })
         .filter(nonNullable);
@@ -125,10 +139,11 @@ function getMapItemsIgnores({ items, ignores, itemsStateAndParams, isFirstVersio
     }, {});
 }
 exports.getMapItemsIgnores = getMapItemsIgnores;
-function mergeParamsWithAliases({ aliases, namespace, params, }) {
+function mergeParamsWithAliases({ aliases, namespace, params, actionParams, }) {
     const aliasesByNamespace = (0, get_1.default)(aliases, [namespace], []);
-    return Object.keys(params).reduce((matchedParams, paramKey) => {
-        const paramValue = params[paramKey];
+    const items = Object.assign(Object.assign({}, (params || {})), (actionParams || {}));
+    return Object.keys(items).reduce((matchedParams, paramKey) => {
+        const paramValue = items[paramKey];
         const collectAliasesParamsKeys = aliasesByNamespace.reduce((collect, group) => {
             return group.includes(paramKey) ? collect.concat(group) : collect;
         }, [paramKey]);
@@ -170,3 +185,77 @@ function deleteFromQueue(data) {
     return Object.assign(Object.assign({}, meta), { queue: meta.queue.slice(0, -1) });
 }
 exports.deleteFromQueue = deleteFromQueue;
+/**
+ * public function for getting only actionParams from object (all fields with keys that contains prefix)
+ * @param params - object for pick fields
+ * @param returnWithPrefix - format of returning actionParams fields (with actionParams prefix or without them)
+ *
+ * ex1: pickActionParamsFromParams({City: 'NY', _ap_Year: '2023'}, true) returns {_ap_Year: '2023'}
+ * ex2: pickActionParamsFromParams({City: 'NY', _ap_Year: '2023'}) returns {Year: '2023'}
+ */
+function pickActionParamsFromParams(params, returnWithPrefix) {
+    if (!params || (0, isEmpty_1.default)(params)) {
+        return {};
+    }
+    const actionParams = {};
+    for (const [key, val] of Object.entries(params)) {
+        // starts with actionParams prefix (from'_ap_')
+        if (key.startsWith(constants_1.ACTION_PARAM_PREFIX)) {
+            const paramName = returnWithPrefix ? key : key.slice(constants_1.ACTION_PARAM_PREFIX.length);
+            actionParams[paramName] = val;
+        }
+    }
+    return actionParams;
+}
+exports.pickActionParamsFromParams = pickActionParamsFromParams;
+/**
+ * public function for getting params from object without actionParams
+ * @param params
+ */
+function pickExceptActionParamsFromParams(params) {
+    if (!params || (0, isEmpty_1.default)(params)) {
+        return {};
+    }
+    const onlyParams = {};
+    for (const [key, val] of Object.entries(params)) {
+        if (!key.startsWith(constants_1.ACTION_PARAM_PREFIX)) {
+            onlyParams[key] = val;
+        }
+    }
+    return onlyParams;
+}
+exports.pickExceptActionParamsFromParams = pickExceptActionParamsFromParams;
+/**
+ * public function for transforming object to actionParams format
+ * @param params
+ */
+function transformParamsToActionParams(params) {
+    if (!params || (0, isEmpty_1.default)(params)) {
+        return {};
+    }
+    const actionParams = {};
+    for (const [key, val] of Object.entries(params)) {
+        actionParams[`${constants_1.ACTION_PARAM_PREFIX}${key}`] = val;
+    }
+    return actionParams;
+}
+exports.transformParamsToActionParams = transformParamsToActionParams;
+/**
+ * check if object contains actionParams
+ * @param conf
+ */
+function hasActionParam(conf) {
+    return Object.keys(conf || {}).some((key) => key.startsWith(constants_1.ACTION_PARAM_PREFIX));
+}
+exports.hasActionParam = hasActionParam;
+/**
+ * check if ItemStateAndParams object has actionParams in params or state field
+ * @param stateAndParams
+ */
+function hasActionParams(stateAndParams) {
+    if (!stateAndParams || (0, isEmpty_1.default)(stateAndParams)) {
+        return false;
+    }
+    return hasActionParam(stateAndParams.params);
+}
+exports.hasActionParams = hasActionParams;

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

@@ -3,8 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getItemsStateAndParams = exports.getItemsState = exports.getItemsParams = void 0;
 const tslib_1 = require("tslib");
 const groupBy_1 = tslib_1.__importDefault(require("lodash/groupBy"));
-const helpers_1 = require("./helpers");
+const intersection_1 = tslib_1.__importDefault(require("lodash/intersection"));
+const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
 const constants_1 = require("../constants");
+const helpers_1 = require("./helpers");
 function getItemsParams({ defaultGlobalParams = {}, globalParams = {}, config, itemsStateAndParams, plugins, }) {
     const { aliases, connections } = config;
     const items = (0, helpers_1.prerenderItems)({ items: config.items, plugins });
@@ -29,7 +31,7 @@ function getItemsParams({ defaultGlobalParams = {}, globalParams = {}, config, i
     return items.reduce((itemsParams, item) => {
         var _a;
         const { id, namespace } = item;
-        const getMergedParams = (params) => (0, helpers_1.mergeParamsWithAliases)({ aliases, namespace, params: params || {} });
+        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), 
@@ -41,14 +43,32 @@ function getItemsParams({ defaultGlobalParams = {}, globalParams = {}, config, i
             itemParams = Object.assign(itemParams, ((_a = itemsStateAndParams === null || itemsStateAndParams === void 0 ? void 0 : itemsStateAndParams[id]) === null || _a === void 0 ? void 0 : _a.params) || {});
         }
         else {
-            itemParams = Object.assign(itemParams, 
-            // Параметры согласно очереди применения параметров
-            queueData.reduce((queueParams, data) => {
+            // params according to queue of its applying
+            let prevQueueDataWithActionParams = {};
+            let queueDataItems = {};
+            for (const data of Object.values(queueData)) {
                 if (data.namespace !== namespace || itemIgnores.includes(data.id)) {
-                    return queueParams;
+                    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);
+                const actionParamKeyToClear = (0, intersection_1.default)(Object.keys((0, helpers_1.transformParamsToActionParams)(mergedParams)), Object.keys(prevQueueDataWithActionParams));
+                let queueDataRes = Object.assign({}, queueDataItems);
+                if (actionParamKeyToClear.length) {
+                    queueDataRes = (0, omit_1.default)(queueDataItems, actionParamKeyToClear);
                 }
-                return Object.assign(Object.assign({}, queueParams), getMergedParams(data.params));
-            }, {}));
+                queueDataItems = Object.assign(Object.assign({}, queueDataRes), mergedParams);
+                prevQueueDataWithActionParams = (0, helpers_1.hasActionParam)(queueDataItems)
+                    ? (0, helpers_1.pickActionParamsFromParams)(data.params, true)
+                    : {};
+            }
+            itemParams = Object.assign(itemParams, queueDataItems);
         }
         return Object.assign(Object.assign({}, itemsParams), { [id]: itemParams });
     }, {});

package/build/cjs/shared/units/__tests__/state-and-params.test.js

@@ -261,6 +261,116 @@ exports.stateAndParams3 = {
         },
     },
 };
+const stateAndParamsForAP1 = {
+    in: {
+        Q8: { params: { _ap_Country: 'Italy' } },
+        __meta__: { queue: [{ id: 'Q8', tabId: 'K0' }], version: 2 },
+    },
+    out: {
+        L5: {
+            params: { Country: 'Italy', 'd079937f-6bc4-4133-9171-40092bb20d6f': 'Italy' },
+            state: {},
+        },
+        Q8: {
+            params: {
+                Country: '',
+                _ap_Country: 'Italy',
+                'd079937f-6bc4-4133-9171-40092bb20d6f': '',
+            },
+            state: {},
+        },
+        al: {
+            params: { Country: 'Italy', 'd079937f-6bc4-4133-9171-40092bb20d6f': 'Italy' },
+            state: {},
+        },
+    },
+};
+const stateAndParamsForAP2 = {
+    in: {
+        L5: {
+            params: { 'd079937f-6bc4-4133-9171-40092bb20d6f': 'Belgium' },
+        },
+        Q8: {
+            params: { _ap_Country: 'Italy' },
+        },
+        __meta__: { queue: [{ id: 'Q8', tabId: 'K0' }, { id: 'L5' }], version: 2 },
+    },
+    out: {
+        L5: {
+            params: { Country: 'Belgium', 'd079937f-6bc4-4133-9171-40092bb20d6f': 'Belgium' },
+            state: {},
+        },
+        Q8: {
+            params: { Country: 'Belgium', 'd079937f-6bc4-4133-9171-40092bb20d6f': 'Belgium' },
+            state: {},
+        },
+        al: {
+            params: { Country: 'Belgium', 'd079937f-6bc4-4133-9171-40092bb20d6f': 'Belgium' },
+            state: {},
+        },
+    },
+};
+const stateAndParamsForAP3 = {
+    in: {
+        Q8: { params: { _ap_Country: 'Italy' } },
+        L5: { params: { 'd079937f-6bc4-4133-9171-40092bb20d6f': '' } },
+        __meta__: { queue: [{ id: 'Q8', tabId: 'K0' }, { id: 'L5' }], version: 2 },
+    },
+    out: {
+        L5: {
+            params: {
+                Country: '',
+                'd079937f-6bc4-4133-9171-40092bb20d6f': '',
+            },
+            state: {},
+        },
+        Q8: {
+            params: {
+                Country: '',
+                'd079937f-6bc4-4133-9171-40092bb20d6f': '',
+            },
+            state: {},
+        },
+        al: {
+            params: {
+                Country: '',
+                'd079937f-6bc4-4133-9171-40092bb20d6f': '',
+            },
+            state: {},
+        },
+    },
+};
+const stateAndParamsForAP4 = {
+    in: {
+        Q8: { params: { _ap_Country: '' } },
+        L5: { params: { 'd079937f-6bc4-4133-9171-40092bb20d6f': '' } },
+        __meta__: { queue: [{ id: 'L5' }, { id: 'Q8', tabId: 'K0' }], version: 2 },
+    },
+    out: {
+        L5: {
+            params: {
+                Country: '',
+                'd079937f-6bc4-4133-9171-40092bb20d6f': '',
+            },
+            state: {},
+        },
+        Q8: {
+            params: {
+                Country: '',
+                _ap_Country: '',
+                'd079937f-6bc4-4133-9171-40092bb20d6f': '',
+            },
+            state: {},
+        },
+        al: {
+            params: {
+                Country: '',
+                'd079937f-6bc4-4133-9171-40092bb20d6f': '',
+            },
+            state: {},
+        },
+    },
+};
 const configs = configs_json_1.default.configs;
 describe('getItemsStateAndParamsDL', () => {
     describe('old version fallback', () => {
@@ -297,3 +407,49 @@ describe('getItemsStateAndParamsDL', () => {
         });
     });
 });
+describe('getItemsStateAndParams actionParams variants check', () => {
+    describe('action and params state 1', () => {
+        const resultItemsStateAndParams = (0, datalens_1.getItemsStateAndParamsDL)({
+            defaultGlobalParams: {},
+            globalParams: {},
+            config: configs[2],
+            itemsStateAndParams: stateAndParamsForAP1.in,
+        });
+        it('return stateAndParamsForAP1.out', () => {
+            expect(resultItemsStateAndParams).toEqual((0, omit_1.default)(stateAndParamsForAP1.out, constants_1.META_KEY));
+        });
+    });
+    describe('action and params state 2', () => {
+        const resultItemsStateAndParams = (0, datalens_1.getItemsStateAndParamsDL)({
+            defaultGlobalParams: {},
+            globalParams: {},
+            config: configs[2],
+            itemsStateAndParams: stateAndParamsForAP2.in,
+        });
+        it('return stateAndParamsForAP2.out', () => {
+            expect(resultItemsStateAndParams).toEqual((0, omit_1.default)(stateAndParamsForAP2.out, constants_1.META_KEY));
+        });
+    });
+    describe('action and params state 3', () => {
+        const resultItemsStateAndParams = (0, datalens_1.getItemsStateAndParamsDL)({
+            defaultGlobalParams: {},
+            globalParams: {},
+            config: configs[2],
+            itemsStateAndParams: stateAndParamsForAP3.in,
+        });
+        it('return stateAndParamsForAP3.out', () => {
+            expect(resultItemsStateAndParams).toEqual((0, omit_1.default)(stateAndParamsForAP3.out, constants_1.META_KEY));
+        });
+    });
+    describe('action and params state 4', () => {
+        const resultItemsStateAndParams = (0, datalens_1.getItemsStateAndParamsDL)({
+            defaultGlobalParams: {},
+            globalParams: {},
+            config: configs[2],
+            itemsStateAndParams: stateAndParamsForAP4.in,
+        });
+        it('return stateAndParamsForAP4.out', () => {
+            expect(resultItemsStateAndParams).toEqual((0, omit_1.default)(stateAndParamsForAP4.out, constants_1.META_KEY));
+        });
+    });
+});

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

@@ -64,9 +64,14 @@ function removeItemVersion1({ id, config, itemsStateAndParams }) {
         itemsStateAndParams: newItemsStateAndParams,
     };
 }
-function getAllowableChangedParams(item, stateAndParams, itemsStateAndParams) {
+function getAllowableChangedParams(item, stateAndParams, itemsStateAndParams, paramsSettings) {
     var _a;
+    const paramsTypeName = (paramsSettings === null || paramsSettings === void 0 ? void 0 : paramsSettings.type) || 'params';
+    const isActionParamsMode = paramsTypeName === 'actionParams';
     let allowedParams = {};
+    const stateParamsConf = isActionParamsMode
+        ? (0, shared_1.pickActionParamsFromParams)(stateAndParams.params, false)
+        : stateAndParams.params;
     if ((0, shared_1.isItemWithTabs)(item)) {
         let tab;
         if ('state' in stateAndParams && ((_a = stateAndParams.state) === null || _a === void 0 ? void 0 : _a.tabId)) {
@@ -76,14 +81,19 @@ function getAllowableChangedParams(item, stateAndParams, itemsStateAndParams) {
             const tabId = (0, shared_1.resolveItemInnerId)({ item, itemsStateAndParams });
             tab = item.data.tabs.find(({ id }) => id === tabId);
         }
-        allowedParams = (0, pick_1.default)(stateAndParams.params, Object.keys((tab === null || tab === void 0 ? void 0 : tab.params) || {}));
+        allowedParams = (0, pick_1.default)(stateParamsConf, Object.keys((tab === null || tab === void 0 ? void 0 : tab.params) || {}));
     }
     else {
-        allowedParams = (0, pick_1.default)(stateAndParams.params, Object.keys(item.defaults || {}));
+        allowedParams = (0, pick_1.default)(stateParamsConf, Object.keys(item.defaults || {}));
     }
-    if (Object.keys(allowedParams).length !== Object.keys(stateAndParams.params || {}).length) {
+    if (Object.keys(allowedParams || {}).length !== Object.keys(stateParamsConf || {}).length) {
         console.warn('Параметры, которых нет в defaults, будут проигнорированы!');
     }
+    if (isActionParamsMode) {
+        return (paramsSettings === null || paramsSettings === void 0 ? void 0 : paramsSettings.returnPrefix)
+            ? (0, shared_1.transformParamsToActionParams)(allowedParams)
+            : allowedParams;
+    }
     return allowedParams;
 }
 function changeStateAndParamsVersion1({ id: initiatorId, config, stateAndParams, itemsStateAndParams, }) {
@@ -244,6 +254,7 @@ class UpdateManager {
         const currentMeta = (0, shared_1.getItemsStateAndParamsMeta)(itemsStateAndParams);
         if ('params' in stateAndParams) {
             const allowableParams = getAllowableChangedParams(initiatorItem, stateAndParams, itemsStateAndParams);
+            const allowableActionParams = getAllowableChangedParams(initiatorItem, stateAndParams, itemsStateAndParams, { type: 'actionParams', returnPrefix: true });
             const tabId = (0, shared_1.isItemWithTabs)(initiatorItem)
                 ? newTabId || (0, shared_1.resolveItemInnerId)({ item: initiatorItem, itemsStateAndParams })
                 : undefined;
@@ -254,15 +265,16 @@ class UpdateManager {
             if (isTabSwitched) {
                 commandUpdateParams = '$set';
             }
-            return (0, immutability_helper_1.default)(itemsStateAndParams, {
+            const obj = {
                 $unset: unusedIds,
                 [initiatorId]: {
                     $auto: Object.assign({ params: {
-                            [commandUpdateParams]: allowableParams,
+                            [commandUpdateParams]: Object.assign(Object.assign({}, allowableParams), allowableActionParams),
                         } }, (hasState ? { state: { $set: stateAndParams.state } } : {})),
                 },
                 [shared_1.META_KEY]: { $set: meta },
-            });
+            };
+            return (0, immutability_helper_1.default)(itemsStateAndParams, obj);
         }
         else if (hasState) {
             let metaSpec = {};

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

@@ -17,6 +17,7 @@ export interface OverlayControlItem {
     allWidgetsControls?: boolean;
     excludeWidgetsTypes?: Array<PluginBase['type']>;
     id?: string;
+    qa?: string;
 }
 export interface OverlayCustomControlItem {
     id: string;
@@ -26,6 +27,7 @@ export interface OverlayCustomControlItem {
     handler?: (item: ConfigItem, params: StringParams) => void;
     visible?: (item: ConfigItem) => boolean;
     className?: string;
+    qa?: string;
 }
 interface OverlayControlsDefaultProps {
     position: OverlayControlsPosition;

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

@@ -23,9 +23,9 @@ class OverlayControls extends React.Component {
         super(...arguments);
         this.renderControlsItem = (item, index, length) => {
             const { view, size } = this.props;
-            const { title, handler, icon, iconSize } = item;
+            const { title, handler, icon, iconSize, qa } = item;
             const onItemClickHandler = typeof handler === 'function' ? handler : noop;
-            return (React.createElement(Button, { key: index, view: view, size: size, title: title, pin: this.getControlItemPinStyle(index, length), onClick: () => onItemClickHandler(this.props.configItem) },
+            return (React.createElement(Button, { key: index, view: view, size: size, title: title, pin: this.getControlItemPinStyle(index, length), onClick: () => onItemClickHandler(this.props.configItem), qa: qa },
                 React.createElement(Icon, { data: icon || CogIcon, size: icon ? iconSize : 24 })));
         };
         this.getCustomLeftOverlayControls = () => {
@@ -168,10 +168,11 @@ class OverlayControls extends React.Component {
                     icon: item.icon,
                     action: itemAction,
                     className: item.className,
+                    qa: item.qa,
                 };
             });
         items = items.filter(Boolean);
-        return (React.createElement(DropdownMenu, { items: items, switcher: React.createElement(Button, { view: view, size: size, pin: "brick-round" },
+        return (React.createElement(DropdownMenu, { items: items, switcher: React.createElement(Button, { view: view, size: size, pin: "brick-round", qa: "dashkit-overlay-control-menu" },
                 React.createElement(Icon, { data: DotsIcon, size: "16" })) }));
     }
     getControlItemPinStyle(index, itemsLength) {

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

@@ -1 +1,2 @@
 export * from './DashKit';
+export { OverlayControlItem } from './OverlayControls/OverlayControls';

package/build/esm/shared/constants/common.d.ts

@@ -1,2 +1,3 @@
 export declare const CURRENT_VERSION = 2;
 export declare const META_KEY = "__meta__";
+export declare const ACTION_PARAM_PREFIX = "_ap_";

package/build/esm/shared/constants/common.js

@@ -1,2 +1,3 @@
 export const CURRENT_VERSION = 2;
 export const META_KEY = '__meta__';
+export const ACTION_PARAM_PREFIX = '_ap_';

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

@@ -1,5 +1,5 @@
-import { META_KEY } from '../../constants';
-import { formQueueData } from '../helpers';
+import { ACTION_PARAM_PREFIX, META_KEY } from '../../constants';
+import { formQueueData, hasActionParams, pickExceptActionParamsFromParams, transformParamsToActionParams, } from '../helpers';
 const DEFAULT_CONTROL_ID = 'controlId';
 const DEFAULT_WIDGET_ID = 'widgetId';
 const DEFAULT_WIDGET_TAB_ID = 'widget_tabId';
@@ -11,6 +11,59 @@ const getMockedControlItem = ({ id = DEFAULT_CONTROL_ID, defaults, }) => ({
     type: 'control',
     namespace: NAMESPACE,
 });
+const stateAndParamsWithParamsOnly = {
+    params: {
+        paramName: 'param1',
+    },
+};
+const stateAndParamsWithStateOnly = {
+    state: {
+        tabId: 'tabId1',
+    },
+};
+const stateAndParamsWithActionParamsInParamsOnly = {
+    params: {
+        _ap_paramName: 'param1',
+    },
+};
+const stateAndParamsWithStateAndActionParamsInParams = {
+    state: {
+        tabId: 'tabId1',
+    },
+    params: {
+        _ap_paramName: 'param1',
+    },
+};
+const stateAndParamsWithParamsAndActionParamsInParams = {
+    params: {
+        paramName2: 'param2',
+        _ap_paramName: 'param1',
+    },
+};
+const paramsToTransform = {
+    in: {
+        param1: 'val 1',
+        param2: 'val 2',
+    },
+    out: {
+        [`${ACTION_PARAM_PREFIX}param1`]: 'val 1',
+        [`${ACTION_PARAM_PREFIX}param2`]: 'val 2',
+    },
+};
+const exeptActionParam1 = {
+    in: stateAndParamsWithParamsOnly.params,
+    out: stateAndParamsWithParamsOnly.params,
+};
+const exeptActionParam2 = {
+    in: stateAndParamsWithActionParamsInParamsOnly.params,
+    out: {},
+};
+const exeptActionParam3 = {
+    in: stateAndParamsWithParamsAndActionParamsInParams.params,
+    out: {
+        paramName2: 'param2',
+    },
+};
 const getMockedWidgetItem = ({ id = DEFAULT_WIDGET_ID, tabs }) => ({
     id,
     data: { tabs },
@@ -212,4 +265,28 @@ describe('modules.helpers', () => {
             }));
         });
     });
+    describe('actionParams helpers', () => {
+        it('check hasActionParams', () => {
+            const empty = hasActionParams({});
+            expect(empty).toBeFalsy();
+            const withParamsOnly = hasActionParams(stateAndParamsWithParamsOnly);
+            expect(withParamsOnly).toBeFalsy();
+            const withStateOnly = hasActionParams(stateAndParamsWithStateOnly);
+            expect(withStateOnly).toBeFalsy();
+            const withAPinParams = hasActionParams(stateAndParamsWithActionParamsInParamsOnly);
+            expect(withAPinParams).toBeTruthy();
+            const withAPinParamsNState = hasActionParams(stateAndParamsWithStateAndActionParamsInParams);
+            expect(withAPinParamsNState).toBeTruthy();
+            const withParamsAndAPinParams = hasActionParams(stateAndParamsWithParamsAndActionParamsInParams);
+            expect(withParamsAndAPinParams).toBeTruthy();
+        });
+        it('check transformParamsToActionParams', () => {
+            expect(paramsToTransform.out).toEqual(transformParamsToActionParams(paramsToTransform.in));
+        });
+        it('check pickExceptActionParamsFromParams', () => {
+            expect(exeptActionParam1.out).toEqual(pickExceptActionParamsFromParams(exeptActionParam1.in));
+            expect(exeptActionParam2.out).toEqual(pickExceptActionParamsFromParams(exeptActionParam2.in));
+            expect(exeptActionParam3.out).toEqual(pickExceptActionParamsFromParams(exeptActionParam3.in));
+        });
+    });
 });

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

@@ -1,4 +1,4 @@
-import { PluginBase, ConfigItem, ItemsStateAndParams, StateAndParamsMetaData, StringParams, ConfigConnection, ConfigAliases, ConfigItemWithTabs, Config } from '../types';
+import { PluginBase, ConfigItem, ItemsStateAndParams, StateAndParamsMetaData, StringParams, ConfigConnection, ConfigAliases, ConfigItemWithTabs, Config, ItemStateAndParams } from '../types';
 export declare function prerenderItems({ items, plugins, }: {
     items: ConfigItem[];
     plugins: PluginBase[];
@@ -25,10 +25,11 @@ export declare function getMapItemsIgnores({ items, ignores, itemsStateAndParams
     itemsStateAndParams: ItemsStateAndParams;
     isFirstVersion: boolean;
 }): Record<string, string[]>;
-export declare function mergeParamsWithAliases({ aliases, namespace, params, }: {
+export declare function mergeParamsWithAliases({ aliases, namespace, params, actionParams, }: {
     aliases: ConfigAliases;
     namespace: string;
     params: StringParams;
+    actionParams?: StringParams;
 }): StringParams;
 export declare function getInitialItemsStateAndParamsMeta(): StateAndParamsMetaData;
 interface ChangeQueueArg {
@@ -39,4 +40,33 @@ interface ChangeQueueArg {
 }
 export declare function addToQueue({ id, tabId, config, itemsStateAndParams, }: ChangeQueueArg): StateAndParamsMetaData;
 export declare function deleteFromQueue(data: ChangeQueueArg): StateAndParamsMetaData;
+/**
+ * public function for getting only actionParams from object (all fields with keys that contains prefix)
+ * @param params - object for pick fields
+ * @param returnWithPrefix - format of returning actionParams fields (with actionParams prefix or without them)
+ *
+ * ex1: pickActionParamsFromParams({City: 'NY', _ap_Year: '2023'}, true) returns {_ap_Year: '2023'}
+ * ex2: pickActionParamsFromParams({City: 'NY', _ap_Year: '2023'}) returns {Year: '2023'}
+ */
+export declare function pickActionParamsFromParams(params: ItemStateAndParams['params'], returnWithPrefix?: boolean): StringParams;
+/**
+ * public function for getting params from object without actionParams
+ * @param params
+ */
+export declare function pickExceptActionParamsFromParams(params: ItemStateAndParams['params']): StringParams;
+/**
+ * public function for transforming object to actionParams format
+ * @param params
+ */
+export declare function transformParamsToActionParams(params: ItemStateAndParams['params']): StringParams;
+/**
+ * check if object contains actionParams
+ * @param conf
+ */
+export declare function hasActionParam(conf?: StringParams): boolean;
+/**
+ * check if ItemStateAndParams object has actionParams in params or state field
+ * @param stateAndParams
+ */
+export declare function hasActionParams(stateAndParams: ItemStateAndParams): boolean;
 export {};

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 } from '../constants';
+import { META_KEY, CURRENT_VERSION, ACTION_PARAM_PREFIX } from '../constants';
 function getNormalizedPlugins(plugins) {
     return keyBy(plugins, 'type');
 }
@@ -44,7 +44,7 @@ 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);
 }
-// Массив параметров, которые исходят от виджетов, согласно очереди
+// 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) || [];
@@ -69,10 +69,24 @@ export function formQueueData({ items, itemsStateAndParams, }) {
             itemDefaultParams = item.defaults || {};
         }
         const itemQueueParams = get(itemsStateAndParams, [item.id, 'params'], {});
+        const filteredParamsByDefaults = pick(itemQueueParams, Object.keys(itemDefaultParams));
+        /**
+         * filtering actionParams without prefixes by defaults params
+         * ex.:
+         * itemDefaultParams contains 'Country' in defaults
+         * and we receive '_ap_Country' and '_ap_City' in itemQueueParams
+         * we need to ignore '_ap_City' param because we don't have actionParam without prefix ('City') in defaults
+         */
+        const actionParams = pickActionParamsFromParams(itemQueueParams, false) || {};
+        const filteredActionParamsByDefaults = pick(actionParams, Object.keys(itemDefaultParams));
+        /**
+         * merging filtered params and filtered actionParams with prefixes
+         */
+        const params = Object.assign(Object.assign({}, filteredParamsByDefaults), transformParamsToActionParams(filteredActionParamsByDefaults));
         return {
             id: item.id,
             namespace: item.namespace,
-            params: pick(itemQueueParams, Object.keys(itemDefaultParams)),
+            params,
         };
     })
         .filter(nonNullable);
@@ -114,10 +128,11 @@ export function getMapItemsIgnores({ items, ignores, itemsStateAndParams, isFirs
                 .map(({ to }) => invertedMapIds[to]) });
     }, {});
 }
-export function mergeParamsWithAliases({ aliases, namespace, params, }) {
+export function mergeParamsWithAliases({ aliases, namespace, params, actionParams, }) {
     const aliasesByNamespace = get(aliases, [namespace], []);
-    return Object.keys(params).reduce((matchedParams, paramKey) => {
-        const paramValue = params[paramKey];
+    const items = Object.assign(Object.assign({}, (params || {})), (actionParams || {}));
+    return Object.keys(items).reduce((matchedParams, paramKey) => {
+        const paramValue = items[paramKey];
         const collectAliasesParamsKeys = aliasesByNamespace.reduce((collect, group) => {
             return group.includes(paramKey) ? collect.concat(group) : collect;
         }, [paramKey]);
@@ -155,3 +170,72 @@ export function deleteFromQueue(data) {
     const meta = addToQueue(data);
     return Object.assign(Object.assign({}, meta), { queue: meta.queue.slice(0, -1) });
 }
+/**
+ * public function for getting only actionParams from object (all fields with keys that contains prefix)
+ * @param params - object for pick fields
+ * @param returnWithPrefix - format of returning actionParams fields (with actionParams prefix or without them)
+ *
+ * ex1: pickActionParamsFromParams({City: 'NY', _ap_Year: '2023'}, true) returns {_ap_Year: '2023'}
+ * ex2: pickActionParamsFromParams({City: 'NY', _ap_Year: '2023'}) returns {Year: '2023'}
+ */
+export function pickActionParamsFromParams(params, returnWithPrefix) {
+    if (!params || isEmpty(params)) {
+        return {};
+    }
+    const actionParams = {};
+    for (const [key, val] of Object.entries(params)) {
+        // starts with actionParams prefix (from'_ap_')
+        if (key.startsWith(ACTION_PARAM_PREFIX)) {
+            const paramName = returnWithPrefix ? key : key.slice(ACTION_PARAM_PREFIX.length);
+            actionParams[paramName] = val;
+        }
+    }
+    return actionParams;
+}
+/**
+ * public function for getting params from object without actionParams
+ * @param params
+ */
+export function pickExceptActionParamsFromParams(params) {
+    if (!params || isEmpty(params)) {
+        return {};
+    }
+    const onlyParams = {};
+    for (const [key, val] of Object.entries(params)) {
+        if (!key.startsWith(ACTION_PARAM_PREFIX)) {
+            onlyParams[key] = val;
+        }
+    }
+    return onlyParams;
+}
+/**
+ * public function for transforming object to actionParams format
+ * @param params
+ */
+export function transformParamsToActionParams(params) {
+    if (!params || isEmpty(params)) {
+        return {};
+    }
+    const actionParams = {};
+    for (const [key, val] of Object.entries(params)) {
+        actionParams[`${ACTION_PARAM_PREFIX}${key}`] = val;
+    }
+    return actionParams;
+}
+/**
+ * check if object contains actionParams
+ * @param conf
+ */
+export function hasActionParam(conf) {
+    return Object.keys(conf || {}).some((key) => key.startsWith(ACTION_PARAM_PREFIX));
+}
+/**
+ * check if ItemStateAndParams object has actionParams in params or state field
+ * @param stateAndParams
+ */
+export function hasActionParams(stateAndParams) {
+    if (!stateAndParams || isEmpty(stateAndParams)) {
+        return false;
+    }
+    return hasActionParam(stateAndParams.params);
+}

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

@@ -1,6 +1,8 @@
 import groupBy from 'lodash/groupBy';
-import { prerenderItems, formQueueData, getMapItemsIgnores, mergeParamsWithAliases, getCurrentVersion, } from './helpers';
+import intersection from 'lodash/intersection';
+import omit from 'lodash/omit';
 import { META_KEY } from '../constants';
+import { prerenderItems, formQueueData, getMapItemsIgnores, mergeParamsWithAliases, getCurrentVersion, pickActionParamsFromParams, hasActionParam, pickExceptActionParamsFromParams, transformParamsToActionParams, } from './helpers';
 export function getItemsParams({ defaultGlobalParams = {}, globalParams = {}, config, itemsStateAndParams, plugins, }) {
     const { aliases, connections } = config;
     const items = prerenderItems({ items: config.items, plugins });
@@ -25,7 +27,7 @@ export function getItemsParams({ defaultGlobalParams = {}, globalParams = {}, co
     return items.reduce((itemsParams, item) => {
         var _a;
         const { id, namespace } = item;
-        const getMergedParams = (params) => mergeParamsWithAliases({ aliases, namespace, params: params || {} });
+        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), 
@@ -37,14 +39,32 @@ export function getItemsParams({ defaultGlobalParams = {}, globalParams = {}, co
             itemParams = Object.assign(itemParams, ((_a = itemsStateAndParams === null || itemsStateAndParams === void 0 ? void 0 : itemsStateAndParams[id]) === null || _a === void 0 ? void 0 : _a.params) || {});
         }
         else {
-            itemParams = Object.assign(itemParams, 
-            // Параметры согласно очереди применения параметров
-            queueData.reduce((queueParams, data) => {
+            // params according to queue of its applying
+            let prevQueueDataWithActionParams = {};
+            let queueDataItems = {};
+            for (const data of Object.values(queueData)) {
                 if (data.namespace !== namespace || itemIgnores.includes(data.id)) {
-                    return queueParams;
+                    continue;
                 }
-                return Object.assign(Object.assign({}, queueParams), getMergedParams(data.params));
-            }, {}));
+                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);
+                const actionParamKeyToClear = intersection(Object.keys(transformParamsToActionParams(mergedParams)), Object.keys(prevQueueDataWithActionParams));
+                let queueDataRes = Object.assign({}, queueDataItems);
+                if (actionParamKeyToClear.length) {
+                    queueDataRes = omit(queueDataItems, actionParamKeyToClear);
+                }
+                queueDataItems = Object.assign(Object.assign({}, queueDataRes), mergedParams);
+                prevQueueDataWithActionParams = hasActionParam(queueDataItems)
+                    ? pickActionParamsFromParams(data.params, true)
+                    : {};
+            }
+            itemParams = Object.assign(itemParams, queueDataItems);
         }
         return Object.assign(Object.assign({}, itemsParams), { [id]: itemParams });
     }, {});

package/build/esm/shared/units/__tests__/state-and-params.test.js

@@ -257,6 +257,116 @@ export const stateAndParams3 = {
         },
     },
 };
+const stateAndParamsForAP1 = {
+    in: {
+        Q8: { params: { _ap_Country: 'Italy' } },
+        __meta__: { queue: [{ id: 'Q8', tabId: 'K0' }], version: 2 },
+    },
+    out: {
+        L5: {
+            params: { Country: 'Italy', 'd079937f-6bc4-4133-9171-40092bb20d6f': 'Italy' },
+            state: {},
+        },
+        Q8: {
+            params: {
+                Country: '',
+                _ap_Country: 'Italy',
+                'd079937f-6bc4-4133-9171-40092bb20d6f': '',
+            },
+            state: {},
+        },
+        al: {
+            params: { Country: 'Italy', 'd079937f-6bc4-4133-9171-40092bb20d6f': 'Italy' },
+            state: {},
+        },
+    },
+};
+const stateAndParamsForAP2 = {
+    in: {
+        L5: {
+            params: { 'd079937f-6bc4-4133-9171-40092bb20d6f': 'Belgium' },
+        },
+        Q8: {
+            params: { _ap_Country: 'Italy' },
+        },
+        __meta__: { queue: [{ id: 'Q8', tabId: 'K0' }, { id: 'L5' }], version: 2 },
+    },
+    out: {
+        L5: {
+            params: { Country: 'Belgium', 'd079937f-6bc4-4133-9171-40092bb20d6f': 'Belgium' },
+            state: {},
+        },
+        Q8: {
+            params: { Country: 'Belgium', 'd079937f-6bc4-4133-9171-40092bb20d6f': 'Belgium' },
+            state: {},
+        },
+        al: {
+            params: { Country: 'Belgium', 'd079937f-6bc4-4133-9171-40092bb20d6f': 'Belgium' },
+            state: {},
+        },
+    },
+};
+const stateAndParamsForAP3 = {
+    in: {
+        Q8: { params: { _ap_Country: 'Italy' } },
+        L5: { params: { 'd079937f-6bc4-4133-9171-40092bb20d6f': '' } },
+        __meta__: { queue: [{ id: 'Q8', tabId: 'K0' }, { id: 'L5' }], version: 2 },
+    },
+    out: {
+        L5: {
+            params: {
+                Country: '',
+                'd079937f-6bc4-4133-9171-40092bb20d6f': '',
+            },
+            state: {},
+        },
+        Q8: {
+            params: {
+                Country: '',
+                'd079937f-6bc4-4133-9171-40092bb20d6f': '',
+            },
+            state: {},
+        },
+        al: {
+            params: {
+                Country: '',
+                'd079937f-6bc4-4133-9171-40092bb20d6f': '',
+            },
+            state: {},
+        },
+    },
+};
+const stateAndParamsForAP4 = {
+    in: {
+        Q8: { params: { _ap_Country: '' } },
+        L5: { params: { 'd079937f-6bc4-4133-9171-40092bb20d6f': '' } },
+        __meta__: { queue: [{ id: 'L5' }, { id: 'Q8', tabId: 'K0' }], version: 2 },
+    },
+    out: {
+        L5: {
+            params: {
+                Country: '',
+                'd079937f-6bc4-4133-9171-40092bb20d6f': '',
+            },
+            state: {},
+        },
+        Q8: {
+            params: {
+                Country: '',
+                _ap_Country: '',
+                'd079937f-6bc4-4133-9171-40092bb20d6f': '',
+            },
+            state: {},
+        },
+        al: {
+            params: {
+                Country: '',
+                'd079937f-6bc4-4133-9171-40092bb20d6f': '',
+            },
+            state: {},
+        },
+    },
+};
 const configs = mockConfigs.configs;
 describe('getItemsStateAndParamsDL', () => {
     describe('old version fallback', () => {
@@ -293,3 +403,49 @@ describe('getItemsStateAndParamsDL', () => {
         });
     });
 });
+describe('getItemsStateAndParams actionParams variants check', () => {
+    describe('action and params state 1', () => {
+        const resultItemsStateAndParams = getItemsStateAndParamsDL({
+            defaultGlobalParams: {},
+            globalParams: {},
+            config: configs[2],
+            itemsStateAndParams: stateAndParamsForAP1.in,
+        });
+        it('return stateAndParamsForAP1.out', () => {
+            expect(resultItemsStateAndParams).toEqual(omit(stateAndParamsForAP1.out, META_KEY));
+        });
+    });
+    describe('action and params state 2', () => {
+        const resultItemsStateAndParams = getItemsStateAndParamsDL({
+            defaultGlobalParams: {},
+            globalParams: {},
+            config: configs[2],
+            itemsStateAndParams: stateAndParamsForAP2.in,
+        });
+        it('return stateAndParamsForAP2.out', () => {
+            expect(resultItemsStateAndParams).toEqual(omit(stateAndParamsForAP2.out, META_KEY));
+        });
+    });
+    describe('action and params state 3', () => {
+        const resultItemsStateAndParams = getItemsStateAndParamsDL({
+            defaultGlobalParams: {},
+            globalParams: {},
+            config: configs[2],
+            itemsStateAndParams: stateAndParamsForAP3.in,
+        });
+        it('return stateAndParamsForAP3.out', () => {
+            expect(resultItemsStateAndParams).toEqual(omit(stateAndParamsForAP3.out, META_KEY));
+        });
+    });
+    describe('action and params state 4', () => {
+        const resultItemsStateAndParams = getItemsStateAndParamsDL({
+            defaultGlobalParams: {},
+            globalParams: {},
+            config: configs[2],
+            itemsStateAndParams: stateAndParamsForAP4.in,
+        });
+        it('return stateAndParamsForAP4.out', () => {
+            expect(resultItemsStateAndParams).toEqual(omit(stateAndParamsForAP4.out, META_KEY));
+        });
+    });
+});

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

@@ -1,7 +1,7 @@
 import update, { extend } from 'immutability-helper';
 import omit from 'lodash/omit';
 import pick from 'lodash/pick';
-import { mergeParamsWithAliases, isItemWithTabs, getCurrentVersion, META_KEY, deleteFromQueue, addToQueue, getInitialItemsStateAndParamsMeta, resolveItemInnerId, getItemsStateAndParamsMeta, } from '../shared';
+import { mergeParamsWithAliases, isItemWithTabs, getCurrentVersion, META_KEY, deleteFromQueue, addToQueue, getInitialItemsStateAndParamsMeta, resolveItemInnerId, getItemsStateAndParamsMeta, pickActionParamsFromParams, transformParamsToActionParams, } from '../shared';
 import { DEFAULT_NAMESPACE } from '../constants';
 import { getNewId } from './get-new-id';
 extend('$auto', (value, object) => (object ? update(object, value) : update({}, value)));
@@ -60,9 +60,14 @@ function removeItemVersion1({ id, config, itemsStateAndParams }) {
         itemsStateAndParams: newItemsStateAndParams,
     };
 }
-function getAllowableChangedParams(item, stateAndParams, itemsStateAndParams) {
+function getAllowableChangedParams(item, stateAndParams, itemsStateAndParams, paramsSettings) {
     var _a;
+    const paramsTypeName = (paramsSettings === null || paramsSettings === void 0 ? void 0 : paramsSettings.type) || 'params';
+    const isActionParamsMode = paramsTypeName === 'actionParams';
     let allowedParams = {};
+    const stateParamsConf = isActionParamsMode
+        ? pickActionParamsFromParams(stateAndParams.params, false)
+        : stateAndParams.params;
     if (isItemWithTabs(item)) {
         let tab;
         if ('state' in stateAndParams && ((_a = stateAndParams.state) === null || _a === void 0 ? void 0 : _a.tabId)) {
@@ -72,14 +77,19 @@ function getAllowableChangedParams(item, stateAndParams, itemsStateAndParams) {
             const tabId = resolveItemInnerId({ item, itemsStateAndParams });
             tab = item.data.tabs.find(({ id }) => id === tabId);
         }
-        allowedParams = pick(stateAndParams.params, Object.keys((tab === null || tab === void 0 ? void 0 : tab.params) || {}));
+        allowedParams = pick(stateParamsConf, Object.keys((tab === null || tab === void 0 ? void 0 : tab.params) || {}));
     }
     else {
-        allowedParams = pick(stateAndParams.params, Object.keys(item.defaults || {}));
+        allowedParams = pick(stateParamsConf, Object.keys(item.defaults || {}));
     }
-    if (Object.keys(allowedParams).length !== Object.keys(stateAndParams.params || {}).length) {
+    if (Object.keys(allowedParams || {}).length !== Object.keys(stateParamsConf || {}).length) {
         console.warn('Параметры, которых нет в defaults, будут проигнорированы!');
     }
+    if (isActionParamsMode) {
+        return (paramsSettings === null || paramsSettings === void 0 ? void 0 : paramsSettings.returnPrefix)
+            ? transformParamsToActionParams(allowedParams)
+            : allowedParams;
+    }
     return allowedParams;
 }
 function changeStateAndParamsVersion1({ id: initiatorId, config, stateAndParams, itemsStateAndParams, }) {
@@ -240,6 +250,7 @@ export class UpdateManager {
         const currentMeta = getItemsStateAndParamsMeta(itemsStateAndParams);
         if ('params' in stateAndParams) {
             const allowableParams = getAllowableChangedParams(initiatorItem, stateAndParams, itemsStateAndParams);
+            const allowableActionParams = getAllowableChangedParams(initiatorItem, stateAndParams, itemsStateAndParams, { type: 'actionParams', returnPrefix: true });
             const tabId = isItemWithTabs(initiatorItem)
                 ? newTabId || resolveItemInnerId({ item: initiatorItem, itemsStateAndParams })
                 : undefined;
@@ -250,15 +261,16 @@ export class UpdateManager {
             if (isTabSwitched) {
                 commandUpdateParams = '$set';
             }
-            return update(itemsStateAndParams, {
+            const obj = {
                 $unset: unusedIds,
                 [initiatorId]: {
                     $auto: Object.assign({ params: {
-                            [commandUpdateParams]: allowableParams,
+                            [commandUpdateParams]: Object.assign(Object.assign({}, allowableParams), allowableActionParams),
                         } }, (hasState ? { state: { $set: stateAndParams.state } } : {})),
                 },
                 [META_KEY]: { $set: meta },
-            });
+            };
+            return update(itemsStateAndParams, obj);
         }
         else if (hasState) {
             let metaSpec = {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/dashkit",
-  "version": "5.1.0",
+  "version": "5.3.0",
   "description": "Library for rendering dashboard grid layout",
   "license": "MIT",
   "repository": {