@ons/design-system 46.1.2 → 47.0.0

package/js/timeout.js

@@ -51,14 +51,8 @@ export default class Timeout {
   async startUiCountdown() {
     this.clearTimers();
     this.countdownStarted = true;
-
-    if (this.enableTimeoutReset) {
-      this.shouldRestartCheck = setInterval(async () => {
-        await this.hasExpiryTimeResetInAnotherTab();
-      }, 20000);
-    }
-
     let milliseconds = this.convertTimeToMilliSeconds(this.expiryTime);
+
     let seconds = milliseconds / 1000;
     let timers = this.timers;
     let $this = this;
@@ -83,13 +77,9 @@ export default class Timeout {
         ($this.endWithFullStop ? '.' : '');
 
       if (timerExpired) {
-        const shouldExpire = this.enableTimeoutReset ? await $this.hasExpiryTimeResetInAnotherTab() : true;
-
-        if (shouldExpire) {
-          $this.countdown.innerHTML = '<span class="ons-u-fw-b">' + $this.countdownExpiredText + '</span>';
-          $this.accessibleCountdown.innerHTML = $this.countdownExpiredText;
-          setTimeout($this.redirect.bind($this), 2000);
-        }
+        $this.countdown.innerHTML = '<span class="ons-u-fw-b">' + $this.countdownExpiredText + '</span>';
+        $this.accessibleCountdown.innerHTML = $this.countdownExpiredText;
+        setTimeout($this.redirect.bind($this), 2000);
       } else {
         seconds--;
         $this.expiryTimeInMilliseconds = seconds * 1000;
@@ -111,24 +101,10 @@ export default class Timeout {
     })();
   }
 
-  async hasExpiryTimeResetInAnotherTab() {
-    const checkExpiryTime = await this.getExpiryTime();
-
-    if (checkExpiryTime != this.expiryTime) {
-      this.expiryTime = checkExpiryTime;
-      this.expiryTimeInMilliseconds = this.convertTimeToMilliSeconds(checkExpiryTime);
-      this.restartTimeout(this.expiryTimeInMilliseconds);
-    } else {
-      return true;
-    }
-  }
-
   async restartTimeout(timeInMilliSeconds) {
     this.clearTimers();
-    clearInterval(this.shouldRestartCheck);
     this.countdownStarted = false;
-
-    if (timeInMilliSeconds) {
+    if (timeInMilliSeconds !== false) {
       this.expiryTimeInMilliseconds = timeInMilliSeconds;
     } else {
       const createNewExpiryTime = await this.setNewExpiryTime();
@@ -138,11 +114,8 @@ export default class Timeout {
   }
 
   async handleWindowFocus() {
-    this.expiryTime = await this.getExpiryTime();
     this.clearTimers();
-    clearInterval(this.shouldRestartCheck);
     if (this.countdownStarted) {
-      this.countdownStarted = false;
       this.startUiCountdown();
     }
   }

package/layout/_template.njk

@@ -22,7 +22,7 @@
     {# Production #}
     {% set cdn_url = (pageConfig.cdn.url if pageConfig.cdn is defined and pageConfig.cdn and pageConfig.cdn.url is defined and pageConfig.cdn.url) or "https://cdn.ons.gov.uk/sdc/design-system" %}
     {% set slash = "" if cdn_url | last == "/" else "/" %}
-    {% set assetsURL = cdn_url + slash + ((pageConfig.cdn.version  if pageConfig.cdn is defined and pageConfig.cdn and pageConfig.cdn.version is defined and pageConfig.cdn.version) or release_version) %}
+    {% set assetsURL = cdn_url + slash + ((pageConfig.cdn.version if pageConfig.cdn is defined and pageConfig.cdn and pageConfig.cdn.version is defined and pageConfig.cdn.version) or release_version) %}
 {% elif pageInfo is defined and pageInfo and pageInfo.version is defined and pageInfo.version %}
     {# Prototype kits #}
     {% set assetsURL = "/" + pageInfo.version %}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ons/design-system",
   "description": "ONS Design System built CSS, JS, and Nunjucks templates",
-  "version": "46.1.2",
+  "version": "47.0.0",
   "main": "index.js",
   "license": "MIT",
   "author": {
@@ -78,8 +78,8 @@
     "chai": "^4.3.4",
     "chai-as-promised": "^7.1.1",
     "chai-spies": "^1.0.0",
-    "codecov": "3.7.2",
-    "core-js": "^3.15.2",
+    "codecov": "^3.8.3",
+    "core-js": "^3.21.1",
     "cssnano": "^4.1.11",
     "dialog-polyfill": "^0.5.6",
     "eslint": "^5.9.0",
@@ -119,7 +119,7 @@
     "karma-mocha-reporter": "^2.2.5",
     "lighthouse": "^7.5.0",
     "lint-staged": "^8.1.0",
-    "lodash": "^4.17.11",
+    "lodash": "^4.17.21",
     "marked": "^2.1.3",
     "mdn-polyfills": "^5.14.0",
     "minimist": "^1.2.5",