@opengeoweb/shared 9.34.0 → 9.35.1-spike-oltanstack.0

package/index.esm.js

@@ -53,6 +53,7 @@ var en = {
 	"shared-shortcut-home": "Home",
 	"shared-shortcut-mouse-scroll": "+ Mouse scroll",
 	"shared-shortcut-or": "or",
+	"shared-shortcut-toggle-workspace-time-scroll": "Toggle workspace time scroll ON and OFF",
 	"shared-sentry-recording": "Sentry Recording",
 	"shared-sentry-information": "For monitoring performance and errors, GeoWeb is logging usage information. In this process, no sensitive user information will leave the browser.",
 	"shared-sentry-enable-message": "By enabling recording I understand that the recording related data will be send to Sentry´s servers for processing.",
@@ -111,6 +112,7 @@ var fi = {
 	"shared-shortcut-home": "Koti",
 	"shared-shortcut-mouse-scroll": "+ hiiren rulla",
 	"shared-shortcut-or": "tai",
+	"shared-shortcut-toggle-workspace-time-scroll": "Aseta työtilan ajan scrollaus päälle tai pois päältä",
 	"shared-sentry-recording": "Sentry Tallennus",
 	"shared-sentry-information": "Geoweb tallentaa tietoja sovelluksen käytöstä monitoroidakseen suorituskykyä, sekä virhetilanteita. Arkaluonteista dataa ei kerätä tai lähetetä.",
 	"shared-sentry-enable-message": "Ymmärrän, että laittamalla tallennuksen päälle tallennukseen liittyvää dataa lähetetään Sentryn palvelimille.",
@@ -169,6 +171,7 @@ var no = {
 	"shared-shortcut-home": "Hjem",
 	"shared-shortcut-mouse-scroll": "+ skroll",
 	"shared-shortcut-or": "eller",
+	"shared-shortcut-toggle-workspace-time-scroll": "ikke oversatt",
 	"shared-sentry-recording": "Skjermopptak av Sentry",
 	"shared-sentry-information": "GeoWeb tar opp brukerinformasjon for å monitorere ytelse og feilmeldinger. Underveis vil ingen sensitiv brukerinformasjon forlate nettleser.",
 	"shared-sentry-enable-message": "Ved å bruke skjermopptak forstår jeg at opptaksdata vil bli sendt til Sentry for analysering",
@@ -227,6 +230,7 @@ var nl = {
 	"shared-shortcut-home": "Home",
 	"shared-shortcut-mouse-scroll": "+ Scroll",
 	"shared-shortcut-or": "of",
+	"shared-shortcut-toggle-workspace-time-scroll": "niet vertaald",
 	"shared-sentry-recording": "Sentry Opname",
 	"shared-sentry-information": "Om performance en fouten te monitoren, registreert GeoWeb gebruiksinformatie. Tijdens dit proces verlaat geen enkele gevoelige gebruikersinformatie de browser.",
 	"shared-sentry-enable-message": "Door opname te starten, ga ik akkoord dat de opnamegerelateerde gegevens ter verwerking naar de servers van Sentry worden verzonden.",
@@ -1198,6 +1202,45 @@ var useDebounce = function useDebounce(value, timeout) {
   return state;
 };
 
+/* *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2021 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var useWheelStopPropagation = function useWheelStopPropagation() {
+  var ref = React__default.useRef(null);
+  React__default.useEffect(function () {
+    var element = ref.current;
+    if (!element) {
+      return;
+    }
+    var handleWheel = function handleWheel(event) {
+      event.stopPropagation();
+    };
+    element.addEventListener('wheel', handleWheel, {
+      passive: false
+    });
+    // eslint-disable-next-line consistent-return
+    return function () {
+      element.removeEventListener('wheel', handleWheel);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [ref.current]);
+  return ref;
+};
+
 var ConfirmationServiceContext = /*#__PURE__*/React.createContext(Promise.reject);
 var useConfirmationDialog = function useConfirmationDialog() {
   return React.useContext(ConfirmationServiceContext);
@@ -2911,6 +2954,16 @@ var ShortcutList = function ShortcutList(_ref) {
         children: "l"
       })]
     })
+  }, {
+    titleKey: 'shared-shortcut-toggle-workspace-time-scroll',
+    description: jsx(ShortCutSegment, {
+      type: "icon",
+      children: "S"
+    }),
+    descriptionMac: jsx(ShortCutSegment, {
+      type: "icon",
+      children: "S"
+    })
   }];
   return jsx(List, {
     "data-testid": "list-" + platform,
@@ -5890,4 +5943,4 @@ var RenderCounter = /*#__PURE__*/function () {
 }();
 var renderCounter = new RenderCounter();
 
-export { AlertBanner, AlertIcon, AppHeader, AppLayout, Avatar, CanvasComponent, ConfirmationDialog, ConfirmationServiceProvider, CustomAccordion, CustomDialog, CustomIconButton, CustomSlider, CustomToggleButton, CustomTooltip, DEBOUNCE_TIMEOUT, DEFAULT_ERROR_MESSAGE, DEFAULT_FILTER_HEIGHT, DraggableComponent$1 as Draggable, ErrorBoundary, Filter, FilterChip, FilterLabel, FilterListItem, FilterOption, LastUpdateTime, PROJECTION, ResizeComponent as Resizable, SHARED_NAMESPACE, SearchField$1 as SearchField, SearchFieldButton, SearchHighlight, StatusTag, SwitchButton, ToggleMenu, ToolContainer, DraggableComponent as ToolContainerDraggable, ToolFooter, ToolHeader, TooltipSelect, UserMenu, UserMenuItemCheatSheet, UserMenuItemSentryRecording, MenuItemTheme as UserMenuItemTheme, adjustPosition, calculateDialogSizeAndPosition, calculateStartSize, createToolkitMockStoreWithEggs, index as dateUtils, defaultDelay, getAxiosErrorMessage, getAxiosWarningMessage, getErrorMessage, getInitials, getLastUpdateTitle, getPosition, getWarningMessage, isAxiosAuthError, isAxiosError, pollingIntervalTimeout, renderCounter, sharedTranslations, showPrompt, sliderHeaderStyle, tooltipContainerStyles, useConfirmationDialog, useControlledTooltip, useDebounce, useDialogActions, useIsMounted, useMakeSureContainerStaysInsideWindow, usePoller, usePreventBrowserClose, usePrevious, useUserMenu, withEggs };
+export { AlertBanner, AlertIcon, AppHeader, AppLayout, Avatar, CanvasComponent, ConfirmationDialog, ConfirmationServiceProvider, CustomAccordion, CustomDialog, CustomIconButton, CustomSlider, CustomToggleButton, CustomTooltip, DEBOUNCE_TIMEOUT, DEFAULT_ERROR_MESSAGE, DEFAULT_FILTER_HEIGHT, DraggableComponent$1 as Draggable, ErrorBoundary, Filter, FilterChip, FilterLabel, FilterListItem, FilterOption, LastUpdateTime, PROJECTION, ResizeComponent as Resizable, SHARED_NAMESPACE, SearchField$1 as SearchField, SearchFieldButton, SearchHighlight, StatusTag, SwitchButton, ToggleMenu, ToolContainer, DraggableComponent as ToolContainerDraggable, ToolFooter, ToolHeader, TooltipSelect, UserMenu, UserMenuItemCheatSheet, UserMenuItemSentryRecording, MenuItemTheme as UserMenuItemTheme, adjustPosition, calculateDialogSizeAndPosition, calculateStartSize, createToolkitMockStoreWithEggs, index as dateUtils, defaultDelay, getAxiosErrorMessage, getAxiosWarningMessage, getErrorMessage, getInitials, getLastUpdateTitle, getPosition, getWarningMessage, isAxiosAuthError, isAxiosError, pollingIntervalTimeout, renderCounter, sharedTranslations, showPrompt, sliderHeaderStyle, tooltipContainerStyles, useConfirmationDialog, useControlledTooltip, useDebounce, useDialogActions, useIsMounted, useMakeSureContainerStaysInsideWindow, usePoller, usePreventBrowserClose, usePrevious, useUserMenu, useWheelStopPropagation, withEggs };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/shared",
-  "version": "9.34.0",
+  "version": "9.35.1-spike-oltanstack.0",
   "description": "GeoWeb shared library with shared components and utils for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {

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

@@ -1,13 +1,8 @@
-import * as React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AlertBannersLight: {
-    (): React.ReactElement;
-    tags: string[];
-};
-export declare const AlertBannersDark: {
-    (): React.ReactElement;
-    tags: string[];
-};
+import { Meta, StoryObj } from '@storybook/react/*';
+import AlertBanner from './AlertBanner';
+declare const meta: Meta<typeof AlertBanner>;
+export default meta;
+type Story = StoryObj<typeof AlertBanner>;
+export declare const Component: Story;
+export declare const AlertBannersLight: Story;
+export declare const AlertBannersDark: Story;

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

@@ -3,7 +3,7 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const AppHeaderDark: {
+export declare const AppHeaderLight: {
     (): React.ReactElement;
     tags: string[];
     parameters: {
@@ -13,7 +13,7 @@ export declare const AppHeaderDark: {
         }[];
     };
 };
-export declare const AppHeaderLight: {
+export declare const AppHeaderDark: {
     (): React.ReactElement;
     tags: string[];
     parameters: {

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

@@ -4,4 +4,7 @@ declare const _default: {
 };
 export default _default;
 export declare const ThemeLight: () => React.ReactElement;
-export declare const ThemeDark: () => React.ReactElement;
+export declare const ThemeDark: {
+    (): React.ReactElement;
+    tags: string[];
+};

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-interface AvatarProps {
+export interface AvatarProps {
     children: React.ReactNode;
     size?: 'small' | 'large';
 }

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

@@ -1,25 +1,8 @@
-import * as React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const AvatarLight: {
-    (): React.ReactElement;
-    tags: string[];
-    parameters: {
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
-};
-export declare const AvatarDark: {
-    (): React.ReactElement;
-    tags: string[];
-    parameters: {
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
-};
+import type { Meta, StoryObj } from '@storybook/react';
+import Avatar from './Avatar';
+declare const meta: Meta<typeof Avatar>;
+export default meta;
+type Story = StoryObj<typeof Avatar>;
+export declare const Component: Story;
+export declare const AvatarLight: Story;
+export declare const AvatarDark: Story;

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

@@ -3,8 +3,14 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const ConfirmationDialogCustom: () => React.ReactElement;
-export declare const ConfirmationDialogLoading: () => React.ReactElement;
+export declare const ConfirmationDialogCustom: {
+    (): React.ReactElement;
+    tags: string[];
+};
+export declare const ConfirmationDialogLoading: {
+    (): React.ReactElement;
+    tags: string[];
+};
 export declare const ConfirmationDialogLight: {
     (): React.ReactElement;
     tags: string[];

package/src/lib/components/Filter/FilterListItem.stories.d.ts

@@ -3,5 +3,11 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const FilterListItemLight: () => React.ReactElement;
-export declare const FilterListItemDark: () => React.ReactElement;
+export declare const FilterListItemLight: {
+    (): React.ReactElement;
+    tags: string[];
+};
+export declare const FilterListItemDark: {
+    (): React.ReactElement;
+    tags: string[];
+};

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

@@ -1,5 +1,5 @@
 import React from 'react';
-interface HighlightProps {
+export interface HighlightProps {
     text: string;
     search: string;
 }

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

@@ -1,13 +1,8 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const SearchHighlightLightTheme: {
-    (): React.ReactElement;
-    tags: string[];
-};
-export declare const SearchHighlightDarkTheme: {
-    (): React.ReactElement;
-    tags: string[];
-};
+import type { Meta, StoryObj } from '@storybook/react';
+import SearchHighlight from './SearchHighlight';
+declare const meta: Meta<typeof SearchHighlight>;
+export default meta;
+type Story = StoryObj<typeof SearchHighlight>;
+export declare const Component: Story;
+export declare const SearchHighlightLightTheme: Story;
+export declare const SearchHighlightDarkTheme: Story;

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

@@ -1,5 +1,13 @@
 import * as React from 'react';
 import { BoxProps } from '@mui/material';
+export declare const bgColors: {
+    green: string;
+    grey: string;
+    purple: string;
+    red: string;
+    yellow: string;
+    blue: string;
+};
 interface StatusTagProps extends BoxProps {
     content: string;
     color: string;

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

@@ -1,25 +1,8 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const StatusTagsLight: {
-    (): React.ReactElement;
-    tags: string[];
-    parameters: {
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
-};
-export declare const StatusTagsDark: {
-    (): React.ReactElement;
-    tags: string[];
-    parameters: {
-        zeplinLink: {
-            name: string;
-            link: string;
-        }[];
-    };
-};
+import { Meta, StoryObj } from '@storybook/react/*';
+import StatusTag from './StatusTag';
+declare const meta: Meta<typeof StatusTag>;
+export default meta;
+type Story = StoryObj<typeof StatusTag>;
+export declare const Component: Story;
+export declare const StatusTagsLight: Story;
+export declare const StatusTagsDark: Story;

package/src/lib/components/Storybook/StorybookDocsWrapper.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { BoxProps } from '@mui/material';
+interface StorybookDocsWrapperProps extends BoxProps {
+    isDark?: boolean;
+}
+export declare const StorybookDocsWrapper: React.FC<StorybookDocsWrapperProps>;
+export {};

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

@@ -0,0 +1 @@
+export * from './StorybookDocsWrapper';

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

@@ -19,6 +19,7 @@ export declare const ThemeLight: {
 };
 export declare const ThemeDark: {
     (): React.ReactElement;
+    tags: string[];
     parameters: {
         zeplinLink: {
             name: string;

package/src/lib/components/ToolContainer/ToolContainerDraggable.stories.d.ts

@@ -3,5 +3,11 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const ThemeLight: React.FC;
-export declare const ThemeDark: React.FC;
+export declare const ThemeLight: {
+    (): React.ReactElement;
+    tags: string[];
+};
+export declare const ThemeDark: {
+    (): React.ReactElement;
+    tags: string[];
+};

package/src/lib/components/ToolContainer/ToolHeader.stories.d.ts

@@ -14,6 +14,7 @@ export declare const ThemeLight: {
 };
 export declare const ThemeDark: {
     (): React.ReactElement;
+    tags: string[];
     parameters: {
         zeplinLink: {
             name: string;

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

@@ -1,13 +1,10 @@
-import React from 'react';
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const TooltipSelectLight: {
-    (): React.ReactElement;
-    tags: string[];
-};
-export declare const TooltipSelectDark: {
-    (): React.ReactElement;
-    tags: string[];
-};
+import type { Meta, StoryObj } from '@storybook/react';
+import { TooltipSelect } from './TooltipSelect';
+declare const meta: Meta<typeof TooltipSelect>;
+export default meta;
+type Story = StoryObj<typeof TooltipSelect>;
+export declare const Component: Story;
+export declare const TooltipSelectLightDemo: Story;
+export declare const TooltipSelectDarkDemo: Story;
+export declare const TooltipSelectLight: Story;
+export declare const TooltipSelectDark: Story;

package/src/lib/components/UserMenu/CheatSheet/CheatSheet.stories.d.ts

@@ -14,6 +14,7 @@ export declare const ThemeLight: {
 };
 export declare const ThemeDark: {
     (): React.ReactElement;
+    tags: string[];
     parameters: {
         zeplinLink: {
             name: string;

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

@@ -4,7 +4,10 @@ declare const _default: {
 };
 export default _default;
 export declare const ThemeLight: () => React.ReactElement;
-export declare const ThemeDark: () => React.ReactElement;
+export declare const ThemeDark: {
+    (): React.ReactElement;
+    tags: string[];
+};
 export declare const UserMenuLight: {
     (): React.ReactElement;
     tags: string[];

package/src/lib/hooks/index.d.ts

@@ -4,3 +4,4 @@ export * from './usePrevious/usePrevious';
 export * from './useIsMounted/useIsMounted';
 export * from './useMakeSureContainerStaysInsideWindow/useMakeSureContainerStaysInsideWindow';
 export * from './useDebounce/useDebounce';
+export * from './useWheelStopPropagation/useWheelStopPropagation';

package/src/lib/hooks/useWheelStopPropagation/useWheelStopPropagation.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const useWheelStopPropagation: <T extends HTMLElement>() => React.MutableRefObject<T | null>;

package/src/lib/hooks/useWheelStopPropagation/useWheelStopPropagation.spec.d.ts

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