@itwin/core-react 4.17.1 → 5.0.0-dev.2

package/lib/core-react/contextmenu/ContextMenuDivider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuDivider.d.ts","sourceRoot":"","sources":["../../../src/core-react/contextmenu/ContextMenuDivider.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD;;;GAGG;AACH,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;IACtD,MAAM,IAAI,KAAK,CAAC,YAAY;CAU7C"}

package/lib/core-react/contextmenu/ContextMenuDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuDivider.js","sourceRoot":"","sources":["../../../src/core-react/contextmenu/ContextMenuDivider.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,4CAA4C;AAE5C;;;GAGG;AACH,MAAM,OAAO,kBAAmB,SAAQ,KAAK,CAAC,aAA0B;IACtD,MAAM;QACpB,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC3C,OAAO,CACL,gCACM,KAAK,iBACG,2BAA2B,EACvC,SAAS,EAAE,UAAU,CAAC,2BAA2B,EAAE,SAAS,CAAC,GAC7D,CACH,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module ContextMenu\n */\n\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport type { CommonProps } from \"../utils/Props.js\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Menu Divider for [[ContextMenu]]. Inserts a line between items, used for list item grouping.\n * @public\n * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/docs/dropdownmenu#separator iTwinUI MenuDivider} component instead.\n */\nexport class ContextMenuDivider extends React.PureComponent<CommonProps> {\n  public override render(): React.ReactElement {\n    const { className, ...props } = this.props;\n    return (\n      <div\n        {...props}\n        data-testid=\"core-context-menu-divider\"\n        className={classnames(\"core-context-menu-divider\", className)}\n      />\n    );\n  }\n}\n"]}

package/lib/core-react/contextmenu/ContextMenuItem.d.ts

@@ -0,0 +1,65 @@
+/** @packageDocumentation
+ * @module ContextMenu
+ */
+import * as React from "react";
+import { ConditionalBooleanValue } from "@itwin/appui-abstract";
+import type { CommonProps } from "../utils/Props.js";
+import type { ContextMenu } from "./ContextMenu.js";
+import type { BadgeType } from "../badge/BadgeType.js";
+import type { IconSpec } from "../icons/IconComponent.js";
+/** Properties for the [[ContextMenuItem]] component
+ * @public
+ * @deprecated in 4.16.0. Props of deprecated {@link ContextMenuItem} component.
+ */
+export interface ContextMenuItemProps extends Omit<React.AllHTMLAttributes<HTMLDivElement>, "disabled" | "hidden">, CommonProps {
+    onSelect?: (event: any) => any;
+    /** @internal */
+    onHotKeyParsed?: (hotKey: string) => void;
+    /** Icon to display in the left margin. */
+    icon?: IconSpec;
+    /** Disables any onSelect calls, hover/keyboard highlighting, and grays item. */
+    disabled?: boolean | ConditionalBooleanValue;
+    /** Indicates whether the item is visible or hidden. The default is for the item to be visible. */
+    hidden?: boolean | ConditionalBooleanValue;
+    /** Badge to be overlaid on the item.
+     * @deprecated in 4.16.0. Use `badgeKind` property instead.
+     */
+    badgeType?: BadgeType;
+    /** Specifies the kind of badge, if any, to be overlaid on the item. */
+    badgeKind?: "technical-preview" | "new" | "deprecated" | (string & {});
+    /** Icon to display in the right margin. */
+    iconRight?: IconSpec;
+    /** Hide the icon container. This can be used to eliminate space used to display an icon at the left of the menu item. */
+    hideIconContainer?: boolean;
+    /** @internal */
+    onHover?: () => any;
+    isSelected?: boolean;
+    /** @internal */
+    parentMenu?: ContextMenu;
+}
+interface ContextMenuItemState {
+    hotKey?: string;
+}
+/** Menu item component for use within a [[ContextMenu]] component.
+ * @public
+ * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/docs/dropdownmenu iTwinUI MenuItem} instead.
+ */
+export declare class ContextMenuItem extends React.PureComponent<ContextMenuItemProps, ContextMenuItemState> {
+    private _root;
+    private _lastChildren;
+    private _parsedChildren;
+    static defaultProps: Partial<ContextMenuItemProps>;
+    constructor(props: ContextMenuItemProps);
+    readonly state: Readonly<ContextMenuItemState>;
+    render(): React.ReactElement;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ContextMenuItemProps): void;
+    private _updateHotkey;
+    private _handleFocus;
+    private _handleMouseOver;
+    select: () => void;
+    private _handleClick;
+    private _handleKeyUp;
+}
+export {};
+//# sourceMappingURL=ContextMenuItem.d.ts.map

package/lib/core-react/contextmenu/ContextMenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuItem.d.ts","sourceRoot":"","sources":["../../../src/core-react/contextmenu/ContextMenuItem.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAM1D;;;GAGG;AACH,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC,EAC1E,WAAW;IACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;IAC/B,gBAAgB;IAChB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,0CAA0C;IAC1C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAC7C,kGAAkG;IAClG,MAAM,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAC3C;;OAEG;IAEH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,uEAAuE;IACvE,SAAS,CAAC,EAAE,mBAAmB,GAAG,KAAK,GAAG,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACvE,2CAA2C;IAC3C,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,yHAAyH;IACzH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB;IAChB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IAEpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB;IAChB,UAAU,CAAC,EAAE,WAAW,CAAC;CAC1B;AAED,UAAU,oBAAoB;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,qBAAa,eAAgB,SAAQ,KAAK,CAAC,aAAa,CACtD,oBAAoB,EACpB,oBAAoB,CACrB;IACC,OAAO,CAAC,KAAK,CAA4B;IACzC,OAAO,CAAC,aAAa,CAAkB;IACvC,OAAO,CAAC,eAAe,CAAkB;IACzC,OAAc,YAAY,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAIvD;gBACU,KAAK,EAAE,oBAAoB;IAGvC,SAAyB,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,CAAM;IACpD,MAAM,IAAI,KAAK,CAAC,YAAY;IAiF5B,iBAAiB;IAIjB,kBAAkB,CAAC,SAAS,EAAE,oBAAoB;IAMlE,OAAO,CAAC,aAAa,CAWnB;IAEF,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,gBAAgB,CAQtB;IAEK,MAAM,aAMX;IAEF,OAAO,CAAC,YAAY,CAMlB;IAEF,OAAO,CAAC,YAAY,CASlB;CACH"}

package/lib/core-react/contextmenu/ContextMenuItem.js

@@ -0,0 +1,107 @@
+/*---------------------------------------------------------------------------------------------
+ * 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 { Key } from "ts-key-enum";
+import { ConditionalBooleanValue } from "@itwin/appui-abstract";
+import { TildeFinder } from "./TildeFinder.js";
+import { Icon } from "../icons/IconComponent.js";
+import { Badge } from "../badge/Badge.js";
+/** Menu item component for use within a [[ContextMenu]] component.
+ * @public
+ * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/docs/dropdownmenu iTwinUI MenuItem} instead.
+ */
+export class ContextMenuItem extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this._root = null;
+        this.state = {};
+        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._handleFocus = (event) => {
+            event.stopPropagation();
+        };
+        this._handleMouseOver = (_event) => {
+            if (this._root &&
+                this._root.style.visibility !== "hidden" &&
+                this.props.onHover) {
+                this.props.onHover();
+            }
+        };
+        this.select = () => {
+            if (this._root) {
+                this._root.click();
+                if (this.props.parentMenu && this.props.parentMenu.props.parentSubmenu)
+                    this.props.parentMenu.props.parentSubmenu.close(true);
+            }
+        };
+        this._handleClick = (event) => {
+            const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);
+            if (isDisabled)
+                return;
+            if (this.props.onClick)
+                this.props.onClick(event);
+            if (this.props.onSelect)
+                this.props.onSelect(event);
+        };
+        this._handleKeyUp = (event) => {
+            const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);
+            if (event.key === Key.Enter.valueOf() &&
+                this.props.onSelect !== undefined &&
+                !isDisabled) {
+                this.props.onSelect(event);
+            }
+        };
+    }
+    render() {
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const { onClick, className, style, onSelect, icon, disabled, hidden, onHover, isSelected, parentMenu, onHotKeyParsed, badgeType, // eslint-disable-line deprecation/deprecation
+        badgeKind, iconRight, hideIconContainer, ...props } = this.props;
+        const isDisabled = ConditionalBooleanValue.getValue(disabled);
+        const isHidden = ConditionalBooleanValue.getValue(hidden);
+        if (this._lastChildren !== this.props.children) {
+            this._parsedChildren = TildeFinder.findAfterTilde(this.props.children).node;
+            this._lastChildren = this.props.children;
+        }
+        return (React.createElement("div", { ...props, ref: (el) => {
+                this._root = el;
+            }, onClick: this._handleClick, style: style, onFocus: this._handleFocus, onKeyUp: this._handleKeyUp, onMouseOver: this._handleMouseOver, "data-testid": "core-context-menu-item", className: classnames("core-context-menu-item", className, isDisabled && "core-context-menu-disabled", isHidden && "core-context-menu-hidden", isSelected && "core-context-menu-is-selected"), role: "menuitem", tabIndex: isSelected ? 0 : -1, "aria-disabled": isDisabled, "aria-hidden": isHidden },
+            !hideIconContainer && (React.createElement("div", { className: "core-context-menu-icon" }, icon !== undefined && React.createElement(Icon, { iconSpec: icon }))),
+            React.createElement("div", { className: "core-context-menu-content" }, this._parsedChildren),
+            iconRight && (React.createElement("div", { className: classnames("core-context-menu-icon", "core-context-menu-icon-right") },
+                React.createElement(Icon, { iconSpec: iconRight }))),
+            (badgeKind || badgeType) && (React.createElement("div", { className: "core-context-menu-badge" },
+                React.createElement(Badge, { type: badgeKind || badgeType })))));
+    }
+    componentDidMount() {
+        this._updateHotkey(this.props.children);
+    }
+    componentDidUpdate(prevProps) {
+        if (this.props.children !== prevProps.children) {
+            this._updateHotkey(this.props.children);
+        }
+    }
+}
+ContextMenuItem.defaultProps = {
+    disabled: false,
+    hidden: false,
+    isSelected: false,
+};
+//# sourceMappingURL=ContextMenuItem.js.map

package/lib/core-react/contextmenu/ContextMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuItem.js","sourceRoot":"","sources":["../../../src/core-react/contextmenu/ContextMenuItem.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module ContextMenu\n */\n\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport { Key } from \"ts-key-enum\";\nimport { ConditionalBooleanValue } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"../utils/Props.js\";\nimport type { ContextMenu } from \"./ContextMenu.js\";\nimport type { BadgeType } from \"../badge/BadgeType.js\";\nimport { TildeFinder } from \"./TildeFinder.js\";\nimport type { IconSpec } from \"../icons/IconComponent.js\";\nimport { Icon } from \"../icons/IconComponent.js\";\nimport { Badge } from \"../badge/Badge.js\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Properties for the [[ContextMenuItem]] component\n * @public\n * @deprecated in 4.16.0. Props of deprecated {@link ContextMenuItem} component.\n */\nexport interface ContextMenuItemProps\n  extends Omit<React.AllHTMLAttributes<HTMLDivElement>, \"disabled\" | \"hidden\">,\n    CommonProps {\n  onSelect?: (event: any) => any;\n  /** @internal */\n  onHotKeyParsed?: (hotKey: string) => void;\n  /** Icon to display in the left margin. */\n  icon?: IconSpec;\n  /** Disables any onSelect calls, hover/keyboard highlighting, and grays item. */\n  disabled?: boolean | ConditionalBooleanValue;\n  /** Indicates whether the item is visible or hidden. The default is for the item to be visible. */\n  hidden?: boolean | ConditionalBooleanValue;\n  /** Badge to be overlaid on the item.\n   * @deprecated in 4.16.0. Use `badgeKind` property instead.\n   */\n  // eslint-disable-next-line deprecation/deprecation\n  badgeType?: BadgeType;\n  /** Specifies the kind of badge, if any, to be overlaid on the item. */\n  badgeKind?: \"technical-preview\" | \"new\" | \"deprecated\" | (string & {});\n  /** Icon to display in the right margin. */\n  iconRight?: IconSpec;\n  /** Hide the icon container. This can be used to eliminate space used to display an icon at the left of the menu item. */\n  hideIconContainer?: boolean;\n  /** @internal */\n  onHover?: () => any;\n  /* @internal */\n  isSelected?: boolean;\n  /** @internal */\n  parentMenu?: ContextMenu;\n}\n\ninterface ContextMenuItemState {\n  hotKey?: string;\n}\n\n/** Menu item component for use within a [[ContextMenu]] component.\n * @public\n * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/docs/dropdownmenu iTwinUI MenuItem} instead.\n */\nexport class ContextMenuItem extends React.PureComponent<\n  ContextMenuItemProps,\n  ContextMenuItemState\n> {\n  private _root: HTMLElement | null = null;\n  private _lastChildren: React.ReactNode;\n  private _parsedChildren: React.ReactNode;\n  public static defaultProps: Partial<ContextMenuItemProps> = {\n    disabled: false,\n    hidden: false,\n    isSelected: false,\n  };\n  constructor(props: ContextMenuItemProps) {\n    super(props);\n  }\n  public override readonly state: Readonly<ContextMenuItemState> = {};\n  public override render(): React.ReactElement {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const {\n      onClick,\n      className,\n      style,\n      onSelect,\n      icon,\n      disabled,\n      hidden,\n      onHover,\n      isSelected,\n      parentMenu,\n      onHotKeyParsed,\n      badgeType, // eslint-disable-line deprecation/deprecation\n      badgeKind,\n      iconRight,\n      hideIconContainer,\n      ...props\n    } = this.props;\n    const isDisabled = ConditionalBooleanValue.getValue(disabled);\n    const isHidden = ConditionalBooleanValue.getValue(hidden);\n\n    if (this._lastChildren !== this.props.children) {\n      this._parsedChildren = TildeFinder.findAfterTilde(\n        this.props.children\n      ).node;\n      this._lastChildren = this.props.children;\n    }\n\n    return (\n      <div\n        {...props}\n        ref={(el) => {\n          this._root = el;\n        }}\n        onClick={this._handleClick}\n        style={style}\n        onFocus={this._handleFocus}\n        onKeyUp={this._handleKeyUp}\n        onMouseOver={this._handleMouseOver}\n        data-testid={\"core-context-menu-item\"}\n        className={classnames(\n          \"core-context-menu-item\",\n          className,\n          isDisabled && \"core-context-menu-disabled\",\n          isHidden && \"core-context-menu-hidden\",\n          isSelected && \"core-context-menu-is-selected\"\n        )}\n        role=\"menuitem\"\n        tabIndex={isSelected ? 0 : -1}\n        aria-disabled={isDisabled}\n        aria-hidden={isHidden}\n      >\n        {!hideIconContainer && (\n          <div className=\"core-context-menu-icon\">\n            {icon !== undefined && <Icon iconSpec={icon} />}\n          </div>\n        )}\n        <div className={\"core-context-menu-content\"}>\n          {this._parsedChildren}\n        </div>\n        {iconRight && (\n          <div\n            className={classnames(\n              \"core-context-menu-icon\",\n              \"core-context-menu-icon-right\"\n            )}\n          >\n            <Icon iconSpec={iconRight} />\n          </div>\n        )}\n        {(badgeKind || badgeType) && (\n          <div className=\"core-context-menu-badge\">\n            <Badge type={badgeKind || badgeType} />\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  public override componentDidMount() {\n    this._updateHotkey(this.props.children);\n  }\n\n  public override componentDidUpdate(prevProps: ContextMenuItemProps) {\n    if (this.props.children !== prevProps.children) {\n      this._updateHotkey(this.props.children);\n    }\n  }\n\n  private _updateHotkey = (node: React.ReactNode) => {\n    let hotKey: string | undefined;\n    const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);\n    const isHidden = ConditionalBooleanValue.getValue(this.props.hidden);\n    if (!isDisabled && !isHidden)\n      hotKey = TildeFinder.findAfterTilde(node).character;\n    else hotKey = undefined;\n    if (hotKey && hotKey !== this.state.hotKey) {\n      this.setState({ hotKey });\n      if (this.props.onHotKeyParsed) this.props.onHotKeyParsed(hotKey);\n    }\n  };\n\n  private _handleFocus = (event: React.FocusEvent<HTMLDivElement>) => {\n    event.stopPropagation();\n  };\n\n  private _handleMouseOver = (_event: React.MouseEvent<HTMLDivElement>) => {\n    if (\n      this._root &&\n      this._root.style.visibility !== \"hidden\" &&\n      this.props.onHover\n    ) {\n      this.props.onHover();\n    }\n  };\n\n  public select = () => {\n    if (this._root) {\n      this._root.click();\n      if (this.props.parentMenu && this.props.parentMenu.props.parentSubmenu)\n        this.props.parentMenu.props.parentSubmenu.close(true);\n    }\n  };\n\n  private _handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n    const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);\n    if (isDisabled) return;\n\n    if (this.props.onClick) this.props.onClick(event);\n    if (this.props.onSelect) this.props.onSelect(event);\n  };\n\n  private _handleKeyUp = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);\n    if (\n      event.key === Key.Enter.valueOf() &&\n      this.props.onSelect !== undefined &&\n      !isDisabled\n    ) {\n      this.props.onSelect(event);\n    }\n  };\n}\n"]}

package/lib/core-react/contextmenu/ContextSubMenu.d.ts

@@ -0,0 +1,51 @@
+/** @packageDocumentation
+ * @module ContextMenu
+ */
+import * as React from "react";
+import type { ContextMenuItemProps } from "./ContextMenuItem.js";
+import type { ContextMenuProps } from "./ContextMenu.js";
+import type { CommonProps } from "../utils/Props.js";
+import { ContextMenuDirection } from "./ContextMenuDirection.js";
+/** Properties for the [[ContextSubMenu]] component
+ * @public
+ * @deprecated in 4.16.0. Props of deprecated {@link ContextSubMenu} component.
+ */
+export interface ContextSubMenuProps extends Omit<ContextMenuItemProps, "label">, Omit<ContextMenuProps, "label">, CommonProps {
+    /** Text/jsx to display in the list item */
+    label: string | React.ReactElement;
+    /** @internal */
+    onHotKeyParsed?: (hotKey: string) => void;
+}
+interface ContextSubMenuState {
+    opened: boolean;
+    direction: ContextMenuDirection;
+    hotKey?: string;
+}
+/** Submenu wrapper class for use within a [[ContextMenu]] component.
+ * @public
+ * @deprecated in 4.16.0. Use `subMenuItems` property {@link https://itwinui.bentley.com/docs/dropdownmenu#submenu iTwinUI MenuItem} component instead.
+ */
+export declare class ContextSubMenu extends React.Component<ContextSubMenuProps, ContextSubMenuState> {
+    private _menuElement;
+    private _subMenuElement;
+    private _menuButtonElement;
+    private _lastLabel;
+    private _parsedLabel;
+    static defaultProps: Partial<ContextSubMenuProps>;
+    readonly state: Readonly<ContextSubMenuState>;
+    constructor(props: ContextSubMenuProps);
+    render(): React.ReactElement;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: ContextSubMenuProps, prevState: ContextSubMenuState): void;
+    private getWindow;
+    private checkRenderDirection;
+    private _updateHotkey;
+    select: () => void;
+    close: (propagate?: boolean) => void;
+    private _handleMouseOver;
+    private _handleClick;
+    private _handleClickGlobal;
+}
+export {};
+//# sourceMappingURL=ContextSubMenu.d.ts.map

package/lib/core-react/contextmenu/ContextSubMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextSubMenu.d.ts","sourceRoot":"","sources":["../../../src/core-react/contextmenu/ContextSubMenu.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAQjE;;;GAGG;AACH,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC,EACzC,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,EAC/B,WAAW;IACb,2CAA2C;IAC3C,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IACnC,gBAAgB;IAChB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,UAAU,mBAAmB;IAC3B,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,oBAAoB,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CACjD,mBAAmB,EACnB,mBAAmB,CACpB;IACC,OAAO,CAAC,YAAY,CAA4B;IAChD,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,kBAAkB,CAA4B;IAEtD,OAAO,CAAC,UAAU,CAAkB;IACpC,OAAO,CAAC,YAAY,CAAkB;IAEtC,OAAc,YAAY,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAOtD;IAEF,SAAyB,KAAK,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAAC;gBAClD,KAAK,EAAE,mBAAmB;IAQtB,MAAM,IAAI,KAAK,CAAC,YAAY;IAqH5B,iBAAiB;IAOjB,oBAAoB;IAIpB,kBAAkB,CAChC,SAAS,EAAE,mBAAmB,EAC9B,SAAS,EAAE,mBAAmB;IAchC,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,oBAAoB;IAiB5B,OAAO,CAAC,aAAa,CAWnB;IAEK,MAAM,aAKX;IAEK,KAAK,eAAgB,OAAO,UAWjC;IAEF,OAAO,CAAC,gBAAgB,CAQtB;IAEF,OAAO,CAAC,YAAY,CAUlB;IAEF,OAAO,CAAC,kBAAkB,CAGxB;CACH"}

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

@@ -0,0 +1,173 @@
+/*---------------------------------------------------------------------------------------------
+ * 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.js";
+import { ContextMenuDirection } from "./ContextMenuDirection.js";
+import { TildeFinder } from "./TildeFinder.js";
+import { Icon } from "../icons/IconComponent.js";
+import { SvgCaretRightSmall } from "@itwin/itwinui-icons-react";
+import { Badge } from "../badge/Badge.js";
+/** Submenu wrapper class for use within a [[ContextMenu]] component.
+ * @public
+ * @deprecated in 4.16.0. Use `subMenuItems` property {@link https://itwinui.bentley.com/docs/dropdownmenu#submenu iTwinUI MenuItem} component instead.
+ */
+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 }, () => {
+                if (this._menuElement)
+                    this._menuElement.focus();
+                if (this.props.onSelect !== undefined)
+                    this.props.onSelect(undefined);
+            });
+        };
+        this.close = (propagate) => {
+            this.setState({ opened: false }, () => {
+                if (this._menuElement)
+                    this._menuElement.blur();
+            });
+            if (propagate &&
+                this.props.parentMenu &&
+                this.props.parentMenu.props.parentSubmenu) {
+                this.props.parentMenu.props.parentSubmenu.close(true);
+            }
+        };
+        this._handleMouseOver = (_event) => {
+            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);
+            if (!isDisabled) {
+                if (this.props.onClick !== undefined)
+                    this.props.onClick(event);
+                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, onSelect, icon, disabled, hidden, onHover, isSelected, onHotKeyParsed, children, onClick, className, badgeType, // eslint-disable-line deprecation/deprecation
+        badgeKind, hideIconContainer, ...props } = this.props;
+        const onOutsideClickWrapper = (event) => {
+            this.close();
+            onOutsideClick && onOutsideClick(event);
+        };
+        const contextMenuProps = {
+            onOutsideClick: onOutsideClickWrapper,
+            onSelect,
+            onEsc,
+            autoflip,
+            edgeLimit,
+            selectedIndex,
+            floating,
+            parentMenu,
+        };
+        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 (React.createElement("div", { className: classnames("core-context-submenu", ContextMenu.getCSSClassNameFromDirection(renderDirection), className), 
+            // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
+            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 },
+                !hideIconContainer && (React.createElement("div", { className: "core-context-menu-icon" }, icon !== undefined && React.createElement(Icon, { iconSpec: 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(SvgCaretRightSmall, null) })),
+                (badgeKind || badgeType) && (React.createElement("div", { className: "core-context-menu-badge" },
+                    React.createElement(Badge, { type: badgeKind || badgeType })))),
+            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;
+        if (parentWindow && autoflip && this._menuElement) {
+            const menuRect = this._menuElement.getRect();
+            renderDirection = ContextMenu.autoFlip(renderDirection, menuRect, parentWindow.innerWidth, parentWindow.innerHeight);
+            if (renderDirection !== this.state.direction)
+                this.setState({ direction: renderDirection });
+        }
+    }
+}
+ContextSubMenu.defaultProps = {
+    direction: ContextMenuDirection.BottomRight,
+    disabled: false,
+    hidden: false,
+    autoflip: true,
+    isSelected: false,
+    selectedIndex: 0,
+};
+//# sourceMappingURL=ContextSubMenu.js.map

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

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

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

@@ -0,0 +1,36 @@
+/** @packageDocumentation
+ * @module ContextMenu
+ */
+import * as React from "react";
+import type { ContextMenuProps } from "./ContextMenu.js";
+/** Properties for the [[GlobalContextMenu]] component
+ * @public
+ * @deprecated in 4.16.0. Props of deprecated {@link GlobalContextMenu} component.
+ */
+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>;
+}
+interface GlobalContextMenuState {
+    parentDocument: Document | null;
+}
+/** GlobalContextMenu React component used to display a [[ContextMenu]] at the cursor
+ * @public
+ * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/docs/dropdownmenu iTwinUI DropdownMenu} component instead.
+ */
+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/core-react/contextmenu/GlobalContextMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalContextMenu.d.ts","sourceRoot":"","sources":["../../../src/core-react/contextmenu/GlobalContextMenu.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAKzD;;;GAGG;AACH,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB;IAC9D,qJAAqJ;IACrJ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2DAA2D;IAC3D,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnB,yDAAyD;IACzD,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnB,iDAAiD;IACjD,oBAAoB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;CAC9D;AAED,UAAU,sBAAsB;IAC9B,cAAc,EAAE,QAAQ,GAAG,IAAI,CAAC;CACjC;AAED;;;GAGG;AACH,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,aAAa,CACxD,sBAAsB,EACtB,sBAAsB,CACvB;IACC,OAAO,CAAC,UAAU,CAAC,CAAiB;IAEpC,SAAyB,KAAK,EAAE,sBAAsB,CAEpD;gBAEU,KAAK,EAAE,sBAAsB;IAIzB,oBAAoB;IAOpC,OAAO,CAAC,aAAa,CAyBnB;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;CAuB1C"}

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

@@ -0,0 +1,59 @@
+/*---------------------------------------------------------------------------------------------
+ * 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.js";
+/** GlobalContextMenu React component used to display a [[ContextMenu]] at the cursor
+ * @public
+ * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/docs/dropdownmenu iTwinUI DropdownMenu} component instead.
+ */
+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";
+                    (parentDocument.body.querySelector('[data-root-container="appui-root-id"]') ?? parentDocument.body).appendChild(rt);
+                }
+                rt.appendChild(this._container);
+                // used to support component rendering in pop-out window
+                this.setState({ parentDocument });
+            }
+        };
+    }
+    componentWillUnmount() {
+        if (this._container && this._container.parentElement) {
+            // cleanup
+            this._container.parentElement.removeChild(this._container);
+        }
+    }
+    render() {
+        const { x, y, identifier, contextMenuComponent, ...props } = this.props;
+        const positioningStyle = {
+            left: x,
+            top: y,
+        };
+        const CtxMenu = contextMenuComponent || ContextMenu;
+        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 })), this.state.parentDocument.body.querySelector('[data-root-container="appui-root-id"]') ?? this.state.parentDocument.body)));
+    }
+}
+//# sourceMappingURL=GlobalContextMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalContextMenu.js","sourceRoot":"","sources":["../../../src/core-react/contextmenu/GlobalContextMenu.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAuB/C;;;GAGG;AACH,MAAM,OAAO,iBAAkB,SAAQ,KAAK,CAAC,aAG5C;IAOC,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,CAAC;gBACnB,IAAI,CAAC,UAAU,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBACtD,IAAI,CAAC,UAAU,CAAC,EAAE;oBAChB,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,SAAS;wBACjC,CAAC,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;wBACnC,CAAC,CAAC,0BAA0B,CAAC;gBACjC,IAAI,EAAE,GAAG,cAAc,CAAC,cAAc,CACpC,+BAA+B,CACd,CAAC;gBACpB,IAAI,CAAC,EAAE,EAAE,CAAC;oBACR,EAAE,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;oBACzC,EAAE,CAAC,EAAE,GAAG,+BAA+B,CAAC;oBACxC,CACE,cAAc,CAAC,IAAI,CAAC,aAAa,CAC/B,uCAAuC,CACxC,IAAI,cAAc,CAAC,IAAI,CACzB,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;gBACpB,CAAC;gBACD,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAEhC,wDAAwD;gBACxD,IAAI,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC;YACpC,CAAC;QACH,CAAC,CAAC;IAlCF,CAAC;IAEe,oBAAoB;QAClC,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,CAAC;YACrD,UAAU;YACV,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC;IACH,CAAC;IA6Be,MAAM;QACpB,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,oBAAoB,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACxE,MAAM,gBAAgB,GAAwB;YAC5C,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;SACP,CAAC;QAEF,MAAM,OAAO,GAAG,oBAAoB,IAAI,WAAW,CAAC;QAEpD,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,OAAK,KAAK,GAAI,CAClB,EACN,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAC1C,uCAAuC,CACxC,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CACpC,CACC,CACP,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module ContextMenu\n */\n\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport type { ContextMenuProps } from \"./ContextMenu.js\";\nimport { ContextMenu } from \"./ContextMenu.js\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Properties for the [[GlobalContextMenu]] component\n * @public\n * @deprecated in 4.16.0. Props of deprecated {@link GlobalContextMenu} component.\n */\nexport interface GlobalContextMenuProps extends ContextMenuProps {\n  /** Unique identifier, to distinguish from other GlobalContextMenu components. Needed only if multiple GlobalContextMenus are used simultaneously. */\n  identifier?: string;\n  /** Specifies the x/horizontal position on the viewport. */\n  x: number | string;\n  /** Specifies the y/vertical position on the viewport. */\n  y: number | string;\n  /** Context menu element. Default: ContextMenu */\n  contextMenuComponent?: React.ComponentType<ContextMenuProps>;\n}\n\ninterface GlobalContextMenuState {\n  parentDocument: Document | null;\n}\n\n/** GlobalContextMenu React component used to display a [[ContextMenu]] at the cursor\n * @public\n * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/docs/dropdownmenu iTwinUI DropdownMenu} component instead.\n */\nexport class GlobalContextMenu extends React.PureComponent<\n  GlobalContextMenuProps,\n  GlobalContextMenuState\n> {\n  private _container?: HTMLDivElement;\n\n  public override readonly state: GlobalContextMenuState = {\n    parentDocument: null,\n  };\n\n  constructor(props: GlobalContextMenuProps) {\n    super(props);\n  }\n\n  public override componentWillUnmount() {\n    if (this._container && this._container.parentElement) {\n      // cleanup\n      this._container.parentElement.removeChild(this._container);\n    }\n  }\n\n  private _handleRefSet = (popupDiv: HTMLElement | null) => {\n    const parentDocument = popupDiv?.ownerDocument ?? null;\n    if (parentDocument) {\n      this._container = parentDocument.createElement(\"div\");\n      this._container.id =\n        this.props.identifier !== undefined\n          ? `dialog-${this.props.identifier}`\n          : \"core-global-context-menu\";\n      let rt = parentDocument.getElementById(\n        \"core-global-context-menu-root\"\n      ) as HTMLDivElement;\n      if (!rt) {\n        rt = parentDocument.createElement(\"div\");\n        rt.id = \"core-global-context-menu-root\";\n        (\n          parentDocument.body.querySelector(\n            '[data-root-container=\"appui-root-id\"]'\n          ) ?? parentDocument.body\n        ).appendChild(rt);\n      }\n      rt.appendChild(this._container);\n\n      // used to support component rendering in pop-out window\n      this.setState({ parentDocument });\n    }\n  };\n\n  public override render(): React.ReactNode {\n    const { x, y, identifier, contextMenuComponent, ...props } = this.props;\n    const positioningStyle: React.CSSProperties = {\n      left: x,\n      top: y,\n    };\n\n    const CtxMenu = contextMenuComponent || ContextMenu;\n\n    return (\n      <div ref={this._handleRefSet} style={{ display: \"none\" }}>\n        {this.state.parentDocument &&\n          ReactDOM.createPortal(\n            <div className=\"core-context-menu-global\" style={positioningStyle}>\n              <CtxMenu {...props} />\n            </div>,\n            this.state.parentDocument.body.querySelector(\n              '[data-root-container=\"appui-root-id\"]'\n            ) ?? this.state.parentDocument.body\n          )}\n      </div>\n    );\n  }\n}\n"]}