@opengeoweb/workspace 4.20.0 → 4.22.0

package/package.json

@@ -1,65 +1,41 @@
 {
   "name": "@opengeoweb/workspace",
-  "version": "4.20.0",
-  "description": "GeoWeb ScreenManager library for the opengeoweb project",
+  "version": "4.22.0",
+  "description": "GeoWeb Workspace library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
-  "main": "./index.umd.js",
-  "module": "./index.esm.js",
-  "typings": "./index.d.ts",
+  "module": "./index.js",
+  "main": "./index.js",
+  "type": "module",
+  "types": "./src/index.d.ts",
   "dependencies": {},
   "peerDependencies": {
-    "react": "^18.2.0",
-    "react-redux": "^8.0.4",
-    "@mui/material": "^5.12.0",
-    "@opengeoweb/shared": "4.20.0",
-    "@opengeoweb/theme": "4.20.0",
-    "@mui/system": "^5.12.0",
-    "@mui/x-date-pickers": "^6.2.1",
-    "react-draggable": "^4.4.5",
-    "re-resizable": "^6.9.0",
-    "@redux-eggs/core": "^2.2.0",
-    "lodash": "^4.17.20",
-    "axios": "^0.25.0",
-    "date-fns": "^2.29.3",
-    "@opengeoweb/core": "4.20.0",
-    "moment": "^2.29.0",
-    "@opengeoweb/webmap": "4.20.0",
-    "throttle-debounce": "^3.0.1",
-    "proj4": "^2.6.2",
-    "@opengeoweb/api": "4.20.0",
-    "react-intl": "^5.17.5",
-    "react-sortablejs": "^6.1.4",
-    "sortablejs": "^1.15.0",
-    "immer": "^9.0.15",
-    "@reduxjs/toolkit": "^1.8.3",
-    "react-window": "^1.8.7",
-    "@opengeoweb/form-fields": "4.20.0",
-    "react-hook-form": "^7.41.5",
-    "moment-timezone": "^0.5.31",
-    "react-resize-detector": "^9.1.0",
-    "lodash.clonedeep": "^4.5.0",
-    "@turf/turf": "^6.5.0",
-    "react-router-dom": "^6.4.2",
-    "redux-saga": "^1.2.1",
-    "@redux-eggs/redux-toolkit": "^2.2.0",
-    "@redux-eggs/saga-extension": "^2.2.0",
-    "dompurify": "^3.0.3",
-    "@opengeoweb/timeseries": "4.20.0",
-    "@emotion/react": "^11.10.6",
-    "@emotion/styled": "^11.10.6",
-    "echarts": "^5.2.1",
-    "echarts-for-react": "^3.0.1",
-    "react-mosaic-component": "^5.3.0",
-    "@opengeoweb/taf": "4.20.0",
-    "react-dom": "^18.2.0",
-    "@opengeoweb/authentication": "4.20.0",
-    "query-string": "^6.13.7",
-    "@opengeoweb/sigmet-airmet": "4.20.0",
-    "ajv": "^8.12.0",
-    "ajv-merge-patch": "^5.0.1"
+    "@emotion/react": "11.10.6",
+    "@mui/material": "5.12.0",
+    "@mui/system": "5.12.0",
+    "@opengeoweb/api": "4.22.0",
+    "@opengeoweb/core": "4.22.0",
+    "@opengeoweb/form-fields": "4.22.0",
+    "@opengeoweb/shared": "4.22.0",
+    "@opengeoweb/sigmet-airmet": "4.22.0",
+    "@opengeoweb/taf": "4.22.0",
+    "@opengeoweb/theme": "4.22.0",
+    "@opengeoweb/timeseries": "4.22.0",
+    "@redux-eggs/core": "2.2.0",
+    "@redux-eggs/redux-toolkit": "2.2.0",
+    "@redux-eggs/saga-extension": "2.2.0",
+    "@reduxjs/toolkit": "1.8.3",
+    "axios": "0.25.0",
+    "immer": "9.0.15",
+    "lodash": "4.17.21",
+    "react": "18.2.0",
+    "react-dnd-multi-backend": "6.0.2",
+    "react-hook-form": "7.41.5",
+    "react-mosaic-component": "5.3.0",
+    "react-redux": "8.0.4",
+    "redux-saga": "1.2.1"
   }
 }

package/{index.d.ts → src/index.d.ts}

@@ -2,14 +2,13 @@ export { workspaceActions as actions } from './lib/store/workspace/reducer';
 export { workspaceListActions } from './lib/store/workspaceList/reducer';
 export { viewPresetActions } from './lib/store/viewPresets';
 export * as selectors from './lib/store/workspace/selectors';
-export { default as screenManagerModuleModuleConfig } from './lib/store/config';
+export { default as workspaceModuleConfig } from './lib/store/config';
 export * from './lib/store/workspace/types';
 export * from './lib/components/Providers';
 export * from './lib/components/ComponentsLookUpWrapper';
-export * from './lib/components/ScreenManagerView';
+export * from './lib/components/WorkspaceView';
 export * from './lib/components/WorkspaceTopBar';
 export * from './lib/components/WorkspaceDetail';
-export * from './lib/components/MapPresetsDialog';
 export { routes as workspaceRoutes, getWorkspaceRouteUrl, } from './lib/utils/routes';
 export { emptyMapWorkspace } from './lib/store/workspaceList/utils';
 export type { WorkspaceModuleStore } from './lib/store/config';

package/src/lib/components/DefaultComponentsLookUp/DefaultComponentsLookUp.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { WorkspaceViewPresetComponentsLookupType } from '../../store/workspace/types';
+export interface WorkspaceComponentsLookUpPayload {
+    componentType: string | WorkspaceViewPresetComponentsLookupType;
+    viewPresetId: string;
+    mosaicNodeId: string;
+}
+interface WorkspaceComponentsLookUpComponent {
+    viewPresetId: string;
+}
+export declare const ViewLoading: React.FC<WorkspaceComponentsLookUpComponent>;
+interface WorkspaceComponentsLookUpComponentError extends WorkspaceComponentsLookUpComponent {
+    mosaicNodeId: string;
+}
+export declare const ViewError: React.FC<WorkspaceComponentsLookUpComponentError>;
+export declare const defaultComponentsLookUp: ({ componentType, viewPresetId, mosaicNodeId, }: WorkspaceComponentsLookUpPayload) => React.ReactElement;
+export {};

package/{lib → src/lib}/components/MapPresetsFormDialog/MapPresetsForm.d.ts

@@ -8,7 +8,7 @@ export declare type MapPresetFormValues = {
         syncGroupsIds?: string[];
     };
 };
-interface MapPresetsFormProps extends MapPresetFormValues {
+interface MapPresetsFormProps {
     error?: string;
     onSubmit?: () => void;
     action: PresetAction;

package/{lib → src/lib}/components/MapPresetsFormDialog/MapPresetsFormDialog.d.ts

@@ -5,7 +5,7 @@ export interface MapPresetsFormDialogProps {
     isOpen: boolean;
     title: string;
     action: PresetAction;
-    presetId: string;
+    viewPresetId: string;
     formValues: MapPresetFormValues;
     onSuccess: (action: PresetAction, presetId: string, title: string) => void;
     onClose: () => void;

package/src/lib/components/MapPresetsFormDialog/MapPresetsFormDialogConnect.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const MapPresetsFormDialogConnect: React.FC;
+export default MapPresetsFormDialogConnect;

package/src/lib/components/Providers/Providers.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ThemeProviderProps } from '@opengeoweb/theme';
+import { Store } from '@reduxjs/toolkit';
+export declare const WorkspaceThemeProvider: React.FC<ThemeProviderProps>;
+export declare const WorkspaceWrapperProvider: React.FC<ThemeProviderProps>;
+interface WorkspaceWrapperProviderWithStoreProps extends ThemeProviderProps {
+    store: Store;
+    createApi?: () => void;
+}
+export declare const WorkspaceWrapperProviderWithStore: React.FC<WorkspaceWrapperProviderWithStoreProps>;
+export {};

package/{lib → src/lib}/components/Providers/WorkspaceDndProvider.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface ScreenManagerProviderProps {
+interface WorkspaceDndProviderProps {
     children: React.ReactNode;
 }
 /**
@@ -7,5 +7,5 @@ interface ScreenManagerProviderProps {
  * @param children
  * @returns
  */
-export declare const WorkspaceDndProvider: React.FC<ScreenManagerProviderProps>;
+export declare const WorkspaceDndProvider: React.FC<WorkspaceDndProviderProps>;
 export {};

package/src/lib/components/ViewPresetMenu/ViewPresetMenu.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const DIALOG_TITLE = "View presets menu";
+export interface ViewPresetMenuProps {
+    isOpen: boolean;
+    panelId: string;
+    hideBackdrop?: boolean;
+    closeMenu?: () => void;
+}
+export declare const ViewPresetMenu: React.FC<ViewPresetMenuProps>;

package/src/lib/components/ViewPresetMenu/ViewPresetMenuListConnect.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export declare const ERROR_TITLE = "View presets not available";
+export declare const ERROR_RETRY = "Try again";
+interface ViewPresetMenuListConnectProps {
+    panelId: string;
+}
+export declare const ViewPresetMenuListConnect: React.FC<ViewPresetMenuListConnectProps>;
+export {};

package/src/lib/components/ViewPresetMenu/ViewPresetMenuListConnect.stories.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const ViewPresetMenuListConnectLight: {
+    (): React.ReactElement;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+    storyName: string;
+};
+export declare const ViewPresetMenuListConnectDark: {
+    (): React.ReactElement;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+    storyName: string;
+};

package/src/lib/components/ViewPresetMenu/ViewPresetsError.stories.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const GetViewPresetsError: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const DeleteViewPresetError: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const DuplicateViewPresetError: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const SaveViewPresetError: {
+    (): React.ReactElement;
+    storyName: string;
+};

package/src/lib/components/ViewPresetMenu/index.d.ts

@@ -0,0 +1 @@
+export { ViewPresetMenu } from './ViewPresetMenu';

package/{lib → src/lib}/components/WorkspaceFilter/FilterChip.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
 interface FilterChipProps {
+    id: string;
     label: string;
-    selected?: boolean;
-    disabled?: boolean;
+    isSelected?: boolean;
+    isDisabled?: boolean;
     handleClick?: (label: string) => void;
 }
 declare const FilterChip: React.FC<FilterChipProps>;

package/{lib → src/lib}/components/WorkspaceFilter/FilterList.d.ts

@@ -1,8 +1,10 @@
 import * as React from 'react';
-import { WorkspaceListFilter } from './types';
+import { WorkspaceListFilter } from '../../store/workspaceList/types';
 export declare const allLabel = "All";
 interface FilterListProps {
     filters?: WorkspaceListFilter[];
+    onChipClick?: (id: string, selected: boolean) => void;
+    isAllSelected?: boolean;
 }
 declare const FilterList: React.FC<FilterListProps>;
 export default FilterList;

package/{lib → src/lib}/components/WorkspaceFilter/SearchField.d.ts

@@ -1,7 +1,9 @@
 import * as React from 'react';
+export declare const DEBOUNCE_TIMEOUT = 300;
 interface SearchFieldProps {
     label?: string;
     valueChanged: (value: string) => void;
+    value?: string;
 }
 declare const SearchField: React.FC<SearchFieldProps>;
 export default SearchField;

package/src/lib/components/WorkspaceFilter/WorkspaceFilter.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { WorkspaceListFilter } from '../../store/workspaceList/types';
+interface WorkspaceFilterProps {
+    filters: WorkspaceListFilter[];
+    onClickFilterChip?: (id: string, selected: boolean) => void;
+    onSearch?: (value: string) => void;
+    isAllSelected?: boolean;
+    searchQuery?: string;
+}
+declare const WorkspaceFilter: React.FC<WorkspaceFilterProps>;
+export default WorkspaceFilter;

package/{lib → src/lib}/components/WorkspaceMenu/WorkspaceMenu.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WorkspaceListFilter } from '../WorkspaceFilter/types';
+import { WorkspaceListFilter } from '../../store/workspaceList/types';
 export interface WorkspaceMenuProps {
     isOpen: boolean;
     hideBackdrop?: boolean;

package/{lib → src/lib}/components/WorkspaceMenu/WorkspaceMenu.stories.d.ts

@@ -17,3 +17,11 @@ export declare const WorkspaceMenuDark: {
     (): React.ReactElement;
     storyName: string;
 };
+export declare const WorkspaceMenuSearchLight: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const WorkspaceMenuSearchDark: {
+    (): React.ReactElement;
+    storyName: string;
+};

package/{lib → src/lib}/components/WorkspaceOptions/WorkspaceOptions.d.ts

@@ -3,6 +3,7 @@ export interface WorkspaceOptionsProps {
     title: string;
     activeTab?: boolean;
     isDefaultOpen?: boolean;
+    panelId?: string;
     id?: string;
     handleSave?: () => void;
     handleSaveAs?: () => void;

package/src/lib/components/WorkspaceOptions/WorkspaceOptionsConnect.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export declare const TITLE_SUFFIX_NEW_WORKSPACE = "modified";
+export declare const TITLE_SUFFIX_EXISTING_WORKSPACE = "not saved";
+export declare const getTitle: (title: string, hasChanges: boolean, workspaceId: string) => string;
+export interface WorkspaceOptionsConnectProps {
+    title: string;
+    activeTab?: boolean;
+    workspaceId: string;
+}
+export declare const WorkspaceOptionsConnect: React.FC<WorkspaceOptionsConnectProps>;

package/{lib → src/lib}/components/WorkspaceSelectList/WorkspaceSelectList.d.ts

@@ -5,7 +5,10 @@ export interface WorkspaceSelectListProps {
     workspacePresets: WorkspacePresetListItem[];
     currentSelectedId: string;
     onClickPreset: (id: string) => void;
-    onClickWorkspacePresetOption: (presetId: string, workspaceAction: WorkspacePresetAction) => void;
+    onClickWorkspacePresetOption: (presetId: string, workspaceAction: WorkspacePresetAction, workspacePreset: WorkspacePresetListItem) => void;
+    hideNewWorkspace?: boolean;
+    searchQuery?: string;
+    newPreset?: WorkspacePresetListItem;
 }
 declare const WorkspaceSelectList: React.FC<WorkspaceSelectListProps>;
 export default WorkspaceSelectList;

package/{lib → src/lib}/components/WorkspaceSelectList/WorkspaceSelectListRow.d.ts

@@ -5,8 +5,9 @@ interface WorkspaceSelectListRowProps {
     workspacePreset: WorkspacePresetListItem;
     currentSelectedId: string;
     onClickPreset: (id: string) => void;
-    onClickWorkspacePresetOption: (presetId: string, workspaceAction: WorkspacePresetAction) => void;
+    onClickWorkspacePresetOption: (presetId: string, workspaceAction: WorkspacePresetAction, workspacePreset: WorkspacePresetListItem) => void;
     isOptionsMenuOpen?: boolean;
+    searchQuery?: string;
 }
 declare const WorkspaceSelectListRow: React.FC<WorkspaceSelectListRowProps>;
 export default WorkspaceSelectListRow;

package/src/lib/components/WorkspaceView/WorkspaceControls.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { MosaicBranch, MosaicNode } from 'react-mosaic-component';
+interface WorkspaceControlsProps {
+    path: MosaicBranch[];
+    createNode?: () => MosaicNode<string>;
+    shouldPreventCloseView?: boolean;
+    isViewPresetDialogOpen?: boolean;
+    onToggleViewPresetDialog?: (isOpen: boolean) => void;
+}
+declare const WorkspaceControls: React.FC<WorkspaceControlsProps>;
+export default WorkspaceControls;

package/{lib/components/ScreenManagerView/ScreenManagerTileConnect.d.ts → src/lib/components/WorkspaceView/WorkspaceTileConnect.d.ts}

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import { MosaicBranch } from 'react-mosaic-component';
 import 'react-mosaic-component/react-mosaic-component.css';
-import './ScreenManagerView.css';
+import './WorkspaceView.css';
 import { WorkspaceLookupFunctionType } from '../../store/workspace/types';
-interface ScreenManagerTileConnectProps {
+interface WorkspaceTileConnectProps {
     mosaicNodeId: string;
     path: MosaicBranch[];
     componentsLookUp: WorkspaceLookupFunctionType;
 }
-declare const ScreenManagerTileConnect: React.FC<ScreenManagerTileConnectProps>;
-export default ScreenManagerTileConnect;
+declare const WorkspaceTileConnect: React.FC<WorkspaceTileConnectProps>;
+export default WorkspaceTileConnect;

package/{lib/components/ScreenManagerView/ScreenManagerView.d.ts → src/lib/components/WorkspaceView/WorkspaceView.d.ts}

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { MosaicNode } from 'react-mosaic-component';
 import 'react-mosaic-component/react-mosaic-component.css';
-import './ScreenManagerView.css';
+import './WorkspaceView.css';
 import { WorkspacePreset, WorkspaceLookupFunctionType } from '../../store/workspace/types';
-export interface ScreenManagerViewProps {
+export interface WorkspaceViewProps {
     screenConfig: WorkspacePreset;
     componentsLookUp: WorkspaceLookupFunctionType;
     updateViews: (currentNode: MosaicNode<string>) => void;
@@ -11,6 +11,6 @@ export interface ScreenManagerViewProps {
     setActiveWindowId: (activeWindowId: string) => void;
     isWorkspaceLoading?: boolean;
 }
-declare const ScreenManagerView: React.FC<ScreenManagerViewProps>;
-export default ScreenManagerView;
+declare const WorkspaceView: React.FC<WorkspaceViewProps>;
+export default WorkspaceView;
 export declare const useControlActiveWindowId: (screenConfig: WorkspacePreset, activeWindowId: string | undefined, setActiveWindowId: (activeWindowId: string) => void) => void;

package/src/lib/components/WorkspaceView/WorkspaceViewConnect.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { WorkspaceLookupFunctionType } from '../../store/workspace/types';
+export interface WorkspaceViewConnectProps {
+    componentsLookUp: WorkspaceLookupFunctionType;
+}
+declare const WorkspaceViewConnect: React.FC<WorkspaceViewConnectProps>;
+export default WorkspaceViewConnect;

package/src/lib/components/WorkspaceView/index.d.ts

@@ -0,0 +1,2 @@
+export { default as WorkspaceViewConnect } from './WorkspaceViewConnect';
+export { createBalancedMosaicNode } from './helpers';

package/src/lib/components/WorkspaceViewTitle/WorkspaceViewTitleConnect.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+interface WorkspaceViewTitleConnectProps {
+    panelId: string;
+}
+export declare const NEW_TITLE_SUFFIX = "(not saved)";
+export declare const EXISTING_TITLE_SUFFIX = "(modified)";
+export declare const getPresetTitle: (title: string, hasChanges: boolean, isNew: boolean) => string;
+export declare const WorkspaceViewTitleConnect: React.FC<WorkspaceViewTitleConnectProps>;
+export {};

package/{lib → src/lib}/store/config.d.ts

@@ -10,5 +10,5 @@ export interface WorkspaceModuleStore {
     viewPresetsList?: ViewPresetListState;
     viewPresets?: ViewPresetState;
 }
-declare const screenManagerModuleModuleConfig: Egg<Store<WorkspaceModuleStore>>;
-export default screenManagerModuleModuleConfig;
+declare const workspaceModuleConfig: Egg<Store<WorkspaceModuleStore>>;
+export default workspaceModuleConfig;

package/{lib → src/lib}/store/viewPresets/reducer.d.ts

@@ -1,6 +1,6 @@
 import { mapTypes } from '@opengeoweb/core';
 import { PayloadAction } from '@reduxjs/toolkit';
-import { ErrorInitialViewPresetsPayload, ErrorViewPresetPayload, FetchedInitialViewPresetsPayload, FetchedViewPresetPayload, FetchedViewPresetsPayload, FetchViewPresetPayload, FetchViewPresetsPayload, ViewPresetEntity, ViewPresetState, OnSuccesViewPresetActionPayload, RegisterViewPresetPayload, SavedViewPresetPayload, SaveViewPresetPayload, SelectViewPresetPayload, SetActiveViewPresetIdPayload, SetViewPresetHasChangePayload, UnregisterViewPresetPayload } from './types';
+import { ErrorInitialViewPresetsPayload, ErrorViewPresetPayload, FetchedInitialViewPresetsPayload, FetchedViewPresetPayload, FetchedViewPresetsPayload, FetchViewPresetsPayload, ViewPresetEntity, ViewPresetState, OnSuccesViewPresetActionPayload, RegisterViewPresetPayload, SavedViewPresetPayload, SaveViewPresetPayload, SelectViewPresetPayload, SetActiveViewPresetIdPayload, SetViewPresetHasChangePayload, UnregisterViewPresetPayload, ToggleViewPresetListDialogPayload, OpenViewPresetDialogPayload } from './types';
 export declare const viewPresetsAdapter: import("@reduxjs/toolkit").EntityAdapter<ViewPresetEntity>;
 export declare const initialState: ViewPresetState;
 export declare type SupportedOrigins = mapTypes.LayerActionOrigin | mapTypes.MapActionOrigin;
@@ -12,7 +12,6 @@ export declare const viewPresetActions: import("@reduxjs/toolkit").CaseReducerAc
     errorInitialViewPresets: (draft: import("immer/dist/internal").WritableDraft<ViewPresetState>, action: PayloadAction<ErrorInitialViewPresetsPayload>) => void;
     fetchViewPresets: (draft: import("immer/dist/internal").WritableDraft<ViewPresetState>, action: PayloadAction<FetchViewPresetsPayload>) => void;
     fetchedViewPresets: (draft: import("immer/dist/internal").WritableDraft<ViewPresetState>, action: PayloadAction<FetchedViewPresetsPayload>) => void;
-    fetchViewPreset: (draft: import("immer/dist/internal").WritableDraft<ViewPresetState>, action: PayloadAction<FetchViewPresetPayload>) => void;
     fetchedViewPreset: (draft: import("immer/dist/internal").WritableDraft<ViewPresetState>, action: PayloadAction<FetchedViewPresetPayload>) => void;
     saveViewPreset: (draft: import("immer/dist/internal").WritableDraft<ViewPresetState>, action: PayloadAction<SaveViewPresetPayload>) => void;
     savedViewPreset: (draft: import("immer/dist/internal").WritableDraft<ViewPresetState>, action: PayloadAction<SavedViewPresetPayload>) => void;
@@ -23,4 +22,7 @@ export declare const viewPresetActions: import("@reduxjs/toolkit").CaseReducerAc
     onSuccessViewPresetAction: (draft: import("immer/dist/internal").WritableDraft<ViewPresetState>, action: PayloadAction<OnSuccesViewPresetActionPayload>) => void;
     registerViewPreset: (draft: import("immer/dist/internal").WritableDraft<ViewPresetState>, action: PayloadAction<RegisterViewPresetPayload>) => void;
     unregisterViewPreset: (draft: import("immer/dist/internal").WritableDraft<ViewPresetState>, action: PayloadAction<UnregisterViewPresetPayload>) => void;
+    openViewPresetDialog: (draft: import("immer/dist/internal").WritableDraft<ViewPresetState>, action: PayloadAction<OpenViewPresetDialogPayload>) => void;
+    closeViewPresetDialog: (draft: import("immer/dist/internal").WritableDraft<ViewPresetState>) => void;
+    toggleViewPresetListDialog: (draft: import("immer/dist/internal").WritableDraft<ViewPresetState>, action: PayloadAction<ToggleViewPresetListDialogPayload>) => void;
 }>;

package/{lib → src/lib}/store/viewPresets/sagas.d.ts

@@ -1,15 +1,11 @@
 import { SagaIterator } from 'redux-saga';
 import { viewPresetActions } from './reducer';
-import { ErrorViewPresetPayload } from './types';
 export declare const MESSAGE_FETCH_PRESET = "Preset could not be loaded: Select a different one or try again.";
-export declare const MESSAGE_SAVE_PRESET = "Map preset not saved: Something wrong occurred during the process. Try again.";
+export declare const MESSAGE_SAVE_PRESET = "Map preset not saved: an error occurred during saving. Please try again later.";
 export declare function fetchInitialViewPresetsSaga(): SagaIterator;
 export declare function fetchViewPresetsSaga({ payload, }: ReturnType<typeof viewPresetActions.fetchViewPresets>): SagaIterator;
-export declare function fetchViewPresetSaga({ payload, }: ReturnType<typeof viewPresetActions.fetchViewPreset>): SagaIterator;
 export declare function saveViewPresetSaga({ payload, }: ReturnType<typeof viewPresetActions.saveViewPreset>): SagaIterator;
 export declare function selectViewPresetSaga({ payload, }: ReturnType<typeof viewPresetActions.selectViewPreset>): SagaIterator;
 export declare function onSuccessViewPresetActionSaga({ payload, }: ReturnType<typeof viewPresetActions.onSuccessViewPresetAction>): SagaIterator;
-export declare function handleUISideEffectsSaga(action: ReturnType<typeof viewPresetActions.fetchViewPreset | typeof viewPresetActions.fetchedViewPreset | typeof viewPresetActions.saveViewPreset | typeof viewPresetActions.savedViewPreset | typeof viewPresetActions.errorViewPreset>): SagaIterator;
-export declare const uiSideEffectActions: (import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<ErrorViewPresetPayload, string> | import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<import("./types").FetchViewPresetPayload, string>)[];
 export declare function rootSaga(): SagaIterator;
 export default rootSaga;

package/{lib → src/lib}/store/viewPresets/selectors.d.ts

@@ -1,5 +1,5 @@
 import type { AppStore } from '../store';
-import { ViewPresetError, ViewPresetState } from './types';
+import { ViewPresetDialog, ViewPresetError, ViewPresetState } from './types';
 export declare const getViewPresetsStore: (store: AppStore) => ViewPresetState;
 export declare const getViewPresets: (state: AppStore) => import("./types").ViewPresetEntity[], getViewPresetById: (state: AppStore, id: import("@reduxjs/toolkit").EntityId) => import("./types").ViewPresetEntity;
 export declare const getViewPresetsIsFetching: (store: AppStore, panelId: string) => boolean;
@@ -8,3 +8,5 @@ export declare const getViewPresetDetailError: (store: AppStore, panelId: string
 export declare const getViewPresetListError: (store: AppStore, panelId: string) => string | undefined;
 export declare const getViewPresetHasChanges: (store: AppStore, panelId: string) => boolean | undefined;
 export declare const getViewPresetActiveId: (store: AppStore, panelId: string) => string | undefined;
+export declare const getDialogOptions: (store: AppStore) => ViewPresetDialog | undefined;
+export declare const getIsViewPresetListDialogOpen: (store: AppStore, panelId: string) => boolean | undefined;

package/{lib → src/lib}/store/viewPresets/types.d.ts

@@ -1,12 +1,14 @@
 import { InitialProps, SupportedComponentTypes } from '@opengeoweb/core';
 import { EntityState } from '@reduxjs/toolkit';
-import { ViewPresetListItem } from '../viewPresetsList/types';
+import { PresetScope, ViewPresetListItem } from '../viewPresetsList/types';
+import { WorkspaceViewPresetComponentsLookupType } from '../workspace/types';
 export interface ViewPreset {
     id?: string;
     title: string;
     keywords: string;
-    componentType: SupportedComponentTypes;
+    componentType: SupportedComponentTypes | WorkspaceViewPresetComponentsLookupType;
     initialProps?: InitialProps;
+    scope?: PresetScope;
 }
 export declare enum ViewPresetType {
     PRESET_DETAIL = "PRESET_DETAIL",
@@ -22,8 +24,21 @@ export interface ViewPresetEntity {
     hasChanges: boolean;
     isFetching: boolean;
     error: ViewPresetError;
+    isViewPresetListDialogOpen: boolean;
+}
+export interface ViewPresetDialog {
+    title: string;
+    action: PresetAction;
+    viewPresetId: string;
+    panelId: string;
+    formValues: {
+        title: string;
+        initialProps?: InitialProps;
+    };
+}
+export interface ViewPresetState extends EntityState<ViewPresetEntity> {
+    viewPresetDialog?: ViewPresetDialog;
 }
-export declare type ViewPresetState = EntityState<ViewPresetEntity>;
 export declare enum PresetAction {
     OPEN = "Open",
     DELETE = "Delete",
@@ -80,5 +95,11 @@ export interface SelectViewPresetPayload extends ViewPresetAction {
 export interface RegisterViewPresetPayload extends ViewPresetAction {
     viewPresetId: string;
 }
+export interface ToggleViewPresetListDialogPayload extends ViewPresetAction {
+    isViewPresetListDialogOpen: boolean;
+}
 export declare type UnregisterViewPresetPayload = ViewPresetAction;
+export interface OpenViewPresetDialogPayload {
+    viewPresetDialog: ViewPresetDialog;
+}
 export {};

package/{lib → src/lib}/store/viewPresets/utils.d.ts

@@ -1,11 +1,14 @@
 import { PresetsApi } from '../../utils/api';
 import { PresetAction } from './types';
+export declare const MAPPRESET_ACTIVE_TITLE = "New map preset";
+export declare const MAPPRESET_DIALOG_TITLE_SAVE_AS = "Save map preset as";
+export declare const MAPPRESET_DIALOG_TITLE_DELETE = "Delete map preset";
 export declare const getSnackbarMessage: (action: PresetAction, title: string) => string;
 export declare const getPresetsApi: () => PresetsApi;
 export declare const emptyMapViewPreset: {
     componentType: "Map";
     keywords: string;
-    scope: string;
+    scope: "user";
     title: string;
     initialProps: {
         mapPreset: {};

package/{lib → src/lib}/store/viewPresetsList/selectors.d.ts

@@ -1,4 +1,4 @@
 import { AppStore } from '../store';
 import { ViewPresetListState } from './types';
 export declare const getViewPresetsListStore: (store: AppStore) => ViewPresetListState;
-export declare const getViewPresetsList: (state: AppStore) => import("./types").ViewPresetListItem[];
+export declare const getViewPresetsList: (state: AppStore) => import("./types").ViewPresetListItem[], selectById: (state: AppStore, id: import("@reduxjs/toolkit").EntityId) => import("./types").ViewPresetListItem;

package/{lib → src/lib}/store/workspace/sagas.d.ts

@@ -7,6 +7,6 @@ export declare function fetchWorkspaceViewPresetSaga({ payload, }: ReturnType<ty
 export declare function fetchWorkspaceSaga(action: ReturnType<typeof workspaceActions.fetchWorkspace>): SagaIterator;
 export declare function saveWorkspacePresetSaga(action: ReturnType<typeof workspaceActions.saveWorkspacePreset>): SagaIterator;
 export declare function registerMapSaga({ payload, }: ReturnType<typeof mapActions.registerMap>): SagaIterator;
-export declare function unregisterMapSaga({ payload, }: ReturnType<typeof mapActions.registerMap>): SagaIterator;
+export declare function unregisterMapSaga({ payload, }: ReturnType<typeof mapActions.unregisterMap>): SagaIterator;
 declare function workspaceSaga(): SagaIterator;
 export default workspaceSaga;