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

package/lib/cjs/core-react/contextmenu/ContextMenuDirection.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContextMenuDirection = void 0;
-/** Enum to specify where a [[ContextMenu]] should anchor to its parent element
- * @public
- * @deprecated in 4.16.0. Enum used in a deprecated {@link ContextMenu} component.
- */
-var ContextMenuDirection;
-(function (ContextMenuDirection) {
-    ContextMenuDirection["None"] = "";
-    ContextMenuDirection["TopLeft"] = "top left";
-    ContextMenuDirection["Top"] = "top";
-    ContextMenuDirection["TopRight"] = "top right";
-    ContextMenuDirection["Left"] = "left";
-    ContextMenuDirection["Center"] = "center";
-    ContextMenuDirection["Right"] = "right";
-    ContextMenuDirection["BottomLeft"] = "bottom left";
-    ContextMenuDirection["Bottom"] = "bottom";
-    ContextMenuDirection["BottomRight"] = "bottom right";
-})(ContextMenuDirection || (exports.ContextMenuDirection = ContextMenuDirection = {}));
-//# sourceMappingURL=ContextMenuDirection.js.map

package/lib/cjs/core-react/contextmenu/ContextMenuDirection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenuDirection.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenuDirection.ts"],"names":[],"mappings":";;;AASA;;;GAGG;AACH,IAAY,oBAWX;AAXD,WAAY,oBAAoB;IAC9B,iCAAS,CAAA;IACT,4CAAoB,CAAA;IACpB,mCAAW,CAAA;IACX,8CAAsB,CAAA;IACtB,qCAAa,CAAA;IACb,yCAAiB,CAAA;IACjB,uCAAe,CAAA;IACf,kDAA0B,CAAA;IAC1B,yCAAiB,CAAA;IACjB,oDAA4B,CAAA;AAC9B,CAAC,EAXW,oBAAoB,oCAApB,oBAAoB,QAW/B","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 */\nimport type { ContextMenu } from \"./ContextMenu\";\n\n/** Enum to specify where a [[ContextMenu]] should anchor to its parent element\n * @public\n * @deprecated in 4.16.0. Enum used in a deprecated {@link ContextMenu} component.\n */\nexport enum ContextMenuDirection {\n  None = \"\",\n  TopLeft = \"top left\",\n  Top = \"top\",\n  TopRight = \"top right\",\n  Left = \"left\",\n  Center = \"center\",\n  Right = \"right\",\n  BottomLeft = \"bottom left\",\n  Bottom = \"bottom\",\n  BottomRight = \"bottom right\",\n}\n"]}

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

@@ -1,13 +0,0 @@
-/** @packageDocumentation
- * @module ContextMenu
- */
-import * as React from "react";
-import type { CommonProps } from "../utils/Props";
-/** Menu Divider for [[ContextMenu]]. Inserts a line between items, used for list item grouping.
- * @public
- * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/docs/dropdownmenu#separator iTwinUI MenuDivider} component instead.
- */
-export declare class ContextMenuDivider extends React.PureComponent<CommonProps> {
-    render(): React.ReactElement;
-}
-//# sourceMappingURL=ContextMenuDivider.d.ts.map

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

@@ -1 +0,0 @@
-{"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,gBAAgB,CAAC;AAIlD;;;GAGG;AACH,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;IACtD,MAAM,IAAI,KAAK,CAAC,YAAY;CAU7C"}

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

@@ -1,25 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContextMenuDivider = void 0;
-const React = require("react");
-const classnames_1 = require("classnames");
-/* eslint-disable deprecation/deprecation */
-/** Menu Divider for [[ContextMenu]]. Inserts a line between items, used for list item grouping.
- * @public
- * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/docs/dropdownmenu#separator iTwinUI MenuDivider} component instead.
- */
-class ContextMenuDivider extends React.PureComponent {
-    render() {
-        const { className, ...props } = this.props;
-        return (React.createElement("div", { ...props, "data-testid": "core-context-menu-divider", className: (0, classnames_1.default)("core-context-menu-divider", className) }));
-    }
-}
-exports.ContextMenuDivider = ContextMenuDivider;
-//# sourceMappingURL=ContextMenuDivider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenuDivider.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenuDivider.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,2CAAoC;AAGpC,4CAA4C;AAE5C;;;GAGG;AACH,MAAa,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,IAAA,oBAAU,EAAC,2BAA2B,EAAE,SAAS,CAAC,GAC7D,CACH,CAAC;IACJ,CAAC;CACF;AAXD,gDAWC","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\";\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/cjs/core-react/contextmenu/ContextMenuItem.d.ts

@@ -1,65 +0,0 @@
-/** @packageDocumentation
- * @module ContextMenu
- */
-import * as React from "react";
-import { ConditionalBooleanValue } from "@itwin/appui-abstract";
-import type { CommonProps } from "../utils/Props";
-import type { ContextMenu } from "./ContextMenu";
-import type { BadgeType } from "../badge/BadgeType";
-import type { IconSpec } from "../icons/IconComponent";
-/** 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/cjs/core-react/contextmenu/ContextMenuItem.d.ts.map

@@ -1 +0,0 @@
-{"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,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAMvD;;;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/cjs/core-react/contextmenu/ContextMenuItem.js

@@ -1,111 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContextMenuItem = void 0;
-const React = require("react");
-const classnames_1 = require("classnames");
-const ts_key_enum_1 = require("ts-key-enum");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const TildeFinder_1 = require("./TildeFinder");
-const IconComponent_1 = require("../icons/IconComponent");
-const Badge_1 = require("../badge/Badge");
-/** 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.
- */
-class ContextMenuItem extends React.PureComponent {
-    constructor(props) {
-        super(props);
-        this._root = null;
-        this.state = {};
-        this._updateHotkey = (node) => {
-            let hotKey;
-            const isDisabled = appui_abstract_1.ConditionalBooleanValue.getValue(this.props.disabled);
-            const isHidden = appui_abstract_1.ConditionalBooleanValue.getValue(this.props.hidden);
-            if (!isDisabled && !isHidden)
-                hotKey = TildeFinder_1.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 = appui_abstract_1.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 = appui_abstract_1.ConditionalBooleanValue.getValue(this.props.disabled);
-            if (event.key === ts_key_enum_1.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 = appui_abstract_1.ConditionalBooleanValue.getValue(disabled);
-        const isHidden = appui_abstract_1.ConditionalBooleanValue.getValue(hidden);
-        if (this._lastChildren !== this.props.children) {
-            this._parsedChildren = TildeFinder_1.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: (0, classnames_1.default)("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(IconComponent_1.Icon, { iconSpec: icon }))),
-            React.createElement("div", { className: "core-context-menu-content" }, this._parsedChildren),
-            iconRight && (React.createElement("div", { className: (0, classnames_1.default)("core-context-menu-icon", "core-context-menu-icon-right") },
-                React.createElement(IconComponent_1.Icon, { iconSpec: iconRight }))),
-            (badgeKind || badgeType) && (React.createElement("div", { className: "core-context-menu-badge" },
-                React.createElement(Badge_1.Badge, { type: badgeKind || badgeType })))));
-    }
-    componentDidMount() {
-        this._updateHotkey(this.props.children);
-    }
-    componentDidUpdate(prevProps) {
-        if (this.props.children !== prevProps.children) {
-            this._updateHotkey(this.props.children);
-        }
-    }
-}
-exports.ContextMenuItem = ContextMenuItem;
-ContextMenuItem.defaultProps = {
-    disabled: false,
-    hidden: false,
-    isSelected: false,
-};
-//# sourceMappingURL=ContextMenuItem.js.map

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

@@ -1 +0,0 @@
-{"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\";\nimport type { ContextMenu } from \"./ContextMenu\";\nimport type { BadgeType } from \"../badge/BadgeType\";\nimport { TildeFinder } from \"./TildeFinder\";\nimport type { IconSpec } from \"../icons/IconComponent\";\nimport { Icon } from \"../icons/IconComponent\";\nimport { Badge } from \"../badge/Badge\";\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/cjs/core-react/contextmenu/ContextSubMenu.d.ts

@@ -1,51 +0,0 @@
-/** @packageDocumentation
- * @module ContextMenu
- */
-import * as React from "react";
-import type { ContextMenuItemProps } from "./ContextMenuItem";
-import type { ContextMenuProps } from "./ContextMenu";
-import type { CommonProps } from "../utils/Props";
-import { ContextMenuDirection } from "./ContextMenuDirection";
-/** 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/cjs/core-react/contextmenu/ContextSubMenu.d.ts.map

@@ -1 +0,0 @@
-{"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,mBAAmB,CAAC;AAC9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAQ9D;;;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/cjs/core-react/contextmenu/ContextSubMenu.js

@@ -1,177 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContextSubMenu = void 0;
-const React = require("react");
-const classnames_1 = require("classnames");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const ContextMenu_1 = require("./ContextMenu");
-const ContextMenuDirection_1 = require("./ContextMenuDirection");
-const TildeFinder_1 = require("./TildeFinder");
-const IconComponent_1 = require("../icons/IconComponent");
-const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
-const Badge_1 = require("../badge/Badge");
-/** 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.
- */
-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 = appui_abstract_1.ConditionalBooleanValue.getValue(this.props.disabled);
-            const isHidden = appui_abstract_1.ConditionalBooleanValue.getValue(this.props.hidden);
-            if (!isDisabled && !isHidden)
-                hotKey = TildeFinder_1.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 = appui_abstract_1.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 = appui_abstract_1.ConditionalBooleanValue.getValue(disabled);
-        const isHidden = appui_abstract_1.ConditionalBooleanValue.getValue(hidden);
-        if (this._lastLabel !== label) {
-            this._parsedLabel = TildeFinder_1.TildeFinder.findAfterTilde(label).node;
-            this._lastLabel = label;
-        }
-        return (React.createElement("div", { className: (0, classnames_1.default)("core-context-submenu", ContextMenu_1.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: (0, classnames_1.default)("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(IconComponent_1.Icon, { iconSpec: icon }))),
-                React.createElement("div", { className: "core-context-menu-content" }, this._parsedLabel),
-                React.createElement("div", { className: (0, classnames_1.default)("core-context-submenu-arrow", "icon") },
-                    React.createElement(IconComponent_1.Icon, { iconSpec: React.createElement(itwinui_icons_react_1.SvgCaretRightSmall, null) })),
-                (badgeKind || badgeType) && (React.createElement("div", { className: "core-context-menu-badge" },
-                    React.createElement(Badge_1.Badge, { type: badgeKind || badgeType })))),
-            React.createElement(ContextMenu_1.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_1.ContextMenu.autoFlip(renderDirection, menuRect, parentWindow.innerWidth, parentWindow.innerHeight);
-            if (renderDirection !== this.state.direction)
-                this.setState({ direction: renderDirection });
-        }
-    }
-}
-exports.ContextSubMenu = ContextSubMenu;
-ContextSubMenu.defaultProps = {
-    direction: ContextMenuDirection_1.ContextMenuDirection.BottomRight,
-    disabled: false,
-    hidden: false,
-    autoflip: true,
-    isSelected: false,
-    selectedIndex: 0,
-};
-//# sourceMappingURL=ContextSubMenu.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ContextSubMenu.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextSubMenu.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,2CAAoC;AACpC,0DAAgE;AAGhE,+CAA4C;AAE5C,iEAA8D;AAC9D,+CAA4C;AAC5C,0DAA8C;AAC9C,oEAAgE;AAChE,0CAAuC;AAwBvC;;;GAGG;AACH,MAAa,cAAe,SAAQ,KAAK,CAAC,SAGzC;IAkBC,YAAY,KAA0B;QACpC,KAAK,CAAC,KAAK,CAAC,CAAC;QAlBP,iBAAY,GAAuB,IAAI,CAAC;QACxC,oBAAe,GAAuB,IAAI,CAAC;QAC3C,uBAAkB,GAAuB,IAAI,CAAC;QA8L9C,kBAAa,GAAG,CAAC,IAAqB,EAAE,EAAE;YAChD,IAAI,MAA0B,CAAC;YAC/B,MAAM,UAAU,GAAG,wCAAuB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YACzE,MAAM,QAAQ,GAAG,wCAAuB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YACrE,IAAI,CAAC,UAAU,IAAI,CAAC,QAAQ;gBAC1B,MAAM,GAAG,yBAAW,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC;;gBACjD,MAAM,GAAG,SAAS,CAAC;YACxB,IAAI,MAAM,IAAI,MAAM,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;gBAC3C,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;gBAC1B,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc;oBAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;YACnE,CAAC;QACH,CAAC,CAAC;QAEK,WAAM,GAAG,GAAG,EAAE;YACnB,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,GAAG,EAAE;gBACnC,IAAI,IAAI,CAAC,YAAY;oBAAE,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC;gBACjD,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS;oBAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;YACxE,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEK,UAAK,GAAG,CAAC,SAAmB,EAAE,EAAE;YACrC,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE;gBACpC,IAAI,IAAI,CAAC,YAAY;oBAAE,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;YAClD,CAAC,CAAC,CAAC;YACH,IACE,SAAS;gBACT,IAAI,CAAC,KAAK,CAAC,UAAU;gBACrB,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,aAAa,EACzC,CAAC;gBACD,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YACxD,CAAC;QACH,CAAC,CAAC;QAEM,qBAAgB,GAAG,CAAC,MAAwC,EAAE,EAAE;YACtE,IACE,IAAI,CAAC,kBAAkB;gBACvB,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,UAAU,KAAK,QAAQ;gBACrD,IAAI,CAAC,KAAK,CAAC,OAAO,EAClB,CAAC;gBACD,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC;YACvB,CAAC;QACH,CAAC,CAAC;QAEM,iBAAY,GAAG,CAAC,KAAU,EAAE,EAAE;YACpC,KAAK,CAAC,eAAe,EAAE,CAAC;YAExB,MAAM,UAAU,GAAG,wCAAuB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;YAEzE,IAAI,CAAC,UAAU,EAAE,CAAC;gBAChB,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,KAAK,SAAS;oBAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;gBAChE,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM;oBAAE,IAAI,CAAC,KAAK,EAAE,CAAC;;oBAC/B,IAAI,CAAC,MAAM,EAAE,CAAC;YACrB,CAAC;QACH,CAAC,CAAC;QAEM,uBAAkB,GAAG,CAAC,KAAU,EAAE,EAAE;YAC1C,IAAI,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;gBACtE,IAAI,CAAC,QAAQ,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QACvD,CAAC,CAAC;QAvOA,IAAI,CAAC,KAAK,GAAG;YACX,MAAM,EAAE,KAAK;YACb,SAAS,EAAE,KAAK,CAAC,SAAU;SAC5B,CAAC;IACJ,CAAC;IAEe,MAAM;QACpB,MAAM,EACJ,KAAK,EACL,MAAM,EACN,SAAS,EACT,cAAc,EACd,KAAK,EACL,QAAQ,EACR,SAAS,EACT,aAAa,EACb,QAAQ,EACR,UAAU,EACV,aAAa,EACb,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,UAAU,EACV,cAAc,EACd,QAAQ,EACR,OAAO,EACP,SAAS,EACT,SAAS,EAAE,8CAA8C;QACzD,SAAS,EACT,iBAAiB,EACjB,GAAG,KAAK,EACT,GAAG,IAAI,CAAC,KAAK,CAAC;QAEf,MAAM,qBAAqB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAClD,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,cAAc,IAAI,cAAc,CAAC,KAAK,CAAC,CAAC;QAC1C,CAAC,CAAC;QACF,MAAM,gBAAgB,GAAG;YACvB,cAAc,EAAE,qBAAqB;YACrC,QAAQ;YACR,KAAK;YACL,QAAQ;YACR,SAAS;YACT,aAAa;YACb,QAAQ;YACR,UAAU;SACX,CAAC;QACF,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;QAC7C,MAAM,UAAU,GAAG,wCAAuB,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAC9D,MAAM,QAAQ,GAAG,wCAAuB,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAE1D,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC;YAC9B,IAAI,CAAC,YAAY,GAAG,yBAAW,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;YAC3D,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAC1B,CAAC;QACD,OAAO,CACL,6BACE,SAAS,EAAE,IAAA,oBAAU,EACnB,sBAAsB,EACtB,yBAAW,CAAC,4BAA4B,CAAC,eAAe,CAAC,EACzD,SAAS,CACV;YACD,iEAAiE;YACjE,WAAW,EAAE,IAAI,CAAC,gBAAgB,EAClC,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;gBACV,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;YAC5B,CAAC,iBACW,sBAAsB,KAC9B,KAAK;YAGT,6BACE,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;oBACV,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC;gBAC/B,CAAC,EACD,SAAS,EAAE,IAAA,oBAAU,EACnB,wBAAwB,EACxB,gCAAgC,EAChC,UAAU,IAAI,4BAA4B,EAC1C,QAAQ,IAAI,0BAA0B,EACtC,UAAU,IAAI,+BAA+B,CAC9C,iBACW,gCAAgC,EAC5C,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBACd,UAAU,iBACZ,QAAQ,mBACN,IAAI;gBAElB,CAAC,iBAAiB,IAAI,CACrB,6BAAK,SAAS,EAAC,wBAAwB,IACpC,IAAI,KAAK,SAAS,IAAI,oBAAC,oBAAI,IAAC,QAAQ,EAAE,IAAI,GAAI,CAC3C,CACP;gBACD,6BAAK,SAAS,EAAE,2BAA2B,IAAG,IAAI,CAAC,YAAY,CAAO;gBACtE,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,4BAA4B,EAAE,MAAM,CAAC;oBAC9D,oBAAC,oBAAI,IAAC,QAAQ,EAAE,oBAAC,wCAAkB,OAAG,GAAI,CACtC;gBACL,CAAC,SAAS,IAAI,SAAS,CAAC,IAAI,CAC3B,6BAAK,SAAS,EAAC,yBAAyB;oBACtC,oBAAC,aAAK,IAAC,IAAI,EAAE,SAAS,IAAI,SAAS,GAAI,CACnC,CACP,CACG;YACN,oBAAC,yBAAW,IACV,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;oBACV,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;gBACzB,CAAC,EACD,SAAS,EAAC,4BAA4B,EACtC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACzB,SAAS,EAAE,eAAe,EAC1B,aAAa,EAAE,IAAI,KACf,gBAAgB,IAEnB,QAAQ,CACG,CACV,CACP,CAAC;IACJ,CAAC;IAEe,iBAAiB;QAC/B,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAC5D,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAErC,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAEe,oBAAoB;QAClC,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACjE,CAAC;IAEe,kBAAkB,CAChC,SAA8B,EAC9B,SAA8B;QAE9B,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAU,CAAC;QACxC,IACE,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,MAAM;YACrC,SAAS,KAAK,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;YACrC,SAAS,CAAC,SAAS,KAAK,SAAS;YAEjC,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC9B,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,KAAK,EAAE,CAAC;YACzC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACvC,CAAC;IACH,CAAC;IAEO,SAAS;QACf,MAAM,EAAE,GAAG,IAAI,CAAC,eAAe,CAAC;QAChC,MAAM,cAAc,GAAG,EAAG,CAAC,aAAa,CAAC;QACzC,OAAO,cAAc,CAAC,WAAW,CAAC;IACpC,CAAC;IAEO,oBAAoB;QAC1B,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAChC,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QACtC,IAAI,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;QAC3C,IAAI,YAAY,IAAI,QAAQ,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YAClD,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;YAC7C,eAAe,GAAG,yBAAW,CAAC,QAAQ,CACpC,eAAe,EACf,QAAQ,EACR,YAAY,CAAC,UAAU,EACvB,YAAY,CAAC,WAAW,CACzB,CAAC;YACF,IAAI,eAAe,KAAK,IAAI,CAAC,KAAK,CAAC,SAAS;gBAC1C,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC,CAAC;QAClD,CAAC;IACH,CAAC;;AAlMH,wCA+PC;AApPe,2BAAY,GAAiC;IACzD,SAAS,EAAE,2CAAoB,CAAC,WAAW;IAC3C,QAAQ,EAAE,KAAK;IACf,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,IAAI;IACd,UAAU,EAAE,KAAK;IACjB,aAAa,EAAE,CAAC;CACjB,AAPyB,CAOxB","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\";\nimport type { ContextMenuProps } from \"./ContextMenu\";\nimport { ContextMenu } from \"./ContextMenu\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { ContextMenuDirection } from \"./ContextMenuDirection\";\nimport { TildeFinder } from \"./TildeFinder\";\nimport { Icon } from \"../icons/IconComponent\";\nimport { SvgCaretRightSmall } from \"@itwin/itwinui-icons-react\";\nimport { Badge } from \"../badge/Badge\";\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/cjs/core-react/contextmenu/GlobalContextMenu.d.ts

@@ -1,36 +0,0 @@
-/** @packageDocumentation
- * @module ContextMenu
- */
-import * as React from "react";
-import type { ContextMenuProps } from "./ContextMenu";
-/** 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/cjs/core-react/contextmenu/GlobalContextMenu.d.ts.map

@@ -1 +0,0 @@
-{"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,eAAe,CAAC;AAKtD;;;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"}