@opengeoweb/shared 4.22.0 → 5.0.0

package/index.js

@@ -2,8 +2,8 @@ import * as React$1 from 'react';
 import React__default, { useRef, createContext, useContext } from 'react';
 import { Box, Typography, Tooltip, IconButton, Dialog, DialogTitle, DialogContent, DialogActions, Button, CircularProgress, Alert, AlertTitle, useTheme, Drawer, Link, Avatar as Avatar$1, Paper, ClickAwayListener, MenuList, MenuItem, Grid, RadioGroup, FormControlLabel, Radio, List, ListItem, Tabs, Tab, Backdrop, Slider, ToggleButton, Menu, ListSubheader, ListItemIcon, Select, Accordion, AccordionSummary, AccordionDetails } from '@mui/material';
 import { Close, Exclamation, Success, Info, ChevronRight, GeoWebLogo, HamburgerMenu, Resize, useThemeContext, DragHandle, ArrowLeft, ArrowRight, KeyOption, ArrowUp, ArrowDown, KeyCommand, Options, ChevronDown } from '@opengeoweb/theme';
-import require$$2 from 'react-dom';
-import { parseISO, parse, format, isEqual, add as add$1, sub as sub$1, differenceInMinutes as differenceInMinutes$1, differenceInHours as differenceInHours$1, isBefore as isBefore$1, isAfter as isAfter$1 } from 'date-fns';
+import require$$2, { flushSync } from 'react-dom';
+import { parseISO, parse, format, isEqual, add as add$1, sub as sub$1, differenceInMinutes as differenceInMinutes$1, differenceInHours as differenceInHours$1, isBefore as isBefore$1, isAfter as isAfter$1, isValid as isValid$1 } from 'date-fns';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -21228,7 +21228,7 @@ var __extends$1 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
@@ -21248,67 +21248,34 @@ var __assign$1 = (undefined && undefined.__assign) || function () {
     };
     return __assign$1.apply(this, arguments);
 };
+var rowSizeBase = {
+    width: '100%',
+    height: '10px',
+    top: '0px',
+    left: '0px',
+    cursor: 'row-resize',
+};
+var colSizeBase = {
+    width: '10px',
+    height: '100%',
+    top: '0px',
+    left: '0px',
+    cursor: 'col-resize',
+};
+var edgeBase = {
+    width: '20px',
+    height: '20px',
+    position: 'absolute',
+};
 var styles$5 = {
-    top: {
-        width: '100%',
-        height: '10px',
-        top: '-5px',
-        left: '0px',
-        cursor: 'row-resize',
-    },
-    right: {
-        width: '10px',
-        height: '100%',
-        top: '0px',
-        right: '-5px',
-        cursor: 'col-resize',
-    },
-    bottom: {
-        width: '100%',
-        height: '10px',
-        bottom: '-5px',
-        left: '0px',
-        cursor: 'row-resize',
-    },
-    left: {
-        width: '10px',
-        height: '100%',
-        top: '0px',
-        left: '-5px',
-        cursor: 'col-resize',
-    },
-    topRight: {
-        width: '20px',
-        height: '20px',
-        position: 'absolute',
-        right: '-10px',
-        top: '-10px',
-        cursor: 'ne-resize',
-    },
-    bottomRight: {
-        width: '20px',
-        height: '20px',
-        position: 'absolute',
-        right: '-10px',
-        bottom: '-10px',
-        cursor: 'se-resize',
-    },
-    bottomLeft: {
-        width: '20px',
-        height: '20px',
-        position: 'absolute',
-        left: '-10px',
-        bottom: '-10px',
-        cursor: 'sw-resize',
-    },
-    topLeft: {
-        width: '20px',
-        height: '20px',
-        position: 'absolute',
-        left: '-10px',
-        top: '-10px',
-        cursor: 'nw-resize',
-    },
+    top: __assign$1(__assign$1({}, rowSizeBase), { top: '-5px' }),
+    right: __assign$1(__assign$1({}, colSizeBase), { left: undefined, right: '-5px' }),
+    bottom: __assign$1(__assign$1({}, rowSizeBase), { top: undefined, bottom: '-5px' }),
+    left: __assign$1(__assign$1({}, colSizeBase), { left: '-5px' }),
+    topRight: __assign$1(__assign$1({}, edgeBase), { right: '-10px', top: '-10px', cursor: 'ne-resize' }),
+    bottomRight: __assign$1(__assign$1({}, edgeBase), { right: '-10px', bottom: '-10px', cursor: 'se-resize' }),
+    bottomLeft: __assign$1(__assign$1({}, edgeBase), { left: '-10px', bottom: '-10px', cursor: 'sw-resize' }),
+    topLeft: __assign$1(__assign$1({}, edgeBase), { left: '-10px', top: '-10px', cursor: 'nw-resize' }),
 };
 var Resizer = /** @class */ (function (_super) {
     __extends$1(Resizer, _super);
@@ -21328,160 +21295,11 @@ var Resizer = /** @class */ (function (_super) {
     return Resizer;
 }(React$1.PureComponent));
 
-var src = {exports: {}};
-
-//
-// Main
-//
-
-function memoize (fn, options) {
-  var cache = options && options.cache
-    ? options.cache
-    : cacheDefault;
-
-  var serializer = options && options.serializer
-    ? options.serializer
-    : serializerDefault;
-
-  var strategy = options && options.strategy
-    ? options.strategy
-    : strategyDefault;
-
-  return strategy(fn, {
-    cache: cache,
-    serializer: serializer
-  })
-}
-
-//
-// Strategy
-//
-
-function isPrimitive (value) {
-  return value == null || typeof value === 'number' || typeof value === 'boolean' // || typeof value === "string" 'unsafe' primitive for our needs
-}
-
-function monadic (fn, cache, serializer, arg) {
-  var cacheKey = isPrimitive(arg) ? arg : serializer(arg);
-
-  var computedValue = cache.get(cacheKey);
-  if (typeof computedValue === 'undefined') {
-    computedValue = fn.call(this, arg);
-    cache.set(cacheKey, computedValue);
-  }
-
-  return computedValue
-}
-
-function variadic (fn, cache, serializer) {
-  var args = Array.prototype.slice.call(arguments, 3);
-  var cacheKey = serializer(args);
-
-  var computedValue = cache.get(cacheKey);
-  if (typeof computedValue === 'undefined') {
-    computedValue = fn.apply(this, args);
-    cache.set(cacheKey, computedValue);
-  }
-
-  return computedValue
-}
-
-function assemble (fn, context, strategy, cache, serialize) {
-  return strategy.bind(
-    context,
-    fn,
-    cache,
-    serialize
-  )
-}
-
-function strategyDefault (fn, options) {
-  var strategy = fn.length === 1 ? monadic : variadic;
-
-  return assemble(
-    fn,
-    this,
-    strategy,
-    options.cache.create(),
-    options.serializer
-  )
-}
-
-function strategyVariadic (fn, options) {
-  var strategy = variadic;
-
-  return assemble(
-    fn,
-    this,
-    strategy,
-    options.cache.create(),
-    options.serializer
-  )
-}
-
-function strategyMonadic (fn, options) {
-  var strategy = monadic;
-
-  return assemble(
-    fn,
-    this,
-    strategy,
-    options.cache.create(),
-    options.serializer
-  )
-}
-
-//
-// Serializer
-//
-
-function serializerDefault () {
-  return JSON.stringify(arguments)
-}
-
-//
-// Cache
-//
-
-function ObjectWithoutPrototypeCache () {
-  this.cache = Object.create(null);
-}
-
-ObjectWithoutPrototypeCache.prototype.has = function (key) {
-  return (key in this.cache)
-};
-
-ObjectWithoutPrototypeCache.prototype.get = function (key) {
-  return this.cache[key]
-};
-
-ObjectWithoutPrototypeCache.prototype.set = function (key, value) {
-  this.cache[key] = value;
-};
-
-var cacheDefault = {
-  create: function create () {
-    return new ObjectWithoutPrototypeCache()
-  }
-};
-
-//
-// API
-//
-
-src.exports = memoize;
-src.exports.strategies = {
-  variadic: strategyVariadic,
-  monadic: strategyMonadic
-};
-
-var memoize$1 = src.exports;
-
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
@@ -21505,11 +21323,11 @@ var DEFAULT_SIZE = {
     width: 'auto',
     height: 'auto',
 };
-var clamp = memoize$1(function (n, min, max) { return Math.max(Math.min(n, max), min); });
-var snap = memoize$1(function (n, size) { return Math.round(n / size) * size; });
-var hasDirection = memoize$1(function (dir, target) {
+var clamp = function (n, min, max) { return Math.max(Math.min(n, max), min); };
+var snap = function (n, size) { return Math.round(n / size) * size; };
+var hasDirection = function (dir, target) {
     return new RegExp(dir, 'i').test(target);
-});
+};
 // INFO: In case of window is a Proxy and does not porxy Events correctly, use isTouchEvent & isMouseEvent to distinguish event type instead of `instanceof`.
 var isTouchEvent = function (event) {
     return Boolean(event.touches && event.touches.length);
@@ -21518,61 +21336,58 @@ var isMouseEvent = function (event) {
     return Boolean((event.clientX || event.clientX === 0) &&
         (event.clientY || event.clientY === 0));
 };
-var findClosestSnap = memoize$1(function (n, snapArray, snapGap) {
+var findClosestSnap = function (n, snapArray, snapGap) {
     if (snapGap === void 0) { snapGap = 0; }
     var closestGapIndex = snapArray.reduce(function (prev, curr, index) { return (Math.abs(curr - n) < Math.abs(snapArray[prev] - n) ? index : prev); }, 0);
     var gap = Math.abs(snapArray[closestGapIndex] - n);
     return snapGap === 0 || gap < snapGap ? snapArray[closestGapIndex] : n;
-});
-var endsWith = memoize$1(function (str, searchStr) {
-    return str.substr(str.length - searchStr.length, searchStr.length) === searchStr;
-});
-var getStringSize = memoize$1(function (n) {
+};
+var getStringSize = function (n) {
     n = n.toString();
     if (n === 'auto') {
         return n;
     }
-    if (endsWith(n, 'px')) {
+    if (n.endsWith('px')) {
         return n;
     }
-    if (endsWith(n, '%')) {
+    if (n.endsWith('%')) {
         return n;
     }
-    if (endsWith(n, 'vh')) {
+    if (n.endsWith('vh')) {
         return n;
     }
-    if (endsWith(n, 'vw')) {
+    if (n.endsWith('vw')) {
         return n;
     }
-    if (endsWith(n, 'vmax')) {
+    if (n.endsWith('vmax')) {
         return n;
     }
-    if (endsWith(n, 'vmin')) {
+    if (n.endsWith('vmin')) {
         return n;
     }
     return n + "px";
-});
+};
 var getPixelSize = function (size, parentSize, innerWidth, innerHeight) {
     if (size && typeof size === 'string') {
-        if (endsWith(size, 'px')) {
+        if (size.endsWith('px')) {
             return Number(size.replace('px', ''));
         }
-        if (endsWith(size, '%')) {
+        if (size.endsWith('%')) {
             var ratio = Number(size.replace('%', '')) / 100;
             return parentSize * ratio;
         }
-        if (endsWith(size, 'vw')) {
+        if (size.endsWith('vw')) {
             var ratio = Number(size.replace('vw', '')) / 100;
             return innerWidth * ratio;
         }
-        if (endsWith(size, 'vh')) {
+        if (size.endsWith('vh')) {
             var ratio = Number(size.replace('vh', '')) / 100;
             return innerHeight * ratio;
         }
     }
     return size;
 };
-var calculateNewMax = memoize$1(function (parentSize, innerWidth, innerHeight, maxWidth, maxHeight, minWidth, minHeight) {
+var calculateNewMax = function (parentSize, innerWidth, innerHeight, maxWidth, maxHeight, minWidth, minHeight) {
     maxWidth = getPixelSize(maxWidth, parentSize.width, innerWidth, innerHeight);
     maxHeight = getPixelSize(maxHeight, parentSize.height, innerWidth, innerHeight);
     minWidth = getPixelSize(minWidth, parentSize.width, innerWidth, innerHeight);
@@ -21583,7 +21398,7 @@ var calculateNewMax = memoize$1(function (parentSize, innerWidth, innerHeight, m
         minWidth: typeof minWidth === 'undefined' ? undefined : Number(minWidth),
         minHeight: typeof minHeight === 'undefined' ? undefined : Number(minHeight),
     };
-});
+};
 var definedProps = [
     'as',
     'style',
@@ -21648,7 +21463,7 @@ var Resizable = /** @class */ (function (_super) {
             element.style.position = 'absolute';
             element.style.transform = 'scale(0, 0)';
             element.style.left = '0';
-            element.style.flex = '0';
+            element.style.flex = '0 0 100%';
             if (element.classList) {
                 element.classList.add(baseClassName);
             }
@@ -21767,8 +21582,8 @@ var Resizable = /** @class */ (function (_super) {
                 if (typeof _this.state[key] === 'undefined' || _this.state[key] === 'auto') {
                     return 'auto';
                 }
-                if (_this.propsSize && _this.propsSize[key] && endsWith(_this.propsSize[key].toString(), '%')) {
-                    if (endsWith(_this.state[key].toString(), '%')) {
+                if (_this.propsSize && _this.propsSize[key] && _this.propsSize[key].toString().endsWith('%')) {
+                    if (_this.state[key].toString().endsWith('%')) {
                         return _this.state[key].toString();
                     }
                     var parentSize = _this.getParentSize();
@@ -21810,6 +21625,7 @@ var Resizable = /** @class */ (function (_super) {
         }
         base.style.position = 'relative';
         base.style.minWidth = '100%';
+        base.style.minHeight = '100%';
         var size = {
             width: base.offsetWidth,
             height: base.offsetHeight,
@@ -22000,12 +21816,6 @@ var Resizable = /** @class */ (function (_super) {
         if (event.nativeEvent && isMouseEvent(event.nativeEvent)) {
             clientX = event.nativeEvent.clientX;
             clientY = event.nativeEvent.clientY;
-            // When user click with right button the resize is stuck in resizing mode
-            // until users clicks again, dont continue if right click is used.
-            // HACK: MouseEvent does not have `which` from flow-bin v0.68.
-            if (event.nativeEvent.which === 3) {
-                return;
-            }
         }
         else if (event.nativeEvent && isTouchEvent(event.nativeEvent)) {
             clientX = event.nativeEvent.touches[0].clientX;
@@ -22059,6 +21869,7 @@ var Resizable = /** @class */ (function (_super) {
         this.setState(state);
     };
     Resizable.prototype.onMouseMove = function (event) {
+        var _this = this;
         if (!this.state.isResizing || !this.resizable || !this.window) {
             return;
         }
@@ -22085,6 +21896,12 @@ var Resizable = /** @class */ (function (_super) {
         var _c = this.calculateNewSizeFromDirection(clientX, clientY), newHeight = _c.newHeight, newWidth = _c.newWidth;
         // Calculate max size from boundary settings
         var boundaryMax = this.calculateNewMaxFromBoundary(maxWidth, maxHeight);
+        if (this.props.snap && this.props.snap.x) {
+            newWidth = findClosestSnap(newWidth, this.props.snap.x, this.props.snapGap);
+        }
+        if (this.props.snap && this.props.snap.y) {
+            newHeight = findClosestSnap(newHeight, this.props.snap.y, this.props.snapGap);
+        }
         // Calculate new size from aspect ratio
         var newSize = this.calculateNewSizeFromAspectRatio(newWidth, newHeight, { width: boundaryMax.maxWidth, height: boundaryMax.maxHeight }, { width: minWidth, height: minHeight });
         newWidth = newSize.newWidth;
@@ -22096,40 +21913,34 @@ var Resizable = /** @class */ (function (_super) {
             newWidth = gap === 0 || Math.abs(newGridWidth - newWidth) <= gap ? newGridWidth : newWidth;
             newHeight = gap === 0 || Math.abs(newGridHeight - newHeight) <= gap ? newGridHeight : newHeight;
         }
-        if (this.props.snap && this.props.snap.x) {
-            newWidth = findClosestSnap(newWidth, this.props.snap.x, this.props.snapGap);
-        }
-        if (this.props.snap && this.props.snap.y) {
-            newHeight = findClosestSnap(newHeight, this.props.snap.y, this.props.snapGap);
-        }
         var delta = {
             width: newWidth - original.width,
             height: newHeight - original.height,
         };
         if (width && typeof width === 'string') {
-            if (endsWith(width, '%')) {
+            if (width.endsWith('%')) {
                 var percent = (newWidth / parentSize.width) * 100;
                 newWidth = percent + "%";
             }
-            else if (endsWith(width, 'vw')) {
+            else if (width.endsWith('vw')) {
                 var vw = (newWidth / this.window.innerWidth) * 100;
                 newWidth = vw + "vw";
             }
-            else if (endsWith(width, 'vh')) {
+            else if (width.endsWith('vh')) {
                 var vh = (newWidth / this.window.innerHeight) * 100;
                 newWidth = vh + "vh";
             }
         }
         if (height && typeof height === 'string') {
-            if (endsWith(height, '%')) {
+            if (height.endsWith('%')) {
                 var percent = (newHeight / parentSize.height) * 100;
                 newHeight = percent + "%";
             }
-            else if (endsWith(height, 'vw')) {
+            else if (height.endsWith('vw')) {
                 var vw = (newHeight / this.window.innerWidth) * 100;
                 newHeight = vw + "vw";
             }
-            else if (endsWith(height, 'vh')) {
+            else if (height.endsWith('vh')) {
                 var vh = (newHeight / this.window.innerHeight) * 100;
                 newHeight = vh + "vh";
             }
@@ -22144,7 +21955,10 @@ var Resizable = /** @class */ (function (_super) {
         else if (this.flexDir === 'column') {
             newState.flexBasis = newState.height;
         }
-        this.setState(newState);
+        // For v18, update state sync
+        flushSync(function () {
+            _this.setState(newState);
+        });
         if (this.props.onResize) {
             this.props.onResize(event, direction, this.resizable, delta);
         }
@@ -25445,6 +25259,14 @@ var getOffsetStr = function getOffsetStr(input) {
   var groups = input.match(isoDatePattern);
   return groups ? groups[4] : null;
 };
+/**
+ * Check if a date object is valid
+ * @param {Date} date - date to be checked
+ * @returns {boolean} - True if valid
+ */
+var isValid = function isValid(input) {
+  return isValid$1(input);
+};
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -25477,7 +25299,8 @@ var index = /*#__PURE__*/Object.freeze({
     differenceInHours: differenceInHours,
     isBefore: isBefore,
     isAfter: isAfter,
-    utc: utc
+    utc: utc,
+    isValid: isValid
 });
 
 export { AlertBanner, AlertIcon, AppHeader, AppLayout, Avatar, ConfirmationDialog, ConfirmationServiceProvider, CustomAccordion, CustomDialog, CustomIconButton, CustomSlider, CustomToggleButton, CustomTooltip, DEFAULT_ERROR_MESSAGE, DraggableComponent$1 as Draggable, ErrorBoundary, ResizeComponent as Resizable, SearchHighlight, StatusTag, ToggleMenu, 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, useIsMounted, useMakeSureContainerStaysInsideWindow, usePoller, usePreventBrowserClose, usePrevious, useUserMenu, withEggs };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/shared",
-  "version": "4.22.0",
+  "version": "5.0.0",
   "description": "GeoWeb shared library with shared components and utils for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -14,12 +14,12 @@
   "dependencies": {},
   "peerDependencies": {
     "@mui/material": "5.12.0",
-    "@opengeoweb/theme": "4.22.0",
+    "@opengeoweb/theme": "5.0.0",
     "@redux-eggs/core": "2.2.0",
-    "axios": "0.25.0",
+    "axios": "1.4.0",
     "date-fns": "2.29.3",
     "lodash": "4.17.21",
-    "re-resizable": "6.9.0",
+    "re-resizable": "6.9.9",
     "react": "18.2.0",
     "react-draggable": "4.4.5",
     "react-redux": "8.0.4"

package/src/lib/components/ErrorBoundary/ErrorBoundary.d.ts

@@ -18,7 +18,7 @@ export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, E
     static defaultProps: {
         onError: () => void;
     };
-    private constructor();
+    constructor(props: ErrorBoundaryProps);
     static getDerivedStateFromError(error: Error): ErrorBoundaryState;
     componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
     render(): React.ReactNode;

package/src/lib/utils/axiosErrorUtils/axiosErrorUtils.d.ts

@@ -1,6 +1,6 @@
 import { AxiosError } from 'axios';
 export declare const DEFAULT_ERROR_MESSAGE = "An error has occurred";
-export declare const isAxiosError: (error: AxiosError | Error) => error is AxiosError<any, any>;
+export declare const isAxiosError: (error: AxiosError | Error) => error is AxiosError<unknown, any>;
 export declare const getAxiosErrorMessage: (error: AxiosError) => string;
 export declare const getErrorMessage: (error: Error | AxiosError) => string;
 export declare const getAxiosWarningMessage: (error: AxiosError) => string;

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

@@ -183,3 +183,9 @@ export declare const isAfter: (date: Date | number, dateToCompare: Date | number
  * @returns {Date} - Date in UTC
  */
 export declare const utc: (dateStr?: string | undefined) => Date;
+/**
+ * Check if a date object is valid
+ * @param {Date} date - date to be checked
+ * @returns {boolean} - True if valid
+ */
+export declare const isValid: (input: Date) => boolean;