@gravity-ui/dashkit 5.5.0 → 5.6.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [5.6.0](https://github.com/gravity-ui/dashkit/compare/v5.5.0...v5.6.0) (2023-04-18)
+
+
+### Features
+
+* add item state to overlay dropdown menu action handler ([#57](https://github.com/gravity-ui/dashkit/issues/57)) ([78b13fa](https://github.com/gravity-ui/dashkit/commit/78b13fa4107e94abd93c6e469a36840b61b6a10a))
+
 ## [5.5.0](https://github.com/gravity-ui/dashkit/compare/v5.4.0...v5.5.0) (2023-04-17)
 
 

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ButtonView, ButtonSize, IconProps, MenuItemProps } from '@gravity-ui/uikit';
-import { ConfigItem, PluginBase, StringParams, Config } from '../../shared';
+import { ConfigItem, PluginBase, StringParams, Config, ItemState } from '../../shared';
 import type { RegisterManager } from '../../utils/register-manager';
 export declare enum OverlayControlsPosition {
     TopRight = "top_right",
@@ -23,7 +23,7 @@ export interface OverlayCustomControlItem {
     title?: string;
     icon?: MenuItemProps['icon'];
     iconSize?: number | string;
-    handler?: (item: ConfigItem, params: StringParams) => void;
+    handler?: (item: ConfigItem, params: StringParams, state: ItemState) => void;
     visible?: (item: ConfigItem) => boolean;
     className?: string;
     qa?: string;
@@ -41,6 +41,7 @@ interface OverlayControlsProps extends OverlayControlsDefaultProps {
 type DashKitCtx = React.Context<{
     registerManager: RegisterManager;
     itemsParams: Record<string, StringParams>;
+    itemsState: Record<string, ItemState>;
     editItem: (item: ConfigItem) => void;
     removeItem: (id: string) => void;
     config: Config;

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

@@ -143,9 +143,10 @@ class OverlayControls extends react_1.default.Component {
     }
     renderDropdownMenu() {
         const { view, size } = this.props;
-        const { registerManager, itemsParams } = this.context;
+        const { registerManager, itemsParams, itemsState } = this.context;
         const configItem = this.props.configItem;
         const itemParams = itemsParams[configItem.id];
+        const itemState = itemsState[configItem.id];
         let menu = registerManager.settings.menu;
         if (!menu.length) {
             menu = DEFAULT_DROPDOWN_MENU;
@@ -164,7 +165,7 @@ class OverlayControls extends react_1.default.Component {
                 }
                 const itemHandler = item.handler;
                 const itemAction = typeof itemHandler === 'function'
-                    ? () => itemHandler(configItem, itemParams)
+                    ? () => itemHandler(configItem, itemParams, itemState)
                     : ((_a = this.getDropDownMenuItemConfig(item.id)) === null || _a === void 0 ? void 0 : _a.action) || (() => { });
                 return {
                     text: item.title || (0, i18n_1.default)(item.id),

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ButtonView, ButtonSize, IconProps, MenuItemProps } from '@gravity-ui/uikit';
-import { ConfigItem, PluginBase, StringParams, Config } from '../../shared';
+import { ConfigItem, PluginBase, StringParams, Config, ItemState } from '../../shared';
 import type { RegisterManager } from '../../utils/register-manager';
 import './OverlayControls.css';
 export declare enum OverlayControlsPosition {
@@ -24,7 +24,7 @@ export interface OverlayCustomControlItem {
     title?: string;
     icon?: MenuItemProps['icon'];
     iconSize?: number | string;
-    handler?: (item: ConfigItem, params: StringParams) => void;
+    handler?: (item: ConfigItem, params: StringParams, state: ItemState) => void;
     visible?: (item: ConfigItem) => boolean;
     className?: string;
     qa?: string;
@@ -42,6 +42,7 @@ interface OverlayControlsProps extends OverlayControlsDefaultProps {
 type DashKitCtx = React.Context<{
     registerManager: RegisterManager;
     itemsParams: Record<string, StringParams>;
+    itemsState: Record<string, ItemState>;
     editItem: (item: ConfigItem) => void;
     removeItem: (id: string) => void;
     config: Config;

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

@@ -140,9 +140,10 @@ class OverlayControls extends React.Component {
     }
     renderDropdownMenu() {
         const { view, size } = this.props;
-        const { registerManager, itemsParams } = this.context;
+        const { registerManager, itemsParams, itemsState } = this.context;
         const configItem = this.props.configItem;
         const itemParams = itemsParams[configItem.id];
+        const itemState = itemsState[configItem.id];
         let menu = registerManager.settings.menu;
         if (!menu.length) {
             menu = DEFAULT_DROPDOWN_MENU;
@@ -161,7 +162,7 @@ class OverlayControls extends React.Component {
                 }
                 const itemHandler = item.handler;
                 const itemAction = typeof itemHandler === 'function'
-                    ? () => itemHandler(configItem, itemParams)
+                    ? () => itemHandler(configItem, itemParams, itemState)
                     : ((_a = this.getDropDownMenuItemConfig(item.id)) === null || _a === void 0 ? void 0 : _a.action) || (() => { });
                 return {
                     text: item.title || i18n(item.id),

package/package.json

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