@gravity-ui/dashkit 8.14.0 → 8.14.1-beta.0

package/build/cjs/components/ActionPanel/ActionPanel.js

@@ -19,7 +19,12 @@ const ActionPanel = (props) => {
     const isDisabled = (_a = props.disable) !== null && _a !== void 0 ? _a : false;
     const isAnimated = (_b = props.toggleAnimation) !== null && _b !== void 0 ? _b : false;
     const nodeRef = react_1.default.useRef(null);
-    const content = (react_1.default.createElement("div", { ref: nodeRef, className: b(null, props.className) }, props.items.map((item) => (react_1.default.createElement(exports.ActionPanelItemContainer, { key: `dk-action-panel-${item.id}`, item: item })))));
+    const content = (react_1.default.createElement("div", { ref: nodeRef, className: b(null, props.className) }, props.items.map((_a) => {
+        var { renderItem } = _a, item = tslib_1.__rest(_a, ["renderItem"]);
+        const key = `dk-action-panel-${item.id}`;
+        const children = react_1.default.createElement(exports.ActionPanelItemContainer, { key: key, item: item });
+        return renderItem ? renderItem(Object.assign(Object.assign({}, item), { key, children })) : children;
+    })));
     if (isAnimated) {
         return (react_1.default.createElement(react_transition_group_1.CSSTransition, { in: !isDisabled, nodeRef: nodeRef, classNames: b(null), timeout: 300, unmountOnExit: true }, content));
     }

package/build/cjs/components/ActionPanel/types.d.ts

@@ -8,6 +8,10 @@ export type ActionPanelItem = {
     qa?: string;
     onClick?: () => void;
     dragProps?: ItemDragProps;
+    renderItem?: (props: Omit<ActionPanelItem, 'renderItem'> & {
+        key: React.Key;
+        children: React.ReactNode;
+    }) => JSX.Element;
 };
 export type ActionPanelProps = {
     items: ActionPanelItem[];

package/build/esm/components/ActionPanel/ActionPanel.js

@@ -1,3 +1,4 @@
+import { __rest } from "tslib";
 import React from 'react';
 import { CSSTransition } from 'react-transition-group';
 import { useDnDItemProps } from '../../hooks/useDnDItemProps';
@@ -15,7 +16,12 @@ export const ActionPanel = (props) => {
     const isDisabled = (_a = props.disable) !== null && _a !== void 0 ? _a : false;
     const isAnimated = (_b = props.toggleAnimation) !== null && _b !== void 0 ? _b : false;
     const nodeRef = React.useRef(null);
-    const content = (React.createElement("div", { ref: nodeRef, className: b(null, props.className) }, props.items.map((item) => (React.createElement(ActionPanelItemContainer, { key: `dk-action-panel-${item.id}`, item: item })))));
+    const content = (React.createElement("div", { ref: nodeRef, className: b(null, props.className) }, props.items.map((_a) => {
+        var { renderItem } = _a, item = __rest(_a, ["renderItem"]);
+        const key = `dk-action-panel-${item.id}`;
+        const children = React.createElement(ActionPanelItemContainer, { key: key, item: item });
+        return renderItem ? renderItem(Object.assign(Object.assign({}, item), { key, children })) : children;
+    })));
     if (isAnimated) {
         return (React.createElement(CSSTransition, { in: !isDisabled, nodeRef: nodeRef, classNames: b(null), timeout: 300, unmountOnExit: true }, content));
     }

package/build/esm/components/ActionPanel/types.d.ts

@@ -8,6 +8,10 @@ export type ActionPanelItem = {
     qa?: string;
     onClick?: () => void;
     dragProps?: ItemDragProps;
+    renderItem?: (props: Omit<ActionPanelItem, 'renderItem'> & {
+        key: React.Key;
+        children: React.ReactNode;
+    }) => JSX.Element;
 };
 export type ActionPanelProps = {
     items: ActionPanelItem[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/dashkit",
-  "version": "8.14.0",
+  "version": "8.14.1-beta.0",
   "description": "Library for rendering dashboard grid layout",
   "license": "MIT",
   "repository": {