@opengeoweb/shared 11.1.0 → 12.1.0

package/index.esm.js

@@ -35,6 +35,7 @@ var en = {
 	"shared-toggle-timeslider": "Toggle hide/show time slider",
 	"shared-timeslider-scale": "Change time slider scale (visible timespan)",
 	"shared-expand-timeslider-scale": "Expand/shrink time slider scale (visible timespan)",
+	"shared-toggle-layerinformation": "Toggle hide/show layer information",
 	"shared-mouseover-selected-time": "Mouseover to change selected time",
 	"shared-mouseover-on-off": "Mouseover switch on/off",
 	"shared-change-timestep-or-speed": "Change time step or animation speed",
@@ -69,6 +70,7 @@ var en = {
 	"shared-filter-all": "All",
 	"shared-filter-my-presets": "My presets",
 	"shared-filter-system-presets": "System presets",
+	"shared-filter-shared-presets": "Shared presets",
 	"shared-filter-search": "Search",
 	"shared-only": "ONLY"
 };
@@ -95,6 +97,7 @@ var fi = {
 	"shared-toggle-timeslider": "Kytke TimeSlider näkyville/pois näkyvistä",
 	"shared-timeslider-scale": "Muuta TimeSliderin näkyvää aikaväliä",
 	"shared-expand-timeslider-scale": "Laajenna/kutista TimeSliderin mittakaavaa (näkyvää aikaväliä)",
+	"shared-toggle-layerinformation": "Kytke karttatasojen pikanäyttö näkyville/pois näkyvistä",
 	"shared-mouseover-selected-time": "Osoita ja liikuta hiirtä muuttaaksesi valittua aikaa",
 	"shared-mouseover-on-off": "Kytke hiiren vaikutus TimeSlideriin päälle/pois päältä",
 	"shared-change-timestep-or-speed": "Muuta aika-askelta tai animaation nopeutta",
@@ -129,6 +132,7 @@ var fi = {
 	"shared-filter-all": "Kaikki",
 	"shared-filter-my-presets": "Omat presetit",
 	"shared-filter-system-presets": "Järestelmä presetit",
+	"shared-filter-shared-presets": "ei käännetty",
 	"shared-filter-search": "Etsi",
 	"shared-only": "Pelkästään"
 };
@@ -155,6 +159,7 @@ var no = {
 	"shared-toggle-timeslider": "Vis/skjul tidslinje",
 	"shared-timeslider-scale": "Endre tidsseriens skala (synlig tidsperiode)",
 	"shared-expand-timeslider-scale": "Utvid/krymp tidsseriens skala (synlig tidsperiode)",
+	"shared-toggle-layerinformation": "Vis/skjul laginformasjon",
 	"shared-mouseover-selected-time": "Mouseover for å endre valgt tid",
 	"shared-mouseover-on-off": "Mouseover av/på",
 	"shared-change-timestep-or-speed": "Endre tidssteg eller animasjonsfart",
@@ -189,6 +194,7 @@ var no = {
 	"shared-filter-all": "Alle",
 	"shared-filter-my-presets": "Mine presets",
 	"shared-filter-system-presets": "System presets",
+	"shared-filter-shared-presets": "Delte arbeidsflater",
 	"shared-filter-search": "Søk",
 	"shared-only": "BARE"
 };
@@ -215,6 +221,7 @@ var nl = {
 	"shared-toggle-timeslider": "Timeslider verbergen/tonen",
 	"shared-timeslider-scale": "Timeslider zichtbare periode wijzigen",
 	"shared-expand-timeslider-scale": "Timeslider zichtbare periode vergroten/verkleinen",
+	"shared-toggle-layerinformation": "Laag informatie verbergen/tonen",
 	"shared-mouseover-selected-time": "Mouseover om de geselecteerde tijd te wijzigen",
 	"shared-mouseover-on-off": "Mouseover aan / uit zetten",
 	"shared-change-timestep-or-speed": "Wijzig tijdsinterval of animatiesnelheid",
@@ -249,6 +256,7 @@ var nl = {
 	"shared-filter-all": "Alle",
 	"shared-filter-my-presets": "Mijn presets",
 	"shared-filter-system-presets": "Systeem presets",
+	"shared-filter-shared-presets": "Gedeelde presets",
 	"shared-filter-search": "Zoeken",
 	"shared-only": "ALLEEN"
 };
@@ -886,7 +894,7 @@ var ResizeComponent = function ResizeComponent(_ref) {
 };
 
 var _excluded$a = ["defaultSize", "onResizeStop", "hasLayout"],
-  _excluded2$2 = ["title", "onClose", "description", "actions", "children", "sx", "resizableDefaultSize", "isResizable", "hasLayout", "shouldRenderInline", "slotProps"];
+  _excluded2$2 = ["title", "onClose", "description", "actions", "children", "sx", "resizableDefaultSize", "isResizable", "hasLayout", "shouldRenderInline", "slotProps", "disableRestoreFocus"];
 var PaperComponent = function PaperComponent(_ref) {
   var _ref$defaultSize = _ref.defaultSize,
     defaultSize = _ref$defaultSize === void 0 ? {
@@ -905,10 +913,9 @@ var PaperComponent = function PaperComponent(_ref) {
     maxHeight: maxHeight,
     minHeight: 120,
     minWidth: 280,
+    className: "custom-dialog-resize",
     style: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
+      display: 'flex'
     }
   }, onResize && {
     onResizeStop: function onResizeStop(_event, _direction, elementRef) {
@@ -931,11 +938,11 @@ var PaperComponent = function PaperComponent(_ref) {
       bottomLeft: true,
       topLeft: true
     },
+    resizeRatio: [2, 2],
     children: hasLayout ? jsx(Paper, Object.assign({}, props, {
       sx: {
         margin: '0px!important',
         width: '100%!important',
-        height: '100%!important',
         maxHeight: '100%!important',
         maxWidth: '100%!important'
       }
@@ -959,6 +966,8 @@ var CustomDialog = function CustomDialog(_ref2) {
     _ref2$shouldRenderInl = _ref2.shouldRenderInline,
     shouldRenderInline = _ref2$shouldRenderInl === void 0 ? false : _ref2$shouldRenderInl,
     slotProps = _ref2.slotProps,
+    _ref2$disableRestoreF = _ref2.disableRestoreFocus,
+    disableRestoreFocus = _ref2$disableRestoreF === void 0 ? true : _ref2$disableRestoreF,
     other = _objectWithoutPropertiesLoose(_ref2, _excluded2$2);
   var _React$useState = React.useState(resizableDefaultSize),
     size = _React$useState[0],
@@ -999,6 +1008,13 @@ var CustomDialog = function CustomDialog(_ref2) {
     PaperComponent: PaperComponent
   }, shouldRenderInline && {
     disablePortal: true
+  }, {
+    sx: Object.assign({}, sx, isResizable && {
+      '.custom-dialog-resize': {
+        height: 'initial'
+      }
+    }),
+    disableRestoreFocus: disableRestoreFocus
   }, other, {
     children: hasLayout ? jsxs(Fragment, {
       children: [jsxs(DialogTitle, {
@@ -2974,6 +2990,12 @@ var ShortcutList = function ShortcutList(_ref) {
         children: jsx(ArrowLeft, {})
       })]
     })
+  }, {
+    titleKey: 'shared-toggle-layerinformation',
+    description: jsx(ShortCutSegment, {
+      type: "icon",
+      children: "D"
+    })
   }, {
     titleKey: 'shared-change-layer-values-scrolling',
     description: jsxs(Fragment, {
@@ -3864,8 +3886,10 @@ var TooltipSelect = function TooltipSelect(_ref) {
     setTooltipOpen(false);
   }, [setTooltipOpen]);
   var onFocus = React.useCallback(function () {
-    setTooltipOpen(true);
-  }, [setTooltipOpen]);
+    if (!selectOpen) {
+      setTooltipOpen(true);
+    }
+  }, [selectOpen, setTooltipOpen]);
   var onBlur = React.useCallback(function () {
     setTooltipOpen(false);
   }, [setTooltipOpen]);
@@ -4171,6 +4195,7 @@ var SwitchButton = function SwitchButton(_ref) {
     props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   return jsx(CustomTooltip, {
     title: tooltip,
+    className: "switch-button",
     children: jsxs("span", {
       role: "button",
       children: [jsx(FormLabel, {
@@ -4755,9 +4780,13 @@ var FilterList = function FilterList(_ref) {
     t = _useSharedTranslation.t;
   return jsxs(Stack, {
     direction: "row",
-    spacing: 1,
     "data-testid": "filterList",
     className: "filter-list",
+    flexWrap: "wrap",
+    sx: {
+      gap: 1,
+      rowGap: 1
+    },
     children: [jsx(FilterChip, {
       id: "all",
       label: t('shared-filter-all'),
@@ -5040,7 +5069,12 @@ var getWarningMessage = function getWarningMessage(error) {
   if (isAxiosError(error)) {
     return getAxiosWarningMessage(error);
   }
-  return '';
+  try {
+    var message = JSON.parse(error.message);
+    return message.WarningMessage || '';
+  } catch (_unused) {
+    return '';
+  }
 };
 
 /* *

package/package.json

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

package/src/lib/components/CustomDialog/CustomDialog.stories.d.ts

@@ -10,7 +10,10 @@ export default _default;
 type Story = StoryObj<typeof CustomDialog>;
 export declare const CustomDialogLight: Story;
 export declare const CustomDialogDark: Story;
+export declare const CustomDialogLargeContent: Story;
+export declare const CustomDialogLargeContentResizable: Story;
 export declare const CustomDialogResizable: Story;
 export declare const CustomDialogResizableWithInitialSize: Story;
 export declare const CustomDialogRenderInline: Story;
 export declare const CustomDialogResizableNoLayout: Story;
+export declare const CustomDialogWithAutofocus: Story;