@linzjs/windows 3.5.4 → 3.6.1

package/dist/panel/OpenPanelIcon.tsx

@@ -30,6 +30,7 @@ interface OpenPanelIconProps {
   disabled?: boolean;
   className?: string;
   testId?: string;
+  isPoppedOut?: boolean;
 }
 
 export const OpenPanelIcon = ({
@@ -40,6 +41,7 @@ export const OpenPanelIcon = ({
   className,
   disabled,
   testId,
+  isPoppedOut = false,
 }: OpenPanelIconProps) => {
   const { openPanel, openPanels } = useContext(PanelsContext);
   const id = useRef(uniqueId ?? uuid());
@@ -54,7 +56,13 @@ export const OpenPanelIcon = ({
         disabled && "OpenPanelIcon-disabled",
       )}
       title={iconTitle}
-      onClick={() => openPanel(id.current, component)}
+      onClick={() =>
+        openPanel({
+          componentFn: component,
+          uniqueId: id.current,
+          isPoppedOut,
+        })
+      }
       disabled={disabled}
       data-testid={testId}
     >

package/dist/panel/PanelInstanceContextProvider.tsx

@@ -17,7 +17,8 @@ export const PanelInstanceContextProvider = ({
   const { closePanel, bringPanelToFront } = useContext(PanelsContext);
   const [title, setTitle] = useState("");
   const [dockId, setDockId] = useState<string>();
-  const [poppedOut, setPoppedOut] = useState(false);
+
+  const [poppedOut, setPoppedOut] = useState(panelInstance.poppedOut);
 
   const togglePopOut = useCallback(() => {
     panelInstance.window = null;

package/dist/panel/PanelsContext.tsx

@@ -13,9 +13,15 @@ export interface PanelInstance {
   window: Window | null;
 }
 
+export interface OpenPanel {
+  componentFn: () => ReactElement;
+  isPoppedOut?: boolean;
+  uniqueId: string;
+}
+
 export interface PanelsContextType {
   openPanels: Set<string>;
-  openPanel: (uniqueId: string, component: () => ReactElement) => void;
+  openPanel: (args: OpenPanel) => void;
   closePanel: (panelInstance: PanelInstance) => void;
   bringPanelToFront: (panelInstance: PanelInstance) => void;
   nextStackPosition: () => PanelPosition;

package/dist/panel/PanelsContextProvider.tsx

@@ -1,5 +1,5 @@
 import { PanelInstanceContextProvider } from "./PanelInstanceContextProvider";
-import { PanelInstance, PanelPosition, PanelsContext } from "./PanelsContext";
+import { OpenPanel, PanelInstance, PanelPosition, PanelsContext } from "./PanelsContext";
 import { castArray, maxBy, sortBy } from "lodash-es";
 import React, { Fragment, PropsWithChildren, ReactElement, useCallback, useMemo, useRef, useState } from "react";
 import { useInterval } from "usehooks-ts";
@@ -54,7 +54,7 @@ export const PanelsContextProvider = ({
   );
 
   const openPanel = useCallback(
-    (uniqueId: string, componentFn: () => ReactElement): void => {
+    ({ componentFn, isPoppedOut = false, uniqueId }: OpenPanel): void => {
       try {
         const existingPanelInstance = panelInstances.find((pi) => pi.uniqueId === uniqueId);
         if (existingPanelInstance) {
@@ -73,7 +73,7 @@ export const PanelsContextProvider = ({
             uniqueId,
             componentInstance: componentFn(),
             zIndex: baseZIndex + panelInstances.length,
-            poppedOut: false,
+            poppedOut: isPoppedOut,
             window: null,
           },
         ]);

package/package.json

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