@opengeoweb/shared 4.18.0 → 4.19.1

package/index.umd.js

@@ -161,6 +161,115 @@
       }, content));
     };
 
+    /* *
+     * 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)
+     * */
+    var defaultDelay = 1000;
+    var useControlledTooltip = function useControlledTooltip() {
+      var _a = __read(React__namespace.useState(false), 2),
+          tooltipOpen = _a[0],
+          setTooltipOpen = _a[1];
+
+      var _b = __read(React__namespace.useState(false), 2),
+          delayedTooltip = _b[0],
+          setDelayedTooltip = _b[1];
+
+      React__namespace.useEffect(function () {
+        if (tooltipOpen === true) {
+          var timer_1 = setTimeout(function () {
+            return setDelayedTooltip(true);
+          }, defaultDelay);
+          return function () {
+            clearTimeout(timer_1);
+          };
+        }
+
+        setDelayedTooltip(false);
+        return function () {};
+      }, [tooltipOpen]);
+      return [delayedTooltip, setTooltipOpen];
+    };
+    var CustomTooltip = function CustomTooltip(props) {
+      return /*#__PURE__*/React__namespace.createElement(material.Tooltip, __assign({}, props, {
+        enterDelay: defaultDelay,
+        enterNextDelay: defaultDelay,
+        disableInteractive: true
+      }));
+    };
+
+    /* *
+     * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+     * Copyright 2023 - Finnish Meteorological Institute (FMI)
+     * */
+    var CustomIconButton = /*#__PURE__*/React__namespace.forwardRef(function (_a, ref) {
+      var _b = _a.tooltipTitle,
+          tooltipTitle = _b === void 0 ? '' : _b,
+          _c = _a.variant,
+          variant = _c === void 0 ? 'flat' : _c,
+          _d = _a.isSelected,
+          isSelected = _d === void 0 ? false : _d,
+          _e = _a.shouldShowAsDisabled,
+          shouldShowAsDisabled = _e === void 0 ? false : _e,
+          _f = _a.size,
+          size = _f === void 0 ? 'small' : _f,
+          children = _a.children,
+          className = _a.className,
+          props = __rest(_a, ["tooltipTitle", "variant", "isSelected", "shouldShowAsDisabled", "size", "children", "className"]);
+
+      var classNames = __spreadArray(__spreadArray(__spreadArray([], __read(className ? [className] : [])), __read(isSelected ? ['Mui-selected'] : [])), [variant]).join(' ');
+
+      var renderIconButton = function renderIconButton() {
+        return /*#__PURE__*/React__namespace.createElement(material.IconButton, __assign({
+          "aria-label": tooltipTitle
+        }, props, {
+          size: size,
+          className: classNames,
+          ref: ref,
+          sx: __assign(__assign({}, props.sx), shouldShowAsDisabled && {
+            '&.MuiIconButton-root': {
+              color: "geowebColors.iconButtons." + variant + ".disabled.color"
+            },
+            '&.Mui-focusVisible': {
+              color: "geowebColors.iconButtons." + variant + ".default.color"
+            }
+          })
+        }), children);
+      };
+
+      return tooltipTitle ? /*#__PURE__*/React__namespace.createElement(CustomTooltip, {
+        title: tooltipTitle,
+        placement: "top",
+        sx: {
+          pointerEvents: 'none'
+        }
+      }, renderIconButton()) : renderIconButton();
+    });
+
     var CustomDialog = function CustomDialog(_a) {
       var title = _a.title,
           _onClose = _a.onClose,
@@ -202,13 +311,17 @@
         },
         "data-testid": "customDialog-title",
         component: "span"
-      }, title), /*#__PURE__*/React__namespace.createElement(material.IconButton, {
+      }, title), /*#__PURE__*/React__namespace.createElement(CustomIconButton, {
         "data-testid": "customDialog-close",
         "aria-label": "close",
         onClick: function onClick() {
           return _onClose('CLOSED');
         },
-        size: "small"
+        sx: {
+          '&.MuiIconButton-root': {
+            color: 'geowebColors.greys.accessible'
+          }
+        }
       }, /*#__PURE__*/React__namespace.createElement(theme.Close, {
         "data-testid": "CloseIcon"
       }))), /*#__PURE__*/React__namespace.createElement(material.DialogContent, {
@@ -282,7 +395,7 @@
                 sm: '150px'
               },
               '&:focus': {
-                outline: theme.palette.geowebColors.buttons.focusDefault.outline,
+                outline: theme.palette.geowebColors.buttons.primary.focus.outline,
                 borderColor: 'transparent'
               }
             };
@@ -308,7 +421,7 @@
           sx: function sx(theme) {
             return __assign(__assign({}, confirmStyle), {
               '&:focus': {
-                outline: theme.palette.geowebColors.buttons.focusDefault.outline,
+                outline: theme.palette.geowebColors.buttons.primary.focus.outline,
                 borderColor: 'transparent'
               }
             });
@@ -1120,8 +1233,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 styles$3 = {
       container: {
@@ -1141,15 +1254,6 @@
           paddingLeft: 2,
           paddingRight: 2
         }
-      },
-      button: {
-        padding: 0,
-        border: 'none',
-        background: 'transparent',
-        '&:hover': {
-          border: 'none',
-          background: 'transparent'
-        }
       }
     };
 
@@ -1162,11 +1266,19 @@
           onClose = _d === void 0 ? function () {} : _d,
           children = _a.children,
           initials = _a.initials;
-      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(material.IconButton, {
+      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(CustomIconButton, {
         "data-testid": "userButton",
         onClick: onToggle,
-        sx: styles$3.button,
-        size: "large"
+        sx: {
+          '&.MuiButtonBase-root': {
+            background: 'transparent',
+            '&:hover': {
+              border: 'none',
+              background: 'transparent'
+            }
+          }
+        },
+        size: "medium"
       }, /*#__PURE__*/React__default["default"].createElement(Avatar, null, initials)), isOpen && /*#__PURE__*/React__default["default"].createElement(material.Paper, {
         sx: styles$3.container,
         "data-testid": "userMenu"
@@ -1269,57 +1381,8 @@
      * 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)
-     * */
-    var defaultDelay = 1000;
-    var useControlledTooltip = function useControlledTooltip() {
-      var _a = __read(React__namespace.useState(false), 2),
-          tooltipOpen = _a[0],
-          setTooltipOpen = _a[1];
-
-      var _b = __read(React__namespace.useState(false), 2),
-          delayedTooltip = _b[0],
-          setDelayedTooltip = _b[1];
-
-      React__namespace.useEffect(function () {
-        if (tooltipOpen === true) {
-          var timer_1 = setTimeout(function () {
-            return setDelayedTooltip(true);
-          }, defaultDelay);
-          return function () {
-            clearTimeout(timer_1);
-          };
-        }
-
-        setDelayedTooltip(false);
-        return function () {};
-      }, [tooltipOpen]);
-      return [delayedTooltip, setTooltipOpen];
-    };
-    var CustomTooltip = function CustomTooltip(props) {
-      return /*#__PURE__*/React__namespace.createElement(material.Tooltip, __assign({}, props, {
-        enterDelay: defaultDelay,
-        enterNextDelay: defaultDelay,
-        disableInteractive: true
-      }));
-    };
-
-    /* *
-     * 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 2023 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+     * Copyright 2023 - Finnish Meteorological Institute (FMI)
      * */
 
     var getStyle = function getStyle(size) {
@@ -1417,13 +1480,13 @@
       }, isDraggable && size !== 'xxs' && !leftHeaderComponent && /*#__PURE__*/React__default["default"].createElement(material.Grid, {
         container: true,
         justifyContent: "flex-start"
-      }, /*#__PURE__*/React__default["default"].createElement(material.IconButton, {
+      }, /*#__PURE__*/React__default["default"].createElement(CustomIconButton, {
         "data-testid": "dragBtn",
         disableRipple: true,
-        size: "large",
-        sx: __assign(__assign({}, iconStyle), {
-          pointerEvents: 'none'
-        })
+        sx: {
+          pointerEvents: 'none',
+          '&.MuiIconButton-root': iconStyle
+        }
       }, /*#__PURE__*/React__default["default"].createElement(theme.DragHandle, null))), leftHeaderComponent && leftHeaderComponent), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
         className: "header-title",
         item: true,
@@ -1439,15 +1502,16 @@
           fontSize: styles.fontSize,
           fontWeight: styles.fontWeight
         }
-      }, title), size === 'xxs' && /*#__PURE__*/React__default["default"].createElement(material.IconButton, {
+      }, title), size === 'xxs' && /*#__PURE__*/React__default["default"].createElement(CustomIconButton, {
         "data-testid": "dragBtn-xxs",
         disableRipple: true,
-        size: "small",
-        sx: __assign(__assign({}, iconStyle), {
+        sx: {
           pointerEvents: 'none',
           transform: 'rotate(90deg)',
-          height: 12
-        })
+          '&.MuiButtonBase-root.MuiIconButton-root': __assign(__assign({}, iconStyle), {
+            height: 12
+          })
+        }
       }, /*#__PURE__*/React__default["default"].createElement(theme.DragHandle, null)))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
         className: "header-right",
         item: true,
@@ -1460,12 +1524,13 @@
         sx: {
           pointerEvents: 'none'
         }
-      }, /*#__PURE__*/React__default["default"].createElement(material.IconButton, {
+      }, /*#__PURE__*/React__default["default"].createElement(CustomIconButton, {
         "data-testid": "closeBtn",
         onClick: onClose,
         onTouchEnd: onClose,
-        size: "large",
-        sx: iconStyle
+        sx: {
+          '&.MuiButtonBase-root.MuiIconButton-root': iconStyle
+        }
       }, /*#__PURE__*/React__default["default"].createElement(theme.Close, {
         "data-testid": "CloseIcon"
       }))))));
@@ -2587,17 +2652,19 @@
           menuTitle = _e === void 0 ? '' : _e,
           variant = _a.variant,
           _f = _a.isDefaultOpen,
-          isDefaultOpen = _f === void 0 ? false : _f;
+          isDefaultOpen = _f === void 0 ? false : _f,
+          _g = _a.buttonIcon,
+          buttonIcon = _g === void 0 ? /*#__PURE__*/React__namespace.createElement(theme.Options, null) : _g;
 
-      var _g = __read(React__namespace.useState(null), 2),
-          anchorEl = _g[0],
-          setAnchorEl = _g[1];
+      var _h = __read(React__namespace.useState(null), 2),
+          anchorEl = _h[0],
+          setAnchorEl = _h[1];
 
       var isOpen = Boolean(anchorEl);
 
-      var _h = getPosition(menuPosition),
-          anchorOrigin = _h.anchorOrigin,
-          transformOrigin = _h.transformOrigin;
+      var _j = getPosition(menuPosition),
+          anchorOrigin = _j.anchorOrigin,
+          transformOrigin = _j.transformOrigin;
 
       var handleClick = function handleClick(event) {
         event.stopPropagation();
@@ -2624,7 +2691,7 @@
         "data-testid": buttonTestId,
         variant: variant,
         id: buttonTestId
-      }, /*#__PURE__*/React__namespace.createElement(theme.Options, null))), /*#__PURE__*/React__namespace.createElement(material.Menu, {
+      }, buttonIcon)), /*#__PURE__*/React__namespace.createElement(material.Menu, {
         anchorEl: anchorEl,
         open: isOpen,
         onClose: function onClose(event, reason) {
@@ -2653,7 +2720,7 @@
         sx: {
           fontSize: '12px'
         }
-      }, menuTitle)), menuItems && menuItems.map(function (menuItem) {
+      }, menuTitle)), menuItems && menuItems.length ? menuItems.map(function (menuItem) {
         var text = menuItem.text,
             icon = menuItem.icon,
             action = menuItem.action;
@@ -2664,92 +2731,8 @@
             handleClose(event);
           }
         }, icon && /*#__PURE__*/React__namespace.createElement(material.ListItemIcon, null, icon), /*#__PURE__*/React__namespace.createElement(material.Typography, null, text));
-      }), children));
-    };
-
-    /* *
-     * 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)
-     * */
-
-    var makeButtonStyles = function makeButtonStyles(isActive, isEnabled, isAccessible) {
-      return {
-        height: '24px',
-        width: '24px',
-        borderRadius: '5px',
-        marginTop: 'auto',
-        marginBottom: 'auto',
-        color: function color() {
-          if (!isEnabled) {
-            return 'geowebColors.buttons.flat.disabled.color';
-          }
-
-          if (isAccessible) {
-            return 'geowebColors.greys.accessible';
-          }
-
-          if (isActive) {
-            return 'common.white';
-          }
-
-          return 'geowebColors.buttons.flat.default.color';
-        },
-        backgroundColor: function backgroundColor() {
-          return isActive ? 'geowebColors.buttons.primary.active.fill' : 'inherit';
-        },
-        '&:hover': {
-          backgroundColor: function backgroundColor() {
-            return isActive ? 'geowebColors.buttons.primary.mouseOver.fill' : 'geowebColors.buttons.flat.mouseOver.fill';
-          }
-        }
-      };
-    };
-
-    var ManagerButton = function ManagerButton(_a) {
-      var _b = _a.tooltipTitle,
-          tooltipTitle = _b === void 0 ? '' : _b,
-          _c = _a.onClick,
-          onClick = _c === void 0 ? function () {} : _c,
-          _d = _a.isActive,
-          isActive = _d === void 0 ? false : _d,
-          _e = _a.isEnabled,
-          isEnabled = _e === void 0 ? true : _e,
-          icon = _a.icon,
-          _f = _a.isAccessible,
-          isAccessible = _f === void 0 ? false : _f,
-          sx = _a.sx,
-          children = _a.children,
-          props = __rest(_a, ["tooltipTitle", "onClick", "isActive", "isEnabled", "icon", "isAccessible", "sx", "children"]);
-
-      var buttonStyles = makeButtonStyles(isActive, isEnabled, isAccessible);
-
-      var handleClick = function handleClick(event) {
-        onClick(event);
-      };
-
-      return /*#__PURE__*/React__namespace.createElement(CustomTooltip, {
-        title: tooltipTitle,
-        placement: "top",
-        sx: {
-          pointerEvents: 'none'
-        }
-      }, children || /*#__PURE__*/React__namespace.createElement(material.IconButton, __assign({
-        size: "small",
-        onClick: handleClick,
-        sx: __assign(__assign({}, buttonStyles), sx)
-      }, props), icon));
+      }) : /*#__PURE__*/React__namespace.createElement("div", null) // Needed to make the menu work without any menuItems
+      , children));
     };
 
     /* *
@@ -2793,7 +2776,7 @@
         },
         '&.Mui-focused .MuiSelect-select': {
           outline: function outline(theme) {
-            return theme.palette.geowebColors.buttons.focusDefault.outline;
+            return theme.palette.geowebColors.buttons.tool.focus.outline;
           },
           borderRadius: 0
         },
@@ -2815,7 +2798,7 @@
       },
       '&.Mui-focused .MuiSelect-select': {
         outline: function outline(theme) {
-          return theme.palette.geowebColors.buttons.focusDefault.outline;
+          return theme.palette.geowebColors.buttons.tool.focus.outline;
         },
         borderRadius: 0,
         backgroundColor: 'geowebColors.buttons.tool.mouseOver.fill'
@@ -2825,7 +2808,7 @@
       },
       '&:focus&.MuiButton-root': {
         border: function border(theme) {
-          return theme.palette.geowebColors.buttons.focusDefault.outline;
+          return theme.palette.geowebColors.buttons.tool.focus.outline;
         },
         backgroundColor: 'geowebColors.buttons.tool.mouseOver.fill',
         transition: 'border'
@@ -3329,6 +3312,48 @@
 
       return new Date(yearOrIsoString, month, day, hours, minutes, seconds, milliseconds);
     };
+    /**
+     *
+     * @param date
+     * @param duration
+     * @returns {Date} the new Date
+     */
+
+    var add = function add(date, duration) {
+      return dateFns.add(date, duration);
+    };
+    /**
+     *
+     * @param date
+     * @param duration
+     * @returns {Date} the new Date
+     */
+
+    var sub = function sub(date, duration) {
+      return dateFns.sub(date, duration);
+    };
+    /**
+     * Finds the number of minuts between to dates
+     *
+     * @param dateLeft - the later date
+     * @param dateRight - the earlier date
+     * @returns {number} the number of minutes
+     */
+
+    var differenceInMinutes = function differenceInMinutes(dateLeft, dateRight) {
+      return dateFns.differenceInMinutes(dateLeft, dateRight);
+    };
+    /**
+     * Finds the number of hours between to dates
+     *
+     * @param dateLeft - the later date
+     * @param dateRight - the earlier date
+     * @returns {number} the number of hours
+     */
+
+    var differenceInHours = function differenceInHours(dateLeft, dateRight) {
+      return dateFns.differenceInHours(dateLeft, dateRight);
+    };
 
     /* *
      * Licensed under the Apache License, Version 2.0 (the "License");
@@ -3354,7 +3379,11 @@
         setUTCDate: setUTCDate,
         dateToString: dateToString,
         isBetween: isBetween,
-        createDate: createDate
+        createDate: createDate,
+        add: add,
+        sub: sub,
+        differenceInMinutes: differenceInMinutes,
+        differenceInHours: differenceInHours
     });
 
     exports.AlertBanner = AlertBanner;
@@ -3366,13 +3395,13 @@
     exports.ConfirmationServiceProvider = ConfirmationServiceProvider;
     exports.CustomAccordion = CustomAccordion;
     exports.CustomDialog = CustomDialog;
+    exports.CustomIconButton = CustomIconButton;
     exports.CustomSlider = CustomSlider;
     exports.CustomToggleButton = CustomToggleButton;
     exports.CustomTooltip = CustomTooltip;
     exports.DEFAULT_ERROR_MESSAGE = DEFAULT_ERROR_MESSAGE;
     exports.Draggable = DraggableComponent$1;
     exports.ErrorBoundary = ErrorBoundary;
-    exports.ManagerButton = ManagerButton;
     exports.Resizable = ResizeComponent;
     exports.StatusTag = StatusTag;
     exports.ToggleMenu = ToggleMenu;

package/lib/components/CustomIconButton/CustomIconButton.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { IconButtonProps } from '@mui/material';
+export declare type Variant = 'flat' | 'tool' | 'boxed';
+export interface CustomIconProps extends IconButtonProps {
+    tooltipTitle?: string;
+    variant?: Variant;
+    isSelected?: boolean;
+    shouldShowAsDisabled?: boolean;
+}
+export declare const CustomIconButton: React.FC<CustomIconProps>;

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

@@ -0,0 +1,25 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const CustomIconButtonLight: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};
+export declare const CustomIconButtonDark: {
+    (): React.ReactElement;
+    storyName: string;
+    parameters: {
+        zeplinLink: {
+            name: string;
+            link: string;
+        }[];
+    };
+};

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

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

package/lib/components/ToggleMenu/ToggleMenu.d.ts

@@ -21,6 +21,7 @@ interface ToggleMenuProps {
     tooltipTitle?: string;
     variant?: ButtonVariant;
     isDefaultOpen?: boolean;
+    buttonIcon?: React.ReactNode;
 }
 export declare const ToggleMenu: React.FC<ToggleMenuProps>;
 export {};

package/lib/components/index.d.ts

@@ -11,7 +11,6 @@ export * from './CustomSlider';
 export * from './CustomToggleButton';
 export * from './ToolButton';
 export * from './ToggleMenu';
-export * from './ManagerButton';
 export * from './AlertIcon';
 export * from './TooltipSelect';
 export * from './Avatar';
@@ -19,3 +18,4 @@ export * from './WithEggs';
 export * from './CustomTooltip';
 export * from './CustomAccordion';
 export * from './CustomDialog';
+export * from './CustomIconButton';

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

@@ -131,3 +131,33 @@ export declare const isBetween: (date: Date, from: Date, to: Date, inclusivity?:
  * // => 2022-12-13T00:00:00.000Z
  */
 export declare const createDate: (yearOrIsoString?: string | number | undefined, month?: number | undefined, day?: number | undefined, hours?: number, minutes?: number, seconds?: number, milliseconds?: number) => Date;
+/**
+ *
+ * @param date
+ * @param duration
+ * @returns {Date} the new Date
+ */
+export declare const add: (date: Date | number, duration: Duration) => Date;
+/**
+ *
+ * @param date
+ * @param duration
+ * @returns {Date} the new Date
+ */
+export declare const sub: (date: Date | number, duration: Duration) => Date;
+/**
+ * Finds the number of minuts between to dates
+ *
+ * @param dateLeft - the later date
+ * @param dateRight - the earlier date
+ * @returns {number} the number of minutes
+ */
+export declare const differenceInMinutes: (dateLeft: Date | number, dateRight: Date | number) => number;
+/**
+ * Finds the number of hours between to dates
+ *
+ * @param dateLeft - the later date
+ * @param dateRight - the earlier date
+ * @returns {number} the number of hours
+ */
+export declare const differenceInHours: (dateLeft: Date | number, dateRight: Date | number) => number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/shared",
-  "version": "4.18.0",
+  "version": "4.19.1",
   "description": "GeoWeb shared library with shared components and utils for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -13,8 +13,9 @@
   "dependencies": {},
   "peerDependencies": {
     "react": "^18.2.0",
-    "@mui/material": "^5.10.8",
-    "@opengeoweb/theme": "4.18.0",
+    "@mui/material": "^5.12.0",
+    "@opengeoweb/theme": "4.19.1",
+    "@mui/x-date-pickers": "^6.2.1",
     "react-draggable": "^4.4.5",
     "re-resizable": "^6.9.0",
     "@redux-eggs/core": "^2.2.0",