@opengeoweb/workspace 14.3.0 → 14.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/workspace",
-  "version": "14.3.0",
+  "version": "14.5.0",
   "description": "GeoWeb Workspace library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -9,33 +9,34 @@
   },
   "dependencies": {
     "react-redux": "^9.2.0",
-    "@opengeoweb/shared": "14.3.0",
-    "@opengeoweb/store": "14.3.0",
-    "@opengeoweb/api": "14.3.0",
+    "@opengeoweb/shared": "14.5.0",
+    "@opengeoweb/store": "14.5.0",
+    "@opengeoweb/api": "14.5.0",
     "react-hook-form": "^7.50.1",
-    "@opengeoweb/theme": "14.3.0",
+    "@opengeoweb/theme": "14.5.0",
     "@reduxjs/toolkit": "^2.6.1",
-    "@opengeoweb/snackbar": "14.3.0",
+    "@opengeoweb/snackbar": "14.5.0",
     "react-window": "^1.8.10",
     "lodash": "^4.17.21",
     "axios": "^1.7.7",
     "react-virtualized-auto-sizer": "^1.0.21",
     "react-mosaic-component": "^6.1.0",
-    "@opengeoweb/form-fields": "14.3.0",
-    "@opengeoweb/time-series": "14.3.0",
-    "@opengeoweb/authentication": "14.3.0",
-    "@opengeoweb/core": "14.3.0",
-    "@opengeoweb/taf": "14.3.0",
-    "@opengeoweb/sigmet-airmet": "14.3.0",
-    "@opengeoweb/warnings": "14.3.0",
-    "@opengeoweb/space-weather": "14.3.0",
+    "@opengeoweb/form-fields": "14.5.0",
+    "@opengeoweb/time-series": "14.5.0",
+    "@opengeoweb/authentication": "14.5.0",
+    "@opengeoweb/core": "14.5.0",
+    "@opengeoweb/taf": "14.5.0",
+    "@opengeoweb/sigmet-airmet": "14.5.0",
+    "@opengeoweb/warnings": "14.5.0",
+    "@opengeoweb/space-weather": "14.5.0",
     "i18next": "^25.0.1",
     "react-i18next": "^15.1.1",
     "@mui/material": "^7.0.1",
-    "@opengeoweb/webmap-react": "14.3.0",
+    "@opengeoweb/webmap-react": "14.5.0",
     "@tanstack/react-query": "^5.85.5",
-    "@opengeoweb/soundings": "14.3.0",
-    "@opengeoweb/knmi-components": "14.3.0"
+    "@opengeoweb/soundings": "14.5.0",
+    "@opengeoweb/knmi-components": "14.5.0",
+    "@mui/system": "^7.3.5"
   },
   "peerDependencies": {
     "react": "18",
@@ -43,7 +44,8 @@
     "@emotion/styled": "*"
   },
   "devDependencies": {
-    "eslint-plugin-storybook": "9.0.17"
+    "eslint-plugin-storybook": "9.0.17",
+    "msw": "^2.7.3"
   },
   "module": "./index.esm.js",
   "type": "module",

package/src/lib/api/utils.d.ts

@@ -0,0 +1 @@
+export declare const LIB_KEY = "workspace-lib";

package/src/lib/api/viewpresets-api/api.d.ts

@@ -1,5 +1,5 @@
-import { Credentials } from '@opengeoweb/api';
-import { ViewPresetListItem } from '../../store/workspace/types';
-export declare const getViewPreset: (viewpresetId: string, auth: Credentials) => Promise<ViewPresetListItem>;
-export declare const updateViewPreset: (viewpresetId: string, data: ViewPresetListItem, auth: Credentials) => Promise<null>;
+import type { Credentials } from '@opengeoweb/api';
+import type { ViewPreset } from '../../store/viewPresets/types';
+export declare const getViewPreset: (viewpresetId: string, auth?: Credentials) => Promise<ViewPreset>;
+export declare const updateViewPreset: (viewpresetId: string, data: ViewPreset, auth?: Credentials) => Promise<null>;
 export declare const deleteViewPreset: (viewPresetId: string, auth: Credentials) => Promise<void>;

package/src/lib/api/viewpresets-api/fakeApi/mockData.d.ts

@@ -0,0 +1,26 @@
+export declare const viewPresetMockData: {
+    title: string;
+    id: string;
+    componentType: string;
+    scope: string;
+    initialProps: {
+        mapPreset: {
+            layers: {
+                service: string;
+                name: string;
+                id: string;
+                layerType: string;
+            }[];
+            proj: {
+                bbox: {
+                    left: number;
+                    bottom: number;
+                    right: number;
+                    top: number;
+                };
+                srs: string;
+            };
+        };
+        syncGroupsIds: string[];
+    };
+};

package/src/lib/api/viewpresets-api/hooks.d.ts

@@ -1,7 +1,9 @@
-import { UseMutationResult } from '@tanstack/react-query';
+import type { UseMutationResult, UseQueryResult } from '@tanstack/react-query';
+import type { ViewPreset } from '../../store/viewPresets/types';
 export declare const useDeleteViewPreset: () => UseMutationResult<void, // return type from mutationFn
 unknown, // error type (can be more specific if needed)
 {
     id: string;
 }, // variables (input argument)
 unknown>;
+export declare const useGetViewPreset: (id: string) => UseQueryResult<ViewPreset>;

package/src/lib/api/viewpresets-api/queryOptions.d.ts

@@ -0,0 +1,12 @@
+import type { Credentials } from '@opengeoweb/authentication';
+import type { ViewPreset } from '../../store/viewPresets/types';
+export declare const viewpresetsQueryOptions: {
+    readonly getViewPreset: (id: string, credentials?: Credentials) => import("@tanstack/react-query").OmitKeyof<import("@tanstack/react-query").UseQueryOptions<ViewPreset, Error, ViewPreset, string[]>, "queryFn"> & {
+        queryFn?: import("@tanstack/react-query").QueryFunction<ViewPreset, string[], never> | undefined;
+    } & {
+        queryKey: string[] & {
+            [dataTagSymbol]: ViewPreset;
+            [dataTagErrorSymbol]: Error;
+        };
+    };
+};

package/src/lib/api/workspace-api/api.d.ts

@@ -1,5 +1,5 @@
-import { Credentials } from '@opengeoweb/api';
-import { WorkspaceLabelsConfigResponse, WorkspacePresetForBE, WorkspacePresetFromBE } from '../../store/workspace/types';
+import type { Credentials } from '@opengeoweb/api';
+import type { WorkspaceLabelsConfigResponse, WorkspacePresetForBE, WorkspacePresetFromBE } from '../../store/workspace/types';
 export declare const getWorkspaceLabelsConfig: () => Promise<WorkspaceLabelsConfigResponse>;
 export declare const getWorkspace: (workspaceId: string, auth: Credentials) => Promise<WorkspacePresetFromBE>;
 export declare const deleteWorkspace: (workspaceId: string, auth: Credentials) => Promise<null>;

package/src/lib/api/workspace-api/fakeApi/mockData.d.ts

@@ -0,0 +1,12 @@
+export declare const customRadarWorkspacePreset: {
+    id: string;
+    title: string;
+    scope: string;
+    viewType: string;
+    views: {
+        mosaicNodeId: string;
+        viewPresetId: string;
+    }[];
+    syncGroups: never[];
+    mosaicNode: string;
+};

package/src/lib/api/workspace-api/hooks.d.ts

@@ -1,5 +1,6 @@
-import { UseMutationResult, UseQueryResult } from '@tanstack/react-query';
-import { WorkspaceLabelsConfigResponse, WorkspacePresetAction, WorkspacePresetForBE } from '../../store/workspace/types';
+import type { UseMutationResult, UseQueryResult } from '@tanstack/react-query';
+import type { WorkspaceLabelsConfigResponse, WorkspacePresetForBE } from '../../store/workspace/types';
+import { WorkspacePresetAction } from '../../store/workspace/types';
 export declare const useWorkspaceLabelsConfig: () => UseQueryResult<WorkspaceLabelsConfigResponse>;
 type MutationReturnType<T> = UseMutationResult<Headers | null, Error, T>;
 export declare const useDeleteWorkspacePreset: () => MutationReturnType<{

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WorkspaceComponentLookupPayload } from '../../store/workspace/types';
+import type { WorkspaceComponentLookupPayload } from '../../store/workspace/types';
 interface ModuleMethods {
     onPreventCloseView?: (shouldPreventClose: boolean) => void;
 }

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { WorkspaceViewPresetComponentsLookupType } from '../../store/workspace/types';
+import React from 'react';
+import type { WorkspaceViewPresetComponentsLookupType } from '../../store/workspace/types';
 export interface WorkspaceComponentsLookUpPayload {
     componentType: string | WorkspaceViewPresetComponentsLookupType;
     viewPresetId: string;

package/src/lib/components/LabelsPanel/PresetLabelsPanel.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { WorkspaceSupportedComponentTypes } from '../../store/viewPresets/types';
+import type { WorkspaceLabelsConfigResponse, WorkspacePresetLabels } from '../../store/workspace/types';
+type GroupKey = string;
+export declare const VIEW_TYPE_KEY: GroupKey;
+interface PresetLabelsPanelProps {
+    labelsConfig?: WorkspaceLabelsConfigResponse | undefined;
+    viewComponentType?: WorkspaceSupportedComponentTypes;
+    onLabelsChange?: (labels: WorkspacePresetLabels) => void;
+    menuLabels?: WorkspacePresetLabels;
+    isMenuFilterMode?: boolean;
+}
+declare const PresetLabelsPanel: React.FC<PresetLabelsPanelProps>;
+export default PresetLabelsPanel;

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

@@ -1,7 +1,7 @@
+import type { Store } from '@reduxjs/toolkit';
 import React from 'react';
-import { ThemeProviderProps } from '@opengeoweb/theme';
-import { Store } from '@reduxjs/toolkit';
-import { AuthenticationDefaultStateProps } from '@opengeoweb/authentication';
+import type { AuthenticationDefaultStateProps } from '@opengeoweb/authentication';
+import type { ThemeProviderProps } from '@opengeoweb/theme';
 export declare const WorkspaceThemeProvider: React.FC<ThemeProviderProps>;
 export declare const DemoWrapper: React.FC<ThemeProviderProps>;
 interface WorkspaceStoreWrapperProps {

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { ApiModule } from '@opengeoweb/api';
+import React from 'react';
+import type { ApiModule } from '@opengeoweb/api';
 interface WorkspaceModuleProviderProps extends ApiModule {
     children: React.ReactNode;
 }

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

@@ -4,5 +4,6 @@ export interface ViewPresetMenuProps {
     panelId: string;
     closeMenu?: () => void;
     isOpen?: boolean;
+    initialIsLabelFilterOpen?: boolean;
 }
 export declare const ViewPresetMenu: React.FC<ViewPresetMenuProps>;

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

@@ -1,6 +1,9 @@
-import * as React from 'react';
+import React from 'react';
 interface ViewPresetMenuListConnectProps {
     panelId: string;
+    isLabelFilterOpen?: boolean;
+    onToggleLabelFilter?: () => void;
+    hasSpaceForLabelFilter?: boolean;
 }
 export declare const ViewPresetMenuListConnect: React.FC<ViewPresetMenuListConnectProps>;
 export {};

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

@@ -1,10 +1,18 @@
-import * as React from 'react';
+import React from 'react';
 declare const _default: {
     title: string;
     tags: string[];
 };
 export default _default;
-export declare const GetViewPresetError: () => React.ReactElement;
+export declare const GetViewPresetError: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        msw: {
+            handlers: import("msw").HttpHandler[];
+        };
+    };
+};
 export declare const GetViewPresetsError: {
     (): React.ReactElement;
     storyName: string;
@@ -28,4 +36,14 @@ export declare const SaveViewPresetError: {
     (): React.ReactElement;
     storyName: string;
 };
-export declare const MissingProjectionError: () => React.ReactElement;
+export declare const MissingProjectionError: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        msw: {
+            handlers: {
+                viewPresets: import("msw").HttpHandler[];
+            };
+        };
+    };
+};

package/src/lib/components/ViewPresetsFormDialog/ViewPresetsForm.d.ts

@@ -1,11 +1,21 @@
 import React from 'react';
-import { PresetAction, ViewPresetFormValues, WorkspaceSupportedComponentTypes } from '../../store/viewPresets/types';
+import type { ViewPresetFormValues, WorkspaceSupportedComponentTypes } from '../../store/viewPresets/types';
+import { PresetAction } from '../../store/viewPresets/types';
+import type { WorkspaceLabelsConfigResponse } from '../../store/workspace/types';
+export declare const SHORT_DESC_LIMIT = 100;
 export interface ViewPresetsFormProps {
     viewComponentType: WorkspaceSupportedComponentTypes;
     error?: string;
     onSubmit?: () => void;
     action: PresetAction;
     formValues: ViewPresetFormValues;
+    isLoading?: boolean;
+    showInlineActions?: boolean;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    onClose?: () => void;
+    dialogTitle?: string;
+    labelsConfig?: WorkspaceLabelsConfigResponse | undefined;
 }
 declare const ViewPresetsForm: React.FC<ViewPresetsFormProps>;
 export default ViewPresetsForm;

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

@@ -1,5 +1,7 @@
 import React from 'react';
-import { PresetAction, ViewPresetFormValues, WorkspaceSupportedComponentTypes } from '../../store/viewPresets/types';
+import type { ViewPresetFormValues, WorkspaceSupportedComponentTypes } from '../../store/viewPresets/types';
+import { PresetAction } from '../../store/viewPresets/types';
+import type { WorkspaceLabelsConfigResponse, WorkspacePresetLabels } from '../../store/workspace/types';
 export interface ViewPresetsFormDialogProps {
     isOpen: boolean;
     title: string;
@@ -7,7 +9,8 @@ export interface ViewPresetsFormDialogProps {
     viewPresetId: string;
     viewComponentType: WorkspaceSupportedComponentTypes;
     formValues?: ViewPresetFormValues;
-    onSuccess: (action: PresetAction, presetId: string, title: string, abstract: string) => void;
+    labelsConfig?: WorkspaceLabelsConfigResponse;
+    onSuccess: (action: PresetAction, presetId: string, title: string, description: string, abstract: string, labels: WorkspacePresetLabels) => void;
     onClose: () => void;
     onReset: (viewPresetId: string) => void;
     onDelete: (variables: {

package/src/lib/components/ViewPresetsFormDialog/ViewPresetsFormDialog.stories.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import type { Meta, StoryObj } from '@storybook/react-webpack5';
+import React from 'react';
 import ViewPresetsFormDialog from './ViewPresetsFormDialog';
 declare const meta: Meta<typeof ViewPresetsFormDialog>;
 export default meta;

package/src/lib/components/ViewPresetsFormDialog/ViewPresetsFormDialogConnect.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
-import { SystemScope } from '@opengeoweb/shared';
+import type { SystemScope } from '@opengeoweb/shared';
+import type { WorkspaceLabelsConfigResponse } from '../../store/workspace/types';
 declare const ViewPresetsFormDialogConnect: React.FC<{
     scope?: SystemScope;
+    labelsConfig?: WorkspaceLabelsConfigResponse;
 }>;
 export default ViewPresetsFormDialogConnect;

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { WorkspaceLookupFunctionType } from '../../store/workspace/types';
+import React from 'react';
+import type { WorkspaceLookupFunctionType } from '../../store/workspace/types';
 export interface WorkspaceTopBarProps {
     initialWorkspaceId?: string;
     workspaceId?: string;

package/src/lib/components/WorkspaceDetail/WorkspaceDetail.stories.d.ts

@@ -7,5 +7,23 @@ export default _default;
 export declare const ScreenConfigRadarTemp: () => React.ReactElement;
 export declare const ScreenConfigHarmoniePresetWithoutMultiMapLayerManager: () => React.ReactElement;
 export declare const ScreenConfigHarmoniePresetWithMultiMapLayerManager: () => React.ReactElement;
-export declare const UiDialogsDemo: () => React.ReactElement;
-export declare const ScreenConfigWithNonExistingLayer: () => React.ReactElement;
+export declare const UiDialogsDemo: {
+    (): React.ReactElement;
+    parameters: {
+        msw: {
+            handlers: {
+                viewPresets: import("msw").HttpHandler[];
+            };
+        };
+    };
+};
+export declare const ScreenConfigWithNonExistingLayer: {
+    (): React.ReactElement;
+    parameters: {
+        msw: {
+            handlers: {
+                viewPresets: import("msw").HttpHandler[];
+            };
+        };
+    };
+};

package/src/lib/components/WorkspaceDetail/WorkspaceDetailError.stories.d.ts

@@ -5,7 +5,15 @@ declare const _default: {
 };
 export default _default;
 export declare const WorkspaceNotFound: () => React.ReactElement;
-export declare const WorkspaceFetchError: () => React.ReactElement;
-export declare const WorkspaceFetchDetailError: () => React.ReactElement;
+export declare const WorkspaceFetchDetailError: {
+    (): React.ReactElement;
+    parameters: {
+        msw: {
+            handlers: {
+                viewPresets: import("msw").HttpHandler[];
+            };
+        };
+    };
+};
 export declare const WorkspaceSave: () => React.ReactElement;
 export declare const WorkspaceDelete: () => React.ReactElement;

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

@@ -2,5 +2,6 @@ import React from 'react';
 export interface WorkspaceMenuProps {
     closeMenu?: () => void;
     isOpen?: boolean;
+    initialIsLabelFilterOpen?: boolean;
 }
 export declare const WorkspaceMenu: React.FC<WorkspaceMenuProps>;

package/src/lib/components/WorkspaceMenu/WorkspaceMenu.stories.d.ts

@@ -5,3 +5,5 @@ export default meta;
 type Story = StoryObj<typeof WorkspaceMenu>;
 export declare const WorkspaceMenuSearchLight: Story;
 export declare const WorkspaceMenuSearchDark: Story;
+export declare const WorkspaceMenuSearchWithLabelsLight: Story;
+export declare const WorkspaceMenuSearchWithLabelsDark: Story;

package/src/lib/components/WorkspaceMenu/WorkspaceMenuButton.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface WorkspaceMenuButtonProps {
     title: string;
     activeTab?: boolean;

package/src/lib/components/WorkspaceMenu/WorkspaceMenuButtonConnect.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface WorkspaceMenuButtonConnectProps {
     title: string;
     workspaceId: string;

package/src/lib/components/WorkspacePresetsFormDialog/WorkspacePresetsForm.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import { SystemScope } from '@opengeoweb/shared';
-import { WorkspaceLabelsConfigResponse, WorkspacePresetAction } from '../../store/workspace/types';
-import { WorkspaceListError, WorkspacePresetFormValues } from '../../store/workspaceList/types';
+import type { WorkspaceLabelsConfigResponse } from '../../store/workspace/types';
+import { WorkspacePresetAction } from '../../store/workspace/types';
+import type { WorkspaceListError, WorkspacePresetFormValues } from '../../store/workspaceList/types';
 export declare const ERROR_DUPLICATE_TITLE_BE = "Preset title already in use, please choose a different title";
 export declare const ERROR_LONG_TITLE_BE = "Preset title cannot exceed 100 characters";
 export declare const emptyWorkspacePreset: {

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

@@ -1,6 +1,7 @@
 import React from 'react';
-import { WorkspaceLabelsConfigResponse, WorkspacePresetAction, WorkspacePresetForBE } from '../../store/workspace/types';
-import { WorkspaceListError, WorkspacePresetFormValues } from '../../store/workspaceList/types';
+import type { WorkspaceLabelsConfigResponse, WorkspacePresetForBE } from '../../store/workspace/types';
+import { WorkspacePresetAction } from '../../store/workspace/types';
+import type { WorkspaceListError, WorkspacePresetFormValues } from '../../store/workspaceList/types';
 export interface WorkspacePresetsFormDialogProps {
     isOpen: boolean;
     action: WorkspacePresetAction;

package/src/lib/components/WorkspacePresetsFormDialog/WorkspacePresetsFormDialog.stories.d.ts

@@ -8,6 +8,8 @@ export default _default;
 type Story = StoryObj<typeof WorkspacePresetsFormDialog>;
 export declare const FormDialogLightSaveAs: Story;
 export declare const FormDialogDarkSaveAs: Story;
+export declare const FormDialogDescriptionMaxLength: Story;
+export declare const FormDialogDescriptionMaxLengthDark: Story;
 export declare const FormDialogLightDelete: Story;
 export declare const FormDialogDarkDelete: Story;
 export declare const FormDialogLightDuplicate: Story;

package/src/lib/components/WorkspaceSelectList/WorkspaceMenuLabelsWrapper.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { WorkspacePresetLabels } from '../../store/workspace/types';
+export interface WorkspaceMenuLabelsPanelProps {
+    value?: WorkspacePresetLabels;
+    onChange?: (labels: WorkspacePresetLabels) => void;
+    menuLabels?: WorkspacePresetLabels;
+}
+declare const WorkspaceMenuLabelsPanel: React.FC<WorkspaceMenuLabelsPanelProps>;
+export default WorkspaceMenuLabelsPanel;

package/src/lib/components/WorkspaceSelectList/WorkspaceMenuLabelsWrapper.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/src/lib/components/WorkspaceSelectList/WorkspacePresetInfo.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { ViewPresetListItem } from '../../store/viewPresetsList/types';
+import type { WorkspacePresetListItem } from '../../store/workspace/types';
+interface WorkspacePresetInfoProps {
+    preset?: WorkspacePresetListItem | ViewPresetListItem;
+    anchorEl: HTMLElement | null;
+    isOpen: boolean;
+    onClose: () => void;
+    disablePortal?: boolean;
+}
+declare const WorkspacePresetInfo: React.FC<WorkspacePresetInfoProps>;
+export default WorkspacePresetInfo;

package/src/lib/components/WorkspaceSelectList/WorkspacePresetInfo.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/src/lib/components/WorkspaceSelectList/WorkspacePresetInfo.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react-webpack5';
+import React from 'react';
+import WorkspacePresetInfo from './WorkspacePresetInfo';
+type PresetInfoProps = React.ComponentProps<typeof WorkspacePresetInfo>;
+declare const WorkspacePresetInfoStoryWrapper: React.FC<Omit<PresetInfoProps, 'anchorEl' | 'isOpen' | 'onClose'>>;
+declare const meta: Meta<typeof WorkspacePresetInfoStoryWrapper>;
+export default meta;
+type Story = StoryObj<typeof WorkspacePresetInfoStoryWrapper>;
+export declare const WorkspacePresetInfoLight: Story;
+export declare const WorkspacePresetInfoDark: Story;

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

@@ -1,11 +1,13 @@
-import { BoxProps } from '@mui/material';
-import * as React from 'react';
-import { WorkspacePresetAction, WorkspacePresetListItem } from '../../store/workspace/types';
+import type { BoxProps } from '@mui/material';
+import React from 'react';
+import type { WorkspacePresetAction, WorkspacePresetListItem } from '../../store/workspace/types';
 export interface WorkspaceSelectListProps extends BoxProps {
     workspacePresets: WorkspacePresetListItem[];
     currentSelectedId: string;
     onClickWorkspacePreset: (id: string) => void;
     onClickWorkspacePresetOption: (presetId: string, workspaceAction: WorkspacePresetAction, workspacePreset: WorkspacePresetListItem) => void;
+    onOpenPresetInfo?: (preset: WorkspacePresetListItem) => void;
+    infoOpenPresetId?: string;
     hideNewWorkspace?: boolean;
     isEditable?: boolean;
     isAdmin?: boolean;

package/src/lib/components/WorkspaceSelectList/WorkspaceSelectListConnect.d.ts

@@ -1,2 +1,7 @@
-import * as React from 'react';
-export declare const WorkspaceSelectListConnect: React.FC;
+import React from 'react';
+interface WorkspaceSelectListConnectProps {
+    isLabelFilterOpen?: boolean;
+    onToggleLabelFilter?: () => void;
+}
+export declare const WorkspaceSelectListConnect: React.FC<WorkspaceSelectListConnectProps>;
+export {};

package/src/lib/components/WorkspaceSelectList/WorkspaceSelectListRow.d.ts

@@ -1,11 +1,14 @@
 import React from 'react';
-import { WorkspacePresetAction, WorkspacePresetListItem } from '../../store/workspace/types';
+import type { WorkspacePresetListItem } from '../../store/workspace/types';
+import { WorkspacePresetAction } from '../../store/workspace/types';
 export declare const WORKSPACE_SELECT_LIST_ROW_HEIGHT = 46;
 export declare const getPresetIcon: (preset: WorkspacePresetListItem, currentUsername?: string) => React.ReactElement | null;
 interface WorkspaceSelectListRowProps {
     workspacePreset: WorkspacePresetListItem;
     onClickWorkspacePreset: (id: string) => void;
     onClickWorkspacePresetOption: (presetId: string, workspaceAction: WorkspacePresetAction, workspacePreset: WorkspacePresetListItem) => void;
+    onOpenPresetInfo?: (workspacePreset: WorkspacePresetListItem) => void;
+    infoOpenPresetId?: string;
     isOptionsMenuOpen?: boolean;
     isEditable?: boolean;
     isAdmin?: boolean;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface WorkspaceTabProps {
     title: string;
     activeTab?: boolean;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 interface WorkspaceTopBarProps {
     workspaceId?: string;
     appTitle?: string;

package/src/lib/components/WorkspaceView/LoadingIndicator/LoadingIndicatorConnect.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 interface LoadingIndicatorConnectProps {
     panelId: string;
 }

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { MosaicBranch } from 'react-mosaic-component';
+interface SplitButtonsConnectProps {
+    panelId: string;
+    path: MosaicBranch[];
+}
+export declare const SplitButtonsConnect: React.FC<SplitButtonsConnectProps>;
+export {};

package/src/lib/components/WorkspaceView/SplitButtonsConnect.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { MosaicBranch, MosaicNode } from 'react-mosaic-component';
+import React from 'react';
+import type { MosaicBranch, MosaicNode } from 'react-mosaic-component';
 interface WorkspaceControlsProps {
     panelId: string;
     path: MosaicBranch[];

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import { MosaicBranch } from 'react-mosaic-component';
+import React from 'react';
+import type { MosaicBranch } from 'react-mosaic-component';
 import 'react-mosaic-component/react-mosaic-component.css';
-import { WorkspaceLookupFunctionType } from '../../store/workspace/types';
+import type { WorkspaceLookupFunctionType } from '../../store/workspace/types';
 import './WorkspaceView.css';
 interface WorkspaceTileConnectProps {
     mosaicNodeId: string;

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

@@ -1,8 +1,8 @@
-import * as React from 'react';
-import { MosaicNode } from 'react-mosaic-component';
+import React from 'react';
+import type { MosaicNode } from 'react-mosaic-component';
 import 'react-mosaic-component/react-mosaic-component.css';
 import './WorkspaceView.css';
-import { WorkspacePreset, WorkspaceLookupFunctionType } from '../../store/workspace/types';
+import type { WorkspacePreset, WorkspaceLookupFunctionType } from '../../store/workspace/types';
 export interface WorkspaceViewProps {
     screenConfig: WorkspacePreset;
     componentsLookUp: WorkspaceLookupFunctionType;