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

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

@@ -0,0 +1,57 @@
+/** @packageDocumentation
+ * @module ContextMenu
+ */
+import "./PopupContextMenu.scss";
+import * as React from "react";
+import { RelativePosition } from "@itwin/appui-abstract";
+import type { CommonProps } from "../utils/Props.js";
+/** Properties for [[PopupContextMenu]] component
+ * @public
+ * @deprecated in 4.16.0. Props of deprecated {@link PopupContextMenu} component.
+ */
+export interface PopupContextMenuProps extends CommonProps {
+    /** Indicates whether the popup is shown or not (defaults to false) */
+    isOpen: boolean;
+    /** Direction (relative to the target) to which the popup is expanded (defaults to Bottom) */
+    position?: RelativePosition;
+    /** Target element to position popup */
+    target?: HTMLElement | null;
+    /** Function called when the popup is opened */
+    onOpen?: () => void;
+    /** Function called when user clicks outside the popup  */
+    onOutsideClick?: (e: MouseEvent) => void;
+    /** Function called when the popup is closed */
+    onClose?: () => void;
+    /** Function called when the popup is closed on Enter */
+    onEnter?: () => void;
+    /** Top position (absolute positioning - defaults to 0) */
+    top?: number;
+    /** Left position (absolute positioning - defaults to 0) */
+    left?: number;
+    /** Offset from the parent (defaults to 4) */
+    offset?: number;
+    /** accessibility label */
+    ariaLabel?: string;
+    /** Indicates whether to use animation for open/close (defaults to true) */
+    animate?: boolean;
+    /** When list item or submenu is selected */
+    onSelect?: (event: React.MouseEvent | undefined) => void;
+    /** when Escape button is pressed */
+    onEsc?: (event: React.KeyboardEvent) => void;
+    /** Whether menu flips directions based on screen edge. Default: true */
+    autoflip?: boolean;
+    /** Whether menu hugs screen edge when autoflip is off. Default: true */
+    edgeLimit?: boolean;
+    /** Whether Hotkey press selects item, or just highlights item. Default: true */
+    hotkeySelect?: boolean;
+    /** starting menu item selected index Default: -1 */
+    selectedIndex?: number;
+    /** ContextMenu items */
+    children?: React.ReactNode;
+}
+/** Component that displays a ContextMenu within a Popup component, allowing the target element to be specified.
+ * @public
+ * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/docs/dropdownmenu iTwinUI DropdownMenu} component instead.
+ */
+export declare function PopupContextMenu(props: PopupContextMenuProps): React.JSX.Element;
+//# sourceMappingURL=PopupContextMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"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,mBAAmB,CAAC;AAKrD;;;GAGG;AACH,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;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAuC5D"}

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

@@ -0,0 +1,54 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module ContextMenu
+ */
+import "./PopupContextMenu.scss";
+import * as React from "react";
+import { Popup } from "../popup/Popup.js";
+import { ContextMenu } from "./ContextMenu.js";
+import { RelativePosition } from "@itwin/appui-abstract";
+import { ContextMenuDirection } from "./ContextMenuDirection.js";
+/** Component that displays a ContextMenu within a Popup component, allowing the target element to be specified.
+ * @public
+ * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/docs/dropdownmenu iTwinUI DropdownMenu} component instead.
+ */
+export function PopupContextMenu(props) {
+    const { style, onSelect, onEsc, autoflip, edgeLimit, hotkeySelect, selectedIndex, children, ...popupProps } = props;
+    const menuDirection = getContextMenuDirectionFromRelativePosition(popupProps.position);
+    return (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;
+    switch (relativePosition) {
+        case RelativePosition.Top:
+            menuDirection = ContextMenuDirection.Top;
+            break;
+        case RelativePosition.TopLeft:
+            menuDirection = ContextMenuDirection.TopRight;
+            break;
+        case RelativePosition.TopRight:
+            menuDirection = ContextMenuDirection.TopLeft;
+            break;
+        case RelativePosition.Left:
+            menuDirection = ContextMenuDirection.Left;
+            break;
+        case RelativePosition.Right:
+            menuDirection = ContextMenuDirection.Right;
+            break;
+        case RelativePosition.Bottom:
+            menuDirection = ContextMenuDirection.Bottom;
+            break;
+        case RelativePosition.BottomLeft:
+            menuDirection = ContextMenuDirection.BottomRight;
+            break;
+        case RelativePosition.BottomRight:
+            menuDirection = ContextMenuDirection.BottomLeft;
+            break;
+    }
+    return menuDirection;
+}
+//# sourceMappingURL=PopupContextMenu.js.map

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

@@ -0,0 +1 @@
+{"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,mBAAmB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAmDjE;;;GAGG;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,CACL,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.js\";\nimport { ContextMenu } from \"./ContextMenu.js\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"../utils/Props.js\";\nimport { ContextMenuDirection } from \"./ContextMenuDirection.js\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Properties for [[PopupContextMenu]] component\n * @public\n * @deprecated in 4.16.0. Props of deprecated {@link PopupContextMenu} component.\n */\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 * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/docs/dropdownmenu iTwinUI DropdownMenu} component instead.\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    <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/core-react/contextmenu/TildeFinder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TildeFinder.d.ts","sourceRoot":"","sources":["../../../src/core-react/contextmenu/TildeFinder.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,qBAAa,WAAW;IACtB;;;;OAIG;IACH,OAAc,cAAc,SACpB,MAAM,SAAS;mBACP,MAAM,GAAG,SAAS;cAAQ,MAAM,SAAS;MAwDvD;CACH"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"TildeFinder.js","sourceRoot":"","sources":["../../../src/core-react/contextmenu/TildeFinder.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,MAAM,OAAO,WAAW;;AACtB;;;;GAIG;AACW,0BAAc,GAAG,CAC7B,IAAqB,EACqC,EAAE;IAC5D,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,SAAS;QACT,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;QACrC,IAAI,UAAU,KAAK,CAAC,CAAC,IAAI,UAAU,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACvD,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;YACvC,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;YACzC,MAAM,CAAC,GAAG,2BAAG,GAAG,EAAC,QAAQ,IAAE,EAAE,CAAK,CAAC;YACnC,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;YAC1C,OAAO,EAAE,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC;QAC5D,CAAC;IACH,CAAC;SAAM,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC5C,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;YACxB,QAAQ;YACR,IAAI,GAAG,GAA6D;gBAClE,SAAS,EAAE,SAAS;gBACpB,IAAI;aACL,CAAC;YACF,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBACxB,MAAM,CAAC,GAAG,WAAW,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;gBAC5C,IAAI,CAAC,CAAC,SAAS,EAAE,CAAC;oBAChB,4EAA4E;oBAC5E,GAAG,GAAG,CAAC,CAAC;oBACR,OAAO,CAAC,CAAC,IAAI,CAAC;gBAChB,CAAC;gBACD,OAAO,KAAK,CAAC;YACf,CAAC,CAAC,CAAC;YACH,IAAI,GAAG,CAAC,SAAS,EAAE,CAAC;gBAClB,OAAO,EAAE,SAAS,EAAE,GAAG,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC;YAC5C,CAAC;QACH,CAAC;aAAM,IAAI,OAAO,IAAI,IAAI,EAAE,CAAC;YAC3B,aAAa;YACb,MAAM,GAAG,GAA6D;gBACpE,SAAS,EAAE,SAAS;gBACpB,IAAI;aACL,CAAC;YACF,GAAG,CAAC,IAAI,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE;gBAClC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAC1B,IAAI,CAAC,KAAK,CAAC,QAA2B,EACtC,CAAC,KAAsB,EAAE,EAAE;oBACzB,MAAM,CAAC,GAAG,WAAW,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;oBAC5C,IAAI,CAAC,CAAC,SAAS,EAAE,CAAC;wBAChB,4EAA4E;wBAC5E,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,SAAS,CAAC;wBAC5B,OAAO,CAAC,CAAC,IAAI,CAAC;oBAChB,CAAC;oBACD,OAAO,KAAK,CAAC;gBACf,CAAC,CACF;aACF,CAAC,CAAC;YACH,IAAI,GAAG,CAAC,SAAS,EAAE,CAAC;gBAClB,OAAO,GAAG,CAAC;YACb,CAAC;QACH,CAAC;IACH,CAAC;IACD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AACxC,CAAC,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\";\n\n/** Finds a tilde character in ContextMenu item label for hot key support\n * @internal\n */\nexport class TildeFinder {\n  /**\n   * Find character following a tilde character within a React.ReactNode.\n   * @param node react node to search within for a tilde.\n   * @returns character that was found, and the same node with tilde removed, and following character with an underline.\n   */\n  public static findAfterTilde = (\n    node: React.ReactNode\n  ): { character: string | undefined; node: React.ReactNode } => {\n    if (typeof node === \"string\") {\n      // String\n      const tildeIndex = node.indexOf(\"~\");\n      if (tildeIndex !== -1 && tildeIndex <= node.length - 2) {\n        const ch = node.charAt(tildeIndex + 1);\n        const s1 = node.substring(0, tildeIndex);\n        const n = <u key=\"hotkey\">{ch}</u>;\n        const s2 = node.substring(tildeIndex + 2);\n        return { character: ch.toUpperCase(), node: [s1, n, s2] };\n      }\n    } else if (node && typeof node === \"object\") {\n      if (Array.isArray(node)) {\n        // Array\n        let ret: { character: string | undefined; node: React.ReactNode } = {\n          character: undefined,\n          node,\n        };\n        node = node.map((child) => {\n          const r = TildeFinder.findAfterTilde(child);\n          if (r.character) {\n            // if character is found, modify node instead of returning unmodified child.\n            ret = r;\n            return r.node;\n          }\n          return child;\n        });\n        if (ret.character) {\n          return { character: ret.character, node };\n        }\n      } else if (\"props\" in node) {\n        // React Node\n        const ret: { character: string | undefined; node: React.ReactNode } = {\n          character: undefined,\n          node,\n        };\n        ret.node = React.cloneElement(node, {\n          children: React.Children.map(\n            node.props.children as React.ReactNode,\n            (child: React.ReactNode) => {\n              const r = TildeFinder.findAfterTilde(child);\n              if (r.character) {\n                // if character is found, modify node instead of returning unmodified child.\n                ret.character = r.character;\n                return r.node;\n              }\n              return child;\n            }\n          ),\n        });\n        if (ret.character) {\n          return ret;\n        }\n      }\n    }\n    return { character: undefined, node };\n  };\n}\n"]}

package/lib/core-react/dialog/Dialog.d.ts

@@ -0,0 +1,112 @@
+/** @packageDocumentation
+ * @module Dialog
+ */
+import * as React from "react";
+import type { DialogButtonDef } from "@itwin/appui-abstract";
+import { Button } from "@itwin/itwinui-react";
+import type { CommonProps } from "../utils/Props.js";
+import "./Dialog.scss";
+type ButtonProps = React.ComponentPropsWithoutRef<typeof Button>;
+/** Enum for dialog alignment
+ * @public
+ * @deprecated in 4.12.0. Enum used in a deprecated component {@link Dialog}.
+ */
+export declare enum DialogAlignment {
+    TopLeft = "top-left",
+    Top = "top",
+    TopRight = "top-right",
+    Left = "left",
+    Center = "center",
+    Right = "right",
+    BottomLeft = "bottom-left",
+    Bottom = "bottom",
+    BottomRight = "bottom-right"
+}
+/** Properties for the [[Dialog]] component
+ * @public
+ * @deprecated in 4.12.0. Props of deprecated component {@link Dialog}.
+ */
+export interface DialogProps extends Omit<React.AllHTMLAttributes<HTMLDivElement>, "title">, CommonProps {
+    /** Indicates whether to show dialog or not */
+    opened: boolean;
+    /** Indicates whether the user can resize dialog with cursor. Default: false */
+    resizable?: boolean;
+    /** Indicates whether the user can move dialog with cursor. Default: false */
+    movable?: boolean;
+    /** Indicates whether the content should be inset. Default: true */
+    inset?: boolean;
+    /** Indicates whether the focus should be trapped within the dialog. Default: false */
+    trapFocus?: boolean;
+    /** Whether the hide the header. Default: false */
+    hideHeader?: boolean;
+    /** Override for the header */
+    header?: React.ReactNode;
+    /** Title to show in title bar of dialog */
+    title?: string | React.ReactElement;
+    /** Footer to show at bottom of dialog. Note: will override buttonCluster */
+    footer?: string | React.ReactElement;
+    /** List of DialogButtonDef objects specifying buttons and associated onClick events */
+    buttonCluster?: DialogButtonDef[];
+    /** Default alignment of dialog. */
+    alignment?: DialogAlignment;
+    /** Initial x/left position of dialog in px. */
+    x?: number;
+    /** Initial y/top position of dialog in px. */
+    y?: number;
+    /** onClick event for X button for dialog */
+    onClose?: () => void;
+    /** 'keyup' event for Esc key */
+    onEscape?: () => void;
+    /** Triggered when a click is triggered outside of this dialog. */
+    onOutsideClick?: (event: MouseEvent) => any;
+    /** Initial width of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: "50%" */
+    width?: string | number;
+    /** Initial height of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */
+    height?: string | number;
+    /** Minimum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 300px */
+    minWidth?: string | number;
+    /** Minimum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 135px */
+    minHeight?: string | number;
+    /** Maximum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 100% */
+    maxWidth?: string | number;
+    /** Maximum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */
+    maxHeight?: string | number;
+    /** Whether to show background overlay. Default: true.
+     * @note Modeless dialogs require an id and an implementation of onModelessPointerDown.
+     */
+    modal?: boolean;
+    /** An id for a modeless dialog */
+    modelessId?: string;
+    /** Pointer Down event handler when modeless (modal = false) */
+    onModelessPointerDown?: (event: React.PointerEvent, id: string) => void;
+    /** Custom CSS Style for overlay */
+    backgroundStyle?: React.CSSProperties;
+    /** Custom CSS Style for title */
+    titleStyle?: React.CSSProperties;
+    /** Custom CSS Style for footer */
+    footerStyle?: React.CSSProperties;
+    /** Custom CSS class name for the content */
+    contentClassName?: string;
+    /** Custom CSS Style for the content */
+    contentStyle?: React.CSSProperties;
+}
+/** Dialog React component with optional resizing and dragging functionality
+ * @public
+ * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/dialog iTwinUI dialog} instead.
+ */
+export declare class Dialog extends React.Component<DialogProps> {
+    private _parentDocument;
+    static defaultProps: Partial<DialogProps>;
+    constructor(props: DialogProps);
+    componentWillUnmount(): void;
+    componentDidMount(): void;
+    handleRefSet: (containerDiv: HTMLDivElement | null) => void;
+    render(): React.ReactElement;
+    private getCSSClassNameFromAlignment;
+    /** @deprecated in 4.12.0. Use iTwinUI Button instead. */
+    protected getFooterButtons(buttonCluster: DialogButtonDef[] | undefined, primaryStyleType?: ButtonProps["styleType"], noCoreButtonClasses?: boolean): React.ReactNode[] | undefined;
+    private _handleKeyUp;
+    protected _handleContainerPointerDown: (event: React.PointerEvent) => void;
+}
+export {};
+//# sourceMappingURL=Dialog.d.ts.map

package/lib/core-react/dialog/Dialog.d.ts.map

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

package/lib/core-react/dialog/Dialog.js

@@ -0,0 +1,205 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Dialog
+ */
+import classnames from "classnames";
+import * as React from "react";
+import { Key } from "ts-key-enum";
+import { DialogButtonType } from "@itwin/appui-abstract";
+import { Dialog as BaseDialog, Button } from "@itwin/itwinui-react";
+import { DivWithOutsideClick } from "../base/DivWithOutsideClick.js";
+import "./Dialog.scss";
+import { useTranslation } from "../l10n/useTranslation.js";
+/** Enum for dialog alignment
+ * @public
+ * @deprecated in 4.12.0. Enum used in a deprecated component {@link Dialog}.
+ */
+export var DialogAlignment;
+(function (DialogAlignment) {
+    DialogAlignment["TopLeft"] = "top-left";
+    DialogAlignment["Top"] = "top";
+    DialogAlignment["TopRight"] = "top-right";
+    DialogAlignment["Left"] = "left";
+    DialogAlignment["Center"] = "center";
+    DialogAlignment["Right"] = "right";
+    DialogAlignment["BottomLeft"] = "bottom-left";
+    DialogAlignment["Bottom"] = "bottom";
+    DialogAlignment["BottomRight"] = "bottom-right";
+})(DialogAlignment || (DialogAlignment = {}));
+/** Dialog React component with optional resizing and dragging functionality
+ * @public
+ * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/dialog iTwinUI dialog} instead.
+ */
+// eslint-disable-next-line deprecation/deprecation
+export class Dialog extends React.Component {
+    // eslint-disable-next-line deprecation/deprecation
+    constructor(props) {
+        super(props);
+        this._parentDocument = document;
+        this.handleRefSet = (containerDiv) => {
+            if (containerDiv)
+                this._parentDocument = containerDiv.ownerDocument;
+        };
+        this._handleKeyUp = (event) => {
+            if (event.key === Key.Escape.valueOf() &&
+                this.props.opened &&
+                this.props.onEscape) {
+                this.props.onEscape();
+            }
+        };
+        this._handleContainerPointerDown = (event) => {
+            if (!this.props.modal) {
+                if (this.props.onModelessPointerDown && this.props.modelessId)
+                    this.props.onModelessPointerDown(event, this.props.modelessId);
+            }
+        };
+    }
+    componentWillUnmount() {
+        this._parentDocument.removeEventListener("keyup", this._handleKeyUp, true);
+    }
+    componentDidMount() {
+        this._parentDocument.addEventListener("keyup", this._handleKeyUp, true);
+    }
+    render() {
+        const { opened, title, footer, buttonCluster, onClose, onEscape, onOutsideClick, minWidth, minHeight, x, y, width, height, maxHeight, maxWidth, backgroundStyle, titleStyle, footerStyle, style, contentStyle, contentClassName, modal, resizable, movable, className, alignment, inset, trapFocus, modelessId, onModelessPointerDown, hideHeader, header, as, ...props } = this.props;
+        let initialOffset = {};
+        if (x || y) {
+            initialOffset = {
+                left: x ?? 0,
+                top: y ?? 0,
+                transform: "none",
+            };
+        }
+        const containerStyle = {
+            ...initialOffset,
+            margin: "",
+            width,
+            height,
+        };
+        const minMaxStyle = {
+            minWidth,
+            minHeight,
+            maxWidth,
+            maxHeight,
+        };
+        const dialogBaseContainerStyle = {
+            ...containerStyle,
+            ...minMaxStyle,
+        };
+        // eslint-disable-next-line deprecation/deprecation
+        const buttons = this.getFooterButtons(buttonCluster, "high-visibility", true);
+        return (React.createElement(BaseDialog, { isOpen: opened, onClose: onClose, closeOnExternalClick: false, closeOnEsc: false, style: style, className: classnames("core-dialog", className), isDraggable: movable, isResizable: resizable, trapFocus: trapFocus && modal, preventDocumentScroll: true, "data-testid": "core-dialog-root", ...props },
+            modal && React.createElement(BaseDialog.Backdrop, { style: backgroundStyle }),
+            React.createElement(DivWithOutsideClick, { onOutsideClick: onOutsideClick },
+                React.createElement(BaseDialog.Main, { className: classnames("core-dialog-main", alignment && this.getCSSClassNameFromAlignment(alignment)), "data-testid": "core-dialog-container", style: dialogBaseContainerStyle, onPointerDown: this._handleContainerPointerDown },
+                    !hideHeader &&
+                        (header || (React.createElement(BaseDialog.TitleBar, { titleText: title, style: titleStyle, "data-testid": "core-dialog-head" }))),
+                    React.createElement(BaseDialog.Content, { className: contentClassName, style: { padding: inset ? undefined : 0, ...contentStyle } }, this.props.children),
+                    footer ||
+                        (buttons && (React.createElement(BaseDialog.ButtonBar, { style: footerStyle }, buttons)))))));
+    }
+    // eslint-disable-next-line deprecation/deprecation
+    getCSSClassNameFromAlignment(alignment) {
+        switch (alignment) {
+            // eslint-disable-next-line deprecation/deprecation
+            case DialogAlignment.TopLeft:
+                return "core-align-top-left";
+            // eslint-disable-next-line deprecation/deprecation
+            case DialogAlignment.Top:
+                return "core-align-top";
+            // eslint-disable-next-line deprecation/deprecation
+            case DialogAlignment.TopRight:
+                return "core-align-top-right";
+            // eslint-disable-next-line deprecation/deprecation
+            case DialogAlignment.Left:
+                return "core-align-left";
+            // eslint-disable-next-line deprecation/deprecation
+            case DialogAlignment.Center:
+                return "core-align-center";
+            // eslint-disable-next-line deprecation/deprecation
+            case DialogAlignment.Right:
+                return "core-align-right";
+            // eslint-disable-next-line deprecation/deprecation
+            case DialogAlignment.BottomLeft:
+                return "core-align-bottom-left";
+            // eslint-disable-next-line deprecation/deprecation
+            case DialogAlignment.Bottom:
+                return "core-align-bottom";
+            // eslint-disable-next-line deprecation/deprecation
+            case DialogAlignment.BottomRight:
+                return "core-align-bottom-right";
+        }
+    }
+    /** @deprecated in 4.12.0. Use iTwinUI Button instead. */
+    getFooterButtons(buttonCluster, primaryStyleType = "cta", noCoreButtonClasses = false) {
+        if (buttonCluster === undefined)
+            return undefined;
+        const buttons = [];
+        buttonCluster.forEach((button, index) => {
+            buttons.push(React.createElement(DialogButton, { key: index.toString(), button: button, primaryStyleType: primaryStyleType, noCoreButtonClasses: noCoreButtonClasses }));
+        });
+        return buttons;
+    }
+}
+// eslint-disable-next-line deprecation/deprecation
+Dialog.defaultProps = {
+    maxWidth: "100%",
+    width: "50%",
+    hideHeader: false,
+    resizable: false,
+    movable: false,
+    modal: true,
+    inset: true,
+    trapFocus: false,
+};
+function DialogButton({ button, primaryStyleType, noCoreButtonClasses, }) {
+    const { translate } = useTranslation();
+    let buttonText = "";
+    let buttonClass = classnames(!noCoreButtonClasses && "core-dialog-button", !noCoreButtonClasses && `dialog-button-${button.type}`, button.className);
+    let usePrimaryStyleType = false;
+    switch (button.type) {
+        case DialogButtonType.OK:
+            buttonText = translate("dialog.ok");
+            buttonClass = classnames(buttonClass, button.buttonStyle);
+            usePrimaryStyleType = true;
+            break;
+        case DialogButtonType.Retry:
+            buttonText = translate("dialog.retry");
+            buttonClass = classnames(buttonClass, button.buttonStyle);
+            usePrimaryStyleType = true;
+            break;
+        case DialogButtonType.Yes:
+            buttonText = translate("dialog.yes");
+            buttonClass = classnames(buttonClass, button.buttonStyle);
+            usePrimaryStyleType = true;
+            break;
+        case DialogButtonType.No:
+            buttonText = translate("dialog.no");
+            buttonClass = classnames(buttonClass, button.buttonStyle);
+            break;
+        case DialogButtonType.Cancel:
+            buttonText = translate("dialog.cancel");
+            buttonClass = classnames(buttonClass, button.buttonStyle);
+            break;
+        case DialogButtonType.Close:
+            buttonText = translate("dialog.close");
+            buttonClass = classnames(buttonClass, button.buttonStyle);
+            break;
+        case DialogButtonType.Next:
+            buttonText = translate("dialog.next");
+            buttonClass = classnames(buttonClass, button.buttonStyle);
+            usePrimaryStyleType = true;
+            break;
+        case DialogButtonType.Previous:
+            buttonText = translate("dialog.previous");
+            buttonClass = classnames(buttonClass, button.buttonStyle);
+            usePrimaryStyleType = true;
+            break;
+    }
+    buttonText = button.label || buttonText;
+    return (React.createElement(Button, { className: buttonClass, disabled: button.disabled, styleType: usePrimaryStyleType ? primaryStyleType : undefined, onClick: button.onClick }, buttonText));
+}
+//# sourceMappingURL=Dialog.js.map

package/lib/core-react/dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/core-react/dialog/Dialog.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 Dialog\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport type { DialogButtonDef } from \"@itwin/appui-abstract\";\nimport { DialogButtonType } from \"@itwin/appui-abstract\";\nimport { Dialog as BaseDialog, Button } from \"@itwin/itwinui-react\";\nimport { DivWithOutsideClick } from \"../base/DivWithOutsideClick.js\";\nimport type { CommonProps } from \"../utils/Props.js\";\nimport \"./Dialog.scss\";\nimport { useTranslation } from \"../l10n/useTranslation.js\";\n\ntype ButtonProps = React.ComponentPropsWithoutRef<typeof Button>;\n\n/** Enum for dialog alignment\n * @public\n * @deprecated in 4.12.0. Enum used in a deprecated component {@link Dialog}.\n */\nexport enum DialogAlignment {\n  TopLeft = \"top-left\",\n  Top = \"top\",\n  TopRight = \"top-right\",\n  Left = \"left\",\n  Center = \"center\",\n  Right = \"right\",\n  BottomLeft = \"bottom-left\",\n  Bottom = \"bottom\",\n  BottomRight = \"bottom-right\",\n}\n\n/** Properties for the [[Dialog]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link Dialog}.\n */\nexport interface DialogProps\n  extends Omit<React.AllHTMLAttributes<HTMLDivElement>, \"title\">,\n    // eslint-disable-next-line deprecation/deprecation\n    CommonProps {\n  /** Indicates whether to show dialog or not */\n  opened: boolean;\n\n  /** Indicates whether the user can resize dialog with cursor. Default: false */\n  resizable?: boolean;\n  /** Indicates whether the user can move dialog with cursor. Default: false */\n  movable?: boolean;\n  /** Indicates whether the content should be inset. Default: true */\n  inset?: boolean;\n  /** Indicates whether the focus should be trapped within the dialog. Default: false */\n  trapFocus?: boolean;\n\n  /** Whether the hide the header. Default: false */\n  hideHeader?: boolean;\n  /** Override for the header */\n  header?: React.ReactNode;\n  /** Title to show in title bar of dialog */\n  title?: string | React.ReactElement;\n  /** Footer to show at bottom of dialog. Note: will override buttonCluster */\n  footer?: string | React.ReactElement;\n  /** List of DialogButtonDef objects specifying buttons and associated onClick events */\n  buttonCluster?: DialogButtonDef[];\n\n  /** Default alignment of dialog. */\n  // eslint-disable-next-line deprecation/deprecation\n  alignment?: DialogAlignment;\n  /** Initial x/left position of dialog in px. */\n  x?: number;\n  /** Initial y/top position of dialog in px. */\n  y?: number;\n\n  /** onClick event for X button for dialog */\n  onClose?: () => void;\n  /** 'keyup' event for Esc key */\n  onEscape?: () => void;\n  /** Triggered when a click is triggered outside of this dialog. */\n  onOutsideClick?: (event: MouseEvent) => any;\n\n  /** Initial width of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: \"50%\" */\n  width?: string | number;\n  /** Initial height of dialog. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\n  height?: string | number;\n  /** Minimum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 300px */\n  minWidth?: string | number;\n  /** Minimum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 135px */\n  minHeight?: string | number;\n  /** Maximum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 100% */\n  maxWidth?: string | number;\n  /** Maximum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\n  maxHeight?: string | number;\n\n  /** Whether to show background overlay. Default: true.\n   * @note Modeless dialogs require an id and an implementation of onModelessPointerDown.\n   */\n  modal?: boolean;\n  /** An id for a modeless dialog */\n  modelessId?: string;\n  /** Pointer Down event handler when modeless (modal = false) */\n  onModelessPointerDown?: (event: React.PointerEvent, id: string) => void;\n\n  /** Custom CSS Style for overlay */\n  backgroundStyle?: React.CSSProperties;\n  /** Custom CSS Style for title */\n  titleStyle?: React.CSSProperties;\n  /** Custom CSS Style for footer */\n  footerStyle?: React.CSSProperties;\n  /** Custom CSS class name for the content */\n  contentClassName?: string;\n  /** Custom CSS Style for the content */\n  contentStyle?: React.CSSProperties;\n}\n\n/** Dialog React component with optional resizing and dragging functionality\n * @public\n * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/dialog iTwinUI dialog} instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class Dialog extends React.Component<DialogProps> {\n  private _parentDocument = document;\n  // eslint-disable-next-line deprecation/deprecation\n  public static defaultProps: Partial<DialogProps> = {\n    maxWidth: \"100%\",\n    width: \"50%\",\n    hideHeader: false,\n    resizable: false,\n    movable: false,\n    modal: true,\n    inset: true,\n    trapFocus: false,\n  };\n\n  // eslint-disable-next-line deprecation/deprecation\n  constructor(props: DialogProps) {\n    super(props);\n  }\n\n  public override componentWillUnmount(): void {\n    this._parentDocument.removeEventListener(\"keyup\", this._handleKeyUp, true);\n  }\n\n  public override componentDidMount(): void {\n    this._parentDocument.addEventListener(\"keyup\", this._handleKeyUp, true);\n  }\n\n  public handleRefSet = (containerDiv: HTMLDivElement | null) => {\n    if (containerDiv) this._parentDocument = containerDiv.ownerDocument;\n  };\n\n  public override render(): React.ReactElement {\n    const {\n      opened,\n      title,\n      footer,\n      buttonCluster,\n      onClose,\n      onEscape,\n      onOutsideClick,\n      minWidth,\n      minHeight,\n      x,\n      y,\n      width,\n      height,\n      maxHeight,\n      maxWidth,\n      backgroundStyle,\n      titleStyle,\n      footerStyle,\n      style,\n      contentStyle,\n      contentClassName,\n      modal,\n      resizable,\n      movable,\n      className,\n      alignment,\n      inset,\n      trapFocus,\n      modelessId,\n      onModelessPointerDown,\n      hideHeader,\n      header,\n      as,\n      ...props\n    } = this.props;\n\n    let initialOffset: React.CSSProperties = {};\n    if (x || y) {\n      initialOffset = {\n        left: x ?? 0,\n        top: y ?? 0,\n        transform: \"none\",\n      };\n    }\n\n    const containerStyle: React.CSSProperties = {\n      ...initialOffset,\n      margin: \"\",\n      width,\n      height,\n    };\n\n    const minMaxStyle: React.CSSProperties = {\n      minWidth,\n      minHeight,\n      maxWidth,\n      maxHeight,\n    };\n    const dialogBaseContainerStyle: React.CSSProperties = {\n      ...containerStyle,\n      ...minMaxStyle,\n    };\n\n    // eslint-disable-next-line deprecation/deprecation\n    const buttons = this.getFooterButtons(\n      buttonCluster,\n      \"high-visibility\",\n      true\n    );\n\n    return (\n      <BaseDialog\n        isOpen={opened}\n        onClose={onClose}\n        closeOnExternalClick={false}\n        closeOnEsc={false}\n        style={style}\n        className={classnames(\"core-dialog\", className)}\n        isDraggable={movable}\n        isResizable={resizable}\n        trapFocus={trapFocus && modal}\n        preventDocumentScroll={true}\n        data-testid=\"core-dialog-root\"\n        {...props}\n      >\n        {modal && <BaseDialog.Backdrop style={backgroundStyle} />}\n        {/* eslint-disable-next-line deprecation/deprecation */}\n        <DivWithOutsideClick onOutsideClick={onOutsideClick}>\n          <BaseDialog.Main\n            className={classnames(\n              \"core-dialog-main\",\n              alignment && this.getCSSClassNameFromAlignment(alignment)\n            )}\n            data-testid=\"core-dialog-container\"\n            style={dialogBaseContainerStyle}\n            onPointerDown={this._handleContainerPointerDown}\n          >\n            {!hideHeader &&\n              (header || (\n                <BaseDialog.TitleBar\n                  titleText={title}\n                  style={titleStyle}\n                  data-testid=\"core-dialog-head\"\n                />\n              ))}\n            <BaseDialog.Content\n              className={contentClassName}\n              style={{ padding: inset ? undefined : 0, ...contentStyle }}\n            >\n              {this.props.children}\n            </BaseDialog.Content>\n            {footer ||\n              (buttons && (\n                <BaseDialog.ButtonBar style={footerStyle}>\n                  {buttons}\n                </BaseDialog.ButtonBar>\n              ))}\n          </BaseDialog.Main>\n        </DivWithOutsideClick>\n      </BaseDialog>\n    );\n  }\n\n  // eslint-disable-next-line deprecation/deprecation\n  private getCSSClassNameFromAlignment(alignment: DialogAlignment): string {\n    switch (alignment) {\n      // eslint-disable-next-line deprecation/deprecation\n      case DialogAlignment.TopLeft:\n        return \"core-align-top-left\";\n      // eslint-disable-next-line deprecation/deprecation\n      case DialogAlignment.Top:\n        return \"core-align-top\";\n      // eslint-disable-next-line deprecation/deprecation\n      case DialogAlignment.TopRight:\n        return \"core-align-top-right\";\n      // eslint-disable-next-line deprecation/deprecation\n      case DialogAlignment.Left:\n        return \"core-align-left\";\n      // eslint-disable-next-line deprecation/deprecation\n      case DialogAlignment.Center:\n        return \"core-align-center\";\n      // eslint-disable-next-line deprecation/deprecation\n      case DialogAlignment.Right:\n        return \"core-align-right\";\n      // eslint-disable-next-line deprecation/deprecation\n      case DialogAlignment.BottomLeft:\n        return \"core-align-bottom-left\";\n      // eslint-disable-next-line deprecation/deprecation\n      case DialogAlignment.Bottom:\n        return \"core-align-bottom\";\n      // eslint-disable-next-line deprecation/deprecation\n      case DialogAlignment.BottomRight:\n        return \"core-align-bottom-right\";\n    }\n  }\n\n  /** @deprecated in 4.12.0. Use iTwinUI Button instead. */\n  protected getFooterButtons(\n    buttonCluster: DialogButtonDef[] | undefined,\n    primaryStyleType: ButtonProps[\"styleType\"] = \"cta\",\n    noCoreButtonClasses: boolean = false\n  ): React.ReactNode[] | undefined {\n    if (buttonCluster === undefined) return undefined;\n\n    const buttons: React.ReactNode[] = [];\n    buttonCluster.forEach((button: DialogButtonDef, index: number) => {\n      buttons.push(\n        <DialogButton\n          key={index.toString()}\n          button={button}\n          primaryStyleType={primaryStyleType}\n          noCoreButtonClasses={noCoreButtonClasses}\n        />\n      );\n    });\n    return buttons;\n  }\n\n  private _handleKeyUp = (event: KeyboardEvent) => {\n    if (\n      event.key === Key.Escape.valueOf() &&\n      this.props.opened &&\n      this.props.onEscape\n    ) {\n      this.props.onEscape();\n    }\n  };\n\n  protected _handleContainerPointerDown = (event: React.PointerEvent): void => {\n    if (!this.props.modal) {\n      if (this.props.onModelessPointerDown && this.props.modelessId)\n        this.props.onModelessPointerDown(event, this.props.modelessId);\n    }\n  };\n}\n\nfunction DialogButton({\n  button,\n  primaryStyleType,\n  noCoreButtonClasses,\n}: {\n  button: DialogButtonDef;\n  primaryStyleType: ButtonProps[\"styleType\"];\n  noCoreButtonClasses: boolean;\n}) {\n  const { translate } = useTranslation();\n\n  let buttonText = \"\";\n\n  let buttonClass = classnames(\n    !noCoreButtonClasses && \"core-dialog-button\",\n    !noCoreButtonClasses && `dialog-button-${button.type}`,\n    button.className\n  );\n  let usePrimaryStyleType = false;\n\n  switch (button.type) {\n    case DialogButtonType.OK:\n      buttonText = translate(\"dialog.ok\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      usePrimaryStyleType = true;\n      break;\n    case DialogButtonType.Retry:\n      buttonText = translate(\"dialog.retry\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      usePrimaryStyleType = true;\n      break;\n    case DialogButtonType.Yes:\n      buttonText = translate(\"dialog.yes\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      usePrimaryStyleType = true;\n      break;\n    case DialogButtonType.No:\n      buttonText = translate(\"dialog.no\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      break;\n    case DialogButtonType.Cancel:\n      buttonText = translate(\"dialog.cancel\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      break;\n    case DialogButtonType.Close:\n      buttonText = translate(\"dialog.close\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      break;\n    case DialogButtonType.Next:\n      buttonText = translate(\"dialog.next\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      usePrimaryStyleType = true;\n      break;\n    case DialogButtonType.Previous:\n      buttonText = translate(\"dialog.previous\");\n      buttonClass = classnames(buttonClass, button.buttonStyle);\n      usePrimaryStyleType = true;\n      break;\n  }\n\n  buttonText = button.label || buttonText;\n\n  return (\n    <Button\n      className={buttonClass}\n      disabled={button.disabled}\n      styleType={usePrimaryStyleType ? primaryStyleType : undefined}\n      onClick={button.onClick}\n    >\n      {buttonText}\n    </Button>\n  );\n}\n"]}

package/lib/core-react/dialog/Dialog.scss

@@ -0,0 +1,57 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@use "../z-index" as *;
+
+.core-dialog {
+  @include uicore-z-index(dialog);
+
+  .core-dialog-main {
+    &.core-align-top-left {
+      top: 0px;
+      left: 0px;
+      transform: none;
+    }
+    &.core-align-top {
+      top: 0px;
+      left: 50%;
+      transform: translateX(-50%);
+    }
+    &.core-align-top-right {
+      top: 0px;
+      left: 100%;
+      transform: translateX(-100%);
+    }
+    &.core-align-left {
+      top: 50%;
+      left: 0px;
+      transform: translateY(-50%);
+    }
+    &.core-align-center {
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+    }
+    &.core-align-right {
+      top: 50%;
+      left: 100%;
+      transform: translate(-100%, -50%);
+    }
+    &.core-align-bottom-left {
+      top: 100%;
+      left: 0px;
+      transform: translateY(-100%);
+    }
+    &.core-align-bottom {
+      top: 100%;
+      left: 50%;
+      transform: translate(-50%, -100%);
+    }
+    &.core-align-bottom-right {
+      top: 100%;
+      left: 100%;
+      transform: translate(-100%, -100%);
+    }
+  }
+}

package/lib/core-react/dialog/GlobalDialog.d.ts

@@ -0,0 +1,32 @@
+/** @packageDocumentation
+ * @module Dialog
+ */
+import * as React from "react";
+import type { DialogProps } from "./Dialog.js";
+/** Properties for the [[GlobalDialog]] component
+ * @public
+ * @deprecated in 4.12.0. Props of deprecated component {@link GlobalDialog}.
+ */
+export interface GlobalDialogProps extends DialogProps {
+    identifier?: string;
+}
+/** State properties for the [[GlobalDialog]] component
+ * @public
+ * @deprecated in 4.12.0. State of deprecated component {@link GlobalDialog}.
+ */
+export interface GlobalDialogState {
+    parentDocument: Document | null;
+}
+/** GlobalDialog React component used to display a [[Dialog]] on the top of screen
+ * @public
+ * @deprecated in 4.12.0. Use {@link https://itwinui.bentley.com/docs/dialog iTwinUI dialog} instead.
+ */
+export declare class GlobalDialog extends React.Component<GlobalDialogProps, GlobalDialogState> {
+    private _container?;
+    readonly state: GlobalDialogState;
+    constructor(props: GlobalDialogProps);
+    private _handleRefSet;
+    componentWillUnmount(): void;
+    render(): React.ReactNode;
+}
+//# sourceMappingURL=GlobalDialog.d.ts.map

package/lib/core-react/dialog/GlobalDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalDialog.d.ts","sourceRoot":"","sources":["../../../src/core-react/dialog/GlobalDialog.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C;;;GAGG;AAEH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,QAAQ,GAAG,IAAI,CAAC;CACjC;AAED;;;GAGG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAE/C,iBAAiB,EAEjB,iBAAiB,CAClB;IACC,OAAO,CAAC,UAAU,CAAC,CAAiB;IAGpC,SAAyB,KAAK,EAAE,iBAAiB,CAE/C;gBAGU,KAAK,EAAE,iBAAiB;IAIpC,OAAO,CAAC,aAAa,CAqBnB;IAEc,oBAAoB;IAOpB,MAAM,IAAI,KAAK,CAAC,SAAS;CAa1C"}