@cdc/markup-include 4.25.5-1 → 4.25.6-1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdc/markup-include",
-  "version": "4.25.5-1",
+  "version": "4.25.6-1",
   "description": "React component for displaying HTML content from an outside link",
   "moduleName": "CdcMarkupInclude",
   "main": "dist/cdcmarkupinclude",
@@ -27,15 +27,15 @@
   "license": "Apache-2.0",
   "homepage": "https://github.com/CDCgov/cdc-open-viz#readme",
   "dependencies": {
-    "@cdc/core": "^4.25.5-1",
-    "axios": "^1.6.0",
+    "@cdc/core": "^4.25.6-1",
+    "axios": "^1.9.0",
     "chroma": "0.0.1",
-    "interweave": "^13.0.0",
-    "react-accessible-accordion": "^3.3.4"
+    "interweave": "^13.1.1",
+    "react-accessible-accordion": "^5.0.1"
   },
   "peerDependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
-  "gitHead": "1d0a6e716bc113e6bea3636fcae90ebf2d19bb5c"
+  "gitHead": "ac45ee0f1d6a4045648c4e083992fc091795e084"
 }

package/src/CdcMarkupInclude.tsx

@@ -24,16 +24,20 @@ import './scss/main.scss'
 type CdcMarkupIncludeProps = {
   config: MarkupIncludeConfig
   configUrl: string
+  datasets: Datasets
   isDashboard: boolean
   isEditor: boolean
   setConfig: any
 }
 
 import Title from '@cdc/core/components/ui/Title'
+import FootnotesStandAlone from '@cdc/core/components/Footnotes/FootnotesStandAlone'
+import { Datasets } from '@cdc/core/types/DataSet'
 
 const CdcMarkupInclude: React.FC<CdcMarkupIncludeProps> = ({
   configUrl,
   config: configObj,
+  datasets,
   isDashboard = true,
   isEditor = false,
   setConfig: setParentConfig
@@ -226,7 +230,7 @@ const CdcMarkupInclude: React.FC<CdcMarkupIncludeProps> = ({
 
   //Load initial config
   useEffect(() => {
-    loadConfig().catch(err => console.log(err))
+    loadConfig().catch(err => console.error(err))
     publish('cove_loaded', { loadConfigHasRun: true })
   }, [])
 
@@ -239,7 +243,7 @@ const CdcMarkupInclude: React.FC<CdcMarkupIncludeProps> = ({
 
   //Reload any functions when config is updated
   useEffect(() => {
-    loadConfigMarkupData().catch(err => console.log(err))
+    loadConfigMarkupData().catch(err => console.error(err))
   }, [config])
 
   let content = <Loading />
@@ -251,7 +255,7 @@ const CdcMarkupInclude: React.FC<CdcMarkupIncludeProps> = ({
   if (loading === false) {
     content = (
       <>
-        {isEditor && <EditorPanel />}
+        {isEditor && <EditorPanel datasets={datasets} />}
         {!hideMarkupInclude && (
           <Layout.Responsive isEditor={isEditor}>
             <div className='markup-include-content-container cove-component__content no-borders'>
@@ -264,6 +268,7 @@ const CdcMarkupInclude: React.FC<CdcMarkupIncludeProps> = ({
                   </div>
                 </div>
               </div>
+              <FootnotesStandAlone config={configObj?.footnotes} filters={[]} />
             </div>
           </Layout.Responsive>
         )}

package/src/components/EditorPanel.tsx

@@ -24,6 +24,8 @@ import '@cdc/core/styles/v2/components/editor.scss'
 import './editorPanel.style.css'
 import VariableSection from './Variables'
 import { CheckBox } from '@cdc/core/components/EditorPanel/Inputs'
+import FootnotesEditor from '@cdc/core/components/EditorPanel/FootnotesEditor'
+import { Datasets } from '@cdc/core/types/DataSet'
 
 const headerColors = [
   'theme-blue',
@@ -39,7 +41,11 @@ const headerColors = [
   'theme-amber'
 ]
 
-const EditorPanel: React.FC = () => {
+type MarkupIncludeEditorPanelProps = {
+  datasets?: Datasets
+}
+
+const EditorPanel: React.FC<MarkupIncludeEditorPanelProps> = ({ datasets }) => {
   const { config, data, isDashboard, loading, setParentConfig, updateConfig } = useContext(ConfigContext)
   const { contentEditor, theme, visual } = config
   const { inlineHTML, markupVariables, srcUrl, title, useInlineHTML, allowHideSection } = contentEditor
@@ -296,6 +302,11 @@ const EditorPanel: React.FC = () => {
           />
         </div>
       </Accordion.Section>
+      {isDashboard && (
+        <Accordion.Section title='Footnotes'>
+          <FootnotesEditor config={config} updateField={updateField} datasets={datasets} />
+        </Accordion.Section>
+      )}
     </Accordion>
   )