@orbcharts/core 3.0.0-beta.1 → 3.0.0-beta.2

package/src/multiGrid/dataFormatterValidator.ts

@@ -1,116 +1,116 @@
-import type { DataFormatterValidator, DataFormatterTypeMap, ValidatorResult } from '../../lib/core-types'
-import { validateColumns } from '../utils/validator'
-
-export const dataFormatterValidator: DataFormatterValidator<'multiGrid'> = (dataFormatter: DataFormatterTypeMap<'multiGrid'>) => {
-  const result = validateColumns(dataFormatter, {
-    visibleFilter: {
-      toBeTypes: ['Function']
-    },
-    gridList: {
-      toBeTypes: ['object[]']
-    },
-    container: {
-      toBeTypes: ['object']
-    },
-    separateGrid: {
-      toBeTypes: ['boolean']
-    }
-  })
-  if (dataFormatter.gridList) {
-    const gridListResultArr = dataFormatter.gridList.map((grid, index) => {
-      const gridResult = validateColumns(grid, {
-        seriesDirection: {
-          toBe: '"row" | "column"',
-          test: (value) => value === 'row' || value === 'column'
-        },
-        rowLabels: {
-          toBeTypes: ['string[]']
-        },
-        columnLabels: {
-          toBeTypes: ['string[]']
-        },
-        valueAxis: {
-          toBeTypes: ['object']
-        },
-        groupAxis: {
-          toBeTypes: ['object']
-        },
-        separateSeries: {
-          toBeTypes: ['boolean']
-        }
-      })
-      if (gridResult.status === 'error') {
-        return gridResult
-      } else {
-        if (grid.valueAxis) {
-          const valueAxisResult = validateColumns(grid.valueAxis, {
-            position: {
-              toBe: '"top" | "bottom" | "left" | "right"',
-              test: (value) => value === 'top' || value === 'bottom' || value === 'left' || value === 'right'
-            },
-            scaleDomain: {
-              toBe: '[number | "min" | "auto", number | "max" | "auto"]',
-              test: (value) => Array.isArray(value) && value.length === 2 && (typeof value[0] === 'number' || value[0] === 'min' || value[0] === 'auto') && (typeof value[1] === 'number' || value[1] === 'max' || value[1] === 'auto')
-            },
-            scaleRange: {
-              toBe: '[number, number]',
-              test: (value) => Array.isArray(value) && value.length === 2 && typeof value[0] === 'number' && typeof value[1] === 'number'
-            },
-            label: {
-              toBeTypes: ['string']
-            }
-          })
-          if (valueAxisResult.status === 'error') {
-            return valueAxisResult
-          }
-        } else if (grid.groupAxis) {
-          const groupAxisResult = validateColumns(grid.groupAxis, {
-            position: {
-              toBe: '"top" | "bottom" | "left" | "right"',
-              test: (value) => value === 'top' || value === 'bottom' || value === 'left' || value === 'right'
-            },
-            scaleDomain: {
-              toBe: '[number, number | "max"]',
-              test: (value) => Array.isArray(value) && value.length === 2 && typeof value[0] === 'number' && (typeof value[1] === 'number' || value[1] === 'max')
-            },
-            scalePadding: {
-              toBeTypes: ['number']
-            },
-            label: {
-              toBeTypes: ['string']
-            }
-          })
-          if (groupAxisResult.status === 'error') {
-            return groupAxisResult
-          }
-        }
-        return <ValidatorResult>{
-          status: 'success',
-          columnName: '',
-          expectToBe: ''
-        }
-      }
-    })
-    const gridListResult = gridListResultArr.find((gridResult) => gridResult.status === 'error')
-    if (gridListResult) {
-      return gridListResult
-    }
-  }
-  if (dataFormatter.container) {
-    const containerResult = validateColumns(dataFormatter.container, {
-      gap: {
-        toBeTypes: ['number']
-      },
-      rowAmount: {
-        toBeTypes: ['number']
-      },
-      columnAmount: {
-        toBeTypes: ['number']
-      }
-    })
-    if (containerResult.status === 'error') {
-      return containerResult
-    }
-  }
-  return result
+import type { DataFormatterValidator, DataFormatterTypeMap, ValidatorResult } from '../../lib/core-types'
+import { validateColumns } from '../utils/validator'
+
+export const dataFormatterValidator: DataFormatterValidator<'multiGrid'> = (dataFormatter: DataFormatterTypeMap<'multiGrid'>) => {
+  const result = validateColumns(dataFormatter, {
+    visibleFilter: {
+      toBeTypes: ['Function']
+    },
+    gridList: {
+      toBeTypes: ['object[]']
+    },
+    container: {
+      toBeTypes: ['object']
+    },
+    separateGrid: {
+      toBeTypes: ['boolean']
+    }
+  })
+  if (dataFormatter.gridList) {
+    const gridListResultArr = dataFormatter.gridList.map((grid, index) => {
+      const gridResult = validateColumns(grid, {
+        seriesDirection: {
+          toBe: '"row" | "column"',
+          test: (value) => value === 'row' || value === 'column'
+        },
+        rowLabels: {
+          toBeTypes: ['string[]']
+        },
+        columnLabels: {
+          toBeTypes: ['string[]']
+        },
+        valueAxis: {
+          toBeTypes: ['object']
+        },
+        groupAxis: {
+          toBeTypes: ['object']
+        },
+        separateSeries: {
+          toBeTypes: ['boolean']
+        }
+      })
+      if (gridResult.status === 'error') {
+        return gridResult
+      } else {
+        if (grid.valueAxis) {
+          const valueAxisResult = validateColumns(grid.valueAxis, {
+            position: {
+              toBe: '"top" | "bottom" | "left" | "right"',
+              test: (value) => value === 'top' || value === 'bottom' || value === 'left' || value === 'right'
+            },
+            scaleDomain: {
+              toBe: '[number | "min" | "auto", number | "max" | "auto"]',
+              test: (value) => Array.isArray(value) && value.length === 2 && (typeof value[0] === 'number' || value[0] === 'min' || value[0] === 'auto') && (typeof value[1] === 'number' || value[1] === 'max' || value[1] === 'auto')
+            },
+            scaleRange: {
+              toBe: '[number, number]',
+              test: (value) => Array.isArray(value) && value.length === 2 && typeof value[0] === 'number' && typeof value[1] === 'number'
+            },
+            label: {
+              toBeTypes: ['string']
+            }
+          })
+          if (valueAxisResult.status === 'error') {
+            return valueAxisResult
+          }
+        } else if (grid.groupAxis) {
+          const groupAxisResult = validateColumns(grid.groupAxis, {
+            position: {
+              toBe: '"top" | "bottom" | "left" | "right"',
+              test: (value) => value === 'top' || value === 'bottom' || value === 'left' || value === 'right'
+            },
+            scaleDomain: {
+              toBe: '[number, number | "max"]',
+              test: (value) => Array.isArray(value) && value.length === 2 && typeof value[0] === 'number' && (typeof value[1] === 'number' || value[1] === 'max')
+            },
+            scalePadding: {
+              toBeTypes: ['number']
+            },
+            label: {
+              toBeTypes: ['string']
+            }
+          })
+          if (groupAxisResult.status === 'error') {
+            return groupAxisResult
+          }
+        }
+        return <ValidatorResult>{
+          status: 'success',
+          columnName: '',
+          expectToBe: ''
+        }
+      }
+    })
+    const gridListResult = gridListResultArr.find((gridResult) => gridResult.status === 'error')
+    if (gridListResult) {
+      return gridListResult
+    }
+  }
+  if (dataFormatter.container) {
+    const containerResult = validateColumns(dataFormatter.container, {
+      gap: {
+        toBeTypes: ['number']
+      },
+      rowAmount: {
+        toBeTypes: ['number']
+      },
+      columnAmount: {
+        toBeTypes: ['number']
+      }
+    })
+    if (containerResult.status === 'error') {
+      return containerResult
+    }
+  }
+  return result
 }

package/src/multiGrid/dataValidator.ts

@@ -1,13 +1,13 @@
-import type { DataValidator, DataTypeMap } from '../../lib/core-types'
-import { validateColumns } from '../utils/validator'
-
-export const dataValidator: DataValidator<'multiGrid'> = (data: DataTypeMap<'multiGrid'>) => {
-  const result = validateColumns({ data }, {
-    data: {
-      toBe: 'DataGrid[]',
-      // 畢免資料量過大檢查不完，不深度檢查
-      test: (value) => Array.isArray(value)
-    }
-  })
-  return result
+import type { DataValidator, DataTypeMap } from '../../lib/core-types'
+import { validateColumns } from '../utils/validator'
+
+export const dataValidator: DataValidator<'multiGrid'> = (data: DataTypeMap<'multiGrid'>) => {
+  const result = validateColumns({ data }, {
+    data: {
+      toBe: 'DataGrid[]',
+      // 畢免資料量過大檢查不完，不深度檢查
+      test: (value) => Array.isArray(value)
+    }
+  })
+  return result
 }

package/src/multiValue/computedDataFn.ts

@@ -1,176 +1,176 @@
-import type { DataMultiValueDatum, ComputedDataFn, ComputedDatumMultiValue } from '../../lib/core-types'
-import { formatValueToLabel, createDefaultDatumId } from '../utils/orbchartsUtils'
-import { createAxisLinearScale, createAxisPointScale } from '../utils/d3Utils'
-import { getMinAndMaxValue } from '../utils/orbchartsUtils'
-
-export const computedDataFn: ComputedDataFn<'multiValue'> = (context) => {
-  const { data, dataFormatter, chartParams } = context
-  if (!data.length) {
-    return []
-  }
-
-  // @Q@ 假資料待改寫
-  const layout = {
-    width: 1000,
-    height: 1000
-  }
-
-  let computedDataMultiValue: ComputedDatumMultiValue[][] = []
-
-  try {
-    const dataMultiValue: DataMultiValueDatum[][] = data.map((d, i) => {
-      return d.map((_d, _i) => {
-        const datum: DataMultiValueDatum = typeof _d === 'number'
-          ? {
-            id: '',
-            label: '',
-            description: '',
-            // tooltipContent: '',
-            data: {},
-            categoryLabel: '',
-            value: _d
-          }
-          : {
-            id: _d.id ?? '',
-            label: _d.label ?? '',
-            description: _d.description ?? '',
-            // tooltipContent: _d.tooltipContent ?? '',
-            data: _d.data ?? {},
-            categoryLabel: _d.categoryLabel ??'',
-            value: _d.value
-          }
-        
-        return datum
-      })
-    })
-  
-    // x軸資料最小及最大值（第二維陣列中的第1筆為x軸資料）
-    const [xMinValue, xMaxValue] = getMinAndMaxValue(dataMultiValue.map(d => d[0]))
-    // y軸資料最小及最大值（第二維陣列中的第2筆為y軸資料）
-    const [yMinValue, yMaxValue] = getMinAndMaxValue(dataMultiValue.map(d => d[1]))
-  
-    // const axisWidth = layout.width - dataFormatter.padding.left - dataFormatter.padding.right
-    // const axisHeight = layout.height - dataFormatter.padding.top - dataFormatter.padding.bottom
-    // const axisWidth = layout.width
-    // const axisHeight = layout.height
-    const xAxisWidth = (dataFormatter.xAxis.position === 'top' || dataFormatter.xAxis.position === 'bottom')
-      ? layout.width
-      : layout.height
-    const yAxisWidth = (dataFormatter.yAxis.position === 'left' || dataFormatter.yAxis.position === 'right')
-      ? layout.height
-      : layout.width
-  
-    const xScale: d3.ScaleLinear<number, number> = createAxisLinearScale({
-      maxValue: xMaxValue,
-      minValue: xMinValue,
-      axisWidth: xAxisWidth,
-      // scaleDomain: dataFormatter.xAxis.scaleDomain,
-      // scaleRange: dataFormatter.xAxis.scaleRange
-      scaleDomain: [xMinValue, xMaxValue],
-      scaleRange: [0, 1]
-    })
-    const yScale: d3.ScaleLinear<number, number> = createAxisLinearScale({
-      maxValue: yMaxValue,
-      minValue: yMinValue,
-      axisWidth: yAxisWidth,
-      // scaleDomain: dataFormatter.yAxis.scaleDomain,
-      // scaleRange: dataFormatter.yAxis.scaleRange
-      scaleDomain: [yMinValue, yMaxValue],
-      scaleRange: [0, 1]
-    })
-
-    const _xScaleDoamin: [number, number] = [
-      // dataFormatter.xAxis.scaleDomain[0] === 'auto' ? xMinValue : dataFormatter.xAxis.scaleDomain[0],
-      (() => {
-        if (dataFormatter.xAxis.scaleDomain[0] === 'auto') {
-          return xMinValue < 0 ? xMinValue : 0
-        } else if (dataFormatter.xAxis.scaleDomain[0] === 'min') {
-          return xMinValue
-        } else {
-          return dataFormatter.xAxis.scaleDomain[0]
-        }
-      })(),
-      // dataFormatter.xAxis.scaleDomain[1] === 'auto' ? xMaxValue : dataFormatter.xAxis.scaleDomain[1]
-      (() => {
-        if (dataFormatter.xAxis.scaleDomain[1] === 'auto') {
-          return xMaxValue >= 0 ? xMaxValue : 0
-        } else if (dataFormatter.xAxis.scaleDomain[1] === 'max') {
-          return xMaxValue
-        } else {
-          return dataFormatter.xAxis.scaleDomain[1]
-        }
-      })()
-    ]
-    const _yScaleDoamin: [number, number] = [
-      // dataFormatter.yAxis.scaleDomain[0] === 'auto' ? yMinValue : dataFormatter.yAxis.scaleDomain[0],
-      (() => {
-        if (dataFormatter.yAxis.scaleDomain[0] === 'auto') {
-          return xMinValue < 0 ? xMinValue : 0
-        } else if (dataFormatter.yAxis.scaleDomain[0] === 'min') {
-          return xMinValue
-        } else {
-          return dataFormatter.yAxis.scaleDomain[0]
-        }
-      })(),
-      // dataFormatter.yAxis.scaleDomain[1] === 'auto' ? yMaxValue : dataFormatter.yAxis.scaleDomain[1]
-      (() => {
-        if (dataFormatter.yAxis.scaleDomain[1] === 'auto') {
-          return xMaxValue >= 0 ? xMaxValue : 0
-        } else if (dataFormatter.yAxis.scaleDomain[1] === 'max') {
-          return xMaxValue
-        } else {
-          return dataFormatter.yAxis.scaleDomain[1]
-        }
-      })()
-    ]
-    
-    // // 篩選顯示狀態
-    // const visibleFilter = (datum: DataMultiValueDatum, rowIndex: number, columnIndex: number, context: DataFormatterContext<"multiValue">) => {
-    //   // 如果不在scale的範圍內則為false，不再做visibleFilter的判斷
-    //   if (columnIndex === 0 && datum.value != null && ((datum.value as number) < _xScaleDoamin[0] || datum.value > _xScaleDoamin[1])) {
-    //     return false
-    //   }
-    //   if (columnIndex === 1 && datum.value != null && (datum.value < _yScaleDoamin[0] || datum.value > _yScaleDoamin[1])) {
-    //     return false
-    //   }
-      
-    //   return dataFormatter.visibleFilter(datum, rowIndex, columnIndex, context)
-    // }
-  
-    let index = 0
-  
-    computedDataMultiValue = dataMultiValue.map((d, i) => {
-      return d.map((_d, _i) => {
-        const currentIndex = index
-        index++
-  
-        const defaultId = createDefaultDatumId(dataFormatter.type, i, _i)
-  
-        const computedDatum: ComputedDatumMultiValue = {
-          id: _d.id ? _d.id : defaultId,
-          index: currentIndex,
-          label: _d.label ? _d.label : defaultId,
-          description: _d.description ?? '',
-          // tooltipContent: _d.tooltipContent ? _d.tooltipContent : dataFormatter.tooltipContentFormat(_d, i, _i, context),
-          data: _d.data,
-          value: _d.value,
-          categoryIndex: 0, // @Q@ 未完成
-          categoryLabel: '', // @Q@ 未完成
-          // valueLabel: formatValueToLabel(_d.value, dataFormatter.multiValue[_i].valueFormat),
-          axis: _i == 0 ? xScale(_d.value) : yScale(_d.value),
-          visible: true, // 先給預設值
-          color: '' // @Q@ 未完成
-        }
-
-        computedDatum.visible = dataFormatter.visibleFilter(computedDatum, context)
-
-        return computedDatum
-      })
-    })
-  } catch (e) {
-    // console.error(e)
-    throw Error(e)
-  }
-
-  return computedDataMultiValue
-}
+import type { DataMultiValueDatum, ComputedDataFn, ComputedDatumMultiValue } from '../../lib/core-types'
+import { formatValueToLabel, createDefaultDatumId } from '../utils/orbchartsUtils'
+import { createAxisLinearScale, createAxisPointScale } from '../utils/d3Utils'
+import { getMinAndMaxValue } from '../utils/orbchartsUtils'
+
+export const computedDataFn: ComputedDataFn<'multiValue'> = (context) => {
+  const { data, dataFormatter, chartParams } = context
+  if (!data.length) {
+    return []
+  }
+
+  // @Q@ 假資料待改寫
+  const layout = {
+    width: 1000,
+    height: 1000
+  }
+
+  let computedDataMultiValue: ComputedDatumMultiValue[][] = []
+
+  try {
+    const dataMultiValue: DataMultiValueDatum[][] = data.map((d, i) => {
+      return d.map((_d, _i) => {
+        const datum: DataMultiValueDatum = typeof _d === 'number'
+          ? {
+            id: '',
+            label: '',
+            description: '',
+            // tooltipContent: '',
+            data: {},
+            categoryLabel: '',
+            value: _d
+          }
+          : {
+            id: _d.id ?? '',
+            label: _d.label ?? '',
+            description: _d.description ?? '',
+            // tooltipContent: _d.tooltipContent ?? '',
+            data: _d.data ?? {},
+            categoryLabel: _d.categoryLabel ??'',
+            value: _d.value
+          }
+        
+        return datum
+      })
+    })
+  
+    // x軸資料最小及最大值（第二維陣列中的第1筆為x軸資料）
+    const [xMinValue, xMaxValue] = getMinAndMaxValue(dataMultiValue.map(d => d[0]))
+    // y軸資料最小及最大值（第二維陣列中的第2筆為y軸資料）
+    const [yMinValue, yMaxValue] = getMinAndMaxValue(dataMultiValue.map(d => d[1]))
+  
+    // const axisWidth = layout.width - dataFormatter.padding.left - dataFormatter.padding.right
+    // const axisHeight = layout.height - dataFormatter.padding.top - dataFormatter.padding.bottom
+    // const axisWidth = layout.width
+    // const axisHeight = layout.height
+    const xAxisWidth = (dataFormatter.xAxis.position === 'top' || dataFormatter.xAxis.position === 'bottom')
+      ? layout.width
+      : layout.height
+    const yAxisWidth = (dataFormatter.yAxis.position === 'left' || dataFormatter.yAxis.position === 'right')
+      ? layout.height
+      : layout.width
+  
+    const xScale: d3.ScaleLinear<number, number> = createAxisLinearScale({
+      maxValue: xMaxValue,
+      minValue: xMinValue,
+      axisWidth: xAxisWidth,
+      // scaleDomain: dataFormatter.xAxis.scaleDomain,
+      // scaleRange: dataFormatter.xAxis.scaleRange
+      scaleDomain: [xMinValue, xMaxValue],
+      scaleRange: [0, 1]
+    })
+    const yScale: d3.ScaleLinear<number, number> = createAxisLinearScale({
+      maxValue: yMaxValue,
+      minValue: yMinValue,
+      axisWidth: yAxisWidth,
+      // scaleDomain: dataFormatter.yAxis.scaleDomain,
+      // scaleRange: dataFormatter.yAxis.scaleRange
+      scaleDomain: [yMinValue, yMaxValue],
+      scaleRange: [0, 1]
+    })
+
+    const _xScaleDoamin: [number, number] = [
+      // dataFormatter.xAxis.scaleDomain[0] === 'auto' ? xMinValue : dataFormatter.xAxis.scaleDomain[0],
+      (() => {
+        if (dataFormatter.xAxis.scaleDomain[0] === 'auto') {
+          return xMinValue < 0 ? xMinValue : 0
+        } else if (dataFormatter.xAxis.scaleDomain[0] === 'min') {
+          return xMinValue
+        } else {
+          return dataFormatter.xAxis.scaleDomain[0]
+        }
+      })(),
+      // dataFormatter.xAxis.scaleDomain[1] === 'auto' ? xMaxValue : dataFormatter.xAxis.scaleDomain[1]
+      (() => {
+        if (dataFormatter.xAxis.scaleDomain[1] === 'auto') {
+          return xMaxValue >= 0 ? xMaxValue : 0
+        } else if (dataFormatter.xAxis.scaleDomain[1] === 'max') {
+          return xMaxValue
+        } else {
+          return dataFormatter.xAxis.scaleDomain[1]
+        }
+      })()
+    ]
+    const _yScaleDoamin: [number, number] = [
+      // dataFormatter.yAxis.scaleDomain[0] === 'auto' ? yMinValue : dataFormatter.yAxis.scaleDomain[0],
+      (() => {
+        if (dataFormatter.yAxis.scaleDomain[0] === 'auto') {
+          return xMinValue < 0 ? xMinValue : 0
+        } else if (dataFormatter.yAxis.scaleDomain[0] === 'min') {
+          return xMinValue
+        } else {
+          return dataFormatter.yAxis.scaleDomain[0]
+        }
+      })(),
+      // dataFormatter.yAxis.scaleDomain[1] === 'auto' ? yMaxValue : dataFormatter.yAxis.scaleDomain[1]
+      (() => {
+        if (dataFormatter.yAxis.scaleDomain[1] === 'auto') {
+          return xMaxValue >= 0 ? xMaxValue : 0
+        } else if (dataFormatter.yAxis.scaleDomain[1] === 'max') {
+          return xMaxValue
+        } else {
+          return dataFormatter.yAxis.scaleDomain[1]
+        }
+      })()
+    ]
+    
+    // // 篩選顯示狀態
+    // const visibleFilter = (datum: DataMultiValueDatum, rowIndex: number, columnIndex: number, context: DataFormatterContext<"multiValue">) => {
+    //   // 如果不在scale的範圍內則為false，不再做visibleFilter的判斷
+    //   if (columnIndex === 0 && datum.value != null && ((datum.value as number) < _xScaleDoamin[0] || datum.value > _xScaleDoamin[1])) {
+    //     return false
+    //   }
+    //   if (columnIndex === 1 && datum.value != null && (datum.value < _yScaleDoamin[0] || datum.value > _yScaleDoamin[1])) {
+    //     return false
+    //   }
+      
+    //   return dataFormatter.visibleFilter(datum, rowIndex, columnIndex, context)
+    // }
+  
+    let index = 0
+  
+    computedDataMultiValue = dataMultiValue.map((d, i) => {
+      return d.map((_d, _i) => {
+        const currentIndex = index
+        index++
+  
+        const defaultId = createDefaultDatumId(dataFormatter.type, i, _i)
+  
+        const computedDatum: ComputedDatumMultiValue = {
+          id: _d.id ? _d.id : defaultId,
+          index: currentIndex,
+          label: _d.label ? _d.label : defaultId,
+          description: _d.description ?? '',
+          // tooltipContent: _d.tooltipContent ? _d.tooltipContent : dataFormatter.tooltipContentFormat(_d, i, _i, context),
+          data: _d.data,
+          value: _d.value,
+          categoryIndex: 0, // @Q@ 未完成
+          categoryLabel: '', // @Q@ 未完成
+          // valueLabel: formatValueToLabel(_d.value, dataFormatter.multiValue[_i].valueFormat),
+          axis: _i == 0 ? xScale(_d.value) : yScale(_d.value),
+          visible: true, // 先給預設值
+          color: '' // @Q@ 未完成
+        }
+
+        computedDatum.visible = dataFormatter.visibleFilter(computedDatum, context)
+
+        return computedDatum
+      })
+    })
+  } catch (e) {
+    // console.error(e)
+    throw Error(e)
+  }
+
+  return computedDataMultiValue
+}

package/src/multiValue/contextObserverCallback.ts

@@ -1,12 +1,12 @@
-import type { ContextObserverCallback } from '../../lib/core-types'
-
-export const contextObserverCallback: ContextObserverCallback<'multiValue'> = ({ subject, observer }) => {
-
-  return {
-    fullParams$: observer.fullParams$,
-    fullChartParams$: observer.fullChartParams$,
-    fullDataFormatter$: observer.fullDataFormatter$,
-    computedData$: observer.computedData$,
-    layout$: observer.layout$,
-  }
-}
+import type { ContextObserverCallback } from '../../lib/core-types'
+
+export const contextObserverCallback: ContextObserverCallback<'multiValue'> = ({ subject, observer }) => {
+
+  return {
+    fullParams$: observer.fullParams$,
+    fullChartParams$: observer.fullChartParams$,
+    fullDataFormatter$: observer.fullDataFormatter$,
+    computedData$: observer.computedData$,
+    layout$: observer.layout$,
+  }
+}

package/src/multiValue/dataFormatterValidator.ts

@@ -1,10 +1,10 @@
-import type { DataFormatterValidator, DataFormatterTypeMap } from '../../lib/core-types'
-
-export const dataFormatterValidator: DataFormatterValidator<'multiValue'> = (dataFormatter: DataFormatterTypeMap<'multiValue'>) => {
-  
-  return {
-    status: 'success',
-    columnName: '',
-    expectToBe: ''
-  }
+import type { DataFormatterValidator, DataFormatterTypeMap } from '../../lib/core-types'
+
+export const dataFormatterValidator: DataFormatterValidator<'multiValue'> = (dataFormatter: DataFormatterTypeMap<'multiValue'>) => {
+  
+  return {
+    status: 'success',
+    columnName: '',
+    expectToBe: ''
+  }
 }