@cdc/markup-include 4.23.1 → 4.23.3

package/{src/index.html → index.html}

@@ -25,6 +25,6 @@
     <!-- <div class="react-container" data-config="/examples/gallery/icon-no-text.json"></div> -->
     <!-- <div class="react-container" data-config="/examples/gallery/image-with-text.json"></div> -->
     <!-- <div class="react-container" data-config="/examples/gallery/button-and-text.json"></div> -->
-    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <script type="module" src="./src/index.jsx"></script>
   </body>
 </html>

package/package.json

@@ -1,39 +1,42 @@
 {
   "name": "@cdc/markup-include",
-  "version": "4.23.1",
+  "version": "4.23.3",
   "description": "React component for displaying HTML content from an outside link",
+  "moduleName": "CdcMarkupInclude",
   "main": "dist/cdcmarkupinclude",
+  "type": "module",
   "scripts": {
-    "start": "npx webpack serve --mode development -c ../../webpack.config.js",
-    "build": "npx webpack --mode production --env packageName=CdcMarkupInclude --env folderName=markup-include -c ../../webpack.config.js",
-    "prepublishOnly": "lerna run --scope @cdc/markup-include build"
+    "start": "vite --open",
+    "build": "vite build",
+    "preview": "vite preview",
+    "graph": "nx graph",
+    "prepublishOnly": "lerna run --scope @cdc/markup-include build",
+    "test": "vitest watch --reporter verbose",
+    "test:ui": "vitest --ui"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/CDCgov/cdc-open-viz",
     "directory": "packages/markup-include"
   },
-  "author": "rshelnutt <qyu6@cdc.gov>",
+  "author": "Rob Shelnutt <rob@blackairplane.com>",
   "bugs": {
     "url": "https://github.com/CDCgov/cdc-open-viz/issues"
   },
   "license": "Apache-2.0",
   "homepage": "https://github.com/CDCgov/cdc-open-viz#readme",
   "dependencies": {
-    "@cdc/core": "^4.23.1",
+    "@cdc/core": "^4.23.3",
     "axios": "^0.26.1",
     "chroma": "0.0.1",
     "chroma-js": "^2.1.0",
-    "html-react-parser": "1.4.9",
+    "html-react-parser": "^3.0.8",
     "interweave": "^13.0.0",
     "react-accessible-accordion": "^3.3.4"
   },
   "peerDependencies": {
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
-  "resolutions": {
-    "@types/react": "17.x"
-  },
-  "gitHead": "58163844cc9ce2c379235413b19f49679eab4bef"
+  "gitHead": "6fa3b11db159d38538f18023fe70b67a29e7d327"
 }

package/src/index.jsx

@@ -0,0 +1,18 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+
+import { GlobalContextProvider } from '@cdc/core/components/GlobalContext'
+
+import CdcMarkupInclude from './CdcMarkupInclude'
+
+let isEditor = window.location.href.includes('editor=true')
+
+let domContainer = document.getElementsByClassName('react-container')[0]
+
+ReactDOM.createRoot(domContainer).render(
+  <React.StrictMode>
+    <GlobalContextProvider>
+      <CdcMarkupInclude configUrl={domContainer.attributes['data-config'].value} isEditor={isEditor} />
+    </GlobalContextProvider>
+  </React.StrictMode>,
+)

package/src/scss/main.scss

@@ -1,4 +1,4 @@
-@import '~@cdc/core/styles/v2/main';
+@import '@cdc/core/styles/v2/main';
 
 .markup-include {
   .checkbox-group {

package/src/test/CdcMarkupInclude.test.jsx

@@ -0,0 +1,6 @@
+// Placeholder test until we add them in.
+describe('Markup Include', () => {
+  it('has a test.', async () => {
+    return true
+  })
+})

package/vite.config.js

@@ -0,0 +1,4 @@
+import GenerateViteConfig from '../../generateViteConfig.js'
+import { moduleName } from './package.json'
+
+export default GenerateViteConfig(moduleName)

package/src/index.js

@@ -1,20 +0,0 @@
-import React from 'react'
-import { render } from 'react-dom'
-
-import { GlobalContextProvider } from '@cdc/core/components/GlobalContext'
-import CdcMarkupInclude from './CdcMarkupInclude'
-
-const domContainers = document.querySelectorAll('.react-container')
-
-let isEditor = window.location.href.includes('editor=true')
-
-domContainers.forEach(domContainer => {
-  render(
-    <React.StrictMode>
-      <GlobalContextProvider>
-        <CdcMarkupInclude configUrl={domContainer.attributes['data-config'].value} isEditor={isEditor} />
-      </GlobalContextProvider>
-    </React.StrictMode>,
-    domContainer
-  )
-})