@finsemble/finsemble-ui 10.0.0-iocd.9 → 10.0.3-beta.3

package/react/components/linker/index.d.ts

@@ -1,2 +1,2 @@
-export { LinkerMenu } from "./LinkerMenu";
+export { LinkerMenu } from "./LinkerMenu";
 //# sourceMappingURL=index.d.ts.map

package/react/components/linker/index.js

@@ -1,2 +1,2 @@
-export { LinkerMenu } from "./LinkerMenu";
+export { LinkerMenu } from "./LinkerMenu";
 //# sourceMappingURL=index.js.map

package/react/components/linker/remoteRedux.d.ts

@@ -1,4 +1,4 @@
-export declare const getStore: () => import("@reduxjs/toolkit").EnhancedStore<any, import("redux").AnyAction, [import("redux-thunk").ThunkMiddleware<any, import("redux").AnyAction, undefined>], import("redux").StoreEnhancer<{
-    dispatch: import("../../../common/redux/types").PromiseDispatch;
-}, {}>[]>;
+export declare const getStore: () => import("@reduxjs/toolkit").EnhancedStore<any, import("redux").AnyAction, [import("redux-thunk").ThunkMiddleware<any, import("redux").AnyAction>], import("redux").StoreEnhancer<{
+    dispatch: import("../../../common/redux/types").PromiseDispatch;
+}>[]>;
 //# sourceMappingURL=remoteRedux.d.ts.map

package/react/components/linker/remoteRedux.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"remoteRedux.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/linker/remoteRedux.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,QAAQ;;SACwF,CAAC"}
+{"version":3,"file":"remoteRedux.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/linker/remoteRedux.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,QAAQ;;KACwF,CAAC"}

package/react/components/linker/remoteRedux.js

@@ -1,10 +1,11 @@
-import { getRemoteStore } from "../../../common/redux/getRemoteStore";
-// The store state will come from the remote redux store, but we still need to initialize our local store with a
-// starting state that is empty.
-const emptyStore = {
-    clients: {},
-    allChannels: [],
-    connectIdToJoinedChannel: {},
-};
-export const getStore = () => getRemoteStore({ server: "@@finsemble/remoteRedux/InteropStore", slice: "linker", emptyStore });
+import { getRemoteStore } from "../../../common/redux/getRemoteStore";
+// The store state will come from the remote redux store, but we still need to initialize our local store with a
+// starting state that is empty.
+const emptyStore = {
+    clients: {},
+    allChannels: [],
+    connectIdToJoinedChannel: {},
+    pendingToRemove: {},
+};
+export const getStore = () => getRemoteStore({ server: "@@finsemble/remoteRedux/InteropStore", slice: "linker", emptyStore });
 //# sourceMappingURL=remoteRedux.js.map

package/react/components/linker/remoteRedux.js.map

@@ -1 +1 @@
-{"version":3,"file":"remoteRedux.js","sourceRoot":"","sources":["../../../../../src/ui/components/linker/remoteRedux.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAEtE,gHAAgH;AAChH,gCAAgC;AAChC,MAAM,UAAU,GAAgB;IAC/B,OAAO,EAAE,EAAE;IACX,WAAW,EAAE,EAAE;IACf,wBAAwB,EAAE,EAAE;CAC5B,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAC5B,cAAc,CAAc,EAAE,MAAM,EAAE,sCAAsC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAC"}
+{"version":3,"file":"remoteRedux.js","sourceRoot":"","sources":["../../../../../src/ui/components/linker/remoteRedux.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAEtE,gHAAgH;AAChH,gCAAgC;AAChC,MAAM,UAAU,GAAgB;IAC/B,OAAO,EAAE,EAAE;IACX,WAAW,EAAE,EAAE;IACf,wBAAwB,EAAE,EAAE;IAC5B,eAAe,EAAE,EAAE;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAC5B,cAAc,CAAc,EAAE,MAAM,EAAE,sCAAsC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAC"}

package/react/components/menu/Menu.d.ts

@@ -1,30 +1,30 @@
-import * as React from "react";
-export declare type MenuProps = {
-    className?: string;
-    closeHotkey?: Array<string>;
-    height?: number;
-    id?: string;
-    maxHeight?: number;
-    minHeight?: number;
-    openHotkey?: Array<string>;
-    width?: number;
-    title?: React.ReactNode | string;
-    children?: React.ReactNode;
-};
-/**
- * A convenience component that fully encapsulates a menu by constructing a `<MenuShell>` and its contents.
- * All of the props are passed to MenuShell.
- *
- * @param {string} [className] - Custom body class for the menu contents. These classes will be set on the `<body>` tag for the Menu's drop down window.
- * @param {array} [closeHotkey] - An optional key-chord (e.g. ["ctrl","H"]) which will close the menu. Use this for instance when you want the same key-chord to toggle a menu open and closed. Note that the escape key will always close the menu.
- * @param {number} [height] - Custom height for the menu. If not set then the height will be automatically calculated based on the content height and available monitor space.
- * @param {string} [id] - Unique ID for the menu. Defaults to a random string.
- * @param {number} [maxHeight=Infinity] - Maximum height of the menu.
- * @param {number} [minHeight] - Minimum height of the menu
- * @param {array} [openHotkey] - A hotkey combination to open the menu.
- * @param {number} [width=180] - Custom width for the menu.
- * @param {title} [string] - Name that appears in the menu's `<MenuToggle>` button.
- *
- */
-export declare const Menu: (props: MenuProps) => JSX.Element;
+import * as React from "react";
+export type MenuProps = {
+    className?: string;
+    closeHotkey?: Array<string>;
+    height?: number;
+    id?: string;
+    maxHeight?: number;
+    minHeight?: number;
+    openHotkey?: Array<string>;
+    width?: number;
+    title?: React.ReactNode | string;
+    children?: React.ReactNode;
+};
+/**
+ * A convenience component that fully encapsulates a menu by constructing a `<MenuShell>` and its contents.
+ * All of the props are passed to MenuShell.
+ *
+ * @param {string} [className] - Custom body class for the menu contents. These classes will be set on the `<body>` tag for the Menu's drop down window.
+ * @param {array} [closeHotkey] - An optional key-chord (e.g. ["ctrl","H"]) which will close the menu. Use this for instance when you want the same key-chord to toggle a menu open and closed. Note that the escape key will always close the menu.
+ * @param {number} [height] - Custom height for the menu. If not set then the height will be automatically calculated based on the content height and available monitor space.
+ * @param {string} [id] - Unique ID for the menu. Defaults to a random string.
+ * @param {number} [maxHeight=Infinity] - Maximum height of the menu.
+ * @param {number} [minHeight] - Minimum height of the menu
+ * @param {array} [openHotkey] - A hotkey combination to open the menu.
+ * @param {number} [width=180] - Custom width for the menu.
+ * @param {title} [string] - Name that appears in the menu's `<MenuToggle>` button.
+ *
+ */
+export declare const Menu: (props: MenuProps) => React.JSX.Element;
 //# sourceMappingURL=Menu.d.ts.map

package/react/components/menu/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,oBAAY,SAAS,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AAEH,eAAO,MAAM,IAAI,UAAW,SAAS,gBASpC,CAAC"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,MAAM,SAAS,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AAEH,eAAO,MAAM,IAAI,UAAW,SAAS,sBASpC,CAAC"}

package/react/components/menu/Menu.js

@@ -1,26 +1,26 @@
-import * as React from "react";
-import { MenuShell } from "./MenuShell";
-import { MenuToggle } from "./MenuToggle";
-import { MenuContent } from "./MenuContent";
-/**
- * A convenience component that fully encapsulates a menu by constructing a `<MenuShell>` and its contents.
- * All of the props are passed to MenuShell.
- *
- * @param {string} [className] - Custom body class for the menu contents. These classes will be set on the `<body>` tag for the Menu's drop down window.
- * @param {array} [closeHotkey] - An optional key-chord (e.g. ["ctrl","H"]) which will close the menu. Use this for instance when you want the same key-chord to toggle a menu open and closed. Note that the escape key will always close the menu.
- * @param {number} [height] - Custom height for the menu. If not set then the height will be automatically calculated based on the content height and available monitor space.
- * @param {string} [id] - Unique ID for the menu. Defaults to a random string.
- * @param {number} [maxHeight=Infinity] - Maximum height of the menu.
- * @param {number} [minHeight] - Minimum height of the menu
- * @param {array} [openHotkey] - A hotkey combination to open the menu.
- * @param {number} [width=180] - Custom width for the menu.
- * @param {title} [string] - Name that appears in the menu's `<MenuToggle>` button.
- *
- */
-export const Menu = (props) => {
-    const { children, title } = props;
-    return (React.createElement(MenuShell, Object.assign({}, props),
-        React.createElement(MenuToggle, null, title),
-        React.createElement(MenuContent, null, children)));
-};
+import * as React from "react";
+import { MenuShell } from "./MenuShell";
+import { MenuToggle } from "./MenuToggle";
+import { MenuContent } from "./MenuContent";
+/**
+ * A convenience component that fully encapsulates a menu by constructing a `<MenuShell>` and its contents.
+ * All of the props are passed to MenuShell.
+ *
+ * @param {string} [className] - Custom body class for the menu contents. These classes will be set on the `<body>` tag for the Menu's drop down window.
+ * @param {array} [closeHotkey] - An optional key-chord (e.g. ["ctrl","H"]) which will close the menu. Use this for instance when you want the same key-chord to toggle a menu open and closed. Note that the escape key will always close the menu.
+ * @param {number} [height] - Custom height for the menu. If not set then the height will be automatically calculated based on the content height and available monitor space.
+ * @param {string} [id] - Unique ID for the menu. Defaults to a random string.
+ * @param {number} [maxHeight=Infinity] - Maximum height of the menu.
+ * @param {number} [minHeight] - Minimum height of the menu
+ * @param {array} [openHotkey] - A hotkey combination to open the menu.
+ * @param {number} [width=180] - Custom width for the menu.
+ * @param {title} [string] - Name that appears in the menu's `<MenuToggle>` button.
+ *
+ */
+export const Menu = (props) => {
+    const { children, title } = props;
+    return (React.createElement(MenuShell, { ...props },
+        React.createElement(MenuToggle, null, title),
+        React.createElement(MenuContent, null, children)));
+};
 //# sourceMappingURL=Menu.js.map

package/react/components/menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../../src/ui/components/menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAe5C;;;;;;;;;;;;;;GAcG;AAEH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IACxC,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAElC,OAAO,CACN,oBAAC,SAAS,oBAAK,KAAK;QACnB,oBAAC,UAAU,QAAE,KAAK,CAAc;QAChC,oBAAC,WAAW,QAAE,QAAQ,CAAe,CAC1B,CACZ,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../../src/ui/components/menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAe5C;;;;;;;;;;;;;;GAcG;AAEH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IACxC,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAElC,OAAO,CACN,oBAAC,SAAS,OAAK,KAAK;QACnB,oBAAC,UAAU,QAAE,KAAK,CAAc;QAChC,oBAAC,WAAW,QAAE,QAAQ,CAAe,CAC1B,CACZ,CAAC;AACH,CAAC,CAAC"}

package/react/components/menu/MenuAutoResizer.d.ts

@@ -1,19 +1,20 @@
-/**
- * To make sure that MenuPortal.tsx remain small
- * I have isolated the auto resize logic in this class.
- */
-export declare class MenuAutoResizer {
-    private width;
-    private maxHeight;
-    private childWindow;
-    private menuId;
-    private observer;
-    private minHeight;
-    constructor(childWindow: Window, menuId: string, width: number, maxHeight?: number, minHeight?: number);
-    disconnect(): void;
-    /**
-     * Callback for MutationObserver
-     */
-    private updateWindowDimensions;
-}
+/**
+ * To make sure that MenuPortal.tsx remain small
+ * I have isolated the auto resize logic in this class.
+ */
+export declare class MenuAutoResizer {
+    private width;
+    private maxHeight;
+    private childWindow;
+    private menuId;
+    private observer;
+    private minHeight;
+    constructor(childWindow: Window, menuId: string, width: number, maxHeight?: number, minHeight?: number);
+    disconnect(): void;
+    /**
+     * Callback for MutationObserver
+     */
+    private updateWindowDimensions;
+    private updateWindowDimensionsIOCD;
+}
 //# sourceMappingURL=MenuAutoResizer.d.ts.map

package/react/components/menu/MenuAutoResizer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuAutoResizer.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/menu/MenuAutoResizer.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,qBAAa,eAAe;IAC3B,OAAO,CAAC,KAAK,CAAS;IAEtB,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAO,CAAC,WAAW,CAAS;IAE5B,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,QAAQ,CAAmB;IAEnC,OAAO,CAAC,SAAS,CAAS;gBAEd,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,GAAE,MAAiB,EAAE,SAAS,GAAE,MAAU;IA6BnH,UAAU;IAIV;;OAEG;YACW,sBAAsB;CAkCpC"}
+{"version":3,"file":"MenuAutoResizer.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/menu/MenuAutoResizer.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,qBAAa,eAAe;IAC3B,OAAO,CAAC,KAAK,CAAS;IAEtB,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAO,CAAC,WAAW,CAAS;IAE5B,OAAO,CAAC,MAAM,CAAS;IAEvB,OAAO,CAAC,QAAQ,CAAmB;IAEnC,OAAO,CAAC,SAAS,CAAS;gBAEd,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,GAAE,MAAiB,EAAE,SAAS,GAAE,MAAU;IA6BnH,UAAU;IAIV;;OAEG;YACW,sBAAsB;YAuCtB,0BAA0B;CA2DxC"}

package/react/components/menu/MenuAutoResizer.js

@@ -1,68 +1,126 @@
-import { calculateDimensions } from "./menuHelpers";
-import { FEAGlobals } from "../../../common/Globals";
-/**
- * To make sure that MenuPortal.tsx remain small
- * I have isolated the auto resize logic in this class.
- */
-export class MenuAutoResizer {
-    constructor(childWindow, menuId, width, maxHeight = Infinity, minHeight = 0) {
-        this.width = width;
-        this.maxHeight = maxHeight;
-        this.minHeight = minHeight;
-        this.childWindow = childWindow;
-        this.menuId = menuId;
-        this.updateWindowDimensions = this.updateWindowDimensions.bind(this);
-        /* The external window does not have a URL and so its origin
-        will not match the toolbar's origin, in that case
-        we won't have onload, DOMContentLoaded or any other events.
-        That makes it hard to know when the content are loaded, we cant
-        even inject custom JS as it will be already late.
-        The only way to know about a DOM change was MutationObserver!
-        */
-        this.observer = new MutationObserver(this.updateWindowDimensions);
-        /* Now we watch for any DOM changes in the childWindow
-        Knowing the height of the window contents is crucial for
-        making decision about its position (below/above the toolbar).
-        */
-        this.observer.observe(this.childWindow.document, {
-            childList: true,
-            characterData: false,
-            subtree: true,
-        });
-        // Initialize the window to the correct height
-        setTimeout(this.updateWindowDimensions, 0);
-    }
-    disconnect() {
-        this.observer.disconnect();
-    }
-    /**
-     * Callback for MutationObserver
-     */
-    async updateWindowDimensions() {
-        // If the original menu button has been removed then bypass updating the window dimensions.
-        // Probably the menu itself is in the process of being removed but the mutation observer has
-        // not yet disconnected
-        if (!document.querySelector(`#${this.menuId}-menu-toggle`)) {
-            return;
-        }
-        const { left, top, height } = await calculateDimensions(this.childWindow, this.menuId, 0, this.maxHeight, this.minHeight);
-        const params = {
-            monitor: "mine",
-            position: "absolute",
-            left: left,
-            top: top,
-            width: this.width,
-            height: height,
-            setBoundsOnly: true,
-            forceOntoMonitor: "monitorRect",
-        };
-        /**
-         * See comment in MenuPortal.tsx on why we use showWindow() here instead of childWindow.moveTo()
-         */
-        //this.childWindow.moveTo(left, top);
-        //this.childWindow.resizeTo(this.width, height);
-        FEAGlobals.FSBL.Clients.LauncherClient.showWindow({ windowName: this.childWindow.window.name }, params);
-        this.childWindow.document.body.setAttribute("resizing", "false");
-    }
-}
+import { calculateDimensions } from "./menuHelpers";
+import { FEAGlobals } from "../../../common/Globals";
+/**
+ * To make sure that MenuPortal.tsx remain small
+ * I have isolated the auto resize logic in this class.
+ */
+export class MenuAutoResizer {
+    constructor(childWindow, menuId, width, maxHeight = Infinity, minHeight = 0) {
+        this.width = width;
+        this.maxHeight = maxHeight;
+        this.minHeight = minHeight;
+        this.childWindow = childWindow;
+        this.menuId = menuId;
+        this.updateWindowDimensions = this.updateWindowDimensions.bind(this);
+        /* The external window does not have a URL and so its origin
+        will not match the toolbar's origin, in that case
+        we won't have onload, DOMContentLoaded or any other events.
+        That makes it hard to know when the content are loaded, we cant
+        even inject custom JS as it will be already late.
+        The only way to know about a DOM change was MutationObserver!
+        */
+        this.observer = new MutationObserver(this.updateWindowDimensions);
+        /* Now we watch for any DOM changes in the childWindow
+        Knowing the height of the window contents is crucial for
+        making decision about its position (below/above the toolbar).
+        */
+        this.observer.observe(this.childWindow.document, {
+            childList: true,
+            characterData: false,
+            subtree: true,
+        });
+        // Initialize the window to the correct height
+        setTimeout(this.updateWindowDimensions, 0);
+    }
+    disconnect() {
+        this.observer.disconnect();
+    }
+    /**
+     * Callback for MutationObserver
+     */
+    async updateWindowDimensions() {
+        if (window.glue42gd) {
+            return this.updateWindowDimensionsIOCD();
+        }
+        // If the original menu button has been removed then bypass updating the window dimensions.
+        // Probably the menu itself is in the process of being removed but the mutation observer has
+        // not yet disconnected
+        if (!document.querySelector(`#${this.menuId}-menu-toggle`)) {
+            return;
+        }
+        const { left, top, height } = await calculateDimensions(this.childWindow, this.menuId, 0, this.maxHeight, this.minHeight);
+        const params = {
+            monitor: "mine",
+            position: "absolute",
+            left: left,
+            top: top,
+            width: this.width,
+            height: height,
+            setBoundsOnly: true,
+            forceOntoMonitor: "monitorRect",
+        };
+        /**
+         * See comment in MenuPortal.tsx on why we use showWindow() here instead of childWindow.moveTo()
+         */
+        //this.childWindow.moveTo(left, top);
+        //this.childWindow.resizeTo(this.width, height);
+        FEAGlobals.FSBL.Clients.LauncherClient.showWindow({ windowName: this.childWindow.window.name }, params);
+        this.childWindow.document.body.setAttribute("resizing", "false");
+    }
+    async updateWindowDimensionsIOCD() {
+        var _a, _b, _c;
+        const { name } = this.childWindow;
+        const iop = window.iop;
+        const me = iop.windows.my();
+        const menu = iop.windows.find(name);
+        const { width = 200 } = await menu.getBounds();
+        const selector = `#${this.menuId}-menu-toggle`;
+        const menuToggle = document.querySelector(selector);
+        if (!menuToggle) {
+            console.error(`showHideResizeWindowIOCD() can't find selector "${selector}"`);
+            return;
+        }
+        const displays = await iop.displays.all();
+        const primaryDisplay = displays.find((d) => d.isPrimary);
+        const targetBounds = menuToggle.getBoundingClientRect();
+        const myDisplay = await me.getDisplay();
+        const displayBounds = myDisplay.workArea;
+        const toolbarBounds = await me.getBounds();
+        const menuBounds = await menu.getBounds();
+        const scalingFactor = ((_a = myDisplay === null || myDisplay === void 0 ? void 0 : myDisplay.scaleFactor) !== null && _a !== void 0 ? _a : 1) / ((_b = primaryDisplay === null || primaryDisplay === void 0 ? void 0 : primaryDisplay.scaleFactor) !== null && _b !== void 0 ? _b : 1);
+        const spaceAboveToolbar = toolbarBounds.top * scalingFactor - displayBounds.top * scalingFactor;
+        const spaceBelowToolbar = displayBounds.height +
+            displayBounds.top * scalingFactor -
+            toolbarBounds.top * scalingFactor -
+            toolbarBounds.height;
+        const contentHeight = this.childWindow.document.documentElement.offsetHeight;
+        const CHROMIUM_MIN_HEIGHT = (_c = this.minHeight) !== null && _c !== void 0 ? _c : 0;
+        const minimumContentHeight = Math.max(contentHeight, CHROMIUM_MIN_HEIGHT);
+        let height = Math.min(minimumContentHeight, this.maxHeight);
+        // Unlike the code in MenuPortal, the autosizer never changes the location of the menu, just the height
+        const targetLocation = menuBounds.top < toolbarBounds.top ? "top" : "bottom";
+        if (targetLocation === "bottom" && height > spaceBelowToolbar) {
+            height = spaceBelowToolbar;
+        }
+        if (targetLocation === "top" && height > spaceAboveToolbar) {
+            height = spaceAboveToolbar;
+        }
+        // This can be moved up to the top of the function after the iocd windowing API is made asynchronous
+        // Until then, this isVisible may not be updated in time
+        if (!menu.isVisible) {
+            this.childWindow.document.body.setAttribute("resizing", "false");
+            return;
+        }
+        me.showPopup({
+            size: {
+                height,
+                width,
+            },
+            targetBounds,
+            targetLocation,
+            windowId: menu.id,
+        });
+        this.childWindow.document.body.setAttribute("resizing", "false");
+    }
+}
 //# sourceMappingURL=MenuAutoResizer.js.map

package/react/components/menu/MenuAutoResizer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuAutoResizer.js","sourceRoot":"","sources":["../../../../../src/ui/components/menu/MenuAutoResizer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD;;;GAGG;AACH,MAAM,OAAO,eAAe;IAa3B,YAAY,WAAmB,EAAE,MAAc,EAAE,KAAa,EAAE,YAAoB,QAAQ,EAAE,YAAoB,CAAC;QAClH,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAC3B,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrE;;;;;;UAME;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;QAClE;;;UAGE;QACF,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,EAAE;YAChD,SAAS,EAAE,IAAI;YACf,aAAa,EAAE,KAAK;YACpB,OAAO,EAAE,IAAI;SACb,CAAC,CAAC;QAEH,8CAA8C;QAC9C,UAAU,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC,CAAC,CAAC;IAC5C,CAAC;IAED,UAAU;QACT,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IAC5B,CAAC;IAED;;OAEG;IACK,KAAK,CAAC,sBAAsB;QACnC,2FAA2F;QAC3F,4FAA4F;QAC5F,uBAAuB;QACvB,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,MAAM,cAAc,CAAC,EAAE;YAC3D,OAAO;SACP;QACD,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,MAAM,mBAAmB,CACtD,IAAI,CAAC,WAAW,EAChB,IAAI,CAAC,MAAM,EACX,CAAC,EACD,IAAI,CAAC,SAAS,EACd,IAAI,CAAC,SAAS,CACd,CAAC;QAEF,MAAM,MAAM,GAAgB;YAC3B,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,IAAI;YACV,GAAG,EAAE,GAAG;YACR,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,MAAM;YACd,aAAa,EAAE,IAAI;YACnB,gBAAgB,EAAE,aAAa;SAC/B,CAAC;QAEF;;WAEG;QACH,qCAAqC;QACrC,gDAAgD;QAChD,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,MAAM,CAAC,CAAC;QACxG,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClE,CAAC;CACD"}
+{"version":3,"file":"MenuAutoResizer.js","sourceRoot":"","sources":["../../../../../src/ui/components/menu/MenuAutoResizer.ts"],"names":[],"mappings":"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"}

package/react/components/menu/MenuContent.d.ts

@@ -1,12 +1,12 @@
-import * as React from "react";
-declare type MenuContentType = {
-    style?: React.CSSProperties;
-    children?: React.ReactNode;
-};
-/**
- * Holds all the menu contents
- * @param {string} style - The custom CSS style for the menu. This is necessary because the DOM's style will be lost when this is sent through a React portal.
- */
-export declare const MenuContent: ({ children, style }: MenuContentType) => JSX.Element;
-export {};
+import * as React from "react";
+type MenuContentType = {
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+};
+/**
+ * Holds all the menu contents
+ * @param {string} style - The custom CSS style for the menu. This is necessary because the DOM's style will be lost when this is sent through a React portal.
+ */
+export declare const MenuContent: ({ children, style }: MenuContentType) => React.JSX.Element;
+export {};
 //# sourceMappingURL=MenuContent.d.ts.map

package/react/components/menu/MenuContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuContent.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/menu/MenuContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,aAAK,eAAe,GAAG;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AACF;;;GAGG;AACH,eAAO,MAAM,WAAW,wBAAyB,eAAe,gBAW/D,CAAC"}
+{"version":3,"file":"MenuContent.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/menu/MenuContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,KAAK,eAAe,GAAG;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AACF;;;GAGG;AACH,eAAO,MAAM,WAAW,wBAAyB,eAAe,sBAW/D,CAAC"}

package/react/components/menu/MenuContent.js

@@ -1,15 +1,15 @@
-import * as React from "react";
-import { MenuContext } from "./menuContext";
-import { MenuPortal } from "./MenuPortal";
-import { useMenu } from "../../hooks/useMenu";
-/**
- * Holds all the menu contents
- * @param {string} style - The custom CSS style for the menu. This is necessary because the DOM's style will be lost when this is sent through a React portal.
- */
-export const MenuContent = ({ children, style }) => {
-    const { thisMenuId } = React.useContext(MenuContext);
-    const { isMenuActive } = useMenu();
-    return (React.createElement(MenuPortal, { show: isMenuActive() },
-        React.createElement("div", { id: thisMenuId, className: "menu menu-primary", style: style }, children)));
-};
+import * as React from "react";
+import { MenuContext } from "./menuContext";
+import { MenuPortal } from "./MenuPortal";
+import { useMenu } from "../../hooks/useMenu";
+/**
+ * Holds all the menu contents
+ * @param {string} style - The custom CSS style for the menu. This is necessary because the DOM's style will be lost when this is sent through a React portal.
+ */
+export const MenuContent = ({ children, style }) => {
+    const { thisMenuId } = React.useContext(MenuContext);
+    const { isMenuActive } = useMenu();
+    return (React.createElement(MenuPortal, { show: isMenuActive() },
+        React.createElement("div", { id: thisMenuId, className: "menu menu-primary", style: style }, children)));
+};
 //# sourceMappingURL=MenuContent.js.map

package/react/components/menu/MenuHotKey.d.ts

@@ -1,21 +1,21 @@
-declare type MenuHotKeyType = {
-    open?: string[];
-    close?: string[];
-};
-/**
- * A component that registers a custom hotkeys pattern for opening and closing the menu.
- * This component is used privately by <MenuShell>
- *
- * Note that a design decision was made to keep registry of "close" hotkeys simple.
- * We *could* have written extra logic so that the close hotkey is only registered
- * when the window is open but that seems unnecessary. Instead, every menu is always
- * registered with its hotkey. The net effect is that every menu will dispatch a CLOSE_MENU
- * action when "escape" is called. This creates a lot of dispatches but results in no operations
- * since all the other menus will already be closed. This was preferable over the potential
- * complication of logic that registers/unregisters a close hotkey with every menu open/close.
- * @param {string[]} [open] - An array of key names for opening the menu.
- * @param {string[]} [close] - An optional key-chord (e.g. ["ctrl","H"]) which will close the menu. Use this for instance when you want the same key-chord to toggle a menu open and closed. Note that the escape key will always close the menu.
- */
-export declare const MenuHotKey: ({ open, close }: MenuHotKeyType) => null;
-export {};
+type MenuHotKeyType = {
+    open?: string[];
+    close?: string[];
+};
+/**
+ * A component that registers a custom hotkeys pattern for opening and closing the menu.
+ * This component is used privately by <MenuShell>
+ *
+ * Note that a design decision was made to keep registry of "close" hotkeys simple.
+ * We *could* have written extra logic so that the close hotkey is only registered
+ * when the window is open but that seems unnecessary. Instead, every menu is always
+ * registered with its hotkey. The net effect is that every menu will dispatch a CLOSE_MENU
+ * action when "escape" is called. This creates a lot of dispatches but results in no operations
+ * since all the other menus will already be closed. This was preferable over the potential
+ * complication of logic that registers/unregisters a close hotkey with every menu open/close.
+ * @param {string[]} [open] - An array of key names for opening the menu.
+ * @param {string[]} [close] - An optional key-chord (e.g. ["ctrl","H"]) which will close the menu. Use this for instance when you want the same key-chord to toggle a menu open and closed. Note that the escape key will always close the menu.
+ */
+export declare const MenuHotKey: ({ open, close }: MenuHotKeyType) => null;
+export {};
 //# sourceMappingURL=MenuHotKey.d.ts.map

package/react/components/menu/MenuHotKey.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuHotKey.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/menu/MenuHotKey.tsx"],"names":[],"mappings":"AAMA,aAAK,cAAc,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CACjB,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,oBAAqB,cAAc,SA+BzD,CAAC"}
+{"version":3,"file":"MenuHotKey.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/menu/MenuHotKey.tsx"],"names":[],"mappings":"AAMA,KAAK,cAAc,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CACjB,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,oBAAqB,cAAc,SA+BzD,CAAC"}