@ministryofjustice/frontend 6.0.0 → 7.1.0

package/moj/all.bundle.mjs

@@ -337,11 +337,11 @@ function createAll(Component, config, scopeOrOptions) {
  */
 
 /**
- * MoJ Frontend release version
+ * MOJ Frontend release version
  *
  * {@link https://github.com/ministryofjustice/moj-frontend/releases}
  */
-const version = '6.0.0';
+const version = '7.1.0';
 
 class AddAnother extends Component {
   /**
@@ -1375,7 +1375,7 @@ class DatePicker extends ConfigurableComponent {
     const day = match[1];
     const month = match[3];
     const year = match[4];
-    formattedDate = new Date(`${year}-${month}-${day}`);
+    formattedDate = new Date(Number(year), Number(month) - 1, Number(day));
     if (formattedDate instanceof Date && Number.isFinite(formattedDate.getTime())) {
       return formattedDate;
     }
@@ -1551,6 +1551,16 @@ class DatePicker extends ConfigurableComponent {
 
     // get the date from the input element
     this.inputDate = this.formattedDateFromString(this.$input.value);
+    // move current date to the closest selectable date if it is out of range
+    if (this.minDate && this.minDate > this.inputDate) {
+      this.inputDate = new Date(this.minDate.getTime());
+    }
+    if (this.maxDate && this.maxDate < this.inputDate) {
+      this.inputDate = new Date(this.maxDate.getTime());
+    }
+    if (this.minDate && this.maxDate && this.minDate > this.maxDate) {
+      console.error('min date is after max date. No dates will be selectable');
+    }
     this.currentDate = this.inputDate;
     this.currentDate.setHours(0, 0, 0, 0);
     this.updateCalendar();
@@ -1851,15 +1861,21 @@ class PdsHeader extends Component {
     this.$tabOpenClass = 'probation-common-header__toggle-open';
     const $userToggle = this.$root.querySelector('.probation-common-header__user-menu-toggle');
     const $userMenu = this.$root.querySelector('#probation-common-header-user-menu');
-    if (!$userToggle || !$userMenu || !($userToggle instanceof HTMLElement) || !($userMenu instanceof HTMLElement)) {
+    const $servicesToggle = this.$root.querySelector('.probation-common-header__services-menu-toggle');
+    const $servicesMenu = this.$root.querySelector('#probation-common-header-services-menu');
+    if (!$userToggle || !$userMenu || !$servicesToggle || !$servicesMenu || !($userToggle instanceof HTMLElement) || !($userMenu instanceof HTMLElement) || !($servicesToggle instanceof HTMLElement) || !($servicesMenu instanceof HTMLElement)) {
       return 0;
     }
     this.hideFallbackLinks();
     $userToggle.removeAttribute('hidden');
-    this.closeTabs([[$userToggle, $userMenu]]);
+    $servicesToggle.removeAttribute('hidden');
+    this.closeTabs([[$userToggle, $userMenu], [$servicesToggle, $servicesMenu]]);
     $userToggle.addEventListener('click', _event => {
       this.toggleMenu($userToggle, $userMenu);
     });
+    $servicesToggle.addEventListener('click', _event => {
+      this.toggleMenu($servicesToggle, $servicesMenu);
+    });
   }
 
   /**
@@ -1895,7 +1911,9 @@ class PdsHeader extends Component {
   }
   hideFallbackLinks() {
     const $userLink = this.$root.querySelector('.probation-common-header__user-menu-link');
+    const $servicesLink = this.$root.querySelector('.probation-common-header__services-menu-link');
     if ($userLink) $userLink.setAttribute('hidden', 'hidden');
+    if ($servicesLink) $servicesLink.setAttribute('hidden', 'hidden');
   }
 
   /**
@@ -2498,13 +2516,13 @@ class MultiFileUpload extends ConfigurableComponent {
       $message.innerHTML = this.getSuccessHtml(xhr.response.success);
       this.$status.textContent = xhr.response.success.messageText;
       $actions.append(this.getDeleteButton(xhr.response.file));
-      this.config.hooks.exitHook(this, file, xhr, xhr.responseText);
+      this.config.hooks.exitHook(this, file, xhr, xhr.statusText);
     };
     const onError = () => {
       const error = new Error(xhr.response && 'error' in xhr.response ? xhr.response.error.message : xhr.statusText || 'Upload failed');
       $message.innerHTML = this.getErrorHtml(error);
       this.$status.textContent = error.message;
-      this.config.hooks.errorHook(this, file, xhr, xhr.responseText, error);
+      this.config.hooks.errorHook(this, file, xhr, xhr.statusText, error);
     };
     xhr.addEventListener('load', onLoad);
     xhr.addEventListener('error', onError);
@@ -2541,7 +2559,7 @@ class MultiFileUpload extends ConfigurableComponent {
       }
       const $rowDelete = $rows.find($row => $row.contains($button));
       if ($rowDelete) $rowDelete.remove();
-      this.config.hooks.deleteHook(this, undefined, xhr, xhr.responseText);
+      this.config.hooks.deleteHook(this, undefined, xhr, xhr.statusText);
     });
     xhr.open('POST', this.config.deleteUrl);
     xhr.setRequestHeader('Content-Type', 'application/json');