@opengeoweb/taf 2.10.0 → 2.14.0

package/index.esm.js

@@ -7,7 +7,7 @@ import { getDeepProperty, ReactHookFormHiddenInput, ReactHookFormProvider } from
 import { useIsMounted, ToggleMenu, useDraftFormHelpers, ToolContainerDraggable, useConfirmationDialog, usePreventBrowserClose, ToolButton, ToolHeader, isAxiosError, getAxiosErrorMessage, AlertBanner, ConfirmationServiceProvider, usePoller, ErrorBoundary } from '@opengeoweb/shared';
 import { isEqual } from 'lodash';
 import moment from 'moment';
-import { AddBig, Delete, Close, DragHandle as DragHandle$1, ThumbsUp, Clock, Cancel, Edit, Success, Export, ListItem } from '@opengeoweb/icons';
+import { Add, Delete, Close, DragHandle as DragHandle$1, ThumbsUp, Clock, Cancel, Edit, Success, Export, ListItem } from '@opengeoweb/theme';
 import makeStyles from '@mui/styles/makeStyles';
 import ReactDOM from 'react-dom';
 import { useApiContext, useApi, createApiInstance, ApiProvider } from '@opengeoweb/api';
@@ -2866,12 +2866,12 @@ var TafFormOptionsButton = function TafFormOptionsButton(_ref) {
       index = _ref.index;
   var insertAbove = {
     text: 'Insert 1 row above',
-    icon: /*#__PURE__*/React.createElement(AddBig, null),
+    icon: /*#__PURE__*/React.createElement(Add, null),
     action: addChangeGroupAbove
   };
   var insertBelow = {
     text: 'Insert 1 row below',
-    icon: /*#__PURE__*/React.createElement(AddBig, null),
+    icon: /*#__PURE__*/React.createElement(Add, null),
     action: addChangeGroupBelow
   };
   var deleteRow = {
@@ -4591,7 +4591,6 @@ var StatusIcon = function StatusIcon(_ref2) {
       title: "Expired"
     }, /*#__PURE__*/React.createElement(Clock, {
       "data-testid": "status-expired",
-      fontSize: "small",
       sx: {
         transform: 'scaleX(-1)',
         color: 'geowebColors.buttons.tertiary.disabled.color'
@@ -4604,7 +4603,6 @@ var StatusIcon = function StatusIcon(_ref2) {
       title: "Cancelled"
     }, /*#__PURE__*/React.createElement(Cancel, {
       "data-testid": "status-cancelled",
-      fontSize: "small",
       sx: {
         color: 'geowebColors.captions.captionError.rgba'
       }
@@ -4616,7 +4614,6 @@ var StatusIcon = function StatusIcon(_ref2) {
       title: "Draft"
     }, /*#__PURE__*/React.createElement(Edit, {
       "data-testid": "status-draft",
-      fontSize: "small",
       sx: {
         color: 'geowebColors.buttons.tertiary.default.color'
       }
@@ -4627,7 +4624,6 @@ var StatusIcon = function StatusIcon(_ref2) {
     title: "Active"
   }, /*#__PURE__*/React.createElement(Success, {
     "data-testid": "status-active",
-    fontSize: "small",
     sx: {
       color: 'geowebColors.functional.success'
     }
@@ -4635,7 +4631,6 @@ var StatusIcon = function StatusIcon(_ref2) {
     title: "Upcoming"
   }, /*#__PURE__*/React.createElement(Clock, {
     "data-testid": "status-upcoming",
-    fontSize: "small",
     sx: {
       color: 'geowebColors.functional.success'
     }
@@ -5114,9 +5109,9 @@ var LocationTabs = function LocationTabs(_ref) {
       component: "span",
       sx: {
         position: 'absolute',
-        bottom: '1px',
-        width: '20px',
-        height: '20px'
+        bottom: '-1px',
+        width: '24px',
+        height: '24px'
       }
     }, /*#__PURE__*/React.createElement(StatusIcon, {
       timeSlot: timeSlot,

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('react-sortablejs'), require('@opengeoweb/form-fields'), require('@opengeoweb/shared'), require('lodash'), require('moment'), require('@opengeoweb/icons'), require('@mui/styles/makeStyles'), require('react-dom'), require('@opengeoweb/api'), require('@mui/material/LinearProgress'), require('@mui/material/Box')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'react', '@mui/material', 'react-hook-form', 'react-sortablejs', '@opengeoweb/form-fields', '@opengeoweb/shared', 'lodash', 'moment', '@opengeoweb/icons', '@mui/styles/makeStyles', 'react-dom', '@opengeoweb/api', '@mui/material/LinearProgress', '@mui/material/Box'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Taf = {}, global.React, global.material, global.reactHookForm, global.reactSortablejs, global.formFields, global.shared, global.lodash, global.moment, global.icons, global.makeStyles, global.ReactDOM, global.api, global.LinearProgress, global.Box));
-})(this, (function (exports, React, material, reactHookForm, reactSortablejs, formFields, shared, lodash, moment, icons, makeStyles, ReactDOM, api, LinearProgress, Box) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('@mui/material'), require('react-hook-form'), require('react-sortablejs'), require('@opengeoweb/form-fields'), require('@opengeoweb/shared'), require('lodash'), require('moment'), require('@opengeoweb/theme'), require('@mui/styles/makeStyles'), require('react-dom'), require('@opengeoweb/api'), require('@mui/material/LinearProgress'), require('@mui/material/Box')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'react', '@mui/material', 'react-hook-form', 'react-sortablejs', '@opengeoweb/form-fields', '@opengeoweb/shared', 'lodash', 'moment', '@opengeoweb/theme', '@mui/styles/makeStyles', 'react-dom', '@opengeoweb/api', '@mui/material/LinearProgress', '@mui/material/Box'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.Taf = {}, global.React, global.material, global.reactHookForm, global.reactSortablejs, global.formFields, global.shared, global.lodash, global.moment, global.theme, global.makeStyles, global.ReactDOM, global.api, global.LinearProgress, global.Box));
+})(this, (function (exports, React, material, reactHookForm, reactSortablejs, formFields, shared, lodash, moment, theme, makeStyles, ReactDOM, api, LinearProgress, Box) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -2869,22 +2869,22 @@
           index = _a.index;
       var insertAbove = {
         text: 'Insert 1 row above',
-        icon: /*#__PURE__*/React__namespace.createElement(icons.AddBig, null),
+        icon: /*#__PURE__*/React__namespace.createElement(theme.Add, null),
         action: addChangeGroupAbove
       };
       var insertBelow = {
         text: 'Insert 1 row below',
-        icon: /*#__PURE__*/React__namespace.createElement(icons.AddBig, null),
+        icon: /*#__PURE__*/React__namespace.createElement(theme.Add, null),
         action: addChangeGroupBelow
       };
       var deleteRow = {
         text: 'Delete row',
-        icon: /*#__PURE__*/React__namespace.createElement(icons.Delete, null),
+        icon: /*#__PURE__*/React__namespace.createElement(theme.Delete, null),
         action: removeChangeGroup
       };
       var clear = {
         text: 'Clear row',
-        icon: /*#__PURE__*/React__namespace.createElement(icons.Close, null),
+        icon: /*#__PURE__*/React__namespace.createElement(theme.Close, null),
         action: clearRow
       };
       var menuItemsBaseForecast = [insertBelow, clear];
@@ -3542,7 +3542,7 @@
         disableRipple: true,
         disabled: isDisabled,
         size: "large"
-      }, /*#__PURE__*/React__default["default"].createElement(icons.DragHandle, null));
+      }, /*#__PURE__*/React__default["default"].createElement(theme.DragHandle, null));
     };
 
     /* *
@@ -3825,7 +3825,7 @@
           fontSize: '4rem'
         },
         "data-testid": "zeroIssuesImage"
-      }, /*#__PURE__*/React__namespace.createElement(icons.ThumbsUp, null)), errorList.length > 0 && errorList.map(function (error, index) {
+      }, /*#__PURE__*/React__namespace.createElement(theme.ThumbsUp, null)), errorList.length > 0 && errorList.map(function (error, index) {
         return /*#__PURE__*/React__namespace.createElement(material.Typography // eslint-disable-next-line react/no-array-index-key
         , {
           // eslint-disable-next-line react/no-array-index-key
@@ -4597,9 +4597,8 @@
       if (status === 'EXPIRED') {
         return /*#__PURE__*/React__namespace.createElement(IconWithTooltip, {
           title: "Expired"
-        }, /*#__PURE__*/React__namespace.createElement(icons.Clock, {
+        }, /*#__PURE__*/React__namespace.createElement(theme.Clock, {
           "data-testid": "status-expired",
-          fontSize: "small",
           sx: {
             transform: 'scaleX(-1)',
             color: 'geowebColors.buttons.tertiary.disabled.color'
@@ -4610,9 +4609,8 @@
       if (status === 'CANCELLED') {
         return /*#__PURE__*/React__namespace.createElement(IconWithTooltip, {
           title: "Cancelled"
-        }, /*#__PURE__*/React__namespace.createElement(icons.Cancel, {
+        }, /*#__PURE__*/React__namespace.createElement(theme.Cancel, {
           "data-testid": "status-cancelled",
-          fontSize: "small",
           sx: {
             color: 'geowebColors.captions.captionError.rgba'
           }
@@ -4622,9 +4620,8 @@
       if (status === 'DRAFT' || status === 'DRAFT_CORRECTED' || status === 'DRAFT_AMENDED') {
         return /*#__PURE__*/React__namespace.createElement(IconWithTooltip, {
           title: "Draft"
-        }, /*#__PURE__*/React__namespace.createElement(icons.Edit, {
+        }, /*#__PURE__*/React__namespace.createElement(theme.Edit, {
           "data-testid": "status-draft",
-          fontSize: "small",
           sx: {
             color: 'geowebColors.buttons.tertiary.default.color'
           }
@@ -4633,17 +4630,15 @@
 
       return timeSlot === 'ACTIVE' ? /*#__PURE__*/React__namespace.createElement(IconWithTooltip, {
         title: "Active"
-      }, /*#__PURE__*/React__namespace.createElement(icons.Success, {
+      }, /*#__PURE__*/React__namespace.createElement(theme.Success, {
         "data-testid": "status-active",
-        fontSize: "small",
         sx: {
           color: 'geowebColors.functional.success'
         }
       })) : /*#__PURE__*/React__namespace.createElement(IconWithTooltip, {
         title: "Upcoming"
-      }, /*#__PURE__*/React__namespace.createElement(icons.Clock, {
+      }, /*#__PURE__*/React__namespace.createElement(theme.Clock, {
         "data-testid": "status-upcoming",
-        fontSize: "small",
         sx: {
           color: 'geowebColors.functional.success'
         }
@@ -4676,7 +4671,7 @@
       }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(shared.ToolButton, {
         onClick: onClick,
         "data-testid": "export-tac-button"
-      }, /*#__PURE__*/React__default["default"].createElement(icons.Export, null))));
+      }, /*#__PURE__*/React__default["default"].createElement(theme.Export, null))));
     };
 
     /* *
@@ -4969,7 +4964,7 @@
           right: '8px',
           top: '30px'
         }
-      }, /*#__PURE__*/React__namespace.createElement(icons.ListItem, null)), /*#__PURE__*/React__namespace.createElement(material.Dialog, {
+      }, /*#__PURE__*/React__namespace.createElement(theme.ListItem, null)), /*#__PURE__*/React__namespace.createElement(material.Dialog, {
         open: isOpen,
         onClose: onClose,
         PaperProps: {
@@ -5116,9 +5111,9 @@
           component: "span",
           sx: {
             position: 'absolute',
-            bottom: '1px',
-            width: '20px',
-            height: '20px'
+            bottom: '-1px',
+            width: '24px',
+            height: '24px'
           }
         }, /*#__PURE__*/React__namespace.createElement(StatusIcon, {
           timeSlot: timeSlot,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/taf",
-  "version": "2.10.0",
+  "version": "2.14.0",
   "description": "GeoWeb TAF library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {
@@ -13,18 +13,16 @@
   "dependencies": {},
   "peerDependencies": {
     "react": "^17.0.2",
-    "@opengeoweb/api": "2.10.0",
+    "@opengeoweb/api": "2.14.0",
     "axios": "^0.25.0",
-    "@opengeoweb/shared": "2.10.0",
+    "@opengeoweb/shared": "2.14.0",
     "@mui/material": "^5.2.8",
-    "@opengeoweb/theme": "2.10.0",
+    "@opengeoweb/theme": "2.14.0",
     "@mui/styles": "^5.2.3",
-    "@mui/icons-material": "^5.2.5",
-    "@opengeoweb/icons": "2.10.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",