@itwin/core-react 4.0.0-dev.12 → 4.0.0-dev.14

package/lib/esm/core-react/contextmenu/ContextSubMenu.js

@@ -1,159 +1,160 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module ContextMenu
- */
-import * as React from "react";
-import classnames from "classnames";
-import { ConditionalBooleanValue } from "@itwin/appui-abstract";
-import { ContextMenu } from "./ContextMenu";
-import { ContextMenuDirection } from "./ContextMenuDirection";
-import { TildeFinder } from "./TildeFinder";
-import { BadgeUtilities } from "../badge/BadgeUtilities";
-import { Icon } from "../icons/IconComponent";
-import { SvgCaretRight } from "@itwin/itwinui-icons-react";
-/**
- * Submenu wrapper class for use within a [[ContextMenu]] component.
- * @public
- */
-export class ContextSubMenu extends React.Component {
-    constructor(props) {
-        super(props);
-        this._menuElement = null;
-        this._subMenuElement = null;
-        this._menuButtonElement = null;
-        this._updateHotkey = (node) => {
-            let hotKey;
-            const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);
-            const isHidden = ConditionalBooleanValue.getValue(this.props.hidden);
-            if (!isDisabled && !isHidden)
-                hotKey = TildeFinder.findAfterTilde(node).character;
-            else
-                hotKey = undefined;
-            if (hotKey && hotKey !== this.state.hotKey) {
-                this.setState({ hotKey });
-                if (this.props.onHotKeyParsed)
-                    this.props.onHotKeyParsed(hotKey);
-            }
-        };
-        this.select = () => {
-            this.setState({ opened: true }, () => {
-                // istanbul ignore else
-                if (this._menuElement)
-                    this._menuElement.focus();
-                if (this.props.onSelect !== undefined)
-                    this.props.onSelect(undefined);
-            });
-        };
-        this.close = (propagate) => {
-            this.setState({ opened: false }, () => {
-                // istanbul ignore else
-                if (this._menuElement)
-                    this._menuElement.blur();
-            });
-            // istanbul ignore next
-            if (propagate && this.props.parentMenu && this.props.parentMenu.props.parentSubmenu) {
-                this.props.parentMenu.props.parentSubmenu.close(true);
-            }
-        };
-        this._handleMouseOver = (_event) => {
-            // istanbul ignore else
-            if (this._menuButtonElement && this._menuButtonElement.style.visibility !== "hidden" && this.props.onHover) {
-                this.props.onHover();
-            }
-        };
-        this._handleClick = (event) => {
-            event.stopPropagation();
-            const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);
-            // istanbul ignore else
-            if (!isDisabled) {
-                // istanbul ignore else
-                if (this.props.onClick !== undefined)
-                    this.props.onClick(event);
-                // istanbul ignore next
-                if (this.props.opened)
-                    this.close();
-                else
-                    this.select();
-            }
-        };
-        this._handleClickGlobal = (event) => {
-            if (this._subMenuElement && !this._subMenuElement.contains(event.target))
-                this.setState((_prevState) => ({ opened: false }));
-        };
-        this.state = {
-            opened: false,
-            direction: props.direction,
-        };
-    }
-    render() {
-        const { label, opened, direction, onOutsideClick, onEsc, autoflip, edgeLimit, selectedIndex, floating, parentMenu, parentSubmenu, // eslint-disable-line @typescript-eslint/no-unused-vars
-        onSelect, icon, disabled, hidden, onHover, isSelected, onHotKeyParsed, // eslint-disable-line @typescript-eslint/no-unused-vars
-        children, onClick, className, badgeType, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
-        const contextMenuProps = { onOutsideClick, onSelect, onEsc, autoflip, edgeLimit, selectedIndex, floating, parentMenu };
-        const badge = BadgeUtilities.getComponentForBadgeType(badgeType);
-        const renderDirection = this.state.direction;
-        const isDisabled = ConditionalBooleanValue.getValue(disabled);
-        const isHidden = ConditionalBooleanValue.getValue(hidden);
-        if (this._lastLabel !== label) {
-            this._parsedLabel = TildeFinder.findAfterTilde(label).node;
-            this._lastLabel = label;
-        }
-        return (
-        // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
-        React.createElement("div", { className: classnames("core-context-submenu", ContextMenu.getCSSClassNameFromDirection(renderDirection), className), onMouseOver: this._handleMouseOver, ref: (el) => { this._subMenuElement = el; }, "data-testid": "core-context-submenu", ...props },
-            React.createElement("div", { onClick: this._handleClick, ref: (el) => { this._menuButtonElement = el; }, className: classnames("core-context-menu-item", "core-context-submenu-container", isDisabled && "core-context-menu-disabled", isHidden && "core-context-menu-hidden", isSelected && "core-context-menu-is-selected"), "data-testid": "core-context-submenu-container", role: "menuitem", tabIndex: isSelected ? 0 : -1, "aria-disabled": isDisabled, "aria-hidden": isHidden, "aria-haspopup": true },
-                React.createElement("div", { className: classnames("core-context-menu-icon", "icon", icon) }),
-                React.createElement("div", { className: "core-context-menu-content" }, this._parsedLabel),
-                React.createElement("div", { className: classnames("core-context-submenu-arrow", "icon") },
-                    React.createElement(Icon, { iconSpec: React.createElement(SvgCaretRight, null) })),
-                badge &&
-                    React.createElement("div", { className: "core-context-menu-badge" }, badge)),
-            React.createElement(ContextMenu, { ref: (el) => { this._menuElement = el; }, className: "core-context-submenu-popup", opened: this.state.opened, direction: renderDirection, parentSubmenu: this, ...contextMenuProps }, children)));
-    }
-    componentDidMount() {
-        document.addEventListener("click", this._handleClickGlobal);
-        this._updateHotkey(this.props.label);
-        this.checkRenderDirection();
-    }
-    componentWillUnmount() {
-        document.removeEventListener("click", this._handleClickGlobal);
-    }
-    componentDidUpdate(prevProps, prevState) {
-        const direction = this.props.direction;
-        if ((this.state.opened !== prevState.opened && direction !== this.state.direction) || prevProps.direction !== direction)
-            this.checkRenderDirection();
-        if (this.props.label !== prevProps.label) {
-            this._updateHotkey(this.props.label);
-        }
-    }
-    getWindow() {
-        const el = this._subMenuElement;
-        const parentDocument = el.ownerDocument;
-        return parentDocument.defaultView;
-    }
-    checkRenderDirection() {
-        const { autoflip } = this.props;
-        const parentWindow = this.getWindow();
-        let renderDirection = this.state.direction;
-        // istanbul ignore else
-        if (parentWindow && autoflip && this._menuElement) {
-            const menuRect = this._menuElement.getRect();
-            renderDirection = ContextMenu.autoFlip(renderDirection, menuRect, parentWindow.innerWidth, parentWindow.innerHeight);
-            // istanbul ignore next
-            if (renderDirection !== this.state.direction)
-                this.setState({ direction: renderDirection });
-        }
-    }
-}
-ContextSubMenu.defaultProps = {
-    direction: ContextMenuDirection.BottomRight,
-    disabled: false,
-    hidden: false,
-    autoflip: true,
-    isSelected: false,
-    selectedIndex: 0,
-};
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ContextMenu
+ */
+import * as React from "react";
+import classnames from "classnames";
+import { ConditionalBooleanValue } from "@itwin/appui-abstract";
+import { ContextMenu } from "./ContextMenu";
+import { ContextMenuDirection } from "./ContextMenuDirection";
+import { TildeFinder } from "./TildeFinder";
+import { BadgeUtilities } from "../badge/BadgeUtilities";
+import { Icon } from "../icons/IconComponent";
+import { SvgCaretRight } from "@itwin/itwinui-icons-react";
+/**
+ * Submenu wrapper class for use within a [[ContextMenu]] component.
+ * @public
+ */
+class ContextSubMenu extends React.Component {
+    constructor(props) {
+        super(props);
+        this._menuElement = null;
+        this._subMenuElement = null;
+        this._menuButtonElement = null;
+        this._updateHotkey = (node) => {
+            let hotKey;
+            const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);
+            const isHidden = ConditionalBooleanValue.getValue(this.props.hidden);
+            if (!isDisabled && !isHidden)
+                hotKey = TildeFinder.findAfterTilde(node).character;
+            else
+                hotKey = undefined;
+            if (hotKey && hotKey !== this.state.hotKey) {
+                this.setState({ hotKey });
+                if (this.props.onHotKeyParsed)
+                    this.props.onHotKeyParsed(hotKey);
+            }
+        };
+        this.select = () => {
+            this.setState({ opened: true }, () => {
+                // istanbul ignore else
+                if (this._menuElement)
+                    this._menuElement.focus();
+                if (this.props.onSelect !== undefined)
+                    this.props.onSelect(undefined);
+            });
+        };
+        this.close = (propagate) => {
+            this.setState({ opened: false }, () => {
+                // istanbul ignore else
+                if (this._menuElement)
+                    this._menuElement.blur();
+            });
+            // istanbul ignore next
+            if (propagate && this.props.parentMenu && this.props.parentMenu.props.parentSubmenu) {
+                this.props.parentMenu.props.parentSubmenu.close(true);
+            }
+        };
+        this._handleMouseOver = (_event) => {
+            // istanbul ignore else
+            if (this._menuButtonElement && this._menuButtonElement.style.visibility !== "hidden" && this.props.onHover) {
+                this.props.onHover();
+            }
+        };
+        this._handleClick = (event) => {
+            event.stopPropagation();
+            const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);
+            // istanbul ignore else
+            if (!isDisabled) {
+                // istanbul ignore else
+                if (this.props.onClick !== undefined)
+                    this.props.onClick(event);
+                // istanbul ignore next
+                if (this.props.opened)
+                    this.close();
+                else
+                    this.select();
+            }
+        };
+        this._handleClickGlobal = (event) => {
+            if (this._subMenuElement && !this._subMenuElement.contains(event.target))
+                this.setState((_prevState) => ({ opened: false }));
+        };
+        this.state = {
+            opened: false,
+            direction: props.direction,
+        };
+    }
+    render() {
+        const { label, opened, direction, onOutsideClick, onEsc, autoflip, edgeLimit, selectedIndex, floating, parentMenu, parentSubmenu, // eslint-disable-line @typescript-eslint/no-unused-vars
+        onSelect, icon, disabled, hidden, onHover, isSelected, onHotKeyParsed, // eslint-disable-line @typescript-eslint/no-unused-vars
+        children, onClick, className, badgeType, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
+        const contextMenuProps = { onOutsideClick, onSelect, onEsc, autoflip, edgeLimit, selectedIndex, floating, parentMenu };
+        const badge = BadgeUtilities.getComponentForBadgeType(badgeType);
+        const renderDirection = this.state.direction;
+        const isDisabled = ConditionalBooleanValue.getValue(disabled);
+        const isHidden = ConditionalBooleanValue.getValue(hidden);
+        if (this._lastLabel !== label) {
+            this._parsedLabel = TildeFinder.findAfterTilde(label).node;
+            this._lastLabel = label;
+        }
+        return (
+        // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
+        React.createElement("div", { className: classnames("core-context-submenu", ContextMenu.getCSSClassNameFromDirection(renderDirection), className), onMouseOver: this._handleMouseOver, ref: (el) => { this._subMenuElement = el; }, "data-testid": "core-context-submenu", ...props },
+            React.createElement("div", { onClick: this._handleClick, ref: (el) => { this._menuButtonElement = el; }, className: classnames("core-context-menu-item", "core-context-submenu-container", isDisabled && "core-context-menu-disabled", isHidden && "core-context-menu-hidden", isSelected && "core-context-menu-is-selected"), "data-testid": "core-context-submenu-container", role: "menuitem", tabIndex: isSelected ? 0 : -1, "aria-disabled": isDisabled, "aria-hidden": isHidden, "aria-haspopup": true },
+                React.createElement("div", { className: classnames("core-context-menu-icon", "icon", icon) }),
+                React.createElement("div", { className: "core-context-menu-content" }, this._parsedLabel),
+                React.createElement("div", { className: classnames("core-context-submenu-arrow", "icon") },
+                    React.createElement(Icon, { iconSpec: React.createElement(SvgCaretRight, null) })),
+                badge &&
+                    React.createElement("div", { className: "core-context-menu-badge" }, badge)),
+            React.createElement(ContextMenu, { ref: (el) => { this._menuElement = el; }, className: "core-context-submenu-popup", opened: this.state.opened, direction: renderDirection, parentSubmenu: this, ...contextMenuProps }, children)));
+    }
+    componentDidMount() {
+        document.addEventListener("click", this._handleClickGlobal);
+        this._updateHotkey(this.props.label);
+        this.checkRenderDirection();
+    }
+    componentWillUnmount() {
+        document.removeEventListener("click", this._handleClickGlobal);
+    }
+    componentDidUpdate(prevProps, prevState) {
+        const direction = this.props.direction;
+        if ((this.state.opened !== prevState.opened && direction !== this.state.direction) || prevProps.direction !== direction)
+            this.checkRenderDirection();
+        if (this.props.label !== prevProps.label) {
+            this._updateHotkey(this.props.label);
+        }
+    }
+    getWindow() {
+        const el = this._subMenuElement;
+        const parentDocument = el.ownerDocument;
+        return parentDocument.defaultView;
+    }
+    checkRenderDirection() {
+        const { autoflip } = this.props;
+        const parentWindow = this.getWindow();
+        let renderDirection = this.state.direction;
+        // istanbul ignore else
+        if (parentWindow && autoflip && this._menuElement) {
+            const menuRect = this._menuElement.getRect();
+            renderDirection = ContextMenu.autoFlip(renderDirection, menuRect, parentWindow.innerWidth, parentWindow.innerHeight);
+            // istanbul ignore next
+            if (renderDirection !== this.state.direction)
+                this.setState({ direction: renderDirection });
+        }
+    }
+}
+ContextSubMenu.defaultProps = {
+    direction: ContextMenuDirection.BottomRight,
+    disabled: false,
+    hidden: false,
+    autoflip: true,
+    isSelected: false,
+    selectedIndex: 0,
+};
+export { ContextSubMenu };
 //# sourceMappingURL=ContextSubMenu.js.map

package/lib/esm/core-react/contextmenu/ContextSubMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextSubMenu.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextSubMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module ContextMenu\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport classnames from \"classnames\";\r\nimport { ConditionalBooleanValue } from \"@itwin/appui-abstract\";\r\nimport { ContextMenuItemProps } from \"./ContextMenuItem\";\r\nimport { ContextMenu, ContextMenuProps } from \"./ContextMenu\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { ContextMenuDirection } from \"./ContextMenuDirection\";\r\nimport { TildeFinder } from \"./TildeFinder\";\r\nimport { BadgeUtilities } from \"../badge/BadgeUtilities\";\r\nimport { Icon } from \"../icons/IconComponent\";\r\nimport { SvgCaretRight } from \"@itwin/itwinui-icons-react\";\r\n\r\n/** Properties for the [[ContextSubMenu]] component\r\n * @public\r\n */\r\nexport interface ContextSubMenuProps extends Omit<ContextMenuItemProps, \"label\">, Omit<ContextMenuProps, \"label\">, CommonProps {\r\n  /** Text/jsx to display in the list item */\r\n  label: string | JSX.Element;\r\n  /** @internal */\r\n  onHotKeyParsed?: (hotKey: string) => void;\r\n}\r\n\r\n/** @internal */\r\ninterface ContextSubMenuState {\r\n  opened: boolean;\r\n  direction: ContextMenuDirection;\r\n  hotKey?: string;\r\n}\r\n\r\n/**\r\n * Submenu wrapper class for use within a [[ContextMenu]] component.\r\n * @public\r\n */\r\nexport class ContextSubMenu extends React.Component<ContextSubMenuProps, ContextSubMenuState> {\r\n  private _menuElement: ContextMenu | null = null;\r\n  private _subMenuElement: HTMLElement | null = null;\r\n  private _menuButtonElement: HTMLElement | null = null;\r\n\r\n  private _lastLabel: React.ReactNode;\r\n  private _parsedLabel: React.ReactNode;\r\n\r\n  public static defaultProps: Partial<ContextSubMenuProps> = {\r\n    direction: ContextMenuDirection.BottomRight,\r\n    disabled: false,\r\n    hidden: false,\r\n    autoflip: true,\r\n    isSelected: false,\r\n    selectedIndex: 0,\r\n  };\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<ContextSubMenuState>;\r\n  constructor(props: ContextSubMenuProps) {\r\n    super(props);\r\n    this.state = {\r\n      opened: false,\r\n      direction: props.direction!,\r\n    };\r\n  }\r\n\r\n  public override render(): JSX.Element {\r\n    const {\r\n      label,\r\n      opened, direction, onOutsideClick, onEsc, autoflip, edgeLimit, selectedIndex, floating, parentMenu, parentSubmenu, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      onSelect, icon, disabled, hidden, onHover, isSelected, onHotKeyParsed, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      children, onClick, className, badgeType, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    const contextMenuProps = { onOutsideClick, onSelect, onEsc, autoflip, edgeLimit, selectedIndex, floating, parentMenu };\r\n    const badge = BadgeUtilities.getComponentForBadgeType(badgeType);\r\n    const renderDirection = this.state.direction;\r\n    const isDisabled = ConditionalBooleanValue.getValue(disabled);\r\n    const isHidden = ConditionalBooleanValue.getValue(hidden);\r\n\r\n    if (this._lastLabel !== label) {\r\n      this._parsedLabel = TildeFinder.findAfterTilde(label).node;\r\n      this._lastLabel = label;\r\n    }\r\n    return (\r\n      // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events\r\n      <div className={classnames(\"core-context-submenu\", ContextMenu.getCSSClassNameFromDirection(renderDirection), className)}\r\n        onMouseOver={this._handleMouseOver}\r\n        ref={(el) => { this._subMenuElement = el; }}\r\n        data-testid=\"core-context-submenu\"\r\n        {...props} >\r\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\r\n        <div\r\n          onClick={this._handleClick}\r\n          ref={(el) => { this._menuButtonElement = el; }}\r\n          className={classnames(\"core-context-menu-item\",\r\n            \"core-context-submenu-container\",\r\n            isDisabled && \"core-context-menu-disabled\",\r\n            isHidden && \"core-context-menu-hidden\",\r\n            isSelected && \"core-context-menu-is-selected\")}\r\n          data-testid=\"core-context-submenu-container\"\r\n          role=\"menuitem\"\r\n          tabIndex={isSelected ? 0 : -1}\r\n          aria-disabled={isDisabled}\r\n          aria-hidden={isHidden}\r\n          aria-haspopup={true}\r\n        >\r\n          <div className={classnames(\"core-context-menu-icon\", \"icon\", icon)} />\r\n          <div className={\"core-context-menu-content\"}>{this._parsedLabel}</div>\r\n          <div className={classnames(\"core-context-submenu-arrow\", \"icon\")}><Icon iconSpec={<SvgCaretRight />} /></div>\r\n          {badge &&\r\n            <div className=\"core-context-menu-badge\">\r\n              {badge}\r\n            </div>\r\n          }\r\n        </div>\r\n        <ContextMenu\r\n          ref={(el) => { this._menuElement = el; }}\r\n          className=\"core-context-submenu-popup\"\r\n          opened={this.state.opened}\r\n          direction={renderDirection}\r\n          parentSubmenu={this}\r\n          {...contextMenuProps} >\r\n          {children}\r\n        </ContextMenu>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    document.addEventListener(\"click\", this._handleClickGlobal);\r\n    this._updateHotkey(this.props.label);\r\n\r\n    this.checkRenderDirection();\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    document.removeEventListener(\"click\", this._handleClickGlobal);\r\n  }\r\n\r\n  public override componentDidUpdate(prevProps: ContextSubMenuProps, prevState: ContextSubMenuState) {\r\n    const direction = this.props.direction!;\r\n    if ((this.state.opened !== prevState.opened && direction !== this.state.direction) || prevProps.direction !== direction)\r\n      this.checkRenderDirection();\r\n    if (this.props.label !== prevProps.label) {\r\n      this._updateHotkey(this.props.label);\r\n    }\r\n  }\r\n\r\n  private getWindow() {\r\n    const el = this._subMenuElement;\r\n    const parentDocument = el!.ownerDocument;\r\n    return parentDocument.defaultView;\r\n  }\r\n\r\n  private checkRenderDirection() {\r\n    const { autoflip } = this.props;\r\n    const parentWindow = this.getWindow();\r\n    let renderDirection = this.state.direction;\r\n    // istanbul ignore else\r\n    if (parentWindow && autoflip && this._menuElement) {\r\n      const menuRect = this._menuElement.getRect();\r\n      renderDirection = ContextMenu.autoFlip(renderDirection, menuRect, parentWindow.innerWidth, parentWindow.innerHeight);\r\n      // istanbul ignore next\r\n      if (renderDirection !== this.state.direction)\r\n        this.setState({ direction: renderDirection });\r\n    }\r\n  }\r\n\r\n  private _updateHotkey = (node: React.ReactNode) => {\r\n    let hotKey: string | undefined;\r\n    const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);\r\n    const isHidden = ConditionalBooleanValue.getValue(this.props.hidden);\r\n    if (!isDisabled && !isHidden)\r\n      hotKey = TildeFinder.findAfterTilde(node).character;\r\n    else\r\n      hotKey = undefined;\r\n    if (hotKey && hotKey !== this.state.hotKey) {\r\n      this.setState({ hotKey });\r\n      if (this.props.onHotKeyParsed)\r\n        this.props.onHotKeyParsed(hotKey);\r\n    }\r\n  };\r\n\r\n  public select = () => {\r\n    this.setState({ opened: true }, () => {\r\n      // istanbul ignore else\r\n      if (this._menuElement)\r\n        this._menuElement.focus();\r\n      if (this.props.onSelect !== undefined)\r\n        this.props.onSelect(undefined);\r\n    });\r\n  };\r\n\r\n  public close = (propagate?: boolean) => {\r\n    this.setState({ opened: false }, () => {\r\n      // istanbul ignore else\r\n      if (this._menuElement)\r\n        this._menuElement.blur();\r\n    });\r\n    // istanbul ignore next\r\n    if (propagate && this.props.parentMenu && this.props.parentMenu.props.parentSubmenu) {\r\n      this.props.parentMenu.props.parentSubmenu.close(true);\r\n    }\r\n  };\r\n\r\n  private _handleMouseOver = (_event: React.MouseEvent<HTMLDivElement>) => {\r\n    // istanbul ignore else\r\n    if (this._menuButtonElement && this._menuButtonElement.style.visibility !== \"hidden\" && this.props.onHover) {\r\n      this.props.onHover();\r\n    }\r\n  };\r\n\r\n  private _handleClick = (event: any) => {\r\n    event.stopPropagation();\r\n\r\n    const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);\r\n\r\n    // istanbul ignore else\r\n    if (!isDisabled) {\r\n      // istanbul ignore else\r\n      if (this.props.onClick !== undefined)\r\n        this.props.onClick(event);\r\n      // istanbul ignore next\r\n      if (this.props.opened)\r\n        this.close();\r\n      else\r\n        this.select();\r\n    }\r\n  };\r\n\r\n  private _handleClickGlobal = (event: any) => {\r\n    if (this._subMenuElement && !this._subMenuElement.contains(event.target))\r\n      this.setState((_prevState) => ({ opened: false }));\r\n  };\r\n}\r\n"]}
+{"version":3,"file":"ContextSubMenu.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextSubMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module ContextMenu\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport classnames from \"classnames\";\r\nimport { ConditionalBooleanValue } from \"@itwin/appui-abstract\";\r\nimport { ContextMenuItemProps } from \"./ContextMenuItem\";\r\nimport { ContextMenu, ContextMenuProps } from \"./ContextMenu\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { ContextMenuDirection } from \"./ContextMenuDirection\";\r\nimport { TildeFinder } from \"./TildeFinder\";\r\nimport { BadgeUtilities } from \"../badge/BadgeUtilities\";\r\nimport { Icon } from \"../icons/IconComponent\";\r\nimport { SvgCaretRight } from \"@itwin/itwinui-icons-react\";\r\n\r\n/** Properties for the [[ContextSubMenu]] component\r\n * @public\r\n */\r\nexport interface ContextSubMenuProps extends Omit<ContextMenuItemProps, \"label\">, Omit<ContextMenuProps, \"label\">, CommonProps {\r\n  /** Text/jsx to display in the list item */\r\n  label: string | JSX.Element;\r\n  /** @internal */\r\n  onHotKeyParsed?: (hotKey: string) => void;\r\n}\r\n\r\n/** @internal */\r\ninterface ContextSubMenuState {\r\n  opened: boolean;\r\n  direction: ContextMenuDirection;\r\n  hotKey?: string;\r\n}\r\n\r\n/**\r\n * Submenu wrapper class for use within a [[ContextMenu]] component.\r\n * @public\r\n */\r\nexport class ContextSubMenu extends React.Component<ContextSubMenuProps, ContextSubMenuState> {\r\n  private _menuElement: ContextMenu | null = null;\r\n  private _subMenuElement: HTMLElement | null = null;\r\n  private _menuButtonElement: HTMLElement | null = null;\r\n\r\n  private _lastLabel: React.ReactNode;\r\n  private _parsedLabel: React.ReactNode;\r\n\r\n  public static defaultProps: Partial<ContextSubMenuProps> = {\r\n    direction: ContextMenuDirection.BottomRight,\r\n    disabled: false,\r\n    hidden: false,\r\n    autoflip: true,\r\n    isSelected: false,\r\n    selectedIndex: 0,\r\n  };\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<ContextSubMenuState>;\r\n  constructor(props: ContextSubMenuProps) {\r\n    super(props);\r\n    this.state = {\r\n      opened: false,\r\n      direction: props.direction!,\r\n    };\r\n  }\r\n\r\n  public override render(): JSX.Element {\r\n    const {\r\n      label,\r\n      opened, direction, onOutsideClick, onEsc, autoflip, edgeLimit, selectedIndex, floating, parentMenu, parentSubmenu, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      onSelect, icon, disabled, hidden, onHover, isSelected, onHotKeyParsed, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      children, onClick, className, badgeType, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    const contextMenuProps = { onOutsideClick, onSelect, onEsc, autoflip, edgeLimit, selectedIndex, floating, parentMenu };\r\n    const badge = BadgeUtilities.getComponentForBadgeType(badgeType);\r\n    const renderDirection = this.state.direction;\r\n    const isDisabled = ConditionalBooleanValue.getValue(disabled);\r\n    const isHidden = ConditionalBooleanValue.getValue(hidden);\r\n\r\n    if (this._lastLabel !== label) {\r\n      this._parsedLabel = TildeFinder.findAfterTilde(label).node;\r\n      this._lastLabel = label;\r\n    }\r\n    return (\r\n      // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events\r\n      <div className={classnames(\"core-context-submenu\", ContextMenu.getCSSClassNameFromDirection(renderDirection), className)}\r\n        onMouseOver={this._handleMouseOver}\r\n        ref={(el) => { this._subMenuElement = el; }}\r\n        data-testid=\"core-context-submenu\"\r\n        {...props} >\r\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\r\n        <div\r\n          onClick={this._handleClick}\r\n          ref={(el) => { this._menuButtonElement = el; }}\r\n          className={classnames(\"core-context-menu-item\",\r\n            \"core-context-submenu-container\",\r\n            isDisabled && \"core-context-menu-disabled\",\r\n            isHidden && \"core-context-menu-hidden\",\r\n            isSelected && \"core-context-menu-is-selected\")}\r\n          data-testid=\"core-context-submenu-container\"\r\n          role=\"menuitem\"\r\n          tabIndex={isSelected ? 0 : -1}\r\n          aria-disabled={isDisabled}\r\n          aria-hidden={isHidden}\r\n          aria-haspopup={true}\r\n        >\r\n          <div className={classnames(\"core-context-menu-icon\", \"icon\", icon)} />\r\n          <div className={\"core-context-menu-content\"}>{this._parsedLabel}</div>\r\n          <div className={classnames(\"core-context-submenu-arrow\", \"icon\")}><Icon iconSpec={<SvgCaretRight />} /></div>\r\n          {badge &&\r\n            <div className=\"core-context-menu-badge\">\r\n              {badge}\r\n            </div>\r\n          }\r\n        </div>\r\n        <ContextMenu\r\n          ref={(el) => { this._menuElement = el; }}\r\n          className=\"core-context-submenu-popup\"\r\n          opened={this.state.opened}\r\n          direction={renderDirection}\r\n          parentSubmenu={this}\r\n          {...contextMenuProps} >\r\n          {children}\r\n        </ContextMenu>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    document.addEventListener(\"click\", this._handleClickGlobal);\r\n    this._updateHotkey(this.props.label);\r\n\r\n    this.checkRenderDirection();\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    document.removeEventListener(\"click\", this._handleClickGlobal);\r\n  }\r\n\r\n  public override componentDidUpdate(prevProps: ContextSubMenuProps, prevState: ContextSubMenuState) {\r\n    const direction = this.props.direction!;\r\n    if ((this.state.opened !== prevState.opened && direction !== this.state.direction) || prevProps.direction !== direction)\r\n      this.checkRenderDirection();\r\n    if (this.props.label !== prevProps.label) {\r\n      this._updateHotkey(this.props.label);\r\n    }\r\n  }\r\n\r\n  private getWindow() {\r\n    const el = this._subMenuElement;\r\n    const parentDocument = el!.ownerDocument;\r\n    return parentDocument.defaultView;\r\n  }\r\n\r\n  private checkRenderDirection() {\r\n    const { autoflip } = this.props;\r\n    const parentWindow = this.getWindow();\r\n    let renderDirection = this.state.direction;\r\n    // istanbul ignore else\r\n    if (parentWindow && autoflip && this._menuElement) {\r\n      const menuRect = this._menuElement.getRect();\r\n      renderDirection = ContextMenu.autoFlip(renderDirection, menuRect, parentWindow.innerWidth, parentWindow.innerHeight);\r\n      // istanbul ignore next\r\n      if (renderDirection !== this.state.direction)\r\n        this.setState({ direction: renderDirection });\r\n    }\r\n  }\r\n\r\n  private _updateHotkey = (node: React.ReactNode) => {\r\n    let hotKey: string | undefined;\r\n    const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);\r\n    const isHidden = ConditionalBooleanValue.getValue(this.props.hidden);\r\n    if (!isDisabled && !isHidden)\r\n      hotKey = TildeFinder.findAfterTilde(node).character;\r\n    else\r\n      hotKey = undefined;\r\n    if (hotKey && hotKey !== this.state.hotKey) {\r\n      this.setState({ hotKey });\r\n      if (this.props.onHotKeyParsed)\r\n        this.props.onHotKeyParsed(hotKey);\r\n    }\r\n  };\r\n\r\n  public select = () => {\r\n    this.setState({ opened: true }, () => {\r\n      // istanbul ignore else\r\n      if (this._menuElement)\r\n        this._menuElement.focus();\r\n      if (this.props.onSelect !== undefined)\r\n        this.props.onSelect(undefined);\r\n    });\r\n  };\r\n\r\n  public close = (propagate?: boolean) => {\r\n    this.setState({ opened: false }, () => {\r\n      // istanbul ignore else\r\n      if (this._menuElement)\r\n        this._menuElement.blur();\r\n    });\r\n    // istanbul ignore next\r\n    if (propagate && this.props.parentMenu && this.props.parentMenu.props.parentSubmenu) {\r\n      this.props.parentMenu.props.parentSubmenu.close(true);\r\n    }\r\n  };\r\n\r\n  private _handleMouseOver = (_event: React.MouseEvent<HTMLDivElement>) => {\r\n    // istanbul ignore else\r\n    if (this._menuButtonElement && this._menuButtonElement.style.visibility !== \"hidden\" && this.props.onHover) {\r\n      this.props.onHover();\r\n    }\r\n  };\r\n\r\n  private _handleClick = (event: any) => {\r\n    event.stopPropagation();\r\n\r\n    const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);\r\n\r\n    // istanbul ignore else\r\n    if (!isDisabled) {\r\n      // istanbul ignore else\r\n      if (this.props.onClick !== undefined)\r\n        this.props.onClick(event);\r\n      // istanbul ignore next\r\n      if (this.props.opened)\r\n        this.close();\r\n      else\r\n        this.select();\r\n    }\r\n  };\r\n\r\n  private _handleClickGlobal = (event: any) => {\r\n    if (this._subMenuElement && !this._subMenuElement.contains(event.target))\r\n      this.setState((_prevState) => ({ opened: false }));\r\n  };\r\n}\r\n"]}

package/lib/esm/core-react/contextmenu/GlobalContextMenu.d.ts

@@ -1,35 +1,35 @@
-/** @packageDocumentation
- * @module ContextMenu
- */
-import * as React from "react";
-import { ContextMenuProps } from "./ContextMenu";
-/** Properties for the [[GlobalContextMenu]] component
- * @public
- */
-export interface GlobalContextMenuProps extends ContextMenuProps {
-    /** Unique identifier, to distinguish from other GlobalContextMenu components. Needed only if multiple GlobalContextMenus are used simultaneously. */
-    identifier?: string;
-    /** Specifies the x/horizontal position on the viewport. */
-    x: number | string;
-    /** Specifies the y/vertical position on the viewport. */
-    y: number | string;
-    /** Context menu element. Default: ContextMenu */
-    contextMenuComponent?: React.ComponentType<ContextMenuProps>;
-}
-/** @internal */
-interface GlobalContextMenuState {
-    parentDocument: Document | null;
-}
-/** GlobalContextMenu React component used to display a [[ContextMenu]] at the cursor
- * @public
- */
-export declare class GlobalContextMenu extends React.PureComponent<GlobalContextMenuProps, GlobalContextMenuState> {
-    private _container?;
-    readonly state: GlobalContextMenuState;
-    constructor(props: GlobalContextMenuProps);
-    componentWillUnmount(): void;
-    private _handleRefSet;
-    render(): React.ReactNode;
-}
-export {};
+/** @packageDocumentation
+ * @module ContextMenu
+ */
+import * as React from "react";
+import { ContextMenuProps } from "./ContextMenu";
+/** Properties for the [[GlobalContextMenu]] component
+ * @public
+ */
+export interface GlobalContextMenuProps extends ContextMenuProps {
+    /** Unique identifier, to distinguish from other GlobalContextMenu components. Needed only if multiple GlobalContextMenus are used simultaneously. */
+    identifier?: string;
+    /** Specifies the x/horizontal position on the viewport. */
+    x: number | string;
+    /** Specifies the y/vertical position on the viewport. */
+    y: number | string;
+    /** Context menu element. Default: ContextMenu */
+    contextMenuComponent?: React.ComponentType<ContextMenuProps>;
+}
+/** @internal */
+interface GlobalContextMenuState {
+    parentDocument: Document | null;
+}
+/** GlobalContextMenu React component used to display a [[ContextMenu]] at the cursor
+ * @public
+ */
+export declare class GlobalContextMenu extends React.PureComponent<GlobalContextMenuProps, GlobalContextMenuState> {
+    private _container?;
+    readonly state: GlobalContextMenuState;
+    constructor(props: GlobalContextMenuProps);
+    componentWillUnmount(): void;
+    private _handleRefSet;
+    render(): React.ReactNode;
+}
+export {};
 //# sourceMappingURL=GlobalContextMenu.d.ts.map

package/lib/esm/core-react/contextmenu/GlobalContextMenu.js

@@ -1,60 +1,58 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module ContextMenu
- */
-import * as React from "react";
-import * as ReactDOM from "react-dom";
-import { ContextMenu } from "./ContextMenu";
-/** GlobalContextMenu React component used to display a [[ContextMenu]] at the cursor
- * @public
- */
-export class GlobalContextMenu extends React.PureComponent {
-    constructor(props) {
-        super(props);
-        this.state = {
-            parentDocument: null,
-        };
-        this._handleRefSet = (popupDiv) => {
-            var _a, _b;
-            const parentDocument = (_a = popupDiv === null || popupDiv === void 0 ? void 0 : popupDiv.ownerDocument) !== null && _a !== void 0 ? _a : null;
-            if (parentDocument) {
-                this._container = parentDocument.createElement("div");
-                this._container.id = this.props.identifier !== undefined ? `dialog-${this.props.identifier}` : "core-global-context-menu";
-                let rt = parentDocument.getElementById("core-global-context-menu-root");
-                if (!rt) {
-                    rt = parentDocument.createElement("div");
-                    rt.id = "core-global-context-menu-root";
-                    // istanbul ignore next
-                    ((_b = parentDocument.body.querySelector('[data-root-container="iui-root-id"]')) !== null && _b !== void 0 ? _b : parentDocument.body).appendChild(rt);
-                }
-                rt.appendChild(this._container);
-                // used to support component rendering in pop-out window
-                this.setState({ parentDocument });
-            }
-        };
-    }
-    componentWillUnmount() {
-        // istanbul ignore else
-        if (this._container && this._container.parentElement) { // cleanup
-            this._container.parentElement.removeChild(this._container);
-        }
-    }
-    render() {
-        var _a;
-        const { x, y, identifier, contextMenuComponent, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
-        const positioningStyle = {
-            left: x,
-            top: y,
-        };
-        const CtxMenu = contextMenuComponent || ContextMenu; // eslint-disable-line @typescript-eslint/naming-convention
-        return (React.createElement("div", { ref: this._handleRefSet, style: { display: "none" } }, this.state.parentDocument &&
-            ReactDOM.createPortal(React.createElement("div", { className: "core-context-menu-global", style: positioningStyle },
-                React.createElement(CtxMenu, { ...props })), 
-            // istanbul ignore next
-            (_a = this.state.parentDocument.body.querySelector('[data-root-container="iui-root-id"]')) !== null && _a !== void 0 ? _a : this.state.parentDocument.body)));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ContextMenu
+ */
+import * as React from "react";
+import * as ReactDOM from "react-dom";
+import { ContextMenu } from "./ContextMenu";
+/** GlobalContextMenu React component used to display a [[ContextMenu]] at the cursor
+ * @public
+ */
+export class GlobalContextMenu extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this.state = {
+            parentDocument: null,
+        };
+        this._handleRefSet = (popupDiv) => {
+            const parentDocument = popupDiv?.ownerDocument ?? null;
+            if (parentDocument) {
+                this._container = parentDocument.createElement("div");
+                this._container.id = this.props.identifier !== undefined ? `dialog-${this.props.identifier}` : "core-global-context-menu";
+                let rt = parentDocument.getElementById("core-global-context-menu-root");
+                if (!rt) {
+                    rt = parentDocument.createElement("div");
+                    rt.id = "core-global-context-menu-root";
+                    // istanbul ignore next
+                    (parentDocument.body.querySelector('[data-root-container="iui-root-id"]') ?? parentDocument.body).appendChild(rt);
+                }
+                rt.appendChild(this._container);
+                // used to support component rendering in pop-out window
+                this.setState({ parentDocument });
+            }
+        };
+    }
+    componentWillUnmount() {
+        // istanbul ignore else
+        if (this._container && this._container.parentElement) { // cleanup
+            this._container.parentElement.removeChild(this._container);
+        }
+    }
+    render() {
+        const { x, y, identifier, contextMenuComponent, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
+        const positioningStyle = {
+            left: x,
+            top: y,
+        };
+        const CtxMenu = contextMenuComponent || ContextMenu; // eslint-disable-line @typescript-eslint/naming-convention
+        return (React.createElement("div", { ref: this._handleRefSet, style: { display: "none" } }, this.state.parentDocument &&
+            ReactDOM.createPortal(React.createElement("div", { className: "core-context-menu-global", style: positioningStyle },
+                React.createElement(CtxMenu, { ...props })), 
+            // istanbul ignore next
+            this.state.parentDocument.body.querySelector('[data-root-container="iui-root-id"]') ?? this.state.parentDocument.body)));
+    }
+}
 //# sourceMappingURL=GlobalContextMenu.js.map

package/lib/esm/core-react/contextmenu/GlobalContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalContextMenu.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/GlobalContextMenu.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAC;AAqB9D;;GAEG;AACH,MAAM,OAAO,iBAAkB,SAAQ,KAAK,CAAC,aAA6D;IAOxG,YAAY,KAA6B;QACvC,KAAK,CAAC,KAAK,CAAC,CAAC;QALU,UAAK,GAA2B;YACvD,cAAc,EAAE,IAAI;SACrB,CAAC;QAaM,kBAAa,GAAG,CAAC,QAA4B,EAAE,EAAE;;YACvD,MAAM,cAAc,GAAG,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,mCAAI,IAAI,CAAC;YACvD,IAAI,cAAc,EAAE;gBAClB,IAAI,CAAC,UAAU,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBACtD,IAAI,CAAC,UAAU,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,0BAA0B,CAAC;gBAC1H,IAAI,EAAE,GAAG,cAAc,CAAC,cAAc,CAAC,+BAA+B,CAAmB,CAAC;gBAC1F,IAAI,CAAC,EAAE,EAAE;oBACP,EAAE,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;oBACzC,EAAE,CAAC,EAAE,GAAG,+BAA+B,CAAC;oBACxC,uBAAuB;oBACvB,CAAC,MAAA,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,qCAAqC,CAAC,mCAAI,cAAc,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;iBACnH;gBACD,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAEhC,wDAAwD;gBACxD,IAAI,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC;aACnC;QACH,CAAC,CAAC;IA1BF,CAAC;IAEe,oBAAoB;QAClC,uBAAuB;QACvB,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,EAAE,UAAU;YAChE,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAC5D;IACH,CAAC;IAqBe,MAAM;;QACpB,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,oBAAoB,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;QACjI,MAAM,gBAAgB,GAAwB;YAC5C,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;SACP,CAAC;QAEF,MAAM,OAAO,GAAG,oBAAoB,IAAI,WAAW,CAAC,CAAC,2DAA2D;QAEhH,OAAO,CACL,6BAAK,GAAG,EAAE,IAAI,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IACrD,IAAI,CAAC,KAAK,CAAC,cAAc;YACxB,QAAQ,CAAC,YAAY,CACnB,6BAAK,SAAS,EAAC,0BAA0B,EAAC,KAAK,EAAE,gBAAgB;gBAC/D,oBAAC,OAAO,OACF,KAAK,GAAI,CACV;YACP,uBAAuB;YACvB,MAAA,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,qCAAqC,CAAC,mCAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAEtH,CACP,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module ContextMenu\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport * as ReactDOM from \"react-dom\";\r\nimport { ContextMenu, ContextMenuProps } from \"./ContextMenu\";\r\n\r\n/** Properties for the [[GlobalContextMenu]] component\r\n * @public\r\n */\r\nexport interface GlobalContextMenuProps extends ContextMenuProps {\r\n  /** Unique identifier, to distinguish from other GlobalContextMenu components. Needed only if multiple GlobalContextMenus are used simultaneously. */\r\n  identifier?: string;\r\n  /** Specifies the x/horizontal position on the viewport. */\r\n  x: number | string;\r\n  /** Specifies the y/vertical position on the viewport. */\r\n  y: number | string;\r\n  /** Context menu element. Default: ContextMenu */\r\n  contextMenuComponent?: React.ComponentType<ContextMenuProps>;\r\n}\r\n\r\n/** @internal */\r\ninterface GlobalContextMenuState {\r\n  parentDocument: Document | null;\r\n}\r\n\r\n/** GlobalContextMenu React component used to display a [[ContextMenu]] at the cursor\r\n * @public\r\n */\r\nexport class GlobalContextMenu extends React.PureComponent<GlobalContextMenuProps, GlobalContextMenuState> {\r\n  private _container?: HTMLDivElement;\r\n\r\n  public override readonly state: GlobalContextMenuState = {\r\n    parentDocument: null,\r\n  };\r\n\r\n  constructor(props: GlobalContextMenuProps) {\r\n    super(props);\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    // istanbul ignore else\r\n    if (this._container && this._container.parentElement) { // cleanup\r\n      this._container.parentElement.removeChild(this._container);\r\n    }\r\n  }\r\n\r\n  private _handleRefSet = (popupDiv: HTMLElement | null) => {\r\n    const parentDocument = popupDiv?.ownerDocument ?? null;\r\n    if (parentDocument) {\r\n      this._container = parentDocument.createElement(\"div\");\r\n      this._container.id = this.props.identifier !== undefined ? `dialog-${this.props.identifier}` : \"core-global-context-menu\";\r\n      let rt = parentDocument.getElementById(\"core-global-context-menu-root\") as HTMLDivElement;\r\n      if (!rt) {\r\n        rt = parentDocument.createElement(\"div\");\r\n        rt.id = \"core-global-context-menu-root\";\r\n        // istanbul ignore next\r\n        (parentDocument.body.querySelector('[data-root-container=\"iui-root-id\"]') ?? parentDocument.body).appendChild(rt);\r\n      }\r\n      rt.appendChild(this._container);\r\n\r\n      // used to support component rendering in pop-out window\r\n      this.setState({ parentDocument });\r\n    }\r\n  };\r\n\r\n  public override render(): React.ReactNode {\r\n    const { x, y, identifier, contextMenuComponent, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    const positioningStyle: React.CSSProperties = {\r\n      left: x,\r\n      top: y,\r\n    };\r\n\r\n    const CtxMenu = contextMenuComponent || ContextMenu; // eslint-disable-line @typescript-eslint/naming-convention\r\n\r\n    return (\r\n      <div ref={this._handleRefSet} style={{ display: \"none\" }}>\r\n        {this.state.parentDocument &&\r\n          ReactDOM.createPortal(\r\n            <div className=\"core-context-menu-global\" style={positioningStyle}>\r\n              <CtxMenu\r\n                {...props} />\r\n            </div >,\r\n            // istanbul ignore next\r\n            this.state.parentDocument.body.querySelector('[data-root-container=\"iui-root-id\"]') ?? this.state.parentDocument.body)\r\n        }\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"GlobalContextMenu.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/GlobalContextMenu.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAC;AAqB9D;;GAEG;AACH,MAAM,OAAO,iBAAkB,SAAQ,KAAK,CAAC,aAA6D;IAOxG,YAAY,KAA6B;QACvC,KAAK,CAAC,KAAK,CAAC,CAAC;QALU,UAAK,GAA2B;YACvD,cAAc,EAAE,IAAI;SACrB,CAAC;QAaM,kBAAa,GAAG,CAAC,QAA4B,EAAE,EAAE;YACvD,MAAM,cAAc,GAAG,QAAQ,EAAE,aAAa,IAAI,IAAI,CAAC;YACvD,IAAI,cAAc,EAAE;gBAClB,IAAI,CAAC,UAAU,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBACtD,IAAI,CAAC,UAAU,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,0BAA0B,CAAC;gBAC1H,IAAI,EAAE,GAAG,cAAc,CAAC,cAAc,CAAC,+BAA+B,CAAmB,CAAC;gBAC1F,IAAI,CAAC,EAAE,EAAE;oBACP,EAAE,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;oBACzC,EAAE,CAAC,EAAE,GAAG,+BAA+B,CAAC;oBACxC,uBAAuB;oBACvB,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,qCAAqC,CAAC,IAAI,cAAc,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;iBACnH;gBACD,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAEhC,wDAAwD;gBACxD,IAAI,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC;aACnC;QACH,CAAC,CAAC;IA1BF,CAAC;IAEe,oBAAoB;QAClC,uBAAuB;QACvB,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,EAAE,UAAU;YAChE,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAC5D;IACH,CAAC;IAqBe,MAAM;QACpB,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,oBAAoB,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;QACjI,MAAM,gBAAgB,GAAwB;YAC5C,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;SACP,CAAC;QAEF,MAAM,OAAO,GAAG,oBAAoB,IAAI,WAAW,CAAC,CAAC,2DAA2D;QAEhH,OAAO,CACL,6BAAK,GAAG,EAAE,IAAI,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IACrD,IAAI,CAAC,KAAK,CAAC,cAAc;YACxB,QAAQ,CAAC,YAAY,CACnB,6BAAK,SAAS,EAAC,0BAA0B,EAAC,KAAK,EAAE,gBAAgB;gBAC/D,oBAAC,OAAO,OACF,KAAK,GAAI,CACV;YACP,uBAAuB;YACvB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAAC,qCAAqC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAEtH,CACP,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module ContextMenu\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport * as ReactDOM from \"react-dom\";\r\nimport { ContextMenu, ContextMenuProps } from \"./ContextMenu\";\r\n\r\n/** Properties for the [[GlobalContextMenu]] component\r\n * @public\r\n */\r\nexport interface GlobalContextMenuProps extends ContextMenuProps {\r\n  /** Unique identifier, to distinguish from other GlobalContextMenu components. Needed only if multiple GlobalContextMenus are used simultaneously. */\r\n  identifier?: string;\r\n  /** Specifies the x/horizontal position on the viewport. */\r\n  x: number | string;\r\n  /** Specifies the y/vertical position on the viewport. */\r\n  y: number | string;\r\n  /** Context menu element. Default: ContextMenu */\r\n  contextMenuComponent?: React.ComponentType<ContextMenuProps>;\r\n}\r\n\r\n/** @internal */\r\ninterface GlobalContextMenuState {\r\n  parentDocument: Document | null;\r\n}\r\n\r\n/** GlobalContextMenu React component used to display a [[ContextMenu]] at the cursor\r\n * @public\r\n */\r\nexport class GlobalContextMenu extends React.PureComponent<GlobalContextMenuProps, GlobalContextMenuState> {\r\n  private _container?: HTMLDivElement;\r\n\r\n  public override readonly state: GlobalContextMenuState = {\r\n    parentDocument: null,\r\n  };\r\n\r\n  constructor(props: GlobalContextMenuProps) {\r\n    super(props);\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    // istanbul ignore else\r\n    if (this._container && this._container.parentElement) { // cleanup\r\n      this._container.parentElement.removeChild(this._container);\r\n    }\r\n  }\r\n\r\n  private _handleRefSet = (popupDiv: HTMLElement | null) => {\r\n    const parentDocument = popupDiv?.ownerDocument ?? null;\r\n    if (parentDocument) {\r\n      this._container = parentDocument.createElement(\"div\");\r\n      this._container.id = this.props.identifier !== undefined ? `dialog-${this.props.identifier}` : \"core-global-context-menu\";\r\n      let rt = parentDocument.getElementById(\"core-global-context-menu-root\") as HTMLDivElement;\r\n      if (!rt) {\r\n        rt = parentDocument.createElement(\"div\");\r\n        rt.id = \"core-global-context-menu-root\";\r\n        // istanbul ignore next\r\n        (parentDocument.body.querySelector('[data-root-container=\"iui-root-id\"]') ?? parentDocument.body).appendChild(rt);\r\n      }\r\n      rt.appendChild(this._container);\r\n\r\n      // used to support component rendering in pop-out window\r\n      this.setState({ parentDocument });\r\n    }\r\n  };\r\n\r\n  public override render(): React.ReactNode {\r\n    const { x, y, identifier, contextMenuComponent, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    const positioningStyle: React.CSSProperties = {\r\n      left: x,\r\n      top: y,\r\n    };\r\n\r\n    const CtxMenu = contextMenuComponent || ContextMenu; // eslint-disable-line @typescript-eslint/naming-convention\r\n\r\n    return (\r\n      <div ref={this._handleRefSet} style={{ display: \"none\" }}>\r\n        {this.state.parentDocument &&\r\n          ReactDOM.createPortal(\r\n            <div className=\"core-context-menu-global\" style={positioningStyle}>\r\n              <CtxMenu\r\n                {...props} />\r\n            </div >,\r\n            // istanbul ignore next\r\n            this.state.parentDocument.body.querySelector('[data-root-container=\"iui-root-id\"]') ?? this.state.parentDocument.body)\r\n        }\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}