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

package/dpr/DprQueryParamClass.js

@@ -0,0 +1,231 @@
+"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 DprQueryParamClass_exports = {};
+__export(DprQueryParamClass_exports, {
+  DprQueryParamClass: () => DprQueryParamClass,
+  default: () => DprQueryParamClass_default
+});
+module.exports = __toCommonJS(DprQueryParamClass_exports);
+var import_dayjs = __toESM(require("dayjs"));
+var import_DprClientClass = require("./DprClientClass");
+class DprQueryParamClass extends import_DprClientClass.DprClientClass {
+  /**
+   * initialises the selected values from the query params
+   *
+   * @memberof AsyncFilters
+   */
+  initInputsFromQueryParams() {
+    this.queryParams = new URLSearchParams(window.location.search);
+    this.queryParams.forEach((value, key) => {
+      const inputs = document.getElementsByName(key);
+      if (inputs.length) {
+        const input = inputs[0];
+        const { type } = input;
+        if (type === "radio" || type === "checkbox") {
+          this.setMultiSelectValue(inputs, value);
+        } else if (input.classList.contains("moj-js-datepicker-input")) {
+          const formatted = (0, import_dayjs.default)(value, "YYYY-MM-DD").format("DD/MM/YYYY");
+          input.value = formatted !== "Invalid Date" ? formatted : "";
+        } else {
+          input.value = value;
+        }
+      }
+    });
+  }
+  /**
+   * Initialises the input event listeners
+   *
+   * @memberof AsyncFilters
+   */
+  initInputEvents(elements) {
+    Array.from(elements).forEach((input) => {
+      input.addEventListener("change", () => {
+        this.setQueryParamFromInput(input, true, false);
+      });
+    });
+  }
+  /**
+   * Initialises the query params from default inputs
+   *
+   * @param {*} elements
+   * @memberof DprQueryParamClass
+   */
+  initQueryParamsFromInputs(elements) {
+    Array.from(elements).forEach((input) => {
+      if (input.type !== "hidden") this.setQueryParamFromInput(input, false, true);
+    });
+  }
+  /**
+   * Sets a single query param from an single input
+   *
+   * @param {*} input
+   * @param {*} toggleCheckbox
+   * @memberof DprQueryParamClass
+   */
+  setQueryParamFromInput(input, toggleCheckbox = false, init = false) {
+    const { type } = input;
+    if (type === "checkbox" || type === "radio") {
+      this.setMultiSelectQueryParam(input, toggleCheckbox, init);
+    } else {
+      const { name } = input;
+      let { value } = input;
+      const { staticOptionNameValue } = input;
+      const isDateInput = input.classList.contains("moj-js-datepicker-input");
+      if (isDateInput) {
+        const formatted = (0, import_dayjs.default)(value, "D/M/YYYY").format("YYYY-MM-DD");
+        value = formatted !== "Invalid Date" ? formatted : "";
+      }
+      const valueToUpdate = !isDateInput && staticOptionNameValue ? staticOptionNameValue : value;
+      if (name) this.updateQueryParam(name, valueToUpdate.trim());
+    }
+  }
+  /**
+   * Sets the query params for checkboxes
+   *
+   * @param {*} input
+   * @param {*} toggle - adds the delete step on toggle
+   * @memberof DprQueryParamClass
+   */
+  setMultiSelectQueryParam(input, toggle, init) {
+    this.queryParams = new URLSearchParams(window.location.search);
+    const { name, value, checked, type } = input;
+    if (checked && !this.queryParams.has(name, value)) {
+      let updateType;
+      if (type === "checkbox") {
+        updateType = "append";
+        if (!init && name !== "columns") this.updateQueryParam("preventDefault", true);
+      }
+      this.updateQueryParam(name, value, updateType);
+    } else if (!checked && this.queryParams.has(name, value) && toggle) {
+      if (type === "checkbox") {
+        if (!init && name !== "columns") this.updateQueryParam("preventDefault", true);
+      }
+      this.updateQueryParam(name, value, "delete");
+    }
+  }
+  /**
+   * Updates the query string and updates the URL
+   *
+   * @param {*} queryParams
+   * @param {*} name
+   * @param {*} value
+   * @memberof DprQueryParamClass
+   */
+  updateQueryParam(name, value, type) {
+    this.queryParams = new URLSearchParams(window.location.search);
+    if (!value && name.length) {
+      this.queryParams.delete(name);
+    } else {
+      switch (type) {
+        case "append":
+          this.queryParams.append(name, value);
+          break;
+        case "delete":
+          this.queryParams.delete(name, value);
+          break;
+        default:
+          this.queryParams.set(name, value);
+          break;
+      }
+    }
+    window.history.replaceState(null, null, `?${this.queryParams.toString()}`);
+  }
+  /**
+   * Clears the query params
+   *
+   * @memberof DprQueryParamClass
+   */
+  clearQueryParams(type) {
+    this.queryParams = new URLSearchParams(window.location.search);
+    const params = Array.from(this.queryParams);
+    params.forEach((p) => {
+      if (type && p[0].includes(type)) {
+        this.queryParams.delete(p[0], p[1]);
+      }
+      if (type === "filters") {
+        this.queryParams.delete("preventDefault");
+      }
+    });
+    this.queryParams.set("selectedPage", 1);
+    window.history.replaceState(null, null, `?${this.queryParams.toString()}`);
+  }
+  /**
+   * Given a form element, will extract the formdata
+   * as an array of objects and filter out empty values.
+   *
+   * @param {*} form
+   * @return {*}
+   * @memberof AsyncFilters
+   */
+  getFormDataAsObject(form, prefix) {
+    const formData = new FormData(form);
+    const array = Array.from(formData.entries()).filter((entry) => {
+      return entry[1] !== "";
+    }).map((entry) => {
+      return { [`${prefix}${entry[0]}`]: entry[1] };
+    });
+    return Object.assign({}, ...[...array]);
+  }
+  /**
+   * Sets the value of a radio button
+   *
+   * @param {*} inputs
+   * @param {*} value
+   * @memberof AsyncFilters
+   */
+  setMultiSelectValue(inputs, value) {
+    const input = Array.from(inputs).find((i) => i.getAttribute("value") === value);
+    if (input && !input.disabled) input.checked = true;
+  }
+  /**
+   * Sets the value of the checkboxes
+   *
+   * @param {*} inputs
+   * @param {*} value
+   * @memberof DprQueryParamClass
+   */
+  setCheckBoxValues(inputs, value) {
+    const input = Array.from(inputs).find((i) => i.getAttribute("value") === value);
+    if (input) input.checked = true;
+  }
+  removeNoFilterValues() {
+    this.queryParams = new URLSearchParams(window.location.search);
+    const params = Array.from(this.queryParams);
+    params.forEach((p) => {
+      if (p[1].includes("no-filter")) this.queryParams.delete(p[0], p[1]);
+    });
+    window.history.replaceState(null, null, `?${this.queryParams.toString()}`);
+  }
+}
+var DprQueryParamClass_default = DprQueryParamClass;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DprQueryParamClass
+});
+//# sourceMappingURL=DprQueryParamClass.js.map

package/dpr/DprQueryParamClass.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../dpr/DprQueryParamClass.ts"],
+  "sourcesContent": ["// @ts-nocheck\nimport dayjs from 'dayjs'\n\n/* eslint-disable class-methods-use-this */\nimport { DprClientClass } from './DprClientClass'\n\nclass DprQueryParamClass extends DprClientClass {\n  /**\n   * initialises the selected values from the query params\n   *\n   * @memberof AsyncFilters\n   */\n  initInputsFromQueryParams() {\n    this.queryParams = new URLSearchParams(window.location.search)\n    this.queryParams.forEach((value, key) => {\n      const inputs = document.getElementsByName(key)\n      if (inputs.length) {\n        const input = inputs[0]\n        const { type } = input\n        if (type === 'radio' || type === 'checkbox') {\n          this.setMultiSelectValue(inputs, value)\n        } else if (input.classList.contains('moj-js-datepicker-input')) {\n          const formatted = dayjs(value, 'YYYY-MM-DD').format('DD/MM/YYYY')\n          input.value = formatted !== 'Invalid Date' ? formatted : ''\n        } else {\n          input.value = value\n        }\n      }\n    })\n  }\n\n  /**\n   * Initialises the input event listeners\n   *\n   * @memberof AsyncFilters\n   */\n  initInputEvents(elements) {\n    Array.from(elements).forEach((input) => {\n      input.addEventListener('change', () => {\n        this.setQueryParamFromInput(input, true, false)\n      })\n    })\n  }\n\n  /**\n   * Initialises the query params from default inputs\n   *\n   * @param {*} elements\n   * @memberof DprQueryParamClass\n   */\n  initQueryParamsFromInputs(elements) {\n    Array.from(elements).forEach((input) => {\n      if (input.type !== 'hidden') this.setQueryParamFromInput(input, false, true)\n    })\n  }\n\n  /**\n   * Sets a single query param from an single input\n   *\n   * @param {*} input\n   * @param {*} toggleCheckbox\n   * @memberof DprQueryParamClass\n   */\n  setQueryParamFromInput(input, toggleCheckbox = false, init = false) {\n    const { type } = input\n    if (type === 'checkbox' || type === 'radio') {\n      this.setMultiSelectQueryParam(input, toggleCheckbox, init)\n    } else {\n      const { name } = input\n      let { value } = input\n\n      const { staticOptionNameValue } = input\n      const isDateInput = input.classList.contains('moj-js-datepicker-input')\n      if (isDateInput) {\n        const formatted = dayjs(value, 'D/M/YYYY').format('YYYY-MM-DD')\n        value = formatted !== 'Invalid Date' ? formatted : ''\n      }\n      const valueToUpdate = !isDateInput && staticOptionNameValue ? staticOptionNameValue : value\n      if (name) this.updateQueryParam(name, valueToUpdate.trim())\n    }\n  }\n\n  /**\n   * Sets the query params for checkboxes\n   *\n   * @param {*} input\n   * @param {*} toggle - adds the delete step on toggle\n   * @memberof DprQueryParamClass\n   */\n  setMultiSelectQueryParam(input, toggle, init) {\n    this.queryParams = new URLSearchParams(window.location.search)\n    const { name, value, checked, type } = input\n    if (checked && !this.queryParams.has(name, value)) {\n      let updateType\n      if (type === 'checkbox') {\n        updateType = 'append'\n        if (!init && name !== 'columns') this.updateQueryParam('preventDefault', true)\n      }\n      this.updateQueryParam(name, value, updateType)\n    } else if (!checked && this.queryParams.has(name, value) && toggle) {\n      if (type === 'checkbox') {\n        if (!init && name !== 'columns') this.updateQueryParam('preventDefault', true)\n      }\n      this.updateQueryParam(name, value, 'delete')\n    }\n  }\n\n  /**\n   * Updates the query string and updates the URL\n   *\n   * @param {*} queryParams\n   * @param {*} name\n   * @param {*} value\n   * @memberof DprQueryParamClass\n   */\n  updateQueryParam(name, value, type) {\n    this.queryParams = new URLSearchParams(window.location.search)\n    if (!value && name.length) {\n      this.queryParams.delete(name)\n    } else {\n      switch (type) {\n        case 'append':\n          this.queryParams.append(name, value)\n          break\n        case 'delete':\n          this.queryParams.delete(name, value)\n          break\n        default:\n          this.queryParams.set(name, value)\n          break\n      }\n    }\n\n    window.history.replaceState(null, null, `?${this.queryParams.toString()}`)\n  }\n\n  /**\n   * Clears the query params\n   *\n   * @memberof DprQueryParamClass\n   */\n  clearQueryParams(type) {\n    this.queryParams = new URLSearchParams(window.location.search)\n    const params = Array.from(this.queryParams)\n\n    params.forEach((p) => {\n      if (type && p[0].includes(type)) {\n        this.queryParams.delete(p[0], p[1])\n      }\n      if (type === 'filters') {\n        this.queryParams.delete('preventDefault')\n      }\n    })\n\n    this.queryParams.set('selectedPage', 1)\n    window.history.replaceState(null, null, `?${this.queryParams.toString()}`)\n  }\n\n  /**\n   * Given a form element, will extract the formdata\n   * as an array of objects and filter out empty values.\n   *\n   * @param {*} form\n   * @return {*}\n   * @memberof AsyncFilters\n   */\n  getFormDataAsObject(form, prefix) {\n    const formData = new FormData(form)\n    const array = Array.from(formData.entries())\n      .filter((entry) => {\n        return entry[1] !== ''\n      })\n      .map((entry) => {\n        return { [`${prefix}${entry[0]}`]: entry[1] }\n      })\n\n    return Object.assign({}, ...[...array])\n  }\n\n  /**\n   * Sets the value of a radio button\n   *\n   * @param {*} inputs\n   * @param {*} value\n   * @memberof AsyncFilters\n   */\n  setMultiSelectValue(inputs, value) {\n    const input = Array.from(inputs).find((i) => i.getAttribute('value') === value)\n    if (input && !input.disabled) input.checked = true\n  }\n\n  /**\n   * Sets the value of the checkboxes\n   *\n   * @param {*} inputs\n   * @param {*} value\n   * @memberof DprQueryParamClass\n   */\n  setCheckBoxValues(inputs, value) {\n    const input = Array.from(inputs).find((i) => i.getAttribute('value') === value)\n    if (input) input.checked = true\n  }\n\n  removeNoFilterValues() {\n    this.queryParams = new URLSearchParams(window.location.search)\n    const params = Array.from(this.queryParams)\n    params.forEach((p) => {\n      if (p[1].includes('no-filter')) this.queryParams.delete(p[0], p[1])\n    })\n    window.history.replaceState(null, null, `?${this.queryParams.toString()}`)\n  }\n}\n\nexport { DprQueryParamClass }\nexport default DprQueryParamClass\n"],
+  "mappings": "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",
+  "names": ["dayjs"]
+}

package/dpr/{DprQueryParamClass.mjs → DprQueryParamClass.ts}

@@ -1,7 +1,8 @@
+// @ts-nocheck
 import dayjs from 'dayjs'
 
 /* eslint-disable class-methods-use-this */
-import { DprClientClass } from './DprClientClass.mjs'
+import { DprClientClass } from './DprClientClass'
 
 class DprQueryParamClass extends DprClientClass {
   /**

package/dpr/DprSyncLoading.js

@@ -0,0 +1,44 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DprSyncLoading_exports = {};
+__export(DprSyncLoading_exports, {
+  DprSyncLoading: () => DprSyncLoading,
+  default: () => DprSyncLoading_default
+});
+module.exports = __toCommonJS(DprSyncLoading_exports);
+var import_DprClientClass = require("./DprClientClass");
+class DprSyncLoading extends import_DprClientClass.DprClientClass {
+  static getModuleName() {
+    return "sync-loading";
+  }
+  initialise() {
+    this.element = this.getElement();
+    this.form = this.element.querySelector("#dpr-sync-loading-form");
+    this.load();
+  }
+  async load() {
+    this.form.submit();
+  }
+}
+var DprSyncLoading_default = DprSyncLoading;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DprSyncLoading
+});
+//# sourceMappingURL=DprSyncLoading.js.map

package/dpr/DprSyncLoading.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../dpr/DprSyncLoading.ts"],
+  "sourcesContent": ["// @ts-nocheck\n/* eslint-disable class-methods-use-this */\nimport { DprClientClass } from './DprClientClass'\n\nclass DprSyncLoading extends DprClientClass {\n  static getModuleName() {\n    return 'sync-loading'\n  }\n\n  initialise() {\n    this.element = this.getElement()\n    this.form = this.element.querySelector('#dpr-sync-loading-form')\n\n    this.load()\n  }\n\n  async load() {\n    this.form.submit()\n  }\n}\n\nexport { DprSyncLoading }\nexport default DprSyncLoading\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,4BAA+B;AAE/B,MAAM,uBAAuB,qCAAe;AAAA,EAC1C,OAAO,gBAAgB;AACrB,WAAO;AAAA,EACT;AAAA,EAEA,aAAa;AACX,SAAK,UAAU,KAAK,WAAW;AAC/B,SAAK,OAAO,KAAK,QAAQ,cAAc,wBAAwB;AAE/D,SAAK,KAAK;AAAA,EACZ;AAAA,EAEA,MAAM,OAAO;AACX,SAAK,KAAK,OAAO;AAAA,EACnB;AACF;AAGA,IAAO,yBAAQ;",
+  "names": []
+}

package/dpr/{DprSyncLoading.mjs → DprSyncLoading.ts}

@@ -1,5 +1,6 @@
+// @ts-nocheck
 /* eslint-disable class-methods-use-this */
-import { DprClientClass } from './DprClientClass.mjs'
+import { DprClientClass } from './DprClientClass'
 
 class DprSyncLoading extends DprClientClass {
   static getModuleName() {

package/dpr/all.js

@@ -0,0 +1,111 @@
+"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 all_exports = {};
+__export(all_exports, {
+  initAll: () => initAll
+});
+module.exports = __toCommonJS(all_exports);
+var import_dayjs = __toESM(require("dayjs"));
+var import_customParseFormat = __toESM(require("dayjs/plugin/customParseFormat"));
+var import_DprLoadingHelper = __toESM(require("./DprLoadingHelper"));
+var import_clientClass = __toESM(require("./components/card-group/clientClass"));
+var import_clientClass2 = __toESM(require("./components/bookmark-toggle/clientClass"));
+var import_clientClass3 = __toESM(require("./components/show-more/clientClass"));
+var import_clientClass4 = __toESM(require("./components/_catalogue/catalogue-search/clientClass"));
+var import_clientClass5 = __toESM(require("./components/_catalogue/catalogue-unauthorised-toggle/clientClass"));
+var import_clientClass6 = __toESM(require("./components/_catalogue/catalogue-filter-by-type/clientClass"));
+var import_clientClass7 = __toESM(require("./components/_reports/report-pagination/clientClass"));
+var import_clientClass8 = __toESM(require("./components/_reports/report-actions/clientClass"));
+var import_clientClass9 = __toESM(require("./components/_reports/report-data-table/clientClass"));
+var import_clientClass10 = __toESM(require("./components/_reports/report-columns-form/clientClass"));
+var import_clientClass11 = __toESM(require("./components/_reports/report-download-message/clientClass"));
+var import_clientClass12 = __toESM(require("./components/_filters/filters-interactive/clientClass"));
+var import_clientClass13 = __toESM(require("./components/_async/async-polling/clientClass"));
+var import_clientClass14 = __toESM(require("./components/_async/async-filters-form/clientClass"));
+var import_DprSyncLoading = __toESM(require("./DprSyncLoading"));
+var import_clientClass15 = __toESM(require("./components/_inputs/date-input/clientClass"));
+var import_clientClass16 = __toESM(require("./components/_inputs/date-range/clientClass"));
+var import_clientClass17 = __toESM(require("./components/_inputs/autocomplete-text-input/clientClass"));
+var import_clientClass18 = __toESM(require("./components/_inputs/granular-date-range/clientClass"));
+var import_clientClass19 = __toESM(require("./components/user-reports/requested/clientClass"));
+var import_clientClass20 = __toESM(require("./components/user-reports/viewed/clientClass"));
+var import_clientClass21 = __toESM(require("./components/_charts/chart/bar/clientClass"));
+var import_clientClass22 = __toESM(require("./components/_charts/chart/doughnut/clientClass"));
+var import_clientClass23 = __toESM(require("./components/_charts/chart/line/clientClass"));
+var import_clientClass24 = __toESM(require("./components/_charts/chart/heatmap/clientClass"));
+var import_clientClass25 = __toESM(require("./components/_dashboards/scorecard/clientClass"));
+var import_DprGenericFormClass = __toESM(require("./DprGenericFormClass"));
+function initAll() {
+  const loadingHelper = new import_DprLoadingHelper.default();
+  const components = [
+    import_clientClass17.default,
+    import_clientClass.default,
+    import_clientClass10.default,
+    import_clientClass14.default,
+    import_clientClass12.default,
+    import_clientClass7.default,
+    import_clientClass9.default,
+    import_clientClass13.default,
+    import_clientClass4.default,
+    import_clientClass5.default,
+    import_clientClass6.default,
+    import_clientClass2.default,
+    import_clientClass15.default,
+    import_clientClass19.default,
+    import_clientClass20.default,
+    import_clientClass16.default,
+    import_clientClass3.default,
+    import_clientClass21.default,
+    import_clientClass22.default,
+    import_clientClass23.default,
+    import_clientClass24.default,
+    import_clientClass25.default,
+    import_clientClass8.default,
+    import_clientClass11.default,
+    import_DprSyncLoading.default,
+    import_clientClass18.default,
+    import_DprGenericFormClass.default
+  ];
+  import_dayjs.default.extend(import_customParseFormat.default);
+  components.forEach((Component) => {
+    const $elements = document.querySelectorAll(`[data-dpr-module="${Component.getModuleName()}"]`);
+    $elements.forEach(async ($element) => {
+      try {
+        new Component($element, loadingHelper).initialise();
+      } catch (error) {
+        console.log(error);
+      }
+    });
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  initAll
+});
+//# sourceMappingURL=all.js.map

package/dpr/all.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../dpr/all.ts"],
+  "sourcesContent": ["// @ts-nocheck\n/* eslint-disable no-new */\n/* global dayjs */\nimport jquery from 'jquery'\nimport dayjs from 'dayjs'\nimport customParse from 'dayjs/plugin/customParseFormat'\n\n// Helper\nimport DprLoadingHelper from './DprLoadingHelper'\n\n// General Components\nimport CardGroup from './components/card-group/clientClass'\nimport BookmarkToggle from './components/bookmark-toggle/clientClass'\nimport ShowMore from './components/show-more/clientClass'\n\n// Catalogue\nimport Search from './components/_catalogue/catalogue-search/clientClass'\nimport UnauthorisedReportsFilter from './components/_catalogue/catalogue-unauthorised-toggle/clientClass'\nimport ReportTypeFilter from './components/_catalogue/catalogue-filter-by-type/clientClass'\n\n// Reports\nimport Pagination from './components/_reports/report-pagination/clientClass'\nimport ReportActions from './components/_reports/report-actions/clientClass'\nimport DataTable from './components/_reports/report-data-table/clientClass'\nimport Columns from './components/_reports/report-columns-form/clientClass'\nimport DownloadMessage from './components/_reports/report-download-message/clientClass'\n\n// Filters\nimport InteractiveFilters from './components/_filters/filters-interactive/clientClass'\n\n// Async\nimport AsyncPolling from './components/_async/async-polling/clientClass'\nimport AsyncFilters from './components/_async/async-filters-form/clientClass'\n\n// Sync\nimport SyncLoading from './DprSyncLoading'\n\n// Inputs\nimport DateInput from './components/_inputs/date-input/clientClass'\nimport DateRange from './components/_inputs/date-range/clientClass'\nimport Autocomplete from './components/_inputs/autocomplete-text-input/clientClass'\nimport GranularDateRange from './components/_inputs/granular-date-range/clientClass'\n\n// User repoorts\nimport RequestedReportsList from './components/user-reports/requested/clientClass'\nimport RecentlyViewedList from './components/user-reports/viewed/clientClass'\n\n// Charts\nimport BarChartVisualisation from './components/_charts/chart/bar/clientClass'\nimport DoughnutChartVisualisation from './components/_charts/chart/doughnut/clientClass'\nimport LineChartVisualisation from './components/_charts/chart/line/clientClass'\nimport MatrixChartVisualisation from './components/_charts/chart/heatmap/clientClass'\n\n// Dashboards\nimport ScoreCard from './components/_dashboards/scorecard/clientClass'\n\n// Forms\nimport GenericForm from './DprGenericFormClass'\n\n/**\n * Initialise all components\n *\n * Use the `data-dpr-module` attributes to find, instantiate and initialise all the\n * components provided as part of DPR Frontend.\n *\n */\nfunction initAll() {\n  const loadingHelper = new DprLoadingHelper()\n\n  const components = [\n    Autocomplete,\n    CardGroup,\n    Columns,\n    AsyncFilters,\n    InteractiveFilters,\n    Pagination,\n    DataTable,\n    AsyncPolling,\n    Search,\n    UnauthorisedReportsFilter,\n    ReportTypeFilter,\n    BookmarkToggle,\n    DateInput,\n    RequestedReportsList,\n    RecentlyViewedList,\n    DateRange,\n    ShowMore,\n    BarChartVisualisation,\n    DoughnutChartVisualisation,\n    LineChartVisualisation,\n    MatrixChartVisualisation,\n    ScoreCard,\n    ReportActions,\n    DownloadMessage,\n    SyncLoading,\n    GranularDateRange,\n    GenericForm,\n  ]\n\n  dayjs.extend(customParse)\n\n  components.forEach((Component) => {\n    const $elements = document.querySelectorAll(`[data-dpr-module=\"${Component.getModuleName()}\"]`)\n    $elements.forEach(async ($element) => {\n      try {\n        new Component($element, loadingHelper).initialise()\n      } catch (error) {\n        console.log(error)\n      }\n    })\n  })\n}\n\nexport { initAll }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,mBAAkB;AAClB,+BAAwB;AAGxB,8BAA6B;AAG7B,yBAAsB;AACtB,IAAAA,sBAA2B;AAC3B,IAAAA,sBAAqB;AAGrB,IAAAA,sBAAmB;AACnB,IAAAA,sBAAsC;AACtC,IAAAA,sBAA6B;AAG7B,IAAAA,sBAAuB;AACvB,IAAAA,sBAA0B;AAC1B,IAAAA,sBAAsB;AACtB,IAAAA,uBAAoB;AACpB,IAAAA,uBAA4B;AAG5B,IAAAA,uBAA+B;AAG/B,IAAAA,uBAAyB;AACzB,IAAAA,uBAAyB;AAGzB,4BAAwB;AAGxB,IAAAA,uBAAsB;AACtB,IAAAA,uBAAsB;AACtB,IAAAA,uBAAyB;AACzB,IAAAA,uBAA8B;AAG9B,IAAAA,uBAAiC;AACjC,IAAAA,uBAA+B;AAG/B,IAAAA,uBAAkC;AAClC,IAAAA,uBAAuC;AACvC,IAAAA,uBAAmC;AACnC,IAAAA,uBAAqC;AAGrC,IAAAA,uBAAsB;AAGtB,iCAAwB;AASxB,SAAS,UAAU;AACjB,QAAM,gBAAgB,IAAI,wBAAAC,QAAiB;AAE3C,QAAM,aAAa;AAAA,IACjB,qBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,2BAAAC;AAAA,EACF;AAEA,eAAAC,QAAM,OAAO,yBAAAC,OAAW;AAExB,aAAW,QAAQ,CAAC,cAAc;AAChC,UAAM,YAAY,SAAS,iBAAiB,qBAAqB,UAAU,cAAc,CAAC,IAAI;AAC9F,cAAU,QAAQ,OAAO,aAAa;AACpC,UAAI;AACF,YAAI,UAAU,UAAU,aAAa,EAAE,WAAW;AAAA,MACpD,SAAS,OAAO;AACd,gBAAQ,IAAI,KAAK;AAAA,MACnB;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AACH;",
+  "names": ["import_clientClass", "DprLoadingHelper", "Autocomplete", "CardGroup", "Columns", "AsyncFilters", "InteractiveFilters", "Pagination", "DataTable", "AsyncPolling", "Search", "UnauthorisedReportsFilter", "ReportTypeFilter", "BookmarkToggle", "DateInput", "RequestedReportsList", "RecentlyViewedList", "DateRange", "ShowMore", "BarChartVisualisation", "DoughnutChartVisualisation", "LineChartVisualisation", "MatrixChartVisualisation", "ScoreCard", "ReportActions", "DownloadMessage", "SyncLoading", "GranularDateRange", "GenericForm", "dayjs", "customParse"]
+}

package/dpr/{all.mjs → all.ts}

@@ -1,3 +1,4 @@
+// @ts-nocheck
 /* eslint-disable no-new */
 /* global dayjs */
 import jquery from 'jquery'
@@ -5,56 +6,56 @@ import dayjs from 'dayjs'
 import customParse from 'dayjs/plugin/customParseFormat'
 
 // Helper
-import DprLoadingHelper from './DprLoadingHelper.mjs'
+import DprLoadingHelper from './DprLoadingHelper'
 
 // General Components
-import CardGroup from './components/card-group/clientClass.mjs'
-import BookmarkToggle from './components/bookmark-toggle/clientClass.mjs'
-import ShowMore from './components/show-more/clientClass.mjs'
+import CardGroup from './components/card-group/clientClass'
+import BookmarkToggle from './components/bookmark-toggle/clientClass'
+import ShowMore from './components/show-more/clientClass'
 
 // Catalogue
-import Search from './components/_catalogue/catalogue-search/clientClass.mjs'
-import UnauthorisedReportsFilter from './components/_catalogue/catalogue-unauthorised-toggle/clientClass.mjs'
-import ReportTypeFilter from './components/_catalogue/catalogue-filter-by-type/clientClass.mjs'
+import Search from './components/_catalogue/catalogue-search/clientClass'
+import UnauthorisedReportsFilter from './components/_catalogue/catalogue-unauthorised-toggle/clientClass'
+import ReportTypeFilter from './components/_catalogue/catalogue-filter-by-type/clientClass'
 
 // Reports
-import Pagination from './components/_reports/report-pagination/clientClass.mjs'
-import ReportActions from './components/_reports/report-actions/clientClass.mjs'
-import DataTable from './components/_reports/report-data-table/clientClass.mjs'
-import Columns from './components/_reports/report-columns-form/clientClass.mjs'
-import DownloadMessage from './components/_reports/report-download-message/clientClass.mjs'
+import Pagination from './components/_reports/report-pagination/clientClass'
+import ReportActions from './components/_reports/report-actions/clientClass'
+import DataTable from './components/_reports/report-data-table/clientClass'
+import Columns from './components/_reports/report-columns-form/clientClass'
+import DownloadMessage from './components/_reports/report-download-message/clientClass'
 
 // Filters
-import InteractiveFilters from './components/_filters/filters-interactive/clientClass.mjs'
+import InteractiveFilters from './components/_filters/filters-interactive/clientClass'
 
 // Async
-import AsyncPolling from './components/_async/async-polling/clientClass.mjs'
-import AsyncFilters from './components/_async/async-filters-form/clientClass.mjs'
+import AsyncPolling from './components/_async/async-polling/clientClass'
+import AsyncFilters from './components/_async/async-filters-form/clientClass'
 
 // Sync
-import SyncLoading from './DprSyncLoading.mjs'
+import SyncLoading from './DprSyncLoading'
 
 // Inputs
-import DateInput from './components/_inputs/date-input/clientClass.mjs'
-import DateRange from './components/_inputs/date-range/clientClass.mjs'
-import Autocomplete from './components/_inputs/autocomplete-text-input/clientClass.mjs'
-import GranularDateRange from './components/_inputs/granular-date-range/clientClass.mjs'
+import DateInput from './components/_inputs/date-input/clientClass'
+import DateRange from './components/_inputs/date-range/clientClass'
+import Autocomplete from './components/_inputs/autocomplete-text-input/clientClass'
+import GranularDateRange from './components/_inputs/granular-date-range/clientClass'
 
 // User repoorts
-import RequestedReportsList from './components/user-reports/requested/clientClass.mjs'
-import RecentlyViewedList from './components/user-reports/viewed/clientClass.mjs'
+import RequestedReportsList from './components/user-reports/requested/clientClass'
+import RecentlyViewedList from './components/user-reports/viewed/clientClass'
 
 // Charts
-import BarChartVisualisation from './components/_charts/chart/bar/clientClass.mjs'
-import DoughnutChartVisualisation from './components/_charts/chart/doughnut/clientClass.mjs'
-import LineChartVisualisation from './components/_charts/chart/line/clientClass.mjs'
-import MatrixChartVisualisation from './components/_charts/chart/heatmap/clientClass.mjs'
+import BarChartVisualisation from './components/_charts/chart/bar/clientClass'
+import DoughnutChartVisualisation from './components/_charts/chart/doughnut/clientClass'
+import LineChartVisualisation from './components/_charts/chart/line/clientClass'
+import MatrixChartVisualisation from './components/_charts/chart/heatmap/clientClass'
 
 // Dashboards
-import ScoreCard from './components/_dashboards/scorecard/clientClass.mjs'
+import ScoreCard from './components/_dashboards/scorecard/clientClass'
 
 // Forms
-import GenericForm from './DprGenericFormClass.mjs'
+import GenericForm from './DprGenericFormClass'
 
 /**
  * Initialise all components

package/dpr/assets/app.js

@@ -1,6 +1,6 @@
 import * as govukFrontend from 'govuk-frontend'
 import * as mojFrontend from '@ministryofjustice/frontend'
-import * as dprFrontend from '../all.mjs'
+import * as dprFrontend from '../all'
 
 govukFrontend.initAll()
 mojFrontend.initAll()

package/dpr/assets/app.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/dpr/assets/app.js"],
-  "sourcesContent": ["import * as govukFrontend from 'govuk-frontend'\nimport * as mojFrontend from '@ministryofjustice/frontend'\nimport * as dprFrontend from '../all.mjs'\n\ngovukFrontend.initAll()\nmojFrontend.initAll()\ndprFrontend.initAll()"],
+  "sources": ["../../dpr/assets/app.js"],
+  "sourcesContent": ["import * as govukFrontend from 'govuk-frontend'\nimport * as mojFrontend from '@ministryofjustice/frontend'\nimport * as dprFrontend from '../all'\n\ngovukFrontend.initAll()\nmojFrontend.initAll()\ndprFrontend.initAll()"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,oBAA+B;AAC/B,kBAA6B;AAC7B,kBAA6B;AAE7B,cAAc,QAAQ;AACtB,YAAY,QAAQ;AACpB,YAAY,QAAQ;",
   "names": []
 }

package/dpr/components/_async/async-filters-form/clientClass.js

@@ -0,0 +1,76 @@
+"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, {
+  AsyncFilters: () => AsyncFilters,
+  default: () => clientClass_default
+});
+module.exports = __toCommonJS(clientClass_exports);
+var import_clientClass = __toESM(require("../../_filters/filters-selected/clientClass"));
+class AsyncFilters extends import_clientClass.default {
+  static getModuleName() {
+    return "async-filters";
+  }
+  initialise() {
+    this.initFiltersForm({
+      formId: "async-filters-form",
+      submitButtonId: "async-request-report-button",
+      resetButtonId: "async-request-reset-filters-button",
+      selectedFiltersId: "dpr-selected-filters",
+      removeSelectedButtonClass: "interactive-remove-filter-button"
+    });
+    this.initSelectedFiltersButtons();
+  }
+  initFormData() {
+    const { origin, pathname, search } = window.location;
+    document.getElementById("async-filters-form-pathname").value = pathname;
+    document.getElementById("async-filters-form-origin").value = origin;
+    document.getElementById("async-filters-form-search").value = search;
+    const params = new URLSearchParams(search);
+    const paramsString = params.size > 0 ? `?${params.toString()}` : "";
+    document.getElementById("async-filters-form-href").value = `${origin}${pathname}${paramsString}`;
+    this.initFormValidation(this.formFields);
+    this.mainForm.classList.remove("async-filters-form--hidden");
+  }
+  submitAction() {
+    this.mainForm.requestSubmit();
+  }
+  initValues() {
+    this.initQueryParamsFromInputs(this.mainForm.elements);
+    this.initInputEvents(this.mainForm.elements);
+    this.initSelectedButtonEvent();
+    this.initInputEventsForSelectedFilters(this.mainForm.elements);
+  }
+}
+var clientClass_default = AsyncFilters;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AsyncFilters
+});
+//# sourceMappingURL=clientClass.js.map