@gravity-ui/dashkit 4.0.0 → 5.0.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Changelog
 
+## [5.0.0](https://github.com/gravity-ui/dashkit/compare/v4.1.0...v5.0.0) (2023-02-01)
+
+
+### ⚠ BREAKING CHANGES
+
+* up @gravity-ui/uikit to 4 version ([#39](https://github.com/gravity-ui/dashkit/issues/39))
+
+### Features
+
+* up @gravity-ui/uikit to 4 version ([#39](https://github.com/gravity-ui/dashkit/issues/39)) ([8b4c123](https://github.com/gravity-ui/dashkit/commit/8b4c123a69009918518d4c296af3c315f811afd9))
+
+## [4.1.0](https://github.com/gravity-ui/dashkit/compare/v4.0.0...v4.1.0) (2023-01-31)
+
+
+### Features
+
+* remove preventDoubleCompact flag ([#37](https://github.com/gravity-ui/dashkit/issues/37)) ([9b95e61](https://github.com/gravity-ui/dashkit/commit/9b95e61b7939a9883fda832947e70728b8f66410))
+
 ## [4.0.0](https://github.com/gravity-ui/dashkit/compare/v3.5.0...v4.0.0) (2022-12-19)
 
 

package/README.md

@@ -1,3 +1,5 @@
+# @gravity-ui/dashkit · [![npm package](https://img.shields.io/npm/v/@gravity-ui/dashkit)](https://www.npmjs.com/package/@gravity-ui/dashkit) [![CI](https://img.shields.io/github/actions/workflow/status/gravity-ui/dashkit/.github/workflows/ci.yaml?branch=main&label=CI&logo=github)](https://github.com/gravity-ui/dashkit/actions/workflows/ci.yaml?query=branch:main) [![storybook](https://img.shields.io/badge/Storybook-deployed-ff4685)](https://preview.gravity-ui.com/dashkit/)
+
 # DashKit
 
 A dashboard grid rendering library.

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

@@ -21,11 +21,10 @@ interface DashKitDefaultProps {
     overlayControls?: Record<string, OverlayControlItem[]>;
     noOverlay?: boolean;
     draggableHandleClassName?: string;
-    _EXPERIMENTAL_preventDoubleCompact?: boolean;
 }
 export interface DashKitProps extends DashKitGeneralProps, Partial<DashKitDefaultProps> {
 }
-declare type DashKitInnerProps = DashKitGeneralProps & DashKitDefaultProps;
+type DashKitInnerProps = DashKitGeneralProps & DashKitDefaultProps;
 export declare class DashKit extends React.PureComponent<DashKitInnerProps> {
     static defaultProps: DashKitDefaultProps;
     static registerPlugins(...plugins: Plugin[]): void;

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

@@ -3,12 +3,10 @@ declare const _default: {
         shouldComponentUpdate(nextProps: any): boolean;
         _onStateAndParamsChange: (stateAndParams: any) => void;
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         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;
-        }>;
+        readonly props: Readonly<any>;
         state: Readonly<any>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -29,12 +27,10 @@ declare const _default: {
         shouldComponentUpdate(nextProps: any): boolean;
         _onStateAndParamsChange: (stateAndParams: any) => void;
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         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;
-        }>;
+        readonly props: Readonly<any>;
         state: Readonly<any>;
         refs: {
             [key: string]: React.ReactInstance;

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { ButtonView, ButtonSize, IconProps, MenuItemProps } from '@gravity-ui/uikit';
-import { ConfigItem, PluginBase, StringParams } from '../../shared';
+import { ConfigItem, PluginBase, StringParams, Config } from '../../shared';
+import type { RegisterManager } from '../../utils/register-manager';
 export declare enum OverlayControlsPosition {
     TopRight = "top_right",
     TopLeft = "top_left",
@@ -35,9 +36,17 @@ interface OverlayControlsProps extends OverlayControlsDefaultProps {
     items?: OverlayControlItem[];
     overlayControls?: Record<string, OverlayControlItem[]>;
 }
+type DashKitCtx = React.Context<{
+    registerManager: RegisterManager;
+    itemsParams: Record<string, StringParams>;
+    editItem: (item: ConfigItem) => void;
+    removeItem: (id: string) => void;
+    config: Config;
+}>;
 declare class OverlayControls extends React.Component<OverlayControlsProps> {
     static contextType: React.Context<any>;
     static defaultProps: OverlayControlsDefaultProps;
+    context: React.ContextType<DashKitCtx>;
     render(): JSX.Element;
     private renderControlsItem;
     private getDropDownMenuItemConfig;

package/build/cjs/components/OverlayControls/OverlayControls.js

@@ -143,8 +143,7 @@ class OverlayControls extends react_1.default.Component {
     }
     renderDropdownMenu() {
         const { view, size } = this.props;
-        const { registerManager } = this.context;
-        const itemsParams = this.context.itemsParams;
+        const { registerManager, itemsParams } = this.context;
         const configItem = this.props.configItem;
         const itemParams = itemsParams[configItem.id];
         let menu = registerManager.settings.menu;

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

@@ -3,12 +3,10 @@ export function prepareItem(Component: any): {
         shouldComponentUpdate(nextProps: any): boolean;
         _onStateAndParamsChange: (stateAndParams: any) => void;
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         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;
-        }>;
+        readonly props: Readonly<any>;
         state: Readonly<any>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -29,12 +27,10 @@ export function prepareItem(Component: any): {
         shouldComponentUpdate(nextProps: any): boolean;
         _onStateAndParamsChange: (stateAndParams: any) => void;
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         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;
-        }>;
+        readonly props: Readonly<any>;
         state: Readonly<any>;
         refs: {
             [key: string]: React.ReactInstance;

package/build/cjs/hocs/withContext.js

@@ -7,8 +7,6 @@ const DashKitContext_1 = require("../context/DashKitContext");
 const utils_1 = require("../utils");
 const shared_1 = require("../shared");
 const isEqual_1 = tslib_1.__importDefault(require("lodash/isEqual"));
-const react_grid_layout_1 = require("react-grid-layout");
-const LAYOUT_COMPACTING_TYPE = 'vertical';
 function useMemoStateContext(props) {
     // так как мы не хотим хранить параметры виджета с активированной автовысотой в сторе и на сервере, актуальный
     // (видимый юзером в конкретный момент времени) лэйаут (массив объектов с данными о ширине, высоте,
@@ -38,22 +36,14 @@ function useMemoStateContext(props) {
                 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 = props._EXPERIMENTAL_preventDoubleCompact
-            ? currentInnerLayout
-            : react_grid_layout_1.utils.compact(currentInnerLayout, LAYOUT_COMPACTING_TYPE, props.registerManager.gridLayout.cols);
         const newConfig = utils_1.UpdateManager.updateLayout({
-            layout: compactedLayout,
+            layout: currentInnerLayout,
             config: props.config,
         });
         if (!(0, isEqual_1.default)(newConfig.layout, props.config.layout)) {
             onChange({ config: newConfig });
         }
-    }, [props._EXPERIMENTAL_preventDoubleCompact, props.registerManager, props.config, onChange]);
+    }, [props.config, onChange]);
     const onItemRemove = react_1.default.useCallback((id) => {
         onChange(utils_1.UpdateManager.removeItem({
             id,

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

@@ -5,7 +5,7 @@ declare enum LoadStatus {
     Success = "success",
     Fail = "fail"
 }
-export declare type PluginTextApiHandler = (data: {
+export type PluginTextApiHandler = (data: {
     text: string;
 }) => Promise<{
     result: string;
@@ -40,11 +40,11 @@ export declare class PluginText extends React.PureComponent<PluginTextProps, Plu
     private onRetryClick;
     get withMarkdown(): boolean;
 }
-declare type PluginDataProps = Omit<PluginTextProps, 'apiHandler'>;
-export declare type PluginTextObjectSettings = {
+type PluginDataProps = Omit<PluginTextProps, 'apiHandler'>;
+export type PluginTextObjectSettings = {
     apiHandler?: PluginTextApiHandler;
 };
-export declare type PluginTextObject = Plugin<PluginDataProps> & {
+export type PluginTextObject = Plugin<PluginDataProps> & {
     setSettings: (settings: PluginTextObjectSettings) => PluginTextObject;
     _apiHandler?: PluginTextApiHandler;
 };

package/build/cjs/shared/modules/helpers.d.ts

@@ -6,7 +6,7 @@ export declare function prerenderItems({ items, plugins, }: {
 export declare function getItemsStateAndParamsMeta(itemsStateAndParams: ItemsStateAndParams): StateAndParamsMetaData | undefined;
 export declare function getCurrentVersion(itemsStateAndParams: ItemsStateAndParams): number;
 export declare function isItemWithTabs(item: Pick<ConfigItem, 'data'>): item is Pick<ConfigItemWithTabs, 'data'>;
-export declare type FormedQueueData = {
+export type FormedQueueData = {
     id: string;
     namespace: string;
     params: StringParams;

package/build/cjs/shared/modules/state-and-params.d.ts

@@ -6,7 +6,7 @@ export interface GetItemsParamsArg {
     itemsStateAndParams: ItemsStateAndParams;
     plugins: PluginBase[];
 }
-declare type GetItemsParamsReturn = Record<string, StringParams>;
+type GetItemsParamsReturn = Record<string, StringParams>;
 export declare function getItemsParams({ defaultGlobalParams, globalParams, config, itemsStateAndParams, plugins, }: GetItemsParamsArg): GetItemsParamsReturn;
 export declare function getItemsState({ config, itemsStateAndParams, }: {
     config: Config;

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

@@ -1,4 +1,4 @@
-export declare type Dictionary<T = unknown> = Record<string, T>;
+export type Dictionary<T = unknown> = Record<string, T>;
 export interface StringParams extends Dictionary<string | string[]> {
 }
 export interface GlobalParams extends StringParams {

package/build/cjs/shared/types/state-and-params.d.ts

@@ -7,16 +7,16 @@ export interface QueueItem {
     id: string;
     tabId?: string;
 }
-export declare type StateAndParamsMetaData = {
+export type StateAndParamsMetaData = {
     queue: QueueItem[];
     version: number;
 };
-export declare type StateAndParamsMeta = {
+export type StateAndParamsMeta = {
     [META_KEY]: StateAndParamsMetaData;
 };
-export declare type ItemStateAndParams = {
+export type ItemStateAndParams = {
     params?: StringParams;
     state?: ItemState;
 };
-export declare type ItemsStateAndParamsBase = Record<string, ItemStateAndParams>;
-export declare type ItemsStateAndParams = ItemsStateAndParamsBase | StateAndParamsMeta;
+export type ItemsStateAndParamsBase = Record<string, ItemStateAndParams>;
+export type ItemsStateAndParams = ItemsStateAndParamsBase | StateAndParamsMeta;

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

@@ -11,7 +11,7 @@ export interface Settings {
     isMobile?: boolean;
     menu?: Array<MenuItem>;
 }
-export declare type MenuItem = typeof MenuItems[keyof typeof MenuItems] | OverlayCustomControlItem;
+export type MenuItem = typeof MenuItems[keyof typeof MenuItems] | OverlayCustomControlItem;
 export interface SettingsProps {
     autoupdateInterval: number;
     silentLoading: boolean;

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

@@ -4,4 +4,4 @@ export interface AddConfigItem extends Omit<ConfigItem, 'id' | 'namespace'> {
     namespace?: string;
     layout?: ConfigLayout;
 }
-export declare type SetConfigItem = ConfigItem | AddConfigItem;
+export type SetConfigItem = ConfigItem | AddConfigItem;

package/build/cjs/utils/configure.d.ts

@@ -1,8 +1,8 @@
-export declare type Lang = 'ru' | 'en';
+export type Lang = 'ru' | 'en';
 interface Config {
     lang?: Lang;
 }
-declare type Subscriber = (config: Config) => void;
+type Subscriber = (config: Config) => void;
 export declare const configure: (newConfig: Config) => void;
 export declare const subscribeConfigure: (sub: Subscriber) => () => void;
 export declare const getConfig: () => Config;

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

@@ -7,17 +7,17 @@ interface RegisterManagerDefaultLayout {
     minW: number;
     minH: number;
 }
-export declare type RegisterManagerPluginLayout = RegisterManagerDefaultLayout & PluginDefaultLayout;
+export type RegisterManagerPluginLayout = RegisterManagerDefaultLayout & PluginDefaultLayout;
 export interface RegisterManagerPlugin extends Omit<Plugin, 'defaultLayout'> {
     defaultLayout: RegisterManagerDefaultLayout & Plugin['defaultLayout'];
 }
-export declare type RegisterManagerGridLayout = {
+export type RegisterManagerGridLayout = {
     margin: [number, number];
     rowHeight: number;
     cols: number;
     containerPadding: [number, number];
 } & Settings['gridLayout'];
-export declare type RegisterManagerSettings = {
+export type RegisterManagerSettings = {
     theme: string;
 } & Settings;
 export declare class RegisterManager {

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

@@ -21,11 +21,10 @@ interface DashKitDefaultProps {
     overlayControls?: Record<string, OverlayControlItem[]>;
     noOverlay?: boolean;
     draggableHandleClassName?: string;
-    _EXPERIMENTAL_preventDoubleCompact?: boolean;
 }
 export interface DashKitProps extends DashKitGeneralProps, Partial<DashKitDefaultProps> {
 }
-declare type DashKitInnerProps = DashKitGeneralProps & DashKitDefaultProps;
+type DashKitInnerProps = DashKitGeneralProps & DashKitDefaultProps;
 export declare class DashKit extends React.PureComponent<DashKitInnerProps> {
     static defaultProps: DashKitDefaultProps;
     static registerPlugins(...plugins: Plugin[]): void;

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

@@ -3,12 +3,10 @@ declare const _default: {
         shouldComponentUpdate(nextProps: any): boolean;
         _onStateAndParamsChange: (stateAndParams: any) => void;
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         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;
-        }>;
+        readonly props: Readonly<any>;
         state: Readonly<any>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -29,12 +27,10 @@ declare const _default: {
         shouldComponentUpdate(nextProps: any): boolean;
         _onStateAndParamsChange: (stateAndParams: any) => void;
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         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;
-        }>;
+        readonly props: Readonly<any>;
         state: Readonly<any>;
         refs: {
             [key: string]: React.ReactInstance;

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { ButtonView, ButtonSize, IconProps, MenuItemProps } from '@gravity-ui/uikit';
-import { ConfigItem, PluginBase, StringParams } from '../../shared';
+import { ConfigItem, PluginBase, StringParams, Config } from '../../shared';
+import type { RegisterManager } from '../../utils/register-manager';
 import './OverlayControls.css';
 export declare enum OverlayControlsPosition {
     TopRight = "top_right",
@@ -36,9 +37,17 @@ interface OverlayControlsProps extends OverlayControlsDefaultProps {
     items?: OverlayControlItem[];
     overlayControls?: Record<string, OverlayControlItem[]>;
 }
+type DashKitCtx = React.Context<{
+    registerManager: RegisterManager;
+    itemsParams: Record<string, StringParams>;
+    editItem: (item: ConfigItem) => void;
+    removeItem: (id: string) => void;
+    config: Config;
+}>;
 declare class OverlayControls extends React.Component<OverlayControlsProps> {
     static contextType: React.Context<any>;
     static defaultProps: OverlayControlsDefaultProps;
+    context: React.ContextType<DashKitCtx>;
     render(): JSX.Element;
     private renderControlsItem;
     private getDropDownMenuItemConfig;

package/build/esm/components/OverlayControls/OverlayControls.js

@@ -140,8 +140,7 @@ class OverlayControls extends React.Component {
     }
     renderDropdownMenu() {
         const { view, size } = this.props;
-        const { registerManager } = this.context;
-        const itemsParams = this.context.itemsParams;
+        const { registerManager, itemsParams } = this.context;
         const configItem = this.props.configItem;
         const itemParams = itemsParams[configItem.id];
         let menu = registerManager.settings.menu;

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

@@ -3,12 +3,10 @@ export function prepareItem(Component: any): {
         shouldComponentUpdate(nextProps: any): boolean;
         _onStateAndParamsChange: (stateAndParams: any) => void;
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         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;
-        }>;
+        readonly props: Readonly<any>;
         state: Readonly<any>;
         refs: {
             [key: string]: React.ReactInstance;
@@ -29,12 +27,10 @@ export function prepareItem(Component: any): {
         shouldComponentUpdate(nextProps: any): boolean;
         _onStateAndParamsChange: (stateAndParams: any) => void;
         render(): JSX.Element;
-        context: any;
+        context: unknown;
         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;
-        }>;
+        readonly props: Readonly<any>;
         state: Readonly<any>;
         refs: {
             [key: string]: React.ReactInstance;

package/build/esm/hocs/withContext.js

@@ -3,8 +3,6 @@ import { DashKitContext } from '../context/DashKitContext';
 import { UpdateManager } from '../utils';
 import { getItemsParams, getItemsState } from '../shared';
 import isEqual from 'lodash/isEqual';
-import { utils as gridLayoutUtils } from 'react-grid-layout';
-const LAYOUT_COMPACTING_TYPE = 'vertical';
 function useMemoStateContext(props) {
     // так как мы не хотим хранить параметры виджета с активированной автовысотой в сторе и на сервере, актуальный
     // (видимый юзером в конкретный момент времени) лэйаут (массив объектов с данными о ширине, высоте,
@@ -34,22 +32,14 @@ function useMemoStateContext(props) {
                 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 = props._EXPERIMENTAL_preventDoubleCompact
-            ? currentInnerLayout
-            : gridLayoutUtils.compact(currentInnerLayout, LAYOUT_COMPACTING_TYPE, props.registerManager.gridLayout.cols);
         const newConfig = UpdateManager.updateLayout({
-            layout: compactedLayout,
+            layout: currentInnerLayout,
             config: props.config,
         });
         if (!isEqual(newConfig.layout, props.config.layout)) {
             onChange({ config: newConfig });
         }
-    }, [props._EXPERIMENTAL_preventDoubleCompact, props.registerManager, props.config, onChange]);
+    }, [props.config, onChange]);
     const onItemRemove = React.useCallback((id) => {
         onChange(UpdateManager.removeItem({
             id,

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

@@ -6,7 +6,7 @@ declare enum LoadStatus {
     Success = "success",
     Fail = "fail"
 }
-export declare type PluginTextApiHandler = (data: {
+export type PluginTextApiHandler = (data: {
     text: string;
 }) => Promise<{
     result: string;
@@ -41,11 +41,11 @@ export declare class PluginText extends React.PureComponent<PluginTextProps, Plu
     private onRetryClick;
     get withMarkdown(): boolean;
 }
-declare type PluginDataProps = Omit<PluginTextProps, 'apiHandler'>;
-export declare type PluginTextObjectSettings = {
+type PluginDataProps = Omit<PluginTextProps, 'apiHandler'>;
+export type PluginTextObjectSettings = {
     apiHandler?: PluginTextApiHandler;
 };
-export declare type PluginTextObject = Plugin<PluginDataProps> & {
+export type PluginTextObject = Plugin<PluginDataProps> & {
     setSettings: (settings: PluginTextObjectSettings) => PluginTextObject;
     _apiHandler?: PluginTextApiHandler;
 };

package/build/esm/shared/modules/helpers.d.ts

@@ -6,7 +6,7 @@ export declare function prerenderItems({ items, plugins, }: {
 export declare function getItemsStateAndParamsMeta(itemsStateAndParams: ItemsStateAndParams): StateAndParamsMetaData | undefined;
 export declare function getCurrentVersion(itemsStateAndParams: ItemsStateAndParams): number;
 export declare function isItemWithTabs(item: Pick<ConfigItem, 'data'>): item is Pick<ConfigItemWithTabs, 'data'>;
-export declare type FormedQueueData = {
+export type FormedQueueData = {
     id: string;
     namespace: string;
     params: StringParams;

package/build/esm/shared/modules/state-and-params.d.ts

@@ -6,7 +6,7 @@ export interface GetItemsParamsArg {
     itemsStateAndParams: ItemsStateAndParams;
     plugins: PluginBase[];
 }
-declare type GetItemsParamsReturn = Record<string, StringParams>;
+type GetItemsParamsReturn = Record<string, StringParams>;
 export declare function getItemsParams({ defaultGlobalParams, globalParams, config, itemsStateAndParams, plugins, }: GetItemsParamsArg): GetItemsParamsReturn;
 export declare function getItemsState({ config, itemsStateAndParams, }: {
     config: Config;

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

@@ -1,4 +1,4 @@
-export declare type Dictionary<T = unknown> = Record<string, T>;
+export type Dictionary<T = unknown> = Record<string, T>;
 export interface StringParams extends Dictionary<string | string[]> {
 }
 export interface GlobalParams extends StringParams {

package/build/esm/shared/types/state-and-params.d.ts

@@ -7,16 +7,16 @@ export interface QueueItem {
     id: string;
     tabId?: string;
 }
-export declare type StateAndParamsMetaData = {
+export type StateAndParamsMetaData = {
     queue: QueueItem[];
     version: number;
 };
-export declare type StateAndParamsMeta = {
+export type StateAndParamsMeta = {
     [META_KEY]: StateAndParamsMetaData;
 };
-export declare type ItemStateAndParams = {
+export type ItemStateAndParams = {
     params?: StringParams;
     state?: ItemState;
 };
-export declare type ItemsStateAndParamsBase = Record<string, ItemStateAndParams>;
-export declare type ItemsStateAndParams = ItemsStateAndParamsBase | StateAndParamsMeta;
+export type ItemsStateAndParamsBase = Record<string, ItemStateAndParams>;
+export type ItemsStateAndParams = ItemsStateAndParamsBase | StateAndParamsMeta;

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

@@ -11,7 +11,7 @@ export interface Settings {
     isMobile?: boolean;
     menu?: Array<MenuItem>;
 }
-export declare type MenuItem = typeof MenuItems[keyof typeof MenuItems] | OverlayCustomControlItem;
+export type MenuItem = typeof MenuItems[keyof typeof MenuItems] | OverlayCustomControlItem;
 export interface SettingsProps {
     autoupdateInterval: number;
     silentLoading: boolean;

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

@@ -4,4 +4,4 @@ export interface AddConfigItem extends Omit<ConfigItem, 'id' | 'namespace'> {
     namespace?: string;
     layout?: ConfigLayout;
 }
-export declare type SetConfigItem = ConfigItem | AddConfigItem;
+export type SetConfigItem = ConfigItem | AddConfigItem;

package/build/esm/utils/configure.d.ts

@@ -1,8 +1,8 @@
-export declare type Lang = 'ru' | 'en';
+export type Lang = 'ru' | 'en';
 interface Config {
     lang?: Lang;
 }
-declare type Subscriber = (config: Config) => void;
+type Subscriber = (config: Config) => void;
 export declare const configure: (newConfig: Config) => void;
 export declare const subscribeConfigure: (sub: Subscriber) => () => void;
 export declare const getConfig: () => Config;

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

@@ -7,17 +7,17 @@ interface RegisterManagerDefaultLayout {
     minW: number;
     minH: number;
 }
-export declare type RegisterManagerPluginLayout = RegisterManagerDefaultLayout & PluginDefaultLayout;
+export type RegisterManagerPluginLayout = RegisterManagerDefaultLayout & PluginDefaultLayout;
 export interface RegisterManagerPlugin extends Omit<Plugin, 'defaultLayout'> {
     defaultLayout: RegisterManagerDefaultLayout & Plugin['defaultLayout'];
 }
-export declare type RegisterManagerGridLayout = {
+export type RegisterManagerGridLayout = {
     margin: [number, number];
     rowHeight: number;
     cols: number;
     containerPadding: [number, number];
 } & Settings['gridLayout'];
-export declare type RegisterManagerSettings = {
+export type RegisterManagerSettings = {
     theme: string;
 } & Settings;
 export declare class RegisterManager {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/dashkit",
-  "version": "4.0.0",
+  "version": "5.0.0",
   "description": "Library for rendering dashboard grid layout",
   "license": "MIT",
   "repository": {
@@ -28,9 +28,9 @@
     "test": "jest",
     "clean": "gulp clean",
     "build": "gulp",
-    "start": "start-storybook -p 7120",
+    "start": "env TS_NODE_PROJECT=.storybook/tsconfig.json start-storybook -p 7120",
     "typecheck": "tsc --noEmit",
-    "build-storybook": "build-storybook -c .storybook -o storybook-static",
+    "build-storybook": "env TS_NODE_PROJECT=.storybook/tsconfig.json build-storybook -c .storybook -o storybook-static",
     "prepare": "husky install",
     "prepublishOnly": "npm run lint && npm run test && npm run build"
   },
@@ -41,25 +41,25 @@
     "react-grid-layout": "^1.3.4"
   },
   "peerDependencies": {
-    "@gravity-ui/uikit": "^3.0.0",
+    "@gravity-ui/uikit": "^4.0.0",
     "bem-cn-lite": "^4.0.0",
-    "react": "^16.0.0  || ^17.0.0"
+    "react": "^16.8.0  || ^17 || ^18"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.0.3",
     "@commitlint/config-conventional": "^17.0.3",
+    "@gravity-ui/eslint-config": "^1.0.2",
+    "@gravity-ui/prettier-config": "^1.0.1",
+    "@gravity-ui/stylelint-config": "^1.0.1",
+    "@gravity-ui/tsconfig": "^1.0.0",
+    "@gravity-ui/uikit": "^4.0.5",
     "@storybook/addon-essentials": "^6.5.9",
     "@storybook/preset-scss": "^1.0.3",
     "@storybook/react": "^6.5.9",
     "@types/enzyme": "^3.10.8",
     "@types/jest": "^26.0.20",
     "@types/lodash": "^4.14.170",
-    "@types/react": "^17.0.47",
-    "@gravity-ui/eslint-config": "^1.0.2",
-    "@gravity-ui/prettier-config": "^1.0.1",
-    "@gravity-ui/stylelint-config": "^1.0.1",
-    "@gravity-ui/tsconfig": "^1.0.0",
-    "@gravity-ui/uikit": "^3.0.0",
+    "@types/react": "^18.0.27",
     "babel-jest": "^26.6.3",
     "bem-cn-lite": "^4.0.0",
     "copyfiles": "^2.4.1",
@@ -78,15 +78,15 @@
     "npm-run-all": "^4.1.5",
     "postcss": "^8.4.12",
     "prettier": "^2.6.0",
-    "react": "^17.0.2",
+    "react": "^18.2.0",
     "react-docgen-typescript": "^2.2.2",
-    "react-dom": "^17.0.2",
+    "react-dom": "^18.2.0",
     "rimraf": "^3.0.2",
     "sass": "^1.53.0",
     "sass-loader": "^10.3.1",
     "stylelint": "^14.6.0",
     "ts-jest": "^26.5.3",
-    "typescript": "^4.7.4"
+    "typescript": "^4.9.5"
   },
   "husky": {
     "hooks": {