@opengeoweb/shared 15.2.0 → 16.0.0

package/index.esm.js

@@ -6,8 +6,8 @@ import React, { useRef, useEffect, useState, Component } from 'react';
 import Draggable from 'react-draggable';
 import { Resizable } from 're-resizable';
 import { Resize, BORDER_RADIUS, Options, Close, ChevronLeft, Exclamation, Success, Info, ChevronRight, GeoWebLogo, HamburgerMenu, Admin, useThemeContext, ThemeTypes, ArrowLeft, ArrowRight, KeyOption, KeyCommand, ArrowUp, ArrowDown, ChevronDown, Search, Clear, Cached, Filter as Filter$1 } from '@opengeoweb/theme';
-import { throttle, merge, escapeRegExp, debounce } from 'lodash';
-import { parseISO, parse, format, isEqual, add as add$1, sub as sub$1, differenceInYears as differenceInYears$1, differenceInMonths as differenceInMonths$1, differenceInDays as differenceInDays$1, differenceInMinutes as differenceInMinutes$1, differenceInHours as differenceInHours$1, differenceInSeconds as differenceInSeconds$1, roundToNearestMinutes as roundToNearestMinutes$1, isBefore as isBefore$1, isAfter as isAfter$1, isValid as isValid$1, getUnixTime, fromUnixTime, set as set$1, getHours as getHours$1, startOfDay, addMinutes, addHours, setSeconds as setSeconds$1, getDay, getDayOfYear, getMonth, getWeek, getYear, isWithinInterval } from 'date-fns';
+import { throttle, isEqual, merge, escapeRegExp, debounce } from 'lodash';
+import { parseISO, parse, format, isEqual as isEqual$1, add as add$1, sub as sub$1, differenceInYears as differenceInYears$1, differenceInMonths as differenceInMonths$1, differenceInDays as differenceInDays$1, differenceInMinutes as differenceInMinutes$1, differenceInHours as differenceInHours$1, differenceInSeconds as differenceInSeconds$1, roundToNearestMinutes as roundToNearestMinutes$1, isBefore as isBefore$1, isAfter as isAfter$1, isValid as isValid$1, getUnixTime, fromUnixTime, set as set$1, getHours as getHours$1, startOfDay, addMinutes, addHours, setSeconds as setSeconds$1, getDay, getDayOfYear, getMonth, getWeek, getYear, isWithinInterval } from 'date-fns';
 import { fi as fi$1, nl as nl$1, nb, enGB } from 'date-fns/locale';
 
 var en = {
@@ -31,6 +31,7 @@ var en = {
 	"shared-move-selected-time": "Move backwards/forwards in selected time",
 	"shared-move-one-step": "Move 1 step backwards/forwards in selected time",
 	"shared-toggle-timeslider": "Toggle hide/show time slider",
+	"shared-toggle-syncviewer": "Toggle hide/show sync settings",
 	"shared-timeslider-scale": "Change time slider scale (visible timespan)",
 	"shared-expand-timeslider-scale": "Expand/shrink time slider scale (visible timespan)",
 	"shared-toggle-layerinformation": "Toggle hide/show layer information",
@@ -96,7 +97,8 @@ var fi = {
 	"shared-choose-selected-time": "Valitse valittu aika",
 	"shared-move-selected-time": "Liiku ajassa taaksepäin/eteenpäin",
 	"shared-move-one-step": "Liiku 1 askel ajassa taaksepäin/eteenpäin",
-	"shared-toggle-timeslider": "Kytke TimeSlider näkyville/pois näkyvistä",
+	"shared-toggle-timeslider": "Piilota/näytä synkronointiasetukset",
+	"shared-toggle-syncviewer": "Toggle hide/show sync settings",
 	"shared-timeslider-scale": "Muuta TimeSliderin näkyvää aikaväliä",
 	"shared-expand-timeslider-scale": "Laajenna/kutista TimeSliderin mittakaavaa (näkyvää aikaväliä)",
 	"shared-toggle-layerinformation": "Kytke karttatasojen pikanäyttö näkyville/pois näkyvistä",
@@ -161,6 +163,7 @@ var no = {
 	"shared-move-selected-time": "Gå bakover/fremover i valgt tid",
 	"shared-move-one-step": "Gå 1 steg bakover/fremover i valgt tid",
 	"shared-toggle-timeslider": "Vis/skjul tidslinje",
+	"shared-toggle-syncviewer": "Vis/skjul synkroniseringsinnstillinger",
 	"shared-timeslider-scale": "Endre tidsseriens skala (synlig tidsperiode)",
 	"shared-expand-timeslider-scale": "Utvid/krymp tidsseriens skala (synlig tidsperiode)",
 	"shared-toggle-layerinformation": "Vis/skjul laginformasjon",
@@ -225,6 +228,7 @@ var nl = {
 	"shared-move-selected-time": "Ga achteruit/vooruit in geselecteerde tijd",
 	"shared-move-one-step": "Ga 1 stap achteruit/vooruit in geselecteerde tijd",
 	"shared-toggle-timeslider": "Timeslider verbergen/tonen",
+	"shared-toggle-syncviewer": "Synchroniserings instellingen verbergen/tonen",
 	"shared-timeslider-scale": "Timeslider zichtbare periode wijzigen",
 	"shared-expand-timeslider-scale": "Timeslider zichtbare periode vergroten/verkleinen",
 	"shared-toggle-layerinformation": "Laag informatie verbergen/tonen",
@@ -724,7 +728,10 @@ var DraggableComponent$1 = function DraggableComponent(_ref) {
   };
   var onDragStop = function onDragStop(event, pos) {
     setIsDragging == null || setIsDragging(false);
-    onStop == null || onStop(event, pos);
+    onStop == null || onStop(event, {
+      x: pos.x,
+      y: pos.y
+    });
   };
   return jsx(Draggable, Object.assign({
     bounds: bounds
@@ -1763,9 +1770,9 @@ var useMakeSureContainerStaysInsideWindow = function useMakeSureContainerStaysIn
 /*
   Accepts a value and timeout and will debounce
   
-  @param {string} value: value of element
+  @param {S} value: value of element
   @param {timeout} number: timer
-  @return {value: string}
+  @return {value: S}
 
   @example:
    const debouncedName = useDebounce('testing', 2000)
@@ -1775,14 +1782,19 @@ var useDebounce = function useDebounce(value, timeout) {
     state = _useState[0],
     setState = _useState[1];
   useEffect(function () {
+    if (timeout <= 0) {
+      return function () {};
+    }
     var handler = setTimeout(function () {
-      return setState(value);
+      if (!isEqual(value, state)) {
+        setState(value);
+      }
     }, timeout);
     return function () {
       return clearTimeout(handler);
     };
-  }, [value, timeout]);
-  return state;
+  }, [value, timeout, state]);
+  return timeout <= 0 ? value : state;
 };
 
 /* *
@@ -2983,7 +2995,7 @@ var useHandleSizeFromOutsideComponent = function useHandleSizeFromOutsideCompone
   }, [isOpen, getBoundsNode]);
 };
 
-var _excluded$7 = ["title", "bounds", "cancel", "headerSize", "startSize", "startPosition", "children", "isOpen", "onClose", "initialMaxHeight", "onChangeSize", "onMouseDown", "onResizeStop", "onDragEnd", "order", "source", "leftHeaderComponent", "rightHeaderComponent", "dragHandleIcon", "closeIcon", "className", "sx"];
+var _excluded$7 = ["title", "bounds", "cancel", "headerSize", "startSize", "startPosition", "startDraggablePosition", "children", "isOpen", "onClose", "initialMaxHeight", "onChangeSize", "onMouseDown", "onResizeStop", "onDragEnd", "order", "source", "leftHeaderComponent", "rightHeaderComponent", "dragHandleIcon", "closeIcon", "className", "sx", "resetPositionOnOpen"];
 // calculate dialog size and position to 85% of screensize
 var calculateDialogSizeAndPosition = function calculateDialogSizeAndPosition() {
   var width = window.innerWidth * 0.85;
@@ -3050,6 +3062,11 @@ var DraggableComponent = function DraggableComponent(_ref) {
       right: undefined,
       top: undefined
     } : _ref$startPosition,
+    _ref$startDraggablePo = _ref.startDraggablePosition,
+    startDraggablePosition = _ref$startDraggablePo === void 0 ? {
+      x: 0,
+      y: 0
+    } : _ref$startDraggablePo,
     children = _ref.children,
     _ref$isOpen = _ref.isOpen,
     isOpen = _ref$isOpen === void 0 ? true : _ref$isOpen,
@@ -3078,22 +3095,34 @@ var DraggableComponent = function DraggableComponent(_ref) {
     className = _ref.className,
     _ref$sx = _ref.sx,
     sx = _ref$sx === void 0 ? {} : _ref$sx,
+    _ref$resetPositionOnO = _ref.resetPositionOnOpen,
+    resetPositionOnOpen = _ref$resetPositionOnO === void 0 ? false : _ref$resetPositionOnO,
     props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
   var zIndex = (source === 'app' ? BASE_Z_INDEX : 1000) + order;
   var elevation = BASE_ELEVATION + order;
   var nodeRef = React.useRef(null);
-  var _React$useState = React.useState({
-      x: 0,
-      y: 0
+  var _React$useState = React.useState(function () {
+      return Object.assign({}, startDraggablePosition);
     }),
     position = _React$useState[0],
     setPosition = _React$useState[1];
+  var wasOpenRef = React.useRef(isOpen);
   var _React$useState2 = React.useState(startSize),
     size = _React$useState2[0],
     setSize = _React$useState2[1];
   var _React$useState3 = React.useState(false),
     isDragging = _React$useState3[0],
     setIsDragging = _React$useState3[1];
+  React.useLayoutEffect(function () {
+    var isOpening = isOpen && !wasOpenRef.current;
+    if (isOpening && resetPositionOnOpen) {
+      setPosition({
+        x: startDraggablePosition.x,
+        y: startDraggablePosition.y
+      });
+    }
+    wasOpenRef.current = isOpen;
+  }, [isOpen, resetPositionOnOpen, startDraggablePosition]);
   var isRightAligned = (startPosition == null ? void 0 : startPosition.right) !== null && (startPosition == null ? void 0 : startPosition.right) !== undefined;
   var onStopDrag = React.useCallback(function (_event, position) {
     setPosition(position);
@@ -3120,7 +3149,15 @@ var DraggableComponent = function DraggableComponent(_ref) {
   }, [onChangeSize, position, isRightAligned]);
   var onStopResize = function onStopResize(_event, direction, node, delta) {
     setIsDragging(false);
-    setPosition(calculateNewPosition(position, isRightAligned, direction, delta));
+    var newPosition = calculateNewPosition(position, isRightAligned, direction, delta);
+    setPosition(newPosition);
+    var _node$getBoundingClie2 = node.getBoundingClientRect(),
+      width = _node$getBoundingClie2.width,
+      height = _node$getBoundingClie2.height;
+    onDragEnd(newPosition, {
+      width: width,
+      height: height
+    });
     onResizeStop(_event, direction, node, delta);
   };
   var toolcontainerId = React.useRef(Date.now().toString()).current;
@@ -3384,6 +3421,12 @@ var ShortcutList = function ShortcutList(_ref) {
         children: "h"
       })]
     })
+  }, {
+    titleKey: 'shared-toggle-syncviewer',
+    description: jsx(ShortCutSegment, {
+      type: "icon",
+      children: "Y"
+    })
   }, {
     titleKey: 'shared-change-timestep-or-speed',
     description: jsxs(Fragment, {
@@ -5286,6 +5329,30 @@ var isAxiosAuthError = function isAxiosAuthError(error) {
   }
   return false;
 };
+var isAuthStatusCode = function isAuthStatusCode(status) {
+  return status === 401 || status === 403;
+};
+var isAuthError = function isAuthError(error) {
+  if (isAxiosAuthError(error)) {
+    return true;
+  }
+  var fetchLikeError = error;
+  var cause = fetchLikeError.cause;
+  if (typeof cause === 'number') {
+    return isAuthStatusCode(cause);
+  }
+  if (cause && typeof cause === 'object') {
+    var status = cause.status;
+    if (typeof status === 'number' && isAuthStatusCode(status)) {
+      return true;
+    }
+    var statusCode = cause.statusCode;
+    if (typeof statusCode === 'number' && isAuthStatusCode(statusCode)) {
+      return true;
+    }
+  }
+  return error.message === '401' || error.message === '403';
+};
 var getAxiosErrorMessage = function getAxiosErrorMessage(error) {
   var data = error.response && error.response.data;
   if (data && typeof data === 'string') {
@@ -5571,7 +5638,7 @@ var isBetween = function isBetween(date, from, to, inclusivity) {
   }
   var isBeforeEqual = inclusivity.startsWith('[');
   var isAfterEqual = inclusivity[1] === ']';
-  return (isBeforeEqual ? isEqual(from, date) || isBefore(from, date) : isBefore(from, date)) && (isAfterEqual ? isEqual(to, date) || isAfter(to, date) : isAfter(to, date));
+  return (isBeforeEqual ? isEqual$1(from, date) || isBefore(from, date) : isBefore(from, date)) && (isAfterEqual ? isEqual$1(to, date) || isAfter(to, date) : isAfter(to, date));
 };
 /**
  * Creates a new Date object with the specified date and time, or the current date and time if no arguments are provided.
@@ -5779,6 +5846,14 @@ var isValid = function isValid(date) {
 var unix = function unix(date) {
   return getUnixTime(date);
 };
+/**
+ * Get the seconds timestamp based on the given iso string.
+ * @param {string} date - the given date as iso string
+ * @returns the timestamp in seconds since the Unix Epoch on January 1st, 1970 at UTC.
+ */
+var unixFromISOString = function unixFromISOString(date) {
+  return date ? parseISO(date).getTime() / 1000 : NaN;
+};
 /**
  * Return the Date object for a given timestamp
  * @param {number} unixTime - timestamp
@@ -6080,7 +6155,7 @@ var index = /*#__PURE__*/Object.freeze({
   isAfter: isAfter,
   isBefore: isBefore,
   isBetween: isBetween,
-  isEqual: isEqual,
+  isEqual: isEqual$1,
   isValid: isValid,
   isValidIsoDateString: isValidIsoDateString,
   isWithinInterval: isWithinInterval,
@@ -6100,6 +6175,7 @@ var index = /*#__PURE__*/Object.freeze({
   stringToDate: stringToDate,
   sub: sub,
   unix: unix,
+  unixFromISOString: unixFromISOString,
   utc: utc
 });
 
@@ -6353,4 +6429,4 @@ var SystemScope = {
   system: 'system'
 };
 
-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, DraggableComponent$1 as Draggable, ErrorBoundary, Filter, FilterChip, FilterOption, LastUpdateTime, 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, index as dateUtils, defaultDelay, getAxiosErrorMessage, getAxiosWarningMessage, getErrorMessage, getInitials, getLastUpdateTitle, getPosition, getWarningMessage, isAxiosAuthError, isAxiosError, loadAllTranslations, pollingIntervalTimeout, renderCounter, safelyInitI18nForTestsAndStories, sessionStorageProvider, sharedTranslations, showPrompt, sliderHeaderStyle, tooltipContainerStyles, useConfirmationDialog, useControlledTooltip, useDebounce, useDialogActions, useIsMounted, useMakeSureContainerStaysInsideWindow, usePoller, usePreventBrowserClose, usePrevious, useResizeObserver, useScrollingInIsolation, useUserMenu, useWheelStopPropagation };
+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, DraggableComponent$1 as Draggable, ErrorBoundary, Filter, FilterChip, FilterOption, LastUpdateTime, 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, index as dateUtils, defaultDelay, getAxiosErrorMessage, getAxiosWarningMessage, getErrorMessage, getInitials, getLastUpdateTitle, getPosition, getWarningMessage, isAuthError, isAxiosAuthError, isAxiosError, loadAllTranslations, pollingIntervalTimeout, renderCounter, safelyInitI18nForTestsAndStories, sessionStorageProvider, sharedTranslations, showPrompt, sliderHeaderStyle, tooltipContainerStyles, useConfirmationDialog, useControlledTooltip, useDebounce, useDialogActions, useIsMounted, useMakeSureContainerStaysInsideWindow, usePoller, usePreventBrowserClose, usePrevious, useResizeObserver, useScrollingInIsolation, useUserMenu, useWheelStopPropagation };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/shared",
-  "version": "15.2.0",
+  "version": "16.0.0",
   "description": "GeoWeb shared library with shared components and utils for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,7 +8,7 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@opengeoweb/theme": "15.2.0",
+    "@opengeoweb/theme": "16.0.0",
     "react-draggable": "^4.4.6",
     "re-resizable": "^6.9.11",
     "lodash": "^4.17.21",

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

@@ -12,6 +12,7 @@ export declare const calculateDialogSizeAndPosition: () => {
 export declare const calculateStartSize: (minSize: DraggableSize, prefSize: DraggableSize, startPosition: Position) => DraggableSize;
 interface DraggableComponentProps extends Omit<ResizableComponentProps, 'bounds'> {
     startPosition?: Position;
+    startDraggablePosition?: DraggablePosition;
     onStartResize?: () => void;
     isOpen?: boolean;
     onClose?: () => void;
@@ -30,6 +31,7 @@ interface DraggableComponentProps extends Omit<ResizableComponentProps, 'bounds'
     dragHandleIcon?: React.ReactNode;
     closeIcon?: React.ReactNode;
     sx?: SxProps;
+    resetPositionOnOpen?: boolean;
 }
 export declare const calculateNewPosition: (position: DraggablePosition, isRightAligned: boolean, handle: string, delta: NumberSize) => DraggablePosition;
 export type Source = 'app' | 'module';

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

@@ -1 +1 @@
-export declare const useDebounce: (value: string, timeout: number) => string;
+export declare const useDebounce: <S>(value: S, timeout: number) => S;

package/src/lib/types/edr-coverage-types.d.ts

@@ -44,7 +44,19 @@ export interface VerticalProfileDomain {
     axes: VerticalProfileAxes;
     referencing?: Referencing[];
 }
-export type CoverageDomain = VerticalProfileDomain | PointDomain | PointSeriesDomain;
+interface GridAxes {
+    x: SingleValueAxis;
+    y: SingleValueAxis;
+    z: AxisValues;
+    t?: SingleTimeValueAxis;
+}
+export interface GridDomain {
+    type: 'Domain';
+    domainType: 'Grid';
+    axes: GridAxes;
+    referencing?: Referencing[];
+}
+export type CoverageDomain = VerticalProfileDomain | PointDomain | PointSeriesDomain | GridDomain;
 interface NdArray {
     type: 'NdArray';
     dataType: 'float' | 'integer' | 'string';

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

@@ -53,6 +53,7 @@ export interface SoundingsCollection {
     url: string;
     description: string;
     parameterMappings?: Record<string, string>;
+    windSpeedUnit?: string;
 }
 export type Coordinates = [number, number];
 export interface SourceSelection {
@@ -61,6 +62,7 @@ export interface SourceSelection {
     isChecked?: boolean;
     verticalRange?: string;
     parameterMappings?: Record<string, string>;
+    windSpeedUnit?: string;
     name?: string;
 }
 export interface TimeSeriesService {

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

@@ -2,6 +2,7 @@ import type { AxiosError } from 'axios';
 export declare const DEFAULT_ERROR_MESSAGE = "An error has occurred";
 export declare const isAxiosError: (error: AxiosError | Error) => error is AxiosError;
 export declare const isAxiosAuthError: (error: AxiosError | Error) => boolean;
+export declare const isAuthError: (error: AxiosError | Error) => boolean;
 export declare const getAxiosErrorMessage: (error: AxiosError) => string;
 export declare const getErrorMessage: (error: Error | AxiosError) => string;
 export declare const getAxiosWarningMessage: (error: AxiosError) => string;

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

@@ -258,6 +258,12 @@ export declare const isValid: (date: Date | number) => boolean;
  * @returns the timestamp
  */
 export declare const unix: (date: Date | number) => number;
+/**
+ * Get the seconds timestamp based on the given iso string.
+ * @param {string} date - the given date as iso string
+ * @returns the timestamp in seconds since the Unix Epoch on January 1st, 1970 at UTC.
+ */
+export declare const unixFromISOString: (date: string) => number;
 /**
  * Return the Date object for a given timestamp
  * @param {number} unixTime - timestamp