@itwin/core-react 4.15.3 → 4.15.4

package/CHANGELOG.md

@@ -1,6 +1,11 @@
 # Change Log - @itwin/core-react
 
-This log was last generated on Mon, 15 Jul 2024 12:12:01 GMT and should not be manually modified.
+This log was last generated on Mon, 22 Jul 2024 21:27:52 GMT and should not be manually modified.
+
+## 4.15.4
+Mon, 22 Jul 2024 21:27:52 GMT
+
+_Version update only_
 
 ## 4.15.3
 Mon, 15 Jul 2024 12:12:01 GMT

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

@@ -1,6 +1,7 @@
 /** @packageDocumentation
  * @module ContextMenu
  */
+import "./PopupContextMenu.scss";
 import * as React from "react";
 import { RelativePosition } from "@itwin/appui-abstract";
 import type { CommonProps } from "../utils/Props";

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

@@ -1 +1 @@
-{"version":3,"file":"PopupContextMenu.d.ts","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/PopupContextMenu.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD;;GAEG;AAEH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,sEAAsE;IACtE,MAAM,EAAE,OAAO,CAAC;IAChB,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,uCAAuC;IACvC,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,0DAA0D;IAC1D,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,0DAA0D;IAC1D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,SAAS,KAAK,IAAI,CAAC;IACzD,oCAAoC;IACpC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAC7C,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gFAAgF;IAChF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAwC5D"}
+{"version":3,"file":"PopupContextMenu.d.ts","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/PopupContextMenu.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD;;GAEG;AAEH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,sEAAsE;IACtE,MAAM,EAAE,OAAO,CAAC;IAChB,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,uCAAuC;IACvC,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,0DAA0D;IAC1D,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,0DAA0D;IAC1D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,SAAS,KAAK,IAAI,CAAC;IACzD,oCAAoC;IACpC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAC7C,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gFAAgF;IAChF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAwC5D"}

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

@@ -8,6 +8,7 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PopupContextMenu = void 0;
+require("./PopupContextMenu.scss");
 const React = require("react");
 const Popup_1 = require("../popup/Popup");
 const ContextMenu_1 = require("./ContextMenu");
@@ -21,8 +22,8 @@ function PopupContextMenu(props) {
     const menuDirection = getContextMenuDirectionFromRelativePosition(popupProps.position);
     return (
     // eslint-disable-next-line deprecation/deprecation
-    React.createElement(Popup_1.Popup, { ...popupProps, closeOnNestedPopupOutsideClick: true, showShadow: false, showArrow: false, moveFocus: true, style: { ...style, border: "none" }, portalTarget: props.target ?? undefined },
-        React.createElement(ContextMenu_1.ContextMenu, { opened: true, onSelect: onSelect, onEsc: onEsc, autoflip: autoflip, edgeLimit: edgeLimit, hotkeySelect: hotkeySelect, selectedIndex: selectedIndex, direction: menuDirection }, children)));
+    React.createElement(Popup_1.Popup, { ...popupProps, closeOnNestedPopupOutsideClick: true, showShadow: false, showArrow: false, moveFocus: true, style: { ...style, border: "none" } },
+        React.createElement(ContextMenu_1.ContextMenu, { className: "core-contextMenu-popupContextMenu_menu", opened: true, onSelect: onSelect, onEsc: onEsc, autoflip: autoflip, edgeLimit: edgeLimit, hotkeySelect: hotkeySelect, selectedIndex: selectedIndex, direction: menuDirection }, children)));
 }
 exports.PopupContextMenu = PopupContextMenu;
 function getContextMenuDirectionFromRelativePosition(relativePosition) {

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

@@ -1 +1 @@
-{"version":3,"file":"PopupContextMenu.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/PopupContextMenu.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,0CAAuC;AACvC,+CAA4C;AAC5C,0DAAyD;AAEzD,iEAA8D;AAiD9D;;GAEG;AACH,SAAgB,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,2CAA2C,CAC/D,UAAU,CAAC,QAAQ,CACpB,CAAC;IACF,OAAO;IACL,mDAAmD;IACnD,oBAAC,aAAK,OACA,UAAU,EACd,8BAA8B,QAC9B,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,KAAK,EAChB,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EACnC,YAAY,EAAE,KAAK,CAAC,MAAM,IAAI,SAAS;QAEvC,oBAAC,yBAAW,IACV,MAAM,EAAE,IAAI,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,aAAa,IAEvB,QAAQ,CACG,CACR,CACT,CAAC;AACJ,CAAC;AAxCD,4CAwCC;AAED,SAAS,2CAA2C,CAClD,gBAAmC;IAEnC,IAAI,aAAa,GAAG,2CAAoB,CAAC,MAAM,CAAC;IAChD,QAAQ,gBAAgB,EAAE,CAAC;QACzB,KAAK,iCAAgB,CAAC,GAAG;YACvB,aAAa,GAAG,2CAAoB,CAAC,GAAG,CAAC;YACzC,MAAM;QACR,KAAK,iCAAgB,CAAC,OAAO;YAC3B,aAAa,GAAG,2CAAoB,CAAC,QAAQ,CAAC;YAC9C,MAAM;QACR,KAAK,iCAAgB,CAAC,QAAQ;YAC5B,aAAa,GAAG,2CAAoB,CAAC,OAAO,CAAC;YAC7C,MAAM;QACR,KAAK,iCAAgB,CAAC,IAAI;YACxB,aAAa,GAAG,2CAAoB,CAAC,IAAI,CAAC;YAC1C,MAAM;QACR,KAAK,iCAAgB,CAAC,KAAK;YACzB,aAAa,GAAG,2CAAoB,CAAC,KAAK,CAAC;YAC3C,MAAM;QACR,KAAK,iCAAgB,CAAC,MAAM;YAC1B,aAAa,GAAG,2CAAoB,CAAC,MAAM,CAAC;YAC5C,MAAM;QACR,KAAK,iCAAgB,CAAC,UAAU;YAC9B,aAAa,GAAG,2CAAoB,CAAC,WAAW,CAAC;YACjD,MAAM;QACR,KAAK,iCAAgB,CAAC,WAAW;YAC/B,aAAa,GAAG,2CAAoB,CAAC,UAAU,CAAC;YAChD,MAAM;IACV,CAAC;IACD,OAAO,aAAa,CAAC;AACvB,CAAC","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 { Popup } from \"../popup/Popup\";\nimport { ContextMenu } from \"./ContextMenu\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { ContextMenuDirection } from \"./ContextMenuDirection\";\n\n/** Properties for [[PopupContextMenu]] component\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface PopupContextMenuProps extends CommonProps {\n  /** Indicates whether the popup is shown or not (defaults to false) */\n  isOpen: boolean;\n  /** Direction (relative to the target) to which the popup is expanded (defaults to Bottom) */\n  position?: RelativePosition;\n  /** Target element to position popup */\n  target?: HTMLElement | null;\n  /** Function called when the popup is opened */\n  onOpen?: () => void;\n  /** Function called when user clicks outside the popup  */\n  onOutsideClick?: (e: MouseEvent) => void;\n  /** Function called when the popup is closed */\n  onClose?: () => void;\n  /** Function called when the popup is closed on Enter */\n  onEnter?: () => void;\n  /** Top position (absolute positioning - defaults to 0) */\n  top?: number;\n  /** Left position (absolute positioning - defaults to 0) */\n  left?: number;\n  /** Offset from the parent (defaults to 4) */\n  offset?: number;\n  /** accessibility label */\n  ariaLabel?: string;\n  /** Indicates whether to use animation for open/close (defaults to true) */\n  animate?: boolean;\n\n  /** When list item or submenu is selected */\n  onSelect?: (event: React.MouseEvent | undefined) => void;\n  /** when Escape button is pressed */\n  onEsc?: (event: React.KeyboardEvent) => void;\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\n  /** ContextMenu items */\n  children?: React.ReactNode;\n}\n\n/** Component that displays a ContextMenu within a Popup component, allowing the target element to be specified.\n * @public\n */\nexport function PopupContextMenu(props: PopupContextMenuProps) {\n  const {\n    style,\n    onSelect,\n    onEsc,\n    autoflip,\n    edgeLimit,\n    hotkeySelect,\n    selectedIndex,\n    children,\n    ...popupProps\n  } = props;\n  const menuDirection = getContextMenuDirectionFromRelativePosition(\n    popupProps.position\n  );\n  return (\n    // eslint-disable-next-line deprecation/deprecation\n    <Popup\n      {...popupProps}\n      closeOnNestedPopupOutsideClick\n      showShadow={false}\n      showArrow={false}\n      moveFocus={true}\n      style={{ ...style, border: \"none\" }}\n      portalTarget={props.target ?? undefined}\n    >\n      <ContextMenu\n        opened={true}\n        onSelect={onSelect}\n        onEsc={onEsc}\n        autoflip={autoflip}\n        edgeLimit={edgeLimit}\n        hotkeySelect={hotkeySelect}\n        selectedIndex={selectedIndex}\n        direction={menuDirection}\n      >\n        {children}\n      </ContextMenu>\n    </Popup>\n  );\n}\n\nfunction getContextMenuDirectionFromRelativePosition(\n  relativePosition?: RelativePosition\n): ContextMenuDirection {\n  let menuDirection = ContextMenuDirection.Bottom;\n  switch (relativePosition) {\n    case RelativePosition.Top:\n      menuDirection = ContextMenuDirection.Top;\n      break;\n    case RelativePosition.TopLeft:\n      menuDirection = ContextMenuDirection.TopRight;\n      break;\n    case RelativePosition.TopRight:\n      menuDirection = ContextMenuDirection.TopLeft;\n      break;\n    case RelativePosition.Left:\n      menuDirection = ContextMenuDirection.Left;\n      break;\n    case RelativePosition.Right:\n      menuDirection = ContextMenuDirection.Right;\n      break;\n    case RelativePosition.Bottom:\n      menuDirection = ContextMenuDirection.Bottom;\n      break;\n    case RelativePosition.BottomLeft:\n      menuDirection = ContextMenuDirection.BottomRight;\n      break;\n    case RelativePosition.BottomRight:\n      menuDirection = ContextMenuDirection.BottomLeft;\n      break;\n  }\n  return menuDirection;\n}\n"]}
+{"version":3,"file":"PopupContextMenu.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/PopupContextMenu.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,mCAAiC;AACjC,+BAA+B;AAC/B,0CAAuC;AACvC,+CAA4C;AAC5C,0DAAyD;AAEzD,iEAA8D;AAiD9D;;GAEG;AACH,SAAgB,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,2CAA2C,CAC/D,UAAU,CAAC,QAAQ,CACpB,CAAC;IACF,OAAO;IACL,mDAAmD;IACnD,oBAAC,aAAK,OACA,UAAU,EACd,8BAA8B,QAC9B,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,KAAK,EAChB,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;QAEnC,oBAAC,yBAAW,IACV,SAAS,EAAC,wCAAwC,EAClD,MAAM,EAAE,IAAI,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,aAAa,IAEvB,QAAQ,CACG,CACR,CACT,CAAC;AACJ,CAAC;AAxCD,4CAwCC;AAED,SAAS,2CAA2C,CAClD,gBAAmC;IAEnC,IAAI,aAAa,GAAG,2CAAoB,CAAC,MAAM,CAAC;IAChD,QAAQ,gBAAgB,EAAE,CAAC;QACzB,KAAK,iCAAgB,CAAC,GAAG;YACvB,aAAa,GAAG,2CAAoB,CAAC,GAAG,CAAC;YACzC,MAAM;QACR,KAAK,iCAAgB,CAAC,OAAO;YAC3B,aAAa,GAAG,2CAAoB,CAAC,QAAQ,CAAC;YAC9C,MAAM;QACR,KAAK,iCAAgB,CAAC,QAAQ;YAC5B,aAAa,GAAG,2CAAoB,CAAC,OAAO,CAAC;YAC7C,MAAM;QACR,KAAK,iCAAgB,CAAC,IAAI;YACxB,aAAa,GAAG,2CAAoB,CAAC,IAAI,CAAC;YAC1C,MAAM;QACR,KAAK,iCAAgB,CAAC,KAAK;YACzB,aAAa,GAAG,2CAAoB,CAAC,KAAK,CAAC;YAC3C,MAAM;QACR,KAAK,iCAAgB,CAAC,MAAM;YAC1B,aAAa,GAAG,2CAAoB,CAAC,MAAM,CAAC;YAC5C,MAAM;QACR,KAAK,iCAAgB,CAAC,UAAU;YAC9B,aAAa,GAAG,2CAAoB,CAAC,WAAW,CAAC;YACjD,MAAM;QACR,KAAK,iCAAgB,CAAC,WAAW;YAC/B,aAAa,GAAG,2CAAoB,CAAC,UAAU,CAAC;YAChD,MAAM;IACV,CAAC;IACD,OAAO,aAAa,CAAC;AACvB,CAAC","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 \"./PopupContextMenu.scss\";\nimport * as React from \"react\";\nimport { Popup } from \"../popup/Popup\";\nimport { ContextMenu } from \"./ContextMenu\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { ContextMenuDirection } from \"./ContextMenuDirection\";\n\n/** Properties for [[PopupContextMenu]] component\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface PopupContextMenuProps extends CommonProps {\n  /** Indicates whether the popup is shown or not (defaults to false) */\n  isOpen: boolean;\n  /** Direction (relative to the target) to which the popup is expanded (defaults to Bottom) */\n  position?: RelativePosition;\n  /** Target element to position popup */\n  target?: HTMLElement | null;\n  /** Function called when the popup is opened */\n  onOpen?: () => void;\n  /** Function called when user clicks outside the popup  */\n  onOutsideClick?: (e: MouseEvent) => void;\n  /** Function called when the popup is closed */\n  onClose?: () => void;\n  /** Function called when the popup is closed on Enter */\n  onEnter?: () => void;\n  /** Top position (absolute positioning - defaults to 0) */\n  top?: number;\n  /** Left position (absolute positioning - defaults to 0) */\n  left?: number;\n  /** Offset from the parent (defaults to 4) */\n  offset?: number;\n  /** accessibility label */\n  ariaLabel?: string;\n  /** Indicates whether to use animation for open/close (defaults to true) */\n  animate?: boolean;\n\n  /** When list item or submenu is selected */\n  onSelect?: (event: React.MouseEvent | undefined) => void;\n  /** when Escape button is pressed */\n  onEsc?: (event: React.KeyboardEvent) => void;\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\n  /** ContextMenu items */\n  children?: React.ReactNode;\n}\n\n/** Component that displays a ContextMenu within a Popup component, allowing the target element to be specified.\n * @public\n */\nexport function PopupContextMenu(props: PopupContextMenuProps) {\n  const {\n    style,\n    onSelect,\n    onEsc,\n    autoflip,\n    edgeLimit,\n    hotkeySelect,\n    selectedIndex,\n    children,\n    ...popupProps\n  } = props;\n  const menuDirection = getContextMenuDirectionFromRelativePosition(\n    popupProps.position\n  );\n  return (\n    // eslint-disable-next-line deprecation/deprecation\n    <Popup\n      {...popupProps}\n      closeOnNestedPopupOutsideClick\n      showShadow={false}\n      showArrow={false}\n      moveFocus={true}\n      style={{ ...style, border: \"none\" }}\n    >\n      <ContextMenu\n        className=\"core-contextMenu-popupContextMenu_menu\"\n        opened={true}\n        onSelect={onSelect}\n        onEsc={onEsc}\n        autoflip={autoflip}\n        edgeLimit={edgeLimit}\n        hotkeySelect={hotkeySelect}\n        selectedIndex={selectedIndex}\n        direction={menuDirection}\n      >\n        {children}\n      </ContextMenu>\n    </Popup>\n  );\n}\n\nfunction getContextMenuDirectionFromRelativePosition(\n  relativePosition?: RelativePosition\n): ContextMenuDirection {\n  let menuDirection = ContextMenuDirection.Bottom;\n  switch (relativePosition) {\n    case RelativePosition.Top:\n      menuDirection = ContextMenuDirection.Top;\n      break;\n    case RelativePosition.TopLeft:\n      menuDirection = ContextMenuDirection.TopRight;\n      break;\n    case RelativePosition.TopRight:\n      menuDirection = ContextMenuDirection.TopLeft;\n      break;\n    case RelativePosition.Left:\n      menuDirection = ContextMenuDirection.Left;\n      break;\n    case RelativePosition.Right:\n      menuDirection = ContextMenuDirection.Right;\n      break;\n    case RelativePosition.Bottom:\n      menuDirection = ContextMenuDirection.Bottom;\n      break;\n    case RelativePosition.BottomLeft:\n      menuDirection = ContextMenuDirection.BottomRight;\n      break;\n    case RelativePosition.BottomRight:\n      menuDirection = ContextMenuDirection.BottomLeft;\n      break;\n  }\n  return menuDirection;\n}\n"]}

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

@@ -0,0 +1,8 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+.core-contextMenu-popupContextMenu_menu {
+  // Fix an issue where iTwinUI Popover i.e. <Select /> is rendered below ContextMenu.
+  z-index: initial;
+}

package/lib/cjs/core-react/popup/Popup.d.ts

@@ -5,6 +5,8 @@ import "./Popup.scss";
 import * as React from "react";
 import { RelativePosition } from "@itwin/appui-abstract";
 import type { CommonProps } from "../utils/Props";
+/** @internal */
+export declare const PopupContext: React.Context<HTMLElement | undefined>;
 /** Properties for the [[Popup]] component
  * @public
  * @deprecated in 4.15.0. Props of deprecated {@link Popup} component.
@@ -68,10 +70,11 @@ export interface PopupProps extends CommonProps {
     repositionOnResize?: boolean;
     /** Content */
     children?: React.ReactNode;
-    /** Target that should be used when portaling popup. */
+    /** Target that should be used when portaling popup.
+     * @note This is needed in rare cases when {@link Popup} is nested inside the {@link https://itwinui.bentley.com/docs/popover iTwinUI Popover}.
+     */
     portalTarget?: HTMLElement;
 }
-/** @internal */
 interface PopupState {
     isOpen: boolean;
     top: number;
@@ -79,13 +82,19 @@ interface PopupState {
     position: RelativePosition;
     parentDocument: Document;
     animationEnded: boolean;
+    portalContainer?: HTMLElement;
 }
 /** Popup React component displays a popup relative to an optional target element.
+ * @note Avoid nesting {@link Popup} and {@link https://itwinui.bentley.com/docs/popover iTwinUI Popover} components.
  * @public
  * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/popover iTwinUI Popover} instead.
  */
 export declare class Popup extends React.Component<PopupProps, PopupState> {
     private _popup;
+    /** @internal */
+    static contextType: React.Context<HTMLElement | undefined>;
+    /** @internal */
+    context: React.ContextType<typeof PopupContext>;
     constructor(props: PopupProps);
     static defaultProps: Partial<PopupProps>;
     componentDidMount(): void;
@@ -111,6 +120,7 @@ export declare class Popup extends React.Component<PopupProps, PopupState> {
     private _toggleRelativePosition;
     private _fitPopup;
     private _handleAnimationEnd;
+    private _handleThemeProviderRef;
     render(): React.ReactPortal | null;
     private getContainer;
 }

package/lib/cjs/core-react/popup/Popup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../src/core-react/popup/Popup.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../src/core-react/popup/Popup.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/core-react/popup/Popup.js

@@ -7,7 +7,7 @@
  * @module Popup
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Popup = void 0;
+exports.Popup = exports.PopupContext = void 0;
 require("./Popup.scss");
 const classnames_1 = require("classnames");
 const React = require("react");
@@ -16,7 +16,11 @@ const ts_key_enum_1 = require("ts-key-enum");
 const appui_abstract_1 = require("@itwin/appui-abstract");
 const FocusTrap_1 = require("../focustrap/FocusTrap");
 const Rectangle_1 = require("../utils/Rectangle");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+/** @internal */
+exports.PopupContext = React.createContext(undefined);
 /** Popup React component displays a popup relative to an optional target element.
+ * @note Avoid nesting {@link Popup} and {@link https://itwinui.bentley.com/docs/popover iTwinUI Popover} components.
  * @public
  * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/popover iTwinUI Popover} instead.
  */
@@ -219,6 +223,9 @@ class Popup extends React.Component {
                 this.setState({ animationEnded: true });
             }
         };
+        this._handleThemeProviderRef = (el) => {
+            this.setState({ portalContainer: el ?? undefined });
+        };
         const parentDocument = this.props.target?.ownerDocument ?? document;
         this.state = {
             animationEnded: false,
@@ -430,15 +437,19 @@ class Popup extends React.Component {
         return ReactDOM.createPortal(React.createElement("div", { className: className, "data-testid": "core-popup", ref: (element) => {
                 this._popup = element;
             }, style: style, role: role, "aria-modal": true, tabIndex: -1, "aria-label": this.props.ariaLabel, onAnimationEnd: this._handleAnimationEnd },
-            React.createElement(FocusTrap_1.FocusTrap, { active: !!this.props.moveFocus, initialFocusElement: this.props.focusTarget, returnFocusOnDeactivate: true }, this.props.children)), this.getContainer());
+            React.createElement(itwinui_react_1.ThemeProvider, { ref: this._handleThemeProviderRef, portalContainer: this.state.portalContainer },
+                React.createElement(FocusTrap_1.FocusTrap, { active: !!this.props.moveFocus, initialFocusElement: this.props.focusTarget, returnFocusOnDeactivate: true }, this.props.children))), this.getContainer());
     }
     getContainer() {
         return (this.props.portalTarget ??
+            this.context ??
             this.state.parentDocument.body.querySelector('[data-root-container="appui-root-id"]') ??
             this.state.parentDocument.body);
     }
 }
 exports.Popup = Popup;
+/** @internal */
+Popup.contextType = exports.PopupContext;
 // eslint-disable-next-line deprecation/deprecation
 Popup.defaultProps = {
     position: appui_abstract_1.RelativePosition.Bottom,

package/lib/cjs/core-react/popup/Popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.js","sourceRoot":"","sources":["../../../../src/core-react/popup/Popup.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 Popup\n */\n\nimport \"./Popup.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { Key } from \"ts-key-enum\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\nimport { FocusTrap } from \"../focustrap/FocusTrap\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { Rectangle } from \"../utils/Rectangle\";\n\n// cSpell:ignore focustrap focusable alertdialog\n\n/** @internal */\ninterface PopupPoint {\n  x: number;\n  y: number;\n}\n\n/** Properties for the [[Popup]] component\n * @public\n * @deprecated in 4.15.0. Props of deprecated {@link Popup} component.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface PopupProps extends CommonProps {\n  /** Show or hide the box shadow (defaults to true) */\n  showShadow: boolean;\n  /** Show or hide the arrow (defaults to false) */\n  showArrow: boolean;\n  /** Indicates whether the popup is shown or not (defaults to false) */\n  isOpen: boolean;\n  /** Direction (relative to the target) to which the popup is expanded (defaults to Bottom) */\n  position: RelativePosition;\n  /** Top position (absolute positioning - defaults to 0) */\n  top: number;\n  /** Left position (absolute positioning - defaults to 0) */\n  left: number;\n  /** Function called when the popup is opened */\n  onOpen?: () => void;\n  /** Function called when user clicks outside the popup  */\n  onOutsideClick?: (e: MouseEvent) => void;\n  /** Function called when the popup is closed */\n  onClose?: () => void;\n  /** Function called when the popup is closed on Enter */\n  onEnter?: () => void;\n  /** Function called when the wheel is used */\n  onWheel?: (e: WheelEvent) => void;\n  /** Function called when the right mouse button is pressed */\n  onContextMenu?: (e: MouseEvent) => void;\n  /** Offset from the parent (defaults to 4) */\n  offset: number;\n  /** Target element to position popup */\n  target?: HTMLElement | null;\n  /** Role - if not specified \"dialog\" is used */\n  role?: \"dialog\" | \"alert\" | \"alertdialog\";\n  /** accessibility label */\n  ariaLabel?: string;\n  /** set focus to popup - default to not set focus */\n  moveFocus?: boolean;\n  /** Element to receive focus, specified by React.RefObject or CSS selector string. If undefined and moveFocus is true then focus is moved to first focusable element. */\n  focusTarget?: React.RefObject<HTMLElement> | string;\n  /** Indicates whether the popup is pinned. */\n  isPinned?: boolean;\n  /** Indicates whether to use animation for open/close (defaults to true) */\n  animate?: boolean;\n  /** Indicates whether to close the popup when Enter is pressed (defaults to true) */\n  closeOnEnter?: boolean;\n  /** Indicates whether to close the popup when the wheel is used (defaults to true) */\n  closeOnWheel?: boolean;\n  /** Indicates whether to close the popup when the right mouse button is pressed (defaults to true) */\n  closeOnContextMenu?: boolean;\n  /** If false outside click processing and closing are skipped if click occurs in another Popup component, default to false. */\n  closeOnNestedPopupOutsideClick?: boolean;\n  /** If true the children are mounted once and unmounted when this component is unmounted. If false the\n   * children are unmounted each time the popup is closed. */\n  keepContentsMounted?: boolean;\n\n  /**\n   * If true the popup will remain open and will be repositioned when window resize events occur, default to false.\n   * @beta\n   * */\n  repositionOnResize?: boolean;\n\n  /** Content */\n  children?: React.ReactNode;\n\n  /** Target that should be used when portaling popup. */\n  portalTarget?: HTMLElement;\n}\n\n/** @internal */\ninterface PopupState {\n  isOpen: boolean;\n  top: number;\n  left: number;\n  position: RelativePosition;\n  parentDocument: Document;\n  animationEnded: boolean;\n}\n\n/** Popup React component displays a popup relative to an optional target element.\n * @public\n * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/popover iTwinUI Popover} instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class Popup extends React.Component<PopupProps, PopupState> {\n  private _popup: HTMLElement | null = null;\n\n  // eslint-disable-next-line deprecation/deprecation\n  constructor(props: PopupProps) {\n    super(props);\n    const parentDocument = this.props.target?.ownerDocument ?? document;\n\n    this.state = {\n      animationEnded: false,\n      isOpen: this.props.isOpen,\n      top: 0,\n      left: 0,\n      position: this.props.position,\n      parentDocument,\n    };\n  }\n\n  // eslint-disable-next-line deprecation/deprecation\n  public static defaultProps: Partial<PopupProps> = {\n    position: RelativePosition.Bottom,\n    showShadow: true,\n    showArrow: false,\n    isOpen: false,\n    offset: 4,\n    top: -1,\n    left: -1,\n  };\n\n  public override componentDidMount() {\n    if (this.props.isOpen) {\n      this._onShow();\n    }\n  }\n\n  private getParentWindow() {\n    return this.state.parentDocument.defaultView ?? window;\n  }\n\n  public override componentDidUpdate(\n    previousProps: PopupProps, // eslint-disable-line deprecation/deprecation\n    prevState: PopupState\n  ) {\n    if (this.state.position !== prevState.position) {\n      this.setState({ animationEnded: false });\n    }\n\n    if (this.props.target !== previousProps.target) {\n      {\n        const parentDocument = this.props.target?.ownerDocument ?? document;\n        if (parentDocument !== this.state.parentDocument) {\n          this._unBindWindowEvents();\n          this.setState({ parentDocument });\n        }\n      }\n    }\n\n    if (this.props.isOpen === previousProps.isOpen) {\n      if (this.props.isOpen) {\n        const position = this._toggleRelativePosition();\n        const point = this._fitPopup(this._getPosition(position));\n        if (\n          Math.abs(this.state.left - point.x) < 3 &&\n          Math.abs(this.state.top - point.y) < 3 &&\n          this.state.position === position\n        )\n          return;\n\n        this.setState({\n          left: point.x,\n          top: point.y,\n          position,\n        });\n      }\n      return;\n    }\n\n    if (this.props.isOpen) {\n      this._onShow();\n    } else {\n      this._onClose();\n    }\n  }\n\n  public override componentWillUnmount() {\n    this._unBindWindowEvents();\n  }\n\n  private _bindWindowEvents = () => {\n    const activeWindow = this.getParentWindow();\n    activeWindow.addEventListener(\"pointerdown\", this._handleOutsideClick);\n    activeWindow.addEventListener(\"resize\", this._resize);\n    activeWindow.addEventListener(\"contextmenu\", this._handleContextMenu);\n    activeWindow.addEventListener(\"scroll\", this._hide);\n    activeWindow.addEventListener(\"wheel\", this._handleWheel);\n    activeWindow.addEventListener(\"keydown\", this._handleKeyboard);\n  };\n\n  private _unBindWindowEvents = () => {\n    const activeWindow = this.getParentWindow();\n    activeWindow.removeEventListener(\"pointerdown\", this._handleOutsideClick);\n    activeWindow.removeEventListener(\"resize\", this._resize);\n    activeWindow.removeEventListener(\"contextmenu\", this._handleContextMenu);\n    activeWindow.removeEventListener(\"scroll\", this._hide);\n    activeWindow.removeEventListener(\"wheel\", this._handleWheel);\n    activeWindow.removeEventListener(\"keydown\", this._handleKeyboard);\n  };\n\n  private _handleWheel = (event: WheelEvent) => {\n    if (this._popup && this._popup.contains(event.target as Node)) return;\n\n    if (this.props.onWheel) return this.props.onWheel(event);\n\n    const closeOnWheel =\n      this.props.closeOnWheel !== undefined ? this.props.closeOnWheel : true;\n    if (closeOnWheel) this._hide();\n  };\n\n  private isInCorePopup(element: HTMLElement): boolean {\n    if (element.nodeName === \"DIV\") {\n      if (element.classList && element.classList.contains(\"core-popup\"))\n        return true;\n      if (element.parentElement && this.isInCorePopup(element.parentElement))\n        return true;\n    } else {\n      if (element.parentElement && this.isInCorePopup(element.parentElement))\n        return true;\n    }\n    return false;\n  }\n\n  private _handleOutsideClick = (event: MouseEvent): void => {\n    if (this._popup && this._popup.contains(event.target as Node)) return;\n\n    if (this.props.isPinned) return;\n\n    if (\n      !this.props.closeOnNestedPopupOutsideClick &&\n      this.isInCorePopup(event.target as HTMLElement)\n    )\n      return;\n\n    if (this.props.onOutsideClick) return this.props.onOutsideClick(event);\n\n    if (this.props.target && this.props.target.contains(event.target as Node))\n      return;\n\n    this._onClose();\n  };\n\n  private _handleContextMenu = (event: MouseEvent) => {\n    if (this._popup && this._popup.contains(event.target as Node)) return;\n\n    if (this.props.onContextMenu) return this.props.onContextMenu(event);\n\n    const closeOnContextMenu =\n      this.props.closeOnContextMenu !== undefined\n        ? this.props.closeOnContextMenu\n        : true;\n    if (closeOnContextMenu) this._hide();\n  };\n\n  private _handleKeyboard = (event: KeyboardEvent): void => {\n    if (this.props.isPinned) return;\n\n    if (\n      event.key === Key.Escape.valueOf() ||\n      event.key === Key.Enter.valueOf()\n    ) {\n      const closeOnEnter =\n        this.props.closeOnEnter !== undefined ? this.props.closeOnEnter : true;\n      if (event.key === Key.Enter.valueOf()) {\n        if (closeOnEnter) this._onClose(true);\n        else this.props.onEnter && this.props.onEnter();\n      } else {\n        this._onClose(false);\n      }\n    }\n  };\n\n  private _resize = () => {\n    if (this.props.repositionOnResize) {\n      const position = this._toggleRelativePosition();\n      const point = this._fitPopup(this._getPosition(position));\n      this.setState({ left: point.x, top: point.y, position });\n    } else {\n      this._hide(); // legacy behavior\n    }\n  };\n\n  private _hide = () => {\n    if (this.props.isPinned) return;\n\n    this._onClose();\n  };\n\n  private _onShow() {\n    this._bindWindowEvents();\n    const position = this._toggleRelativePosition();\n    const point = this._fitPopup(this._getPosition(position));\n\n    this.setState(\n      { left: point.x, top: point.y, isOpen: true, position },\n      () => {\n        if (this.props.onOpen) this.props.onOpen();\n      }\n    );\n  }\n\n  private _onClose(enterKey?: boolean) {\n    if (!this.state.isOpen) return;\n\n    this._unBindWindowEvents();\n\n    this.setState({ isOpen: false }, () => {\n      if (enterKey && this.props.onEnter) this.props.onEnter();\n      if (this.props.onClose) this.props.onClose();\n    });\n  }\n\n  private _isPositionAbsolute(): boolean {\n    return this.props.top !== -1 && this.props.left !== -1;\n  }\n\n  private _getClassNameByPosition(position: RelativePosition): string {\n    if (!this._isPositionAbsolute()) {\n      switch (position) {\n        case RelativePosition.TopLeft:\n          return \"core-popup-top-left\";\n        case RelativePosition.TopRight:\n          return \"core-popup-top-right\";\n        case RelativePosition.BottomLeft:\n          return \"core-popup-bottom-left\";\n        case RelativePosition.BottomRight:\n          return \"core-popup-bottom-right\";\n        case RelativePosition.Top:\n          return \"core-popup-top\";\n        case RelativePosition.Left:\n          return \"core-popup-left\";\n        case RelativePosition.Right:\n          return \"core-popup-right\";\n        case RelativePosition.Bottom:\n          return \"core-popup-bottom\";\n        case RelativePosition.LeftTop:\n          return \"core-popup-left-top\";\n        case RelativePosition.RightTop:\n          return \"core-popup-right-top\";\n      }\n    }\n\n    return \"\";\n  }\n\n  private _getPopupDimensions(): { popupWidth: number; popupHeight: number } {\n    let popupWidth = 0;\n    let popupHeight = 0;\n    if (this._popup) {\n      const activeWindow = this.getParentWindow();\n      const style = activeWindow.getComputedStyle(this._popup);\n      const borderLeftWidth = parsePxString(style.borderLeftWidth);\n      const borderRightWidth = parsePxString(style.borderRightWidth);\n      const borderTopWidth = parsePxString(style.borderTopWidth);\n      const borderBottomWidth = parsePxString(style.borderBottomWidth);\n      popupWidth = this._popup.clientWidth + borderLeftWidth + borderRightWidth;\n      popupHeight =\n        this._popup.clientHeight + borderTopWidth + borderBottomWidth;\n    }\n\n    return { popupWidth, popupHeight };\n  }\n\n  private _getPosition = (position: RelativePosition) => {\n    const activeWindow = this.getParentWindow();\n    const { target, offset, top, left } = this.props;\n    const offsetArrow = this.props.showArrow ? 6 : 0;\n\n    // absolute position\n    if (this._isPositionAbsolute()) return { x: left, y: top };\n\n    // sanity check\n    const point = { x: 0, y: 0 };\n    if (!this._popup || !target) return point;\n\n    // relative position\n    const scrollY = activeWindow.scrollY;\n    const scrollX = activeWindow.scrollX;\n\n    const container = this.getContainer();\n    const containerBounds = container.getBoundingClientRect();\n    const targetRect = Rectangle.create(target.getBoundingClientRect()).offset({\n      x: -containerBounds.left,\n      y: -containerBounds.top,\n    });\n\n    const { popupWidth, popupHeight } = this._getPopupDimensions();\n\n    switch (position) {\n      case RelativePosition.Top:\n        point.y = scrollY + targetRect.top - popupHeight - offset - offsetArrow;\n        point.x =\n          scrollX +\n          targetRect.left +\n          targetRect.getWidth() / 2 -\n          popupWidth / 2;\n        break;\n\n      case RelativePosition.TopLeft:\n        point.y = scrollY + targetRect.top - popupHeight - offset - offsetArrow;\n        point.x = scrollX + targetRect.left;\n        break;\n\n      case RelativePosition.TopRight:\n        point.y = scrollY + targetRect.top - popupHeight - offset - offsetArrow;\n        point.x = scrollX + targetRect.right - popupWidth;\n        break;\n\n      case RelativePosition.Bottom:\n        point.y = scrollY + targetRect.bottom + offset + offsetArrow;\n        point.x =\n          scrollX +\n          targetRect.left +\n          targetRect.getWidth() / 2 -\n          popupWidth / 2;\n        break;\n\n      case RelativePosition.BottomLeft:\n        point.y = scrollY + targetRect.bottom + offset + offsetArrow;\n        point.x = scrollX + targetRect.left;\n        break;\n\n      case RelativePosition.BottomRight:\n        point.y = scrollY + targetRect.bottom + offset + offsetArrow;\n        point.x = scrollX + targetRect.right - popupWidth;\n        break;\n\n      case RelativePosition.Left:\n        point.y =\n          scrollY +\n          targetRect.top +\n          targetRect.getHeight() / 2 -\n          popupHeight / 2;\n        point.x = scrollX + targetRect.left - popupWidth - offset - offsetArrow;\n        break;\n\n      case RelativePosition.LeftTop:\n        point.y = scrollY + targetRect.top;\n        point.x = scrollX + targetRect.left - popupWidth - offset - offsetArrow;\n        break;\n\n      case RelativePosition.Right:\n        point.y =\n          scrollY +\n          targetRect.top +\n          targetRect.getHeight() / 2 -\n          popupHeight / 2;\n        point.x = scrollX + targetRect.right + offset + offsetArrow;\n        break;\n\n      case RelativePosition.RightTop:\n        point.y = scrollY + targetRect.top;\n        point.x = scrollX + targetRect.right + offset + offsetArrow;\n        break;\n    }\n\n    return point;\n  };\n\n  private _toggleRelativePosition(): RelativePosition {\n    const { target, position, offset } = this.props;\n\n    if (!this._popup || !target) return position;\n\n    if (this._isPositionAbsolute()) return position;\n\n    let newPosition = position;\n\n    interface Rect {\n      left: number;\n      top: number;\n      right: number;\n      bottom: number;\n    }\n\n    const activeWindow = this.getParentWindow();\n\n    // Note: Cannot use DOMRect yet since it's experimental and not available in all browsers (Nov. 2018)\n    const viewportRect: Rect = {\n      left: activeWindow.scrollX,\n      top: activeWindow.scrollY,\n      right: activeWindow.scrollX + activeWindow.innerWidth,\n      bottom: activeWindow.scrollY + activeWindow.innerHeight,\n    };\n    const targetRect = target.getBoundingClientRect();\n    const { popupWidth, popupHeight } = this._getPopupDimensions();\n    const containerStyle = activeWindow.getComputedStyle(target);\n    const offsetArrow = this.props.showArrow ? 10 : 2;\n\n    const bottomMargin = parseMargin(containerStyle.marginBottom);\n    if (\n      targetRect.bottom + popupHeight + bottomMargin + offsetArrow + offset >\n      viewportRect.bottom\n    ) {\n      if (newPosition === RelativePosition.Bottom)\n        newPosition = RelativePosition.Top;\n      else if (newPosition === RelativePosition.BottomLeft)\n        newPosition = RelativePosition.TopLeft;\n      else if (newPosition === RelativePosition.BottomRight)\n        newPosition = RelativePosition.TopRight;\n    }\n\n    const topMargin = parseMargin(containerStyle.marginTop);\n    if (\n      targetRect.top - popupHeight - topMargin - offsetArrow - offset <\n      viewportRect.top\n    ) {\n      if (newPosition === RelativePosition.Top)\n        newPosition = RelativePosition.Bottom;\n      else if (newPosition === RelativePosition.TopLeft)\n        newPosition = RelativePosition.BottomLeft;\n      else if (newPosition === RelativePosition.TopRight)\n        newPosition = RelativePosition.BottomRight;\n    }\n\n    const leftMargin = parseMargin(containerStyle.marginLeft);\n    if (\n      targetRect.left - popupWidth - leftMargin - offsetArrow - offset <\n      viewportRect.left\n    ) {\n      if (newPosition === RelativePosition.Left)\n        newPosition = RelativePosition.Right;\n      else if (newPosition === RelativePosition.LeftTop)\n        newPosition = RelativePosition.RightTop;\n    }\n\n    const rightMargin = parseMargin(containerStyle.marginRight);\n    if (\n      targetRect.right + popupWidth + rightMargin + offsetArrow + offset >\n      viewportRect.right\n    ) {\n      if (newPosition === RelativePosition.Right)\n        newPosition = RelativePosition.Left;\n      else if (newPosition === RelativePosition.RightTop)\n        newPosition = RelativePosition.LeftTop;\n    }\n\n    return newPosition;\n  }\n\n  // fit the popup within the extents of the view port\n  private _fitPopup = (point: PopupPoint) => {\n    const fittedPoint = point;\n\n    if (!this._popup) {\n      return fittedPoint;\n    }\n\n    // const popupRect = this._popup.getBoundingClientRect();\n    const { popupWidth, popupHeight } = this._getPopupDimensions();\n    const { innerWidth, innerHeight } = window;\n\n    if (fittedPoint.y + popupHeight > innerHeight) {\n      fittedPoint.y = innerHeight - popupHeight;\n    }\n\n    if (fittedPoint.x + popupWidth > innerWidth) {\n      fittedPoint.x = innerWidth - popupWidth;\n    }\n\n    if (fittedPoint.y < 0) {\n      fittedPoint.y = 0;\n    }\n\n    if (fittedPoint.x < 0) {\n      fittedPoint.x = 0;\n    }\n\n    return fittedPoint;\n  };\n\n  private _handleAnimationEnd = (\n    event: React.AnimationEvent<HTMLDivElement>\n  ) => {\n    if (event.target === this._popup) {\n      this.setState({ animationEnded: true });\n    }\n  };\n\n  public override render() {\n    const animate =\n      this.props.animate !== undefined ? this.props.animate : true;\n    const className = classnames(\n      \"core-popup\",\n      this._getClassNameByPosition(this.state.position),\n      this.props.showShadow && \"core-popup-shadow\",\n      this.props.showArrow && \"arrow\",\n      !animate && \"core-popup-animation-none\",\n      this.props.className,\n      this.state.animationEnded && \"core-animation-ended\",\n      !this.props.isOpen &&\n        this.props.keepContentsMounted &&\n        \"core-popup-hidden\"\n    );\n\n    const style: React.CSSProperties = {\n      top: this.state.top,\n      left: this.state.left,\n      ...this.props.style,\n    };\n\n    const role = this.props.role ? this.props.role : \"dialog\"; // accessibility property\n\n    if (!this.props.isOpen && !this.props.keepContentsMounted) {\n      return null;\n    }\n\n    return ReactDOM.createPortal(\n      <div\n        className={className}\n        data-testid=\"core-popup\"\n        ref={(element) => {\n          this._popup = element;\n        }}\n        style={style}\n        role={role}\n        aria-modal={true}\n        tabIndex={-1}\n        aria-label={this.props.ariaLabel}\n        onAnimationEnd={this._handleAnimationEnd}\n      >\n        <FocusTrap\n          active={!!this.props.moveFocus}\n          initialFocusElement={this.props.focusTarget}\n          returnFocusOnDeactivate={true}\n        >\n          {this.props.children}\n        </FocusTrap>\n      </div>,\n      this.getContainer()\n    );\n  }\n\n  private getContainer() {\n    return (\n      this.props.portalTarget ??\n      this.state.parentDocument.body.querySelector(\n        '[data-root-container=\"appui-root-id\"]'\n      ) ??\n      this.state.parentDocument.body\n    );\n  }\n}\n\nfunction parsePxString(pxStr: string): number {\n  const parsed = parseInt(pxStr, 10);\n  return parsed || 0;\n}\n\nfunction parseMargin(value: string) {\n  return value ? parseFloat(value) : 0;\n}\n"]}
+{"version":3,"file":"Popup.js","sourceRoot":"","sources":["../../../../src/core-react/popup/Popup.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 Popup\n */\n\nimport \"./Popup.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { Key } from \"ts-key-enum\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\nimport { FocusTrap } from \"../focustrap/FocusTrap\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { Rectangle } from \"../utils/Rectangle\";\nimport { ThemeProvider } from \"@itwin/itwinui-react\";\n\n// cSpell:ignore focustrap focusable alertdialog\n\n/** @internal */\ninterface PopupPoint {\n  x: number;\n  y: number;\n}\n\n/** @internal */\nexport const PopupContext = React.createContext<HTMLElement | undefined>(\n  undefined\n);\n\n/** Properties for the [[Popup]] component\n * @public\n * @deprecated in 4.15.0. Props of deprecated {@link Popup} component.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface PopupProps extends CommonProps {\n  /** Show or hide the box shadow (defaults to true) */\n  showShadow: boolean;\n  /** Show or hide the arrow (defaults to false) */\n  showArrow: boolean;\n  /** Indicates whether the popup is shown or not (defaults to false) */\n  isOpen: boolean;\n  /** Direction (relative to the target) to which the popup is expanded (defaults to Bottom) */\n  position: RelativePosition;\n  /** Top position (absolute positioning - defaults to 0) */\n  top: number;\n  /** Left position (absolute positioning - defaults to 0) */\n  left: number;\n  /** Function called when the popup is opened */\n  onOpen?: () => void;\n  /** Function called when user clicks outside the popup  */\n  onOutsideClick?: (e: MouseEvent) => void;\n  /** Function called when the popup is closed */\n  onClose?: () => void;\n  /** Function called when the popup is closed on Enter */\n  onEnter?: () => void;\n  /** Function called when the wheel is used */\n  onWheel?: (e: WheelEvent) => void;\n  /** Function called when the right mouse button is pressed */\n  onContextMenu?: (e: MouseEvent) => void;\n  /** Offset from the parent (defaults to 4) */\n  offset: number;\n  /** Target element to position popup */\n  target?: HTMLElement | null;\n  /** Role - if not specified \"dialog\" is used */\n  role?: \"dialog\" | \"alert\" | \"alertdialog\";\n  /** accessibility label */\n  ariaLabel?: string;\n  /** set focus to popup - default to not set focus */\n  moveFocus?: boolean;\n  /** Element to receive focus, specified by React.RefObject or CSS selector string. If undefined and moveFocus is true then focus is moved to first focusable element. */\n  focusTarget?: React.RefObject<HTMLElement> | string;\n  /** Indicates whether the popup is pinned. */\n  isPinned?: boolean;\n  /** Indicates whether to use animation for open/close (defaults to true) */\n  animate?: boolean;\n  /** Indicates whether to close the popup when Enter is pressed (defaults to true) */\n  closeOnEnter?: boolean;\n  /** Indicates whether to close the popup when the wheel is used (defaults to true) */\n  closeOnWheel?: boolean;\n  /** Indicates whether to close the popup when the right mouse button is pressed (defaults to true) */\n  closeOnContextMenu?: boolean;\n  /** If false outside click processing and closing are skipped if click occurs in another Popup component, default to false. */\n  closeOnNestedPopupOutsideClick?: boolean;\n  /** If true the children are mounted once and unmounted when this component is unmounted. If false the\n   * children are unmounted each time the popup is closed. */\n  keepContentsMounted?: boolean;\n\n  /**\n   * If true the popup will remain open and will be repositioned when window resize events occur, default to false.\n   * @beta\n   * */\n  repositionOnResize?: boolean;\n\n  /** Content */\n  children?: React.ReactNode;\n\n  /** Target that should be used when portaling popup.\n   * @note This is needed in rare cases when {@link Popup} is nested inside the {@link https://itwinui.bentley.com/docs/popover iTwinUI Popover}.\n   */\n  portalTarget?: HTMLElement;\n}\n\ninterface PopupState {\n  isOpen: boolean;\n  top: number;\n  left: number;\n  position: RelativePosition;\n  parentDocument: Document;\n  animationEnded: boolean;\n  portalContainer?: HTMLElement;\n}\n\n/** Popup React component displays a popup relative to an optional target element.\n * @note Avoid nesting {@link Popup} and {@link https://itwinui.bentley.com/docs/popover iTwinUI Popover} components.\n * @public\n * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/popover iTwinUI Popover} instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class Popup extends React.Component<PopupProps, PopupState> {\n  private _popup: HTMLElement | null = null;\n  /** @internal */\n  public static override contextType = PopupContext;\n  /** @internal */\n  public declare context: React.ContextType<typeof PopupContext>;\n\n  // eslint-disable-next-line deprecation/deprecation\n  constructor(props: PopupProps) {\n    super(props);\n    const parentDocument = this.props.target?.ownerDocument ?? document;\n\n    this.state = {\n      animationEnded: false,\n      isOpen: this.props.isOpen,\n      top: 0,\n      left: 0,\n      position: this.props.position,\n      parentDocument,\n    };\n  }\n\n  // eslint-disable-next-line deprecation/deprecation\n  public static defaultProps: Partial<PopupProps> = {\n    position: RelativePosition.Bottom,\n    showShadow: true,\n    showArrow: false,\n    isOpen: false,\n    offset: 4,\n    top: -1,\n    left: -1,\n  };\n\n  public override componentDidMount() {\n    if (this.props.isOpen) {\n      this._onShow();\n    }\n  }\n\n  private getParentWindow() {\n    return this.state.parentDocument.defaultView ?? window;\n  }\n\n  public override componentDidUpdate(\n    previousProps: PopupProps, // eslint-disable-line deprecation/deprecation\n    prevState: PopupState\n  ) {\n    if (this.state.position !== prevState.position) {\n      this.setState({ animationEnded: false });\n    }\n\n    if (this.props.target !== previousProps.target) {\n      {\n        const parentDocument = this.props.target?.ownerDocument ?? document;\n        if (parentDocument !== this.state.parentDocument) {\n          this._unBindWindowEvents();\n          this.setState({ parentDocument });\n        }\n      }\n    }\n\n    if (this.props.isOpen === previousProps.isOpen) {\n      if (this.props.isOpen) {\n        const position = this._toggleRelativePosition();\n        const point = this._fitPopup(this._getPosition(position));\n        if (\n          Math.abs(this.state.left - point.x) < 3 &&\n          Math.abs(this.state.top - point.y) < 3 &&\n          this.state.position === position\n        )\n          return;\n\n        this.setState({\n          left: point.x,\n          top: point.y,\n          position,\n        });\n      }\n      return;\n    }\n\n    if (this.props.isOpen) {\n      this._onShow();\n    } else {\n      this._onClose();\n    }\n  }\n\n  public override componentWillUnmount() {\n    this._unBindWindowEvents();\n  }\n\n  private _bindWindowEvents = () => {\n    const activeWindow = this.getParentWindow();\n    activeWindow.addEventListener(\"pointerdown\", this._handleOutsideClick);\n    activeWindow.addEventListener(\"resize\", this._resize);\n    activeWindow.addEventListener(\"contextmenu\", this._handleContextMenu);\n    activeWindow.addEventListener(\"scroll\", this._hide);\n    activeWindow.addEventListener(\"wheel\", this._handleWheel);\n    activeWindow.addEventListener(\"keydown\", this._handleKeyboard);\n  };\n\n  private _unBindWindowEvents = () => {\n    const activeWindow = this.getParentWindow();\n    activeWindow.removeEventListener(\"pointerdown\", this._handleOutsideClick);\n    activeWindow.removeEventListener(\"resize\", this._resize);\n    activeWindow.removeEventListener(\"contextmenu\", this._handleContextMenu);\n    activeWindow.removeEventListener(\"scroll\", this._hide);\n    activeWindow.removeEventListener(\"wheel\", this._handleWheel);\n    activeWindow.removeEventListener(\"keydown\", this._handleKeyboard);\n  };\n\n  private _handleWheel = (event: WheelEvent) => {\n    if (this._popup && this._popup.contains(event.target as Node)) return;\n\n    if (this.props.onWheel) return this.props.onWheel(event);\n\n    const closeOnWheel =\n      this.props.closeOnWheel !== undefined ? this.props.closeOnWheel : true;\n    if (closeOnWheel) this._hide();\n  };\n\n  private isInCorePopup(element: HTMLElement): boolean {\n    if (element.nodeName === \"DIV\") {\n      if (element.classList && element.classList.contains(\"core-popup\"))\n        return true;\n      if (element.parentElement && this.isInCorePopup(element.parentElement))\n        return true;\n    } else {\n      if (element.parentElement && this.isInCorePopup(element.parentElement))\n        return true;\n    }\n    return false;\n  }\n\n  private _handleOutsideClick = (event: MouseEvent): void => {\n    if (this._popup && this._popup.contains(event.target as Node)) return;\n\n    if (this.props.isPinned) return;\n\n    if (\n      !this.props.closeOnNestedPopupOutsideClick &&\n      this.isInCorePopup(event.target as HTMLElement)\n    )\n      return;\n\n    if (this.props.onOutsideClick) return this.props.onOutsideClick(event);\n\n    if (this.props.target && this.props.target.contains(event.target as Node))\n      return;\n\n    this._onClose();\n  };\n\n  private _handleContextMenu = (event: MouseEvent) => {\n    if (this._popup && this._popup.contains(event.target as Node)) return;\n\n    if (this.props.onContextMenu) return this.props.onContextMenu(event);\n\n    const closeOnContextMenu =\n      this.props.closeOnContextMenu !== undefined\n        ? this.props.closeOnContextMenu\n        : true;\n    if (closeOnContextMenu) this._hide();\n  };\n\n  private _handleKeyboard = (event: KeyboardEvent): void => {\n    if (this.props.isPinned) return;\n\n    if (\n      event.key === Key.Escape.valueOf() ||\n      event.key === Key.Enter.valueOf()\n    ) {\n      const closeOnEnter =\n        this.props.closeOnEnter !== undefined ? this.props.closeOnEnter : true;\n      if (event.key === Key.Enter.valueOf()) {\n        if (closeOnEnter) this._onClose(true);\n        else this.props.onEnter && this.props.onEnter();\n      } else {\n        this._onClose(false);\n      }\n    }\n  };\n\n  private _resize = () => {\n    if (this.props.repositionOnResize) {\n      const position = this._toggleRelativePosition();\n      const point = this._fitPopup(this._getPosition(position));\n      this.setState({ left: point.x, top: point.y, position });\n    } else {\n      this._hide(); // legacy behavior\n    }\n  };\n\n  private _hide = () => {\n    if (this.props.isPinned) return;\n\n    this._onClose();\n  };\n\n  private _onShow() {\n    this._bindWindowEvents();\n    const position = this._toggleRelativePosition();\n    const point = this._fitPopup(this._getPosition(position));\n\n    this.setState(\n      { left: point.x, top: point.y, isOpen: true, position },\n      () => {\n        if (this.props.onOpen) this.props.onOpen();\n      }\n    );\n  }\n\n  private _onClose(enterKey?: boolean) {\n    if (!this.state.isOpen) return;\n\n    this._unBindWindowEvents();\n\n    this.setState({ isOpen: false }, () => {\n      if (enterKey && this.props.onEnter) this.props.onEnter();\n      if (this.props.onClose) this.props.onClose();\n    });\n  }\n\n  private _isPositionAbsolute(): boolean {\n    return this.props.top !== -1 && this.props.left !== -1;\n  }\n\n  private _getClassNameByPosition(position: RelativePosition): string {\n    if (!this._isPositionAbsolute()) {\n      switch (position) {\n        case RelativePosition.TopLeft:\n          return \"core-popup-top-left\";\n        case RelativePosition.TopRight:\n          return \"core-popup-top-right\";\n        case RelativePosition.BottomLeft:\n          return \"core-popup-bottom-left\";\n        case RelativePosition.BottomRight:\n          return \"core-popup-bottom-right\";\n        case RelativePosition.Top:\n          return \"core-popup-top\";\n        case RelativePosition.Left:\n          return \"core-popup-left\";\n        case RelativePosition.Right:\n          return \"core-popup-right\";\n        case RelativePosition.Bottom:\n          return \"core-popup-bottom\";\n        case RelativePosition.LeftTop:\n          return \"core-popup-left-top\";\n        case RelativePosition.RightTop:\n          return \"core-popup-right-top\";\n      }\n    }\n\n    return \"\";\n  }\n\n  private _getPopupDimensions(): { popupWidth: number; popupHeight: number } {\n    let popupWidth = 0;\n    let popupHeight = 0;\n    if (this._popup) {\n      const activeWindow = this.getParentWindow();\n      const style = activeWindow.getComputedStyle(this._popup);\n      const borderLeftWidth = parsePxString(style.borderLeftWidth);\n      const borderRightWidth = parsePxString(style.borderRightWidth);\n      const borderTopWidth = parsePxString(style.borderTopWidth);\n      const borderBottomWidth = parsePxString(style.borderBottomWidth);\n      popupWidth = this._popup.clientWidth + borderLeftWidth + borderRightWidth;\n      popupHeight =\n        this._popup.clientHeight + borderTopWidth + borderBottomWidth;\n    }\n\n    return { popupWidth, popupHeight };\n  }\n\n  private _getPosition = (position: RelativePosition) => {\n    const activeWindow = this.getParentWindow();\n    const { target, offset, top, left } = this.props;\n    const offsetArrow = this.props.showArrow ? 6 : 0;\n\n    // absolute position\n    if (this._isPositionAbsolute()) return { x: left, y: top };\n\n    // sanity check\n    const point = { x: 0, y: 0 };\n    if (!this._popup || !target) return point;\n\n    // relative position\n    const scrollY = activeWindow.scrollY;\n    const scrollX = activeWindow.scrollX;\n\n    const container = this.getContainer();\n    const containerBounds = container.getBoundingClientRect();\n    const targetRect = Rectangle.create(target.getBoundingClientRect()).offset({\n      x: -containerBounds.left,\n      y: -containerBounds.top,\n    });\n\n    const { popupWidth, popupHeight } = this._getPopupDimensions();\n\n    switch (position) {\n      case RelativePosition.Top:\n        point.y = scrollY + targetRect.top - popupHeight - offset - offsetArrow;\n        point.x =\n          scrollX +\n          targetRect.left +\n          targetRect.getWidth() / 2 -\n          popupWidth / 2;\n        break;\n\n      case RelativePosition.TopLeft:\n        point.y = scrollY + targetRect.top - popupHeight - offset - offsetArrow;\n        point.x = scrollX + targetRect.left;\n        break;\n\n      case RelativePosition.TopRight:\n        point.y = scrollY + targetRect.top - popupHeight - offset - offsetArrow;\n        point.x = scrollX + targetRect.right - popupWidth;\n        break;\n\n      case RelativePosition.Bottom:\n        point.y = scrollY + targetRect.bottom + offset + offsetArrow;\n        point.x =\n          scrollX +\n          targetRect.left +\n          targetRect.getWidth() / 2 -\n          popupWidth / 2;\n        break;\n\n      case RelativePosition.BottomLeft:\n        point.y = scrollY + targetRect.bottom + offset + offsetArrow;\n        point.x = scrollX + targetRect.left;\n        break;\n\n      case RelativePosition.BottomRight:\n        point.y = scrollY + targetRect.bottom + offset + offsetArrow;\n        point.x = scrollX + targetRect.right - popupWidth;\n        break;\n\n      case RelativePosition.Left:\n        point.y =\n          scrollY +\n          targetRect.top +\n          targetRect.getHeight() / 2 -\n          popupHeight / 2;\n        point.x = scrollX + targetRect.left - popupWidth - offset - offsetArrow;\n        break;\n\n      case RelativePosition.LeftTop:\n        point.y = scrollY + targetRect.top;\n        point.x = scrollX + targetRect.left - popupWidth - offset - offsetArrow;\n        break;\n\n      case RelativePosition.Right:\n        point.y =\n          scrollY +\n          targetRect.top +\n          targetRect.getHeight() / 2 -\n          popupHeight / 2;\n        point.x = scrollX + targetRect.right + offset + offsetArrow;\n        break;\n\n      case RelativePosition.RightTop:\n        point.y = scrollY + targetRect.top;\n        point.x = scrollX + targetRect.right + offset + offsetArrow;\n        break;\n    }\n\n    return point;\n  };\n\n  private _toggleRelativePosition(): RelativePosition {\n    const { target, position, offset } = this.props;\n\n    if (!this._popup || !target) return position;\n\n    if (this._isPositionAbsolute()) return position;\n\n    let newPosition = position;\n\n    interface Rect {\n      left: number;\n      top: number;\n      right: number;\n      bottom: number;\n    }\n\n    const activeWindow = this.getParentWindow();\n\n    // Note: Cannot use DOMRect yet since it's experimental and not available in all browsers (Nov. 2018)\n    const viewportRect: Rect = {\n      left: activeWindow.scrollX,\n      top: activeWindow.scrollY,\n      right: activeWindow.scrollX + activeWindow.innerWidth,\n      bottom: activeWindow.scrollY + activeWindow.innerHeight,\n    };\n    const targetRect = target.getBoundingClientRect();\n    const { popupWidth, popupHeight } = this._getPopupDimensions();\n    const containerStyle = activeWindow.getComputedStyle(target);\n    const offsetArrow = this.props.showArrow ? 10 : 2;\n\n    const bottomMargin = parseMargin(containerStyle.marginBottom);\n    if (\n      targetRect.bottom + popupHeight + bottomMargin + offsetArrow + offset >\n      viewportRect.bottom\n    ) {\n      if (newPosition === RelativePosition.Bottom)\n        newPosition = RelativePosition.Top;\n      else if (newPosition === RelativePosition.BottomLeft)\n        newPosition = RelativePosition.TopLeft;\n      else if (newPosition === RelativePosition.BottomRight)\n        newPosition = RelativePosition.TopRight;\n    }\n\n    const topMargin = parseMargin(containerStyle.marginTop);\n    if (\n      targetRect.top - popupHeight - topMargin - offsetArrow - offset <\n      viewportRect.top\n    ) {\n      if (newPosition === RelativePosition.Top)\n        newPosition = RelativePosition.Bottom;\n      else if (newPosition === RelativePosition.TopLeft)\n        newPosition = RelativePosition.BottomLeft;\n      else if (newPosition === RelativePosition.TopRight)\n        newPosition = RelativePosition.BottomRight;\n    }\n\n    const leftMargin = parseMargin(containerStyle.marginLeft);\n    if (\n      targetRect.left - popupWidth - leftMargin - offsetArrow - offset <\n      viewportRect.left\n    ) {\n      if (newPosition === RelativePosition.Left)\n        newPosition = RelativePosition.Right;\n      else if (newPosition === RelativePosition.LeftTop)\n        newPosition = RelativePosition.RightTop;\n    }\n\n    const rightMargin = parseMargin(containerStyle.marginRight);\n    if (\n      targetRect.right + popupWidth + rightMargin + offsetArrow + offset >\n      viewportRect.right\n    ) {\n      if (newPosition === RelativePosition.Right)\n        newPosition = RelativePosition.Left;\n      else if (newPosition === RelativePosition.RightTop)\n        newPosition = RelativePosition.LeftTop;\n    }\n\n    return newPosition;\n  }\n\n  // fit the popup within the extents of the view port\n  private _fitPopup = (point: PopupPoint) => {\n    const fittedPoint = point;\n\n    if (!this._popup) {\n      return fittedPoint;\n    }\n\n    // const popupRect = this._popup.getBoundingClientRect();\n    const { popupWidth, popupHeight } = this._getPopupDimensions();\n    const { innerWidth, innerHeight } = window;\n\n    if (fittedPoint.y + popupHeight > innerHeight) {\n      fittedPoint.y = innerHeight - popupHeight;\n    }\n\n    if (fittedPoint.x + popupWidth > innerWidth) {\n      fittedPoint.x = innerWidth - popupWidth;\n    }\n\n    if (fittedPoint.y < 0) {\n      fittedPoint.y = 0;\n    }\n\n    if (fittedPoint.x < 0) {\n      fittedPoint.x = 0;\n    }\n\n    return fittedPoint;\n  };\n\n  private _handleAnimationEnd = (\n    event: React.AnimationEvent<HTMLDivElement>\n  ) => {\n    if (event.target === this._popup) {\n      this.setState({ animationEnded: true });\n    }\n  };\n\n  private _handleThemeProviderRef = (el: HTMLDivElement | null) => {\n    this.setState({ portalContainer: el ?? undefined });\n  };\n\n  public override render() {\n    const animate =\n      this.props.animate !== undefined ? this.props.animate : true;\n    const className = classnames(\n      \"core-popup\",\n      this._getClassNameByPosition(this.state.position),\n      this.props.showShadow && \"core-popup-shadow\",\n      this.props.showArrow && \"arrow\",\n      !animate && \"core-popup-animation-none\",\n      this.props.className,\n      this.state.animationEnded && \"core-animation-ended\",\n      !this.props.isOpen &&\n        this.props.keepContentsMounted &&\n        \"core-popup-hidden\"\n    );\n\n    const style: React.CSSProperties = {\n      top: this.state.top,\n      left: this.state.left,\n      ...this.props.style,\n    };\n\n    const role = this.props.role ? this.props.role : \"dialog\"; // accessibility property\n\n    if (!this.props.isOpen && !this.props.keepContentsMounted) {\n      return null;\n    }\n\n    return ReactDOM.createPortal(\n      <div\n        className={className}\n        data-testid=\"core-popup\"\n        ref={(element) => {\n          this._popup = element;\n        }}\n        style={style}\n        role={role}\n        aria-modal={true}\n        tabIndex={-1}\n        aria-label={this.props.ariaLabel}\n        onAnimationEnd={this._handleAnimationEnd}\n      >\n        <ThemeProvider\n          ref={this._handleThemeProviderRef}\n          portalContainer={this.state.portalContainer}\n        >\n          <FocusTrap\n            active={!!this.props.moveFocus}\n            initialFocusElement={this.props.focusTarget}\n            returnFocusOnDeactivate={true}\n          >\n            {this.props.children}\n          </FocusTrap>\n        </ThemeProvider>\n      </div>,\n      this.getContainer()\n    );\n  }\n\n  private getContainer(): Element {\n    return (\n      this.props.portalTarget ??\n      this.context ??\n      this.state.parentDocument.body.querySelector(\n        '[data-root-container=\"appui-root-id\"]'\n      ) ??\n      this.state.parentDocument.body\n    );\n  }\n}\n\nfunction parsePxString(pxStr: string): number {\n  const parsed = parseInt(pxStr, 10);\n  return parsed || 0;\n}\n\nfunction parseMargin(value: string) {\n  return value ? parseFloat(value) : 0;\n}\n"]}

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

@@ -1,6 +1,7 @@
 /** @packageDocumentation
  * @module ContextMenu
  */
+import "./PopupContextMenu.scss";
 import * as React from "react";
 import { RelativePosition } from "@itwin/appui-abstract";
 import type { CommonProps } from "../utils/Props";

package/lib/esm/core-react/contextmenu/PopupContextMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopupContextMenu.d.ts","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/PopupContextMenu.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD;;GAEG;AAEH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,sEAAsE;IACtE,MAAM,EAAE,OAAO,CAAC;IAChB,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,uCAAuC;IACvC,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,0DAA0D;IAC1D,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,0DAA0D;IAC1D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,SAAS,KAAK,IAAI,CAAC;IACzD,oCAAoC;IACpC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAC7C,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gFAAgF;IAChF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAwC5D"}
+{"version":3,"file":"PopupContextMenu.d.ts","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/PopupContextMenu.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD;;GAEG;AAEH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,sEAAsE;IACtE,MAAM,EAAE,OAAO,CAAC;IAChB,6FAA6F;IAC7F,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,uCAAuC;IACvC,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,0DAA0D;IAC1D,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACzC,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,0DAA0D;IAC1D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,SAAS,KAAK,IAAI,CAAC;IACzD,oCAAoC;IACpC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAC7C,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gFAAgF;IAChF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAwC5D"}

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

@@ -5,6 +5,7 @@
 /** @packageDocumentation
  * @module ContextMenu
  */
+import "./PopupContextMenu.scss";
 import * as React from "react";
 import { Popup } from "../popup/Popup";
 import { ContextMenu } from "./ContextMenu";
@@ -18,8 +19,8 @@ export function PopupContextMenu(props) {
     const menuDirection = getContextMenuDirectionFromRelativePosition(popupProps.position);
     return (
     // eslint-disable-next-line deprecation/deprecation
-    React.createElement(Popup, { ...popupProps, closeOnNestedPopupOutsideClick: true, showShadow: false, showArrow: false, moveFocus: true, style: { ...style, border: "none" }, portalTarget: props.target ?? undefined },
-        React.createElement(ContextMenu, { opened: true, onSelect: onSelect, onEsc: onEsc, autoflip: autoflip, edgeLimit: edgeLimit, hotkeySelect: hotkeySelect, selectedIndex: selectedIndex, direction: menuDirection }, children)));
+    React.createElement(Popup, { ...popupProps, closeOnNestedPopupOutsideClick: true, showShadow: false, showArrow: false, moveFocus: true, style: { ...style, border: "none" } },
+        React.createElement(ContextMenu, { className: "core-contextMenu-popupContextMenu_menu", opened: true, onSelect: onSelect, onEsc: onEsc, autoflip: autoflip, edgeLimit: edgeLimit, hotkeySelect: hotkeySelect, selectedIndex: selectedIndex, direction: menuDirection }, children)));
 }
 function getContextMenuDirectionFromRelativePosition(relativePosition) {
     let menuDirection = ContextMenuDirection.Bottom;

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

@@ -1 +1 @@
-{"version":3,"file":"PopupContextMenu.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/PopupContextMenu.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAiD9D;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,2CAA2C,CAC/D,UAAU,CAAC,QAAQ,CACpB,CAAC;IACF,OAAO;IACL,mDAAmD;IACnD,oBAAC,KAAK,OACA,UAAU,EACd,8BAA8B,QAC9B,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,KAAK,EAChB,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EACnC,YAAY,EAAE,KAAK,CAAC,MAAM,IAAI,SAAS;QAEvC,oBAAC,WAAW,IACV,MAAM,EAAE,IAAI,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,aAAa,IAEvB,QAAQ,CACG,CACR,CACT,CAAC;AACJ,CAAC;AAED,SAAS,2CAA2C,CAClD,gBAAmC;IAEnC,IAAI,aAAa,GAAG,oBAAoB,CAAC,MAAM,CAAC;IAChD,QAAQ,gBAAgB,EAAE,CAAC;QACzB,KAAK,gBAAgB,CAAC,GAAG;YACvB,aAAa,GAAG,oBAAoB,CAAC,GAAG,CAAC;YACzC,MAAM;QACR,KAAK,gBAAgB,CAAC,OAAO;YAC3B,aAAa,GAAG,oBAAoB,CAAC,QAAQ,CAAC;YAC9C,MAAM;QACR,KAAK,gBAAgB,CAAC,QAAQ;YAC5B,aAAa,GAAG,oBAAoB,CAAC,OAAO,CAAC;YAC7C,MAAM;QACR,KAAK,gBAAgB,CAAC,IAAI;YACxB,aAAa,GAAG,oBAAoB,CAAC,IAAI,CAAC;YAC1C,MAAM;QACR,KAAK,gBAAgB,CAAC,KAAK;YACzB,aAAa,GAAG,oBAAoB,CAAC,KAAK,CAAC;YAC3C,MAAM;QACR,KAAK,gBAAgB,CAAC,MAAM;YAC1B,aAAa,GAAG,oBAAoB,CAAC,MAAM,CAAC;YAC5C,MAAM;QACR,KAAK,gBAAgB,CAAC,UAAU;YAC9B,aAAa,GAAG,oBAAoB,CAAC,WAAW,CAAC;YACjD,MAAM;QACR,KAAK,gBAAgB,CAAC,WAAW;YAC/B,aAAa,GAAG,oBAAoB,CAAC,UAAU,CAAC;YAChD,MAAM;IACV,CAAC;IACD,OAAO,aAAa,CAAC;AACvB,CAAC","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 { Popup } from \"../popup/Popup\";\nimport { ContextMenu } from \"./ContextMenu\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { ContextMenuDirection } from \"./ContextMenuDirection\";\n\n/** Properties for [[PopupContextMenu]] component\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface PopupContextMenuProps extends CommonProps {\n  /** Indicates whether the popup is shown or not (defaults to false) */\n  isOpen: boolean;\n  /** Direction (relative to the target) to which the popup is expanded (defaults to Bottom) */\n  position?: RelativePosition;\n  /** Target element to position popup */\n  target?: HTMLElement | null;\n  /** Function called when the popup is opened */\n  onOpen?: () => void;\n  /** Function called when user clicks outside the popup  */\n  onOutsideClick?: (e: MouseEvent) => void;\n  /** Function called when the popup is closed */\n  onClose?: () => void;\n  /** Function called when the popup is closed on Enter */\n  onEnter?: () => void;\n  /** Top position (absolute positioning - defaults to 0) */\n  top?: number;\n  /** Left position (absolute positioning - defaults to 0) */\n  left?: number;\n  /** Offset from the parent (defaults to 4) */\n  offset?: number;\n  /** accessibility label */\n  ariaLabel?: string;\n  /** Indicates whether to use animation for open/close (defaults to true) */\n  animate?: boolean;\n\n  /** When list item or submenu is selected */\n  onSelect?: (event: React.MouseEvent | undefined) => void;\n  /** when Escape button is pressed */\n  onEsc?: (event: React.KeyboardEvent) => void;\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\n  /** ContextMenu items */\n  children?: React.ReactNode;\n}\n\n/** Component that displays a ContextMenu within a Popup component, allowing the target element to be specified.\n * @public\n */\nexport function PopupContextMenu(props: PopupContextMenuProps) {\n  const {\n    style,\n    onSelect,\n    onEsc,\n    autoflip,\n    edgeLimit,\n    hotkeySelect,\n    selectedIndex,\n    children,\n    ...popupProps\n  } = props;\n  const menuDirection = getContextMenuDirectionFromRelativePosition(\n    popupProps.position\n  );\n  return (\n    // eslint-disable-next-line deprecation/deprecation\n    <Popup\n      {...popupProps}\n      closeOnNestedPopupOutsideClick\n      showShadow={false}\n      showArrow={false}\n      moveFocus={true}\n      style={{ ...style, border: \"none\" }}\n      portalTarget={props.target ?? undefined}\n    >\n      <ContextMenu\n        opened={true}\n        onSelect={onSelect}\n        onEsc={onEsc}\n        autoflip={autoflip}\n        edgeLimit={edgeLimit}\n        hotkeySelect={hotkeySelect}\n        selectedIndex={selectedIndex}\n        direction={menuDirection}\n      >\n        {children}\n      </ContextMenu>\n    </Popup>\n  );\n}\n\nfunction getContextMenuDirectionFromRelativePosition(\n  relativePosition?: RelativePosition\n): ContextMenuDirection {\n  let menuDirection = ContextMenuDirection.Bottom;\n  switch (relativePosition) {\n    case RelativePosition.Top:\n      menuDirection = ContextMenuDirection.Top;\n      break;\n    case RelativePosition.TopLeft:\n      menuDirection = ContextMenuDirection.TopRight;\n      break;\n    case RelativePosition.TopRight:\n      menuDirection = ContextMenuDirection.TopLeft;\n      break;\n    case RelativePosition.Left:\n      menuDirection = ContextMenuDirection.Left;\n      break;\n    case RelativePosition.Right:\n      menuDirection = ContextMenuDirection.Right;\n      break;\n    case RelativePosition.Bottom:\n      menuDirection = ContextMenuDirection.Bottom;\n      break;\n    case RelativePosition.BottomLeft:\n      menuDirection = ContextMenuDirection.BottomRight;\n      break;\n    case RelativePosition.BottomRight:\n      menuDirection = ContextMenuDirection.BottomLeft;\n      break;\n  }\n  return menuDirection;\n}\n"]}
+{"version":3,"file":"PopupContextMenu.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/PopupContextMenu.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAiD9D;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAA4B;IAC3D,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,aAAa,GAAG,2CAA2C,CAC/D,UAAU,CAAC,QAAQ,CACpB,CAAC;IACF,OAAO;IACL,mDAAmD;IACnD,oBAAC,KAAK,OACA,UAAU,EACd,8BAA8B,QAC9B,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,KAAK,EAChB,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE;QAEnC,oBAAC,WAAW,IACV,SAAS,EAAC,wCAAwC,EAClD,MAAM,EAAE,IAAI,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,aAAa,IAEvB,QAAQ,CACG,CACR,CACT,CAAC;AACJ,CAAC;AAED,SAAS,2CAA2C,CAClD,gBAAmC;IAEnC,IAAI,aAAa,GAAG,oBAAoB,CAAC,MAAM,CAAC;IAChD,QAAQ,gBAAgB,EAAE,CAAC;QACzB,KAAK,gBAAgB,CAAC,GAAG;YACvB,aAAa,GAAG,oBAAoB,CAAC,GAAG,CAAC;YACzC,MAAM;QACR,KAAK,gBAAgB,CAAC,OAAO;YAC3B,aAAa,GAAG,oBAAoB,CAAC,QAAQ,CAAC;YAC9C,MAAM;QACR,KAAK,gBAAgB,CAAC,QAAQ;YAC5B,aAAa,GAAG,oBAAoB,CAAC,OAAO,CAAC;YAC7C,MAAM;QACR,KAAK,gBAAgB,CAAC,IAAI;YACxB,aAAa,GAAG,oBAAoB,CAAC,IAAI,CAAC;YAC1C,MAAM;QACR,KAAK,gBAAgB,CAAC,KAAK;YACzB,aAAa,GAAG,oBAAoB,CAAC,KAAK,CAAC;YAC3C,MAAM;QACR,KAAK,gBAAgB,CAAC,MAAM;YAC1B,aAAa,GAAG,oBAAoB,CAAC,MAAM,CAAC;YAC5C,MAAM;QACR,KAAK,gBAAgB,CAAC,UAAU;YAC9B,aAAa,GAAG,oBAAoB,CAAC,WAAW,CAAC;YACjD,MAAM;QACR,KAAK,gBAAgB,CAAC,WAAW;YAC/B,aAAa,GAAG,oBAAoB,CAAC,UAAU,CAAC;YAChD,MAAM;IACV,CAAC;IACD,OAAO,aAAa,CAAC;AACvB,CAAC","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 \"./PopupContextMenu.scss\";\nimport * as React from \"react\";\nimport { Popup } from \"../popup/Popup\";\nimport { ContextMenu } from \"./ContextMenu\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { ContextMenuDirection } from \"./ContextMenuDirection\";\n\n/** Properties for [[PopupContextMenu]] component\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface PopupContextMenuProps extends CommonProps {\n  /** Indicates whether the popup is shown or not (defaults to false) */\n  isOpen: boolean;\n  /** Direction (relative to the target) to which the popup is expanded (defaults to Bottom) */\n  position?: RelativePosition;\n  /** Target element to position popup */\n  target?: HTMLElement | null;\n  /** Function called when the popup is opened */\n  onOpen?: () => void;\n  /** Function called when user clicks outside the popup  */\n  onOutsideClick?: (e: MouseEvent) => void;\n  /** Function called when the popup is closed */\n  onClose?: () => void;\n  /** Function called when the popup is closed on Enter */\n  onEnter?: () => void;\n  /** Top position (absolute positioning - defaults to 0) */\n  top?: number;\n  /** Left position (absolute positioning - defaults to 0) */\n  left?: number;\n  /** Offset from the parent (defaults to 4) */\n  offset?: number;\n  /** accessibility label */\n  ariaLabel?: string;\n  /** Indicates whether to use animation for open/close (defaults to true) */\n  animate?: boolean;\n\n  /** When list item or submenu is selected */\n  onSelect?: (event: React.MouseEvent | undefined) => void;\n  /** when Escape button is pressed */\n  onEsc?: (event: React.KeyboardEvent) => void;\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\n  /** ContextMenu items */\n  children?: React.ReactNode;\n}\n\n/** Component that displays a ContextMenu within a Popup component, allowing the target element to be specified.\n * @public\n */\nexport function PopupContextMenu(props: PopupContextMenuProps) {\n  const {\n    style,\n    onSelect,\n    onEsc,\n    autoflip,\n    edgeLimit,\n    hotkeySelect,\n    selectedIndex,\n    children,\n    ...popupProps\n  } = props;\n  const menuDirection = getContextMenuDirectionFromRelativePosition(\n    popupProps.position\n  );\n  return (\n    // eslint-disable-next-line deprecation/deprecation\n    <Popup\n      {...popupProps}\n      closeOnNestedPopupOutsideClick\n      showShadow={false}\n      showArrow={false}\n      moveFocus={true}\n      style={{ ...style, border: \"none\" }}\n    >\n      <ContextMenu\n        className=\"core-contextMenu-popupContextMenu_menu\"\n        opened={true}\n        onSelect={onSelect}\n        onEsc={onEsc}\n        autoflip={autoflip}\n        edgeLimit={edgeLimit}\n        hotkeySelect={hotkeySelect}\n        selectedIndex={selectedIndex}\n        direction={menuDirection}\n      >\n        {children}\n      </ContextMenu>\n    </Popup>\n  );\n}\n\nfunction getContextMenuDirectionFromRelativePosition(\n  relativePosition?: RelativePosition\n): ContextMenuDirection {\n  let menuDirection = ContextMenuDirection.Bottom;\n  switch (relativePosition) {\n    case RelativePosition.Top:\n      menuDirection = ContextMenuDirection.Top;\n      break;\n    case RelativePosition.TopLeft:\n      menuDirection = ContextMenuDirection.TopRight;\n      break;\n    case RelativePosition.TopRight:\n      menuDirection = ContextMenuDirection.TopLeft;\n      break;\n    case RelativePosition.Left:\n      menuDirection = ContextMenuDirection.Left;\n      break;\n    case RelativePosition.Right:\n      menuDirection = ContextMenuDirection.Right;\n      break;\n    case RelativePosition.Bottom:\n      menuDirection = ContextMenuDirection.Bottom;\n      break;\n    case RelativePosition.BottomLeft:\n      menuDirection = ContextMenuDirection.BottomRight;\n      break;\n    case RelativePosition.BottomRight:\n      menuDirection = ContextMenuDirection.BottomLeft;\n      break;\n  }\n  return menuDirection;\n}\n"]}

package/lib/esm/core-react/contextmenu/PopupContextMenu.scss

@@ -0,0 +1,8 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+.core-contextMenu-popupContextMenu_menu {
+  // Fix an issue where iTwinUI Popover i.e. <Select /> is rendered below ContextMenu.
+  z-index: initial;
+}

package/lib/esm/core-react/popup/Popup.d.ts

@@ -5,6 +5,8 @@ import "./Popup.scss";
 import * as React from "react";
 import { RelativePosition } from "@itwin/appui-abstract";
 import type { CommonProps } from "../utils/Props";
+/** @internal */
+export declare const PopupContext: React.Context<HTMLElement | undefined>;
 /** Properties for the [[Popup]] component
  * @public
  * @deprecated in 4.15.0. Props of deprecated {@link Popup} component.
@@ -68,10 +70,11 @@ export interface PopupProps extends CommonProps {
     repositionOnResize?: boolean;
     /** Content */
     children?: React.ReactNode;
-    /** Target that should be used when portaling popup. */
+    /** Target that should be used when portaling popup.
+     * @note This is needed in rare cases when {@link Popup} is nested inside the {@link https://itwinui.bentley.com/docs/popover iTwinUI Popover}.
+     */
     portalTarget?: HTMLElement;
 }
-/** @internal */
 interface PopupState {
     isOpen: boolean;
     top: number;
@@ -79,13 +82,19 @@ interface PopupState {
     position: RelativePosition;
     parentDocument: Document;
     animationEnded: boolean;
+    portalContainer?: HTMLElement;
 }
 /** Popup React component displays a popup relative to an optional target element.
+ * @note Avoid nesting {@link Popup} and {@link https://itwinui.bentley.com/docs/popover iTwinUI Popover} components.
  * @public
  * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/popover iTwinUI Popover} instead.
  */
 export declare class Popup extends React.Component<PopupProps, PopupState> {
     private _popup;
+    /** @internal */
+    static contextType: React.Context<HTMLElement | undefined>;
+    /** @internal */
+    context: React.ContextType<typeof PopupContext>;
     constructor(props: PopupProps);
     static defaultProps: Partial<PopupProps>;
     componentDidMount(): void;
@@ -111,6 +120,7 @@ export declare class Popup extends React.Component<PopupProps, PopupState> {
     private _toggleRelativePosition;
     private _fitPopup;
     private _handleAnimationEnd;
+    private _handleThemeProviderRef;
     render(): React.ReactPortal | null;
     private getContainer;
 }

package/lib/esm/core-react/popup/Popup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../src/core-react/popup/Popup.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../src/core-react/popup/Popup.tsx"],"names":[],"mappings":"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"}

package/lib/esm/core-react/popup/Popup.js

@@ -13,7 +13,11 @@ import { Key } from "ts-key-enum";
 import { RelativePosition } from "@itwin/appui-abstract";
 import { FocusTrap } from "../focustrap/FocusTrap";
 import { Rectangle } from "../utils/Rectangle";
+import { ThemeProvider } from "@itwin/itwinui-react";
+/** @internal */
+export const PopupContext = React.createContext(undefined);
 /** Popup React component displays a popup relative to an optional target element.
+ * @note Avoid nesting {@link Popup} and {@link https://itwinui.bentley.com/docs/popover iTwinUI Popover} components.
  * @public
  * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/popover iTwinUI Popover} instead.
  */
@@ -216,6 +220,9 @@ export class Popup extends React.Component {
                 this.setState({ animationEnded: true });
             }
         };
+        this._handleThemeProviderRef = (el) => {
+            this.setState({ portalContainer: el ?? undefined });
+        };
         const parentDocument = this.props.target?.ownerDocument ?? document;
         this.state = {
             animationEnded: false,
@@ -427,14 +434,18 @@ export class Popup extends React.Component {
         return ReactDOM.createPortal(React.createElement("div", { className: className, "data-testid": "core-popup", ref: (element) => {
                 this._popup = element;
             }, style: style, role: role, "aria-modal": true, tabIndex: -1, "aria-label": this.props.ariaLabel, onAnimationEnd: this._handleAnimationEnd },
-            React.createElement(FocusTrap, { active: !!this.props.moveFocus, initialFocusElement: this.props.focusTarget, returnFocusOnDeactivate: true }, this.props.children)), this.getContainer());
+            React.createElement(ThemeProvider, { ref: this._handleThemeProviderRef, portalContainer: this.state.portalContainer },
+                React.createElement(FocusTrap, { active: !!this.props.moveFocus, initialFocusElement: this.props.focusTarget, returnFocusOnDeactivate: true }, this.props.children))), this.getContainer());
     }
     getContainer() {
         return (this.props.portalTarget ??
+            this.context ??
             this.state.parentDocument.body.querySelector('[data-root-container="appui-root-id"]') ??
             this.state.parentDocument.body);
     }
 }
+/** @internal */
+Popup.contextType = PopupContext;
 // eslint-disable-next-line deprecation/deprecation
 Popup.defaultProps = {
     position: RelativePosition.Bottom,

package/lib/esm/core-react/popup/Popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.js","sourceRoot":"","sources":["../../../../src/core-react/popup/Popup.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 Popup\n */\n\nimport \"./Popup.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { Key } from \"ts-key-enum\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\nimport { FocusTrap } from \"../focustrap/FocusTrap\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { Rectangle } from \"../utils/Rectangle\";\n\n// cSpell:ignore focustrap focusable alertdialog\n\n/** @internal */\ninterface PopupPoint {\n  x: number;\n  y: number;\n}\n\n/** Properties for the [[Popup]] component\n * @public\n * @deprecated in 4.15.0. Props of deprecated {@link Popup} component.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface PopupProps extends CommonProps {\n  /** Show or hide the box shadow (defaults to true) */\n  showShadow: boolean;\n  /** Show or hide the arrow (defaults to false) */\n  showArrow: boolean;\n  /** Indicates whether the popup is shown or not (defaults to false) */\n  isOpen: boolean;\n  /** Direction (relative to the target) to which the popup is expanded (defaults to Bottom) */\n  position: RelativePosition;\n  /** Top position (absolute positioning - defaults to 0) */\n  top: number;\n  /** Left position (absolute positioning - defaults to 0) */\n  left: number;\n  /** Function called when the popup is opened */\n  onOpen?: () => void;\n  /** Function called when user clicks outside the popup  */\n  onOutsideClick?: (e: MouseEvent) => void;\n  /** Function called when the popup is closed */\n  onClose?: () => void;\n  /** Function called when the popup is closed on Enter */\n  onEnter?: () => void;\n  /** Function called when the wheel is used */\n  onWheel?: (e: WheelEvent) => void;\n  /** Function called when the right mouse button is pressed */\n  onContextMenu?: (e: MouseEvent) => void;\n  /** Offset from the parent (defaults to 4) */\n  offset: number;\n  /** Target element to position popup */\n  target?: HTMLElement | null;\n  /** Role - if not specified \"dialog\" is used */\n  role?: \"dialog\" | \"alert\" | \"alertdialog\";\n  /** accessibility label */\n  ariaLabel?: string;\n  /** set focus to popup - default to not set focus */\n  moveFocus?: boolean;\n  /** Element to receive focus, specified by React.RefObject or CSS selector string. If undefined and moveFocus is true then focus is moved to first focusable element. */\n  focusTarget?: React.RefObject<HTMLElement> | string;\n  /** Indicates whether the popup is pinned. */\n  isPinned?: boolean;\n  /** Indicates whether to use animation for open/close (defaults to true) */\n  animate?: boolean;\n  /** Indicates whether to close the popup when Enter is pressed (defaults to true) */\n  closeOnEnter?: boolean;\n  /** Indicates whether to close the popup when the wheel is used (defaults to true) */\n  closeOnWheel?: boolean;\n  /** Indicates whether to close the popup when the right mouse button is pressed (defaults to true) */\n  closeOnContextMenu?: boolean;\n  /** If false outside click processing and closing are skipped if click occurs in another Popup component, default to false. */\n  closeOnNestedPopupOutsideClick?: boolean;\n  /** If true the children are mounted once and unmounted when this component is unmounted. If false the\n   * children are unmounted each time the popup is closed. */\n  keepContentsMounted?: boolean;\n\n  /**\n   * If true the popup will remain open and will be repositioned when window resize events occur, default to false.\n   * @beta\n   * */\n  repositionOnResize?: boolean;\n\n  /** Content */\n  children?: React.ReactNode;\n\n  /** Target that should be used when portaling popup. */\n  portalTarget?: HTMLElement;\n}\n\n/** @internal */\ninterface PopupState {\n  isOpen: boolean;\n  top: number;\n  left: number;\n  position: RelativePosition;\n  parentDocument: Document;\n  animationEnded: boolean;\n}\n\n/** Popup React component displays a popup relative to an optional target element.\n * @public\n * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/popover iTwinUI Popover} instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class Popup extends React.Component<PopupProps, PopupState> {\n  private _popup: HTMLElement | null = null;\n\n  // eslint-disable-next-line deprecation/deprecation\n  constructor(props: PopupProps) {\n    super(props);\n    const parentDocument = this.props.target?.ownerDocument ?? document;\n\n    this.state = {\n      animationEnded: false,\n      isOpen: this.props.isOpen,\n      top: 0,\n      left: 0,\n      position: this.props.position,\n      parentDocument,\n    };\n  }\n\n  // eslint-disable-next-line deprecation/deprecation\n  public static defaultProps: Partial<PopupProps> = {\n    position: RelativePosition.Bottom,\n    showShadow: true,\n    showArrow: false,\n    isOpen: false,\n    offset: 4,\n    top: -1,\n    left: -1,\n  };\n\n  public override componentDidMount() {\n    if (this.props.isOpen) {\n      this._onShow();\n    }\n  }\n\n  private getParentWindow() {\n    return this.state.parentDocument.defaultView ?? window;\n  }\n\n  public override componentDidUpdate(\n    previousProps: PopupProps, // eslint-disable-line deprecation/deprecation\n    prevState: PopupState\n  ) {\n    if (this.state.position !== prevState.position) {\n      this.setState({ animationEnded: false });\n    }\n\n    if (this.props.target !== previousProps.target) {\n      {\n        const parentDocument = this.props.target?.ownerDocument ?? document;\n        if (parentDocument !== this.state.parentDocument) {\n          this._unBindWindowEvents();\n          this.setState({ parentDocument });\n        }\n      }\n    }\n\n    if (this.props.isOpen === previousProps.isOpen) {\n      if (this.props.isOpen) {\n        const position = this._toggleRelativePosition();\n        const point = this._fitPopup(this._getPosition(position));\n        if (\n          Math.abs(this.state.left - point.x) < 3 &&\n          Math.abs(this.state.top - point.y) < 3 &&\n          this.state.position === position\n        )\n          return;\n\n        this.setState({\n          left: point.x,\n          top: point.y,\n          position,\n        });\n      }\n      return;\n    }\n\n    if (this.props.isOpen) {\n      this._onShow();\n    } else {\n      this._onClose();\n    }\n  }\n\n  public override componentWillUnmount() {\n    this._unBindWindowEvents();\n  }\n\n  private _bindWindowEvents = () => {\n    const activeWindow = this.getParentWindow();\n    activeWindow.addEventListener(\"pointerdown\", this._handleOutsideClick);\n    activeWindow.addEventListener(\"resize\", this._resize);\n    activeWindow.addEventListener(\"contextmenu\", this._handleContextMenu);\n    activeWindow.addEventListener(\"scroll\", this._hide);\n    activeWindow.addEventListener(\"wheel\", this._handleWheel);\n    activeWindow.addEventListener(\"keydown\", this._handleKeyboard);\n  };\n\n  private _unBindWindowEvents = () => {\n    const activeWindow = this.getParentWindow();\n    activeWindow.removeEventListener(\"pointerdown\", this._handleOutsideClick);\n    activeWindow.removeEventListener(\"resize\", this._resize);\n    activeWindow.removeEventListener(\"contextmenu\", this._handleContextMenu);\n    activeWindow.removeEventListener(\"scroll\", this._hide);\n    activeWindow.removeEventListener(\"wheel\", this._handleWheel);\n    activeWindow.removeEventListener(\"keydown\", this._handleKeyboard);\n  };\n\n  private _handleWheel = (event: WheelEvent) => {\n    if (this._popup && this._popup.contains(event.target as Node)) return;\n\n    if (this.props.onWheel) return this.props.onWheel(event);\n\n    const closeOnWheel =\n      this.props.closeOnWheel !== undefined ? this.props.closeOnWheel : true;\n    if (closeOnWheel) this._hide();\n  };\n\n  private isInCorePopup(element: HTMLElement): boolean {\n    if (element.nodeName === \"DIV\") {\n      if (element.classList && element.classList.contains(\"core-popup\"))\n        return true;\n      if (element.parentElement && this.isInCorePopup(element.parentElement))\n        return true;\n    } else {\n      if (element.parentElement && this.isInCorePopup(element.parentElement))\n        return true;\n    }\n    return false;\n  }\n\n  private _handleOutsideClick = (event: MouseEvent): void => {\n    if (this._popup && this._popup.contains(event.target as Node)) return;\n\n    if (this.props.isPinned) return;\n\n    if (\n      !this.props.closeOnNestedPopupOutsideClick &&\n      this.isInCorePopup(event.target as HTMLElement)\n    )\n      return;\n\n    if (this.props.onOutsideClick) return this.props.onOutsideClick(event);\n\n    if (this.props.target && this.props.target.contains(event.target as Node))\n      return;\n\n    this._onClose();\n  };\n\n  private _handleContextMenu = (event: MouseEvent) => {\n    if (this._popup && this._popup.contains(event.target as Node)) return;\n\n    if (this.props.onContextMenu) return this.props.onContextMenu(event);\n\n    const closeOnContextMenu =\n      this.props.closeOnContextMenu !== undefined\n        ? this.props.closeOnContextMenu\n        : true;\n    if (closeOnContextMenu) this._hide();\n  };\n\n  private _handleKeyboard = (event: KeyboardEvent): void => {\n    if (this.props.isPinned) return;\n\n    if (\n      event.key === Key.Escape.valueOf() ||\n      event.key === Key.Enter.valueOf()\n    ) {\n      const closeOnEnter =\n        this.props.closeOnEnter !== undefined ? this.props.closeOnEnter : true;\n      if (event.key === Key.Enter.valueOf()) {\n        if (closeOnEnter) this._onClose(true);\n        else this.props.onEnter && this.props.onEnter();\n      } else {\n        this._onClose(false);\n      }\n    }\n  };\n\n  private _resize = () => {\n    if (this.props.repositionOnResize) {\n      const position = this._toggleRelativePosition();\n      const point = this._fitPopup(this._getPosition(position));\n      this.setState({ left: point.x, top: point.y, position });\n    } else {\n      this._hide(); // legacy behavior\n    }\n  };\n\n  private _hide = () => {\n    if (this.props.isPinned) return;\n\n    this._onClose();\n  };\n\n  private _onShow() {\n    this._bindWindowEvents();\n    const position = this._toggleRelativePosition();\n    const point = this._fitPopup(this._getPosition(position));\n\n    this.setState(\n      { left: point.x, top: point.y, isOpen: true, position },\n      () => {\n        if (this.props.onOpen) this.props.onOpen();\n      }\n    );\n  }\n\n  private _onClose(enterKey?: boolean) {\n    if (!this.state.isOpen) return;\n\n    this._unBindWindowEvents();\n\n    this.setState({ isOpen: false }, () => {\n      if (enterKey && this.props.onEnter) this.props.onEnter();\n      if (this.props.onClose) this.props.onClose();\n    });\n  }\n\n  private _isPositionAbsolute(): boolean {\n    return this.props.top !== -1 && this.props.left !== -1;\n  }\n\n  private _getClassNameByPosition(position: RelativePosition): string {\n    if (!this._isPositionAbsolute()) {\n      switch (position) {\n        case RelativePosition.TopLeft:\n          return \"core-popup-top-left\";\n        case RelativePosition.TopRight:\n          return \"core-popup-top-right\";\n        case RelativePosition.BottomLeft:\n          return \"core-popup-bottom-left\";\n        case RelativePosition.BottomRight:\n          return \"core-popup-bottom-right\";\n        case RelativePosition.Top:\n          return \"core-popup-top\";\n        case RelativePosition.Left:\n          return \"core-popup-left\";\n        case RelativePosition.Right:\n          return \"core-popup-right\";\n        case RelativePosition.Bottom:\n          return \"core-popup-bottom\";\n        case RelativePosition.LeftTop:\n          return \"core-popup-left-top\";\n        case RelativePosition.RightTop:\n          return \"core-popup-right-top\";\n      }\n    }\n\n    return \"\";\n  }\n\n  private _getPopupDimensions(): { popupWidth: number; popupHeight: number } {\n    let popupWidth = 0;\n    let popupHeight = 0;\n    if (this._popup) {\n      const activeWindow = this.getParentWindow();\n      const style = activeWindow.getComputedStyle(this._popup);\n      const borderLeftWidth = parsePxString(style.borderLeftWidth);\n      const borderRightWidth = parsePxString(style.borderRightWidth);\n      const borderTopWidth = parsePxString(style.borderTopWidth);\n      const borderBottomWidth = parsePxString(style.borderBottomWidth);\n      popupWidth = this._popup.clientWidth + borderLeftWidth + borderRightWidth;\n      popupHeight =\n        this._popup.clientHeight + borderTopWidth + borderBottomWidth;\n    }\n\n    return { popupWidth, popupHeight };\n  }\n\n  private _getPosition = (position: RelativePosition) => {\n    const activeWindow = this.getParentWindow();\n    const { target, offset, top, left } = this.props;\n    const offsetArrow = this.props.showArrow ? 6 : 0;\n\n    // absolute position\n    if (this._isPositionAbsolute()) return { x: left, y: top };\n\n    // sanity check\n    const point = { x: 0, y: 0 };\n    if (!this._popup || !target) return point;\n\n    // relative position\n    const scrollY = activeWindow.scrollY;\n    const scrollX = activeWindow.scrollX;\n\n    const container = this.getContainer();\n    const containerBounds = container.getBoundingClientRect();\n    const targetRect = Rectangle.create(target.getBoundingClientRect()).offset({\n      x: -containerBounds.left,\n      y: -containerBounds.top,\n    });\n\n    const { popupWidth, popupHeight } = this._getPopupDimensions();\n\n    switch (position) {\n      case RelativePosition.Top:\n        point.y = scrollY + targetRect.top - popupHeight - offset - offsetArrow;\n        point.x =\n          scrollX +\n          targetRect.left +\n          targetRect.getWidth() / 2 -\n          popupWidth / 2;\n        break;\n\n      case RelativePosition.TopLeft:\n        point.y = scrollY + targetRect.top - popupHeight - offset - offsetArrow;\n        point.x = scrollX + targetRect.left;\n        break;\n\n      case RelativePosition.TopRight:\n        point.y = scrollY + targetRect.top - popupHeight - offset - offsetArrow;\n        point.x = scrollX + targetRect.right - popupWidth;\n        break;\n\n      case RelativePosition.Bottom:\n        point.y = scrollY + targetRect.bottom + offset + offsetArrow;\n        point.x =\n          scrollX +\n          targetRect.left +\n          targetRect.getWidth() / 2 -\n          popupWidth / 2;\n        break;\n\n      case RelativePosition.BottomLeft:\n        point.y = scrollY + targetRect.bottom + offset + offsetArrow;\n        point.x = scrollX + targetRect.left;\n        break;\n\n      case RelativePosition.BottomRight:\n        point.y = scrollY + targetRect.bottom + offset + offsetArrow;\n        point.x = scrollX + targetRect.right - popupWidth;\n        break;\n\n      case RelativePosition.Left:\n        point.y =\n          scrollY +\n          targetRect.top +\n          targetRect.getHeight() / 2 -\n          popupHeight / 2;\n        point.x = scrollX + targetRect.left - popupWidth - offset - offsetArrow;\n        break;\n\n      case RelativePosition.LeftTop:\n        point.y = scrollY + targetRect.top;\n        point.x = scrollX + targetRect.left - popupWidth - offset - offsetArrow;\n        break;\n\n      case RelativePosition.Right:\n        point.y =\n          scrollY +\n          targetRect.top +\n          targetRect.getHeight() / 2 -\n          popupHeight / 2;\n        point.x = scrollX + targetRect.right + offset + offsetArrow;\n        break;\n\n      case RelativePosition.RightTop:\n        point.y = scrollY + targetRect.top;\n        point.x = scrollX + targetRect.right + offset + offsetArrow;\n        break;\n    }\n\n    return point;\n  };\n\n  private _toggleRelativePosition(): RelativePosition {\n    const { target, position, offset } = this.props;\n\n    if (!this._popup || !target) return position;\n\n    if (this._isPositionAbsolute()) return position;\n\n    let newPosition = position;\n\n    interface Rect {\n      left: number;\n      top: number;\n      right: number;\n      bottom: number;\n    }\n\n    const activeWindow = this.getParentWindow();\n\n    // Note: Cannot use DOMRect yet since it's experimental and not available in all browsers (Nov. 2018)\n    const viewportRect: Rect = {\n      left: activeWindow.scrollX,\n      top: activeWindow.scrollY,\n      right: activeWindow.scrollX + activeWindow.innerWidth,\n      bottom: activeWindow.scrollY + activeWindow.innerHeight,\n    };\n    const targetRect = target.getBoundingClientRect();\n    const { popupWidth, popupHeight } = this._getPopupDimensions();\n    const containerStyle = activeWindow.getComputedStyle(target);\n    const offsetArrow = this.props.showArrow ? 10 : 2;\n\n    const bottomMargin = parseMargin(containerStyle.marginBottom);\n    if (\n      targetRect.bottom + popupHeight + bottomMargin + offsetArrow + offset >\n      viewportRect.bottom\n    ) {\n      if (newPosition === RelativePosition.Bottom)\n        newPosition = RelativePosition.Top;\n      else if (newPosition === RelativePosition.BottomLeft)\n        newPosition = RelativePosition.TopLeft;\n      else if (newPosition === RelativePosition.BottomRight)\n        newPosition = RelativePosition.TopRight;\n    }\n\n    const topMargin = parseMargin(containerStyle.marginTop);\n    if (\n      targetRect.top - popupHeight - topMargin - offsetArrow - offset <\n      viewportRect.top\n    ) {\n      if (newPosition === RelativePosition.Top)\n        newPosition = RelativePosition.Bottom;\n      else if (newPosition === RelativePosition.TopLeft)\n        newPosition = RelativePosition.BottomLeft;\n      else if (newPosition === RelativePosition.TopRight)\n        newPosition = RelativePosition.BottomRight;\n    }\n\n    const leftMargin = parseMargin(containerStyle.marginLeft);\n    if (\n      targetRect.left - popupWidth - leftMargin - offsetArrow - offset <\n      viewportRect.left\n    ) {\n      if (newPosition === RelativePosition.Left)\n        newPosition = RelativePosition.Right;\n      else if (newPosition === RelativePosition.LeftTop)\n        newPosition = RelativePosition.RightTop;\n    }\n\n    const rightMargin = parseMargin(containerStyle.marginRight);\n    if (\n      targetRect.right + popupWidth + rightMargin + offsetArrow + offset >\n      viewportRect.right\n    ) {\n      if (newPosition === RelativePosition.Right)\n        newPosition = RelativePosition.Left;\n      else if (newPosition === RelativePosition.RightTop)\n        newPosition = RelativePosition.LeftTop;\n    }\n\n    return newPosition;\n  }\n\n  // fit the popup within the extents of the view port\n  private _fitPopup = (point: PopupPoint) => {\n    const fittedPoint = point;\n\n    if (!this._popup) {\n      return fittedPoint;\n    }\n\n    // const popupRect = this._popup.getBoundingClientRect();\n    const { popupWidth, popupHeight } = this._getPopupDimensions();\n    const { innerWidth, innerHeight } = window;\n\n    if (fittedPoint.y + popupHeight > innerHeight) {\n      fittedPoint.y = innerHeight - popupHeight;\n    }\n\n    if (fittedPoint.x + popupWidth > innerWidth) {\n      fittedPoint.x = innerWidth - popupWidth;\n    }\n\n    if (fittedPoint.y < 0) {\n      fittedPoint.y = 0;\n    }\n\n    if (fittedPoint.x < 0) {\n      fittedPoint.x = 0;\n    }\n\n    return fittedPoint;\n  };\n\n  private _handleAnimationEnd = (\n    event: React.AnimationEvent<HTMLDivElement>\n  ) => {\n    if (event.target === this._popup) {\n      this.setState({ animationEnded: true });\n    }\n  };\n\n  public override render() {\n    const animate =\n      this.props.animate !== undefined ? this.props.animate : true;\n    const className = classnames(\n      \"core-popup\",\n      this._getClassNameByPosition(this.state.position),\n      this.props.showShadow && \"core-popup-shadow\",\n      this.props.showArrow && \"arrow\",\n      !animate && \"core-popup-animation-none\",\n      this.props.className,\n      this.state.animationEnded && \"core-animation-ended\",\n      !this.props.isOpen &&\n        this.props.keepContentsMounted &&\n        \"core-popup-hidden\"\n    );\n\n    const style: React.CSSProperties = {\n      top: this.state.top,\n      left: this.state.left,\n      ...this.props.style,\n    };\n\n    const role = this.props.role ? this.props.role : \"dialog\"; // accessibility property\n\n    if (!this.props.isOpen && !this.props.keepContentsMounted) {\n      return null;\n    }\n\n    return ReactDOM.createPortal(\n      <div\n        className={className}\n        data-testid=\"core-popup\"\n        ref={(element) => {\n          this._popup = element;\n        }}\n        style={style}\n        role={role}\n        aria-modal={true}\n        tabIndex={-1}\n        aria-label={this.props.ariaLabel}\n        onAnimationEnd={this._handleAnimationEnd}\n      >\n        <FocusTrap\n          active={!!this.props.moveFocus}\n          initialFocusElement={this.props.focusTarget}\n          returnFocusOnDeactivate={true}\n        >\n          {this.props.children}\n        </FocusTrap>\n      </div>,\n      this.getContainer()\n    );\n  }\n\n  private getContainer() {\n    return (\n      this.props.portalTarget ??\n      this.state.parentDocument.body.querySelector(\n        '[data-root-container=\"appui-root-id\"]'\n      ) ??\n      this.state.parentDocument.body\n    );\n  }\n}\n\nfunction parsePxString(pxStr: string): number {\n  const parsed = parseInt(pxStr, 10);\n  return parsed || 0;\n}\n\nfunction parseMargin(value: string) {\n  return value ? parseFloat(value) : 0;\n}\n"]}
+{"version":3,"file":"Popup.js","sourceRoot":"","sources":["../../../../src/core-react/popup/Popup.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 Popup\n */\n\nimport \"./Popup.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { Key } from \"ts-key-enum\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\nimport { FocusTrap } from \"../focustrap/FocusTrap\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { Rectangle } from \"../utils/Rectangle\";\nimport { ThemeProvider } from \"@itwin/itwinui-react\";\n\n// cSpell:ignore focustrap focusable alertdialog\n\n/** @internal */\ninterface PopupPoint {\n  x: number;\n  y: number;\n}\n\n/** @internal */\nexport const PopupContext = React.createContext<HTMLElement | undefined>(\n  undefined\n);\n\n/** Properties for the [[Popup]] component\n * @public\n * @deprecated in 4.15.0. Props of deprecated {@link Popup} component.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface PopupProps extends CommonProps {\n  /** Show or hide the box shadow (defaults to true) */\n  showShadow: boolean;\n  /** Show or hide the arrow (defaults to false) */\n  showArrow: boolean;\n  /** Indicates whether the popup is shown or not (defaults to false) */\n  isOpen: boolean;\n  /** Direction (relative to the target) to which the popup is expanded (defaults to Bottom) */\n  position: RelativePosition;\n  /** Top position (absolute positioning - defaults to 0) */\n  top: number;\n  /** Left position (absolute positioning - defaults to 0) */\n  left: number;\n  /** Function called when the popup is opened */\n  onOpen?: () => void;\n  /** Function called when user clicks outside the popup  */\n  onOutsideClick?: (e: MouseEvent) => void;\n  /** Function called when the popup is closed */\n  onClose?: () => void;\n  /** Function called when the popup is closed on Enter */\n  onEnter?: () => void;\n  /** Function called when the wheel is used */\n  onWheel?: (e: WheelEvent) => void;\n  /** Function called when the right mouse button is pressed */\n  onContextMenu?: (e: MouseEvent) => void;\n  /** Offset from the parent (defaults to 4) */\n  offset: number;\n  /** Target element to position popup */\n  target?: HTMLElement | null;\n  /** Role - if not specified \"dialog\" is used */\n  role?: \"dialog\" | \"alert\" | \"alertdialog\";\n  /** accessibility label */\n  ariaLabel?: string;\n  /** set focus to popup - default to not set focus */\n  moveFocus?: boolean;\n  /** Element to receive focus, specified by React.RefObject or CSS selector string. If undefined and moveFocus is true then focus is moved to first focusable element. */\n  focusTarget?: React.RefObject<HTMLElement> | string;\n  /** Indicates whether the popup is pinned. */\n  isPinned?: boolean;\n  /** Indicates whether to use animation for open/close (defaults to true) */\n  animate?: boolean;\n  /** Indicates whether to close the popup when Enter is pressed (defaults to true) */\n  closeOnEnter?: boolean;\n  /** Indicates whether to close the popup when the wheel is used (defaults to true) */\n  closeOnWheel?: boolean;\n  /** Indicates whether to close the popup when the right mouse button is pressed (defaults to true) */\n  closeOnContextMenu?: boolean;\n  /** If false outside click processing and closing are skipped if click occurs in another Popup component, default to false. */\n  closeOnNestedPopupOutsideClick?: boolean;\n  /** If true the children are mounted once and unmounted when this component is unmounted. If false the\n   * children are unmounted each time the popup is closed. */\n  keepContentsMounted?: boolean;\n\n  /**\n   * If true the popup will remain open and will be repositioned when window resize events occur, default to false.\n   * @beta\n   * */\n  repositionOnResize?: boolean;\n\n  /** Content */\n  children?: React.ReactNode;\n\n  /** Target that should be used when portaling popup.\n   * @note This is needed in rare cases when {@link Popup} is nested inside the {@link https://itwinui.bentley.com/docs/popover iTwinUI Popover}.\n   */\n  portalTarget?: HTMLElement;\n}\n\ninterface PopupState {\n  isOpen: boolean;\n  top: number;\n  left: number;\n  position: RelativePosition;\n  parentDocument: Document;\n  animationEnded: boolean;\n  portalContainer?: HTMLElement;\n}\n\n/** Popup React component displays a popup relative to an optional target element.\n * @note Avoid nesting {@link Popup} and {@link https://itwinui.bentley.com/docs/popover iTwinUI Popover} components.\n * @public\n * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/popover iTwinUI Popover} instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class Popup extends React.Component<PopupProps, PopupState> {\n  private _popup: HTMLElement | null = null;\n  /** @internal */\n  public static override contextType = PopupContext;\n  /** @internal */\n  public declare context: React.ContextType<typeof PopupContext>;\n\n  // eslint-disable-next-line deprecation/deprecation\n  constructor(props: PopupProps) {\n    super(props);\n    const parentDocument = this.props.target?.ownerDocument ?? document;\n\n    this.state = {\n      animationEnded: false,\n      isOpen: this.props.isOpen,\n      top: 0,\n      left: 0,\n      position: this.props.position,\n      parentDocument,\n    };\n  }\n\n  // eslint-disable-next-line deprecation/deprecation\n  public static defaultProps: Partial<PopupProps> = {\n    position: RelativePosition.Bottom,\n    showShadow: true,\n    showArrow: false,\n    isOpen: false,\n    offset: 4,\n    top: -1,\n    left: -1,\n  };\n\n  public override componentDidMount() {\n    if (this.props.isOpen) {\n      this._onShow();\n    }\n  }\n\n  private getParentWindow() {\n    return this.state.parentDocument.defaultView ?? window;\n  }\n\n  public override componentDidUpdate(\n    previousProps: PopupProps, // eslint-disable-line deprecation/deprecation\n    prevState: PopupState\n  ) {\n    if (this.state.position !== prevState.position) {\n      this.setState({ animationEnded: false });\n    }\n\n    if (this.props.target !== previousProps.target) {\n      {\n        const parentDocument = this.props.target?.ownerDocument ?? document;\n        if (parentDocument !== this.state.parentDocument) {\n          this._unBindWindowEvents();\n          this.setState({ parentDocument });\n        }\n      }\n    }\n\n    if (this.props.isOpen === previousProps.isOpen) {\n      if (this.props.isOpen) {\n        const position = this._toggleRelativePosition();\n        const point = this._fitPopup(this._getPosition(position));\n        if (\n          Math.abs(this.state.left - point.x) < 3 &&\n          Math.abs(this.state.top - point.y) < 3 &&\n          this.state.position === position\n        )\n          return;\n\n        this.setState({\n          left: point.x,\n          top: point.y,\n          position,\n        });\n      }\n      return;\n    }\n\n    if (this.props.isOpen) {\n      this._onShow();\n    } else {\n      this._onClose();\n    }\n  }\n\n  public override componentWillUnmount() {\n    this._unBindWindowEvents();\n  }\n\n  private _bindWindowEvents = () => {\n    const activeWindow = this.getParentWindow();\n    activeWindow.addEventListener(\"pointerdown\", this._handleOutsideClick);\n    activeWindow.addEventListener(\"resize\", this._resize);\n    activeWindow.addEventListener(\"contextmenu\", this._handleContextMenu);\n    activeWindow.addEventListener(\"scroll\", this._hide);\n    activeWindow.addEventListener(\"wheel\", this._handleWheel);\n    activeWindow.addEventListener(\"keydown\", this._handleKeyboard);\n  };\n\n  private _unBindWindowEvents = () => {\n    const activeWindow = this.getParentWindow();\n    activeWindow.removeEventListener(\"pointerdown\", this._handleOutsideClick);\n    activeWindow.removeEventListener(\"resize\", this._resize);\n    activeWindow.removeEventListener(\"contextmenu\", this._handleContextMenu);\n    activeWindow.removeEventListener(\"scroll\", this._hide);\n    activeWindow.removeEventListener(\"wheel\", this._handleWheel);\n    activeWindow.removeEventListener(\"keydown\", this._handleKeyboard);\n  };\n\n  private _handleWheel = (event: WheelEvent) => {\n    if (this._popup && this._popup.contains(event.target as Node)) return;\n\n    if (this.props.onWheel) return this.props.onWheel(event);\n\n    const closeOnWheel =\n      this.props.closeOnWheel !== undefined ? this.props.closeOnWheel : true;\n    if (closeOnWheel) this._hide();\n  };\n\n  private isInCorePopup(element: HTMLElement): boolean {\n    if (element.nodeName === \"DIV\") {\n      if (element.classList && element.classList.contains(\"core-popup\"))\n        return true;\n      if (element.parentElement && this.isInCorePopup(element.parentElement))\n        return true;\n    } else {\n      if (element.parentElement && this.isInCorePopup(element.parentElement))\n        return true;\n    }\n    return false;\n  }\n\n  private _handleOutsideClick = (event: MouseEvent): void => {\n    if (this._popup && this._popup.contains(event.target as Node)) return;\n\n    if (this.props.isPinned) return;\n\n    if (\n      !this.props.closeOnNestedPopupOutsideClick &&\n      this.isInCorePopup(event.target as HTMLElement)\n    )\n      return;\n\n    if (this.props.onOutsideClick) return this.props.onOutsideClick(event);\n\n    if (this.props.target && this.props.target.contains(event.target as Node))\n      return;\n\n    this._onClose();\n  };\n\n  private _handleContextMenu = (event: MouseEvent) => {\n    if (this._popup && this._popup.contains(event.target as Node)) return;\n\n    if (this.props.onContextMenu) return this.props.onContextMenu(event);\n\n    const closeOnContextMenu =\n      this.props.closeOnContextMenu !== undefined\n        ? this.props.closeOnContextMenu\n        : true;\n    if (closeOnContextMenu) this._hide();\n  };\n\n  private _handleKeyboard = (event: KeyboardEvent): void => {\n    if (this.props.isPinned) return;\n\n    if (\n      event.key === Key.Escape.valueOf() ||\n      event.key === Key.Enter.valueOf()\n    ) {\n      const closeOnEnter =\n        this.props.closeOnEnter !== undefined ? this.props.closeOnEnter : true;\n      if (event.key === Key.Enter.valueOf()) {\n        if (closeOnEnter) this._onClose(true);\n        else this.props.onEnter && this.props.onEnter();\n      } else {\n        this._onClose(false);\n      }\n    }\n  };\n\n  private _resize = () => {\n    if (this.props.repositionOnResize) {\n      const position = this._toggleRelativePosition();\n      const point = this._fitPopup(this._getPosition(position));\n      this.setState({ left: point.x, top: point.y, position });\n    } else {\n      this._hide(); // legacy behavior\n    }\n  };\n\n  private _hide = () => {\n    if (this.props.isPinned) return;\n\n    this._onClose();\n  };\n\n  private _onShow() {\n    this._bindWindowEvents();\n    const position = this._toggleRelativePosition();\n    const point = this._fitPopup(this._getPosition(position));\n\n    this.setState(\n      { left: point.x, top: point.y, isOpen: true, position },\n      () => {\n        if (this.props.onOpen) this.props.onOpen();\n      }\n    );\n  }\n\n  private _onClose(enterKey?: boolean) {\n    if (!this.state.isOpen) return;\n\n    this._unBindWindowEvents();\n\n    this.setState({ isOpen: false }, () => {\n      if (enterKey && this.props.onEnter) this.props.onEnter();\n      if (this.props.onClose) this.props.onClose();\n    });\n  }\n\n  private _isPositionAbsolute(): boolean {\n    return this.props.top !== -1 && this.props.left !== -1;\n  }\n\n  private _getClassNameByPosition(position: RelativePosition): string {\n    if (!this._isPositionAbsolute()) {\n      switch (position) {\n        case RelativePosition.TopLeft:\n          return \"core-popup-top-left\";\n        case RelativePosition.TopRight:\n          return \"core-popup-top-right\";\n        case RelativePosition.BottomLeft:\n          return \"core-popup-bottom-left\";\n        case RelativePosition.BottomRight:\n          return \"core-popup-bottom-right\";\n        case RelativePosition.Top:\n          return \"core-popup-top\";\n        case RelativePosition.Left:\n          return \"core-popup-left\";\n        case RelativePosition.Right:\n          return \"core-popup-right\";\n        case RelativePosition.Bottom:\n          return \"core-popup-bottom\";\n        case RelativePosition.LeftTop:\n          return \"core-popup-left-top\";\n        case RelativePosition.RightTop:\n          return \"core-popup-right-top\";\n      }\n    }\n\n    return \"\";\n  }\n\n  private _getPopupDimensions(): { popupWidth: number; popupHeight: number } {\n    let popupWidth = 0;\n    let popupHeight = 0;\n    if (this._popup) {\n      const activeWindow = this.getParentWindow();\n      const style = activeWindow.getComputedStyle(this._popup);\n      const borderLeftWidth = parsePxString(style.borderLeftWidth);\n      const borderRightWidth = parsePxString(style.borderRightWidth);\n      const borderTopWidth = parsePxString(style.borderTopWidth);\n      const borderBottomWidth = parsePxString(style.borderBottomWidth);\n      popupWidth = this._popup.clientWidth + borderLeftWidth + borderRightWidth;\n      popupHeight =\n        this._popup.clientHeight + borderTopWidth + borderBottomWidth;\n    }\n\n    return { popupWidth, popupHeight };\n  }\n\n  private _getPosition = (position: RelativePosition) => {\n    const activeWindow = this.getParentWindow();\n    const { target, offset, top, left } = this.props;\n    const offsetArrow = this.props.showArrow ? 6 : 0;\n\n    // absolute position\n    if (this._isPositionAbsolute()) return { x: left, y: top };\n\n    // sanity check\n    const point = { x: 0, y: 0 };\n    if (!this._popup || !target) return point;\n\n    // relative position\n    const scrollY = activeWindow.scrollY;\n    const scrollX = activeWindow.scrollX;\n\n    const container = this.getContainer();\n    const containerBounds = container.getBoundingClientRect();\n    const targetRect = Rectangle.create(target.getBoundingClientRect()).offset({\n      x: -containerBounds.left,\n      y: -containerBounds.top,\n    });\n\n    const { popupWidth, popupHeight } = this._getPopupDimensions();\n\n    switch (position) {\n      case RelativePosition.Top:\n        point.y = scrollY + targetRect.top - popupHeight - offset - offsetArrow;\n        point.x =\n          scrollX +\n          targetRect.left +\n          targetRect.getWidth() / 2 -\n          popupWidth / 2;\n        break;\n\n      case RelativePosition.TopLeft:\n        point.y = scrollY + targetRect.top - popupHeight - offset - offsetArrow;\n        point.x = scrollX + targetRect.left;\n        break;\n\n      case RelativePosition.TopRight:\n        point.y = scrollY + targetRect.top - popupHeight - offset - offsetArrow;\n        point.x = scrollX + targetRect.right - popupWidth;\n        break;\n\n      case RelativePosition.Bottom:\n        point.y = scrollY + targetRect.bottom + offset + offsetArrow;\n        point.x =\n          scrollX +\n          targetRect.left +\n          targetRect.getWidth() / 2 -\n          popupWidth / 2;\n        break;\n\n      case RelativePosition.BottomLeft:\n        point.y = scrollY + targetRect.bottom + offset + offsetArrow;\n        point.x = scrollX + targetRect.left;\n        break;\n\n      case RelativePosition.BottomRight:\n        point.y = scrollY + targetRect.bottom + offset + offsetArrow;\n        point.x = scrollX + targetRect.right - popupWidth;\n        break;\n\n      case RelativePosition.Left:\n        point.y =\n          scrollY +\n          targetRect.top +\n          targetRect.getHeight() / 2 -\n          popupHeight / 2;\n        point.x = scrollX + targetRect.left - popupWidth - offset - offsetArrow;\n        break;\n\n      case RelativePosition.LeftTop:\n        point.y = scrollY + targetRect.top;\n        point.x = scrollX + targetRect.left - popupWidth - offset - offsetArrow;\n        break;\n\n      case RelativePosition.Right:\n        point.y =\n          scrollY +\n          targetRect.top +\n          targetRect.getHeight() / 2 -\n          popupHeight / 2;\n        point.x = scrollX + targetRect.right + offset + offsetArrow;\n        break;\n\n      case RelativePosition.RightTop:\n        point.y = scrollY + targetRect.top;\n        point.x = scrollX + targetRect.right + offset + offsetArrow;\n        break;\n    }\n\n    return point;\n  };\n\n  private _toggleRelativePosition(): RelativePosition {\n    const { target, position, offset } = this.props;\n\n    if (!this._popup || !target) return position;\n\n    if (this._isPositionAbsolute()) return position;\n\n    let newPosition = position;\n\n    interface Rect {\n      left: number;\n      top: number;\n      right: number;\n      bottom: number;\n    }\n\n    const activeWindow = this.getParentWindow();\n\n    // Note: Cannot use DOMRect yet since it's experimental and not available in all browsers (Nov. 2018)\n    const viewportRect: Rect = {\n      left: activeWindow.scrollX,\n      top: activeWindow.scrollY,\n      right: activeWindow.scrollX + activeWindow.innerWidth,\n      bottom: activeWindow.scrollY + activeWindow.innerHeight,\n    };\n    const targetRect = target.getBoundingClientRect();\n    const { popupWidth, popupHeight } = this._getPopupDimensions();\n    const containerStyle = activeWindow.getComputedStyle(target);\n    const offsetArrow = this.props.showArrow ? 10 : 2;\n\n    const bottomMargin = parseMargin(containerStyle.marginBottom);\n    if (\n      targetRect.bottom + popupHeight + bottomMargin + offsetArrow + offset >\n      viewportRect.bottom\n    ) {\n      if (newPosition === RelativePosition.Bottom)\n        newPosition = RelativePosition.Top;\n      else if (newPosition === RelativePosition.BottomLeft)\n        newPosition = RelativePosition.TopLeft;\n      else if (newPosition === RelativePosition.BottomRight)\n        newPosition = RelativePosition.TopRight;\n    }\n\n    const topMargin = parseMargin(containerStyle.marginTop);\n    if (\n      targetRect.top - popupHeight - topMargin - offsetArrow - offset <\n      viewportRect.top\n    ) {\n      if (newPosition === RelativePosition.Top)\n        newPosition = RelativePosition.Bottom;\n      else if (newPosition === RelativePosition.TopLeft)\n        newPosition = RelativePosition.BottomLeft;\n      else if (newPosition === RelativePosition.TopRight)\n        newPosition = RelativePosition.BottomRight;\n    }\n\n    const leftMargin = parseMargin(containerStyle.marginLeft);\n    if (\n      targetRect.left - popupWidth - leftMargin - offsetArrow - offset <\n      viewportRect.left\n    ) {\n      if (newPosition === RelativePosition.Left)\n        newPosition = RelativePosition.Right;\n      else if (newPosition === RelativePosition.LeftTop)\n        newPosition = RelativePosition.RightTop;\n    }\n\n    const rightMargin = parseMargin(containerStyle.marginRight);\n    if (\n      targetRect.right + popupWidth + rightMargin + offsetArrow + offset >\n      viewportRect.right\n    ) {\n      if (newPosition === RelativePosition.Right)\n        newPosition = RelativePosition.Left;\n      else if (newPosition === RelativePosition.RightTop)\n        newPosition = RelativePosition.LeftTop;\n    }\n\n    return newPosition;\n  }\n\n  // fit the popup within the extents of the view port\n  private _fitPopup = (point: PopupPoint) => {\n    const fittedPoint = point;\n\n    if (!this._popup) {\n      return fittedPoint;\n    }\n\n    // const popupRect = this._popup.getBoundingClientRect();\n    const { popupWidth, popupHeight } = this._getPopupDimensions();\n    const { innerWidth, innerHeight } = window;\n\n    if (fittedPoint.y + popupHeight > innerHeight) {\n      fittedPoint.y = innerHeight - popupHeight;\n    }\n\n    if (fittedPoint.x + popupWidth > innerWidth) {\n      fittedPoint.x = innerWidth - popupWidth;\n    }\n\n    if (fittedPoint.y < 0) {\n      fittedPoint.y = 0;\n    }\n\n    if (fittedPoint.x < 0) {\n      fittedPoint.x = 0;\n    }\n\n    return fittedPoint;\n  };\n\n  private _handleAnimationEnd = (\n    event: React.AnimationEvent<HTMLDivElement>\n  ) => {\n    if (event.target === this._popup) {\n      this.setState({ animationEnded: true });\n    }\n  };\n\n  private _handleThemeProviderRef = (el: HTMLDivElement | null) => {\n    this.setState({ portalContainer: el ?? undefined });\n  };\n\n  public override render() {\n    const animate =\n      this.props.animate !== undefined ? this.props.animate : true;\n    const className = classnames(\n      \"core-popup\",\n      this._getClassNameByPosition(this.state.position),\n      this.props.showShadow && \"core-popup-shadow\",\n      this.props.showArrow && \"arrow\",\n      !animate && \"core-popup-animation-none\",\n      this.props.className,\n      this.state.animationEnded && \"core-animation-ended\",\n      !this.props.isOpen &&\n        this.props.keepContentsMounted &&\n        \"core-popup-hidden\"\n    );\n\n    const style: React.CSSProperties = {\n      top: this.state.top,\n      left: this.state.left,\n      ...this.props.style,\n    };\n\n    const role = this.props.role ? this.props.role : \"dialog\"; // accessibility property\n\n    if (!this.props.isOpen && !this.props.keepContentsMounted) {\n      return null;\n    }\n\n    return ReactDOM.createPortal(\n      <div\n        className={className}\n        data-testid=\"core-popup\"\n        ref={(element) => {\n          this._popup = element;\n        }}\n        style={style}\n        role={role}\n        aria-modal={true}\n        tabIndex={-1}\n        aria-label={this.props.ariaLabel}\n        onAnimationEnd={this._handleAnimationEnd}\n      >\n        <ThemeProvider\n          ref={this._handleThemeProviderRef}\n          portalContainer={this.state.portalContainer}\n        >\n          <FocusTrap\n            active={!!this.props.moveFocus}\n            initialFocusElement={this.props.focusTarget}\n            returnFocusOnDeactivate={true}\n          >\n            {this.props.children}\n          </FocusTrap>\n        </ThemeProvider>\n      </div>,\n      this.getContainer()\n    );\n  }\n\n  private getContainer(): Element {\n    return (\n      this.props.portalTarget ??\n      this.context ??\n      this.state.parentDocument.body.querySelector(\n        '[data-root-container=\"appui-root-id\"]'\n      ) ??\n      this.state.parentDocument.body\n    );\n  }\n}\n\nfunction parsePxString(pxStr: string): number {\n  const parsed = parseInt(pxStr, 10);\n  return parsed || 0;\n}\n\nfunction parseMargin(value: string) {\n  return value ? parseFloat(value) : 0;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/core-react",
-  "version": "4.15.3",
+  "version": "4.15.4",
   "description": "iTwin.js UI core components",
   "main": "lib/cjs/core-react.js",
   "module": "lib/esm/core-react.js",