@cdc/core 4.25.3 → 4.25.6-1

package/types/DataSet.ts

@@ -0,0 +1,14 @@
+import { ConfigureData } from '@cdc/core/types/ConfigureData'
+
+export type DataSet = ConfigureData & {
+  dataFileFormat?: string
+  dataFileName?: string
+  dataFileSize?: number
+  preview?: boolean
+  dataUrl: string
+  runtimeDataUrl: string
+  dataFileSourceType: string
+  loadQueryParam?: string // fetched from the browser's query string and appended to the dataUrl on load.
+}
+
+export type Datasets = Record<string, DataSet>

package/types/Footnotes.ts

@@ -1,11 +1,14 @@
-import { Visualization } from './Visualization'
+import { VizFilter } from './VizFilter'
 
 export type Footnote = {
   symbol?: string
   text: string
 }
 
-type Footnotes = Visualization & {
+type Footnotes = {
+  filters?: VizFilter[]
+  dataKey?: string
+  data?: Object[]
   dynamicFootnotes?: {
     symbolColumn?: string
     textColumn: string

package/types/General.ts

@@ -11,4 +11,5 @@ export type General = {
   showAnnotationDropdown?: boolean
   hideNullValue: boolean
   title: string
+  annotationDropdownText?: string
 }

package/types/Legend.ts

@@ -15,4 +15,5 @@ export type Legend = {
   singleRow: boolean
   type: string
   verticalSorted: boolean
+  groupBy: string
 }

package/types/Table.ts

@@ -8,6 +8,7 @@ export type Table = {
   cellMinWidth?: number
   collapsible?: boolean
   dateDisplayFormat?: string
+  showNonGeoData?: boolean
   download?: boolean
   downloadVisibleDataOnly?: boolean
   downloadImageButton?: boolean

package/types/Visualization.ts

@@ -10,6 +10,7 @@ import { FilterBehavior } from './FilterBehavior'
 import { General } from './General'
 import { Runtime } from './Runtime'
 import { DashboardFilters } from '@cdc/dashboard/src/types/DashboardFilters'
+import Footnotes from './Footnotes'
 
 // This was originally created as a catchall for the different types of visualizations.
 // Currently it includes properties that ares specific to one Visualization type.
@@ -26,7 +27,6 @@ type DeprecatedVisualizationType = {
   filters: VizFilter[]
   general: General
   legend: Legend
-  multiDashboards?: any[]
   newViz: boolean
   isResponsiveTicks: boolean
   openModal?: boolean
@@ -37,17 +37,7 @@ type DeprecatedVisualizationType = {
   table: Table
   theme: string
   title: string
-  type:
-    | 'dashboard'
-    | 'chart'
-    | 'footnotes'
-    | 'map'
-    | 'data-bite'
-    | 'waffle-chart'
-    | 'markup-include'
-    | 'filtered-text'
-    | 'table'
-    | 'navigation'
+  type: 'chart' | 'map' | 'data-bite' | 'waffle-chart' | 'markup-include' | 'filtered-text' | 'table' | 'navigation'
   usesSharedFilter?: any
   visualizationSubType: string
   visualizationType: string
@@ -65,6 +55,7 @@ export type CommonVisualizationProperties = Partial<StatefulProperties> & {
   uid?: string | number // this is the actual key of the visualization object
   visualizationType?: string
   filterBehavior: FilterBehavior
+  footnotes?: Footnotes
 } & Partial<ConfigureData>
 
 export type Visualization = DeprecatedVisualizationType & CommonVisualizationProperties

package/types/VizFilter.ts

@@ -30,6 +30,9 @@ export type GeneralFilter = FilterBase & {
   setByQueryParameter: string
   subGrouping: SubGrouping
   type: 'url'
+  filterFootnotes?: boolean
+  defaultValue?: string
+  resetLabel?: string
 }
 
 export type MultiSelectFilter = {

package/components/ui/_stories/Colors.stories.tsx

@@ -1,92 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react'
-
-const COLORS = [
-  ['baseColor', '#333'],
-  ['blue', '#005eaa'],
-  ['lightestGray', '#f2f2f2'],
-  ['lightGray', '#c7c7c7'],
-  ['mediumGray', '#565656'],
-  ['darkGray', '#333'],
-  ['red', '#d8000c'],
-  ['white', '#fff'],
-
-  ['primary', '#005eaa'],
-  ['secondary', '#88c3ea'],
-  ['tertiary', '#c0e9ff'],
-  ['quaternary', '#edf9ff'],
-
-  ['purple-primary', '#712177'],
-  ['purple-secondary', '#b890bb'],
-  ['purple-tertiary', '#e3d3e4'],
-  ['purple-quaternary', '#f7f2f7'],
-
-  ['brown-primary', '#705043'],
-  ['brown-secondary', '#ad907b'],
-  ['brown-tertiary', '#d7ccc8'],
-  ['brown-quaternary', '#f2ebe8'],
-
-  ['teal-primary', '#00695c'],
-  ['teal-secondary', '#4ebaaa'],
-  ['teal-tertiary', '#ceece7'],
-  ['teal-quaternary', '#ebf7f5'],
-
-  ['pink-primary', '#af4448'],
-  ['pink-secondary', '#e57373'],
-  ['pink-tertiary', '#ffc2c2'],
-  ['pink-quaternary', '#ffe7e7'],
-
-  ['orange-primary', '#bb4d00'],
-  ['orange-secondary', '#ffad42'],
-  ['orange-tertiary', '#ffe97d'],
-  ['orange-quaternary', '#fff4cf'],
-
-  ['slate-primary', '#29434e'],
-  ['slate-secondary', '#7e9ba5'],
-  ['slate-tertiary', '#b6c6d2'],
-  ['slate-quaternary', '#e2e8ed'],
-
-  ['indigo-primary', '#26418f'],
-  ['indigo-secondary', '#92a6dd'],
-  ['indigo-tertiary', '#dee8ff'],
-  ['indigo-quaternary', '#f2f6ff'],
-
-  ['cyan-primary', '#006778'],
-  ['cyan-secondary', '#65b0bd'],
-  ['cyan-tertiary', '#cce5e9'],
-  ['cyan-quaternary', '#ebf5f6'],
-
-  ['green-primary', '#4b830d'],
-  ['green-secondary', '#84bc49'],
-  ['green-tertiary', '#dcedc8'],
-  ['green-quaternary', '#f1f8e9'],
-
-  ['amber-primary', '#fbab18'],
-  ['amber-secondary', '#ffd54f'],
-  ['amber-tertiary', '#ffecb3'],
-  ['amber-quaternary', '#fff7e1']
-]
-
-const ColorArray = () => {
-  return (
-    <table className='table'>
-      {COLORS.map(([name, hex]) => (
-        <tr>
-          <td style={{ background: hex, width: '60px' }}></td>
-          <td>{name}</td>
-          <td>{hex}</td>
-        </tr>
-      ))}
-    </table>
-  )
-}
-
-const meta: Meta<typeof ColorArray> = {
-  title: 'Components/Atoms/Colors',
-  component: ColorArray
-}
-
-type Story = StoryObj<typeof ColorArray>
-
-export const Primary: Story = {}
-
-export default meta

package/components/ui/_stories/Icon.stories.tsx

@@ -1,29 +0,0 @@
-import React from 'react'
-import type { Meta, StoryObj } from '@storybook/react'
-
-import Icon, { ICON_TYPES } from '../Icon'
-
-const IconArray = () => {
-  return (
-    <>
-      {ICON_TYPES.map(name => (
-        <div>
-          <span>
-            <Icon display={name} /> {name}{' '}
-          </span>
-        </div>
-      ))}
-    </>
-  )
-}
-
-const meta: Meta<typeof IconArray> = {
-  title: 'Components/Atoms/Icon',
-  component: IconArray
-}
-
-type Story = StoryObj<typeof Icon>
-
-export const Primary: Story = {}
-
-export default meta

package/helpers/cove/fontSettings.ts

@@ -1,2 +0,0 @@
-// TODO: handle with css
-export const appFontSize = 18

package/helpers/isNumber.js

@@ -1,24 +0,0 @@
-/**
- * isNumber
- *
- * There are many ways this could be written but this one is working
- * to check if something is a number or not
- * Input: value
- * 
- * Output: boolean: true or false
- */
-export default function isNumber(value = '') {
-  // if you need to check data to see if there is junk in there that can't be handled
-  // you can run the points through this and see values on the console
-  // in debugging I saw cases where inbound was a 'number'
-  // and other times a 'string' so might as well take care of both here
-  if (typeof value === 'number') {
-    return !Number.isNaN(value)
-  }
-  if (typeof value === 'string') {
-    return value !== null && value !== '' && /\d+\.?\d*/.test(value)
-    // regex explanation: if 1 or more digits, and a decimal followed by 0 or more digits, 
-    // then its a number
-  }
-  return false // if we get here something is wrong so return false
-}

package/helpers/isNumberLog.js

@@ -1,18 +0,0 @@
-export default function isNumberLog(value = '', state = null) {
-  // if you need to check data to see if there is junk in there that can't be handled
-  // you can run the points through this and see values on the console
-  console.log("entering isNumberLog value, valuetype:",value,typeof value);
-  var test;
-  if (typeof value === 'number') {
-    test = !Number.isNaN(value)
-  }
-  if (typeof value === 'string') {
-    test = value !== null && value !== '' && /\d+\.?\d*/.test(value)
-  }
-  if (test === false) {
-    console.log('# isNumberLog FALSE on value, result', value, test)
-  } else {
-    console.log('# isNumberLog TRUE on value, result', value, test)
-  }
-  return test
-}