Merge pull request #6382 from nasa-gibs/UAT-v4.85.0

UAT-v4.85.0 to Release

Author: christof-wittreich

config/default/common/brand/about/welcome.md

@@ -2,7 +2,7 @@
             target="_blank" rel="noopener noreferrer">Release
             Notes</a>)</span></h1>
 <div class="right">
-    <div class="caption"><a href="https://wiki.earthdata.nasa.gov/pages/viewrecentblogposts.action?key=GIBS"
+    <div class="caption"><a href="https://www.earthdata.nasa.gov/news?field_tools_target_id[21910]=21910&items_per_page=8"
             target="_blank" rel="noopener noreferrer"> What's new in @OFFICIAL_NAME@! </a></div>
 </div>
 <p>This <a href="https://github.com/nasa-gibs/worldview" target="_blank" rel="noopener noreferrer">open source

eslint_log.txt

@@ -1,6 +1,6 @@
 {
   "name": "worldview",
-  "version": "4.84.0",
+  "version": "4.85.0",
   "description": "Interactive interface for browsing full-resolution, global satellite imagery",
   "keywords": [
     "NASA",
@@ -84,21 +84,21 @@
     "upload": "node tasks/util/upload.js"
   },
   "devDependencies": {
-    "@babel/core": "^7.28.5",
-    "@babel/eslint-parser": "^7.28.5",
-    "@babel/plugin-transform-class-properties": "^7.27.1",
-    "@babel/plugin-transform-private-methods": "^7.27.1",
-    "@babel/preset-env": "^7.28.5",
+    "@babel/core": "^7.28.6",
+    "@babel/eslint-parser": "^7.28.6",
+    "@babel/plugin-transform-class-properties": "^7.28.6",
+    "@babel/plugin-transform-private-methods": "^7.28.6",
+    "@babel/preset-env": "^7.28.6",
     "@babel/preset-react": "^7.28.5",
-    "@playwright/test": "^1.57.0",
+    "@playwright/test": "^1.58.1",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.6.2",
     "ajv": "^8.17.1",
     "autoprefixer": "^10.4.23",
     "babel-loader": "^10.0.0",
-    "cheerio": "^1.1.2",
+    "cheerio": "^1.2.0",
     "clean-webpack-plugin": "^4.0.0",
     "cross-env": "^10.1.0",
-    "css-loader": "^7.1.2",
+    "css-loader": "^7.1.3",
     "css-minimizer-webpack-plugin": "^7.0.4",
     "css-url-relative-plugin": "^1.1.0",
     "cssnano": "^7.1.1",
@@ -109,7 +109,7 @@
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-jest": "^29.12.1",
     "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-n": "^17.23.1",
+    "eslint-plugin-n": "^17.23.2",
     "eslint-plugin-no-storage": "^1.0.2",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^7.2.1",
@@ -121,7 +121,7 @@
     "jest-canvas-mock": "^2.5.2",
     "jest-environment-jsdom": "^30.2.0",
     "jest-fetch-mock": "^3.0.3",
-    "mini-css-extract-plugin": "^2.9.4",
+    "mini-css-extract-plugin": "^2.10.0",
     "node-dir": "^0.1.17",
     "node-fetch": "^2.6.9",
     "node-ssh": "^13.2.1",
@@ -133,21 +133,21 @@
     "react-test-renderer": "^18.3.1",
     "redux-mock-store": "^1.5.5",
     "run-script-os": "^1.1.6",
-    "sass": "^1.97.2",
+    "sass": "^1.97.3",
     "sass-loader": "^16.0.6",
     "shelljs": "^0.10.0",
     "showdown": "^2.1.0",
     "stylelint": "^16.26.0",
     "stylelint-config-standard-scss": "^16.0.0",
     "stylelint-high-performance-animation": "^1.11.0",
-    "tar": "^7.5.2",
+    "tar": "^7.5.7",
     "terser-webpack-plugin": "^5.3.16",
     "uuid": "^13.0.0",
     "webpack": "^5.104.1",
-    "webpack-bundle-analyzer": "^5.1.1",
+    "webpack-bundle-analyzer": "^5.2.0",
     "webpack-cli": "^6.0.1",
     "webpack-dev-middleware": "^7.4.5",
-    "webpack-dev-server": "^5.2.2",
+    "webpack-dev-server": "^5.2.3",
     "xml-js": "^1.6.11",
     "xml2js": "^0.6.2",
     "yargs": "^18.0.0"
@@ -162,7 +162,7 @@
     "@fortawesome/react-fontawesome": "^3.1.1",
     "@khanisak/temperature-converter": "^2.0.1",
     "@reduxjs/toolkit": "^2.11.2",
-    "axios": "^1.13.2",
+    "axios": "^1.13.4",
     "bluebird": "3.7.2",
     "bootstrap": "^5.3.8",
     "cachai": "^1.0.2",
@@ -179,7 +179,7 @@
     "imagesloaded": "^5.0.0",
     "immutability-helper": "^3.1.1",
     "jsdom-worker": "^0.3.0",
-    "lodash": "^4.17.21",
+    "lodash": "^4.17.23",
     "masonry-layout": "^4.2.2",
     "moment": "^2.30.1",
     "moment-locales-webpack-plugin": "^1.2.0",
@@ -203,7 +203,7 @@
     "react-swipe-to-delete-component": "1.0.5",
     "react-visibility-sensor": "^5.1.1",
     "reactstrap": "^9.2.3",
-    "recharts": "^3.6.0",
+    "recharts": "^3.7.0",
     "redux": "^5.0.1",
     "redux-location-state": "^2.8.2",
     "redux-logger": "^3.0.6",

package-lock.json

@@ -88,7 +88,6 @@
         "no-nested-ternary": "off",    // 164 errors across 40 files
         "no-shadow": "warn",           // 110 errors across 40 files
         "max-len": "error",
-        "consistent-return": "off",    // 95 errors across 58 files
         "no-underscore-dangle": "error",
         "no-param-reassign": [         // 198 errors across 46 files
           "warn",
@@ -153,9 +152,7 @@
             }
           }
         ],
-        "react/forbid-prop-types": "off",                  // 411 errors across 139 files
         "react/require-default-props": "off",              // 1644 errors across > 80 files
-        "class-methods-use-this": "warn",                  // 15 errors across 13 files
         "react/no-unused-class-component-methods": "error",
         "react/no-unknown-property": "error",
         "react/jsx-no-useless-fragment": "error",

package.json

@@ -52,17 +52,22 @@ require('@elastic/react-search-ui-views/lib/styles/styles.css');
 const { events } = util;
 
 class App extends React.Component {
+  // https://css-tricks.com/the-trick-to-viewport-units-on-mobile/
+  static setVhCSSProperty() {
+    const vh = window.innerHeight * 0.01;
+    document.documentElement.style.setProperty('--vh', `${vh}px`);
+  }
+
   constructor(props) {
     super(props);
     this.onload();
     this.handleKeyPress = this.handleKeyPress.bind(this);
-    this.setVhCSSProperty = this.setVhCSSProperty.bind(this);
   }
 
   componentDidMount() {
     document.addEventListener('keydown', this.handleKeyPress);
-    window.addEventListener('resize', this.setVhCSSProperty);
-    window.addEventListener('orientationchange', this.setVhCSSProperty);
+    window.addEventListener('resize', App.setVhCSSProperty);
+    window.addEventListener('orientationchange', App.setVhCSSProperty);
   }
 
   componentDidUpdate(prevProps) {
@@ -80,17 +85,10 @@ class App extends React.Component {
 
   componentWillUnmount() {
     document.removeEventListener('keydown', this.handleKeyPress);
-    window.removeEventListener('resize', this.setVhCSSProperty);
-    window.removeEventListener('orientationchange', this.setVhCSSProperty);
+    window.removeEventListener('resize', App.setVhCSSProperty);
+    window.removeEventListener('orientationchange', App.setVhCSSProperty);
   }
 
-
-  // https://css-tricks.com/the-trick-to-viewport-units-on-mobile/
-  setVhCSSProperty = () => {
-    const vh = window.innerHeight * 0.01;
-    document.documentElement.style.setProperty('--vh', `${vh}px`);
-  };
-
   handleKeyPress(event) {
     const { keyPressAction } = this.props;
     const ctrlOrCmdKey = event.ctrlKey || event.metaKey;
@@ -267,12 +265,12 @@ App.propTypes = {
   locationKey: PropTypes.string,
   modalId: PropTypes.string,
   notificationClick: PropTypes.func,
-  notifications: PropTypes.object,
+  notifications: PropTypes.oneOfType([PropTypes.object, PropTypes.oneOf(['null'])]),
   numberOutagesUnseen: PropTypes.number,
-  parameters: PropTypes.object,
+  parameters: PropTypes.oneOfType([PropTypes.object, PropTypes.oneOf(['null'])]),
   setScreenInfoAction: PropTypes.func,
   hideNotificationsPopup: PropTypes.bool,
-  config: PropTypes.object,
+  config: PropTypes.oneOfType([PropTypes.object, PropTypes.oneOf(['null'])]),
 };
 
 App.defaultProps = {

web/.eslintrc

@@ -192,8 +192,8 @@ export default connect(
 )(GifButton);
 
 GifButton.propTypes = {
-  activePalettes: PropTypes.object,
-  visibleLayersForProj: PropTypes.array,
+  activePalettes: PropTypes.oneOfType([PropTypes.object, PropTypes.oneOf(['null'])]),
+  visibleLayersForProj: PropTypes.oneOfType([PropTypes.array, PropTypes.oneOf(['null'])]),
   hasCustomPalettes: PropTypes.bool,
   hasNonDownloadableLayer: PropTypes.bool,
   isGifActive: PropTypes.bool,

web/js/app.js

@@ -118,14 +118,14 @@ GifPanel.propTypes = {
   endDate: PropTypes.string,
   firstLabel: PropTypes.string,
   increment: PropTypes.string,
-  lonlats: PropTypes.array,
+  lonlats: PropTypes.oneOfType([PropTypes.array, PropTypes.oneOf(['null'])]),
   numberOfFrames: PropTypes.number,
   onCheck: PropTypes.func,
   onClick: PropTypes.func,
   onDownloadClick: PropTypes.func,
   projId: PropTypes.string,
   resolution: PropTypes.string,
-  resolutions: PropTypes.object,
+  resolutions: PropTypes.oneOfType([PropTypes.object, PropTypes.oneOf(['null'])]),
   showDates: PropTypes.bool,
   speed: PropTypes.number,
   startDate: PropTypes.string,

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

@@ -140,10 +140,10 @@ export default class GifResults extends Component {
 }
 
 GifResults.propTypes = {
-  boundaries: PropTypes.object,
-  closeBtn: PropTypes.object,
+  boundaries: PropTypes.oneOfType([PropTypes.object, PropTypes.oneOf(['null'])]),
+  closeBtn: PropTypes.oneOfType([PropTypes.object, PropTypes.oneOf(['null'])]),
   endDate: PropTypes.string,
-  gifObject: PropTypes.object,
+  gifObject: PropTypes.oneOfType([PropTypes.object, PropTypes.oneOf(['null'])]),
   increment: PropTypes.string,
   onClose: PropTypes.func,
   screenHeight: PropTypes.number,

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

@@ -207,15 +207,15 @@ class PlayQueue extends React.Component {
     const restartLoop = loopStart && currentDate.getTime() === startDate.getTime();
 
     if ((isAnimating || this.hasPlayStarted) && !loopStart) {
-      return;
+      return true;
     }
     if (this.isPreloadSufficient() || restartLoop) {
-      if (this.isBetweenSteps) return;
+      if (this.isBetweenSteps) return true;
       // console.debug('Started: ', Date.now());
       this.hasPlayStarted = true;
       return this.play();
     }
-    this.checkQueue();
+    return this.checkQueue();
   };
 
   checkShouldLoop() {
@@ -313,7 +313,7 @@ class PlayQueue extends React.Component {
         this.fetchTimes.push(fetchTime);
         this.setState({ loadedItems: loadedItems += 1 });
 
-        if (!this.mounted) return;
+        if (!this.mounted) return true;
         this.bufferObject[strDate] = strDate;
         delete this.inQueueObject[strDate];
         const currentBufferSize = util.objectLength(this.bufferObject);
@@ -401,19 +401,19 @@ class PlayQueue extends React.Component {
       if (nextDate > endDate) {
         this.abortController.abort();
         this.checkShouldLoop();
-        return;
+        return true;
       }
 
       // Playback caught up with buffer :(
       if (!this.bufferObject[nextDateStr]) {
         this.stopPlaying();
         this.checkQueue();
-        return;
+        return true;
       }
       if (!isPlaying || !this.mounted) {
         this.stopPlaying();
       }
-      this.checkQueue();
+      return this.checkQueue();
     };
     const animIntervalMS = speed === 0.5 ? 2000 : 1000 / speed;
     this.animationInterval(animIntervalMS, player);
@@ -464,23 +464,23 @@ class PlayQueue extends React.Component {
 }
 
 PlayQueue.propTypes = {
-  endDate: PropTypes.object.isRequired,
+  endDate: PropTypes.oneOfType([PropTypes.object, PropTypes.oneOf(['null'])]),
   isMobile: PropTypes.bool,
   isPlaying: PropTypes.bool.isRequired,
   promiseImageryForTime: PropTypes.func.isRequired,
   selectDate: PropTypes.func.isRequired,
   speed: PropTypes.number.isRequired,
-  startDate: PropTypes.object.isRequired,
+  startDate: PropTypes.oneOfType([PropTypes.object, PropTypes.oneOf(['null'])]),
   togglePlaying: PropTypes.func.isRequired,
-  currentDate: PropTypes.object,
+  currentDate: PropTypes.oneOfType([PropTypes.object, PropTypes.oneOf(['null'])]),
   delta: PropTypes.number,
   interval: PropTypes.string,
   isLoopActive: PropTypes.bool,
   onClose: PropTypes.func,
   numberOfFrames: PropTypes.number,
-  snappedCurrentDate: PropTypes.object,
+  snappedCurrentDate: PropTypes.oneOfType([PropTypes.object, PropTypes.oneOf(['null'])]),
   isKioskModeActive: PropTypes.bool,
-  map: PropTypes.object,
+  map: PropTypes.oneOfType([PropTypes.object, PropTypes.oneOf(['null'])]),
 };
 
 export default PlayQueue;