@opengeoweb/sigmet-airmet 2.8.0 → 2.12.0

package/index.esm.js

@@ -1,17 +1,17 @@
 import * as React from 'react';
 import React__default from 'react';
-import { FormControlLabel, Radio, Grid, Typography, SvgIcon, Tooltip, Button, Checkbox, MenuItem, FormHelperText, Dialog, DialogTitle, DialogContent, Card, CardContent, List, ListItem, Skeleton, Backdrop, CircularProgress } from '@mui/material';
+import { FormControlLabel, Radio, Grid, Typography, Tooltip, Button, Checkbox, MenuItem, FormHelperText, Dialog, DialogTitle, DialogContent, Card, CardContent, List, ListItem, Skeleton, Backdrop, CircularProgress } from '@mui/material';
 import { useFormContext } from 'react-hook-form';
 import { ReactHookFormRadioGroup, ReactHookFormSelect, ReactHookFormNumberField, isInteger, isValidMax, isValidMin, isEmpty, ReactHookFormDateTime, isValidDate, isBefore, isBetween, hasMaxFeaturePoints, hasMulitpleIntersections, ReactHookFormHiddenInput, isMaximumOneDrawing, hasIntersectionWithFIR, isValidGeoJsonCoordinates, isXHoursBefore, isAfter, isXHoursAfter, ReactHookFormTextField, containsNoCommas, isLatitude, isNonOrBothCoordinates, isLongitude, errorMessages, isGeometryDirty, ReactHookFormProvider, defaultFormOptions } from '@opengeoweb/form-fields';
 import { useApiContext, useApi, createApiInstance } from '@opengeoweb/api';
 import produce, { produce as produce$1 } from 'immer';
 import { useDispatch, useSelector, shallowEqual } from 'react-redux';
-import { mapTypes, mapSelectors, generateMapId, generateTimesliderId, SyncGroups, generateLayerId, mapActions, publicLayers, MapControls, LayerManagerMapButtonConnect, LegendMapButtonConnect, MultiDimensionSelectMapButtonsConnect, MapViewConnect, MapViewLayer, TimeSliderConnect } from '@opengeoweb/core';
+import { mapTypes, mapSelectors, generateMapId, generateTimesliderId, SyncGroups, generateLayerId, mapActions, publicLayers, MapControls, LayerManagerMapButtonConnect, LegendMapButtonConnect, MultiDimensionSelectMapButtonsConnect, MapViewConnect, MapViewLayer, TimeSliderConnect, LegendConnect } from '@opengeoweb/core';
 import * as turf from '@turf/turf';
 import { polygonToLineString, booleanClockwise, rewind } from '@turf/turf';
 import makeStyles from '@mui/styles/makeStyles';
 import { useDraftFormHelpers, useIsMounted, StatusTag, AlertBanner, usePreventBrowserClose, useConfirmationDialog, isAxiosError, getAxiosErrorMessage, ConfirmationServiceProvider, usePoller } from '@opengeoweb/shared';
-import { LocationOn, Delete, ArrowBackIos, InfoOutlined, Create, CheckCircle, Schedule } from '@mui/icons-material';
+import { Location, RegionDraw, PolygonDraw, FIRLandDraw, Delete, ChevronLeft, Info, Edit, Success, Clock } from '@opengeoweb/theme';
 import moment from 'moment';
 import { debounce } from 'lodash';
 
@@ -670,7 +670,10 @@ var MapViewGeoJson = function MapViewGeoJson(_ref) {
   }, /*#__PURE__*/React.createElement(TimeSliderConnect, {
     sourceId: timesliderId,
     mapId: mapId
-  })));
+  })), /*#__PURE__*/React.createElement(LegendConnect, {
+    showMapId: true,
+    mapId: mapId
+  }));
 };
 
 var type = "FeatureCollection";
@@ -1295,52 +1298,6 @@ var Change = function Change(_ref) {
   })))));
 };
 
-/* *
- * 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 2021 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
- * Copyright 2021 - Finnish Meteorological Institute (FMI)
- * */
-var RegionDraw = function RegionDraw(props) {
-  return /*#__PURE__*/React__default.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React__default.createElement("path", {
-    d: "M6,2 L6,2.999 L10,2.999 L10,2 L14,2 L14,2.999 L18,2.999 L18,2 L22,2 L22,6 L20.999,6 L20.999,10 L22,10 L22,14 L20.999,14 L20.999,18 L22,18 L22,22 L18,22 L18,20.999 L14,20.999 L14,22 L10,22 L10,20.999 L6,20.999 L6,22 L2,22 L2,18 L2.999,18 L2.999,14 L2,14 L2,10 L2.999,10 L2.999,6 L2,6 L2,2 L6,2 Z M10,4.999 L6,4.999 L6,6 L4.999,6 L4.999,10 L6,10 L6,14 L4.999,14 L4.999,18 L6,18 L6,18.999 L10,18.999 L10,18 L14,18 L14,18.999 L18,18.999 L18,18 L18.999,18 L18.999,14 L18,14 L18,10 L18.999,10 L18.999,6 L18,6 L18,4.999 L14,4.999 L14,6 L10,6 L10,4.999 Z"
-  }));
-};
-var PolygonDraw = function PolygonDraw(props) {
-  return /*#__PURE__*/React__default.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React__default.createElement("path", {
-    d: "M14,1 L14,4.113 L12.0044614,2.2 L11.994,5.221 L4.039,19 L5,19 L5,23 L1,23 L1,19 L2.307,19 L10.389,5 L10,5 L10,1 L14,1 Z M13.0044614,4.62000715 L23.2887637,14.4827842 L18.3738381,14.8752125 L20.4451897,19.755011 L18.7229079,20.4860763 L16.6515563,15.6062777 L12.9550728,18.8691758 L13.0044614,4.62000715 Z"
-  }));
-};
-var FIRDraw = function FIRDraw(props) {
-  return /*#__PURE__*/React__default.createElement(SvgIcon, Object.assign({}, props), /*#__PURE__*/React__default.createElement("g", {
-    stroke: "none",
-    strokeWidth: "1",
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React__default.createElement("g", {
-    id: "Group",
-    transform: "translate(4.000000, 0.000000)"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M14.8612239,11 L14.9115011,11.5388601 L15.4197993,11.75539 L15.5062084,11.9691775 L15.8660263,12.0777202 L15.7718043,12.6691807 L16,13.1878797 L15.5310922,13.8290155 L15.4230174,14.8586232 L14.4731116,14.8586232 L14.3413147,15.6661887 L14.7077015,15.7340105 L14.9889562,15.8690566 L15.2449574,15.7156639 L15.4230174,16.0774735 L15.196158,16.8150936 L14.2348991,17.6802157 L14.7272502,18.2072539 L13.3205268,18.746114 L12.047777,18.746114 L12.1147638,19.2849741 L12.5898001,19.6079144 L12.8870258,21.0848077 L12.3930048,21.6641694 L12.5166848,21.9119171 L12.851619,21.9119171 L11.9807902,22.6528497 L12.5859302,23.3547223 L12.249957,24 L11.1769482,23.865285 L10.9807329,23.3905749 L11.645856,21.9792746 L10.5070799,21.3056995 L9.7115087,21.5622995 L9.30131696,20.942772 L9.43529062,20.6321244 L9.30131696,20.3434493 L8.96368864,20.7746275 L8.497475,20.7668394 L8.497475,20.3434493 L8.134919,20.7668394 L7.69363303,20.3434493 L7.29171205,20.6321244 L7.49267254,21.1036269 L6.89145898,20.9259266 L6.49233131,21.3663084 L5.79757169,21.7882637 L5.48306763,21.7772021 L5.34909397,21.5751295 L4.81319933,21.3056995 L4.63461208,21.5622995 L4.14333102,21.5622995 L4,20.9528744 L4.81319933,20.7668394 L4.27730468,20.2279793 L5.14813348,19.7564767 L5.14813348,19.2849741 L5.61704129,19.2176166 L5.73827291,18.8328559 L6.15293593,18.5151739 L6.53844831,17.9057488 L7.15773839,17.1451281 L7.69363303,16.0774735 L8.02856718,14.4184153 L8.16254085,13.7634284 L8.22952768,13.4248705 L8.497475,13.4117175 L8.69843549,13.6943005 L9.30131696,13.492228 L9.50227745,13.9839918 L9.49196322,14.4352332 L9.90261766,14.3678756 L10.1051589,14.5216286 L9.63625111,14.9740933 L9.38186146,14.8817439 L9.1871628,15.0704029 L9.42694382,15.5309318 L9.23433013,15.7823834 L9.50227745,15.8161505 L8.89062784,16.4610105 L9.21171018,16.2596747 L9.50227745,16.4559585 L9.56926428,16.0774735 L10.5009881,15.5160892 L10.6410536,15.3108808 L11.1769482,15.1088083 L10.9090009,14.8192006 L10.9759877,14.2331606 L11.1769482,13.9637306 L10.8487404,13.9371218 L10.3461208,13.8963731 L10.1592144,13.6937797 L10.3461208,13.5595855 L10.3461208,12.4209228 L10.8420141,11.8756477 L11.8468165,11.4041451 L12.8845691,11.2020725 L13.8253549,11.1058964 L14.8612239,11 Z M8.7,12 L8.95,12.2592593 L8.85,12.6226929 L8.65485536,12.8067665 L8.35,13 L8.05,13 L8.07470604,12.7559881 L8.25,12.4129909 L8.7,12 Z M10.9249796,11.075 L11,11.1807665 L10.910154,11.2972935 L10.7129544,11.4419019 L10.5748988,11.475 L10.4321457,11.6478218 L10.223264,11.725 L10.0512821,11.925 L10,11.775 L10.1293376,11.524267 L10.9249796,11.075 Z M10,11.1649935 L9.93600937,11.2308124 L9.78162743,11.3137311 L9.5,11.4649935 L9.54166667,11.5649935 L9.375,11.7133072 L9.29166667,11.8350065 L9,11.7649935 L9.26666667,11.6149935 L9.46823822,11.3649935 L9.75309187,11.1649935 L10,11.1649935 Z M11.9408062,10.3440643 L12,10.4106778 L11.9104576,10.4940643 L11.8264041,10.4765329 L11.5493383,10.5835595 L11.3701418,10.5440643 L11.2526264,10.6324435 L11.110035,10.6559357 L11,10.5701453 L11,10.4440643 L11.0866007,10.3721815 L11.307998,10.4440643 L11.8507312,10.3604033 L11.9408062,10.3440643 Z",
-    fill: "#0075A9"
-  }), /*#__PURE__*/React__default.createElement("polygon", {
-    id: "Path",
-    stroke: "#0075A9",
-    strokeWidth: "1.5",
-    points: "3.6 22.2 0.1 21.7 3.2 14 2.2 7.2 4.9 0.5 9.3 3.2 14.5 3.2 14.4 10.7 15.3 12.4"
-  }))));
-};
-
 /* *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -1390,11 +1347,11 @@ var DrawTools = function DrawTools(_ref) {
   }, /*#__PURE__*/React__default.createElement(Tooltip, {
     title: "Drop a point as ".concat(type, " position")
   }, /*#__PURE__*/React__default.createElement(Radio, {
-    icon: /*#__PURE__*/React__default.createElement(LocationOn, {
+    icon: /*#__PURE__*/React__default.createElement(Location, {
       className: classes.drawButtons
     }),
     value: true,
-    checkedIcon: /*#__PURE__*/React__default.createElement(LocationOn, {
+    checkedIcon: /*#__PURE__*/React__default.createElement(Location, {
       className: classes.drawButtonsSelected
     }),
     checked: drawMode === MapDrawMode.POINT,
@@ -1439,10 +1396,10 @@ var DrawTools = function DrawTools(_ref) {
   }, /*#__PURE__*/React__default.createElement(Tooltip, {
     title: "Set FIR as ".concat(type, " position")
   }, /*#__PURE__*/React__default.createElement(Radio, {
-    icon: /*#__PURE__*/React__default.createElement(FIRDraw, {
+    icon: /*#__PURE__*/React__default.createElement(FIRLandDraw, {
       className: classes.drawButtons
     }),
-    checkedIcon: /*#__PURE__*/React__default.createElement(FIRDraw, {
+    checkedIcon: /*#__PURE__*/React__default.createElement(FIRLandDraw, {
       className: classes.drawButtonsSelected
     }),
     checked: drawMode === MapDrawMode.FIR,
@@ -4660,7 +4617,7 @@ var ContentDialog = function ContentDialog(_a) {
     onClick: handleClose,
     color: "secondary",
     size: "medium",
-    startIcon: /*#__PURE__*/React.createElement(ArrowBackIos, {
+    startIcon: /*#__PURE__*/React.createElement(ChevronLeft, {
       fontSize: "small",
       color: "secondary"
     }),
@@ -4692,14 +4649,12 @@ var getActiveStatus = function getActiveStatus(product, className) {
   }
 
   var active = moment(product.validDateStart) <= moment.utc(new Date());
-  return active ? /*#__PURE__*/React__default.createElement(CheckCircle, {
+  return active ? /*#__PURE__*/React__default.createElement(Success, {
     "data-testid": "status-active",
-    className: className,
-    fontSize: "small"
-  }) : /*#__PURE__*/React__default.createElement(Schedule, {
+    className: className
+  }) : /*#__PURE__*/React__default.createElement(Clock, {
     "data-testid": "status-inactive",
-    className: className,
-    fontSize: "small"
+    className: className
   });
 };
 
@@ -4762,7 +4717,8 @@ var useStyles$2 = makeStyles({
   },
   activeStatus: {
     color: '#72bb23',
-    paddingLeft: '6px'
+    paddingLeft: '6px',
+    paddingTop: '3px'
   },
   font: {
     fontWeight: 'normal'
@@ -4851,11 +4807,11 @@ var ProductListRow = function ProductListRow(_ref) {
       }
     }, TAC),
     placement: "bottom-start"
-  }, /*#__PURE__*/React__default.createElement(InfoOutlined, {
+  }, /*#__PURE__*/React__default.createElement("span", null, /*#__PURE__*/React__default.createElement(Info, {
     "data-testid": "productlistrow-tacicon",
     color: "secondary",
     fontSize: "small"
-  }))), /*#__PURE__*/React__default.createElement(Grid, {
+  })))), /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 9,
     sm: 10,
@@ -4888,8 +4844,7 @@ var ProductListRow = function ProductListRow(_ref) {
   }, product.status === 'DRAFT' ? /*#__PURE__*/React__default.createElement(Button, {
     color: "secondary",
     size: "small",
-    startIcon: /*#__PURE__*/React__default.createElement(Create, {
-      fontSize: "small",
+    startIcon: /*#__PURE__*/React__default.createElement(Edit, {
       color: "secondary"
     })
   }, "Draft") : getStatusTagList(product, cancelsSeqId), product.status === 'PUBLISHED' && cancelsSeqId === null && getActiveStatus(product, classes.activeStatus)))));

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('react-hook-form'), require('@opengeoweb/form-fields'), require('@opengeoweb/api'), require('immer'), require('react-redux'), require('@opengeoweb/core'), require('@turf/turf'), require('@mui/styles/makeStyles'), require('@opengeoweb/shared'), require('@mui/icons-material'), require('moment'), require('lodash')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'react', '@mui/material', 'react-hook-form', '@opengeoweb/form-fields', '@opengeoweb/api', 'immer', 'react-redux', '@opengeoweb/core', '@turf/turf', '@mui/styles/makeStyles', '@opengeoweb/shared', '@mui/icons-material', 'moment', 'lodash'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.SigmetAirmet = {}, global.React, global.material, global.reactHookForm, global.formFields, global.api, global.produce, global.reactRedux, global.core, global.turf, global.makeStyles, global.shared, global.iconsMaterial, global.moment, global.lodash));
-})(this, (function (exports, React, material, reactHookForm, formFields, api, produce, reactRedux, core, turf, makeStyles, shared, iconsMaterial, moment, lodash) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('@mui/material'), require('react-hook-form'), require('@opengeoweb/form-fields'), require('@opengeoweb/api'), require('immer'), require('react-redux'), require('@opengeoweb/core'), require('@turf/turf'), require('@mui/styles/makeStyles'), require('@opengeoweb/shared'), require('@opengeoweb/theme'), require('moment'), require('lodash')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'react', '@mui/material', 'react-hook-form', '@opengeoweb/form-fields', '@opengeoweb/api', 'immer', 'react-redux', '@opengeoweb/core', '@turf/turf', '@mui/styles/makeStyles', '@opengeoweb/shared', '@opengeoweb/theme', 'moment', 'lodash'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.SigmetAirmet = {}, global.React, global.material, global.reactHookForm, global.formFields, global.api, global.produce, global.reactRedux, global.core, global.turf, global.makeStyles, global.shared, global.theme, global.moment, global.lodash));
+})(this, (function (exports, React, material, reactHookForm, formFields, api, produce, reactRedux, core, turf, makeStyles, shared, theme, moment, lodash) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -670,7 +670,10 @@
       }, /*#__PURE__*/React__namespace.createElement(core.TimeSliderConnect, {
         sourceId: timesliderId,
         mapId: mapId
-      })));
+      })), /*#__PURE__*/React__namespace.createElement(core.LegendConnect, {
+        showMapId: true,
+        mapId: mapId
+      }));
     };
 
     var type = "FeatureCollection";
@@ -1248,36 +1251,6 @@
       })))));
     };
 
-    var RegionDraw = function RegionDraw(props) {
-      return /*#__PURE__*/React__default["default"].createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__default["default"].createElement("path", {
-        d: "M6,2 L6,2.999 L10,2.999 L10,2 L14,2 L14,2.999 L18,2.999 L18,2 L22,2 L22,6 L20.999,6 L20.999,10 L22,10 L22,14 L20.999,14 L20.999,18 L22,18 L22,22 L18,22 L18,20.999 L14,20.999 L14,22 L10,22 L10,20.999 L6,20.999 L6,22 L2,22 L2,18 L2.999,18 L2.999,14 L2,14 L2,10 L2.999,10 L2.999,6 L2,6 L2,2 L6,2 Z M10,4.999 L6,4.999 L6,6 L4.999,6 L4.999,10 L6,10 L6,14 L4.999,14 L4.999,18 L6,18 L6,18.999 L10,18.999 L10,18 L14,18 L14,18.999 L18,18.999 L18,18 L18.999,18 L18.999,14 L18,14 L18,10 L18.999,10 L18.999,6 L18,6 L18,4.999 L14,4.999 L14,6 L10,6 L10,4.999 Z"
-      }));
-    };
-    var PolygonDraw = function PolygonDraw(props) {
-      return /*#__PURE__*/React__default["default"].createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__default["default"].createElement("path", {
-        d: "M14,1 L14,4.113 L12.0044614,2.2 L11.994,5.221 L4.039,19 L5,19 L5,23 L1,23 L1,19 L2.307,19 L10.389,5 L10,5 L10,1 L14,1 Z M13.0044614,4.62000715 L23.2887637,14.4827842 L18.3738381,14.8752125 L20.4451897,19.755011 L18.7229079,20.4860763 L16.6515563,15.6062777 L12.9550728,18.8691758 L13.0044614,4.62000715 Z"
-      }));
-    };
-    var FIRDraw = function FIRDraw(props) {
-      return /*#__PURE__*/React__default["default"].createElement(material.SvgIcon, __assign({}, props), /*#__PURE__*/React__default["default"].createElement("g", {
-        stroke: "none",
-        strokeWidth: "1",
-        fill: "none",
-        fillRule: "evenodd"
-      }, /*#__PURE__*/React__default["default"].createElement("g", {
-        id: "Group",
-        transform: "translate(4.000000, 0.000000)"
-      }, /*#__PURE__*/React__default["default"].createElement("path", {
-        d: "M14.8612239,11 L14.9115011,11.5388601 L15.4197993,11.75539 L15.5062084,11.9691775 L15.8660263,12.0777202 L15.7718043,12.6691807 L16,13.1878797 L15.5310922,13.8290155 L15.4230174,14.8586232 L14.4731116,14.8586232 L14.3413147,15.6661887 L14.7077015,15.7340105 L14.9889562,15.8690566 L15.2449574,15.7156639 L15.4230174,16.0774735 L15.196158,16.8150936 L14.2348991,17.6802157 L14.7272502,18.2072539 L13.3205268,18.746114 L12.047777,18.746114 L12.1147638,19.2849741 L12.5898001,19.6079144 L12.8870258,21.0848077 L12.3930048,21.6641694 L12.5166848,21.9119171 L12.851619,21.9119171 L11.9807902,22.6528497 L12.5859302,23.3547223 L12.249957,24 L11.1769482,23.865285 L10.9807329,23.3905749 L11.645856,21.9792746 L10.5070799,21.3056995 L9.7115087,21.5622995 L9.30131696,20.942772 L9.43529062,20.6321244 L9.30131696,20.3434493 L8.96368864,20.7746275 L8.497475,20.7668394 L8.497475,20.3434493 L8.134919,20.7668394 L7.69363303,20.3434493 L7.29171205,20.6321244 L7.49267254,21.1036269 L6.89145898,20.9259266 L6.49233131,21.3663084 L5.79757169,21.7882637 L5.48306763,21.7772021 L5.34909397,21.5751295 L4.81319933,21.3056995 L4.63461208,21.5622995 L4.14333102,21.5622995 L4,20.9528744 L4.81319933,20.7668394 L4.27730468,20.2279793 L5.14813348,19.7564767 L5.14813348,19.2849741 L5.61704129,19.2176166 L5.73827291,18.8328559 L6.15293593,18.5151739 L6.53844831,17.9057488 L7.15773839,17.1451281 L7.69363303,16.0774735 L8.02856718,14.4184153 L8.16254085,13.7634284 L8.22952768,13.4248705 L8.497475,13.4117175 L8.69843549,13.6943005 L9.30131696,13.492228 L9.50227745,13.9839918 L9.49196322,14.4352332 L9.90261766,14.3678756 L10.1051589,14.5216286 L9.63625111,14.9740933 L9.38186146,14.8817439 L9.1871628,15.0704029 L9.42694382,15.5309318 L9.23433013,15.7823834 L9.50227745,15.8161505 L8.89062784,16.4610105 L9.21171018,16.2596747 L9.50227745,16.4559585 L9.56926428,16.0774735 L10.5009881,15.5160892 L10.6410536,15.3108808 L11.1769482,15.1088083 L10.9090009,14.8192006 L10.9759877,14.2331606 L11.1769482,13.9637306 L10.8487404,13.9371218 L10.3461208,13.8963731 L10.1592144,13.6937797 L10.3461208,13.5595855 L10.3461208,12.4209228 L10.8420141,11.8756477 L11.8468165,11.4041451 L12.8845691,11.2020725 L13.8253549,11.1058964 L14.8612239,11 Z M8.7,12 L8.95,12.2592593 L8.85,12.6226929 L8.65485536,12.8067665 L8.35,13 L8.05,13 L8.07470604,12.7559881 L8.25,12.4129909 L8.7,12 Z M10.9249796,11.075 L11,11.1807665 L10.910154,11.2972935 L10.7129544,11.4419019 L10.5748988,11.475 L10.4321457,11.6478218 L10.223264,11.725 L10.0512821,11.925 L10,11.775 L10.1293376,11.524267 L10.9249796,11.075 Z M10,11.1649935 L9.93600937,11.2308124 L9.78162743,11.3137311 L9.5,11.4649935 L9.54166667,11.5649935 L9.375,11.7133072 L9.29166667,11.8350065 L9,11.7649935 L9.26666667,11.6149935 L9.46823822,11.3649935 L9.75309187,11.1649935 L10,11.1649935 Z M11.9408062,10.3440643 L12,10.4106778 L11.9104576,10.4940643 L11.8264041,10.4765329 L11.5493383,10.5835595 L11.3701418,10.5440643 L11.2526264,10.6324435 L11.110035,10.6559357 L11,10.5701453 L11,10.4440643 L11.0866007,10.3721815 L11.307998,10.4440643 L11.8507312,10.3604033 L11.9408062,10.3440643 Z",
-        fill: "#0075A9"
-      }), /*#__PURE__*/React__default["default"].createElement("polygon", {
-        id: "Path",
-        stroke: "#0075A9",
-        strokeWidth: "1.5",
-        points: "3.6 22.2 0.1 21.7 3.2 14 2.2 7.2 4.9 0.5 9.3 3.2 14.5 3.2 14.4 10.7 15.3 12.4"
-      }))));
-    };
-
     /* *
      * Licensed under the Apache License, Version 2.0 (the "License");
      * you may not use this file except in compliance with the License.
@@ -1327,11 +1300,11 @@
       }, /*#__PURE__*/React__default["default"].createElement(material.Tooltip, {
         title: "Drop a point as " + type + " position"
       }, /*#__PURE__*/React__default["default"].createElement(material.Radio, {
-        icon: /*#__PURE__*/React__default["default"].createElement(iconsMaterial.LocationOn, {
+        icon: /*#__PURE__*/React__default["default"].createElement(theme.Location, {
           className: classes.drawButtons
         }),
         value: true,
-        checkedIcon: /*#__PURE__*/React__default["default"].createElement(iconsMaterial.LocationOn, {
+        checkedIcon: /*#__PURE__*/React__default["default"].createElement(theme.Location, {
           className: classes.drawButtonsSelected
         }),
         checked: drawMode === MapDrawMode.POINT,
@@ -1344,10 +1317,10 @@
       }, /*#__PURE__*/React__default["default"].createElement(material.Tooltip, {
         title: "Draw a box as " + type + " position"
       }, /*#__PURE__*/React__default["default"].createElement(material.Radio, {
-        icon: /*#__PURE__*/React__default["default"].createElement(RegionDraw, {
+        icon: /*#__PURE__*/React__default["default"].createElement(theme.RegionDraw, {
           className: classes.drawButtons
         }),
-        checkedIcon: /*#__PURE__*/React__default["default"].createElement(RegionDraw, {
+        checkedIcon: /*#__PURE__*/React__default["default"].createElement(theme.RegionDraw, {
           className: classes.drawButtonsSelected
         }),
         checked: drawMode === MapDrawMode.BOX,
@@ -1360,10 +1333,10 @@
       }, /*#__PURE__*/React__default["default"].createElement(material.Tooltip, {
         title: "Draw a shape as " + type + " position"
       }, /*#__PURE__*/React__default["default"].createElement(material.Radio, {
-        icon: /*#__PURE__*/React__default["default"].createElement(PolygonDraw, {
+        icon: /*#__PURE__*/React__default["default"].createElement(theme.PolygonDraw, {
           className: classes.drawButtons
         }),
-        checkedIcon: /*#__PURE__*/React__default["default"].createElement(PolygonDraw, {
+        checkedIcon: /*#__PURE__*/React__default["default"].createElement(theme.PolygonDraw, {
           className: classes.drawButtonsSelected
         }),
         checked: drawMode === MapDrawMode.POLYGON,
@@ -1376,10 +1349,10 @@
       }, /*#__PURE__*/React__default["default"].createElement(material.Tooltip, {
         title: "Set FIR as " + type + " position"
       }, /*#__PURE__*/React__default["default"].createElement(material.Radio, {
-        icon: /*#__PURE__*/React__default["default"].createElement(FIRDraw, {
+        icon: /*#__PURE__*/React__default["default"].createElement(theme.FIRLandDraw, {
           className: classes.drawButtons
         }),
-        checkedIcon: /*#__PURE__*/React__default["default"].createElement(FIRDraw, {
+        checkedIcon: /*#__PURE__*/React__default["default"].createElement(theme.FIRLandDraw, {
           className: classes.drawButtonsSelected
         }),
         checked: drawMode === MapDrawMode.FIR,
@@ -1392,10 +1365,10 @@
       }, /*#__PURE__*/React__default["default"].createElement(material.Tooltip, {
         title: "Remove geometry"
       }, /*#__PURE__*/React__default["default"].createElement(material.Radio, {
-        icon: /*#__PURE__*/React__default["default"].createElement(iconsMaterial.Delete, {
+        icon: /*#__PURE__*/React__default["default"].createElement(theme.Delete, {
           className: classes.drawButtons
         }),
-        checkedIcon: /*#__PURE__*/React__default["default"].createElement(iconsMaterial.Delete, {
+        checkedIcon: /*#__PURE__*/React__default["default"].createElement(theme.Delete, {
           className: classes.drawButtonsSelected
         }),
         checked: drawMode === MapDrawMode.DELETE,
@@ -4550,7 +4523,7 @@
         onClick: handleClose,
         color: "secondary",
         size: "medium",
-        startIcon: /*#__PURE__*/React__namespace.createElement(iconsMaterial.ArrowBackIos, {
+        startIcon: /*#__PURE__*/React__namespace.createElement(theme.ChevronLeft, {
           fontSize: "small",
           color: "secondary"
         }),
@@ -4582,14 +4555,12 @@
       }
 
       var active = moment__default["default"](product.validDateStart) <= moment__default["default"].utc(new Date());
-      return active ? /*#__PURE__*/React__default["default"].createElement(iconsMaterial.CheckCircle, {
+      return active ? /*#__PURE__*/React__default["default"].createElement(theme.Success, {
         "data-testid": "status-active",
-        className: className,
-        fontSize: "small"
-      }) : /*#__PURE__*/React__default["default"].createElement(iconsMaterial.Schedule, {
+        className: className
+      }) : /*#__PURE__*/React__default["default"].createElement(theme.Clock, {
         "data-testid": "status-inactive",
-        className: className,
-        fontSize: "small"
+        className: className
       });
     };
 
@@ -4654,7 +4625,8 @@
       },
       activeStatus: {
         color: '#72bb23',
-        paddingLeft: '6px'
+        paddingLeft: '6px',
+        paddingTop: '3px'
       },
       font: {
         fontWeight: 'normal'
@@ -4738,11 +4710,11 @@
           }
         }, TAC),
         placement: "bottom-start"
-      }, /*#__PURE__*/React__default["default"].createElement(iconsMaterial.InfoOutlined, {
+      }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(theme.Info, {
         "data-testid": "productlistrow-tacicon",
         color: "secondary",
         fontSize: "small"
-      }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
+      })))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
         item: true,
         xs: 9,
         sm: 10,
@@ -4775,8 +4747,7 @@
       }, product.status === 'DRAFT' ? /*#__PURE__*/React__default["default"].createElement(material.Button, {
         color: "secondary",
         size: "small",
-        startIcon: /*#__PURE__*/React__default["default"].createElement(iconsMaterial.Create, {
-          fontSize: "small",
+        startIcon: /*#__PURE__*/React__default["default"].createElement(theme.Edit, {
           color: "secondary"
         })
       }, "Draft") : getStatusTagList(product, cancelsSeqId), product.status === 'PUBLISHED' && cancelsSeqId === null && getActiveStatus(product, classes.activeStatus)))));

package/lib/utils/testUtils.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { CreateApi } from '@opengeoweb/api';
-import { Store } from 'redux';
+import { Store } from '@reduxjs/toolkit';
 import { AxiosError } from 'axios';
 interface StoryWrapperProps {
     children: React.ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/sigmet-airmet",
-  "version": "2.8.0",
+  "version": "2.12.0",
   "description": "GeoWeb Sigmet/Airmet library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -12,36 +12,34 @@
   "typings": "./index.d.ts",
   "dependencies": {
     "react": "^17.0.2",
-    "@mui/material": "^5.2.8",
     "react-redux": "7.2.2",
+    "@mui/material": "^5.2.8",
     "@mui/styles": "^5.2.3",
-    "@opengeoweb/shared": "2.8.0",
-    "@opengeoweb/theme": "2.8.0",
-    "@mui/icons-material": "^5.2.5",
+    "@opengeoweb/shared": "2.12.0",
+    "@opengeoweb/theme": "2.12.0",
     "react-draggable": "^4.4.3",
     "re-resizable": "^6.9.0",
     "lodash": "^4.17.20",
-    "@opengeoweb/form-fields": "2.8.0",
+    "@opengeoweb/form-fields": "2.12.0",
     "react-hook-form": "^6.12.1",
     "moment": "^2.29.0",
     "moment-timezone": "^0.5.31",
     "@mui/lab": "^5.0.0-alpha.64",
     "axios": "^0.25.0",
-    "@opengeoweb/core": "2.8.0",
+    "@opengeoweb/core": "2.12.0",
     "react-intl": "^5.17.5",
-    "@opengeoweb/webmap": "2.8.0",
+    "@opengeoweb/webmap": "2.12.0",
     "throttle-debounce": "^3.0.1",
     "proj4": "^2.6.2",
     "react-sortablejs": "^6.0.0",
+    "immer": "^9.0.15",
     "redux-dynamic-modules": "^5.2.0",
-    "redux": "^4.0.4",
-    "immer": "^9.0.6",
+    "@reduxjs/toolkit": "^1.8.3",
     "lodash.clonedeep": "^4.5.0",
     "@turf/turf": "^5.1.6",
-    "reselect": "^4.1.5",
     "redux-dynamic-modules-saga": "^5.2.0",
     "redux-saga": "^1.1.3",
-    "@opengeoweb/api": "2.8.0"
+    "@opengeoweb/api": "2.12.0"
   },
   "peerDependencies": {}
 }

package/assets/icons.d.ts

@@ -1,4 +0,0 @@
-import { SvgIconProps } from '@mui/material';
-export declare const RegionDraw: (props: SvgIconProps) => JSX.Element;
-export declare const PolygonDraw: (props: SvgIconProps) => JSX.Element;
-export declare const FIRDraw: (props: SvgIconProps) => JSX.Element;