@ws-ui/store 0.1.7 → 0.1.8

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

package/dist/store.d.ts

@@ -1,4 +1,3 @@
-/// <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';
@@ -6,46 +5,6 @@ export type Store = EnhancedStore<AppState, AnyAction, [
     ThunkMiddlewareFor<AppState>
 ]>;
 declare let store: 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 declare const getStore: () => Store;
 export type AppDispatch = typeof store.dispatch;
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ws-ui/store",
   "private": false,
-  "version": "0.1.7",
+  "version": "0.1.8",
   "type": "module",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
@@ -18,37 +18,28 @@
     "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.8",
+    "@ws-ui/icons": "^0.0.7",
+    "@ws-ui/shared": "^0.1.6",
     "lodash": "^4.17.21",
     "minimatch": "^5.1.0",
-    "react": "^18.0.2",
-    "react-dom": "^18.0.2",
+    "react": "^17.0.2",
+    "react-dom": "^17.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": "^18.2.60",
-    "@types/react-dom": "^18.2.19",
+    "@types/react": "^17.0.24",
+    "@types/react-dom": "^17.0.5",
     "@types/react-redux": "^7.1.16",
     "@typescript-eslint/eslint-plugin": "^6.0.0",
     "@typescript-eslint/parser": "^6.0.0",