@cdc/data-bite 4.25.2-25 → 4.25.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdc/data-bite",
-  "version": "4.25.2-25",
+  "version": "4.25.3",
   "description": "React component for displaying a single piece of data in a card module",
   "moduleName": "CdcDataBite",
   "main": "dist/cdcdatabite",
@@ -27,7 +27,7 @@
   "license": "Apache-2.0",
   "homepage": "https://github.com/CDCgov/cdc-open-viz#readme",
   "dependencies": {
-    "@cdc/core": "^4.25.2-25",
+    "@cdc/core": "^4.25.3",
     "chroma": "0.0.1",
     "chroma-js": "^2.1.0",
     "html-react-parser": "^3.0.8",
@@ -40,5 +40,5 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
-  "gitHead": "f00bd8a0fc746def7cc23b91ef49a03a3ceac65e"
+  "gitHead": "b09566f5a7d57c8d0109e5f407257729d6b36846"
 }

package/src/CdcDataBite.tsx

@@ -546,6 +546,7 @@ const CdcDataBite = (props: CdcDataBiteProps) => {
             {!config.newViz && config.runtime && config.runtime.editorErrorMessage && <Error />}
             {(!config.dataColumn || !config.dataFunction) && <Confirm />}
             <Title
+              showTitle={config.visual?.showTitle}
               config={config}
               title={title}
               isDashboard={isDashboard}

package/src/components/EditorPanel.jsx

@@ -1,5 +1,5 @@
 import React, { memo, useContext, useEffect, useState } from 'react'
-
+import _ from 'lodash'
 import {
   Accordion,
   AccordionItem,
@@ -212,7 +212,7 @@ const EditorPanel = memo(() => {
   }
 
   const convertStateToConfig = () => {
-    let strippedState = JSON.parse(JSON.stringify(config))
+    let strippedState = _.cloneDeep(config)
     //if(false === missingRequiredSections()) {
     //strippedState.newViz
     //}
@@ -357,6 +357,14 @@ const EditorPanel = memo(() => {
                     placeholder='Data Bite Title'
                     updateField={updateField}
                   />
+                  <CheckBox
+                    value={config.visual?.showTitle}
+                    section='visual'
+                    checked={config.visual?.showTitle}
+                    fieldName='showTitle'
+                    label='Show Title'
+                    updateField={updateField}
+                  />
 
                   <TextField
                     type='textarea'

package/src/data/initial-state.js

@@ -31,7 +31,8 @@ export default {
     accent: false,
     background: false,
     hideBackgroundColor: false,
-    borderColorTheme: false
+    borderColorTheme: false,
+    showTitle: true
   },
   general: {
     isCompactStyle: false

package/src/types/Config.ts

@@ -34,6 +34,7 @@ export type Config = {
     background: boolean
     hideBackgroundColor: boolean
     borderColorTheme: boolean
+    showTitle: boolean
   }
   general: {
     isCompactStyle: boolean