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

package/dpr/components/_charts/utils.ts

@@ -6,19 +6,26 @@ import DatasetHelper from '../../utils/datasetHelper'
 import DashboardListUtils from '../_dashboards/dashboard-list/utils'
 import { Granularity } from '../_inputs/granular-date-range/types'
 import HeatmapChart from './chart/heatmap/HeatmapChart'
+import BarChart from './chart/bar/BarChart'
 import { components } from '../../types/api'
 import {
   DashboardVisualisationData,
-  DashboardVisualisationDataSet,
+  DashboardVisualisationType,
   DashboardVisualisatonCardData,
   MoJTable,
 } from '../_dashboards/dashboard-visualisation/types'
+import DoughnutChart from './chart/doughnut/DoughnutChart'
+import LineChart from './chart/line/LineChart'
+import LineTimeseriesChart from './chart/line-timeseries/LineTimeseriesChart'
+import BarTimeseriesChart from './chart/bar-timeseries/BarTimeseriesChart'
+import { PartialDate } from '../_filters/types'
 
 dayjs.extend(weekOfYear)
 
 export const createChart = (
   chartDefinition: components['schemas']['DashboardVisualisationDefinition'],
   rawData: DashboardDataResponse[],
+  type: components['schemas']['DashboardVisualisationDefinition']['type'],
 ): DashboardVisualisatonCardData | undefined => {
   let table: MoJTable | undefined
   let chart: DashboardVisualisationData | undefined
@@ -26,7 +33,20 @@ export const createChart = (
 
   const { dataSetRows, snapshotData } = getDataForSnapshotCharts(chartDefinition, rawData)
   if (dataSetRows.length) {
-    chart = createSnapshotChart(chartDefinition, snapshotData)
+    switch (type) {
+      case DashboardVisualisationType.BAR:
+        chart = new BarChart().withDefinition(chartDefinition).withData(snapshotData).build()
+        break
+      case DashboardVisualisationType.DONUT:
+        chart = new DoughnutChart().withDefinition(chartDefinition).withData(snapshotData).build()
+        break
+      case DashboardVisualisationType.LINE:
+        chart = new LineChart().withDefinition(chartDefinition).withData(snapshotData).build()
+        break
+      default:
+        break
+    }
+
     table = createSnapshotTable(chartDefinition, dataSetRows)
     details = getChartDetails(chartDefinition, dataSetRows)
   }
@@ -41,46 +61,56 @@ export const createChart = (
 export const createTimeseriesCharts = (
   chartDefinition: components['schemas']['DashboardVisualisationDefinition'],
   rawData: DashboardDataResponse[],
-): DashboardVisualisatonCardData => {
-  let table: MoJTable | undefined
-  let chart: DashboardVisualisationData | undefined
-  let details: ChartDetails | undefined
-
-  const { latestData, dataSetRows, timeseriesData } = getDataForTimeseriesCharts(chartDefinition, rawData)
-  if (dataSetRows.length) {
-    chart = createTimeseriesChart(chartDefinition, timeseriesData)
-    table = createTimeseriesTable(chartDefinition, timeseriesData)
-    details = getChartDetails(chartDefinition, latestData, true)
-  }
-  return {
-    details,
-    table,
-    chart,
-  }
-}
-
-export const createMatrixChart = (
-  chartDefinition: components['schemas']['DashboardVisualisationDefinition'],
-  rawData: DashboardDataResponse[],
+  type: components['schemas']['DashboardVisualisationDefinition']['type'],
   query: Record<string, string | string[]>,
+  partialDate?: PartialDate,
 ) => {
   let table: MoJTable | undefined
   let chart: DashboardVisualisationData | undefined
   let details: ChartDetails | undefined
   let granularity: Granularity = Granularity.DAILY
 
-  Object.keys(query).forEach((key) => {
-    if (key.includes('granularity')) {
-      granularity = <Granularity>query[key]
-    }
-  })
+  if (query) {
+    Object.keys(query).forEach((key) => {
+      if (key.includes('granularity')) {
+        granularity = <Granularity>query[key]
+      }
+    })
+  }
 
   const { latestData, dataSetRows, timeseriesData } = getDataForTimeseriesCharts(chartDefinition, rawData)
+
   if (dataSetRows.length) {
-    chart = new HeatmapChart(timeseriesData, granularity, chartDefinition).build()
+    switch (type) {
+      case DashboardVisualisationType.MATRIX_TIMESERIES:
+        chart = new HeatmapChart()
+          .withDefinition(chartDefinition)
+          .withGranularity(granularity)
+          .withData(timeseriesData)
+          .build()
+        break
+      case DashboardVisualisationType.LINE_TIMESERIES:
+        chart = new LineTimeseriesChart()
+          .withDefinition(chartDefinition)
+          .withData(timeseriesData)
+          .withPartialDate(partialDate)
+          .build()
+        break
+      case DashboardVisualisationType.BAR_TIMESERIES:
+        chart = new BarTimeseriesChart()
+          .withDefinition(chartDefinition)
+          .withData(timeseriesData)
+          .withPartialDate(partialDate)
+          .build()
+        break
+      default:
+        break
+    }
+
     table = createTimeseriesTable(chartDefinition, timeseriesData)
     details = getChartDetails(chartDefinition, latestData, true)
   }
+
   return {
     details,
     table,
@@ -197,125 +227,6 @@ const createHeadlines = (
   return headlines
 }
 
-const createSnapshotChart = (
-  chartDefinition: components['schemas']['DashboardVisualisationDefinition'],
-  snapshotData: DashboardDataResponse[],
-): DashboardVisualisationData => {
-  const { type, columns } = chartDefinition
-  const { measures } = columns
-  const isListChart = !!measures.find((col) => col.axis)
-
-  let labels: string[]
-  let unit
-  let datasets: DashboardVisualisationDataSet[]
-
-  if (!isListChart) {
-    const chart = buildChart(columns, snapshotData)
-    labels = chart.labels
-    unit = chart.unit
-    datasets = chart.datasets
-  } else {
-    ;({ labels, unit, datasets } = buildChartFromListData(columns, snapshotData))
-  }
-
-  return {
-    type,
-    unit,
-    data: {
-      labels,
-      datasets,
-    },
-  }
-}
-
-const buildChart = (
-  columns: components['schemas']['DashboardVisualisationColumnsDefinition'],
-  rawData: DashboardDataResponse[],
-) => {
-  const { keys, measures } = columns
-  const labels = measures.map((col) => col.display || '')
-  const labelId = keys ? (keys[keys.length - 1]?.id as keyof DashboardDataResponse) : undefined
-  const unit = measures[0].unit ? measures[0].unit : undefined
-
-  const datasets = rawData.map((row) => {
-    const label = labelId && row[labelId] ? `${row[labelId].raw}` : 'All'
-    const data = measures.map((c) => {
-      const rowId = c.id as keyof DashboardDataResponse
-      return row[rowId] && row[rowId].raw ? Number(row[rowId].raw) : 0
-    })
-    const total = data.reduce((acc: number, val: number) => acc + val, 0)
-    return { label, data, total } as DashboardVisualisationDataSet
-  })
-
-  return {
-    labels,
-    unit,
-    datasets,
-  }
-}
-
-const buildChartFromListData = (
-  columns: components['schemas']['DashboardVisualisationColumnsDefinition'],
-  rawData: DashboardDataResponse[],
-) => {
-  const { measures, keys } = columns
-
-  const xAxisColumn = measures.find((col) => col.axis === 'x') || measures[0]
-  const yAxisColumn = measures.find((col) => col.axis === 'y') || measures[1]
-
-  if (!xAxisColumn || !yAxisColumn) {
-    throw new Error('No X of Y Axis found in definition')
-  }
-
-  const unit = yAxisColumn?.unit || undefined
-  const groupKey = DatasetHelper.getGroupKey(rawData, keys)
-  const groupsData = groupKey ? DatasetHelper.groupRowsByKey(rawData, groupKey.id) : [rawData]
-
-  const labels = groupsData.flatMap((gd) => {
-    return gd.map((row) => {
-      const { id: xId } = xAxisColumn
-      const field = row[xId]
-      return field ? `${field.raw}` : ''
-    })
-  })
-
-  const datasets: DashboardVisualisationDataSet[] = groupsData.map((groupData) => {
-    const data = Array(labels.length)
-    groupData.forEach((row) => {
-      const { id: yId } = yAxisColumn
-      const { id: xId } = xAxisColumn
-      const labelField = row[xId]
-      const valueField = row[yId]
-      const raw = valueField && valueField.raw ? Number(valueField.raw) : 0
-      const dataIndex = labels.findIndex((l) => l === labelField.raw)
-      if (dataIndex !== -1) {
-        data[dataIndex] = Number(raw)
-      }
-    })
-
-    let label = ''
-    if (groupKey) {
-      const groupKeyId = groupKey.id
-      const groupRow = groupData[0]
-      label = groupRow && groupRow[groupKeyId] ? `${groupRow[groupKeyId].raw}` : ''
-    } else {
-      label = yAxisColumn.display || label
-    }
-
-    return {
-      label,
-      data,
-      total: data.reduce((acc: number, val: number) => acc + val, 0),
-    }
-  })
-
-  return {
-    labels,
-    unit,
-    datasets,
-  }
-}
-
 const createSnapshotTable = (
   chartDefinition: components['schemas']['DashboardVisualisationDefinition'],
   data: DashboardDataResponse[],
@@ -338,50 +249,6 @@ const createSnapshotTable = (
   }
 }
 
-const createTimeseriesChart = (
-  chartDefinition: components['schemas']['DashboardVisualisationDefinition'],
-  timeseriesData: DashboardDataResponse[],
-): DashboardVisualisationData => {
-  const { columns } = chartDefinition
-  const { keys, measures } = columns
-
-  const unit = measures[0].unit ? measures[0].unit : undefined
-  const type = <components['schemas']['DashboardVisualisationDefinition']['type']>chartDefinition.type.split('-')[0]
-  const groupKey = DatasetHelper.getGroupKey(timeseriesData, keys)
-  const labelId = groupKey?.id as keyof DashboardDataResponse
-
-  const timeBlockData = DatasetHelper.groupRowsByTimestamp(timeseriesData)
-  const labels = timeBlockData.map((d: DashboardDataResponse[]) => d[0]['ts'].raw as unknown as string)
-  const datasetCount = timeBlockData[0].length
-
-  const datasets: DashboardVisualisationDataSet[] = []
-  for (let index = 0; index < datasetCount; index += 1) {
-    const data = timeBlockData.map((timeperiod) => {
-      const { raw } = timeperiod[index][measures[1].id]
-      return raw ? Number(raw) : 0
-    })
-    const total = data.reduce((a, c) => a + c, 0)
-    const rawValue = timeBlockData[0][index][labelId].raw
-    const label = rawValue ? <string>rawValue : ''
-
-    datasets.push({
-      data,
-      label,
-      total,
-    })
-  }
-
-  return {
-    type,
-    unit,
-    timeseries: true,
-    data: {
-      labels,
-      datasets,
-    },
-  }
-}
-
 const createTimeseriesTable = (
   chartDefinition: components['schemas']['DashboardVisualisationDefinition'],
   timeseriesData: DashboardDataResponse[],
@@ -422,5 +289,4 @@ const createTimeseriesTable = (
 export default {
   createChart,
   createTimeseriesCharts,
-  createMatrixChart,
 }

package/dpr/components/_dashboards/dashboard-list/types.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/dpr/components/_dashboards/dashboard-list/types.ts"],
+  "sourcesContent": ["import z from 'zod'\nimport ListSchema from './validate'\n\nexport type ListDefinitionType = z.infer<typeof ListSchema.ListSchema>\n"],
+  "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD",
+  "names": ["types_exports", "__toCommonJS"]
+}

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

@@ -0,0 +1,4 @@
+import z from 'zod'
+import ListSchema from './validate'
+
+export type ListDefinitionType = z.infer<typeof ListSchema.ListSchema>

package/dpr/components/_dashboards/dashboard-list/validate.js

@@ -0,0 +1,2 @@
+"use strict";var n=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var h=(o,s)=>{for(var i in s)n(o,i,{get:s[i],enumerable:!0})},p=(o,s,i,m)=>{if(s&&typeof s=="object"||typeof s=="function")for(let e of l(s))!u.call(o,e)&&e!==i&&n(o,e,{get:()=>s[e],enumerable:!(m=c(s,e))||m.enumerable});return o};var b=o=>p(n({},"__esModule",{value:!0}),o);var j={};h(j,{default:()=>f});module.exports=b(j);var a=require("zod"),t=require("../dashboard-visualisation/Validate");const r=a.z.object({showLatest:a.z.boolean().default(!0),columnsAsList:a.z.boolean().optional()}),d=a.z.object({...t.DashboardVisualisationSchema.shape,type:a.z.literal("list"),options:a.z.object(r.shape),columns:a.z.object({...t.DashboardColumns.shape,measures:a.z.array(t.DashboardVisualisationMeasureSchema).min(1,"Measure must contain a single item")})}),L={ListSchema:d,ListOptions:r};var f=L;
+//# sourceMappingURL=validate.js.map

package/dpr/components/_dashboards/dashboard-list/validate.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/dpr/components/_dashboards/dashboard-list/validate.ts"],
+  "sourcesContent": ["import { z } from 'zod'\nimport {\n  DashboardVisualisationSchema,\n  DashboardColumns,\n  DashboardVisualisationMeasureSchema,\n} from '../dashboard-visualisation/Validate'\n\nconst ListOptions = z.object({\n  showLatest: z.boolean().default(true),\n  columnsAsList: z.boolean().optional(),\n})\n\nconst ListSchema = z.object({\n  ...DashboardVisualisationSchema.shape,\n  type: z.literal('list'),\n  options: z.object(ListOptions.shape),\n  columns: z.object({\n    ...DashboardColumns.shape,\n    measures: z.array(DashboardVisualisationMeasureSchema).min(1, 'Measure must contain a single item'),\n  }),\n})\n\nconst ListSchemas = {\n  ListSchema,\n  ListOptions,\n}\n\nexport default ListSchemas\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAAkB,eAClBC,EAIO,+CAEP,MAAMC,EAAc,IAAE,OAAO,CAC3B,WAAY,IAAE,QAAQ,EAAE,QAAQ,EAAI,EACpC,cAAe,IAAE,QAAQ,EAAE,SAAS,CACtC,CAAC,EAEKC,EAAa,IAAE,OAAO,CAC1B,GAAG,+BAA6B,MAChC,KAAM,IAAE,QAAQ,MAAM,EACtB,QAAS,IAAE,OAAOD,EAAY,KAAK,EACnC,QAAS,IAAE,OAAO,CAChB,GAAG,mBAAiB,MACpB,SAAU,IAAE,MAAM,qCAAmC,EAAE,IAAI,EAAG,oCAAoC,CACpG,CAAC,CACH,CAAC,EAEKE,EAAc,CAClB,WAAAD,EACA,YAAAD,CACF,EAEA,IAAOJ,EAAQM",
+  "names": ["validate_exports", "__export", "validate_default", "__toCommonJS", "import_zod", "import_Validate", "ListOptions", "ListSchema", "ListSchemas"]
+}

package/dpr/components/_dashboards/dashboard-list/validate.ts

@@ -0,0 +1,28 @@
+import { z } from 'zod'
+import {
+  DashboardVisualisationSchema,
+  DashboardColumns,
+  DashboardVisualisationMeasureSchema,
+} from '../dashboard-visualisation/Validate'
+
+const ListOptions = z.object({
+  showLatest: z.boolean().default(true),
+  columnsAsList: z.boolean().optional(),
+})
+
+const ListSchema = z.object({
+  ...DashboardVisualisationSchema.shape,
+  type: z.literal('list'),
+  options: z.object(ListOptions.shape),
+  columns: z.object({
+    ...DashboardColumns.shape,
+    measures: z.array(DashboardVisualisationMeasureSchema).min(1, 'Measure must contain a single item'),
+  }),
+})
+
+const ListSchemas = {
+  ListSchema,
+  ListOptions,
+}
+
+export default ListSchemas

package/dpr/components/_dashboards/dashboard-visualisation/Validate.js

@@ -0,0 +1,2 @@
+"use strict";var i=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var g=(e,a)=>{for(var s in a)i(e,s,{get:a[s],enumerable:!0})},h=(e,a,s,r)=>{if(a&&typeof a=="object"||typeof a=="function")for(let t of d(a))!m.call(e,t)&&t!==s&&i(e,t,{get:()=>a[t],enumerable:!(r=b(a,t))||r.enumerable});return e};var f=e=>h(i({},"__esModule",{value:!0}),e);var S={};g(S,{BucketOptionsSchema:()=>j,DashboardColumns:()=>c,DashboardVisualisationMeasureSchema:()=>n,DashboardVisualisationSchema:()=>p,default:()=>D});module.exports=f(S);var o=require("zod");const l=o.z.object({min:o.z.number().optional(),max:o.z.number().optional(),hexColour:o.z.string().optional()}),j=o.z.object({useRagColour:o.z.boolean().default(!1),buckets:o.z.array(l).default([]),baseColour:o.z.string().regex(/^#/).optional()}),x=o.z.object({id:o.z.string(),equals:o.z.string()}),u=o.z.object({id:o.z.string(),display:o.z.string().optional(),optional:o.z.boolean().default(!1)}),n=o.z.object({id:o.z.string(),display:o.z.string().optional(),unit:o.z.enum(["NUMBER","PERCENTAGE"]).optional(),aggregate:o.z.enum(["sum","average"]).optional()}),c=o.z.object({keys:o.z.array(u),measures:o.z.array(n).length(1,"Measure must contain a single item"),filters:o.z.array(x).min(1).optional(),expectNulls:o.z.boolean().default(!1)}),y=o.z.object({...l.shape,showLatest:o.z.boolean().default(!0),columnsAsList:o.z.boolean().optional()}),p=o.z.object({id:o.z.string(),type:o.z.enum(["list","doughnut","bar","bar-timeseries","line","scorecard","scorecard-group","matrix-timeseries","line-timeseries"]),display:o.z.string().optional(),description:o.z.string().optional(),options:o.z.object(y.shape),columns:o.z.object(c.shape)}),C={DashboardVisualisationSchema:p,DashboardVisualisationMeasureSchema:n,DashboardVisualisationKeySchema:u};var D=C;0&&(module.exports={BucketOptionsSchema,DashboardColumns,DashboardVisualisationMeasureSchema,DashboardVisualisationSchema});
+//# sourceMappingURL=Validate.js.map

package/dpr/components/_dashboards/dashboard-visualisation/Validate.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/dpr/components/_dashboards/dashboard-visualisation/Validate.ts"],
+  "sourcesContent": ["import { z } from 'zod'\n\nconst dashboardBucket = z.object({\n  min: z.number().optional(),\n  max: z.number().optional(),\n  hexColour: z.string().optional(),\n})\n\nexport const BucketOptionsSchema = z.object({\n  useRagColour: z.boolean().default(false),\n  buckets: z.array(dashboardBucket).default([]),\n  baseColour: z.string().regex(/^#/).optional(),\n})\n\nconst dashboardVisFilter = z.object({\n  id: z.string(),\n  equals: z.string(),\n})\n\nconst DashboardVisualisationKeySchema = z.object({\n  id: z.string(),\n  display: z.string().optional(),\n  optional: z.boolean().default(false),\n})\n\nexport const DashboardVisualisationMeasureSchema = z.object({\n  id: z.string(),\n  display: z.string().optional(),\n  unit: z.enum(['NUMBER', 'PERCENTAGE']).optional(),\n  aggregate: z.enum(['sum', 'average']).optional(),\n})\n\nexport const DashboardColumns = z.object({\n  keys: z.array(DashboardVisualisationKeySchema),\n  measures: z.array(DashboardVisualisationMeasureSchema).length(1, 'Measure must contain a single item'),\n  filters: z.array(dashboardVisFilter).min(1).optional(),\n  expectNulls: z.boolean().default(false),\n})\n\nconst dashboardOptions = z.object({\n  ...dashboardBucket.shape,\n  showLatest: z.boolean().default(true),\n  columnsAsList: z.boolean().optional(),\n})\n\nexport const DashboardVisualisationSchema = z.object({\n  id: z.string(),\n  type: z.enum([\n    'list',\n    'doughnut',\n    'bar',\n    'bar-timeseries',\n    'line',\n    'scorecard',\n    'scorecard-group',\n    'matrix-timeseries',\n    'line-timeseries',\n  ]),\n  display: z.string().optional(),\n  description: z.string().optional(),\n  options: z.object(dashboardOptions.shape),\n  columns: z.object(DashboardColumns.shape),\n})\n\nconst DashboardVisualisationSchemas = {\n  DashboardVisualisationSchema,\n  DashboardVisualisationMeasureSchema,\n  DashboardVisualisationKeySchema,\n}\n\nexport default DashboardVisualisationSchemas\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,EAAA,qBAAAC,EAAA,wCAAAC,EAAA,iCAAAC,EAAA,YAAAC,IAAA,eAAAC,EAAAP,GAAA,IAAAQ,EAAkB,eAElB,MAAMC,EAAkB,IAAE,OAAO,CAC/B,IAAK,IAAE,OAAO,EAAE,SAAS,EACzB,IAAK,IAAE,OAAO,EAAE,SAAS,EACzB,UAAW,IAAE,OAAO,EAAE,SAAS,CACjC,CAAC,EAEYP,EAAsB,IAAE,OAAO,CAC1C,aAAc,IAAE,QAAQ,EAAE,QAAQ,EAAK,EACvC,QAAS,IAAE,MAAMO,CAAe,EAAE,QAAQ,CAAC,CAAC,EAC5C,WAAY,IAAE,OAAO,EAAE,MAAM,IAAI,EAAE,SAAS,CAC9C,CAAC,EAEKC,EAAqB,IAAE,OAAO,CAClC,GAAI,IAAE,OAAO,EACb,OAAQ,IAAE,OAAO,CACnB,CAAC,EAEKC,EAAkC,IAAE,OAAO,CAC/C,GAAI,IAAE,OAAO,EACb,QAAS,IAAE,OAAO,EAAE,SAAS,EAC7B,SAAU,IAAE,QAAQ,EAAE,QAAQ,EAAK,CACrC,CAAC,EAEYP,EAAsC,IAAE,OAAO,CAC1D,GAAI,IAAE,OAAO,EACb,QAAS,IAAE,OAAO,EAAE,SAAS,EAC7B,KAAM,IAAE,KAAK,CAAC,SAAU,YAAY,CAAC,EAAE,SAAS,EAChD,UAAW,IAAE,KAAK,CAAC,MAAO,SAAS,CAAC,EAAE,SAAS,CACjD,CAAC,EAEYD,EAAmB,IAAE,OAAO,CACvC,KAAM,IAAE,MAAMQ,CAA+B,EAC7C,SAAU,IAAE,MAAMP,CAAmC,EAAE,OAAO,EAAG,oCAAoC,EACrG,QAAS,IAAE,MAAMM,CAAkB,EAAE,IAAI,CAAC,EAAE,SAAS,EACrD,YAAa,IAAE,QAAQ,EAAE,QAAQ,EAAK,CACxC,CAAC,EAEKE,EAAmB,IAAE,OAAO,CAChC,GAAGH,EAAgB,MACnB,WAAY,IAAE,QAAQ,EAAE,QAAQ,EAAI,EACpC,cAAe,IAAE,QAAQ,EAAE,SAAS,CACtC,CAAC,EAEYJ,EAA+B,IAAE,OAAO,CACnD,GAAI,IAAE,OAAO,EACb,KAAM,IAAE,KAAK,CACX,OACA,WACA,MACA,iBACA,OACA,YACA,kBACA,oBACA,iBACF,CAAC,EACD,QAAS,IAAE,OAAO,EAAE,SAAS,EAC7B,YAAa,IAAE,OAAO,EAAE,SAAS,EACjC,QAAS,IAAE,OAAOO,EAAiB,KAAK,EACxC,QAAS,IAAE,OAAOT,EAAiB,KAAK,CAC1C,CAAC,EAEKU,EAAgC,CACpC,6BAAAR,EACA,oCAAAD,EACA,gCAAAO,CACF,EAEA,IAAOL,EAAQO",
+  "names": ["Validate_exports", "__export", "BucketOptionsSchema", "DashboardColumns", "DashboardVisualisationMeasureSchema", "DashboardVisualisationSchema", "Validate_default", "__toCommonJS", "import_zod", "dashboardBucket", "dashboardVisFilter", "DashboardVisualisationKeySchema", "dashboardOptions", "DashboardVisualisationSchemas"]
+}

package/dpr/components/_dashboards/dashboard-visualisation/Validate.ts

@@ -0,0 +1,71 @@
+import { z } from 'zod'
+
+const dashboardBucket = z.object({
+  min: z.number().optional(),
+  max: z.number().optional(),
+  hexColour: z.string().optional(),
+})
+
+export const BucketOptionsSchema = z.object({
+  useRagColour: z.boolean().default(false),
+  buckets: z.array(dashboardBucket).default([]),
+  baseColour: z.string().regex(/^#/).optional(),
+})
+
+const dashboardVisFilter = z.object({
+  id: z.string(),
+  equals: z.string(),
+})
+
+const DashboardVisualisationKeySchema = z.object({
+  id: z.string(),
+  display: z.string().optional(),
+  optional: z.boolean().default(false),
+})
+
+export const DashboardVisualisationMeasureSchema = z.object({
+  id: z.string(),
+  display: z.string().optional(),
+  unit: z.enum(['NUMBER', 'PERCENTAGE']).optional(),
+  aggregate: z.enum(['sum', 'average']).optional(),
+})
+
+export const DashboardColumns = z.object({
+  keys: z.array(DashboardVisualisationKeySchema),
+  measures: z.array(DashboardVisualisationMeasureSchema).length(1, 'Measure must contain a single item'),
+  filters: z.array(dashboardVisFilter).min(1).optional(),
+  expectNulls: z.boolean().default(false),
+})
+
+const dashboardOptions = z.object({
+  ...dashboardBucket.shape,
+  showLatest: z.boolean().default(true),
+  columnsAsList: z.boolean().optional(),
+})
+
+export const DashboardVisualisationSchema = z.object({
+  id: z.string(),
+  type: z.enum([
+    'list',
+    'doughnut',
+    'bar',
+    'bar-timeseries',
+    'line',
+    'scorecard',
+    'scorecard-group',
+    'matrix-timeseries',
+    'line-timeseries',
+  ]),
+  display: z.string().optional(),
+  description: z.string().optional(),
+  options: z.object(dashboardOptions.shape),
+  columns: z.object(DashboardColumns.shape),
+})
+
+const DashboardVisualisationSchemas = {
+  DashboardVisualisationSchema,
+  DashboardVisualisationMeasureSchema,
+  DashboardVisualisationKeySchema,
+}
+
+export default DashboardVisualisationSchemas

package/dpr/components/_dashboards/dashboard-visualisation/types.js

@@ -1,2 +1,2 @@
-"use strict";var o=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var c=(e,t)=>{for(var r in t)o(e,r,{get:t[r],enumerable:!0})},b=(e,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of l(t))!u.call(e,i)&&i!==r&&o(e,i,{get:()=>t[i],enumerable:!(s=d(t,i))||s.enumerable});return e};var m=e=>b(o({},"__esModule",{value:!0}),e);var D={};c(D,{DashboardVisualisationType:()=>n});module.exports=m(D);var n=(a=>(a.LIST="list",a.DONUT="doughnut",a.BAR="bar",a.LINE="line",a.MATRIX="matrix",a.MATRIX_TIMESERIES="matrix-timeseries",a.BAR_TIMESERIES="bar-timeseries",a.LINE_TIMESERIES="line-timeseries",a.SCORECARD="scorecard",a.SCORECARD_GROUP="scorecard-group",a))(n||{});0&&(module.exports={DashboardVisualisationType});
+"use strict";var o=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var m=(e,a)=>{for(var r in a)o(e,r,{get:a[r],enumerable:!0})},f=(e,a,r,s)=>{if(a&&typeof a=="object"||typeof a=="function")for(let t of l(a))!d.call(e,t)&&t!==r&&o(e,t,{get:()=>a[t],enumerable:!(s=u(a,t))||s.enumerable});return e};var D=e=>f(o({},"__esModule",{value:!0}),e);var p={};m(p,{DashboardVisualisationType:()=>n});module.exports=D(p);var n=(i=>(i.LIST="list",i.DONUT="doughnut",i.BAR="bar",i.LINE="line",i.MATRIX="matrix",i.MATRIX_TIMESERIES="matrix-timeseries",i.BAR_TIMESERIES="bar-timeseries",i.LINE_TIMESERIES="line-timeseries",i.SCORECARD="scorecard",i.SCORECARD_GROUP="scorecard-group",i))(n||{});0&&(module.exports={DashboardVisualisationType});
 //# sourceMappingURL=types.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/dpr/components/_dashboards/dashboard-visualisation/types.ts"],
-  "sourcesContent": ["import { components } from '../../../types/api'\nimport { Scorecard, ScorecardGroup } from '../scorecard/types'\nimport { MatrixChartData } from '../../_charts/chart/heatmap/types'\nimport { ChartDetails } from '../../../types/Charts'\n\nexport interface DashboardSection {\n  id: string\n  title?: string\n  description?: string\n  visualisations?: DashboardVisualisation[]\n}\n\nexport interface DashboardVisualisation {\n  id: string\n  type: components['schemas']['DashboardVisualisationDefinition']['type']\n  title?: string | undefined\n  description?: string | undefined\n  data:\n    | Scorecard\n    | Scorecard[]\n    | ScorecardGroup[]\n    | DashboardVisualisatonCardData\n    | DashboardVisualisationTable\n    | undefined\n}\n\nexport interface DashboardVisualisatonCardData {\n  chart?: DashboardVisualisationData | undefined\n  table?: MoJTable | undefined\n  details?: ChartDetails | undefined\n}\n\nexport interface DashboardVisualisationData {\n  type: components['schemas']['DashboardVisualisationDefinition']['type']\n  unit?: components['schemas']['DashboardVisualisationColumnDefinition']['unit']\n  data: DashboardVisualisationDataValues\n  timeseries?: boolean\n}\n\nexport interface DashboardVisualisationDataValues {\n  labels?: string[]\n  datasets: DashboardVisualisationDataSet[]\n  axis?: 'x' | 'y'\n}\n\nexport interface DashboardVisualisationDataSet {\n  label: string\n  data: number[] | MatrixChartData[]\n  total?: number\n}\n\nexport interface DashboardVisualisationTable {\n  table: MoJTable\n  ts?: string\n}\n\nexport interface MoJTable {\n  head: MoJTableHead[]\n  rows: MoJTableRow[][]\n}\n\nexport interface MoJTableRow {\n  text?: string\n  html?: string\n}\n\nexport interface MoJTableHead {\n  text?: string\n  html?: string\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 type DashboardVisualisationOptions = ListDashboardVisualisationOptions | BucketDashboardVisualisationOptions\n\nexport interface ListDashboardVisualisationOptions {\n  showLatest?: boolean\n  columnsAsList?: boolean\n}\n\nexport interface BucketDashboardVisualisationOptions {\n  useRagColour?: boolean\n  buckets?: DashboardVisualisationBucket[]\n  baseColour?: string\n}\n\nexport interface DashboardVisualisationBucket {\n  min?: number | undefined\n  max?: number | undefined\n  hexColour?: string | undefined\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gCAAAE,IAAA,eAAAC,EAAAH,GAuEO,IAAKE,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",
+  "sourcesContent": ["import z from 'zod'\nimport { components } from '../../../types/api'\nimport { Scorecard, ScorecardGroup } from '../scorecard/types'\nimport { MatrixChartData } from '../../_charts/chart/heatmap/types'\nimport { ChartDetails } from '../../../types/Charts'\nimport DashboardVisualisationSchemas from './Validate'\nimport { BarDefinitionMeasure } from '../../_charts/chart/bar/types'\nimport { DoughnutDefinitionMeasure } from '../../_charts/chart/doughnut/types'\nimport { LineDefinitionMeasure } from '../../_charts/chart/line/types'\nimport { LineTimeseriesDefinitionMeasure } from '../../_charts/chart/line-timeseries/types'\nimport { BarTimeseriesDefinitionMeasure } from '../../_charts/chart/bar-timeseries/types'\nimport { ChartOptionsType } from '../../_charts/chart/chart-config'\nimport { PartialDate } from '../../_filters/types'\n\nexport interface DashboardSection {\n  id: string\n  title?: string\n  description?: string\n  visualisations?: DashboardVisualisation[]\n}\n\nexport interface DashboardVisualisation {\n  id: string\n  type: components['schemas']['DashboardVisualisationDefinition']['type']\n  title?: string | undefined\n  description?: string | undefined\n  data:\n    | Scorecard\n    | Scorecard[]\n    | ScorecardGroup[]\n    | DashboardVisualisatonCardData\n    | DashboardVisualisationTable\n    | undefined\n}\n\nexport interface DashboardVisualisatonCardData {\n  chart?: DashboardVisualisationData | undefined\n  table?: MoJTable | undefined\n  details?: ChartDetails | undefined\n}\n\nexport interface DashboardVisualisationData {\n  type: DashboardVisualisationType\n  options?: DashboardVisualisationDataOptions\n  data: DashboardVisualisationDataValues\n}\n\ninterface DashboardVisualisationDataOptions {\n  height?: number\n  unit?: components['schemas']['DashboardVisualisationColumnDefinition']['unit']\n  timeseries?: boolean\n}\n\nexport interface DashboardVisualisationDataValues {\n  labels?: string[]\n  datasets: DashboardVisualisationDataSet[]\n  axis?: 'x' | 'y'\n  config: ChartOptionsType\n  partialDate?: PartialDate | undefined\n}\n\nexport interface DashboardVisualisationDataSet {\n  label: string\n  data: number[] | MatrixChartData[]\n  total?: number\n}\n\nexport interface DashboardVisualisationTable {\n  table: MoJTable\n  ts?: string\n}\n\nexport interface MoJTable {\n  head: MoJTableHead[]\n  rows: MoJTableRow[][]\n}\n\nexport interface MoJTableRow {\n  text?: string\n  html?: string\n}\n\nexport interface MoJTableHead {\n  text?: string\n  html?: string\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 type DashboardVisualisationOptions = ListDashboardVisualisationOptions | BucketDashboardVisualisationOptions\n\nexport interface ListDashboardVisualisationOptions {\n  showLatest?: boolean\n  columnsAsList?: boolean\n}\n\nexport interface BucketDashboardVisualisationOptions {\n  useRagColour?: boolean\n  buckets?: DashboardVisualisationBucket[]\n  baseColour?: string\n}\n\nexport interface DashboardVisualisationBucket {\n  min?: number | undefined\n  max?: number | undefined\n  hexColour?: string | undefined\n}\n\nexport type VisualisationDefinitionType = z.infer<typeof DashboardVisualisationSchemas.DashboardVisualisationSchema>\nexport type VisualisationDefinitionKey = z.infer<typeof DashboardVisualisationSchemas.DashboardVisualisationKeySchema>\nexport type VisualisationDefinitionMeasure = z.infer<\n  typeof DashboardVisualisationSchemas.DashboardVisualisationMeasureSchema\n>\n\nexport type ChartMeasure =\n  | BarDefinitionMeasure[]\n  | DoughnutDefinitionMeasure[]\n  | LineDefinitionMeasure[]\n  | VisualisationDefinitionMeasure[]\n\nexport type TimeseriesChartMeasure = LineTimeseriesDefinitionMeasure[] | BarTimeseriesDefinitionMeasure[]\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,gCAAAE,IAAA,eAAAC,EAAAH,GAuFO,IAAKE,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",
   "names": ["types_exports", "__export", "DashboardVisualisationType", "__toCommonJS"]
 }

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

@@ -1,7 +1,16 @@
+import z from 'zod'
 import { components } from '../../../types/api'
 import { Scorecard, ScorecardGroup } from '../scorecard/types'
 import { MatrixChartData } from '../../_charts/chart/heatmap/types'
 import { ChartDetails } from '../../../types/Charts'
+import DashboardVisualisationSchemas from './Validate'
+import { BarDefinitionMeasure } from '../../_charts/chart/bar/types'
+import { DoughnutDefinitionMeasure } from '../../_charts/chart/doughnut/types'
+import { LineDefinitionMeasure } from '../../_charts/chart/line/types'
+import { LineTimeseriesDefinitionMeasure } from '../../_charts/chart/line-timeseries/types'
+import { BarTimeseriesDefinitionMeasure } from '../../_charts/chart/bar-timeseries/types'
+import { ChartOptionsType } from '../../_charts/chart/chart-config'
+import { PartialDate } from '../../_filters/types'
 
 export interface DashboardSection {
   id: string
@@ -31,9 +40,14 @@ export interface DashboardVisualisatonCardData {
 }
 
 export interface DashboardVisualisationData {
-  type: components['schemas']['DashboardVisualisationDefinition']['type']
-  unit?: components['schemas']['DashboardVisualisationColumnDefinition']['unit']
+  type: DashboardVisualisationType
+  options?: DashboardVisualisationDataOptions
   data: DashboardVisualisationDataValues
+}
+
+interface DashboardVisualisationDataOptions {
+  height?: number
+  unit?: components['schemas']['DashboardVisualisationColumnDefinition']['unit']
   timeseries?: boolean
 }
 
@@ -41,6 +55,8 @@ export interface DashboardVisualisationDataValues {
   labels?: string[]
   datasets: DashboardVisualisationDataSet[]
   axis?: 'x' | 'y'
+  config: ChartOptionsType
+  partialDate?: PartialDate | undefined
 }
 
 export interface DashboardVisualisationDataSet {
@@ -100,3 +116,17 @@ export interface DashboardVisualisationBucket {
   max?: number | undefined
   hexColour?: string | undefined
 }
+
+export type VisualisationDefinitionType = z.infer<typeof DashboardVisualisationSchemas.DashboardVisualisationSchema>
+export type VisualisationDefinitionKey = z.infer<typeof DashboardVisualisationSchemas.DashboardVisualisationKeySchema>
+export type VisualisationDefinitionMeasure = z.infer<
+  typeof DashboardVisualisationSchemas.DashboardVisualisationMeasureSchema
+>
+
+export type ChartMeasure =
+  | BarDefinitionMeasure[]
+  | DoughnutDefinitionMeasure[]
+  | LineDefinitionMeasure[]
+  | VisualisationDefinitionMeasure[]
+
+export type TimeseriesChartMeasure = LineTimeseriesDefinitionMeasure[] | BarTimeseriesDefinitionMeasure[]

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

@@ -1,2 +1,2 @@
-"use strict";var V=Object.create;var g=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var B=Object.getOwnPropertyNames;var $=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var T=(n,u)=>{for(var e in u)g(n,e,{get:u[e],enumerable:!0})},b=(n,u,e,t)=>{if(u&&typeof u=="object"||typeof u=="function")for(let s of B(u))!F.call(n,s)&&s!==e&&g(n,s,{get:()=>u[s],enumerable:!(t=k(u,s))||t.enumerable});return n};var f=(n,u,e)=>(e=n!=null?V($(n)):{},b(u||!n||!n.__esModule?g(e,"default",{value:n,enumerable:!0}):e,n)),N=n=>b(g({},"__esModule",{value:!0}),n);var x={};T(x,{ScorecardVisualisation:()=>D,default:()=>I});module.exports=N(x);var K=f(require("../dashboard-visualisation/DashboardVisualisation")),l=f(require("../../../utils/datasetHelper")),v=f(require("../../_charts/chart/Buckets"));class D extends K.default{constructor(e,t,s=!1){super(e,t);this.buckets=[];this.valueKey="";this.titleKey="";this.ragColours=["#cce2d8","#fff7bf","#f4cdc6"];this.initBuckets=(e,t)=>{(this.definition.options?.buckets||this.definition.options?.useRagColour)&&(this.bucketsHelper=new v.default(e,this.definition,t,!1,this.ragColours),this.buckets=new v.default(e,this.definition,t,!1,this.ragColours).getBuckets())};this.initGroupVars=()=>{this.groupKey=l.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.getDataset=(e,t)=>{const s=l.default.getLastestDataset(t),r=l.default.getDatasetRows(e,s),i=r[0]?.ts?.raw,o=l.default.filterRowsByDisplayColumns(e,r,!0),a=l.default.getEarliestDataset(t),c=l.default.getDatasetRows(e,a),d=c[0]?.ts?.raw;return{earliest:l.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})=>({id:this.definition.id,title:e,value:t,...!Number.isNaN(t)&&this.buckets.length&&this.bucketsHelper&&{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=r?Number(s)-Number(r):0;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(R=>R.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}`,w=`${r}`,G=t[o][a]?.raw;return this.createScorecardData({title:d,value:y,rag:S,prevVal:G,valueFor:C,valueFrom:w})})}))};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=l.default.groupRowsByKey(t,this.groupKeyId),r=l.default.groupRowsByKey(e,this.groupKeyId);return this.groupKeyId===this.titleKey&&(r=[r.flat()],s=[s.flat()]),r.map((o,a)=>({title:this.groupKeyDisplay?`By ${this.groupKeyDisplay}`:"",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 I=D;0&&(module.exports={ScorecardVisualisation});
+"use strict";var y=Object.create;var d=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var T=Object.getPrototypeOf,B=Object.prototype.hasOwnProperty;var w=(i,e)=>{for(var t in e)d(i,t,{get:e[t],enumerable:!0})},D=(i,e,t,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of R(e))!B.call(i,s)&&s!==t&&d(i,s,{get:()=>e[s],enumerable:!(a=k(e,s))||a.enumerable});return i};var h=(i,e,t)=>(t=i!=null?y(T(i)):{},D(e||!i||!i.__esModule?d(t,"default",{value:i,enumerable:!0}):t,i)),C=i=>D(d({},"__esModule",{value:!0}),i);var N={};w(N,{ScorecardVisualisation:()=>p,default:()=>V});module.exports=C(N);var f=h(require("../../_charts/chart/buckets/Buckets")),c=h(require("../../../utils/datasetHelper")),b=h(require("./validate"));class p{constructor(){this.buckets=[];this.responseData=[];this.ragColours=["#cce2d8","#fff7bf","#f4cdc6"];this.withDefinition=e=>(this.definition=b.default.ScorecardSchema.parse(e),this.init(),this);this.withData=e=>(this.responseData=e,this.dataset=this.getDataset(this.definition,this.responseData),this.initBuckets(this.responseData,this.valueKey),this);this.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()};this.initFromMeasures=()=>{this.measures[0]!==void 0&&(this.valueKey=this.measures[0].id,this.unit=this.measures[0].unit?this.measures[0].unit:void 0)};this.initBuckets=(e,t)=>{(this.options?.buckets||this.options?.useRagColour)&&(this.bucketsHelper=new f.default(e,this.definition,t,!1,this.ragColours),this.buckets=this.bucketsHelper.getBuckets())};this.getDataset=(e,t)=>{const a=c.default.getLastestDataset(t),s=c.default.getDatasetRows(e,a),r=s[0]?.ts?.raw,o=c.default.filterRowsByDisplayColumns(e,s,!0),u=c.default.getEarliestDataset(t),n=c.default.getDatasetRows(e,u),l=n[0]?.ts?.raw;return{earliest:c.default.filterRowsByDisplayColumns(e,n,!0),earliestTs:l,latest:o,latestTs:r}};this.createScorecardData=({id:e,title:t,value:a,rag:s,valueFor:r,valueFrom:o,prevVal:u,groupTitle:n})=>({id:e,title:t,value:a,...s&&{rag:s},valueFor:r,trend:this.createTrend(r,o,a,u),...n&&{group:n}});this.createTrend=(e,t,a,s)=>{let r;if(t!==e){const o=s?Number(a)-Number(s):0;r={direction:Math.sign(o),value:Math.abs(o),from:t}}return r};this.setRagScore=(e,t,a,s)=>{let r;return!Number.isNaN(e)&&a?.length&&s&&(r=s.getBucketForValue(e,t)),r};this.build=()=>{const{latest:e,earliest:t,latestTs:a,earliestTs:s}=this.dataset;return e.map((o,u)=>{const{raw:n,rag:l}=o[this.valueKey],m=t[u][this.valueKey].raw,S=`${a}`,g=`${s}`,v=this.titleColumn?.display;return this.createScorecardData({id:this.id,title:v||"",value:n||"",rag:this.setRagScore(n,l,this.buckets,this.bucketsHelper),prevVal:m,valueFor:S,valueFrom:g})})[0]}}}var V=p;0&&(module.exports={ScorecardVisualisation});
 //# sourceMappingURL=Scorecard.js.map