sliftutils 0.43.0 → 0.44.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "sliftutils",
-    "version": "0.43.0",
+    "version": "0.44.0",
     "main": "index.js",
     "license": "MIT",
     "files": [

package/render-utils/modal.tsx

@@ -4,20 +4,19 @@ import * as mobx from "mobx";
 import { observer } from "./observer";
 import { lazy } from "socket-function/src/caching";
 
-// Global observable map to store all active modals
-const activeModals = new mobx.ObservableMap<string, preact.ComponentChildren>();
+const activeModals = observable({} as { [key: string]: preact.ComponentChildren }, undefined, { deep: false });
 
 @observer
 class ModalRoot extends preact.Component {
     render() {
-        const modals: Array<[string, preact.ComponentChildren]> = Array.from(activeModals.entries());
-        return <>
+        const modals: Array<[string, preact.ComponentChildren]> = Object.entries(activeModals);
+        return <div>
             {modals.map(([id, contents]) => (
                 <div key={id}>
                     {contents}
                 </div>
             ))}
-        </>;
+        </div>;
     }
 }
 
@@ -37,15 +36,17 @@ export function showModal(config: {
     ensureRootMounted();
 
     const id = `modal-${modalIdCounter++}`;
-    activeModals.set(id, config.contents);
+    activeModals[id] = config.contents;
 
     return {
         close() {
-            activeModals.delete(id);
+            delete activeModals[id];
         }
     };
 }
 
 export function closeAllModals() {
-    activeModals.clear();
+    for (let key in activeModals) {
+        delete activeModals[key];
+    }
 }