@cdc/chart 4.24.1 → 4.24.2

package/src/scss/main.scss

@@ -1,73 +1,6 @@
 @import '@cdc/core/styles/base';
 @import '@cdc/core/styles/heading-colors';
 @import '@cdc/core/styles/v2/themes/color-definitions';
-.dash-container {
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-}
-
-.legend-dash-left {
-  margin-left: 8px !important;
-  display: flex;
-  flex-direction: column;
-}
-
-.dash-inner {
-  width: 20px;
-  margin-left: 0px !important;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.dashes {
-  display: inline-block;
-
-  &.open-circles {
-    width: 12px;
-    height: 12px;
-    border: 2px solid currentColor;
-    border-radius: 50%;
-  }
-
-  &.dashed-small {
-    margin: 0 0px;
-    font-size: 20px;
-  }
-
-  &.dashed-medium,
-  &.dashed-large {
-    span {
-      display: inline-block;
-      position: relative;
-      margin-right: 12px;
-      margin-left: 0 !important;
-
-      &::before {
-        content: '';
-        display: block;
-        height: 2px;
-        background-color: currentColor;
-        position: absolute;
-        top: 50%;
-        transform: translateY(-20%);
-        width: 10px;
-      }
-    }
-  }
-
-  &.dashed-large {
-    span {
-      margin-right: 12px;
-      margin-left: 0 !important;
-
-      &::before {
-        width: 13px;
-      }
-    }
-  }
-}
 
 .form-container {
   overflow-y: auto;

package/src/types/ChartConfig.ts

@@ -5,23 +5,22 @@ import { type Series } from '@cdc/core/types/Series'
 import { Runtime } from '@cdc/core/types/Runtime'
 import { FilterBehavior } from '@cdc/core/types/FilterBehavior'
 import { Table } from '@cdc/core/types/Table'
+import { BoxPlot } from '@cdc/core/types/BoxPlot'
+import { General } from '@cdc/core/types/General'
 
 export type ChartColumns = Record<string, Column>
 
 type Region = {
   from: string
   to: string
+  fromType: 'Previous Days' | 'Fixed Date'
+  toType: 'Last Date' | 'Fised Date'
   label: string
   color: string
   background: string
   range: 'Custom' | string
 }
 
-type BoxPlot = {
-  firstQuartilePercentage: number
-  [key: string]: any
-}
-
 type DataFormat = {
   abbreviated: boolean
   bottomAbbreviated: boolean
@@ -47,6 +46,7 @@ type Exclusions = {
 }
 
 type Filter = {
+  active: string
   type: 'url'
   columnName: string
   showDropdown: boolean
@@ -54,6 +54,7 @@ type Filter = {
   label: string
   order: 'asc' | 'desc' | 'cust'
   values: string[]
+  queryParameter: string
 }
 
 export type Legend = {
@@ -86,9 +87,7 @@ type Visual = {
 
 type AllChartsConfig = {
   animate: boolean
-  general: {
-    boxplot: BoxPlot
-  }
+  general: General
   barHasBorder: 'true' | 'false'
   barHeight: number
   barSpace: number
@@ -100,11 +99,15 @@ type AllChartsConfig = {
     height: number
   }
   chartMessage: { noData?: string }
+  color: string
   colorMatchLineSeriesLabels: boolean
   columns: ChartColumns
   confidenceKeys: Record<string, any>
+  customColors: string[]
   data: Object[]
+  dataUrl: string
   dataCutoff: number
+  dataDescription: string
   dataFormat: DataFormat
   dataKey: string
   description: string
@@ -115,6 +118,7 @@ type AllChartsConfig = {
   fontSize: 'small' | 'medium' | 'large'
   footnotes: string
   forestPlot: ForestPlotConfigSettings
+  formattedData: Object[] & { urlFiltered: boolean }
   heights: {
     vertical: number
   }
@@ -135,11 +139,15 @@ type AllChartsConfig = {
   orientation: 'vertical' | 'horizontal'
   palette: string
   pieType?: string
+  primary?: DataFormat
   roundingStyle: string
   runtime: Runtime
+  runtimeDataUrl: string
   series: Series
   showLineSeriesLabels: boolean
+  showSidebar: boolean
   showTitle: boolean
+  sortData: 'ascending' | 'descending'
   stackedAreaChartLineType: string
   suppressedData?: { label: string; icon: string; value: string }[]
   superTitle: string
@@ -150,6 +158,7 @@ type AllChartsConfig = {
   tooltips: {
     singleSeries: boolean
     opacity: number
+    dateDisplayFormat: string
   }
   topAxis: { hasLine: boolean }
   twoColor: { palette: string }

package/src/types/ChartContext.ts

@@ -1,9 +1,9 @@
 import { type ChartConfig } from './ChartConfig'
 import { PickD3Scale } from '@visx/scale'
 
-type ColorScale = PickD3Scale<'ordinal', any, any>
+export type ColorScale = PickD3Scale<'ordinal', any, any>
 
-type TransformedData = {
+export type TransformedData = {
   dataKey?: string
   [key: string]: any
 }
@@ -20,17 +20,20 @@ type SharedChartContext = {
 type LineChartContext = SharedChartContext & {
   dimensions: [screenWidth: number, screenHeight: number]
   formatDate: Function
+  formatTooltipsDate: Function
   formatNumber: Function
   handleLineType: Function
   isNumber: unknown
   isDebug?: boolean
   parseDate: Function
   rawData: Object[]
-  seriesHighlight: String[]
+  seriesHighlight: string[]
   tableData: Object[]
   transformedData: TransformedData[]
   updateConfig: Function
   visualizationType: 'Line'
+  colorPalettes: Record<string, string[]>
+  twoColorPalette: Record<string, string[]>
 }
 
 export type ChartContext =
@@ -38,6 +41,7 @@ export type ChartContext =
   | (SharedChartContext & {
       dimensions: [screenWidth: number, screenHeight: number]
       formatDate?: Function
+      formatTooltipsDate: Function
       formatNumber?: Function
       handleLineType?: Function
       isNumber?: boolean
@@ -45,10 +49,12 @@ export type ChartContext =
       isDebug?: boolean
       parseDate?: Function
       rawData?: Object[]
-      seriesHighlight?: String[]
+      seriesHighlight?: string[]
       tableData?: Object[]
       transformedData?: TransformedData[]
       setSharedFilter?: Function
       sharedFilterValue?: string
       updateConfig?: Function
+      colorPalettes: any
+      twoColorPalette: any
     })

package/src/types/Label.ts

@@ -0,0 +1,7 @@
+export type Label = {
+  datum: string
+  index: number
+  text: string
+  value: string
+  icon?: any
+}