(fix) Fix import map overrides panel (#523)

openmrs · Sep 16, 2022 · c69f1d7 · c69f1d7
1 parent d0e5988
commit c69f1d7
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/packages/apps/esm-devtools-app/src/devtools/import-map.component.tsx b/packages/apps/esm-devtools-app/src/devtools/import-map.component.tsx
@@ -1,7 +1,7 @@
 import React, { useRef, useEffect } from "react";
 import styles from "./import-map.styles.css";
 
-export default function ImportMap(props: ImportMapProps) {
+export default function ImportMap({ toggleOverridden }: ImportMapProps) {
   const importMapListRef = useRef<HTMLElement>(null);
 
   useEffect(() => {
@@ -16,7 +16,7 @@ export default function ImportMap(props: ImportMapProps) {
       );
 
     function handleImportMapChange(evt) {
-      props.toggleOverridden(importMapOverridden());
+      toggleOverridden(importMapOverridden());
     }
   }, [importMapListRef.current]);
 

diff --git a/packages/shell/esm-app-shell/src/index.ejs b/packages/shell/esm-app-shell/src/index.ejs
@@ -26,6 +26,10 @@
     >
     <script type="systemjs-importmap" src="<%= openmrsImportmapUrl %>"></script>
 <% } %>
+    <script
+    type="text/javascript"
+    src="https://cdn.jsdelivr.net/npm/import-map-overrides/dist/import-map-overrides.js"
+    ></script>
   </head>
   <body>
     <%= htmlWebpackPlugin.tags.bodyTags %>

diff --git a/packages/shell/esm-app-shell/src/run.ts b/packages/shell/esm-app-shell/src/run.ts
@@ -1,4 +1,3 @@
-import "import-map-overrides";
 import "systemjs/dist/system";
 import "systemjs/dist/extras/amd";
 import "systemjs/dist/extras/named-exports";