@opengeoweb/shared 20.0.0 → 20.0.1

package/dist/index.esm.js

@@ -833,6 +833,17 @@ var getPosition = function getPosition(menuPosition) {
           horizontal: 'center'
         }
       };
+    case 'top':
+      return {
+        anchorOrigin: {
+          vertical: 'top',
+          horizontal: 'center'
+        },
+        transformOrigin: {
+          vertical: 'bottom',
+          horizontal: 'center'
+        }
+      };
     // eslint-disable-next-line default-case-last
     default:
     case 'left':
@@ -867,6 +878,7 @@ var ToggleMenu = function ToggleMenu(_ref) {
     menuItems = _ref.menuItems,
     children = _ref.children,
     buttonSx = _ref.buttonSx,
+    renderButton = _ref.renderButton,
     _ref$tooltipTitle = _ref.tooltipTitle,
     tooltipTitle = _ref$tooltipTitle === void 0 ? '' : _ref$tooltipTitle,
     _ref$menuTitle = _ref.menuTitle,
@@ -964,7 +976,10 @@ var ToggleMenu = function ToggleMenu(_ref) {
     }
   }, [isDefaultOpen, buttonTestId]);
   return jsxs(Fragment, {
-    children: [jsx(CustomIconButton, {
+    children: [renderButton ? renderButton({
+      onClick: handleClick,
+      isOpen: isOpen
+    }) : jsx(CustomIconButton, {
       "data-testid": buttonTestId,
       disabled: isDisabled,
       id: buttonTestId,
@@ -2240,6 +2255,32 @@ var AppHeader = function AppHeader(_ref) {
   });
 };
 
+/* *
+ * 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 2026 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2026 - Finnish Meteorological Institute (FMI)
+ * Copyright 2026 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+var browserNavigation = {
+  assign: function assign(url) {
+    return window.location.assign(url);
+  },
+  reload: function reload() {
+    return window.location.reload();
+  }
+};
+
 // TODO: (Sander de Snaijer 2020-07-13) this error wrappper should get more (non-breaking?) logic when we have decided how to handle errors.
 /**
  * ErrorBoundary
@@ -2327,7 +2368,7 @@ var ErrorBoundary = /*#__PURE__*/function (_React$Component) {
           info: jsxs("div", {
             children: [jsx("br", {}), error.toString(), jsx("br", {}), errorInfo == null ? void 0 : errorInfo.componentStack, jsx("br", {}), jsx("br", {}), jsx(Link, {
               onClick: function onClick() {
-                return window.location.reload();
+                return browserNavigation.reload();
               },
               style: {
                 cursor: 'pointer'
@@ -6569,6 +6610,8 @@ var arrowKeySteps = {
 var integerKeys = getAllowedKeys('numeric');
 var CARET_WIDTH = '24px';
 var SIGN_WIDTH = '1ch';
+// The unit adornment sits inside the filled input's right padding.
+var FIELD_PADDING_RIGHT = '12px';
 var transparentBackdrop = {
   slotProps: {
     backdrop: {
@@ -6591,6 +6634,24 @@ var styles = {
     marginTop: '16px'
   }
 };
+/** The field underline is the focus marker, so it spans only the focused part instead of both. */
+var partFocusUnderline = function partFocusUnderline(unitWidth) {
+  return function (theme) {
+    return {
+      '&:after': {
+        borderColor: theme.palette.geowebColors.captions.captionInformation.rgba,
+        right: "calc(" + unitWidth + " + " + FIELD_PADDING_RIGHT + ")"
+      },
+      /* Mui-focused only follows the value input, so the unit has to claim the underline itself. */
+      '&:has(.MuiSelect-select:focus):after': {
+        left: 'auto',
+        right: 0,
+        transform: 'scaleX(1)',
+        width: "calc(" + unitWidth + " + " + FIELD_PADDING_RIGHT + ")"
+      }
+    };
+  };
+};
 var isClipboardShortcut = function isClipboardShortcut(event) {
   var isMac = window.navigator.userAgent.includes(' Mac ');
   var hasModifier = isMac ? event.metaKey : event.ctrlKey;
@@ -6707,6 +6768,13 @@ var NumberWithUnitField = function NumberWithUnitField(_ref) {
         variant: "standard",
         children: jsx(Select, {
           MenuProps: transparentBackdrop,
+          /* Select escalates its own min-width rule by repeating its class, so only an inline style wins. */
+          SelectDisplayProps: {
+            style: {
+              textAlign: 'right',
+              width: unitWidth
+            }
+          },
           disableUnderline: true,
           disabled: disabled,
           inputProps: {
@@ -6718,13 +6786,6 @@ var NumberWithUnitField = function NumberWithUnitField(_ref) {
               unit: event.target.value
             });
           },
-          /* Select escalates its own min-width rule by repeating its class, so only an inline style wins. */
-          SelectDisplayProps: {
-            style: {
-              textAlign: 'right',
-              width: unitWidth
-            }
-          },
           value: unit,
           variant: "standard",
           children: unitOptions.map(function (option) {
@@ -6748,6 +6809,7 @@ var NumberWithUnitField = function NumberWithUnitField(_ref) {
       },
       onKeyDown: handleKeyDown,
       onPaste: handlePaste,
+      sx: partFocusUnderline(unitWidth),
       value: typedValue
     })]
   });
@@ -6878,4 +6940,4 @@ var SystemScope = {
   plugin: 'plugin'
 };
 
-export { AlertBanner, AlertIcon, AppHeader, AppLayout, Avatar, CanvasComponent, ConfirmationButtons, ConfirmationDialog, ConfirmationServiceProvider, CustomAccordion, CustomDialog, CustomDialogHeader, CustomIconButton, CustomSlider, CustomToggleButton, CustomTooltip, DEBOUNCE_TIMEOUT, DEFAULT_ERROR_MESSAGE, DEFAULT_FILTER_HEIGHT, DateTimePicker, DraggableComponent$1 as Draggable, ErrorBoundary, Filter, FilterChip, FilterOption, LastUpdateTime, LegendToggleButton, NumberWithUnitField, PROJECTION, ResizeComponent as Resizable, SHARED_NAMESPACE, SearchField$1 as SearchField, SearchFieldButton, SearchHighlight, SessionStorageKey, StatusTag, StorybookDocsWrapper, StyledSelect, SwitchButton, SystemScope, ToggleMenu, ToolContainer, DraggableComponent as ToolContainerDraggable, ToolFooter, ToolHeader, TooltipSelect, UserMenu, UserMenuItemCheatSheet, MenuItemTheme as UserMenuItemTheme, adjustPosition, calculateDialogSizeAndPosition, calculateStartSize, convertNumericInputValue, index$1 as dateUtils, defaultDelay, getAllowedKeys, getAxiosErrorMessage, getAxiosWarningMessage, getErrorMessage, getInitials, getLastUpdateTitle, getPosition, getWarningMessage, isAuthError, isAxiosAuthError, isAxiosError, isDialogFocused, isTargetInteractiveInput, linkifyText, loadAllTranslations, pickerDateToUTC, pollingIntervalTimeout, index as referenceTimeUtils, renderCounter, safelyInitI18nForTestsAndStories, sessionStorageProvider, sharedTranslations, showPrompt, sliderHeaderStyle, tooltipContainerStyles, useConfirmationDialog, useControlledTooltip, useDebounce, useDialogActions, useIsMounted, useMakeSureContainerStaysInsideWindow, usePoller, usePreventBrowserClose, usePrevious, useResizeObserver, useScrollingInIsolation, useUserMenu, useWheelStopPropagation, utcToPickerDate };
+export { AlertBanner, AlertIcon, AppHeader, AppLayout, Avatar, CanvasComponent, ConfirmationButtons, ConfirmationDialog, ConfirmationServiceProvider, CustomAccordion, CustomDialog, CustomDialogHeader, CustomIconButton, CustomSlider, CustomToggleButton, CustomTooltip, DEBOUNCE_TIMEOUT, DEFAULT_ERROR_MESSAGE, DEFAULT_FILTER_HEIGHT, DateTimePicker, DraggableComponent$1 as Draggable, ErrorBoundary, Filter, FilterChip, FilterOption, LastUpdateTime, LegendToggleButton, NumberWithUnitField, PROJECTION, ResizeComponent as Resizable, SHARED_NAMESPACE, SearchField$1 as SearchField, SearchFieldButton, SearchHighlight, SessionStorageKey, StatusTag, StorybookDocsWrapper, StyledSelect, SwitchButton, SystemScope, ToggleMenu, ToolContainer, DraggableComponent as ToolContainerDraggable, ToolFooter, ToolHeader, TooltipSelect, UserMenu, UserMenuItemCheatSheet, MenuItemTheme as UserMenuItemTheme, adjustPosition, browserNavigation, calculateDialogSizeAndPosition, calculateStartSize, convertNumericInputValue, index$1 as dateUtils, defaultDelay, getAllowedKeys, getAxiosErrorMessage, getAxiosWarningMessage, getErrorMessage, getInitials, getLastUpdateTitle, getPosition, getWarningMessage, isAuthError, isAxiosAuthError, isAxiosError, isDialogFocused, isTargetInteractiveInput, linkifyText, loadAllTranslations, pickerDateToUTC, pollingIntervalTimeout, index as referenceTimeUtils, renderCounter, safelyInitI18nForTestsAndStories, sessionStorageProvider, sharedTranslations, showPrompt, sliderHeaderStyle, tooltipContainerStyles, useConfirmationDialog, useControlledTooltip, useDebounce, useDialogActions, useIsMounted, useMakeSureContainerStaysInsideWindow, usePoller, usePreventBrowserClose, usePrevious, useResizeObserver, useScrollingInIsolation, useUserMenu, useWheelStopPropagation, utcToPickerDate };

package/dist/src/lib/components/ToggleMenu/ToggleMenu.d.ts

@@ -1,7 +1,7 @@
 import type { PopoverOrigin, SxProps, Theme } from '@mui/material';
 import React from 'react';
 import type { Variant } from '../CustomIconButton';
-type MenuPosition = 'left' | 'right' | 'bottom';
+type MenuPosition = 'left' | 'right' | 'bottom' | 'top';
 export declare const getPosition: (menuPosition: MenuPosition) => {
     anchorOrigin: PopoverOrigin;
     transformOrigin: PopoverOrigin;
@@ -14,6 +14,10 @@ export interface MenuItemType {
     isSelected?: boolean;
     controlType?: 'radio';
 }
+export interface ToggleMenuButtonRenderProps {
+    onClick: (event: React.MouseEvent<HTMLElement>) => void;
+    isOpen: boolean;
+}
 interface ToggleMenuProps {
     buttonTestId?: string;
     menuPosition?: MenuPosition;
@@ -23,6 +27,12 @@ interface ToggleMenuProps {
     secondaryMenuTitle?: string;
     children?: React.ReactNode;
     buttonSx?: SxProps<Theme>;
+    /**
+     * Renders a custom toggle button instead of the default CustomIconButton.
+     * The given onClick must be wired to the rendered button so the menu can
+     * anchor itself to it.
+     */
+    renderButton?: (props: ToggleMenuButtonRenderProps) => React.ReactNode;
     tooltipTitle?: string;
     variant?: Variant;
     isDefaultOpen?: boolean;

package/dist/src/lib/types/types.d.ts

@@ -115,10 +115,10 @@ export interface PlotParameter {
     collectionId: string;
     instanceId?: string;
     instances?: EDRInstance[];
-    dimension?: {
+    dimensions?: {
         id: string;
         value: string;
-    };
+    }[];
 }
 export type PlotType = 'bar' | 'line' | 'scatter';
 export interface EdrParameter {

package/dist/src/lib/utils/browserNavigation.d.ts

@@ -0,0 +1,4 @@
+export declare const browserNavigation: {
+    assign: (url: string) => void;
+    reload: () => void;
+};

package/dist/src/lib/utils/index.d.ts

@@ -1,4 +1,5 @@
 export * from './axiosErrorUtils';
+export { browserNavigation } from './browserNavigation';
 export * as dateUtils from './dateUtils';
 export * as referenceTimeUtils from './referenceTimeUtils';
 export * from './linkify';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@opengeoweb/shared",
-    "version": "20.0.0",
+    "version": "20.0.1",
     "description": "GeoWeb shared library with shared components and utils for the opengeoweb project",
     "license": "Apache-2.0",
     "repository": {
@@ -20,7 +20,7 @@
         }
     },
     "dependencies": {
-        "@opengeoweb/theme": "20.0.0",
+        "@opengeoweb/theme": "20.0.1",
         "react-draggable": "^4.4.6",
         "re-resizable": "^6.9.11",
         "lodash": "^4.18.1",