npm - @cdc/editor - Versions diffs - 4.26.1 → 4.26.2 - Mend

@cdc/editor 4.26.1 → 4.26.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (21) hide show

package/dist/cdceditor-8NmHlKRI.es.js +15 -0
package/dist/cdceditor-BPoPzKPz.es.js +6 -0
package/dist/cdceditor-Cf9_fbQf.es.js +6 -0
package/dist/{cdceditor-dgT_1dIT.es.js → cdceditor-DQ00cQCm.es.js} +1 -20
package/dist/cdceditor-jiQQPkty.es.js +6 -0
package/dist/cdceditor.js +125042 -130511
package/index.html +1 -20
package/package.json +35 -37
package/src/CdcEditor.tsx +0 -3
package/src/components/ChooseTab.tsx +50 -17
package/src/components/ConfigureTab.tsx +2 -1
package/src/components/DataImport/components/SampleData.tsx +21 -9
package/src/components/DataImport/components/samples/valid-horizon-chart.json +373 -0
package/src/components/DataImport/components/samples/valid-radar-chart.csv +3 -0
package/src/components/modal/Modal.jsx +0 -3
package/src/scss/choose-vis-tab.scss +1 -1
package/vite.config.js +2 -1
package/dist/cdceditor-BnB1QM5d.es.js +0 -361528
package/dist/cdceditor-Ct2SB0vL.es.js +0 -231049
package/dist/cdceditor-D6CG2-Hb.es.js +0 -39377
package/dist/cdceditor-MXgURbdZ.es.js +0 -39194

package/index.html CHANGED Viewed

@@ -1,20 +1 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
-    <style type="text/css">
-      body {
-        margin: 0;
-      }
-      .react-container {
-        min-height: 100vh;
-      }
-    </style>
-    <link rel="stylesheet prefetch" href="https://www.cdc.gov/TemplatePackage/5.0/css/app.min.css?_=71669" />
-  </head>
-  <body>
-    <div class="react-container react--editor"></div>
-    <script type="module" src="./src/index.jsx"></script>
-  </body>
-</html>
+<!-- index.html is generated by @cdc/core/generateViteConfig.js using the files in @cdc/core/devTemplate/ -->

package/package.json CHANGED Viewed

@@ -1,51 +1,49 @@
 {
   "name": "@cdc/editor",
-  "version": "4.26.1",
+  "version": "4.26.2",
   "description": "React component for generating a new component entry",
-  "moduleName": "CdcEditor",
-  "main": "dist/cdceditor",
-  "type": "module",
-  "scripts": {
-    "start": "vite --open",
-    "build": "vite build",
-    "preview": "vite preview",
-    "graph": "nx graph",
-    "prepublishOnly": "lerna run --scope @cdc/editor build",
-    "test": "vitest run --reporter verbose",
-    "test-watch": "vitest watch --reporter verbose",
-    "test-watch:ui": "vitest --ui"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/CDCgov/cdc-open-viz",
-    "directory": "packages/editor"
-  },
-  "bugs": {
-    "url": "https://github.com/CDCgov/cdc-open-viz/issues"
-  },
   "license": "Apache-2.0",
+  "bugs": "https://github.com/CDCgov/cdc-open-viz/issues",
   "dependencies": {
-    "@cdc/chart": "^4.26.1",
-    "@cdc/core": "^4.26.1",
-    "@cdc/dashboard": "^4.26.1",
-    "@cdc/data-bite": "^4.26.1",
-    "@cdc/map": "^4.26.1",
-    "@cdc/markup-include": "^4.26.1",
-    "@cdc/waffle-chart": "^4.26.1",
-    "axios": "^1.9.0",
+    "@cdc/chart": "^4.26.2",
+    "@cdc/core": "^4.26.2",
+    "@cdc/dashboard": "^4.26.2",
+    "@cdc/data-bite": "^4.26.2",
+    "@cdc/map": "^4.26.2",
+    "@cdc/markup-include": "^4.26.2",
+    "@cdc/waffle-chart": "^4.26.2",
+    "axios": "^1.13.2",
     "d3": "^7.9.0",
     "react-dropzone": "^14.3.8",
-    "use-debounce": "^10.0.5"
-  },
-  "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "use-debounce": "^10.1.0"
   },
   "devDependencies": {
     "@rollup/plugin-dsv": "^3.0.2",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@vitejs/plugin-react": "^5.1.2",
     "vite-plugin-css-injected-by-js": "^2.4.0",
     "vite-plugin-svgr": "^4.2.0"
   },
-  "gitHead": "7e3b27098c4eb7a24bc9c3654ad53f88d6419f16"
+  "gitHead": "be3413e8e1149abf94225108f86a7910f56e0616",
+  "main": "dist/cdceditor",
+  "moduleName": "CdcEditor",
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/CDCgov/cdc-open-viz",
+    "directory": "packages/editor"
+  },
+  "scripts": {
+    "build": "vite build",
+    "graph": "nx graph",
+    "prepublishOnly": "lerna run --scope @cdc/editor build",
+    "preview": "vite preview",
+    "start": "vite --open",
+    "test": "vitest run --reporter verbose",
+    "test-watch": "vitest watch --reporter verbose",
+    "test-watch:ui": "vitest --ui"
+  },
+  "type": "module"
 }

package/src/CdcEditor.tsx CHANGED Viewed

@@ -1,7 +1,4 @@
 import React, { useState, useEffect, useCallback, useReducer, useMemo } from 'react'
-// IE11
-// import 'core-js/stable' // temp remove, appears to be used with html2pdf.js which we're temp removing
 import ResizeObserver from 'resize-observer-polyfill'
 import getViewport from '@cdc/core/helpers/getViewport'

package/src/components/ChooseTab.tsx CHANGED Viewed

@@ -4,30 +4,33 @@ import '../scss/choose-vis-tab.scss'
 import ConfigContext, { EditorDispatchContext } from '@cdc/core/contexts/EditorContext'
 import Tooltip from '@cdc/core/components/ui/Tooltip'
-import DashboardIcon from '@cdc/core/assets/icon-dashboard.svg'
+import AlabamaGraphic from '@cdc/core/assets/icon-map-alabama.svg'
+import AreaChartIcon from '@cdc/core/assets/icon-area-chart.svg'
 import BarIcon from '@cdc/core/assets/icon-chart-bar.svg'
+import BoxPlotIcon from '@cdc/core/assets/icon-chart-box-whisker.svg'
+import CodeIcon from '@cdc/core/assets/icon-code.svg'
+import ComboChartIcon from '@cdc/core/assets/icon-combo-chart.svg'
+import DashboardIcon from '@cdc/core/assets/icon-dashboard.svg'
+import DataBiteIcon from '@cdc/core/assets/icon-databite.svg'
+import DeviationIcon from '@cdc/core/assets/icon-deviation-bar.svg'
+import EpiChartIcon from '@cdc/core/assets/icon-epi-chart.svg'
+import ForecastIcon from '@cdc/core/assets/icon-chart-forecast.svg'
+import GaugeChartIcon from '@cdc/core/assets/icon-linear-gauge.svg'
+import GlobeIcon from '@cdc/core/assets/icon-map-world.svg'
+import HorizonChartIcon from '@cdc/core/assets/icon-chart-area.svg'
+import HorizontalStackIcon from '@cdc/core/assets/icon-chart-bar-stacked.svg'
+import Icon from '@cdc/core/components/ui/Icon'
 import LineIcon from '@cdc/core/assets/icon-chart-line.svg'
+import PairedBarIcon from '@cdc/core/assets/icon-chart-bar-paired.svg'
 import PieIcon from '@cdc/core/assets/icon-chart-pie.svg'
-import GlobeIcon from '@cdc/core/assets/icon-map-world.svg'
+import RadarChartIcon from '@cdc/core/assets/icon-chart-radar.svg'
+import SankeyIcon from '@cdc/core/assets/icon-sankey.svg'
+import ScatterPlotIcon from '@cdc/core/assets/icon-chart-scatterplot.svg'
+import TableIcon from '@cdc/core/assets/icon-table.svg'
 import UsaIcon from '@cdc/core/assets/icon-map-usa.svg'
 import UsaRegionIcon from '@cdc/core/assets/usa-region-graphic.svg'
-import DataBiteIcon from '@cdc/core/assets/icon-databite.svg'
 import WaffleChartIcon from '@cdc/core/assets/icon-grid.svg'
-import AlabamaGraphic from '@cdc/core/assets/icon-map-alabama.svg'
-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'
-import GaugeChartIcon from '@cdc/core/assets/icon-linear-gauge.svg'
-import ForecastIcon from '@cdc/core/assets/icon-chart-forecast.svg'
-import DeviationIcon from '@cdc/core/assets/icon-deviation-bar.svg'
-import SankeyIcon from '@cdc/core/assets/icon-sankey.svg'
-import ComboChartIcon from '@cdc/core/assets/icon-combo-chart.svg'
-import EpiChartIcon from '@cdc/core/assets/icon-epi-chart.svg'
-import TableIcon from '@cdc/core/assets/icon-table.svg'
 import WarmingStripesIcon from '@cdc/core/assets/icon-warming-stripes.svg'
-import Icon from '@cdc/core/components/ui/Icon'
 import {
   convertVegaConfig,
@@ -317,6 +320,16 @@ const buttons = [
     content: `Specify the calculation of a single data point (such as a percentage value) and present it on a horizontal
               scale.`
   },
+  {
+    id: 26,
+    category: 'General',
+    label: 'Markup Include',
+    type: 'markup-include',
+    subType: null,
+    orientation: null,
+    icon: <CodeIcon />,
+    content: 'Include custom HTML markup or embed content from external URLs.'
+  },
   {
     id: 17,
     category: 'General',
@@ -415,6 +428,16 @@ const buttons = [
     icon: <ForecastIcon />,
     content: 'Display a forecasting chart to predict future data trends.'
   },
+  {
+    id: 27,
+    category: 'Charts',
+    label: 'Horizon Chart',
+    type: 'chart',
+    subType: 'Horizon Chart',
+    orientation: 'vertical',
+    icon: <HorizonChartIcon />,
+    content: 'Display a horizon chart to visualize quantities over time in a smaller space.'
+  },
   {
     id: 12,
     category: 'Charts',
@@ -456,6 +479,16 @@ const buttons = [
     icon: <PieIcon />,
     content: 'Present the numerical proportions of a data series.'
   },
+  {
+    id: 27,
+    category: 'Charts',
+    label: 'Radar',
+    type: 'chart',
+    subType: 'Radar',
+    orientation: 'vertical',
+    icon: <RadarChartIcon />,
+    content: 'Compare multiple quantitative variables across categories using a radial layout.'
+  },
   {
     id: 10,
     category: 'Charts',

package/src/components/ConfigureTab.tsx CHANGED Viewed

@@ -33,7 +33,8 @@ export default function ConfigureTab({ containerEl }) {
       if (
         config.visualizationType === 'Waffle' ||
         config.visualizationType === 'TP5 Waffle' ||
-        config.visualizationType === 'Gauge'
+        config.visualizationType === 'Gauge' ||
+        config.visualizationType === 'TP5 Gauge'
       ) {
         return (
           <ErrorBoundary component='CdcWaffleChart'>

package/src/components/DataImport/components/SampleData.tsx CHANGED Viewed

@@ -3,20 +3,22 @@ import SampleDataContext from './samples/SampleDataContext'
 import { cityTemperature } from '@visx/mock-data'
 // Data Samples
-import validMapData from './samples/valid-data-map.csv?raw'
-import validMapDataFootnotes from './samples/valid-data-map-footnotes.csv?raw'
+import pivotData from './samples/pivotData.json?raw'
+import vaidWorldData from './samples/valid-world-data.json?raw'
+import validAreaChart from './samples/valid-area-chart.json?raw'
+import validBoxPlotData from './samples/valid-boxplot.csv?raw'
 import validChartData from './samples/valid-data-chart.csv?raw'
 import validCountyMapData from './samples/valid-county-data.csv?raw'
-import validGeoPoint from './samples/valid-geo-point.csv?raw'
-import validScatterPlot from './samples/valid-scatterplot.csv?raw'
-import validBoxPlotData from './samples/valid-boxplot.csv?raw'
-import validAreaChart from './samples/valid-area-chart.json?raw'
-import validWorldGeocodeData from './samples/valid-world-geocode.json?raw'
 import validForecastData from './samples/valid-forecast-data.csv?raw'
-import vaidWorldData from './samples/valid-world-data.json?raw'
+import validGeoPoint from './samples/valid-geo-point.csv?raw'
+import validHorizonData from './samples/valid-horizon-chart.json?raw'
+import validMapData from './samples/valid-data-map.csv?raw'
+import validMapDataFootnotes from './samples/valid-data-map-footnotes.csv?raw'
+import validRadarData from './samples/valid-radar-chart.csv?raw'
 import validRegionData from './samples/valid-region-data.json?raw'
 import validSankeyData from './samples/valid-sankey-data.json?raw'
-import pivotData from './samples/pivotData.json?raw'
+import validScatterPlot from './samples/valid-scatterplot.csv?raw'
+import validWorldGeocodeData from './samples/valid-world-geocode.json?raw'
 // Convert visx cityTemperature data to CSV format
 const visxTemperatureData = (() => {
@@ -53,11 +55,21 @@ const sampleData = {
       fileName: 'valid-forecast-data.csv',
       data: validForecastData
     },
+    {
+      text: 'Horizon Chart Data',
+      fileName: 'valid-horizon-data.json',
+      data: validHorizonData
+    },
     {
       text: 'Sankey Chart Data',
       fileName: 'valid-sankey-data.json',
       data: validSankeyData
     },
+    {
+      text: 'Radar Chart Data (Program Comparison)',
+      fileName: 'valid-radar-chart.csv',
+      data: validRadarData
+    },
     {
       text: 'Pivot Table Data',
       fileName: 'pivotData.json',

package/src/components/DataImport/components/samples/valid-horizon-chart.json ADDED Viewed

@@ -0,0 +1,373 @@
+[
+    {
+        "Date": "01/01/2022",
+        "Data 1": "2",
+        "Data 2": "3",
+        "Data 3": "2",
+        "Data 4": "2"
+    },
+    {
+        "Date": "01/08/2022",
+        "Data 1": "3",
+        "Data 2": "4",
+        "Data 3": "3",
+        "Data 4": "2"
+    },
+    {
+        "Date": "01/15/2022",
+        "Data 1": "4",
+        "Data 2": "5",
+        "Data 3": "4",
+        "Data 4": "3"
+    },
+    {
+        "Date": "01/22/2022",
+        "Data 1": "6",
+        "Data 2": "7",
+        "Data 3": "6",
+        "Data 4": "5"
+    },
+    {
+        "Date": "01/29/2022",
+        "Data 1": "8",
+        "Data 2": "10",
+        "Data 3": "8",
+        "Data 4": "7"
+    },
+    {
+        "Date": "02/05/2022",
+        "Data 1": "15",
+        "Data 2": "18",
+        "Data 3": "14",
+        "Data 4": "12"
+    },
+    {
+        "Date": "02/12/2022",
+        "Data 1": "25",
+        "Data 2": "28",
+        "Data 3": "22",
+        "Data 4": "20"
+    },
+    {
+        "Date": "02/19/2022",
+        "Data 1": "45",
+        "Data 2": "40",
+        "Data 3": "35",
+        "Data 4": "32"
+    },
+    {
+        "Date": "02/26/2022",
+        "Data 1": "80",
+        "Data 2": "55",
+        "Data 3": "60",
+        "Data 4": "58"
+    },
+    {
+        "Date": "03/05/2022",
+        "Data 1": "150",
+        "Data 2": "70",
+        "Data 3": "85",
+        "Data 4": "95"
+    },
+    {
+        "Date": "03/12/2022",
+        "Data 1": "230",
+        "Data 2": "85",
+        "Data 3": "110",
+        "Data 4": "120"
+    },
+    {
+        "Date": "03/19/2022",
+        "Data 1": "300",
+        "Data 2": "95",
+        "Data 3": "130",
+        "Data 4": "145"
+    },
+    {
+        "Date": "03/26/2022",
+        "Data 1": "260",
+        "Data 2": "105",
+        "Data 3": "145",
+        "Data 4": "160"
+    },
+    {
+        "Date": "04/02/2022",
+        "Data 1": "230",
+        "Data 2": "120",
+        "Data 3": "165",
+        "Data 4": "175"
+    },
+    {
+        "Date": "04/09/2022",
+        "Data 1": "210",
+        "Data 2": "135",
+        "Data 3": "185",
+        "Data 4": "190"
+    },
+    {
+        "Date": "04/16/2022",
+        "Data 1": "190",
+        "Data 2": "150",
+        "Data 3": "205",
+        "Data 4": "205"
+    },
+    {
+        "Date": "04/23/2022",
+        "Data 1": "175",
+        "Data 2": "165",
+        "Data 3": "225",
+        "Data 4": "215"
+    },
+    {
+        "Date": "04/30/2022",
+        "Data 1": "160",
+        "Data 2": "180",
+        "Data 3": "245",
+        "Data 4": "225"
+    },
+    {
+        "Date": "05/07/2022",
+        "Data 1": "145",
+        "Data 2": "200",
+        "Data 3": "265",
+        "Data 4": "240"
+    },
+    {
+        "Date": "05/14/2022",
+        "Data 1": "135",
+        "Data 2": "220",
+        "Data 3": "285",
+        "Data 4": "255"
+    },
+    {
+        "Date": "05/21/2022",
+        "Data 1": "125",
+        "Data 2": "240",
+        "Data 3": "305",
+        "Data 4": "270"
+    },
+    {
+        "Date": "05/28/2022",
+        "Data 1": "115",
+        "Data 2": "260",
+        "Data 3": "325",
+        "Data 4": "285"
+    },
+    {
+        "Date": "06/04/2022",
+        "Data 1": "105",
+        "Data 2": "280",
+        "Data 3": "345",
+        "Data 4": "300"
+    },
+    {
+        "Date": "06/11/2022",
+        "Data 1": "95",
+        "Data 2": "300",
+        "Data 3": "365",
+        "Data 4": "315"
+    },
+    {
+        "Date": "06/18/2022",
+        "Data 1": "90",
+        "Data 2": "320",
+        "Data 3": "385",
+        "Data 4": "330"
+    },
+    {
+        "Date": "06/25/2022",
+        "Data 1": "85",
+        "Data 2": "340",
+        "Data 3": "405",
+        "Data 4": "340"
+    },
+    {
+        "Date": "07/02/2022",
+        "Data 1": "80",
+        "Data 2": "360",
+        "Data 3": "420",
+        "Data 4": "350"
+    },
+    {
+        "Date": "07/09/2022",
+        "Data 1": "75",
+        "Data 2": "380",
+        "Data 3": "435",
+        "Data 4": "360"
+    },
+    {
+        "Date": "07/16/2022",
+        "Data 1": "70",
+        "Data 2": "400",
+        "Data 3": "450",
+        "Data 4": "365"
+    },
+    {
+        "Date": "07/23/2022",
+        "Data 1": "65",
+        "Data 2": "420",
+        "Data 3": "460",
+        "Data 4": "370"
+    },
+    {
+        "Date": "07/30/2022",
+        "Data 1": "60",
+        "Data 2": "440",
+        "Data 3": "470",
+        "Data 4": "372"
+    },
+    {
+        "Date": "08/06/2022",
+        "Data 1": "55",
+        "Data 2": "470",
+        "Data 3": "460",
+        "Data 4": "370"
+    },
+    {
+        "Date": "08/13/2022",
+        "Data 1": "50",
+        "Data 2": "495",
+        "Data 3": "445",
+        "Data 4": "365"
+    },
+    {
+        "Date": "08/20/2022",
+        "Data 1": "48",
+        "Data 2": "480",
+        "Data 3": "430",
+        "Data 4": "355"
+    },
+    {
+        "Date": "08/27/2022",
+        "Data 1": "45",
+        "Data 2": "455",
+        "Data 3": "410",
+        "Data 4": "345"
+    },
+    {
+        "Date": "09/03/2022",
+        "Data 1": "42",
+        "Data 2": "420",
+        "Data 3": "380",
+        "Data 4": "325"
+    },
+    {
+        "Date": "09/10/2022",
+        "Data 1": "38",
+        "Data 2": "380",
+        "Data 3": "345",
+        "Data 4": "300"
+    },
+    {
+        "Date": "09/17/2022",
+        "Data 1": "34",
+        "Data 2": "330",
+        "Data 3": "300",
+        "Data 4": "270"
+    },
+    {
+        "Date": "09/24/2022",
+        "Data 1": "30",
+        "Data 2": "280",
+        "Data 3": "255",
+        "Data 4": "240"
+    },
+    {
+        "Date": "10/01/2022",
+        "Data 1": "25",
+        "Data 2": "230",
+        "Data 3": "210",
+        "Data 4": "205"
+    },
+    {
+        "Date": "10/08/2022",
+        "Data 1": "20",
+        "Data 2": "185",
+        "Data 3": "165",
+        "Data 4": "170"
+    },
+    {
+        "Date": "10/15/2022",
+        "Data 1": "15",
+        "Data 2": "140",
+        "Data 3": "120",
+        "Data 4": "130"
+    },
+    {
+        "Date": "10/22/2022",
+        "Data 1": "10",
+        "Data 2": "95",
+        "Data 3": "80",
+        "Data 4": "90"
+    },
+    {
+        "Date": "10/29/2022",
+        "Data 1": "8",
+        "Data 2": "70",
+        "Data 3": "55",
+        "Data 4": "65"
+    },
+    {
+        "Date": "11/05/2022",
+        "Data 1": "6",
+        "Data 2": "45",
+        "Data 3": "35",
+        "Data 4": "40"
+    },
+    {
+        "Date": "11/12/2022",
+        "Data 1": "5",
+        "Data 2": "30",
+        "Data 3": "22",
+        "Data 4": "28"
+    },
+    {
+        "Date": "11/19/2022",
+        "Data 1": "4",
+        "Data 2": "18",
+        "Data 3": "12",
+        "Data 4": "15"
+    },
+    {
+        "Date": "11/26/2022",
+        "Data 1": "3",
+        "Data 2": "10",
+        "Data 3": "6",
+        "Data 4": "8"
+    },
+    {
+        "Date": "12/03/2022",
+        "Data 1": "3",
+        "Data 2": "8",
+        "Data 3": "5",
+        "Data 4": "6"
+    },
+    {
+        "Date": "12/10/2022",
+        "Data 1": "2",
+        "Data 2": "6",
+        "Data 3": "4",
+        "Data 4": "4"
+    },
+    {
+        "Date": "12/17/2022",
+        "Data 1": "2",
+        "Data 2": "5",
+        "Data 3": "3",
+        "Data 4": "3"
+    },
+    {
+        "Date": "12/24/2022",
+        "Data 1": "1",
+        "Data 2": "3",
+        "Data 3": "2",
+        "Data 4": "2"
+    },
+    {
+        "Date": "12/31/2022",
+        "Data 1": "1",
+        "Data 2": "2",
+        "Data 3": "1",
+        "Data 4": "1"
+    }
+]

package/src/components/DataImport/components/samples/valid-radar-chart.csv ADDED Viewed

@@ -0,0 +1,3 @@
+Program,Reach,Engagement,Effectiveness,Adoption,Maintenance,Cost Efficiency
+Program A,85,70,90,65,75,80
+Program B,60,85,70,90,80,55

package/src/components/modal/Modal.jsx CHANGED Viewed

@@ -1,5 +1,4 @@
 import React, { useEffect } from 'react'
-// import FocusLock from "react-focus-lock";
 import ReactDOM from 'react-dom'
 import CloseIcon from '../../assets/icons/close.svg'
@@ -21,7 +20,6 @@ export const Modal = ({ isShown, hide, modalContent, headerText }) => {
   const modal = (
     <>
       <div className='modal-backdrop' onClick={hide} />
-      {/* <FocusLock> */}
       <div className='modal-wrapper' aria-modal aria-labelledby={headerText} tabIndex={-1} role='dialog'>
         <div className='modal'>
           <div className='modal-header'>
@@ -31,7 +29,6 @@ export const Modal = ({ isShown, hide, modalContent, headerText }) => {
           <div className='modal-content'>{modalContent}</div>
         </div>
       </div>
-      {/* </FocusLock> */}
     </>
   )