@opengeoweb/shared 2.15.0 → 3.0.0

package/index.esm.js

@@ -8,7 +8,6 @@ import makeStyles from '@mui/styles/makeStyles';
 import Draggable from 'react-draggable';
 import { Resizable } from 're-resizable';
 import { throttle } from 'lodash';
-import withStyles from '@mui/styles/withStyles';
 import createStyles from '@mui/styles/createStyles';
 
 /* *
@@ -870,7 +869,7 @@ var AlertBanner = function AlertBanner(_ref) {
  * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
  * Copyright 2021 - Finnish Meteorological Institute (FMI)
  * */
-var useStyles$6 = makeStyles(function () {
+var useStyles$5 = makeStyles(function () {
   return {
     wrapper: {
       height: '100vh',
@@ -887,7 +886,7 @@ var useStyles$6 = makeStyles(function () {
 var AppLayout = function AppLayout(_ref) {
   var header = _ref.header,
       children = _ref.children;
-  var classes = useStyles$6();
+  var classes = useStyles$5();
   return /*#__PURE__*/React__default.createElement("div", {
     className: classes.wrapper
   }, header, /*#__PURE__*/React__default.createElement("main", {
@@ -895,45 +894,46 @@ var AppLayout = function AppLayout(_ref) {
   }, children));
 };
 
-var useStyles$5 = makeStyles(function (theme) {
-  var _header;
+var styles$4 = {
+  header: function header(theme) {
+    var _ref;
 
-  return {
-    header: (_header = {
+    return _ref = {
       height: 40,
-      background: theme.palette.geowebColors.brand.brand,
+      backgroundColor: theme.palette.geowebColors.brand.brand,
       color: theme.palette.common.white,
       boxShadow: theme.shadows[1],
       zIndex: 1000
-    }, _defineProperty(_header, theme.breakpoints.down('sm'), {
+    }, _defineProperty(_ref, theme.breakpoints.down('sm'), {
       padding: '0 8px'
-    }), _defineProperty(_header, theme.breakpoints.up('sm'), {
+    }), _defineProperty(_ref, theme.breakpoints.up('sm'), {
       padding: '0 24px'
-    }), _header),
-    title: {
-      marginLeft: 6,
-      fontSize: '1.25rem',
-      fontWeight: 400,
-      overflow: 'hidden',
-      whiteSpace: 'nowrap',
-      textOverflow: 'ellipsis'
-    },
-    container: {
-      height: '100%'
-    }
-  };
-});
+    }), _ref;
+  },
+  title: {
+    marginLeft: 1,
+    fontSize: '1.25rem',
+    fontWeight: 400,
+    overflow: 'hidden',
+    whiteSpace: 'nowrap',
+    textOverflow: 'ellipsis',
+    letterSpacing: '0.15px'
+  },
+  container: {
+    height: '100%'
+  }
+};
 
-var AppHeader = function AppHeader(_ref) {
-  var menu = _ref.menu,
-      userMenu = _ref.userMenu,
-      _ref$title = _ref.title,
-      title = _ref$title === void 0 ? 'GeoWeb' : _ref$title;
-  var classes = useStyles$5();
-  return /*#__PURE__*/React__default.createElement("header", {
-    className: classes.header
+var AppHeader = function AppHeader(_ref2) {
+  var menu = _ref2.menu,
+      userMenu = _ref2.userMenu,
+      _ref2$title = _ref2.title,
+      title = _ref2$title === void 0 ? 'GeoWeb' : _ref2$title;
+  return /*#__PURE__*/React__default.createElement(Box, {
+    component: "header",
+    sx: styles$4.header
   }, /*#__PURE__*/React__default.createElement(Grid, {
-    className: classes.container,
+    sx: styles$4.container,
     container: true,
     alignItems: "center"
   }, /*#__PURE__*/React__default.createElement(Grid, {
@@ -954,7 +954,7 @@ var AppHeader = function AppHeader(_ref) {
     wrap: "nowrap"
   }, /*#__PURE__*/React__default.createElement(GeoWebLogo, null), /*#__PURE__*/React__default.createElement(Typography, {
     variant: "h1",
-    className: classes.title
+    sx: styles$4.title
   }, title))), /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 1,
@@ -2215,65 +2215,56 @@ var getInitials = function getInitials(name) {
   }
 };
 
-var sliderStyles = makeStyles(function (theme) {
-  return {
-    sliderHeader: {
-      fontFamily: 'Roboto-Black, Roboto',
-      fontSize: 12,
-      color: theme.palette.geowebColors.typographyAndIcons.text,
-      padding: '11px 0 11px 16px'
+var sliderHeaderStyle = {
+  fontFamily: 'Roboto-Black, Roboto',
+  fontSize: 12,
+  color: 'geowebColors.typographyAndIcons.text',
+  padding: '11px 0 11px 16px'
+};
+var sliderStyle = {
+  '& span.selectedLabel': {
+    fontWeight: 'bold'
+  },
+  '& .MuiSlider-thumb': {
+    backgroundColor: 'geowebColors.customSlider.thumb',
+    boxShadow: '0px 3px 5px 1px rgba(0,0,0,0.3)',
+    '&.Mui-focusVisible, &:hover, &:active': {
+      boxShadow: '0px 3px 5px 2px rgba(0,0,0,0.4)'
     }
-  };
-});
-var CustomSliderComponent = withStyles(function (theme) {
-  return {
-    root: {
-      // highlight selected label
-      '& span.selectedLabel': {
-        fontWeight: 'bold'
-      }
-    },
-    thumb: {
-      backgroundColor: theme.palette.geowebColors.customSlider.thumb,
-      '$disabled &': {
-        backgroundColor: theme.palette.geowebColors.customSlider.thumbDisabled
-      },
-      boxShadow: '0px 3px 5px 1px rgba(0,0,0,0.3)',
-      '&.Mui-focusVisible, &:hover, &:active': {
-        boxShadow: '0px 3px 5px 2px rgba(0,0,0,0.4)'
-      }
-    },
-    mark: {
-      backgroundColor: theme.palette.geowebColors.customSlider.mark,
-      '$disabled &': {
-        backgroundColor: theme.palette.geowebColors.customSlider.markDisabled
-      }
-    },
-    markLabel: {
-      fontFamily: 'Roboto-Black, Roboto',
-      fontSize: 12,
-      color: theme.palette.geowebColors.typographyAndIcons.text
+  },
+  '& .MuiSlider-mark': {
+    backgroundColor: 'geowebColors.customSlider.mark'
+  },
+  '& .MuiSlider-markLabel': {
+    fontFamily: 'Roboto-Black, Roboto',
+    fontSize: 12,
+    color: 'geowebColors.typographyAndIcons.text'
+  },
+  '& .MuiSlider-track': {
+    color: 'geowebColors.customSlider.track',
+    backgroundColor: 'geowebColors.customSlider.track'
+  },
+  '& .MuiSlider-rail': {
+    backgroundColor: 'geowebColors.customSlider.rail',
+    opacity: 1
+  },
+  '&.Mui-disabled': {
+    '& .MuiSlider-thumb': {
+      backgroundColor: 'geowebColors.customSlider.thumbDisabled'
     },
-    track: {
-      color: theme.palette.geowebColors.customSlider.track,
-      backgroundColor: theme.palette.geowebColors.customSlider.track,
-      '$disabled &': {
-        backgroundColor: theme.palette.geowebColors.customSlider.trackDisabled,
-        color: theme.palette.geowebColors.customSlider.trackDisabled
-      }
+    '& .MuiSlider-mark': {
+      backgroundColor: 'geowebColors.customSlider.markDisabled'
     },
-    rail: {
-      backgroundColor: theme.palette.geowebColors.customSlider.rail,
-      opacity: 1,
-      '$disabled &': {
-        backgroundColor: theme.palette.geowebColors.customSlider.railDisabled,
-        opacity: 1
-      }
+    '& .MuiSlider-track': {
+      backgroundColor: 'geowebColors.customSlider.trackDisabled',
+      color: 'geowebColors.customSlider.trackDisabled'
     },
-    disabled: {// this has to exist, because otherwise '$disabled &' rules above has no effect ???
+    '& .MuiSlider-rail': {
+      backgroundColor: 'geowebColors.customSlider.railDisabled',
+      opacity: 1
     }
-  };
-})(Slider);
+  }
+};
 var CustomSlider = function CustomSlider(_a) {
   var value = _a.value,
       _a$orientation = _a.orientation,
@@ -2308,7 +2299,8 @@ var CustomSlider = function CustomSlider(_a) {
     } // eslint-disable-next-line react-hooks/exhaustive-deps
 
   }, []);
-  return /*#__PURE__*/React.createElement(CustomSliderComponent, Object.assign({
+  return /*#__PURE__*/React.createElement(Slider, Object.assign({
+    sx: sliderStyle,
     ref: element,
     value: value,
     orientation: orientation
@@ -2946,5 +2938,21 @@ var getErrorMessage = function getErrorMessage(error) {
 
   return error.message || DEFAULT_ERROR_MESSAGE;
 };
+var getAxiosWarningMessage = function getAxiosWarningMessage(error) {
+  var data = error.response && error.response.data;
+
+  if (data && data.WarningMessage && typeof data.WarningMessage === 'string') {
+    return data.WarningMessage;
+  }
+
+  return '';
+};
+var getWarningMessage = function getWarningMessage(error) {
+  if (isAxiosError(error)) {
+    return getAxiosWarningMessage(error);
+  }
+
+  return '';
+};
 
-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 };
+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, getAxiosWarningMessage, getErrorMessage, getInitials, getPosition, getWarningMessage, isAxiosError, showPrompt, sliderHeaderStyle, tooltipContainerStyles, useConfirmationDialog, useDialogActions, useDraftFormHelpers, useIsMounted, usePoller, usePreventBrowserClose, usePrevious, useUserMenu };

package/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('@mui/material'), require('@opengeoweb/theme'), require('react-hook-form'), require('@opengeoweb/form-fields'), require('@mui/styles/makeStyles'), require('react-draggable'), require('re-resizable'), require('lodash'), require('@mui/styles/withStyles'), require('@mui/styles/createStyles')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'react', '@mui/material', '@opengeoweb/theme', 'react-hook-form', '@opengeoweb/form-fields', '@mui/styles/makeStyles', 'react-draggable', 're-resizable', 'lodash', '@mui/styles/withStyles', '@mui/styles/createStyles'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Shared = {}, global.React, global.material, global.theme, global.reactHookForm, global.formFields, global.makeStyles, global.Draggable, global.reResizable, global.lodash, global.withStyles, global.createStyles));
-})(this, (function (exports, React, material, theme, reactHookForm, formFields, makeStyles, Draggable, reResizable, lodash, withStyles, createStyles) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('@mui/material'), require('@opengeoweb/theme'), require('react-hook-form'), require('@opengeoweb/form-fields'), require('@mui/styles/makeStyles'), require('react-draggable'), require('re-resizable'), require('lodash'), require('@mui/styles/createStyles')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'react', '@mui/material', '@opengeoweb/theme', 'react-hook-form', '@opengeoweb/form-fields', '@mui/styles/makeStyles', 'react-draggable', 're-resizable', 'lodash', '@mui/styles/createStyles'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Shared = {}, global.React, global.material, global.theme, global.reactHookForm, global.formFields, global.makeStyles, global.Draggable, global.reResizable, global.lodash, global.createStyles));
+})(this, (function (exports, React, material, theme, reactHookForm, formFields, makeStyles, Draggable, reResizable, lodash, createStyles) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -28,7 +28,6 @@
     var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
     var makeStyles__default = /*#__PURE__*/_interopDefaultLegacy(makeStyles);
     var Draggable__default = /*#__PURE__*/_interopDefaultLegacy(Draggable);
-    var withStyles__default = /*#__PURE__*/_interopDefaultLegacy(withStyles);
     var createStyles__default = /*#__PURE__*/_interopDefaultLegacy(createStyles);
 
     /*! *****************************************************************************
@@ -723,7 +722,7 @@
      * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
      * Copyright 2021 - Finnish Meteorological Institute (FMI)
      * */
-    var useStyles$6 = makeStyles__default["default"](function () {
+    var useStyles$5 = makeStyles__default["default"](function () {
       return {
         wrapper: {
           height: '100vh',
@@ -740,7 +739,7 @@
     var AppLayout = function AppLayout(_a) {
       var header = _a.header,
           children = _a.children;
-      var classes = useStyles$6();
+      var classes = useStyles$5();
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: classes.wrapper
       }, header, /*#__PURE__*/React__default["default"].createElement("main", {
@@ -764,13 +763,13 @@
      * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
      * Copyright 2021 - Finnish Meteorological Institute (FMI)
      * */
-    var useStyles$5 = makeStyles__default["default"](function (theme) {
-      var _a;
+    var styles$4 = {
+      header: function header(theme) {
+        var _a;
 
-      return {
-        header: (_a = {
+        return _a = {
           height: 40,
-          background: theme.palette.geowebColors.brand.brand,
+          backgroundColor: theme.palette.geowebColors.brand.brand,
           color: theme.palette.common.white,
           boxShadow: theme.shadows[1],
           zIndex: 1000
@@ -778,31 +777,32 @@
           padding: '0 8px'
         }, _a[theme.breakpoints.up('sm')] = {
           padding: '0 24px'
-        }, _a),
-        title: {
-          marginLeft: 6,
-          fontSize: '1.25rem',
-          fontWeight: 400,
-          overflow: 'hidden',
-          whiteSpace: 'nowrap',
-          textOverflow: 'ellipsis'
-        },
-        container: {
-          height: '100%'
-        }
-      };
-    });
+        }, _a;
+      },
+      title: {
+        marginLeft: 1,
+        fontSize: '1.25rem',
+        fontWeight: 400,
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+        textOverflow: 'ellipsis',
+        letterSpacing: '0.15px'
+      },
+      container: {
+        height: '100%'
+      }
+    };
 
     var AppHeader = function AppHeader(_a) {
       var menu = _a.menu,
           userMenu = _a.userMenu,
           _b = _a.title,
           title = _b === void 0 ? 'GeoWeb' : _b;
-      var classes = useStyles$5();
-      return /*#__PURE__*/React__default["default"].createElement("header", {
-        className: classes.header
+      return /*#__PURE__*/React__default["default"].createElement(material.Box, {
+        component: "header",
+        sx: styles$4.header
       }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
-        className: classes.container,
+        sx: styles$4.container,
         container: true,
         alignItems: "center"
       }, /*#__PURE__*/React__default["default"].createElement(material.Grid, {
@@ -823,7 +823,7 @@
         wrap: "nowrap"
       }, /*#__PURE__*/React__default["default"].createElement(theme.GeoWebLogo, null), /*#__PURE__*/React__default["default"].createElement(material.Typography, {
         variant: "h1",
-        className: classes.title
+        sx: styles$4.title
       }, title))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
         item: true,
         xs: 1,
@@ -2094,65 +2094,56 @@
      * Copyright 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
      * Copyright 2021 - Finnish Meteorological Institute (FMI)
      * */
-    var sliderStyles = makeStyles__default["default"](function (theme) {
-      return {
-        sliderHeader: {
-          fontFamily: 'Roboto-Black, Roboto',
-          fontSize: 12,
-          color: theme.palette.geowebColors.typographyAndIcons.text,
-          padding: '11px 0 11px 16px'
+    var sliderHeaderStyle = {
+      fontFamily: 'Roboto-Black, Roboto',
+      fontSize: 12,
+      color: 'geowebColors.typographyAndIcons.text',
+      padding: '11px 0 11px 16px'
+    };
+    var sliderStyle = {
+      '& span.selectedLabel': {
+        fontWeight: 'bold'
+      },
+      '& .MuiSlider-thumb': {
+        backgroundColor: 'geowebColors.customSlider.thumb',
+        boxShadow: '0px 3px 5px 1px rgba(0,0,0,0.3)',
+        '&.Mui-focusVisible, &:hover, &:active': {
+          boxShadow: '0px 3px 5px 2px rgba(0,0,0,0.4)'
         }
-      };
-    });
-    var CustomSliderComponent = withStyles__default["default"](function (theme) {
-      return {
-        root: {
-          // highlight selected label
-          '& span.selectedLabel': {
-            fontWeight: 'bold'
-          }
-        },
-        thumb: {
-          backgroundColor: theme.palette.geowebColors.customSlider.thumb,
-          '$disabled &': {
-            backgroundColor: theme.palette.geowebColors.customSlider.thumbDisabled
-          },
-          boxShadow: '0px 3px 5px 1px rgba(0,0,0,0.3)',
-          '&.Mui-focusVisible, &:hover, &:active': {
-            boxShadow: '0px 3px 5px 2px rgba(0,0,0,0.4)'
-          }
-        },
-        mark: {
-          backgroundColor: theme.palette.geowebColors.customSlider.mark,
-          '$disabled &': {
-            backgroundColor: theme.palette.geowebColors.customSlider.markDisabled
-          }
-        },
-        markLabel: {
-          fontFamily: 'Roboto-Black, Roboto',
-          fontSize: 12,
-          color: theme.palette.geowebColors.typographyAndIcons.text
+      },
+      '& .MuiSlider-mark': {
+        backgroundColor: 'geowebColors.customSlider.mark'
+      },
+      '& .MuiSlider-markLabel': {
+        fontFamily: 'Roboto-Black, Roboto',
+        fontSize: 12,
+        color: 'geowebColors.typographyAndIcons.text'
+      },
+      '& .MuiSlider-track': {
+        color: 'geowebColors.customSlider.track',
+        backgroundColor: 'geowebColors.customSlider.track'
+      },
+      '& .MuiSlider-rail': {
+        backgroundColor: 'geowebColors.customSlider.rail',
+        opacity: 1
+      },
+      '&.Mui-disabled': {
+        '& .MuiSlider-thumb': {
+          backgroundColor: 'geowebColors.customSlider.thumbDisabled'
         },
-        track: {
-          color: theme.palette.geowebColors.customSlider.track,
-          backgroundColor: theme.palette.geowebColors.customSlider.track,
-          '$disabled &': {
-            backgroundColor: theme.palette.geowebColors.customSlider.trackDisabled,
-            color: theme.palette.geowebColors.customSlider.trackDisabled
-          }
+        '& .MuiSlider-mark': {
+          backgroundColor: 'geowebColors.customSlider.markDisabled'
         },
-        rail: {
-          backgroundColor: theme.palette.geowebColors.customSlider.rail,
-          opacity: 1,
-          '$disabled &': {
-            backgroundColor: theme.palette.geowebColors.customSlider.railDisabled,
-            opacity: 1
-          }
+        '& .MuiSlider-track': {
+          backgroundColor: 'geowebColors.customSlider.trackDisabled',
+          color: 'geowebColors.customSlider.trackDisabled'
         },
-        disabled: {// this has to exist, because otherwise '$disabled &' rules above has no effect ???
+        '& .MuiSlider-rail': {
+          backgroundColor: 'geowebColors.customSlider.railDisabled',
+          opacity: 1
         }
-      };
-    })(material.Slider);
+      }
+    };
     var CustomSlider = function CustomSlider(_a) {
       var value = _a.value,
           _b = _a.orientation,
@@ -2186,7 +2177,8 @@
         } // eslint-disable-next-line react-hooks/exhaustive-deps
 
       }, []);
-      return /*#__PURE__*/React__namespace.createElement(CustomSliderComponent, __assign({
+      return /*#__PURE__*/React__namespace.createElement(material.Slider, __assign({
+        sx: sliderStyle,
         ref: element,
         value: value,
         orientation: orientation
@@ -2840,6 +2832,22 @@
 
       return error.message || DEFAULT_ERROR_MESSAGE;
     };
+    var getAxiosWarningMessage = function getAxiosWarningMessage(error) {
+      var data = error.response && error.response.data;
+
+      if (data && data.WarningMessage && typeof data.WarningMessage === 'string') {
+        return data.WarningMessage;
+      }
+
+      return '';
+    };
+    var getWarningMessage = function getWarningMessage(error) {
+      if (isAxiosError(error)) {
+        return getAxiosWarningMessage(error);
+      }
+
+      return '';
+    };
 
     exports.AlertBanner = AlertBanner;
     exports.AlertIcon = AlertIcon;
@@ -2871,12 +2879,14 @@
     exports.UserMenuItemTheme = MenuItemTheme;
     exports.calculateDialogSizeAndPosition = calculateDialogSizeAndPosition;
     exports.getAxiosErrorMessage = getAxiosErrorMessage;
+    exports.getAxiosWarningMessage = getAxiosWarningMessage;
     exports.getErrorMessage = getErrorMessage;
     exports.getInitials = getInitials;
     exports.getPosition = getPosition;
+    exports.getWarningMessage = getWarningMessage;
     exports.isAxiosError = isAxiosError;
     exports.showPrompt = showPrompt;
-    exports.sliderStyles = sliderStyles;
+    exports.sliderHeaderStyle = sliderHeaderStyle;
     exports.tooltipContainerStyles = tooltipContainerStyles;
     exports.useConfirmationDialog = useConfirmationDialog;
     exports.useDialogActions = useDialogActions;

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

@@ -1,2 +1,13 @@
 import React from 'react';
-export declare const AppHeaders: () => React.ReactElement;
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const AppHeaderDark: {
+    (): React.ReactElement;
+    storyName: string;
+};
+export declare const AppHeaderLight: {
+    (): React.ReactElement;
+    storyName: string;
+};

package/lib/components/CustomSlider/CustomSlider.d.ts

@@ -1,6 +1,11 @@
 import * as React from 'react';
 import { SliderProps } from '@mui/material';
-export declare const sliderStyles: (props?: any) => import("@mui/styles/withStyles").ClassNameMap<"sliderHeader">;
+export declare const sliderHeaderStyle: {
+    fontFamily: string;
+    fontSize: number;
+    color: string;
+    padding: string;
+};
 interface CustomSliderProps extends Omit<SliderProps, 'onChange'> {
     onChange: (event: Event, newValue: number) => void;
     shouldAutoFocus?: boolean;

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

@@ -3,7 +3,6 @@ declare const _default: {
     title: string;
 };
 export default _default;
-export declare const CustomSliderComponent: () => React.ReactElement;
 export declare const CustomSliderLightTheme: {
     (): React.ReactElement;
     storyName: string;

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

@@ -1 +1 @@
-export { CustomSlider, sliderStyles } from './CustomSlider';
+export { CustomSlider, sliderHeaderStyle } from './CustomSlider';

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

@@ -1,4 +1,3 @@
-export * from './AppHeader/AppHeader.stories';
 export * from './ErrorBoundary/ErrorBoundary.stories';
 declare const _default: {
     title: string;

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/shared",
-  "version": "2.15.0",
+  "version": "3.0.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.15.0",
+    "@opengeoweb/theme": "3.0.0",
     "@mui/styles": "^5.2.3",
     "react-draggable": "^4.4.3",
     "re-resizable": "^6.9.0",
     "lodash": "^4.17.20",
-    "@opengeoweb/form-fields": "2.15.0",
+    "@opengeoweb/form-fields": "3.0.0",
     "react-hook-form": "^6.12.1",
     "moment": "^2.29.0",
     "moment-timezone": "^0.5.31",