@opengeoweb/shared 9.17.0 → 9.19.0

package/index.esm.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import React__default, { useRef, Component } from 'react';
 import { Box, Typography, Tooltip, IconButton, Dialog, DialogTitle, DialogContent, DialogActions, Button, CircularProgress, Alert, AlertTitle, useTheme, Drawer, Link, Avatar as Avatar$1, Paper, ClickAwayListener, MenuList, MenuItem, Grid, RadioGroup, FormControlLabel, Radio, List, ListItem, Tabs, Tab, Backdrop, Switch, Slider, ToggleButton, Menu, ListSubheader, ListItemText, ListItemIcon, Select, Accordion, AccordionSummary, AccordionDetails, FormLabel, TextField, InputAdornment } from '@mui/material';
 import { Close, Exclamation, Success, Info, ChevronRight, GeoWebLogo, HamburgerMenu, Resize, Admin, useThemeContext, DragHandle, ArrowLeft, ArrowRight, KeyOption, ArrowUp, ArrowDown, KeyCommand, Options, ChevronDown, Search, Clear, Cached } from '@opengeoweb/theme';
-import i18next from 'i18next';
+import i18n from 'i18next';
 import { initReactI18next, useTranslation } from 'react-i18next';
 import { throttle, escapeRegExp, debounce } from 'lodash';
 import Draggable from 'react-draggable';
@@ -10,7 +10,7 @@ import { Resizable } from 're-resizable';
 import * as Sentry from '@sentry/react';
 import { styled } from '@mui/material/styles';
 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, isWithinInterval, getDay, getMonth, getYear, getWeek } 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, 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, isWithinInterval, getDayOfYear, getDay, getMonth, getYear, getWeek } from 'date-fns';
 import configureStore from 'redux-mock-store';
 import { configureStore as configureStore$1 } from '@reduxjs/toolkit';
 
@@ -533,10 +533,10 @@ var SHARED = '__core-js_shared__';
 var store$3 = sharedStore.exports = globalThis$1[SHARED] || defineGlobalProperty$2(SHARED, {});
 
 (store$3.versions || (store$3.versions = [])).push({
-  version: '3.36.1',
+  version: '3.37.1',
   mode: 'global',
   copyright: '© 2014-2024 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.36.1/LICENSE',
+  license: 'https://github.com/zloirock/core-js/blob/v3.37.1/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
@@ -1370,17 +1370,27 @@ const tagStyle = color => {
 const StatusTag = _a => {
   var {
       content,
-      color
+      color,
+      icon
     } = _a,
-    props = __rest(_a, ["content", "color"]);
+    props = __rest(_a, ["content", "color", "icon"]);
   return /*#__PURE__*/React.createElement(Box, {
     display: "flex",
     alignItems: "center",
-    justifyContent: "center",
+    textAlign: "center",
     "data-testid": "statusTag",
     className: "statusTag",
+    position: "relative",
     sx: Object.assign(Object.assign({}, tagStyle(color)), props.sx)
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React.createElement(Box, {
+    sx: {
+      position: 'absolute',
+      color: 'geowebColors.iconButtons.flat.default.color'
+    }
+  }, icon), /*#__PURE__*/React.createElement(Typography, {
+    sx: {
+      width: '100%'
+    },
     variant: "caption"
   }, content));
 };
@@ -2179,7 +2189,7 @@ const CustomDialog = _a => {
 
 const SHARED_NAMESPACE = 'shared';
 const initSharedI18n = () => {
-  i18next.use(initReactI18next).init({
+  i18n.use(initReactI18next).init({
     lng: 'en',
     ns: SHARED_NAMESPACE,
     interpolation: {
@@ -2201,7 +2211,7 @@ const initSharedI18n = () => {
     }
   });
 };
-const translateKeyOutsideComponents = (key, params = undefined) => i18next.t(key, Object.assign({
+const translateKeyOutsideComponents = (key, params = undefined) => i18n.t(key, Object.assign({
   ns: SHARED_NAMESPACE
 }, params));
 
@@ -7839,6 +7849,13 @@ const DEFAULT_ERROR_MESSAGE = 'An error has occurred';
 const isAxiosError = error => {
   return error.isAxiosError !== undefined;
 };
+const isAxiosAuthError = error => {
+  var _a, _b;
+  if (isAxiosError(error)) {
+    return ((_a = error.response) === null || _a === void 0 ? void 0 : _a.status) === 401 || ((_b = error.response) === null || _b === void 0 ? void 0 : _b.status) === 403;
+  }
+  return false;
+};
 const getAxiosErrorMessage = error => {
   const data = error.response && error.response.data;
   if (data && typeof data === 'string') {
@@ -8566,6 +8583,7 @@ var index = /*#__PURE__*/Object.freeze({
   startOfDay: startOfDay,
   parseISO: parseISO,
   isWithinInterval: isWithinInterval,
+  getDayOfYear: getDayOfYear,
   getDay: getDay,
   getMonth: getMonth,
   getYear: getYear,
@@ -8621,39 +8639,6 @@ const createToolkitMockStoreWithEggs = storeConfig => {
   return store;
 };
 
-/**
- * Update i18next translations on the fly when used outside React components
- * NOTE: If possible pass the `t` function instead of using this
- * Because this doesnt trigger a rerender when using a language select
- * This only works for simple values, no interpolation
- */
-const handleOutsideComponentTranslations = (translationList, namespace, defaultLanguage = 'en') => {
-  var _a;
-  // we need to create a new object, do not reference the original list directly
-  const outsideComponentTranslations = Object.assign({}, translationList[defaultLanguage]);
-  const updateOutsideComponentTranslations = () => {
-    Object.keys(outsideComponentTranslations).forEach(key => {
-      // @ts-expect-error we need to reassign the translations
-      outsideComponentTranslations[key] = i18next.t(key, {
-        ns: namespace
-      });
-    });
-  };
-  if (i18next.isInitialized) {
-    updateOutsideComponentTranslations();
-  }
-  i18next.on('initialized', () => {
-    updateOutsideComponentTranslations();
-  });
-  i18next.on('languageChanged', () => {
-    updateOutsideComponentTranslations();
-  });
-  (_a = i18next.store) === null || _a === void 0 ? void 0 : _a.on('added', () => {
-    updateOutsideComponentTranslations();
-  });
-  return outsideComponentTranslations;
-};
-
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -8702,4 +8687,4 @@ class RenderCounter {
 }
 const renderCounter = new RenderCounter();
 
-export { AlertBanner, AlertIcon, AppHeader, AppLayout, Avatar, CanvasComponent, ConfirmationDialog, ConfirmationServiceProvider, CustomAccordion, CustomDialog, CustomIconButton, CustomSlider, CustomToggleButton, CustomTooltip, DEFAULT_ERROR_MESSAGE, DraggableComponent$1 as Draggable, ErrorBoundary, LastUpdateTime, ResizeComponent as Resizable, SHARED_NAMESPACE, 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, handleOutsideComponentTranslations, initSharedI18n, isAxiosError, pollingIntervalTimeout, renderCounter, sharedTranslations, showPrompt, sliderHeaderStyle, tooltipContainerStyles, translateKeyOutsideComponents, 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, DEFAULT_ERROR_MESSAGE, DraggableComponent$1 as Draggable, ErrorBoundary, LastUpdateTime, ResizeComponent as Resizable, SHARED_NAMESPACE, 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, initSharedI18n, isAxiosAuthError, isAxiosError, pollingIntervalTimeout, renderCounter, sharedTranslations, showPrompt, sliderHeaderStyle, tooltipContainerStyles, translateKeyOutsideComponents, useConfirmationDialog, useControlledTooltip, useDebounce, useDialogActions, useIsMounted, useMakeSureContainerStaysInsideWindow, usePoller, usePreventBrowserClose, usePrevious, useUserMenu, withEggs };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/shared",
-  "version": "9.17.0",
+  "version": "9.19.0",
   "description": "GeoWeb shared library with shared components and utils for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {

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

@@ -3,6 +3,7 @@ import { BoxProps } from '@mui/material';
 interface StatusTagProps extends BoxProps {
     content: string;
     color: string;
+    icon?: React.ReactNode;
 }
 declare const StatusTag: React.FC<StatusTagProps>;
 export default StatusTag;

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

@@ -4,12 +4,15 @@ export interface ConfigType {
     GW_AUTH_LOGOUT_URL?: string;
     GW_AUTH_TOKEN_URL?: string;
     GW_AUTH_CLIENT_ID?: string;
+    GW_AUTH_ROLE_CLAIM_NAME?: string;
+    GW_AUTH_ROLE_CLAIM_VALUE_PRESETS_ADMIN?: string;
     GW_BE_VERSION_BASE_URL?: string;
     GW_APP_URL?: string;
     GW_INITIAL_PRESETS_FILENAME?: string;
     GW_CAP_CONFIGURATION_FILENAME?: string;
     GW_TIMESERIES_CONFIGURATION_FILENAME?: string;
     GW_DEFAULT_THEME?: ThemeTypes;
+    GW_INITIAL_WORKSPACE_PRESET?: string;
     GW_SW_BASE_URL?: string;
     GW_SIGMET_BASE_URL?: string;
     GW_AIRMET_BASE_URL?: string;

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

@@ -1,6 +1,7 @@
 import { AxiosError } from 'axios';
 export declare const DEFAULT_ERROR_MESSAGE = "An error has occurred";
 export declare const isAxiosError: (error: AxiosError | Error) => error is AxiosError<unknown, any>;
+export declare const isAxiosAuthError: (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

@@ -1,4 +1,4 @@
-import { parseISO, isEqual, Duration, startOfDay, isWithinInterval, getDay, getMonth, getYear, getWeek } from 'date-fns';
+import { parseISO, isEqual, Duration, startOfDay, isWithinInterval, getDayOfYear, getDay, getMonth, getYear, getWeek } from 'date-fns';
 export interface DateValues {
     year?: number;
     month?: number;
@@ -331,4 +331,4 @@ export declare const convertNOWandTODAYFormatsToUTC: (timeValue: string) => stri
  * @param {Date} date - second date
  * @returns {boolean} - True if dates are equal
  */
-export { isEqual, startOfDay, parseISO, isWithinInterval, getDay, getMonth, getYear, getWeek, };
+export { isEqual, startOfDay, parseISO, isWithinInterval, getDayOfYear, getDay, getMonth, getYear, getWeek, };

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

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

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

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

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

@@ -1,7 +0,0 @@
-/**
- * Update i18next translations on the fly when used outside React components
- * NOTE: If possible pass the `t` function instead of using this
- * Because this doesnt trigger a rerender when using a language select
- * This only works for simple values, no interpolation
- */
-export declare const handleOutsideComponentTranslations: <T extends Record<string, string>>(translationList: Record<string, T>, namespace: string, defaultLanguage?: string) => T;

package/src/lib/utils/translationUtils/translationUtils.spec.d.ts

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