@cdc/editor 4.23.11 → 4.24.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdc/editor",
-  "version": "4.23.11",
+  "version": "4.24.1",
   "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.11",
-    "@cdc/core": "^4.23.11",
-    "@cdc/dashboard": "^4.23.11",
-    "@cdc/data-bite": "^4.23.11",
-    "@cdc/map": "^4.23.11",
-    "@cdc/markup-include": "^4.23.11",
-    "@cdc/waffle-chart": "^4.23.11",
+    "@cdc/chart": "^4.24.1",
+    "@cdc/core": "^4.24.1",
+    "@cdc/dashboard": "^4.24.1",
+    "@cdc/data-bite": "^4.24.1",
+    "@cdc/map": "^4.24.1",
+    "@cdc/markup-include": "^4.24.1",
+    "@cdc/waffle-chart": "^4.24.1",
     "axios": "^1.6.0",
     "d3": "^7.0.0",
     "html-react-parser": "^3.0.8",
@@ -43,5 +43,5 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
-  "gitHead": "ecad213667a3cb96c921eaddba43a31c84caaa08"
+  "gitHead": "a352a3f74f4b681191e3244061dbb3621f36eec3"
 }

package/src/CdcEditor.jsx

@@ -24,6 +24,11 @@ export default function CdcEditor({ config: configObj = { newViz: true }, hostna
   const [tempConfig, setTempConfig] = useState(null)
   const [errors, setErrors] = useState([])
 
+  const setTempConfigAndUpdate = config => {
+    updateVizConfig(JSON.parse(JSON.stringify(config)))
+    setTempConfig(config)
+  }
+
   const [currentViewport, setCurrentViewport] = useState('lg')
   const [dimensions, setDimensions] = useState([])
 
@@ -127,18 +132,22 @@ export default function CdcEditor({ config: configObj = { newViz: true }, hostna
     return strippedConfig
   }
 
-  // Temp Config is for changes made in the components proper - to prevent render cycles. Regular config is for changes made in the first two tabs.
-  useEffect(() => {
-    if (null !== tempConfig) {
+  const updateVizConfig = newTempConfig => {
+    if (null !== newTempConfig) {
       // Remove runtime/unnecessary items from config before saving to WCMS, performance optimization
-      let strippedConfig = stripConfig(tempConfig)
+      let strippedConfig = stripConfig(newTempConfig)
 
       const parsedData = JSON.stringify(strippedConfig)
       // Emit the data in a regular JS event so it can be consumed by anything.
       const event = new CustomEvent('updateVizConfig', { detail: parsedData, bubbles: true })
       window.dispatchEvent(event)
     }
-  }, [tempConfig])
+  }
+
+  // Temp Config is for changes made in the components proper - to prevent render cycles. Regular config is for changes made in the first two tabs.
+  useEffect(() => {
+    updateVizConfig(tempConfig)
+  }, [JSON.stringify(tempConfig)])
 
   useEffect(() => {
     let strippedConfig = stripConfig(config)
@@ -180,7 +189,7 @@ export default function CdcEditor({ config: configObj = { newViz: true }, hostna
     globalActive,
     setGlobalActive,
     tempConfig,
-    setTempConfig,
+    setTempConfig: setTempConfigAndUpdate,
     sharepath,
     isDebug
   }