@opengeoweb/theme 14.2.1 → 14.2.2

package/index.esm.js

@@ -3,8 +3,6 @@ import { SvgIcon, createTheme as createTheme$1, ThemeProvider as ThemeProvider$1
 import React from 'react';
 import 'i18next';
 import 'react-i18next';
-import styled from '@emotion/styled';
-import { range } from 'lodash';
 
 var en = {
 	theme: "Theme"
@@ -1967,7 +1965,7 @@ var ThemeTypes;
 (function (ThemeTypes) {
   ThemeTypes["DARK_THEME"] = "darkTheme";
   ThemeTypes["LIGHT_THEME"] = "lightTheme";
-  ThemeTypes["XMAS2024_THEME"] = "xmas2024Theme";
+  ThemeTypes["XMAS_THEME"] = "xmasTheme";
   ThemeTypes["EUMETNET_THEME"] = "eumetnetTheme";
   ThemeTypes["DEMO_THEME"] = "demoTheme";
 })(ThemeTypes || (ThemeTypes = {}));
@@ -6275,7 +6273,7 @@ var colors = Object.assign({}, colors$4, {
     }
   },
   logo: {
-    image: 'assets/themes/xmas2024/app_icon.png'
+    image: 'assets/themes/xmas/app_icon.png'
   },
   tooltips: {
     tooltipContainer: {
@@ -6368,7 +6366,7 @@ var colors = Object.assign({}, colors$4, {
     top: '-70px',
     width: '100%',
     height: '100%',
-    backgroundImage: 'url("assets/themes/xmas2024/xmasRibbon.png")',
+    backgroundImage: 'url("assets/themes/xmas/xmasRibbon.png")',
     backgroundRepeat: 'repeat-x',
     backgroundSize: '460px',
     pointerEvents: 'none',
@@ -6382,10 +6380,10 @@ var colors = Object.assign({}, colors$4, {
     backgroundColor: '#FFFFFF'
   },
   festoonBackdrop: {
-    backgroundImage: 'linear-gradient(to bottom, rgba(20, 20, 20, 0.85), rgba(255, 150, 20, 0.2)), url("assets/themes/xmas2024/santa100th.png")',
+    backgroundImage: 'linear-gradient(to bottom, rgba(20, 20, 20, 0.85), rgba(255, 150, 20, 0.2)), url("assets/themes/xmas/santa100th.png")',
     backgroundSize: '100%',
     backgroundColor: 'rgba(0, 35, 65, 0.95)',
-    backgroundRepeat: 'no-repeat'
+    backgroundRepeat: 'repeat'
   }
 });
 // https://app.zeplin.io/project/5ecf84a3c6ae1047a368f393/screen/6093e694124ecf3886de76d4
@@ -6425,8 +6423,8 @@ var getThemeByName = function getThemeByName(themeName) {
       return namedDarkTheme;
     case ThemeTypes.LIGHT_THEME:
       return namedLightTheme;
-    case ThemeTypes.XMAS2024_THEME:
-      return namedXmas2024Theme;
+    case ThemeTypes.XMAS_THEME:
+      return namedXmasTheme;
     case ThemeTypes.DEMO_THEME:
       return namedDemoTheme;
     case ThemeTypes.EUMETNET_THEME:
@@ -6445,7 +6443,7 @@ var darkTheme = createTheme({
   geowebColors: colors$3,
   elevations: elevations$3
 });
-var xmas2024Theme = createTheme({
+var xmasTheme = createTheme({
   paletteType: 'dark',
   geowebColors: colors,
   elevations: elevations
@@ -6468,9 +6466,9 @@ var namedDarkTheme = {
   name: ThemeTypes.DARK_THEME,
   theme: darkTheme
 };
-var namedXmas2024Theme = {
-  name: ThemeTypes.XMAS2024_THEME,
-  theme: xmas2024Theme
+var namedXmasTheme = {
+  name: ThemeTypes.XMAS_THEME,
+  theme: xmasTheme
 };
 var namedDemoTheme = {
   name: ThemeTypes.DEMO_THEME,
@@ -7096,25 +7094,23 @@ var EChartsLightTheme = {
  * */
 var THEME_NAMESPACE = 'theme';
 
-var Snowflake = styled('div')(function () {
-  return {
-    '--fall-duration': Math.random() * 10 + 10 + "s",
-    '--fall-delay': "-" + Math.random() * 10 + "s",
-    '--sway-delay': "-" + Math.random() * 5 + "s",
-    left: Math.random() * 100 + "%"
-  };
-});
-var getSnowflakes = function getSnowflakes() {
-  return range(100).map(function (_, index) {
-    return (
-      // eslint-disable-next-line react/no-array-index-key
-      jsx(Snowflake, {
-        className: "snowflake",
-        children: "\u2744"
-      }, index)
-    );
-  });
-};
+/* *
+ * 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)
+ * */
 // Overlay style
 var useOverlayStyle = function useOverlayStyle() {
   var _React$useState = React.useState({}),
@@ -7124,7 +7120,7 @@ var useOverlayStyle = function useOverlayStyle() {
   var _useThemeContext = useThemeContext(),
     namedTheme = _useThemeContext.namedTheme;
   React.useEffect(function () {
-    var isXmasStyle = !!theme.palette.geowebColors.festoonOverlay && (namedTheme == null ? void 0 : namedTheme.name) === ThemeTypes.XMAS2024_THEME;
+    var isXmasStyle = !!theme.palette.geowebColors.festoonOverlay && (namedTheme == null ? void 0 : namedTheme.name) === ThemeTypes.XMAS_THEME;
     setOverlayStyle(isXmasStyle ? theme.palette.geowebColors.festoonOverlay : {});
   }, [theme, namedTheme]);
   return overlayStyle;
@@ -7143,7 +7139,7 @@ var useContainerStyle = function useContainerStyle() {
   var _useThemeContext2 = useThemeContext(),
     namedTheme = _useThemeContext2.namedTheme;
   React.useEffect(function () {
-    var isXmasStyle = !!theme.palette.geowebColors.festoonContainer && (namedTheme == null ? void 0 : namedTheme.name) === ThemeTypes.XMAS2024_THEME;
+    var isXmasStyle = !!theme.palette.geowebColors.festoonContainer && (namedTheme == null ? void 0 : namedTheme.name) === ThemeTypes.XMAS_THEME;
     setContainerStyle(isXmasStyle ? theme.palette.geowebColors.festoonContainer : {});
   }, [theme, namedTheme]);
   return containerStyle;
@@ -7162,7 +7158,7 @@ var useBackdropStyle = function useBackdropStyle() {
   var _useThemeContext3 = useThemeContext(),
     namedTheme = _useThemeContext3.namedTheme;
   React.useEffect(function () {
-    var isXmasThemeStyle = !!theme.palette.geowebColors.festoonBackdrop && (namedTheme == null ? void 0 : namedTheme.name) === ThemeTypes.XMAS2024_THEME;
+    var isXmasThemeStyle = (namedTheme == null ? void 0 : namedTheme.name) === ThemeTypes.XMAS_THEME && !!theme.palette.geowebColors.festoonBackdrop;
     setBackdropStyle(isXmasThemeStyle ? theme.palette.geowebColors.festoonBackdrop : {});
   }, [theme, namedTheme]);
   return backdropStyle;
@@ -7172,24 +7168,5 @@ var BackdropStyle = function BackdropStyle() {
   var style = useBackdropStyle();
   return style === {} ? defaultStyle : style;
 };
-// Backdrop element
-var useBackdropElement = function useBackdropElement() {
-  var _React$useState4 = React.useState(null),
-    backdropElement = _React$useState4[0],
-    setBackdropElement = _React$useState4[1];
-  var theme = useTheme();
-  var _useThemeContext4 = useThemeContext(),
-    namedTheme = _useThemeContext4.namedTheme;
-  React.useEffect(function () {
-    var isXmasThemeElem = !!theme.palette.geowebColors.festoonBackdrop && (namedTheme == null ? void 0 : namedTheme.name) === ThemeTypes.XMAS2024_THEME;
-    setBackdropElement(isXmasThemeElem ? getSnowflakes() : null);
-  }, [theme, namedTheme]);
-  return backdropElement;
-};
-var BackdropElement = function BackdropElement() {
-  var defaultElem = null;
-  var elem = useBackdropElement();
-  return elem != null ? elem : defaultElem;
-};
 
-export { Add, Admin, Animation, ArrowDown, ArrowDownCompact, ArrowDropDownDown, ArrowDropDownUp, ArrowLeft, ArrowRight, ArrowUp, ArrowUpCompact, AutoUpdateActive, AutoUpdateInActive, BackdropElement, BackdropStyle, Both, Cached, CalendarToday, Cancel, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clear, Clock, Close, CloudIdle, CloudLoading, CoastalEvent, CollapseLarge, CollapseMedium, CollapseSmall, CollapseWindow, ColumnCollapse, ColumnCollapsed, ContainerStyle, Copy, Delete, DimensionsElevation, DimensionsOther, DimensionsRefTime, DimensionsTime, DragHandle, DrawFIRLand, DrawPolygon, DrawRegion, EChartsDarkTheme, EChartsLightTheme, Edit, Equalizer, Exclamation, ExitDomain, Expand, ExpandWindow, Expire, Export, FastForward, Filter, FlagBritain, FlagFinland, FlagNetherlands, FlagNorway, Fog, FreezingPrecipitation, FunnelCloud, GeoWebLogo, HamburgerMenu, Haze, Home, index as Icons, Info, KeyCommand, KeyOption, Layers, LayersAdd, Lightning, Link, LinkOff, List, ListItem, Location, LockLocked, LockUnlocked, MapAdd, Menu, MeteoGate, Minus, ModerateAircraftIcing, ModerateTurbulence, MyLocation, None, Notifications, Now, Options, OverlayStyle, Overlayers, Pause, Picture, Play, Polygons, Preset, PresetTiles, PresetWorkspace, RadioactiveMaterials, Rain, Remove, Resize, SandStorm, Search, SevereAircraftIcing, SevereMountainWaves, SevereTurbulence, SevereWaves, Share, SharedPresetsMyUser, SharedPresetsOtherUsers, SliderThumb, Snow, Sources, Speed, SplitHorizontal, SplitVertical, StepBackward, StepForward, SubdirectoryArrowRight, Success, THEME_NAMESPACE, TemperatureHigh, TemperatureLow, TextIcon, ThemeContext, ThemeProvider, ThemeTypes, ThemeWrapper, ThumbsUp, Thunderstorm, TimeSeriesSelect, UnExpand, Update, Visibility, VisibilityOff, VulcanicEruption, WebAssetOff, Wind, WorldMapProjection, arrowUpPath, breakpoints, colors$4 as colorsLight, createShadows, createTheme, darkTheme, demoTheme, dragHandlePath, elevations$4 as elevationsLight, eumetnetTheme, getThemeByName, lightTheme, locationPath, namedDarkTheme, namedDemoTheme, namedEumetnetTheme, namedLightTheme, namedXmas2024Theme, parseColors, themeTranslations, useThemeContext, xmas2024Theme };
+export { Add, Admin, Animation, ArrowDown, ArrowDownCompact, ArrowDropDownDown, ArrowDropDownUp, ArrowLeft, ArrowRight, ArrowUp, ArrowUpCompact, AutoUpdateActive, AutoUpdateInActive, BackdropStyle, Both, Cached, CalendarToday, Cancel, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clear, Clock, Close, CloudIdle, CloudLoading, CoastalEvent, CollapseLarge, CollapseMedium, CollapseSmall, CollapseWindow, ColumnCollapse, ColumnCollapsed, ContainerStyle, Copy, Delete, DimensionsElevation, DimensionsOther, DimensionsRefTime, DimensionsTime, DragHandle, DrawFIRLand, DrawPolygon, DrawRegion, EChartsDarkTheme, EChartsLightTheme, Edit, Equalizer, Exclamation, ExitDomain, Expand, ExpandWindow, Expire, Export, FastForward, Filter, FlagBritain, FlagFinland, FlagNetherlands, FlagNorway, Fog, FreezingPrecipitation, FunnelCloud, GeoWebLogo, HamburgerMenu, Haze, Home, index as Icons, Info, KeyCommand, KeyOption, Layers, LayersAdd, Lightning, Link, LinkOff, List, ListItem, Location, LockLocked, LockUnlocked, MapAdd, Menu, MeteoGate, Minus, ModerateAircraftIcing, ModerateTurbulence, MyLocation, None, Notifications, Now, Options, OverlayStyle, Overlayers, Pause, Picture, Play, Polygons, Preset, PresetTiles, PresetWorkspace, RadioactiveMaterials, Rain, Remove, Resize, SandStorm, Search, SevereAircraftIcing, SevereMountainWaves, SevereTurbulence, SevereWaves, Share, SharedPresetsMyUser, SharedPresetsOtherUsers, SliderThumb, Snow, Sources, Speed, SplitHorizontal, SplitVertical, StepBackward, StepForward, SubdirectoryArrowRight, Success, THEME_NAMESPACE, TemperatureHigh, TemperatureLow, TextIcon, ThemeContext, ThemeProvider, ThemeTypes, ThemeWrapper, ThumbsUp, Thunderstorm, TimeSeriesSelect, UnExpand, Update, Visibility, VisibilityOff, VulcanicEruption, WebAssetOff, Wind, WorldMapProjection, arrowUpPath, breakpoints, colors$4 as colorsLight, createShadows, createTheme, darkTheme, demoTheme, dragHandlePath, elevations$4 as elevationsLight, eumetnetTheme, getThemeByName, lightTheme, locationPath, namedDarkTheme, namedDemoTheme, namedEumetnetTheme, namedLightTheme, namedXmasTheme, parseColors, themeTranslations, useThemeContext, xmasTheme };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/theme",
-  "version": "14.2.1",
+  "version": "14.2.2",
   "description": "GeoWeb Theme library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -12,8 +12,7 @@
     "@mui/x-date-pickers": "^8.11.2",
     "i18next": "^25.0.1",
     "@mui/material": "^7.0.1",
-    "react-i18next": "^15.1.1",
-    "lodash": "^4.17.21"
+    "react-i18next": "^15.1.1"
   },
   "peerDependencies": {
     "react": "18",

package/src/index.d.ts

@@ -11,4 +11,4 @@ export * from './lib/types';
 export * from './lib/utils/EChartsThemes';
 export { THEME_NAMESPACE } from './lib/utils/i18n';
 export { themeTranslations };
-export { OverlayStyle, ContainerStyle, BackdropStyle, BackdropElement, } from './lib/utils/themes/BackdropDecoration';
+export { OverlayStyle, ContainerStyle, BackdropStyle, } from './lib/utils/themes/BackdropDecoration';

package/src/lib/types.d.ts

@@ -11,7 +11,7 @@ export interface NamedTheme {
 export declare enum ThemeTypes {
     DARK_THEME = "darkTheme",
     LIGHT_THEME = "lightTheme",
-    XMAS2024_THEME = "xmas2024Theme",
+    XMAS_THEME = "xmasTheme",
     EUMETNET_THEME = "eumetnetTheme",
     DEMO_THEME = "demoTheme"
 }

package/src/lib/utils/themes/BackdropDecoration.d.ts

@@ -1,7 +1,4 @@
-import React from 'react';
-import './xmas2024/snowflake.css';
 import type { CSSProperties } from '../../types';
 export declare const OverlayStyle: () => CSSProperties | undefined;
 export declare const ContainerStyle: () => CSSProperties | undefined;
 export declare const BackdropStyle: () => CSSProperties | undefined;
-export declare const BackdropElement: () => React.JSX.Element[] | null;

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

@@ -4,7 +4,7 @@ import { ThemeTypes } from '../../types';
 export declare const getThemeByName: (themeName: ThemeTypes) => NamedTheme;
 export declare const lightTheme: import("@mui/material").Theme;
 export declare const darkTheme: import("@mui/material").Theme;
-export declare const xmas2024Theme: import("@mui/material").Theme;
+export declare const xmasTheme: import("@mui/material").Theme;
 export declare const demoTheme: import("@mui/material").Theme;
 export declare const eumetnetTheme: import("@mui/material").Theme;
 export declare const namedLightTheme: {
@@ -15,7 +15,7 @@ export declare const namedDarkTheme: {
     name: ThemeTypes;
     theme: import("@mui/material").Theme;
 };
-export declare const namedXmas2024Theme: {
+export declare const namedXmasTheme: {
     name: ThemeTypes;
     theme: import("@mui/material").Theme;
 };

package/index.esm.css

@@ -1,45 +0,0 @@
-/* *
- * 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 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2022 - Finnish Meteorological Institute (FMI)
- * Copyright 2024 - The Norwegian Meteorological Institute (MET Norway)
- * */
-
-.snowflake {
-  color: rgb(207, 220, 249);
-  width: 10px;
-  height: 10px;
-  opacity: 50%;
-  position: fixed;
-  pointer-events: none;
-  z-index: 9001;
-  animation:
-    snow-fall var(--fall-duration) linear var(--fall-delay) infinite forwards,
-    snow-sway 5s ease-in-out var(--sway-delay) infinite alternate;
-}
-
-@keyframes snow-sway {
-  to {
-    transform: translateX(20px);
-  }
-}
-
-@keyframes snow-fall {
-  from {
-    top: -2vw;
-  }
-  to {
-    top: 100%;
-  }
-}