@itwin/appui-react 3.5.0-dev.14 → 3.5.0-dev.18

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

@@ -1,226 +1,226 @@
-/*---------------------------------------------------------------------------------------------
-* 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 { Logger } from "@itwin/core-bentley";
-import { PropertyRecord, PropertyValueFormat, UiEvent, } from "@itwin/appui-abstract";
-import { Orientation, Rectangle } from "@itwin/core-react";
-import { offsetAndContainInContainer } from "@itwin/appui-layout-react";
-import { UiFramework } from "../UiFramework";
-import { CardPopup } from "./CardPopup";
-import { HTMLElementPopup } from "./HTMLElementPopup";
-import { InputEditorCommitHandler, InputEditorPopup } from "./InputEditorPopup";
-import { KeyinPalettePopup } from "./KeyinPalettePopup";
-import { ToolbarPopup } from "./ToolbarPopup";
-import { ToolSettingsPopup } from "./ToolSettingsPopup";
-/** Popups Changed Event class.
- * @public
- */
-export class PopupsChangedEvent extends UiEvent {
-}
-/** ReactContent type guard.
- * @internal
- */
-export const isReactContent = (content) => {
-    return content.reactNode !== undefined;
-};
-/** Popup Manager class
- * @public
- */
-export class PopupManager {
-    static get popupCount() { return this._popups.length; }
-    static get popups() { return this._popups; }
-    static set popups(popups) {
-        // istanbul ignore if
-        if (this._popups === popups)
-            return;
-        this._popups = popups;
-        this.onPopupsChangedEvent.emit({ popups });
-    }
-    /** @internal */
-    static clearPopups() {
-        this.popups = [];
-    }
-    static addPopup(popupInfo) {
-        const popups = [
-            ...PopupManager._popups,
-            popupInfo,
-        ];
-        this.popups = popups;
-    }
-    static updatePopup(popupInfo, itemIndex) {
-        // istanbul ignore if
-        if (itemIndex < 0)
-            return;
-        const popups = [
-            ...PopupManager._popups.slice(0, itemIndex),
-            popupInfo,
-            ...PopupManager._popups.slice(itemIndex + 1),
-        ];
-        this.popups = popups;
-    }
-    static addOrUpdatePopup(popupInfo) {
-        const itemIndex = PopupManager._popups.findIndex((info) => info.id === popupInfo.id);
-        if (itemIndex >= 0)
-            PopupManager.updatePopup(popupInfo, itemIndex);
-        else
-            PopupManager.addPopup(popupInfo);
-    }
-    static removePopup(id) {
-        const index = PopupManager._popups.findIndex((info) => id === info.id);
-        let result = true;
-        if (index >= 0) {
-            const popups = PopupManager._popups.filter((info) => {
-                return info.id !== id;
-            });
-            this.popups = popups;
-        }
-        else {
-            Logger.logError(UiFramework.loggerCategory(this), `removePopup: Could not find popup with id of '${id}'`);
-            result = false;
-        }
-        return result;
-    }
-    static get defaultOffset() { return PopupManager._defaultOffset; }
-    static set defaultOffset(offset) { PopupManager._defaultOffset = offset; }
-    static showInputEditor(el, pt, value, propertyDescription, onCommit, onCancel) {
-        const primitiveValue = {
-            value,
-            valueFormat: PropertyValueFormat.Primitive,
-        };
-        const record = new PropertyRecord(primitiveValue, propertyDescription);
-        const commitHandler = new InputEditorCommitHandler(onCommit);
-        const id = PopupManager._editorId;
-        const component = (React.createElement(InputEditorPopup, { id: id, el: el, pt: pt, offset: PopupManager.defaultOffset, record: record, onCancel: onCancel, commitHandler: commitHandler }));
-        const popupInfo = {
-            id, pt, component, parentDocument: el.ownerDocument,
-        };
-        PopupManager.addOrUpdatePopup(popupInfo);
-        return true;
-    }
-    static hideInputEditor() {
-        return PopupManager.removePopup(PopupManager._editorId);
-    }
-    static showKeyinPalette(keyins, el, onItemExecuted, onCancel) {
-        const id = PopupManager._keyPalettePopupId;
-        const component = (React.createElement(KeyinPalettePopup, { keyins: keyins, id: id, el: el, onCancel: onCancel, onItemExecuted: onItemExecuted }));
-        // since the command palette popup is always at top center of specified HTML element and it does not need to move like
-        // cursor popups just set pt to 0,0.
-        const pt = { x: 0, y: 0 };
-        const popupInfo = {
-            id, pt, component, parentDocument: el.ownerDocument,
-        };
-        PopupManager.addOrUpdatePopup(popupInfo);
-        return true;
-    }
-    static hideKeyinPalette() {
-        return PopupManager.removePopup(PopupManager._keyPalettePopupId);
-    }
-    static showToolbar(toolbarProps, el, pt, offset, onItemExecuted, onCancel, relativePosition) {
-        const id = PopupManager._toolbarId;
-        const component = (React.createElement(ToolbarPopup, { id: id, el: el, pt: pt, offset: offset, items: toolbarProps.items, relativePosition: relativePosition, orientation: Orientation.Horizontal, onCancel: onCancel, onItemExecuted: onItemExecuted }));
-        const popupInfo = {
-            id, pt, component, parentDocument: el.ownerDocument,
-        };
-        PopupManager.addOrUpdatePopup(popupInfo);
-        return true;
-    }
-    static hideToolbar() {
-        return PopupManager.removePopup(PopupManager._toolbarId);
-    }
-    static showHTMLElement(displayElement, el, pt, offset, onCancel, relativePosition) {
-        const id = PopupManager._htmlElementId;
-        const component = (React.createElement(HTMLElementPopup, { id: id, el: el, pt: pt, offset: offset, element: displayElement, relativePosition: relativePosition, orientation: Orientation.Horizontal, onCancel: onCancel }));
-        const popupInfo = {
-            id, pt, component, parentDocument: el.ownerDocument,
-        };
-        PopupManager.addOrUpdatePopup(popupInfo);
-        return true;
-    }
-    static hideHTMLElement() {
-        return PopupManager.removePopup(PopupManager._htmlElementId);
-    }
-    static showCard(content, title, toolbarProps, el, pt, offset, onItemExecuted, onCancel, relativePosition) {
-        const id = PopupManager._cardId;
-        const component = (React.createElement(CardPopup, { id: id, el: el, pt: pt, offset: offset, content: content, title: title, items: toolbarProps ? toolbarProps.items : /* istanbul ignore next */ undefined, relativePosition: relativePosition, orientation: Orientation.Horizontal, onCancel: onCancel, onItemExecuted: onItemExecuted }));
-        const popupInfo = {
-            id, pt, component, parentDocument: el.ownerDocument,
-        };
-        PopupManager.addOrUpdatePopup(popupInfo);
-        return true;
-    }
-    static hideCard() {
-        const index = PopupManager._popups.findIndex((info) => PopupManager._cardId === info.id);
-        if (index >= 0)
-            return PopupManager.removePopup(PopupManager._cardId);
-        return false;
-    }
-    static openToolSettings(dataProvider, el, pt, offset, onCancel, relativePosition) {
-        const id = PopupManager._toolSettingsId;
-        const component = (React.createElement(ToolSettingsPopup, { id: id, el: el, pt: pt, offset: offset, dataProvider: dataProvider, relativePosition: relativePosition, orientation: Orientation.Horizontal, onCancel: onCancel }));
-        const popupInfo = {
-            id, pt, component, parentDocument: el.ownerDocument,
-        };
-        PopupManager.addOrUpdatePopup(popupInfo);
-        return true;
-    }
-    static closeToolSettings() {
-        return PopupManager.removePopup(PopupManager._toolSettingsId);
-    }
-    static getPopupPosition(el, pt, offset, size) {
-        const containerBounds = Rectangle.create(el.getBoundingClientRect());
-        const relativeBounds = Rectangle.createFromSize(size).offset(pt);
-        const adjustedPosition = offsetAndContainInContainer(relativeBounds, containerBounds.getSize(), offset);
-        const position = adjustedPosition.offset(containerBounds.topLeft());
-        return position;
-    }
-}
-PopupManager._popups = [];
-PopupManager._editorId = "InputEditor";
-PopupManager._toolbarId = "Toolbar";
-PopupManager._htmlElementId = "HTMLElement";
-PopupManager._cardId = "Card";
-PopupManager._toolSettingsId = "ToolSettings";
-PopupManager._keyPalettePopupId = "KeyinPalette";
-PopupManager._defaultOffset = { x: 8, y: 8 };
-PopupManager.onPopupsChangedEvent = new PopupsChangedEvent();
-/**  Popup Renderer
- * @public
- */
-export class PopupRenderer extends React.Component {
-    constructor() {
-        super(...arguments);
-        /** @internal */
-        this.state = {
-            parentDocument: null,
-            popups: PopupManager.popups,
-        };
-        this._handleRefSet = (popupDiv) => {
-            var _a;
-            this.setState({ parentDocument: (_a = popupDiv === null || popupDiv === void 0 ? void 0 : popupDiv.ownerDocument) !== null && _a !== void 0 ? _a : null });
-        };
-        this._handlePopupsChangedEvent = (args) => {
-            this.setState({ popups: args.popups });
-        };
-    }
-    componentDidMount() {
-        PopupManager.onPopupsChangedEvent.addListener(this._handlePopupsChangedEvent);
-    }
-    componentWillUnmount() {
-        PopupManager.onPopupsChangedEvent.removeListener(this._handlePopupsChangedEvent);
-    }
-    render() {
-        if (PopupManager.popupCount <= 0)
-            return null;
-        return (React.createElement("div", { className: "appui-react-popup-render-container", ref: this._handleRefSet }, this.state.parentDocument &&
-            this.state.popups.filter((info) => info.parentDocument === this.state.parentDocument)
-                .map((popupInfo) => {
-                return (React.createElement(React.Fragment, { key: popupInfo.id }, popupInfo.component));
-            })));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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 { Logger } from "@itwin/core-bentley";
+import { PropertyRecord, PropertyValueFormat, UiEvent, } from "@itwin/appui-abstract";
+import { Orientation, Rectangle } from "@itwin/core-react";
+import { offsetAndContainInContainer } from "@itwin/appui-layout-react";
+import { UiFramework } from "../UiFramework";
+import { CardPopup } from "./CardPopup";
+import { HTMLElementPopup } from "./HTMLElementPopup";
+import { InputEditorCommitHandler, InputEditorPopup } from "./InputEditorPopup";
+import { KeyinPalettePopup } from "./KeyinPalettePopup";
+import { ToolbarPopup } from "./ToolbarPopup";
+import { ToolSettingsPopup } from "./ToolSettingsPopup";
+/** Popups Changed Event class.
+ * @public
+ */
+export class PopupsChangedEvent extends UiEvent {
+}
+/** ReactContent type guard.
+ * @internal
+ */
+export const isReactContent = (content) => {
+    return content.reactNode !== undefined;
+};
+/** Popup Manager class
+ * @public
+ */
+export class PopupManager {
+    static get popupCount() { return this._popups.length; }
+    static get popups() { return this._popups; }
+    static set popups(popups) {
+        // istanbul ignore if
+        if (this._popups === popups)
+            return;
+        this._popups = popups;
+        this.onPopupsChangedEvent.emit({ popups });
+    }
+    /** @internal */
+    static clearPopups() {
+        this.popups = [];
+    }
+    static addPopup(popupInfo) {
+        const popups = [
+            ...PopupManager._popups,
+            popupInfo,
+        ];
+        this.popups = popups;
+    }
+    static updatePopup(popupInfo, itemIndex) {
+        // istanbul ignore if
+        if (itemIndex < 0)
+            return;
+        const popups = [
+            ...PopupManager._popups.slice(0, itemIndex),
+            popupInfo,
+            ...PopupManager._popups.slice(itemIndex + 1),
+        ];
+        this.popups = popups;
+    }
+    static addOrUpdatePopup(popupInfo) {
+        const itemIndex = PopupManager._popups.findIndex((info) => info.id === popupInfo.id);
+        if (itemIndex >= 0)
+            PopupManager.updatePopup(popupInfo, itemIndex);
+        else
+            PopupManager.addPopup(popupInfo);
+    }
+    static removePopup(id) {
+        const index = PopupManager._popups.findIndex((info) => id === info.id);
+        let result = true;
+        if (index >= 0) {
+            const popups = PopupManager._popups.filter((info) => {
+                return info.id !== id;
+            });
+            this.popups = popups;
+        }
+        else {
+            Logger.logError(UiFramework.loggerCategory(this), `removePopup: Could not find popup with id of '${id}'`);
+            result = false;
+        }
+        return result;
+    }
+    static get defaultOffset() { return PopupManager._defaultOffset; }
+    static set defaultOffset(offset) { PopupManager._defaultOffset = offset; }
+    static showInputEditor(el, pt, value, propertyDescription, onCommit, onCancel) {
+        const primitiveValue = {
+            value,
+            valueFormat: PropertyValueFormat.Primitive,
+        };
+        const record = new PropertyRecord(primitiveValue, propertyDescription);
+        const commitHandler = new InputEditorCommitHandler(onCommit);
+        const id = PopupManager._editorId;
+        const component = (React.createElement(InputEditorPopup, { id: id, el: el, pt: pt, offset: PopupManager.defaultOffset, record: record, onCancel: onCancel, commitHandler: commitHandler }));
+        const popupInfo = {
+            id, pt, component, parentDocument: el.ownerDocument,
+        };
+        PopupManager.addOrUpdatePopup(popupInfo);
+        return true;
+    }
+    static hideInputEditor() {
+        return PopupManager.removePopup(PopupManager._editorId);
+    }
+    static showKeyinPalette(keyins, el, onItemExecuted, onCancel) {
+        const id = PopupManager._keyPalettePopupId;
+        const component = (React.createElement(KeyinPalettePopup, { keyins: keyins, id: id, el: el, onCancel: onCancel, onItemExecuted: onItemExecuted }));
+        // since the command palette popup is always at top center of specified HTML element and it does not need to move like
+        // cursor popups just set pt to 0,0.
+        const pt = { x: 0, y: 0 };
+        const popupInfo = {
+            id, pt, component, parentDocument: el.ownerDocument,
+        };
+        PopupManager.addOrUpdatePopup(popupInfo);
+        return true;
+    }
+    static hideKeyinPalette() {
+        return PopupManager.removePopup(PopupManager._keyPalettePopupId);
+    }
+    static showToolbar(toolbarProps, el, pt, offset, onItemExecuted, onCancel, relativePosition) {
+        const id = PopupManager._toolbarId;
+        const component = (React.createElement(ToolbarPopup, { id: id, el: el, pt: pt, offset: offset, items: toolbarProps.items, relativePosition: relativePosition, orientation: Orientation.Horizontal, onCancel: onCancel, onItemExecuted: onItemExecuted }));
+        const popupInfo = {
+            id, pt, component, parentDocument: el.ownerDocument,
+        };
+        PopupManager.addOrUpdatePopup(popupInfo);
+        return true;
+    }
+    static hideToolbar() {
+        return PopupManager.removePopup(PopupManager._toolbarId);
+    }
+    static showHTMLElement(displayElement, el, pt, offset, onCancel, relativePosition) {
+        const id = PopupManager._htmlElementId;
+        const component = (React.createElement(HTMLElementPopup, { id: id, el: el, pt: pt, offset: offset, element: displayElement, relativePosition: relativePosition, orientation: Orientation.Horizontal, onCancel: onCancel }));
+        const popupInfo = {
+            id, pt, component, parentDocument: el.ownerDocument,
+        };
+        PopupManager.addOrUpdatePopup(popupInfo);
+        return true;
+    }
+    static hideHTMLElement() {
+        return PopupManager.removePopup(PopupManager._htmlElementId);
+    }
+    static showCard(content, title, toolbarProps, el, pt, offset, onItemExecuted, onCancel, relativePosition) {
+        const id = PopupManager._cardId;
+        const component = (React.createElement(CardPopup, { id: id, el: el, pt: pt, offset: offset, content: content, title: title, items: toolbarProps ? toolbarProps.items : /* istanbul ignore next */ undefined, relativePosition: relativePosition, orientation: Orientation.Horizontal, onCancel: onCancel, onItemExecuted: onItemExecuted }));
+        const popupInfo = {
+            id, pt, component, parentDocument: el.ownerDocument,
+        };
+        PopupManager.addOrUpdatePopup(popupInfo);
+        return true;
+    }
+    static hideCard() {
+        const index = PopupManager._popups.findIndex((info) => PopupManager._cardId === info.id);
+        if (index >= 0)
+            return PopupManager.removePopup(PopupManager._cardId);
+        return false;
+    }
+    static openToolSettings(dataProvider, el, pt, offset, onCancel, relativePosition) {
+        const id = PopupManager._toolSettingsId;
+        const component = (React.createElement(ToolSettingsPopup, { id: id, el: el, pt: pt, offset: offset, dataProvider: dataProvider, relativePosition: relativePosition, orientation: Orientation.Horizontal, onCancel: onCancel }));
+        const popupInfo = {
+            id, pt, component, parentDocument: el.ownerDocument,
+        };
+        PopupManager.addOrUpdatePopup(popupInfo);
+        return true;
+    }
+    static closeToolSettings() {
+        return PopupManager.removePopup(PopupManager._toolSettingsId);
+    }
+    static getPopupPosition(el, pt, offset, size) {
+        const containerBounds = Rectangle.create(el.getBoundingClientRect());
+        const relativeBounds = Rectangle.createFromSize(size).offset(pt);
+        const adjustedPosition = offsetAndContainInContainer(relativeBounds, containerBounds.getSize(), offset);
+        const position = adjustedPosition.offset(containerBounds.topLeft());
+        return position;
+    }
+}
+PopupManager._popups = [];
+PopupManager._editorId = "InputEditor";
+PopupManager._toolbarId = "Toolbar";
+PopupManager._htmlElementId = "HTMLElement";
+PopupManager._cardId = "Card";
+PopupManager._toolSettingsId = "ToolSettings";
+PopupManager._keyPalettePopupId = "KeyinPalette";
+PopupManager._defaultOffset = { x: 8, y: 8 };
+PopupManager.onPopupsChangedEvent = new PopupsChangedEvent();
+/**  Popup Renderer
+ * @public
+ */
+export class PopupRenderer extends React.Component {
+    constructor() {
+        super(...arguments);
+        /** @internal */
+        this.state = {
+            parentDocument: null,
+            popups: PopupManager.popups,
+        };
+        this._handleRefSet = (popupDiv) => {
+            var _a;
+            this.setState({ parentDocument: (_a = popupDiv === null || popupDiv === void 0 ? void 0 : popupDiv.ownerDocument) !== null && _a !== void 0 ? _a : null });
+        };
+        this._handlePopupsChangedEvent = (args) => {
+            this.setState({ popups: args.popups });
+        };
+    }
+    componentDidMount() {
+        PopupManager.onPopupsChangedEvent.addListener(this._handlePopupsChangedEvent);
+    }
+    componentWillUnmount() {
+        PopupManager.onPopupsChangedEvent.removeListener(this._handlePopupsChangedEvent);
+    }
+    render() {
+        if (PopupManager.popupCount <= 0)
+            return null;
+        return (React.createElement("div", { className: "appui-react-popup-render-container", ref: this._handleRefSet }, this.state.parentDocument &&
+            this.state.popups.filter((info) => info.parentDocument === this.state.parentDocument)
+                .map((popupInfo) => {
+                return (React.createElement(React.Fragment, { key: popupInfo.id }, popupInfo.component));
+            })));
+    }
+}
 //# sourceMappingURL=PopupManager.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PopupManager.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/PopupManager.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 { Logger } from \"@itwin/core-bentley\";\nimport { XAndY } from \"@itwin/core-geometry\";\nimport {\n  AbstractToolbarProps, DialogLayoutDataProvider, OnCancelFunc, OnItemExecutedFunc, OnValueCommitFunc, Primitives, PrimitiveValue,\n  PropertyDescription, PropertyRecord, PropertyValueFormat, RelativePosition, UiEvent,\n} from \"@itwin/appui-abstract\";\nimport { Orientation, Point, Rectangle, SizeProps } from \"@itwin/core-react\";\nimport { offsetAndContainInContainer } from \"@itwin/appui-layout-react\";\nimport { KeyinEntry } from \"../uiadmin/FrameworkUiAdmin\";\nimport { UiFramework } from \"../UiFramework\";\nimport { CardPopup } from \"./CardPopup\";\nimport { HTMLElementPopup } from \"./HTMLElementPopup\";\nimport { InputEditorCommitHandler, InputEditorPopup } from \"./InputEditorPopup\";\nimport { KeyinPalettePopup } from \"./KeyinPalettePopup\";\nimport { ToolbarPopup } from \"./ToolbarPopup\";\nimport { ToolSettingsPopup } from \"./ToolSettingsPopup\";\n\n// cSpell:ignore uiadmin\n\n/** Information maintained by PopupManager about a Popup\n * @public\n */\nexport interface PopupInfo {\n  id: string;\n  pt: XAndY;\n  component: React.ReactNode;\n  parentDocument: Document;\n}\n\n/** @public */\nexport interface PopupsChangedEventArgs {\n  popups: ReadonlyArray<PopupInfo>;\n}\n\n/** Popups Changed Event class.\n * @public\n */\nexport class PopupsChangedEvent extends UiEvent<PopupsChangedEventArgs> { }\n\n/** Props for each popup managed by the PopupManager\n * @public\n */\nexport interface PopupPropsBase {\n  id: string;\n  el: HTMLElement;\n  pt: XAndY;\n  offset: XAndY;\n}\n\n/** Describes React based content\n * @public\n */\nexport interface ReactContent {\n  reactNode: React.ReactNode;\n}\n\n/** Type for Popup Content\n * @public\n */\nexport type PopupContentType = HTMLElement | ReactContent;\n\n/** ReactContent type guard.\n * @internal\n */\nexport const isReactContent = (content: PopupContentType): content is ReactContent => {\n  return (content as ReactContent).reactNode !== undefined;\n};\n\n/** Popup Manager class\n * @public\n */\nexport class PopupManager {\n  private static _popups: ReadonlyArray<PopupInfo> = [];\n  private static _editorId = \"InputEditor\";\n  private static _toolbarId = \"Toolbar\";\n  private static _htmlElementId = \"HTMLElement\";\n  private static _cardId = \"Card\";\n  private static _toolSettingsId = \"ToolSettings\";\n  private static _keyPalettePopupId = \"KeyinPalette\";\n\n  private static _defaultOffset = { x: 8, y: 8 };\n\n  public static readonly onPopupsChangedEvent = new PopupsChangedEvent();\n\n  public static get popupCount() { return this._popups.length; }\n  public static get popups() { return this._popups; }\n\n  public static set popups(popups: ReadonlyArray<PopupInfo>) {\n    // istanbul ignore if\n    if (this._popups === popups)\n      return;\n    this._popups = popups;\n    this.onPopupsChangedEvent.emit({ popups });\n  }\n\n  /** @internal */\n  public static clearPopups() {\n    this.popups = [];\n  }\n\n  private static addPopup(popupInfo: PopupInfo): void {\n    const popups = [\n      ...PopupManager._popups,\n      popupInfo,\n    ];\n    this.popups = popups;\n  }\n\n  private static updatePopup(popupInfo: PopupInfo, itemIndex: number): void {\n    // istanbul ignore if\n    if (itemIndex < 0)\n      return;\n\n    const popups = [\n      ...PopupManager._popups.slice(0, itemIndex),\n      popupInfo,\n      ...PopupManager._popups.slice(itemIndex + 1),\n    ];\n    this.popups = popups;\n  }\n\n  public static addOrUpdatePopup(popupInfo: PopupInfo): void {\n    const itemIndex = PopupManager._popups.findIndex((info: PopupInfo) => info.id === popupInfo.id);\n    if (itemIndex >= 0)\n      PopupManager.updatePopup(popupInfo, itemIndex);\n    else\n      PopupManager.addPopup(popupInfo);\n  }\n\n  public static removePopup(id: string): boolean {\n    const index = PopupManager._popups.findIndex((info: PopupInfo) => id === info.id);\n    let result = true;\n\n    if (index >= 0) {\n      const popups = PopupManager._popups.filter((info: PopupInfo) => {\n        return info.id !== id;\n      });\n      this.popups = popups;\n    } else {\n      Logger.logError(UiFramework.loggerCategory(this), `removePopup: Could not find popup with id of '${id}'`);\n      result = false;\n    }\n\n    return result;\n  }\n\n  public static get defaultOffset(): XAndY { return PopupManager._defaultOffset; }\n  public static set defaultOffset(offset: XAndY) { PopupManager._defaultOffset = offset; }\n\n  public static showInputEditor(el: HTMLElement, pt: XAndY, value: Primitives.Value, propertyDescription: PropertyDescription, onCommit: OnValueCommitFunc, onCancel: OnCancelFunc): boolean {\n    const primitiveValue: PrimitiveValue = {\n      value,\n      valueFormat: PropertyValueFormat.Primitive,\n    };\n    const record = new PropertyRecord(primitiveValue, propertyDescription);\n    const commitHandler = new InputEditorCommitHandler(onCommit);\n    const id = PopupManager._editorId;\n    const component = (\n      <InputEditorPopup id={id} el={el} pt={pt} offset={PopupManager.defaultOffset}\n        record={record} onCancel={onCancel} commitHandler={commitHandler} />\n    );\n\n    const popupInfo: PopupInfo = {\n      id, pt, component, parentDocument: el.ownerDocument,\n    };\n    PopupManager.addOrUpdatePopup(popupInfo);\n\n    return true;\n  }\n\n  public static hideInputEditor(): boolean {\n    return PopupManager.removePopup(PopupManager._editorId);\n  }\n\n  public static showKeyinPalette(\n    keyins: KeyinEntry[], el: HTMLElement, onItemExecuted?: OnItemExecutedFunc, onCancel?: OnCancelFunc,\n  ): boolean {\n\n    const id = PopupManager._keyPalettePopupId;\n    const component = (\n      <KeyinPalettePopup keyins={keyins}\n        id={id} el={el} onCancel={onCancel} onItemExecuted={onItemExecuted} />\n    );\n\n    // since the command palette popup is always at top center of specified HTML element and it does not need to move like\n    // cursor popups just set pt to 0,0.\n    const pt = { x: 0, y: 0 };\n    const popupInfo: PopupInfo = {\n      id, pt, component, parentDocument: el.ownerDocument,\n    };\n    PopupManager.addOrUpdatePopup(popupInfo);\n\n    return true;\n  }\n\n  public static hideKeyinPalette(): boolean {\n    return PopupManager.removePopup(PopupManager._keyPalettePopupId);\n  }\n\n  public static showToolbar(\n    toolbarProps: AbstractToolbarProps, el: HTMLElement, pt: XAndY, offset: XAndY,\n    onItemExecuted: OnItemExecutedFunc, onCancel: OnCancelFunc, relativePosition: RelativePosition,\n  ): boolean {\n\n    const id = PopupManager._toolbarId;\n    const component = (\n      <ToolbarPopup id={id} el={el} pt={pt} offset={offset}\n        items={toolbarProps.items} relativePosition={relativePosition} orientation={Orientation.Horizontal} onCancel={onCancel} onItemExecuted={onItemExecuted} />\n    );\n\n    const popupInfo: PopupInfo = {\n      id, pt, component, parentDocument: el.ownerDocument,\n    };\n    PopupManager.addOrUpdatePopup(popupInfo);\n\n    return true;\n  }\n\n  public static hideToolbar(): boolean {\n    return PopupManager.removePopup(PopupManager._toolbarId);\n  }\n\n  public static showHTMLElement(\n    displayElement: HTMLElement, el: HTMLElement, pt: XAndY, offset: XAndY,\n    onCancel: OnCancelFunc, relativePosition: RelativePosition,\n  ): boolean {\n\n    const id = PopupManager._htmlElementId;\n    const component = (\n      <HTMLElementPopup id={id} el={el} pt={pt} offset={offset}\n        element={displayElement} relativePosition={relativePosition} orientation={Orientation.Horizontal} onCancel={onCancel} />\n    );\n\n    const popupInfo: PopupInfo = {\n      id, pt, component, parentDocument: el.ownerDocument,\n    };\n    PopupManager.addOrUpdatePopup(popupInfo);\n\n    return true;\n  }\n\n  public static hideHTMLElement(): boolean {\n    return PopupManager.removePopup(PopupManager._htmlElementId);\n  }\n\n  public static showCard(\n    content: PopupContentType, title: string | PropertyRecord | undefined, toolbarProps: AbstractToolbarProps | undefined,\n    el: HTMLElement, pt: XAndY, offset: XAndY,\n    onItemExecuted: OnItemExecutedFunc, onCancel: OnCancelFunc, relativePosition: RelativePosition,\n  ): boolean {\n\n    const id = PopupManager._cardId;\n    const component = (\n      <CardPopup id={id} el={el} pt={pt} offset={offset}\n        content={content} title={title} items={toolbarProps ? toolbarProps.items : /* istanbul ignore next */ undefined}\n        relativePosition={relativePosition} orientation={Orientation.Horizontal} onCancel={onCancel} onItemExecuted={onItemExecuted} />\n    );\n\n    const popupInfo: PopupInfo = {\n      id, pt, component, parentDocument: el.ownerDocument,\n    };\n    PopupManager.addOrUpdatePopup(popupInfo);\n\n    return true;\n  }\n\n  public static hideCard(): boolean {\n    const index = PopupManager._popups.findIndex((info: PopupInfo) => PopupManager._cardId === info.id);\n    if (index >= 0)\n      return PopupManager.removePopup(PopupManager._cardId);\n    return false;\n  }\n\n  public static openToolSettings(\n    dataProvider: DialogLayoutDataProvider, el: HTMLElement, pt: XAndY, offset: XAndY, onCancel: OnCancelFunc, relativePosition: RelativePosition,\n  ): boolean {\n\n    const id = PopupManager._toolSettingsId;\n    const component = (\n      <ToolSettingsPopup id={id} el={el} pt={pt} offset={offset}\n        dataProvider={dataProvider} relativePosition={relativePosition} orientation={Orientation.Horizontal} onCancel={onCancel} />\n    );\n\n    const popupInfo: PopupInfo = {\n      id, pt, component, parentDocument: el.ownerDocument,\n    };\n    PopupManager.addOrUpdatePopup(popupInfo);\n\n    return true;\n  }\n\n  public static closeToolSettings(): boolean {\n    return PopupManager.removePopup(PopupManager._toolSettingsId);\n  }\n\n  public static getPopupPosition(el: HTMLElement, pt: XAndY, offset: XAndY, size: SizeProps): Point {\n    const containerBounds = Rectangle.create(el.getBoundingClientRect());\n    const relativeBounds = Rectangle.createFromSize(size).offset(pt);\n    const adjustedPosition: Point = offsetAndContainInContainer(relativeBounds, containerBounds.getSize(), offset);\n    const position = adjustedPosition.offset(containerBounds.topLeft());\n\n    return position;\n  }\n\n}\n\n/** @internal */\ninterface PopupRendererState {\n  parentDocument: Document | null;\n  popups: ReadonlyArray<PopupInfo>;\n}\n\n/**  Popup Renderer\n * @public\n */\nexport class PopupRenderer extends React.Component<{}, PopupRendererState> {\n  /** @internal */\n  public override readonly state: PopupRendererState = {\n    parentDocument: null,\n    popups: PopupManager.popups,\n  };\n\n  public override componentDidMount(): void {\n    PopupManager.onPopupsChangedEvent.addListener(this._handlePopupsChangedEvent);\n  }\n\n  public override componentWillUnmount(): void {\n    PopupManager.onPopupsChangedEvent.removeListener(this._handlePopupsChangedEvent);\n  }\n\n  private _handleRefSet = (popupDiv: HTMLElement | null) => {\n    this.setState({ parentDocument: popupDiv?.ownerDocument ?? null });\n  };\n\n  public override render(): React.ReactNode {\n    if (PopupManager.popupCount <= 0)\n      return null;\n\n    return (\n      <div className=\"appui-react-popup-render-container\" ref={this._handleRefSet}>\n        {this.state.parentDocument &&\n          this.state.popups.filter((info) => info.parentDocument === this.state.parentDocument)\n            .map((popupInfo: PopupInfo) => {\n              return (\n                <React.Fragment key={popupInfo.id}>\n                  {popupInfo.component}\n                </React.Fragment>\n              );\n            })\n        }\n      </div>\n    );\n  }\n\n  private _handlePopupsChangedEvent = (args: PopupsChangedEventArgs) => {\n    this.setState({ popups: args.popups });\n  };\n\n}\n"]}
+{"version":3,"file":"PopupManager.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/PopupManager.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 { Logger } from \"@itwin/core-bentley\";\r\nimport { XAndY } from \"@itwin/core-geometry\";\r\nimport {\r\n  AbstractToolbarProps, DialogLayoutDataProvider, OnCancelFunc, OnItemExecutedFunc, OnValueCommitFunc, Primitives, PrimitiveValue,\r\n  PropertyDescription, PropertyRecord, PropertyValueFormat, RelativePosition, UiEvent,\r\n} from \"@itwin/appui-abstract\";\r\nimport { Orientation, Point, Rectangle, SizeProps } from \"@itwin/core-react\";\r\nimport { offsetAndContainInContainer } from \"@itwin/appui-layout-react\";\r\nimport { KeyinEntry } from \"../uiadmin/FrameworkUiAdmin\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { CardPopup } from \"./CardPopup\";\r\nimport { HTMLElementPopup } from \"./HTMLElementPopup\";\r\nimport { InputEditorCommitHandler, InputEditorPopup } from \"./InputEditorPopup\";\r\nimport { KeyinPalettePopup } from \"./KeyinPalettePopup\";\r\nimport { ToolbarPopup } from \"./ToolbarPopup\";\r\nimport { ToolSettingsPopup } from \"./ToolSettingsPopup\";\r\n\r\n// cSpell:ignore uiadmin\r\n\r\n/** Information maintained by PopupManager about a Popup\r\n * @public\r\n */\r\nexport interface PopupInfo {\r\n  id: string;\r\n  pt: XAndY;\r\n  component: React.ReactNode;\r\n  parentDocument: Document;\r\n}\r\n\r\n/** @public */\r\nexport interface PopupsChangedEventArgs {\r\n  popups: ReadonlyArray<PopupInfo>;\r\n}\r\n\r\n/** Popups Changed Event class.\r\n * @public\r\n */\r\nexport class PopupsChangedEvent extends UiEvent<PopupsChangedEventArgs> { }\r\n\r\n/** Props for each popup managed by the PopupManager\r\n * @public\r\n */\r\nexport interface PopupPropsBase {\r\n  id: string;\r\n  el: HTMLElement;\r\n  pt: XAndY;\r\n  offset: XAndY;\r\n}\r\n\r\n/** Describes React based content\r\n * @public\r\n */\r\nexport interface ReactContent {\r\n  reactNode: React.ReactNode;\r\n}\r\n\r\n/** Type for Popup Content\r\n * @public\r\n */\r\nexport type PopupContentType = HTMLElement | ReactContent;\r\n\r\n/** ReactContent type guard.\r\n * @internal\r\n */\r\nexport const isReactContent = (content: PopupContentType): content is ReactContent => {\r\n  return (content as ReactContent).reactNode !== undefined;\r\n};\r\n\r\n/** Popup Manager class\r\n * @public\r\n */\r\nexport class PopupManager {\r\n  private static _popups: ReadonlyArray<PopupInfo> = [];\r\n  private static _editorId = \"InputEditor\";\r\n  private static _toolbarId = \"Toolbar\";\r\n  private static _htmlElementId = \"HTMLElement\";\r\n  private static _cardId = \"Card\";\r\n  private static _toolSettingsId = \"ToolSettings\";\r\n  private static _keyPalettePopupId = \"KeyinPalette\";\r\n\r\n  private static _defaultOffset = { x: 8, y: 8 };\r\n\r\n  public static readonly onPopupsChangedEvent = new PopupsChangedEvent();\r\n\r\n  public static get popupCount() { return this._popups.length; }\r\n  public static get popups() { return this._popups; }\r\n\r\n  public static set popups(popups: ReadonlyArray<PopupInfo>) {\r\n    // istanbul ignore if\r\n    if (this._popups === popups)\r\n      return;\r\n    this._popups = popups;\r\n    this.onPopupsChangedEvent.emit({ popups });\r\n  }\r\n\r\n  /** @internal */\r\n  public static clearPopups() {\r\n    this.popups = [];\r\n  }\r\n\r\n  private static addPopup(popupInfo: PopupInfo): void {\r\n    const popups = [\r\n      ...PopupManager._popups,\r\n      popupInfo,\r\n    ];\r\n    this.popups = popups;\r\n  }\r\n\r\n  private static updatePopup(popupInfo: PopupInfo, itemIndex: number): void {\r\n    // istanbul ignore if\r\n    if (itemIndex < 0)\r\n      return;\r\n\r\n    const popups = [\r\n      ...PopupManager._popups.slice(0, itemIndex),\r\n      popupInfo,\r\n      ...PopupManager._popups.slice(itemIndex + 1),\r\n    ];\r\n    this.popups = popups;\r\n  }\r\n\r\n  public static addOrUpdatePopup(popupInfo: PopupInfo): void {\r\n    const itemIndex = PopupManager._popups.findIndex((info: PopupInfo) => info.id === popupInfo.id);\r\n    if (itemIndex >= 0)\r\n      PopupManager.updatePopup(popupInfo, itemIndex);\r\n    else\r\n      PopupManager.addPopup(popupInfo);\r\n  }\r\n\r\n  public static removePopup(id: string): boolean {\r\n    const index = PopupManager._popups.findIndex((info: PopupInfo) => id === info.id);\r\n    let result = true;\r\n\r\n    if (index >= 0) {\r\n      const popups = PopupManager._popups.filter((info: PopupInfo) => {\r\n        return info.id !== id;\r\n      });\r\n      this.popups = popups;\r\n    } else {\r\n      Logger.logError(UiFramework.loggerCategory(this), `removePopup: Could not find popup with id of '${id}'`);\r\n      result = false;\r\n    }\r\n\r\n    return result;\r\n  }\r\n\r\n  public static get defaultOffset(): XAndY { return PopupManager._defaultOffset; }\r\n  public static set defaultOffset(offset: XAndY) { PopupManager._defaultOffset = offset; }\r\n\r\n  public static showInputEditor(el: HTMLElement, pt: XAndY, value: Primitives.Value, propertyDescription: PropertyDescription, onCommit: OnValueCommitFunc, onCancel: OnCancelFunc): boolean {\r\n    const primitiveValue: PrimitiveValue = {\r\n      value,\r\n      valueFormat: PropertyValueFormat.Primitive,\r\n    };\r\n    const record = new PropertyRecord(primitiveValue, propertyDescription);\r\n    const commitHandler = new InputEditorCommitHandler(onCommit);\r\n    const id = PopupManager._editorId;\r\n    const component = (\r\n      <InputEditorPopup id={id} el={el} pt={pt} offset={PopupManager.defaultOffset}\r\n        record={record} onCancel={onCancel} commitHandler={commitHandler} />\r\n    );\r\n\r\n    const popupInfo: PopupInfo = {\r\n      id, pt, component, parentDocument: el.ownerDocument,\r\n    };\r\n    PopupManager.addOrUpdatePopup(popupInfo);\r\n\r\n    return true;\r\n  }\r\n\r\n  public static hideInputEditor(): boolean {\r\n    return PopupManager.removePopup(PopupManager._editorId);\r\n  }\r\n\r\n  public static showKeyinPalette(\r\n    keyins: KeyinEntry[], el: HTMLElement, onItemExecuted?: OnItemExecutedFunc, onCancel?: OnCancelFunc,\r\n  ): boolean {\r\n\r\n    const id = PopupManager._keyPalettePopupId;\r\n    const component = (\r\n      <KeyinPalettePopup keyins={keyins}\r\n        id={id} el={el} onCancel={onCancel} onItemExecuted={onItemExecuted} />\r\n    );\r\n\r\n    // since the command palette popup is always at top center of specified HTML element and it does not need to move like\r\n    // cursor popups just set pt to 0,0.\r\n    const pt = { x: 0, y: 0 };\r\n    const popupInfo: PopupInfo = {\r\n      id, pt, component, parentDocument: el.ownerDocument,\r\n    };\r\n    PopupManager.addOrUpdatePopup(popupInfo);\r\n\r\n    return true;\r\n  }\r\n\r\n  public static hideKeyinPalette(): boolean {\r\n    return PopupManager.removePopup(PopupManager._keyPalettePopupId);\r\n  }\r\n\r\n  public static showToolbar(\r\n    toolbarProps: AbstractToolbarProps, el: HTMLElement, pt: XAndY, offset: XAndY,\r\n    onItemExecuted: OnItemExecutedFunc, onCancel: OnCancelFunc, relativePosition: RelativePosition,\r\n  ): boolean {\r\n\r\n    const id = PopupManager._toolbarId;\r\n    const component = (\r\n      <ToolbarPopup id={id} el={el} pt={pt} offset={offset}\r\n        items={toolbarProps.items} relativePosition={relativePosition} orientation={Orientation.Horizontal} onCancel={onCancel} onItemExecuted={onItemExecuted} />\r\n    );\r\n\r\n    const popupInfo: PopupInfo = {\r\n      id, pt, component, parentDocument: el.ownerDocument,\r\n    };\r\n    PopupManager.addOrUpdatePopup(popupInfo);\r\n\r\n    return true;\r\n  }\r\n\r\n  public static hideToolbar(): boolean {\r\n    return PopupManager.removePopup(PopupManager._toolbarId);\r\n  }\r\n\r\n  public static showHTMLElement(\r\n    displayElement: HTMLElement, el: HTMLElement, pt: XAndY, offset: XAndY,\r\n    onCancel: OnCancelFunc, relativePosition: RelativePosition,\r\n  ): boolean {\r\n\r\n    const id = PopupManager._htmlElementId;\r\n    const component = (\r\n      <HTMLElementPopup id={id} el={el} pt={pt} offset={offset}\r\n        element={displayElement} relativePosition={relativePosition} orientation={Orientation.Horizontal} onCancel={onCancel} />\r\n    );\r\n\r\n    const popupInfo: PopupInfo = {\r\n      id, pt, component, parentDocument: el.ownerDocument,\r\n    };\r\n    PopupManager.addOrUpdatePopup(popupInfo);\r\n\r\n    return true;\r\n  }\r\n\r\n  public static hideHTMLElement(): boolean {\r\n    return PopupManager.removePopup(PopupManager._htmlElementId);\r\n  }\r\n\r\n  public static showCard(\r\n    content: PopupContentType, title: string | PropertyRecord | undefined, toolbarProps: AbstractToolbarProps | undefined,\r\n    el: HTMLElement, pt: XAndY, offset: XAndY,\r\n    onItemExecuted: OnItemExecutedFunc, onCancel: OnCancelFunc, relativePosition: RelativePosition,\r\n  ): boolean {\r\n\r\n    const id = PopupManager._cardId;\r\n    const component = (\r\n      <CardPopup id={id} el={el} pt={pt} offset={offset}\r\n        content={content} title={title} items={toolbarProps ? toolbarProps.items : /* istanbul ignore next */ undefined}\r\n        relativePosition={relativePosition} orientation={Orientation.Horizontal} onCancel={onCancel} onItemExecuted={onItemExecuted} />\r\n    );\r\n\r\n    const popupInfo: PopupInfo = {\r\n      id, pt, component, parentDocument: el.ownerDocument,\r\n    };\r\n    PopupManager.addOrUpdatePopup(popupInfo);\r\n\r\n    return true;\r\n  }\r\n\r\n  public static hideCard(): boolean {\r\n    const index = PopupManager._popups.findIndex((info: PopupInfo) => PopupManager._cardId === info.id);\r\n    if (index >= 0)\r\n      return PopupManager.removePopup(PopupManager._cardId);\r\n    return false;\r\n  }\r\n\r\n  public static openToolSettings(\r\n    dataProvider: DialogLayoutDataProvider, el: HTMLElement, pt: XAndY, offset: XAndY, onCancel: OnCancelFunc, relativePosition: RelativePosition,\r\n  ): boolean {\r\n\r\n    const id = PopupManager._toolSettingsId;\r\n    const component = (\r\n      <ToolSettingsPopup id={id} el={el} pt={pt} offset={offset}\r\n        dataProvider={dataProvider} relativePosition={relativePosition} orientation={Orientation.Horizontal} onCancel={onCancel} />\r\n    );\r\n\r\n    const popupInfo: PopupInfo = {\r\n      id, pt, component, parentDocument: el.ownerDocument,\r\n    };\r\n    PopupManager.addOrUpdatePopup(popupInfo);\r\n\r\n    return true;\r\n  }\r\n\r\n  public static closeToolSettings(): boolean {\r\n    return PopupManager.removePopup(PopupManager._toolSettingsId);\r\n  }\r\n\r\n  public static getPopupPosition(el: HTMLElement, pt: XAndY, offset: XAndY, size: SizeProps): Point {\r\n    const containerBounds = Rectangle.create(el.getBoundingClientRect());\r\n    const relativeBounds = Rectangle.createFromSize(size).offset(pt);\r\n    const adjustedPosition: Point = offsetAndContainInContainer(relativeBounds, containerBounds.getSize(), offset);\r\n    const position = adjustedPosition.offset(containerBounds.topLeft());\r\n\r\n    return position;\r\n  }\r\n\r\n}\r\n\r\n/** @internal */\r\ninterface PopupRendererState {\r\n  parentDocument: Document | null;\r\n  popups: ReadonlyArray<PopupInfo>;\r\n}\r\n\r\n/**  Popup Renderer\r\n * @public\r\n */\r\nexport class PopupRenderer extends React.Component<{}, PopupRendererState> {\r\n  /** @internal */\r\n  public override readonly state: PopupRendererState = {\r\n    parentDocument: null,\r\n    popups: PopupManager.popups,\r\n  };\r\n\r\n  public override componentDidMount(): void {\r\n    PopupManager.onPopupsChangedEvent.addListener(this._handlePopupsChangedEvent);\r\n  }\r\n\r\n  public override componentWillUnmount(): void {\r\n    PopupManager.onPopupsChangedEvent.removeListener(this._handlePopupsChangedEvent);\r\n  }\r\n\r\n  private _handleRefSet = (popupDiv: HTMLElement | null) => {\r\n    this.setState({ parentDocument: popupDiv?.ownerDocument ?? null });\r\n  };\r\n\r\n  public override render(): React.ReactNode {\r\n    if (PopupManager.popupCount <= 0)\r\n      return null;\r\n\r\n    return (\r\n      <div className=\"appui-react-popup-render-container\" ref={this._handleRefSet}>\r\n        {this.state.parentDocument &&\r\n          this.state.popups.filter((info) => info.parentDocument === this.state.parentDocument)\r\n            .map((popupInfo: PopupInfo) => {\r\n              return (\r\n                <React.Fragment key={popupInfo.id}>\r\n                  {popupInfo.component}\r\n                </React.Fragment>\r\n              );\r\n            })\r\n        }\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private _handlePopupsChangedEvent = (args: PopupsChangedEventArgs) => {\r\n    this.setState({ popups: args.popups });\r\n  };\r\n\r\n}\r\n"]}

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

@@ -1,27 +1,27 @@
-/** @packageDocumentation
- * @module Popup
- */
-import "./PositionPopup.scss";
-import * as React from "react";
-import { PointProps } from "@itwin/appui-abstract";
-import { CommonDivProps, CommonProps, SizeProps } from "@itwin/core-react";
-/** Props for popup at screen position
- * @beta */
-export interface PositionPopupProps extends CommonProps {
-    /** Center point */
-    point: PointProps;
-    /** Function called when size is known. */
-    onSizeKnown?: (size: SizeProps) => void;
-}
-/** Popup component at screen position
- * @beta */
-export declare class PositionPopup extends React.PureComponent<PositionPopupProps> {
-    constructor(props: PositionPopupProps);
-    render(): JSX.Element;
-    private setDivRef;
-}
-/** PositionPopup content with padding
- * @beta
- */
-export declare function PositionPopupContent(props: CommonDivProps): JSX.Element;
+/** @packageDocumentation
+ * @module Popup
+ */
+import "./PositionPopup.scss";
+import * as React from "react";
+import { PointProps } from "@itwin/appui-abstract";
+import { CommonDivProps, CommonProps, SizeProps } from "@itwin/core-react";
+/** Props for popup at screen position
+ * @beta */
+export interface PositionPopupProps extends CommonProps {
+    /** Center point */
+    point: PointProps;
+    /** Function called when size is known. */
+    onSizeKnown?: (size: SizeProps) => void;
+}
+/** Popup component at screen position
+ * @beta */
+export declare class PositionPopup extends React.PureComponent<PositionPopupProps> {
+    constructor(props: PositionPopupProps);
+    render(): JSX.Element;
+    private setDivRef;
+}
+/** PositionPopup content with padding
+ * @beta
+ */
+export declare function PositionPopupContent(props: CommonDivProps): JSX.Element;
 //# sourceMappingURL=PositionPopup.d.ts.map