dependabot-updates-08-04-23

package.json

@@ -96,18 +96,18 @@
     "css-minimizer-webpack-plugin": "^5.0.1",
     "css-url-relative-plugin": "^1.1.0",
     "cssnano": "^6.0.1",
-    "eslint": "^8.44.0",
+    "eslint": "^8.46.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-standard": "^17.1.0",
     "eslint-import-resolver-webpack": "^0.13.2",
-    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-import": "^2.28.0",
     "eslint-plugin-jest": "^27.2.3",
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-n": "^16.0.0",
     "eslint-plugin-no-storage": "^1.0.2",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-react": "^7.33.0",
+    "eslint-plugin-react": "^7.33.1",
     "eslint-plugin-standard": "^5.0.0",
     "express": "^4.18.2",
     "fetch-mock": "^9.11.0",
@@ -128,7 +128,7 @@
     "react-test-renderer": "^17.0.2",
     "redux-mock-store": "^1.5.4",
     "run-script-os": "^1.1.6",
-    "sass": "^1.64.1",
+    "sass": "^1.64.2",
     "sass-loader": "^13.3.2",
     "shelljs": "^0.8.5",
     "showdown": "^2.1.0",
@@ -149,9 +149,9 @@
   "dependencies": {
     "@elastic/react-search-ui": "^1.20.2",
     "@elastic/react-search-ui-views": "^1.20.2",
-    "@fortawesome/fontawesome-svg-core": "^6.4.0",
-    "@fortawesome/free-brands-svg-icons": "^6.4.0",
-    "@fortawesome/free-solid-svg-icons": "^6.4.0",
+    "@fortawesome/fontawesome-svg-core": "^6.4.2",
+    "@fortawesome/free-brands-svg-icons": "^6.4.2",
+    "@fortawesome/free-solid-svg-icons": "^6.4.2",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@khanisak/temperature-converter": "^2.0.1",
     "@redux-devtools/extension": "^3.2.5",
@@ -190,7 +190,7 @@
     "react-infinite-scroller": "^1.2.6",
     "react-joyride": "^2.5.4",
     "react-mobile-datepicker": "^4.0.2",
-    "react-redux": "^8.1.1",
+    "react-redux": "^8.1.2",
     "react-resizable": "^3.0.5",
     "react-swipe-to-delete-component": "1.0.5",
     "react-visibility-sensor": "^5.1.1",

web/js/components/animation-widget/gif-button.js

@@ -3,11 +3,11 @@ import { connect } from 'react-redux';
 import PropTypes from 'prop-types';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { UncontrolledTooltip } from 'reactstrap';
-import googleTagManager from 'googleTagManager';
 import {
   cloneDeep as lodashCloneDeep,
   filter as lodashFilter,
 } from 'lodash';
+import googleTagManager from 'googleTagManager';
 import GifContainer from '../../containers/gif';
 import {
   toggleComponentGifActive,

web/js/components/animation-widget/gif-post-creation.js

@@ -2,8 +2,8 @@ import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { capitalize as lodashCapitalize } from 'lodash';
 import FileSaver from 'file-saver';
-import googleTagManager from 'googleTagManager';
 import { Modal, ModalBody, ModalHeader } from 'reactstrap';
+import googleTagManager from 'googleTagManager';
 import util from '../../util/util';
 import Button from '../util/button';
 import MonospaceDate from '../util/monospace-date';

web/js/components/location-search/location-search-modal.js

@@ -8,8 +8,8 @@ import {
   debounce as lodashDebounce,
   get as lodashGet,
 } from 'lodash';
-import googleTagManager from 'googleTagManager';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import googleTagManager from 'googleTagManager';
 import SearchBox from './location-search-input';
 import Alert from '../util/alert';
 import HoverTooltip from '../util/hover-tooltip';

web/js/components/measure-tool/measure-button.js

@@ -1,8 +1,8 @@
 import React, { useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { Button, UncontrolledTooltip } from 'reactstrap';
-import googleTagManager from 'googleTagManager';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import googleTagManager from 'googleTagManager';
 import MeasureMenu from './measure-menu';
 import { openCustomContent } from '../../modules/modal/actions';
 import AlertUtil from '../util/alert';

web/js/components/sidebar/event.js

@@ -1,8 +1,8 @@
 import React, { useLayoutEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
 import lodashFind from 'lodash/find';
-import googleTagManager from 'googleTagManager';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import googleTagManager from 'googleTagManager';
 import { getDefaultEventDate } from '../../modules/natural-events/util';
 import util from '../../util/util';
 import EventIcon from './event-icon';

web/js/components/sidebar/events-filter.js

@@ -2,10 +2,10 @@ import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { Button, UncontrolledTooltip } from 'reactstrap';
-import googleTagManager from 'googleTagManager';
 import moment from 'moment';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { createPortal } from 'react-dom';
+import googleTagManager from 'googleTagManager';
 import Switch from '../util/switch';
 import Checkbox from '../util/checkbox';
 import {

web/js/components/timeline/timeline-coverage/timeline-coverage.js

@@ -4,10 +4,10 @@ import { connect } from 'react-redux';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { UncontrolledTooltip } from 'reactstrap';
 import moment from 'moment';
-import googleTagManager from 'googleTagManager';
 import {
   isEqual as lodashIsEqual,
 } from 'lodash';
+import googleTagManager from 'googleTagManager';
 import { timeScaleOptions } from '../../../modules/date/constants';
 import {
   filterProjLayersWithStartDate,

web/js/containers/embed.js

@@ -2,8 +2,8 @@ import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import { Button } from 'reactstrap';
-import googleTagManager from 'googleTagManager';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import googleTagManager from 'googleTagManager';
 import { getPermalink } from '../modules/link/util';
 import { getSelectedDate } from '../modules/date/selectors';
 import HoverTooltip from '../components/util/hover-tooltip';

web/js/containers/share.js

@@ -1,7 +1,6 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
-import googleTagManager from 'googleTagManager';
 import copy from 'copy-to-clipboard';
 import {
   startCase as lodashStartCase,
@@ -13,6 +12,7 @@ import {
   Nav, NavItem, NavLink,
   TabContent, TabPane,
 } from 'reactstrap';
+import googleTagManager from 'googleTagManager';
 import ShareLinks from '../components/toolbar/share/links';
 import ShareToolTips from '../components/toolbar/share/tooltips';
 import {

web/js/containers/sidebar/footer-content.js

@@ -1,12 +1,12 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import googleTagManager from 'googleTagManager';
 import { connect } from 'react-redux';
 import {
   UncontrolledTooltip,
 } from 'reactstrap';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { isMobileOnly, isTablet } from 'react-device-detect';
+import googleTagManager from 'googleTagManager';
 import Button from '../../components/util/button';
 import ModeSelection from '../../components/sidebar/mode-selection';
 import { toggleCompareOnOff, changeMode } from '../../modules/compare/actions';

web/js/containers/sidebar/layer-row.js

@@ -5,12 +5,12 @@ import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { Draggable } from 'react-beautiful-dnd';
 import { isEmpty as lodashIsEmpty, get as lodashGet } from 'lodash';
-import googleTagManager from 'googleTagManager';
 import { connect } from 'react-redux';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import {
   UncontrolledTooltip, Dropdown, DropdownToggle, DropdownMenu, DropdownItem,
 } from 'reactstrap';
+import googleTagManager from 'googleTagManager';
 import PaletteLegend from '../../components/sidebar/paletteLegend';
 import util from '../../util/util';
 import {

web/js/containers/sidebar/smart-handoff.js

@@ -4,10 +4,10 @@ import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import * as olProj from 'ol/proj';
 import { isEqual as lodashEqual } from 'lodash';
-import googleTagManager from 'googleTagManager';
 import moment from 'moment';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { Spinner, UncontrolledTooltip } from 'reactstrap';
+import googleTagManager from 'googleTagManager';
 import Button from '../../components/util/button';
 import Checkbox from '../../components/util/checkbox';
 import Crop from '../../components/util/image-crop';

web/js/containers/timeline/timeline.js

@@ -2,13 +2,13 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
 import moment from 'moment';
-import googleTagManager from 'googleTagManager';
 import { UncontrolledTooltip } from 'reactstrap';
 import {
   debounce as lodashDebounce,
   throttle as lodashThrottle,
   get as lodashGet,
 } from 'lodash';
+import googleTagManager from 'googleTagManager';
 import ErrorBoundary from '../error-boundary';
 import MobileDatePicker from '../../components/timeline/mobile-date-picker';
 import TimelineAxis from '../../components/timeline/timeline-axis/timeline-axis';

web/js/containers/tour.js

@@ -1,14 +1,14 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
-import googleTagManager from 'googleTagManager';
 import {
   findIndex as lodashFindIndex,
   get as lodashGet,
   uniqBy,
   isEmpty as lodashIsEmpty,
 } from 'lodash';
 import update from 'immutability-helper';
+import googleTagManager from 'googleTagManager';
 
 import JoyrideWrapper from '../components/tour/joyride-wrapper';
 import TourStart from '../components/tour/modal-tour-start';

web/js/modules/layers/actions.js

@@ -1,8 +1,8 @@
 import {
   findIndex as lodashFindIndex,
 } from 'lodash';
-import googleTagManager from 'googleTagManager';
 import update from 'immutability-helper';
+import googleTagManager from 'googleTagManager';
 import {
   addLayer as addLayerSelector,
   getLayers as getLayersSelector,

web/js/modules/layers/util.js

@@ -8,8 +8,8 @@ import {
   isEqual as lodashIsEqual,
 } from 'lodash';
 import moment from 'moment';
-import googleTagManager from 'googleTagManager';
 import update from 'immutability-helper';
+import googleTagManager from 'googleTagManager';
 import {
   addLayer,
   getStartingLayers,

web/js/modules/link/actions.test.js

@@ -1,7 +1,7 @@
+import { TextEncoder, TextDecoder } from 'util';
 import configureMockStore from 'redux-mock-store';
 import thunk from 'redux-thunk';
 import fetchMock from 'fetch-mock';
-import { TextEncoder, TextDecoder } from 'util';
 import * as actions from './actions';
 import * as constants from './constants';
 

web/js/modules/modal/actions.test.js

@@ -1,7 +1,7 @@
+import { TextEncoder, TextDecoder } from 'util';
 import configureMockStore from 'redux-mock-store';
 import thunk from 'redux-thunk';
 import fetchMock from 'fetch-mock';
-import { TextEncoder, TextDecoder } from 'util';
 import {
   openBasicContent,
   openCustomContent,

web/js/modules/notifications/actions.test.js

@@ -1,7 +1,7 @@
+import { TextEncoder, TextDecoder } from 'util';
 import configureMockStore from 'redux-mock-store';
 import thunk from 'redux-thunk';
 import fetchMock from 'fetch-mock';
-import { TextEncoder, TextDecoder } from 'util';
 import * as actions from './actions';
 import * as constants from './constants';
 

web/js/modules/palettes/actions.test.js

@@ -1,9 +1,9 @@
+import { TextEncoder, TextDecoder } from 'util';
 import configureMockStore from 'redux-mock-store';
 import thunk from 'redux-thunk';
 import fetchMock from 'fetch-mock';
 import { assign, cloneDeep } from 'lodash';
 import update from 'immutability-helper';
-import { TextEncoder, TextDecoder } from 'util';
 import {
   requestPalette,
   setThresholdRangeAndSquash,

web/js/modules/product-picker/reducers.js

@@ -1,5 +1,5 @@
-import googleTagManager from 'googleTagManager';
 import { get as lodashGet } from 'lodash';
+import googleTagManager from 'googleTagManager';
 
 import {
   SAVE_SEARCH_STATE,

web/js/modules/smart-handoff/util.js

@@ -1,8 +1,8 @@
 
 import { get } from 'lodash';
-import googleTagManager from 'googleTagManager';
 import { parseTemplate } from 'url-template';
 import moment from 'moment';
+import googleTagManager from 'googleTagManager';
 
 import { TOOLS_EARTHDATA_SEARCH } from './constants';
 

web/js/modules/tour/util.js

@@ -1,5 +1,5 @@
-import googleTagManager from 'googleTagManager';
 import update from 'immutability-helper';
+import googleTagManager from 'googleTagManager';
 import safeLocalStorage from '../../util/local-storage';
 
 const { HIDE_TOUR } = safeLocalStorage.keys;