@opengeoweb/shared 12.0.0 → 12.1.0

package/index.esm.js

@@ -70,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"
 };
@@ -131,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"
 };
@@ -192,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"
 };
@@ -253,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"
 };
@@ -890,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 ? {
@@ -909,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) {
@@ -935,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'
       }
@@ -963,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],
@@ -1003,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, {
@@ -3874,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]);
@@ -4181,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, {
@@ -4765,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'),
@@ -5050,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": "12.0.0",
+  "version": "12.1.0",
   "description": "GeoWeb shared library with shared components and utils for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -8,25 +8,22 @@
     "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
   },
   "dependencies": {
-    "@emotion/react": "11.14.0",
-    "@emotion/styled": "11.14.0",
-    "@mui/material": "^6.1.1",
-    "@mui/system": "6.4.6",
-    "@mui/x-date-pickers": "7.27.1",
-    "@reduxjs/toolkit": "^1.9.7",
-    "@sentry/react": "^8.34.0",
-    "@storybook/react": "8.4.2",
-    "@testing-library/react": "16.0.1",
-    "@testing-library/user-event": "14.5.2",
+    "@opengeoweb/theme": "12.1.0",
+    "react-draggable": "^4.4.6",
+    "re-resizable": "^6.9.11",
+    "lodash": "^4.17.21",
     "axios": "^1.7.7",
     "date-fns": "^4.1.0",
+    "@reduxjs/toolkit": "^1.9.7",
+    "react-i18next": "^15.1.1",
     "i18next": "^23.11.5",
-    "jest-date-mock": "1.0.10",
-    "lodash": "^4.17.21",
-    "re-resizable": "^6.9.11",
-    "react": "18.3.1",
-    "react-draggable": "^4.4.6",
-    "react-i18next": "^15.1.1"
+    "@sentry/react": "^8.34.0",
+    "@mui/material": "^6.1.1"
+  },
+  "peerDependencies": {
+    "react": "18",
+    "@emotion/react": "*",
+    "@emotion/styled": "*"
   },
   "module": "./index.esm.js",
   "type": "module",

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;