@gravity-ui/dashkit 6.1.0-beta.2 → 6.1.0-beta.4

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/DashKit/DashKit.d.ts

@@ -3,7 +3,6 @@ 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';
 interface DashKitGeneralProps {
     config: Config;
     editMode: boolean;
@@ -22,7 +21,6 @@ interface DashKitDefaultProps {
     overlayControls?: Record<string, OverlayControlItem[]>;
     noOverlay?: boolean;
     draggableHandleClassName?: string;
-    actionPanel?: ActionPanelItem[];
 }
 export interface DashKitProps extends DashKitGeneralProps, Partial<DashKitDefaultProps> {
 }

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

@@ -1,3 +1,7 @@
+import React from 'react';
+import type { RegisterManager } from '../../utils';
+import type { DashKitProps } from '../DashKit';
+declare const DashKitViewForwardedMeta: React.ForwardRefExoticComponent<DashKitProps & {
+    registerManager: RegisterManager;
+} & React.RefAttributes<unknown>>;
 export default DashKitViewForwardedMeta;
-declare const DashKitViewForwardedMeta: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from "react";

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

@@ -8,15 +8,11 @@ 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 b = (0, cn_1.cn)('dashkit');
 function DashKitView(props) {
-    var _a;
     const context = react_1.default.useContext(DashKitContext_1.DashKitContext);
-    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 }))));
+    const { registerManager, forwardedMetaRef } = 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 }))));
 }
 const DashKitViewWithContext = (0, withContext_1.withContext)(DashKitView);
 const DashKitViewForwardedMeta = react_1.default.forwardRef((props, ref) => {

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

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

package/build/cjs/hocs/withContext.js

@@ -172,7 +172,7 @@ function withContext(Component) {
     const WithContext = (props) => {
         const contextValue = useMemoStateContext(props);
         return (react_1.default.createElement(DashKitContext_1.DashKitContext.Provider, { value: contextValue },
-            react_1.default.createElement(Component, { overlayControls: props.overlayControls, actionPanel: props.actionPanel })));
+            react_1.default.createElement(Component, { overlayControls: props.overlayControls })));
     };
     WithContext.displayName = `withContext(${Component.displayName || Component.name || 'Component'}`;
     return WithContext;

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

@@ -1,13 +1,11 @@
 import { OverlayCustomControlItem } from '../components/OverlayControls/OverlayControls';
 import { MenuItems } from '../constants';
 import type { ReactGridLayoutProps } from 'react-grid-layout';
-import { ActionPanelItem } from '../components/ActionPanel/ActionPanel';
 export interface Settings {
     gridLayout?: ReactGridLayoutProps;
     theme?: string;
     isMobile?: boolean;
     menu?: Array<MenuItem>;
-    actionPanel?: ActionPanelItem[];
 }
 export type MenuItem = (typeof MenuItems)[keyof typeof MenuItems] | OverlayCustomControlItem;
 export interface SettingsProps {

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/DashKit/DashKit.d.ts

@@ -3,7 +3,6 @@ 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';
 interface DashKitGeneralProps {
     config: Config;
     editMode: boolean;
@@ -22,7 +21,6 @@ interface DashKitDefaultProps {
     overlayControls?: Record<string, OverlayControlItem[]>;
     noOverlay?: boolean;
     draggableHandleClassName?: string;
-    actionPanel?: ActionPanelItem[];
 }
 export interface DashKitProps extends DashKitGeneralProps, Partial<DashKitDefaultProps> {
 }

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

@@ -1,3 +1,8 @@
+import React from 'react';
+import type { RegisterManager } from '../../utils';
+import type { DashKitProps } from '../DashKit';
+import './DashKitView.css';
+declare const DashKitViewForwardedMeta: React.ForwardRefExoticComponent<DashKitProps & {
+    registerManager: RegisterManager;
+} & React.RefAttributes<unknown>>;
 export default DashKitViewForwardedMeta;
-declare const DashKitViewForwardedMeta: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from "react";

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

@@ -5,16 +5,12 @@ 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 './DashKitView.css';
 const b = cn('dashkit');
 function DashKitView(props) {
-    var _a;
     const context = React.useContext(DashKitContext);
-    const { registerManager, forwardedMetaRef, editMode } = context;
-    return (React.createElement("div", { className: b({ theme: registerManager.settings.theme }) },
-        registerManager.settings.isMobile ? (React.createElement(MobileLayout, null)) : (React.createElement(GridLayout, { ref: forwardedMetaRef, overlayControls: props.overlayControls })),
-        Boolean(((_a = props.actionPanel) === null || _a === void 0 ? void 0 : _a.length) && editMode) && (React.createElement(ActionPanel, { items: props.actionPanel }))));
+    const { registerManager, forwardedMetaRef } = context;
+    return (React.createElement("div", { className: b({ theme: registerManager.settings.theme }) }, registerManager.settings.isMobile ? (React.createElement(MobileLayout, null)) : (React.createElement(GridLayout, { ref: forwardedMetaRef, overlayControls: props.overlayControls }))));
 }
 const DashKitViewWithContext = withContext(DashKitView);
 const DashKitViewForwardedMeta = React.forwardRef((props, ref) => {

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

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

package/build/esm/hocs/withContext.js

@@ -168,7 +168,7 @@ export function withContext(Component) {
     const WithContext = (props) => {
         const contextValue = useMemoStateContext(props);
         return (React.createElement(DashKitContext.Provider, { value: contextValue },
-            React.createElement(Component, { overlayControls: props.overlayControls, actionPanel: props.actionPanel })));
+            React.createElement(Component, { overlayControls: props.overlayControls })));
     };
     WithContext.displayName = `withContext(${Component.displayName || Component.name || 'Component'}`;
     return WithContext;

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

@@ -1,13 +1,11 @@
 import { OverlayCustomControlItem } from '../components/OverlayControls/OverlayControls';
 import { MenuItems } from '../constants';
 import type { ReactGridLayoutProps } from 'react-grid-layout';
-import { ActionPanelItem } from '../components/ActionPanel/ActionPanel';
 export interface Settings {
     gridLayout?: ReactGridLayoutProps;
     theme?: string;
     isMobile?: boolean;
     menu?: Array<MenuItem>;
-    actionPanel?: ActionPanelItem[];
 }
 export type MenuItem = (typeof MenuItems)[keyof typeof MenuItems] | OverlayCustomControlItem;
 export interface SettingsProps {

package/package.json

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