@linzjs/windows 16.1.0 → 16.3.0

package/README.md

@@ -7,6 +7,7 @@
 > Reusable promise based windowing component for LINZ / Toitū te whenua.
 
 React state based modals/windows are painful because they require:
+
 - shared states for open/closed.
 - callbacks/states for return values.
 - inline modal/window includes, which prevent you from closing the invoking component before the modal/window has completed.
@@ -15,6 +16,7 @@ This module gives you promise based modals/windows which don't require all the s
 based boilerplate / inline-components.
 
 So you can simply do this in your react-app:
+
 ```
 const result = await showModal(TestModal, { props... })
 
@@ -24,22 +26,28 @@ const result = await showModal(TestModal, { props... })
 ```
 
 ## Features
+
 - Async HTML dialog based Modals.
 - Draggable and resizeable, pop-in/out Panels/Windows.
 
 ## Install
+
 ```
 npm install @linzjs/windows
 ```
+
 or with Yarn
+
 ```
 yarn add @linzjs/windows
 ```
 
 ## Debug log
+
 To enable debug logs set:
+
 ```javascript
-localStorage.setItem("@linzjs/windows.debugEnabled", "true");
+localStorage.setItem('@linzjs/windows.debugEnabled', 'true');
 ```
 
 ## Demo
@@ -123,11 +131,7 @@ export const TestModalUsage = () => {
   const { showModal, modalOwnerRef } = useShowAsyncModal();
 
   const showModalHandler = async () => {
-    const result = await showModal(
-      TestModal,
-      { text: "I'm generic modal content" },
-      { showOnAllWindows: true },
-    );
+    const result = await showModal(TestModal, { text: "I'm generic modal content" }, { showOnAllWindows: true });
 
     if (!result) return alert('Modal closed');
     alert(`Modal result is: ${String(result)}`);
@@ -148,12 +152,12 @@ export const TestModalUsage = () => {
 
 Pre-built modals for common use cases: `outline`, `info`, `warning`, `error`, `success`, `progress`, and `blocked`.
 
-| Outline | Info | Warning | Error |
-|---------|------|---------|-------|
+| Outline                                                                                                          | Info                                                                                                       | Warning                                                                                                          | Error                                                                                                        |
+| ---------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ |
 | ![Outline modal](https://github.com/matsondawson/windows-doc-images/raw/HEAD/docimages/prefab-modal-outline.png) | ![Info modal](https://github.com/matsondawson/windows-doc-images/raw/HEAD/docimages/prefab-modal-info.png) | ![Warning modal](https://github.com/matsondawson/windows-doc-images/raw/HEAD/docimages/prefab-modal-warning.png) | ![Error modal](https://github.com/matsondawson/windows-doc-images/raw/HEAD/docimages/prefab-modal-error.png) |
 
-| Success | Progress | Blocked | Custom buttons |
-|---------|----------|---------|----------------|
+| Success                                                                                                          | Progress                                                                                                           | Blocked                                                                                                          | Custom buttons                                                                                                         |
+| ---------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------- |
 | ![Success modal](https://github.com/matsondawson/windows-doc-images/raw/HEAD/docimages/prefab-modal-success.png) | ![Progress modal](https://github.com/matsondawson/windows-doc-images/raw/HEAD/docimages/prefab-modal-progress.png) | ![Blocked modal](https://github.com/matsondawson/windows-doc-images/raw/HEAD/docimages/prefab-modal-blocked.png) | ![Custom buttons modal](https://github.com/matsondawson/windows-doc-images/raw/HEAD/docimages/prefab-modal-custom.png) |
 
 **Setup** — same `LuiModalAsyncContextProvider` as above.
@@ -282,6 +286,7 @@ export const PrefabModalUsage = () => {
 ```
 
 To clear a "don't show again" session key programmatically:
+
 ```tsx
 import { LuiModalDontShowSessionRemove } from '@linzjs/windows';
 
@@ -357,14 +362,8 @@ import { Panel, PanelContent, PanelHeader } from '@linzjs/windows';
 
 export const ShowPanelComponent = ({ data }: { data: number }) => (
   <Panel title={`Panel demo ${data}`} size={{ width: 640, height: 'auto' }}>
-    <PanelHeader
-      helpUrl={'#help'}
-      icon={'ic_add_adopt'}
-      onHelpClick={() => alert('Help!')}
-    />
-    <PanelContent>
-      {/* panel body content */}
-    </PanelContent>
+    <PanelHeader helpUrl={'#help'} icon={'ic_add_adopt'} onHelpClick={() => alert('Help!')} />
+    <PanelContent>{/* panel body content */}</PanelContent>
   </Panel>
 );
 
@@ -372,9 +371,7 @@ export const ShowPanelComponent = ({ data }: { data: number }) => (
 export const ShowPanelModalComponent = ({ data }: { data: number }) => (
   <Panel title={`Panel demo ${data}`} size={{ width: 640, height: 400 }} modal={true}>
     <PanelHeader icon={'ic_add_adopt'} disablePopout={true} />
-    <PanelContent>
-      {/* panel body content */}
-    </PanelContent>
+    <PanelContent>{/* panel body content */}</PanelContent>
   </Panel>
 );
 ```
@@ -399,10 +396,7 @@ export const TestShowPanel = () => (
       componentFn={() => <ShowPanelComponent data={2} />}
       uniqueId="panel2"
     />
-    <OpenPanelButton
-      buttonText={'Panel as a Modal'}
-      componentFn={() => <ShowPanelModalComponent data={3} />}
-    />
+    <OpenPanelButton buttonText={'Panel as a Modal'} componentFn={() => <ShowPanelModalComponent data={3} />} />
     {/* Panel with dynamic bounds — recalculated on resize */}
     <OpenPanelButton
       buttonText={'Dynamic bounds panel'}
@@ -425,17 +419,17 @@ export const TestShowPanel = () => (
 
 **Panel props:**
 
-| Prop | Type | Description |
-|------|------|-------------|
-| `title` | `string` | Panel title bar text |
-| `size` | `{ width: number, height: number \| 'auto' }` | Initial panel size |
-| `modal` | `boolean` | Disable dragging and popout, center on screen |
-| `resizeable` | `boolean` | Allow user resizing (default `true`) |
-| `maxHeight` | `number` | Maximum height in px |
-| `maxWidth` | `number` | Maximum width in px |
-| `minHeight` | `number` | Minimum height in px |
-| `minWidth` | `number` | Minimum width in px |
-| `dynamicBounds` | `() => { x, y, width, height }` | Callback to recalculate position/size dynamically |
+| Prop            | Type                                          | Description                                       |
+| --------------- | --------------------------------------------- | ------------------------------------------------- |
+| `title`         | `string`                                      | Panel title bar text                              |
+| `size`          | `{ width: number, height: number \| 'auto' }` | Initial panel size                                |
+| `modal`         | `boolean`                                     | Disable dragging and popout, center on screen     |
+| `resizeable`    | `boolean`                                     | Allow user resizing (default `true`)              |
+| `maxHeight`     | `number`                                      | Maximum height in px                              |
+| `maxWidth`      | `number`                                      | Maximum width in px                               |
+| `minHeight`     | `number`                                      | Minimum height in px                              |
+| `minWidth`      | `number`                                      | Minimum width in px                               |
+| `dynamicBounds` | `() => { x, y, width, height }`               | Callback to recalculate position/size dynamically |
 
 **Saving panel state** — pass `panelStateOptions` to `PanelsContextProvider` or `OpenPanelButton`:
 
@@ -464,9 +458,7 @@ import { useState } from 'react';
 export const DockablePanel = ({ data }: { data: number }) => (
   <Panel title={`Panel demo ${data}`} size={{ width: 640, height: 400 }}>
     <PanelHeader dockTo={'leftSide'} />
-    <PanelContent>
-      {/* panel body content */}
-    </PanelContent>
+    <PanelContent>{/* panel body content */}</PanelContent>
   </Panel>
 );
 
@@ -563,12 +555,17 @@ const PanelContents = () => {
 
 export const TestShowPanelWithGlobalModal = () => (
   <>
-    <OpenPanelButton buttonText={'TestPanel 1'} componentFn={() => (
-      <Panel title={'Panel demo 1'} size={{ width: 640, height: 400 }}>
-        <PanelHeader icon={'ic_send'} onHelpClick={() => alert('Help!!!')} />
-        <PanelContent><PanelContents /></PanelContent>
-      </Panel>
-    )} />
+    <OpenPanelButton
+      buttonText={'TestPanel 1'}
+      componentFn={() => (
+        <Panel title={'Panel demo 1'} size={{ width: 640, height: 400 }}>
+          <PanelHeader icon={'ic_send'} onHelpClick={() => alert('Help!!!')} />
+          <PanelContent>
+            <PanelContents />
+          </PanelContent>
+        </Panel>
+      )}
+    />
   </>
 );
 ```
@@ -586,111 +583,127 @@ A toolbar ribbon with buttons, sliders, menus, and separators. Supports horizont
 
 ```tsx
 import {
-    RibbonButton,
-    RibbonButtonLink,
-    RibbonButtonOpenPanel,
-    RibbonButtonSlider,
-    RibbonContainer,
-    RibbonSeparator,
-    RibbonMenu,
-    RibbonMenuOption,
-    RibbonMenuSeparator,
-    Panel,
-    PanelContent,
-    PanelHeader,
+  RibbonButton,
+  RibbonButtonLink,
+  RibbonButtonOpenPanel,
+  RibbonButtonSlider,
+  RibbonContainer,
+  RibbonSeparator,
+  RibbonMenu,
+  RibbonMenuOption,
+  RibbonMenuSeparator,
+  Panel,
+  PanelContent,
+  PanelHeader,
 } from '@linzjs/windows';
 import { useState } from 'react';
 
 export const TestRibbonPanel = () => {
-    const [selectedItem, setSelectedItem] = useState('ic_add_rectangle');
-    const [loading, setLoading] = useState(false);
-    const [processing, setProcessing] = useState(false);
-
-    return (
-        <>
-            <button onClick={() => setLoading(!loading)}>Toggle loading</button>
-            <button onClick={() => setProcessing(!processing)}>Toggle processing</button>
-
-            {/* Horizontal ribbon */}
-            <RibbonContainer style={{ position: 'absolute', left: 220, top: 120 }}>
-
-                {/* Button that opens a panel — disabled state */}
-                <RibbonButtonOpenPanel
-                    disabled
-                    title={'Marks'}
-                    icon={'ic_marks'}
-                    componentFn={() => <Panel title="Marks" size={{ width: 640, height: 400 }}><PanelHeader /><PanelContent /></Panel>}
-                    loading={loading}
-                />
-
-                <RibbonSeparator />
-
-                {/* Button that opens a panel — with processing indicator */}
-                <RibbonButtonOpenPanel
-                    title={'Vectors'}
-                    icon={'ic_line_irregular'}
-                    componentFn={() => <Panel title="Vectors" size={{ width: 640, height: 400 }}><PanelHeader /><PanelContent /></Panel>}
-                    loading={loading}
-                    processing={processing}
-                    processingMessage={'Validating...'}
-                />
-
-                {/* Slider button — opens a sub-panel of options below */}
-                <RibbonButtonSlider title={selectedItem} icon={selectedItem} alignment={'down'} loading={loading}>
-                    <RibbonContainer orientation={'vertical'}>
-                        <RibbonButton
-                            title={'Rectangle'}
-                            icon={'ic_add_rectangle'}
-                            selected={selectedItem === 'ic_add_rectangle'}
-                            onClick={() => setSelectedItem('ic_add_rectangle')}
-                        />
-                        <RibbonButton
-                            title={'Other'}
-                            icon={'ic_polygon_selection'}
-                            selected={selectedItem === 'ic_polygon_selection'}
-                            onClick={() => setSelectedItem('ic_polygon_selection')}
-                        />
-                    </RibbonContainer>
-                </RibbonButtonSlider>
-
-                {/* Slider button — dropdown menu with autoClose */}
-                <RibbonButtonSlider title={'Other'} icon={'ic_more_vert'} alignment={'down'} autoClose={true} loading={loading}>
-                    <RibbonMenu>
-                        <RibbonMenuOption icon={'ic_define_nonprimary_diagram_circle'}>Circle</RibbonMenuOption>
-                        <RibbonMenuOption icon={'ic_define_nonprimary_diagram_rectangle'} disabled={true}>Rectangle</RibbonMenuOption>
-                        <RibbonMenuSeparator />
-                        <RibbonMenuOption>Item 3</RibbonMenuOption>
-                        <RibbonMenuSeparator />
-                        <RibbonMenuOption icon={'ic_clear'}>Cancel</RibbonMenuOption>
-                    </RibbonMenu>
-                </RibbonButtonSlider>
-            </RibbonContainer>
-
-            {/* Vertical ribbon */}
-            <RibbonContainer orientation={'vertical'} style={{ position: 'absolute', left: 220, top: 180 }}>
-                <RibbonButtonOpenPanel
-                    title={'Vectors'}
-                    icon={'ic_timeline'}
-                    componentFn={() => <Panel title="Vectors" size={{ width: 640, height: 400 }}><PanelHeader /><PanelContent /></Panel>}
-                    loading={loading}
-                />
-                {/* Slider opens to the right */}
-                <RibbonButtonSlider title={selectedItem} icon={selectedItem} alignment={'right'} loading={loading}>
-                    <RibbonContainer>
-                        <RibbonButton
-                            title={'Rectangle'}
-                            icon={'ic_add_rectangle'}
-                            selected={selectedItem === 'ic_add_rectangle'}
-                            onClick={() => setSelectedItem('ic_add_rectangle')}
-                        />
-                    </RibbonContainer>
-                </RibbonButtonSlider>
-                {/* External link button */}
-                <RibbonButtonLink href={'https://example.com/'} icon={'ic_link'} loading={loading} />
-            </RibbonContainer>
-        </>
-    );
+  const [selectedItem, setSelectedItem] = useState('ic_add_rectangle');
+  const [loading, setLoading] = useState(false);
+  const [processing, setProcessing] = useState(false);
+
+  return (
+    <>
+      <button onClick={() => setLoading(!loading)}>Toggle loading</button>
+      <button onClick={() => setProcessing(!processing)}>Toggle processing</button>
+
+      {/* Horizontal ribbon */}
+      <RibbonContainer style={{ position: 'absolute', left: 220, top: 120 }}>
+        {/* Button that opens a panel — disabled state */}
+        <RibbonButtonOpenPanel
+          disabled
+          title={'Marks'}
+          icon={'ic_marks'}
+          componentFn={() => (
+            <Panel title="Marks" size={{ width: 640, height: 400 }}>
+              <PanelHeader />
+              <PanelContent />
+            </Panel>
+          )}
+          loading={loading}
+        />
+
+        <RibbonSeparator />
+
+        {/* Button that opens a panel — with processing indicator */}
+        <RibbonButtonOpenPanel
+          title={'Vectors'}
+          icon={'ic_line_irregular'}
+          componentFn={() => (
+            <Panel title="Vectors" size={{ width: 640, height: 400 }}>
+              <PanelHeader />
+              <PanelContent />
+            </Panel>
+          )}
+          loading={loading}
+          processing={processing}
+          processingMessage={'Validating...'}
+        />
+
+        {/* Slider button — opens a sub-panel of options below */}
+        <RibbonButtonSlider title={selectedItem} icon={selectedItem} alignment={'down'} loading={loading}>
+          <RibbonContainer orientation={'vertical'}>
+            <RibbonButton
+              title={'Rectangle'}
+              icon={'ic_add_rectangle'}
+              selected={selectedItem === 'ic_add_rectangle'}
+              onClick={() => setSelectedItem('ic_add_rectangle')}
+            />
+            <RibbonButton
+              title={'Other'}
+              icon={'ic_polygon_selection'}
+              selected={selectedItem === 'ic_polygon_selection'}
+              onClick={() => setSelectedItem('ic_polygon_selection')}
+            />
+          </RibbonContainer>
+        </RibbonButtonSlider>
+
+        {/* Slider button — dropdown menu with autoClose */}
+        <RibbonButtonSlider title={'Other'} icon={'ic_more_vert'} alignment={'down'} autoClose={true} loading={loading}>
+          <RibbonMenu>
+            <RibbonMenuOption icon={'ic_define_nonprimary_diagram_circle'}>Circle</RibbonMenuOption>
+            <RibbonMenuOption icon={'ic_define_nonprimary_diagram_rectangle'} disabled={true}>
+              Rectangle
+            </RibbonMenuOption>
+            <RibbonMenuSeparator />
+            <RibbonMenuOption>Item 3</RibbonMenuOption>
+            <RibbonMenuSeparator />
+            <RibbonMenuOption icon={'ic_clear'}>Cancel</RibbonMenuOption>
+          </RibbonMenu>
+        </RibbonButtonSlider>
+      </RibbonContainer>
+
+      {/* Vertical ribbon */}
+      <RibbonContainer orientation={'vertical'} style={{ position: 'absolute', left: 220, top: 180 }}>
+        <RibbonButtonOpenPanel
+          title={'Vectors'}
+          icon={'ic_timeline'}
+          componentFn={() => (
+            <Panel title="Vectors" size={{ width: 640, height: 400 }}>
+              <PanelHeader />
+              <PanelContent />
+            </Panel>
+          )}
+          loading={loading}
+        />
+        {/* Slider opens to the right */}
+        <RibbonButtonSlider title={selectedItem} icon={selectedItem} alignment={'right'} loading={loading}>
+          <RibbonContainer>
+            <RibbonButton
+              title={'Rectangle'}
+              icon={'ic_add_rectangle'}
+              selected={selectedItem === 'ic_add_rectangle'}
+              onClick={() => setSelectedItem('ic_add_rectangle')}
+            />
+          </RibbonContainer>
+        </RibbonButtonSlider>
+        {/* External link button */}
+        <RibbonButtonLink href={'https://example.com/'} icon={'ic_link'} loading={loading} />
+      </RibbonContainer>
+    </>
+  );
 };
 ```
 
-**`RibbonButtonSlider` alignment options:** `'down'` | `'up'` | `'left'` | `'right'` | `'left-up'` | `'right-up'` | `'right-center'`
+**`RibbonButtonSlider` alignment options:** `'down'` | `'up'` | `'left'` | `'right'` | `'left-up'` | `'right-up'` | `'right-center'`

package/dist/LuiModalAsync/LuiModalAsync.scss

@@ -1,11 +1,12 @@
-@use "@linzjs/lui/dist/scss/Foundation/Variables/ColorVars" as colors;
-@use "@linzjs/lui/dist/scss/Foundation/Utilities/BoxShadow" as shadow;
-@use "@linzjs/lui/dist/scss/Foundation/Variables/SpacingVars" as spacing;
-@use "@linzjs/lui/dist/scss/Foundation/Variables/FormVars" as form;
-@use "@linzjs/lui/dist/scss/Foundation/Variables/FontVars" as fonts;
-@use "@linzjs/lui/dist/scss/Foundation/Utilities/REM" as rem;
-
-dialog.LuiModalAsync, div.LuiModalAsync  {
+@use '@linzjs/lui/dist/scss/Foundation/Variables/ColorVars' as colors;
+@use '@linzjs/lui/dist/scss/Foundation/Utilities/BoxShadow' as shadow;
+@use '@linzjs/lui/dist/scss/Foundation/Variables/SpacingVars' as spacing;
+@use '@linzjs/lui/dist/scss/Foundation/Variables/FormVars' as form;
+@use '@linzjs/lui/dist/scss/Foundation/Variables/FontVars' as fonts;
+@use '@linzjs/lui/dist/scss/Foundation/Utilities/REM' as rem;
+
+dialog.LuiModalAsync,
+div.LuiModalAsync {
   @include fonts.font-regular();
   font-size: fonts.$base-font-size;
   line-height: fonts.$base-line-height;
@@ -26,7 +27,8 @@ dialog.LuiModalAsync::backdrop {
   background: rgb(0 0 0 / 10%);
 }
 
-dialog.LuiModalAsync, div.LuiModalAsync {
+dialog.LuiModalAsync,
+div.LuiModalAsync {
   box-sizing: border-box;
 
   @include shadow.drop-shadow(sm);

package/dist/LuiModalAsync/LuiModalAsyncContextProvider.js

@@ -157,6 +157,8 @@ export const LuiModalAsyncContextProvider = ({ children }) => {
                         ownerRef: modalInstance.ownerRef,
                         close: () => modalInstance.resolve(undefined),
                         resolve: modalInstance.resolve,
+                        isModalInstance: true,
+                        getOwnerWindow: () => modalInstance.ownerRef.current?.ownerDocument.defaultView ?? window,
                     }, children: portalOwners(modalInstance).map((element) => createPortal(_jsx(_Fragment, { children: modalInstance.componentInstance }), element)) }, modalInstance.uuid))) }), _jsx(_Fragment, { children: children })] }));
 };
 //# sourceMappingURL=LuiModalAsyncContextProvider.js.map

package/dist/LuiModalAsync/LuiModalAsyncContextProvider.js.map

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

package/dist/LuiModalAsync/LuiModalAsyncInstanceContext.d.ts

@@ -6,6 +6,17 @@ export interface LuiModalAsyncInstanceContextType {
     ownerRef: MutableRefObject<HTMLElement | null>;
     close: () => void;
     resolve: (value: any) => void;
+    /**
+     * True only when rendered inside a real modal instance. Lets other code (e.g.
+     * useShowAsyncModal) tell apart "not inside a modal" from a context whose fields happen to be
+     * unset. Mirrors PanelInstanceContextType.isPanelInstance.
+     */
+    isModalInstance: boolean;
+    /**
+     * The window this modal is currently rendered in. Read live (not reactive) so a modal opened
+     * from within this one targets the same window. Mirrors PanelInstanceContextType.getOwnerWindow.
+     */
+    getOwnerWindow: () => Window;
 }
 /**
  * Provides access to resolving/closing to modal elements.

package/dist/LuiModalAsync/LuiModalAsyncInstanceContext.js

@@ -9,5 +9,7 @@ export const LuiModalAsyncInstanceContext = createContext({
     ownerRef: { current: null },
     close: NoContextError,
     resolve: NoContextError,
+    isModalInstance: false,
+    getOwnerWindow: () => window,
 });
 //# sourceMappingURL=LuiModalAsyncInstanceContext.js.map

package/dist/LuiModalAsync/LuiModalAsyncInstanceContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"LuiModalAsyncInstanceContext.js","sourceRoot":"","sources":["../../src/LuiModalAsync/LuiModalAsyncInstanceContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAoB,MAAM,OAAO,CAAC;AAYxD,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,OAAO,CAAC,KAAK,CAAC,+CAA+C,CAAC,CAAC;AACjE,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,aAAa,CAAmC;IAC1F,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC3B,KAAK,EAAE,cAAc;IACrB,OAAO,EAAE,cAAc;CACxB,CAAC,CAAC"}
+{"version":3,"file":"LuiModalAsyncInstanceContext.js","sourceRoot":"","sources":["../../src/LuiModalAsync/LuiModalAsyncInstanceContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAoB,MAAM,OAAO,CAAC;AAuBxD,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,OAAO,CAAC,KAAK,CAAC,+CAA+C,CAAC,CAAC;AACjE,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,aAAa,CAAmC;IAC1F,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;IAC3B,KAAK,EAAE,cAAc;IACrB,OAAO,EAAE,cAAc;IACvB,eAAe,EAAE,KAAK;IACtB,cAAc,EAAE,GAAG,EAAE,CAAC,MAAM;CAC7B,CAAC,CAAC"}

package/dist/LuiModalAsync/useShowAsyncModal.js

@@ -1,10 +1,28 @@
 import { useCallback, useContext, useMemo, useRef } from 'react';
 import { LuiModalAsyncContext, openModalOnAllWindows, } from './LuiModalAsyncContext';
+import { LuiModalAsyncInstanceContext } from './LuiModalAsyncInstanceContext';
+import { PanelInstanceContext } from '../panel/PanelInstanceContext';
 export const useShowAsyncModal = () => {
     const { showModal } = useContext(LuiModalAsyncContext);
+    const panelInstanceContext = useContext(PanelInstanceContext);
+    const modalInstanceContext = useContext(LuiModalAsyncInstanceContext);
     // eslint-disable-next-line
     const modalOwnerRef = useRef(document.body);
-    const showModalAsync = useCallback((component, args, props) => showModal(props?.showOnAllWindows ? openModalOnAllWindows : modalOwnerRef, component, args, props), [showModal]);
+    const showModalAsync = useCallback((component, args, props) => {
+        // If called from within another modal, follow that modal's own window so nested modals
+        // stay together. Otherwise, if called from within a panel, follow that panel's own window
+        // (which may be popped out) rather than the main window. Re-read on every call so this
+        // stays correct as the panel/modal pops in/out. Skipped when showOnAllWindows is set.
+        if (!props?.showOnAllWindows) {
+            if (modalInstanceContext.isModalInstance) {
+                modalOwnerRef.current = modalInstanceContext.getOwnerWindow().document.body;
+            }
+            else if (panelInstanceContext.isPanelInstance) {
+                modalOwnerRef.current = panelInstanceContext.getOwnerWindow().document.body;
+            }
+        }
+        return showModal(props?.showOnAllWindows ? openModalOnAllWindows : modalOwnerRef, component, args, props);
+    }, [showModal, panelInstanceContext, modalInstanceContext]);
     return useMemo(() => ({
         showModal: showModalAsync,
         modalOwnerRef,

package/dist/LuiModalAsync/useShowAsyncModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"useShowAsyncModal.js","sourceRoot":"","sources":["../../src/LuiModalAsync/useShowAsyncModal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEjF,OAAO,EAEL,oBAAoB,EACpB,qBAAqB,GAGtB,MAAM,wBAAwB,CAAC;AAEhC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAEvD,2BAA2B;IAC3B,MAAM,aAAa,GAAG,MAAM,CAAM,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEjD,MAAM,cAAc,GAAG,WAAW,CAChC,CACE,SAAa,EACb,IAAmD,EACnD,KAAsB,EAC4C,EAAE,CACpE,SAAS,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,aAAa,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,EACpG,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,SAAS,EAAE,cAAc;QACzB,aAAa;KACd,CAAC,EACF,CAAC,cAAc,CAAC,CACjB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"useShowAsyncModal.js","sourceRoot":"","sources":["../../src/LuiModalAsync/useShowAsyncModal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEjF,OAAO,EAEL,oBAAoB,EACpB,qBAAqB,GAGtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAErE,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACvD,MAAM,oBAAoB,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAC9D,MAAM,oBAAoB,GAAG,UAAU,CAAC,4BAA4B,CAAC,CAAC;IAEtE,2BAA2B;IAC3B,MAAM,aAAa,GAAG,MAAM,CAAM,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEjD,MAAM,cAAc,GAAG,WAAW,CAChC,CACE,SAAa,EACb,IAAmD,EACnD,KAAsB,EAC4C,EAAE;QACpE,uFAAuF;QACvF,0FAA0F;QAC1F,uFAAuF;QACvF,sFAAsF;QACtF,IAAI,CAAC,KAAK,EAAE,gBAAgB,EAAE,CAAC;YAC7B,IAAI,oBAAoB,CAAC,eAAe,EAAE,CAAC;gBACzC,aAAa,CAAC,OAAO,GAAG,oBAAoB,CAAC,cAAc,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;YAC9E,CAAC;iBAAM,IAAI,oBAAoB,CAAC,eAAe,EAAE,CAAC;gBAChD,aAAa,CAAC,OAAO,GAAG,oBAAoB,CAAC,cAAc,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;YAC9E,CAAC;QACH,CAAC;QACD,OAAO,SAAS,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,aAAa,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;IAC5G,CAAC,EACD,CAAC,SAAS,EAAE,oBAAoB,EAAE,oBAAoB,CAAC,CACxD,CAAC;IAEF,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,SAAS,EAAE,cAAc;QACzB,aAAa;KACd,CAAC,EACF,CAAC,cAAc,CAAC,CACjB,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/CopyableText.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;
 
 .CopyToClipboard {
   cursor: pointer;
@@ -12,7 +12,9 @@
 
   .windows_tooltiptext {
     opacity: 0;
-    transition: opacity 0.3s ease, width 0.3s ease;
+    transition:
+      opacity 0.3s ease,
+      width 0.3s ease;
     pointer-events: none;
     background-color: white;
     color: rgb(46 52 56);
@@ -26,11 +28,13 @@
 
     left: calc(100% + 8px);
     transform: translateY(42%);
-    box-shadow: 0 2px 3px #00000040, 0 0 3px #00000026;
+    box-shadow:
+      0 2px 3px #00000040,
+      0 0 3px #00000026;
   }
 
   &:hover .windows_tooltiptext {
     visibility: visible;
     opacity: 1;
   }
-}
+}