@opengeoweb/shared 14.1.0 → 14.2.1

package/index.esm.js

@@ -285,6 +285,11 @@ var sharedTranslations = {
 function _OverloadYield(e, d) {
   this.v = e, this.k = d;
 }
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
 function asyncGeneratorStep(n, t, e, r, o, a, c) {
   try {
     var i = n[a](c),
@@ -310,6 +315,23 @@ function _asyncToGenerator(n) {
     });
   };
 }
+function _createForOfIteratorHelperLoose(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (t) return (t = t.call(r)).next.bind(t);
+  if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) {
+    t && (r = t);
+    var o = 0;
+    return function () {
+      return o >= r.length ? {
+        done: true
+      } : {
+        done: false,
+        value: r[o++]
+      };
+    };
+  }
+  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
 function _inheritsLoose(t, o) {
   t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o);
 }
@@ -502,6 +524,13 @@ function _setPrototypeOf(t, e) {
     return t.__proto__ = e, t;
   }, _setPrototypeOf(t, e);
 }
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
 function _regeneratorRuntime() {
 
   var r = _regenerator(),
@@ -1828,6 +1857,43 @@ var useScrollingInIsolation = function useScrollingInIsolation(options) {
   return scrollInIsolationRef;
 };
 
+/*
+  Accepts an array and html div element that is being observed for resizes.
+*/
+var useResizeObserver = function useResizeObserver(listContainerRef, collections,
+/**
+ * Optional ResizeObserver implementation for dependency injection (testing, polyfills).
+ * Defaults to window.ResizeObserver when not provided.
+ */
+ResizeObserverImpl) {
+  if (ResizeObserverImpl === void 0) {
+    ResizeObserverImpl = window.ResizeObserver;
+  }
+  var _React$useState = React.useState(350),
+    listHeight = _React$useState[0],
+    setListHeight = _React$useState[1]; // default fallback
+  React.useEffect(function () {
+    var node = listContainerRef.current;
+    if (!node) {
+      return;
+    }
+    var resizeObserver = new ResizeObserverImpl(function (entries) {
+      for (var _iterator = _createForOfIteratorHelperLoose(entries), _step; !(_step = _iterator()).done;) {
+        var entry = _step.value;
+        if (entry.contentRect) {
+          if (collections && collections.length > 1) {
+            setListHeight(entry.contentRect.height - 150); // Subtract header height + accordion summary height
+          } else {
+            setListHeight(entry.contentRect.height - 115); // Subtract header height
+          }
+        }
+      }
+    });
+    resizeObserver.observe(node);
+  }, [listContainerRef, collections, ResizeObserverImpl]);
+  return listHeight;
+};
+
 var ConfirmationServiceContext = /*#__PURE__*/React.createContext(Promise.reject);
 var useConfirmationDialog = function useConfirmationDialog() {
   return React.useContext(ConfirmationServiceContext);
@@ -4299,7 +4365,9 @@ var CustomAccordion = function CustomAccordion(_ref) {
       }
     },
     children: [jsx(AccordionSummary, {
+      "aria-label": expanded ? 'Drawer opened' : 'Drawer closed',
       component: "div",
+      "data-testid": title && amountOfItems ? title + " " + amountOfItems : title,
       expandIcon: CustomExpandIcon ? jsx(CustomExpandIcon, {
         style: {
           fill: "" + iconColor
@@ -5354,6 +5422,7 @@ var getWarningMessage = function getWarningMessage(error) {
  * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
  * */
 var DATE_FORMAT_DATEPICKER = 'dd/MM/yyyy HH:mm';
+var DATE_FORMAT_DATEPICKER_NO_YEAR = 'dd/MM HH:mm';
 var DATE_FORMAT_UTC = "yyyy-MM-dd'T'HH:mm:ss'Z'";
 var DATE_FORMAT_YEAR = 'yyyy-MM-dd';
 var DATE_FORMAT_HOURS = 'HH:mm';
@@ -6057,6 +6126,7 @@ var setSeconds = function setSeconds(date, seconds) {
 var index = /*#__PURE__*/Object.freeze({
   __proto__: null,
   DATE_FORMAT_DATEPICKER: DATE_FORMAT_DATEPICKER,
+  DATE_FORMAT_DATEPICKER_NO_YEAR: DATE_FORMAT_DATEPICKER_NO_YEAR,
   DATE_FORMAT_HOURS: DATE_FORMAT_HOURS,
   DATE_FORMAT_NAME_OF_DAY: DATE_FORMAT_NAME_OF_DAY,
   DATE_FORMAT_NAME_OF_DAY_MONTH: DATE_FORMAT_NAME_OF_DAY_MONTH,
@@ -6358,4 +6428,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, UserMenuItemSentryRecording, 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, 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, UserMenuItemSentryRecording, 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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/shared",
-  "version": "14.1.0",
+  "version": "14.2.1",
   "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": "14.1.0",
+    "@opengeoweb/theme": "14.2.1",
     "react-draggable": "^4.4.6",
     "re-resizable": "^6.9.11",
     "lodash": "^4.17.21",

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

@@ -1,7 +1,7 @@
 import React from 'react';
 export interface FilterChipProps {
     id: string;
-    label: string;
+    label: React.ReactNode;
     isSelected?: boolean;
     isDisabled?: boolean;
     handleClick?: (label: string, isSelected?: boolean) => void;

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

@@ -6,3 +6,4 @@ export * from './useMakeSureContainerStaysInsideWindow/useMakeSureContainerStays
 export * from './useDebounce/useDebounce';
 export * from './useWheelStopPropagation/useWheelStopPropagation';
 export * from './useScrollingInIsolation/useScrollingInIsolation';
+export * from './useResizeObserver/useResizeObserver';

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const useResizeObserver: (listContainerRef: React.RefObject<HTMLDivElement>, collections: unknown[], ResizeObserverImpl?: typeof ResizeObserver) => number;

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

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

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

@@ -21,6 +21,7 @@ export interface ConfigType {
     GW_DRAWINGS_BASE_URL?: string;
     GW_WARNINGS_WORKSPACE_ID?: string;
     GW_SPACE_WEATHER_WORKSPACE_ID?: string;
+    GW_TRAJKS_WORKSPACE_ID?: string;
     GW_TECHNICAL_RELEASE_NOTES_URL?: string;
     GW_VERSION_PROGRESS_NOTES_URL?: string;
     GW_BE_RELEASE_URL?: string;

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

@@ -1,4 +1,5 @@
 export declare const DATE_FORMAT_DATEPICKER = "dd/MM/yyyy HH:mm";
+export declare const DATE_FORMAT_DATEPICKER_NO_YEAR = "dd/MM HH:mm";
 export declare const DATE_FORMAT_UTC = "yyyy-MM-dd'T'HH:mm:ss'Z'";
 export declare const DATE_FORMAT_YEAR = "yyyy-MM-dd";
 export declare const DATE_FORMAT_HOURS = "HH:mm";