@ws-ui/store 0.1.5 → 0.1.7

package/dist/selectors/webforms.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="@ws-ui/shared/dist/declarations/datasources/datasource" />
 import { TInspectorType } from '../modules/webforms/types';
 export declare const selectWebforms: ((state: import("redux").EmptyObject & {
-    root: import("immer/dist/internal.js").WritableDraft<import("../modules").IRootState>;
-    explorer: import("immer/dist/internal.js").WritableDraft<import("../modules").ITreeItem>[];
+    root: import("../modules").IRootState;
+    explorer: import("../modules").ITreeItem[];
     debugger: import("../modules").IDebuggerState;
     settings: import("../modules").ISettingsState;
     catalog: {
@@ -14,26 +14,11 @@ export declare const selectWebforms: ((state: import("redux").EmptyObject & {
         state: "error";
         error: string;
     };
-    roles: {
-        flags: {
-            touched?: boolean | undefined;
-            removed?: boolean | undefined;
-            pinned?: boolean | undefined;
-            loading?: boolean | undefined;
-            old?: boolean | undefined;
-            enabled?: boolean | undefined;
-            confirmed?: boolean | undefined;
-        };
-        date?: string | undefined;
-        privileges: import("../modules").TById;
-        roles: import("../modules").TRolesDict;
-        forceLogin?: boolean | undefined;
-        selectedTab: "roles" | "privileges";
-    };
+    roles: import("../modules").IRolesState;
     sharedDatasources: import("../modules").ISharedDatasourcesState;
     webforms: import("../modules").IWebformEditorState;
     modals: import("../modules").IModalsState;
-    sharedCSS: import("immer/dist/internal.js").WritableDraft<import("../modules").ISharedCSSState>;
+    sharedCSS: import("../modules").ISharedCSSState;
     model: import("../modules").IModelState;
 }) => import("../modules").IWebformEditorState) & import("reselect").OutputSelectorFields<(args_0: import("../modules").IWebformEditorState) => import("../modules").IWebformEditorState, {
     clearCache: () => void;
@@ -41,8 +26,8 @@ export declare const selectWebforms: ((state: import("redux").EmptyObject & {
     clearCache: () => void;
 };
 export declare const selectComponents: ((state: import("redux").EmptyObject & {
-    root: import("immer/dist/internal.js").WritableDraft<import("../modules").IRootState>;
-    explorer: import("immer/dist/internal.js").WritableDraft<import("../modules").ITreeItem>[];
+    root: import("../modules").IRootState;
+    explorer: import("../modules").ITreeItem[];
     debugger: import("../modules").IDebuggerState;
     settings: import("../modules").ISettingsState;
     catalog: {
@@ -54,26 +39,11 @@ export declare const selectComponents: ((state: import("redux").EmptyObject & {
         state: "error";
         error: string;
     };
-    roles: {
-        flags: {
-            touched?: boolean | undefined;
-            removed?: boolean | undefined;
-            pinned?: boolean | undefined;
-            loading?: boolean | undefined;
-            old?: boolean | undefined;
-            enabled?: boolean | undefined;
-            confirmed?: boolean | undefined;
-        };
-        date?: string | undefined;
-        privileges: import("../modules").TById;
-        roles: import("../modules").TRolesDict;
-        forceLogin?: boolean | undefined;
-        selectedTab: "roles" | "privileges";
-    };
+    roles: import("../modules").IRolesState;
     sharedDatasources: import("../modules").ISharedDatasourcesState;
     webforms: import("../modules").IWebformEditorState;
     modals: import("../modules").IModalsState;
-    sharedCSS: import("immer/dist/internal.js").WritableDraft<import("../modules").ISharedCSSState>;
+    sharedCSS: import("../modules").ISharedCSSState;
     model: import("../modules").IModelState;
 }) => import("@ws-ui/shared").IComponentTemplate[]) & import("reselect").OutputSelectorFields<(args_0: import("../modules").IWebformEditorState) => import("@ws-ui/shared").IComponentTemplate[], {
     clearCache: () => void;
@@ -81,8 +51,8 @@ export declare const selectComponents: ((state: import("redux").EmptyObject & {
     clearCache: () => void;
 };
 export declare const selectInspector: ((state: import("redux").EmptyObject & {
-    root: import("immer/dist/internal.js").WritableDraft<import("../modules").IRootState>;
-    explorer: import("immer/dist/internal.js").WritableDraft<import("../modules").ITreeItem>[];
+    root: import("../modules").IRootState;
+    explorer: import("../modules").ITreeItem[];
     debugger: import("../modules").IDebuggerState;
     settings: import("../modules").ISettingsState;
     catalog: {
@@ -94,26 +64,11 @@ export declare const selectInspector: ((state: import("redux").EmptyObject & {
         state: "error";
         error: string;
     };
-    roles: {
-        flags: {
-            touched?: boolean | undefined;
-            removed?: boolean | undefined;
-            pinned?: boolean | undefined;
-            loading?: boolean | undefined;
-            old?: boolean | undefined;
-            enabled?: boolean | undefined;
-            confirmed?: boolean | undefined;
-        };
-        date?: string | undefined;
-        privileges: import("../modules").TById;
-        roles: import("../modules").TRolesDict;
-        forceLogin?: boolean | undefined;
-        selectedTab: "roles" | "privileges";
-    };
+    roles: import("../modules").IRolesState;
     sharedDatasources: import("../modules").ISharedDatasourcesState;
     webforms: import("../modules").IWebformEditorState;
     modals: import("../modules").IModalsState;
-    sharedCSS: import("immer/dist/internal.js").WritableDraft<import("../modules").ISharedCSSState>;
+    sharedCSS: import("../modules").ISharedCSSState;
     model: import("../modules").IModelState;
 }) => import("../modules").IInspectorState) & import("reselect").OutputSelectorFields<(args_0: import("../modules").IWebformEditorState) => import("../modules").IInspectorState, {
     clearCache: () => void;
@@ -121,8 +76,8 @@ export declare const selectInspector: ((state: import("redux").EmptyObject & {
     clearCache: () => void;
 };
 export declare const selectInspectedCSSClass: ((state: import("redux").EmptyObject & {
-    root: import("immer/dist/internal.js").WritableDraft<import("../modules").IRootState>;
-    explorer: import("immer/dist/internal.js").WritableDraft<import("../modules").ITreeItem>[];
+    root: import("../modules").IRootState;
+    explorer: import("../modules").ITreeItem[];
     debugger: import("../modules").IDebuggerState;
     settings: import("../modules").ISettingsState;
     catalog: {
@@ -134,26 +89,11 @@ export declare const selectInspectedCSSClass: ((state: import("redux").EmptyObje
         state: "error";
         error: string;
     };
-    roles: {
-        flags: {
-            touched?: boolean | undefined;
-            removed?: boolean | undefined;
-            pinned?: boolean | undefined;
-            loading?: boolean | undefined;
-            old?: boolean | undefined;
-            enabled?: boolean | undefined;
-            confirmed?: boolean | undefined;
-        };
-        date?: string | undefined;
-        privileges: import("../modules").TById;
-        roles: import("../modules").TRolesDict;
-        forceLogin?: boolean | undefined;
-        selectedTab: "roles" | "privileges";
-    };
+    roles: import("../modules").IRolesState;
     sharedDatasources: import("../modules").ISharedDatasourcesState;
     webforms: import("../modules").IWebformEditorState;
     modals: import("../modules").IModalsState;
-    sharedCSS: import("immer/dist/internal.js").WritableDraft<import("../modules").ISharedCSSState>;
+    sharedCSS: import("../modules").ISharedCSSState;
     model: import("../modules").IModelState;
 }) => import("../modules").IInspector<string>) & import("reselect").OutputSelectorFields<(args_0: import("../modules").IInspectorState) => import("../modules").IInspector<string>, {
     clearCache: () => void;
@@ -161,8 +101,8 @@ export declare const selectInspectedCSSClass: ((state: import("redux").EmptyObje
     clearCache: () => void;
 };
 export declare const selectInspectedDatasource: ((state: import("redux").EmptyObject & {
-    root: import("immer/dist/internal.js").WritableDraft<import("../modules").IRootState>;
-    explorer: import("immer/dist/internal.js").WritableDraft<import("../modules").ITreeItem>[];
+    root: import("../modules").IRootState;
+    explorer: import("../modules").ITreeItem[];
     debugger: import("../modules").IDebuggerState;
     settings: import("../modules").ISettingsState;
     catalog: {
@@ -174,26 +114,11 @@ export declare const selectInspectedDatasource: ((state: import("redux").EmptyOb
         state: "error";
         error: string;
     };
-    roles: {
-        flags: {
-            touched?: boolean | undefined;
-            removed?: boolean | undefined;
-            pinned?: boolean | undefined;
-            loading?: boolean | undefined;
-            old?: boolean | undefined;
-            enabled?: boolean | undefined;
-            confirmed?: boolean | undefined;
-        };
-        date?: string | undefined;
-        privileges: import("../modules").TById;
-        roles: import("../modules").TRolesDict;
-        forceLogin?: boolean | undefined;
-        selectedTab: "roles" | "privileges";
-    };
+    roles: import("../modules").IRolesState;
     sharedDatasources: import("../modules").ISharedDatasourcesState;
     webforms: import("../modules").IWebformEditorState;
     modals: import("../modules").IModalsState;
-    sharedCSS: import("immer/dist/internal.js").WritableDraft<import("../modules").ISharedCSSState>;
+    sharedCSS: import("../modules").ISharedCSSState;
     model: import("../modules").IModelState;
 }) => import("../modules").IInspector<import("../modules").IDatasourcedata>) & import("reselect").OutputSelectorFields<(args_0: import("../modules").IInspectorState) => import("../modules").IInspector<import("../modules").IDatasourcedata>, {
     clearCache: () => void;
@@ -201,8 +126,8 @@ export declare const selectInspectedDatasource: ((state: import("redux").EmptyOb
     clearCache: () => void;
 };
 export declare const selectTemplates: ((state: import("redux").EmptyObject & {
-    root: import("immer/dist/internal.js").WritableDraft<import("../modules").IRootState>;
-    explorer: import("immer/dist/internal.js").WritableDraft<import("../modules").ITreeItem>[];
+    root: import("../modules").IRootState;
+    explorer: import("../modules").ITreeItem[];
     debugger: import("../modules").IDebuggerState;
     settings: import("../modules").ISettingsState;
     catalog: {
@@ -214,26 +139,11 @@ export declare const selectTemplates: ((state: import("redux").EmptyObject & {
         state: "error";
         error: string;
     };
-    roles: {
-        flags: {
-            touched?: boolean | undefined;
-            removed?: boolean | undefined;
-            pinned?: boolean | undefined;
-            loading?: boolean | undefined;
-            old?: boolean | undefined;
-            enabled?: boolean | undefined;
-            confirmed?: boolean | undefined;
-        };
-        date?: string | undefined;
-        privileges: import("../modules").TById;
-        roles: import("../modules").TRolesDict;
-        forceLogin?: boolean | undefined;
-        selectedTab: "roles" | "privileges";
-    };
+    roles: import("../modules").IRolesState;
     sharedDatasources: import("../modules").ISharedDatasourcesState;
     webforms: import("../modules").IWebformEditorState;
     modals: import("../modules").IModalsState;
-    sharedCSS: import("immer/dist/internal.js").WritableDraft<import("../modules").ISharedCSSState>;
+    sharedCSS: import("../modules").ISharedCSSState;
     model: import("../modules").IModelState;
 }) => import("../modules").ITemplatedComponent) & import("reselect").OutputSelectorFields<(args_0: import("../modules").IWebformEditorState) => import("../modules").ITemplatedComponent, {
     clearCache: () => void;
@@ -241,8 +151,8 @@ export declare const selectTemplates: ((state: import("redux").EmptyObject & {
     clearCache: () => void;
 };
 export declare const selectTemplatesData: ((state: import("redux").EmptyObject & {
-    root: import("immer/dist/internal.js").WritableDraft<import("../modules").IRootState>;
-    explorer: import("immer/dist/internal.js").WritableDraft<import("../modules").ITreeItem>[];
+    root: import("../modules").IRootState;
+    explorer: import("../modules").ITreeItem[];
     debugger: import("../modules").IDebuggerState;
     settings: import("../modules").ISettingsState;
     catalog: {
@@ -254,26 +164,11 @@ export declare const selectTemplatesData: ((state: import("redux").EmptyObject &
         state: "error";
         error: string;
     };
-    roles: {
-        flags: {
-            touched?: boolean | undefined;
-            removed?: boolean | undefined;
-            pinned?: boolean | undefined;
-            loading?: boolean | undefined;
-            old?: boolean | undefined;
-            enabled?: boolean | undefined;
-            confirmed?: boolean | undefined;
-        };
-        date?: string | undefined;
-        privileges: import("../modules").TById;
-        roles: import("../modules").TRolesDict;
-        forceLogin?: boolean | undefined;
-        selectedTab: "roles" | "privileges";
-    };
+    roles: import("../modules").IRolesState;
     sharedDatasources: import("../modules").ISharedDatasourcesState;
     webforms: import("../modules").IWebformEditorState;
     modals: import("../modules").IModalsState;
-    sharedCSS: import("immer/dist/internal.js").WritableDraft<import("../modules").ISharedCSSState>;
+    sharedCSS: import("../modules").ISharedCSSState;
     model: import("../modules").IModelState;
 }) => import("../modules").ITemplatedGroup[]) & import("reselect").OutputSelectorFields<(args_0: import("../modules").ITemplatedComponent) => import("../modules").ITemplatedGroup[], {
     clearCache: () => void;
@@ -281,8 +176,8 @@ export declare const selectTemplatesData: ((state: import("redux").EmptyObject &
     clearCache: () => void;
 };
 export declare const selectCraftedComponent: (id: string) => ((state: import("redux").EmptyObject & {
-    root: import("immer/dist/internal.js").WritableDraft<import("../modules").IRootState>;
-    explorer: import("immer/dist/internal.js").WritableDraft<import("../modules").ITreeItem>[];
+    root: import("../modules").IRootState;
+    explorer: import("../modules").ITreeItem[];
     debugger: import("../modules").IDebuggerState;
     settings: import("../modules").ISettingsState;
     catalog: {
@@ -294,26 +189,11 @@ export declare const selectCraftedComponent: (id: string) => ((state: import("re
         state: "error";
         error: string;
     };
-    roles: {
-        flags: {
-            touched?: boolean | undefined;
-            removed?: boolean | undefined;
-            pinned?: boolean | undefined;
-            loading?: boolean | undefined;
-            old?: boolean | undefined;
-            enabled?: boolean | undefined;
-            confirmed?: boolean | undefined;
-        };
-        date?: string | undefined;
-        privileges: import("../modules").TById;
-        roles: import("../modules").TRolesDict;
-        forceLogin?: boolean | undefined;
-        selectedTab: "roles" | "privileges";
-    };
+    roles: import("../modules").IRolesState;
     sharedDatasources: import("../modules").ISharedDatasourcesState;
     webforms: import("../modules").IWebformEditorState;
     modals: import("../modules").IModalsState;
-    sharedCSS: import("immer/dist/internal.js").WritableDraft<import("../modules").ISharedCSSState>;
+    sharedCSS: import("../modules").ISharedCSSState;
     model: import("../modules").IModelState;
 }) => import("@ws-ui/shared").IComponentTemplate | undefined) & import("reselect").OutputSelectorFields<(args_0: import("@ws-ui/shared").IComponentTemplate[]) => import("@ws-ui/shared").IComponentTemplate | undefined, {
     clearCache: () => void;
@@ -321,8 +201,8 @@ export declare const selectCraftedComponent: (id: string) => ((state: import("re
     clearCache: () => void;
 };
 export declare const selectInspectorStateByType: (type: TInspectorType) => ((state: import("redux").EmptyObject & {
-    root: import("immer/dist/internal.js").WritableDraft<import("../modules").IRootState>;
-    explorer: import("immer/dist/internal.js").WritableDraft<import("../modules").ITreeItem>[];
+    root: import("../modules").IRootState;
+    explorer: import("../modules").ITreeItem[];
     debugger: import("../modules").IDebuggerState;
     settings: import("../modules").ISettingsState;
     catalog: {
@@ -334,26 +214,11 @@ export declare const selectInspectorStateByType: (type: TInspectorType) => ((sta
         state: "error";
         error: string;
     };
-    roles: {
-        flags: {
-            touched?: boolean | undefined;
-            removed?: boolean | undefined;
-            pinned?: boolean | undefined;
-            loading?: boolean | undefined;
-            old?: boolean | undefined;
-            enabled?: boolean | undefined;
-            confirmed?: boolean | undefined;
-        };
-        date?: string | undefined;
-        privileges: import("../modules").TById;
-        roles: import("../modules").TRolesDict;
-        forceLogin?: boolean | undefined;
-        selectedTab: "roles" | "privileges";
-    };
+    roles: import("../modules").IRolesState;
     sharedDatasources: import("../modules").ISharedDatasourcesState;
     webforms: import("../modules").IWebformEditorState;
     modals: import("../modules").IModalsState;
-    sharedCSS: import("immer/dist/internal.js").WritableDraft<import("../modules").ISharedCSSState>;
+    sharedCSS: import("../modules").ISharedCSSState;
     model: import("../modules").IModelState;
 }) => import("../modules").IInspector<string> | import("../modules").IInspector<import("../modules").IDatasourcedata>) & import("reselect").OutputSelectorFields<(args_0: import("../modules").IInspectorState) => import("../modules").IInspector<string> | import("../modules").IInspector<import("../modules").IDatasourcedata>, {
     clearCache: () => void;
@@ -361,8 +226,8 @@ export declare const selectInspectorStateByType: (type: TInspectorType) => ((sta
     clearCache: () => void;
 };
 export declare const selectDatasourcesTheme: ((state: import("redux").EmptyObject & {
-    root: import("immer/dist/internal.js").WritableDraft<import("../modules").IRootState>;
-    explorer: import("immer/dist/internal.js").WritableDraft<import("../modules").ITreeItem>[];
+    root: import("../modules").IRootState;
+    explorer: import("../modules").ITreeItem[];
     debugger: import("../modules").IDebuggerState;
     settings: import("../modules").ISettingsState;
     catalog: {
@@ -374,26 +239,11 @@ export declare const selectDatasourcesTheme: ((state: import("redux").EmptyObjec
         state: "error";
         error: string;
     };
-    roles: {
-        flags: {
-            touched?: boolean | undefined;
-            removed?: boolean | undefined;
-            pinned?: boolean | undefined;
-            loading?: boolean | undefined;
-            old?: boolean | undefined;
-            enabled?: boolean | undefined;
-            confirmed?: boolean | undefined;
-        };
-        date?: string | undefined;
-        privileges: import("../modules").TById;
-        roles: import("../modules").TRolesDict;
-        forceLogin?: boolean | undefined;
-        selectedTab: "roles" | "privileges";
-    };
+    roles: import("../modules").IRolesState;
     sharedDatasources: import("../modules").ISharedDatasourcesState;
     webforms: import("../modules").IWebformEditorState;
     modals: import("../modules").IModalsState;
-    sharedCSS: import("immer/dist/internal.js").WritableDraft<import("../modules").ISharedCSSState>;
+    sharedCSS: import("../modules").ISharedCSSState;
     model: import("../modules").IModelState;
 }) => string | number) & import("reselect").OutputSelectorFields<(args_0: import("../modules").IWebformEditorState) => string | number, {
     clearCache: () => void;
@@ -401,8 +251,8 @@ export declare const selectDatasourcesTheme: ((state: import("redux").EmptyObjec
     clearCache: () => void;
 };
 export declare const selectIsLoaded: ((state: import("redux").EmptyObject & {
-    root: import("immer/dist/internal.js").WritableDraft<import("../modules").IRootState>;
-    explorer: import("immer/dist/internal.js").WritableDraft<import("../modules").ITreeItem>[];
+    root: import("../modules").IRootState;
+    explorer: import("../modules").ITreeItem[];
     debugger: import("../modules").IDebuggerState;
     settings: import("../modules").ISettingsState;
     catalog: {
@@ -414,26 +264,11 @@ export declare const selectIsLoaded: ((state: import("redux").EmptyObject & {
         state: "error";
         error: string;
     };
-    roles: {
-        flags: {
-            touched?: boolean | undefined;
-            removed?: boolean | undefined;
-            pinned?: boolean | undefined;
-            loading?: boolean | undefined;
-            old?: boolean | undefined;
-            enabled?: boolean | undefined;
-            confirmed?: boolean | undefined;
-        };
-        date?: string | undefined;
-        privileges: import("../modules").TById;
-        roles: import("../modules").TRolesDict;
-        forceLogin?: boolean | undefined;
-        selectedTab: "roles" | "privileges";
-    };
+    roles: import("../modules").IRolesState;
     sharedDatasources: import("../modules").ISharedDatasourcesState;
     webforms: import("../modules").IWebformEditorState;
     modals: import("../modules").IModalsState;
-    sharedCSS: import("immer/dist/internal.js").WritableDraft<import("../modules").ISharedCSSState>;
+    sharedCSS: import("../modules").ISharedCSSState;
     model: import("../modules").IModelState;
 }) => boolean) & import("reselect").OutputSelectorFields<(args_0: {
     state: "loading";
@@ -443,7 +278,7 @@ export declare const selectIsLoaded: ((state: import("redux").EmptyObject & {
 } | {
     state: "error";
     error: string;
-}, args_1: import("../modules").ISharedDatasourcesState, args_2: import("immer/dist/internal.js").WritableDraft<import("../modules").ISharedCSSState>) => boolean, {
+}, args_1: import("../modules").ISharedDatasourcesState, args_2: import("../modules").ISharedCSSState) => boolean, {
     clearCache: () => void;
 }> & {
     clearCache: () => void;

package/dist/store.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@ws-ui/shared/dist/declarations/datasources/datasource" />
 import { AnyAction, EnhancedStore } from '@reduxjs/toolkit';
 import { AppState } from './modules';
 import { ThunkMiddlewareFor } from '@reduxjs/toolkit/dist/getDefaultMiddleware';
@@ -5,6 +6,46 @@ export type Store = EnhancedStore<AppState, AnyAction, [
     ThunkMiddlewareFor<AppState>
 ]>;
 declare let store: Store;
-export declare const getStore: () => Store;
+export declare const getStore: () => import("@reduxjs/toolkit/dist/configureStore").ToolkitStore<import("redux").EmptyObject & {
+    root: import("./modules").IRootState;
+    explorer: import("./modules").ITreeItem[];
+    debugger: import("./modules").IDebuggerState;
+    settings: import("./modules").ISettingsState;
+    catalog: {
+        state: "loading";
+    } | {
+        state: "loaded";
+        model: datasources.IEnhancedCatalog;
+    } | {
+        state: "error";
+        error: string;
+    };
+    roles: import("./modules").IRolesState;
+    sharedDatasources: import("./modules").ISharedDatasourcesState;
+    webforms: import("./modules").IWebformEditorState;
+    modals: import("./modules").IModalsState;
+    sharedCSS: import("./modules").ISharedCSSState;
+    model: import("./modules").IModelState;
+}, AnyAction, [import("@reduxjs/toolkit").ThunkMiddleware<import("redux").CombinedState<{
+    root: import("./modules").IRootState;
+    explorer: import("./modules").ITreeItem[];
+    debugger: import("./modules").IDebuggerState;
+    settings: import("./modules").ISettingsState;
+    catalog: {
+        state: "loading";
+    } | {
+        state: "loaded";
+        model: datasources.IEnhancedCatalog;
+    } | {
+        state: "error";
+        error: string;
+    };
+    roles: import("./modules").IRolesState;
+    sharedDatasources: import("./modules").ISharedDatasourcesState;
+    webforms: import("./modules").IWebformEditorState;
+    modals: import("./modules").IModalsState;
+    sharedCSS: import("./modules").ISharedCSSState;
+    model: import("./modules").IModelState;
+}>, AnyAction>]>;
 export type AppDispatch = typeof store.dispatch;
 export {};

package/dist/utils.d.ts

@@ -14,3 +14,4 @@ export declare function getCachedState(): TCachedState;
 export declare function getModalTitle(tab: ITab): string;
 export declare const deserializeModel: (data: ServerModel | undefined) => ModelNode[];
 export declare function isJSON(extension?: string): boolean;
+export declare function refactorWebform(content: ITab['content'], id: string): any;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ws-ui/store",
   "private": false,
-  "version": "0.1.5",
+  "version": "0.1.7",
   "type": "module",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
@@ -18,28 +18,37 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.0",
+    "@headlessui/react": "^1.7.18",
     "@reduxjs/toolkit": "^1.7.1",
+    "@ws-ui/shared": "^0.1.5",
     "react-redux": "^7.2.6"
   },
   "peerDependencies": {
-    "@ws-ui/icons": "^0.0.7",
-    "@ws-ui/shared": "^0.1.3",
+    "@ws-ui/icons": "^0.0.8",
     "lodash": "^4.17.21",
     "minimatch": "^5.1.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.0.2",
+    "react-dom": "^18.0.2",
     "react-flow-renderer": "^10.3.17",
     "react-icons": "^4.3.1",
     "vscode-debugprotocol": "^1.51.0"
   },
+  "overrides": {
+    "@radix-ui/react-popover": {
+      "react": "$react",
+      "react-dom": "$react-dom"
+    }
+  },
   "devDependencies": {
     "@jest/globals": "^29.7.0",
     "@types/jest": "^29.5.5",
     "@types/lodash": "^4.14.199",
     "@types/minimatch": "^3.0.5",
     "@types/node": "^20.6.5",
-    "@types/react": "^17.0.24",
-    "@types/react-dom": "^17.0.5",
+    "@types/react": "^18.2.60",
+    "@types/react-dom": "^18.2.19",
     "@types/react-redux": "^7.1.16",
     "@typescript-eslint/eslint-plugin": "^6.0.0",
     "@typescript-eslint/parser": "^6.0.0",