@ministryofjustice/hmpps-digital-prison-reporting-frontend 4.20.1 → 4.21.0

package/dpr/components/_dashboards/scorecard/Scorecard.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/dpr/components/_dashboards/scorecard/Scorecard.ts"],
-  "sourcesContent": ["/* eslint-disable prefer-destructuring */\nimport { DashboardDataResponse } from '../../../types/Metrics'\nimport DashboardVisualisationClass from '../dashboard-visualisation/DashboardVisualisation'\nimport { DashboardVisualisationBucket } from '../dashboard-visualisation/types'\nimport DatasetHelper from '../../../utils/datasetHelper'\nimport { CreateScorecardDataArgs, Scorecard, ScorecardDataset, ScorecardGroup, ScorecardTrend } from './types'\nimport Buckets from '../../_charts/chart/Buckets'\nimport { components } from '../../../types/api'\n\nclass ScorecardVisualisation extends DashboardVisualisationClass {\n  private dataset: ScorecardDataset\n\n  private groupKey: components['schemas']['DashboardVisualisationColumnDefinition'] | undefined\n\n  private groupKeyId: string | undefined\n\n  private groupKeyDisplay: string | undefined\n\n  private bucketsHelper: Buckets | undefined\n\n  private buckets: DashboardVisualisationBucket[] = []\n\n  private valueColumn: components['schemas']['DashboardVisualisationColumnDefinition'] | undefined\n\n  private valueKey = ''\n\n  private titleColumn: components['schemas']['DashboardVisualisationColumnDefinition'] | undefined\n\n  private titleKey = ''\n\n  private group: boolean\n\n  private ragColours: string[] = ['#cce2d8', '#fff7bf', '#f4cdc6']\n\n  constructor(\n    responseData: DashboardDataResponse[],\n    definition: components['schemas']['DashboardVisualisationDefinition'],\n    group = false,\n  ) {\n    super(responseData, definition)\n    this.group = group\n    this.dataset = this.getDataset(definition, responseData)\n\n    if (group) {\n      this.initGroupVars()\n    } else {\n      this.valueKey = this.measures[0].id\n      this.titleColumn = { display: definition.display || '', id: this.valueKey }\n      this.initBuckets(responseData, this.valueKey)\n    }\n  }\n\n  private initBuckets = (responseData: DashboardDataResponse[], valueKey: string) => {\n    if (this.definition.options?.buckets || this.definition.options?.useRagColour) {\n      this.bucketsHelper = new Buckets(responseData, this.definition, valueKey, false, this.ragColours)\n      this.buckets = new Buckets(responseData, this.definition, valueKey, false, this.ragColours).getBuckets()\n    }\n  }\n\n  private initGroupVars = () => {\n    this.groupKey = DatasetHelper.getGroupKey(this.dataset.latest, this.keys)\n    this.groupKeyId = this.groupKey?.id\n    this.groupKeyDisplay = this.groupKey?.display\n\n    this.valueColumn = this.measures.find((col) => col.displayValue)\n    if (this.valueColumn) {\n      this.valueKey = this.valueColumn?.id\n      this.titleColumn = this.measures.find((col) => {\n        return col.display || col.display === ''\n      })\n      this.titleKey = this.titleColumn?.id || ''\n    }\n  }\n\n  private getDataset = (\n    scorecardDefinition: components['schemas']['DashboardVisualisationDefinition'],\n    rawData: DashboardDataResponse[],\n  ): ScorecardDataset => {\n    const latestData = DatasetHelper.getLastestDataset(rawData)\n    const latestDataSetRows = DatasetHelper.getDatasetRows(scorecardDefinition, latestData)\n    const latestTs = latestDataSetRows[0]?.['ts']?.raw\n    const latestFiltered = DatasetHelper.filterRowsByDisplayColumns(scorecardDefinition, latestDataSetRows, true)\n\n    const earliestData = DatasetHelper.getEarliestDataset(rawData)\n    const earliestDataSetRows = DatasetHelper.getDatasetRows(scorecardDefinition, earliestData)\n    const earliestTs = earliestDataSetRows[0]?.['ts']?.raw\n    const earliestfiltered = DatasetHelper.filterRowsByDisplayColumns(scorecardDefinition, earliestDataSetRows, true)\n\n    return {\n      earliest: earliestfiltered,\n      earliestTs,\n      latest: latestFiltered,\n      latestTs,\n    }\n  }\n\n  private setRagScore = (value: number, rag?: number) => {\n    return this.bucketsHelper?.getBucketForValue(value, rag)\n  }\n\n  private createScorecardData = ({\n    title,\n    value,\n    rag,\n    valueFor,\n    valueFrom,\n    prevVal,\n    groupTitle,\n  }: CreateScorecardDataArgs): Scorecard => {\n    return {\n      id: this.definition.id,\n      title,\n      value,\n      ...(!Number.isNaN(value) &&\n        this.buckets.length &&\n        this.bucketsHelper && { rag: this.setRagScore(<number>value, rag) }),\n      valueFor,\n      trend: this.createTrend(valueFor, valueFrom, value, prevVal),\n      ...(groupTitle && {\n        group: groupTitle,\n      }),\n    }\n  }\n\n  private createTrend = (\n    valueFor: string,\n    valueFrom: string,\n    latestValue: string | number,\n    earliestValue: string | number | null | undefined,\n  ): ScorecardTrend | undefined => {\n    let trendData\n\n    if (valueFrom !== valueFor) {\n      const value = earliestValue ? Number(latestValue) - Number(earliestValue) : 0\n      const direction = Math.sign(value)\n      trendData = {\n        direction,\n        value: Math.abs(value),\n        from: valueFrom,\n      }\n    }\n\n    return trendData\n  }\n\n  private validateDefinition = () => {\n    const { id, type } = this.definition\n    const errors = []\n    if (!this.group) {\n      if (this.measures.length !== 1) {\n        errors.push(`Measures should only have 1 column defined. Found ${this.measures.length}`)\n      } else if (!this.titleColumn) {\n        errors.push(`No title column defined. Expected measure to include \"display: string\" field`)\n      } else if (!this.valueKey) {\n        errors.push(`Missing ID in title measure. Expected measure to include \"id: string\" field`)\n      }\n    }\n\n    if (errors.length) {\n      // Throw the error\n      const message = `Validation: Visualisaton definition: ID: ${id}, type: ${type}, errors: ${errors.join(',')}`\n      throw new Error(message)\n    }\n  }\n\n  private createScorecardGroupFromColumns = () => {\n    const { latest, earliest, latestTs, earliestTs } = this.dataset\n\n    return latest.map((row, rowIndex) => {\n      return {\n        title: this.createGroupTitle(row),\n        scorecards: Object.keys(row)\n          .filter((colId) => colId !== this.groupKeyId)\n          .map((colId) => {\n            const measure = this.measures.find((m) => m.id === colId)\n            const title = measure?.display || colId\n            const rowCol = row[colId]\n            const { raw, rag: ragScore } = rowCol\n            const value = Number(raw)\n\n            const rag = ragScore !== undefined ? Number(ragScore) : undefined\n            this.initBuckets([row], colId)\n\n            const valueFor = `${latestTs}`\n            const valueFrom = `${earliestTs}`\n\n            const comparisonRow = earliest[rowIndex]\n            const prevVal = comparisonRow[colId]?.raw\n\n            return this.createScorecardData({\n              title,\n              value,\n              rag,\n              prevVal,\n              valueFor,\n              valueFrom,\n            })\n          }),\n      }\n    })\n  }\n\n  private createScorecardGroupFromList = (): ScorecardGroup[] => {\n    const { latest, earliest } = this.dataset\n    return [\n      {\n        title: '',\n        scorecards: latest.map((row: DashboardDataResponse, index: number) => {\n          const values = this.getScorecardValues(row)\n          const prevVal = earliest[index][this.valueKey].raw\n          return this.createScorecardData({\n            ...values,\n            prevVal,\n          })\n        }),\n      },\n    ]\n  }\n\n  private createScorecardGroupFromListWithGroups = () => {\n    const { latest, earliest } = this.dataset\n\n    let earliestGroupedByKey = DatasetHelper.groupRowsByKey(earliest, <string>this.groupKeyId)\n    let latestGroupedByKey = DatasetHelper.groupRowsByKey(latest, <string>this.groupKeyId)\n    if (this.groupKeyId === this.titleKey) {\n      latestGroupedByKey = [latestGroupedByKey.flat()]\n      earliestGroupedByKey = [earliestGroupedByKey.flat()]\n    }\n\n    const scorecardGroup = latestGroupedByKey.map((group, groupIndex) => {\n      return {\n        title: this.groupKeyDisplay ? `By ${this.groupKeyDisplay}` : '',\n        scorecards: group.map((row, rowIndex) => {\n          const values = this.getScorecardValues(row)\n          const comparisonRow = earliestGroupedByKey[groupIndex][rowIndex]\n          const prevVal = comparisonRow[this.valueKey]?.raw\n\n          return this.createScorecardData({\n            ...values,\n            prevVal,\n          })\n        }),\n      }\n    })\n\n    return scorecardGroup\n  }\n\n  private getScorecardValues = (row: DashboardDataResponse) => {\n    const { latestTs, earliestTs } = this.dataset\n    const title = `${this.titleColumn?.display} ${row[this.titleKey].raw}`\n    const rowCol = row[this.valueKey]\n    const { raw, rag: ragScore } = rowCol\n    const value = Number(raw)\n    const rag = ragScore !== undefined ? Number(ragScore) : undefined\n    this.initBuckets([row], this.valueKey)\n    const valueFor = `${latestTs}`\n    const valueFrom = `${earliestTs}`\n\n    return {\n      title,\n      value,\n      rag,\n      valueFor,\n      valueFrom,\n    }\n  }\n\n  /**\n   * Builds a single scorecard\n   *\n   * @return {Scorecard}\n   */\n  private buildScorecard = () => {\n    const { latest, earliest, latestTs, earliestTs } = this.dataset\n    const scorecordArr: Scorecard[] = latest.map((datasetRow: DashboardDataResponse, index: number) => {\n      const { raw: value, rag } = datasetRow[this.valueKey]\n      const prevVal = earliest[index][this.valueKey].raw\n      const valueFor = `${latestTs}`\n      const valueFrom = `${earliestTs}`\n      const title = this.titleColumn?.display\n\n      return this.createScorecardData({\n        title: title || '',\n        value: value || '',\n        rag,\n        prevVal,\n        valueFor,\n        valueFrom,\n      })\n    })\n\n    return scorecordArr[0]\n  }\n\n  private createGroupTitle = (row: DashboardDataResponse) => {\n    const title = this.groupKeyId ? `${row[this.groupKeyId]?.raw}` : ''\n    return this.groupKeyDisplay && this.groupKeyDisplay.length ? `${this.groupKeyDisplay}: ${title}` : title\n  }\n\n  private buildGroup = () => {\n    let scorecardGroup: ScorecardGroup[]\n    if (!this.valueColumn) {\n      scorecardGroup = this.createScorecardGroupFromColumns()\n    } else if (this.groupKey) {\n      scorecardGroup = this.createScorecardGroupFromListWithGroups()\n    } else {\n      scorecardGroup = this.createScorecardGroupFromList()\n    }\n    return scorecardGroup\n  }\n\n  build = () => {\n    this.validateDefinition()\n    if (this.group) {\n      return this.buildGroup()\n    }\n    return this.buildScorecard()\n  }\n}\n\nexport { ScorecardVisualisation }\nexport default ScorecardVisualisation\n"],
-  "mappings": "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",
-  "names": ["Scorecard_exports", "__export", "ScorecardVisualisation", "Scorecard_default", "__toCommonJS", "import_DashboardVisualisation", "import_datasetHelper", "import_Buckets", "DashboardVisualisationClass", "responseData", "definition", "group", "valueKey", "Buckets", "DatasetHelper", "col", "scorecardDefinition", "rawData", "latestData", "latestDataSetRows", "latestTs", "latestFiltered", "earliestData", "earliestDataSetRows", "earliestTs", "value", "rag", "title", "valueFor", "valueFrom", "prevVal", "groupTitle", "latestValue", "earliestValue", "trendData", "id", "type", "errors", "message", "latest", "earliest", "row", "rowIndex", "colId", "m", "rowCol", "raw", "ragScore", "index", "values", "earliestGroupedByKey", "latestGroupedByKey", "groupIndex", "datasetRow", "scorecardGroup"]
+  "sourcesContent": ["/* eslint-disable prefer-destructuring */\nimport { DashboardDataResponse } from '../../../types/Metrics'\nimport { DashboardVisualisationBucket } from '../dashboard-visualisation/types'\nimport { CreateScorecardDataArgs, Scorecard, ScorecardDataset, ScorecardDefinitionType, ScorecardTrend } from './types'\nimport Buckets from '../../_charts/chart/buckets/Buckets'\nimport { components } from '../../../types/api'\nimport DatasetHelper from '../../../utils/datasetHelper'\nimport ScorecardSchemas from './validate'\nimport { ScorecardGroupDefinitionType } from '../scorecard-group/types'\n\nclass ScorecardVisualisation {\n  private definition!: ScorecardDefinitionType\n\n  private id!: string\n\n  private measures!: ScorecardDefinitionType['columns']['measures']\n\n  private options!: ScorecardDefinitionType['options']\n\n  private dataset!: ScorecardDataset\n\n  private bucketsHelper: Buckets | undefined\n\n  private buckets: DashboardVisualisationBucket[] = []\n\n  private valueKey!: string\n\n  private titleColumn: components['schemas']['DashboardVisualisationColumnDefinition'] | undefined\n\n  private unit: 'NUMBER' | 'PERCENTAGE' | undefined\n\n  responseData: DashboardDataResponse[] = []\n\n  ragColours: string[] = ['#cce2d8', '#fff7bf', '#f4cdc6']\n\n  withDefinition = (definition: components['schemas']['DashboardVisualisationDefinition']) => {\n    this.definition = ScorecardSchemas.ScorecardSchema.parse(definition)\n    this.init()\n\n    return this\n  }\n\n  withData = (responseData: DashboardDataResponse[]) => {\n    this.responseData = responseData\n    this.dataset = this.getDataset(this.definition, this.responseData)\n    this.initBuckets(this.responseData, this.valueKey)\n\n    return this\n  }\n\n  private init = () => {\n    this.id = this.definition.id\n    this.measures = this.definition.columns.measures\n    this.options = this.definition.options\n    this.titleColumn = { display: this.definition.display, id: this.valueKey }\n    this.initFromMeasures()\n  }\n\n  private initFromMeasures = () => {\n    // Zod should throw an error on line 40 so should always pass\n    if (this.measures[0] !== undefined) {\n      this.valueKey = this.measures[0].id\n      this.unit = this.measures[0].unit ? this.measures[0].unit : undefined\n    }\n  }\n\n  private initBuckets = (responseData: DashboardDataResponse[], valueKey: string) => {\n    if (this.options?.buckets || this.options?.useRagColour) {\n      this.bucketsHelper = new Buckets(responseData, this.definition, valueKey, false, this.ragColours)\n      this.buckets = this.bucketsHelper.getBuckets()\n    }\n  }\n\n  getDataset = (\n    definition: ScorecardDefinitionType | ScorecardGroupDefinitionType,\n    rawData: DashboardDataResponse[],\n  ): ScorecardDataset => {\n    const latestData = DatasetHelper.getLastestDataset(rawData)\n    const latestDataSetRows = DatasetHelper.getDatasetRows(\n      <components['schemas']['DashboardVisualisationDefinition']>definition,\n      latestData,\n    )\n    const latestTs = latestDataSetRows[0]?.['ts']?.raw\n    const latestFiltered = DatasetHelper.filterRowsByDisplayColumns(\n      <components['schemas']['DashboardVisualisationDefinition']>definition,\n      latestDataSetRows,\n      true,\n    )\n\n    const earliestData = DatasetHelper.getEarliestDataset(rawData)\n    const earliestDataSetRows = DatasetHelper.getDatasetRows(\n      <components['schemas']['DashboardVisualisationDefinition']>definition,\n      earliestData,\n    )\n    const earliestTs = earliestDataSetRows[0]?.['ts']?.raw\n    const earliestfiltered = DatasetHelper.filterRowsByDisplayColumns(\n      <components['schemas']['DashboardVisualisationDefinition']>definition,\n      earliestDataSetRows,\n      true,\n    )\n\n    return {\n      earliest: earliestfiltered,\n      earliestTs,\n      latest: latestFiltered,\n      latestTs,\n    }\n  }\n\n  createScorecardData = ({\n    id,\n    title,\n    value,\n    rag,\n    valueFor,\n    valueFrom,\n    prevVal,\n    groupTitle,\n  }: CreateScorecardDataArgs): Scorecard => {\n    return {\n      id,\n      title,\n      value,\n      ...(rag && { rag }),\n      valueFor,\n      trend: this.createTrend(valueFor, valueFrom, value, prevVal),\n      ...(groupTitle && {\n        group: groupTitle,\n      }),\n    }\n  }\n\n  createTrend = (\n    valueFor: string,\n    valueFrom: string,\n    latestValue: string | number,\n    earliestValue: string | number | null | undefined,\n  ): ScorecardTrend | undefined => {\n    let trendData\n\n    if (valueFrom !== valueFor) {\n      const value = earliestValue ? Number(latestValue) - Number(earliestValue) : 0\n      const direction = Math.sign(value)\n      trendData = {\n        direction,\n        value: Math.abs(value),\n        from: valueFrom,\n      }\n    }\n\n    return trendData\n  }\n\n  setRagScore = (\n    value: string | number | undefined | null,\n    rag: number | undefined,\n    buckets: DashboardVisualisationBucket[] | undefined,\n    bucketsHelper: Buckets | undefined,\n  ) => {\n    let ragScore\n    if (!Number.isNaN(value) && buckets?.length && bucketsHelper) {\n      ragScore = bucketsHelper.getBucketForValue(<number>value, rag)\n    }\n    return ragScore\n  }\n\n  build = () => {\n    const { latest, earliest, latestTs, earliestTs } = this.dataset\n    const scorecordArr: Scorecard[] = latest.map((datasetRow: DashboardDataResponse, index: number) => {\n      const { raw: value, rag } = datasetRow[this.valueKey]\n      const prevVal = earliest[index][this.valueKey].raw\n      const valueFor = `${latestTs}`\n      const valueFrom = `${earliestTs}`\n      const title = this.titleColumn?.display\n\n      return this.createScorecardData({\n        id: this.id,\n        title: title || '',\n        value: value || '',\n        rag: this.setRagScore(value, rag, this.buckets, this.bucketsHelper),\n        prevVal,\n        valueFor,\n        valueFrom,\n      })\n    })\n\n    return scorecordArr[0]\n  }\n}\n\nexport { ScorecardVisualisation }\nexport default ScorecardVisualisation\n"],
+  "mappings": "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",
+  "names": ["Scorecard_exports", "__export", "ScorecardVisualisation", "Scorecard_default", "__toCommonJS", "import_Buckets", "import_datasetHelper", "import_validate", "definition", "ScorecardSchemas", "responseData", "valueKey", "Buckets", "rawData", "latestData", "DatasetHelper", "latestDataSetRows", "latestTs", "latestFiltered", "earliestData", "earliestDataSetRows", "earliestTs", "id", "title", "value", "rag", "valueFor", "valueFrom", "prevVal", "groupTitle", "latestValue", "earliestValue", "trendData", "buckets", "bucketsHelper", "ragScore", "latest", "earliest", "datasetRow", "index"]
 }

package/dpr/components/_dashboards/scorecard/Scorecard.ts

@@ -1,90 +1,103 @@
 /* eslint-disable prefer-destructuring */
 import { DashboardDataResponse } from '../../../types/Metrics'
-import DashboardVisualisationClass from '../dashboard-visualisation/DashboardVisualisation'
 import { DashboardVisualisationBucket } from '../dashboard-visualisation/types'
-import DatasetHelper from '../../../utils/datasetHelper'
-import { CreateScorecardDataArgs, Scorecard, ScorecardDataset, ScorecardGroup, ScorecardTrend } from './types'
-import Buckets from '../../_charts/chart/Buckets'
+import { CreateScorecardDataArgs, Scorecard, ScorecardDataset, ScorecardDefinitionType, ScorecardTrend } from './types'
+import Buckets from '../../_charts/chart/buckets/Buckets'
 import { components } from '../../../types/api'
+import DatasetHelper from '../../../utils/datasetHelper'
+import ScorecardSchemas from './validate'
+import { ScorecardGroupDefinitionType } from '../scorecard-group/types'
 
-class ScorecardVisualisation extends DashboardVisualisationClass {
-  private dataset: ScorecardDataset
+class ScorecardVisualisation {
+  private definition!: ScorecardDefinitionType
 
-  private groupKey: components['schemas']['DashboardVisualisationColumnDefinition'] | undefined
+  private id!: string
 
-  private groupKeyId: string | undefined
+  private measures!: ScorecardDefinitionType['columns']['measures']
 
-  private groupKeyDisplay: string | undefined
+  private options!: ScorecardDefinitionType['options']
+
+  private dataset!: ScorecardDataset
 
   private bucketsHelper: Buckets | undefined
 
   private buckets: DashboardVisualisationBucket[] = []
 
-  private valueColumn: components['schemas']['DashboardVisualisationColumnDefinition'] | undefined
-
-  private valueKey = ''
+  private valueKey!: string
 
   private titleColumn: components['schemas']['DashboardVisualisationColumnDefinition'] | undefined
 
-  private titleKey = ''
+  private unit: 'NUMBER' | 'PERCENTAGE' | undefined
 
-  private group: boolean
+  responseData: DashboardDataResponse[] = []
 
-  private ragColours: string[] = ['#cce2d8', '#fff7bf', '#f4cdc6']
+  ragColours: string[] = ['#cce2d8', '#fff7bf', '#f4cdc6']
 
-  constructor(
-    responseData: DashboardDataResponse[],
-    definition: components['schemas']['DashboardVisualisationDefinition'],
-    group = false,
-  ) {
-    super(responseData, definition)
-    this.group = group
-    this.dataset = this.getDataset(definition, responseData)
+  withDefinition = (definition: components['schemas']['DashboardVisualisationDefinition']) => {
+    this.definition = ScorecardSchemas.ScorecardSchema.parse(definition)
+    this.init()
 
-    if (group) {
-      this.initGroupVars()
-    } else {
+    return this
+  }
+
+  withData = (responseData: DashboardDataResponse[]) => {
+    this.responseData = responseData
+    this.dataset = this.getDataset(this.definition, this.responseData)
+    this.initBuckets(this.responseData, this.valueKey)
+
+    return this
+  }
+
+  private init = () => {
+    this.id = this.definition.id
+    this.measures = this.definition.columns.measures
+    this.options = this.definition.options
+    this.titleColumn = { display: this.definition.display, id: this.valueKey }
+    this.initFromMeasures()
+  }
+
+  private initFromMeasures = () => {
+    // Zod should throw an error on line 40 so should always pass
+    if (this.measures[0] !== undefined) {
       this.valueKey = this.measures[0].id
-      this.titleColumn = { display: definition.display || '', id: this.valueKey }
-      this.initBuckets(responseData, this.valueKey)
+      this.unit = this.measures[0].unit ? this.measures[0].unit : undefined
     }
   }
 
   private initBuckets = (responseData: DashboardDataResponse[], valueKey: string) => {
-    if (this.definition.options?.buckets || this.definition.options?.useRagColour) {
+    if (this.options?.buckets || this.options?.useRagColour) {
       this.bucketsHelper = new Buckets(responseData, this.definition, valueKey, false, this.ragColours)
-      this.buckets = new Buckets(responseData, this.definition, valueKey, false, this.ragColours).getBuckets()
-    }
-  }
-
-  private initGroupVars = () => {
-    this.groupKey = DatasetHelper.getGroupKey(this.dataset.latest, this.keys)
-    this.groupKeyId = this.groupKey?.id
-    this.groupKeyDisplay = this.groupKey?.display
-
-    this.valueColumn = this.measures.find((col) => col.displayValue)
-    if (this.valueColumn) {
-      this.valueKey = this.valueColumn?.id
-      this.titleColumn = this.measures.find((col) => {
-        return col.display || col.display === ''
-      })
-      this.titleKey = this.titleColumn?.id || ''
+      this.buckets = this.bucketsHelper.getBuckets()
     }
   }
 
-  private getDataset = (
-    scorecardDefinition: components['schemas']['DashboardVisualisationDefinition'],
+  getDataset = (
+    definition: ScorecardDefinitionType | ScorecardGroupDefinitionType,
     rawData: DashboardDataResponse[],
   ): ScorecardDataset => {
     const latestData = DatasetHelper.getLastestDataset(rawData)
-    const latestDataSetRows = DatasetHelper.getDatasetRows(scorecardDefinition, latestData)
+    const latestDataSetRows = DatasetHelper.getDatasetRows(
+      <components['schemas']['DashboardVisualisationDefinition']>definition,
+      latestData,
+    )
     const latestTs = latestDataSetRows[0]?.['ts']?.raw
-    const latestFiltered = DatasetHelper.filterRowsByDisplayColumns(scorecardDefinition, latestDataSetRows, true)
+    const latestFiltered = DatasetHelper.filterRowsByDisplayColumns(
+      <components['schemas']['DashboardVisualisationDefinition']>definition,
+      latestDataSetRows,
+      true,
+    )
 
     const earliestData = DatasetHelper.getEarliestDataset(rawData)
-    const earliestDataSetRows = DatasetHelper.getDatasetRows(scorecardDefinition, earliestData)
+    const earliestDataSetRows = DatasetHelper.getDatasetRows(
+      <components['schemas']['DashboardVisualisationDefinition']>definition,
+      earliestData,
+    )
     const earliestTs = earliestDataSetRows[0]?.['ts']?.raw
-    const earliestfiltered = DatasetHelper.filterRowsByDisplayColumns(scorecardDefinition, earliestDataSetRows, true)
+    const earliestfiltered = DatasetHelper.filterRowsByDisplayColumns(
+      <components['schemas']['DashboardVisualisationDefinition']>definition,
+      earliestDataSetRows,
+      true,
+    )
 
     return {
       earliest: earliestfiltered,
@@ -94,11 +107,8 @@ class ScorecardVisualisation extends DashboardVisualisationClass {
     }
   }
 
-  private setRagScore = (value: number, rag?: number) => {
-    return this.bucketsHelper?.getBucketForValue(value, rag)
-  }
-
-  private createScorecardData = ({
+  createScorecardData = ({
+    id,
     title,
     value,
     rag,
@@ -108,12 +118,10 @@ class ScorecardVisualisation extends DashboardVisualisationClass {
     groupTitle,
   }: CreateScorecardDataArgs): Scorecard => {
     return {
-      id: this.definition.id,
+      id,
       title,
       value,
-      ...(!Number.isNaN(value) &&
-        this.buckets.length &&
-        this.bucketsHelper && { rag: this.setRagScore(<number>value, rag) }),
+      ...(rag && { rag }),
       valueFor,
       trend: this.createTrend(valueFor, valueFrom, value, prevVal),
       ...(groupTitle && {
@@ -122,7 +130,7 @@ class ScorecardVisualisation extends DashboardVisualisationClass {
     }
   }
 
-  private createTrend = (
+  createTrend = (
     valueFor: string,
     valueFrom: string,
     latestValue: string | number,
@@ -143,135 +151,20 @@ class ScorecardVisualisation extends DashboardVisualisationClass {
     return trendData
   }
 
-  private validateDefinition = () => {
-    const { id, type } = this.definition
-    const errors = []
-    if (!this.group) {
-      if (this.measures.length !== 1) {
-        errors.push(`Measures should only have 1 column defined. Found ${this.measures.length}`)
-      } else if (!this.titleColumn) {
-        errors.push(`No title column defined. Expected measure to include "display: string" field`)
-      } else if (!this.valueKey) {
-        errors.push(`Missing ID in title measure. Expected measure to include "id: string" field`)
-      }
-    }
-
-    if (errors.length) {
-      // Throw the error
-      const message = `Validation: Visualisaton definition: ID: ${id}, type: ${type}, errors: ${errors.join(',')}`
-      throw new Error(message)
-    }
-  }
-
-  private createScorecardGroupFromColumns = () => {
-    const { latest, earliest, latestTs, earliestTs } = this.dataset
-
-    return latest.map((row, rowIndex) => {
-      return {
-        title: this.createGroupTitle(row),
-        scorecards: Object.keys(row)
-          .filter((colId) => colId !== this.groupKeyId)
-          .map((colId) => {
-            const measure = this.measures.find((m) => m.id === colId)
-            const title = measure?.display || colId
-            const rowCol = row[colId]
-            const { raw, rag: ragScore } = rowCol
-            const value = Number(raw)
-
-            const rag = ragScore !== undefined ? Number(ragScore) : undefined
-            this.initBuckets([row], colId)
-
-            const valueFor = `${latestTs}`
-            const valueFrom = `${earliestTs}`
-
-            const comparisonRow = earliest[rowIndex]
-            const prevVal = comparisonRow[colId]?.raw
-
-            return this.createScorecardData({
-              title,
-              value,
-              rag,
-              prevVal,
-              valueFor,
-              valueFrom,
-            })
-          }),
-      }
-    })
-  }
-
-  private createScorecardGroupFromList = (): ScorecardGroup[] => {
-    const { latest, earliest } = this.dataset
-    return [
-      {
-        title: '',
-        scorecards: latest.map((row: DashboardDataResponse, index: number) => {
-          const values = this.getScorecardValues(row)
-          const prevVal = earliest[index][this.valueKey].raw
-          return this.createScorecardData({
-            ...values,
-            prevVal,
-          })
-        }),
-      },
-    ]
-  }
-
-  private createScorecardGroupFromListWithGroups = () => {
-    const { latest, earliest } = this.dataset
-
-    let earliestGroupedByKey = DatasetHelper.groupRowsByKey(earliest, <string>this.groupKeyId)
-    let latestGroupedByKey = DatasetHelper.groupRowsByKey(latest, <string>this.groupKeyId)
-    if (this.groupKeyId === this.titleKey) {
-      latestGroupedByKey = [latestGroupedByKey.flat()]
-      earliestGroupedByKey = [earliestGroupedByKey.flat()]
-    }
-
-    const scorecardGroup = latestGroupedByKey.map((group, groupIndex) => {
-      return {
-        title: this.groupKeyDisplay ? `By ${this.groupKeyDisplay}` : '',
-        scorecards: group.map((row, rowIndex) => {
-          const values = this.getScorecardValues(row)
-          const comparisonRow = earliestGroupedByKey[groupIndex][rowIndex]
-          const prevVal = comparisonRow[this.valueKey]?.raw
-
-          return this.createScorecardData({
-            ...values,
-            prevVal,
-          })
-        }),
-      }
-    })
-
-    return scorecardGroup
-  }
-
-  private getScorecardValues = (row: DashboardDataResponse) => {
-    const { latestTs, earliestTs } = this.dataset
-    const title = `${this.titleColumn?.display} ${row[this.titleKey].raw}`
-    const rowCol = row[this.valueKey]
-    const { raw, rag: ragScore } = rowCol
-    const value = Number(raw)
-    const rag = ragScore !== undefined ? Number(ragScore) : undefined
-    this.initBuckets([row], this.valueKey)
-    const valueFor = `${latestTs}`
-    const valueFrom = `${earliestTs}`
-
-    return {
-      title,
-      value,
-      rag,
-      valueFor,
-      valueFrom,
+  setRagScore = (
+    value: string | number | undefined | null,
+    rag: number | undefined,
+    buckets: DashboardVisualisationBucket[] | undefined,
+    bucketsHelper: Buckets | undefined,
+  ) => {
+    let ragScore
+    if (!Number.isNaN(value) && buckets?.length && bucketsHelper) {
+      ragScore = bucketsHelper.getBucketForValue(<number>value, rag)
     }
+    return ragScore
   }
 
-  /**
-   * Builds a single scorecard
-   *
-   * @return {Scorecard}
-   */
-  private buildScorecard = () => {
+  build = () => {
     const { latest, earliest, latestTs, earliestTs } = this.dataset
     const scorecordArr: Scorecard[] = latest.map((datasetRow: DashboardDataResponse, index: number) => {
       const { raw: value, rag } = datasetRow[this.valueKey]
@@ -281,9 +174,10 @@ class ScorecardVisualisation extends DashboardVisualisationClass {
       const title = this.titleColumn?.display
 
       return this.createScorecardData({
+        id: this.id,
         title: title || '',
         value: value || '',
-        rag,
+        rag: this.setRagScore(value, rag, this.buckets, this.bucketsHelper),
         prevVal,
         valueFor,
         valueFrom,
@@ -292,31 +186,6 @@ class ScorecardVisualisation extends DashboardVisualisationClass {
 
     return scorecordArr[0]
   }
-
-  private createGroupTitle = (row: DashboardDataResponse) => {
-    const title = this.groupKeyId ? `${row[this.groupKeyId]?.raw}` : ''
-    return this.groupKeyDisplay && this.groupKeyDisplay.length ? `${this.groupKeyDisplay}: ${title}` : title
-  }
-
-  private buildGroup = () => {
-    let scorecardGroup: ScorecardGroup[]
-    if (!this.valueColumn) {
-      scorecardGroup = this.createScorecardGroupFromColumns()
-    } else if (this.groupKey) {
-      scorecardGroup = this.createScorecardGroupFromListWithGroups()
-    } else {
-      scorecardGroup = this.createScorecardGroupFromList()
-    }
-    return scorecardGroup
-  }
-
-  build = () => {
-    this.validateDefinition()
-    if (this.group) {
-      return this.buildGroup()
-    }
-    return this.buildScorecard()
-  }
 }
 
 export { ScorecardVisualisation }

package/dpr/components/_dashboards/scorecard/types.js

@@ -1,2 +1,2 @@
-"use strict";var t=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var c=(e,r,i,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of s(r))!d.call(e,n)&&n!==i&&t(e,n,{get:()=>r[n],enumerable:!(a=o(r,n))||a.enumerable});return e};var u=e=>c(t({},"__esModule",{value:!0}),e);var g={};module.exports=u(g);
+"use strict";var a=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var d=(e,r,i,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of c(r))!s.call(e,n)&&n!==i&&a(e,n,{get:()=>r[n],enumerable:!(t=o(r,n))||t.enumerable});return e};var u=e=>d(a({},"__esModule",{value:!0}),e);var g={};module.exports=u(g);
 //# sourceMappingURL=types.js.map

package/dpr/components/_dashboards/scorecard/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/dpr/components/_dashboards/scorecard/types.ts"],
-  "sourcesContent": ["import { DashboardDataResponse } from '../../../types/Metrics'\n\nexport interface Scorecard {\n  id: string\n  title: string\n  group?: string\n  value: number | string\n  trend?: ScorecardTrend | undefined\n  link?:\n    | {\n        href: '#'\n        displayName: 'View breakdown'\n      }\n    | undefined\n  valueFor?: string\n  rag?: ScorecardRag | undefined\n}\n\nexport interface ScorecardSubGroup {\n  name: string\n  scorecards: Scorecard[]\n}\n\nexport interface ScorecardGroup {\n  title?: string\n  description?: string\n  scorecards: Scorecard[]\n}\n\nexport interface ScorecardTrend {\n  direction: number\n  value: number\n  from: string\n}\n\nexport interface ScorecardRag {\n  score: number\n  colour: string\n}\n\nexport interface ScorecardDataset {\n  earliest: DashboardDataResponse[]\n  earliestTs?: string | number | null | undefined\n  latest: DashboardDataResponse[]\n  latestTs?: string | number | null | undefined\n}\n\nexport interface CreateScorecardDataArgs {\n  title: string\n  value: string | number\n  rag?: number | undefined\n  valueFor: string\n  valueFrom: string\n  prevVal: string | number | null | undefined\n  groupTitle?: string\n}\n"],
+  "sourcesContent": ["import z from 'zod'\nimport { DashboardDataResponse } from '../../../types/Metrics'\nimport ScorecardSchema from './validate'\n\nexport interface Scorecard {\n  id: string\n  title: string\n  group?: string\n  value: number | string\n  trend?: ScorecardTrend | undefined\n  link?:\n    | {\n        href: '#'\n        displayName: 'View breakdown'\n      }\n    | undefined\n  valueFor?: string\n  rag?: ScorecardRag | undefined\n}\n\nexport interface ScorecardSubGroup {\n  name: string\n  scorecards: Scorecard[]\n}\n\nexport interface ScorecardGroup {\n  title?: string\n  description?: string\n  scorecards: Scorecard[]\n}\n\nexport interface ScorecardTrend {\n  direction: number\n  value: number\n  from: string\n}\n\nexport interface ScorecardRag {\n  score: number\n  colour: string\n}\n\nexport interface ScorecardDataset {\n  earliest: DashboardDataResponse[]\n  earliestTs?: string | number | null | undefined\n  latest: DashboardDataResponse[]\n  latestTs?: string | number | null | undefined\n}\n\nexport interface CreateScorecardDataArgs {\n  id: string\n  title: string\n  value: string | number\n  rag?:\n    | {\n        colour: string\n        score: number\n      }\n    | undefined\n  valueFor: string\n  valueFrom: string\n  prevVal: string | number | null | undefined\n  groupTitle?: string\n}\n\nexport type ScorecardDefinitionType = z.infer<typeof ScorecardSchema.ScorecardSchema>\n"],
   "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
   "names": ["types_exports", "__toCommonJS"]
 }

package/dpr/components/_dashboards/scorecard/types.ts

@@ -1,4 +1,6 @@
+import z from 'zod'
 import { DashboardDataResponse } from '../../../types/Metrics'
+import ScorecardSchema from './validate'
 
 export interface Scorecard {
   id: string
@@ -46,11 +48,19 @@ export interface ScorecardDataset {
 }
 
 export interface CreateScorecardDataArgs {
+  id: string
   title: string
   value: string | number
-  rag?: number | undefined
+  rag?:
+    | {
+        colour: string
+        score: number
+      }
+    | undefined
   valueFor: string
   valueFrom: string
   prevVal: string | number | null | undefined
   groupTitle?: string
 }
+
+export type ScorecardDefinitionType = z.infer<typeof ScorecardSchema.ScorecardSchema>

package/dpr/components/_dashboards/scorecard/validate.js

@@ -0,0 +1,2 @@
+"use strict";var c=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var p=(o,a)=>{for(var r in a)c(o,r,{get:a[r],enumerable:!0})},u=(o,a,r,n)=>{if(a&&typeof a=="object"||typeof a=="function")for(let t of l(a))!m.call(o,t)&&t!==r&&c(o,t,{get:()=>a[t],enumerable:!(n=d(a,t))||n.enumerable});return o};var h=o=>u(c({},"__esModule",{value:!0}),o);var g={};p(g,{default:()=>S});module.exports=h(g);var e=require("zod"),s=require("../dashboard-visualisation/Validate");const b=e.z.object({id:e.z.string(),optional:e.z.boolean().default(!1)}),f=e.z.object({id:e.z.string(),unit:e.z.enum(["NUMBER","PERCENTAGE"]).optional()}),i=e.z.array(f).length(1,"Measure must contain a single item"),y=e.z.object({...s.DashboardVisualisationSchema.shape,type:e.z.literal("scorecard"),display:e.z.string(),description:e.z.undefined(),options:e.z.object(s.BucketOptionsSchema.shape).optional(),columns:e.z.object({...s.DashboardColumns.shape,keys:e.z.array(b).min(1),measures:i})});var S={ScorecardSchema:y,ScorecardMeasuresSchema:i};
+//# sourceMappingURL=validate.js.map

package/dpr/components/_dashboards/scorecard/validate.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/dpr/components/_dashboards/scorecard/validate.ts"],
+  "sourcesContent": ["import { z } from 'zod'\nimport {\n  DashboardVisualisationSchema,\n  DashboardColumns,\n  BucketOptionsSchema,\n} from '../dashboard-visualisation/Validate'\n\nconst scorecardKey = z.object({\n  id: z.string(),\n  optional: z.boolean().default(false),\n})\n\nconst scorecardMeasure = z.object({\n  id: z.string(),\n  unit: z.enum(['NUMBER', 'PERCENTAGE']).optional(),\n})\n\nconst ScorecardMeasuresSchema = z.array(scorecardMeasure).length(1, 'Measure must contain a single item')\n\nconst ScorecardSchema = z.object({\n  ...DashboardVisualisationSchema.shape,\n  type: z.literal('scorecard'),\n  display: z.string(),\n  description: z.undefined(),\n  options: z.object(BucketOptionsSchema.shape).optional(),\n  columns: z.object({\n    ...DashboardColumns.shape,\n    keys: z.array(scorecardKey).min(1),\n    measures: ScorecardMeasuresSchema,\n  }),\n})\n\nexport default {\n  ScorecardSchema,\n  ScorecardMeasuresSchema,\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAkB,eAClBC,EAIO,+CAEP,MAAMC,EAAe,IAAE,OAAO,CAC5B,GAAI,IAAE,OAAO,EACb,SAAU,IAAE,QAAQ,EAAE,QAAQ,EAAK,CACrC,CAAC,EAEKC,EAAmB,IAAE,OAAO,CAChC,GAAI,IAAE,OAAO,EACb,KAAM,IAAE,KAAK,CAAC,SAAU,YAAY,CAAC,EAAE,SAAS,CAClD,CAAC,EAEKC,EAA0B,IAAE,MAAMD,CAAgB,EAAE,OAAO,EAAG,oCAAoC,EAElGE,EAAkB,IAAE,OAAO,CAC/B,GAAG,+BAA6B,MAChC,KAAM,IAAE,QAAQ,WAAW,EAC3B,QAAS,IAAE,OAAO,EAClB,YAAa,IAAE,UAAU,EACzB,QAAS,IAAE,OAAO,sBAAoB,KAAK,EAAE,SAAS,EACtD,QAAS,IAAE,OAAO,CAChB,GAAG,mBAAiB,MACpB,KAAM,IAAE,MAAMH,CAAY,EAAE,IAAI,CAAC,EACjC,SAAUE,CACZ,CAAC,CACH,CAAC,EAED,IAAON,EAAQ,CACb,gBAAAO,EACA,wBAAAD,CACF",
+  "names": ["validate_exports", "__export", "validate_default", "__toCommonJS", "import_zod", "import_Validate", "scorecardKey", "scorecardMeasure", "ScorecardMeasuresSchema", "ScorecardSchema"]
+}

package/dpr/components/_dashboards/scorecard/validate.ts

@@ -0,0 +1,36 @@
+import { z } from 'zod'
+import {
+  DashboardVisualisationSchema,
+  DashboardColumns,
+  BucketOptionsSchema,
+} from '../dashboard-visualisation/Validate'
+
+const scorecardKey = z.object({
+  id: z.string(),
+  optional: z.boolean().default(false),
+})
+
+const scorecardMeasure = z.object({
+  id: z.string(),
+  unit: z.enum(['NUMBER', 'PERCENTAGE']).optional(),
+})
+
+const ScorecardMeasuresSchema = z.array(scorecardMeasure).length(1, 'Measure must contain a single item')
+
+const ScorecardSchema = z.object({
+  ...DashboardVisualisationSchema.shape,
+  type: z.literal('scorecard'),
+  display: z.string(),
+  description: z.undefined(),
+  options: z.object(BucketOptionsSchema.shape).optional(),
+  columns: z.object({
+    ...DashboardColumns.shape,
+    keys: z.array(scorecardKey).min(1),
+    measures: ScorecardMeasuresSchema,
+  }),
+})
+
+export default {
+  ScorecardSchema,
+  ScorecardMeasuresSchema,
+}

package/dpr/components/_dashboards/scorecard-group/ScorecardGroup.js

@@ -0,0 +1,2 @@
+"use strict";var V=Object.create;var h=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var F=Object.getPrototypeOf,$=Object.prototype.hasOwnProperty;var H=(i,e)=>{for(var t in e)h(i,t,{get:e[t],enumerable:!0})},D=(i,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of T(e))!$.call(i,s)&&s!==t&&h(i,s,{get:()=>e[s],enumerable:!(r=w(e,s))||r.enumerable});return i};var m=(i,e,t)=>(t=i!=null?V(F(i)):{},D(e||!i||!i.__esModule?h(t,"default",{value:i,enumerable:!0}):t,i)),N=i=>D(h({},"__esModule",{value:!0}),i);var E={};H(E,{ScorecardGroupVisualisation:()=>f,default:()=>M});module.exports=N(E);var y=m(require("../../../utils/datasetHelper")),g=m(require("../../_charts/chart/buckets/Buckets")),K=m(require("../scorecard/Scorecard")),S=m(require("./validate"));class f{constructor(){this.buckets=[];this.valueKey="";this.titleKey="";this.responseData=[];this.withDefinition=e=>(this.definition=S.default.ScorecardGroupSchema.parse(e),this.init(),this);this.withData=e=>(this.responseData=e,this.dataset=this.scoreCardBuilder.getDataset(this.definition,this.responseData),this.initBuckets(this.responseData,this.valueKey),this.initGroupVars(),this);this.init=()=>{this.id=this.definition.id,this.measures=this.definition.columns.measures,this.keys=this.definition.columns.keys,this.options=this.definition.options,this.valueKey=this.measures[0].id,this.titleColumn={display:this.definition.display||"",id:this.valueKey},this.unit=this.definition.columns.measures[0].unit?this.definition.columns.measures[0].unit:void 0};this.initBuckets=(e,t)=>{(this.options?.buckets||this.options?.useRagColour)&&(this.bucketsHelper=new g.default(e,this.definition,t,!1,this.scoreCardBuilder.ragColours),this.buckets=this.bucketsHelper.getBuckets())};this.initGroupVars=()=>{this.groupKey=y.default.getGroupKey(this.dataset.latest,this.keys||[]),this.groupKeyId=this.groupKey?.id,this.groupKeyDisplay=this.groupKey?.display,this.valueColumn=this.measures.find(e=>e.displayValue),this.valueColumn&&(this.valueKey=this.valueColumn?.id,this.titleColumn=this.measures.find(e=>e.display||e.display===""),this.titleKey=this.titleColumn?.id||"")};this.createScorecardGroupFromColumns=()=>{const{latest:e,earliest:t,latestTs:r,earliestTs:s}=this.dataset;return e.map((o,u)=>({title:this.createGroupTitle(o),scorecards:Object.keys(o).filter(a=>a!==this.groupKeyId).map(a=>{const c=this.measures.find(R=>R.id===a)?.display||a,p=o[a],{raw:d,rag:l}=p,v=Number(d),G=l!==void 0?Number(l):void 0;this.initBuckets([o],a);const b=`${r}`,C=`${s}`,k=t[u][a]?.raw,B=this.scoreCardBuilder.setRagScore(v,G,this.buckets,this.bucketsHelper);return this.scoreCardBuilder.createScorecardData({id:this.id,title:c,value:v,rag:B,prevVal:k,valueFor:b,valueFrom:C})})}))};this.createScorecardGroupFromList=()=>{const{latest:e,earliest:t}=this.dataset;return[{title:"",scorecards:e.map((r,s)=>{const o=this.getScorecardValues(r),u=t[s][this.valueKey].raw;return this.scoreCardBuilder.createScorecardData({...o,prevVal:u})})}]};this.createScorecardGroupFromListWithGroups=()=>{const{latest:e,earliest:t}=this.dataset;let r=y.default.groupRowsByKey(t,this.groupKeyId),s=y.default.groupRowsByKey(e,this.groupKeyId);return this.groupKeyId===this.titleKey&&(s=[s.flat()],r=[r.flat()]),s.map((u,a)=>({title:this.groupKeyDisplay?`By ${this.groupKeyDisplay}`:"",scorecards:u.map((n,c)=>{const p=this.getScorecardValues(n),l=r[a][c][this.valueKey]?.raw;return this.scoreCardBuilder.createScorecardData({...p,prevVal:l})})}))};this.getScorecardValues=e=>{const{latestTs:t,earliestTs:r}=this.dataset,s=`${this.titleColumn?.display} ${e[this.titleKey].raw}`,o=e[this.valueKey],{raw:u,rag:a}=o,n=Number(u),c=a!==void 0?Number(a):void 0;this.initBuckets([e],this.valueKey);const p=`${t}`,d=`${r}`;return{id:this.id,title:s,value:n,rag:this.scoreCardBuilder.setRagScore(n,c,this.buckets,this.bucketsHelper),valueFor:p,valueFrom:d}};this.createGroupTitle=e=>{const t=this.groupKeyId?`${e[this.groupKeyId]?.raw}`:"";return this.groupKeyDisplay&&this.groupKeyDisplay.length?`${this.groupKeyDisplay}: ${t}`:t};this.build=()=>{let e;return this.valueColumn?this.groupKey?e=this.createScorecardGroupFromListWithGroups():e=this.createScorecardGroupFromList():e=this.createScorecardGroupFromColumns(),e};this.scoreCardBuilder=new K.default}}var M=f;0&&(module.exports={ScorecardGroupVisualisation});
+//# sourceMappingURL=ScorecardGroup.js.map

package/dpr/components/_dashboards/scorecard-group/ScorecardGroup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/dpr/components/_dashboards/scorecard-group/ScorecardGroup.ts"],
+  "sourcesContent": ["/* eslint-disable prefer-destructuring */\nimport { DashboardDataResponse } from '../../../types/Metrics'\nimport DatasetHelper from '../../../utils/datasetHelper'\nimport { ScorecardDataset, ScorecardGroup } from '../scorecard/types'\nimport Buckets from '../../_charts/chart/buckets/Buckets'\nimport { components } from '../../../types/api'\nimport ScorecardVisualisation from '../scorecard/Scorecard'\nimport { ScorecardGroupDefinitionType, ScorecardGroupDefinitionMeasure } from './types'\nimport { DashboardVisualisationBucket } from '../dashboard-visualisation/types'\nimport ScorecardGroupSchemas from './validate'\n\nclass ScorecardGroupVisualisation {\n  private definition!: ScorecardGroupDefinitionType\n\n  private id!: string\n\n  private measures!: ScorecardGroupDefinitionType['columns']['measures']\n\n  private keys!: ScorecardGroupDefinitionType['columns']['keys']\n\n  private options!: ScorecardGroupDefinitionType['options']\n\n  private dataset!: ScorecardDataset\n\n  private groupKey: ScorecardGroupDefinitionMeasure | undefined\n\n  private groupKeyId: string | undefined\n\n  private groupKeyDisplay: string | undefined\n\n  private bucketsHelper: Buckets | undefined\n\n  private buckets: DashboardVisualisationBucket[] = []\n\n  private valueColumn: ScorecardGroupDefinitionMeasure | undefined\n\n  private valueKey = ''\n\n  private titleColumn: ScorecardGroupDefinitionMeasure | undefined\n\n  private titleKey = ''\n\n  private unit: 'NUMBER' | 'PERCENTAGE' | undefined\n\n  responseData: DashboardDataResponse[] = []\n\n  scoreCardBuilder: ScorecardVisualisation\n\n  constructor() {\n    this.scoreCardBuilder = new ScorecardVisualisation()\n  }\n\n  withDefinition = (definition: components['schemas']['DashboardVisualisationDefinition']) => {\n    this.definition = ScorecardGroupSchemas.ScorecardGroupSchema.parse(definition)\n    this.init()\n\n    return this\n  }\n\n  withData = (responseData: DashboardDataResponse[]) => {\n    this.responseData = responseData\n    this.dataset = this.scoreCardBuilder.getDataset(this.definition, this.responseData)\n    this.initBuckets(this.responseData, this.valueKey)\n    this.initGroupVars()\n    return this\n  }\n\n  private init = () => {\n    this.id = this.definition.id\n    this.measures = this.definition.columns.measures\n    this.keys = this.definition.columns.keys\n    this.options = this.definition.options\n    this.valueKey = this.measures[0].id\n    this.titleColumn = { display: this.definition.display || '', id: this.valueKey }\n    this.unit = this.definition.columns.measures[0].unit ? this.definition.columns.measures[0].unit : undefined\n  }\n\n  private initBuckets = (responseData: DashboardDataResponse[], valueKey: string) => {\n    if (this.options?.buckets || this.options?.useRagColour) {\n      this.bucketsHelper = new Buckets(responseData, this.definition, valueKey, false, this.scoreCardBuilder.ragColours)\n      this.buckets = this.bucketsHelper.getBuckets()\n    }\n  }\n\n  private initGroupVars = () => {\n    this.groupKey = DatasetHelper.getGroupKey(\n      this.dataset.latest,\n      <Array<components['schemas']['DashboardVisualisationColumnDefinition']>>this.keys || [],\n    )\n    this.groupKeyId = this.groupKey?.id\n    this.groupKeyDisplay = this.groupKey?.display\n\n    this.valueColumn = this.measures.find((col) => col.displayValue)\n    if (this.valueColumn) {\n      this.valueKey = this.valueColumn?.id\n      this.titleColumn = this.measures.find((col) => {\n        return col.display || col.display === ''\n      })\n      this.titleKey = this.titleColumn?.id || ''\n    }\n  }\n\n  private createScorecardGroupFromColumns = () => {\n    const { latest, earliest, latestTs, earliestTs } = this.dataset\n\n    return latest.map((row, rowIndex) => {\n      return {\n        title: this.createGroupTitle(row),\n        scorecards: Object.keys(row)\n          .filter((colId) => colId !== this.groupKeyId)\n          .map((colId) => {\n            const measure = this.measures.find((m) => m.id === colId)\n            const title = measure?.display || colId\n            const rowCol = row[colId]\n            const { raw, rag } = rowCol\n            const value = Number(raw)\n\n            const ragValue = rag !== undefined ? Number(rag) : undefined\n            this.initBuckets([row], colId)\n\n            const valueFor = `${latestTs}`\n            const valueFrom = `${earliestTs}`\n\n            const comparisonRow = earliest[rowIndex]\n            const prevVal = comparisonRow[colId]?.raw\n            const ragScore = this.scoreCardBuilder.setRagScore(value, ragValue, this.buckets, this.bucketsHelper)\n\n            return this.scoreCardBuilder.createScorecardData({\n              id: this.id,\n              title,\n              value,\n              rag: ragScore,\n              prevVal,\n              valueFor,\n              valueFrom,\n            })\n          }),\n      }\n    })\n  }\n\n  private createScorecardGroupFromList = (): ScorecardGroup[] => {\n    const { latest, earliest } = this.dataset\n    return [\n      {\n        title: '',\n        scorecards: latest.map((row: DashboardDataResponse, index: number) => {\n          const values = this.getScorecardValues(row)\n          const prevVal = earliest[index][this.valueKey].raw\n          return this.scoreCardBuilder.createScorecardData({\n            ...values,\n            prevVal,\n          })\n        }),\n      },\n    ]\n  }\n\n  private createScorecardGroupFromListWithGroups = () => {\n    const { latest, earliest } = this.dataset\n\n    let earliestGroupedByKey = DatasetHelper.groupRowsByKey(earliest, <string>this.groupKeyId)\n    let latestGroupedByKey = DatasetHelper.groupRowsByKey(latest, <string>this.groupKeyId)\n    if (this.groupKeyId === this.titleKey) {\n      latestGroupedByKey = [latestGroupedByKey.flat()]\n      earliestGroupedByKey = [earliestGroupedByKey.flat()]\n    }\n\n    const scorecardGroup = latestGroupedByKey.map((group, groupIndex) => {\n      return {\n        title: this.groupKeyDisplay ? `By ${this.groupKeyDisplay}` : '',\n        scorecards: group.map((row, rowIndex) => {\n          const values = this.getScorecardValues(row)\n          const comparisonRow = earliestGroupedByKey[groupIndex][rowIndex]\n          const prevVal = comparisonRow[this.valueKey]?.raw\n\n          return this.scoreCardBuilder.createScorecardData({\n            ...values,\n            prevVal,\n          })\n        }),\n      }\n    })\n\n    return scorecardGroup\n  }\n\n  private getScorecardValues = (row: DashboardDataResponse) => {\n    const { latestTs, earliestTs } = this.dataset\n    const title = `${this.titleColumn?.display} ${row[this.titleKey].raw}`\n    const rowCol = row[this.valueKey]\n    const { raw, rag: ragScore } = rowCol\n    const value = Number(raw)\n    const rag = ragScore !== undefined ? Number(ragScore) : undefined\n    this.initBuckets([row], this.valueKey)\n    const valueFor = `${latestTs}`\n    const valueFrom = `${earliestTs}`\n\n    return {\n      id: this.id,\n      title,\n      value,\n      rag: this.scoreCardBuilder.setRagScore(value, rag, this.buckets, this.bucketsHelper),\n      valueFor,\n      valueFrom,\n    }\n  }\n\n  private createGroupTitle = (row: DashboardDataResponse) => {\n    const title = this.groupKeyId ? `${row[this.groupKeyId]?.raw}` : ''\n    return this.groupKeyDisplay && this.groupKeyDisplay.length ? `${this.groupKeyDisplay}: ${title}` : title\n  }\n\n  build = () => {\n    let scorecardGroup: ScorecardGroup[]\n    if (!this.valueColumn) {\n      scorecardGroup = this.createScorecardGroupFromColumns()\n    } else if (this.groupKey) {\n      scorecardGroup = this.createScorecardGroupFromListWithGroups()\n    } else {\n      scorecardGroup = this.createScorecardGroupFromList()\n    }\n    return scorecardGroup\n  }\n}\n\nexport { ScorecardGroupVisualisation }\nexport default ScorecardGroupVisualisation\n"],
+  "mappings": "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",
+  "names": ["ScorecardGroup_exports", "__export", "ScorecardGroupVisualisation", "ScorecardGroup_default", "__toCommonJS", "import_datasetHelper", "import_Buckets", "import_Scorecard", "import_validate", "definition", "ScorecardGroupSchemas", "responseData", "valueKey", "Buckets", "DatasetHelper", "col", "latest", "earliest", "latestTs", "earliestTs", "row", "rowIndex", "colId", "title", "m", "rowCol", "raw", "rag", "value", "ragValue", "valueFor", "valueFrom", "prevVal", "ragScore", "index", "values", "earliestGroupedByKey", "latestGroupedByKey", "group", "groupIndex", "scorecardGroup", "ScorecardVisualisation"]
+}