@linzjs/windows 7.1.1 → 7.2.0

package/dist/panel/PanelInstanceContextProvider.tsx

@@ -48,7 +48,7 @@ export const PanelInstanceContextProvider = ({
         panelClose: () => {
           panelInstance.window?.close();
           panelInstance.window = null;
-          closePanel(panelInstance);
+          closePanel(panelInstance.uniqueId);
         },
         panelTogglePopout: togglePopOut,
         panelPoppedOut: poppedOut,

package/dist/panel/PanelsContext.tsx

@@ -21,8 +21,9 @@ export interface OpenPanelOptions {
 
 export interface PanelsContextType {
   openPanels: Set<string>;
-  openPanel: (args: OpenPanelOptions) => void;
-  closePanel: (panelInstance: PanelInstance) => void;
+  // returns unique id of panel that was created/or arleady found, otherwise null on error.
+  openPanel: (args: OpenPanelOptions) => string | null;
+  closePanel: (uniqueId: string) => void;
   bringPanelToFront: (panelInstance: PanelInstance) => void;
   nextStackPosition: () => PanelPosition;
   dockElements: Record<string, HTMLDivElement>;
@@ -30,8 +31,9 @@ export interface PanelsContextType {
   panelStateOptions?: PanelStateOptions | null;
 }
 
-const NoContext = () => {
+const NoContext = <T,>(): T => {
   console.error('Missing PanelContext Provider');
+  return undefined as T;
 };
 
 export const PanelsContext = createContext<PanelsContextType>({

package/dist/panel/PanelsContextProvider.tsx

@@ -67,7 +67,7 @@ export const PanelsContextProvider = ({
   );
 
   const openPanel = useCallback(
-    ({ componentFn, poppedOut = false, uniqueId = v4(), onClose }: OpenPanelOptions): void => {
+    ({ componentFn, poppedOut = false, uniqueId = v4(), onClose }: OpenPanelOptions): string | null => {
       try {
         const existingPanelInstance = panelInstances.find((pi) => pi.uniqueId === uniqueId);
         if (existingPanelInstance) {
@@ -76,7 +76,7 @@ export const PanelsContextProvider = ({
           } else {
             bringPanelToFront(existingPanelInstance);
           }
-          return;
+          return existingPanelInstance.uniqueId;
         }
 
         // If there are any exceptions the modal won't show
@@ -91,16 +91,18 @@ export const PanelsContextProvider = ({
             onClose,
           },
         ]);
+        return uniqueId;
       } catch (e) {
         console.error(e);
+        return null;
       }
     },
     [baseZIndex, bringPanelToFront, panelInstances],
   );
 
   const closePanel = useCallback(
-    (closePanelInstance: PanelInstance | PanelInstance[]) => {
-      const panelNames = castArray(closePanelInstance).map((pi) => pi.uniqueId);
+    (closePanelUniqueIds: string | string[]) => {
+      const panelNames = castArray(closePanelUniqueIds);
       const [closedPanelInstances, stillOpenPanelInstances] = partition(panelInstances, (pi) =>
         panelNames.includes(pi.uniqueId),
       );
@@ -120,7 +122,7 @@ export const PanelsContextProvider = ({
    */
   useInterval(() => {
     // close any panels that have a window that is closed
-    closePanel(panelInstances.filter((pi) => pi.window?.closed));
+    closePanel(panelInstances.filter((pi) => pi.window?.closed).map((panel) => panel.uniqueId));
   }, 500);
 
   /**

package/package.json

@@ -13,7 +13,7 @@
     "popout"
   ],
   "main": "./dist/index.ts",
-  "version": "7.1.1",
+  "version": "7.2.0",
   "peerDependencies": {
     "@linzjs/lui": ">=21",
     "lodash-es": ">=4",