@gravity-ui/dashkit 5.1.0 → 5.2.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## [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/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/package.json

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