@gravity-ui/dashkit 3.3.0 → 3.5.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [3.5.0](https://github.com/gravity-ui/dashkit/compare/v3.4.0...v3.5.0) (2022-12-19)
+
+
+### Features
+
+* export plugins ([#29](https://github.com/gravity-ui/dashkit/issues/29)) ([d589546](https://github.com/gravity-ui/dashkit/commit/d5895469e9917f4c5f43aaf5802b5d8a865bd185))
+
+## [3.4.0](https://github.com/gravity-ui/dashkit/compare/v3.3.0...v3.4.0) (2022-11-16)
+
+
+### Features
+
+* delete _EXPERIMENTAL_memoContext props ([#27](https://github.com/gravity-ui/dashkit/issues/27)) ([c9d6b64](https://github.com/gravity-ui/dashkit/commit/c9d6b644e0235fd6d08d24090bb959c1fe112936))
+
 ## [3.3.0](https://github.com/gravity-ui/dashkit/compare/v3.2.0...v3.3.0) (2022-11-10)
 
 

package/README.md

@@ -95,8 +95,7 @@ Before using `DashKit` as a react component, it must be configured.
 
   ```js
   import {DashKit} from '@gravity-ui/dashkit';
-  import pluginTitle from '@gravity-ui/dashkit/build/esm/plugins/Title/Title';
-  import pluginText from '@gravity-ui/dashkit/build/esm/plugins/Text/Text';
+  import {pluginTitle, pluginText}  from '@gravity-ui/dashkit';
 
   DashKit.registerPlugins(
     pluginTitle,

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

@@ -22,7 +22,6 @@ interface DashKitDefaultProps {
     noOverlay?: boolean;
     draggableHandleClassName?: string;
     _EXPERIMENTAL_preventDoubleCompact?: boolean;
-    _EXPERIMENTAL_memoContext?: boolean;
 }
 export interface DashKitProps extends DashKitGeneralProps, Partial<DashKitDefaultProps> {
 }

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

@@ -67,5 +67,4 @@ DashKit.defaultProps = {
     },
     context: {},
     noOverlay: false,
-    _EXPERIMENTAL_memoContext: false,
 };

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

@@ -15,10 +15,9 @@ function DashKitView(props) {
     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 DashKitViewWithMemoContext = (0, withContext_1.withMemoContext)(DashKitView);
 const DashKitViewForwardedMeta = react_1.default.forwardRef((props, ref) => {
     const layout = (0, useCalcLayout_1.useCalcPropsLayout)(props.config, props.registerManager);
-    return props._EXPERIMENTAL_memoContext ? (react_1.default.createElement(DashKitViewWithMemoContext, Object.assign({}, props, { layout: layout, forwardedMetaRef: ref }))) : (react_1.default.createElement(DashKitViewWithContext, Object.assign({}, props, { layout: layout, forwardedMetaRef: ref })));
+    return react_1.default.createElement(DashKitViewWithContext, Object.assign({}, props, { layout: layout, forwardedMetaRef: ref }));
 });
 DashKitViewForwardedMeta.displayName = 'DashKitViewForwardedMeta';
 exports.default = DashKitViewForwardedMeta;

package/build/cjs/components/GridLayout/GridLayout.js

@@ -15,7 +15,7 @@ class GridLayout extends react_1.default.PureComponent {
             });
         };
         this.adjustWidgetLayout = ({ widgetId, needSetDefault, adjustedWidgetLayout }) => {
-            const { getLayout, memorizeOriginalLayout, revertToOriginalLayout } = this.context;
+            const { layout, memorizeOriginalLayout, revertToOriginalLayout } = this.context;
             if (needSetDefault) {
                 revertToOriginalLayout(widgetId);
                 return;
@@ -23,7 +23,6 @@ class GridLayout extends react_1.default.PureComponent {
             if (!adjustedWidgetLayout) {
                 return;
             }
-            const layout = getLayout();
             const correspondedLayoutItemIndex = layout.findIndex((layoutItem) => layoutItem.i === widgetId);
             memorizeOriginalLayout(widgetId, Object.assign({}, layout[correspondedLayoutItemIndex]), adjustedWidgetLayout);
         };
@@ -72,9 +71,8 @@ class GridLayout extends react_1.default.PureComponent {
         }
     }
     render() {
-        const { getLayout, config, registerManager, editMode, noOverlay, draggableHandleClassName } = this.context;
+        const { layout, config, registerManager, editMode, noOverlay, draggableHandleClassName } = this.context;
         this.pluginsRefs.length = config.items.length;
-        const layout = getLayout();
         return (react_1.default.createElement(Layout, Object.assign({}, registerManager.gridLayout, { layout: layout, isDraggable: editMode, isResizable: editMode, onDragStart: this._onStart, onDragStop: this._onStop, onResizeStart: this._onStart, onResizeStop: this._onStop }, (draggableHandleClassName
             ? { draggableHandle: `.${draggableHandleClassName}` }
             : null)), config.items.map((item, i) => {

package/build/cjs/components/MobileLayout/MobileLayout.js

@@ -37,14 +37,14 @@ class MobileLayout extends react_1.default.PureComponent {
         }
     }
     render() {
-        const { config, getLayout } = this.context;
+        const { config, layout } = this.context;
         this.pluginsRefs.length = config.items.length;
         const hasOrderId = Boolean(config.items.find((item) => item.orderId));
         const sortedItems = (0, helpers_1.getSortedConfigItems)(config, hasOrderId);
         return (react_1.default.createElement("div", { className: b() }, sortedItems.map((item, index) => {
             const isItemWithActiveAutoheight = index in this.state.indexesOfItemsWithActiveAutoheight;
             return (react_1.default.createElement("div", { className: b('item', { autoheight: isItemWithActiveAutoheight }), key: item.id },
-                react_1.default.createElement(Item_1.default, { id: item.id, item: item, layout: getLayout(), shouldItemUpdate: false, adjustWidgetLayout: this.adjustWidgetLayout.bind(this, index), forwardedPluginRef: (pluginRef) => {
+                react_1.default.createElement(Item_1.default, { id: item.id, item: item, layout: layout, shouldItemUpdate: false, adjustWidgetLayout: this.adjustWidgetLayout.bind(this, index), forwardedPluginRef: (pluginRef) => {
                         this.pluginsRefs[index] = pluginRef;
                     } })));
         })));

package/build/cjs/hocs/withContext.d.ts

@@ -1,167 +1,4 @@
 export function withContext(Component: any): {
-    new (props: any): {
-        state: {
-            currentLayout: any;
-        };
-        originalLayouts: {};
-        adjustedLayouts: {};
-        _onChange({ config, itemsStateAndParams, }: {
-            config?: any;
-            itemsStateAndParams?: any;
-        }): void;
-        _onLayoutChange: (layout: any) => void;
-        _onItemRemove: (id: any) => void;
-        _onItemEdit: (configItem: any) => void;
-        _onItemStateAndParamsChange: (id: any, stateAndParams: any) => void;
-        _memorizeOriginalLayout: (widgetId: any, preAutoHeightLayout: any, postAutoHeightLayout: any) => void;
-        _revertToOriginalLayout: (widgetId: any) => void;
-        readonly _itemsParams: {
-            [x: string]: import("../shared").StringParams;
-        };
-        readonly _itemsState: Record<string, import("../shared").ItemState>;
-        _getItemsMeta: (pluginsRefs: any) => any;
-        _getLayout: () => any;
-        _reloadItems: (pluginsRefs: any, data: any) => void;
-        readonly _contextValue: {
-            getLayout: () => any;
-            config: any;
-            context: any;
-            noOverlay: any;
-            defaultGlobalParams: any;
-            globalParams: any;
-            editMode: any;
-            settings: any;
-            itemsState: Record<string, import("../shared").ItemState>;
-            itemsParams: {
-                [x: string]: import("../shared").StringParams;
-            };
-            registerManager: any;
-            onItemStateAndParamsChange: (id: any, stateAndParams: any) => void;
-            removeItem: (id: any) => void;
-            editItem: (configItem: any) => void;
-            layoutChange: (layout: any) => void;
-            getItemsMeta: (pluginsRefs: any) => any;
-            reloadItems: (pluginsRefs: any, data: any) => void;
-            memorizeOriginalLayout: (widgetId: any, preAutoHeightLayout: any, postAutoHeightLayout: any) => void;
-            revertToOriginalLayout: (widgetId: any) => void;
-            forwardedMetaRef: any;
-            draggableHandleClassName: any;
-        };
-        render(): JSX.Element;
-        context: any;
-        setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<any> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>): any;
-        componentDidUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
-    };
-    new (props: any, context: any): {
-        state: {
-            currentLayout: any;
-        };
-        originalLayouts: {};
-        adjustedLayouts: {};
-        _onChange({ config, itemsStateAndParams, }: {
-            config?: any;
-            itemsStateAndParams?: any;
-        }): void;
-        _onLayoutChange: (layout: any) => void;
-        _onItemRemove: (id: any) => void;
-        _onItemEdit: (configItem: any) => void;
-        _onItemStateAndParamsChange: (id: any, stateAndParams: any) => void;
-        _memorizeOriginalLayout: (widgetId: any, preAutoHeightLayout: any, postAutoHeightLayout: any) => void;
-        _revertToOriginalLayout: (widgetId: any) => void;
-        readonly _itemsParams: {
-            [x: string]: import("../shared").StringParams;
-        };
-        readonly _itemsState: Record<string, import("../shared").ItemState>;
-        _getItemsMeta: (pluginsRefs: any) => any;
-        _getLayout: () => any;
-        _reloadItems: (pluginsRefs: any, data: any) => void;
-        readonly _contextValue: {
-            getLayout: () => any;
-            config: any;
-            context: any;
-            noOverlay: any;
-            defaultGlobalParams: any;
-            globalParams: any;
-            editMode: any;
-            settings: any;
-            itemsState: Record<string, import("../shared").ItemState>;
-            itemsParams: {
-                [x: string]: import("../shared").StringParams;
-            };
-            registerManager: any;
-            onItemStateAndParamsChange: (id: any, stateAndParams: any) => void;
-            removeItem: (id: any) => void;
-            editItem: (configItem: any) => void;
-            layoutChange: (layout: any) => void;
-            getItemsMeta: (pluginsRefs: any) => any;
-            reloadItems: (pluginsRefs: any, data: any) => void;
-            memorizeOriginalLayout: (widgetId: any, preAutoHeightLayout: any, postAutoHeightLayout: any) => void;
-            revertToOriginalLayout: (widgetId: any) => void;
-            forwardedMetaRef: any;
-            draggableHandleClassName: any;
-        };
-        render(): JSX.Element;
-        context: any;
-        setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<any> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>): any;
-        componentDidUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
-    };
-    propTypes: {
-        editMode: PropTypes.Requireable<boolean>;
-        context: PropTypes.Requireable<object>;
-        overlayControls: PropTypes.Requireable<object>;
-        config: PropTypes.Requireable<object>;
-        onItemEdit: PropTypes.Requireable<(...args: any[]) => any>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        defaultGlobalParams: PropTypes.Requireable<object>;
-        globalParams: PropTypes.Requireable<object>;
-        itemsStateAndParams: PropTypes.Requireable<object>;
-        registerManager: PropTypes.Requireable<object>;
-        layout: PropTypes.Requireable<any[]>;
-        settings: PropTypes.Requireable<object>;
-        forwardedMetaRef: PropTypes.Requireable<object>;
-        noOverlay: PropTypes.Requireable<boolean>;
-        draggableHandleClassName: PropTypes.Requireable<string>;
-        _EXPERIMENTAL_preventDoubleCompact: PropTypes.Requireable<boolean>;
-    };
-    contextType?: React.Context<any> | undefined;
-};
-export function withMemoContext(Component: any): {
     (props: any): JSX.Element;
     displayName: string;
 };

package/build/cjs/hocs/withContext.js

@@ -1,205 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.withMemoContext = exports.withContext = void 0;
+exports.withContext = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const DashKitContext_1 = require("../context/DashKitContext");
 const utils_1 = require("../utils");
 const shared_1 = require("../shared");
-const prop_types_1 = tslib_1.__importDefault(require("prop-types"));
 const isEqual_1 = tslib_1.__importDefault(require("lodash/isEqual"));
 const react_grid_layout_1 = require("react-grid-layout");
 const LAYOUT_COMPACTING_TYPE = 'vertical';
-function withContext(Component) {
-    var _a;
-    return _a = class DashKitWithContext extends react_1.default.Component {
-            constructor() {
-                super(...arguments);
-                // так как мы не хотим хранить параметры виджета с активированной автовысотой в сторе и на сервере, актуальный
-                // (видимый юзером в конкретный момент времени) лэйаут (массив объектов с данными о ширине, высоте,
-                // расположении конкретного виджета на сетке) будет храниться в стейте, но, для того, чтобы в стор попадал
-                // лэйаут без учета вижетов с активированной автовысотой, в момент "подстройки" высоты виджета значение h
-                // (высота) из конфига будет запоминаться в originalLayouts, новое значение высоты в adjustedLayouts
-                this.state = { currentLayout: this.props.layout };
-                this.originalLayouts = {};
-                this.adjustedLayouts = {};
-                // каллбэк вызывающийся при изменение лэйаута сетки, первым аргументом приходит актуальный конфиг лэйаута,
-                // т.е. если на текущей сетке есть виджеты, с активированной опцией автовысоты, их параметр "h" будет
-                // "подстроенный"; чтобы, для сохранения в сторе "ушли" значения без учёта подстройки (как если бы у этих
-                // виджетов автовысота была деактивирована) корректируем их используя this.originalLayouts
-                this._onLayoutChange = (layout) => {
-                    const currentLayout = layout.map((item) => {
-                        if (item.i in this.originalLayouts) {
-                            return Object.assign(Object.assign({}, this.originalLayouts[item.i]), { w: item.w, x: item.x, y: item.y });
-                        }
-                        else {
-                            return Object.assign({}, item);
-                        }
-                    });
-                    // [experimental] if the _prevent Double Compact is enabled, then skip recalculate layout with auto height
-                    // после того, как у виждета активировали автовысоту и его параметр "h" изменился, это приведёт, также, и к
-                    // изменению параметра (координаты) "y" у элементов расположенных под ним, поэтому, после того, как
-                    // значения параметра "h" виджетов с активированной автовысотой были изменены, необходимо изменить и
-                    // координату "y" виджетов расположенных ниже
-                    const compactedLayout = this.props._EXPERIMENTAL_preventDoubleCompact
-                        ? currentLayout
-                        : react_grid_layout_1.utils.compact(currentLayout, LAYOUT_COMPACTING_TYPE, this.props.registerManager.gridLayout.cols);
-                    const newConfig = utils_1.UpdateManager.updateLayout({
-                        layout: compactedLayout,
-                        config: this.props.config,
-                    });
-                    if (!(0, isEqual_1.default)(newConfig.layout, this.props.config.layout)) {
-                        this._onChange({
-                            config: newConfig,
-                        });
-                    }
-                };
-                this._onItemRemove = (id) => {
-                    const { config, itemsStateAndParams } = this.props;
-                    this._onChange(utils_1.UpdateManager.removeItem({ id, config, itemsStateAndParams }));
-                };
-                this._onItemEdit = (configItem) => {
-                    this.props.onItemEdit(configItem);
-                };
-                this._onItemStateAndParamsChange = (id, stateAndParams) => {
-                    const { config, itemsStateAndParams } = this.props;
-                    this._onChange({
-                        itemsStateAndParams: utils_1.UpdateManager.changeStateAndParams({
-                            id,
-                            config,
-                            stateAndParams,
-                            itemsStateAndParams,
-                        }),
-                    });
-                };
-                this._memorizeOriginalLayout = (widgetId, preAutoHeightLayout, postAutoHeightLayout) => {
-                    if (!(widgetId in this.originalLayouts)) {
-                        this.originalLayouts[widgetId] = preAutoHeightLayout;
-                    }
-                    this.adjustedLayouts[widgetId] = postAutoHeightLayout;
-                    this.setState({
-                        currentLayout: this.props.layout.map((item) => {
-                            if (item.i in this.adjustedLayouts) {
-                                return Object.assign(Object.assign({}, this.adjustedLayouts[item.i]), { w: item.w, x: item.x, y: item.y });
-                            }
-                            else {
-                                return Object.assign({}, item);
-                            }
-                        }),
-                    });
-                };
-                this._revertToOriginalLayout = (widgetId) => {
-                    this.setState({
-                        currentLayout: this.state.currentLayout.map((item) => {
-                            if (item.i === widgetId) {
-                                return Object.assign(Object.assign({}, this.originalLayouts[item.i]), { w: item.w, x: item.x, y: item.y });
-                            }
-                            else {
-                                return Object.assign({}, item);
-                            }
-                        }),
-                    });
-                    delete this.adjustedLayouts[widgetId];
-                    delete this.originalLayouts[widgetId];
-                };
-                this._getItemsMeta = (pluginsRefs) => {
-                    return pluginsRefs
-                        .map((ref) => {
-                        if (!(ref && typeof ref.getMeta === 'function')) {
-                            return undefined;
-                        }
-                        return ref.getMeta();
-                    })
-                        .filter(Boolean);
-                };
-                this._getLayout = () => {
-                    return this.props.layout.map((item) => {
-                        if (item.i in this.adjustedLayouts) {
-                            return Object.assign(Object.assign({}, this.adjustedLayouts[item.i]), { w: item.w, x: item.x, y: item.y });
-                        }
-                        else {
-                            return Object.assign({}, item);
-                        }
-                    });
-                };
-                this._reloadItems = (pluginsRefs, data) => {
-                    pluginsRefs.forEach((ref) => ref && ref.reload && ref.reload(data));
-                };
-            }
-            _onChange({ config = this.props.config, itemsStateAndParams = this.props.itemsStateAndParams, }) {
-                if (!((0, isEqual_1.default)(config, this.props.config) &&
-                    (0, isEqual_1.default)(itemsStateAndParams, this.props.itemsStateAndParams))) {
-                    this.props.onChange({
-                        config,
-                        itemsStateAndParams,
-                    });
-                }
-            }
-            get _itemsParams() {
-                const { config, itemsStateAndParams, globalParams, defaultGlobalParams, registerManager, } = this.props;
-                return (0, shared_1.getItemsParams)({
-                    defaultGlobalParams,
-                    globalParams,
-                    config,
-                    itemsStateAndParams,
-                    plugins: registerManager.getPlugins(),
-                });
-            }
-            get _itemsState() {
-                const { config, itemsStateAndParams } = this.props;
-                return (0, shared_1.getItemsState)({ config, itemsStateAndParams });
-            }
-            get _contextValue() {
-                return {
-                    getLayout: this._getLayout,
-                    config: this.props.config,
-                    context: this.props.context,
-                    noOverlay: this.props.noOverlay,
-                    defaultGlobalParams: this.props.globalParams,
-                    globalParams: this.props.globalParams,
-                    editMode: this.props.editMode,
-                    settings: this.props.settings,
-                    itemsState: this._itemsState,
-                    itemsParams: this._itemsParams,
-                    registerManager: this.props.registerManager,
-                    onItemStateAndParamsChange: this._onItemStateAndParamsChange,
-                    removeItem: this._onItemRemove,
-                    editItem: this._onItemEdit,
-                    layoutChange: this._onLayoutChange,
-                    getItemsMeta: this._getItemsMeta,
-                    reloadItems: this._reloadItems,
-                    memorizeOriginalLayout: this._memorizeOriginalLayout,
-                    revertToOriginalLayout: this._revertToOriginalLayout,
-                    forwardedMetaRef: this.props.forwardedMetaRef,
-                    draggableHandleClassName: this.props.draggableHandleClassName,
-                };
-            }
-            render() {
-                return (react_1.default.createElement(DashKitContext_1.DashKitContext.Provider, { value: this._contextValue },
-                    react_1.default.createElement(Component, { overlayControls: this.props.overlayControls })));
-            }
-        },
-        _a.propTypes = {
-            editMode: prop_types_1.default.bool,
-            context: prop_types_1.default.object,
-            overlayControls: prop_types_1.default.object,
-            config: prop_types_1.default.object,
-            onItemEdit: prop_types_1.default.func,
-            onChange: prop_types_1.default.func,
-            defaultGlobalParams: prop_types_1.default.object,
-            globalParams: prop_types_1.default.object,
-            itemsStateAndParams: prop_types_1.default.object,
-            registerManager: prop_types_1.default.object,
-            layout: prop_types_1.default.array,
-            settings: prop_types_1.default.object,
-            forwardedMetaRef: prop_types_1.default.object,
-            noOverlay: prop_types_1.default.bool,
-            draggableHandleClassName: prop_types_1.default.string,
-            _EXPERIMENTAL_preventDoubleCompact: prop_types_1.default.bool,
-        },
-        _a;
-}
-exports.withContext = withContext;
 function useMemoStateContext(props) {
     // так как мы не хотим хранить параметры виджета с активированной автовысотой в сторе и на сервере, актуальный
     // (видимый юзером в конкретный момент времени) лэйаут (массив объектов с данными о ширине, высоте,
@@ -321,14 +130,11 @@ function useMemoStateContext(props) {
             }
         });
     }, [props.layout, layoutUpdateCounter]);
-    // TODO: don't use getLayout when finished experiment _EXPERIMENTAL_memoContext
-    // need use resultLayout like layout props
-    const getLayout = react_1.default.useCallback(() => resultLayout, [resultLayout]);
     const reloadItems = react_1.default.useCallback((pluginsRefs, data) => {
         pluginsRefs.forEach((ref) => ref && ref.reload && ref.reload(data));
     }, []);
     return react_1.default.useMemo(() => ({
-        getLayout,
+        layout: resultLayout,
         config: props.config,
         context: props.context,
         noOverlay: props.noOverlay,
@@ -350,7 +156,7 @@ function useMemoStateContext(props) {
         forwardedMetaRef: props.forwardedMetaRef,
         draggableHandleClassName: props.draggableHandleClassName,
     }), [
-        getLayout,
+        resultLayout,
         props.config,
         props.context,
         props.noOverlay,
@@ -372,13 +178,13 @@ function useMemoStateContext(props) {
         props.draggableHandleClassName,
     ]);
 }
-function withMemoContext(Component) {
-    const WithMemoContext = (props) => {
+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 })));
     };
-    WithMemoContext.displayName = `withMemoContext(${Component.displayName || Component.name || 'Component'}`;
-    return WithMemoContext;
+    WithContext.displayName = `withContext(${Component.displayName || Component.name || 'Component'}`;
+    return WithContext;
 }
-exports.withMemoContext = withMemoContext;
+exports.withContext = withContext;

package/build/cjs/index.d.ts

@@ -3,3 +3,4 @@ export * from './utils';
 export * from './constants';
 export * from './typings';
 export * from './shared';
+export * from './plugins';

package/build/cjs/index.js

@@ -6,3 +6,4 @@ 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);

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

@@ -0,0 +1 @@
+export { PluginTextApiHandler, PluginTextProps, PluginText, PluginObjectSettings as PluginTextObjectSettings, PluginObject as PluginTextObject, default as pluginText, } from './Text';

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

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pluginText = exports.PluginText = void 0;
+var Text_1 = require("./Text");
+Object.defineProperty(exports, "PluginText", { enumerable: true, get: function () { return Text_1.PluginText; } });
+Object.defineProperty(exports, "pluginText", { enumerable: true, get: function () { return __importDefault(Text_1).default; } });

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

@@ -0,0 +1 @@
+export { PluginTitle, PluginTitleProps, default as pluginTitle } from './Title';

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

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pluginTitle = exports.PluginTitle = void 0;
+var Title_1 = require("./Title");
+Object.defineProperty(exports, "PluginTitle", { enumerable: true, get: function () { return Title_1.PluginTitle; } });
+Object.defineProperty(exports, "pluginTitle", { enumerable: true, get: function () { return __importDefault(Title_1).default; } });

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

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

package/build/cjs/plugins/index.js

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

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

@@ -22,7 +22,6 @@ interface DashKitDefaultProps {
     noOverlay?: boolean;
     draggableHandleClassName?: string;
     _EXPERIMENTAL_preventDoubleCompact?: boolean;
-    _EXPERIMENTAL_memoContext?: boolean;
 }
 export interface DashKitProps extends DashKitGeneralProps, Partial<DashKitDefaultProps> {
 }

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

@@ -62,5 +62,4 @@ DashKit.defaultProps = {
     },
     context: {},
     noOverlay: false,
-    _EXPERIMENTAL_memoContext: false,
 };

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

@@ -3,7 +3,7 @@ import block from 'bem-cn-lite';
 import { DashKitContext } from '../../context/DashKitContext';
 import GridLayout from '../GridLayout/GridLayout';
 import MobileLayout from '../MobileLayout/MobileLayout';
-import { withContext, withMemoContext } from '../../hocs/withContext';
+import { withContext } from '../../hocs/withContext';
 import { useCalcPropsLayout } from '../../hooks/useCalcLayout';
 import './DashKitView.css';
 const b = block('dashkit');
@@ -13,10 +13,9 @@ function DashKitView(props) {
     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 DashKitViewWithMemoContext = withMemoContext(DashKitView);
 const DashKitViewForwardedMeta = React.forwardRef((props, ref) => {
     const layout = useCalcPropsLayout(props.config, props.registerManager);
-    return props._EXPERIMENTAL_memoContext ? (React.createElement(DashKitViewWithMemoContext, Object.assign({}, props, { layout: layout, forwardedMetaRef: ref }))) : (React.createElement(DashKitViewWithContext, Object.assign({}, props, { layout: layout, forwardedMetaRef: ref })));
+    return React.createElement(DashKitViewWithContext, Object.assign({}, props, { layout: layout, forwardedMetaRef: ref }));
 });
 DashKitViewForwardedMeta.displayName = 'DashKitViewForwardedMeta';
 export default DashKitViewForwardedMeta;

package/build/esm/components/GridLayout/GridLayout.js

@@ -12,7 +12,7 @@ export default class GridLayout extends React.PureComponent {
             });
         };
         this.adjustWidgetLayout = ({ widgetId, needSetDefault, adjustedWidgetLayout }) => {
-            const { getLayout, memorizeOriginalLayout, revertToOriginalLayout } = this.context;
+            const { layout, memorizeOriginalLayout, revertToOriginalLayout } = this.context;
             if (needSetDefault) {
                 revertToOriginalLayout(widgetId);
                 return;
@@ -20,7 +20,6 @@ export default class GridLayout extends React.PureComponent {
             if (!adjustedWidgetLayout) {
                 return;
             }
-            const layout = getLayout();
             const correspondedLayoutItemIndex = layout.findIndex((layoutItem) => layoutItem.i === widgetId);
             memorizeOriginalLayout(widgetId, Object.assign({}, layout[correspondedLayoutItemIndex]), adjustedWidgetLayout);
         };
@@ -69,9 +68,8 @@ export default class GridLayout extends React.PureComponent {
         }
     }
     render() {
-        const { getLayout, config, registerManager, editMode, noOverlay, draggableHandleClassName } = this.context;
+        const { layout, config, registerManager, editMode, noOverlay, draggableHandleClassName } = this.context;
         this.pluginsRefs.length = config.items.length;
-        const layout = getLayout();
         return (React.createElement(Layout, Object.assign({}, registerManager.gridLayout, { layout: layout, isDraggable: editMode, isResizable: editMode, onDragStart: this._onStart, onDragStop: this._onStop, onResizeStart: this._onStart, onResizeStop: this._onStop }, (draggableHandleClassName
             ? { draggableHandle: `.${draggableHandleClassName}` }
             : null)), config.items.map((item, i) => {

package/build/esm/components/MobileLayout/MobileLayout.js

@@ -35,14 +35,14 @@ export default class MobileLayout extends React.PureComponent {
         }
     }
     render() {
-        const { config, getLayout } = this.context;
+        const { config, layout } = this.context;
         this.pluginsRefs.length = config.items.length;
         const hasOrderId = Boolean(config.items.find((item) => item.orderId));
         const sortedItems = getSortedConfigItems(config, hasOrderId);
         return (React.createElement("div", { className: b() }, sortedItems.map((item, index) => {
             const isItemWithActiveAutoheight = index in this.state.indexesOfItemsWithActiveAutoheight;
             return (React.createElement("div", { className: b('item', { autoheight: isItemWithActiveAutoheight }), key: item.id },
-                React.createElement(Item, { id: item.id, item: item, layout: getLayout(), shouldItemUpdate: false, adjustWidgetLayout: this.adjustWidgetLayout.bind(this, index), forwardedPluginRef: (pluginRef) => {
+                React.createElement(Item, { id: item.id, item: item, layout: layout, shouldItemUpdate: false, adjustWidgetLayout: this.adjustWidgetLayout.bind(this, index), forwardedPluginRef: (pluginRef) => {
                         this.pluginsRefs[index] = pluginRef;
                     } })));
         })));

package/build/esm/hocs/withContext.d.ts

@@ -1,167 +1,4 @@
 export function withContext(Component: any): {
-    new (props: any): {
-        state: {
-            currentLayout: any;
-        };
-        originalLayouts: {};
-        adjustedLayouts: {};
-        _onChange({ config, itemsStateAndParams, }: {
-            config?: any;
-            itemsStateAndParams?: any;
-        }): void;
-        _onLayoutChange: (layout: any) => void;
-        _onItemRemove: (id: any) => void;
-        _onItemEdit: (configItem: any) => void;
-        _onItemStateAndParamsChange: (id: any, stateAndParams: any) => void;
-        _memorizeOriginalLayout: (widgetId: any, preAutoHeightLayout: any, postAutoHeightLayout: any) => void;
-        _revertToOriginalLayout: (widgetId: any) => void;
-        readonly _itemsParams: {
-            [x: string]: import("../shared").StringParams;
-        };
-        readonly _itemsState: Record<string, import("../shared").ItemState>;
-        _getItemsMeta: (pluginsRefs: any) => any;
-        _getLayout: () => any;
-        _reloadItems: (pluginsRefs: any, data: any) => void;
-        readonly _contextValue: {
-            getLayout: () => any;
-            config: any;
-            context: any;
-            noOverlay: any;
-            defaultGlobalParams: any;
-            globalParams: any;
-            editMode: any;
-            settings: any;
-            itemsState: Record<string, import("../shared").ItemState>;
-            itemsParams: {
-                [x: string]: import("../shared").StringParams;
-            };
-            registerManager: any;
-            onItemStateAndParamsChange: (id: any, stateAndParams: any) => void;
-            removeItem: (id: any) => void;
-            editItem: (configItem: any) => void;
-            layoutChange: (layout: any) => void;
-            getItemsMeta: (pluginsRefs: any) => any;
-            reloadItems: (pluginsRefs: any, data: any) => void;
-            memorizeOriginalLayout: (widgetId: any, preAutoHeightLayout: any, postAutoHeightLayout: any) => void;
-            revertToOriginalLayout: (widgetId: any) => void;
-            forwardedMetaRef: any;
-            draggableHandleClassName: any;
-        };
-        render(): JSX.Element;
-        context: any;
-        setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<any> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>): any;
-        componentDidUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
-    };
-    new (props: any, context: any): {
-        state: {
-            currentLayout: any;
-        };
-        originalLayouts: {};
-        adjustedLayouts: {};
-        _onChange({ config, itemsStateAndParams, }: {
-            config?: any;
-            itemsStateAndParams?: any;
-        }): void;
-        _onLayoutChange: (layout: any) => void;
-        _onItemRemove: (id: any) => void;
-        _onItemEdit: (configItem: any) => void;
-        _onItemStateAndParamsChange: (id: any, stateAndParams: any) => void;
-        _memorizeOriginalLayout: (widgetId: any, preAutoHeightLayout: any, postAutoHeightLayout: any) => void;
-        _revertToOriginalLayout: (widgetId: any) => void;
-        readonly _itemsParams: {
-            [x: string]: import("../shared").StringParams;
-        };
-        readonly _itemsState: Record<string, import("../shared").ItemState>;
-        _getItemsMeta: (pluginsRefs: any) => any;
-        _getLayout: () => any;
-        _reloadItems: (pluginsRefs: any, data: any) => void;
-        readonly _contextValue: {
-            getLayout: () => any;
-            config: any;
-            context: any;
-            noOverlay: any;
-            defaultGlobalParams: any;
-            globalParams: any;
-            editMode: any;
-            settings: any;
-            itemsState: Record<string, import("../shared").ItemState>;
-            itemsParams: {
-                [x: string]: import("../shared").StringParams;
-            };
-            registerManager: any;
-            onItemStateAndParamsChange: (id: any, stateAndParams: any) => void;
-            removeItem: (id: any) => void;
-            editItem: (configItem: any) => void;
-            layoutChange: (layout: any) => void;
-            getItemsMeta: (pluginsRefs: any) => any;
-            reloadItems: (pluginsRefs: any, data: any) => void;
-            memorizeOriginalLayout: (widgetId: any, preAutoHeightLayout: any, postAutoHeightLayout: any) => void;
-            revertToOriginalLayout: (widgetId: any) => void;
-            forwardedMetaRef: any;
-            draggableHandleClassName: any;
-        };
-        render(): JSX.Element;
-        context: any;
-        setState<K extends string | number | symbol>(state: any, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<any> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): boolean;
-        componentWillUnmount?(): void;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>): any;
-        componentDidUpdate?(prevProps: Readonly<any>, prevState: Readonly<any>, snapshot?: any): void;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<any>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<any>, nextState: Readonly<any>, nextContext: any): void;
-    };
-    propTypes: {
-        editMode: PropTypes.Requireable<boolean>;
-        context: PropTypes.Requireable<object>;
-        overlayControls: PropTypes.Requireable<object>;
-        config: PropTypes.Requireable<object>;
-        onItemEdit: PropTypes.Requireable<(...args: any[]) => any>;
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        defaultGlobalParams: PropTypes.Requireable<object>;
-        globalParams: PropTypes.Requireable<object>;
-        itemsStateAndParams: PropTypes.Requireable<object>;
-        registerManager: PropTypes.Requireable<object>;
-        layout: PropTypes.Requireable<any[]>;
-        settings: PropTypes.Requireable<object>;
-        forwardedMetaRef: PropTypes.Requireable<object>;
-        noOverlay: PropTypes.Requireable<boolean>;
-        draggableHandleClassName: PropTypes.Requireable<string>;
-        _EXPERIMENTAL_preventDoubleCompact: PropTypes.Requireable<boolean>;
-    };
-    contextType?: React.Context<any> | undefined;
-};
-export function withMemoContext(Component: any): {
     (props: any): JSX.Element;
     displayName: string;
 };

package/build/esm/hocs/withContext.js

@@ -2,199 +2,9 @@ import React from 'react';
 import { DashKitContext } from '../context/DashKitContext';
 import { UpdateManager } from '../utils';
 import { getItemsParams, getItemsState } from '../shared';
-import PropTypes from 'prop-types';
 import isEqual from 'lodash/isEqual';
 import { utils as gridLayoutUtils } from 'react-grid-layout';
 const LAYOUT_COMPACTING_TYPE = 'vertical';
-export function withContext(Component) {
-    var _a;
-    return _a = class DashKitWithContext extends React.Component {
-            constructor() {
-                super(...arguments);
-                // так как мы не хотим хранить параметры виджета с активированной автовысотой в сторе и на сервере, актуальный
-                // (видимый юзером в конкретный момент времени) лэйаут (массив объектов с данными о ширине, высоте,
-                // расположении конкретного виджета на сетке) будет храниться в стейте, но, для того, чтобы в стор попадал
-                // лэйаут без учета вижетов с активированной автовысотой, в момент "подстройки" высоты виджета значение h
-                // (высота) из конфига будет запоминаться в originalLayouts, новое значение высоты в adjustedLayouts
-                this.state = { currentLayout: this.props.layout };
-                this.originalLayouts = {};
-                this.adjustedLayouts = {};
-                // каллбэк вызывающийся при изменение лэйаута сетки, первым аргументом приходит актуальный конфиг лэйаута,
-                // т.е. если на текущей сетке есть виджеты, с активированной опцией автовысоты, их параметр "h" будет
-                // "подстроенный"; чтобы, для сохранения в сторе "ушли" значения без учёта подстройки (как если бы у этих
-                // виджетов автовысота была деактивирована) корректируем их используя this.originalLayouts
-                this._onLayoutChange = (layout) => {
-                    const currentLayout = layout.map((item) => {
-                        if (item.i in this.originalLayouts) {
-                            return Object.assign(Object.assign({}, this.originalLayouts[item.i]), { w: item.w, x: item.x, y: item.y });
-                        }
-                        else {
-                            return Object.assign({}, item);
-                        }
-                    });
-                    // [experimental] if the _prevent Double Compact is enabled, then skip recalculate layout with auto height
-                    // после того, как у виждета активировали автовысоту и его параметр "h" изменился, это приведёт, также, и к
-                    // изменению параметра (координаты) "y" у элементов расположенных под ним, поэтому, после того, как
-                    // значения параметра "h" виджетов с активированной автовысотой были изменены, необходимо изменить и
-                    // координату "y" виджетов расположенных ниже
-                    const compactedLayout = this.props._EXPERIMENTAL_preventDoubleCompact
-                        ? currentLayout
-                        : gridLayoutUtils.compact(currentLayout, LAYOUT_COMPACTING_TYPE, this.props.registerManager.gridLayout.cols);
-                    const newConfig = UpdateManager.updateLayout({
-                        layout: compactedLayout,
-                        config: this.props.config,
-                    });
-                    if (!isEqual(newConfig.layout, this.props.config.layout)) {
-                        this._onChange({
-                            config: newConfig,
-                        });
-                    }
-                };
-                this._onItemRemove = (id) => {
-                    const { config, itemsStateAndParams } = this.props;
-                    this._onChange(UpdateManager.removeItem({ id, config, itemsStateAndParams }));
-                };
-                this._onItemEdit = (configItem) => {
-                    this.props.onItemEdit(configItem);
-                };
-                this._onItemStateAndParamsChange = (id, stateAndParams) => {
-                    const { config, itemsStateAndParams } = this.props;
-                    this._onChange({
-                        itemsStateAndParams: UpdateManager.changeStateAndParams({
-                            id,
-                            config,
-                            stateAndParams,
-                            itemsStateAndParams,
-                        }),
-                    });
-                };
-                this._memorizeOriginalLayout = (widgetId, preAutoHeightLayout, postAutoHeightLayout) => {
-                    if (!(widgetId in this.originalLayouts)) {
-                        this.originalLayouts[widgetId] = preAutoHeightLayout;
-                    }
-                    this.adjustedLayouts[widgetId] = postAutoHeightLayout;
-                    this.setState({
-                        currentLayout: this.props.layout.map((item) => {
-                            if (item.i in this.adjustedLayouts) {
-                                return Object.assign(Object.assign({}, this.adjustedLayouts[item.i]), { w: item.w, x: item.x, y: item.y });
-                            }
-                            else {
-                                return Object.assign({}, item);
-                            }
-                        }),
-                    });
-                };
-                this._revertToOriginalLayout = (widgetId) => {
-                    this.setState({
-                        currentLayout: this.state.currentLayout.map((item) => {
-                            if (item.i === widgetId) {
-                                return Object.assign(Object.assign({}, this.originalLayouts[item.i]), { w: item.w, x: item.x, y: item.y });
-                            }
-                            else {
-                                return Object.assign({}, item);
-                            }
-                        }),
-                    });
-                    delete this.adjustedLayouts[widgetId];
-                    delete this.originalLayouts[widgetId];
-                };
-                this._getItemsMeta = (pluginsRefs) => {
-                    return pluginsRefs
-                        .map((ref) => {
-                        if (!(ref && typeof ref.getMeta === 'function')) {
-                            return undefined;
-                        }
-                        return ref.getMeta();
-                    })
-                        .filter(Boolean);
-                };
-                this._getLayout = () => {
-                    return this.props.layout.map((item) => {
-                        if (item.i in this.adjustedLayouts) {
-                            return Object.assign(Object.assign({}, this.adjustedLayouts[item.i]), { w: item.w, x: item.x, y: item.y });
-                        }
-                        else {
-                            return Object.assign({}, item);
-                        }
-                    });
-                };
-                this._reloadItems = (pluginsRefs, data) => {
-                    pluginsRefs.forEach((ref) => ref && ref.reload && ref.reload(data));
-                };
-            }
-            _onChange({ config = this.props.config, itemsStateAndParams = this.props.itemsStateAndParams, }) {
-                if (!(isEqual(config, this.props.config) &&
-                    isEqual(itemsStateAndParams, this.props.itemsStateAndParams))) {
-                    this.props.onChange({
-                        config,
-                        itemsStateAndParams,
-                    });
-                }
-            }
-            get _itemsParams() {
-                const { config, itemsStateAndParams, globalParams, defaultGlobalParams, registerManager, } = this.props;
-                return getItemsParams({
-                    defaultGlobalParams,
-                    globalParams,
-                    config,
-                    itemsStateAndParams,
-                    plugins: registerManager.getPlugins(),
-                });
-            }
-            get _itemsState() {
-                const { config, itemsStateAndParams } = this.props;
-                return getItemsState({ config, itemsStateAndParams });
-            }
-            get _contextValue() {
-                return {
-                    getLayout: this._getLayout,
-                    config: this.props.config,
-                    context: this.props.context,
-                    noOverlay: this.props.noOverlay,
-                    defaultGlobalParams: this.props.globalParams,
-                    globalParams: this.props.globalParams,
-                    editMode: this.props.editMode,
-                    settings: this.props.settings,
-                    itemsState: this._itemsState,
-                    itemsParams: this._itemsParams,
-                    registerManager: this.props.registerManager,
-                    onItemStateAndParamsChange: this._onItemStateAndParamsChange,
-                    removeItem: this._onItemRemove,
-                    editItem: this._onItemEdit,
-                    layoutChange: this._onLayoutChange,
-                    getItemsMeta: this._getItemsMeta,
-                    reloadItems: this._reloadItems,
-                    memorizeOriginalLayout: this._memorizeOriginalLayout,
-                    revertToOriginalLayout: this._revertToOriginalLayout,
-                    forwardedMetaRef: this.props.forwardedMetaRef,
-                    draggableHandleClassName: this.props.draggableHandleClassName,
-                };
-            }
-            render() {
-                return (React.createElement(DashKitContext.Provider, { value: this._contextValue },
-                    React.createElement(Component, { overlayControls: this.props.overlayControls })));
-            }
-        },
-        _a.propTypes = {
-            editMode: PropTypes.bool,
-            context: PropTypes.object,
-            overlayControls: PropTypes.object,
-            config: PropTypes.object,
-            onItemEdit: PropTypes.func,
-            onChange: PropTypes.func,
-            defaultGlobalParams: PropTypes.object,
-            globalParams: PropTypes.object,
-            itemsStateAndParams: PropTypes.object,
-            registerManager: PropTypes.object,
-            layout: PropTypes.array,
-            settings: PropTypes.object,
-            forwardedMetaRef: PropTypes.object,
-            noOverlay: PropTypes.bool,
-            draggableHandleClassName: PropTypes.string,
-            _EXPERIMENTAL_preventDoubleCompact: PropTypes.bool,
-        },
-        _a;
-}
 function useMemoStateContext(props) {
     // так как мы не хотим хранить параметры виджета с активированной автовысотой в сторе и на сервере, актуальный
     // (видимый юзером в конкретный момент времени) лэйаут (массив объектов с данными о ширине, высоте,
@@ -316,14 +126,11 @@ function useMemoStateContext(props) {
             }
         });
     }, [props.layout, layoutUpdateCounter]);
-    // TODO: don't use getLayout when finished experiment _EXPERIMENTAL_memoContext
-    // need use resultLayout like layout props
-    const getLayout = React.useCallback(() => resultLayout, [resultLayout]);
     const reloadItems = React.useCallback((pluginsRefs, data) => {
         pluginsRefs.forEach((ref) => ref && ref.reload && ref.reload(data));
     }, []);
     return React.useMemo(() => ({
-        getLayout,
+        layout: resultLayout,
         config: props.config,
         context: props.context,
         noOverlay: props.noOverlay,
@@ -345,7 +152,7 @@ function useMemoStateContext(props) {
         forwardedMetaRef: props.forwardedMetaRef,
         draggableHandleClassName: props.draggableHandleClassName,
     }), [
-        getLayout,
+        resultLayout,
         props.config,
         props.context,
         props.noOverlay,
@@ -367,12 +174,12 @@ function useMemoStateContext(props) {
         props.draggableHandleClassName,
     ]);
 }
-export function withMemoContext(Component) {
-    const WithMemoContext = (props) => {
+export function withContext(Component) {
+    const WithContext = (props) => {
         const contextValue = useMemoStateContext(props);
         return (React.createElement(DashKitContext.Provider, { value: contextValue },
             React.createElement(Component, { overlayControls: props.overlayControls })));
     };
-    WithMemoContext.displayName = `withMemoContext(${Component.displayName || Component.name || 'Component'}`;
-    return WithMemoContext;
+    WithContext.displayName = `withContext(${Component.displayName || Component.name || 'Component'}`;
+    return WithContext;
 }

package/build/esm/index.d.ts

@@ -3,3 +3,4 @@ export * from './utils';
 export * from './constants';
 export * from './typings';
 export * from './shared';
+export * from './plugins';

package/build/esm/index.js

@@ -3,3 +3,4 @@ export * from './utils';
 export * from './constants';
 export * from './typings';
 export * from './shared';
+export * from './plugins';

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

@@ -0,0 +1 @@
+export { PluginTextApiHandler, PluginTextProps, PluginText, PluginObjectSettings as PluginTextObjectSettings, PluginObject as PluginTextObject, default as pluginText, } from './Text';

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

@@ -0,0 +1 @@
+export { PluginText, default as pluginText, } from './Text';

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

@@ -0,0 +1 @@
+export { PluginTitle, PluginTitleProps, default as pluginTitle } from './Title';

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

@@ -0,0 +1 @@
+export { PluginTitle, default as pluginTitle } from './Title';

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

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

package/build/esm/plugins/index.js

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

package/package.json

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