@cdc/core 4.24.3 → 4.24.5

package/styles/_data-table.scss

@@ -28,6 +28,9 @@ div.data-table-heading {
     z-index: 2;
     position: relative;
   }
+  @include breakpoint(xs) {
+    font-size: $font-small + 0.2em;
+  }
 }
 
 table.horizontal {
@@ -139,6 +142,7 @@ table.data-table {
 
   td {
     padding: 0.3em 0.7em;
+
     border-right: 1px solid rgba(0, 0, 0, 0.1);
   }
 
@@ -151,6 +155,10 @@ table.data-table {
     &:last-child {
       border-right: 0 !important;
     }
+
+    @include breakpoint(xs) {
+      font-size: $font-small;
+    }
   }
   tr {
     & > * {

package/styles/_global.scss

@@ -38,7 +38,11 @@ strong {
   border: 0 !important;
   display: flex;
 }
-
+.cdcdataviz-sr-only-focusable:focus {
+  width: fit-content;
+  margin-bottom: 0.5em;
+  margin-left: 1em;
+}
 .inline-icon {
   width: 1em !important;
   height: auto !important;
@@ -80,9 +84,9 @@ strong {
   }
   &.danger {
     background-color: $red;
-    padding: 0em 0.6em 0.0em;
+    padding: 0em 0.6em 0em;
     height: 1.6em;
-    font-size: 0.8   em;
+    font-size: 0.8 em;
     color: #fff;
     &:hover {
       background-color: darken($red, 5%);
@@ -193,4 +197,3 @@ section.footnotes {
 .margin-left-href {
   margin-left: 15px;
 }
-

package/styles/_reset.scss

@@ -141,15 +141,16 @@
     top: -0.5em;
   }
 
-  header sup {
-    /* Allow line breaks using html in the header. */
-    top: initial;
-    line-height: initial;
-  }
-
   sub {
     /* Move the subscripted text down, but only
       half as far down as the superscript moved up */
     bottom: -0.25em;
   }
+
+  ul > li:first-child {
+    margin-top: auto;
+  }
+  ul > li:last-of-type {
+    margin-bottom: auto;
+  }
 }

package/styles/_variables.scss

@@ -61,3 +61,6 @@ $amber-primary: #fbab18 !default;
 $amber-secondary: #ffd54f !default;
 $amber-tertiary: #ffecb3 !default;
 $amber-quaternary: #fff7e1 !default;
+
+/// Fonts
+$font-small: 0.7em;

package/styles/base.scss

@@ -82,24 +82,6 @@ body.post-type-cdc_visualization .cdc-editor .configure .editor-panel {
   color-adjust: exact !important; /* Firefox 48 – 96 */
   print-color-adjust: exact !important; /* Firefox 97+, Safari 15.4+ */
 
-  .editor-panel.cove {
-    position: absolute;
-    height: 100vh;
-    top: 0;
-    max-width: 350px;
-    width: 350px;
-
-    .editor-toggle {
-      position: absolute !important;
-      top: 10px !important;
-    }
-
-    .editor-panel {
-      position: absolute !important;
-      top: 0 !important;
-    }
-  }
-
   $theme: (
     'amber': (
       '#fbab18',

package/styles/v2/base/index.scss

@@ -1,4 +1,4 @@
-//@import "reset"; TODO: Enable after cove refactor
+// @import 'reset'; //TODO: Enable after cove refactor
 @import 'typography';
 
 @import 'general';

package/styles/v2/components/ui/tooltip.scss

@@ -27,27 +27,6 @@
     }
   }
 
-  // editor-panel
-  .editor-panel {
-    .cove-label + .cove-tooltip {
-      top: 1px;
-      margin-left: 0.5rem;
-      font-size: 0.75rem;
-    }
-
-    .cove-accordion__button .cove-tooltip {
-      display: inline-flex;
-      right: 1.5rem;
-      line-height: inherit;
-    }
-
-    .cove-list-group__item .cove-tooltip {
-      width: 100%;
-      display: block;
-      line-height: inherit;
-    }
-  }
-
   // begin actual tooltip styles
   .react-tooltip,
   .tooltip {

package/types/Axis.ts

@@ -19,6 +19,8 @@ export type Axis = {
   label?: string
   labelOffset?: number
   labelPlacement?: string
+  manual?: boolean
+  manualStep?: number
   max?: string
   maxTickRotation?: number
   min?: string
@@ -35,6 +37,8 @@ export type Axis = {
   sortDates?: boolean
   sortKey?: string
   showTargetLabel?: boolean
+  showSuppressedLine: boolean
+  showSuppressedSymbol: boolean
   size?: number
   target?: number
   targetLabel?: string

package/types/Column.ts

@@ -6,6 +6,7 @@ export type Column = {
   roundToPlace: number
   commas: boolean
   dataTable: boolean
+  order?: number
   showInViz: boolean
   startingPoint: string
   series?: string

package/types/ConfigureData.ts

@@ -0,0 +1,8 @@
+import { DataDescription } from './DataDescription'
+
+export type ConfigureData = {
+  dataDescription: Partial<DataDescription>
+  data: Object[]
+  formattedData?: Object[]
+  dataKey: string // This is the key of the dataset in the config
+}

package/types/DataDescription.ts

@@ -0,0 +1,9 @@
+export type DataDescription = {
+  series: boolean
+  horizontal: boolean
+  singleRow: boolean
+  seriesKey: string
+  xKey: string
+  valueKeysTallSupport: string[]
+  ignoredKeys: string[]
+}

package/types/Legend.ts

@@ -7,6 +7,7 @@ export type Legend = {
   description: string
   // show or hide the legend
   hide: boolean
+  hideSuppressedLabels: boolean
   highlightOnHover: boolean
   label: string
   lineMode: boolean

package/types/MarkupInclude.ts

@@ -0,0 +1,26 @@
+import { Runtime } from '@cdc/core/types/Runtime'
+import { Variable } from '@cdc/markup-include/src/types/Variable'
+import { Visualization } from './Visualization'
+
+export type MarkupIncludeConfig = Visualization & {
+  contentEditor: {
+    // Changing the base config object creates an infinite loop, nesting it is a workaround
+    inlineHTML: string
+    markupVariables: Variable[]
+    showHeader: boolean
+    srcUrl: string
+    title: string
+    useInlineHTML: boolean
+  }
+  data?: Object[]
+  formattedData: {}
+  newViz?: boolean
+  runtime?: Runtime
+  visual: {
+    border: boolean
+    accent: boolean
+    background: boolean
+    hideBackgroundColor: boolean
+    borderColorTheme: boolean
+  }
+}

package/types/Runtime.ts

@@ -28,4 +28,5 @@ export type Runtime = {
   editorErrorMessage: string
   lineSeriesKeys: any[]
   horizontal: boolean
+  uniqueId: number | string
 }

package/types/Series.ts

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

package/types/Table.ts

@@ -1,21 +1,23 @@
 export type Table = {
+  caption?: string
   cellMinWidth?: number
-  label?: string
-  show?: boolean
-  showVertical?: boolean
+  collapsible?: boolean
+  dateDisplayFormat?: string
+  download?: boolean
+  downloadImageButton?: boolean
+  downloadPdfButton?: boolean
+  excludeColumns?: string[]
+  expanded?: boolean
+  fontSize: 'small' | 'medium' | 'large'
+  groupBy?: string
+  height?: number
   indexLabel?: string
-  caption?: string
+  label?: string
   limitHeight?: boolean
-  height?: number
-  expanded?: boolean
+  show?: boolean
   showDataTableLink?: boolean
-  showDownloadUrl?: boolean
-  download?: boolean
-  customTableConfig?: boolean
-  excludeColumns?: string[]
   showDownloadImgButton?: boolean
   showDownloadPdfButton?: boolean
-  downloadImageButton?: boolean
-  downloadPdfButton?: boolean
-  dateDisplayFormat?: string
+  showDownloadUrl?: boolean
+  showVertical?: boolean
 }

package/types/Visualization.ts

@@ -5,35 +5,39 @@ import { Series } from './Series'
 import { Table } from './Table'
 import { ConfidenceInterval } from './ConfidenceInterval'
 import { BaseVisualizationType } from './BaseVisualizationType'
+import { ConfigureData } from './ConfigureData'
+import { VizFilter } from './VizFilter'
+import { FilterBehavior } from './FilterBehavior'
+import { General } from './General'
 
-export type Visualization = {
+export type Visualization = ConfigureData & {
   autoLoad: boolean
-  columns: Record<string, Column>
+  columns: Record<string, Partial<Column>>
   confidenceKeys: ConfidenceInterval
-  data: any
-  dataDescription: Object
   dataFileName: string
   dataFileSourceType: string
   dataFormat: any
-  dataKey: string
   datasets: Record<string, any>
   editing: boolean
-  formattedData?: Object[] & Record<string, Object>
-  general: any
+  filterBehavior: FilterBehavior
+  filters: VizFilter[]
+  general: General
   hide: any[]
   legend: Legend
   multiDashboards?: any[]
   newViz: boolean
   openModal: boolean
-  originalFormattedData: any
   orientation: 'vertical' | 'horizontal'
+  originalFormattedData: any
   series: Series
+  showEditorPanel: boolean
   table: Table
+  theme: string
   title: string
   type: BaseVisualizationType
-  uid: string
+  uid: string // this is the actual key of the visualization object
   usesSharedFilter: any
-  visualizationType: string
   visualizationSubType: string
+  visualizationType: string
   xAxis: Axis
 }

package/types/VizFilter.ts

@@ -0,0 +1,13 @@
+export type VizFilter = {
+  active: string
+  columnName: string
+  filterStyle: 'tab' | 'pill' | 'tab bar' | 'dropdown'
+  label: string
+  order: 'asc' | 'desc' | 'cust'
+  orderedValues?: string[]
+  queryParameter: string
+  setByQueryParameter: string
+  showDropdown: boolean
+  type: 'url'
+  values: string[]
+}

package/helpers/coveUpdateWorker.js

@@ -1,19 +0,0 @@
-// If config key names or position in the config have been changed with a version change,
-// process those config entries and format old values into new
-import update_4_23 from './ver/4.23'
-import update_4_24_3 from './ver/4.24.3'
-
-// 4.23.6 ------------------------------------------------------
-const coveUpdateWorker = async config => {
-  let genConfig = config
-
-  // v4.23
-  genConfig = await update_4_23(genConfig)
-
-  // v4.24.3
-  genConfig = await update_4_24_3(genConfig)
-
-  return genConfig
-}
-
-export default coveUpdateWorker

package/helpers/ver/4.23.js

@@ -1,10 +0,0 @@
-const update_4_23 = async config => {
-  const ver = 4.23
-
-  let newConfig = { ...config }
-
-  newConfig.validated = ver
-  return newConfig
-}
-
-export default update_4_23

package/helpers/ver/4.24.3.js

@@ -1,25 +0,0 @@
-const update_4_24_3 = async config => {
-  const ver = '4.24.3'
-
-  let newConfig = { ...config }
-
-  newConfig.validated = ver
-
-  if (newConfig.type === 'chart') {
-    if (newConfig.xAxis.sortDates) {
-      newConfig.xAxis.type = 'date-time'
-    }
-    newConfig.table.download = true
-
-    delete newConfig.xAxis.sortDates
-  }
-
-  if (newConfig.type === 'map') {
-    newConfig.table.download = true
-    newConfig.general.showDownloadButton = true
-  }
-
-  return newConfig
-}
-
-export default update_4_24_3