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

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

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

@@ -1,236 +1,236 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../icons/variables";
-@import "../inputs/variables";
-@import "../style/baseline";
-@import "../style/colors";
-@import "../style/opacity";
-@import "../style/themecolors";
-@import "../z-index";
-
-// cspell:ignore themecolors unbordered
-
-$uicore-menu-padding: $uicore-bordered-padding;
-$uicore-menu-top-bottom-padding: calc(#{$uicore-menu-padding} * 0.6667);
-
-.core-context-menu-global {
-  position: fixed;
-  width: 0px;
-  height: 0px;
-
-  @include uicore-z-index(context-menu-z);
-}
-
-.core-context-menu {
-  color: var(--iui-color-text);
-
-  &:hover {
-    color: var(--iui-color-text-hover);
-    cursor: auto;
-  }
-
-  width: 0px;
-  height: 0px;
-  position: relative;
-
-  @include uicore-z-index(context-menu-z);
-
-  .core-context-menu-container {
-    position: absolute;
-    border-radius: var(--iui-border-radius-1);
-    padding: 4px 0;
-    box-shadow: var(--iui-shadow-1);
-    background-color: var(--iui-color-background);
-    text-overflow: ellipsis;
-    min-width: max-content;
-    max-width: 350px;
-    visibility: hidden;
-    transform: scaleY(0);
-    display: table;
-    border: 1px solid var(--iui-color-border);
-
-    &.core-context-menu-floating {
-      position: fixed;
-    }
-
-    &.core-context-menu-opened {
-      visibility: inherit;
-      transform-origin: top;
-      transform: scaleY(1);
-    }
-
-    &.core-context-menu-center {
-      transform: translate(-50%, -50%);
-    }
-
-    &.core-context-menu-right {
-      transform: translate(0%, -50%);
-    }
-
-    &.core-context-menu-left {
-      transform: translate(-100%, -50%);
-    }
-
-    &.core-context-menu-top {
-      transform: translate(-50%, -100%);
-
-      &.core-context-menu-right {
-        transform: translate(0%, -100%);
-      }
-
-      &.core-context-menu-left {
-        transform: translate(-100%, -100%);
-      }
-    }
-
-    &.core-context-menu-bottom {
-      transform: translate(-50%, 0%);
-
-      &.core-context-menu-right {
-        transform: translate(0%, 0%);
-      }
-
-      &.core-context-menu-left {
-        transform: translate(-100%, 0%);
-      }
-    }
-
-    .core-context-menu-item {
-      display: flex;
-      cursor: default;
-      padding: $uicore-menu-top-bottom-padding $uicore-menu-padding;
-      width: calc(100% - 2 * #{$uicore-menu-padding});
-      align-items: center;
-      position: relative;
-      box-sizing: content-box;
-
-      &:hover {
-        background-color: var(--iui-color-background-hover);
-      }
-
-      &.core-context-menu-is-selected {
-        background-color: var(--iui-color-background-accent-muted);
-      }
-
-      &.core-context-menu-disabled {
-        color: var(--iui-color-text-disabled);
-      }
-
-      &.core-context-menu-hidden {
-        display: none;
-      }
-
-      > .core-context-menu-icon {
-        flex-shrink: 0;
-        flex-grow: 0;
-        width: $uicore-icons-small;
-        height: var(--iui-size-l);
-        font-size: var(--iui-font-size-2);
-        line-height: var(--iui-size-l);
-        text-align: center;
-        margin-right: $uicore-unbordered-padding;
-        opacity: $uicore-opacity-2;
-
-        &.core-context-menu-icon-right {
-          margin-left: $uicore-unbordered-padding;
-          margin-right: 0;
-        }
-      }
-
-      > .core-context-menu-content {
-        flex-shrink: 0;
-        flex-grow: 1;
-        font-size: var(--iui-font-size-1);
-        text-align: left;
-      }
-
-      > .core-context-menu-badge {
-        position: absolute;
-        top: 0;
-        left: 0;
-      }
-
-      &:focus {
-        outline: none;
-      }
-    }
-
-    &:focus {
-      border: 1px solid $buic-background-divider;
-      box-shadow: var(--iui-shadow-1);
-      outline: 0px;
-
-      > .core-context-menu-item.is-selected,
-      > .context-submenu > .core-context-menu-item.is-selected {
-        // .is-selected being applied on hover, overriding with hover color
-        background-color: $buic-row-hover;
-      }
-    }
-
-    .core-context-submenu {
-      display: flex;
-
-      &.core-context-menu-top {
-        flex-direction: column;
-        align-items: center;
-      }
-
-      &.core-context-menu-left {
-        flex-direction: row-reverse;
-        align-items: center;
-      }
-
-      &.core-context-menu-right {
-        flex-direction: row;
-        align-items: center;
-      }
-
-      &.core-context-menu-center {
-        flex-direction: column;
-        align-items: center;
-      }
-
-      &.core-context-menu-top.core-context-menu-left {
-        flex-direction: column;
-        align-items: flex-start;
-      }
-
-      &.core-context-menu-top.core-context-menu-right {
-        flex-direction: row;
-        align-items: flex-end;
-      }
-
-      &.core-context-menu-bottom.core-context-menu-left {
-        flex-direction: row-reverse;
-        align-items: flex-start;
-      }
-
-      &.core-context-menu-bottom.core-context-menu-right {
-        flex-direction: row;
-        align-items: flex-start;
-      }
-
-      .core-context-submenu-container .core-context-submenu-arrow {
-        flex-shrink: 0;
-        flex-grow: 0;
-        margin-left: $uicore-unbordered-padding;
-        width: $uicore-icons-small;
-        height: var(--iui-size-l);
-        font-size: calc(var(--iui-font-size-2) * 0.5);
-        line-height: var(--iui-size-l);
-        text-align: center;
-      }
-    }
-  }
-
-  .core-context-menu-divider {
-    border-bottom: 1px solid var(--iui-color-border-foreground);
-    height: 0px;
-  }
-
-  .core-context-submenu-popup {
-    transform: translateY(-5px); // Compensate for the vertical padding
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "../icons/variables";
+@import "../inputs/variables";
+@import "../style/baseline";
+@import "../style/colors";
+@import "../style/opacity";
+@import "../style/themecolors";
+@import "../z-index";
+
+// cspell:ignore themecolors unbordered
+
+$uicore-menu-padding: $uicore-bordered-padding;
+$uicore-menu-top-bottom-padding: calc(#{$uicore-menu-padding} * 0.6667);
+
+.core-context-menu-global {
+  position: fixed;
+  width: 0px;
+  height: 0px;
+
+  @include uicore-z-index(context-menu-z);
+}
+
+.core-context-menu {
+  color: var(--iui-color-text);
+
+  &:hover {
+    color: var(--iui-color-text-hover);
+    cursor: auto;
+  }
+
+  width: 0px;
+  height: 0px;
+  position: relative;
+
+  @include uicore-z-index(context-menu-z);
+
+  .core-context-menu-container {
+    position: absolute;
+    border-radius: var(--iui-border-radius-1);
+    padding: 4px 0;
+    box-shadow: var(--iui-shadow-1);
+    background-color: var(--iui-color-background);
+    text-overflow: ellipsis;
+    min-width: max-content;
+    max-width: 350px;
+    visibility: hidden;
+    transform: scaleY(0);
+    display: table;
+    border: 1px solid var(--iui-color-border);
+
+    &.core-context-menu-floating {
+      position: fixed;
+    }
+
+    &.core-context-menu-opened {
+      visibility: inherit;
+      transform-origin: top;
+      transform: scaleY(1);
+    }
+
+    &.core-context-menu-center {
+      transform: translate(-50%, -50%);
+    }
+
+    &.core-context-menu-right {
+      transform: translate(0%, -50%);
+    }
+
+    &.core-context-menu-left {
+      transform: translate(-100%, -50%);
+    }
+
+    &.core-context-menu-top {
+      transform: translate(-50%, -100%);
+
+      &.core-context-menu-right {
+        transform: translate(0%, -100%);
+      }
+
+      &.core-context-menu-left {
+        transform: translate(-100%, -100%);
+      }
+    }
+
+    &.core-context-menu-bottom {
+      transform: translate(-50%, 0%);
+
+      &.core-context-menu-right {
+        transform: translate(0%, 0%);
+      }
+
+      &.core-context-menu-left {
+        transform: translate(-100%, 0%);
+      }
+    }
+
+    .core-context-menu-item {
+      display: flex;
+      cursor: default;
+      padding: $uicore-menu-top-bottom-padding $uicore-menu-padding;
+      width: calc(100% - 2 * #{$uicore-menu-padding});
+      align-items: center;
+      position: relative;
+      box-sizing: content-box;
+
+      &:hover {
+        background-color: var(--iui-color-background-hover);
+      }
+
+      &.core-context-menu-is-selected {
+        background-color: var(--iui-color-background-accent-muted);
+      }
+
+      &.core-context-menu-disabled {
+        color: var(--iui-color-text-disabled);
+      }
+
+      &.core-context-menu-hidden {
+        display: none;
+      }
+
+      > .core-context-menu-icon {
+        flex-shrink: 0;
+        flex-grow: 0;
+        width: $uicore-icons-small;
+        height: var(--iui-size-l);
+        font-size: var(--iui-font-size-2);
+        line-height: var(--iui-size-l);
+        text-align: center;
+        margin-right: $uicore-unbordered-padding;
+        opacity: $uicore-opacity-2;
+
+        &.core-context-menu-icon-right {
+          margin-left: $uicore-unbordered-padding;
+          margin-right: 0;
+        }
+      }
+
+      > .core-context-menu-content {
+        flex-shrink: 0;
+        flex-grow: 1;
+        font-size: var(--iui-font-size-1);
+        text-align: left;
+      }
+
+      > .core-context-menu-badge {
+        position: absolute;
+        top: 0;
+        left: 0;
+      }
+
+      &:focus {
+        outline: none;
+      }
+    }
+
+    &:focus {
+      border: 1px solid $buic-background-divider;
+      box-shadow: var(--iui-shadow-1);
+      outline: 0px;
+
+      > .core-context-menu-item.is-selected,
+      > .context-submenu > .core-context-menu-item.is-selected {
+        // .is-selected being applied on hover, overriding with hover color
+        background-color: $buic-row-hover;
+      }
+    }
+
+    .core-context-submenu {
+      display: flex;
+
+      &.core-context-menu-top {
+        flex-direction: column;
+        align-items: center;
+      }
+
+      &.core-context-menu-left {
+        flex-direction: row-reverse;
+        align-items: center;
+      }
+
+      &.core-context-menu-right {
+        flex-direction: row;
+        align-items: center;
+      }
+
+      &.core-context-menu-center {
+        flex-direction: column;
+        align-items: center;
+      }
+
+      &.core-context-menu-top.core-context-menu-left {
+        flex-direction: column;
+        align-items: flex-start;
+      }
+
+      &.core-context-menu-top.core-context-menu-right {
+        flex-direction: row;
+        align-items: flex-end;
+      }
+
+      &.core-context-menu-bottom.core-context-menu-left {
+        flex-direction: row-reverse;
+        align-items: flex-start;
+      }
+
+      &.core-context-menu-bottom.core-context-menu-right {
+        flex-direction: row;
+        align-items: flex-start;
+      }
+
+      .core-context-submenu-container .core-context-submenu-arrow {
+        flex-shrink: 0;
+        flex-grow: 0;
+        margin-left: $uicore-unbordered-padding;
+        width: $uicore-icons-small;
+        height: var(--iui-size-l);
+        font-size: calc(var(--iui-font-size-2) * 0.5);
+        line-height: var(--iui-size-l);
+        text-align: center;
+      }
+    }
+  }
+
+  .core-context-menu-divider {
+    border-bottom: 1px solid var(--iui-color-border-foreground);
+    height: 0px;
+  }
+
+  .core-context-submenu-popup {
+    transform: translateY(-5px); // Compensate for the vertical padding
+  }
+}

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;;;+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":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module ContextMenu\r\n */\r\n\r\n/** Enum to specify where a [[ContextMenu]] should anchor to its parent element\r\n * @public\r\n */\r\nexport enum ContextMenuDirection {\r\n  None = \"\",\r\n  TopLeft = \"top left\", Top = \"top\", TopRight = \"top right\",\r\n  Left = \"left\", Center = \"center\", Right = \"right\",\r\n  BottomLeft = \"bottom left\", Bottom = \"bottom\", BottomRight = \"bottom right\",\r\n}\r\n"]}

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;;;+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":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module ContextMenu\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport classnames from \"classnames\";\r\nimport type { CommonProps } from \"../utils/Props\";\r\n\r\n/**\r\n * Menu Divider for [[ContextMenu]]. Inserts a line between items, used for list item grouping.\r\n * @public\r\n */\r\nexport class ContextMenuDivider extends React.PureComponent<CommonProps> {\r\n  public override render(): JSX.Element {\r\n    const { className, ...props } = this.props;\r\n    return (\r\n      <div {...props} data-testid=\"core-context-menu-divider\" className={classnames(\"core-context-menu-divider\", className)} />\r\n    );\r\n  }\r\n}\r\n"]}