@ministryofjustice/frontend 5.2.1 → 7.0.0

package/moj/all.bundle.js

@@ -10,11 +10,11 @@
    */
 
   /**
-   * MoJ Frontend release version
+   * MOJ Frontend release version
    *
    * {@link https://github.com/ministryofjustice/moj-frontend/releases}
    */
-  const version = '5.2.1';
+  const version = '7.0.0';
 
   class AddAnother extends govukFrontend.Component {
     /**
@@ -303,7 +303,7 @@
    */
   function findNearestMatchingElement($element, selector) {
     // If no element or selector is provided, return
-    if (!$element || !($element instanceof HTMLElement) || false) {
+    if (!$element || !($element instanceof HTMLElement) || !selector) {
       return;
     }
 
@@ -1048,7 +1048,7 @@
       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;
       }
@@ -1224,6 +1224,16 @@
 
       // 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();
@@ -2171,13 +2181,13 @@
         $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);
@@ -2214,7 +2224,7 @@
         }
         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');
@@ -3109,16 +3119,24 @@
   });
 
   /**
-   * @param {Config} [config]
+   * Initialise all components
+   *
+   * Use the `data-module` attributes to find, instantiate and init all of the
+   * components provided as part of MOJ Frontend.
+   *
+   * @param {Config | Element | Document | null} [scopeOrConfig]
    */
-  function initAll(config) {
-    for (const Component of [AddAnother, Alert, ButtonMenu, DatePicker, MultiSelect, PasswordReveal, RichTextEditor, SearchToggle, SortableTable, PdsHeader]) {
-      govukFrontend.createAll(Component, undefined, config);
+  function initAll(scopeOrConfig) {
+    for (const Component of [AddAnother, Alert, ButtonMenu, DatePicker, MultiSelect, PasswordReveal, PdsHeader, RichTextEditor, SearchToggle, SortableTable]) {
+      govukFrontend.createAll(Component, undefined, scopeOrConfig);
     }
   }
 
   /**
-   * @typedef {Parameters<typeof GOVUKFrontend.initAll>[0]} Config
+   * Config for all components via `initAll()`
+   *
+   * @typedef {object} Config
+   * @property {Element | Document | null } scope - the scope to search for components in
    */
 
   /**