npm - @finsemble/finsemble-ui - Versions diffs - 1.0.0-beta-6 → 1.0.0-beta-9 - Mend

@finsemble/finsemble-ui 1.0.0-beta-6 → 1.0.0-beta-9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1901) hide show

package/react/components/menu/MenuPortal.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import * as React from "react";
+export declare const MenuPortal: React.FunctionComponent<{
+    show: boolean;
+}>;
+//# sourceMappingURL=MenuPortal.d.ts.map

package/react/components/menu/MenuPortal.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"MenuPortal.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/menu/MenuPortal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8R/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAChD,IAAI,EAAE,OAAO,CAAC;CACd,CA+BA,CAAC"}

package/react/components/menu/MenuPortal.js ADDED Viewed

@@ -0,0 +1,244 @@
+import * as ReactDOM from "react-dom";
+import { MenuContext } from "./menuContext";
+import { calculateDimensions, injectCSS } from "./menuHelpers";
+import { applyMenuKeyboardNavigation } from "./keyboardNavigation";
+import { MenuAutoResizer } from "./MenuAutoResizer";
+import { useState, useEffect, useContext } from "react";
+import { useMenu } from "../../hooks/useMenu";
+import { FEAGlobals } from "../../../common/Globals";
+/**
+ * Proxy/fake events are needed because when `document.addEventListener` is used inside a component
+ * that is rendered inside react portal, `document` will refer to the toolbar's document instead
+ * of the childWindow's document. Clicking inside a portal will not therefore capture those events.
+ *
+ * This code intercepts these events inside the portal and then forwards them to the parent (toolbar).
+ */
+const setupEventForwarding = (newWindow) => {
+    ["mouseDown", "click", "mouseUp"].forEach((eventName) => {
+        newWindow.document.addEventListener(eventName, (event) => {
+            document.dispatchEvent(new CustomEvent(`portal:${eventName}`, {
+                detail: {
+                    // Devs may need access to the x and y of the cursor
+                    mouseEvent: new MouseEvent(eventName, event),
+                    // And possibly the target element
+                    target: event.target,
+                },
+            }));
+        });
+    });
+    /**
+     * Proxies keyboard events from the portal up into the parent window.
+     * instead of e.key, you'll need to access e.detail.key.
+     */
+    ["keyup", "keydown", "keypress"].forEach((eventName) => {
+        newWindow === null || newWindow === void 0 ? void 0 : newWindow.document.addEventListener(eventName, (event) => {
+            document.dispatchEvent(new CustomEvent(`portal:${eventName}`, {
+                detail: new KeyboardEvent(event.type, event),
+            }));
+        });
+    });
+};
+/**
+ * The window (opened by window.open) is an empty html document.
+ * This function creates a containerDiv for the parent to insert its
+ * React DOM. That containerDiv is set through the `setElement()` method
+ * which must be passed in.
+ *
+ * This function also does portal housekeeping such as transferring CSS and window
+ * events.
+ */
+const insertWindowContent = ({ newWindow, isAutoResizable, className, setElement, menuHeight, }) => {
+    // Set the child window's <html> tag to class "menu-portal" for scrollbar styling
+    newWindow.document.documentElement.className = "menu-portal";
+    if (isAutoResizable)
+        newWindow.document.body.setAttribute("resizing", "true");
+    // Create the element which will hold our react elements and then append it into the child window's body.
+    const containerDiv = document.createElement("div");
+    newWindow.document.body.appendChild(containerDiv);
+    // The className that was passed to MenuShell is added to the child window's <body>
+    className === null || className === void 0 ? void 0 : className.split(" ").forEach((name) => newWindow.document.body.classList.add(name));
+    // This will update local state which will cause the parent React Functional Component
+    // to return a react portal. See comments at the end of this file.
+    setElement(containerDiv);
+    // Inject css into the child window's <head>
+    injectCSS(newWindow);
+    // THE FOLLOWING IS LIKELY DEPRECATED BUT KEEPING JUST IN CASE
+    // Place height on the portal.
+    // inside of the portal, window.outerHeight === 39 (toolbar height).
+    // Knowing the height of the window is important because some menus use that
+    // information to force overflow on certain sections of the menu.
+    newWindow.portalHeight = menuHeight;
+};
+/**
+ * React hook to create a drop down menu. This hook creates a new window using window.open
+ * and assigns it as the childWindow to the MenuPortal. It then uses insertWindowContent()
+ * to establish the React/DOM connection with the parent (e.g. Toolbar).
+ */
+const useCreateDropdown = ({ setElement, childWindow, setChildWindow, }) => {
+    const { thisMenuId, menuWidth, menuHeight, className, maxHeight, minHeight } = useContext(MenuContext);
+    const { blurMenu } = useMenu();
+    const isAutoResizable = !menuHeight;
+    /**
+     * Initialize the window. This should only run once though it is possible
+     * to run multiple times if MenuContext changes.
+     */
+    useEffect(() => {
+        let menuAutoResizer = null;
+        /**
+         * Initial size and location of the menu is irrelevant because it is hidden.
+         * The menu will be resized and positioned correctly when it is shown.
+         */
+        const features = `height=1,width=${menuWidth},left=0,top=0,opacity=1`;
+        /**
+         * Opens the window which will contain the menu contents. This looks like a browser window open
+         * but actually opens an Electron window which FEA intercepts. FEA uses the `childWindowOptions`
+         * json configuration to determine how to display the window. `childWindowOptions.show` should
+         * be set to `false` otherwise a white window will flash prior to the menu being rendered.
+         *
+         *
+         * The "/component/toolbar/menu.html" is just an empty page. It's necessary to reference a real page
+         * rather than about:blank in order that the "origin" is correct for the page. Many CSS ui-assets such
+         * as fonts and images are set with relative paths that require a correct origin.
+         *
+         * Note, we append the menu ID for automated testing. This allows Selenium to
+         * uniquely identify each menu.
+         */
+        const newWindow = window.open(`./menu.html#${thisMenuId}`, `(Menu) ${thisMenuId}`, features);
+        setChildWindow(newWindow);
+        if (newWindow) {
+            const onLoad = () => {
+                insertWindowContent({ newWindow, isAutoResizable, className, setElement, menuHeight });
+                setupEventForwarding(newWindow);
+                /* Close window when a user clicks away.
+                    Are you wondering why not just close the window without calling
+                    toggle? because we want to update the state in the store first
+                    which will cause openMenuId to no longer match the shell id
+                    and eventually destroy this component which will cause the window
+                    to close (see cleanup function).
+                */
+                newWindow.addEventListener("blur", blurMenu);
+                newWindow.addEventListener("keydown", (e) => {
+                    if (e.key === "Escape") {
+                        blurMenu();
+                        FEAGlobals.finsembleWindow.focus();
+                    }
+                });
+                applyMenuKeyboardNavigation(newWindow);
+                // Attach MenuAutoResizer only if the menu doesn't have a fixed height
+                if (isAutoResizable)
+                    menuAutoResizer = new MenuAutoResizer(newWindow, thisMenuId, menuWidth, maxHeight, minHeight);
+            };
+            newWindow.addEventListener("load", onLoad, true);
+        }
+        else {
+            FEAGlobals.FSBL.Clients.Logger.system.error(`MenuPortal error: window.open returned null for "./menu.html#${thisMenuId}"`);
+        }
+        return () => {
+            // imesner 20210406 childwindow and keyboardNavigation were both null but hadn't closed the window or released global hotkeys
+            const win = childWindow || (menuAutoResizer === null || menuAutoResizer === void 0 ? void 0 : menuAutoResizer.childWindow);
+            menuAutoResizer === null || menuAutoResizer === void 0 ? void 0 : menuAutoResizer.disconnect();
+            win === null || win === void 0 ? void 0 : win.close();
+            setChildWindow(null);
+        };
+    }, [blurMenu, className, menuWidth, menuHeight, maxHeight, thisMenuId]);
+};
+/**
+ * Sets visibility, size and location of the window. This can be called numerous times
+ * during the lifetime of the MenuPortal.
+ */
+const showHideResizeWindow = async ({ childWindow, show, thisMenuId, menuHeight, maxHeight, minHeight, }) => {
+    const finWindow = childWindow.fin.desktop.Window.getCurrent();
+    if (show) {
+        const { left, top, height } = await calculateDimensions(childWindow, thisMenuId, menuHeight, maxHeight, minHeight);
+        const params = {
+            position: "absolute",
+            left: left,
+            top: top,
+            height: height,
+            forceOntoMonitor: "monitorRect",
+        };
+        const { name } = childWindow;
+        /**
+         * Use Finsemble to show the window. We might be tempted simply to use childWindow.moveTo() or childWindow.resizeTo()
+         * but those commands limit the child window to a single monitor. We want to position the window relative to the
+         * monitor on which the toolbar currently resides. showWindow() is monitor aware, so by using monitor="mine" we can
+         * ensure that the menu will always open on the same monitor as the toolbar. Since our toolbar has built in logic
+         * to avoid straddling, we can be sure that the menu will never have to guess whether it exists on the left or right
+         * side of the toolbar. Finally, showWindow() forces windows to open entirely on a monitor, so it will slide the
+         * menu to the left or right as necessary to prevent it from straddling.
+         */
+        await FEAGlobals.FSBL.Clients.LauncherClient.showWindow({ windowName: name }, params);
+        // Ensures that the menu has keyboard focus for accessibility
+        finWindow.focus();
+        // Ensures that the menu is positioned above any other windows that have setAlwaysOnTop flagged
+        FEAGlobals.FSBL.FinsembleWindow.getInstance({ name: name }, (e, fsblWindow) => {
+            fsblWindow.setAlwaysOnTop({ alwaysOnTop: true });
+        });
+    }
+    else {
+        const { name } = childWindow;
+        FEAGlobals.FSBL.FinsembleWindow.getInstance({ name: name }, (e, fsblWindow) => {
+            fsblWindow.setAlwaysOnTop({ alwaysOnTop: false });
+        });
+        finWindow.hide();
+    }
+};
+/**
+ * Closes the menu portal if the menu button is removed from the toolbar
+ *
+ * @param {Node} element - HTML element to observe
+ *
+ */
+const closePortal = (element) => {
+    const { closeMenu } = useMenu();
+    const options = {
+        childList: true,
+        subtree: true,
+    };
+    /**
+     * MutationObserver interface provides the ability to watch for
+     * changes to the DOM tree using the observe method
+     */
+    const mutationObserver = new MutationObserver((mutations) => {
+        mutations.forEach((mutation) => {
+            var _a, _b;
+            if (((_a = mutation.removedNodes) === null || _a === void 0 ? void 0 : _a.length) &&
+                // prevents menu closing if the favorite apps have been changed
+                ((_b = mutation.target) === null || _b === void 0 ? void 0 : _b.id) !== "favoritesContainer") {
+                closeMenu();
+            }
+            // stops the MutationObserver from receiving notification from observer
+            mutationObserver.disconnect();
+        });
+    });
+    // watches for DOM changes
+    mutationObserver.observe(element, options);
+};
+export const MenuPortal = ({ show, children }) => {
+    const { thisMenuId, menuHeight, maxHeight, minHeight } = useContext(MenuContext);
+    // Container div for React portal
+    const [element, setElement] = useState();
+    const [childWindow, setChildWindow] = useState(null);
+    /**
+     * Show and hide window. This effect will run whenever the `show` prop changes,
+     * generally initiated by a click to <MenuToggle>.
+     */
+    useEffect(() => {
+        // If child window isn't yet initialized then no-op
+        if (!childWindow)
+            return;
+        showHideResizeWindow({ childWindow, show, thisMenuId, menuHeight, maxHeight, minHeight });
+        return () => { };
+    }, [show]);
+    // Create the dropdown. (if MenuContext changes then the dropdown will be removed and recreated).
+    useCreateDropdown({ childWindow, setElement, setChildWindow });
+    const toolbar = document.getElementById("Toolbar-tsx");
+    if (toolbar)
+        closePortal(toolbar);
+    // We should only return a react portal when window is ready
+    // and container div appended to its body
+    // See Dan abramov comment about this at:
+    // https://github.com/facebook/react/issues/12355#issuecomment-410996235
+    return element ? ReactDOM.createPortal(children, element) : null;
+};
+//# sourceMappingURL=MenuPortal.js.map

package/react/components/menu/MenuPortal.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MenuPortal.js","sourceRoot":"","sources":["../../../../../src/ui/components/menu/MenuPortal.tsx"],"names":[],"mappings":"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"}

package/react/components/menu/MenuShell.d.ts ADDED Viewed

@@ -0,0 +1,31 @@
+import * as React from "react";
+import "../../assets/css/menus.css";
+declare type ShellProps = {
+    className?: string;
+    closeHotkey?: Array<string>;
+    height?: number;
+    id?: string;
+    maxHeight?: number;
+    minHeight?: number;
+    openHotkey?: Array<string>;
+    width?: number;
+};
+/**
+ * The higher level menu component that manages the menu state, renders different parts of the menu, and facilitates
+ * communication between them.
+ *
+ * If window.FSBL.debug==true then windows won't automatically close on blur. This is useful for debugging events that occur in the windows.
+ *
+ * @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.
+ *
+ */
+export declare const MenuShell: React.FunctionComponent<ShellProps>;
+export {};
+//# sourceMappingURL=MenuShell.d.ts.map

package/react/components/menu/MenuShell.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MenuShell.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/menu/MenuShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,4BAA4B,CAAC;AAMpC,aAAK,UAAU,GAAG;IACjB,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;CACf,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AAEH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAsCzD,CAAC"}

package/react/components/menu/MenuShell.js ADDED Viewed

@@ -0,0 +1,48 @@
+import * as React from "react";
+import { MenuContext } from "./menuContext";
+import "../../assets/css/menus.css";
+import { useMemo } from "react";
+import { MenuHotKey } from "./MenuHotKey";
+const MENU_WIDTH = 180;
+/**
+ * The higher level menu component that manages the menu state, renders different parts of the menu, and facilitates
+ * communication between them.
+ *
+ * If window.FSBL.debug==true then windows won't automatically close on blur. This is useful for debugging events that occur in the windows.
+ *
+ * @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.
+ *
+ */
+export const MenuShell = ({ children, id, width = MENU_WIDTH, height, className, maxHeight = Infinity, minHeight = 0, openHotkey, closeHotkey, }) => {
+    /**
+     * Every menu has its own context which contains information that child components need to use.
+     * Here, we initialize that context. We do this with useMemo() for efficiency. Without useMemo,
+     * our context value *object* would be recreated with every render cycle, and would thus trigger
+     * every object that depended on context to re-render. Instead, useMenu creates a stable object
+     * that only updates when one of *its* dependencies updates. So in essence, so long as MenuShell's
+     * props are stable, context and all child props will also be stable.
+     *
+     * If id is passed in as a prop then we'll use that to initialize thisMenuId. Otherwise we'll set it to a random string.
+     */
+    const contextValue = useMemo(() => {
+        return {
+            thisMenuId: id || `MENU_${((Math.random() * 0xffffff) << 0).toString(16)}`,
+            className: className,
+            maxHeight: maxHeight,
+            minHeight: minHeight,
+            menuWidth: width,
+            menuHeight: height,
+        };
+    }, [id, className, maxHeight, minHeight, width, height]);
+    return (React.createElement(MenuContext.Provider, { value: contextValue },
+        React.createElement(MenuHotKey, { open: openHotkey, close: closeHotkey }),
+        children));
+};
+//# sourceMappingURL=MenuShell.js.map

package/react/components/menu/MenuShell.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MenuShell.js","sourceRoot":"","sources":["../../../../../src/ui/components/menu/MenuShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,4BAA4B,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,UAAU,GAAW,GAAG,CAAC;AAa/B;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,CAAC,MAAM,SAAS,GAAwC,CAAC,EAC9D,QAAQ,EACR,EAAE,EACF,KAAK,GAAG,UAAU,EAClB,MAAM,EACN,SAAS,EACT,SAAS,GAAG,QAAQ,EACpB,SAAS,GAAG,CAAC,EACb,UAAU,EACV,WAAW,GACX,EAAE,EAAE;IACJ;;;;;;;;;OASG;IACH,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO;YACN,UAAU,EAAE,EAAE,IAAI,QAAQ,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE;YAC1E,SAAS,EAAE,SAAS;YACpB,SAAS,EAAE,SAAS;YACpB,SAAS,EAAE,SAAS;YACpB,SAAS,EAAE,KAAK;YAChB,UAAU,EAAE,MAAM;SAClB,CAAC;IACH,CAAC,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAEzD,OAAO,CACN,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY;QACxC,oBAAC,UAAU,IAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,GAAI;QACnD,QAAQ,CACa,CACvB,CAAC;AACH,CAAC,CAAC"}

package/react/components/menu/MenuToggle.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import * as React from "react";
+/**
+ * A menu button that opens and closes the menu.
+ */
+export declare const MenuToggle: React.FunctionComponent;
+//# sourceMappingURL=MenuToggle.d.ts.map

package/react/components/menu/MenuToggle.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"MenuToggle.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/menu/MenuToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAyB9B,CAAC"}

package/react/components/menu/MenuToggle.js ADDED Viewed

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { MenuContext } from "./menuContext";
+import { useMenu } from "../../hooks/useMenu";
+/**
+ * A menu button that opens and closes the menu.
+ */
+export const MenuToggle = ({ children }) => {
+    const { toggleMenu, isMenuActive } = useMenu();
+    const { thisMenuId } = React.useContext(MenuContext);
+    const menuActiveClass = isMenuActive() ? "menu-active" : "";
+    return (React.createElement("div", { id: `${thisMenuId}-menu-toggle`, className: `finsemble-toolbar-button ${menuActiveClass}`, onMouseDown: toggleMenu, role: "button", tabIndex: 0, onKeyDown: (e) => {
+            if (["Enter", "Space"].includes(e.key)) {
+                toggleMenu();
+            }
+        }, "aria-expanded": "false", "aria-haspopup": "true" },
+        children,
+        React.createElement("i", { className: "finsemble-toolbar-button-icon ff-chevron-down", "aria-hidden": "true" })));
+};
+//# sourceMappingURL=MenuToggle.js.map

package/react/components/menu/MenuToggle.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MenuToggle.js","sourceRoot":"","sources":["../../../../../src/ui/components/menu/MenuToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAA4B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,OAAO,EAAE,CAAC;IAC/C,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAErD,MAAM,eAAe,GAAW,YAAY,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAEpE,OAAO,CACN,6BACC,EAAE,EAAE,GAAG,UAAU,cAAc,EAC/B,SAAS,EAAE,4BAA4B,eAAe,EAAE,EACxD,WAAW,EAAE,UAAU,EACvB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,CAAC,CAAsC,EAAE,EAAE;YACrD,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE;gBACvC,UAAU,EAAE,CAAC;aACb;QACF,CAAC,mBACa,OAAO,mBACP,MAAM;QAEnB,QAAQ;QACT,2BAAG,SAAS,EAAC,+CAA+C,iBAAa,MAAM,GAAK,CAC/E,CACN,CAAC;AACH,CAAC,CAAC"}

package/react/components/menu/index.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export { Menu } from "./Menu";
+export { MenuContent } from "./MenuContent";
+export { MenuItem } from "./MenuItem";
+export { MenuShell } from "./MenuShell";
+export { MenuToggle } from "./MenuToggle";
+//# sourceMappingURL=index.d.ts.map

package/react/components/menu/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/react/components/menu/index.js ADDED Viewed

@@ -0,0 +1,6 @@
+export { Menu } from "./Menu";
+export { MenuContent } from "./MenuContent";
+export { MenuItem } from "./MenuItem";
+export { MenuShell } from "./MenuShell";
+export { MenuToggle } from "./MenuToggle";
+//# sourceMappingURL=index.js.map

package/react/components/menu/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/react/components/menu/keyboardNavigation.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+/**
+ * Keyboard navigation allows the end user to navigate through menus using
+ * arrow keys and to select items using the enter key.
+ *
+ * When an element is selected then the keyboard navigation state is reset
+ * so that the user will begin again with the first item.
+ *
+ * @param childWin - Main window or child window reference.
+ * @param [className] - Selector of elements to apply navigation on.
+ * @example
+ * applyMenuKeyboardNavigation(window, ".menu-item");
+ */
+export declare const applyMenuKeyboardNavigation: (childWin: Window, className?: string) => void;
+//# sourceMappingURL=keyboardNavigation.d.ts.map

package/react/components/menu/keyboardNavigation.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"keyboardNavigation.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/menu/keyboardNavigation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,2BAA2B,aAAc,MAAM,cAAa,MAAM,SAiN9E,CAAC"}

package/react/components/menu/keyboardNavigation.js ADDED Viewed

@@ -0,0 +1,196 @@
+/**
+ * Keyboard navigation allows the end user to navigate through menus using
+ * arrow keys and to select items using the enter key.
+ *
+ * When an element is selected then the keyboard navigation state is reset
+ * so that the user will begin again with the first item.
+ *
+ * @param childWin - Main window or child window reference.
+ * @param [className] - Selector of elements to apply navigation on.
+ * @example
+ * applyMenuKeyboardNavigation(window, ".menu-item");
+ */
+export const applyMenuKeyboardNavigation = (childWin, className = ".menu-item") => {
+    let selectedItem = 0;
+    let selectedIcon = -1;
+    new window.MutationObserver(() => {
+        // Reset selectedIndex when elements added or removed
+        // from the DOM. The motivation behind this was an issue
+        // with Brad's search menu where the order of focus is
+        // messed up when his list of result changes.
+        selectedItem = 0;
+    }).observe(childWin.document.body, {
+        childList: true,
+        characterData: false,
+        subtree: true,
+    });
+    /**
+     * Returns list of elements
+     */
+    const getElements = () => childWin.document.querySelectorAll(className);
+    const getMenuItemIcons = (index) => {
+        const menuItems = getElements();
+        return menuItems[index].querySelectorAll(".menu-item-icon");
+    };
+    /**
+     * Sets the focus on a menu item
+     * @param index The index of the menu item in the list
+     */
+    const focusOn = (index) => {
+        const menuItems = getElements();
+        // Menu could have no items
+        if (!menuItems.length)
+            return;
+        // Focus on element and scroll if needed
+        menuItems[index].focus();
+    };
+    const focusOnFirst = () => {
+        selectedItem = 0;
+        selectedIcon = -1;
+        focusOn(0);
+    };
+    const focusOnLast = () => {
+        selectedIcon = -1;
+        const { length } = getElements();
+        if (length) {
+            selectedItem = length - 1;
+            focusOn(length - 1);
+        }
+    };
+    /**
+     * Sets the focus on a menu item's icon
+     * @param index The index of the menu item in the list
+     * @param iconIndex The index of the menu item's icon (-1 = menu text, not icon)
+     */
+    const focusOnIcon = (index, iconIndex) => {
+        const menuItems = getElements();
+        // Menu could have no items
+        if (!menuItems.length)
+            return;
+        const icons = getMenuItemIcons(index);
+        // Defend against possible js runtime error
+        if (icons.length <= iconIndex) {
+            return;
+        }
+        // Focus on menu item text, if relevant
+        if (iconIndex === -1) {
+            menuItems[index].focus();
+            return;
+        }
+        icons[iconIndex].focus();
+    };
+    /**
+     * Simulates mouse events
+     */
+    const clickOnItem = () => {
+        const elements = getElements();
+        const selectedItemElement = elements[selectedItem];
+        ["mousedown", "click", "mouseup"].forEach((event) => {
+            if (selectedIcon > -1) {
+                const icons = getMenuItemIcons(selectedItem);
+                const selectedIconElement = icons[selectedIcon];
+                if (selectedIconElement) {
+                    selectedIconElement.dispatchEvent(new MouseEvent(event, {
+                        view: childWin,
+                        bubbles: true,
+                        cancelable: true,
+                        buttons: 1,
+                    }));
+                    return;
+                }
+            }
+            if (selectedItemElement && selectedItemElement.dispatchEvent) {
+                selectedItemElement.dispatchEvent(new MouseEvent(event, {
+                    view: childWin,
+                    bubbles: true,
+                    cancelable: true,
+                    buttons: 1,
+                }));
+            }
+        });
+    };
+    /**
+     * Invoked when a user presses on the arrow up key
+     */
+    const onArrowUp = () => {
+        selectedIcon = -1;
+        // Set the focus on the previous item
+        selectedItem--;
+        if (selectedItem < 0) {
+            // If we are back to the begining
+            // set the focus on last item
+            focusOnLast();
+            return;
+        }
+        focusOn(selectedItem);
+    };
+    /**
+     * Invoked when user press the arrow down key
+     */
+    const onArrowDown = () => {
+        selectedIcon = -1;
+        // The the focus on the next item
+        selectedItem++;
+        // If we reached the end, then go back to first item
+        if (selectedItem === getElements().length) {
+            selectedItem = 0;
+        }
+        focusOn(selectedItem);
+    };
+    /**
+     * Invoked when user press the arrow right key
+     */
+    const onArrowRight = () => {
+        const menuItems = getElements();
+        // Menu could have no items
+        if (!menuItems.length)
+            return;
+        const icons = getMenuItemIcons(selectedItem);
+        if (icons.length === 0) {
+            return;
+        }
+        selectedIcon++;
+        if (selectedIcon === icons.length) {
+            selectedIcon = -1;
+        }
+        focusOnIcon(selectedItem, selectedIcon);
+    };
+    /**
+     * Invoked when user press the arrow left key
+     */
+    const onArrowLeft = () => {
+        const menuItems = getElements();
+        // Menu could have no items
+        if (!menuItems.length)
+            return;
+        const icons = getMenuItemIcons(selectedItem);
+        if (icons.length === 0) {
+            return;
+        }
+        selectedIcon--;
+        if (selectedIcon === icons.length) {
+            selectedIcon = -1;
+        }
+        focusOnIcon(selectedItem, selectedIcon);
+    };
+    const actionDictionary = {
+        ArrowDown: onArrowDown,
+        ArrowUp: onArrowUp,
+        ArrowLeft: onArrowLeft,
+        ArrowRight: onArrowRight,
+        Enter: clickOnItem,
+        Home: focusOnFirst,
+        End: focusOnLast,
+    };
+    childWin.addEventListener("keydown", (e) => {
+        var _a;
+        const { key } = e;
+        if (key in actionDictionary) {
+            (_a = actionDictionary[key]) === null || _a === void 0 ? void 0 : _a.call(actionDictionary);
+            e.preventDefault();
+        }
+    });
+    childWin.addEventListener("blur", focusOnFirst);
+    childWin.addEventListener("focus", focusOnFirst);
+};
+//# sourceMappingURL=keyboardNavigation.js.map

package/react/components/menu/keyboardNavigation.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"keyboardNavigation.js","sourceRoot":"","sources":["../../../../../src/ui/components/menu/keyboardNavigation.ts"],"names":[],"mappings":"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"}