@cdc/core 4.23.11 → 4.24.2

package/styles/base.scss

@@ -51,6 +51,7 @@
 // Imports
 @import 'reset';
 @import 'variables';
+@import 'global-variables';
 @import 'mixins';
 @import 'filters';
 
@@ -58,6 +59,10 @@ body.post-type-cdc_visualization .visx-tooltip {
   z-index: 1000000;
 }
 
+body.post-type-cdc_visualization .cdc-editor .configure .editor-panel {
+  top: 0 !important;
+}
+
 .cdc-open-viz-module {
   position: relative;
   color: $baseColor;
@@ -71,73 +76,88 @@ body.post-type-cdc_visualization .visx-tooltip {
   @import 'button-section';
   @import 'series-list';
   @import 'typography';
-}
 
-$theme: (
-  'amber': (
-    '#fbab18',
-    '#ffd54f',
-    '#ffecb3',
-    '#fff7e1'
-  ),
-  'blue': (
-    '#005eaa',
-    '#88c3ea',
-    '#c0e9ff',
-    '#edf9ff'
-  ),
-  'brown': (
-    '#705043',
-    '#ad907b',
-    '#d7ccc8',
-    '#f2ebe8'
-  ),
-  'cyan': (
-    '#006778',
-    '#65b0bd',
-    '#cce5e9',
-    '#ebf5f6'
-  ),
-  'green': (
-    '#4b830d',
-    '#84bc49',
-    '#dcedc8',
-    '#f1f8e9'
-  ),
-  'indigo': (
-    '#26418f',
-    '#92a6dd',
-    '#dee8ff',
-    '#f2f6ff'
-  ),
-  'orange': (
-    '#bb4d00',
-    '#ffad42',
-    '#ffe97d',
-    '#fff4cf'
-  ),
-  'pink': (
-    '#af4448',
-    '#e57373',
-    '#ffc2c2',
-    '#ffe7e7'
-  ),
-  'purple': (
-    '#712177',
-    '#b890bb',
-    '#e3d3e4',
-    '#f7f2f7'
-  ),
-  'slate': (
-    '#29434e',
-    '#7e9ba5',
-    '#b6c6d2',
-    '#e2e8ed'
-  ),
-  'teal': (
-    '#00695c',
-    '#4ebaaa',
-    '#ceece7',
-    '#ebf7f5'
-  )
-);
+  .editor-panel.cove {
+    position: absolute;
+    height: 100vh;
+    top: 0;
+    .editor-toggle {
+      position: absolute !important;
+      top: 10px !important;
+    }
+
+    .editor-panel {
+      position: absolute !important;
+      top: 0 !important;
+    }
+  }
+
+  $theme: (
+    'amber': (
+      '#fbab18',
+      '#ffd54f',
+      '#ffecb3',
+      '#fff7e1'
+    ),
+    'blue': (
+      '#005eaa',
+      '#88c3ea',
+      '#c0e9ff',
+      '#edf9ff'
+    ),
+    'brown': (
+      '#705043',
+      '#ad907b',
+      '#d7ccc8',
+      '#f2ebe8'
+    ),
+    'cyan': (
+      '#006778',
+      '#65b0bd',
+      '#cce5e9',
+      '#ebf5f6'
+    ),
+    'green': (
+      '#4b830d',
+      '#84bc49',
+      '#dcedc8',
+      '#f1f8e9'
+    ),
+    'indigo': (
+      '#26418f',
+      '#92a6dd',
+      '#dee8ff',
+      '#f2f6ff'
+    ),
+    'orange': (
+      '#bb4d00',
+      '#ffad42',
+      '#ffe97d',
+      '#fff4cf'
+    ),
+    'pink': (
+      '#af4448',
+      '#e57373',
+      '#ffc2c2',
+      '#ffe7e7'
+    ),
+    'purple': (
+      '#712177',
+      '#b890bb',
+      '#e3d3e4',
+      '#f7f2f7'
+    ),
+    'slate': (
+      '#29434e',
+      '#7e9ba5',
+      '#b6c6d2',
+      '#e2e8ed'
+    ),
+    'teal': (
+      '#00695c',
+      '#4ebaaa',
+      '#ceece7',
+      '#ebf7f5'
+    )
+  );
+}

package/types/Action.ts

@@ -0,0 +1 @@
+export type Action<T, P> = { type: T; payload?: P }

package/types/Axis.ts

@@ -1,6 +1,43 @@
+export type Anchor = {
+  value: string
+  color: string
+  lineStyle: string
+}
+
 export type Axis = {
+  scalePadding: number
+  anchors?: Anchor[]
   dataKey: string
-  type: string
-  dateParseFormat: string
   dateDisplayFormat: string
+  dateParseFormat: string
+  displayNumbersOnBar?: boolean
+  enablePadding?: boolean
+  gridLines?: boolean
+  hideAxis?: boolean
+  hideLabel?: boolean
+  hideTicks?: boolean
+  label?: string
+  labelOffset?: number
+  labelPlacement?: string
+  max?: string
+  maxTickRotation?: number
+  min?: string
+  numTicks?: number
+  rightAxisSize?: number
+  rightHideAxis?: boolean
+  rightHideLabel?: boolean
+  rightHideTicks?: boolean
+  rightLabel?: string
+  rightLabelOffsetSize?: number
+  rightMax?: string
+  rightNumTicks?: number
+  sortDates?: boolean
+  sortKey?: string
+  showTargetLabel?: boolean
+  size?: number
+  target?: number
+  targetLabel?: string
+  tickRotation?: number
+  tickWidthMax?: number
+  type: string
 }

package/types/BoxPlot.ts

@@ -0,0 +1,21 @@
+export type BoxPlot = {
+  tableData: Object[]
+  labels: {
+    mean: string
+    maximum: string
+    minimum: string
+    iqr: string
+    median: string
+    q1: string
+    q3: string
+    outliers: string
+    values: string
+    total: string
+    lowerBounds: string
+    upperBounds: string
+  }
+  plots: []
+  categories: string[]
+  firstQuartilePercentage: number
+  geoType: string
+}

package/types/Column.ts

@@ -0,0 +1,16 @@
+export type Column = {
+  name?: string
+  label: string
+  prefix: string
+  suffix: string
+  roundToPlace: number
+  commas: boolean
+  dataTable: boolean
+  showInViz: boolean
+  startingPoint: string
+  series?: string
+  tooltips: boolean
+  forestPlot: boolean
+  forestPlotAlignRight: boolean
+  forestPlotStartingPoint: number
+}

package/types/FilterBehavior.ts

@@ -0,0 +1 @@
+export type FilterBehavior = 'Apply Button' | 'Filter Change'

package/types/General.ts

@@ -0,0 +1,9 @@
+import { BoxPlot } from './BoxPlot'
+
+export type General = {
+  boxplot: BoxPlot
+  geoType: string
+  type: string
+  showDownloadButton: boolean
+  allowMapZoom?: boolean
+}

package/types/Runtime.ts

@@ -1,9 +1,29 @@
+import { Axis } from './Axis'
+
+export type ForecastingSeriesKey = {
+  stages: {
+    key: string
+    color: string
+  }[]
+}
+
+export type BarSeriesKey = {
+  key: string
+  color: string
+}
+
 export type Runtime = {
+  barSeriesKeys?: BarSeriesKey[]
+  forecastingSeriesKeys?: ForecastingSeriesKey[]
   originalXAxis: {
     dataKey: string
     name: string
     axis: string
   }
-  seriesKeys: []
+  xAxis: Axis
+  yAxis: Axis
+  seriesKeys: any[]
+  seriesLabels: Record<string, any>
+  seriesLabelsAll: string[]
   editorErrorMessage: string
 }

package/types/Series.ts

@@ -1 +1 @@
-export type Series = { dataKey: string; name: string; axis: string }[]
+export type Series = { dataKey: string; name: string; axis: string; type: string }[]

package/types/Table.ts

@@ -0,0 +1,21 @@
+export type Table = {
+  cellMinWidth?: number
+  label?: string
+  show?: boolean
+  showVertical?: boolean
+  indexLabel?: string
+  caption?: string
+  limitHeight?: boolean
+  height?: number
+  expanded?: boolean
+  showDataTableLink?: boolean
+  showDownloadUrl?: boolean
+  download?: boolean
+  customTableConfig?: boolean
+  excludeColumns?: string[]
+  showDownloadImgButton?: boolean
+  showDownloadPdfButton?: boolean
+  downloadImageButton?: boolean
+  downloadPdfButton?: boolean
+  dateDisplayFormat: string
+}

package/types/UpdateFieldFunc.ts

@@ -0,0 +1 @@
+export type UpdateFieldFunc<T> = (section: string | null, subsection: string | null, fieldName: string, value: T) => void

package/types/ViewPort.ts

@@ -0,0 +1,2 @@
+import { viewports } from '../helpers/getViewport'
+export type ViewPort = keyof typeof viewports

package/types/Visualization.ts

@@ -1,21 +1,27 @@
 export type Visualization = {
-  visualizationType: string
-  dataKey: string
-  formattedData: any
-  dataDescription: Object
+  autoLoad: boolean
   data: any
-  originalFormattedData: any
+  dataDescription: Object
+  dataFileName: string
+  dataFileSourceType: string
+  dataKey: string
+  datasets: Record<string, any>
   editing: boolean
-  type: 'chart' | 'map' | 'data-bite' | 'waffle-chart' | 'markup-include' | 'filtered-text' | 'filter-dropdowns'
+  formattedData?: Object[]
+  general: any
+  hide: any[]
+  multiDashboards?: any[]
   newViz: boolean
   openModal: boolean
-  hide: any[]
-  autoLoad: boolean
+  originalFormattedData: any
+  orientation: 'vertical' | 'horizontal'
   table: {
     showDataTableLink: boolean
   }
-  general: any
   title: string
+  type: 'dashboard' | 'chart' | 'map' | 'data-bite' | 'waffle-chart' | 'markup-include' | 'filtered-text' | 'filter-dropdowns'
   uid: string
   usesSharedFilter: any
+  visualizationType: string
+  visualizationSubType: string
 }

package/types/WCMSProps.ts

@@ -0,0 +1,11 @@
+import { ReactElement } from 'react'
+
+export type WCMSProps = {
+  config?: any
+  configUrl?: string
+  isEditor?: boolean
+  isDebug?: boolean
+  hostname?: string
+  containerEl?: ReactElement
+  sharepath?: string
+}

package/helpers/getViewport.js

@@ -1,21 +0,0 @@
-export default function getViewport(size) {
-  let result = 'lg'
-
-  const viewports = {
-    lg: 1200,
-    md: 992,
-    sm: 768,
-    xs: 576,
-    xxs: 350
-  }
-
-  if (size > 1200) return result
-
-  for (let viewport in viewports) {
-    if (size <= viewports[viewport]) {
-      result = viewport
-    }
-  }
-
-  return result
-}