@opengeoweb/sigmet-airmet 2.10.0 → 2.14.0

package/index.esm.js

@@ -11,7 +11,7 @@ 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 { Location, RegionDraw, PolygonDraw, FIRLandDraw, Delete, ChevronLeft, Info, Edit, Success, Clock } from '@opengeoweb/icons';
+import { Location, DrawRegion, DrawPolygon, DrawFIRLand, Delete, ChevronLeft, Info, Edit, Success, Clock } from '@opengeoweb/theme';
 import moment from 'moment';
 import { debounce } from 'lodash';
 
@@ -533,10 +533,10 @@ var MapViewGeoJson = function MapViewGeoJson(_ref) {
   var mapId = React.useRef("sigmet-".concat(generateMapId())).current;
   var timesliderId = React.useRef("sigmet-".concat(generateTimesliderId())).current;
   var syncGroupAddGroup = React.useCallback(function (payload) {
-    return dispatch(SyncGroups.actions.syncGroupAddGroup(payload));
+    dispatch(SyncGroups.actions.syncGroupAddGroup(payload));
   }, [dispatch]);
   var syncGroupAddTarget = React.useCallback(function (payload) {
-    return dispatch(SyncGroups.actions.syncGroupAddTarget(payload));
+    dispatch(SyncGroups.actions.syncGroupAddTarget(payload));
   }, [dispatch]);
   React.useEffect(function () {
     if (mapLayers && mapLayers.length) {
@@ -1364,10 +1364,10 @@ var DrawTools = function DrawTools(_ref) {
   }, /*#__PURE__*/React__default.createElement(Tooltip, {
     title: "Draw a box as ".concat(type, " position")
   }, /*#__PURE__*/React__default.createElement(Radio, {
-    icon: /*#__PURE__*/React__default.createElement(RegionDraw, {
+    icon: /*#__PURE__*/React__default.createElement(DrawRegion, {
       className: classes.drawButtons
     }),
-    checkedIcon: /*#__PURE__*/React__default.createElement(RegionDraw, {
+    checkedIcon: /*#__PURE__*/React__default.createElement(DrawRegion, {
       className: classes.drawButtonsSelected
     }),
     checked: drawMode === MapDrawMode.BOX,
@@ -1380,10 +1380,10 @@ var DrawTools = function DrawTools(_ref) {
   }, /*#__PURE__*/React__default.createElement(Tooltip, {
     title: "Draw a shape as ".concat(type, " position")
   }, /*#__PURE__*/React__default.createElement(Radio, {
-    icon: /*#__PURE__*/React__default.createElement(PolygonDraw, {
+    icon: /*#__PURE__*/React__default.createElement(DrawPolygon, {
       className: classes.drawButtons
     }),
-    checkedIcon: /*#__PURE__*/React__default.createElement(PolygonDraw, {
+    checkedIcon: /*#__PURE__*/React__default.createElement(DrawPolygon, {
       className: classes.drawButtonsSelected
     }),
     checked: drawMode === MapDrawMode.POLYGON,
@@ -1396,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(FIRLandDraw, {
+    icon: /*#__PURE__*/React__default.createElement(DrawFIRLand, {
       className: classes.drawButtons
     }),
-    checkedIcon: /*#__PURE__*/React__default.createElement(FIRLandDraw, {
+    checkedIcon: /*#__PURE__*/React__default.createElement(DrawFIRLand, {
       className: classes.drawButtonsSelected
     }),
     checked: drawMode === MapDrawMode.FIR,
@@ -4618,7 +4618,6 @@ var ContentDialog = function ContentDialog(_a) {
     color: "secondary",
     size: "medium",
     startIcon: /*#__PURE__*/React.createElement(ChevronLeft, {
-      fontSize: "small",
       color: "secondary"
     }),
     "data-testid": "contentdialog-close"
@@ -4718,7 +4717,7 @@ var useStyles$2 = makeStyles({
   activeStatus: {
     color: '#72bb23',
     paddingLeft: '6px',
-    paddingTop: '3px'
+    paddingTop: '2px'
   },
   font: {
     fontWeight: 'normal'
@@ -4809,8 +4808,7 @@ var ProductListRow = function ProductListRow(_ref) {
     placement: "bottom-start"
   }, /*#__PURE__*/React__default.createElement("span", null, /*#__PURE__*/React__default.createElement(Info, {
     "data-testid": "productlistrow-tacicon",
-    color: "secondary",
-    fontSize: "small"
+    color: "secondary"
   })))), /*#__PURE__*/React__default.createElement(Grid, {
     item: true,
     xs: 9,

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('@opengeoweb/icons'), 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/icons', '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.icons, global.moment, global.lodash));
-})(this, (function (exports, React, material, reactHookForm, formFields, api, produce, reactRedux, core, turf, makeStyles, shared, icons, 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 }; }
 
@@ -533,10 +533,10 @@
       var mapId = React__namespace.useRef("sigmet-" + core.generateMapId()).current;
       var timesliderId = React__namespace.useRef("sigmet-" + core.generateTimesliderId()).current;
       var syncGroupAddGroup = React__namespace.useCallback(function (payload) {
-        return dispatch(core.SyncGroups.actions.syncGroupAddGroup(payload));
+        dispatch(core.SyncGroups.actions.syncGroupAddGroup(payload));
       }, [dispatch]);
       var syncGroupAddTarget = React__namespace.useCallback(function (payload) {
-        return dispatch(core.SyncGroups.actions.syncGroupAddTarget(payload));
+        dispatch(core.SyncGroups.actions.syncGroupAddTarget(payload));
       }, [dispatch]);
       React__namespace.useEffect(function () {
         if (mapLayers && mapLayers.length) {
@@ -1300,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(icons.Location, {
+        icon: /*#__PURE__*/React__default["default"].createElement(theme.Location, {
           className: classes.drawButtons
         }),
         value: true,
-        checkedIcon: /*#__PURE__*/React__default["default"].createElement(icons.Location, {
+        checkedIcon: /*#__PURE__*/React__default["default"].createElement(theme.Location, {
           className: classes.drawButtonsSelected
         }),
         checked: drawMode === MapDrawMode.POINT,
@@ -1317,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(icons.RegionDraw, {
+        icon: /*#__PURE__*/React__default["default"].createElement(theme.DrawRegion, {
           className: classes.drawButtons
         }),
-        checkedIcon: /*#__PURE__*/React__default["default"].createElement(icons.RegionDraw, {
+        checkedIcon: /*#__PURE__*/React__default["default"].createElement(theme.DrawRegion, {
           className: classes.drawButtonsSelected
         }),
         checked: drawMode === MapDrawMode.BOX,
@@ -1333,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(icons.PolygonDraw, {
+        icon: /*#__PURE__*/React__default["default"].createElement(theme.DrawPolygon, {
           className: classes.drawButtons
         }),
-        checkedIcon: /*#__PURE__*/React__default["default"].createElement(icons.PolygonDraw, {
+        checkedIcon: /*#__PURE__*/React__default["default"].createElement(theme.DrawPolygon, {
           className: classes.drawButtonsSelected
         }),
         checked: drawMode === MapDrawMode.POLYGON,
@@ -1349,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(icons.FIRLandDraw, {
+        icon: /*#__PURE__*/React__default["default"].createElement(theme.DrawFIRLand, {
           className: classes.drawButtons
         }),
-        checkedIcon: /*#__PURE__*/React__default["default"].createElement(icons.FIRLandDraw, {
+        checkedIcon: /*#__PURE__*/React__default["default"].createElement(theme.DrawFIRLand, {
           className: classes.drawButtonsSelected
         }),
         checked: drawMode === MapDrawMode.FIR,
@@ -1365,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(icons.Delete, {
+        icon: /*#__PURE__*/React__default["default"].createElement(theme.Delete, {
           className: classes.drawButtons
         }),
-        checkedIcon: /*#__PURE__*/React__default["default"].createElement(icons.Delete, {
+        checkedIcon: /*#__PURE__*/React__default["default"].createElement(theme.Delete, {
           className: classes.drawButtonsSelected
         }),
         checked: drawMode === MapDrawMode.DELETE,
@@ -4523,8 +4523,7 @@
         onClick: handleClose,
         color: "secondary",
         size: "medium",
-        startIcon: /*#__PURE__*/React__namespace.createElement(icons.ChevronLeft, {
-          fontSize: "small",
+        startIcon: /*#__PURE__*/React__namespace.createElement(theme.ChevronLeft, {
           color: "secondary"
         }),
         "data-testid": "contentdialog-close"
@@ -4555,10 +4554,10 @@
       }
 
       var active = moment__default["default"](product.validDateStart) <= moment__default["default"].utc(new Date());
-      return active ? /*#__PURE__*/React__default["default"].createElement(icons.Success, {
+      return active ? /*#__PURE__*/React__default["default"].createElement(theme.Success, {
         "data-testid": "status-active",
         className: className
-      }) : /*#__PURE__*/React__default["default"].createElement(icons.Clock, {
+      }) : /*#__PURE__*/React__default["default"].createElement(theme.Clock, {
         "data-testid": "status-inactive",
         className: className
       });
@@ -4626,7 +4625,7 @@
       activeStatus: {
         color: '#72bb23',
         paddingLeft: '6px',
-        paddingTop: '3px'
+        paddingTop: '2px'
       },
       font: {
         fontWeight: 'normal'
@@ -4710,10 +4709,9 @@
           }
         }, TAC),
         placement: "bottom-start"
-      }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(icons.Info, {
+      }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(theme.Info, {
         "data-testid": "productlistrow-tacicon",
-        color: "secondary",
-        fontSize: "small"
+        color: "secondary"
       })))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
         item: true,
         xs: 9,
@@ -4747,7 +4745,7 @@
       }, product.status === 'DRAFT' ? /*#__PURE__*/React__default["default"].createElement(material.Button, {
         color: "secondary",
         size: "small",
-        startIcon: /*#__PURE__*/React__default["default"].createElement(icons.Edit, {
+        startIcon: /*#__PURE__*/React__default["default"].createElement(theme.Edit, {
           color: "secondary"
         })
       }, "Draft") : getStatusTagList(product, cancelsSeqId), product.status === 'PUBLISHED' && cancelsSeqId === null && getActiveStatus(product, classes.activeStatus)))));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/sigmet-airmet",
-  "version": "2.10.0",
+  "version": "2.14.0",
   "description": "GeoWeb Sigmet/Airmet library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -12,25 +12,23 @@
   "typings": "./index.d.ts",
   "dependencies": {
     "react": "^17.0.2",
-    "react-redux": "7.2.2",
+    "react-redux": "^8.0.2",
     "@mui/material": "^5.2.8",
     "@mui/styles": "^5.2.3",
-    "@opengeoweb/shared": "2.10.0",
-    "@opengeoweb/theme": "2.10.0",
-    "@mui/icons-material": "^5.2.5",
-    "@opengeoweb/icons": "2.10.0",
+    "@opengeoweb/shared": "2.14.0",
+    "@opengeoweb/theme": "2.14.0",
     "react-draggable": "^4.4.3",
     "re-resizable": "^6.9.0",
     "lodash": "^4.17.20",
-    "@opengeoweb/form-fields": "2.10.0",
+    "@opengeoweb/form-fields": "2.14.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.10.0",
+    "@opengeoweb/core": "2.14.0",
     "react-intl": "^5.17.5",
-    "@opengeoweb/webmap": "2.10.0",
+    "@opengeoweb/webmap": "2.14.0",
     "throttle-debounce": "^3.0.1",
     "proj4": "^2.6.2",
     "react-sortablejs": "^6.0.0",
@@ -41,7 +39,7 @@
     "@turf/turf": "^5.1.6",
     "redux-dynamic-modules-saga": "^5.2.0",
     "redux-saga": "^1.1.3",
-    "@opengeoweb/api": "2.10.0"
+    "@opengeoweb/api": "2.14.0"
   },
   "peerDependencies": {}
 }