@opengeoweb/shared 2.14.0 → 2.15.0

package/index.esm.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default from 'react';
-import { Box, Typography, Dialog, DialogTitle, IconButton, DialogContent, DialogActions, Button, CircularProgress, Alert, AlertTitle, Grid, useTheme, Link, Avatar, Paper, ClickAwayListener, MenuList, MenuItem, RadioGroup, FormControlLabel, Radio, Tooltip, List, ListItem, Tabs, Tab, Backdrop, Slider, ToggleButton, Menu, ListItemIcon, Checkbox, Select } from '@mui/material';
+import { Box, Typography, Dialog, DialogTitle, IconButton, DialogContent, DialogActions, Button, CircularProgress, Alert, AlertTitle, Grid, useTheme, Link, Avatar as Avatar$1, Paper, ClickAwayListener, MenuList, MenuItem, RadioGroup, FormControlLabel, Radio, Tooltip, List, ListItem, Tabs, Tab, Backdrop, Slider, ToggleButton, Menu, ListItemIcon, Checkbox, Select } from '@mui/material';
 import { Close, Exclamation, Success, Info, ChevronRight, GeoWebLogo, Resize, useThemeContext, DragHandle, ArrowLeft, ArrowRight, KeyOption, ArrowUp, ArrowDown, KeyCommand, Options, Delete, VisibilityOff, Visibility } from '@opengeoweb/theme';
 import { useFormContext } from 'react-hook-form';
 import { isEmpty, errorMessages } from '@opengeoweb/form-fields';
@@ -870,7 +870,7 @@ var AlertBanner = function AlertBanner(_ref) {
  * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2021 - Finnish Meteorological Institute (FMI)
  * */
-var useStyles$7 = makeStyles(function () {
+var useStyles$6 = makeStyles(function () {
   return {
     wrapper: {
       height: '100vh',
@@ -887,7 +887,7 @@ var useStyles$7 = makeStyles(function () {
 var AppLayout = function AppLayout(_ref) {
   var header = _ref.header,
       children = _ref.children;
-  var classes = useStyles$7();
+  var classes = useStyles$6();
   return /*#__PURE__*/React__default.createElement("div", {
     className: classes.wrapper
   }, header, /*#__PURE__*/React__default.createElement("main", {
@@ -895,7 +895,7 @@ var AppLayout = function AppLayout(_ref) {
   }, children));
 };
 
-var useStyles$6 = makeStyles(function (theme) {
+var useStyles$5 = makeStyles(function (theme) {
   var _header;
 
   return {
@@ -929,7 +929,7 @@ var AppHeader = function AppHeader(_ref) {
       userMenu = _ref.userMenu,
       _ref$title = _ref.title,
       title = _ref$title === void 0 ? 'GeoWeb' : _ref$title;
-  var classes = useStyles$6();
+  var classes = useStyles$5();
   return /*#__PURE__*/React__default.createElement("header", {
     className: classes.header
   }, /*#__PURE__*/React__default.createElement(Grid, {
@@ -1175,6 +1175,51 @@ ErrorBoundary.defaultProps = {
   }
 };
 
+/* *
+ * 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 styles$3 = {
+  small: {
+    height: 16,
+    width: 16,
+    fontSize: '0.5rem'
+  },
+  large: {
+    height: 32,
+    width: 32,
+    fontSize: '0.938rem'
+  }
+};
+
+var Avatar = function Avatar(_ref) {
+  var children = _ref.children,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'large' : _ref$size;
+  return /*#__PURE__*/React.createElement(Avatar$1, {
+    "data-testid": "avatar",
+    sx: Object.assign(Object.assign({}, styles$3[size]), {
+      fontWeight: 500,
+      color: 'geowebColors.brand.brand',
+      backgroundColor: 'common.white',
+      border: '0.1px solid',
+      borderColor: 'geowebColors.brand.brand'
+    })
+  }, children);
+};
+
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -1191,40 +1236,30 @@ ErrorBoundary.defaultProps = {
  * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2021 - Finnish Meteorological Institute (FMI)
  * */
-var useStyles$5 = makeStyles(function (theme) {
-  return {
-    container: {
-      position: 'absolute',
-      top: 38,
-      right: 20,
-      width: 256,
-      borderRadius: 0,
-      boxShadow: theme.shadows[5],
-      background: theme.palette.geowebColors.background.surface
-    },
-    userMenu: {
-      padding: 0,
-      '& > li': {
-        paddingTop: 24,
-        paddingBottom: 24,
-        paddingLeft: 16,
-        paddingRight: 16
-      }
-    },
-    button: {
-      color: theme.palette.common.white,
-      padding: 0
-    },
-    avatar: {
-      height: 32,
-      width: 32,
-      fontSize: '0.938rem',
-      fontWeight: 500,
-      color: theme.palette.geowebColors.brand.brand,
-      backgroundColor: theme.palette.common.white
+var styles$2 = {
+  container: {
+    position: 'absolute',
+    top: 38,
+    right: 20,
+    width: 256,
+    borderRadius: 0,
+    boxShadow: 5,
+    backgroundColor: 'geowebColors.background.surface'
+  },
+  userMenu: {
+    padding: 0,
+    '& > li': {
+      paddingTop: 3,
+      paddingBottom: 3,
+      paddingLeft: 2,
+      paddingRight: 2
     }
-  };
-});
+  },
+  button: {
+    color: 'common.white',
+    padding: 0
+  }
+};
 
 var UserMenu = function UserMenu(_ref) {
   var _ref$isOpen = _ref.isOpen,
@@ -1239,22 +1274,19 @@ var UserMenu = function UserMenu(_ref) {
   } : _ref$onClose,
       children = _ref.children,
       initials = _ref.initials;
-  var classes = useStyles$5();
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(IconButton, {
     "data-testid": "userButton",
     onClick: onToggle,
-    className: classes.button,
+    sx: styles$2.button,
     size: "large"
-  }, /*#__PURE__*/React__default.createElement(Avatar, {
-    className: classes.avatar
-  }, initials)), isOpen && /*#__PURE__*/React__default.createElement(Paper, {
-    className: classes.container,
+  }, /*#__PURE__*/React__default.createElement(Avatar, null, initials)), isOpen && /*#__PURE__*/React__default.createElement(Paper, {
+    sx: styles$2.container,
     "data-testid": "userMenu"
   }, /*#__PURE__*/React__default.createElement(ClickAwayListener, {
     onClickAway: onClose,
     mouseEvent: "onMouseDown"
   }, /*#__PURE__*/React__default.createElement(MenuList, {
-    className: classes.userMenu,
+    sx: styles$2.userMenu,
     variant: "menu"
   }, children))));
 };
@@ -2300,18 +2332,20 @@ var CustomSlider = function CustomSlider(_a) {
  * Copyright 2021 - Finnish Meteorological Institute (FMI)
  * */
 
-var CustomToggleButton = function CustomToggleButton(_a) {
+var CustomToggleButton = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _a$variant = _a.variant,
       variant = _a$variant === void 0 ? 'primary' : _a$variant,
+      className = _a.className,
       _a$value = _a.value,
       value = _a$value === void 0 ? 0 : _a$value,
-      props = __rest(_a, ["variant", "value"]);
+      props = __rest(_a, ["variant", "className", "value"]);
 
   return /*#__PURE__*/React.createElement(ToggleButton, Object.assign({
-    className: variant,
+    ref: ref,
+    className: "".concat(variant, " ").concat(className),
     value: value
   }, props));
-};
+});
 
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -2329,7 +2363,7 @@ var CustomToggleButton = function CustomToggleButton(_a) {
  * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2021 - Finnish Meteorological Institute (FMI)
  * */
-var ToolButton = function ToolButton(_a) {
+var ToolButton = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var active = _a.active,
       _a$width = _a.width,
       width = _a$width === void 0 ? '24px' : _a$width,
@@ -2345,6 +2379,7 @@ var ToolButton = function ToolButton(_a) {
       props = __rest(_a, ["active", "width", "height", "children", "value", "sx", "variant"]);
 
   return /*#__PURE__*/React.createElement(CustomToggleButton, Object.assign({
+    ref: ref,
     variant: variant,
     disableRipple: true,
     selected: active,
@@ -2359,7 +2394,7 @@ var ToolButton = function ToolButton(_a) {
       }
     }, sx)
   }, props), children);
-};
+});
 
 var getPosition = function getPosition(menuPosition) {
   switch (menuPosition) {
@@ -2882,7 +2917,8 @@ var TooltipSelect = function TooltipSelect(_a) {
  * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2021 - Finnish Meteorological Institute (FMI)
  * */
-// Guard function for detecting an AxiosError (typically the kind of error returned by the backend)
+var DEFAULT_ERROR_MESSAGE = 'An error has occurred'; // Guard function for detecting an AxiosError (typically the kind of error returned by the backend)
+
 var isAxiosError = function isAxiosError(error) {
   return error.isAxiosError !== undefined;
 };
@@ -2897,7 +2933,18 @@ var getAxiosErrorMessage = function getAxiosErrorMessage(error) {
     return data.message;
   }
 
-  return 'An error has occurred';
+  if (error.message) {
+    return error.message;
+  }
+
+  return DEFAULT_ERROR_MESSAGE;
+};
+var getErrorMessage = function getErrorMessage(error) {
+  if (isAxiosError(error)) {
+    return getAxiosErrorMessage(error);
+  }
+
+  return error.message || DEFAULT_ERROR_MESSAGE;
 };
 
-export { AlertBanner, AlertIcon, AppHeader, AppLayout, ConfirmationDialog, ConfirmationServiceProvider, CustomSlider, CustomToggleButton, DraggableComponent$1 as Draggable, EnableButton, ErrorBoundary, HIDDEN_INPUT_HELPER_IS_DRAFT, ManagerButton, ManagerDeleteButton, ResizeComponent as Resizable, StatusTag, ToggleMenu, ToolButton, ToolContainer, DraggableComponent as ToolContainerDraggable, ToolFooter, ToolHeader, TooltipSelect, UserMenu, UserMenuItemCheatSheet, MenuItemTheme as UserMenuItemTheme, calculateDialogSizeAndPosition, getAxiosErrorMessage, getInitials, getPosition, isAxiosError, showPrompt, sliderStyles, tooltipContainerStyles, useConfirmationDialog, useDialogActions, useDraftFormHelpers, useIsMounted, usePoller, usePreventBrowserClose, usePrevious, useUserMenu };
+export { AlertBanner, AlertIcon, AppHeader, AppLayout, Avatar, ConfirmationDialog, ConfirmationServiceProvider, CustomSlider, CustomToggleButton, DEFAULT_ERROR_MESSAGE, DraggableComponent$1 as Draggable, EnableButton, ErrorBoundary, HIDDEN_INPUT_HELPER_IS_DRAFT, ManagerButton, ManagerDeleteButton, ResizeComponent as Resizable, StatusTag, ToggleMenu, ToolButton, ToolContainer, DraggableComponent as ToolContainerDraggable, ToolFooter, ToolHeader, TooltipSelect, UserMenu, UserMenuItemCheatSheet, MenuItemTheme as UserMenuItemTheme, calculateDialogSizeAndPosition, getAxiosErrorMessage, getErrorMessage, getInitials, getPosition, isAxiosError, showPrompt, sliderStyles, tooltipContainerStyles, useConfirmationDialog, useDialogActions, useDraftFormHelpers, useIsMounted, usePoller, usePreventBrowserClose, usePrevious, useUserMenu };

package/index.umd.js

@@ -723,7 +723,7 @@
      * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
      * Copyright 2021 - Finnish Meteorological Institute (FMI)
      * */
-    var useStyles$7 = makeStyles__default["default"](function () {
+    var useStyles$6 = makeStyles__default["default"](function () {
       return {
         wrapper: {
           height: '100vh',
@@ -740,7 +740,7 @@
     var AppLayout = function AppLayout(_a) {
       var header = _a.header,
           children = _a.children;
-      var classes = useStyles$7();
+      var classes = useStyles$6();
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: classes.wrapper
       }, header, /*#__PURE__*/React__default["default"].createElement("main", {
@@ -764,7 +764,7 @@
      * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
      * Copyright 2021 - Finnish Meteorological Institute (FMI)
      * */
-    var useStyles$6 = makeStyles__default["default"](function (theme) {
+    var useStyles$5 = makeStyles__default["default"](function (theme) {
       var _a;
 
       return {
@@ -798,7 +798,7 @@
           userMenu = _a.userMenu,
           _b = _a.title,
           title = _b === void 0 ? 'GeoWeb' : _b;
-      var classes = useStyles$6();
+      var classes = useStyles$5();
       return /*#__PURE__*/React__default["default"].createElement("header", {
         className: classes.header
       }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
@@ -1036,6 +1036,35 @@
       return ErrorBoundary;
     }(React__namespace.Component);
 
+    var styles$3 = {
+      small: {
+        height: 16,
+        width: 16,
+        fontSize: '0.5rem'
+      },
+      large: {
+        height: 32,
+        width: 32,
+        fontSize: '0.938rem'
+      }
+    };
+
+    var Avatar = function Avatar(_a) {
+      var children = _a.children,
+          _b = _a.size,
+          size = _b === void 0 ? 'large' : _b;
+      return /*#__PURE__*/React__namespace.createElement(material.Avatar, {
+        "data-testid": "avatar",
+        sx: __assign(__assign({}, styles$3[size]), {
+          fontWeight: 500,
+          color: 'geowebColors.brand.brand',
+          backgroundColor: 'common.white',
+          border: '0.1px solid',
+          borderColor: 'geowebColors.brand.brand'
+        })
+      }, children);
+    };
+
     /* *
      * Licensed under the Apache License, Version 2.0 (the "License");
      * you may not use this file except in compliance with the License.
@@ -1052,40 +1081,30 @@
      * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
      * Copyright 2021 - Finnish Meteorological Institute (FMI)
      * */
-    var useStyles$5 = makeStyles__default["default"](function (theme) {
-      return {
-        container: {
-          position: 'absolute',
-          top: 38,
-          right: 20,
-          width: 256,
-          borderRadius: 0,
-          boxShadow: theme.shadows[5],
-          background: theme.palette.geowebColors.background.surface
-        },
-        userMenu: {
-          padding: 0,
-          '& > li': {
-            paddingTop: 24,
-            paddingBottom: 24,
-            paddingLeft: 16,
-            paddingRight: 16
-          }
-        },
-        button: {
-          color: theme.palette.common.white,
-          padding: 0
-        },
-        avatar: {
-          height: 32,
-          width: 32,
-          fontSize: '0.938rem',
-          fontWeight: 500,
-          color: theme.palette.geowebColors.brand.brand,
-          backgroundColor: theme.palette.common.white
+    var styles$2 = {
+      container: {
+        position: 'absolute',
+        top: 38,
+        right: 20,
+        width: 256,
+        borderRadius: 0,
+        boxShadow: 5,
+        backgroundColor: 'geowebColors.background.surface'
+      },
+      userMenu: {
+        padding: 0,
+        '& > li': {
+          paddingTop: 3,
+          paddingBottom: 3,
+          paddingLeft: 2,
+          paddingRight: 2
         }
-      };
-    });
+      },
+      button: {
+        color: 'common.white',
+        padding: 0
+      }
+    };
 
     var UserMenu = function UserMenu(_a) {
       var _b = _a.isOpen,
@@ -1100,22 +1119,19 @@
       } : _d,
           children = _a.children,
           initials = _a.initials;
-      var classes = useStyles$5();
       return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(material.IconButton, {
         "data-testid": "userButton",
         onClick: onToggle,
-        className: classes.button,
+        sx: styles$2.button,
         size: "large"
-      }, /*#__PURE__*/React__default["default"].createElement(material.Avatar, {
-        className: classes.avatar
-      }, initials)), isOpen && /*#__PURE__*/React__default["default"].createElement(material.Paper, {
-        className: classes.container,
+      }, /*#__PURE__*/React__default["default"].createElement(Avatar, null, initials)), isOpen && /*#__PURE__*/React__default["default"].createElement(material.Paper, {
+        sx: styles$2.container,
         "data-testid": "userMenu"
       }, /*#__PURE__*/React__default["default"].createElement(material.ClickAwayListener, {
         onClickAway: onClose,
         mouseEvent: "onMouseDown"
       }, /*#__PURE__*/React__default["default"].createElement(material.MenuList, {
-        className: classes.userMenu,
+        sx: styles$2.userMenu,
         variant: "menu"
       }, children))));
     };
@@ -2194,18 +2210,20 @@
      * Copyright 2021 - Finnish Meteorological Institute (FMI)
      * */
 
-    var CustomToggleButton = function CustomToggleButton(_a) {
+    var CustomToggleButton = /*#__PURE__*/React__namespace.forwardRef(function (_a, ref) {
       var _b = _a.variant,
           variant = _b === void 0 ? 'primary' : _b,
+          className = _a.className,
           _c = _a.value,
           value = _c === void 0 ? 0 : _c,
-          props = __rest(_a, ["variant", "value"]);
+          props = __rest(_a, ["variant", "className", "value"]);
 
       return /*#__PURE__*/React__namespace.createElement(material.ToggleButton, __assign({
-        className: variant,
+        ref: ref,
+        className: variant + " " + className,
         value: value
       }, props));
-    };
+    });
 
     /* *
      * Licensed under the Apache License, Version 2.0 (the "License");
@@ -2223,7 +2241,7 @@
      * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
      * Copyright 2021 - Finnish Meteorological Institute (FMI)
      * */
-    var ToolButton = function ToolButton(_a) {
+    var ToolButton = /*#__PURE__*/React__namespace.forwardRef(function (_a, ref) {
       var active = _a.active,
           _b = _a.width,
           width = _b === void 0 ? '24px' : _b,
@@ -2239,6 +2257,7 @@
           props = __rest(_a, ["active", "width", "height", "children", "value", "sx", "variant"]);
 
       return /*#__PURE__*/React__namespace.createElement(CustomToggleButton, __assign({
+        ref: ref,
         variant: variant,
         disableRipple: true,
         selected: active,
@@ -2253,7 +2272,7 @@
           }
         }, sx)
       }, props), children);
-    };
+    });
 
     var getPosition = function getPosition(menuPosition) {
       switch (menuPosition) {
@@ -2792,7 +2811,8 @@
      * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
      * Copyright 2021 - Finnish Meteorological Institute (FMI)
      * */
-    // Guard function for detecting an AxiosError (typically the kind of error returned by the backend)
+    var DEFAULT_ERROR_MESSAGE = 'An error has occurred'; // Guard function for detecting an AxiosError (typically the kind of error returned by the backend)
+
     var isAxiosError = function isAxiosError(error) {
       return error.isAxiosError !== undefined;
     };
@@ -2807,17 +2827,30 @@
         return data.message;
       }
 
-      return 'An error has occurred';
+      if (error.message) {
+        return error.message;
+      }
+
+      return DEFAULT_ERROR_MESSAGE;
+    };
+    var getErrorMessage = function getErrorMessage(error) {
+      if (isAxiosError(error)) {
+        return getAxiosErrorMessage(error);
+      }
+
+      return error.message || DEFAULT_ERROR_MESSAGE;
     };
 
     exports.AlertBanner = AlertBanner;
     exports.AlertIcon = AlertIcon;
     exports.AppHeader = AppHeader;
     exports.AppLayout = AppLayout;
+    exports.Avatar = Avatar;
     exports.ConfirmationDialog = ConfirmationDialog;
     exports.ConfirmationServiceProvider = ConfirmationServiceProvider;
     exports.CustomSlider = CustomSlider;
     exports.CustomToggleButton = CustomToggleButton;
+    exports.DEFAULT_ERROR_MESSAGE = DEFAULT_ERROR_MESSAGE;
     exports.Draggable = DraggableComponent$1;
     exports.EnableButton = EnableButton;
     exports.ErrorBoundary = ErrorBoundary;
@@ -2838,6 +2871,7 @@
     exports.UserMenuItemTheme = MenuItemTheme;
     exports.calculateDialogSizeAndPosition = calculateDialogSizeAndPosition;
     exports.getAxiosErrorMessage = getAxiosErrorMessage;
+    exports.getErrorMessage = getErrorMessage;
     exports.getInitials = getInitials;
     exports.getPosition = getPosition;
     exports.isAxiosError = isAxiosError;

package/lib/components/Avatar/Avatar.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface AvatarProps {
+    children: React.ReactNode;
+    size?: 'small' | 'large';
+}
+declare const Avatar: React.FC<AvatarProps>;
+export default Avatar;

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

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

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

@@ -0,0 +1 @@
+export { default as Avatar } from './Avatar';

package/lib/components/index.d.ts

@@ -16,3 +16,4 @@ export * from './ManagerDeleteButton';
 export * from './EnableButton';
 export * from './AlertIcon';
 export * from './TooltipSelect';
+export * from './Avatar';

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

@@ -1,3 +1,5 @@
 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 getAxiosErrorMessage: (error: AxiosError) => string;
+export declare const getErrorMessage: (error: Error | AxiosError) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/shared",
-  "version": "2.14.0",
+  "version": "2.15.0",
   "description": "GeoWeb shared library with shared components and utils for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -14,12 +14,12 @@
   "peerDependencies": {
     "react": "^17.0.2",
     "@mui/material": "^5.2.8",
-    "@opengeoweb/theme": "2.14.0",
+    "@opengeoweb/theme": "2.15.0",
     "@mui/styles": "^5.2.3",
     "react-draggable": "^4.4.3",
     "re-resizable": "^6.9.0",
     "lodash": "^4.17.20",
-    "@opengeoweb/form-fields": "2.14.0",
+    "@opengeoweb/form-fields": "2.15.0",
     "react-hook-form": "^6.12.1",
     "moment": "^2.29.0",
     "moment-timezone": "^0.5.31",