@gravity-ui/dashkit 9.3.2 → 10.0.0-beta.0

package/README.md

@@ -25,7 +25,7 @@ Plugins are required to create custom widgets.
 
 ```ts
 type ItemManipulationCallback = (eventData: {
-    layout: Layouts;
+    layout: Layout[];
     oldItem: Layout;
     newItem: Layout;
     placeholder: Layout;

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

@@ -25,7 +25,7 @@ interface DashKitDefaultProps {
         itemsStateAndParams: ItemsStateAndParams;
         groups?: DashKitGroup[];
     }) => void;
-    onDrop?: (dropProps: ItemDropProps) => void;
+    onDrop: (dropProps: ItemDropProps) => void;
     onItemMountChange?: (item: ConfigItem, state: {
         isAsync: boolean;
         isMounted: boolean;
@@ -73,7 +73,7 @@ export declare class DashKit extends React.PureComponent<DashKitInnerProps> {
     }): ConfigLayout[];
     metaRef: React.RefObject<GridLayout>;
     render(): JSX.Element;
-    getItemsMeta(): any;
+    getItemsMeta(): Promise<any>[];
     reloadItems(options?: {
         targetIds?: string[];
         force?: boolean;

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

@@ -88,8 +88,8 @@ class DashKit extends react_1.default.PureComponent {
         return content;
     }
     getItemsMeta() {
-        var _a;
-        return (_a = this.metaRef.current) === null || _a === void 0 ? void 0 : _a.getItemsMeta();
+        var _a, _b;
+        return (_b = (_a = this.metaRef.current) === null || _a === void 0 ? void 0 : _a.getItemsMeta()) !== null && _b !== void 0 ? _b : [];
     }
     reloadItems(options) {
         var _a;

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

@@ -1 +1 @@
-{"version":3,"file":"DashKit.js","sourceRoot":"../../../../src","sources":["components/DashKit/DashKit.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,kEAA+B;AAC/B,kEAA+B;AAE/B,wDAAiE;AACjE,oDAAgD;AAuBhD,gDAAyE;AACzE,iFAAyE;AACzE,wFAAqD;AAoDrD,MAAM,eAAe,GAAG,IAAI,uBAAe,EAAE,CAAC;AAE9C,MAAM,cAAc,GAAG,CAAC,KAA2B,EAAqB,EAAE,CACtE,MAAM,CAAC,MAAM,CACT,EAAC,WAAW,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,EAAC,EACnC,IAAA,cAAI,EAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,CAAC,CAChD,CAAC;AAEN,MAAM,qBAAqB,GAAG,CAAC,SAAyB,EAAE,EAAE,EAAE;IAC1D,MAAM,gBAAgB,GAAG,cAAc,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;IAEpE,OAAO;QACH,YAAY,EAAE,gBAAgB;QAC9B,MAAM,EAAE,MAAM,CAAC,MAAM,CAAoC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;YACjE,MAAM,OAAO,GAAG,CAAC,CAAC,EAAE,IAAI,yBAAa,CAAC;YACtC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,cAAc;gBAC5B,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;gBACpD,CAAC,CAAC,gBAAgB,CAAC;YAEvB,OAAO,IAAI,CAAC;QAChB,CAAC,EAAE,EAAE,CAAC;KACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAa,OAAQ,SAAQ,eAAK,CAAC,aAAgC;IAAnE;;QA0GI,YAAO,GAAG,eAAK,CAAC,SAAS,EAAc,CAAC;IAqB5C,CAAC;IA5GG,MAAM,CAAC,eAAe,CAAC,GAAG,OAAiB;QACvC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;YACvB,eAAe,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC;IACP,CAAC;IAED,MAAM,CAAC,aAAa,CAAC,GAAG,OAAiB;QACrC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;YACvB,eAAe,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;QACzC,CAAC,CAAC,CAAC;IACP,CAAC;IAED,MAAM,CAAC,WAAW,CAAC,QAAkB;QACjC,eAAe,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC1C,CAAC;IAED,MAAM,CAAC,OAAO,CAAC,EACX,IAAI,EAAE,OAAO,EACb,SAAS,GAAG,6BAAiB,EAC7B,MAAM,EACN,OAAO,GAAG,EAAE,EACZ,MAAM,GAAG,EAAE,GAOd;QACG,IAAI,OAAO,CAAC,EAAE,EAAE,CAAC;YACb,OAAO,qBAAa,CAAC,QAAQ,CAAC;gBAC1B,IAAI,EAAE,OAAO;gBACb,SAAS;gBACT,MAAM;gBACN,OAAO;aACV,CAAC,CAAC;QACP,CAAC;aAAM,CAAC;YACJ,MAAM,IAAI,GAAG,OAAwB,CAAC;YACtC,MAAM,MAAM,qBAAO,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,CAAC;YAErE,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC;YAE1D,MAAM,QAAQ,qBAAO,IAAI,CAAC,CAAC;YAE3B,IAAI,QAAQ,CAAC,MAAM,EAAE,CAAC;gBAClB,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;gBACvC,OAAO,QAAQ,CAAC,MAAM,CAAC;YAC3B,CAAC;YAED,OAAO,qBAAa,CAAC,OAAO,CAAC;gBACzB,IAAI,EAAE,QAAQ;gBACd,SAAS;gBACT,MAAM;gBACN,MAAM;gBACN,OAAO,kCAAM,OAAO,KAAE,mBAAmB,GAAC;aAC7C,CAAC,CAAC;QACP,CAAC;IACL,CAAC;IAED,MAAM,CAAC,UAAU,CAAC,EACd,EAAE,EACF,MAAM,EACN,mBAAmB,GAKtB;QACG,OAAO,qBAAa,CAAC,UAAU,CAAC,EAAC,EAAE,EAAE,MAAM,EAAE,mBAAmB,EAAC,CAAC,CAAC;IACvE,CAAC;IAED,MAAM,CAAC,YAAY,CAAC,EAChB,aAAa,EACb,MAAM,EACN,MAAM,GAKT;QACG,OAAO,IAAA,oBAAY,EAAC;YAChB,aAAa;YACb,MAAM;YACN,mBAAmB,EAAE,qBAAqB,CAAC,MAAM,CAAC;SACrD,CAAC,CAAC;IACP,CAAC;IAID,MAAM;QACF,MAAM,OAAO,GAAG,CACZ,8BAAC,qBAAW,kBAAC,eAAe,EAAE,eAAe,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,IAAM,IAAI,CAAC,KAAK,EAAI,CACvF,CAAC;QAEF,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YACrC,OAAO,8BAAC,qCAAiB,QAAE,OAAO,CAAqB,CAAC;QAC5D,CAAC;QAED,OAAO,OAAO,CAAC;IACnB,CAAC;IAED,YAAY;;QACR,OAAO,MAAA,IAAI,CAAC,OAAO,CAAC,OAAO,0CAAE,YAAY,EAAE,CAAC;IAChD,CAAC;IAED,WAAW,CAAC,OAAiD;;QACzD,MAAA,IAAI,CAAC,OAAO,CAAC,OAAO,0CAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC/C,CAAC;;AA9HL,0BA+HC;AA9HU,oBAAY,GAAwB;IACvC,UAAU,EAAE,cAAI;IAChB,QAAQ,EAAE,cAAI;IACd,MAAM,EAAE,cAAI;IACZ,mBAAmB,EAAE,EAAE;IACvB,YAAY,EAAE,EAAE;IAChB,mBAAmB,EAAE,EAAE;IACvB,QAAQ,EAAE;QACN,kBAAkB,EAAE,CAAC;QACrB,aAAa,EAAE,KAAK;KACvB;IACD,OAAO,EAAE,EAAE;IACX,SAAS,EAAE,KAAK;IAChB,SAAS,EAAE,KAAK;CACnB,AAdkB,CAcjB;AAEK,mBAAW,GAAG,2BAAiB,AAApB,CAAqB","sourcesContent":["import React from 'react';\n\nimport noop from 'lodash/noop';\nimport pick from 'lodash/pick';\n\nimport {DEFAULT_GROUP, DEFAULT_NAMESPACE} from '../../constants';\nimport {DashKitDnDContext} from '../../context';\nimport type {\n    Config,\n    ConfigItem,\n    ConfigLayout,\n    GlobalParams,\n    ItemDropProps,\n    ItemsStateAndParams,\n} from '../../shared';\nimport type {\n    AddConfigItem,\n    AddNewItemOptions,\n    ContextProps,\n    DashKitGroup,\n    GridReflowOptions,\n    ItemManipulationCallback,\n    MenuItem,\n    Plugin,\n    ReactGridLayoutProps,\n    SetConfigItem,\n    Settings,\n    SettingsProps,\n} from '../../typings';\nimport {RegisterManager, UpdateManager, reflowLayout} from '../../utils';\nimport {DashKitDnDWrapper} from '../DashKitDnDWrapper/DashKitDnDWrapper';\nimport DashKitView from '../DashKitView/DashKitView';\nimport GridLayout from '../GridLayout/GridLayout';\nimport type {OverlayControlItem, PreparedCopyItemOptions} from '../OverlayControls/OverlayControls';\n\ninterface DashKitGeneralProps {\n    config: Config;\n    editMode: boolean;\n    draggableHandleClassName?: string;\n    overlayControls?: Record<string, OverlayControlItem[]> | null;\n    overlayMenuItems?: MenuItem[] | null;\n}\n\ninterface DashKitDefaultProps {\n    defaultGlobalParams: GlobalParams;\n    globalParams: GlobalParams;\n    itemsStateAndParams: ItemsStateAndParams;\n    settings: SettingsProps;\n    context: ContextProps;\n    noOverlay: boolean;\n    focusable?: boolean;\n    groups?: DashKitGroup[];\n\n    onItemEdit: (item: ConfigItem) => void;\n    onChange: (data: {\n        config: Config;\n        itemsStateAndParams: ItemsStateAndParams;\n        groups?: DashKitGroup[];\n    }) => void;\n\n    onDrop?: (dropProps: ItemDropProps) => void;\n\n    onItemMountChange?: (item: ConfigItem, state: {isAsync: boolean; isMounted: boolean}) => void;\n    onItemRender?: (item: ConfigItem) => void;\n\n    getPreparedCopyItemOptions?: (options: PreparedCopyItemOptions) => PreparedCopyItemOptions;\n    onCopyFulfill?: (error: null | Error, data?: PreparedCopyItemOptions) => void;\n\n    onItemFocus?: (item: ConfigItem) => void;\n    onItemBlur?: (item: ConfigItem) => void;\n\n    onDragStart?: ItemManipulationCallback;\n    onDrag?: ItemManipulationCallback;\n    onDragStop?: ItemManipulationCallback;\n    onResizeStart?: ItemManipulationCallback;\n    onResize?: ItemManipulationCallback;\n    onResizeStop?: ItemManipulationCallback;\n}\n\nexport interface DashKitProps extends DashKitGeneralProps, Partial<DashKitDefaultProps> {}\n\ntype DashKitInnerProps = DashKitGeneralProps & DashKitDefaultProps;\n\nconst registerManager = new RegisterManager();\n\nconst getReflowProps = (props: ReactGridLayoutProps): GridReflowOptions =>\n    Object.assign(\n        {compactType: 'vertical', cols: 36},\n        pick(props, 'cols', 'maxRows', 'compactType'),\n    );\n\nconst getReflowGroupsConfig = (groups: DashKitGroup[] = []) => {\n    const defaultGridProps = getReflowProps(registerManager.gridLayout);\n\n    return {\n        defaultProps: defaultGridProps,\n        groups: groups.reduce<Record<string, GridReflowOptions>>((memo, g) => {\n            const groupId = g.id || DEFAULT_GROUP;\n            memo[groupId] = g.gridProperties\n                ? getReflowProps(g.gridProperties(defaultGridProps))\n                : defaultGridProps;\n\n            return memo;\n        }, {}),\n    };\n};\n\nexport class DashKit extends React.PureComponent<DashKitInnerProps> {\n    static defaultProps: DashKitDefaultProps = {\n        onItemEdit: noop,\n        onChange: noop,\n        onDrop: noop,\n        defaultGlobalParams: {},\n        globalParams: {},\n        itemsStateAndParams: {},\n        settings: {\n            autoupdateInterval: 0,\n            silentLoading: false,\n        },\n        context: {},\n        noOverlay: false,\n        focusable: false,\n    };\n\n    static contextType = DashKitDnDContext;\n\n    static registerPlugins(...plugins: Plugin[]) {\n        plugins.forEach((plugin) => {\n            registerManager.registerPlugin(plugin);\n        });\n    }\n\n    static reloadPlugins(...plugins: Plugin[]) {\n        plugins.forEach((plugin) => {\n            registerManager.reloadPlugin(plugin);\n        });\n    }\n\n    static setSettings(settings: Settings) {\n        registerManager.setSettings(settings);\n    }\n\n    static setItem({\n        item: setItem,\n        namespace = DEFAULT_NAMESPACE,\n        config,\n        options = {},\n        groups = [],\n    }: {\n        item: SetConfigItem;\n        namespace?: string;\n        config: Config;\n        options?: Omit<AddNewItemOptions, 'reflowLayoutOptions'>;\n        groups?: DashKitGroup[];\n    }): Config {\n        if (setItem.id) {\n            return UpdateManager.editItem({\n                item: setItem,\n                namespace,\n                config,\n                options,\n            });\n        } else {\n            const item = setItem as AddConfigItem;\n            const layout = {...registerManager.getItem(item.type).defaultLayout};\n\n            const reflowLayoutOptions = getReflowGroupsConfig(groups);\n\n            const copyItem = {...item};\n\n            if (copyItem.layout) {\n                Object.assign(layout, copyItem.layout);\n                delete copyItem.layout;\n            }\n\n            return UpdateManager.addItem({\n                item: copyItem,\n                namespace,\n                config,\n                layout,\n                options: {...options, reflowLayoutOptions},\n            });\n        }\n    }\n\n    static removeItem({\n        id,\n        config,\n        itemsStateAndParams,\n    }: {\n        id: string;\n        config: Config;\n        itemsStateAndParams: ItemsStateAndParams;\n    }): {config: Config; itemsStateAndParams: ItemsStateAndParams} {\n        return UpdateManager.removeItem({id, config, itemsStateAndParams});\n    }\n\n    static reflowLayout({\n        newLayoutItem,\n        layout,\n        groups,\n    }: {\n        newLayoutItem?: ConfigLayout;\n        layout: ConfigLayout[];\n        groups?: DashKitGroup[];\n    }) {\n        return reflowLayout({\n            newLayoutItem,\n            layout,\n            reflowLayoutOptions: getReflowGroupsConfig(groups),\n        });\n    }\n\n    metaRef = React.createRef<GridLayout>();\n\n    render() {\n        const content = (\n            <DashKitView registerManager={registerManager} ref={this.metaRef} {...this.props} />\n        );\n\n        if (!this.context && this.props.groups) {\n            return <DashKitDnDWrapper>{content}</DashKitDnDWrapper>;\n        }\n\n        return content;\n    }\n\n    getItemsMeta() {\n        return this.metaRef.current?.getItemsMeta();\n    }\n\n    reloadItems(options?: {targetIds?: string[]; force?: boolean}) {\n        this.metaRef.current?.reloadItems(options);\n    }\n}\n"]}
+{"version":3,"file":"DashKit.js","sourceRoot":"../../../../src","sources":["components/DashKit/DashKit.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport noop from 'lodash/noop';\nimport pick from 'lodash/pick';\n\nimport {DEFAULT_GROUP, DEFAULT_NAMESPACE} from '../../constants';\nimport {DashKitDnDContext} from '../../context';\nimport type {\n    Config,\n    ConfigItem,\n    ConfigLayout,\n    GlobalParams,\n    ItemDropProps,\n    ItemsStateAndParams,\n} from '../../shared';\nimport type {\n    AddConfigItem,\n    AddNewItemOptions,\n    ContextProps,\n    DashKitGroup,\n    GridReflowOptions,\n    ItemManipulationCallback,\n    MenuItem,\n    Plugin,\n    ReactGridLayoutProps,\n    SetConfigItem,\n    Settings,\n    SettingsProps,\n} from '../../typings';\nimport {RegisterManager, UpdateManager, reflowLayout} from '../../utils';\nimport {DashKitDnDWrapper} from '../DashKitDnDWrapper/DashKitDnDWrapper';\nimport DashKitView from '../DashKitView/DashKitView';\nimport GridLayout from '../GridLayout/GridLayout';\nimport type {OverlayControlItem, PreparedCopyItemOptions} from '../OverlayControls/OverlayControls';\n\ninterface DashKitGeneralProps {\n    config: Config;\n    editMode: boolean;\n    draggableHandleClassName?: string;\n    overlayControls?: Record<string, OverlayControlItem[]> | null;\n    overlayMenuItems?: MenuItem[] | null;\n}\n\ninterface DashKitDefaultProps {\n    defaultGlobalParams: GlobalParams;\n    globalParams: GlobalParams;\n    itemsStateAndParams: ItemsStateAndParams;\n    settings: SettingsProps;\n    context: ContextProps;\n    noOverlay: boolean;\n    focusable?: boolean;\n    groups?: DashKitGroup[];\n\n    onItemEdit: (item: ConfigItem) => void;\n    onChange: (data: {\n        config: Config;\n        itemsStateAndParams: ItemsStateAndParams;\n        groups?: DashKitGroup[];\n    }) => void;\n\n    onDrop: (dropProps: ItemDropProps) => void;\n\n    onItemMountChange?: (item: ConfigItem, state: {isAsync: boolean; isMounted: boolean}) => void;\n    onItemRender?: (item: ConfigItem) => void;\n\n    getPreparedCopyItemOptions?: (options: PreparedCopyItemOptions) => PreparedCopyItemOptions;\n    onCopyFulfill?: (error: null | Error, data?: PreparedCopyItemOptions) => void;\n\n    onItemFocus?: (item: ConfigItem) => void;\n    onItemBlur?: (item: ConfigItem) => void;\n\n    onDragStart?: ItemManipulationCallback;\n    onDrag?: ItemManipulationCallback;\n    onDragStop?: ItemManipulationCallback;\n    onResizeStart?: ItemManipulationCallback;\n    onResize?: ItemManipulationCallback;\n    onResizeStop?: ItemManipulationCallback;\n}\n\nexport interface DashKitProps extends DashKitGeneralProps, Partial<DashKitDefaultProps> {}\n\ntype DashKitInnerProps = DashKitGeneralProps & DashKitDefaultProps;\n\nconst registerManager = new RegisterManager();\n\nconst getReflowProps = (props: ReactGridLayoutProps): GridReflowOptions =>\n    Object.assign(\n        {compactType: 'vertical', cols: 36},\n        pick(props, 'cols', 'maxRows', 'compactType'),\n    );\n\nconst getReflowGroupsConfig = (groups: DashKitGroup[] = []) => {\n    const defaultGridProps = getReflowProps(registerManager.gridLayout);\n\n    return {\n        defaultProps: defaultGridProps,\n        groups: groups.reduce<Record<string, GridReflowOptions>>((memo, g) => {\n            const groupId = g.id || DEFAULT_GROUP;\n            memo[groupId] = g.gridProperties\n                ? getReflowProps(g.gridProperties(defaultGridProps))\n                : defaultGridProps;\n\n            return memo;\n        }, {}),\n    };\n};\n\nexport class DashKit extends React.PureComponent<DashKitInnerProps> {\n    static defaultProps: DashKitDefaultProps = {\n        onItemEdit: noop,\n        onChange: noop,\n        onDrop: noop,\n        defaultGlobalParams: {},\n        globalParams: {},\n        itemsStateAndParams: {},\n        settings: {\n            autoupdateInterval: 0,\n            silentLoading: false,\n        },\n        context: {},\n        noOverlay: false,\n        focusable: false,\n    };\n\n    static contextType = DashKitDnDContext;\n\n    static registerPlugins(...plugins: Plugin[]) {\n        plugins.forEach((plugin) => {\n            registerManager.registerPlugin(plugin);\n        });\n    }\n\n    static reloadPlugins(...plugins: Plugin[]) {\n        plugins.forEach((plugin) => {\n            registerManager.reloadPlugin(plugin);\n        });\n    }\n\n    static setSettings(settings: Settings) {\n        registerManager.setSettings(settings);\n    }\n\n    static setItem({\n        item: setItem,\n        namespace = DEFAULT_NAMESPACE,\n        config,\n        options = {},\n        groups = [],\n    }: {\n        item: SetConfigItem;\n        namespace?: string;\n        config: Config;\n        options?: Omit<AddNewItemOptions, 'reflowLayoutOptions'>;\n        groups?: DashKitGroup[];\n    }): Config {\n        if (setItem.id) {\n            return UpdateManager.editItem({\n                item: setItem,\n                namespace,\n                config,\n                options,\n            });\n        } else {\n            const item = setItem as AddConfigItem;\n            const layout = {...registerManager.getItem(item.type).defaultLayout};\n\n            const reflowLayoutOptions = getReflowGroupsConfig(groups);\n\n            const copyItem = {...item};\n\n            if (copyItem.layout) {\n                Object.assign(layout, copyItem.layout);\n                delete copyItem.layout;\n            }\n\n            return UpdateManager.addItem({\n                item: copyItem,\n                namespace,\n                config,\n                layout,\n                options: {...options, reflowLayoutOptions},\n            });\n        }\n    }\n\n    static removeItem({\n        id,\n        config,\n        itemsStateAndParams,\n    }: {\n        id: string;\n        config: Config;\n        itemsStateAndParams: ItemsStateAndParams;\n    }): {config: Config; itemsStateAndParams: ItemsStateAndParams} {\n        return UpdateManager.removeItem({id, config, itemsStateAndParams});\n    }\n\n    static reflowLayout({\n        newLayoutItem,\n        layout,\n        groups,\n    }: {\n        newLayoutItem?: ConfigLayout;\n        layout: ConfigLayout[];\n        groups?: DashKitGroup[];\n    }) {\n        return reflowLayout({\n            newLayoutItem,\n            layout,\n            reflowLayoutOptions: getReflowGroupsConfig(groups),\n        });\n    }\n\n    metaRef = React.createRef<GridLayout>();\n\n    render() {\n        const content = (\n            <DashKitView registerManager={registerManager} ref={this.metaRef} {...this.props} />\n        );\n\n        if (!this.context && this.props.groups) {\n            return <DashKitDnDWrapper>{content}</DashKitDnDWrapper>;\n        }\n\n        return content;\n    }\n\n    getItemsMeta() {\n        return this.metaRef.current?.getItemsMeta() ?? [];\n    }\n\n    reloadItems(options?: {targetIds?: string[]; force?: boolean}) {\n        this.metaRef.current?.reloadItems(options);\n    }\n}\n"]}

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

@@ -1,8 +1,6 @@
 import React from 'react';
-import type { RegisterManager } from "../../utils/index.js";
-import type { DashKitProps } from "../DashKit/index.js";
+import type { DashKitWithContextProps } from "../../hocs/withContext.js";
 import "./DashKitView.css";
-declare const DashKitViewForwardedMeta: React.ForwardRefExoticComponent<DashKitProps & {
-    registerManager: RegisterManager;
-} & React.RefAttributes<unknown>>;
+type DashKitViewProps = Omit<DashKitWithContextProps, 'layout' | 'forwardedMetaRef'>;
+declare const DashKitViewForwardedMeta: React.ForwardRefExoticComponent<DashKitViewProps & React.RefAttributes<unknown>>;
 export default DashKitViewForwardedMeta;

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

@@ -1 +1 @@
-{"version":3,"file":"DashKitView.js","sourceRoot":"../../../../src","sources":["components/DashKitView/DashKitView.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAE1B,oDAA6C;AAC7C,2DAAmD;AACnD,gEAA6D;AAE7D,0CAAkC;AAElC,qFAAkD;AAClD,2FAAwD;AAExD,6BAA4B;AAE5B,MAAM,CAAC,GAAG,IAAA,OAAE,EAAC,SAAS,CAAC,CAAC;AAMxB,SAAS,WAAW;IAChB,MAAM,OAAO,GAAG,eAAK,CAAC,UAAU,CAAC,wBAAc,CAAC,CAAC;IACjD,MAAM,EAAC,eAAe,EAAE,gBAAgB,EAAC,GAAG,OAAO,CAAC;IAEpD,OAAO,CACH,uCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,eAAe,CAAC,QAAQ,CAAC,KAAK,EAAC,CAAC,IACrD,eAAe,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CACjC,8BAAC,sBAAY,OAAG,CACnB,CAAC,CAAC,CAAC,CACA,8BAAC,oBAAU,IAAC,GAAG,EAAE,gBAAgB,GAAI,CACxC,CACC,CACT,CAAC;AACN,CAAC;AAED,MAAM,sBAAsB,GAAG,IAAA,yBAAW,EAAC,WAAW,CAAC,CAAC;AAExD,MAAM,wBAAwB,GAAG,eAAK,CAAC,UAAU,CAAC,CAAC,KAAuB,EAAE,GAAG,EAAE,EAAE;IAC/E,MAAM,MAAM,GAAG,IAAA,kCAAkB,EAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;IAEvE,OAAO,8BAAC,sBAAsB,oBAAK,KAAK,IAAE,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAI,CAAC;AACxF,CAAC,CAAC,CAAC;AAEH,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAElE,kBAAe,wBAAwB,CAAC","sourcesContent":["import React from 'react';\n\nimport {DashKitContext} from '../../context';\nimport {withContext} from '../../hocs/withContext';\nimport {useCalcPropsLayout} from '../../hooks/useCalcLayout';\nimport type {RegisterManager} from '../../utils';\nimport {cn} from '../../utils/cn';\nimport type {DashKitProps} from '../DashKit';\nimport GridLayout from '../GridLayout/GridLayout';\nimport MobileLayout from '../MobileLayout/MobileLayout';\n\nimport './DashKitView.scss';\n\nconst b = cn('dashkit');\n\ntype DashKitViewProps = DashKitProps & {\n    registerManager: RegisterManager;\n};\n\nfunction DashKitView() {\n    const context = React.useContext(DashKitContext);\n    const {registerManager, forwardedMetaRef} = context;\n\n    return (\n        <div className={b({theme: registerManager.settings.theme})}>\n            {registerManager.settings.isMobile ? (\n                <MobileLayout />\n            ) : (\n                <GridLayout ref={forwardedMetaRef} />\n            )}\n        </div>\n    );\n}\n\nconst DashKitViewWithContext = withContext(DashKitView);\n\nconst DashKitViewForwardedMeta = React.forwardRef((props: DashKitViewProps, ref) => {\n    const layout = useCalcPropsLayout(props.config, props.registerManager);\n\n    return <DashKitViewWithContext {...props} layout={layout} forwardedMetaRef={ref} />;\n});\n\nDashKitViewForwardedMeta.displayName = 'DashKitViewForwardedMeta';\n\nexport default DashKitViewForwardedMeta;\n"]}
+{"version":3,"file":"DashKitView.js","sourceRoot":"../../../../src","sources":["components/DashKitView/DashKitView.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAE1B,oDAA6C;AAC7C,2DAAmD;AAEnD,gEAA6D;AAC7D,0CAAkC;AAClC,qFAAkD;AAClD,2FAAwD;AAExD,6BAA4B;AAE5B,MAAM,CAAC,GAAG,IAAA,OAAE,EAAC,SAAS,CAAC,CAAC;AAIxB,SAAS,WAAW;IAChB,MAAM,OAAO,GAAG,eAAK,CAAC,UAAU,CAAC,wBAAc,CAAC,CAAC;IACjD,MAAM,EAAC,eAAe,EAAE,gBAAgB,EAAC,GAAG,OAAO,CAAC;IAEpD,OAAO,CACH,uCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,eAAe,CAAC,QAAQ,CAAC,KAAK,EAAC,CAAC,IACrD,eAAe,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CACjC,8BAAC,sBAAY,OAAG,CACnB,CAAC,CAAC,CAAC,CACA,8BAAC,oBAAU,IAAC,GAAG,EAAE,gBAAgB,GAAI,CACxC,CACC,CACT,CAAC;AACN,CAAC;AAED,MAAM,sBAAsB,GAAG,IAAA,yBAAW,EAAC,WAAW,CAAC,CAAC;AAExD,MAAM,wBAAwB,GAAG,eAAK,CAAC,UAAU,CAAC,CAAC,KAAuB,EAAE,GAAG,EAAE,EAAE;IAC/E,MAAM,MAAM,GAAG,IAAA,kCAAkB,EAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;IAEvE,OAAO,8BAAC,sBAAsB,oBAAK,KAAK,IAAE,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAI,CAAC;AACxF,CAAC,CAAC,CAAC;AAEH,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAElE,kBAAe,wBAAwB,CAAC","sourcesContent":["import React from 'react';\n\nimport {DashKitContext} from '../../context';\nimport {withContext} from '../../hocs/withContext';\nimport type {DashKitWithContextProps} from '../../hocs/withContext';\nimport {useCalcPropsLayout} from '../../hooks/useCalcLayout';\nimport {cn} from '../../utils/cn';\nimport GridLayout from '../GridLayout/GridLayout';\nimport MobileLayout from '../MobileLayout/MobileLayout';\n\nimport './DashKitView.scss';\n\nconst b = cn('dashkit');\n\ntype DashKitViewProps = Omit<DashKitWithContextProps, 'layout' | 'forwardedMetaRef'>;\n\nfunction DashKitView() {\n    const context = React.useContext(DashKitContext);\n    const {registerManager, forwardedMetaRef} = context;\n\n    return (\n        <div className={b({theme: registerManager.settings.theme})}>\n            {registerManager.settings.isMobile ? (\n                <MobileLayout />\n            ) : (\n                <GridLayout ref={forwardedMetaRef} />\n            )}\n        </div>\n    );\n}\n\nconst DashKitViewWithContext = withContext(DashKitView);\n\nconst DashKitViewForwardedMeta = React.forwardRef((props: DashKitViewProps, ref) => {\n    const layout = useCalcPropsLayout(props.config, props.registerManager);\n\n    return <DashKitViewWithContext {...props} layout={layout} forwardedMetaRef={ref} />;\n});\n\nDashKitViewForwardedMeta.displayName = 'DashKitViewForwardedMeta';\n\nexport default DashKitViewForwardedMeta;\n"]}

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

@@ -1,3 +1,33 @@
-export default GridItemForwarderRef;
-declare const GridItemForwarderRef: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';
+import type { ConfigItem, ConfigLayout } from "../../shared/index.js";
+import type { PluginRef, PluginWidgetProps, ReactGridLayoutProps } from "../../typings/index.js";
+import type { DashKitProps } from "../DashKit/index.js";
+import "./GridItem.css";
+type GridItemProps = {
+    adjustWidgetLayout: PluginWidgetProps['adjustWidgetLayout'];
+    gridLayout?: ReactGridLayoutProps;
+    id: string;
+    item: ConfigItem;
+    isDragging?: boolean;
+    isDraggedOut?: boolean;
+    layout: ConfigLayout[];
+    forwardedRef?: React.Ref<HTMLDivElement>;
+    forwardedPluginRef?: (pluginRef: PluginRef) => void;
+    isPlaceholder?: boolean;
+    onItemMountChange?: DashKitProps['onItemMountChange'];
+    onItemRender?: DashKitProps['onItemRender'];
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    noOverlay?: boolean;
+    focusable?: boolean;
+    withCustomHandle?: boolean;
+    onMouseDown?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onMouseUp?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    onTouchEnd?: (e: React.TouchEvent<HTMLDivElement>) => void;
+    onTouchStart?: (e: React.TouchEvent<HTMLDivElement>) => void;
+    onItemFocus?: DashKitProps['onItemFocus'];
+    onItemBlur?: DashKitProps['onItemBlur'];
+};
+declare const GridItemForwarderRef: React.ForwardRefExoticComponent<Omit<GridItemProps, "forwardedRef"> & React.RefAttributes<HTMLDivElement>>;
+export default GridItemForwarderRef;

package/build/cjs/components/GridItem/GridItem.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
 const constants_1 = require("../../constants/index.js");
 const context_1 = require("../../context/index.js");
 const cn_1 = require("../../utils/cn.js");
@@ -12,6 +11,8 @@ require("./GridItem.css");
 const b = (0, cn_1.cn)('dashkit-grid-item');
 class WindowFocusObserver {
     constructor() {
+        this.subscribers = 0;
+        this.isFocused = !document.hidden;
         this.blurHandler = (e) => {
             if (e.target === window) {
                 this.isFocused = false;
@@ -22,8 +23,6 @@ class WindowFocusObserver {
                 this.isFocused = true;
             }
         };
-        this.subscribers = 0;
-        this.isFocused = !document.hidden;
         window.addEventListener('blur', this.blurHandler, true);
         window.addEventListener('focus', this.focusHandler, true);
     }
@@ -41,22 +40,20 @@ class GridItem extends react_1.default.PureComponent {
     constructor() {
         super(...arguments);
         this._isAsyncItem = false;
+        this.controller = null;
         this.state = {
             isFocused: false,
         };
         this.onOverlayItemClick = () => {
             // Creating button element to trigger focus out
             const focusDummy = document.createElement('button');
-            const styles = {
+            Object.assign(focusDummy.style, {
                 width: '0',
                 height: '0',
                 opacity: '0',
                 position: 'fixed',
                 top: '0',
                 left: '0',
-            };
-            Object.entries(styles).forEach(([key, value]) => {
-                focusDummy.style[key] = value;
             });
             // requestAnimationFrame to make call after alert() or confirm()
             requestAnimationFrame(() => {
@@ -105,7 +102,7 @@ class GridItem extends react_1.default.PureComponent {
         const { item, focusable } = this.props;
         return (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement("div", { className: b('overlay') }),
-            react_1.default.createElement(OverlayControls_1.default, { configItem: item, onItemClick: focusable ? this.onOverlayItemClick : null })));
+            react_1.default.createElement(OverlayControls_1.default, { configItem: item, onItemClick: focusable ? this.onOverlayItemClick : undefined })));
     }
     render() {
         // из-за бага, что Grid Items unmounts при изменении static, isDraggable, isResaizable
@@ -113,15 +110,12 @@ class GridItem extends react_1.default.PureComponent {
         const { style, onMouseDown, onMouseUp, onTouchEnd, onTouchStart, children, className, isDragging, isDraggedOut, noOverlay, focusable, withCustomHandle, isPlaceholder = false, } = this.props;
         const { editMode } = this.context;
         const { isFocused } = this.state;
-        const width = Number.parseInt(style.width, 10);
-        const height = Number.parseInt(style.height, 10);
-        const transform = style.transform;
+        const width = (style === null || style === void 0 ? void 0 : style.width) === undefined ? undefined : Number.parseInt(String(style.width), 10);
+        const height = (style === null || style === void 0 ? void 0 : style.height) === undefined ? undefined : Number.parseInt(String(style.height), 10);
+        const transform = style === null || style === void 0 ? void 0 : style.transform;
         const preparedClassName = (editMode
             ? className
-            : className
-                .replace('react-resizable', '')
-                .replace('react-draggable', '')
-                .replace(constants_1.FOCUSED_CLASS_NAME, '')) +
+            : className === null || className === void 0 ? void 0 : className.replace('react-resizable', '').replace('react-draggable', '').replace(constants_1.FOCUSED_CLASS_NAME, '')) +
             (isFocused ? ` ${constants_1.FOCUSED_CLASS_NAME}` : '');
         const computedClassName = b({
             'is-dragging': isDragging,
@@ -148,33 +142,6 @@ class GridItem extends react_1.default.PureComponent {
             preparedChildren));
     }
 }
-GridItem.propTypes = {
-    adjustWidgetLayout: prop_types_1.default.func.isRequired,
-    gridLayout: prop_types_1.default.object,
-    id: prop_types_1.default.string,
-    item: prop_types_1.default.object,
-    isDragging: prop_types_1.default.bool,
-    isDraggedOut: prop_types_1.default.bool,
-    layout: prop_types_1.default.array,
-    forwardedRef: prop_types_1.default.any,
-    forwardedPluginRef: prop_types_1.default.any,
-    isPlaceholder: prop_types_1.default.bool,
-    onItemMountChange: prop_types_1.default.func,
-    onItemRender: prop_types_1.default.func,
-    // from react-grid-layout:
-    children: prop_types_1.default.node,
-    className: prop_types_1.default.string,
-    style: prop_types_1.default.object,
-    noOverlay: prop_types_1.default.bool,
-    focusable: prop_types_1.default.bool,
-    withCustomHandle: prop_types_1.default.bool,
-    onMouseDown: prop_types_1.default.func,
-    onMouseUp: prop_types_1.default.func,
-    onTouchEnd: prop_types_1.default.func,
-    onTouchStart: prop_types_1.default.func,
-    onItemFocus: prop_types_1.default.func,
-    onItemBlur: prop_types_1.default.func,
-};
 GridItem.contextType = context_1.DashKitContext;
 const GridItemForwarderRef = react_1.default.forwardRef((props, ref) => {
     return react_1.default.createElement(GridItem, Object.assign({}, props, { forwardedRef: ref }));

package/build/cjs/components/GridItem/GridItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridItem.js","sourceRoot":"../../../../src","sources":["components/GridItem/GridItem.js"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport PropTypes from 'prop-types';\n\nimport {FOCUSED_CLASS_NAME} from '../../constants';\nimport {DashKitContext} from '../../context';\nimport {cn} from '../../utils/cn';\nimport Item from '../Item/Item';\nimport OverlayControls from '../OverlayControls/OverlayControls';\n\nimport './GridItem.scss';\n\nconst b = cn('dashkit-grid-item');\n\nclass WindowFocusObserver {\n    constructor() {\n        this.subscribers = 0;\n        this.isFocused = !document.hidden;\n\n        window.addEventListener('blur', this.blurHandler, true);\n        window.addEventListener('focus', this.focusHandler, true);\n    }\n\n    blurHandler = (e) => {\n        if (e.target === window) {\n            this.isFocused = false;\n        }\n    };\n\n    focusHandler = (e) => {\n        if (e.target === window) {\n            this.isFocused = true;\n        }\n    };\n\n    // Method to get state after all blur\\focus events in document are triggered\n    async getFocusedState() {\n        return new Promise((resolve) => {\n            requestAnimationFrame(() => {\n                resolve(this.isFocused);\n            });\n        });\n    }\n}\n\nconst windowFocusObserver = new WindowFocusObserver();\n\nclass GridItem extends React.PureComponent {\n    static propTypes = {\n        adjustWidgetLayout: PropTypes.func.isRequired,\n        gridLayout: PropTypes.object,\n        id: PropTypes.string,\n        item: PropTypes.object,\n        isDragging: PropTypes.bool,\n        isDraggedOut: PropTypes.bool,\n        layout: PropTypes.array,\n\n        forwardedRef: PropTypes.any,\n        forwardedPluginRef: PropTypes.any,\n        isPlaceholder: PropTypes.bool,\n\n        onItemMountChange: PropTypes.func,\n        onItemRender: PropTypes.func,\n\n        // from react-grid-layout:\n        children: PropTypes.node,\n        className: PropTypes.string,\n        style: PropTypes.object,\n        noOverlay: PropTypes.bool,\n        focusable: PropTypes.bool,\n        withCustomHandle: PropTypes.bool,\n        onMouseDown: PropTypes.func,\n        onMouseUp: PropTypes.func,\n        onTouchEnd: PropTypes.func,\n        onTouchStart: PropTypes.func,\n        onItemFocus: PropTypes.func,\n        onItemBlur: PropTypes.func,\n    };\n\n    static contextType = DashKitContext;\n\n    _isAsyncItem = false;\n\n    state = {\n        isFocused: false,\n    };\n\n    renderOverlay() {\n        const {isPlaceholder} = this.props;\n        const {editMode} = this.context;\n\n        if (editMode && this.props.item.data._editActive) {\n            // needed for correst pointer-events: none work in firefox\n            return <div className={b('overlay-placeholder')} />;\n        }\n\n        if (!editMode || this.props.item.data._editActive || isPlaceholder) {\n            return null;\n        }\n\n        const {item, focusable} = this.props;\n\n        return (\n            <React.Fragment>\n                <div className={b('overlay')} />\n                <OverlayControls\n                    configItem={item}\n                    onItemClick={focusable ? this.onOverlayItemClick : null}\n                />\n            </React.Fragment>\n        );\n    }\n\n    onOverlayItemClick = () => {\n        // Creating button element to trigger focus out\n        const focusDummy = document.createElement('button');\n        const styles = {\n            width: '0',\n            height: '0',\n            opacity: '0',\n            position: 'fixed',\n            top: '0',\n            left: '0',\n        };\n\n        Object.entries(styles).forEach(([key, value]) => {\n            focusDummy.style[key] = value;\n        });\n\n        // requestAnimationFrame to make call after alert() or confirm()\n        requestAnimationFrame(() => {\n            // Adding elment an changing focus\n            document.body.appendChild(focusDummy);\n            focusDummy.focus();\n            document.body.removeChild(focusDummy);\n\n            this.setState({isFocused: false});\n        });\n    };\n\n    onFocusHandler = () => {\n        this.setState({isFocused: true});\n\n        if (this.props.onItemFocus) {\n            // Sync focus and blur handlers\n            windowFocusObserver.getFocusedState().then(() => {\n                this.props.onItemFocus?.(this.props.item);\n            });\n        }\n\n        if (this.controller) {\n            this.controller.abort();\n        }\n    };\n\n    onBlurHandler = () => {\n        this.controller = new AbortController();\n\n        windowFocusObserver.getFocusedState().then((isWindowFocused) => {\n            if (!this.controller?.signal.aborted && isWindowFocused) {\n                this.setState({isFocused: false});\n                this.props.onItemBlur?.(this.props.item);\n            }\n\n            this.controller = null;\n        });\n    };\n\n    render() {\n        // из-за бага, что Grid Items unmounts при изменении static, isDraggable, isResaizable\n        // https://github.com/STRML/react-grid-layout/issues/721\n        const {\n            style,\n            onMouseDown,\n            onMouseUp,\n            onTouchEnd,\n            onTouchStart,\n            children,\n            className,\n            isDragging,\n            isDraggedOut,\n            noOverlay,\n            focusable,\n            withCustomHandle,\n            isPlaceholder = false,\n        } = this.props;\n        const {editMode} = this.context;\n        const {isFocused} = this.state;\n\n        const width = Number.parseInt(style.width, 10);\n        const height = Number.parseInt(style.height, 10);\n        const transform = style.transform;\n        const preparedClassName =\n            (editMode\n                ? className\n                : className\n                      .replace('react-resizable', '')\n                      .replace('react-draggable', '')\n                      .replace(FOCUSED_CLASS_NAME, '')) +\n            (isFocused ? ` ${FOCUSED_CLASS_NAME}` : '');\n        const computedClassName = b(\n            {\n                'is-dragging': isDragging,\n                'is-dragged-out': isDraggedOut,\n                'is-focused': isFocused,\n                'with-custom-handle': withCustomHandle,\n            },\n            preparedClassName,\n        );\n\n        const preparedChildren = editMode ? children : null;\n        const reactGridLayoutProps = editMode\n            ? {onMouseDown, onMouseUp, onTouchEnd, onTouchStart}\n            : {};\n        const reactFocusProps = focusable\n            ? {\n                  onFocus: this.onFocusHandler,\n                  onBlur: this.onBlurHandler,\n                  tabIndex: -1,\n              }\n            : {};\n        const {_editActive} = this.props.item.data;\n\n        return (\n            <div\n                className={computedClassName}\n                data-qa=\"dashkit-grid-item\"\n                style={style}\n                ref={this.props.forwardedRef}\n                {...reactGridLayoutProps}\n                {...reactFocusProps}\n            >\n                <div className={b('item', {editMode: editMode && !_editActive && !noOverlay})}>\n                    <Item\n                        id={this.props.id}\n                        item={this.props.item}\n                        shouldItemUpdate={!isDragging}\n                        width={width}\n                        height={height}\n                        transform={transform}\n                        isPlaceholder={isPlaceholder}\n                        adjustWidgetLayout={this.props.adjustWidgetLayout}\n                        layout={this.props.layout}\n                        forwardedPluginRef={this.props.forwardedPluginRef}\n                        onItemMountChange={this.props.onItemMountChange}\n                        onItemRender={this.props.onItemRender}\n                        gridLayout={this.props.gridLayout}\n                    />\n                </div>\n                {!noOverlay && this.renderOverlay()}\n                {preparedChildren}\n            </div>\n        );\n    }\n}\n\nconst GridItemForwarderRef = React.forwardRef((props, ref) => {\n    return <GridItem {...props} forwardedRef={ref} />;\n});\n\nGridItemForwarderRef.displayName = 'forwardRef(GridItem)';\n\nexport default GridItemForwarderRef;\n"]}
+{"version":3,"file":"GridItem.js","sourceRoot":"../../../../src","sources":["components/GridItem/GridItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport {FOCUSED_CLASS_NAME} from '../../constants';\nimport {DashKitContext} from '../../context';\nimport type {ConfigItem, ConfigLayout} from '../../shared';\nimport type {PluginRef, PluginWidgetProps, ReactGridLayoutProps} from '../../typings';\nimport {cn} from '../../utils/cn';\nimport type {DashKitProps} from '../DashKit';\nimport Item from '../Item/Item';\nimport OverlayControls from '../OverlayControls/OverlayControls';\n\nimport './GridItem.scss';\n\nconst b = cn('dashkit-grid-item');\n\nclass WindowFocusObserver {\n    subscribers = 0;\n    isFocused = !document.hidden;\n\n    constructor() {\n        window.addEventListener('blur', this.blurHandler, true);\n        window.addEventListener('focus', this.focusHandler, true);\n    }\n\n    blurHandler = (e: FocusEvent) => {\n        if (e.target === window) {\n            this.isFocused = false;\n        }\n    };\n\n    focusHandler = (e: FocusEvent) => {\n        if (e.target === window) {\n            this.isFocused = true;\n        }\n    };\n\n    // Method to get state after all blur\\focus events in document are triggered\n    async getFocusedState(): Promise<boolean> {\n        return new Promise((resolve) => {\n            requestAnimationFrame(() => {\n                resolve(this.isFocused);\n            });\n        });\n    }\n}\n\nconst windowFocusObserver = new WindowFocusObserver();\n\ntype GridItemProps = {\n    adjustWidgetLayout: PluginWidgetProps['adjustWidgetLayout'];\n    gridLayout?: ReactGridLayoutProps;\n    id: string;\n    item: ConfigItem;\n    isDragging?: boolean;\n    isDraggedOut?: boolean;\n    layout: ConfigLayout[];\n\n    forwardedRef?: React.Ref<HTMLDivElement>;\n    forwardedPluginRef?: (pluginRef: PluginRef) => void;\n    isPlaceholder?: boolean;\n\n    onItemMountChange?: DashKitProps['onItemMountChange'];\n    onItemRender?: DashKitProps['onItemRender'];\n\n    // from react-grid-layout:\n    children?: React.ReactNode;\n    className?: string;\n    style?: React.CSSProperties;\n    noOverlay?: boolean;\n    focusable?: boolean;\n    withCustomHandle?: boolean;\n    onMouseDown?: (e: React.MouseEvent<HTMLDivElement>) => void;\n    onMouseUp?: (e: React.MouseEvent<HTMLDivElement>) => void;\n    onTouchEnd?: (e: React.TouchEvent<HTMLDivElement>) => void;\n    onTouchStart?: (e: React.TouchEvent<HTMLDivElement>) => void;\n    onItemFocus?: DashKitProps['onItemFocus'];\n    onItemBlur?: DashKitProps['onItemBlur'];\n};\n\ntype GridItemState = {\n    isFocused: boolean;\n};\n\nclass GridItem extends React.PureComponent<GridItemProps, GridItemState> {\n    static contextType = DashKitContext;\n    context!: React.ContextType<typeof DashKitContext>;\n\n    _isAsyncItem = false;\n    controller: AbortController | null = null;\n\n    state: GridItemState = {\n        isFocused: false,\n    };\n\n    renderOverlay() {\n        const {isPlaceholder} = this.props;\n        const {editMode} = this.context;\n\n        if (editMode && this.props.item.data._editActive) {\n            // needed for correst pointer-events: none work in firefox\n            return <div className={b('overlay-placeholder')} />;\n        }\n\n        if (!editMode || this.props.item.data._editActive || isPlaceholder) {\n            return null;\n        }\n\n        const {item, focusable} = this.props;\n\n        return (\n            <React.Fragment>\n                <div className={b('overlay')} />\n                <OverlayControls\n                    configItem={item}\n                    onItemClick={focusable ? this.onOverlayItemClick : undefined}\n                />\n            </React.Fragment>\n        );\n    }\n\n    onOverlayItemClick = () => {\n        // Creating button element to trigger focus out\n        const focusDummy = document.createElement('button');\n        Object.assign(focusDummy.style, {\n            width: '0',\n            height: '0',\n            opacity: '0',\n            position: 'fixed',\n            top: '0',\n            left: '0',\n        });\n\n        // requestAnimationFrame to make call after alert() or confirm()\n        requestAnimationFrame(() => {\n            // Adding elment an changing focus\n            document.body.appendChild(focusDummy);\n            focusDummy.focus();\n            document.body.removeChild(focusDummy);\n\n            this.setState({isFocused: false});\n        });\n    };\n\n    onFocusHandler = () => {\n        this.setState({isFocused: true});\n\n        if (this.props.onItemFocus) {\n            // Sync focus and blur handlers\n            windowFocusObserver.getFocusedState().then(() => {\n                this.props.onItemFocus?.(this.props.item);\n            });\n        }\n\n        if (this.controller) {\n            this.controller.abort();\n        }\n    };\n\n    onBlurHandler = () => {\n        this.controller = new AbortController();\n\n        windowFocusObserver.getFocusedState().then((isWindowFocused) => {\n            if (!this.controller?.signal.aborted && isWindowFocused) {\n                this.setState({isFocused: false});\n                this.props.onItemBlur?.(this.props.item);\n            }\n\n            this.controller = null;\n        });\n    };\n\n    render() {\n        // из-за бага, что Grid Items unmounts при изменении static, isDraggable, isResaizable\n        // https://github.com/STRML/react-grid-layout/issues/721\n        const {\n            style,\n            onMouseDown,\n            onMouseUp,\n            onTouchEnd,\n            onTouchStart,\n            children,\n            className,\n            isDragging,\n            isDraggedOut,\n            noOverlay,\n            focusable,\n            withCustomHandle,\n            isPlaceholder = false,\n        } = this.props;\n        const {editMode} = this.context;\n        const {isFocused} = this.state;\n\n        const width =\n            style?.width === undefined ? undefined : Number.parseInt(String(style.width), 10);\n        const height =\n            style?.height === undefined ? undefined : Number.parseInt(String(style.height), 10);\n        const transform = style?.transform;\n        const preparedClassName =\n            (editMode\n                ? className\n                : className\n                      ?.replace('react-resizable', '')\n                      .replace('react-draggable', '')\n                      .replace(FOCUSED_CLASS_NAME, '')) +\n            (isFocused ? ` ${FOCUSED_CLASS_NAME}` : '');\n        const computedClassName = b(\n            {\n                'is-dragging': isDragging,\n                'is-dragged-out': isDraggedOut,\n                'is-focused': isFocused,\n                'with-custom-handle': withCustomHandle,\n            },\n            preparedClassName,\n        );\n\n        const preparedChildren = editMode ? children : null;\n        const reactGridLayoutProps = editMode\n            ? {onMouseDown, onMouseUp, onTouchEnd, onTouchStart}\n            : {};\n        const reactFocusProps = focusable\n            ? {\n                  onFocus: this.onFocusHandler,\n                  onBlur: this.onBlurHandler,\n                  tabIndex: -1,\n              }\n            : {};\n        const {_editActive} = this.props.item.data;\n\n        return (\n            <div\n                className={computedClassName}\n                data-qa=\"dashkit-grid-item\"\n                style={style}\n                ref={this.props.forwardedRef}\n                {...reactGridLayoutProps}\n                {...reactFocusProps}\n            >\n                <div className={b('item', {editMode: editMode && !_editActive && !noOverlay})}>\n                    <Item\n                        id={this.props.id}\n                        item={this.props.item}\n                        shouldItemUpdate={!isDragging}\n                        width={width}\n                        height={height}\n                        transform={transform}\n                        isPlaceholder={isPlaceholder}\n                        adjustWidgetLayout={this.props.adjustWidgetLayout}\n                        layout={this.props.layout}\n                        forwardedPluginRef={this.props.forwardedPluginRef}\n                        onItemMountChange={this.props.onItemMountChange}\n                        onItemRender={this.props.onItemRender}\n                        gridLayout={this.props.gridLayout}\n                    />\n                </div>\n                {!noOverlay && this.renderOverlay()}\n                {preparedChildren}\n            </div>\n        );\n    }\n}\n\nconst GridItemForwarderRef = React.forwardRef<HTMLDivElement, Omit<GridItemProps, 'forwardedRef'>>(\n    (props, ref) => {\n        return <GridItem {...props} forwardedRef={ref} />;\n    },\n);\n\nGridItemForwarderRef.displayName = 'forwardRef(GridItem)';\n\nexport default GridItemForwarderRef;\n"]}

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

@@ -1,73 +1,63 @@
-export default class GridLayout extends React.PureComponent<any, any, any> {
-    static contextType: React.Context<import("../../context/index.js").DashKitCtxShape>;
-    constructor(props: any, context: any);
-    pluginsRefs: any[];
-    state: {
-        isDragging: boolean;
-        isDraggedOut: boolean;
-        isPageHidden: boolean;
-        currentDraggingElement: null;
-        draggedOverGroup: null;
-    };
+import React from 'react';
+import type { DragOverEvent } from 'react-grid-layout';
+import type { PluginRef, PluginWidgetProps, ReactGridLayoutProps } from 'src/typings';
+import type { DashKitCtxShape } from "../../context/index.js";
+import type { ConfigItem, ConfigLayout } from "../../shared/index.js";
+import type { GridLayoutProps, GridLayoutState, GroupCallbacks, LayoutAndPropsByGroup, ManipulationCallbackArgs, MemoGroupLayout, ReloadItemsOptions } from "./types.js";
+export default class GridLayout extends React.PureComponent<GridLayoutProps, GridLayoutState> {
+    static contextType: React.Context<DashKitCtxShape>;
+    context: DashKitCtxShape;
+    pluginsRefs: Array<PluginRef>;
+    private _memoForwardedPluginRef;
+    private _memoGroupsProps;
+    private _memoGroupsLayouts;
+    private _memoCallbacksForGroups;
+    private _timeout?;
+    private _lastReloadAt?;
+    private _parendDragNode;
+    constructor(props: GridLayoutProps, context: DashKitCtxShape);
     componentDidMount(): void;
     componentDidUpdate(): void;
     componentWillUnmount(): void;
-    _memoCallbacksForGroups: {};
-    _memoGroupsProps: {};
-    _memoGroupsLayouts: {};
-    _memoForwardedPluginRef: any[];
-    _timeout: any;
-    _lastReloadAt: any;
     onVisibilityChange: () => void;
-    adjustWidgetLayout: ({ widgetId, needSetDefault, adjustedWidgetLayout }: {
-        widgetId: any;
-        needSetDefault: any;
-        adjustedWidgetLayout: any;
-    }) => void;
-    getItemsMeta: () => any;
-    getActiveLayout(): any;
-    getMemoGroupLayout(group: any, layout: any): any;
-    getMemoGroupCallbacks(group: any): any;
-    getMemoGroupProps: (group: any, renderLayout: any, properties: any) => {
-        layout: any;
-        callbacks: any;
-    };
-    getLayoutAndPropsByGroup: (group: any) => {
-        properties: any;
-        layout: any;
+    adjustWidgetLayout: PluginWidgetProps['adjustWidgetLayout'];
+    getItemsMeta: () => Promise<any>[];
+    getActiveLayout(): ConfigLayout[];
+    getMemoGroupLayout(group: string, layout: ConfigLayout[]): MemoGroupLayout;
+    getMemoGroupCallbacks(group: string): GroupCallbacks;
+    getMemoGroupProps: (group: string, renderLayout: ConfigLayout[], properties: Partial<ReactGridLayoutProps>) => {
+        layout: ConfigLayout[];
+        callbacks: GroupCallbacks;
     };
-    getMemoForwardRefCallback: (refIndex: any) => any;
-    mergeGroupsLayout(group: any, newLayout: any, temporaryItem: any): any;
-    reloadItems(options: any): void;
-    prepareDefaultArguments(group: any, layout: any, oldItem: any, newItem: any, placeholder: any, e: any, element: any): {
-        group: any;
-        layout: any;
-        oldItem: any;
-        newItem: any;
-        placeholder: any;
-        e: any;
-        element: any;
-    };
-    updateDraggingElementState(group: any, layoutItem: any, e: any): void;
-    _initDragCoordinatesWatcher(element: any): void;
-    _parendDragNode: any;
-    _forceCursorCapture(parentElement: any, position: any, parentRect: any): void;
-    _updateDragCoordinates(e: any): void;
+    getLayoutAndPropsByGroup: (group: string) => LayoutAndPropsByGroup;
+    getMemoForwardRefCallback: (refIndex: number) => (pluginRef: PluginRef) => void;
+    mergeGroupsLayout(group: string, newLayout: ConfigLayout[], temporaryItem?: ConfigLayout): ConfigLayout[];
+    reloadItems(options?: ReloadItemsOptions): void;
+    prepareDefaultArguments(group: string, layout: ConfigLayout[], oldItem: ConfigLayout, newItem: ConfigLayout, placeholder: ConfigLayout, e: MouseEvent, element: HTMLElement): ManipulationCallbackArgs;
+    updateDraggingElementState(group: string, layoutItem: ConfigLayout, e: MouseEvent): void;
+    _initDragCoordinatesWatcher(element: HTMLElement): void;
+    _forceCursorCapture(parentElement: HTMLElement, position: {
+        top: number;
+        left: number;
+    }, parentRect: DOMRect): void;
+    _updateDragCoordinates(e: MouseEvent): void;
     _resetDragWatcher(): void;
-    _onDragStart(group: any, _newLayout: any, layoutItem: any, _newItem: any, _placeholder: any, e: any, element: any): void;
-    _onDrag(group: any, layout: any, oldItem: any, newItem: any, placeholder: any, e: any, element: any): void;
-    _onDragStop(group: any, layout: any, oldItem: any, newItem: any, placeholder: any, e: any, element: any): void;
-    _onResizeStart(group: any, layout: any, oldItem: any, newItem: any, placeholder: any, e: any, element: any): void;
-    _onResize(group: any, layout: any, oldItem: any, newItem: any, placeholder: any, e: any, element: any): void;
-    _onResizeStop(group: any, layout: any, oldItem: any, newItem: any, placeholder: any, e: any, element: any): void;
+    _onDragStart(group: string, _newLayout: ConfigLayout[], layoutItem: ConfigLayout, _newItem: ConfigLayout, _placeholder: ConfigLayout, e: MouseEvent, element: HTMLElement): void;
+    _onDrag(group: string, layout: ConfigLayout[], oldItem: ConfigLayout, newItem: ConfigLayout, placeholder: ConfigLayout, e: MouseEvent, element: HTMLElement): void;
+    _onDragStop(group: string, layout: ConfigLayout[], oldItem: ConfigLayout, newItem: ConfigLayout, placeholder: ConfigLayout, e: MouseEvent, element: HTMLElement): void;
+    _onResizeStart(group: string, layout: ConfigLayout[], oldItem: ConfigLayout, newItem: ConfigLayout, placeholder: ConfigLayout, e: MouseEvent, element: HTMLElement): void;
+    _onResize(group: string, layout: ConfigLayout[], oldItem: ConfigLayout, newItem: ConfigLayout, placeholder: ConfigLayout, e: MouseEvent, element: HTMLElement): void;
+    _onResizeStop(group: string, layout: ConfigLayout[], oldItem: ConfigLayout, newItem: ConfigLayout, placeholder: ConfigLayout, e: MouseEvent, element: HTMLElement): void;
     _onTargetRestore(): void;
-    _onStop: (group: any, newLayout: any) => void;
-    _onSharedDrop: (targetGroup: any, newLayout: any, tempItem: any) => void;
-    _onExternalDrop: (group: any, newLayout: any, item: any, e: any) => void;
-    _onDrop: (group: any, newLayout: any, item: any, e: any) => false | undefined;
-    _onDropDragOver: (group: any, e: any) => any;
-    renderTemporaryPlaceholder(gridLayout: any): JSX.Element | null;
-    renderGroup(group: any, renderLayout: any, renderItems: any, offset: number | undefined, groupGridProperties: any): JSX.Element;
-    render(): any;
+    _onStop: (group: string, newLayout: ConfigLayout[]) => void;
+    _onSharedDrop: (targetGroup: string, newLayout: ConfigLayout[], tempItem: ConfigLayout) => void;
+    _onExternalDrop: (group: string, newLayout: ConfigLayout[], item: ConfigLayout, e: MouseEvent) => void;
+    _onDrop: (group: string, newLayout: ConfigLayout[], item: ConfigLayout | undefined, e: MouseEvent) => void | false;
+    _onDropDragOver: (group: string, e: DragOverEvent) => {
+        w?: number;
+        h?: number;
+    } | false | undefined;
+    renderTemporaryPlaceholder(gridLayout: Partial<ReactGridLayoutProps>): JSX.Element | null;
+    renderGroup(group: string, renderLayout: ConfigLayout[], renderItems: ConfigItem[], offset?: number, groupGridProperties?: (props: ReactGridLayoutProps) => ReactGridLayoutProps): JSX.Element;
+    render(): JSX.Element | (string | number | boolean | JSX.Element | React.ReactFragment | null | undefined)[];
 }
-import React from 'react';