@linzjs/windows 3.7.0 → 3.8.0

package/dist/index.ts

@@ -1,2 +1,3 @@
+export * from "./common";
 export * from "./LuiModalAsync";
 export * from "./panel";

package/dist/panel/Panel.tsx

@@ -19,6 +19,7 @@ import React, {
 } from "react";
 import { createPortal } from "react-dom";
 import { Rnd } from "react-rnd";
+import { useConstFunction } from "../common/useConstFunction";
 
 export interface PanelProps {
   title: string;
@@ -32,10 +33,12 @@ export interface PanelProps {
   minWidth?: number | string;
   modal?: boolean;
   resizeable?: boolean;
+  onClose?: () => void;
 }
 
 export const Panel = ({
   title,
+  onClose,
   size = { width: 320, height: 200 },
   maxHeight,
   maxWidth,
@@ -53,6 +56,14 @@ export const Panel = ({
   const { panelPoppedOut, bounds, zIndex, bringPanelToFront, uniqueId, setTitle, dockId, docked } =
     useContext(PanelInstanceContext);
 
+  const onCloseConstFn = useConstFunction(onClose ?? (() => {}));
+
+  useEffect(() => {
+    return () => {
+      onCloseConstFn?.();
+    };
+  }, [onCloseConstFn]);
+
   const [panelPosition, setPanelPosition] = useState(() => {
     switch (position) {
       case "center":

package/dist/panel/PanelHeader.tsx

@@ -62,7 +62,7 @@ export const PanelHeader = ({
           (docked ? (
             <PanelHeaderButton aria-label={"Undock"} onClick={undock} icon={"ic_close_list"} />
           ) : (
-            <PanelHeaderButton aria-label={"Undock"} onClick={() => dock(dockTo)} icon={"ic_left_col"} />
+            <PanelHeaderButton aria-label={"Dock"} onClick={() => dock(dockTo)} icon={"ic_left_col"} />
           ))}
         {!disablePopout && (
           <PanelHeaderButton

package/dist/panel/PanelInstanceContextProvider.tsx

@@ -14,7 +14,7 @@ export const PanelInstanceContextProvider = ({
   panelInstance: PanelInstance;
   children: ReactNode;
 }): ReactElement => {
-  const { closePanel, bringPanelToFront } = useContext(PanelsContext);
+  const { closePanel, bringPanelToFront, dockElements } = useContext(PanelsContext);
   const [title, setTitle] = useState("");
   const [dockId, setDockId] = useState<string>();
 
@@ -55,7 +55,7 @@ export const PanelInstanceContextProvider = ({
         },
         bringPanelToFront: () => bringPanelToFront(panelInstance),
         zIndex: panelInstance.zIndex,
-        docked: !poppedOut && !!dockId,
+        docked: !poppedOut && !!dockId && !!dockElements[dockId],
         dockId,
         dock,
         undock,

package/dist/panel/PanelsContext.tsx

@@ -13,15 +13,16 @@ export interface PanelInstance {
   window: Window | null;
 }
 
-export interface OpenPanel {
-  componentFn: () => ReactElement;
-  isPoppedOut?: boolean;
+export interface OpenPanelOptions {
   uniqueId: string;
+  componentFn: () => ReactElement;
+  poppedOut?: boolean;
+  docked?: boolean;
 }
 
 export interface PanelsContextType {
   openPanels: Set<string>;
-  openPanel: (args: OpenPanel) => void;
+  openPanel: (args: OpenPanelOptions) => 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 { OpenPanel, PanelInstance, PanelPosition, PanelsContext } from "./PanelsContext";
+import { OpenPanelOptions, 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(
-    ({ componentFn, isPoppedOut = false, uniqueId }: OpenPanel): void => {
+    ({ componentFn, poppedOut = false, uniqueId }: OpenPanelOptions): 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: isPoppedOut,
+            poppedOut,
             window: null,
           },
         ]);

package/package.json

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