@ministryofjustice/frontend 6.0.0 → 7.0.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.0.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();
@@ -2498,13 +2508,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 +2551,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');