@opengeoweb/shared 4.11.0 → 4.12.0

package/index.esm.js

@@ -89,46 +89,18 @@ var StatusTag = function StatusTag(_a) {
   }, content));
 };
 
-var confirmStyle = {
-  width: {
-    xs: '100%',
-    sm: '150px'
-  },
-  marginLeft: {
-    xs: '0px!important',
-    sm: '8px!important'
-  },
-  marginTop: {
-    xs: 2,
-    sm: 0
-  }
-};
-var ConfirmationDialog = function ConfirmationDialog(_a) {
-  var open = _a.open,
-      title = _a.title,
-      _a$description = _a.description,
-      description = _a$description === void 0 ? 'Are you sure?' : _a$description,
-      _a$confirmLabel = _a.confirmLabel,
-      confirmLabel = _a$confirmLabel === void 0 ? 'Submit' : _a$confirmLabel,
-      _a$cancelLabel = _a.cancelLabel,
-      cancelLabel = _a$cancelLabel === void 0 ? 'Go back' : _a$cancelLabel,
-      onSubmit = _a.onSubmit,
+var CustomDialog = function CustomDialog(_a) {
+  var title = _a.title,
       _onClose = _a.onClose,
-      _a$content = _a.content,
-      content = _a$content === void 0 ? null : _a$content,
-      _a$disableAutoFocus = _a.disableAutoFocus,
-      disableAutoFocus = _a$disableAutoFocus === void 0 ? false : _a$disableAutoFocus,
-      _a$isLoading = _a.isLoading,
-      isLoading = _a$isLoading === void 0 ? false : _a$isLoading,
-      other = __rest(_a, ["open", "title", "description", "confirmLabel", "cancelLabel", "onSubmit", "onClose", "content", "disableAutoFocus", "isLoading"]);
-
-  other.catchOnCancel;
-      var rest = __rest(other, ["catchOnCancel"]); // remove unwanted props
-
+      _a$description = _a.description,
+      description = _a$description === void 0 ? '' : _a$description,
+      _a$actions = _a.actions,
+      actions = _a$actions === void 0 ? null : _a$actions,
+      children = _a.children,
+      other = __rest(_a, ["title", "onClose", "description", "actions", "children"]);
 
   return /*#__PURE__*/React.createElement(Dialog, Object.assign({
-    "data-testid": "confirmationDialog",
-    open: open,
+    "data-testid": "customDialog",
     PaperProps: {
       sx: {
         width: '560px',
@@ -139,8 +111,10 @@ var ConfirmationDialog = function ConfirmationDialog(_a) {
     transitionDuration: 0,
     onClose: function onClose() {
       _onClose('CLOSED');
-    }
-  }, rest), /*#__PURE__*/React.createElement(DialogTitle, {
+    },
+    "aria-labelledby": "dialog-title"
+  }, other), /*#__PURE__*/React.createElement(DialogTitle, {
+    id: "dialog-title",
     sx: {
       zIndex: 1,
       padding: 2,
@@ -159,10 +133,10 @@ var ConfirmationDialog = function ConfirmationDialog(_a) {
         sm: 400
       }
     },
-    "data-testid": "confirmationDialog-title",
+    "data-testid": "customDialog-title",
     component: "span"
   }, title), /*#__PURE__*/React.createElement(IconButton, {
-    "data-testid": "confirmationDialog-close",
+    "data-testid": "customDialog-close",
     "aria-label": "close",
     onClick: function onClick() {
       return _onClose('CLOSED');
@@ -176,7 +150,7 @@ var ConfirmationDialog = function ConfirmationDialog(_a) {
     }
   }, description && /*#__PURE__*/React.createElement(Typography, {
     variant: "body1"
-  }, description), content), /*#__PURE__*/React.createElement(DialogActions, {
+  }, description), children), /*#__PURE__*/React.createElement(DialogActions, {
     sx: {
       padding: 2,
       flexDirection: {
@@ -184,53 +158,100 @@ var ConfirmationDialog = function ConfirmationDialog(_a) {
         sm: 'row'
       }
     }
-  }, /*#__PURE__*/React.createElement(Button, {
-    "data-testid": "confirmationDialog-cancel",
-    variant: "tertiary",
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
-    sx: function sx(theme) {
-      return {
-        width: {
-          xs: '100%',
-          sm: '150px'
-        },
-        '&:focus': {
-          outline: theme.palette.geowebColors.buttons.focusDefault.outline,
-          borderColor: 'transparent'
-        }
-      };
-    },
-    onClick: function onClick() {
-      return _onClose('CANCELLED');
-    },
-    disableFocusRipple: true
-  }, cancelLabel), isLoading ? /*#__PURE__*/React.createElement(Box, {
-    "data-testid": "confirm-dialog-spinner",
-    sx: Object.assign(Object.assign({}, confirmStyle), {
-      height: '40px',
-      display: 'flex',
-      justifyContent: 'center',
-      alignItems: 'center'
-    })
-  }, /*#__PURE__*/React.createElement(CircularProgress, {
-    size: 40,
-    color: "secondary"
-  })) : /*#__PURE__*/React.createElement(Button, {
-    "data-testid": "confirmationDialog-confirm",
-    variant: "primary",
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
-    sx: function sx(theme) {
-      return Object.assign(Object.assign({}, confirmStyle), {
-        '&:focus': {
-          outline: theme.palette.geowebColors.buttons.focusDefault.outline,
-          borderColor: 'transparent'
-        }
-      });
-    },
-    onClick: onSubmit,
-    autoFocus: !disableAutoFocus,
-    disableFocusRipple: true
-  }, confirmLabel)));
+  }, actions));
+};
+
+var confirmStyle = {
+  width: {
+    xs: '100%',
+    sm: '150px'
+  },
+  marginLeft: {
+    xs: '0px!important',
+    sm: '8px!important'
+  },
+  marginTop: {
+    xs: 2,
+    sm: 0
+  }
+};
+var ConfirmationDialog = function ConfirmationDialog(_a) {
+  var open = _a.open,
+      title = _a.title,
+      _a$description = _a.description,
+      description = _a$description === void 0 ? 'Are you sure?' : _a$description,
+      _a$confirmLabel = _a.confirmLabel,
+      confirmLabel = _a$confirmLabel === void 0 ? 'Submit' : _a$confirmLabel,
+      _a$cancelLabel = _a.cancelLabel,
+      cancelLabel = _a$cancelLabel === void 0 ? 'Go back' : _a$cancelLabel,
+      onSubmit = _a.onSubmit,
+      onClose = _a.onClose,
+      _a$content = _a.content,
+      content = _a$content === void 0 ? null : _a$content,
+      _a$disableAutoFocus = _a.disableAutoFocus,
+      disableAutoFocus = _a$disableAutoFocus === void 0 ? false : _a$disableAutoFocus,
+      _a$isLoading = _a.isLoading,
+      isLoading = _a$isLoading === void 0 ? false : _a$isLoading,
+      other = __rest(_a, ["open", "title", "description", "confirmLabel", "cancelLabel", "onSubmit", "onClose", "content", "disableAutoFocus", "isLoading"]);
+
+  other.catchOnCancel;
+      var rest = __rest(other, ["catchOnCancel"]); // remove unwanted props
+
+
+  return /*#__PURE__*/React.createElement(CustomDialog, Object.assign({
+    "data-testid": "confirmationDialog",
+    open: open,
+    title: title,
+    description: description,
+    onClose: onClose,
+    actions: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+      "data-testid": "confirmationDialog-cancel",
+      variant: "tertiary",
+      // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+      sx: function sx(theme) {
+        return {
+          width: {
+            xs: '100%',
+            sm: '150px'
+          },
+          '&:focus': {
+            outline: theme.palette.geowebColors.buttons.focusDefault.outline,
+            borderColor: 'transparent'
+          }
+        };
+      },
+      onClick: function onClick() {
+        return onClose('CANCELLED');
+      },
+      disableFocusRipple: true
+    }, cancelLabel), isLoading ? /*#__PURE__*/React.createElement(Box, {
+      "data-testid": "confirm-dialog-spinner",
+      sx: Object.assign(Object.assign({}, confirmStyle), {
+        height: '40px',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center'
+      })
+    }, /*#__PURE__*/React.createElement(CircularProgress, {
+      size: 40,
+      color: "secondary"
+    })) : /*#__PURE__*/React.createElement(Button, {
+      "data-testid": "confirmationDialog-confirm",
+      variant: "primary",
+      // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+      sx: function sx(theme) {
+        return Object.assign(Object.assign({}, confirmStyle), {
+          '&:focus': {
+            outline: theme.palette.geowebColors.buttons.focusDefault.outline,
+            borderColor: 'transparent'
+          }
+        });
+      },
+      onClick: onSubmit,
+      autoFocus: !disableAutoFocus,
+      disableFocusRipple: true
+    }, confirmLabel))
+  }, rest), content);
 };
 
 function _classCallCheck(instance, Constructor) {
@@ -1064,8 +1085,8 @@ var AppHeader = function AppHeader(_ref2) {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  *
- * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2021 - Finnish Meteorological Institute (FMI)
+ * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+ * Copyright 2023 - Finnish Meteorological Institute (FMI)
  * */
 
 var DraggableComponent$1 = function DraggableComponent(_a) {
@@ -2787,7 +2808,10 @@ var ToggleMenu = function ToggleMenu(_ref) {
   }, /*#__PURE__*/React.createElement(Options, null))), /*#__PURE__*/React.createElement(Menu, {
     anchorEl: anchorEl,
     open: isOpen,
-    onClose: handleClose,
+    onClose: function onClose(event, reason) {
+      if (reason === 'tabKeyDown') return;
+      handleClose(event);
+    },
     anchorOrigin: anchorOrigin,
     transformOrigin: transformOrigin,
     BackdropProps: {
@@ -3591,4 +3615,4 @@ var index = /*#__PURE__*/Object.freeze({
     createDate: createDate
 });
 
-export { AlertBanner, AlertIcon, AppHeader, AppLayout, Avatar, ConfirmationDialog, ConfirmationServiceProvider, CustomAccordion, CustomSlider, CustomToggleButton, CustomTooltip, DEFAULT_ERROR_MESSAGE, DraggableComponent$1 as Draggable, EnableButton, ErrorBoundary, HIDDEN_INPUT_HELPER_IS_DRAFT, IS_JEST, ManagerButton, ManagerDeleteButton, ResizeComponent as Resizable, StatusTag, ToggleMenu, ToolButton, ToolContainer, DraggableComponent as ToolContainerDraggable, ToolFooter, ToolHeader, TooltipSelect, UserMenu, UserMenuItemCheatSheet, MenuItemTheme as UserMenuItemTheme, adjustPosition, calculateDialogSizeAndPosition, index as dateUtils, defaultDelay, getAxiosErrorMessage, getAxiosWarningMessage, getErrorMessage, getInitials, getPosition, getWarningMessage, isAxiosError, showPrompt, sliderHeaderStyle, tooltipContainerStyles, useConfirmationDialog, useControlledTooltip, useDialogActions, useDraftFormHelpers, useIsMounted, useMakeSureContainerStaysInsideWindow, usePoller, usePreventBrowserClose, usePrevious, useUserMenu, withEggs };
+export { AlertBanner, AlertIcon, AppHeader, AppLayout, Avatar, ConfirmationDialog, ConfirmationServiceProvider, CustomAccordion, CustomDialog, CustomSlider, CustomToggleButton, CustomTooltip, DEFAULT_ERROR_MESSAGE, DraggableComponent$1 as Draggable, EnableButton, ErrorBoundary, HIDDEN_INPUT_HELPER_IS_DRAFT, IS_JEST, ManagerButton, ManagerDeleteButton, ResizeComponent as Resizable, StatusTag, ToggleMenu, ToolButton, ToolContainer, DraggableComponent as ToolContainerDraggable, ToolFooter, ToolHeader, TooltipSelect, UserMenu, UserMenuItemCheatSheet, MenuItemTheme as UserMenuItemTheme, adjustPosition, calculateDialogSizeAndPosition, index as dateUtils, defaultDelay, getAxiosErrorMessage, getAxiosWarningMessage, getErrorMessage, getInitials, getPosition, getWarningMessage, isAxiosError, showPrompt, sliderHeaderStyle, tooltipContainerStyles, useConfirmationDialog, useControlledTooltip, useDialogActions, useDraftFormHelpers, useIsMounted, useMakeSureContainerStaysInsideWindow, usePoller, usePreventBrowserClose, usePrevious, useUserMenu, withEggs };

package/index.umd.js

@@ -161,46 +161,18 @@
       }, content));
     };
 
-    var confirmStyle = {
-      width: {
-        xs: '100%',
-        sm: '150px'
-      },
-      marginLeft: {
-        xs: '0px!important',
-        sm: '8px!important'
-      },
-      marginTop: {
-        xs: 2,
-        sm: 0
-      }
-    };
-    var ConfirmationDialog = function ConfirmationDialog(_a) {
-      var open = _a.open,
-          title = _a.title,
-          _b = _a.description,
-          description = _b === void 0 ? 'Are you sure?' : _b,
-          _c = _a.confirmLabel,
-          confirmLabel = _c === void 0 ? 'Submit' : _c,
-          _d = _a.cancelLabel,
-          cancelLabel = _d === void 0 ? 'Go back' : _d,
-          onSubmit = _a.onSubmit,
+    var CustomDialog = function CustomDialog(_a) {
+      var title = _a.title,
           _onClose = _a.onClose,
-          _e = _a.content,
-          content = _e === void 0 ? null : _e,
-          _f = _a.disableAutoFocus,
-          disableAutoFocus = _f === void 0 ? false : _f,
-          _g = _a.isLoading,
-          isLoading = _g === void 0 ? false : _g,
-          other = __rest(_a, ["open", "title", "description", "confirmLabel", "cancelLabel", "onSubmit", "onClose", "content", "disableAutoFocus", "isLoading"]);
-
-      other.catchOnCancel;
-          var rest = __rest(other, ["catchOnCancel"]); // remove unwanted props
-
+          _b = _a.description,
+          description = _b === void 0 ? '' : _b,
+          _c = _a.actions,
+          actions = _c === void 0 ? null : _c,
+          children = _a.children,
+          other = __rest(_a, ["title", "onClose", "description", "actions", "children"]);
 
       return /*#__PURE__*/React__namespace.createElement(material.Dialog, __assign({
-        "data-testid": "confirmationDialog",
-        open: open,
+        "data-testid": "customDialog",
         PaperProps: {
           sx: {
             width: '560px',
@@ -211,8 +183,10 @@
         transitionDuration: 0,
         onClose: function onClose() {
           _onClose('CLOSED');
-        }
-      }, rest), /*#__PURE__*/React__namespace.createElement(material.DialogTitle, {
+        },
+        "aria-labelledby": "dialog-title"
+      }, other), /*#__PURE__*/React__namespace.createElement(material.DialogTitle, {
+        id: "dialog-title",
         sx: {
           zIndex: 1,
           padding: 2,
@@ -231,10 +205,10 @@
             sm: 400
           }
         },
-        "data-testid": "confirmationDialog-title",
+        "data-testid": "customDialog-title",
         component: "span"
       }, title), /*#__PURE__*/React__namespace.createElement(material.IconButton, {
-        "data-testid": "confirmationDialog-close",
+        "data-testid": "customDialog-close",
         "aria-label": "close",
         onClick: function onClick() {
           return _onClose('CLOSED');
@@ -248,7 +222,7 @@
         }
       }, description && /*#__PURE__*/React__namespace.createElement(material.Typography, {
         variant: "body1"
-      }, description), content), /*#__PURE__*/React__namespace.createElement(material.DialogActions, {
+      }, description), children), /*#__PURE__*/React__namespace.createElement(material.DialogActions, {
         sx: {
           padding: 2,
           flexDirection: {
@@ -256,53 +230,100 @@
             sm: 'row'
           }
         }
-      }, /*#__PURE__*/React__namespace.createElement(material.Button, {
-        "data-testid": "confirmationDialog-cancel",
-        variant: "tertiary",
-        // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
-        sx: function sx(theme) {
-          return {
-            width: {
-              xs: '100%',
-              sm: '150px'
-            },
-            '&:focus': {
-              outline: theme.palette.geowebColors.buttons.focusDefault.outline,
-              borderColor: 'transparent'
-            }
-          };
-        },
-        onClick: function onClick() {
-          return _onClose('CANCELLED');
-        },
-        disableFocusRipple: true
-      }, cancelLabel), isLoading ? /*#__PURE__*/React__namespace.createElement(material.Box, {
-        "data-testid": "confirm-dialog-spinner",
-        sx: __assign(__assign({}, confirmStyle), {
-          height: '40px',
-          display: 'flex',
-          justifyContent: 'center',
-          alignItems: 'center'
-        })
-      }, /*#__PURE__*/React__namespace.createElement(material.CircularProgress, {
-        size: 40,
-        color: "secondary"
-      })) : /*#__PURE__*/React__namespace.createElement(material.Button, {
-        "data-testid": "confirmationDialog-confirm",
-        variant: "primary",
-        // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
-        sx: function sx(theme) {
-          return __assign(__assign({}, confirmStyle), {
-            '&:focus': {
-              outline: theme.palette.geowebColors.buttons.focusDefault.outline,
-              borderColor: 'transparent'
-            }
-          });
-        },
-        onClick: onSubmit,
-        autoFocus: !disableAutoFocus,
-        disableFocusRipple: true
-      }, confirmLabel)));
+      }, actions));
+    };
+
+    var confirmStyle = {
+      width: {
+        xs: '100%',
+        sm: '150px'
+      },
+      marginLeft: {
+        xs: '0px!important',
+        sm: '8px!important'
+      },
+      marginTop: {
+        xs: 2,
+        sm: 0
+      }
+    };
+    var ConfirmationDialog = function ConfirmationDialog(_a) {
+      var open = _a.open,
+          title = _a.title,
+          _b = _a.description,
+          description = _b === void 0 ? 'Are you sure?' : _b,
+          _c = _a.confirmLabel,
+          confirmLabel = _c === void 0 ? 'Submit' : _c,
+          _d = _a.cancelLabel,
+          cancelLabel = _d === void 0 ? 'Go back' : _d,
+          onSubmit = _a.onSubmit,
+          onClose = _a.onClose,
+          _e = _a.content,
+          content = _e === void 0 ? null : _e,
+          _f = _a.disableAutoFocus,
+          disableAutoFocus = _f === void 0 ? false : _f,
+          _g = _a.isLoading,
+          isLoading = _g === void 0 ? false : _g,
+          other = __rest(_a, ["open", "title", "description", "confirmLabel", "cancelLabel", "onSubmit", "onClose", "content", "disableAutoFocus", "isLoading"]);
+
+      other.catchOnCancel;
+          var rest = __rest(other, ["catchOnCancel"]); // remove unwanted props
+
+
+      return /*#__PURE__*/React__namespace.createElement(CustomDialog, __assign({
+        "data-testid": "confirmationDialog",
+        open: open,
+        title: title,
+        description: description,
+        onClose: onClose,
+        actions: /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(material.Button, {
+          "data-testid": "confirmationDialog-cancel",
+          variant: "tertiary",
+          // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+          sx: function sx(theme) {
+            return {
+              width: {
+                xs: '100%',
+                sm: '150px'
+              },
+              '&:focus': {
+                outline: theme.palette.geowebColors.buttons.focusDefault.outline,
+                borderColor: 'transparent'
+              }
+            };
+          },
+          onClick: function onClick() {
+            return onClose('CANCELLED');
+          },
+          disableFocusRipple: true
+        }, cancelLabel), isLoading ? /*#__PURE__*/React__namespace.createElement(material.Box, {
+          "data-testid": "confirm-dialog-spinner",
+          sx: __assign(__assign({}, confirmStyle), {
+            height: '40px',
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center'
+          })
+        }, /*#__PURE__*/React__namespace.createElement(material.CircularProgress, {
+          size: 40,
+          color: "secondary"
+        })) : /*#__PURE__*/React__namespace.createElement(material.Button, {
+          "data-testid": "confirmationDialog-confirm",
+          variant: "primary",
+          // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+          sx: function sx(theme) {
+            return __assign(__assign({}, confirmStyle), {
+              '&:focus': {
+                outline: theme.palette.geowebColors.buttons.focusDefault.outline,
+                borderColor: 'transparent'
+              }
+            });
+          },
+          onClick: onSubmit,
+          autoFocus: !disableAutoFocus,
+          disableFocusRipple: true
+        }, confirmLabel))
+      }, rest), content);
     };
 
     /* *
@@ -927,8 +948,8 @@
      * See the License for the specific language governing permissions and
      * limitations under the License.
      *
-     * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
-     * Copyright 2021 - Finnish Meteorological Institute (FMI)
+     * Copyright 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+     * Copyright 2023 - Finnish Meteorological Institute (FMI)
      * */
 
     var DraggableComponent$1 = function DraggableComponent(_a) {
@@ -2641,7 +2662,10 @@
       }, /*#__PURE__*/React__namespace.createElement(theme.Options, null))), /*#__PURE__*/React__namespace.createElement(material.Menu, {
         anchorEl: anchorEl,
         open: isOpen,
-        onClose: handleClose,
+        onClose: function onClose(event, reason) {
+          if (reason === 'tabKeyDown') return;
+          handleClose(event);
+        },
         anchorOrigin: anchorOrigin,
         transformOrigin: transformOrigin,
         BackdropProps: {
@@ -3492,6 +3516,7 @@
     exports.ConfirmationDialog = ConfirmationDialog;
     exports.ConfirmationServiceProvider = ConfirmationServiceProvider;
     exports.CustomAccordion = CustomAccordion;
+    exports.CustomDialog = CustomDialog;
     exports.CustomSlider = CustomSlider;
     exports.CustomToggleButton = CustomToggleButton;
     exports.CustomTooltip = CustomTooltip;

package/lib/components/ConfirmationDialog/ConfirmationDialog.d.ts

@@ -1,16 +1,16 @@
 import * as React from 'react';
+import { CustomDialogProps, DialogAction } from '../CustomDialog';
 export interface ConfirmationOptions {
-    catchOnCancel?: boolean;
-    title: string;
+    title?: string;
     description?: string;
+    catchOnCancel?: boolean;
     confirmLabel?: string;
     cancelLabel?: string;
     content?: React.ReactNode;
-    disableAutoFocus?: boolean;
 }
-export declare type ConfirmationAction = 'CANCELLED' | 'CLOSED';
-interface ConfirmationDialogProps extends ConfirmationOptions {
-    open: boolean;
+export declare type ConfirmationAction = 'CANCELLED' | DialogAction;
+export interface ConfirmationDialogProps extends ConfirmationOptions, CustomDialogProps {
+    disableAutoFocus?: boolean;
     onSubmit: () => void;
     onClose: (reason: ConfirmationAction) => void;
     isLoading?: boolean;

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { DialogProps } from '@mui/material';
+export declare type DialogAction = 'CLOSED';
+export interface CustomDialogProps extends DialogProps {
+    description?: string;
+    actions?: React.ReactNode;
+    onClose: (reason: DialogAction) => void;
+}
+export declare const CustomDialog: React.FC<CustomDialogProps>;
+export default CustomDialog;

package/lib/components/CustomDialog/CustomDialog.spec.d.ts

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

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const CustomDialogLight: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const CustomDialogDark: {
+    (): React.ReactElement;
+    storyName: string;
+};

package/lib/components/CustomDialog/index.d.ts

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

package/lib/components/DraggableResizable/Draggable.d.ts

@@ -1,8 +1,5 @@
 import React from 'react';
-export declare type DraggablePosition = {
-    x: number;
-    y: number;
-};
+import { DraggablePosition } from './types';
 interface DraggableComponentProps {
     nodeRef?: React.RefObject<HTMLElement>;
     children?: React.ReactNode;

package/lib/components/DraggableResizable/index.d.ts

@@ -1,2 +1,3 @@
 export { default as Draggable } from './Draggable';
 export { default as Resizable } from './Resizable';
+export * from './types';

package/lib/components/DraggableResizable/types.d.ts

@@ -1,5 +1,9 @@
 /// <reference types="react" />
 import { ResizableProps } from 're-resizable';
+export declare type DraggablePosition = {
+    x: number;
+    y: number;
+};
 export declare type Position = {
     top: number;
     left?: number;

package/lib/components/ToolContainer/ToolContainerDraggable.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
 import { SxProps } from '@mui/material';
 import { NumberSize } from 're-resizable';
-import { DraggablePosition } from '../DraggableResizable/Draggable';
-import { Position, ResizableComponentProps, Size } from '../DraggableResizable/types';
+import { DraggablePosition, Position, ResizableComponentProps, Size } from '../DraggableResizable/types';
 import { HeaderSize } from './types';
 export declare const calculateDialogSizeAndPosition: () => {
     width: number;

package/lib/components/index.d.ts

@@ -20,3 +20,4 @@ export * from './Avatar';
 export * from './WithEggs';
 export * from './CustomTooltip';
 export * from './CustomAccordion';
+export * from './CustomDialog';

package/lib/hooks/useMakeSureContainerStaysInsideWindow/useMakeSureContainerStaysInsideWindow.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { DraggablePosition } from '../../components/DraggableResizable/Draggable';
+import { DraggablePosition } from '../../components/DraggableResizable/types';
 export declare const adjustPosition: (bbox: DOMRect, containingView: DOMRect, position: DraggablePosition, setPosition: (position: DraggablePosition) => void) => void;
 export declare const useMakeSureContainerStaysInsideWindow: (nodeRef: React.RefObject<HTMLDivElement>, position: DraggablePosition, setPosition: (position: DraggablePosition) => void) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/shared",
-  "version": "4.11.0",
+  "version": "4.12.0",
   "description": "GeoWeb shared library with shared components and utils for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -12,14 +12,14 @@
   "typings": "./index.d.ts",
   "dependencies": {},
   "peerDependencies": {
-    "react": "^17.0.2",
+    "react": "^18.2.0",
     "@mui/material": "^5.10.8",
-    "@opengeoweb/theme": "4.11.0",
+    "@opengeoweb/theme": "4.12.0",
     "react-draggable": "^4.4.5",
     "re-resizable": "^6.9.0",
     "@redux-eggs/core": "^2.2.0",
     "react-redux": "^8.0.4",
-    "@opengeoweb/form-fields": "4.11.0",
+    "@opengeoweb/form-fields": "4.12.0",
     "react-hook-form": "^7.41.5",
     "moment": "^2.29.0",
     "moment-timezone": "^0.5.31",