@gravity-ui/dashkit 7.2.0 → 8.0.1

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

@@ -1,16 +1,3 @@
-import React from 'react';
-export type ActionPanelItem = {
-    id: string;
-    icon: React.ReactNode;
-    title: string;
-    onClick?: () => void;
-    className?: string;
-    qa?: string;
-};
-export type ActionPanelProps = {
-    items: ActionPanelItem[];
-    className?: string;
-    disable?: boolean;
-    toggleAnimation?: boolean;
-};
+/// <reference types="react" />
+import { ActionPanelProps } from './types';
 export declare const ActionPanel: (props: ActionPanelProps) => JSX.Element | null;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+export type ActionPanelItem = {
+    id: string;
+    icon: React.ReactNode;
+    title: string;
+    onClick?: () => void;
+    className?: string;
+    qa?: string;
+};
+export type ActionPanelProps = {
+    items: ActionPanelItem[];
+    className?: string;
+    disable?: boolean;
+    toggleAnimation?: boolean;
+};

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Config, ConfigItem, GlobalParams, ItemsStateAndParams } from '../../shared';
+import type { Config, ConfigItem, GlobalParams, ItemsStateAndParams } from '../../shared';
 import { ContextProps, Plugin, SetConfigItem, SetItemOptions, Settings, SettingsProps } from '../../typings';
 import GridLayout from '../GridLayout/GridLayout';
 import { OverlayControlItem } from '../OverlayControls/OverlayControls';

package/build/cjs/components/MobileLayout/helpers.d.ts

@@ -1,3 +1,3 @@
-import { ConfigItem, ConfigLayout } from '../../shared';
+import type { ConfigItem, ConfigLayout } from '../../shared';
 import { DashKitProps } from '../DashKit';
 export declare const getSortedConfigItems: (config: DashKitProps['config'], hasOrderId: boolean) => (ConfigItem & ConfigLayout)[];

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ButtonSize, ButtonView, IconProps, MenuItemProps } from '@gravity-ui/uikit';
-import { Config, ConfigItem, ItemState, PluginBase, StringParams } from '../../shared';
+import type { Config, ConfigItem, ItemState, PluginBase, StringParams } from '../../shared';
 import type { RegisterManager } from '../../utils/register-manager';
 export declare enum OverlayControlsPosition {
     TopRight = "top_right",

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

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

package/build/cjs/helpers.d.ts

@@ -0,0 +1,3 @@
+export * from './utils';
+export * from './constants';
+export * from './shared';

package/build/cjs/helpers.js

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

package/build/cjs/hooks/useCalcLayout.d.ts

@@ -1,4 +1,4 @@
-import { Config } from '../shared';
+import type { Config } from '../shared';
 import { RegisterManager } from '../utils';
 export declare const useCalcPropsLayout: (config: Config, registerManager: RegisterManager) => {
     i: string;

package/build/cjs/index.d.ts

@@ -1,6 +1,4 @@
 export * from './components';
-export * from './utils';
-export * from './constants';
-export * from './typings';
-export * from './shared';
 export * from './plugins';
+export * from './shared/types';
+export * from './typings';

package/build/cjs/index.js

@@ -2,8 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./components"), exports);
-tslib_1.__exportStar(require("./utils"), exports);
-tslib_1.__exportStar(require("./constants"), exports);
-tslib_1.__exportStar(require("./typings"), exports);
-tslib_1.__exportStar(require("./shared"), exports);
 tslib_1.__exportStar(require("./plugins"), exports);
+tslib_1.__exportStar(require("./shared/types"), exports);
+tslib_1.__exportStar(require("./typings"), exports);

package/build/cjs/plugins/Text/Text.js

@@ -6,6 +6,7 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const i18n_1 = require("../../i18n");
 const cn_1 = require("../../utils/cn");
+const constants_1 = require("../constants");
 // need to set markdown styles separately
 // for instance can use yfm-transform
 const b = (0, cn_1.cn)('dashkit-plugin-text');
@@ -71,7 +72,7 @@ class PluginText extends react_1.default.PureComponent {
             react_1.default.createElement("br", null)));
     }
     renderText() {
-        return (react_1.default.createElement("div", { className: b({ withMarkdown: this.withMarkdown }) }, this.withMarkdown ? (react_1.default.createElement("div", { className: "yfm" // className из стилей для markdown
+        return (react_1.default.createElement("div", { className: b({ withMarkdown: this.withMarkdown }), [constants_1.PLUGIN_ROOT_ATTR_NAME]: 'text' }, this.withMarkdown ? (react_1.default.createElement("div", { className: "yfm" // className из стилей для markdown
             , dangerouslySetInnerHTML: { __html: this.state.htmlText } })) : (this.state.text)));
     }
     async getMarkdown() {

package/build/cjs/plugins/Title/Title.js

@@ -4,6 +4,7 @@ exports.PluginTitle = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const cn_1 = require("../../utils/cn");
+const constants_1 = require("../constants");
 const b = (0, cn_1.cn)('dashkit-plugin-title');
 class PluginTitle extends react_1.default.Component {
     render() {
@@ -11,7 +12,7 @@ class PluginTitle extends react_1.default.Component {
         const text = data.text ? data.text : '';
         const size = data.size ? data.size : false;
         const id = data.showInTOC && text ? encodeURIComponent(text) : undefined;
-        return (react_1.default.createElement("div", { id: id, className: b({ size }) }, text));
+        return (react_1.default.createElement("div", { id: id, className: b({ size }), [constants_1.PLUGIN_ROOT_ATTR_NAME]: 'title' }, text));
     }
 }
 exports.PluginTitle = PluginTitle;

package/build/cjs/plugins/constants.d.ts

@@ -0,0 +1 @@
+export declare const PLUGIN_ROOT_ATTR_NAME = "data-plugin-root-el";

package/build/cjs/plugins/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PLUGIN_ROOT_ATTR_NAME = void 0;
+exports.PLUGIN_ROOT_ATTR_NAME = 'data-plugin-root-el';

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

@@ -1,2 +1,3 @@
 export * from './Text';
 export * from './Title';
+export * from './constants';

package/build/cjs/plugins/index.js

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

package/build/cjs/shared/types/plugin.d.ts

@@ -1,4 +1,4 @@
-import { ConfigItem } from './config';
+import type { ConfigItem } from './config';
 interface PluginSpecialFields {
     prerenderMiddleware?: (item: ConfigItem) => ConfigItem;
 }

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

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

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

@@ -1,4 +1,4 @@
-import { ConfigItem, ConfigLayout } from '../shared';
+import type { ConfigItem, ConfigLayout } from '../shared';
 export interface AddConfigItem extends Omit<ConfigItem, 'id' | 'namespace'> {
     id?: null;
     namespace?: string;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactGridLayout from 'react-grid-layout';
-import { ConfigItem, ItemState, ItemStateAndParams, ItemStateAndParamsChangeOptions, PluginBase, StringParams } from '../shared';
-import { ContextProps, SettingsProps, WidgetLayout } from './common';
+import type { ConfigItem, ItemState, ItemStateAndParams, ItemStateAndParamsChangeOptions, PluginBase, StringParams } from '../shared';
+import type { ContextProps, SettingsProps, WidgetLayout } from './common';
 export interface PluginWidgetProps<T = StringParams> {
     id: string;
     editMode: boolean;

package/build/cjs/utils/get-new-id.d.ts

@@ -1,4 +1,4 @@
-import { Config } from '../shared';
+import type { Config } from '../shared';
 type GetNewIdArgs = {
     config: Config;
     salt: Config['salt'];

package/build/cjs/utils/register-manager.d.ts

@@ -1,5 +1,5 @@
 import ReactGridLayout from 'react-grid-layout';
-import { Plugin, PluginDefaultLayout, Settings } from '../typings';
+import type { Plugin, PluginDefaultLayout, Settings } from '../typings';
 interface RegisterManagerDefaultLayout {
     x: number;
     y: number;

package/build/cjs/utils/update-manager.d.ts

@@ -1,5 +1,5 @@
-import { Config, ConfigItem, ItemStateAndParams, ItemStateAndParamsChangeOptions, ItemsStateAndParams } from '../shared';
-import { AddConfigItem, SetItemOptions, WidgetLayout } from '../typings';
+import type { Config, ConfigItem, ItemStateAndParams, ItemStateAndParamsChangeOptions, ItemsStateAndParams } from '../shared';
+import type { AddConfigItem, SetItemOptions, WidgetLayout } from '../typings';
 import { RegisterManagerPluginLayout } from './register-manager';
 interface RemoveItemArg {
     id: string;

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

@@ -1,17 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
+import { ActionPanelProps } from './types';
 import './ActionPanel.css';
-export type ActionPanelItem = {
-    id: string;
-    icon: React.ReactNode;
-    title: string;
-    onClick?: () => void;
-    className?: string;
-    qa?: string;
-};
-export type ActionPanelProps = {
-    items: ActionPanelItem[];
-    className?: string;
-    disable?: boolean;
-    toggleAnimation?: boolean;
-};
 export declare const ActionPanel: (props: ActionPanelProps) => JSX.Element | null;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+export type ActionPanelItem = {
+    id: string;
+    icon: React.ReactNode;
+    title: string;
+    onClick?: () => void;
+    className?: string;
+    qa?: string;
+};
+export type ActionPanelProps = {
+    items: ActionPanelItem[];
+    className?: string;
+    disable?: boolean;
+    toggleAnimation?: boolean;
+};

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

@@ -0,0 +1 @@
+export {};

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Config, ConfigItem, GlobalParams, ItemsStateAndParams } from '../../shared';
+import type { Config, ConfigItem, GlobalParams, ItemsStateAndParams } from '../../shared';
 import { ContextProps, Plugin, SetConfigItem, SetItemOptions, Settings, SettingsProps } from '../../typings';
 import GridLayout from '../GridLayout/GridLayout';
 import { OverlayControlItem } from '../OverlayControls/OverlayControls';

package/build/esm/components/MobileLayout/helpers.d.ts

@@ -1,3 +1,3 @@
-import { ConfigItem, ConfigLayout } from '../../shared';
+import type { ConfigItem, ConfigLayout } from '../../shared';
 import { DashKitProps } from '../DashKit';
 export declare const getSortedConfigItems: (config: DashKitProps['config'], hasOrderId: boolean) => (ConfigItem & ConfigLayout)[];

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ButtonSize, ButtonView, IconProps, MenuItemProps } from '@gravity-ui/uikit';
-import { Config, ConfigItem, ItemState, PluginBase, StringParams } from '../../shared';
+import type { Config, ConfigItem, ItemState, PluginBase, StringParams } from '../../shared';
 import type { RegisterManager } from '../../utils/register-manager';
 import './OverlayControls.css';
 export declare enum OverlayControlsPosition {

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

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

package/build/esm/helpers.d.ts

@@ -0,0 +1,3 @@
+export * from './utils';
+export * from './constants';
+export * from './shared';

package/build/esm/helpers.js

@@ -0,0 +1,3 @@
+export * from './utils';
+export * from './constants';
+export * from './shared';

package/build/esm/hooks/useCalcLayout.d.ts

@@ -1,4 +1,4 @@
-import { Config } from '../shared';
+import type { Config } from '../shared';
 import { RegisterManager } from '../utils';
 export declare const useCalcPropsLayout: (config: Config, registerManager: RegisterManager) => {
     i: string;

package/build/esm/index.d.ts

@@ -1,6 +1,4 @@
 export * from './components';
-export * from './utils';
-export * from './constants';
-export * from './typings';
-export * from './shared';
 export * from './plugins';
+export * from './shared/types';
+export * from './typings';

package/build/esm/index.js

@@ -1,6 +1,4 @@
 export * from './components';
-export * from './utils';
-export * from './constants';
-export * from './typings';
-export * from './shared';
 export * from './plugins';
+export * from './shared/types';
+export * from './typings';

package/build/esm/plugins/Text/Text.js

@@ -2,6 +2,7 @@ import React from 'react';
 import { Button, Loader } from '@gravity-ui/uikit';
 import { i18n } from '../../i18n';
 import { cn } from '../../utils/cn';
+import { PLUGIN_ROOT_ATTR_NAME } from '../constants';
 import './Text.css';
 // need to set markdown styles separately
 // for instance can use yfm-transform
@@ -68,7 +69,7 @@ export class PluginText extends React.PureComponent {
             React.createElement("br", null)));
     }
     renderText() {
-        return (React.createElement("div", { className: b({ withMarkdown: this.withMarkdown }) }, this.withMarkdown ? (React.createElement("div", { className: "yfm" // className из стилей для markdown
+        return (React.createElement("div", { className: b({ withMarkdown: this.withMarkdown }), [PLUGIN_ROOT_ATTR_NAME]: 'text' }, this.withMarkdown ? (React.createElement("div", { className: "yfm" // className из стилей для markdown
             , dangerouslySetInnerHTML: { __html: this.state.htmlText } })) : (this.state.text)));
     }
     async getMarkdown() {

package/build/esm/plugins/Title/Title.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { cn } from '../../utils/cn';
+import { PLUGIN_ROOT_ATTR_NAME } from '../constants';
 import './Title.css';
 const b = cn('dashkit-plugin-title');
 export class PluginTitle extends React.Component {
@@ -8,7 +9,7 @@ export class PluginTitle extends React.Component {
         const text = data.text ? data.text : '';
         const size = data.size ? data.size : false;
         const id = data.showInTOC && text ? encodeURIComponent(text) : undefined;
-        return (React.createElement("div", { id: id, className: b({ size }) }, text));
+        return (React.createElement("div", { id: id, className: b({ size }), [PLUGIN_ROOT_ATTR_NAME]: 'title' }, text));
     }
 }
 const plugin = {

package/build/esm/plugins/constants.d.ts

@@ -0,0 +1 @@
+export declare const PLUGIN_ROOT_ATTR_NAME = "data-plugin-root-el";

package/build/esm/plugins/constants.js

@@ -0,0 +1 @@
+export const PLUGIN_ROOT_ATTR_NAME = 'data-plugin-root-el';

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

@@ -1,2 +1,3 @@
 export * from './Text';
 export * from './Title';
+export * from './constants';

package/build/esm/plugins/index.js

@@ -1,2 +1,3 @@
 export * from './Text';
 export * from './Title';
+export * from './constants';

package/build/esm/shared/types/plugin.d.ts

@@ -1,4 +1,4 @@
-import { ConfigItem } from './config';
+import type { ConfigItem } from './config';
 interface PluginSpecialFields {
     prerenderMiddleware?: (item: ConfigItem) => ConfigItem;
 }

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

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

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

@@ -1,4 +1,4 @@
-import { ConfigItem, ConfigLayout } from '../shared';
+import type { ConfigItem, ConfigLayout } from '../shared';
 export interface AddConfigItem extends Omit<ConfigItem, 'id' | 'namespace'> {
     id?: null;
     namespace?: string;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactGridLayout from 'react-grid-layout';
-import { ConfigItem, ItemState, ItemStateAndParams, ItemStateAndParamsChangeOptions, PluginBase, StringParams } from '../shared';
-import { ContextProps, SettingsProps, WidgetLayout } from './common';
+import type { ConfigItem, ItemState, ItemStateAndParams, ItemStateAndParamsChangeOptions, PluginBase, StringParams } from '../shared';
+import type { ContextProps, SettingsProps, WidgetLayout } from './common';
 export interface PluginWidgetProps<T = StringParams> {
     id: string;
     editMode: boolean;

package/build/esm/utils/get-new-id.d.ts

@@ -1,4 +1,4 @@
-import { Config } from '../shared';
+import type { Config } from '../shared';
 type GetNewIdArgs = {
     config: Config;
     salt: Config['salt'];

package/build/esm/utils/register-manager.d.ts

@@ -1,5 +1,5 @@
 import ReactGridLayout from 'react-grid-layout';
-import { Plugin, PluginDefaultLayout, Settings } from '../typings';
+import type { Plugin, PluginDefaultLayout, Settings } from '../typings';
 interface RegisterManagerDefaultLayout {
     x: number;
     y: number;

package/build/esm/utils/update-manager.d.ts

@@ -1,5 +1,5 @@
-import { Config, ConfigItem, ItemStateAndParams, ItemStateAndParamsChangeOptions, ItemsStateAndParams } from '../shared';
-import { AddConfigItem, SetItemOptions, WidgetLayout } from '../typings';
+import type { Config, ConfigItem, ItemStateAndParams, ItemStateAndParamsChangeOptions, ItemsStateAndParams } from '../shared';
+import type { AddConfigItem, SetItemOptions, WidgetLayout } from '../typings';
 import { RegisterManagerPluginLayout } from './register-manager';
 interface RemoveItemArg {
     id: string;

package/package.json

@@ -1,12 +1,24 @@
 {
   "name": "@gravity-ui/dashkit",
-  "version": "7.2.0",
+  "version": "8.0.1",
   "description": "Library for rendering dashboard grid layout",
   "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/gravity-ui/dashkit"
   },
+  "exports": {
+    ".": {
+      "types": "./build/esm/index.d.ts",
+      "require": "./build/cjs/index.js",
+      "import": "./build/esm/index.js"
+    },
+    "./helpers": {
+      "types": "./build/esm/helpers.d.ts",
+      "require": "./build/cjs/helpers.js",
+      "import": "./build/esm/helpers.js"
+    }
+  },
   "files": [
     "build"
   ],
@@ -17,9 +29,19 @@
   "publishConfig": {
     "access": "public"
   },
-  "main": "build/cjs/index.js",
-  "module": "build/esm/index.js",
-  "types": "build/esm/index.d.ts",
+  "main": "./build/cjs/index.js",
+  "module": "./build/esm/index.js",
+  "types": "./build/esm/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "index.d.ts": [
+        "./build/esm/index.d.ts"
+      ],
+      "helpers": [
+        "./build/esm/helpers.d.ts"
+      ]
+    }
+  },
   "scripts": {
     "lint:prettier": "prettier --check --log-level=error '**/*.{js,jsx,ts,tsx,scss}'",
     "lint:prettier:fix": "prettier --write '**/*.md'",
@@ -39,6 +61,7 @@
   },
   "dependencies": {
     "@gravity-ui/icons": "^2.8.1",
+    "@bem-react/classname": "^1.6.0",
     "hashids": "^2.2.8",
     "immutability-helper": "^3.1.1",
     "prop-types": "^15.8.1",
@@ -46,12 +69,10 @@
     "react-transition-group": "^4.4.5"
   },
   "peerDependencies": {
-    "@bem-react/classname": "^1.6.0",
     "@gravity-ui/uikit": "^6.0.0",
     "react": "^16.8.0  || ^17 || ^18"
   },
   "devDependencies": {
-    "@bem-react/classname": "^1.6.0",
     "@commitlint/cli": "^17.0.3",
     "@commitlint/config-conventional": "^17.0.3",
     "@gravity-ui/eslint-config": "^3.1.1",