@ministryofjustice/hmpps-digital-prison-reporting-frontend 4.15.4 → 4.16.1

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/dpr/components/_dashboards/dashboard/types.ts"],
-  "sourcesContent": ["import { components } from '../../../types/api'\nimport { ChartCardData, MoJTable, UnitType } from '../../../types/Charts'\nimport { Scorecard, ScorecardGroup } from '../scorecard/types'\n\nexport interface DashboardDefinition {\n  id: string\n  name: string\n  description?: string\n  sections: DashboardSection[]\n  isMissing?: boolean\n  filterFields: components['schemas']['FieldDefinition'][]\n}\n\nexport interface DashboardSection {\n  id: string\n  display?: string\n  description?: string\n  visualisations: DashboardVisualisation[]\n}\n\nexport interface DashboardUISection {\n  id: string\n  title?: string\n  description?: string\n  visualisations?: DashboardUIVisualisation[]\n}\n\nexport interface DashboardUIVisualisation {\n  id: string\n  type: DashboardVisualisationType\n  title?: string\n  description?: string\n  data: Scorecard | Scorecard[] | ScorecardGroup[] | ChartCardData | { table: MoJTable; ts: string }\n}\n\nexport interface DashboardVisualisation {\n  id: string\n  type: DashboardVisualisationType\n  display?: string\n  description?: string\n  columns: DashboardVisualisationColumns\n  options: DashboardVisualisationOptions\n}\n\nexport type DashboardVisualisationOptions = ListDashboardVisualisationOptions | MatrixDashboardVisualisationOptions\n\nexport interface ListDashboardVisualisationOptions {\n  showLatest?: boolean\n  columnsAsList?: boolean\n}\n\nexport interface MatrixDashboardVisualisationOptions {\n  useRagColours?: boolean\n  buckets?: MatrixDashboardVisualisationBucket[]\n  baseColour?: string\n}\n\nexport interface MatrixDashboardVisualisationBucket {\n  min?: number\n  max?: number\n  hexColour?: string\n}\n\nexport interface ListVisualisation extends DashboardVisualisation {\n  type: DashboardVisualisationType.LIST\n}\n\nexport enum DashboardVisualisationType {\n  LIST = 'list',\n  DONUT = 'doughnut',\n  BAR = 'bar',\n  LINE = 'line',\n  MATRIX = 'matrix',\n  MATRIX_TIMESERIES = 'matrix-timeseries',\n  BAR_TIMESERIES = 'bar-timeseries',\n  LINE_TIMESERIES = 'line-timeseries',\n  SCORECARD = 'scorecard',\n  SCORECARD_GROUP = 'scorecard-group',\n}\n\nexport interface DashboardVisualisationColumns {\n  keys?: DashboardVisualisationColumnKey[]\n  measures: DashboardVisualisationColumnMeasure[]\n  filters?: DashboardVisualisationColumnFilter[]\n  expectNulls: boolean\n}\n\nexport interface DashboardVisualisationColumn {\n  id: string\n  display?: string\n}\n\nexport interface DashboardVisualisationColumnKey extends DashboardVisualisationColumn {\n  optional?: boolean\n}\n\nexport interface DashboardVisualisationColumnMeasure extends DashboardVisualisationColumn {\n  aggregate?: AggregateType\n  displayValue?: boolean\n  unit?: UnitType\n  axis?: 'x' | 'y'\n}\n\nexport interface DashboardVisualisationColumnFilter {\n  id: string\n  equals: string | number\n}\n\nexport interface BarChartVisualisationColumn extends DashboardVisualisationColumnMeasure {\n  axis?: 'x' | 'y'\n}\n\nexport interface ScorecardVisualisationColumn extends DashboardVisualisationColumn {\n  displayValue: boolean\n}\n\nexport enum AggregateType {\n  SUM = 'sum',\n  AVG = 'average',\n}\n"],
+  "sourcesContent": ["import { components } from '../../../types/api'\nimport { ChartCardData, MoJTable, UnitType } from '../../../types/Charts'\nimport { Scorecard, ScorecardGroup } from '../scorecard/types'\n\nexport interface DashboardDefinition {\n  id: string\n  name: string\n  description?: string\n  sections: DashboardSection[]\n  isMissing?: boolean\n  filterFields: components['schemas']['FieldDefinition'][]\n}\n\nexport interface DashboardSection {\n  id: string\n  display?: string\n  description?: string\n  visualisations: DashboardVisualisation[]\n}\n\nexport interface DashboardUISection {\n  id: string\n  title?: string\n  description?: string\n  visualisations?: DashboardUIVisualisation[]\n}\n\nexport interface DashboardUIVisualisation {\n  id: string\n  type: DashboardVisualisationType\n  title?: string\n  description?: string\n  data: Scorecard | Scorecard[] | ScorecardGroup[] | ChartCardData | { table: MoJTable; ts: string }\n}\n\nexport interface DashboardVisualisation {\n  id: string\n  type: DashboardVisualisationType\n  display?: string\n  description?: string\n  columns: DashboardVisualisationColumns\n  options: DashboardVisualisationOptions\n}\n\nexport type DashboardVisualisationOptions = ListDashboardVisualisationOptions | BucketDashboardVisualisationOptions\n\nexport interface ListDashboardVisualisationOptions {\n  showLatest?: boolean\n  columnsAsList?: boolean\n}\n\nexport interface BucketDashboardVisualisationOptions {\n  useRagColours?: boolean\n  buckets?: DashboardVisualisationBucket[]\n  baseColour?: string\n}\n\nexport interface DashboardVisualisationBucket {\n  min?: number\n  max?: number\n  hexColour?: string\n}\n\nexport interface ListVisualisation extends DashboardVisualisation {\n  type: DashboardVisualisationType.LIST\n}\n\nexport enum DashboardVisualisationType {\n  LIST = 'list',\n  DONUT = 'doughnut',\n  BAR = 'bar',\n  LINE = 'line',\n  MATRIX = 'matrix',\n  MATRIX_TIMESERIES = 'matrix-timeseries',\n  BAR_TIMESERIES = 'bar-timeseries',\n  LINE_TIMESERIES = 'line-timeseries',\n  SCORECARD = 'scorecard',\n  SCORECARD_GROUP = 'scorecard-group',\n}\n\nexport interface DashboardVisualisationColumns {\n  keys?: DashboardVisualisationColumnKey[]\n  measures: DashboardVisualisationColumnMeasure[]\n  filters?: DashboardVisualisationColumnFilter[]\n  expectNulls: boolean\n}\n\nexport interface DashboardVisualisationColumn {\n  id: string\n  display?: string\n}\n\nexport interface DashboardVisualisationColumnKey extends DashboardVisualisationColumn {\n  optional?: boolean\n}\n\nexport interface DashboardVisualisationColumnMeasure extends DashboardVisualisationColumn {\n  aggregate?: AggregateType\n  displayValue?: boolean\n  unit?: UnitType\n  axis?: 'x' | 'y'\n}\n\nexport interface DashboardVisualisationColumnFilter {\n  id: string\n  equals: string | number\n}\n\nexport interface BarChartVisualisationColumn extends DashboardVisualisationColumnMeasure {\n  axis?: 'x' | 'y'\n}\n\nexport interface ScorecardVisualisationColumn extends DashboardVisualisationColumn {\n  displayValue: boolean\n}\n\nexport enum AggregateType {\n  SUM = 'sum',\n  AVG = 'average',\n}\n"],
   "mappings": "4ZAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,EAAA,+BAAAC,IAAA,eAAAC,EAAAJ,GAmEO,IAAKG,OACVA,EAAA,KAAO,OACPA,EAAA,MAAQ,WACRA,EAAA,IAAM,MACNA,EAAA,KAAO,OACPA,EAAA,OAAS,SACTA,EAAA,kBAAoB,oBACpBA,EAAA,eAAiB,iBACjBA,EAAA,gBAAkB,kBAClBA,EAAA,UAAY,YACZA,EAAA,gBAAkB,kBAVRA,OAAA,IAiDAD,OACVA,EAAA,IAAM,MACNA,EAAA,IAAM,UAFIA,OAAA",
   "names": ["types_exports", "__export", "AggregateType", "DashboardVisualisationType", "__toCommonJS"]
 }

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

@@ -42,20 +42,20 @@ export interface DashboardVisualisation {
   options: DashboardVisualisationOptions
 }
 
-export type DashboardVisualisationOptions = ListDashboardVisualisationOptions | MatrixDashboardVisualisationOptions
+export type DashboardVisualisationOptions = ListDashboardVisualisationOptions | BucketDashboardVisualisationOptions
 
 export interface ListDashboardVisualisationOptions {
   showLatest?: boolean
   columnsAsList?: boolean
 }
 
-export interface MatrixDashboardVisualisationOptions {
+export interface BucketDashboardVisualisationOptions {
   useRagColours?: boolean
-  buckets?: MatrixDashboardVisualisationBucket[]
+  buckets?: DashboardVisualisationBucket[]
   baseColour?: string
 }
 
-export interface MatrixDashboardVisualisationBucket {
+export interface DashboardVisualisationBucket {
   min?: number
   max?: number
   hexColour?: string

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

@@ -0,0 +1,2 @@
+var R=Object.create;var g=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var $=Object.getPrototypeOf,T=Object.prototype.hasOwnProperty;var F=(u,l)=>{for(var e in l)g(u,e,{get:l[e],enumerable:!0})},b=(u,l,e,t)=>{if(l&&typeof l=="object"||typeof l=="function")for(let s of B(l))!T.call(u,s)&&s!==e&&g(u,s,{get:()=>l[s],enumerable:!(t=k(l,s))||t.enumerable});return u};var v=(u,l,e)=>(e=u!=null?R($(u)):{},b(l||!u||!u.__esModule?g(e,"default",{value:u,enumerable:!0}):e,u)),N=u=>b(g({},"__esModule",{value:!0}),u);var I={};F(I,{ScorecardVisualisation:()=>f,default:()=>M});module.exports=N(I);var K=v(require("../../_charts/chart/DashboardVisualisation")),n=v(require("../../../utils/datasetHelper")),D=v(require("../../_charts/chart/Buckets"));class f extends K.default{constructor(e,t,s=!1){super(e,t);this.buckets=[];this.ragColours=["#cce2d8","#fff7bf","#f4cdc6"];this.initBuckets=(e,t)=>{this.bucketsHelper=new D.default(e,this.definition,t,!1,this.ragColours),this.buckets=new D.default(e,this.definition,t,!1,this.ragColours).getBuckets()};this.initGroupVars=()=>{this.groupKey=n.default.getGroupKey(this.keys,this.dataset.latest),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.getDataset=(e,t)=>{const s=n.default.getLastestDataset(t),r=n.default.getDatasetRows(e,s),i=r[0]?.ts?.raw,o=n.default.filterRowsByDisplayColumns(e,r,!0),a=n.default.getEarliestDataset(t),c=n.default.getDatasetRows(e,a),d=c[0]?.ts?.raw;return{earliest:n.default.filterRowsByDisplayColumns(e,c,!0),earliestTs:d,latest:o,latestTs:i}};this.setRagScore=(e,t)=>this.bucketsHelper.getBucketForValue(e,t);this.createScorecardData=({title:e,value:t,rag:s,valueFor:r,valueFrom:i,prevVal:o,groupTitle:a})=>({title:e,value:t,...!Number.isNaN(t)&&this.buckets.length&&{rag:this.setRagScore(t,s)},valueFor:r,trend:this.createTrend(r,i,t,o),...a&&{group:a}});this.createTrend=(e,t,s,r)=>{let i;if(t!==e){const o=+s-+r;i={direction:Math.sign(o),value:Math.abs(o),from:t}}return i};this.validateDefinition=()=>{const{id:e,type:t}=this.definition,s=[];if(this.group||(this.measures.length!==1?s.push(`Measures should only have 1 column defined. Found ${this.measures.length}`):this.titleColumn?this.valueKey||s.push('Missing ID in title measure. Expected measure to include "id: string" field'):s.push('No title column defined. Expected measure to include "display: string" field')),s.length){const r=`Validation: Visualisaton definition: ID: ${e}, type: ${t}, errors: ${s.join(",")}`;throw new Error(r)}};this.createScorecardGroupFromColumns=()=>{const{latest:e,earliest:t,latestTs:s,earliestTs:r}=this.dataset;return e.map((i,o)=>({title:this.createGroupTitle(i),scorecards:Object.keys(i).filter(a=>a!==this.groupKeyId).map(a=>{const d=this.measures.find(w=>w.id===a)?.display||a,p=i[a],{raw:h,rag:m}=p,y=Number(h),S=m!==void 0?Number(m):void 0;this.initBuckets([i],a);const C=`${s}`,V=`${r}`,G=t[o][a]?.raw;return this.createScorecardData({title:d,value:y,rag:S,prevVal:G,valueFor:C,valueFrom:V})})}))};this.createScorecardGroupFromList=()=>{const{latest:e,earliest:t}=this.dataset;return[{title:"",scorecards:e.map((s,r)=>{const i=this.getScorecardValues(s),o=t[r][this.valueKey].raw;return this.createScorecardData({...i,prevVal:o})})}]};this.createScorecardGroupFromListWithGroups=()=>{const{latest:e,earliest:t}=this.dataset;let s=n.default.groupRowsByKey(t,this.groupKeyId),r=n.default.groupRowsByKey(e,this.groupKeyId);return this.groupKeyId===this.titleKey&&(r=[r.flat()],s=[s.flat()]),r.map((o,a)=>({title:this.createGroupTitle(o[0]),scorecards:o.map((c,d)=>{const p=this.getScorecardValues(c),m=s[a][d][this.valueKey]?.raw;return this.createScorecardData({...p,prevVal:m})})}))};this.getScorecardValues=e=>{const{latestTs:t,earliestTs:s}=this.dataset,r=`${this.titleColumn.display} ${e[this.titleKey].raw}`,i=e[this.valueKey],{raw:o,rag:a}=i,c=Number(o),d=a!==void 0?Number(a):void 0;this.initBuckets([e],this.valueKey);const p=`${t}`,h=`${s}`;return{title:r,value:c,rag:d,valueFor:p,valueFrom:h}};this.buildScorecard=()=>{const{latest:e,earliest:t,latestTs:s,earliestTs:r}=this.dataset;return e.map((o,a)=>{const{raw:c,rag:d}=o[this.valueKey],p=t[a][this.valueKey].raw,h=`${s}`,m=`${r}`,y=this.titleColumn.display;return this.createScorecardData({title:y,value:c,rag:d,prevVal:p,valueFor:h,valueFrom:m})})[0]};this.createGroupTitle=e=>{const t=this.groupKeyId?`${e[this.groupKeyId]?.raw}`:"";return this.groupKeyDisplay&&this.groupKeyDisplay.length?`${this.groupKeyDisplay}: ${t}`:t};this.buildGroup=()=>{let e;return this.valueColumn?this.groupKey?e=this.createScorecardGroupFromListWithGroups():e=this.createScorecardGroupFromList():e=this.createScorecardGroupFromColumns(),e};this.build=()=>(this.validateDefinition(),this.group?this.buildGroup():this.buildScorecard());this.group=s,this.dataset=this.getDataset(t,e),s?this.initGroupVars():(this.valueKey=this.measures[0].id,this.titleColumn={display:t.display,id:this.valueKey},this.initBuckets(e,this.valueKey))}}var M=f;0&&(module.exports={ScorecardVisualisation});
+//# sourceMappingURL=Scorecard.js.map

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

@@ -0,0 +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 '../../_charts/chart/DashboardVisualisation'\nimport {\n  DashboardVisualisation,\n  DashboardVisualisationBucket,\n  DashboardVisualisationColumnKey,\n  DashboardVisualisationColumnMeasure,\n} from '../dashboard/types'\nimport DatasetHelper from '../../../utils/datasetHelper'\nimport { CreateScorecardDataArgs, Scorecard, ScorecardDataset, ScorecardGroup, ScorecardTrend } from './types'\nimport Buckets from '../../_charts/chart/Buckets'\n\nclass ScorecardVisualisation extends DashboardVisualisationClass {\n  private dataset: ScorecardDataset\n\n  private groupKey: DashboardVisualisationColumnKey\n\n  private groupKeyId: string\n\n  private groupKeyDisplay: string\n\n  private bucketsHelper: Buckets\n\n  private buckets: DashboardVisualisationBucket[] = []\n\n  private valueColumn: DashboardVisualisationColumnMeasure\n\n  private valueKey: string\n\n  private titleColumn: DashboardVisualisationColumnMeasure\n\n  private titleKey: string\n\n  private group: boolean\n\n  private ragColours: string[] = ['#cce2d8', '#fff7bf', '#f4cdc6']\n\n  constructor(responseData: DashboardDataResponse[], definition: DashboardVisualisation, group = false) {\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    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  private initGroupVars = () => {\n    this.groupKey = DatasetHelper.getGroupKey(this.keys, this.dataset.latest)\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 = (scorecardDefinition: DashboardVisualisation, rawData: DashboardDataResponse[]) => {\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) => {\n    return {\n      title,\n      value,\n      ...(!Number.isNaN(value) && this.buckets.length && { 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,\n  ): ScorecardTrend | undefined => {\n    let trendData\n\n    if (valueFrom !== valueFor) {\n      const value = +latestValue - +earliestValue\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, this.groupKeyId)\n    let latestGroupedByKey = DatasetHelper.groupRowsByKey(latest, 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.createGroupTitle(group[0]),\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,\n        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": "6iBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,4BAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAEA,IAAAK,EAAwC,yDAOxCC,EAA0B,2CAE1BC,EAAoB,0CAEpB,MAAML,UAA+B,EAAAM,OAA4B,CAyB/D,YAAYC,EAAuCC,EAAoCC,EAAQ,GAAO,CACpG,MAAMF,EAAcC,CAAU,EAfhC,KAAQ,QAA0C,CAAC,EAYnD,KAAQ,WAAuB,CAAC,UAAW,UAAW,SAAS,EAgB/D,KAAQ,YAAc,CAACD,EAAuCG,IAAqB,CACjF,KAAK,cAAgB,IAAI,EAAAC,QAAQJ,EAAc,KAAK,WAAYG,EAAU,GAAO,KAAK,UAAU,EAChG,KAAK,QAAU,IAAI,EAAAC,QAAQJ,EAAc,KAAK,WAAYG,EAAU,GAAO,KAAK,UAAU,EAAE,WAAW,CACzG,EAEA,KAAQ,cAAgB,IAAM,CAC5B,KAAK,SAAW,EAAAE,QAAc,YAAY,KAAK,KAAM,KAAK,QAAQ,MAAM,EACxE,KAAK,WAAa,KAAK,UAAU,GACjC,KAAK,gBAAkB,KAAK,UAAU,QAEtC,KAAK,YAAc,KAAK,SAAS,KAAMC,GAAQA,EAAI,YAAY,EAC3D,KAAK,cACP,KAAK,SAAW,KAAK,aAAa,GAClC,KAAK,YAAc,KAAK,SAAS,KAAMA,GAC9BA,EAAI,SAAWA,EAAI,UAAY,EACvC,EACD,KAAK,SAAW,KAAK,aAAa,GAEtC,EAEA,KAAQ,WAAa,CAACC,EAA6CC,IAAqC,CACtG,MAAMC,EAAa,EAAAJ,QAAc,kBAAkBG,CAAO,EACpDE,EAAoB,EAAAL,QAAc,eAAeE,EAAqBE,CAAU,EAChFE,EAAWD,EAAkB,CAAC,GAAG,IAAI,IACrCE,EAAiB,EAAAP,QAAc,2BAA2BE,EAAqBG,EAAmB,EAAI,EAEtGG,EAAe,EAAAR,QAAc,mBAAmBG,CAAO,EACvDM,EAAsB,EAAAT,QAAc,eAAeE,EAAqBM,CAAY,EACpFE,EAAaD,EAAoB,CAAC,GAAG,IAAI,IAG/C,MAAO,CACL,SAHuB,EAAAT,QAAc,2BAA2BE,EAAqBO,EAAqB,EAAI,EAI9G,WAAAC,EACA,OAAQH,EACR,SAAAD,CACF,CACF,EAEA,KAAQ,YAAc,CAACK,EAAeC,IAC7B,KAAK,cAAc,kBAAkBD,EAAOC,CAAG,EAGxD,KAAQ,oBAAsB,CAAC,CAC7B,MAAAC,EACA,MAAAF,EACA,IAAAC,EACA,SAAAE,EACA,UAAAC,EACA,QAAAC,EACA,WAAAC,CACF,KACS,CACL,MAAAJ,EACA,MAAAF,EACA,GAAI,CAAC,OAAO,MAAMA,CAAK,GAAK,KAAK,QAAQ,QAAU,CAAE,IAAK,KAAK,YAAoBA,EAAOC,CAAG,CAAE,EAC/F,SAAAE,EACA,MAAO,KAAK,YAAYA,EAAUC,EAAWJ,EAAOK,CAAO,EAC3D,GAAIC,GAAc,CAChB,MAAOA,CACT,CACF,GAGF,KAAQ,YAAc,CACpBH,EACAC,EACAG,EACAC,IAC+B,CAC/B,IAAIC,EAEJ,GAAIL,IAAcD,EAAU,CAC1B,MAAMH,EAAQ,CAACO,EAAc,CAACC,EAE9BC,EAAY,CACV,UAFgB,KAAK,KAAKT,CAAK,EAG/B,MAAO,KAAK,IAAIA,CAAK,EACrB,KAAMI,CACR,CACF,CAEA,OAAOK,CACT,EAEA,KAAQ,mBAAqB,IAAM,CACjC,KAAM,CAAE,GAAAC,EAAI,KAAAC,CAAK,EAAI,KAAK,WACpBC,EAAS,CAAC,EAWhB,GAVK,KAAK,QACJ,KAAK,SAAS,SAAW,EAC3BA,EAAO,KAAK,qDAAqD,KAAK,SAAS,MAAM,EAAE,EAC7E,KAAK,YAEL,KAAK,UACfA,EAAO,KAAK,6EAA6E,EAFzFA,EAAO,KAAK,8EAA8E,GAM1FA,EAAO,OAAQ,CAEjB,MAAMC,EAAU,4CAA4CH,CAAE,WAAWC,CAAI,aAAaC,EAAO,KAAK,GAAG,CAAC,GAC1G,MAAM,IAAI,MAAMC,CAAO,CACzB,CACF,EAEA,KAAQ,gCAAkC,IAAM,CAC9C,KAAM,CAAE,OAAAC,EAAQ,SAAAC,EAAU,SAAApB,EAAU,WAAAI,CAAW,EAAI,KAAK,QAExD,OAAOe,EAAO,IAAI,CAACE,EAAKC,KACf,CACL,MAAO,KAAK,iBAAiBD,CAAG,EAChC,WAAY,OAAO,KAAKA,CAAG,EACxB,OAAQE,GAAUA,IAAU,KAAK,UAAU,EAC3C,IAAKA,GAAU,CAEd,MAAMhB,EADU,KAAK,SAAS,KAAMiB,GAAMA,EAAE,KAAOD,CAAK,GACjC,SAAWA,EAC5BE,EAASJ,EAAIE,CAAK,EAClB,CAAE,IAAAG,EAAK,IAAKC,CAAS,EAAIF,EACzBpB,EAAQ,OAAOqB,CAAG,EAElBpB,EAAMqB,IAAa,OAAY,OAAOA,CAAQ,EAAI,OACxD,KAAK,YAAY,CAACN,CAAG,EAAGE,CAAK,EAE7B,MAAMf,EAAW,GAAGR,CAAQ,GACtBS,EAAY,GAAGL,CAAU,GAGzBM,EADgBU,EAASE,CAAQ,EACTC,CAAK,GAAG,IAEtC,OAAO,KAAK,oBAAoB,CAC9B,MAAAhB,EACA,MAAAF,EACA,IAAAC,EACA,QAAAI,EACA,SAAAF,EACA,UAAAC,CACF,CAAC,CACH,CAAC,CACL,EACD,CACH,EAEA,KAAQ,6BAA+B,IAAwB,CAC7D,KAAM,CAAE,OAAAU,EAAQ,SAAAC,CAAS,EAAI,KAAK,QAClC,MAAO,CACL,CACE,MAAO,GACP,WAAYD,EAAO,IAAI,CAACE,EAA4BO,IAAkB,CACpE,MAAMC,EAAS,KAAK,mBAAmBR,CAAG,EACpCX,EAAUU,EAASQ,CAAK,EAAE,KAAK,QAAQ,EAAE,IAC/C,OAAO,KAAK,oBAAoB,CAC9B,GAAGC,EACH,QAAAnB,CACF,CAAC,CACH,CAAC,CACH,CACF,CACF,EAEA,KAAQ,uCAAyC,IAAM,CACrD,KAAM,CAAE,OAAAS,EAAQ,SAAAC,CAAS,EAAI,KAAK,QAElC,IAAIU,EAAuB,EAAApC,QAAc,eAAe0B,EAAU,KAAK,UAAU,EAC7EW,EAAqB,EAAArC,QAAc,eAAeyB,EAAQ,KAAK,UAAU,EAC7E,OAAI,KAAK,aAAe,KAAK,WAC3BY,EAAqB,CAACA,EAAmB,KAAK,CAAC,EAC/CD,EAAuB,CAACA,EAAqB,KAAK,CAAC,GAG9BC,EAAmB,IAAI,CAACxC,EAAOyC,KAC7C,CACL,MAAO,KAAK,iBAAiBzC,EAAM,CAAC,CAAC,EACrC,WAAYA,EAAM,IAAI,CAAC8B,EAAKC,IAAa,CACvC,MAAMO,EAAS,KAAK,mBAAmBR,CAAG,EAEpCX,EADgBoB,EAAqBE,CAAU,EAAEV,CAAQ,EACjC,KAAK,QAAQ,GAAG,IAE9C,OAAO,KAAK,oBAAoB,CAC9B,GAAGO,EACH,QAAAnB,CACF,CAAC,CACH,CAAC,CACH,EACD,CAGH,EAEA,KAAQ,mBAAsBW,GAA+B,CAC3D,KAAM,CAAE,SAAArB,EAAU,WAAAI,CAAW,EAAI,KAAK,QAChCG,EAAQ,GAAG,KAAK,YAAY,OAAO,IAAIc,EAAI,KAAK,QAAQ,EAAE,GAAG,GAC7DI,EAASJ,EAAI,KAAK,QAAQ,EAC1B,CAAE,IAAAK,EAAK,IAAKC,CAAS,EAAIF,EACzBpB,EAAQ,OAAOqB,CAAG,EAClBpB,EAAMqB,IAAa,OAAY,OAAOA,CAAQ,EAAI,OACxD,KAAK,YAAY,CAACN,CAAG,EAAG,KAAK,QAAQ,EACrC,MAAMb,EAAW,GAAGR,CAAQ,GACtBS,EAAY,GAAGL,CAAU,GAE/B,MAAO,CACL,MAAAG,EACA,MAAAF,EACA,IAAAC,EACA,SAAAE,EACA,UAAAC,CACF,CACF,EAOA,KAAQ,eAAiB,IAAM,CAC7B,KAAM,CAAE,OAAAU,EAAQ,SAAAC,EAAU,SAAApB,EAAU,WAAAI,CAAW,EAAI,KAAK,QAkBxD,OAjBkCe,EAAO,IAAI,CAACc,EAAmCL,IAAkB,CACjG,KAAM,CAAE,IAAKvB,EAAO,IAAAC,CAAI,EAAI2B,EAAW,KAAK,QAAQ,EAC9CvB,EAAUU,EAASQ,CAAK,EAAE,KAAK,QAAQ,EAAE,IACzCpB,EAAW,GAAGR,CAAQ,GACtBS,EAAY,GAAGL,CAAU,GACzBG,EAAQ,KAAK,YAAY,QAE/B,OAAO,KAAK,oBAAoB,CAC9B,MAAAA,EACA,MAAAF,EACA,IAAAC,EACA,QAAAI,EACA,SAAAF,EACA,UAAAC,CACF,CAAC,CACH,CAAC,EAEmB,CAAC,CACvB,EAEA,KAAQ,iBAAoBY,GAA+B,CACzD,MAAMd,EAAQ,KAAK,WAAa,GAAGc,EAAI,KAAK,UAAU,GAAG,GAAG,GAAK,GACjE,OAAO,KAAK,iBAAmB,KAAK,gBAAgB,OAAS,GAAG,KAAK,eAAe,KAAKd,CAAK,GAAKA,CACrG,EAEA,KAAQ,WAAa,IAAM,CACzB,IAAI2B,EACJ,OAAK,KAAK,YAEC,KAAK,SACdA,EAAiB,KAAK,uCAAuC,EAE7DA,EAAiB,KAAK,6BAA6B,EAJnDA,EAAiB,KAAK,gCAAgC,EAMjDA,CACT,EAEA,WAAQ,KACN,KAAK,mBAAmB,EACpB,KAAK,MACA,KAAK,WAAW,EAElB,KAAK,eAAe,GA7Q3B,KAAK,MAAQ3C,EACb,KAAK,QAAU,KAAK,WAAWD,EAAYD,CAAY,EAEnDE,EACF,KAAK,cAAc,GAEnB,KAAK,SAAW,KAAK,SAAS,CAAC,EAAE,GACjC,KAAK,YAAc,CAAE,QAASD,EAAW,QAAS,GAAI,KAAK,QAAS,EACpE,KAAK,YAAYD,EAAc,KAAK,QAAQ,EAEhD,CAqQF,CAGA,IAAON,EAAQD",
+  "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"]
+}

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

@@ -0,0 +1,315 @@
+/* eslint-disable prefer-destructuring */
+import { DashboardDataResponse } from '../../../types/Metrics'
+import DashboardVisualisationClass from '../../_charts/chart/DashboardVisualisation'
+import {
+  DashboardVisualisation,
+  DashboardVisualisationBucket,
+  DashboardVisualisationColumnKey,
+  DashboardVisualisationColumnMeasure,
+} from '../dashboard/types'
+import DatasetHelper from '../../../utils/datasetHelper'
+import { CreateScorecardDataArgs, Scorecard, ScorecardDataset, ScorecardGroup, ScorecardTrend } from './types'
+import Buckets from '../../_charts/chart/Buckets'
+
+class ScorecardVisualisation extends DashboardVisualisationClass {
+  private dataset: ScorecardDataset
+
+  private groupKey: DashboardVisualisationColumnKey
+
+  private groupKeyId: string
+
+  private groupKeyDisplay: string
+
+  private bucketsHelper: Buckets
+
+  private buckets: DashboardVisualisationBucket[] = []
+
+  private valueColumn: DashboardVisualisationColumnMeasure
+
+  private valueKey: string
+
+  private titleColumn: DashboardVisualisationColumnMeasure
+
+  private titleKey: string
+
+  private group: boolean
+
+  private ragColours: string[] = ['#cce2d8', '#fff7bf', '#f4cdc6']
+
+  constructor(responseData: DashboardDataResponse[], definition: DashboardVisualisation, group = false) {
+    super(responseData, definition)
+    this.group = group
+    this.dataset = this.getDataset(definition, responseData)
+
+    if (group) {
+      this.initGroupVars()
+    } else {
+      this.valueKey = this.measures[0].id
+      this.titleColumn = { display: definition.display, id: this.valueKey }
+      this.initBuckets(responseData, this.valueKey)
+    }
+  }
+
+  private initBuckets = (responseData: DashboardDataResponse[], valueKey: string) => {
+    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.keys, this.dataset.latest)
+    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
+    }
+  }
+
+  private getDataset = (scorecardDefinition: DashboardVisualisation, rawData: DashboardDataResponse[]) => {
+    const latestData = DatasetHelper.getLastestDataset(rawData)
+    const latestDataSetRows = DatasetHelper.getDatasetRows(scorecardDefinition, latestData)
+    const latestTs = latestDataSetRows[0]?.ts?.raw
+    const latestFiltered = DatasetHelper.filterRowsByDisplayColumns(scorecardDefinition, latestDataSetRows, true)
+
+    const earliestData = DatasetHelper.getEarliestDataset(rawData)
+    const earliestDataSetRows = DatasetHelper.getDatasetRows(scorecardDefinition, earliestData)
+    const earliestTs = earliestDataSetRows[0]?.ts?.raw
+    const earliestfiltered = DatasetHelper.filterRowsByDisplayColumns(scorecardDefinition, earliestDataSetRows, true)
+
+    return {
+      earliest: earliestfiltered,
+      earliestTs,
+      latest: latestFiltered,
+      latestTs,
+    }
+  }
+
+  private setRagScore = (value: number, rag?: number) => {
+    return this.bucketsHelper.getBucketForValue(value, rag)
+  }
+
+  private createScorecardData = ({
+    title,
+    value,
+    rag,
+    valueFor,
+    valueFrom,
+    prevVal,
+    groupTitle,
+  }: CreateScorecardDataArgs) => {
+    return {
+      title,
+      value,
+      ...(!Number.isNaN(value) && this.buckets.length && { rag: this.setRagScore(<number>value, rag) }),
+      valueFor,
+      trend: this.createTrend(valueFor, valueFrom, value, prevVal),
+      ...(groupTitle && {
+        group: groupTitle,
+      }),
+    }
+  }
+
+  private createTrend = (
+    valueFor: string,
+    valueFrom: string,
+    latestValue: string | number,
+    earliestValue: string | number,
+  ): ScorecardTrend | undefined => {
+    let trendData
+
+    if (valueFrom !== valueFor) {
+      const value = +latestValue - +earliestValue
+      const direction = Math.sign(value)
+      trendData = {
+        direction,
+        value: Math.abs(value),
+        from: valueFrom,
+      }
+    }
+
+    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, this.groupKeyId)
+    let latestGroupedByKey = DatasetHelper.groupRowsByKey(latest, this.groupKeyId)
+    if (this.groupKeyId === this.titleKey) {
+      latestGroupedByKey = [latestGroupedByKey.flat()]
+      earliestGroupedByKey = [earliestGroupedByKey.flat()]
+    }
+
+    const scorecardGroup = latestGroupedByKey.map((group, groupIndex) => {
+      return {
+        title: this.createGroupTitle(group[0]),
+        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,
+    }
+  }
+
+  /**
+   * Builds a single scorecard
+   *
+   * @return {Scorecard}
+   */
+  private buildScorecard = () => {
+    const { latest, earliest, latestTs, earliestTs } = this.dataset
+    const scorecordArr: Scorecard[] = latest.map((datasetRow: DashboardDataResponse, index: number) => {
+      const { raw: value, rag } = datasetRow[this.valueKey]
+      const prevVal = earliest[index][this.valueKey].raw
+      const valueFor = `${latestTs}`
+      const valueFrom = `${earliestTs}`
+      const title = this.titleColumn.display
+
+      return this.createScorecardData({
+        title,
+        value,
+        rag,
+        prevVal,
+        valueFor,
+        valueFrom,
+      })
+    })
+
+    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 }
+export default ScorecardVisualisation

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

@@ -1,2 +1,2 @@
-var a=Object.defineProperty;var t=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var s=(e,r,n,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let c of i(r))!d.call(e,c)&&c!==n&&a(e,c,{get:()=>r[c],enumerable:!(o=t(r,c))||o.enumerable});return e};var g=e=>s(a({},"__esModule",{value:!0}),e);var u={};module.exports=g(u);
+var n=Object.defineProperty;var s=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var g=(e,r,o,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of i(r))!c.call(e,a)&&a!==o&&n(e,a,{get:()=>r[a],enumerable:!(t=s(r,a))||t.enumerable});return e};var d=e=>g(n({},"__esModule",{value:!0}),e);var u={};module.exports=d(u);
 //# 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": ["export interface Scorecard {\n  title: string\n  group?: string\n  value: number | string\n  trend?: ScorecardTrend\n  link?: {\n    href: '#'\n    displayName: 'View breakdown'\n  }\n  valueFor?: string\n  rag?: ScorecardRag\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  color: string\n}\n"],
+  "sourcesContent": ["import { DashboardDataResponse } from '../../../types/Metrics'\n\nexport interface Scorecard {\n  title: string\n  group?: string\n  value: number | string\n  trend?: ScorecardTrend\n  link?: {\n    href: '#'\n    displayName: 'View breakdown'\n  }\n  valueFor?: string\n  rag?: ScorecardRag\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\n  latest: DashboardDataResponse[]\n  latestTs: string | number\n}\n\nexport interface CreateScorecardDataArgs {\n  title: string\n  value: string | number\n  rag?: number\n  valueFor: string\n  valueFrom: string\n  prevVal: string | number\n  groupTitle?: string\n}\n"],
   "mappings": "kWAAA,IAAAA,EAAA,kBAAAC,EAAAD",
   "names": ["types_exports", "__toCommonJS"]
 }

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

@@ -1,3 +1,5 @@
+import { DashboardDataResponse } from '../../../types/Metrics'
+
 export interface Scorecard {
   title: string
   group?: string
@@ -30,5 +32,22 @@ export interface ScorecardTrend {
 
 export interface ScorecardRag {
   score: number
-  color: string
+  colour: string
+}
+
+export interface ScorecardDataset {
+  earliest: DashboardDataResponse[]
+  earliestTs: string | number
+  latest: DashboardDataResponse[]
+  latestTs: string | number
+}
+
+export interface CreateScorecardDataArgs {
+  title: string
+  value: string | number
+  rag?: number
+  valueFor: string
+  valueFrom: string
+  prevVal: string | number
+  groupTitle?: string
 }

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

@@ -1,2 +1,2 @@
-var B=Object.create;var V=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var I=Object.getOwnPropertyNames;var L=Object.getPrototypeOf,O=Object.prototype.hasOwnProperty;var U=(s,r)=>{for(var a in r)V(s,a,{get:r[a],enumerable:!0})},v=(s,r,a,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let e of I(r))!O.call(s,e)&&e!==a&&V(s,e,{get:()=>r[e],enumerable:!(o=E(r,e))||o.enumerable});return s};var k=(s,r,a)=>(a=s!=null?B(L(s)):{},v(r||!s||!s.__esModule?V(a,"default",{value:s,enumerable:!0}):a,s)),M=s=>v(V({},"__esModule",{value:!0}),s);var z={};U(z,{createScorecard:()=>F,createScorecards:()=>G,default:()=>q,mergeScorecardsIntoGroup:()=>T});module.exports=M(z);var w=require("../dashboard/types"),m=k(require("../../../utils/datasetHelper"));const G=(s,r)=>{const{columns:a}=s,{measures:o,keys:e}=a,t=$(s,r),{earliest:c,latest:n,earliestTs:i,latestTs:d}=t,l=o.find(b=>b.displayValue),p=m.default.getGroupKey(e,n);let u;return l?p?u=P(a,c,i,n,d,p):u=j(a,c,i,n,d):u=H(a,c,i,n,d,p),u},$=(s,r)=>{const a=m.default.getLastestDataset(r),o=m.default.getDatasetRows(s,a),e=o[0]?.ts?.raw,t=m.default.filterRowsByDisplayColumns(s,o,!0),c=m.default.getEarliestDataset(r),n=m.default.getDatasetRows(s,c),i=n[0]?.ts?.raw;return{earliest:m.default.filterRowsByDisplayColumns(s,n,!0),earliestTs:i,latest:t,latestTs:e}},C=({title:s,value:r,rag:a,valueFor:o,valueFrom:e,prevVal:t,groupTitle:c})=>({title:s,value:r,...a&&{rag:W(a)},valueFor:o,trend:_(o,e,r,t),...c&&{group:c}}),F=(s,r)=>{const{columns:a}=s,{measures:o}=a,e=o[0],{id:t,display:c}=e,n=$(s,r),{earliest:i,latest:d,earliestTs:l,latestTs:p}=n;return d.map((b,h)=>{const D=c,{rag:g,raw:y}=b[t],R=i[h][t].raw,S=`${p}`,f=`${l}`;return C({title:D,value:y,rag:g,prevVal:R,valueFor:S,valueFrom:f})})[0]},j=(s,r,a,o,e)=>{const{measures:t}=s,c=t.find(i=>i.displayValue),n=t.find(i=>i.display||i.display==="");return[{title:"",scorecards:o.map((i,d)=>{const l=n?`${n.display} ${i[n.id].raw}`:n.display,{rag:p,raw:u}=i[c.id],b=r[d][c.id].raw,h=`${e}`,D=`${a}`;return C({title:l,value:u,rag:p,prevVal:b,valueFor:h,valueFrom:D})})}]},H=(s,r,a,o,e,t)=>{const{measures:c}=s;return o.map((n,i)=>{const d=`${n[t?.id]?.raw}`||"";return{title:t.display?`${t.display}: ${d}`:d,scorecards:Object.keys(n).filter(l=>l!==t?.id).map(l=>{const p=r[i],b=c.find(S=>S.id===l)?.display||l,h=+n[l].raw,D=+n[l].rag,g=p[l]?.raw,y=`${e}`,R=`${a}`;return C({title:b,value:h,rag:D,prevVal:g,valueFor:y,valueFrom:R})})}})},P=(s,r,a,o,e,t)=>{const{measures:c}=s,n=m.default.groupRowsByKey(o,t.id),i=m.default.groupRowsByKey(r,t.id),d=c.find(u=>u.displayValue),l=c.find(u=>u.display||u.display==="");return n.map((u,b)=>{const h=`${u[0][t?.id]?.raw}`||"";return{title:t.display?`${t.display}: ${h}`:h,scorecards:u.map((D,g)=>{const y=l?`${l.display} ${D[l.id].raw}`:l.display,R=+D[d.id].raw,S=+D[d.id].rag,f=`${e}`,x=`${a}`,A=i[b][g][d.id]?.raw;return C({title:y,value:R,rag:S,prevVal:A,valueFor:f,valueFrom:x})})}})},W=s=>({score:s,color:["green","yellow","red"][s]}),_=(s,r,a,o)=>{let e;if(r!==s){const t=+a-+o;e={direction:Math.sign(t),value:Math.abs(t),from:r}}return e},T=s=>(s.reduce((a,o,e)=>(o.type===w.DashboardVisualisationType.SCORECARD&&a.push(e),a),[]).reduce((a,o)=>{const e=a[a.length-1];return(!e||e[e.length-1]!==o-1)&&a.push([]),a[a.length-1].push(o),a},[]).reverse().forEach(a=>{const o=a[0],e=a.map(t=>s[t].data).filter(t=>!!t);for(;a.length;)s.splice(a.pop(),1);e.length&&s.splice(o,0,{id:`${o}`,type:w.DashboardVisualisationType.SCORECARD_GROUP,data:[{scorecards:e}]})}),s);var q={createScorecard:F,createScorecards:G,mergeScorecardsIntoGroup:T};0&&(module.exports={createScorecard,createScorecards,mergeScorecardsIntoGroup});
+var d=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var l=(o,c)=>{for(var e in c)d(o,e,{get:c[e],enumerable:!0})},i=(o,c,e,t)=>{if(c&&typeof c=="object"||typeof c=="function")for(let r of u(c))!h.call(o,r)&&r!==e&&d(o,r,{get:()=>c[r],enumerable:!(t=p(c,r))||t.enumerable});return o};var m=o=>i(d({},"__esModule",{value:!0}),o);var S={};l(S,{default:()=>b,mergeScorecardsIntoGroup:()=>s});module.exports=m(S);var n=require("../dashboard/types");const s=o=>(o.reduce((e,t,r)=>(t.type===n.DashboardVisualisationType.SCORECARD&&e.push(r),e),[]).reduce((e,t)=>{const r=e[e.length-1];return(!r||r[r.length-1]!==t-1)&&e.push([]),e[e.length-1].push(t),e},[]).reverse().forEach(e=>{const t=e[0],r=e.map(a=>o[a].data).filter(a=>!!a);for(;e.length;)o.splice(e.pop(),1);r.length&&o.splice(t,0,{id:`${t}`,type:n.DashboardVisualisationType.SCORECARD_GROUP,data:[{scorecards:r}]})}),o);var b={mergeScorecardsIntoGroup:s};0&&(module.exports={mergeScorecardsIntoGroup});
 //# sourceMappingURL=utils.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/dpr/components/_dashboards/scorecard/utils.ts"],
-  "sourcesContent": ["import { DashboardDataResponse } from '../../../types/Metrics'\nimport {\n  DashboardUIVisualisation,\n  DashboardVisualisation,\n  DashboardVisualisationColumn,\n  DashboardVisualisationColumns,\n  DashboardVisualisationType,\n  ScorecardVisualisationColumn,\n} from '../dashboard/types'\nimport { Scorecard, ScorecardGroup, ScorecardTrend } from './types'\nimport DatasetHelper from '../../../utils/datasetHelper'\n\nexport const createScorecards = (\n  scorecardDefinition: DashboardVisualisation,\n  rawData: DashboardDataResponse[],\n): ScorecardGroup[] => {\n  const { columns } = scorecardDefinition\n  const { measures, keys } = columns\n  const dataset = getDataset(scorecardDefinition, rawData)\n  const { earliest, latest, earliestTs, latestTs } = dataset\n\n  const scorecardFromListValueColumn = (<ScorecardVisualisationColumn[]>measures).find((col) => col.displayValue)\n  const groupKey = DatasetHelper.getGroupKey(keys, latest)\n\n  let scorecardGroup: ScorecardGroup[]\n  if (!scorecardFromListValueColumn) {\n    scorecardGroup = createScorecardGroupFromColumns(columns, earliest, earliestTs, latest, latestTs, groupKey)\n  } else if (groupKey) {\n    scorecardGroup = createScorecardGroupFromListWithGroups(columns, earliest, earliestTs, latest, latestTs, groupKey)\n  } else {\n    scorecardGroup = createScorecardGroupFromList(columns, earliest, earliestTs, latest, latestTs)\n  }\n  return scorecardGroup\n}\n\nconst getDataset = (scorecardDefinition: DashboardVisualisation, rawData: DashboardDataResponse[]) => {\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\nconst createScorecardData = ({\n  title,\n  value,\n  rag,\n  valueFor,\n  valueFrom,\n  prevVal,\n  groupTitle,\n}: {\n  title: string\n  value: string | number\n  rag?: number\n  valueFor: string\n  valueFrom: string\n  prevVal: string | number\n  groupTitle?: string\n}) => {\n  return {\n    title,\n    value,\n    ...(rag && { rag: getRag(rag) }),\n    valueFor,\n    trend: createTrend(valueFor, valueFrom, value, prevVal),\n    ...(groupTitle && {\n      group: groupTitle,\n    }),\n  }\n}\n\nexport const createScorecard = (scorecardDefinition: DashboardVisualisation, rawData: DashboardDataResponse[]) => {\n  const { columns } = scorecardDefinition\n  const { measures } = columns\n  const displayColumn = measures[0]\n  const { id: valueColumnId, display } = displayColumn\n\n  const dataset = getDataset(scorecardDefinition, rawData)\n  const { earliest, latest, earliestTs, latestTs } = dataset\n\n  const scorecordArr: Scorecard[] = latest.map((datasetRow: DashboardDataResponse, index: number) => {\n    const title = display\n    const { rag, raw: value } = datasetRow[valueColumnId]\n    const prevVal = earliest[index][valueColumnId].raw\n    const valueFor = `${latestTs}`\n    const valueFrom = `${earliestTs}`\n\n    return createScorecardData({\n      title,\n      value,\n      rag,\n      prevVal,\n      valueFor,\n      valueFrom,\n    })\n  })\n\n  return scorecordArr[0]\n}\n\nconst createScorecardGroupFromList = (\n  columns: DashboardVisualisationColumns,\n  earliest: DashboardDataResponse[],\n  earliestTs: string | number,\n  latest: DashboardDataResponse[],\n  latestTs: string | number,\n): ScorecardGroup[] => {\n  const { measures } = columns\n  const valueColumn = (<ScorecardVisualisationColumn[]>measures).find((col) => col.displayValue)\n  const displayColumn = measures.find((col) => {\n    return col.display || col.display === ''\n  })\n  return [\n    {\n      title: '',\n      scorecards: latest.map((datasetRow: DashboardDataResponse, index: number) => {\n        const title = displayColumn\n          ? `${displayColumn.display} ${datasetRow[displayColumn.id].raw}`\n          : displayColumn.display\n        const { rag, raw: value } = datasetRow[valueColumn.id]\n        const prevVal = earliest[index][valueColumn.id].raw\n        const valueFor = `${latestTs}`\n        const valueFrom = `${earliestTs}`\n\n        return createScorecardData({\n          title,\n          value,\n          rag,\n          prevVal,\n          valueFor,\n          valueFrom,\n        })\n      }),\n    },\n  ]\n}\n\nconst createScorecardGroupFromColumns = (\n  columns: DashboardVisualisationColumns,\n  earliest: DashboardDataResponse[],\n  earliestTs: string | number,\n  latest: DashboardDataResponse[],\n  latestTs: string | number,\n  groupKey: DashboardVisualisationColumn,\n) => {\n  const { measures } = columns\n\n  return latest.map((row, rowIndex) => {\n    const groupTitle = `${row[groupKey?.id]?.raw}` || ''\n\n    return {\n      title: groupKey.display ? `${groupKey.display}: ${groupTitle}` : groupTitle,\n      scorecards: Object.keys(row)\n        .filter((colId) => colId !== groupKey?.id)\n        .map((colId) => {\n          const comparisonRow = earliest[rowIndex]\n          const measure = measures.find((m) => m.id === colId)\n          const title = measure?.display || colId\n          const value = +row[colId].raw\n          const rag = +row[colId].rag\n          const prevVal = comparisonRow[colId]?.raw\n          const valueFor = `${latestTs}`\n          const valueFrom = `${earliestTs}`\n\n          return createScorecardData({\n            title,\n            value,\n            rag,\n            prevVal,\n            valueFor,\n            valueFrom,\n          })\n        }),\n    }\n  })\n}\n\nconst createScorecardGroupFromListWithGroups = (\n  columns: DashboardVisualisationColumns,\n  earliest: DashboardDataResponse[],\n  earliestTs: string | number,\n  latest: DashboardDataResponse[],\n  latestTs: string | number,\n  groupKey: DashboardVisualisationColumn,\n) => {\n  const { measures } = columns\n\n  const latestGroupedByKey = DatasetHelper.groupRowsByKey(latest, groupKey.id)\n  const earliestGroupedByKey = DatasetHelper.groupRowsByKey(earliest, groupKey.id)\n  const valueColumn = (<ScorecardVisualisationColumn[]>measures).find((col) => col.displayValue)\n  const displayColumn = measures.find((col) => {\n    return col.display || col.display === ''\n  })\n\n  const scorecardGroup = latestGroupedByKey.map((group, groupIndex) => {\n    const groupTitle = `${group[0][groupKey?.id]?.raw}` || ''\n    return {\n      title: groupKey.display ? `${groupKey.display}: ${groupTitle}` : groupTitle,\n      scorecards: group.map((row, rowIndex) => {\n        const title = displayColumn ? `${displayColumn.display} ${row[displayColumn.id].raw}` : displayColumn.display\n        const value = +row[valueColumn.id].raw\n        const rag = +row[valueColumn.id].rag\n        const valueFor = `${latestTs}`\n        const valueFrom = `${earliestTs}`\n\n        const comparisonRow = earliestGroupedByKey[groupIndex][rowIndex]\n        const prevVal = comparisonRow[valueColumn.id]?.raw\n\n        return createScorecardData({\n          title,\n          value,\n          rag,\n          prevVal,\n          valueFor,\n          valueFrom,\n        })\n      }),\n    }\n  })\n\n  return scorecardGroup\n}\n\nconst getRag = (ragScore: number) => {\n  const ragColors = ['green', 'yellow', 'red']\n  return {\n    score: ragScore,\n    color: ragColors[ragScore],\n  }\n}\n\nconst createTrend = (\n  valueFor: string,\n  valueFrom: string,\n  latestValue: string | number,\n  earliestValue: string | number,\n): ScorecardTrend | undefined => {\n  let trendData\n\n  if (valueFrom !== valueFor) {\n    const value = +latestValue - +earliestValue\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\nexport const mergeScorecardsIntoGroup = (visualisations: DashboardUIVisualisation[]) => {\n  const groupedScorecardIndexes: number[][] = visualisations\n    // get scorecard indexes\n    .reduce((acc: number[], vis: DashboardUIVisualisation, i: number) => {\n      if (vis.type === DashboardVisualisationType.SCORECARD) acc.push(i)\n      return acc\n    }, [])\n    // group adjacent indexes\n    .reduce((r, n) => {\n      const lastSubArray = r[r.length - 1]\n      if (!lastSubArray || lastSubArray[lastSubArray.length - 1] !== n - 1) r.push([])\n      r[r.length - 1].push(n)\n      return r\n    }, [])\n\n  groupedScorecardIndexes.reverse().forEach((group: number[]) => {\n    const spliceAtIndex = group[0]\n    const scorecardGroup: Scorecard[] = group\n      .map((scIndex: number) => {\n        return visualisations[scIndex].data as Scorecard\n      })\n      .filter((scorecard: Scorecard) => !!scorecard)\n\n    while (group.length) {\n      visualisations.splice(group.pop(), 1)\n    }\n\n    if (scorecardGroup.length) {\n      visualisations.splice(spliceAtIndex, 0, {\n        id: `${spliceAtIndex}`,\n        type: DashboardVisualisationType.SCORECARD_GROUP,\n        data: [{ scorecards: scorecardGroup }],\n      })\n    }\n  })\n\n  return visualisations\n}\n\nexport default {\n  createScorecard,\n  createScorecards,\n  mergeScorecardsIntoGroup,\n}\n"],
-  "mappings": "6iBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,qBAAAE,EAAA,qBAAAC,EAAA,YAAAC,EAAA,6BAAAC,IAAA,eAAAC,EAAAN,GACA,IAAAO,EAOO,8BAEPC,EAA0B,2CAEnB,MAAML,EAAmB,CAC9BM,EACAC,IACqB,CACrB,KAAM,CAAE,QAAAC,CAAQ,EAAIF,EACd,CAAE,SAAAG,EAAU,KAAAC,CAAK,EAAIF,EACrBG,EAAUC,EAAWN,EAAqBC,CAAO,EACjD,CAAE,SAAAM,EAAU,OAAAC,EAAQ,WAAAC,EAAY,SAAAC,CAAS,EAAIL,EAE7CM,EAAgER,EAAU,KAAMS,GAAQA,EAAI,YAAY,EACxGC,EAAW,EAAAC,QAAc,YAAYV,EAAMI,CAAM,EAEvD,IAAIO,EACJ,OAAKJ,EAEME,EACTE,EAAiBC,EAAuCd,EAASK,EAAUE,EAAYD,EAAQE,EAAUG,CAAQ,EAEjHE,EAAiBE,EAA6Bf,EAASK,EAAUE,EAAYD,EAAQE,CAAQ,EAJ7FK,EAAiBG,EAAgChB,EAASK,EAAUE,EAAYD,EAAQE,EAAUG,CAAQ,EAMrGE,CACT,EAEMT,EAAa,CAACN,EAA6CC,IAAqC,CACpG,MAAMkB,EAAa,EAAAL,QAAc,kBAAkBb,CAAO,EACpDmB,EAAoB,EAAAN,QAAc,eAAed,EAAqBmB,CAAU,EAChFT,EAAWU,EAAkB,CAAC,GAAG,IAAI,IACrCC,EAAiB,EAAAP,QAAc,2BAA2Bd,EAAqBoB,EAAmB,EAAI,EAEtGE,EAAe,EAAAR,QAAc,mBAAmBb,CAAO,EACvDsB,EAAsB,EAAAT,QAAc,eAAed,EAAqBsB,CAAY,EACpFb,EAAac,EAAoB,CAAC,GAAG,IAAI,IAG/C,MAAO,CACL,SAHuB,EAAAT,QAAc,2BAA2Bd,EAAqBuB,EAAqB,EAAI,EAI9G,WAAAd,EACA,OAAQY,EACR,SAAAX,CACF,CACF,EAEMc,EAAsB,CAAC,CAC3B,MAAAC,EACA,MAAAC,EACA,IAAAC,EACA,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,WAAAC,CACF,KASS,CACL,MAAAN,EACA,MAAAC,EACA,GAAIC,GAAO,CAAE,IAAKK,EAAOL,CAAG,CAAE,EAC9B,SAAAC,EACA,MAAOK,EAAYL,EAAUC,EAAWH,EAAOI,CAAO,EACtD,GAAIC,GAAc,CAChB,MAAOA,CACT,CACF,GAGWtC,EAAkB,CAACO,EAA6CC,IAAqC,CAChH,KAAM,CAAE,QAAAC,CAAQ,EAAIF,EACd,CAAE,SAAAG,CAAS,EAAID,EACfgC,EAAgB/B,EAAS,CAAC,EAC1B,CAAE,GAAIgC,EAAe,QAAAC,CAAQ,EAAIF,EAEjC7B,EAAUC,EAAWN,EAAqBC,CAAO,EACjD,CAAE,SAAAM,EAAU,OAAAC,EAAQ,WAAAC,EAAY,SAAAC,CAAS,EAAIL,EAmBnD,OAjBkCG,EAAO,IAAI,CAAC6B,EAAmCC,IAAkB,CACjG,MAAMb,EAAQW,EACR,CAAE,IAAAT,EAAK,IAAKD,CAAM,EAAIW,EAAWF,CAAa,EAC9CL,EAAUvB,EAAS+B,CAAK,EAAEH,CAAa,EAAE,IACzCP,EAAW,GAAGlB,CAAQ,GACtBmB,EAAY,GAAGpB,CAAU,GAE/B,OAAOe,EAAoB,CACzB,MAAAC,EACA,MAAAC,EACA,IAAAC,EACA,QAAAG,EACA,SAAAF,EACA,UAAAC,CACF,CAAC,CACH,CAAC,EAEmB,CAAC,CACvB,EAEMZ,EAA+B,CACnCf,EACAK,EACAE,EACAD,EACAE,IACqB,CACrB,KAAM,CAAE,SAAAP,CAAS,EAAID,EACfqC,EAA+CpC,EAAU,KAAMS,GAAQA,EAAI,YAAY,EACvFsB,EAAgB/B,EAAS,KAAMS,GAC5BA,EAAI,SAAWA,EAAI,UAAY,EACvC,EACD,MAAO,CACL,CACE,MAAO,GACP,WAAYJ,EAAO,IAAI,CAAC6B,EAAmCC,IAAkB,CAC3E,MAAMb,EAAQS,EACV,GAAGA,EAAc,OAAO,IAAIG,EAAWH,EAAc,EAAE,EAAE,GAAG,GAC5DA,EAAc,QACZ,CAAE,IAAAP,EAAK,IAAKD,CAAM,EAAIW,EAAWE,EAAY,EAAE,EAC/CT,EAAUvB,EAAS+B,CAAK,EAAEC,EAAY,EAAE,EAAE,IAC1CX,EAAW,GAAGlB,CAAQ,GACtBmB,EAAY,GAAGpB,CAAU,GAE/B,OAAOe,EAAoB,CACzB,MAAAC,EACA,MAAAC,EACA,IAAAC,EACA,QAAAG,EACA,SAAAF,EACA,UAAAC,CACF,CAAC,CACH,CAAC,CACH,CACF,CACF,EAEMX,EAAkC,CACtChB,EACAK,EACAE,EACAD,EACAE,EACAG,IACG,CACH,KAAM,CAAE,SAAAV,CAAS,EAAID,EAErB,OAAOM,EAAO,IAAI,CAACgC,EAAKC,IAAa,CACnC,MAAMV,EAAa,GAAGS,EAAI3B,GAAU,EAAE,GAAG,GAAG,IAAM,GAElD,MAAO,CACL,MAAOA,EAAS,QAAU,GAAGA,EAAS,OAAO,KAAKkB,CAAU,GAAKA,EACjE,WAAY,OAAO,KAAKS,CAAG,EACxB,OAAQE,GAAUA,IAAU7B,GAAU,EAAE,EACxC,IAAK6B,GAAU,CACd,MAAMC,EAAgBpC,EAASkC,CAAQ,EAEjChB,EADUtB,EAAS,KAAMyC,GAAMA,EAAE,KAAOF,CAAK,GAC5B,SAAWA,EAC5BhB,EAAQ,CAACc,EAAIE,CAAK,EAAE,IACpBf,EAAM,CAACa,EAAIE,CAAK,EAAE,IAClBZ,EAAUa,EAAcD,CAAK,GAAG,IAChCd,EAAW,GAAGlB,CAAQ,GACtBmB,EAAY,GAAGpB,CAAU,GAE/B,OAAOe,EAAoB,CACzB,MAAAC,EACA,MAAAC,EACA,IAAAC,EACA,QAAAG,EACA,SAAAF,EACA,UAAAC,CACF,CAAC,CACH,CAAC,CACL,CACF,CAAC,CACH,EAEMb,EAAyC,CAC7Cd,EACAK,EACAE,EACAD,EACAE,EACAG,IACG,CACH,KAAM,CAAE,SAAAV,CAAS,EAAID,EAEf2C,EAAqB,EAAA/B,QAAc,eAAeN,EAAQK,EAAS,EAAE,EACrEiC,EAAuB,EAAAhC,QAAc,eAAeP,EAAUM,EAAS,EAAE,EACzE0B,EAA+CpC,EAAU,KAAMS,GAAQA,EAAI,YAAY,EACvFsB,EAAgB/B,EAAS,KAAMS,GAC5BA,EAAI,SAAWA,EAAI,UAAY,EACvC,EA4BD,OA1BuBiC,EAAmB,IAAI,CAACE,EAAOC,IAAe,CACnE,MAAMjB,EAAa,GAAGgB,EAAM,CAAC,EAAElC,GAAU,EAAE,GAAG,GAAG,IAAM,GACvD,MAAO,CACL,MAAOA,EAAS,QAAU,GAAGA,EAAS,OAAO,KAAKkB,CAAU,GAAKA,EACjE,WAAYgB,EAAM,IAAI,CAACP,EAAKC,IAAa,CACvC,MAAMhB,EAAQS,EAAgB,GAAGA,EAAc,OAAO,IAAIM,EAAIN,EAAc,EAAE,EAAE,GAAG,GAAKA,EAAc,QAChGR,EAAQ,CAACc,EAAID,EAAY,EAAE,EAAE,IAC7BZ,EAAM,CAACa,EAAID,EAAY,EAAE,EAAE,IAC3BX,EAAW,GAAGlB,CAAQ,GACtBmB,EAAY,GAAGpB,CAAU,GAGzBqB,EADgBgB,EAAqBE,CAAU,EAAEP,CAAQ,EACjCF,EAAY,EAAE,GAAG,IAE/C,OAAOf,EAAoB,CACzB,MAAAC,EACA,MAAAC,EACA,IAAAC,EACA,QAAAG,EACA,SAAAF,EACA,UAAAC,CACF,CAAC,CACH,CAAC,CACH,CACF,CAAC,CAGH,EAEMG,EAAUiB,IAEP,CACL,MAAOA,EACP,MAHgB,CAAC,QAAS,SAAU,KAAK,EAGxBA,CAAQ,CAC3B,GAGIhB,EAAc,CAClBL,EACAC,EACAqB,EACAC,IAC+B,CAC/B,IAAIC,EAEJ,GAAIvB,IAAcD,EAAU,CAC1B,MAAMF,EAAQ,CAACwB,EAAc,CAACC,EAE9BC,EAAY,CACV,UAFgB,KAAK,KAAK1B,CAAK,EAG/B,MAAO,KAAK,IAAIA,CAAK,EACrB,KAAMG,CACR,CACF,CAEA,OAAOuB,CACT,EAEaxD,EAA4ByD,IACKA,EAEzC,OAAO,CAACC,EAAeC,EAA+BC,KACjDD,EAAI,OAAS,6BAA2B,WAAWD,EAAI,KAAKE,CAAC,EAC1DF,GACN,CAAC,CAAC,EAEJ,OAAO,CAACG,EAAGC,IAAM,CAChB,MAAMC,EAAeF,EAAEA,EAAE,OAAS,CAAC,EACnC,OAAI,CAACE,GAAgBA,EAAaA,EAAa,OAAS,CAAC,IAAMD,EAAI,IAAGD,EAAE,KAAK,CAAC,CAAC,EAC/EA,EAAEA,EAAE,OAAS,CAAC,EAAE,KAAKC,CAAC,EACfD,CACT,EAAG,CAAC,CAAC,EAEiB,QAAQ,EAAE,QAASV,GAAoB,CAC7D,MAAMa,EAAgBb,EAAM,CAAC,EACvBhC,EAA8BgC,EACjC,IAAKc,GACGR,EAAeQ,CAAO,EAAE,IAChC,EACA,OAAQC,GAAyB,CAAC,CAACA,CAAS,EAE/C,KAAOf,EAAM,QACXM,EAAe,OAAON,EAAM,IAAI,EAAG,CAAC,EAGlChC,EAAe,QACjBsC,EAAe,OAAOO,EAAe,EAAG,CACtC,GAAI,GAAGA,CAAa,GACpB,KAAM,6BAA2B,gBACjC,KAAM,CAAC,CAAE,WAAY7C,CAAe,CAAC,CACvC,CAAC,CAEL,CAAC,EAEMsC,GAGT,IAAO1D,EAAQ,CACb,gBAAAF,EACA,iBAAAC,EACA,yBAAAE,CACF",
-  "names": ["utils_exports", "__export", "createScorecard", "createScorecards", "utils_default", "mergeScorecardsIntoGroup", "__toCommonJS", "import_types", "import_datasetHelper", "scorecardDefinition", "rawData", "columns", "measures", "keys", "dataset", "getDataset", "earliest", "latest", "earliestTs", "latestTs", "scorecardFromListValueColumn", "col", "groupKey", "DatasetHelper", "scorecardGroup", "createScorecardGroupFromListWithGroups", "createScorecardGroupFromList", "createScorecardGroupFromColumns", "latestData", "latestDataSetRows", "latestFiltered", "earliestData", "earliestDataSetRows", "createScorecardData", "title", "value", "rag", "valueFor", "valueFrom", "prevVal", "groupTitle", "getRag", "createTrend", "displayColumn", "valueColumnId", "display", "datasetRow", "index", "valueColumn", "row", "rowIndex", "colId", "comparisonRow", "m", "latestGroupedByKey", "earliestGroupedByKey", "group", "groupIndex", "ragScore", "latestValue", "earliestValue", "trendData", "visualisations", "acc", "vis", "i", "r", "n", "lastSubArray", "spliceAtIndex", "scIndex", "scorecard"]
+  "sourcesContent": ["import { DashboardUIVisualisation, DashboardVisualisationType } from '../dashboard/types'\nimport { Scorecard } from './types'\n\nexport const mergeScorecardsIntoGroup = (visualisations: DashboardUIVisualisation[]) => {\n  const groupedScorecardIndexes: number[][] = visualisations\n    // get scorecard indexes\n    .reduce((acc: number[], vis: DashboardUIVisualisation, i: number) => {\n      if (vis.type === DashboardVisualisationType.SCORECARD) acc.push(i)\n      return acc\n    }, [])\n    // group adjacent indexes\n    .reduce((r, n) => {\n      const lastSubArray = r[r.length - 1]\n      if (!lastSubArray || lastSubArray[lastSubArray.length - 1] !== n - 1) r.push([])\n      r[r.length - 1].push(n)\n      return r\n    }, [])\n\n  groupedScorecardIndexes.reverse().forEach((group: number[]) => {\n    const spliceAtIndex = group[0]\n    const scorecardGroup: Scorecard[] = group\n      .map((scIndex: number) => {\n        return visualisations[scIndex].data as Scorecard\n      })\n      .filter((scorecard: Scorecard) => !!scorecard)\n\n    while (group.length) {\n      visualisations.splice(group.pop(), 1)\n    }\n\n    if (scorecardGroup.length) {\n      visualisations.splice(spliceAtIndex, 0, {\n        id: `${spliceAtIndex}`,\n        type: DashboardVisualisationType.SCORECARD_GROUP,\n        data: [{ scorecards: scorecardGroup }],\n      })\n    }\n  })\n\n  return visualisations\n}\n\nexport default {\n  mergeScorecardsIntoGroup,\n}\n"],
+  "mappings": "4ZAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,6BAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAAqE,8BAG9D,MAAMF,EAA4BG,IACKA,EAEzC,OAAO,CAACC,EAAeC,EAA+BC,KACjDD,EAAI,OAAS,6BAA2B,WAAWD,EAAI,KAAKE,CAAC,EAC1DF,GACN,CAAC,CAAC,EAEJ,OAAO,CAACG,EAAGC,IAAM,CAChB,MAAMC,EAAeF,EAAEA,EAAE,OAAS,CAAC,EACnC,OAAI,CAACE,GAAgBA,EAAaA,EAAa,OAAS,CAAC,IAAMD,EAAI,IAAGD,EAAE,KAAK,CAAC,CAAC,EAC/EA,EAAEA,EAAE,OAAS,CAAC,EAAE,KAAKC,CAAC,EACfD,CACT,EAAG,CAAC,CAAC,EAEiB,QAAQ,EAAE,QAASG,GAAoB,CAC7D,MAAMC,EAAgBD,EAAM,CAAC,EACvBE,EAA8BF,EACjC,IAAKG,GACGV,EAAeU,CAAO,EAAE,IAChC,EACA,OAAQC,GAAyB,CAAC,CAACA,CAAS,EAE/C,KAAOJ,EAAM,QACXP,EAAe,OAAOO,EAAM,IAAI,EAAG,CAAC,EAGlCE,EAAe,QACjBT,EAAe,OAAOQ,EAAe,EAAG,CACtC,GAAI,GAAGA,CAAa,GACpB,KAAM,6BAA2B,gBACjC,KAAM,CAAC,CAAE,WAAYC,CAAe,CAAC,CACvC,CAAC,CAEL,CAAC,EAEMT,GAGT,IAAOJ,EAAQ,CACb,yBAAAC,CACF",
+  "names": ["utils_exports", "__export", "utils_default", "mergeScorecardsIntoGroup", "__toCommonJS", "import_types", "visualisations", "acc", "vis", "i", "r", "n", "lastSubArray", "group", "spliceAtIndex", "scorecardGroup", "scIndex", "scorecard"]
 }