@ministryofjustice/hmpps-digital-prison-reporting-frontend 4.29.0 → 4.29.2

package/dpr/DprClientClass.js

@@ -22,9 +22,8 @@ __export(DprClientClass_exports, {
 });
 module.exports = __toCommonJS(DprClientClass_exports);
 class DprClientClass {
-  constructor(element, loadingHelper) {
+  constructor(element) {
     this.element = element;
-    this.loadingHelper = loadingHelper;
   }
   static getModuleName() {
     throw new Error("Module name not set");

package/dpr/DprClientClass.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../dpr/DprClientClass.ts"],
-  "sourcesContent": ["// @ts-nocheck\nexport class DprClientClass {\n\n  constructor(element, loadingHelper) {\n    this.element = element\n    this.loadingHelper = loadingHelper\n  }\n\n  static getModuleName() {\n    throw new Error(\"Module name not set\")\n  }\n\n  getElement() {\n    return this.element\n  }\n\n  initialise() {\n    throw new Error(\"Initialisation not configured\")\n  }\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACO,MAAM,eAAe;AAAA,EAE1B,YAAY,SAAS,eAAe;AAClC,SAAK,UAAU;AACf,SAAK,gBAAgB;AAAA,EACvB;AAAA,EAEA,OAAO,gBAAgB;AACrB,UAAM,IAAI,MAAM,qBAAqB;AAAA,EACvC;AAAA,EAEA,aAAa;AACX,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,aAAa;AACX,UAAM,IAAI,MAAM,+BAA+B;AAAA,EACjD;AACF;",
+  "sourcesContent": ["// @ts-nocheck\nexport class DprClientClass {\n  constructor(element) {\n    this.element = element\n  }\n\n  static getModuleName() {\n    throw new Error('Module name not set')\n  }\n\n  getElement() {\n    return this.element\n  }\n\n  initialise() {\n    throw new Error('Initialisation not configured')\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACO,MAAM,eAAe;AAAA,EAC1B,YAAY,SAAS;AACnB,SAAK,UAAU;AAAA,EACjB;AAAA,EAEA,OAAO,gBAAgB;AACrB,UAAM,IAAI,MAAM,qBAAqB;AAAA,EACvC;AAAA,EAEA,aAAa;AACX,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,aAAa;AACX,UAAM,IAAI,MAAM,+BAA+B;AAAA,EACjD;AACF;",
   "names": []
 }

package/dpr/DprClientClass.ts

@@ -1,13 +1,11 @@
 // @ts-nocheck
 export class DprClientClass {
-
-  constructor(element, loadingHelper) {
+  constructor(element) {
     this.element = element
-    this.loadingHelper = loadingHelper
   }
 
   static getModuleName() {
-    throw new Error("Module name not set")
+    throw new Error('Module name not set')
   }
 
   getElement() {
@@ -15,6 +13,6 @@ export class DprClientClass {
   }
 
   initialise() {
-    throw new Error("Initialisation not configured")
+    throw new Error('Initialisation not configured')
   }
-}
+}

package/dpr/components/_charts/chart/ChartTimeseries.js

@@ -77,8 +77,9 @@ class TimeseriesChart {
     this.hexColours = new import_ChartColours.ChartColours().getHexPallette();
     for (let index = 0; index < this.datasetCount; index += 1) {
       const data = this.timeBlockData.map((timeperiod) => {
-        const { raw } = timeperiod[index][this.measures[1].id];
-        return raw ? Number(raw) : 0;
+        const valueId = this.measures[1].id;
+        const period = timeperiod[index];
+        return period && period[valueId].raw ? Number(period[valueId].raw) : 0;
       });
       const total = data.reduce((a, c) => a + c, 0);
       const rawValue = this.labelId ? this.timeBlockData[0][index][this.labelId].raw : "";

package/dpr/components/_charts/chart/ChartTimeseries.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../dpr/components/_charts/chart/ChartTimeseries.ts"],
-  "sourcesContent": ["import { components } from '../../../types/api'\nimport { DashboardDataResponse } from '../../../types/Metrics'\nimport {\n  DashboardVisualisationDataSet,\n  TimeseriesChartMeasure,\n  VisualisationDefinitionKey,\n} from '../../_dashboards/dashboard-visualisation/types'\nimport DatasetHelper from '../../../utils/datasetHelper'\nimport { BarTimeseriesDefinitionMeasure, BarTimeseriesDefinitionType } from './bar-timeseries/types'\nimport { LineTimeseriesDefinitionMeasure, LineTimeseriesDefinitionType } from './line-timeseries/types'\nimport { ChartColours } from './ChartColours'\nimport ChartConfig from './chart-config'\nimport { PartialDate } from '../../_filters/types'\n\nclass TimeseriesChart {\n  labels: string[] = []\n\n  labelId: string | undefined = undefined\n\n  datasets: DashboardVisualisationDataSet[] = []\n\n  unit: 'NUMBER' | 'PERCENTAGE' | undefined\n\n  responseData: DashboardDataResponse[] = []\n\n  measures: TimeseriesChartMeasure = []\n\n  keys: VisualisationDefinitionKey[] = []\n\n  timeBlockData: DashboardDataResponse[][] = []\n\n  groupKey: LineTimeseriesDefinitionMeasure | BarTimeseriesDefinitionMeasure | undefined\n\n  datasetCount = 0\n\n  hexColours: string[] = []\n\n  config = ChartConfig\n\n  partialDate: PartialDate | undefined\n\n  withData = (responseData: DashboardDataResponse[]) => {\n    this.responseData = responseData\n    this.initFromData()\n    return this\n  }\n\n  initFromDefinition = (definition: BarTimeseriesDefinitionType | LineTimeseriesDefinitionType) => {\n    this.measures = definition.columns.measures\n    this.keys = definition.columns.keys || []\n    this.unit = this.measures.find((m) => m.unit)?.unit\n  }\n\n  withPartialDate = (partialDate?: PartialDate) => {\n    this.partialDate = partialDate\n    return this\n  }\n\n  initFromData = () => {\n    this.groupKey = DatasetHelper.getGroupKey(\n      this.responseData,\n      <Array<components['schemas']['DashboardVisualisationColumnDefinition']>>this.keys,\n    )\n    this.labelId = this.groupKey?.id || ''\n    this.timeBlockData = DatasetHelper.groupRowsByTimestamp(this.responseData)\n    this.labels = this.getLabels()\n    this.datasetCount = this.timeBlockData[0]?.length\n  }\n\n  buildDatasets = () => {\n    this.hexColours = new ChartColours().getHexPallette()\n    for (let index = 0; index < this.datasetCount; index += 1) {\n      const data = this.timeBlockData.map((timeperiod) => {\n        const { raw } = timeperiod[index][this.measures[1].id]\n        return raw ? Number(raw) : 0\n      })\n      const total = data.reduce((a, c) => a + c, 0)\n      const rawValue = this.labelId ? this.timeBlockData[0][index][this.labelId].raw : ''\n      const label = rawValue ? <string>rawValue : ''\n\n      this.datasets.push({\n        data,\n        label,\n        total,\n      })\n    }\n  }\n\n  private getLabels = () => {\n    return this.timeBlockData.map((d: DashboardDataResponse[]) => <string>d[0]['ts'].raw)\n  }\n}\n\nexport { TimeseriesChart }\nexport default TimeseriesChart\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,2BAA0B;AAG1B,0BAA6B;AAC7B,0BAAwB;AAGxB,MAAM,gBAAgB;AAAA,EACpB,SAAmB,CAAC;AAAA,EAEpB,UAA8B;AAAA,EAE9B,WAA4C,CAAC;AAAA,EAE7C;AAAA,EAEA,eAAwC,CAAC;AAAA,EAEzC,WAAmC,CAAC;AAAA,EAEpC,OAAqC,CAAC;AAAA,EAEtC,gBAA2C,CAAC;AAAA,EAE5C;AAAA,EAEA,eAAe;AAAA,EAEf,aAAuB,CAAC;AAAA,EAExB,SAAS,oBAAAA;AAAA,EAET;AAAA,EAEA,WAAW,CAAC,iBAA0C;AACpD,SAAK,eAAe;AACpB,SAAK,aAAa;AAClB,WAAO;AAAA,EACT;AAAA,EAEA,qBAAqB,CAAC,eAA2E;AAC/F,SAAK,WAAW,WAAW,QAAQ;AACnC,SAAK,OAAO,WAAW,QAAQ,QAAQ,CAAC;AACxC,SAAK,OAAO,KAAK,SAAS,KAAK,CAAC,MAAM,EAAE,IAAI,GAAG;AAAA,EACjD;AAAA,EAEA,kBAAkB,CAAC,gBAA8B;AAC/C,SAAK,cAAc;AACnB,WAAO;AAAA,EACT;AAAA,EAEA,eAAe,MAAM;AACnB,SAAK,WAAW,qBAAAC,QAAc;AAAA,MAC5B,KAAK;AAAA,MACmE,KAAK;AAAA,IAC/E;AACA,SAAK,UAAU,KAAK,UAAU,MAAM;AACpC,SAAK,gBAAgB,qBAAAA,QAAc,qBAAqB,KAAK,YAAY;AACzE,SAAK,SAAS,KAAK,UAAU;AAC7B,SAAK,eAAe,KAAK,cAAc,CAAC,GAAG;AAAA,EAC7C;AAAA,EAEA,gBAAgB,MAAM;AACpB,SAAK,aAAa,IAAI,iCAAa,EAAE,eAAe;AACpD,aAAS,QAAQ,GAAG,QAAQ,KAAK,cAAc,SAAS,GAAG;AACzD,YAAM,OAAO,KAAK,cAAc,IAAI,CAAC,eAAe;AAClD,cAAM,EAAE,IAAI,IAAI,WAAW,KAAK,EAAE,KAAK,SAAS,CAAC,EAAE,EAAE;AACrD,eAAO,MAAM,OAAO,GAAG,IAAI;AAAA,MAC7B,CAAC;AACD,YAAM,QAAQ,KAAK,OAAO,CAAC,GAAG,MAAM,IAAI,GAAG,CAAC;AAC5C,YAAM,WAAW,KAAK,UAAU,KAAK,cAAc,CAAC,EAAE,KAAK,EAAE,KAAK,OAAO,EAAE,MAAM;AACjF,YAAM,QAAQ,WAAmB,WAAW;AAE5C,WAAK,SAAS,KAAK;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEQ,YAAY,MAAM;AACxB,WAAO,KAAK,cAAc,IAAI,CAAC,MAAuC,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG;AAAA,EACtF;AACF;AAGA,IAAO,0BAAQ;",
+  "sourcesContent": ["import { components } from '../../../types/api'\nimport { DashboardDataResponse } from '../../../types/Metrics'\nimport {\n  DashboardVisualisationDataSet,\n  TimeseriesChartMeasure,\n  VisualisationDefinitionKey,\n} from '../../_dashboards/dashboard-visualisation/types'\nimport DatasetHelper from '../../../utils/datasetHelper'\nimport { BarTimeseriesDefinitionMeasure, BarTimeseriesDefinitionType } from './bar-timeseries/types'\nimport { LineTimeseriesDefinitionMeasure, LineTimeseriesDefinitionType } from './line-timeseries/types'\nimport { ChartColours } from './ChartColours'\nimport ChartConfig from './chart-config'\nimport { PartialDate } from '../../_filters/types'\n\nclass TimeseriesChart {\n  labels: string[] = []\n\n  labelId: string | undefined = undefined\n\n  datasets: DashboardVisualisationDataSet[] = []\n\n  unit: 'NUMBER' | 'PERCENTAGE' | undefined\n\n  responseData: DashboardDataResponse[] = []\n\n  measures: TimeseriesChartMeasure = []\n\n  keys: VisualisationDefinitionKey[] = []\n\n  timeBlockData: DashboardDataResponse[][] = []\n\n  groupKey: LineTimeseriesDefinitionMeasure | BarTimeseriesDefinitionMeasure | undefined\n\n  datasetCount = 0\n\n  hexColours: string[] = []\n\n  config = ChartConfig\n\n  partialDate: PartialDate | undefined\n\n  withData = (responseData: DashboardDataResponse[]) => {\n    this.responseData = responseData\n    this.initFromData()\n    return this\n  }\n\n  initFromDefinition = (definition: BarTimeseriesDefinitionType | LineTimeseriesDefinitionType) => {\n    this.measures = definition.columns.measures\n    this.keys = definition.columns.keys || []\n    this.unit = this.measures.find((m) => m.unit)?.unit\n  }\n\n  withPartialDate = (partialDate?: PartialDate) => {\n    this.partialDate = partialDate\n    return this\n  }\n\n  initFromData = () => {\n    this.groupKey = DatasetHelper.getGroupKey(\n      this.responseData,\n      <Array<components['schemas']['DashboardVisualisationColumnDefinition']>>this.keys,\n    )\n    this.labelId = this.groupKey?.id || ''\n    this.timeBlockData = DatasetHelper.groupRowsByTimestamp(this.responseData)\n    this.labels = this.getLabels()\n    this.datasetCount = this.timeBlockData[0]?.length\n  }\n\n  buildDatasets = () => {\n    this.hexColours = new ChartColours().getHexPallette()\n\n    for (let index = 0; index < this.datasetCount; index += 1) {\n      const data = this.timeBlockData.map((timeperiod) => {\n        const valueId = this.measures[1].id\n        const period = timeperiod[index]\n        return period && period[valueId].raw ? Number(period[valueId].raw) : 0\n      })\n      const total = data.reduce((a, c) => a + c, 0)\n      const rawValue = this.labelId ? this.timeBlockData[0][index][this.labelId].raw : ''\n      const label = rawValue ? <string>rawValue : ''\n\n      this.datasets.push({\n        data,\n        label,\n        total,\n      })\n    }\n  }\n\n  private getLabels = () => {\n    return this.timeBlockData.map((d: DashboardDataResponse[]) => <string>d[0]['ts'].raw)\n  }\n}\n\nexport { TimeseriesChart }\nexport default TimeseriesChart\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,2BAA0B;AAG1B,0BAA6B;AAC7B,0BAAwB;AAGxB,MAAM,gBAAgB;AAAA,EACpB,SAAmB,CAAC;AAAA,EAEpB,UAA8B;AAAA,EAE9B,WAA4C,CAAC;AAAA,EAE7C;AAAA,EAEA,eAAwC,CAAC;AAAA,EAEzC,WAAmC,CAAC;AAAA,EAEpC,OAAqC,CAAC;AAAA,EAEtC,gBAA2C,CAAC;AAAA,EAE5C;AAAA,EAEA,eAAe;AAAA,EAEf,aAAuB,CAAC;AAAA,EAExB,SAAS,oBAAAA;AAAA,EAET;AAAA,EAEA,WAAW,CAAC,iBAA0C;AACpD,SAAK,eAAe;AACpB,SAAK,aAAa;AAClB,WAAO;AAAA,EACT;AAAA,EAEA,qBAAqB,CAAC,eAA2E;AAC/F,SAAK,WAAW,WAAW,QAAQ;AACnC,SAAK,OAAO,WAAW,QAAQ,QAAQ,CAAC;AACxC,SAAK,OAAO,KAAK,SAAS,KAAK,CAAC,MAAM,EAAE,IAAI,GAAG;AAAA,EACjD;AAAA,EAEA,kBAAkB,CAAC,gBAA8B;AAC/C,SAAK,cAAc;AACnB,WAAO;AAAA,EACT;AAAA,EAEA,eAAe,MAAM;AACnB,SAAK,WAAW,qBAAAC,QAAc;AAAA,MAC5B,KAAK;AAAA,MACmE,KAAK;AAAA,IAC/E;AACA,SAAK,UAAU,KAAK,UAAU,MAAM;AACpC,SAAK,gBAAgB,qBAAAA,QAAc,qBAAqB,KAAK,YAAY;AACzE,SAAK,SAAS,KAAK,UAAU;AAC7B,SAAK,eAAe,KAAK,cAAc,CAAC,GAAG;AAAA,EAC7C;AAAA,EAEA,gBAAgB,MAAM;AACpB,SAAK,aAAa,IAAI,iCAAa,EAAE,eAAe;AAEpD,aAAS,QAAQ,GAAG,QAAQ,KAAK,cAAc,SAAS,GAAG;AACzD,YAAM,OAAO,KAAK,cAAc,IAAI,CAAC,eAAe;AAClD,cAAM,UAAU,KAAK,SAAS,CAAC,EAAE;AACjC,cAAM,SAAS,WAAW,KAAK;AAC/B,eAAO,UAAU,OAAO,OAAO,EAAE,MAAM,OAAO,OAAO,OAAO,EAAE,GAAG,IAAI;AAAA,MACvE,CAAC;AACD,YAAM,QAAQ,KAAK,OAAO,CAAC,GAAG,MAAM,IAAI,GAAG,CAAC;AAC5C,YAAM,WAAW,KAAK,UAAU,KAAK,cAAc,CAAC,EAAE,KAAK,EAAE,KAAK,OAAO,EAAE,MAAM;AACjF,YAAM,QAAQ,WAAmB,WAAW;AAE5C,WAAK,SAAS,KAAK;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAAA,EAEQ,YAAY,MAAM;AACxB,WAAO,KAAK,cAAc,IAAI,CAAC,MAAuC,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG;AAAA,EACtF;AACF;AAGA,IAAO,0BAAQ;",
   "names": ["ChartConfig", "DatasetHelper"]
 }

package/dpr/components/_charts/chart/ChartTimeseries.ts

@@ -69,10 +69,12 @@ class TimeseriesChart {
 
   buildDatasets = () => {
     this.hexColours = new ChartColours().getHexPallette()
+
     for (let index = 0; index < this.datasetCount; index += 1) {
       const data = this.timeBlockData.map((timeperiod) => {
-        const { raw } = timeperiod[index][this.measures[1].id]
-        return raw ? Number(raw) : 0
+        const valueId = this.measures[1].id
+        const period = timeperiod[index]
+        return period && period[valueId].raw ? Number(period[valueId].raw) : 0
       })
       const total = data.reduce((a, c) => a + c, 0)
       const rawValue = this.labelId ? this.timeBlockData[0][index][this.labelId].raw : ''

package/dpr/components/card-group/clientClass.js

@@ -33,7 +33,6 @@ class CardGroup extends import_DprClientClass.DprClientClass {
     cards.forEach((card) => {
       card.addEventListener("click", () => {
         card.classList.add(wrapperClass);
-        this.loadingHelper.showLoadingAnimation(wrapperClass);
         cards.forEach((c) => {
           if (!c.classList.contains("card-loading")) {
             const disabledClass = "card-disabled";

package/dpr/components/card-group/clientClass.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../dpr/components/card-group/clientClass.ts"],
-  "sourcesContent": ["// @ts-nocheck\nimport { DprClientClass } from '../../DprClientClass'\n\nclass CardGroup extends DprClientClass {\n  static getModuleName() {\n    return 'card-group'\n  }\n\n\n  initialise() {\n    const cards = this.getElement().querySelectorAll('[data-click-navigate-to]')\n    const wrapperClass = 'card-loading'\n\n    cards.forEach((card) => {\n      card.addEventListener('click', () => {\n        card.classList.add(wrapperClass)\n        this.loadingHelper.showLoadingAnimation(wrapperClass)\n\n        cards.forEach((c) => {\n          if (!c.classList.contains('card-loading')) {\n            const disabledClass = 'card-disabled'\n            c.classList.add(disabledClass)\n          }\n        })\n        window.location.href = card.dataset.clickNavigateTo\n      })\n    })\n  }\n}\n\nexport { CardGroup }\nexport default CardGroup\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,4BAA+B;AAE/B,MAAM,kBAAkB,qCAAe;AAAA,EACrC,OAAO,gBAAgB;AACrB,WAAO;AAAA,EACT;AAAA,EAGA,aAAa;AACX,UAAM,QAAQ,KAAK,WAAW,EAAE,iBAAiB,0BAA0B;AAC3E,UAAM,eAAe;AAErB,UAAM,QAAQ,CAAC,SAAS;AACtB,WAAK,iBAAiB,SAAS,MAAM;AACnC,aAAK,UAAU,IAAI,YAAY;AAC/B,aAAK,cAAc,qBAAqB,YAAY;AAEpD,cAAM,QAAQ,CAAC,MAAM;AACnB,cAAI,CAAC,EAAE,UAAU,SAAS,cAAc,GAAG;AACzC,kBAAM,gBAAgB;AACtB,cAAE,UAAU,IAAI,aAAa;AAAA,UAC/B;AAAA,QACF,CAAC;AACD,eAAO,SAAS,OAAO,KAAK,QAAQ;AAAA,MACtC,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;AAGA,IAAO,sBAAQ;",
+  "sourcesContent": ["// @ts-nocheck\nimport { DprClientClass } from '../../DprClientClass'\n\nclass CardGroup extends DprClientClass {\n  static getModuleName() {\n    return 'card-group'\n  }\n\n  initialise() {\n    const cards = this.getElement().querySelectorAll('[data-click-navigate-to]')\n    const wrapperClass = 'card-loading'\n\n    cards.forEach((card) => {\n      card.addEventListener('click', () => {\n        card.classList.add(wrapperClass)\n        cards.forEach((c) => {\n          if (!c.classList.contains('card-loading')) {\n            const disabledClass = 'card-disabled'\n            c.classList.add(disabledClass)\n          }\n        })\n        window.location.href = card.dataset.clickNavigateTo\n      })\n    })\n  }\n}\n\nexport { CardGroup }\nexport default CardGroup\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,4BAA+B;AAE/B,MAAM,kBAAkB,qCAAe;AAAA,EACrC,OAAO,gBAAgB;AACrB,WAAO;AAAA,EACT;AAAA,EAEA,aAAa;AACX,UAAM,QAAQ,KAAK,WAAW,EAAE,iBAAiB,0BAA0B;AAC3E,UAAM,eAAe;AAErB,UAAM,QAAQ,CAAC,SAAS;AACtB,WAAK,iBAAiB,SAAS,MAAM;AACnC,aAAK,UAAU,IAAI,YAAY;AAC/B,cAAM,QAAQ,CAAC,MAAM;AACnB,cAAI,CAAC,EAAE,UAAU,SAAS,cAAc,GAAG;AACzC,kBAAM,gBAAgB;AACtB,cAAE,UAAU,IAAI,aAAa;AAAA,UAC/B;AAAA,QACF,CAAC;AACD,eAAO,SAAS,OAAO,KAAK,QAAQ;AAAA,MACtC,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;AAGA,IAAO,sBAAQ;",
   "names": []
 }

package/dpr/components/card-group/clientClass.ts

@@ -6,7 +6,6 @@ class CardGroup extends DprClientClass {
     return 'card-group'
   }
 
-
   initialise() {
     const cards = this.getElement().querySelectorAll('[data-click-navigate-to]')
     const wrapperClass = 'card-loading'
@@ -14,8 +13,6 @@ class CardGroup extends DprClientClass {
     cards.forEach((card) => {
       card.addEventListener('click', () => {
         card.classList.add(wrapperClass)
-        this.loadingHelper.showLoadingAnimation(wrapperClass)
-
         cards.forEach((c) => {
           if (!c.classList.contains('card-loading')) {
             const disabledClass = 'card-disabled'

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ministryofjustice/hmpps-digital-prison-reporting-frontend",
   "description": "The Digital Prison Reporting Frontend contains templates and code to help display data effectively in UI applications.",
-  "version": "4.29.0",
+  "version": "4.29.2",
   "main": "dpr/all",
   "sass": "dpr/all.scss",
   "engines": {
@@ -144,7 +144,7 @@
   },
   "dependencies": {
     "@flipt-io/flipt": "^1.5.0",
-    "@ministryofjustice/frontend": "^6.0.0",
+    "@ministryofjustice/frontend": "^8.0.0",
     "@sentry/node": "10.34.0",
     "@tsconfig/node24": "24.0.3",
     "agentkeepalive": "^4.5.0",