@gravity-ui/dashkit 4.1.0 → 5.0.0

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # 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)
 
 

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

@@ -24,7 +24,7 @@ interface DashKitDefaultProps {
 }
 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/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

@@ -24,7 +24,7 @@ interface DashKitDefaultProps {
 }
 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/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.1.0",
+  "version": "5.0.0",
   "description": "Library for rendering dashboard grid layout",
   "license": "MIT",
   "repository": {
@@ -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": {