@itwin/appui-react 4.0.0-dev.2 → 4.0.0-dev.4

package/lib/esm/appui-react/popup/PositionPopup.js

@@ -1,44 +1,44 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Popup
- */
-import "./PositionPopup.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { Div, Size } from "@itwin/core-react";
-/** Popup component at screen position
- * @beta */
-export class PositionPopup extends React.PureComponent {
-    constructor(props) {
-        super(props);
-    }
-    render() {
-        const { point, className, style, onSizeKnown, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
-        const divStyle = {
-            ...style,
-            top: point.y,
-            left: point.x,
-        };
-        return (React.createElement("div", { ...props, className: classnames("uifw-position-popup", className), style: divStyle, ref: (e) => this.setDivRef(e) }, this.props.children));
-    }
-    setDivRef(div) {
-        // istanbul ignore else
-        if (div) {
-            const rect = div.getBoundingClientRect();
-            const size = new Size(rect.width, rect.height);
-            // istanbul ignore else
-            if (this.props.onSizeKnown)
-                this.props.onSizeKnown(size);
-        }
-    }
-}
-/** PositionPopup content with padding
- * @beta
- */
-export function PositionPopupContent(props) {
-    return React.createElement(Div, { ...props, mainClassName: "uifw-position-popup-content" });
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Popup
+ */
+import "./PositionPopup.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { Div, Size } from "@itwin/core-react";
+/** Popup component at screen position
+ * @beta */
+export class PositionPopup extends React.PureComponent {
+    constructor(props) {
+        super(props);
+    }
+    render() {
+        const { point, className, style, onSizeKnown, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
+        const divStyle = {
+            ...style,
+            top: point.y,
+            left: point.x,
+        };
+        return (React.createElement("div", { ...props, className: classnames("uifw-position-popup", className), style: divStyle, ref: (e) => this.setDivRef(e) }, this.props.children));
+    }
+    setDivRef(div) {
+        // istanbul ignore else
+        if (div) {
+            const rect = div.getBoundingClientRect();
+            const size = new Size(rect.width, rect.height);
+            // istanbul ignore else
+            if (this.props.onSizeKnown)
+                this.props.onSizeKnown(size);
+        }
+    }
+}
+/** PositionPopup content with padding
+ * @beta
+ */
+export function PositionPopupContent(props) {
+    return React.createElement(Div, { ...props, mainClassName: "uifw-position-popup-content" });
+}
 //# sourceMappingURL=PositionPopup.js.map

package/lib/esm/appui-react/popup/PositionPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"PositionPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/PositionPopup.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAA+B,GAAG,EAAE,IAAI,EAAa,MAAM,mBAAmB,CAAC;AAatF;WACW;AACX,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,aAAiC;IAExE,YAAY,KAAyB;QACnC,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAEe,MAAM;QACpB,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;QAE/H,MAAM,QAAQ,GAAwB;YACpC,GAAG,KAAK;YACR,GAAG,EAAE,KAAK,CAAC,CAAC;YACZ,IAAI,EAAE,KAAK,CAAC,CAAC;SACd,CAAC;QAEF,OAAO,CACL,gCAAS,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IACpH,IAAI,CAAC,KAAK,CAAC,QAAQ,CAChB,CACP,CAAC;IACJ,CAAC;IAEO,SAAS,CAAC,GAA0B;QAC1C,uBAAuB;QACvB,IAAI,GAAG,EAAE;YACP,MAAM,IAAI,GAAG,GAAG,CAAC,qBAAqB,EAAE,CAAC;YACzC,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YAE/C,uBAAuB;YACvB,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW;gBACxB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;SAChC;IACH,CAAC;CAEF;AAED;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,KAAqB;IACxD,OAAO,oBAAC,GAAG,OAAK,KAAK,EAAE,aAAa,EAAC,6BAA6B,GAAG,CAAC;AACxE,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 Popup\n */\n\nimport \"./PositionPopup.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { PointProps } from \"@itwin/appui-abstract\";\nimport { CommonDivProps, CommonProps, Div, Size, SizeProps } from \"@itwin/core-react\";\n\n/** Props for popup at screen position\n * @beta */\nexport interface PositionPopupProps extends CommonProps {\n  /** Center point */\n  point: PointProps;\n  /** Function called when size is known. */\n  onSizeKnown?: (size: SizeProps) => void;\n  /** Content */\n  children?: React.ReactNode;\n}\n\n/** Popup component at screen position\n * @beta */\nexport class PositionPopup extends React.PureComponent<PositionPopupProps> {\n\n  constructor(props: PositionPopupProps) {\n    super(props);\n  }\n\n  public override render() {\n    const { point, className, style, onSizeKnown, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\n\n    const divStyle: React.CSSProperties = {\n      ...style,\n      top: point.y,\n      left: point.x,\n    };\n\n    return (\n      <div {...props} className={classnames(\"uifw-position-popup\", className)} style={divStyle} ref={(e) => this.setDivRef(e)}>\n        {this.props.children}\n      </div>\n    );\n  }\n\n  private setDivRef(div: HTMLDivElement | null) {\n    // istanbul ignore else\n    if (div) {\n      const rect = div.getBoundingClientRect();\n      const size = new Size(rect.width, rect.height);\n\n      // istanbul ignore else\n      if (this.props.onSizeKnown)\n        this.props.onSizeKnown(size);\n    }\n  }\n\n}\n\n/** PositionPopup content with padding\n * @beta\n */\nexport function PositionPopupContent(props: CommonDivProps) {\n  return <Div {...props} mainClassName=\"uifw-position-popup-content\" />;\n}\n"]}
+{"version":3,"file":"PositionPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/PositionPopup.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAA+B,GAAG,EAAE,IAAI,EAAa,MAAM,mBAAmB,CAAC;AAWtF;WACW;AACX,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,aAAiC;IAExE,YAAY,KAAyB;QACnC,KAAK,CAAC,KAAK,CAAC,CAAC;IACf,CAAC;IAEe,MAAM;QACpB,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;QAE/H,MAAM,QAAQ,GAAwB;YACpC,GAAG,KAAK;YACR,GAAG,EAAE,KAAK,CAAC,CAAC;YACZ,IAAI,EAAE,KAAK,CAAC,CAAC;SACd,CAAC;QAEF,OAAO,CACL,gCAAS,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IACpH,IAAI,CAAC,KAAK,CAAC,QAAQ,CAChB,CACP,CAAC;IACJ,CAAC;IAEO,SAAS,CAAC,GAA0B;QAC1C,uBAAuB;QACvB,IAAI,GAAG,EAAE;YACP,MAAM,IAAI,GAAG,GAAG,CAAC,qBAAqB,EAAE,CAAC;YACzC,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YAE/C,uBAAuB;YACvB,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW;gBACxB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;SAChC;IACH,CAAC;CAEF;AAED;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,KAAqB;IACxD,OAAO,oBAAC,GAAG,OAAK,KAAK,EAAE,aAAa,EAAC,6BAA6B,GAAG,CAAC;AACxE,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Popup\r\n */\r\n\r\nimport \"./PositionPopup.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { PointProps } from \"@itwin/appui-abstract\";\r\nimport { CommonDivProps, CommonProps, Div, Size, SizeProps } from \"@itwin/core-react\";\r\n\r\n/** Props for popup at screen position\r\n * @beta */\r\nexport interface PositionPopupProps extends CommonProps {\r\n  /** Center point */\r\n  point: PointProps;\r\n  /** Function called when size is known. */\r\n  onSizeKnown?: (size: SizeProps) => void;\r\n}\r\n\r\n/** Popup component at screen position\r\n * @beta */\r\nexport class PositionPopup extends React.PureComponent<PositionPopupProps> {\r\n\r\n  constructor(props: PositionPopupProps) {\r\n    super(props);\r\n  }\r\n\r\n  public override render() {\r\n    const { point, className, style, onSizeKnown, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n\r\n    const divStyle: React.CSSProperties = {\r\n      ...style,\r\n      top: point.y,\r\n      left: point.x,\r\n    };\r\n\r\n    return (\r\n      <div {...props} className={classnames(\"uifw-position-popup\", className)} style={divStyle} ref={(e) => this.setDivRef(e)}>\r\n        {this.props.children}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private setDivRef(div: HTMLDivElement | null) {\r\n    // istanbul ignore else\r\n    if (div) {\r\n      const rect = div.getBoundingClientRect();\r\n      const size = new Size(rect.width, rect.height);\r\n\r\n      // istanbul ignore else\r\n      if (this.props.onSizeKnown)\r\n        this.props.onSizeKnown(size);\r\n    }\r\n  }\r\n\r\n}\r\n\r\n/** PositionPopup content with padding\r\n * @beta\r\n */\r\nexport function PositionPopupContent(props: CommonDivProps) {\r\n  return <Div {...props} mainClassName=\"uifw-position-popup-content\" />;\r\n}\r\n"]}

package/lib/esm/appui-react/popup/PositionPopup.scss

@@ -1,28 +1,28 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../variables";
-
-.uifw-position-popup {
-  border: {
-    color: $uifw-popup-border-color;
-    radius: $uifw-popup-border-radius;
-    style: solid;
-    width: $uifw-popup-border-width;
-  }
-
-  background-color: rgba($buic-background-2-rgb, $uifw-popup-opacity);
-  position: fixed;
-  height: fit-content;
-  width: fit-content;
-
-  .uifw-position-popup-content {
-    padding: $uifw-popup-content-padding;
-  }
-
-  &.uifw-no-border {
-    border-width: 0;
-  }
-
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "../variables";
+
+.uifw-position-popup {
+  border: {
+    color: $uifw-popup-border-color;
+    radius: $uifw-popup-border-radius;
+    style: solid;
+    width: $uifw-popup-border-width;
+  }
+
+  background-color: rgba($buic-background-2-rgb, $uifw-popup-opacity);
+  position: fixed;
+  height: fit-content;
+  width: fit-content;
+
+  .uifw-position-popup-content {
+    padding: $uifw-popup-content-padding;
+  }
+
+  &.uifw-no-border {
+    border-width: 0;
+  }
+
+}

package/lib/esm/appui-react/popup/ToolSettingsPopup.d.ts

@@ -1,34 +1,34 @@
-/** @packageDocumentation
- * @module Popup
- */
-import * as React from "react";
-import { DialogLayoutDataProvider, OnCancelFunc, RelativePosition } from "@itwin/appui-abstract";
-import { Orientation, Size } from "@itwin/core-react";
-import { PopupPropsBase } from "./PopupManager";
-/** Props for defining a popup tool settings component
- * @beta */
-export interface ToolSettingsPopupProps extends PopupPropsBase {
-    dataProvider: DialogLayoutDataProvider;
-    relativePosition: RelativePosition;
-    orientation: Orientation;
-    onCancel: OnCancelFunc;
-}
-/** @internal */
-interface ToolSettingsPopupState {
-    size: Size;
-}
-/** Popup component for Tool Settings
- * @beta
- */
-export declare class ToolSettingsPopup extends React.PureComponent<ToolSettingsPopupProps, ToolSettingsPopupState> {
-    /** @internal */
-    readonly state: {
-        size: Size;
-    };
-    constructor(props: ToolSettingsPopupProps);
-    private _onSizeKnown;
-    private _handleKeyDown;
-    render(): JSX.Element;
-}
-export {};
+/** @packageDocumentation
+ * @module Popup
+ */
+import * as React from "react";
+import { DialogLayoutDataProvider, OnCancelFunc, RelativePosition } from "@itwin/appui-abstract";
+import { Orientation, Size } from "@itwin/core-react";
+import { PopupPropsBase } from "./PopupManager";
+/** Props for defining a popup tool settings component
+ * @beta */
+export interface ToolSettingsPopupProps extends PopupPropsBase {
+    dataProvider: DialogLayoutDataProvider;
+    relativePosition: RelativePosition;
+    orientation: Orientation;
+    onCancel: OnCancelFunc;
+}
+/** @internal */
+interface ToolSettingsPopupState {
+    size: Size;
+}
+/** Popup component for Tool Settings
+ * @beta
+ */
+export declare class ToolSettingsPopup extends React.PureComponent<ToolSettingsPopupProps, ToolSettingsPopupState> {
+    /** @internal */
+    readonly state: {
+        size: Size;
+    };
+    constructor(props: ToolSettingsPopupProps);
+    private _onSizeKnown;
+    private _handleKeyDown;
+    render(): JSX.Element;
+}
+export {};
 //# sourceMappingURL=ToolSettingsPopup.d.ts.map

package/lib/esm/appui-react/popup/ToolSettingsPopup.js

@@ -1,53 +1,53 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Popup
- */
-import * as React from "react";
-import { SpecialKey } from "@itwin/appui-abstract";
-import { DivWithOutsideClick, FocusTrap, Point, Size } from "@itwin/core-react";
-import { CursorPopup } from "../cursor/cursorpopup/CursorPopup";
-import { PopupManager } from "./PopupManager";
-import { PositionPopup, PositionPopupContent } from "./PositionPopup";
-import { ComponentGenerator } from "../uiprovider/ComponentGenerator";
-import { DialogGridContainer } from "../uiprovider/DefaultDialogGridContainer";
-/** Popup component for Tool Settings
- * @beta
- */
-export class ToolSettingsPopup extends React.PureComponent {
-    constructor(props) {
-        super(props);
-        /** @internal */
-        this.state = {
-            size: new Size(-1, -1),
-        };
-        this._onSizeKnown = (newSize) => {
-            // istanbul ignore else
-            if (!this.state.size.equals(newSize))
-                this.setState({ size: Size.create(newSize) });
-        };
-        this._handleKeyDown = (e) => {
-            switch (e.key) {
-                case SpecialKey.Escape:
-                    // istanbul ignore else
-                    if (this.props.onCancel)
-                        this.props.onCancel();
-                    break;
-            }
-        };
-    }
-    render() {
-        const componentGenerator = new ComponentGenerator(this.props.dataProvider);
-        let point = PopupManager.getPopupPosition(this.props.el, this.props.pt, new Point(), this.state.size);
-        const popupRect = CursorPopup.getPopupRect(point, this.props.offset, this.state.size, this.props.relativePosition);
-        point = new Point(popupRect.left, popupRect.top);
-        return (React.createElement(PositionPopup, { key: this.props.id, point: point, onSizeKnown: this._onSizeKnown },
-            React.createElement(DivWithOutsideClick, { onOutsideClick: this.props.onCancel, onKeyDown: this._handleKeyDown },
-                React.createElement(PositionPopupContent, null,
-                    React.createElement(FocusTrap, { active: true, returnFocusOnDeactivate: true }, componentGenerator &&
-                        React.createElement(DialogGridContainer, { componentGenerator: componentGenerator }))))));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Popup
+ */
+import * as React from "react";
+import { SpecialKey } from "@itwin/appui-abstract";
+import { DivWithOutsideClick, FocusTrap, Point, Size } from "@itwin/core-react";
+import { CursorPopup } from "../cursor/cursorpopup/CursorPopup";
+import { PopupManager } from "./PopupManager";
+import { PositionPopup, PositionPopupContent } from "./PositionPopup";
+import { ComponentGenerator } from "../uiprovider/ComponentGenerator";
+import { DialogGridContainer } from "../uiprovider/DefaultDialogGridContainer";
+/** Popup component for Tool Settings
+ * @beta
+ */
+export class ToolSettingsPopup extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        /** @internal */
+        this.state = {
+            size: new Size(-1, -1),
+        };
+        this._onSizeKnown = (newSize) => {
+            // istanbul ignore else
+            if (!this.state.size.equals(newSize))
+                this.setState({ size: Size.create(newSize) });
+        };
+        this._handleKeyDown = (e) => {
+            switch (e.key) {
+                case SpecialKey.Escape:
+                    // istanbul ignore else
+                    if (this.props.onCancel)
+                        this.props.onCancel();
+                    break;
+            }
+        };
+    }
+    render() {
+        const componentGenerator = new ComponentGenerator(this.props.dataProvider);
+        let point = PopupManager.getPopupPosition(this.props.el, this.props.pt, new Point(), this.state.size);
+        const popupRect = CursorPopup.getPopupRect(point, this.props.offset, this.state.size, this.props.relativePosition);
+        point = new Point(popupRect.left, popupRect.top);
+        return (React.createElement(PositionPopup, { key: this.props.id, point: point, onSizeKnown: this._onSizeKnown },
+            React.createElement(DivWithOutsideClick, { onOutsideClick: this.props.onCancel, onKeyDown: this._handleKeyDown },
+                React.createElement(PositionPopupContent, null,
+                    React.createElement(FocusTrap, { active: true, returnFocusOnDeactivate: true }, componentGenerator &&
+                        React.createElement(DialogGridContainer, { componentGenerator: componentGenerator }))))));
+    }
+}
 //# sourceMappingURL=ToolSettingsPopup.js.map

package/lib/esm/appui-react/popup/ToolSettingsPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolSettingsPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/ToolSettingsPopup.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA4D,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7G,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAe,KAAK,EAAE,IAAI,EAAa,MAAM,mBAAmB,CAAC;AACxG,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,YAAY,EAAkB,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAgB/E;;GAEG;AACH,MAAM,OAAO,iBAAkB,SAAQ,KAAK,CAAC,aAA6D;IAOxG,YAAY,KAA6B;QACvC,KAAK,CAAC,KAAK,CAAC,CAAC;QANf,gBAAgB;QACS,UAAK,GAAG;YAC/B,IAAI,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;SACvB,CAAC;QAMM,iBAAY,GAAG,CAAC,OAAkB,EAAE,EAAE;YAC5C,uBAAuB;YACvB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;gBAClC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAClD,CAAC,CAAC;QAEM,mBAAc,GAAG,CAAC,CAAsB,EAAE,EAAE;YAClD,QAAQ,CAAC,CAAC,GAAG,EAAE;gBACb,KAAK,UAAU,CAAC,MAAM;oBACpB,uBAAuB;oBACvB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ;wBACrB,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;oBACxB,MAAM;aACT;QACH,CAAC,CAAC;IAhBF,CAAC;IAkBe,MAAM;QACpB,MAAM,kBAAkB,GAAG,IAAI,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC3E,IAAI,KAAK,GAAG,YAAY,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,KAAK,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACtG,MAAM,SAAS,GAAG,WAAW,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;QACnH,KAAK,GAAG,IAAI,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;QAEjD,OAAO,CACL,oBAAC,aAAa,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAC/B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,CAAC,YAAY;YAE9B,oBAAC,mBAAmB,IAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,cAAc;gBACtF,oBAAC,oBAAoB;oBACnB,oBAAC,SAAS,IAAC,MAAM,EAAE,IAAI,EAAE,uBAAuB,EAAE,IAAI,IACnD,kBAAkB;wBACjB,oBAAC,mBAAmB,IAAC,kBAAkB,EAAE,kBAAkB,GAAI,CAEvD,CACS,CACH,CACR,CACjB,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Popup\n */\n\nimport * as React from \"react\";\nimport { DialogLayoutDataProvider, OnCancelFunc, RelativePosition, SpecialKey } from \"@itwin/appui-abstract\";\nimport { DivWithOutsideClick, FocusTrap, Orientation, Point, Size, SizeProps } from \"@itwin/core-react\";\nimport { CursorPopup } from \"../cursor/cursorpopup/CursorPopup\";\nimport { PopupManager, PopupPropsBase } from \"./PopupManager\";\nimport { PositionPopup, PositionPopupContent } from \"./PositionPopup\";\nimport { ComponentGenerator } from \"../uiprovider/ComponentGenerator\";\nimport { DialogGridContainer } from \"../uiprovider/DefaultDialogGridContainer\";\n\n/** Props for defining a popup tool settings component\n * @beta */\nexport interface ToolSettingsPopupProps extends PopupPropsBase {\n  dataProvider: DialogLayoutDataProvider;\n  relativePosition: RelativePosition;\n  orientation: Orientation;\n  onCancel: OnCancelFunc;\n}\n\n/** @internal */\ninterface ToolSettingsPopupState {\n  size: Size;\n}\n\n/** Popup component for Tool Settings\n * @beta\n */\nexport class ToolSettingsPopup extends React.PureComponent<ToolSettingsPopupProps, ToolSettingsPopupState> {\n\n  /** @internal */\n  public override readonly state = {\n    size: new Size(-1, -1),\n  };\n\n  constructor(props: ToolSettingsPopupProps) {\n    super(props);\n  }\n\n  private _onSizeKnown = (newSize: SizeProps) => {\n    // istanbul ignore else\n    if (!this.state.size.equals(newSize))\n      this.setState({ size: Size.create(newSize) });\n  };\n\n  private _handleKeyDown = (e: React.KeyboardEvent) => {\n    switch (e.key) {\n      case SpecialKey.Escape:\n        // istanbul ignore else\n        if (this.props.onCancel)\n          this.props.onCancel();\n        break;\n    }\n  };\n\n  public override render() {\n    const componentGenerator = new ComponentGenerator(this.props.dataProvider);\n    let point = PopupManager.getPopupPosition(this.props.el, this.props.pt, new Point(), this.state.size);\n    const popupRect = CursorPopup.getPopupRect(point, this.props.offset, this.state.size, this.props.relativePosition);\n    point = new Point(popupRect.left, popupRect.top);\n\n    return (\n      <PositionPopup key={this.props.id}\n        point={point}\n        onSizeKnown={this._onSizeKnown}\n      >\n        <DivWithOutsideClick onOutsideClick={this.props.onCancel} onKeyDown={this._handleKeyDown}>\n          <PositionPopupContent>\n            <FocusTrap active={true} returnFocusOnDeactivate={true}>\n              {componentGenerator &&\n                <DialogGridContainer componentGenerator={componentGenerator} />\n              }\n            </FocusTrap>\n          </PositionPopupContent>\n        </DivWithOutsideClick>\n      </PositionPopup>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ToolSettingsPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/ToolSettingsPopup.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA4D,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC7G,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAe,KAAK,EAAE,IAAI,EAAa,MAAM,mBAAmB,CAAC;AACxG,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,YAAY,EAAkB,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAgB/E;;GAEG;AACH,MAAM,OAAO,iBAAkB,SAAQ,KAAK,CAAC,aAA6D;IAOxG,YAAY,KAA6B;QACvC,KAAK,CAAC,KAAK,CAAC,CAAC;QANf,gBAAgB;QACS,UAAK,GAAG;YAC/B,IAAI,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;SACvB,CAAC;QAMM,iBAAY,GAAG,CAAC,OAAkB,EAAE,EAAE;YAC5C,uBAAuB;YACvB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;gBAClC,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAClD,CAAC,CAAC;QAEM,mBAAc,GAAG,CAAC,CAAsB,EAAE,EAAE;YAClD,QAAQ,CAAC,CAAC,GAAG,EAAE;gBACb,KAAK,UAAU,CAAC,MAAM;oBACpB,uBAAuB;oBACvB,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ;wBACrB,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;oBACxB,MAAM;aACT;QACH,CAAC,CAAC;IAhBF,CAAC;IAkBe,MAAM;QACpB,MAAM,kBAAkB,GAAG,IAAI,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC3E,IAAI,KAAK,GAAG,YAAY,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,KAAK,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACtG,MAAM,SAAS,GAAG,WAAW,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;QACnH,KAAK,GAAG,IAAI,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;QAEjD,OAAO,CACL,oBAAC,aAAa,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAC/B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,CAAC,YAAY;YAE9B,oBAAC,mBAAmB,IAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,cAAc;gBACtF,oBAAC,oBAAoB;oBACnB,oBAAC,SAAS,IAAC,MAAM,EAAE,IAAI,EAAE,uBAAuB,EAAE,IAAI,IACnD,kBAAkB;wBACjB,oBAAC,mBAAmB,IAAC,kBAAkB,EAAE,kBAAkB,GAAI,CAEvD,CACS,CACH,CACR,CACjB,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Popup\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { DialogLayoutDataProvider, OnCancelFunc, RelativePosition, SpecialKey } from \"@itwin/appui-abstract\";\r\nimport { DivWithOutsideClick, FocusTrap, Orientation, Point, Size, SizeProps } from \"@itwin/core-react\";\r\nimport { CursorPopup } from \"../cursor/cursorpopup/CursorPopup\";\r\nimport { PopupManager, PopupPropsBase } from \"./PopupManager\";\r\nimport { PositionPopup, PositionPopupContent } from \"./PositionPopup\";\r\nimport { ComponentGenerator } from \"../uiprovider/ComponentGenerator\";\r\nimport { DialogGridContainer } from \"../uiprovider/DefaultDialogGridContainer\";\r\n\r\n/** Props for defining a popup tool settings component\r\n * @beta */\r\nexport interface ToolSettingsPopupProps extends PopupPropsBase {\r\n  dataProvider: DialogLayoutDataProvider;\r\n  relativePosition: RelativePosition;\r\n  orientation: Orientation;\r\n  onCancel: OnCancelFunc;\r\n}\r\n\r\n/** @internal */\r\ninterface ToolSettingsPopupState {\r\n  size: Size;\r\n}\r\n\r\n/** Popup component for Tool Settings\r\n * @beta\r\n */\r\nexport class ToolSettingsPopup extends React.PureComponent<ToolSettingsPopupProps, ToolSettingsPopupState> {\r\n\r\n  /** @internal */\r\n  public override readonly state = {\r\n    size: new Size(-1, -1),\r\n  };\r\n\r\n  constructor(props: ToolSettingsPopupProps) {\r\n    super(props);\r\n  }\r\n\r\n  private _onSizeKnown = (newSize: SizeProps) => {\r\n    // istanbul ignore else\r\n    if (!this.state.size.equals(newSize))\r\n      this.setState({ size: Size.create(newSize) });\r\n  };\r\n\r\n  private _handleKeyDown = (e: React.KeyboardEvent) => {\r\n    switch (e.key) {\r\n      case SpecialKey.Escape:\r\n        // istanbul ignore else\r\n        if (this.props.onCancel)\r\n          this.props.onCancel();\r\n        break;\r\n    }\r\n  };\r\n\r\n  public override render() {\r\n    const componentGenerator = new ComponentGenerator(this.props.dataProvider);\r\n    let point = PopupManager.getPopupPosition(this.props.el, this.props.pt, new Point(), this.state.size);\r\n    const popupRect = CursorPopup.getPopupRect(point, this.props.offset, this.state.size, this.props.relativePosition);\r\n    point = new Point(popupRect.left, popupRect.top);\r\n\r\n    return (\r\n      <PositionPopup key={this.props.id}\r\n        point={point}\r\n        onSizeKnown={this._onSizeKnown}\r\n      >\r\n        <DivWithOutsideClick onOutsideClick={this.props.onCancel} onKeyDown={this._handleKeyDown}>\r\n          <PositionPopupContent>\r\n            <FocusTrap active={true} returnFocusOnDeactivate={true}>\r\n              {componentGenerator &&\r\n                <DialogGridContainer componentGenerator={componentGenerator} />\r\n              }\r\n            </FocusTrap>\r\n          </PositionPopupContent>\r\n        </DivWithOutsideClick>\r\n      </PositionPopup>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/esm/appui-react/popup/ToolbarPopup.d.ts

@@ -1,35 +1,35 @@
-/** @packageDocumentation
- * @module Popup
- */
-import * as React from "react";
-import { CommonToolbarItem, OnCancelFunc, OnItemExecutedFunc, RelativePosition } from "@itwin/appui-abstract";
-import { Orientation, Size } from "@itwin/core-react";
-import { PopupPropsBase } from "./PopupManager";
-/** Props for a popup toolbar
- * @beta */
-export interface ToolbarPopupProps extends PopupPropsBase {
-    items: CommonToolbarItem[];
-    relativePosition: RelativePosition;
-    orientation: Orientation;
-    onCancel: OnCancelFunc;
-    onItemExecuted: OnItemExecutedFunc;
-}
-/** @internal */
-interface ToolbarPopupState {
-    size: Size;
-}
-/** Popup component for Toolbar
- * @beta
- */
-export declare class ToolbarPopup extends React.PureComponent<ToolbarPopupProps, ToolbarPopupState> {
-    /** @internal */
-    readonly state: {
-        size: Size;
-    };
-    private _onSizeKnown;
-    private _handleKeyDown;
-    private _cancel;
-    render(): JSX.Element;
-}
-export {};
+/** @packageDocumentation
+ * @module Popup
+ */
+import * as React from "react";
+import { CommonToolbarItem, OnCancelFunc, OnItemExecutedFunc, RelativePosition } from "@itwin/appui-abstract";
+import { Orientation, Size } from "@itwin/core-react";
+import { PopupPropsBase } from "./PopupManager";
+/** Props for a popup toolbar
+ * @beta */
+export interface ToolbarPopupProps extends PopupPropsBase {
+    items: CommonToolbarItem[];
+    relativePosition: RelativePosition;
+    orientation: Orientation;
+    onCancel: OnCancelFunc;
+    onItemExecuted: OnItemExecutedFunc;
+}
+/** @internal */
+interface ToolbarPopupState {
+    size: Size;
+}
+/** Popup component for Toolbar
+ * @beta
+ */
+export declare class ToolbarPopup extends React.PureComponent<ToolbarPopupProps, ToolbarPopupState> {
+    /** @internal */
+    readonly state: {
+        size: Size;
+    };
+    private _onSizeKnown;
+    private _handleKeyDown;
+    private _cancel;
+    render(): JSX.Element;
+}
+export {};
 //# sourceMappingURL=ToolbarPopup.d.ts.map

package/lib/esm/appui-react/popup/ToolbarPopup.js

@@ -1,54 +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 Popup
- */
-import * as React from "react";
-import { SpecialKey } from "@itwin/appui-abstract";
-import { DivWithOutsideClick, FocusTrap, Point, Size } from "@itwin/core-react";
-import { Direction, Toolbar, ToolbarOpacitySetting, ToolbarPanelAlignment } from "@itwin/components-react";
-import { CursorPopup } from "../cursor/cursorpopup/CursorPopup";
-import { PopupManager } from "./PopupManager";
-import { PositionPopup } from "./PositionPopup";
-/** Popup component for Toolbar
- * @beta
- */
-export class ToolbarPopup extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        /** @internal */
-        this.state = {
-            size: new Size(-1, -1),
-        };
-        this._onSizeKnown = (newSize) => {
-            // istanbul ignore else
-            if (!this.state.size.equals(newSize))
-                this.setState({ size: Size.create(newSize) });
-        };
-        this._handleKeyDown = (event) => {
-            switch (event.key) {
-                case SpecialKey.Escape:
-                    this._cancel();
-                    break;
-            }
-        };
-    }
-    _cancel() {
-        // istanbul ignore else
-        if (this.props.onCancel) {
-            this.props.onCancel();
-        }
-    }
-    render() {
-        let point = PopupManager.getPopupPosition(this.props.el, this.props.pt, new Point(), this.state.size);
-        const popupRect = CursorPopup.getPopupRect(point, this.props.offset, this.state.size, this.props.relativePosition);
-        point = new Point(popupRect.left, popupRect.top);
-        return (React.createElement(PositionPopup, { key: this.props.id, className: "uifw-no-border", point: point, onSizeKnown: this._onSizeKnown },
-            React.createElement(DivWithOutsideClick, { onOutsideClick: this.props.onCancel, onKeyDown: this._handleKeyDown },
-                React.createElement(FocusTrap, { active: true, returnFocusOnDeactivate: true },
-                    React.createElement(Toolbar, { expandsTo: Direction.Bottom, panelAlignment: ToolbarPanelAlignment.Start, items: this.props.items, useDragInteraction: true, toolbarOpacitySetting: ToolbarOpacitySetting.Defaults, onItemExecuted: this.props.onItemExecuted })))));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Popup
+ */
+import * as React from "react";
+import { SpecialKey } from "@itwin/appui-abstract";
+import { DivWithOutsideClick, FocusTrap, Point, Size } from "@itwin/core-react";
+import { Direction, Toolbar, ToolbarOpacitySetting, ToolbarPanelAlignment } from "@itwin/components-react";
+import { CursorPopup } from "../cursor/cursorpopup/CursorPopup";
+import { PopupManager } from "./PopupManager";
+import { PositionPopup } from "./PositionPopup";
+/** Popup component for Toolbar
+ * @beta
+ */
+export class ToolbarPopup extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        /** @internal */
+        this.state = {
+            size: new Size(-1, -1),
+        };
+        this._onSizeKnown = (newSize) => {
+            // istanbul ignore else
+            if (!this.state.size.equals(newSize))
+                this.setState({ size: Size.create(newSize) });
+        };
+        this._handleKeyDown = (event) => {
+            switch (event.key) {
+                case SpecialKey.Escape:
+                    this._cancel();
+                    break;
+            }
+        };
+    }
+    _cancel() {
+        // istanbul ignore else
+        if (this.props.onCancel) {
+            this.props.onCancel();
+        }
+    }
+    render() {
+        let point = PopupManager.getPopupPosition(this.props.el, this.props.pt, new Point(), this.state.size);
+        const popupRect = CursorPopup.getPopupRect(point, this.props.offset, this.state.size, this.props.relativePosition);
+        point = new Point(popupRect.left, popupRect.top);
+        return (React.createElement(PositionPopup, { key: this.props.id, className: "uifw-no-border", point: point, onSizeKnown: this._onSizeKnown },
+            React.createElement(DivWithOutsideClick, { onOutsideClick: this.props.onCancel, onKeyDown: this._handleKeyDown },
+                React.createElement(FocusTrap, { active: true, returnFocusOnDeactivate: true },
+                    React.createElement(Toolbar, { expandsTo: Direction.Bottom, panelAlignment: ToolbarPanelAlignment.Start, items: this.props.items, useDragInteraction: true, toolbarOpacitySetting: ToolbarOpacitySetting.Defaults, onItemExecuted: this.props.onItemExecuted })))));
+    }
+}
 //# sourceMappingURL=ToolbarPopup.js.map

package/lib/esm/appui-react/popup/ToolbarPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/ToolbarPopup.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Popup\n */\n\nimport * as React from \"react\";\nimport { CommonToolbarItem, OnCancelFunc, OnItemExecutedFunc, RelativePosition, SpecialKey } from \"@itwin/appui-abstract\";\nimport { DivWithOutsideClick, FocusTrap, Orientation, Point, Size, SizeProps } from \"@itwin/core-react\";\nimport { Direction, Toolbar, ToolbarOpacitySetting, ToolbarPanelAlignment } from \"@itwin/components-react\";\nimport { CursorPopup } from \"../cursor/cursorpopup/CursorPopup\";\nimport { PopupManager, PopupPropsBase } from \"./PopupManager\";\nimport { PositionPopup } from \"./PositionPopup\";\n\n/** Props for a popup toolbar\n * @beta */\nexport interface ToolbarPopupProps extends PopupPropsBase {\n  items: CommonToolbarItem[];\n  relativePosition: RelativePosition;\n  orientation: Orientation;\n  onCancel: OnCancelFunc;\n  onItemExecuted: OnItemExecutedFunc;\n}\n\n/** @internal */\ninterface ToolbarPopupState {\n  size: Size;\n}\n\n/** Popup component for Toolbar\n * @beta\n */\nexport class ToolbarPopup extends React.PureComponent<ToolbarPopupProps, ToolbarPopupState> {\n  /** @internal */\n  public override readonly state = {\n    size: new Size(-1, -1),\n  };\n\n  private _onSizeKnown = (newSize: SizeProps) => {\n    // istanbul ignore else\n    if (!this.state.size.equals(newSize))\n      this.setState({ size: Size.create(newSize) });\n  };\n\n  private _handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\n    switch (event.key) {\n      case SpecialKey.Escape:\n        this._cancel();\n        break;\n    }\n  };\n\n  private _cancel() {\n    // istanbul ignore else\n    if (this.props.onCancel) {\n      this.props.onCancel();\n    }\n  }\n\n  public override render() {\n    let point = PopupManager.getPopupPosition(this.props.el, this.props.pt, new Point(), this.state.size);\n    const popupRect = CursorPopup.getPopupRect(point, this.props.offset, this.state.size, this.props.relativePosition);\n    point = new Point(popupRect.left, popupRect.top);\n\n    return (\n      <PositionPopup key={this.props.id}\n        className=\"uifw-no-border\"\n        point={point}\n        onSizeKnown={this._onSizeKnown}\n      >\n        <DivWithOutsideClick onOutsideClick={this.props.onCancel} onKeyDown={this._handleKeyDown}>\n          <FocusTrap active={true} returnFocusOnDeactivate={true}>\n            <Toolbar\n              expandsTo={Direction.Bottom}\n              panelAlignment={ToolbarPanelAlignment.Start}\n              items={this.props.items}\n              useDragInteraction={true}\n              toolbarOpacitySetting={ToolbarOpacitySetting.Defaults}\n              onItemExecuted={this.props.onItemExecuted}\n            />\n          </FocusTrap>\n        </DivWithOutsideClick>\n      </PositionPopup>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ToolbarPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/ToolbarPopup.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Popup\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { CommonToolbarItem, OnCancelFunc, OnItemExecutedFunc, RelativePosition, SpecialKey } from \"@itwin/appui-abstract\";\r\nimport { DivWithOutsideClick, FocusTrap, Orientation, Point, Size, SizeProps } from \"@itwin/core-react\";\r\nimport { Direction, Toolbar, ToolbarOpacitySetting, ToolbarPanelAlignment } from \"@itwin/components-react\";\r\nimport { CursorPopup } from \"../cursor/cursorpopup/CursorPopup\";\r\nimport { PopupManager, PopupPropsBase } from \"./PopupManager\";\r\nimport { PositionPopup } from \"./PositionPopup\";\r\n\r\n/** Props for a popup toolbar\r\n * @beta */\r\nexport interface ToolbarPopupProps extends PopupPropsBase {\r\n  items: CommonToolbarItem[];\r\n  relativePosition: RelativePosition;\r\n  orientation: Orientation;\r\n  onCancel: OnCancelFunc;\r\n  onItemExecuted: OnItemExecutedFunc;\r\n}\r\n\r\n/** @internal */\r\ninterface ToolbarPopupState {\r\n  size: Size;\r\n}\r\n\r\n/** Popup component for Toolbar\r\n * @beta\r\n */\r\nexport class ToolbarPopup extends React.PureComponent<ToolbarPopupProps, ToolbarPopupState> {\r\n  /** @internal */\r\n  public override readonly state = {\r\n    size: new Size(-1, -1),\r\n  };\r\n\r\n  private _onSizeKnown = (newSize: SizeProps) => {\r\n    // istanbul ignore else\r\n    if (!this.state.size.equals(newSize))\r\n      this.setState({ size: Size.create(newSize) });\r\n  };\r\n\r\n  private _handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>): void => {\r\n    switch (event.key) {\r\n      case SpecialKey.Escape:\r\n        this._cancel();\r\n        break;\r\n    }\r\n  };\r\n\r\n  private _cancel() {\r\n    // istanbul ignore else\r\n    if (this.props.onCancel) {\r\n      this.props.onCancel();\r\n    }\r\n  }\r\n\r\n  public override render() {\r\n    let point = PopupManager.getPopupPosition(this.props.el, this.props.pt, new Point(), this.state.size);\r\n    const popupRect = CursorPopup.getPopupRect(point, this.props.offset, this.state.size, this.props.relativePosition);\r\n    point = new Point(popupRect.left, popupRect.top);\r\n\r\n    return (\r\n      <PositionPopup key={this.props.id}\r\n        className=\"uifw-no-border\"\r\n        point={point}\r\n        onSizeKnown={this._onSizeKnown}\r\n      >\r\n        <DivWithOutsideClick onOutsideClick={this.props.onCancel} onKeyDown={this._handleKeyDown}>\r\n          <FocusTrap active={true} returnFocusOnDeactivate={true}>\r\n            <Toolbar\r\n              expandsTo={Direction.Bottom}\r\n              panelAlignment={ToolbarPanelAlignment.Start}\r\n              items={this.props.items}\r\n              useDragInteraction={true}\r\n              toolbarOpacitySetting={ToolbarOpacitySetting.Defaults}\r\n              onItemExecuted={this.props.onItemExecuted}\r\n            />\r\n          </FocusTrap>\r\n        </DivWithOutsideClick>\r\n      </PositionPopup>\r\n    );\r\n  }\r\n}\r\n"]}