@opengeoweb/shared 9.36.0 → 9.37.0

package/index.esm.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Box, Typography, Tooltip, IconButton, Dialog, DialogTitle, DialogContent, DialogActions, Button, CircularProgress, Alert, AlertTitle, useTheme, Drawer, Link, Avatar as Avatar$1, Paper, ClickAwayListener, MenuList, MenuItem, Grid2, RadioGroup, FormControlLabel, Radio, List, ListItem, Tabs, Tab, Backdrop, Switch, Slider, ToggleButton, Menu, ListSubheader, ListItemText, ListItemIcon, styled, Select, Accordion, AccordionSummary, AccordionDetails, FormLabel, TextField, InputAdornment, Chip, Stack, debounce as debounce$1, Checkbox, ListItemButton } 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 { Close, Exclamation, Success, Info, ChevronRight, GeoWebLogo, HamburgerMenu, Resize, Admin, useThemeContext, ThemeTypes, DragHandle, ArrowLeft, ArrowRight, KeyOption, ArrowUp, ArrowDown, KeyCommand, Options, ChevronDown, Search, Clear, Cached } from '@opengeoweb/theme';
 import * as React from 'react';
 import React__default, { useRef, Component, useState } from 'react';
 import 'i18next';
@@ -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, 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, 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$1, getHours as getHours$1, startOfDay, addMinutes, addHours, setSeconds as setSeconds$1, getDay, getDayOfYear, getMonth, getWeek, getYear, isWithinInterval } from 'date-fns';
 import { configureStore } from '@reduxjs/toolkit';
 
 var en = {
@@ -66,6 +66,7 @@ var en = {
 	"shared-clear": "Clear",
 	"shared-light": "Light",
 	"shared-dark": "Dark",
+	"shared-xmas": "Christmas",
 	"shared-filter-all": "All",
 	"shared-filter-my-presets": "My presets",
 	"shared-filter-system-presets": "System presets",
@@ -125,6 +126,7 @@ var fi = {
 	"shared-clear": "Tyhjennä",
 	"shared-light": "Vaalea",
 	"shared-dark": "Tumma",
+	"shared-xmas": "Joulu",
 	"shared-filter-all": "Kaikki",
 	"shared-filter-my-presets": "Omat presetit",
 	"shared-filter-system-presets": "Järestelmä presetit",
@@ -184,6 +186,7 @@ var no = {
 	"shared-clear": "Tøm",
 	"shared-light": "Lys",
 	"shared-dark": "Mørk",
+	"shared-xmas": "Christmas",
 	"shared-filter-all": "Alle",
 	"shared-filter-my-presets": "Mine presets",
 	"shared-filter-system-presets": "System presets",
@@ -243,6 +246,7 @@ var nl = {
 	"shared-clear": "Wissen",
 	"shared-light": "Licht",
 	"shared-dark": "Donker",
+	"shared-xmas": "Kerstmis",
 	"shared-filter-all": "Alle",
 	"shared-filter-my-presets": "Mijn presets",
 	"shared-filter-system-presets": "Systeem presets",
@@ -1476,7 +1480,7 @@ var AppLayout = function AppLayout(_ref) {
 };
 
 var AppHeader = function AppHeader(_ref) {
-  var _sx;
+  var _sx, _theme$palette$geoweb;
   var menu = _ref.menu,
     userMenu = _ref.userMenu,
     workspaceTopBar = _ref.workspaceTopBar,
@@ -1529,7 +1533,14 @@ var AppHeader = function AppHeader(_ref) {
         alignItems: 'center',
         cursor: onClick ? 'pointer' : 'auto'
       },
-      children: [jsx(GeoWebLogo, {
+      children: [(_theme$palette$geoweb = theme.palette.geowebColors.logo) != null && _theme$palette$geoweb.image ? jsx("img", {
+        src: theme.palette.geowebColors.logo.image,
+        alt: "GeoWeb",
+        style: {
+          height: '29px',
+          width: '47px'
+        }
+      }) : jsx(GeoWebLogo, {
         style: {
           position: 'relative',
           top: '-1px',
@@ -1952,8 +1963,8 @@ var UserMenu = function UserMenu(_ref) {
 
 var MenuItemTheme = function MenuItemTheme() {
   var _useThemeContext = useThemeContext(),
-    isDark = _useThemeContext.isDark,
-    toggleTheme = _useThemeContext.toggleTheme;
+    namedTheme = _useThemeContext.namedTheme,
+    setThemeName = _useThemeContext.setThemeName;
   var _useTranslation = useTranslation(SHARED_NAMESPACE),
     t = _useTranslation.t;
   return jsx(MenuItem, {
@@ -1964,19 +1975,29 @@ var MenuItemTheme = function MenuItemTheme() {
         children: t('shared-choose-app-mode')
       }), jsx(Grid2, {
         children: jsxs(RadioGroup, {
-          onChange: toggleTheme,
+          onChange: function onChange(event, value) {
+            if (value && setThemeName) {
+              setThemeName(value);
+            }
+          },
           children: [jsx(FormControlLabel, {
-            value: true,
+            value: ThemeTypes.LIGHT_THEME,
             control: jsx(Radio, {
-              checked: !isDark
+              checked: (namedTheme == null ? void 0 : namedTheme.name) === ThemeTypes.LIGHT_THEME
             }),
             label: t('shared-light')
           }), jsx(FormControlLabel, {
-            value: false,
+            value: ThemeTypes.DARK_THEME,
             control: jsx(Radio, {
-              checked: isDark
+              checked: (namedTheme == null ? void 0 : namedTheme.name) === ThemeTypes.DARK_THEME
             }),
             label: t('shared-dark')
+          }), jsx(FormControlLabel, {
+            value: ThemeTypes.XMAS2024_THEME,
+            control: jsx(Radio, {
+              checked: (namedTheme == null ? void 0 : namedTheme.name) === ThemeTypes.XMAS2024_THEME
+            }),
+            label: t('shared-xmas') + " 2024"
           })]
         })
       })]
@@ -3462,7 +3483,7 @@ var CustomSlider = function CustomSlider(_ref) {
     rest.forEach(function (element) {
       return element.classList.remove('selectedLabel');
     });
-  }, [value, themeContext.isDark]);
+  }, [value, themeContext.namedTheme]);
   // autofocus
   React.useEffect(function () {
     if (shouldAutoFocus && element.current) {
@@ -5710,6 +5731,29 @@ var convertNOWandTODAYFormatsToUTC = function convertNOWandTODAYFormatsToUTC(tim
   }
   throw new Error('Invalid endTime format');
 };
+/**
+ * @name setSeconds
+ * @category Second Helpers
+ * @summary Set the seconds to the given date.
+ *
+ * @description
+ * Set the seconds to the given date.
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ *
+ * @param date - The date to be changed
+ * @param seconds - The seconds of the new date
+ *
+ * @returns The new date with the seconds set
+ *
+ * @example
+ * // Set 45 seconds to 1 September 2014 11:30:40:
+ * const result = setSeconds(new Date(2014, 8, 1, 11, 30, 40), 45)
+ * //=> Mon Sep 01 2014 11:30:45
+ */
+var setSeconds = function setSeconds(date, seconds) {
+  return setSeconds$1(date, seconds);
+};
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -5772,6 +5816,7 @@ var index = /*#__PURE__*/Object.freeze({
   parseISO: parseISO,
   roundToNearestMinutes: roundToNearestMinutes,
   set: set,
+  setSeconds: setSeconds,
   setUTCDate: setUTCDate,
   startOfDay: startOfDay,
   startOfDayUTC: startOfDayUTC,

package/package.json

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

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

@@ -334,6 +334,27 @@ export declare const convertNOWFormatToUTC: (timeValue: string) => string;
  * @returns Time in UTC format
  */
 export declare const convertNOWandTODAYFormatsToUTC: (timeValue: string) => string;
+/**
+ * @name setSeconds
+ * @category Second Helpers
+ * @summary Set the seconds to the given date.
+ *
+ * @description
+ * Set the seconds to the given date.
+ *
+ * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).
+ *
+ * @param date - The date to be changed
+ * @param seconds - The seconds of the new date
+ *
+ * @returns The new date with the seconds set
+ *
+ * @example
+ * // Set 45 seconds to 1 September 2014 11:30:40:
+ * const result = setSeconds(new Date(2014, 8, 1, 11, 30, 40), 45)
+ * //=> Mon Sep 01 2014 11:30:45
+ */
+export declare const setSeconds: (date: Date, seconds: number) => Date;
 /**
  * Compares two dates if values are the same
  * @param {Date} date - first date