@linzjs/windows 16.0.0 → 16.2.0

package/dist/index.scss

@@ -1,7 +1,6 @@
 @use './panel/PanelBlue';
 @use './panel/Panel';
 @use './ribbon/RibbonMenu';
-@use './ribbon/stories/RibbonDemo';
 @use './ribbon/Ribbon';
 @use './components/CopyableText';
 @use './LuiModalAsync/LuiModalAsync';

package/dist/panel/Panel.d.ts

@@ -1,6 +1,6 @@
 import '../index.scss';
 import { ReactElement } from 'react';
-import { PanelProps } from './types/PanelProps';
+import { PanelProps } from './types';
 export declare const Panel: (props: PanelProps) => ReactElement;
 export interface PanelContentProps {
     className?: string | undefined;

package/dist/panel/Panel.js

@@ -1,4 +1,4 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import '../index.scss';
 import clsx from 'clsx';
 import { isEqual, pick } from 'lodash-es';
@@ -17,8 +17,9 @@ export 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);
+    // oxlint-disable-next-line react/refs
+    lastPanelHeightRef.current = panelRef.current?.clientHeight ?? lastPanelHeightRef.current;
     useEffect(() => {
         setTitle(title);
     }, [setTitle, title]);
@@ -31,6 +32,13 @@ export const Panel = (props) => {
             }
         }
     }, [title]);
+    // set inert imperatively: React 18 drops the boolean prop and React 19 rejects
+    // the string form, and this library supports both.
+    useEffect(() => {
+        if (panelRef.current) {
+            panelRef.current.inert = hidden ?? false;
+        }
+    }, [hidden, panelPoppedOut]);
     const [panelPosition, setPanelPosition] = useState(() => {
         if (dynamicBounds) {
             const result = dynamicBounds();
@@ -106,15 +114,18 @@ export const Panel = (props) => {
     }, [dynamicResize]);
     useInterval(dynamicResize, dynamicBounds ? 250 : null);
     const dockElement = docked && dockId && dockElements[dockId];
-    return (_jsx(_Fragment, { children: dockElement && dockElement.isConnected ? (createPortal(children, dockElement)) : panelPoppedOut ? (_jsx(PopoutWindow, { name: uniqueId, title: title, size: { width: size.width, height: lastPanelHeightRef.current }, popInPanelPosition: panelPosition, popInPanelSize: {
+    return (_jsx(_Fragment, { children: dockElement && dockElement.isConnected ? (createPortal(children, dockElement)) : panelPoppedOut ? (_jsxs(PopoutWindow, { name: uniqueId, title: title, 
+            // oxlint-disable-next-line react/refs
+            size: { width: size.width, height: lastPanelHeightRef.current }, popInPanelPosition: panelPosition, popInPanelSize: {
                 width: panelSize.width,
+                // oxlint-disable-next-line react/refs
                 height: panelSize.height === 'auto' ? lastPanelHeightRef.current : panelSize.height,
-            }, children: _jsx("div", { ref: panelRef, style: {
-                    display: 'flex',
-                    flexDirection: 'column',
-                    width: '100%',
-                    height: '100%',
-                }, className: className, children: children }) })) : (_jsx(PopinWindow, { ...props, panelPosition: panelPosition, setPanelPosition: setPanelPosition, panelSize: panelSize, setPanelSize: setPanelSize, setInitialPanelSize: setInitialPanelSize, hidden: hidden, children: children })) }));
+            }, children: [hidden && _jsx("div", { className: 'PopoutWindowContainer--hidden' }), _jsx("div", { ref: panelRef, style: {
+                        display: 'flex',
+                        flexDirection: 'column',
+                        width: '100%',
+                        height: '100%',
+                    }, className: className, children: children })] })) : (_jsx(PopinWindow, { ...props, panelPosition: panelPosition, setPanelPosition: setPanelPosition, panelSize: panelSize, setPanelSize: setPanelSize, setInitialPanelSize: setInitialPanelSize, hidden: hidden, children: children })) }));
 };
 export const PanelContent = forwardRef(function PanelContentFr({ children, className }, ref) {
     return (_jsx("div", { className: clsx(`WindowPanel-content`, className), ref: ref, children: children }));

package/dist/panel/Panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../src/panel/Panel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../src/panel/Panel.tsx"],"names":[],"mappings":"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"}

package/dist/panel/Panel.scss

@@ -1,13 +1,22 @@
-@use "@linzjs/lui/dist/scss/Foundation/Variables/ColorVars" as colors;
-@use "@linzjs/lui/dist/scss/Foundation/Variables/FontVars" as fonts;
+@use '@linzjs/lui/dist/scss/Foundation/Variables/ColorVars' as colors;
+@use '@linzjs/lui/dist/scss/Foundation/Variables/FontVars' as fonts;
 
-.WindowPanel, .PopoutWindowContainer  {
+.WindowPanel,
+.PopoutWindowContainer {
   @include fonts.font-regular();
   font-size: fonts.$base-font-size;
   line-height: fonts.$base-line-height;
   color: colors.$base-type-color;
 }
 
+.PopoutWindowContainer .PopoutWindowContainer--hidden {
+  position: absolute;
+  inset: 0;
+  backdrop-filter: blur(4px);
+  background-color: rgb(69 69 69 / 15%);
+  z-index: 10000;
+}
+
 .LuiCheckboxInput--nomargin {
   margin: 0;
 }
@@ -60,12 +69,14 @@
       padding-right: 7px;
     }
 
-    .LuiTab--active::after, .LuiTab--active:focus::after {
+    .LuiTab--active::after,
+    .LuiTab--active:focus::after {
       padding: 0;
     }
   }
 
-  .lui-button + .lui-button, a.lui-button + .lui-button {
+  .lui-button + .lui-button,
+  a.lui-button + .lui-button {
     margin-left: 0 !important;
   }
 }
@@ -76,7 +87,6 @@
   display: flex;
   flex-direction: row;
   padding: 12px;
-  width: 100%;
 
   .WindowPanel-footer-left {
     flex: 1;
@@ -90,7 +100,9 @@
 .WindowPanel {
   box-sizing: border-box;
 
-  box-shadow: 0 1px 6px 0 #00000026, 0 6px 10px 0 #00000040;
+  box-shadow:
+    0 1px 6px 0 #00000026,
+    0 6px 10px 0 #00000040;
   background-color: #fff;
   display: flex;
   flex-direction: column;

package/dist/panel/PanelBlue.scss

@@ -1,7 +1,8 @@
-@use "@linzjs/lui/dist/scss/Foundation/Variables/ColorVars" as lui;
+@use '@linzjs/lui/dist/scss/Foundation/Variables/ColorVars' as lui;
 
-.WindowPanel-blue.WindowPanel-header, .WindowPanel-blue .WindowPanel-header {
-  background: linear-gradient(270deg,#007198,#00425b 100%);
+.WindowPanel-blue.WindowPanel-header,
+.WindowPanel-blue .WindowPanel-header {
+  background: linear-gradient(270deg, #007198, #00425b 100%);
   color: #fff;
 
   svg * {
@@ -10,9 +11,9 @@
 }
 
 .WindowPanel-blue .LuiTab {
-  color: lui.$iceberg
+  color: lui.$iceberg;
 }
 
 .WindowPanel-blue .LuiTab.LuiTab--active {
-  color: lui.$downy
+  color: lui.$downy;
 }

package/dist/panel/PanelHeaderButton.js

@@ -3,10 +3,11 @@ import { LuiButton, LuiIcon } from '@linzjs/lui';
 import { useLayoutEffect, useState } from 'react';
 export const PanelHeaderButton = ({ 'aria-label': ariaLabel, href, icon, onClick }) => {
     const [disabled, setDisabled] = useState(true);
-    // Dialogs auto focus buttons even when flagged not to
+    // Dialogs autofocus buttons even when flagged not to
     // On initial display the header buttons are disable to prevent this
     useLayoutEffect(() => {
-        void setDisabled(false);
+        // oxlint-disable-next-line react/set-state-in-effect
+        setDisabled(false);
     }, []);
     return (_jsx(LuiButton, { level: 'plain-text', className: 'lui-button-icon-only', size: 'sm', href: href, disabled: disabled, onClick: onClick, openInNewTab: !!href, title: ariaLabel, buttonProps: {
             onTouchStart: onClick,

package/dist/panel/PanelHeaderButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelHeaderButton.js","sourceRoot":"","sources":["../../src/panel/PanelHeaderButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AASlD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAA0B,EAAE,EAAE;IAC5G,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/C,sDAAsD;IACtD,oEAAoE;IACpE,eAAe,CAAC,GAAG,EAAE;QACnB,KAAK,WAAW,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,sBAAsB,EACjC,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,CAAC,CAAC,IAAI,EACpB,KAAK,EAAE,SAAS,EAChB,WAAW,EAAE;YACX,YAAY,EAAE,OAAO;YACrB,kBAAkB,EAAE,IAAI;SACzB,YAED,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,GAAI,GACzC,CACb,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"PanelHeaderButton.js","sourceRoot":"","sources":["../../src/panel/PanelHeaderButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AASlD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAA0B,EAAE,EAAE;IAC5G,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE/C,qDAAqD;IACrD,oEAAoE;IACpE,eAAe,CAAC,GAAG,EAAE;QACnB,qDAAqD;QACrD,WAAW,CAAC,KAAK,CAAC,CAAC;IACrB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,sBAAsB,EACjC,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,CAAC,CAAC,IAAI,EACpB,KAAK,EAAE,SAAS,EAChB,WAAW,EAAE;YACX,YAAY,EAAE,OAAO;YACrB,kBAAkB,EAAE,IAAI;SACzB,YAED,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,GAAI,GACzC,CACb,CAAC;AACJ,CAAC,CAAC"}

package/dist/panel/PanelInstanceContextProvider.js

@@ -13,6 +13,7 @@ export const PanelInstanceContextProvider = ({ panelInstance, bounds, hidden, ch
     const savedState = useRestoreStateFrom({ uniqueId: panelInstance.uniqueId });
     const [poppedOut, setPoppedOut] = useState(savedState?.panelPoppedOut ?? panelInstance.poppedOut);
     const togglePopOut = useCallback(() => {
+        // oxlint-disable-next-line react/immutability
         panelInstance.window = null;
         setPoppedOut(!poppedOut);
     }, [panelInstance, poppedOut]);
@@ -30,12 +31,14 @@ export const PanelInstanceContextProvider = ({ panelInstance, bounds, hidden, ch
             bounds,
             panelClose: () => {
                 panelInstance.window?.close();
+                // oxlint-disable-next-line react/immutability
                 panelInstance.window = null;
                 closePanel(uniqueId);
             },
             panelTogglePopout: togglePopOut,
             panelPoppedOut: poppedOut,
             setPanelWindow: (w) => {
+                // oxlint-disable-next-line react/immutability
                 panelInstance.window = w;
             },
             bringPanelToFront: () => bringPanelToFront(uniqueId),

package/dist/panel/PanelInstanceContextProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelInstanceContextProvider.js","sourceRoot":"","sources":["../../src/panel/PanelInstanceContextProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAmC,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3F,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAiB,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAQ7D;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,EAC3C,aAAa,EACb,MAAM,EACN,MAAM,EACN,QAAQ,GAC6C,EAAgB,EAAE;IACvE,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAClF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAU,CAAC;IAE/C,MAAM,UAAU,GAAG,mBAAmB,CAAC,EAAE,QAAQ,EAAE,aAAa,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC7E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,UAAU,EAAE,cAAc,IAAI,aAAa,CAAC,SAAS,CAAC,CAAC;IAElG,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC;QAC5B,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC;IAE/B,MAAM,IAAI,GAAG,WAAW,CACtB,CAAC,EAAU,EAAE,EAAE;QACb,IAAI,SAAS;YAAE,YAAY,EAAE,CAAC;QAC9B,SAAS,CAAC,EAAE,CAAC,CAAC;IAChB,CAAC,EACD,CAAC,SAAS,EAAE,YAAY,CAAC,CAC1B,CAAC;IAEF,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,CAAC;IAE3D,MAAM,QAAQ,GAAG,aAAa,CAAC,QAAQ,CAAC;IAExC,OAAO,CACL,KAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,KAAK;YACL,QAAQ;YACR,QAAQ;YACR,MAAM;YACN,UAAU,EAAE,GAAG,EAAE;gBACf,aAAa,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC;gBAC9B,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC;gBAC5B,UAAU,CAAC,QAAQ,CAAC,CAAC;YACvB,CAAC;YACD,iBAAiB,EAAE,YAAY;YAC/B,cAAc,EAAE,SAAS;YACzB,cAAc,EAAE,CAAC,CAAS,EAAE,EAAE;gBAC5B,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;YAC3B,CAAC;YACD,iBAAiB,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,QAAQ,CAAC;YACpD,MAAM,EAAE,aAAa,CAAC,MAAM;YAC5B,MAAM,EAAE,CAAC,SAAS,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC;YACxD,MAAM;YACN,IAAI;YACJ,MAAM;YACN,MAAM;SACP,YAEA,QAAQ,GACqB,CACjC,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"PanelInstanceContextProvider.js","sourceRoot":"","sources":["../../src/panel/PanelInstanceContextProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAmC,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3F,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAiB,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAQ7D;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,EAC3C,aAAa,EACb,MAAM,EACN,MAAM,EACN,QAAQ,GAC6C,EAAgB,EAAE;IACvE,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAClF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAU,CAAC;IAE/C,MAAM,UAAU,GAAG,mBAAmB,CAAC,EAAE,QAAQ,EAAE,aAAa,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC7E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,UAAU,EAAE,cAAc,IAAI,aAAa,CAAC,SAAS,CAAC,CAAC;IAElG,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,8CAA8C;QAC9C,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC;QAC5B,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC;IAE/B,MAAM,IAAI,GAAG,WAAW,CACtB,CAAC,EAAU,EAAE,EAAE;QACb,IAAI,SAAS;YAAE,YAAY,EAAE,CAAC;QAC9B,SAAS,CAAC,EAAE,CAAC,CAAC;IAChB,CAAC,EACD,CAAC,SAAS,EAAE,YAAY,CAAC,CAC1B,CAAC;IAEF,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,CAAC;IAE3D,MAAM,QAAQ,GAAG,aAAa,CAAC,QAAQ,CAAC;IAExC,OAAO,CACL,KAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,KAAK;YACL,QAAQ;YACR,QAAQ;YACR,MAAM;YACN,UAAU,EAAE,GAAG,EAAE;gBACf,aAAa,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC;gBAC9B,8CAA8C;gBAC9C,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC;gBAC5B,UAAU,CAAC,QAAQ,CAAC,CAAC;YACvB,CAAC;YACD,iBAAiB,EAAE,YAAY;YAC/B,cAAc,EAAE,SAAS;YACzB,cAAc,EAAE,CAAC,CAAS,EAAE,EAAE;gBAC5B,8CAA8C;gBAC9C,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;YAC3B,CAAC;YACD,iBAAiB,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,QAAQ,CAAC;YACpD,MAAM,EAAE,aAAa,CAAC,MAAM;YAC5B,MAAM,EAAE,CAAC,SAAS,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC;YACxD,MAAM;YACN,IAAI;YACJ,MAAM;YACN,MAAM;SACP,YAEA,QAAQ,GACqB,CACjC,CAAC;AACJ,CAAC,CAAC"}

package/dist/panel/index.d.ts

@@ -1,4 +1,3 @@
-export * from './OpenPanelButton';
 export * from './Panel';
 export * from './PanelContext';
 export * from './PanelDock';

package/dist/panel/index.js

@@ -1,4 +1,3 @@
-export * from './OpenPanelButton';
 export * from './Panel';
 export * from './PanelContext';
 export * from './PanelDock';

package/dist/panel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/panel/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/panel/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC"}

package/dist/ribbon/Ribbon.scss

@@ -1,4 +1,4 @@
-@use "@linzjs/lui/dist/scss/Foundation/Variables/ColorVars" as lui;
+@use '@linzjs/lui/dist/scss/Foundation/Variables/ColorVars' as lui;
 
 .RibbonButton {
   box-sizing: border-box;
@@ -22,7 +22,8 @@
     background-color: lui.$polar;
   }
 
-  &:disabled, .RibbonButton-disabled  {
+  &:disabled,
+  .RibbonButton-disabled {
     cursor: not-allowed;
     background-color: lui.$disabled-bg-color;
     fill: lui.$fuscous;
@@ -58,7 +59,8 @@
   }
 }
 
-.RibbonButton-selected, .RibbonButton:has(+ *:popover-open) {
+.RibbonButton-selected,
+.RibbonButton:has(+ *:popover-open) {
   cursor: pointer;
   color: lui.$white !important;
   background-color: lui.$sea !important;
@@ -128,7 +130,8 @@ $RibbonSliderMenu-buttonMargin: 2px;
 $RibbonSliderMenu-gap: 6px;
 $RibbonSliderMenu-buttonHalfHeight: 20px;
 
-.RibbonSliderMenu-right, .RibbonSliderMenu-right-down {
+.RibbonSliderMenu-right,
+.RibbonSliderMenu-right-down {
   translate: ($RibbonSliderMenu-buttonMargin) (-$RibbonSliderMenu-gap);
 }
 
@@ -140,7 +143,8 @@ $RibbonSliderMenu-buttonHalfHeight: 20px;
   translate: ($RibbonSliderMenu-buttonMargin) ($RibbonSliderMenu-buttonHalfHeight);
 }
 
-.RibbonSliderMenu-left, .RibbonSliderMenu-left-down {
+.RibbonSliderMenu-left,
+.RibbonSliderMenu-left-down {
   translate: (-$RibbonSliderMenu-buttonMargin) (-$RibbonSliderMenu-gap);
 }
 
@@ -152,7 +156,8 @@ $RibbonSliderMenu-buttonHalfHeight: 20px;
   translate: (-$RibbonSliderMenu-buttonMargin) ($RibbonSliderMenu-gap);
 }
 
-.RibbonSliderMenu-up, .RibbonSliderMenu-up-right {
+.RibbonSliderMenu-up,
+.RibbonSliderMenu-up-right {
   translate: (-$RibbonSliderMenu-gap) (-$RibbonSliderMenu-buttonMargin);
 }
 
@@ -160,7 +165,8 @@ $RibbonSliderMenu-buttonHalfHeight: 20px;
   translate: ($RibbonSliderMenu-gap) ($RibbonSliderMenu-buttonMargin);
 }
 
-.RibbonSliderMenu-down, .RibbonSliderMenu-down-right {
+.RibbonSliderMenu-down,
+.RibbonSliderMenu-down-right {
   translate: (-$RibbonSliderMenu-gap) ($RibbonSliderMenu-buttonMargin);
 }
 

package/dist/ribbon/RibbonMenu.scss

@@ -1,4 +1,4 @@
-@use "@linzjs/lui/dist/scss/Foundation/Variables/ColorVars" as lui;
+@use '@linzjs/lui/dist/scss/Foundation/Variables/ColorVars' as lui;
 
 .RibbonMenuSeparator {
   height: 1px;
@@ -7,7 +7,7 @@
 }
 
 .RibbonMenuOption {
-  font-family: "Open Sans", system-ui, sans-serif;
+  font-family: 'Open Sans', system-ui, sans-serif;
   color: lui.$charcoal;
 
   path {
@@ -25,7 +25,7 @@
   padding: 6px 12px;
   line-height: 24px;
   font-size: 16px;
-  align-items: center;;
+  align-items: center;
 
   &:hover {
     background-color: lui.$polar;
@@ -42,4 +42,4 @@
       fill: lui.$disabled-color;
     }
   }
-}
+}

package/package.json

@@ -21,7 +21,7 @@
     },
     "./dist/index.scss": "./dist/index.scss"
   },
-  "version": "16.0.0",
+  "version": "16.2.0",
   "peerDependencies": {
     "@linzjs/lui": ">=23",
     "react": ">=18",
@@ -41,17 +41,19 @@
     "build": "node -e \"require('fs').mkdirSync('./dist',{recursive:true})\" && npm run clean && npm run lintall && npm run bundle",
     "yalc": "npm run clean && npm run bundle && yalc push",
     "clean": "node -e \"fs.rmSync('dist', { recursive: true, force: true })\"",
-    "bundle": "tsc && rollup -c",
+    "bundle": "tsc -p tsconfig.build.json && rollup -c",
     "test": "vitest run",
     "test:watch": "vitest --watch",
     "lintall": "npm run lint:style && npm run lint:oxlint",
     "lint:style": "stylelint src/**/*.scss src/**/*.css --fix",
     "lint:oxlint": "oxlint ./src",
     "lint:fix": "oxlint --fix ./src",
+    "format": "oxfmt --write ./src",
+    "format:check": "oxfmt --check ./src",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "chromatic": "chromatic --exit-zero-on-changes",
-    "update": "npx npm-check-updates -i --format group -c 1d"
+    "update": "npx npm-check-updates -i --format group -c 7d"
   },
   "dependencies": {
     "@emotion/cache": "^11.14.0",
@@ -61,18 +63,18 @@
     "react-rnd": "10.5.3"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^5.3.0",
-    "@linzjs/lui": "^26.0.0",
-    "@linzjs/step-ag-grid": "^32.4.1",
+    "@chromatic-com/storybook": "^5.3.1",
+    "@linzjs/lui": "^27.0.0",
+    "@linzjs/step-ag-grid": "^32.7.1",
     "@rollup/plugin-commonjs": "^29.0.3",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
-    "@storybook/addon-docs": "10.5.9",
-    "@storybook/addon-links": "10.5.9",
-    "@storybook/react-vite": "10.5.9",
+    "@storybook/addon-docs": "10.6.0",
+    "@storybook/addon-links": "10.6.0",
+    "@storybook/react-vite": "10.6.0",
     "@testing-library/dom": "^10.4.1",
-    "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.5",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.7",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^24.13.3",
     "@types/react": "^18.3.31",
@@ -83,22 +85,22 @@
     "ag-grid-react": "34.2.0",
     "jsdom": "^27.3.0",
     "oxfmt": "^0.61.0",
-    "oxlint": "^1.79.0",
+    "oxlint": "^1.82.0",
     "react": "^18.3.1",
     "react-dom": "18.3.1",
-    "rollup": "^4.62.4",
+    "rollup": "^4.63.1",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-esbuild": "^6.2.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "sass": "^1.102.0",
-    "storybook": "10.5.9",
+    "sass": "^1.104.0",
+    "storybook": "10.6.0",
     "stylelint": "^16.26.1",
     "stylelint-config-recommended": "^17.0.0",
     "stylelint-config-recommended-scss": "^16.0.2",
     "stylelint-config-standard": "^39.0.1",
     "stylelint-scss": "6.14.0",
     "typescript": "^7.0.2",
-    "vite": "^8.2.1",
+    "vite": "^8.2.2",
     "vitest": "^4.1.11"
   },
   "browserslist": {

package/dist/panel/OpenPanelButton.d.ts

@@ -1,8 +0,0 @@
-import { OpenPanelOptions } from './PanelsContext';
-interface OpenPanelButtonProps extends OpenPanelOptions {
-    uniqueId?: string;
-    testId?: string;
-    buttonText: string;
-}
-export declare const OpenPanelButton: ({ buttonText, testId, uniqueId, ...openPanelOptions }: OpenPanelButtonProps) => import("react").JSX.Element;
-export {};

package/dist/panel/OpenPanelButton.js

@@ -1,11 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Simple button to open panel and show panel state
-import { useContext } from 'react';
-import { PanelsContext } from './PanelsContext';
-export 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 (_jsxs("div", { children: [_jsxs("b", { children: [buttonText, " ", open ? '(Open)' : ''] }), _jsx("br", {}), !open && (_jsx("button", { "data-testid": testId + 'Open', onClick: () => openPanel({ uniqueId, ...openPanelOptions }), children: "Open" })), open && (_jsxs(_Fragment, { children: [_jsx("button", { "data-testid": testId + 'Close', onClick: () => closePanel(uniqueId), children: "Close" }), hidden ? (_jsx("button", { "data-testid": testId + 'Unhide', onClick: () => unhidePanel(uniqueId), children: "Unhide" })) : (_jsx("button", { "data-testid": testId + 'Hide', onClick: () => hidePanel(uniqueId), children: "Hide" }))] }))] }));
-};
-//# sourceMappingURL=OpenPanelButton.js.map

package/dist/panel/OpenPanelButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OpenPanelButton.js","sourceRoot":"","sources":["../../src/panel/OpenPanelButton.tsx"],"names":[],"mappings":";AAAA,mDAAmD;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAoB,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAQlE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,UAAU,EACV,MAAM,EACN,QAAQ,GAAG,UAAU,EACrB,GAAG,gBAAgB,EACE,EAAE,EAAE;IACzB,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAElH,MAAM,IAAI,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;IACpC,MAAM,MAAM,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IACxC,OAAO,CACL,0BACE,wBACG,UAAU,OAAG,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAChC,EACJ,cAAM,EAEL,CAAC,IAAI,IAAI,CACR,gCAAqB,MAAM,GAAG,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC,qBAExF,CACV,EACA,IAAI,IAAI,CACP,8BACE,gCAAqB,MAAM,GAAG,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,sBAEjE,EACR,MAAM,CAAC,CAAC,CAAC,CACR,gCAAqB,MAAM,GAAG,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,uBAEnE,CACV,CAAC,CAAC,CAAC,CACF,gCAAqB,MAAM,GAAG,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,qBAE/D,CACV,IACA,CACJ,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/ribbon/stories/RibbonDemo.scss

@@ -1,30 +0,0 @@
-@use "@linzjs/lui/dist/scss/Foundation/Variables/ColorVars" as lui;
-
-.RibbonDemoContent {
-  padding: 20px 24px 24px 16px;
-  gap: 12px;
-}
-
-.RibbonDemoSwitch {
-  display: flex;
-  flex-direction: row;
-  gap: 12px;
-  align-items: start;
-  padding: 12px 0 0;
-
-  div:first-child {
-    display: flex;
-  }
-}
-
-.RibbonDemoSwitch-textHeader {
-  line-height: 20px;
-  font-weight: 600;
-  font-size: 16px;
-}
-
-.RibbonDemoSwitch-textDescription {
-  font-weight: 400;
-  font-size: 14px;
-  color: lui.$fuscous;
-}