@opengeoweb/shared 9.25.3 → 9.27.0

package/index.esm.js

@@ -10,7 +10,7 @@ import Draggable from 'react-draggable';
 import { Resizable } from 're-resizable';
 import * as Sentry from '@sentry/react';
 import { useStore } from 'react-redux';
-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, isBefore as isBefore$1, isAfter as isAfter$1, isValid as isValid$1, getUnixTime, fromUnixTime, set as set$3, getHours as getHours$1, startOfDay, addMinutes, addHours, getDay, getDayOfYear, getMonth, getWeek, getYear, isWithinInterval } from 'date-fns';
+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$3, getHours as getHours$1, startOfDay, addMinutes, addHours, getDay, getDayOfYear, getMonth, getWeek, getYear, isWithinInterval } from 'date-fns';
 import configureStore from 'redux-mock-store';
 import { configureStore as configureStore$1 } from '@reduxjs/toolkit';
 
@@ -8492,10 +8492,24 @@ const Filter = /*#__PURE__*/React.forwardRef((_a, ref) => {
   }));
 });
 
+const FilterLabel = ({
+  name
+}) => jsx(Typography, Object.assign({
+  variant: "body2",
+  sx: {
+    fontSize: '16px',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+    overflow: 'hidden'
+  }
+}, {
+  children: name
+}));
 const FilterListItem = ({
   filter,
   toggleFilter: _toggleFilter = () => {},
-  enableOnlyOneFilter: _enableOnlyOneFilter = () => {}
+  enableOnlyOneFilter: _enableOnlyOneFilter = () => {},
+  children
 }) => {
   const {
     t
@@ -8572,17 +8586,9 @@ const FilterListItem = ({
               }
             }
           })
-        })), jsx(Typography, Object.assign({
-          variant: "body2",
-          sx: {
-            fontSize: '16px',
-            textOverflow: 'ellipsis',
-            whiteSpace: 'nowrap',
-            overflow: 'hidden'
-          }
-        }, {
-          children: name
-        })), isHovering ? jsx(ListItemSecondaryAction, {
+        })), children || jsx(FilterLabel, {
+          name: name
+        }), isHovering ? jsx(ListItemSecondaryAction, {
           children: jsx(CustomIconButton, Object.assign({
             "aria-label": `Only ${filter.name}`,
             style: {
@@ -9023,6 +9029,15 @@ const differenceInHours = (dateLeft, dateRight, roundingMethod) => {
 const differenceInSeconds = (dateLeft, dateRight) => {
   return differenceInSeconds$1(dateLeft, dateRight);
 };
+/**
+ *
+ * @param date - the date to be rounded
+ * @param options - the options for rounding
+ * @returns the new date
+ */
+const roundToNearestMinutes = (date, options) => {
+  return roundToNearestMinutes$1(date, options);
+};
 /**
  *
  * @param date - the date that should be before the other one to return true
@@ -9073,13 +9088,13 @@ const getUtcFromString = dateStr => {
   }
   return isoStringToDate(dateStr);
 };
-const hasOffset = input => {
-  return !!getOffsetStr(input);
+const hasOffset = dateStr => {
+  return !!getOffsetStr(dateStr);
 };
-const getOffsetStr = input => {
-  const isoDatePattern = /(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2}:\d{2})(\.\d+)?([+-]\d{2}:?\d{2}|Z)$/;
-  const groups = input.match(isoDatePattern);
-  return groups ? groups[4] : null;
+const getOffsetStr = dateStr => {
+  const offsetMatcher = /T.*([+-]\d{2}(:?\d{2})?|Z)$/;
+  const groups = dateStr.match(offsetMatcher);
+  return groups ? groups[1] : null;
 };
 /**
  * Check if a date object is valid
@@ -9368,6 +9383,7 @@ var index = /*#__PURE__*/Object.freeze({
   isoStringToDate: isoStringToDate,
   parseCustomDateString: parseCustomDateString,
   parseISO: parseISO,
+  roundToNearestMinutes: roundToNearestMinutes,
   set: set,
   setUTCDate: setUTCDate,
   startOfDay: startOfDay,
@@ -9426,6 +9442,98 @@ const createToolkitMockStoreWithEggs = storeConfig => {
   return store;
 };
 
+/* *
+ * 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 2024 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2024 - Finnish Meteorological Institute (FMI)
+ * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
+ * */
+const PROJECTION = {
+  EPSG_3035: {
+    name: 'ETRS89-extended / LAEA Europe',
+    value: 'EPSG:3035'
+  },
+  EPSG_3067: {
+    name: 'ETRS89 / TM35FIN(E,N) -- Finland',
+    value: 'EPSG:3067'
+  },
+  EPSG_3411: {
+    name: 'Sea Ice Polar Stereographic North',
+    value: 'EPSG:3411'
+  },
+  EPSG_3412: {
+    name: 'Sea Ice Polar Stereographic South',
+    value: 'EPSG:3412'
+  },
+  EPSG_3575: {
+    name: 'Northern Hemisphere North Pole',
+    value: 'EPSG:3575'
+  },
+  EPSG_3785: {
+    name: 'Pseudo-Mercator',
+    value: 'EPSG:3785'
+  },
+  EPSG_3857: {
+    name: 'Europe Mercator',
+    value: 'EPSG:3857'
+  },
+  EPSG_4258: {
+    name: 'ETRS89',
+    value: 'EPSG:4258'
+  },
+  EPSG_4269: {
+    name: 'NAD83 (long/lat)',
+    value: 'EPSG:4269'
+  },
+  EPSG_4325: {
+    name: 'Guam Map Grid',
+    value: 'EPSG:4325'
+  },
+  EPSG_4326: {
+    name: 'WGS 84 - WGS84 - World Geodetic System',
+    value: 'EPSG:4326'
+  },
+  EPSG_7399: {
+    name: 'WISCRS Vilas County (ftUS)',
+    value: 'EPSG:7399'
+  },
+  EPSG_25832: {
+    name: 'ETRS89 / UTM zone 32N',
+    value: 'EPSG:25832'
+  },
+  EPSG_28992: {
+    name: 'The Netherlands (28992)',
+    value: 'EPSG:28992'
+  },
+  EPSG_32661: {
+    name: 'Europe Polar Stereographic',
+    value: 'EPSG:32661'
+  },
+  EPSG_54030: {
+    name: 'Europe Robinson',
+    value: 'EPSG:54030'
+  },
+  EPSG_900913: {
+    name: 'Google Maps Global Mercator',
+    value: 'EPSG:900913'
+  },
+  EPSG_102100: {
+    name: 'WGS 84 / Pseudo-Mercator',
+    value: 'EPSG:102100'
+  }
+};
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -9475,4 +9583,4 @@ class RenderCounter {
 }
 const 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, FilterListItem, LastUpdateTime, 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, createMockStoreWithEggs, createMockStoreWithEggsAndMiddleware, 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, 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, createMockStoreWithEggs, createMockStoreWithEggsAndMiddleware, 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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/shared",
-  "version": "9.25.3",
+  "version": "9.27.0",
   "description": "GeoWeb shared library with shared components and utils for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -24,7 +24,9 @@
     "@sentry/react": "^7.109.0"
   },
   "peerDependencies": {
-    "react": "18"
+    "react": "18",
+    "@emotion/react": "*",
+    "@emotion/styled": "*"
   },
   "module": "./index.esm.js",
   "type": "module",

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

@@ -9,5 +9,9 @@ export interface FilterListItemProps {
     filter: Filter;
     toggleFilter?: (filterIds: string[]) => void;
     enableOnlyOneFilter?: (filterId: string) => void;
+    children?: React.ReactNode;
 }
+export declare const FilterLabel: React.FC<{
+    name: string;
+}>;
 export declare const FilterListItem: React.FC<FilterListItemProps>;

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

@@ -1,7 +1,7 @@
 export { default as Filter } from './Filter';
 export { DEFAULT_FILTER_HEIGHT } from './Filter';
 export type { ListFilter } from './FilterList';
-export { FilterListItem } from './FilterListItem';
+export { FilterListItem, FilterLabel } from './FilterListItem';
 export type { Filter as FilterListItemFilter, FilterListItemProps, } from './FilterListItem';
 export { default as FilterChip } from './FilterChip';
 export type { FilterChipProps } from './FilterChip';

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

@@ -44,3 +44,63 @@ export interface TimeSeriesService {
 }
 export type ServiceInterface = 'EDR' | 'OGC';
 export type TimeseriesServiceScope = 'user' | 'system';
+export interface PlotPreset {
+    connectedMap?: string;
+    mapId: string;
+    plots: Plot[];
+    parameters: PlotParameter[];
+}
+export interface Plot {
+    title: string;
+    plotId: string;
+    enabled?: boolean;
+    parameters?: PlotParameter[];
+}
+export interface PlotParameter {
+    id?: string;
+    plotId: string;
+    unit?: string;
+    propertyName: string;
+    plotType: PlotType | 'area';
+    enabled?: boolean;
+    color?: string;
+    opacity?: number;
+    serviceId: string;
+    collectionId: string;
+    instanceId?: string;
+    instances?: EDRInstance[];
+}
+export type PlotType = 'bar' | 'line' | 'scatter';
+export interface EDRInstance {
+    id: string;
+    data_queries?: {
+        position?: {
+            link: {
+                variables: {
+                    output_formats: string[];
+                };
+            };
+        };
+        locations?: {
+            link: {
+                variables: {
+                    output_formats: string[];
+                };
+            };
+        };
+        instances?: {
+            link: string;
+        };
+    };
+    extent?: {
+        temporal?: {
+            interval: string[][];
+            crs: string;
+            values: string[];
+        };
+        spatial: {
+            crs: string;
+            bbox: [number, number, number, number];
+        };
+    };
+}

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

@@ -1,4 +1,4 @@
-import { parseISO, isEqual, Duration, startOfDay, isWithinInterval, getDayOfYear, getDay, getMonth, getYear, getWeek } from 'date-fns';
+import { parseISO, isEqual, Duration, startOfDay, isWithinInterval, getDayOfYear, getDay, getMonth, getYear, getWeek, NearestMinutes } from 'date-fns';
 export interface DateValues {
     year?: number;
     month?: number;
@@ -206,6 +206,15 @@ export declare const differenceInHours: (dateLeft: Date | number, dateRight: Dat
  * @returns {number} the number of minutes
  */
 export declare const differenceInSeconds: (dateLeft: Date | number, dateRight: Date | number) => number;
+/**
+ *
+ * @param date - the date to be rounded
+ * @param options - the options for rounding
+ * @returns the new date
+ */
+export declare const roundToNearestMinutes: (date: Date | number, options: {
+    nearestTo: NearestMinutes;
+}) => Date;
 /**
  *
  * @param date - the date that should be before the other one to return true

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

@@ -1,4 +1,5 @@
 export * from './axiosErrorUtils';
 export * as dateUtils from './dateUtils';
 export * from './reduxTestUtils';
+export * from './mapProjections';
 export { renderCounter } from './renderCounter';

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

@@ -0,0 +1,75 @@
+export declare const PROJECTION: {
+    readonly EPSG_3035: {
+        readonly name: "ETRS89-extended / LAEA Europe";
+        readonly value: "EPSG:3035";
+    };
+    readonly EPSG_3067: {
+        readonly name: "ETRS89 / TM35FIN(E,N) -- Finland";
+        readonly value: "EPSG:3067";
+    };
+    readonly EPSG_3411: {
+        readonly name: "Sea Ice Polar Stereographic North";
+        readonly value: "EPSG:3411";
+    };
+    readonly EPSG_3412: {
+        readonly name: "Sea Ice Polar Stereographic South";
+        readonly value: "EPSG:3412";
+    };
+    readonly EPSG_3575: {
+        readonly name: "Northern Hemisphere North Pole";
+        readonly value: "EPSG:3575";
+    };
+    readonly EPSG_3785: {
+        readonly name: "Pseudo-Mercator";
+        readonly value: "EPSG:3785";
+    };
+    readonly EPSG_3857: {
+        readonly name: "Europe Mercator";
+        readonly value: "EPSG:3857";
+    };
+    readonly EPSG_4258: {
+        readonly name: "ETRS89";
+        readonly value: "EPSG:4258";
+    };
+    readonly EPSG_4269: {
+        readonly name: "NAD83 (long/lat)";
+        readonly value: "EPSG:4269";
+    };
+    readonly EPSG_4325: {
+        readonly name: "Guam Map Grid";
+        readonly value: "EPSG:4325";
+    };
+    readonly EPSG_4326: {
+        readonly name: "WGS 84 - WGS84 - World Geodetic System";
+        readonly value: "EPSG:4326";
+    };
+    readonly EPSG_7399: {
+        readonly name: "WISCRS Vilas County (ftUS)";
+        readonly value: "EPSG:7399";
+    };
+    readonly EPSG_25832: {
+        readonly name: "ETRS89 / UTM zone 32N";
+        readonly value: "EPSG:25832";
+    };
+    readonly EPSG_28992: {
+        readonly name: "The Netherlands (28992)";
+        readonly value: "EPSG:28992";
+    };
+    readonly EPSG_32661: {
+        readonly name: "Europe Polar Stereographic";
+        readonly value: "EPSG:32661";
+    };
+    readonly EPSG_54030: {
+        readonly name: "Europe Robinson";
+        readonly value: "EPSG:54030";
+    };
+    readonly EPSG_900913: {
+        readonly name: "Google Maps Global Mercator";
+        readonly value: "EPSG:900913";
+    };
+    readonly EPSG_102100: {
+        readonly name: "WGS 84 / Pseudo-Mercator";
+        readonly value: "EPSG:102100";
+    };
+};
+export type EPSGCode = (typeof PROJECTION)[keyof typeof PROJECTION]['value'];