@itwin/core-react 4.1.0-dev.1 → 4.2.0-dev.1

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

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -17,10 +17,10 @@ const ContextMenuDirection_1 = require("./ContextMenuDirection");
 const ContextMenuItem_1 = require("./ContextMenuItem");
 const ContextSubMenu_1 = require("./ContextSubMenu");
 /**
-  * A context menu populated with [[ContextMenuItem]] components.
-  * Can be nested using [[ContextSubMenu]] component.
-  * @public
-  */
+ * A context menu populated with [[ContextMenuItem]] components.
+ * Can be nested using [[ContextSubMenu]] component.
+ * @public
+ */
 class ContextMenu extends React.PureComponent {
     constructor(props) {
         super(props);
@@ -46,15 +46,20 @@ class ContextMenu extends React.PureComponent {
             // add inheritance data to submenu children
             const ch = React.Children.map(children, (child) => {
                 // Capture only ContextSubMenus and ContextMenuItems.
-                if (child && typeof child === "object" && "props" in child && (child.type === ContextSubMenu_1.ContextSubMenu || child.type === ContextMenuItem_1.ContextMenuItem) &&
-                    !appui_abstract_1.ConditionalBooleanValue.getValue(child.props.disabled) && !appui_abstract_1.ConditionalBooleanValue.getValue(child.props.hidden)) {
+                if (child &&
+                    typeof child === "object" &&
+                    "props" in child &&
+                    (child.type === ContextSubMenu_1.ContextSubMenu || child.type === ContextMenuItem_1.ContextMenuItem) &&
+                    !appui_abstract_1.ConditionalBooleanValue.getValue(child.props.disabled) &&
+                    !appui_abstract_1.ConditionalBooleanValue.getValue(child.props.hidden)) {
                     const id = index; // get separate id variable so value stays the same when onHover is called later.
                     const onHover = () => {
                         this.setState({ selectedIndex: id });
                         this.focus();
                     };
                     const ref = (el) => {
-                        if (selectedIndex === id) // only save to this._selectedElement if previously captured bool is true
+                        if (selectedIndex === id)
+                            // only save to this._selectedElement if previously captured bool is true
                             this._selectedElement = el;
                     };
                     const boundHandleHotKeyParse = this._handleHotKeyParsed.bind(this, id); // bind local callback for specific index
@@ -65,8 +70,10 @@ class ContextMenu extends React.PureComponent {
                         isSelected: selectedIndex === id,
                         onHotKeyParsed: boundHandleHotKeyParse,
                     };
-                    if (child.type === ContextSubMenu_1.ContextSubMenu) { // add direction only to sub-menus
-                        childProps.direction = child.props.direction || /* istanbul ignore next */ direction;
+                    if (child.type === ContextSubMenu_1.ContextSubMenu) {
+                        // add direction only to sub-menus
+                        childProps.direction =
+                            child.props.direction || /* istanbul ignore next */ direction;
                     }
                     index++;
                     return React.cloneElement(child, childProps);
@@ -103,7 +110,11 @@ class ContextMenu extends React.PureComponent {
         };
         this._handleFocusChange = (event) => {
             // istanbul ignore else
-            if (this._rootElement && this.props.opened && event.target instanceof Node && this.props.onOutsideClick && !this._rootElement.contains(event.target))
+            if (this._rootElement &&
+                this.props.opened &&
+                event.target instanceof Node &&
+                this.props.onOutsideClick &&
+                !this._rootElement.contains(event.target))
                 this.props.onOutsideClick(event);
         };
         this._handleClick = (event) => {
@@ -118,7 +129,8 @@ class ContextMenu extends React.PureComponent {
             // istanbul ignore else
             if (event.key) {
                 for (const [key, value] of this._hotKeyMap) {
-                    if (!this.props.hotkeySelect && key > this.state.selectedIndex) { // Start search at current index.
+                    if (!this.props.hotkeySelect && key > this.state.selectedIndex) {
+                        // Start search at current index.
                         if (event.key.toUpperCase() === value) {
                             this.setState({ selectedIndex: key });
                             return;
@@ -151,17 +163,21 @@ class ContextMenu extends React.PureComponent {
                 if (this.props.onEsc)
                     this.props.onEsc(event);
             }
-            if ((event.key === appui_abstract_1.SpecialKey.Enter || event.key === appui_abstract_1.SpecialKey.ArrowRight) && this._selectedElement) {
+            if ((event.key === appui_abstract_1.SpecialKey.Enter || event.key === appui_abstract_1.SpecialKey.ArrowRight) &&
+                this._selectedElement) {
                 event.stopPropagation();
                 // istanbul ignore else
-                if (event.key === appui_abstract_1.SpecialKey.Enter || /* istanbul ignore next */ this._selectedElement instanceof ContextSubMenu_1.ContextSubMenu) {
+                if (event.key === appui_abstract_1.SpecialKey.Enter ||
+                    /* istanbul ignore next */ this._selectedElement instanceof
+                        ContextSubMenu_1.ContextSubMenu) {
                     // istanbul ignore else
                     if (this._selectedElement.select)
                         this._selectedElement.select();
                 }
             }
             let { selectedIndex } = this.state;
-            if (event.key === appui_abstract_1.SpecialKey.ArrowUp || event.key === appui_abstract_1.SpecialKey.ArrowDown) {
+            if (event.key === appui_abstract_1.SpecialKey.ArrowUp ||
+                event.key === appui_abstract_1.SpecialKey.ArrowDown) {
                 event.stopPropagation();
                 if (selectedIndex === -1) {
                     selectedIndex = 0;
@@ -190,11 +206,11 @@ class ContextMenu extends React.PureComponent {
         };
     }
     render() {
-        const { opened, direction, onOutsideClick, onSelect, onEsc, autoflip, edgeLimit, hotkeySelect, // eslint-disable-line @typescript-eslint/no-unused-vars
-        selectedIndex, floating, parentMenu, parentSubmenu, children, className, ignoreNextKeyUp, // eslint-disable-line @typescript-eslint/no-unused-vars
-        ...props } = this.props;
+        const { opened, direction, onOutsideClick, onSelect, onEsc, autoflip, edgeLimit, hotkeySelect, selectedIndex, floating, parentMenu, parentSubmenu, children, className, ignoreNextKeyUp, ...props } = this.props;
         const renderDirection = parentMenu === undefined ? this.state.direction : direction;
-        if (this._lastChildren !== children || this._lastDirection !== renderDirection || this._lastSelectedIndex !== this.state.selectedIndex) {
+        if (this._lastChildren !== children ||
+            this._lastDirection !== renderDirection ||
+            this._lastSelectedIndex !== this.state.selectedIndex) {
             this._injectedChildren = this._injectMenuItemProps(children, renderDirection, this.state.selectedIndex);
             this._lastChildren = children;
             this._lastDirection = renderDirection;
@@ -207,7 +223,9 @@ class ContextMenu extends React.PureComponent {
     }
     getWindow() {
         var _a;
-        const el = this._rootElement ? this._rootElement : /* istanbul ignore next */ this._menuElement;
+        const el = this._rootElement
+            ? this._rootElement
+            : /* istanbul ignore next */ this._menuElement;
         const parentDocument = el.ownerDocument;
         // istanbul ignore next
         return (_a = parentDocument.defaultView) !== null && _a !== void 0 ? _a : window;
@@ -231,7 +249,8 @@ class ContextMenu extends React.PureComponent {
         const { direction, autoflip, parentMenu } = this.props;
         const parentWindow = this.getWindow();
         let renderDirection = parentMenu === undefined ? this.state.direction : direction;
-        if (parentWindow.innerHeight === this._parentWindowHeight && parentWindow.innerWidth === this._parentWindowWidth)
+        if (parentWindow.innerHeight === this._parentWindowHeight &&
+            parentWindow.innerWidth === this._parentWindowWidth)
             return;
         this._parentWindowHeight = parentWindow.innerHeight;
         this._parentWindowWidth = parentWindow.innerWidth;

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenu.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 \"./ContextMenu.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { ConditionalBooleanValue, SpecialKey } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { DivWithOutsideClick } from \"../base/DivWithOutsideClick\";\nimport { ContextMenuDirection } from \"./ContextMenuDirection\";\nimport type { ContextMenuItemProps } from \"./ContextMenuItem\";\nimport { ContextMenuItem } from \"./ContextMenuItem\";\nimport type { ContextSubMenuProps } from \"./ContextSubMenu\";\nimport { ContextSubMenu } from \"./ContextSubMenu\";\n\n/** Properties for the [[ContextMenu]] component\n  * @public\n  */\nexport interface ContextMenuProps extends CommonProps {\n  /** Whether ContextMenu is currently opened. */\n  opened: boolean;\n  /** Which direction the menu opens. Default: ContextMenuDirection.BottomRight */\n  direction?: ContextMenuDirection;\n  /** When click is registered outside of ContextMenu. */\n  onOutsideClick?: (event: MouseEvent) => any;\n  /** When list item or submenu is selected */\n  onSelect?: (event: any) => any;\n  /** when Escape button is pressed */\n  onEsc?: (data: any) => any;\n  /** Whether menu flips directions based on screen edge. Default: true */\n  autoflip?: boolean;\n  /** Whether menu hugs screen edge when autoflip is off. Default: true */\n  edgeLimit?: boolean;\n  /** Whether Hotkey press selects item, or just highlights item. Default: true */\n  hotkeySelect?: boolean;\n  /** starting menu item selected index Default: -1 */\n  selectedIndex?: number;\n  /** whether menu floats on the viewport, or the page. When false, container elements can clip menu with overflow: hidden; Default: true */\n  floating?: boolean;\n  /** @internal */\n  parentMenu?: ContextMenu;\n  /** @internal */\n  parentSubmenu?: ContextSubMenu;\n  /** @internal */\n  ignoreNextKeyUp?: boolean;\n  /** Content */\n  children?: React.ReactNode;\n}\n\n/** @internal */\ninterface ContextMenuState {\n  selectedIndex: number;\n  direction: ContextMenuDirection;\n  ignoreNextKeyUp: boolean;\n}\n\n/**\n  * A context menu populated with [[ContextMenuItem]] components.\n  * Can be nested using [[ContextSubMenu]] component.\n  * @public\n  */\nexport class ContextMenu extends React.PureComponent<ContextMenuProps, ContextMenuState> {\n  private _rootElement: HTMLElement | null = null;\n  private _menuElement: HTMLElement | null = null;\n  private _selectedElement: ContextMenuItem | ContextSubMenu | null = null;\n  private _length: number = 0;\n  private _hotKeyMap: Map<number, string> = new Map();\n\n  private _lastChildren: React.ReactNode;\n  private _lastDirection: ContextMenuDirection | undefined = ContextMenuDirection.BottomRight;\n  private _lastSelectedIndex: number = 0;\n  private _injectedChildren: React.ReactNode;\n  private _parentWindowHeight: number = 0;\n  private _parentWindowWidth: number = 0;\n\n  public static defaultProps: Partial<ContextMenuProps> = {\n    direction: ContextMenuDirection.BottomRight,\n    autoflip: true,\n    edgeLimit: true,\n    hotkeySelect: true,\n    selectedIndex: -1,\n    floating: true,\n  };\n\n  /** @internal */\n  public override readonly state: Readonly<ContextMenuState>;\n  constructor(props: ContextMenuProps) {\n    super(props);\n    this.state = {\n      selectedIndex: this.props.selectedIndex!,\n      direction: props.direction!,\n      ignoreNextKeyUp: props.ignoreNextKeyUp!,\n    };\n  }\n\n  /** @internal */\n  public static autoFlip = (dir: ContextMenuDirection, rect: DOMRectReadOnly, windowWidth: number, windowHeight: number): ContextMenuDirection => {\n    if (rect.right > windowWidth) {\n      switch (dir) {\n        case ContextMenuDirection.TopRight:\n          dir = ContextMenuDirection.TopLeft;\n          break;\n        case ContextMenuDirection.Right:\n          dir = ContextMenuDirection.Left;\n          break;\n        case ContextMenuDirection.BottomRight:\n          dir = ContextMenuDirection.BottomLeft;\n          break;\n      }\n    }\n    if (rect.left < 0) {\n      switch (dir) {\n        case ContextMenuDirection.TopLeft:\n          dir = ContextMenuDirection.TopRight;\n          break;\n        case ContextMenuDirection.Left:\n          dir = ContextMenuDirection.Right;\n          break;\n        case ContextMenuDirection.BottomLeft:\n          dir = ContextMenuDirection.BottomRight;\n          break;\n      }\n    }\n    if (rect.bottom > windowHeight) {\n      switch (dir) {\n        case ContextMenuDirection.BottomLeft:\n          dir = ContextMenuDirection.TopLeft;\n          break;\n        case ContextMenuDirection.Bottom:\n          dir = ContextMenuDirection.Top;\n          break;\n        case ContextMenuDirection.BottomRight:\n          dir = ContextMenuDirection.TopRight;\n          break;\n      }\n    }\n    if (rect.top < 0) {\n      switch (dir) {\n        case ContextMenuDirection.TopLeft:\n          dir = ContextMenuDirection.BottomLeft;\n          break;\n        case ContextMenuDirection.Top:\n          dir = ContextMenuDirection.Bottom;\n          break;\n        case ContextMenuDirection.TopRight:\n          dir = ContextMenuDirection.BottomRight;\n          break;\n      }\n    }\n    return dir;\n  };\n\n  private _handleHotKeyParsed = (index: number, hotKey: string) => {\n    this._hotKeyMap.set(index, hotKey);\n  };\n\n  // istanbul ignore next\n  private _handleOnOutsideClick = (event: MouseEvent): void => {\n    if (this.props.opened && this.props.onOutsideClick)\n      this.props.onOutsideClick(event);\n  };\n\n  public override render(): JSX.Element {\n    const {\n      opened, direction, onOutsideClick, onSelect, onEsc, autoflip, edgeLimit, hotkeySelect, // eslint-disable-line @typescript-eslint/no-unused-vars\n      selectedIndex, floating, parentMenu, parentSubmenu, children, className, ignoreNextKeyUp, // eslint-disable-line @typescript-eslint/no-unused-vars\n      ...props } = this.props;\n    const renderDirection = parentMenu === undefined ? this.state.direction : direction;\n\n    if (this._lastChildren !== children || this._lastDirection !== renderDirection || this._lastSelectedIndex !== this.state.selectedIndex) {\n      this._injectedChildren = this._injectMenuItemProps(children, renderDirection, this.state.selectedIndex);\n      this._lastChildren = children;\n      this._lastDirection = renderDirection;\n      this._lastSelectedIndex = this.state.selectedIndex;\n    }\n\n    const classNames = classnames(\"core-context-menu\", className);\n\n    return (\n      <div\n        role=\"presentation\"\n        className={classNames}\n        onKeyUp={this._handleKeyUp}\n        onClick={this._handleClick}\n        data-testid=\"core-context-menu-root\"\n        {...props}\n        ref={this._rootRef}>\n        <DivWithOutsideClick onOutsideClick={this._handleOnOutsideClick}>\n          <div\n            ref={this._menuRef}\n            role=\"menu\"\n            tabIndex={0}\n            data-testid=\"core-context-menu-container\"\n            className={classnames(\"core-context-menu-container\",\n              opened && \"core-context-menu-opened\",\n              floating && \"core-context-menu-floating\",\n              ContextMenu.getCSSClassNameFromDirection(renderDirection),\n            )}>\n            {this._injectedChildren}\n          </div>\n        </DivWithOutsideClick>\n      </div>\n    );\n  }\n\n  /** @internal */\n  public static getCSSClassNameFromDirection = (direction?: ContextMenuDirection): string => {\n    let className = \"\";\n\n    // istanbul ignore next\n    if (direction === undefined)\n      direction = ContextMenuDirection.BottomRight;\n\n    if (direction === ContextMenuDirection.None)\n      return \"\";\n\n    switch (direction) {\n      case ContextMenuDirection.TopLeft:\n        className = \"core-context-menu-top core-context-menu-left\";\n        break;\n      case ContextMenuDirection.Top:\n        className = \"core-context-menu-top\";\n        break;\n      case ContextMenuDirection.TopRight:\n        className = \"core-context-menu-top core-context-menu-right\";\n        break;\n      case ContextMenuDirection.Left:\n        className = \"core-context-menu-left\";\n        break;\n      case ContextMenuDirection.Center:\n        className = \"core-context-menu-center\";\n        break;\n      case ContextMenuDirection.Right:\n        className = \"core-context-menu-right\";\n        break;\n      case ContextMenuDirection.BottomLeft:\n        className = \"core-context-menu-bottom core-context-menu-left\";\n        break;\n      case ContextMenuDirection.Bottom:\n        className = \"core-context-menu-bottom\";\n        break;\n      case ContextMenuDirection.BottomRight:\n        className = \"core-context-menu-bottom core-context-menu-right\";\n        break;\n    }\n\n    return className;\n  };\n\n  private _injectMenuItemProps = (children: React.ReactNode, direction: ContextMenuDirection | undefined, selectedIndex: number) => {\n    let index = 0;\n    // add inheritance data to submenu children\n    const ch = React.Children.map(children, (child: React.ReactNode) => {\n      // Capture only ContextSubMenus and ContextMenuItems.\n      if (child && typeof child === \"object\" && \"props\" in child && (child.type === ContextSubMenu || child.type === ContextMenuItem) &&\n        !ConditionalBooleanValue.getValue(child.props.disabled) && !ConditionalBooleanValue.getValue(child.props.hidden)) {\n        const id = index; // get separate id variable so value stays the same when onHover is called later.\n        const onHover = () => {\n          this.setState({ selectedIndex: id });\n          this.focus();\n        };\n        const ref = (el: ContextSubMenu | ContextMenuItem | null) => {\n          if (selectedIndex === id) // only save to this._selectedElement if previously captured bool is true\n            this._selectedElement = el;\n        };\n        const boundHandleHotKeyParse = this._handleHotKeyParsed.bind(this, id); // bind local callback for specific index\n        const childProps: Partial<ContextSubMenuProps & ContextMenuItemProps & { ref: typeof ref }> = {\n          parentMenu: this,\n          ref,\n          onHover,\n          isSelected: selectedIndex === id,\n          onHotKeyParsed: boundHandleHotKeyParse,\n        };\n        if (child.type === ContextSubMenu) { // add direction only to sub-menus\n          childProps.direction = child.props.direction || /* istanbul ignore next */ direction;\n        }\n        index++;\n        return React.cloneElement(child, childProps);\n      } else return child; // Else, pass through unmodified\n    });\n    this._length = index;\n    return ch;\n  };\n\n  private _rootRef = (el: HTMLDivElement | null) => {\n    this._rootElement = el;\n  };\n\n  private _menuRef = (el: HTMLDivElement | null) => {\n    this._menuElement = el;\n  };\n\n  private getWindow() {\n    const el = this._rootElement ? this._rootElement : /* istanbul ignore next */ this._menuElement;\n    const parentDocument = el!.ownerDocument;\n    // istanbul ignore next\n    return parentDocument.defaultView ?? window;\n  }\n\n  /** @internal */\n  public override componentDidMount() {\n    const parentWindow = this.getWindow();\n    parentWindow.addEventListener(\"focus\", this._handleFocusChange);\n    parentWindow.addEventListener(\"mouseup\", this._handleFocusChange);\n\n    this.checkRenderDirection();\n\n    if (this.props.opened)\n      this.focus();\n  }\n\n  /** @internal */\n  public override componentWillUnmount() {\n    const parentWindow = this.getWindow();\n    parentWindow.removeEventListener(\"focus\", this._handleFocusChange);\n    parentWindow.removeEventListener(\"mouseup\", this._handleFocusChange);\n  }\n\n  private checkRenderDirection() {\n    const { direction, autoflip, parentMenu } = this.props;\n    const parentWindow = this.getWindow();\n\n    let renderDirection = parentMenu === undefined ? this.state.direction : direction;\n\n    if (parentWindow.innerHeight === this._parentWindowHeight && parentWindow.innerWidth === this._parentWindowWidth)\n      return;\n    this._parentWindowHeight = parentWindow.innerHeight;\n    this._parentWindowWidth = parentWindow.innerWidth;\n\n    // check if menu should flip\n    if (parentWindow && autoflip && parentMenu === undefined) {\n      const menuRect = this.getRect();\n      renderDirection = ContextMenu.autoFlip(renderDirection!, menuRect, parentWindow.innerWidth, parentWindow.innerHeight);\n      // istanbul ignore next\n      if (renderDirection !== this.state.direction)\n        this.setState({ direction: renderDirection });\n    }\n  }\n\n  public focus = () => {\n    // istanbul ignore else\n    if (this._menuElement)\n      this._menuElement.focus();\n  };\n\n  public blur = () => {\n    // istanbul ignore else\n    if (this._menuElement)\n      this._menuElement.blur();\n  };\n\n  public getRect = (): DOMRect => {\n    let clientRect = DOMRect.fromRect({ x: 0, y: 0, width: 0, height: 0});\n\n    // istanbul ignore else\n    if (this._menuElement) {\n      clientRect = this._menuElement.getBoundingClientRect();\n    }\n    return clientRect;\n  };\n\n  private _handleFocusChange = (event: any): void => {\n    // istanbul ignore else\n    if (this._rootElement && this.props.opened && event.target instanceof Node && this.props.onOutsideClick && !this._rootElement.contains(event.target))\n      this.props.onOutsideClick(event);\n  };\n\n  private _handleClick = (event: React.MouseEvent<HTMLDivElement>): void => {\n    if (this.props.onSelect)\n      this.props.onSelect(event);\n  };\n\n  private _handleKeyUp = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n    if (this.state.ignoreNextKeyUp) {\n      this.setState({ ignoreNextKeyUp: false });\n      return;\n    }\n\n    // istanbul ignore else\n    if (event.key) {\n      for (const [key, value] of this._hotKeyMap) {\n        if (!this.props.hotkeySelect! && key > this.state.selectedIndex) { // Start search at current index.\n          if (event.key.toUpperCase() === value) {\n            this.setState({ selectedIndex: key });\n            return;\n          }\n        }\n      }\n      for (const [key, value] of this._hotKeyMap) {\n        if (event.key.toUpperCase() === value) {\n          this.setState({ selectedIndex: key }, () => {\n            if (this.props.hotkeySelect && this._selectedElement) {\n              this._selectedElement.select();\n            }\n          });\n          event.stopPropagation();\n          return;\n        }\n      }\n    }\n\n    if (event.key === SpecialKey.ArrowLeft) {\n      event.stopPropagation();\n      if (this.props.parentMenu && this.props.parentSubmenu) {\n        this.props.parentSubmenu.close();\n        this.props.parentMenu.focus();\n      }\n      if (this.props.onEsc)\n        this.props.onEsc(event);\n    }\n\n    if (event.key === SpecialKey.Escape) {\n      // istanbul ignore else\n      if (this.props.onEsc)\n        this.props.onEsc(event);\n    }\n\n    if ((event.key === SpecialKey.Enter || event.key === SpecialKey.ArrowRight) && this._selectedElement) {\n      event.stopPropagation();\n\n      // istanbul ignore else\n      if (event.key === SpecialKey.Enter || /* istanbul ignore next */ this._selectedElement instanceof ContextSubMenu) {\n        // istanbul ignore else\n        if (this._selectedElement.select)\n          this._selectedElement.select();\n      }\n    }\n\n    let { selectedIndex } = this.state;\n    if (event.key === SpecialKey.ArrowUp || event.key === SpecialKey.ArrowDown) {\n      event.stopPropagation();\n      if (selectedIndex === -1) {\n        selectedIndex = 0;\n      } else {\n        if (event.key === SpecialKey.ArrowUp) {\n          if (this.state.selectedIndex === 0)\n            selectedIndex = this._length - 1;\n          else\n            selectedIndex--;\n        }\n        if (event.key === SpecialKey.ArrowDown) {\n          if (this.state.selectedIndex === this._length - 1)\n            selectedIndex = 0;\n          else\n            selectedIndex++;\n        }\n      }\n    }\n    this.setState({ selectedIndex });\n  };\n\n  public override componentDidUpdate(prevProps: ContextMenuProps) {\n    if (prevProps.selectedIndex !== this.props.selectedIndex) {\n      this.setState((_, props) => ({ selectedIndex: props.selectedIndex! }));\n    }\n    if (!prevProps.opened && this.props.opened) {\n      this.setState((_, props) => ({ selectedIndex: props.selectedIndex! }));\n    }\n    if (!this.props.parentMenu) {\n      // const direction = this.props.direction!;\n      // if ((!this.props.opened && prevProps.opened && direction !== this.state.direction) || prevProps.direction !== direction)\n      this.checkRenderDirection();\n    }\n  }\n}\n"]}
+{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenu.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 \"./ContextMenu.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { ConditionalBooleanValue, SpecialKey } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { DivWithOutsideClick } from \"../base/DivWithOutsideClick\";\nimport { ContextMenuDirection } from \"./ContextMenuDirection\";\nimport type { ContextMenuItemProps } from \"./ContextMenuItem\";\nimport { ContextMenuItem } from \"./ContextMenuItem\";\nimport type { ContextSubMenuProps } from \"./ContextSubMenu\";\nimport { ContextSubMenu } from \"./ContextSubMenu\";\n\n/** Properties for the [[ContextMenu]] component\n * @public\n */\nexport interface ContextMenuProps extends CommonProps {\n  /** Whether ContextMenu is currently opened. */\n  opened: boolean;\n  /** Which direction the menu opens. Default: ContextMenuDirection.BottomRight */\n  direction?: ContextMenuDirection;\n  /** When click is registered outside of ContextMenu. */\n  onOutsideClick?: (event: MouseEvent) => any;\n  /** When list item or submenu is selected */\n  onSelect?: (event: any) => any;\n  /** when Escape button is pressed */\n  onEsc?: (data: any) => any;\n  /** Whether menu flips directions based on screen edge. Default: true */\n  autoflip?: boolean;\n  /** Whether menu hugs screen edge when autoflip is off. Default: true */\n  edgeLimit?: boolean;\n  /** Whether Hotkey press selects item, or just highlights item. Default: true */\n  hotkeySelect?: boolean;\n  /** starting menu item selected index Default: -1 */\n  selectedIndex?: number;\n  /** whether menu floats on the viewport, or the page. When false, container elements can clip menu with overflow: hidden; Default: true */\n  floating?: boolean;\n  /** @internal */\n  parentMenu?: ContextMenu;\n  /** @internal */\n  parentSubmenu?: ContextSubMenu;\n  /** @internal */\n  ignoreNextKeyUp?: boolean;\n  /** Content */\n  children?: React.ReactNode;\n}\n\n/** @internal */\ninterface ContextMenuState {\n  selectedIndex: number;\n  direction: ContextMenuDirection;\n  ignoreNextKeyUp: boolean;\n}\n\n/**\n * A context menu populated with [[ContextMenuItem]] components.\n * Can be nested using [[ContextSubMenu]] component.\n * @public\n */\nexport class ContextMenu extends React.PureComponent<\n  ContextMenuProps,\n  ContextMenuState\n> {\n  private _rootElement: HTMLElement | null = null;\n  private _menuElement: HTMLElement | null = null;\n  private _selectedElement: ContextMenuItem | ContextSubMenu | null = null;\n  private _length: number = 0;\n  private _hotKeyMap: Map<number, string> = new Map();\n\n  private _lastChildren: React.ReactNode;\n  private _lastDirection: ContextMenuDirection | undefined =\n    ContextMenuDirection.BottomRight;\n  private _lastSelectedIndex: number = 0;\n  private _injectedChildren: React.ReactNode;\n  private _parentWindowHeight: number = 0;\n  private _parentWindowWidth: number = 0;\n\n  public static defaultProps: Partial<ContextMenuProps> = {\n    direction: ContextMenuDirection.BottomRight,\n    autoflip: true,\n    edgeLimit: true,\n    hotkeySelect: true,\n    selectedIndex: -1,\n    floating: true,\n  };\n\n  /** @internal */\n  public override readonly state: Readonly<ContextMenuState>;\n  constructor(props: ContextMenuProps) {\n    super(props);\n    this.state = {\n      selectedIndex: this.props.selectedIndex!,\n      direction: props.direction!,\n      ignoreNextKeyUp: props.ignoreNextKeyUp!,\n    };\n  }\n\n  /** @internal */\n  public static autoFlip = (\n    dir: ContextMenuDirection,\n    rect: DOMRectReadOnly,\n    windowWidth: number,\n    windowHeight: number\n  ): ContextMenuDirection => {\n    if (rect.right > windowWidth) {\n      switch (dir) {\n        case ContextMenuDirection.TopRight:\n          dir = ContextMenuDirection.TopLeft;\n          break;\n        case ContextMenuDirection.Right:\n          dir = ContextMenuDirection.Left;\n          break;\n        case ContextMenuDirection.BottomRight:\n          dir = ContextMenuDirection.BottomLeft;\n          break;\n      }\n    }\n    if (rect.left < 0) {\n      switch (dir) {\n        case ContextMenuDirection.TopLeft:\n          dir = ContextMenuDirection.TopRight;\n          break;\n        case ContextMenuDirection.Left:\n          dir = ContextMenuDirection.Right;\n          break;\n        case ContextMenuDirection.BottomLeft:\n          dir = ContextMenuDirection.BottomRight;\n          break;\n      }\n    }\n    if (rect.bottom > windowHeight) {\n      switch (dir) {\n        case ContextMenuDirection.BottomLeft:\n          dir = ContextMenuDirection.TopLeft;\n          break;\n        case ContextMenuDirection.Bottom:\n          dir = ContextMenuDirection.Top;\n          break;\n        case ContextMenuDirection.BottomRight:\n          dir = ContextMenuDirection.TopRight;\n          break;\n      }\n    }\n    if (rect.top < 0) {\n      switch (dir) {\n        case ContextMenuDirection.TopLeft:\n          dir = ContextMenuDirection.BottomLeft;\n          break;\n        case ContextMenuDirection.Top:\n          dir = ContextMenuDirection.Bottom;\n          break;\n        case ContextMenuDirection.TopRight:\n          dir = ContextMenuDirection.BottomRight;\n          break;\n      }\n    }\n    return dir;\n  };\n\n  private _handleHotKeyParsed = (index: number, hotKey: string) => {\n    this._hotKeyMap.set(index, hotKey);\n  };\n\n  // istanbul ignore next\n  private _handleOnOutsideClick = (event: MouseEvent): void => {\n    if (this.props.opened && this.props.onOutsideClick)\n      this.props.onOutsideClick(event);\n  };\n\n  public override render(): React.ReactElement {\n    const {\n      opened,\n      direction,\n      onOutsideClick,\n      onSelect,\n      onEsc,\n      autoflip,\n      edgeLimit,\n      hotkeySelect,\n      selectedIndex,\n      floating,\n      parentMenu,\n      parentSubmenu,\n      children,\n      className,\n      ignoreNextKeyUp,\n      ...props\n    } = this.props;\n    const renderDirection =\n      parentMenu === undefined ? this.state.direction : direction;\n\n    if (\n      this._lastChildren !== children ||\n      this._lastDirection !== renderDirection ||\n      this._lastSelectedIndex !== this.state.selectedIndex\n    ) {\n      this._injectedChildren = this._injectMenuItemProps(\n        children,\n        renderDirection,\n        this.state.selectedIndex\n      );\n      this._lastChildren = children;\n      this._lastDirection = renderDirection;\n      this._lastSelectedIndex = this.state.selectedIndex;\n    }\n\n    const classNames = classnames(\"core-context-menu\", className);\n\n    return (\n      <div\n        role=\"presentation\"\n        className={classNames}\n        onKeyUp={this._handleKeyUp}\n        onClick={this._handleClick}\n        data-testid=\"core-context-menu-root\"\n        {...props}\n        ref={this._rootRef}\n      >\n        <DivWithOutsideClick onOutsideClick={this._handleOnOutsideClick}>\n          <div\n            ref={this._menuRef}\n            role=\"menu\"\n            tabIndex={0}\n            data-testid=\"core-context-menu-container\"\n            className={classnames(\n              \"core-context-menu-container\",\n              opened && \"core-context-menu-opened\",\n              floating && \"core-context-menu-floating\",\n              ContextMenu.getCSSClassNameFromDirection(renderDirection)\n            )}\n          >\n            {this._injectedChildren}\n          </div>\n        </DivWithOutsideClick>\n      </div>\n    );\n  }\n\n  /** @internal */\n  public static getCSSClassNameFromDirection = (\n    direction?: ContextMenuDirection\n  ): string => {\n    let className = \"\";\n\n    // istanbul ignore next\n    if (direction === undefined) direction = ContextMenuDirection.BottomRight;\n\n    if (direction === ContextMenuDirection.None) return \"\";\n\n    switch (direction) {\n      case ContextMenuDirection.TopLeft:\n        className = \"core-context-menu-top core-context-menu-left\";\n        break;\n      case ContextMenuDirection.Top:\n        className = \"core-context-menu-top\";\n        break;\n      case ContextMenuDirection.TopRight:\n        className = \"core-context-menu-top core-context-menu-right\";\n        break;\n      case ContextMenuDirection.Left:\n        className = \"core-context-menu-left\";\n        break;\n      case ContextMenuDirection.Center:\n        className = \"core-context-menu-center\";\n        break;\n      case ContextMenuDirection.Right:\n        className = \"core-context-menu-right\";\n        break;\n      case ContextMenuDirection.BottomLeft:\n        className = \"core-context-menu-bottom core-context-menu-left\";\n        break;\n      case ContextMenuDirection.Bottom:\n        className = \"core-context-menu-bottom\";\n        break;\n      case ContextMenuDirection.BottomRight:\n        className = \"core-context-menu-bottom core-context-menu-right\";\n        break;\n    }\n\n    return className;\n  };\n\n  private _injectMenuItemProps = (\n    children: React.ReactNode,\n    direction: ContextMenuDirection | undefined,\n    selectedIndex: number\n  ) => {\n    let index = 0;\n    // add inheritance data to submenu children\n    const ch = React.Children.map(children, (child: React.ReactNode) => {\n      // Capture only ContextSubMenus and ContextMenuItems.\n      if (\n        child &&\n        typeof child === \"object\" &&\n        \"props\" in child &&\n        (child.type === ContextSubMenu || child.type === ContextMenuItem) &&\n        !ConditionalBooleanValue.getValue(child.props.disabled) &&\n        !ConditionalBooleanValue.getValue(child.props.hidden)\n      ) {\n        const id = index; // get separate id variable so value stays the same when onHover is called later.\n        const onHover = () => {\n          this.setState({ selectedIndex: id });\n          this.focus();\n        };\n        const ref = (el: ContextSubMenu | ContextMenuItem | null) => {\n          if (selectedIndex === id)\n            // only save to this._selectedElement if previously captured bool is true\n            this._selectedElement = el;\n        };\n        const boundHandleHotKeyParse = this._handleHotKeyParsed.bind(this, id); // bind local callback for specific index\n        const childProps: Partial<\n          ContextSubMenuProps & ContextMenuItemProps & { ref: typeof ref }\n        > = {\n          parentMenu: this,\n          ref,\n          onHover,\n          isSelected: selectedIndex === id,\n          onHotKeyParsed: boundHandleHotKeyParse,\n        };\n        if (child.type === ContextSubMenu) {\n          // add direction only to sub-menus\n          childProps.direction =\n            child.props.direction || /* istanbul ignore next */ direction;\n        }\n        index++;\n        return React.cloneElement(child, childProps);\n      } else return child; // Else, pass through unmodified\n    });\n    this._length = index;\n    return ch;\n  };\n\n  private _rootRef = (el: HTMLDivElement | null) => {\n    this._rootElement = el;\n  };\n\n  private _menuRef = (el: HTMLDivElement | null) => {\n    this._menuElement = el;\n  };\n\n  private getWindow() {\n    const el = this._rootElement\n      ? this._rootElement\n      : /* istanbul ignore next */ this._menuElement;\n    const parentDocument = el!.ownerDocument;\n    // istanbul ignore next\n    return parentDocument.defaultView ?? window;\n  }\n\n  /** @internal */\n  public override componentDidMount() {\n    const parentWindow = this.getWindow();\n    parentWindow.addEventListener(\"focus\", this._handleFocusChange);\n    parentWindow.addEventListener(\"mouseup\", this._handleFocusChange);\n\n    this.checkRenderDirection();\n\n    if (this.props.opened) this.focus();\n  }\n\n  /** @internal */\n  public override componentWillUnmount() {\n    const parentWindow = this.getWindow();\n    parentWindow.removeEventListener(\"focus\", this._handleFocusChange);\n    parentWindow.removeEventListener(\"mouseup\", this._handleFocusChange);\n  }\n\n  private checkRenderDirection() {\n    const { direction, autoflip, parentMenu } = this.props;\n    const parentWindow = this.getWindow();\n\n    let renderDirection =\n      parentMenu === undefined ? this.state.direction : direction;\n\n    if (\n      parentWindow.innerHeight === this._parentWindowHeight &&\n      parentWindow.innerWidth === this._parentWindowWidth\n    )\n      return;\n    this._parentWindowHeight = parentWindow.innerHeight;\n    this._parentWindowWidth = parentWindow.innerWidth;\n\n    // check if menu should flip\n    if (parentWindow && autoflip && parentMenu === undefined) {\n      const menuRect = this.getRect();\n      renderDirection = ContextMenu.autoFlip(\n        renderDirection!,\n        menuRect,\n        parentWindow.innerWidth,\n        parentWindow.innerHeight\n      );\n      // istanbul ignore next\n      if (renderDirection !== this.state.direction)\n        this.setState({ direction: renderDirection });\n    }\n  }\n\n  public focus = () => {\n    // istanbul ignore else\n    if (this._menuElement) this._menuElement.focus();\n  };\n\n  public blur = () => {\n    // istanbul ignore else\n    if (this._menuElement) this._menuElement.blur();\n  };\n\n  public getRect = (): DOMRect => {\n    let clientRect = DOMRect.fromRect({ x: 0, y: 0, width: 0, height: 0 });\n\n    // istanbul ignore else\n    if (this._menuElement) {\n      clientRect = this._menuElement.getBoundingClientRect();\n    }\n    return clientRect;\n  };\n\n  private _handleFocusChange = (event: any): void => {\n    // istanbul ignore else\n    if (\n      this._rootElement &&\n      this.props.opened &&\n      event.target instanceof Node &&\n      this.props.onOutsideClick &&\n      !this._rootElement.contains(event.target)\n    )\n      this.props.onOutsideClick(event);\n  };\n\n  private _handleClick = (event: React.MouseEvent<HTMLDivElement>): void => {\n    if (this.props.onSelect) this.props.onSelect(event);\n  };\n\n  private _handleKeyUp = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n    if (this.state.ignoreNextKeyUp) {\n      this.setState({ ignoreNextKeyUp: false });\n      return;\n    }\n\n    // istanbul ignore else\n    if (event.key) {\n      for (const [key, value] of this._hotKeyMap) {\n        if (!this.props.hotkeySelect! && key > this.state.selectedIndex) {\n          // Start search at current index.\n          if (event.key.toUpperCase() === value) {\n            this.setState({ selectedIndex: key });\n            return;\n          }\n        }\n      }\n      for (const [key, value] of this._hotKeyMap) {\n        if (event.key.toUpperCase() === value) {\n          this.setState({ selectedIndex: key }, () => {\n            if (this.props.hotkeySelect && this._selectedElement) {\n              this._selectedElement.select();\n            }\n          });\n          event.stopPropagation();\n          return;\n        }\n      }\n    }\n\n    if (event.key === SpecialKey.ArrowLeft) {\n      event.stopPropagation();\n      if (this.props.parentMenu && this.props.parentSubmenu) {\n        this.props.parentSubmenu.close();\n        this.props.parentMenu.focus();\n      }\n      if (this.props.onEsc) this.props.onEsc(event);\n    }\n\n    if (event.key === SpecialKey.Escape) {\n      // istanbul ignore else\n      if (this.props.onEsc) this.props.onEsc(event);\n    }\n\n    if (\n      (event.key === SpecialKey.Enter || event.key === SpecialKey.ArrowRight) &&\n      this._selectedElement\n    ) {\n      event.stopPropagation();\n\n      // istanbul ignore else\n      if (\n        event.key === SpecialKey.Enter ||\n        /* istanbul ignore next */ this._selectedElement instanceof\n          ContextSubMenu\n      ) {\n        // istanbul ignore else\n        if (this._selectedElement.select) this._selectedElement.select();\n      }\n    }\n\n    let { selectedIndex } = this.state;\n    if (\n      event.key === SpecialKey.ArrowUp ||\n      event.key === SpecialKey.ArrowDown\n    ) {\n      event.stopPropagation();\n      if (selectedIndex === -1) {\n        selectedIndex = 0;\n      } else {\n        if (event.key === SpecialKey.ArrowUp) {\n          if (this.state.selectedIndex === 0) selectedIndex = this._length - 1;\n          else selectedIndex--;\n        }\n        if (event.key === SpecialKey.ArrowDown) {\n          if (this.state.selectedIndex === this._length - 1) selectedIndex = 0;\n          else selectedIndex++;\n        }\n      }\n    }\n    this.setState({ selectedIndex });\n  };\n\n  public override componentDidUpdate(prevProps: ContextMenuProps) {\n    if (prevProps.selectedIndex !== this.props.selectedIndex) {\n      this.setState((_, props) => ({ selectedIndex: props.selectedIndex! }));\n    }\n    if (!prevProps.opened && this.props.opened) {\n      this.setState((_, props) => ({ selectedIndex: props.selectedIndex! }));\n    }\n    if (!this.props.parentMenu) {\n      // const direction = this.props.direction!;\n      // if ((!this.props.opened && prevProps.opened && direction !== this.state.direction) || prevProps.direction !== direction)\n      this.checkRenderDirection();\n    }\n  }\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuDirection.d.ts","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenuDirection.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;GAEG;AACH,oBAAY,oBAAoB;IAC9B,IAAI,KAAK;IACT,OAAO,aAAa;IAAE,GAAG,QAAQ;IAAE,QAAQ,cAAc;IACzD,IAAI,SAAS;IAAE,MAAM,WAAW;IAAE,KAAK,UAAU;IACjD,UAAU,gBAAgB;IAAE,MAAM,WAAW;IAAE,WAAW,iBAAiB;CAC5E"}
+{"version":3,"file":"ContextMenuDirection.d.ts","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenuDirection.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;GAEG;AACH,oBAAY,oBAAoB;IAC9B,IAAI,KAAK;IACT,OAAO,aAAa;IACpB,GAAG,QAAQ;IACX,QAAQ,cAAc;IACtB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,UAAU,gBAAgB;IAC1B,MAAM,WAAW;IACjB,WAAW,iBAAiB;CAC7B"}

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

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuDirection.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenuDirection.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH;;GAEG;AACH,IAAY,oBAKX;AALD,WAAY,oBAAoB;IAC9B,iCAAS,CAAA;IACT,4CAAoB,CAAA;IAAE,mCAAW,CAAA;IAAE,8CAAsB,CAAA;IACzD,qCAAa,CAAA;IAAE,yCAAiB,CAAA;IAAE,uCAAe,CAAA;IACjD,kDAA0B,CAAA;IAAE,yCAAiB,CAAA;IAAE,oDAA4B,CAAA;AAC7E,CAAC,EALW,oBAAoB,GAApB,4BAAoB,KAApB,4BAAoB,QAK/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 */\n\n/** Enum to specify where a [[ContextMenu]] should anchor to its parent element\n * @public\n */\nexport enum ContextMenuDirection {\n  None = \"\",\n  TopLeft = \"top left\", Top = \"top\", TopRight = \"top right\",\n  Left = \"left\", Center = \"center\", Right = \"right\",\n  BottomLeft = \"bottom left\", Bottom = \"bottom\", BottomRight = \"bottom right\",\n}\n"]}
+{"version":3,"file":"ContextMenuDirection.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenuDirection.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH;;GAEG;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,GAApB,4BAAoB,KAApB,4BAAoB,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 */\n\n/** Enum to specify where a [[ContextMenu]] should anchor to its parent element\n * @public\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

@@ -8,6 +8,6 @@ import type { CommonProps } from "../utils/Props";
  * @public
  */
 export declare class ContextMenuDivider extends React.PureComponent<CommonProps> {
-    render(): JSX.Element;
+    render(): React.ReactElement;
 }
 //# sourceMappingURL=ContextMenuDivider.d.ts.map

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

@@ -1 +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,gBAAgB,CAAC;AAElD;;;GAGG;AACH,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;IACtD,MAAM,IAAI,GAAG,CAAC,OAAO;CAMtC"}
+{"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;AAElD;;;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,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */

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

@@ -1 +1 @@
-{"version":3,"file":"ContextMenuDivider.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenuDivider.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,2CAAoC;AAGpC;;;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,gCAAS,KAAK,iBAAc,2BAA2B,EAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,2BAA2B,EAAE,SAAS,CAAC,GAAI,CAC1H,CAAC;IACJ,CAAC;CACF;AAPD,gDAOC","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/**\n * Menu Divider for [[ContextMenu]]. Inserts a line between items, used for list item grouping.\n * @public\n */\nexport class ContextMenuDivider extends React.PureComponent<CommonProps> {\n  public override render(): JSX.Element {\n    const { className, ...props } = this.props;\n    return (\n      <div {...props} data-testid=\"core-context-menu-divider\" className={classnames(\"core-context-menu-divider\", className)} />\n    );\n  }\n}\n"]}
+{"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;;;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/**\n * Menu Divider for [[ContextMenu]]. Inserts a line between items, used for list item grouping.\n * @public\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

@@ -49,7 +49,7 @@ export declare class ContextMenuItem extends React.PureComponent<ContextMenuItem
     constructor(props: ContextMenuItemProps);
     /** @internal */
     readonly state: Readonly<ContextMenuItemState>;
-    render(): JSX.Element;
+    render(): React.ReactElement;
     componentDidMount(): void;
     componentDidUpdate(prevProps: ContextMenuItemProps): void;
     private _updateHotkey;

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

@@ -1 +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;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAC,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAc,MAAM,uBAAuB,CAAC;AAC5E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAGvD;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC,EAAE,WAAW;IAC7H,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,wCAAwC;IACxC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,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,gBAAgB;AAChB,UAAU,oBAAoB;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,qBAAa,eAAgB,SAAQ,KAAK,CAAC,aAAa,CAAC,oBAAoB,EAAE,oBAAoB,CAAC;IAClG,OAAO,CAAC,KAAK,CAA4B;IACzC,OAAO,CAAC,aAAa,CAAkB;IACvC,OAAO,CAAC,eAAe,CAAkB;IACzC,gBAAgB;IAChB,OAAc,YAAY,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAIvD;gBACU,KAAK,EAAE,oBAAoB;IAGvC,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,CAAM;IACpD,MAAM,IAAI,GAAG,CAAC,OAAO;IAqDrB,iBAAiB;IAIjB,kBAAkB,CAAC,SAAS,EAAE,oBAAoB;IAMlE,OAAO,CAAC,aAAa,CAanB;IAEF,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,gBAAgB,CAKtB;IAEK,MAAM,aAOX;IAEF,OAAO,CAAC,YAAY,CASlB;IAEF,OAAO,CAAC,YAAY,CAKlB;CACH"}
+{"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;AAE/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAc,MAAM,uBAAuB,CAAC;AAC5E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAGjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAGvD;;GAEG;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,wCAAwC;IACxC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,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,gBAAgB;AAChB,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,gBAAgB;IAChB,OAAc,YAAY,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAIvD;gBACU,KAAK,EAAE,oBAAoB;IAGvC,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,CAAM;IACpD,MAAM,IAAI,KAAK,CAAC,YAAY;IA6E5B,iBAAiB;IAIjB,kBAAkB,CAAC,SAAS,EAAE,oBAAoB;IAMlE,OAAO,CAAC,aAAa,CAWnB;IAEF,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,gBAAgB,CAStB;IAEK,MAAM,aAOX;IAEF,OAAO,CAAC,YAAY,CAMlB;IAEF,OAAO,CAAC,YAAY,CASlB;CACH"}

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

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -43,7 +43,9 @@ class ContextMenuItem extends React.PureComponent {
         };
         this._handleMouseOver = (_event) => {
             // istanbul ignore else
-            if (this._root && this._root.style.visibility !== "hidden" && this.props.onHover) {
+            if (this._root &&
+                this._root.style.visibility !== "hidden" &&
+                this.props.onHover) {
                 this.props.onHover();
             }
         };
@@ -66,7 +68,9 @@ class ContextMenuItem extends React.PureComponent {
         };
         this._handleKeyUp = (event) => {
             const isDisabled = appui_abstract_1.ConditionalBooleanValue.getValue(this.props.disabled);
-            if (event.key === appui_abstract_1.SpecialKey.Enter && this.props.onSelect !== undefined && !isDisabled) {
+            if (event.key === appui_abstract_1.SpecialKey.Enter &&
+                this.props.onSelect !== undefined &&
+                !isDisabled) {
                 this.props.onSelect(event);
             }
         };
@@ -81,14 +85,14 @@ class ContextMenuItem extends React.PureComponent {
             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 })),
+        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 })),
-            badge &&
-                React.createElement("div", { className: "core-context-menu-badge" }, badge)));
+            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 }))),
+            badge && React.createElement("div", { className: "core-context-menu-badge" }, badge)));
     }
     componentDidMount() {
         this._updateHotkey(this.props.children);

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

@@ -1 +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 type { BadgeType} from \"@itwin/appui-abstract\";\nimport { ConditionalBooleanValue, SpecialKey } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"../utils/Props\";\nimport type { ContextMenu } from \"./ContextMenu\";\nimport { BadgeUtilities } from \"../badge/BadgeUtilities\";\nimport { TildeFinder } from \"./TildeFinder\";\nimport type { IconSpec } from \"../icons/IconComponent\";\nimport { Icon } from \"../icons/IconComponent\";\n\n/** Properties for the [[ContextMenuItem]] component\n * @public\n */\nexport interface ContextMenuItemProps extends Omit<React.AllHTMLAttributes<HTMLDivElement>, \"disabled\" | \"hidden\">, 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  badgeType?: BadgeType;\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\n/** @internal */\ninterface ContextMenuItemState {\n  hotKey?: string;\n}\n\n/**\n * Menu Item class for use within a [[ContextMenu]] component.\n * @public\n */\nexport class ContextMenuItem extends React.PureComponent<ContextMenuItemProps, ContextMenuItemState> {\n  private _root: HTMLElement | null = null;\n  private _lastChildren: React.ReactNode;\n  private _parsedChildren: React.ReactNode;\n  /** @internal */\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  /** @internal */\n  public override readonly state: Readonly<ContextMenuItemState> = {};\n  public override render(): JSX.Element {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { onClick, className, style, onSelect, icon, disabled, hidden, onHover, isSelected, parentMenu, onHotKeyParsed, badgeType, iconRight,\n      hideIconContainer, ...props } = this.props;\n    const badge = BadgeUtilities.getComponentForBadgeType(badgeType);\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(this.props.children).node;\n      this._lastChildren = this.props.children;\n    }\n\n    return (\n      <div\n        {...props}\n        ref={(el) => { this._root = el; }}\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(\"core-context-menu-item\", 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 && <div className=\"core-context-menu-icon\">\n          {icon !== undefined && <Icon iconSpec={icon} />}\n        </div>}\n        <div className={\"core-context-menu-content\"}>\n          {this._parsedChildren}\n        </div>\n        {iconRight &&\n          <div className={classnames(\"core-context-menu-icon\", \"core-context-menu-icon-right\")}>\n            <Icon iconSpec={iconRight} />\n          </div>\n        }\n        {badge &&\n          <div className=\"core-context-menu-badge\">\n            {badge}\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\n      hotKey = undefined;\n    if (hotKey && hotKey !== this.state.hotKey) {\n      this.setState({ hotKey });\n      if (this.props.onHotKeyParsed)\n        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    // istanbul ignore else\n    if (this._root && this._root.style.visibility !== \"hidden\" && this.props.onHover) {\n      this.props.onHover();\n    }\n  };\n\n  public select = () => {\n    // istanbul ignore else\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)\n      return;\n\n    if (this.props.onClick)\n      this.props.onClick(event);\n    if (this.props.onSelect)\n      this.props.onSelect(event);\n  };\n\n  private _handleKeyUp = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);\n    if (event.key === SpecialKey.Enter && this.props.onSelect !== undefined && !isDisabled) {\n      this.props.onSelect(event);\n    }\n  };\n}\n"]}
+{"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 type { BadgeType } from \"@itwin/appui-abstract\";\nimport { ConditionalBooleanValue, SpecialKey } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"../utils/Props\";\nimport type { ContextMenu } from \"./ContextMenu\";\nimport { BadgeUtilities } from \"../badge/BadgeUtilities\";\nimport { TildeFinder } from \"./TildeFinder\";\nimport type { IconSpec } from \"../icons/IconComponent\";\nimport { Icon } from \"../icons/IconComponent\";\n\n/** Properties for the [[ContextMenuItem]] component\n * @public\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  badgeType?: BadgeType;\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\n/** @internal */\ninterface ContextMenuItemState {\n  hotKey?: string;\n}\n\n/**\n * Menu Item class for use within a [[ContextMenu]] component.\n * @public\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  /** @internal */\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  /** @internal */\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,\n      iconRight,\n      hideIconContainer,\n      ...props\n    } = this.props;\n    const badge = BadgeUtilities.getComponentForBadgeType(badgeType);\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        {badge && <div className=\"core-context-menu-badge\">{badge}</div>}\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    // istanbul ignore else\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    // istanbul ignore else\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 === SpecialKey.Enter &&\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

@@ -11,7 +11,7 @@ import { ContextMenuDirection } from "./ContextMenuDirection";
  */
 export interface ContextSubMenuProps extends Omit<ContextMenuItemProps, "label">, Omit<ContextMenuProps, "label">, CommonProps {
     /** Text/jsx to display in the list item */
-    label: string | JSX.Element;
+    label: string | React.ReactElement;
     /** @internal */
     onHotKeyParsed?: (hotKey: string) => void;
 }
@@ -35,7 +35,7 @@ export declare class ContextSubMenu extends React.Component<ContextSubMenuProps,
     /** @internal */
     readonly state: Readonly<ContextSubMenuState>;
     constructor(props: ContextSubMenuProps);
-    render(): JSX.Element;
+    render(): React.ReactElement;
     componentDidMount(): void;
     componentWillUnmount(): void;
     componentDidUpdate(prevProps: ContextSubMenuProps, prevState: ContextSubMenuState): void;

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

@@ -1 +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,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;AAM9D;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,EAAE,WAAW;IAC5H,2CAA2C;IAC3C,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC5B,gBAAgB;IAChB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,gBAAgB;AAChB,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,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;IAC3F,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,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAAC;gBAClD,KAAK,EAAE,mBAAmB;IAQtB,MAAM,IAAI,GAAG,CAAC,OAAO;IA6DrB,iBAAiB;IAOjB,oBAAoB;IAIpB,kBAAkB,CAAC,SAAS,EAAE,mBAAmB,EAAE,SAAS,EAAE,mBAAmB;IASjG,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,oBAAoB;IAc5B,OAAO,CAAC,aAAa,CAanB;IAEK,MAAM,aAQX;IAEK,KAAK,eAAgB,OAAO,UAUjC;IAEF,OAAO,CAAC,gBAAgB,CAKtB;IAEF,OAAO,CAAC,YAAY,CAgBlB;IAEF,OAAO,CAAC,kBAAkB,CAGxB;CACH"}
+{"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;AAM9D;;GAEG;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,gBAAgB;AAChB,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,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAAC;gBAClD,KAAK,EAAE,mBAAmB;IAQtB,MAAM,IAAI,KAAK,CAAC,YAAY;IA4G5B,iBAAiB;IAOjB,oBAAoB;IAIpB,kBAAkB,CAChC,SAAS,EAAE,mBAAmB,EAC9B,SAAS,EAAE,mBAAmB;IAchC,OAAO,CAAC,SAAS;IAMjB,OAAO,CAAC,oBAAoB;IAmB5B,OAAO,CAAC,aAAa,CAWnB;IAEK,MAAM,aAMX;IAEK,KAAK,eAAgB,OAAO,UAajC;IAEF,OAAO,CAAC,gBAAgB,CAStB;IAEF,OAAO,CAAC,YAAY,CAalB;IAEF,OAAO,CAAC,kBAAkB,CAGxB;CACH"}