@cdc/editor 4.23.3 → 4.23.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdc/editor",
-  "version": "4.23.3",
+  "version": "4.23.4",
   "description": "React component for generating a new component entry",
   "moduleName": "CdcEditor",
   "main": "dist/cdceditor",
@@ -24,13 +24,13 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@cdc/chart": "^4.23.3",
-    "@cdc/core": "^4.23.3",
-    "@cdc/dashboard": "^4.23.3",
-    "@cdc/data-bite": "^4.23.3",
-    "@cdc/map": "^4.23.3",
-    "@cdc/markup-include": "^4.23.3",
-    "@cdc/waffle-chart": "^4.23.3",
+    "@cdc/chart": "^4.23.4",
+    "@cdc/core": "^4.23.4",
+    "@cdc/dashboard": "^4.23.4",
+    "@cdc/data-bite": "^4.23.4",
+    "@cdc/map": "^4.23.4",
+    "@cdc/markup-include": "^4.23.4",
+    "@cdc/waffle-chart": "^4.23.4",
     "axios": "^0.21.1",
     "d3": "^7.0.0",
     "html-react-parser": "^3.0.8",
@@ -43,5 +43,5 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
-  "gitHead": "6fa3b11db159d38538f18023fe70b67a29e7d327"
+  "gitHead": "dcd395d76f70b2d113f2b4c6fe50a52522655cd1"
 }

package/src/CdcEditor.jsx

@@ -19,7 +19,7 @@ import Tabs from './components/Tabs'
 
 import './scss/main.scss'
 
-export default function CdcEditor({ config: configObj = { newViz: true }, hostname, containerEl, sharepath }) {
+export default function CdcEditor({ config: configObj = { newViz: true }, hostname, containerEl, sharepath, isDebug }) {
   const [config, setConfig] = useState(configObj)
   const [tempConfig, setTempConfig] = useState(null)
   const [errors, setErrors] = useState([])
@@ -146,7 +146,8 @@ export default function CdcEditor({ config: configObj = { newViz: true }, hostna
     setGlobalActive,
     tempConfig,
     setTempConfig,
-    sharepath
+    sharepath,
+    isDebug
   }
 
   let configureDisabled = true

package/src/components/ChooseTab.jsx

@@ -18,6 +18,7 @@ import PairedBarIcon from '@cdc/core/assets/icon-chart-bar-paired.svg'
 import HorizontalStackIcon from '@cdc/core/assets/icon-chart-bar-stacked.svg'
 import ScatterPlotIcon from '@cdc/core/assets/icon-chart-scatterplot.svg'
 import BoxPlotIcon from '@cdc/core/assets/icon-chart-box-whisker.svg'
+import AreaChartIcon from '@cdc/core/assets/icon-area-chart.svg'
 
 export default function ChooseTab() {
   const { config, setConfig, setGlobalActive, tempConfig, setTempConfig } = useContext(ConfigContext)
@@ -208,7 +209,7 @@ export default function ChooseTab() {
         {/* <li>
           <Tooltip>
             <Tooltip.Target>
-              <IconButton label='Area Chart' type='chart' subType='Area Chart' orientation='vertical' icon={<GenericIcon />} />
+              <IconButton label='Area Chart' type='chart' subType='Area Chart' orientation='vertical' icon={<AreaChartIcon />} />
             </Tooltip.Target>
             <Tooltip.Content>Display an area chart</Tooltip.Content>
           </Tooltip>

package/src/components/ConfigureTab.jsx

@@ -13,7 +13,7 @@ import ErrorBoundary from '@cdc/core/components/ErrorBoundary'
 import ConfigContext from '../ConfigContext'
 
 export default function ConfigureTab({ containerEl }) {
-  const { config, setTempConfig, hostname } = useContext(ConfigContext)
+  const { config, setTempConfig, hostname, isDebug } = useContext(ConfigContext)
 
   let { type } = config
 
@@ -21,37 +21,37 @@ export default function ConfigureTab({ containerEl }) {
     case 'map':
       return (
         <ErrorBoundary component='CdcMap'>
-          <CdcMap isEditor={true} config={config} hostname={hostname} setConfig={setTempConfig} containerEl={containerEl} />
+          <CdcMap isEditor={true} isDebug={isDebug} config={config} hostname={hostname} setConfig={setTempConfig} containerEl={containerEl} />
         </ErrorBoundary>
       )
     case 'chart':
       return (
         <ErrorBoundary component='CdcChart'>
-          <CdcChart isEditor={true} config={config} setConfig={setTempConfig} />
+          <CdcChart isEditor={true} isDebug={isDebug} config={config} setConfig={setTempConfig} />
         </ErrorBoundary>
       )
     case 'dashboard':
       return (
         <ErrorBoundary component='CdcDashboard'>
-          <CdcDashboard isEditor={true} config={config} setConfig={setTempConfig} />
+          <CdcDashboard isEditor={true} isDebug={isDebug} config={config} setConfig={setTempConfig} />
         </ErrorBoundary>
       )
     case 'data-bite':
       return (
         <ErrorBoundary component='CdcDashboard'>
-          <CdcDataBite isEditor={true} config={config} setConfig={setTempConfig} />
+          <CdcDataBite isEditor={true} isDebug={isDebug} config={config} setConfig={setTempConfig} />
         </ErrorBoundary>
       )
     case 'waffle-chart':
       return (
         <ErrorBoundary component='CdcDashboard'>
-          <CdcWaffleChart isEditor={true} config={config} setConfig={setTempConfig} />
+          <CdcWaffleChart isEditor={true} isDebug={isDebug} config={config} setConfig={setTempConfig} />
         </ErrorBoundary>
       )
     case 'markup-include':
       return (
         <ErrorBoundary component='CdcDashboard'>
-          <CdcMarkupInclude isEditor={true} config={config} setConfig={setTempConfig} />
+          <CdcMarkupInclude isEditor={true} isDebug={isDebug} config={config} setConfig={setTempConfig} />
         </ErrorBoundary>
       )
     default:

package/src/index.jsx

@@ -9,8 +9,10 @@ let activeTab = Number.parseInt(standaloneParams.get('active')) - 1 || null
 
 let domContainer = document.getElementsByClassName('react-container')[0]
 
+let isDebug = window.location.href.includes('debug=true')
+
 ReactDOM.createRoot(domContainer).render(
   <React.StrictMode>
-    <CdcEditor startingTab={activeTab} containerEl={domContainer} />
-  </React.StrictMode>,
+    <CdcEditor startingTab={activeTab} containerEl={domContainer} isDebug={isDebug} />
+  </React.StrictMode>
 )