@linzjs/windows 4.0.0 → 4.0.2

package/dist/common/index.ts

@@ -0,0 +1 @@
+export * from "./useConstFunction";

package/dist/common/useConstFunction.ts

@@ -0,0 +1,16 @@
+import { useEffect, useRef } from "react";
+
+/**
+ * When calling external non-react components, and you can't update the function when state changes,
+ * use this to proxy the dynamic function with a static function.
+ */
+export const useConstFunction = <Args extends never[], R, TFn extends (...args: Args) => R>(fn: TFn): TFn => {
+  const functionRef = useRef<TFn>(fn);
+  const proxyRef = useRef<TFn>(((...args: Args) => functionRef.current(...args)) as TFn);
+
+  useEffect(() => {
+    functionRef.current = fn;
+  }, [fn]);
+
+  return proxyRef.current;
+};

package/dist/panel/PanelHeader.tsx

@@ -60,15 +60,13 @@ export const PanelHeader = ({
       </div>
       {(dockTo || !disablePopout || !disableClose) && <div className={"WindowPanel-divider-right"} />}
       <div className={"WindowPanel-buttons"}>
-        {dockTo &&
+        {onDockClick && <PanelHeaderButton aria-label={"Dock"} onClick={() => onDockClick()} icon={"ic_left_col"} />}
+        {!onDockClick &&
+          dockTo &&
           (docked ? (
             <PanelHeaderButton aria-label={"Undock"} onClick={undock} icon={"ic_close_list"} />
           ) : (
-            <PanelHeaderButton
-              aria-label={"Dock"}
-              onClick={() => (onDockClick ? onDockClick() : dock(dockTo))}
-              icon={"ic_left_col"}
-            />
+            <PanelHeaderButton aria-label={"Dock"} onClick={() => dock(dockTo)} icon={"ic_left_col"} />
           ))}
         {!disablePopout && (
           <PanelHeaderButton

package/package.json

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