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

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

@@ -1,63 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module ContextMenu
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GlobalContextMenu = void 0;
-const React = require("react");
-const ReactDOM = require("react-dom");
-const ContextMenu_1 = require("./ContextMenu");
-/** GlobalContextMenu React component used to display a [[ContextMenu]] at the cursor
- * @public
- * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/docs/dropdownmenu iTwinUI DropdownMenu} component instead.
- */
-class GlobalContextMenu extends React.PureComponent {
-    constructor(props) {
-        super(props);
-        this.state = {
-            parentDocument: null,
-        };
-        this._handleRefSet = (popupDiv) => {
-            const parentDocument = popupDiv?.ownerDocument ?? null;
-            if (parentDocument) {
-                this._container = parentDocument.createElement("div");
-                this._container.id =
-                    this.props.identifier !== undefined
-                        ? `dialog-${this.props.identifier}`
-                        : "core-global-context-menu";
-                let rt = parentDocument.getElementById("core-global-context-menu-root");
-                if (!rt) {
-                    rt = parentDocument.createElement("div");
-                    rt.id = "core-global-context-menu-root";
-                    (parentDocument.body.querySelector('[data-root-container="appui-root-id"]') ?? parentDocument.body).appendChild(rt);
-                }
-                rt.appendChild(this._container);
-                // used to support component rendering in pop-out window
-                this.setState({ parentDocument });
-            }
-        };
-    }
-    componentWillUnmount() {
-        if (this._container && this._container.parentElement) {
-            // cleanup
-            this._container.parentElement.removeChild(this._container);
-        }
-    }
-    render() {
-        const { x, y, identifier, contextMenuComponent, ...props } = this.props;
-        const positioningStyle = {
-            left: x,
-            top: y,
-        };
-        const CtxMenu = contextMenuComponent || ContextMenu_1.ContextMenu;
-        return (React.createElement("div", { ref: this._handleRefSet, style: { display: "none" } }, this.state.parentDocument &&
-            ReactDOM.createPortal(React.createElement("div", { className: "core-context-menu-global", style: positioningStyle },
-                React.createElement(CtxMenu, { ...props })), this.state.parentDocument.body.querySelector('[data-root-container="appui-root-id"]') ?? this.state.parentDocument.body)));
-    }
-}
-exports.GlobalContextMenu = GlobalContextMenu;
-//# sourceMappingURL=GlobalContextMenu.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"GlobalContextMenu.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/GlobalContextMenu.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,sCAAsC;AAEtC,+CAA4C;AAuB5C;;;GAGG;AACH,MAAa,iBAAkB,SAAQ,KAAK,CAAC,aAG5C;IAOC,YAAY,KAA6B;QACvC,KAAK,CAAC,KAAK,CAAC,CAAC;QALU,UAAK,GAA2B;YACvD,cAAc,EAAE,IAAI;SACrB,CAAC;QAaM,kBAAa,GAAG,CAAC,QAA4B,EAAE,EAAE;YACvD,MAAM,cAAc,GAAG,QAAQ,EAAE,aAAa,IAAI,IAAI,CAAC;YACvD,IAAI,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,UAAU,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBACtD,IAAI,CAAC,UAAU,CAAC,EAAE;oBAChB,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,SAAS;wBACjC,CAAC,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;wBACnC,CAAC,CAAC,0BAA0B,CAAC;gBACjC,IAAI,EAAE,GAAG,cAAc,CAAC,cAAc,CACpC,+BAA+B,CACd,CAAC;gBACpB,IAAI,CAAC,EAAE,EAAE,CAAC;oBACR,EAAE,GAAG,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;oBACzC,EAAE,CAAC,EAAE,GAAG,+BAA+B,CAAC;oBACxC,CACE,cAAc,CAAC,IAAI,CAAC,aAAa,CAC/B,uCAAuC,CACxC,IAAI,cAAc,CAAC,IAAI,CACzB,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;gBACpB,CAAC;gBACD,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAEhC,wDAAwD;gBACxD,IAAI,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC,CAAC;YACpC,CAAC;QACH,CAAC,CAAC;IAlCF,CAAC;IAEe,oBAAoB;QAClC,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE,CAAC;YACrD,UAAU;YACV,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC7D,CAAC;IACH,CAAC;IA6Be,MAAM;QACpB,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,UAAU,EAAE,oBAAoB,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACxE,MAAM,gBAAgB,GAAwB;YAC5C,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;SACP,CAAC;QAEF,MAAM,OAAO,GAAG,oBAAoB,IAAI,yBAAW,CAAC;QAEpD,OAAO,CACL,6BAAK,GAAG,EAAE,IAAI,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IACrD,IAAI,CAAC,KAAK,CAAC,cAAc;YACxB,QAAQ,CAAC,YAAY,CACnB,6BAAK,SAAS,EAAC,0BAA0B,EAAC,KAAK,EAAE,gBAAgB;gBAC/D,oBAAC,OAAO,OAAK,KAAK,GAAI,CAClB,EACN,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,CAC1C,uCAAuC,CACxC,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CACpC,CACC,CACP,CAAC;IACJ,CAAC;CACF;AAvED,8CAuEC","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 * as ReactDOM from \"react-dom\";\nimport type { ContextMenuProps } from \"./ContextMenu\";\nimport { ContextMenu } from \"./ContextMenu\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Properties for the [[GlobalContextMenu]] component\n * @public\n * @deprecated in 4.16.0. Props of deprecated {@link GlobalContextMenu} component.\n */\nexport interface GlobalContextMenuProps extends ContextMenuProps {\n  /** Unique identifier, to distinguish from other GlobalContextMenu components. Needed only if multiple GlobalContextMenus are used simultaneously. */\n  identifier?: string;\n  /** Specifies the x/horizontal position on the viewport. */\n  x: number | string;\n  /** Specifies the y/vertical position on the viewport. */\n  y: number | string;\n  /** Context menu element. Default: ContextMenu */\n  contextMenuComponent?: React.ComponentType<ContextMenuProps>;\n}\n\ninterface GlobalContextMenuState {\n  parentDocument: Document | null;\n}\n\n/** GlobalContextMenu React component used to display a [[ContextMenu]] at the cursor\n * @public\n * @deprecated in 4.16.0. Use {@link https://itwinui.bentley.com/docs/dropdownmenu iTwinUI DropdownMenu} component instead.\n */\nexport class GlobalContextMenu extends React.PureComponent<\n  GlobalContextMenuProps,\n  GlobalContextMenuState\n> {\n  private _container?: HTMLDivElement;\n\n  public override readonly state: GlobalContextMenuState = {\n    parentDocument: null,\n  };\n\n  constructor(props: GlobalContextMenuProps) {\n    super(props);\n  }\n\n  public override componentWillUnmount() {\n    if (this._container && this._container.parentElement) {\n      // cleanup\n      this._container.parentElement.removeChild(this._container);\n    }\n  }\n\n  private _handleRefSet = (popupDiv: HTMLElement | null) => {\n    const parentDocument = popupDiv?.ownerDocument ?? null;\n    if (parentDocument) {\n      this._container = parentDocument.createElement(\"div\");\n      this._container.id =\n        this.props.identifier !== undefined\n          ? `dialog-${this.props.identifier}`\n          : \"core-global-context-menu\";\n      let rt = parentDocument.getElementById(\n        \"core-global-context-menu-root\"\n      ) as HTMLDivElement;\n      if (!rt) {\n        rt = parentDocument.createElement(\"div\");\n        rt.id = \"core-global-context-menu-root\";\n        (\n          parentDocument.body.querySelector(\n            '[data-root-container=\"appui-root-id\"]'\n          ) ?? parentDocument.body\n        ).appendChild(rt);\n      }\n      rt.appendChild(this._container);\n\n      // used to support component rendering in pop-out window\n      this.setState({ parentDocument });\n    }\n  };\n\n  public override render(): React.ReactNode {\n    const { x, y, identifier, contextMenuComponent, ...props } = this.props;\n    const positioningStyle: React.CSSProperties = {\n      left: x,\n      top: y,\n    };\n\n    const CtxMenu = contextMenuComponent || ContextMenu;\n\n    return (\n      <div ref={this._handleRefSet} style={{ display: \"none\" }}>\n        {this.state.parentDocument &&\n          ReactDOM.createPortal(\n            <div className=\"core-context-menu-global\" style={positioningStyle}>\n              <CtxMenu {...props} />\n            </div>,\n            this.state.parentDocument.body.querySelector(\n              '[data-root-container=\"appui-root-id\"]'\n            ) ?? this.state.parentDocument.body\n          )}\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1,57 +0,0 @@
-/** @packageDocumentation
- * @module ContextMenu
- */
-import "./PopupContextMenu.scss";
-import * as React from "react";
-import { RelativePosition } from "@itwin/appui-abstract";
-import type { CommonProps } from "../utils/Props";
-/** 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/cjs/core-react/contextmenu/PopupContextMenu.d.ts.map

@@ -1 +0,0 @@
-{"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;AAKlD;;;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/cjs/core-react/contextmenu/PopupContextMenu.js

@@ -1,58 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module ContextMenu
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PopupContextMenu = void 0;
-require("./PopupContextMenu.scss");
-const React = require("react");
-const Popup_1 = require("../popup/Popup");
-const ContextMenu_1 = require("./ContextMenu");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const ContextMenuDirection_1 = require("./ContextMenuDirection");
-/** 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.
- */
-function PopupContextMenu(props) {
-    const { style, onSelect, onEsc, autoflip, edgeLimit, hotkeySelect, selectedIndex, children, ...popupProps } = props;
-    const menuDirection = getContextMenuDirectionFromRelativePosition(popupProps.position);
-    return (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) {
-    let menuDirection = ContextMenuDirection_1.ContextMenuDirection.Bottom;
-    switch (relativePosition) {
-        case appui_abstract_1.RelativePosition.Top:
-            menuDirection = ContextMenuDirection_1.ContextMenuDirection.Top;
-            break;
-        case appui_abstract_1.RelativePosition.TopLeft:
-            menuDirection = ContextMenuDirection_1.ContextMenuDirection.TopRight;
-            break;
-        case appui_abstract_1.RelativePosition.TopRight:
-            menuDirection = ContextMenuDirection_1.ContextMenuDirection.TopLeft;
-            break;
-        case appui_abstract_1.RelativePosition.Left:
-            menuDirection = ContextMenuDirection_1.ContextMenuDirection.Left;
-            break;
-        case appui_abstract_1.RelativePosition.Right:
-            menuDirection = ContextMenuDirection_1.ContextMenuDirection.Right;
-            break;
-        case appui_abstract_1.RelativePosition.Bottom:
-            menuDirection = ContextMenuDirection_1.ContextMenuDirection.Bottom;
-            break;
-        case appui_abstract_1.RelativePosition.BottomLeft:
-            menuDirection = ContextMenuDirection_1.ContextMenuDirection.BottomRight;
-            break;
-        case appui_abstract_1.RelativePosition.BottomRight:
-            menuDirection = ContextMenuDirection_1.ContextMenuDirection.BottomLeft;
-            break;
-    }
-    return menuDirection;
-}
-//# sourceMappingURL=PopupContextMenu.js.map

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

@@ -1 +0,0 @@
-{"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;AAmD9D;;;GAGG;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,CACL,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;AAvCD,4CAuCC;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/* 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/cjs/core-react/contextmenu/TildeFinder.d.ts.map

@@ -1 +0,0 @@
-{"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/cjs/core-react/contextmenu/TildeFinder.js

@@ -1,79 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module ContextMenu
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TildeFinder = void 0;
-const React = require("react");
-/** Finds a tilde character in ContextMenu item label for hot key support
- * @internal
- */
-class TildeFinder {
-}
-exports.TildeFinder = TildeFinder;
-/**
- * Find character following a tilde character within a React.ReactNode.
- * @param node react node to search within for a tilde.
- * @returns character that was found, and the same node with tilde removed, and following character with an underline.
- */
-TildeFinder.findAfterTilde = (node) => {
-    if (typeof node === "string") {
-        // String
-        const tildeIndex = node.indexOf("~");
-        if (tildeIndex !== -1 && tildeIndex <= node.length - 2) {
-            const ch = node.charAt(tildeIndex + 1);
-            const s1 = node.substring(0, tildeIndex);
-            const n = React.createElement("u", { key: "hotkey" }, ch);
-            const s2 = node.substring(tildeIndex + 2);
-            return { character: ch.toUpperCase(), node: [s1, n, s2] };
-        }
-    }
-    else if (node && typeof node === "object") {
-        if (Array.isArray(node)) {
-            // Array
-            let ret = {
-                character: undefined,
-                node,
-            };
-            node = node.map((child) => {
-                const r = TildeFinder.findAfterTilde(child);
-                if (r.character) {
-                    // if character is found, modify node instead of returning unmodified child.
-                    ret = r;
-                    return r.node;
-                }
-                return child;
-            });
-            if (ret.character) {
-                return { character: ret.character, node };
-            }
-        }
-        else if ("props" in node) {
-            // React Node
-            const ret = {
-                character: undefined,
-                node,
-            };
-            ret.node = React.cloneElement(node, {
-                children: React.Children.map(node.props.children, (child) => {
-                    const r = TildeFinder.findAfterTilde(child);
-                    if (r.character) {
-                        // if character is found, modify node instead of returning unmodified child.
-                        ret.character = r.character;
-                        return r.node;
-                    }
-                    return child;
-                }),
-            });
-            if (ret.character) {
-                return ret;
-            }
-        }
-    }
-    return { character: undefined, node };
-};
-//# sourceMappingURL=TildeFinder.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TildeFinder.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/TildeFinder.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAE/B;;GAEG;AACH,MAAa,WAAW;;AAAxB,kCAiEC;AAhEC;;;;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/cjs/core-react/dialog/Dialog.d.ts

@@ -1,112 +0,0 @@
-/** @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";
-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/cjs/core-react/dialog/Dialog.d.ts.map

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

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

@@ -1,209 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Dialog
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dialog = exports.DialogAlignment = void 0;
-const classnames_1 = require("classnames");
-const React = require("react");
-const ts_key_enum_1 = require("ts-key-enum");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const DivWithOutsideClick_1 = require("../base/DivWithOutsideClick");
-require("./Dialog.scss");
-const useTranslation_1 = require("../l10n/useTranslation");
-/** Enum for dialog alignment
- * @public
- * @deprecated in 4.12.0. Enum used in a deprecated component {@link Dialog}.
- */
-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 || (exports.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
-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 === ts_key_enum_1.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(itwinui_react_1.Dialog, { isOpen: opened, onClose: onClose, closeOnExternalClick: false, closeOnEsc: false, style: style, className: (0, classnames_1.default)("core-dialog", className), isDraggable: movable, isResizable: resizable, trapFocus: trapFocus && modal, preventDocumentScroll: true, "data-testid": "core-dialog-root", ...props },
-            modal && React.createElement(itwinui_react_1.Dialog.Backdrop, { style: backgroundStyle }),
-            React.createElement(DivWithOutsideClick_1.DivWithOutsideClick, { onOutsideClick: onOutsideClick },
-                React.createElement(itwinui_react_1.Dialog.Main, { className: (0, classnames_1.default)("core-dialog-main", alignment && this.getCSSClassNameFromAlignment(alignment)), "data-testid": "core-dialog-container", style: dialogBaseContainerStyle, onPointerDown: this._handleContainerPointerDown },
-                    !hideHeader &&
-                        (header || (React.createElement(itwinui_react_1.Dialog.TitleBar, { titleText: title, style: titleStyle, "data-testid": "core-dialog-head" }))),
-                    React.createElement(itwinui_react_1.Dialog.Content, { className: contentClassName, style: { padding: inset ? undefined : 0, ...contentStyle } }, this.props.children),
-                    footer ||
-                        (buttons && (React.createElement(itwinui_react_1.Dialog.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;
-    }
-}
-exports.Dialog = Dialog;
-// 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 } = (0, useTranslation_1.useTranslation)();
-    let buttonText = "";
-    let buttonClass = (0, classnames_1.default)(!noCoreButtonClasses && "core-dialog-button", !noCoreButtonClasses && `dialog-button-${button.type}`, button.className);
-    let usePrimaryStyleType = false;
-    switch (button.type) {
-        case appui_abstract_1.DialogButtonType.OK:
-            buttonText = translate("dialog.ok");
-            buttonClass = (0, classnames_1.default)(buttonClass, button.buttonStyle);
-            usePrimaryStyleType = true;
-            break;
-        case appui_abstract_1.DialogButtonType.Retry:
-            buttonText = translate("dialog.retry");
-            buttonClass = (0, classnames_1.default)(buttonClass, button.buttonStyle);
-            usePrimaryStyleType = true;
-            break;
-        case appui_abstract_1.DialogButtonType.Yes:
-            buttonText = translate("dialog.yes");
-            buttonClass = (0, classnames_1.default)(buttonClass, button.buttonStyle);
-            usePrimaryStyleType = true;
-            break;
-        case appui_abstract_1.DialogButtonType.No:
-            buttonText = translate("dialog.no");
-            buttonClass = (0, classnames_1.default)(buttonClass, button.buttonStyle);
-            break;
-        case appui_abstract_1.DialogButtonType.Cancel:
-            buttonText = translate("dialog.cancel");
-            buttonClass = (0, classnames_1.default)(buttonClass, button.buttonStyle);
-            break;
-        case appui_abstract_1.DialogButtonType.Close:
-            buttonText = translate("dialog.close");
-            buttonClass = (0, classnames_1.default)(buttonClass, button.buttonStyle);
-            break;
-        case appui_abstract_1.DialogButtonType.Next:
-            buttonText = translate("dialog.next");
-            buttonClass = (0, classnames_1.default)(buttonClass, button.buttonStyle);
-            usePrimaryStyleType = true;
-            break;
-        case appui_abstract_1.DialogButtonType.Previous:
-            buttonText = translate("dialog.previous");
-            buttonClass = (0, classnames_1.default)(buttonClass, button.buttonStyle);
-            usePrimaryStyleType = true;
-            break;
-    }
-    buttonText = button.label || buttonText;
-    return (React.createElement(itwinui_react_1.Button, { className: buttonClass, disabled: button.disabled, styleType: usePrimaryStyleType ? primaryStyleType : undefined, onClick: button.onClick }, buttonText));
-}
-//# sourceMappingURL=Dialog.js.map