@ministryofjustice/hmpps-digital-prison-reporting-frontend 4.27.0 → 4.28.1

package/dpr/components/_filters/filter-input/types.d.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../../src/dpr/components/_filters/filter-input/types.d.ts"],
+  "sources": ["../../../../dpr/components/_filters/filter-input/types.d.ts"],
   "sourcesContent": ["import { FilterType } from './enum'\n\nexport interface FilterOption {\n  value: string\n  text: string\n  disabled?: boolean\n  selected?: boolean\n}\n\nexport type FilterValue = GenericFilterValue | DateFilterValue\n\nexport interface GenericFilterValue {\n  text: string\n  name: string\n  type: FilterType\n  value?: string | DateRange\n  options?: Array<FilterOption>\n  minimumLength?: number\n  dynamicResourceEndpoint?: string\n  mandatory?: boolean\n}\n\nexport interface DateFilterValue extends GenericFilterValue {\n  type: FilterType.dateRange\n  value?: DateRange\n  min?: string\n  max?: string\n}\n\nexport interface SelectedFilter {\n  text: string\n  href: string\n  classes: string\n}\n\nexport interface DateRange {\n  start: string\n  end: string\n}\n\nexport interface FilterOptions {\n  filters: Array<FilterValue>\n  selectedFilters: Array<SelectedFilter>\n}\n"],
-  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
-  "names": ["types_d_exports", "__toCommonJS"]
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
 }

package/dpr/components/_filters/filters-form/clientClass.js

@@ -0,0 +1,104 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var clientClass_exports = {};
+__export(clientClass_exports, {
+  DprFiltersFormClass: () => DprFiltersFormClass,
+  default: () => clientClass_default
+});
+module.exports = __toCommonJS(clientClass_exports);
+var import_DprFormValidationClass = __toESM(require("../../../DprFormValidationClass"));
+class DprFiltersFormClass extends import_DprFormValidationClass.default {
+  initFiltersForm({ formId, submitButtonId, resetButtonId, selectedFiltersId, removeSelectedButtonClass }) {
+    this.errorMessages = [];
+    this.mainForm = document.getElementById(formId);
+    this.mainForm.noValidate = true;
+    this.formFields = Array.from(this.mainForm.elements);
+    this.errorSummary = document.getElementById("query-error-summary");
+    this.embbeddedReportList = document.getElementById("dpr-embedded-report-list");
+    this.submitButton = document.getElementById(submitButtonId);
+    this.selectedFiltersWrapper = document.getElementById(selectedFiltersId);
+    this.selectedFiltersButtons = document.querySelectorAll(`.${removeSelectedButtonClass}`);
+    this.initValues();
+    this.initSubmitButton();
+    this.initResetButton(resetButtonId);
+    this.initFormData();
+  }
+  initValues() {
+    this.initInputsFromQueryParams();
+    this.initQueryParamsFromInputs(this.mainForm.elements);
+    this.initInputEvents(this.mainForm.elements);
+  }
+  initFormData() {
+    this.initFormValidation(this.formFields);
+    this.mainForm.classList.remove("async-filters-form--hidden");
+  }
+  initSubmitButton() {
+    this.submitButton.addEventListener("click", (e) => {
+      e.preventDefault();
+      this.initFormData();
+      const errors = this.validateForm();
+      if (this.mainForm.checkValidity() && errors.length === 0) {
+        if (this.embbeddedReportList) {
+          this.submitAction();
+        } else {
+          this.mainForm.requestSubmit();
+        }
+      }
+    });
+  }
+  initResetButton(resetButtonId) {
+    this.resetButton = document.getElementById(resetButtonId);
+    if (this.resetButton) {
+      this.defaultQuery = this.resetButton.getAttribute("defaultQuery");
+      this.resetButton.addEventListener("click", (e) => {
+        e.preventDefault();
+        this.clearQueryParams("filters");
+        this.resetAction();
+      });
+    }
+  }
+  resetAction() {
+    if (this.defaultQuery) {
+      const filters = this.defaultQuery.substring(1);
+      const href = `${window.location.href}&${filters}`;
+      window.location.href = href;
+    } else {
+      window.location.reload();
+    }
+  }
+  submitAction() {
+    window.location.reload();
+  }
+}
+var clientClass_default = DprFiltersFormClass;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DprFiltersFormClass
+});
+//# sourceMappingURL=clientClass.js.map

package/dpr/components/_filters/filters-form/clientClass.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../dpr/components/_filters/filters-form/clientClass.ts"],
+  "sourcesContent": ["// @ts-nocheck\n/* eslint-disable class-methods-use-this */\nimport DprFormValidationClass from '../../../DprFormValidationClass'\n\nclass DprFiltersFormClass extends DprFormValidationClass {\n  initFiltersForm({ formId, submitButtonId, resetButtonId, selectedFiltersId, removeSelectedButtonClass }) {\n    this.errorMessages = []\n\n    // Main form\n    this.mainForm = document.getElementById(formId)\n    this.mainForm.noValidate = true\n    this.formFields = Array.from(this.mainForm.elements)\n    this.errorSummary = document.getElementById('query-error-summary')\n    this.embbeddedReportList = document.getElementById('dpr-embedded-report-list')\n\n    // Buttons\n    this.submitButton = document.getElementById(submitButtonId)\n    this.selectedFiltersWrapper = document.getElementById(selectedFiltersId)\n    this.selectedFiltersButtons = document.querySelectorAll(`.${removeSelectedButtonClass}`)\n\n    this.initValues()\n    this.initSubmitButton()\n    this.initResetButton(resetButtonId)\n    this.initFormData()\n  }\n\n  initValues() {\n    this.initInputsFromQueryParams()\n    this.initQueryParamsFromInputs(this.mainForm.elements)\n    this.initInputEvents(this.mainForm.elements)\n  }\n\n  initFormData() {\n    this.initFormValidation(this.formFields)\n    this.mainForm.classList.remove('async-filters-form--hidden')\n  }\n\n  initSubmitButton() {\n    this.submitButton.addEventListener('click', (e) => {\n      e.preventDefault()\n      this.initFormData()\n      const errors = this.validateForm()\n      if (this.mainForm.checkValidity() && errors.length === 0) {\n        if (this.embbeddedReportList) {\n          this.submitAction()\n        } else {\n          this.mainForm.requestSubmit()\n        }\n      }\n    })\n  }\n\n  initResetButton(resetButtonId) {\n    this.resetButton = document.getElementById(resetButtonId)\n    if (this.resetButton) {\n      this.defaultQuery = this.resetButton.getAttribute('defaultQuery')\n      this.resetButton.addEventListener('click', (e) => {\n        e.preventDefault()\n        this.clearQueryParams('filters')\n        this.resetAction()\n      })\n    }\n  }\n\n  resetAction() {\n    if (this.defaultQuery) {\n      const filters = this.defaultQuery.substring(1)\n      const href = `${window.location.href}&${filters}`\n      window.location.href = href\n    } else {\n      window.location.reload()\n    }\n  }\n\n  submitAction() {\n    window.location.reload()\n  }\n}\n\nexport { DprFiltersFormClass }\nexport default DprFiltersFormClass\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,oCAAmC;AAEnC,MAAM,4BAA4B,8BAAAA,QAAuB;AAAA,EACvD,gBAAgB,EAAE,QAAQ,gBAAgB,eAAe,mBAAmB,0BAA0B,GAAG;AACvG,SAAK,gBAAgB,CAAC;AAGtB,SAAK,WAAW,SAAS,eAAe,MAAM;AAC9C,SAAK,SAAS,aAAa;AAC3B,SAAK,aAAa,MAAM,KAAK,KAAK,SAAS,QAAQ;AACnD,SAAK,eAAe,SAAS,eAAe,qBAAqB;AACjE,SAAK,sBAAsB,SAAS,eAAe,0BAA0B;AAG7E,SAAK,eAAe,SAAS,eAAe,cAAc;AAC1D,SAAK,yBAAyB,SAAS,eAAe,iBAAiB;AACvE,SAAK,yBAAyB,SAAS,iBAAiB,IAAI,yBAAyB,EAAE;AAEvF,SAAK,WAAW;AAChB,SAAK,iBAAiB;AACtB,SAAK,gBAAgB,aAAa;AAClC,SAAK,aAAa;AAAA,EACpB;AAAA,EAEA,aAAa;AACX,SAAK,0BAA0B;AAC/B,SAAK,0BAA0B,KAAK,SAAS,QAAQ;AACrD,SAAK,gBAAgB,KAAK,SAAS,QAAQ;AAAA,EAC7C;AAAA,EAEA,eAAe;AACb,SAAK,mBAAmB,KAAK,UAAU;AACvC,SAAK,SAAS,UAAU,OAAO,4BAA4B;AAAA,EAC7D;AAAA,EAEA,mBAAmB;AACjB,SAAK,aAAa,iBAAiB,SAAS,CAAC,MAAM;AACjD,QAAE,eAAe;AACjB,WAAK,aAAa;AAClB,YAAM,SAAS,KAAK,aAAa;AACjC,UAAI,KAAK,SAAS,cAAc,KAAK,OAAO,WAAW,GAAG;AACxD,YAAI,KAAK,qBAAqB;AAC5B,eAAK,aAAa;AAAA,QACpB,OAAO;AACL,eAAK,SAAS,cAAc;AAAA,QAC9B;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEA,gBAAgB,eAAe;AAC7B,SAAK,cAAc,SAAS,eAAe,aAAa;AACxD,QAAI,KAAK,aAAa;AACpB,WAAK,eAAe,KAAK,YAAY,aAAa,cAAc;AAChE,WAAK,YAAY,iBAAiB,SAAS,CAAC,MAAM;AAChD,UAAE,eAAe;AACjB,aAAK,iBAAiB,SAAS;AAC/B,aAAK,YAAY;AAAA,MACnB,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEA,cAAc;AACZ,QAAI,KAAK,cAAc;AACrB,YAAM,UAAU,KAAK,aAAa,UAAU,CAAC;AAC7C,YAAM,OAAO,GAAG,OAAO,SAAS,IAAI,IAAI,OAAO;AAC/C,aAAO,SAAS,OAAO;AAAA,IACzB,OAAO;AACL,aAAO,SAAS,OAAO;AAAA,IACzB;AAAA,EACF;AAAA,EAEA,eAAe;AACb,WAAO,SAAS,OAAO;AAAA,EACzB;AACF;AAGA,IAAO,sBAAQ;",
+  "names": ["DprFormValidationClass"]
+}

package/dpr/components/_filters/filters-form/{clientClass.mjs → clientClass.ts}

@@ -1,5 +1,6 @@
+// @ts-nocheck
 /* eslint-disable class-methods-use-this */
-import DprFormValidationClass from '../../../DprFormValidationClass.mjs'
+import DprFormValidationClass from '../../../DprFormValidationClass'
 
 class DprFiltersFormClass extends DprFormValidationClass {
   initFiltersForm({ formId, submitButtonId, resetButtonId, selectedFiltersId, removeSelectedButtonClass }) {

package/dpr/components/_filters/filters-interactive/clientClass.js

@@ -0,0 +1,55 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var clientClass_exports = {};
+__export(clientClass_exports, {
+  InteractiveFilters: () => InteractiveFilters,
+  default: () => clientClass_default
+});
+module.exports = __toCommonJS(clientClass_exports);
+var import_clientClass = __toESM(require("../filters-selected/clientClass"));
+class InteractiveFilters extends import_clientClass.default {
+  static getModuleName() {
+    return "interactive-filters";
+  }
+  initialise() {
+    this.initFiltersForm({
+      formId: "interactive-filters-form",
+      submitButtonId: "interactive-apply-filters-button",
+      resetButtonId: "interactive-reset-filters-button",
+      removeSelectedButtonClass: "interactive-remove-filter-button"
+    });
+    this.initInteractiveSelectedFilterButtonsEvents();
+  }
+}
+var clientClass_default = InteractiveFilters;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InteractiveFilters
+});
+//# sourceMappingURL=clientClass.js.map

package/dpr/components/_filters/filters-interactive/clientClass.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../dpr/components/_filters/filters-interactive/clientClass.ts"],
+  "sourcesContent": ["// @ts-nocheck\nimport DprSelectedFiltersClass from '../filters-selected/clientClass'\n\nclass InteractiveFilters extends DprSelectedFiltersClass {\n  static getModuleName() {\n    return 'interactive-filters'\n  }\n\n  initialise() {\n    this.initFiltersForm({\n      formId: 'interactive-filters-form',\n      submitButtonId: 'interactive-apply-filters-button',\n      resetButtonId: 'interactive-reset-filters-button',\n      removeSelectedButtonClass: 'interactive-remove-filter-button',\n    })\n\n    this.initInteractiveSelectedFilterButtonsEvents()\n  }\n}\n\nexport { InteractiveFilters }\nexport default InteractiveFilters\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,yBAAoC;AAEpC,MAAM,2BAA2B,mBAAAA,QAAwB;AAAA,EACvD,OAAO,gBAAgB;AACrB,WAAO;AAAA,EACT;AAAA,EAEA,aAAa;AACX,SAAK,gBAAgB;AAAA,MACnB,QAAQ;AAAA,MACR,gBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,2BAA2B;AAAA,IAC7B,CAAC;AAED,SAAK,2CAA2C;AAAA,EAClD;AACF;AAGA,IAAO,sBAAQ;",
+  "names": ["DprSelectedFiltersClass"]
+}

package/dpr/components/_filters/filters-interactive/{clientClass.mjs → clientClass.ts}

@@ -1,4 +1,5 @@
-import DprSelectedFiltersClass from '../filters-selected/clientClass.mjs'
+// @ts-nocheck
+import DprSelectedFiltersClass from '../filters-selected/clientClass'
 
 class InteractiveFilters extends DprSelectedFiltersClass {
   static getModuleName() {

package/dpr/components/_filters/filters-selected/clientClass.js

@@ -0,0 +1,396 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var clientClass_exports = {};
+__export(clientClass_exports, {
+  SelectedFilters: () => SelectedFilters,
+  default: () => clientClass_default
+});
+module.exports = __toCommonJS(clientClass_exports);
+var import_clientClass = __toESM(require("../filters-form/clientClass"));
+class SelectedFilters extends import_clientClass.default {
+  static getModuleName() {
+    return "selected-filters";
+  }
+  /**
+   * Initialises the Interactive selected filter button events
+   *
+   * - Updates the query parameter in the url
+   * - Reloads the page to create the selected filter data server side
+   * - selected filter data is passed to the render function
+   *
+   * @memberof SelectedFilters
+   */
+  initInteractiveSelectedFilterButtonsEvents() {
+    if (this.selectedFiltersButtons) {
+      this.selectedFiltersButtons.forEach((button) => {
+        button.addEventListener("click", (e) => {
+          e.preventDefault();
+          const target = e.target.matches(".interactive-remove-filter-button") ? e.target : e.target.closest(".interactive-remove-filter-button");
+          const keys = JSON.parse(target.getAttribute("data-query-param-key")) || [];
+          const values = JSON.parse(target.getAttribute("data-query-param-value")) || [];
+          let constraints = target.getAttribute("data-query-constraint-values");
+          constraints = constraints ? JSON.parse(target.getAttribute("data-query-constraint-values")) : void 0;
+          keys.forEach((key) => {
+            values.forEach((value) => {
+              this.updateQueryParam(key, value, "delete");
+            });
+            if (constraints) {
+              const constraint = constraints.find((con) => con.key === key);
+              if (constraint) {
+                this.updateQueryParam(key, constraint.value);
+              }
+            }
+          });
+          this.updateQueryParam("selectedPage", 1);
+          this.updateQueryParam("preventDefault", true);
+          window.location.reload();
+        });
+      });
+    }
+  }
+  initSelectedFiltersButtons() {
+    if (this.selectedFiltersWrapper) {
+      let selectedFilterData = this.getSelectedFilterData();
+      selectedFilterData = this.setPresetDateRangeSelectedFilter(selectedFilterData);
+      selectedFilterData = this.setMultiselectSelectedFilterValue(selectedFilterData);
+      selectedFilterData = this.setGranularDateRangeSelectedFilter(selectedFilterData);
+      this.createSelectedFilterElements(selectedFilterData);
+    }
+  }
+  /**
+   * Initialises the input change event
+   *
+   * @param {NodeList} elements
+   * @memberof SelectedFilters
+   */
+  initInputEventsForSelectedFilters(elements) {
+    Array.from(elements).forEach((input) => {
+      input.addEventListener("change", () => {
+        this.initSelectedFiltersButtons();
+      });
+    });
+  }
+  /**
+   * Creates the selected filter data and buttons
+   *
+   * @memberof SelectedFilters
+   */
+  getSelectedFilterData() {
+    this.queryParams = new URLSearchParams(window.location.search);
+    this.selectedFiltersWrapper.innerHTML = "";
+    const selectedFilterData = [];
+    this.queryParams.forEach((value, key) => {
+      let displayName = key;
+      let displayValue = value;
+      if (key.includes("filters.")) {
+        const inputs = document.getElementsByName(key);
+        if (inputs.length) {
+          displayName = this.getDisplayName(inputs[0]);
+          displayValue = this.getInputDisplayValue(inputs);
+          const index = selectedFilterData.findIndex((s) => s.key === key);
+          if (index === -1) {
+            if (displayValue) {
+              selectedFilterData.push({
+                displayName,
+                displayValue,
+                key,
+                name: key.split(".")[1],
+                value: [value],
+                type: inputs[0]
+              });
+            }
+          } else {
+            selectedFilterData[index] = {
+              ...selectedFilterData[index],
+              displayValue: selectedFilterData[index].displayValue,
+              value: selectedFilterData[index].value
+            };
+          }
+        }
+      }
+    });
+    return selectedFilterData;
+  }
+  /**
+   * Creates the selected filters
+   *
+   * @param {NodeList} selectedFilters
+   * @memberof SelectedFilters
+   */
+  createSelectedFilterElements(selectedFilters) {
+    if (selectedFilters.length) {
+      selectedFilters.forEach((selectedFilterData) => {
+        this.createSelectedFilterElement(selectedFilterData);
+        this.initSelectedButtonEvent();
+      });
+    } else {
+      this.createNoFiltersSelectedMessageEl();
+    }
+    this.createResetButtonEl();
+  }
+  /**
+   * Gets the display value for a selected input
+   *
+   * @param {*} inputs
+   * @return {string} the input diap
+   * @memberof SelectedFilters
+   */
+  getInputDisplayValue(inputs) {
+    let displayValue;
+    switch (inputs[0].type) {
+      case "text":
+        displayValue = inputs[0].value;
+        break;
+      case "radio": {
+        const checkedInput = Array.from(inputs).find((i) => i.checked);
+        displayValue = checkedInput ? checkedInput.labels[0].innerText : "";
+        break;
+      }
+      case "select-one":
+        displayValue = inputs[0].options[inputs[0].selectedIndex].text;
+        break;
+      case "checkbox": {
+        const checkedInputs = Array.from(inputs).filter((i) => i.checked);
+        displayValue = checkedInputs.map((i) => {
+          return ` ${i.labels[0].innerText}`;
+        });
+        break;
+      }
+      default:
+        displayValue = inputs[0].value;
+        break;
+    }
+    return displayValue;
+  }
+  /**
+   * Initialises the request selected filter button events
+   *
+   * - Updates the corresponding input value to null
+   * - Dispatches an input change event to update to update the corresponding url search param
+   *
+   * @memberof SelectedFilters
+   */
+  initSelectedButtonEvent() {
+    if (this.selectedFiltersWrapper) {
+      Array.from(this.selectedFiltersWrapper.children).forEach((button) => {
+        button.addEventListener("click", (e) => {
+          e.preventDefault();
+          const dataQueryParamKeyString = e.target.dataset.dataQueryParamKey;
+          const dataQueryParamKeyArray = JSON.parse(dataQueryParamKeyString);
+          let inputs;
+          if (dataQueryParamKeyArray.length > 1) {
+            inputs = dataQueryParamKeyArray.map((inputName) => {
+              return document.getElementsByName(inputName)[0];
+            });
+          } else {
+            inputs = document.getElementsByName(dataQueryParamKeyArray[0]);
+          }
+          if (inputs.length) {
+            inputs.forEach((input) => {
+              switch (input.type) {
+                case "checkbox":
+                case "radio": {
+                  input.checked = false;
+                  const changeEvent2 = new Event("change");
+                  input.dispatchEvent(changeEvent2);
+                  break;
+                }
+                case "search":
+                  input.value = "";
+                  input.staticOptionNameValue = "";
+                  break;
+                default:
+                  input.value = "";
+                  break;
+              }
+              const changeEvent = new Event("change");
+              input.dispatchEvent(changeEvent);
+            });
+          }
+        });
+      });
+    }
+  }
+  /**
+   * Creates the selected input element
+   *
+   * @param {string} displayName
+   * @param {string} displayValue
+   * @param {string} key
+   * @param {string} value
+   * @return {element}
+   * @memberof SelectedFilters
+   */
+  createSelectedFilterElement(selectedData) {
+    const { displayName, displayValue, key, value } = selectedData;
+    const selectedItem = document.createElement("a");
+    selectedItem.classList = "govuk-link govuk-body interactive-remove-filter-button";
+    selectedItem.href = "#";
+    selectedItem.dataset.dataQueryParamKey = Array.isArray(key) ? JSON.stringify(key) : `[ "${key}" ]`;
+    selectedItem.dataset.dataQueryParamValue = Array.isArray(value) ? JSON.stringify(value) : `[ "${value}" ]`;
+    const contentField = document.createTextNode(`${displayName}: `);
+    selectedItem.appendChild(contentField);
+    const selectedItemValue = document.createElement("span");
+    selectedItemValue.classList = "dpr-selected-filter__value";
+    const contentValue = document.createTextNode(displayValue);
+    selectedItemValue.appendChild(contentValue);
+    selectedItem.appendChild(selectedItemValue);
+    this.selectedFiltersWrapper.appendChild(selectedItem);
+  }
+  createNoFiltersSelectedMessageEl() {
+    const noneSelectedMessage = document.createElement("p");
+    noneSelectedMessage.classList = "govuk-body-s govuk-!-margin-top-2 govuk-!-margin-bottom-0";
+    const content = document.createTextNode("No filters selected");
+    noneSelectedMessage.appendChild(content);
+    this.selectedFiltersWrapper.appendChild(noneSelectedMessage);
+  }
+  createResetButtonEl() {
+    const resetLink = document.createElement("a");
+    resetLink.classList = "govuk-body-s govuk-link govuk-link--no-visited-state dpr-reset-filters-button govuk-!-margin-bottom-0";
+    const content = document.createTextNode("Reset filters");
+    resetLink.appendChild(content);
+    resetLink.setAttribute("href", "#");
+    resetLink.setAttribute("id", "async-request-reset-filters-button");
+    this.selectedFiltersWrapper.appendChild(resetLink);
+    this.initResetButton("async-request-reset-filters-button");
+  }
+  // Specfic input type edge cases 👇🏽
+  /**
+   * Daterange
+   * Filters the selected filters buttons to include valid preset date range buttons
+   *
+   * @param {*} selectedFilters
+   * @return {*}
+   * @memberof SelectedFilters
+   */
+  setPresetDateRangeSelectedFilter(selectedFilters) {
+    let updatedSelectedFilters = selectedFilters;
+    const presetRangeFilter = selectedFilters.find((sf) => sf.displayName === "Preset date range");
+    if (presetRangeFilter) {
+      updatedSelectedFilters = selectedFilters.filter((sf) => {
+        const key = sf.key.split(".");
+        return !sf.key.includes(`${key[0]}.${key[1]}`) || sf.key === presetRangeFilter.key;
+      });
+    }
+    return updatedSelectedFilters;
+  }
+  /**
+   * Multiselect
+   *
+   * @param {*} selectedFilters
+   * @return {*}
+   * @memberof SelectedFilters
+   */
+  setMultiselectSelectedFilterValue(selectedFilters) {
+    let updatedSelectedFilters = selectedFilters;
+    updatedSelectedFilters = selectedFilters.map((sf) => {
+      if (Array.isArray(sf.displayValue) && sf.displayValue.length > 3) {
+        const dv = `${sf.displayValue[0]}, ${sf.displayValue[1]}, ${sf.displayValue[2]} + ${sf.displayValue.length - 3} more`;
+        return {
+          ...sf,
+          displayValue: dv
+        };
+      }
+      return sf;
+    });
+    return updatedSelectedFilters;
+  }
+  /**
+   * Daterange
+   * Filters the selected filters buttons to include valid preset date range buttons
+   *
+   * @param {*} selectedFilters
+   * @return {*}
+   * @memberof SelectedFilters
+   */
+  setGranularDateRangeSelectedFilter(selectedFilters) {
+    this.queryParams = new URLSearchParams(window.location.search);
+    let updatedSelectedFilters = selectedFilters;
+    const quickFilterIndex = selectedFilters.findIndex((sf) => sf.key.includes("quick-filter"));
+    const granularityIndex = selectedFilters.findIndex((sf) => sf.key.includes("granularity"));
+    let granularFilterName;
+    let displayName;
+    if (quickFilterIndex !== -1 || granularityIndex !== -1) {
+      granularFilterName = updatedSelectedFilters[quickFilterIndex]?.name || updatedSelectedFilters[granularityIndex]?.name;
+      displayName = document.getElementById(`dpr-granular-date-range_${granularFilterName}`).dataset.fieldDisplayName;
+    }
+    if (granularFilterName) {
+      const keys = [];
+      const values = [];
+      let displayValue = "";
+      let granularityValue;
+      let quickFilterValue;
+      let startValue;
+      let endValue;
+      this.queryParams.forEach((value, key) => {
+        if (key.includes(granularFilterName)) {
+          keys.push(key);
+          values.push(value);
+          const selected = updatedSelectedFilters.find((s) => s.key === key);
+          if (key.includes("granularity")) {
+            granularityValue = selected.displayValue;
+          }
+          if (key.includes("quick-filter")) {
+            quickFilterValue = selected.displayValue;
+          }
+          if (key.includes("start")) {
+            startValue = selected.displayValue;
+          }
+          if (key.includes("end")) {
+            endValue = selected.displayValue;
+          }
+        }
+      });
+      if (quickFilterValue && quickFilterValue !== "None") {
+        displayValue = `${quickFilterValue} : ${granularityValue}`;
+      } else if (startValue && endValue) {
+        displayValue = `${startValue} - ${endValue} : ${granularityValue}`;
+      }
+      updatedSelectedFilters = updatedSelectedFilters.filter((sf) => !sf.key.includes(granularFilterName));
+      if (displayValue) {
+        const granularSelected = {
+          displayName,
+          displayValue,
+          key: keys,
+          name: granularFilterName,
+          value: values,
+          type: "granular-date-picker"
+        };
+        updatedSelectedFilters.push(granularSelected);
+      }
+    }
+    return updatedSelectedFilters;
+  }
+}
+var clientClass_default = SelectedFilters;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SelectedFilters
+});
+//# sourceMappingURL=clientClass.js.map

package/dpr/components/_filters/filters-selected/clientClass.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../dpr/components/_filters/filters-selected/clientClass.ts"],
+  "sourcesContent": ["// @ts-nocheck\n/* eslint-disable no-param-reassign */\n/* eslint-disable class-methods-use-this */\nimport DprFiltersFormClass from '../filters-form/clientClass'\n\nclass SelectedFilters extends DprFiltersFormClass {\n  static getModuleName() {\n    return 'selected-filters'\n  }\n\n  /**\n   * Initialises the Interactive selected filter button events\n   *\n   * - Updates the query parameter in the url\n   * - Reloads the page to create the selected filter data server side\n   * - selected filter data is passed to the render function\n   *\n   * @memberof SelectedFilters\n   */\n  initInteractiveSelectedFilterButtonsEvents() {\n    if (this.selectedFiltersButtons) {\n      this.selectedFiltersButtons.forEach((button) => {\n        button.addEventListener('click', (e) => {\n          e.preventDefault()\n          const target = e.target.matches('.interactive-remove-filter-button')\n            ? e.target\n            : e.target.closest('.interactive-remove-filter-button')\n\n          const keys = JSON.parse(target.getAttribute('data-query-param-key')) || []\n          const values = JSON.parse(target.getAttribute('data-query-param-value')) || []\n\n          let constraints = target.getAttribute('data-query-constraint-values')\n          constraints = constraints ? JSON.parse(target.getAttribute('data-query-constraint-values')) : undefined\n\n          keys.forEach((key) => {\n            values.forEach((value) => {\n              this.updateQueryParam(key, value, 'delete')\n            })\n            if (constraints) {\n              const constraint = constraints.find((con) => con.key === key)\n              if (constraint) {\n                this.updateQueryParam(key, constraint.value)\n              }\n            }\n          })\n\n          this.updateQueryParam('selectedPage', 1)\n          this.updateQueryParam('preventDefault', true)\n          window.location.reload()\n        })\n      })\n    }\n  }\n\n  initSelectedFiltersButtons() {\n    if (this.selectedFiltersWrapper) {\n      // init data from query params\n      let selectedFilterData = this.getSelectedFilterData()\n\n      // handle edgecases with specific input types\n      selectedFilterData = this.setPresetDateRangeSelectedFilter(selectedFilterData)\n      selectedFilterData = this.setMultiselectSelectedFilterValue(selectedFilterData)\n      selectedFilterData = this.setGranularDateRangeSelectedFilter(selectedFilterData)\n\n      // builds the elements and render\n      this.createSelectedFilterElements(selectedFilterData)\n    }\n  }\n\n  /**\n   * Initialises the input change event\n   *\n   * @param {NodeList} elements\n   * @memberof SelectedFilters\n   */\n  initInputEventsForSelectedFilters(elements) {\n    Array.from(elements).forEach((input) => {\n      input.addEventListener('change', () => {\n        this.initSelectedFiltersButtons()\n      })\n    })\n  }\n\n  /**\n   * Creates the selected filter data and buttons\n   *\n   * @memberof SelectedFilters\n   */\n  getSelectedFilterData() {\n    this.queryParams = new URLSearchParams(window.location.search)\n    this.selectedFiltersWrapper.innerHTML = ''\n\n    const selectedFilterData = []\n    this.queryParams.forEach((value, key) => {\n      let displayName = key\n      let displayValue = value\n\n      if (key.includes('filters.')) {\n        const inputs = document.getElementsByName(key)\n\n        if (inputs.length) {\n          displayName = this.getDisplayName(inputs[0])\n          displayValue = this.getInputDisplayValue(inputs)\n\n          const index = selectedFilterData.findIndex((s) => s.key === key)\n          if (index === -1) {\n            if (displayValue) {\n              selectedFilterData.push({\n                displayName,\n                displayValue,\n                key,\n                name: key.split('.')[1],\n                value: [value],\n                type: inputs[0],\n              })\n            }\n          } else {\n            selectedFilterData[index] = {\n              ...selectedFilterData[index],\n              displayValue: selectedFilterData[index].displayValue,\n              value: selectedFilterData[index].value,\n            }\n          }\n        }\n      }\n    })\n\n    return selectedFilterData\n  }\n\n  /**\n   * Creates the selected filters\n   *\n   * @param {NodeList} selectedFilters\n   * @memberof SelectedFilters\n   */\n  createSelectedFilterElements(selectedFilters) {\n    if (selectedFilters.length) {\n      selectedFilters.forEach((selectedFilterData) => {\n        this.createSelectedFilterElement(selectedFilterData)\n        this.initSelectedButtonEvent()\n      })\n    } else {\n      this.createNoFiltersSelectedMessageEl()\n    }\n    this.createResetButtonEl()\n  }\n\n  /**\n   * Gets the display value for a selected input\n   *\n   * @param {*} inputs\n   * @return {string} the input diap\n   * @memberof SelectedFilters\n   */\n  getInputDisplayValue(inputs) {\n    let displayValue\n\n    switch (inputs[0].type) {\n      case 'text':\n        displayValue = inputs[0].value\n        break\n\n      case 'radio': {\n        const checkedInput = Array.from(inputs).find((i) => i.checked)\n        displayValue = checkedInput ? checkedInput.labels[0].innerText : ''\n        break\n      }\n\n      case 'select-one':\n        displayValue = inputs[0].options[inputs[0].selectedIndex].text\n        break\n\n      case 'checkbox': {\n        const checkedInputs = Array.from(inputs).filter((i) => i.checked)\n        displayValue = checkedInputs.map((i) => {\n          return ` ${i.labels[0].innerText}`\n        })\n        break\n      }\n\n      default:\n        displayValue = inputs[0].value\n        break\n    }\n\n    return displayValue\n  }\n\n  /**\n   * Initialises the request selected filter button events\n   *\n   * - Updates the corresponding input value to null\n   * - Dispatches an input change event to update to update the corresponding url search param\n   *\n   * @memberof SelectedFilters\n   */\n  initSelectedButtonEvent() {\n    if (this.selectedFiltersWrapper) {\n      Array.from(this.selectedFiltersWrapper.children).forEach((button) => {\n        button.addEventListener('click', (e) => {\n          e.preventDefault()\n\n          const dataQueryParamKeyString = e.target.dataset.dataQueryParamKey\n          const dataQueryParamKeyArray = JSON.parse(dataQueryParamKeyString)\n\n          let inputs\n          if (dataQueryParamKeyArray.length > 1) {\n            inputs = dataQueryParamKeyArray.map((inputName) => {\n              return document.getElementsByName(inputName)[0]\n            })\n          } else {\n            inputs = document.getElementsByName(dataQueryParamKeyArray[0])\n          }\n\n          if (inputs.length) {\n            inputs.forEach((input) => {\n              switch (input.type) {\n                case 'checkbox':\n                case 'radio': {\n                  input.checked = false\n                  const changeEvent = new Event('change')\n                  input.dispatchEvent(changeEvent)\n                  break\n                }\n                case 'search':\n                  input.value = ''\n                  input.staticOptionNameValue = ''\n                  break\n\n                default:\n                  input.value = ''\n                  break\n              }\n\n              const changeEvent = new Event('change')\n              input.dispatchEvent(changeEvent)\n            })\n          }\n        })\n      })\n    }\n  }\n\n  /**\n   * Creates the selected input element\n   *\n   * @param {string} displayName\n   * @param {string} displayValue\n   * @param {string} key\n   * @param {string} value\n   * @return {element}\n   * @memberof SelectedFilters\n   */\n  createSelectedFilterElement(selectedData) {\n    const { displayName, displayValue, key, value } = selectedData\n    const selectedItem = document.createElement('a')\n    selectedItem.classList = 'govuk-link govuk-body interactive-remove-filter-button'\n    selectedItem.href = '#'\n\n    selectedItem.dataset.dataQueryParamKey = Array.isArray(key) ? JSON.stringify(key) : `[ \"${key}\" ]`\n    selectedItem.dataset.dataQueryParamValue = Array.isArray(value) ? JSON.stringify(value) : `[ \"${value}\" ]`\n\n    const contentField = document.createTextNode(`${displayName}: `)\n    selectedItem.appendChild(contentField)\n\n    const selectedItemValue = document.createElement('span')\n    selectedItemValue.classList = 'dpr-selected-filter__value'\n    const contentValue = document.createTextNode(displayValue)\n    selectedItemValue.appendChild(contentValue)\n    selectedItem.appendChild(selectedItemValue)\n\n    this.selectedFiltersWrapper.appendChild(selectedItem)\n  }\n\n  createNoFiltersSelectedMessageEl() {\n    const noneSelectedMessage = document.createElement('p')\n    noneSelectedMessage.classList = 'govuk-body-s govuk-!-margin-top-2 govuk-!-margin-bottom-0'\n    const content = document.createTextNode('No filters selected')\n    noneSelectedMessage.appendChild(content)\n    this.selectedFiltersWrapper.appendChild(noneSelectedMessage)\n  }\n\n  createResetButtonEl() {\n    const resetLink = document.createElement('a')\n    resetLink.classList =\n      'govuk-body-s govuk-link govuk-link--no-visited-state dpr-reset-filters-button govuk-!-margin-bottom-0'\n    const content = document.createTextNode('Reset filters')\n    resetLink.appendChild(content)\n    resetLink.setAttribute('href', '#')\n    resetLink.setAttribute('id', 'async-request-reset-filters-button')\n    this.selectedFiltersWrapper.appendChild(resetLink)\n    this.initResetButton('async-request-reset-filters-button')\n  }\n\n  // Specfic input type edge cases \uD83D\uDC47\uD83C\uDFFD\n\n  /**\n   * Daterange\n   * Filters the selected filters buttons to include valid preset date range buttons\n   *\n   * @param {*} selectedFilters\n   * @return {*}\n   * @memberof SelectedFilters\n   */\n  setPresetDateRangeSelectedFilter(selectedFilters) {\n    let updatedSelectedFilters = selectedFilters\n    const presetRangeFilter = selectedFilters.find((sf) => sf.displayName === 'Preset date range')\n    if (presetRangeFilter) {\n      updatedSelectedFilters = selectedFilters.filter((sf) => {\n        const key = sf.key.split('.')\n        return !sf.key.includes(`${key[0]}.${key[1]}`) || sf.key === presetRangeFilter.key\n      })\n    }\n    return updatedSelectedFilters\n  }\n\n  /**\n   * Multiselect\n   *\n   * @param {*} selectedFilters\n   * @return {*}\n   * @memberof SelectedFilters\n   */\n  setMultiselectSelectedFilterValue(selectedFilters) {\n    let updatedSelectedFilters = selectedFilters\n    updatedSelectedFilters = selectedFilters.map((sf) => {\n      if (Array.isArray(sf.displayValue) && sf.displayValue.length > 3) {\n        const dv = `${sf.displayValue[0]}, ${sf.displayValue[1]}, ${sf.displayValue[2]} + ${sf.displayValue.length - 3\n          } more`\n        return {\n          ...sf,\n          displayValue: dv,\n        }\n      }\n      return sf\n    })\n    return updatedSelectedFilters\n  }\n\n  /**\n   * Daterange\n   * Filters the selected filters buttons to include valid preset date range buttons\n   *\n   * @param {*} selectedFilters\n   * @return {*}\n   * @memberof SelectedFilters\n   */\n  setGranularDateRangeSelectedFilter(selectedFilters) {\n    this.queryParams = new URLSearchParams(window.location.search)\n    let updatedSelectedFilters = selectedFilters\n\n    const quickFilterIndex = selectedFilters.findIndex((sf) => sf.key.includes('quick-filter'))\n    const granularityIndex = selectedFilters.findIndex((sf) => sf.key.includes('granularity'))\n\n    // Get the granular filter field name\n    // If granularity, or quick-filter are set then its a granular filter\n    let granularFilterName\n    let displayName\n    if (quickFilterIndex !== -1 || granularityIndex !== -1) {\n      granularFilterName =\n        updatedSelectedFilters[quickFilterIndex]?.name || updatedSelectedFilters[granularityIndex]?.name\n      displayName = document.getElementById(`dpr-granular-date-range_${granularFilterName}`).dataset.fieldDisplayName\n    }\n\n    if (granularFilterName) {\n      const keys = []\n      const values = []\n      let displayValue = ''\n      let granularityValue\n      let quickFilterValue\n      let startValue\n      let endValue\n\n      this.queryParams.forEach((value, key) => {\n        if (key.includes(granularFilterName)) {\n          keys.push(key)\n          values.push(value)\n\n          const selected = updatedSelectedFilters.find((s) => s.key === key)\n          if (key.includes('granularity')) {\n            granularityValue = selected.displayValue\n          }\n          if (key.includes('quick-filter')) {\n            quickFilterValue = selected.displayValue\n          }\n          if (key.includes('start')) {\n            startValue = selected.displayValue\n          }\n          if (key.includes('end')) {\n            endValue = selected.displayValue\n          }\n        }\n      })\n\n      // Set the display valiue\n      if (quickFilterValue && quickFilterValue !== 'None') {\n        displayValue = `${quickFilterValue} : ${granularityValue}`\n      } else if (startValue && endValue) {\n        displayValue = `${startValue} - ${endValue} : ${granularityValue}`\n      }\n\n      // Remove seperate selected filters buttons \n      updatedSelectedFilters = updatedSelectedFilters.filter(sf => !sf.key.includes(granularFilterName))\n\n      if (displayValue) {\n        // create consolidated button\n        const granularSelected = {\n          displayName,\n          displayValue,\n          key: keys,\n          name: granularFilterName,\n          value: values,\n          type: 'granular-date-picker',\n        }\n\n        updatedSelectedFilters.push(granularSelected)\n      }\n    }\n\n    return updatedSelectedFilters\n  }\n}\n\nexport { SelectedFilters }\nexport default SelectedFilters\n"],
+  "mappings": "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",
+  "names": ["DprFiltersFormClass", "changeEvent"]
+}