@linzjs/windows 16.0.0 → 16.2.0

package/dist/index.js

@@ -2230,70 +2230,29 @@ const LuiModalAsyncContextProvider = ({ children }) => {
         showModal
       },
       children: [
-        /* @__PURE__ */ jsx(Fragment, { children: modals.filter(modalHasView).map((modalInstance) => /* @__PURE__ */ jsx(
-          LuiModalAsyncInstanceContext.Provider,
-          {
-            value: {
-              ownerRef: modalInstance.ownerRef,
-              close: () => modalInstance.resolve(void 0),
-              resolve: modalInstance.resolve
+        /* @__PURE__ */ jsx(Fragment, {
+          // oxlint-disable-next-line react/refs
+          children: modals.filter(modalHasView).map((modalInstance) => /* @__PURE__ */ jsx(
+            LuiModalAsyncInstanceContext.Provider,
+            {
+              value: {
+                ownerRef: modalInstance.ownerRef,
+                close: () => modalInstance.resolve(void 0),
+                resolve: modalInstance.resolve
+              },
+              children: portalOwners(modalInstance).map(
+                (element) => createPortal(/* @__PURE__ */ jsx(Fragment, { children: modalInstance.componentInstance }), element)
+              )
             },
-            children: portalOwners(modalInstance).map(
-              (element) => createPortal(/* @__PURE__ */ jsx(Fragment, { children: modalInstance.componentInstance }), element)
-            )
-          },
-          modalInstance.uuid
-        )) }),
+            modalInstance.uuid
+          ))
+        }),
         /* @__PURE__ */ jsx(Fragment, { children })
       ]
     }
   );
 };
 
-const NoContext = () => {
-  console.error("Missing PanelContext Provider");
-  return void 0;
-};
-const PanelsContext = createContext({
-  openPanels: /* @__PURE__ */ new Set(),
-  hasOpenPanel: () => false,
-  openPanel: NoContext,
-  closePanel: NoContext,
-  hidePanel: NoContext,
-  hideAllPanels: NoContext,
-  unhidePanel: NoContext,
-  unhideAllPanels: NoContext,
-  hasHiddenPanel: NoContext,
-  bringPanelToFront: NoContext,
-  dockElements: {},
-  setDockElement: NoContext,
-  nextStackPosition: () => ({ x: 0, y: 0 })
-});
-
-const OpenPanelButton = ({
-  buttonText,
-  testId,
-  uniqueId = buttonText,
-  ...openPanelOptions
-}) => {
-  const { openPanel, closePanel, hidePanel, unhidePanel, hasOpenPanel, hasHiddenPanel } = useContext(PanelsContext);
-  const open = hasOpenPanel(uniqueId);
-  const hidden = hasHiddenPanel(uniqueId);
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsxs("b", { children: [
-      buttonText,
-      " ",
-      open ? "(Open)" : ""
-    ] }),
-    /* @__PURE__ */ jsx("br", {}),
-    !open && /* @__PURE__ */ jsx("button", { "data-testid": testId + "Open", onClick: () => openPanel({ uniqueId, ...openPanelOptions }), children: "Open" }),
-    open && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("button", { "data-testid": testId + "Close", onClick: () => closePanel(uniqueId), children: "Close" }),
-      hidden ? /* @__PURE__ */ jsx("button", { "data-testid": testId + "Unhide", onClick: () => unhidePanel(uniqueId), children: "Unhide" }) : /* @__PURE__ */ jsx("button", { "data-testid": testId + "Hide", onClick: () => hidePanel(uniqueId), children: "Hide" })
-    ] })
-  ] });
-};
-
 const NoContextError$1 = () => {
   console.error("Missing PanelInstanceContext Provider");
 };
@@ -2315,6 +2274,26 @@ const PanelInstanceContext = createContext({
   hidden: false
 });
 
+const NoContext = () => {
+  console.error("Missing PanelContext Provider");
+  return void 0;
+};
+const PanelsContext = createContext({
+  openPanels: /* @__PURE__ */ new Set(),
+  hasOpenPanel: () => false,
+  openPanel: NoContext,
+  closePanel: NoContext,
+  hidePanel: NoContext,
+  hideAllPanels: NoContext,
+  unhidePanel: NoContext,
+  unhideAllPanels: NoContext,
+  hasHiddenPanel: NoContext,
+  bringPanelToFront: NoContext,
+  dockElements: {},
+  setDockElement: NoContext,
+  nextStackPosition: () => ({ x: 0, y: 0 })
+});
+
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
@@ -6895,8 +6874,8 @@ const Panel = (props) => {
   const { dockElements, nextStackPosition } = useContext(PanelsContext);
   const { panelPoppedOut, uniqueId, setTitle, dockId, docked, hidden } = useContext(PanelInstanceContext);
   const savedState = useRestoreStateFrom({ uniqueId, panelPoppedOut: false });
-  const lastPanelHeightRef = useRef(panelRef.current?.clientHeight);
-  lastPanelHeightRef.current = panelRef.current?.clientHeight ?? lastPanelHeightRef.current ?? 400;
+  const lastPanelHeightRef = useRef(400);
+  lastPanelHeightRef.current = panelRef.current?.clientHeight ?? lastPanelHeightRef.current;
   useEffect(() => {
     setTitle(title);
   }, [setTitle, title]);
@@ -6908,6 +6887,11 @@ const Panel = (props) => {
       }
     }
   }, [title]);
+  useEffect(() => {
+    if (panelRef.current) {
+      panelRef.current.inert = hidden ?? false;
+    }
+  }, [hidden, panelPoppedOut]);
   const [panelPosition, setPanelPosition] = useState(() => {
     if (dynamicBounds) {
       const result = dynamicBounds();
@@ -6984,7 +6968,7 @@ const Panel = (props) => {
   }, [dynamicResize]);
   useInterval(dynamicResize, dynamicBounds ? 250 : null);
   const dockElement = docked && dockId && dockElements[dockId];
-  return /* @__PURE__ */ jsx(Fragment, { children: dockElement && dockElement.isConnected ? createPortal(children, dockElement) : panelPoppedOut ? /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Fragment, { children: dockElement && dockElement.isConnected ? createPortal(children, dockElement) : panelPoppedOut ? /* @__PURE__ */ jsxs(
     PopoutWindow,
     {
       name: uniqueId,
@@ -6993,22 +6977,26 @@ const Panel = (props) => {
       popInPanelPosition: panelPosition,
       popInPanelSize: {
         width: panelSize.width,
+        // oxlint-disable-next-line react/refs
         height: panelSize.height === "auto" ? lastPanelHeightRef.current : panelSize.height
       },
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          ref: panelRef,
-          style: {
-            display: "flex",
-            flexDirection: "column",
-            width: "100%",
-            height: "100%"
-          },
-          className,
-          children
-        }
-      )
+      children: [
+        hidden && /* @__PURE__ */ jsx("div", { className: "PopoutWindowContainer--hidden" }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: panelRef,
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              width: "100%",
+              height: "100%"
+            },
+            className,
+            children
+          }
+        )
+      ]
     }
   ) : /* @__PURE__ */ jsx(
     PopinWindow,
@@ -7044,7 +7032,7 @@ const PanelFooter = forwardRef(function PanelFooterFr({ children, className }, r
 const PanelHeaderButton = ({ "aria-label": ariaLabel, href, icon, onClick }) => {
   const [disabled, setDisabled] = useState(true);
   useLayoutEffect(() => {
-    void setDisabled(false);
+    setDisabled(false);
   }, []);
   return /* @__PURE__ */ jsx(
     LuiButton,
@@ -7427,7 +7415,7 @@ const LuiModalAsyncHeader = ({
   const { ownerRef, close } = useContext(LuiModalAsyncInstanceContext);
   const [disabled, setDisabled] = useState(true);
   useLayoutEffect(() => {
-    void setDisabled(false);
+    setDisabled(false);
   }, []);
   return /* @__PURE__ */ jsxs("div", { className: "LuiModalAsync-header", children: [
     icon && (typeof icon === "string" ? /* @__PURE__ */ jsx(
@@ -7998,5 +7986,5 @@ const focusNextRibbonButton = () => {
   button?.focus();
 };
 
-export { ButtonIconHorizontalGroup, ButtonIconSeparator, ButtonIconVerticalGroup, CopyableText, LuiModalAsync, LuiModalAsyncButtonContinue, LuiModalAsyncButtonDismiss, LuiModalAsyncButtonGroup, LuiModalAsyncContent, LuiModalAsyncContext, LuiModalAsyncContextProvider, LuiModalAsyncHeader, LuiModalAsyncInstanceContext, LuiModalAsyncMain, LuiModalDontShowSessionCheck, LuiModalDontShowSessionRemove, LuiModalDontShowSessionSet, LuiModalPrefab, LuiModalUpload, OpenPanelButton, OpenPanelIcon, Panel, PanelContent, PanelContext, PanelDock, PanelFooter, PanelHeader, PanelHeaderButton, PanelInline, PanelInstanceContext, PanelInstanceContextProvider, PanelsContext, PanelsContextProvider, RibbonButton, RibbonButtonLink, RibbonButtonOpenPanel, RibbonButtonSlider, RibbonButtonSliderContext, RibbonContainer, RibbonMenu, RibbonMenuContext, RibbonMenuOption, RibbonMenuSeparator, RibbonSeparator, getIconForLevel, openModalOnAllWindows, ribbonSliderAlignments, tabToNextSiblingElement, tabToPreviousSiblingElement, tabToSiblingElement, useConstFunction, useLuiModalPrefab, useLuiModalUpload, useShowAsyncModal };
+export { ButtonIconHorizontalGroup, ButtonIconSeparator, ButtonIconVerticalGroup, CopyableText, LuiModalAsync, LuiModalAsyncButtonContinue, LuiModalAsyncButtonDismiss, LuiModalAsyncButtonGroup, LuiModalAsyncContent, LuiModalAsyncContext, LuiModalAsyncContextProvider, LuiModalAsyncHeader, LuiModalAsyncInstanceContext, LuiModalAsyncMain, LuiModalDontShowSessionCheck, LuiModalDontShowSessionRemove, LuiModalDontShowSessionSet, LuiModalPrefab, LuiModalUpload, OpenPanelIcon, Panel, PanelContent, PanelContext, PanelDock, PanelFooter, PanelHeader, PanelHeaderButton, PanelInline, PanelInstanceContext, PanelInstanceContextProvider, PanelsContext, PanelsContextProvider, RibbonButton, RibbonButtonLink, RibbonButtonOpenPanel, RibbonButtonSlider, RibbonButtonSliderContext, RibbonContainer, RibbonMenu, RibbonMenuContext, RibbonMenuOption, RibbonMenuSeparator, RibbonSeparator, getIconForLevel, openModalOnAllWindows, ribbonSliderAlignments, tabToNextSiblingElement, tabToPreviousSiblingElement, tabToSiblingElement, useConstFunction, useLuiModalPrefab, useLuiModalUpload, useShowAsyncModal };
 //# sourceMappingURL=index.js.map