@gravity-ui/dashkit 6.1.0-beta.1 → 6.1.0-beta.3

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

@@ -8,5 +8,6 @@ export type ActionPanelItem = {
 };
 export type ActionPanelProps = {
     items: ActionPanelItem[];
+    className?: string;
 };
 export declare const ActionPanel: (props: ActionPanelProps) => JSX.Element;

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

@@ -6,7 +6,7 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const cn_1 = require("../../utils/cn");
 const b = (0, cn_1.cn)('dashkit-action-panel');
 const ActionPanel = (props) => {
-    return (react_1.default.createElement("div", { className: b() }, props.items.map((item) => {
+    return (react_1.default.createElement("div", { className: b(null, props.className) }, props.items.map((item) => {
         return (react_1.default.createElement("div", { role: "button", className: b('item', item.className), key: `dk-action-panel-${item.id}`, onClick: item.onClick },
             react_1.default.createElement("div", { className: b('icon') }, item.icon),
             react_1.default.createElement("div", { className: b('title'), title: item.title }, item.title)));

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

@@ -0,0 +1 @@
+export * from './ActionPanel';

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ActionPanel"), exports);

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

@@ -3,7 +3,7 @@ import GridLayout from '../GridLayout/GridLayout';
 import { SetConfigItem, Settings, SettingsProps, ContextProps, Plugin, SetItemOptions } from '../../typings';
 import { GlobalParams, Config, ConfigItem, ItemsStateAndParams } from '../../shared';
 import { OverlayControlItem } from '../OverlayControls/OverlayControls';
-import { ActionPanelItem } from '../ActionPanel/ActionPanel';
+import type { ActionPanelItem } from '../ActionPanel/ActionPanel';
 interface DashKitGeneralProps {
     config: Config;
     editMode: boolean;

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

@@ -1,2 +1 @@
 export * from './DashKit';
-export { ActionPanel as DashkitActionPanel, ActionPanelProps as DashkitActionPanelProps, ActionPanelItem as DashkitActionPanelItem, } from '../ActionPanel/ActionPanel';

package/build/cjs/components/DashKit/index.js

@@ -1,7 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DashkitActionPanel = void 0;
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./DashKit"), exports);
-var ActionPanel_1 = require("../ActionPanel/ActionPanel");
-Object.defineProperty(exports, "DashkitActionPanel", { enumerable: true, get: function () { return ActionPanel_1.ActionPanel; } });

package/build/cjs/components/DashKitView/DashKitView.js

@@ -8,7 +8,7 @@ const MobileLayout_1 = tslib_1.__importDefault(require("../MobileLayout/MobileLa
 const withContext_1 = require("../../hocs/withContext");
 const useCalcLayout_1 = require("../../hooks/useCalcLayout");
 const cn_1 = require("../../utils/cn");
-const ActionPanel_1 = require("../ActionPanel/ActionPanel");
+const ActionPanel_1 = tslib_1.__importDefault(require("../ActionPanel/ActionPanel"));
 const b = (0, cn_1.cn)('dashkit');
 function DashKitView(props) {
     var _a;
@@ -16,7 +16,7 @@ function DashKitView(props) {
     const { registerManager, forwardedMetaRef, editMode } = context;
     return (react_1.default.createElement("div", { className: b({ theme: registerManager.settings.theme }) },
         registerManager.settings.isMobile ? (react_1.default.createElement(MobileLayout_1.default, null)) : (react_1.default.createElement(GridLayout_1.default, { ref: forwardedMetaRef, overlayControls: props.overlayControls })),
-        Boolean(((_a = props.actionPanel) === null || _a === void 0 ? void 0 : _a.length) && editMode) && (react_1.default.createElement(ActionPanel_1.ActionPanel, { items: props.actionPanel }))));
+        Boolean(((_a = props.actionPanel) === null || _a === void 0 ? void 0 : _a.length) && editMode) && (react_1.default.createElement(ActionPanel_1.default, { items: props.actionPanel }))));
 }
 const DashKitViewWithContext = (0, withContext_1.withContext)(DashKitView);
 const DashKitViewForwardedMeta = react_1.default.forwardRef((props, ref) => {

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

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

package/build/cjs/components/index.js

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./DashKit"), exports);
+tslib_1.__exportStar(require("./ActionPanel"), exports);

package/build/cjs/typings/common.d.ts

@@ -1,7 +1,7 @@
 import { OverlayCustomControlItem } from '../components/OverlayControls/OverlayControls';
 import { MenuItems } from '../constants';
 import type { ReactGridLayoutProps } from 'react-grid-layout';
-import { ActionPanelItem } from '../components/ActionPanel/ActionPanel';
+import type { ActionPanelItem } from '../components/ActionPanel/ActionPanel';
 export interface Settings {
     gridLayout?: ReactGridLayoutProps;
     theme?: string;

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

@@ -9,5 +9,6 @@ export type ActionPanelItem = {
 };
 export type ActionPanelProps = {
     items: ActionPanelItem[];
+    className?: string;
 };
 export declare const ActionPanel: (props: ActionPanelProps) => JSX.Element;

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

@@ -3,7 +3,7 @@ import { cn } from '../../utils/cn';
 import './ActionPanel.css';
 const b = cn('dashkit-action-panel');
 export const ActionPanel = (props) => {
-    return (React.createElement("div", { className: b() }, props.items.map((item) => {
+    return (React.createElement("div", { className: b(null, props.className) }, props.items.map((item) => {
         return (React.createElement("div", { role: "button", className: b('item', item.className), key: `dk-action-panel-${item.id}`, onClick: item.onClick },
             React.createElement("div", { className: b('icon') }, item.icon),
             React.createElement("div", { className: b('title'), title: item.title }, item.title)));

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

@@ -0,0 +1 @@
+export * from './ActionPanel';

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

@@ -0,0 +1 @@
+export * from './ActionPanel';

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

@@ -3,7 +3,7 @@ import GridLayout from '../GridLayout/GridLayout';
 import { SetConfigItem, Settings, SettingsProps, ContextProps, Plugin, SetItemOptions } from '../../typings';
 import { GlobalParams, Config, ConfigItem, ItemsStateAndParams } from '../../shared';
 import { OverlayControlItem } from '../OverlayControls/OverlayControls';
-import { ActionPanelItem } from '../ActionPanel/ActionPanel';
+import type { ActionPanelItem } from '../ActionPanel/ActionPanel';
 interface DashKitGeneralProps {
     config: Config;
     editMode: boolean;

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

@@ -1,2 +1 @@
 export * from './DashKit';
-export { ActionPanel as DashkitActionPanel, ActionPanelProps as DashkitActionPanelProps, ActionPanelItem as DashkitActionPanelItem, } from '../ActionPanel/ActionPanel';

package/build/esm/components/DashKit/index.js

@@ -1,2 +1 @@
 export * from './DashKit';
-export { ActionPanel as DashkitActionPanel, } from '../ActionPanel/ActionPanel';

package/build/esm/components/DashKitView/DashKitView.js

@@ -5,7 +5,7 @@ import MobileLayout from '../MobileLayout/MobileLayout';
 import { withContext } from '../../hocs/withContext';
 import { useCalcPropsLayout } from '../../hooks/useCalcLayout';
 import { cn } from '../../utils/cn';
-import { ActionPanel } from '../ActionPanel/ActionPanel';
+import ActionPanel from '../ActionPanel/ActionPanel';
 import './DashKitView.css';
 const b = cn('dashkit');
 function DashKitView(props) {

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

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

package/build/esm/components/index.js

@@ -1 +1,2 @@
 export * from './DashKit';
+export * from './ActionPanel';

package/build/esm/typings/common.d.ts

@@ -1,7 +1,7 @@
 import { OverlayCustomControlItem } from '../components/OverlayControls/OverlayControls';
 import { MenuItems } from '../constants';
 import type { ReactGridLayoutProps } from 'react-grid-layout';
-import { ActionPanelItem } from '../components/ActionPanel/ActionPanel';
+import type { ActionPanelItem } from '../components/ActionPanel/ActionPanel';
 export interface Settings {
     gridLayout?: ReactGridLayoutProps;
     theme?: string;

package/package.json

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