>;
43 |
44 | export interface Plugin = any, T = StringParams> extends PluginBase {
45 | defaultLayout?: PluginDefaultLayout;
46 | renderer: (props: P, forwardedRef: React.RefObject) => React.ReactNode;
47 | placeholderRenderer?: (props: P, forwardedRef: React.RefObject) => React.ReactNode;
48 | }
49 |
--------------------------------------------------------------------------------
/src/utils/cn.ts:
--------------------------------------------------------------------------------
1 | import {withNaming} from '@bem-react/classname';
2 |
3 | export const cn = withNaming({e: '__', m: '_'});
4 |
--------------------------------------------------------------------------------
/src/utils/get-new-id.ts:
--------------------------------------------------------------------------------
1 | import {extractIdsFromConfig, generateUniqId} from '../shared';
2 | import type {Config} from '../shared';
3 |
4 | type GetNewIdArgs = {
5 | config: Config;
6 | salt: Config['salt'];
7 | counter: Config['counter'];
8 | excludeIds?: string[];
9 | };
10 |
11 | export function getNewId({config, salt, counter, excludeIds = []}: GetNewIdArgs) {
12 | const allIds = [...extractIdsFromConfig(config), ...excludeIds];
13 | return generateUniqId({salt, counter, ids: allIds});
14 | }
15 |
--------------------------------------------------------------------------------
/src/utils/grid-layout.ts:
--------------------------------------------------------------------------------
1 | import gridLayout, {Layout} from 'react-grid-layout';
2 |
3 | import type {CompactType} from '../';
4 |
5 | const {utils} = gridLayout as any;
6 |
7 | export const compact = (layout: Layout[], compactType: CompactType, cols: number): Layout[] => {
8 | if (compactType === 'horizontal-nowrap') {
9 | compactType = 'horizontal';
10 | }
11 |
12 | return utils.compact(layout, compactType, cols);
13 | };
14 |
15 | export const bottom = (layout: Layout[]): number => {
16 | return utils.bottom(layout);
17 | };
18 |
--------------------------------------------------------------------------------
/src/utils/group-helpers.ts:
--------------------------------------------------------------------------------
1 | import {DEFAULT_GROUP} from '../constants';
2 | import type {ConfigLayout} from '../shared/types';
3 |
4 | export const resolveLayoutGroup = (item: ConfigLayout) => {
5 | if (!item.parent) {
6 | return DEFAULT_GROUP;
7 | }
8 |
9 | return item.parent;
10 | };
11 |
12 | export const isDefaultLayoutGroup = (item: ConfigLayout) => {
13 | return item.parent === DEFAULT_GROUP || item.parent === undefined;
14 | };
15 |
--------------------------------------------------------------------------------
/src/utils/index.ts:
--------------------------------------------------------------------------------
1 | export * from './register-manager';
2 | export * from './update-manager';
3 | export * from './group-helpers';
4 |
--------------------------------------------------------------------------------
/src/utils/register-manager.ts:
--------------------------------------------------------------------------------
1 | import ReactGridLayout from 'react-grid-layout';
2 |
3 | import type {Plugin, PluginDefaultLayout, Settings} from '../typings';
4 |
5 | interface RegisterManagerDefaultLayout {
6 | x: number;
7 | y: number;
8 | w: number;
9 | h: number;
10 | minW?: number;
11 | minH?: number;
12 | }
13 |
14 | export type RegisterManagerPluginLayout = RegisterManagerDefaultLayout & PluginDefaultLayout;
15 |
16 | export interface RegisterManagerPlugin extends Omit {
17 | defaultLayout: RegisterManagerDefaultLayout & Plugin['defaultLayout'];
18 | }
19 |
20 | export type RegisterManagerSettings = {theme: string} & Settings;
21 |
22 | export class RegisterManager {
23 | private _items: Record = {};
24 | private _defaultLayout: RegisterManagerDefaultLayout = {
25 | x: 0,
26 | y: Infinity,
27 | w: Infinity,
28 | h: 4,
29 | minW: 4,
30 | minH: 2,
31 | };
32 | private _gridLayout: ReactGridLayout.ReactGridLayoutProps = {
33 | rowHeight: 18,
34 | cols: 36,
35 | margin: [2, 2],
36 | containerPadding: [0, 0],
37 | };
38 | private _settings: RegisterManagerSettings = {
39 | theme: 'default',
40 | };
41 |
42 | registerPlugin(plugin: Plugin) {
43 | const {type} = plugin;
44 | if (type in this._items) {
45 | throw new Error(`DashKit.registerPlugins: type ${type} уже был зарегистрирован`);
46 | }
47 | this.reloadPlugin(plugin);
48 | }
49 |
50 | reloadPlugin(plugin: Plugin) {
51 | const {type, defaultLayout = {}, ...item} = plugin;
52 |
53 | if (typeof plugin.renderer !== 'function') {
54 | throw new Error('DashKit.registerPlugins: renderer должна быть функцией');
55 | }
56 |
57 | this._items[type] = {
58 | ...item,
59 | type,
60 | defaultLayout: {...this._defaultLayout, ...defaultLayout},
61 | };
62 | }
63 |
64 | setSettings(settings: Settings = {}) {
65 | Object.assign(this._settings, settings);
66 | if (settings.gridLayout) {
67 | this._gridLayout = {...this._gridLayout, ...settings.gridLayout};
68 | }
69 | }
70 |
71 | get settings() {
72 | return this._settings;
73 | }
74 |
75 | get gridLayout() {
76 | return this._gridLayout;
77 | }
78 |
79 | getPlugins() {
80 | return Object.values(this._items);
81 | }
82 |
83 | getItem(type: string) {
84 | return this._items[type];
85 | }
86 |
87 | check(type: string) {
88 | return type in this._items;
89 | }
90 | }
91 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "@gravity-ui/tsconfig",
3 | "compilerOptions": {
4 | "allowJs": true,
5 | "declaration": true,
6 | "resolveJsonModule": true,
7 | "outDir": "build/esm",
8 | "jsx": "react",
9 | "baseUrl": ".",
10 | "module": "esnext",
11 | "moduleResolution": "bundler",
12 | "importHelpers": true,
13 | },
14 | "include": ["src"]
15 | }
16 |
--------------------------------------------------------------------------------