@itwin/appui-react 3.4.1 → 3.4.2

package/lib/cjs/appui-react/popup/KeyinPalettePanel.scss

@@ -1,31 +1,31 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-@import "~@itwin/core-react/lib/cjs/core-react/z-index";
-
-.uifw-command-palette-popup-container {
-  @include uicore-z-index(keyin-palette-overlay);
-
-  box-sizing: border-box;
-  background: $buic-background-control;
-  color: $buic-foreground-body;
-  -webkit-box-shadow: 0 3px 6px $buic-popup-boxshadow;
-  box-shadow: 0px 3px 6px $buic-popup-boxshadow;
-
-  .uifw-command-palette-panel {
-    margin: 4px;
-    width: 30vw;
-    min-width: 20em;
-    max-height: 50vh;
-    display: flex;
-    flex-direction: column;
-  }
-
-  .uifw-history-bottom-border {
-    border-bottom-width: 1px;
-    border-bottom-style: solid;
-    border-bottom-color: $buic-foreground-disabled;
-  }
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+@import "~@itwin/core-react/lib/cjs/core-react/z-index";
+
+.uifw-command-palette-popup-container {
+  @include uicore-z-index(keyin-palette-overlay);
+
+  box-sizing: border-box;
+  background: $buic-background-control;
+  color: $buic-foreground-body;
+  -webkit-box-shadow: 0 3px 6px $buic-popup-boxshadow;
+  box-shadow: 0px 3px 6px $buic-popup-boxshadow;
+
+  .uifw-command-palette-panel {
+    margin: 4px;
+    width: 30vw;
+    min-width: 20em;
+    max-height: 50vh;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .uifw-history-bottom-border {
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    border-bottom-color: $buic-foreground-disabled;
+  }
 }

package/lib/cjs/appui-react/popup/KeyinPalettePopup.d.ts

@@ -1,20 +1,20 @@
-/** @packageDocumentation
- * @module Popup
- */
-/// <reference types="react" />
-import { OnCancelFunc, OnItemExecutedFunc } from "@itwin/appui-abstract";
-import { KeyinEntry } from "../uiadmin/FrameworkUiAdmin";
-/** Props defining KeyinPalettePopup component
- * @public */
-export interface KeyinPalettePopupProps {
-    id: string;
-    el: HTMLElement;
-    keyins: KeyinEntry[];
-    onCancel?: OnCancelFunc;
-    onItemExecuted?: OnItemExecutedFunc;
-}
-/** Keyin Palette Popup Component
- * @public
- */
-export declare function KeyinPalettePopup({ el, id, keyins, onCancel, onItemExecuted }: KeyinPalettePopupProps): JSX.Element;
+/** @packageDocumentation
+ * @module Popup
+ */
+/// <reference types="react" />
+import { OnCancelFunc, OnItemExecutedFunc } from "@itwin/appui-abstract";
+import { KeyinEntry } from "../uiadmin/FrameworkUiAdmin";
+/** Props defining KeyinPalettePopup component
+ * @public */
+export interface KeyinPalettePopupProps {
+    id: string;
+    el: HTMLElement;
+    keyins: KeyinEntry[];
+    onCancel?: OnCancelFunc;
+    onItemExecuted?: OnItemExecutedFunc;
+}
+/** Keyin Palette Popup Component
+ * @public
+ */
+export declare function KeyinPalettePopup({ el, id, keyins, onCancel, onItemExecuted }: KeyinPalettePopupProps): JSX.Element;
 //# sourceMappingURL=KeyinPalettePopup.d.ts.map

package/lib/cjs/appui-react/popup/KeyinPalettePopup.js

@@ -1,48 +1,48 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Popup
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KeyinPalettePopup = void 0;
-const React = require("react");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const core_react_1 = require("@itwin/core-react");
-const PositionPopup_1 = require("./PositionPopup");
-const KeyinPalettePanel_1 = require("./KeyinPalettePanel");
-/** Keyin Palette Popup Component
- * @public
- */
-function KeyinPalettePopup({ el, id, keyins, onCancel, onItemExecuted }) {
-    const [popupSize, setPopupSize] = React.useState(new core_react_1.Size(-1, -1));
-    const onSizeKnown = React.useCallback((newSize) => {
-        // istanbul ignore else
-        if (!popupSize.equals(newSize))
-            setPopupSize(core_react_1.Size.create(newSize));
-    }, [popupSize]);
-    const cancel = React.useCallback(() => {
-        onCancel && onCancel();
-    }, [onCancel]);
-    const handleKeyDown = React.useCallback((event) => {
-        switch (event.key) {
-            case appui_abstract_1.SpecialKey.Escape:
-                cancel();
-                event.preventDefault();
-                break;
-        }
-    }, [cancel]);
-    const xMid = el.getBoundingClientRect().left + el.getBoundingClientRect().width / 2;
-    let point = new core_react_1.Point(xMid, el.getBoundingClientRect().top);
-    // istanbul ignore next
-    if (popupSize.width > 0)
-        point = point.offsetX(popupSize.width / (-2));
-    return (React.createElement(PositionPopup_1.PositionPopup, { key: id, className: "uifw-command-palette-popup-container", point: point, onSizeKnown: onSizeKnown },
-        React.createElement(core_react_1.DivWithOutsideClick, { onOutsideClick: onCancel, onKeyDown: handleKeyDown },
-            React.createElement(core_react_1.FocusTrap, { active: true, returnFocusOnDeactivate: true },
-                React.createElement(KeyinPalettePanel_1.KeyinPalettePanel, { keyins: keyins, onKeyinExecuted: onItemExecuted })))));
-}
-exports.KeyinPalettePopup = KeyinPalettePopup;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Popup
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KeyinPalettePopup = void 0;
+const React = require("react");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const core_react_1 = require("@itwin/core-react");
+const PositionPopup_1 = require("./PositionPopup");
+const KeyinPalettePanel_1 = require("./KeyinPalettePanel");
+/** Keyin Palette Popup Component
+ * @public
+ */
+function KeyinPalettePopup({ el, id, keyins, onCancel, onItemExecuted }) {
+    const [popupSize, setPopupSize] = React.useState(new core_react_1.Size(-1, -1));
+    const onSizeKnown = React.useCallback((newSize) => {
+        // istanbul ignore else
+        if (!popupSize.equals(newSize))
+            setPopupSize(core_react_1.Size.create(newSize));
+    }, [popupSize]);
+    const cancel = React.useCallback(() => {
+        onCancel && onCancel();
+    }, [onCancel]);
+    const handleKeyDown = React.useCallback((event) => {
+        switch (event.key) {
+            case appui_abstract_1.SpecialKey.Escape:
+                cancel();
+                event.preventDefault();
+                break;
+        }
+    }, [cancel]);
+    const xMid = el.getBoundingClientRect().left + el.getBoundingClientRect().width / 2;
+    let point = new core_react_1.Point(xMid, el.getBoundingClientRect().top);
+    // istanbul ignore next
+    if (popupSize.width > 0)
+        point = point.offsetX(popupSize.width / (-2));
+    return (React.createElement(PositionPopup_1.PositionPopup, { key: id, className: "uifw-command-palette-popup-container", point: point, onSizeKnown: onSizeKnown },
+        React.createElement(core_react_1.DivWithOutsideClick, { onOutsideClick: onCancel, onKeyDown: handleKeyDown },
+            React.createElement(core_react_1.FocusTrap, { active: true, returnFocusOnDeactivate: true },
+                React.createElement(KeyinPalettePanel_1.KeyinPalettePanel, { keyins: keyins, onKeyinExecuted: onItemExecuted })))));
+}
+exports.KeyinPalettePopup = KeyinPalettePopup;
 //# sourceMappingURL=KeyinPalettePopup.js.map

package/lib/cjs/appui-react/popup/KeyinPalettePopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeyinPalettePopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/KeyinPalettePopup.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,0DAAqF;AACrF,kDAA2F;AAC3F,mDAAgD;AAChD,2DAAwD;AAaxD;;GAEG;AACH,SAAgB,iBAAiB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAA0B;IACpG,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,iBAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAEnE,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,OAAkB,EAAE,EAAE;QAC3D,uBAAuB;QACvB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;YAC5B,YAAY,CAAC,iBAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACpC,QAAQ,IAAI,QAAQ,EAAE,CAAC;IACzB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAA0C,EAAQ,EAAE;QAC3F,QAAQ,KAAK,CAAC,GAAG,EAAE;YACjB,KAAK,2BAAU,CAAC,MAAM;gBACpB,MAAM,EAAE,CAAC;gBACT,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,MAAM;SACT;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,IAAI,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC;IACpF,IAAI,KAAK,GAAG,IAAI,kBAAK,CAAC,IAAI,EAAE,EAAE,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC,CAAC;IAC5D,uBAAuB;IACvB,IAAI,SAAS,CAAC,KAAK,GAAG,CAAC;QACrB,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEhD,OAAO,CACL,oBAAC,6BAAa,IAAC,GAAG,EAAE,EAAE,EACpB,SAAS,EAAC,sCAAsC,EAChD,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW;QAExB,oBAAC,gCAAmB,IAAC,cAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa;YACrE,oBAAC,sBAAS,IAAC,MAAM,EAAE,IAAI,EAAE,uBAAuB,EAAE,IAAI;gBACpD,oBAAC,qCAAiB,IAAC,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,cAAc,GAAI,CAC5D,CACQ,CACR,CACjB,CAAC;AACJ,CAAC;AAzCD,8CAyCC","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 { OnCancelFunc, OnItemExecutedFunc, SpecialKey } from \"@itwin/appui-abstract\";\nimport { DivWithOutsideClick, FocusTrap, Point, Size, SizeProps } from \"@itwin/core-react\";\nimport { PositionPopup } from \"./PositionPopup\";\nimport { KeyinPalettePanel } from \"./KeyinPalettePanel\";\nimport { KeyinEntry } from \"../uiadmin/FrameworkUiAdmin\";\n\n/** Props defining KeyinPalettePopup component\n * @public */\nexport interface KeyinPalettePopupProps {\n  id: string;\n  el: HTMLElement;\n  keyins: KeyinEntry[];\n  onCancel?: OnCancelFunc;\n  onItemExecuted?: OnItemExecutedFunc;\n}\n\n/** Keyin Palette Popup Component\n * @public\n */\nexport function KeyinPalettePopup({ el, id, keyins, onCancel, onItemExecuted }: KeyinPalettePopupProps) {\n  const [popupSize, setPopupSize] = React.useState(new Size(-1, -1));\n\n  const onSizeKnown = React.useCallback((newSize: SizeProps) => {\n    // istanbul ignore else\n    if (!popupSize.equals(newSize))\n      setPopupSize(Size.create(newSize));\n  }, [popupSize]);\n\n  const cancel = React.useCallback(() => {\n    onCancel && onCancel();\n  }, [onCancel]);\n\n  const handleKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLDivElement>): void => {\n    switch (event.key) {\n      case SpecialKey.Escape:\n        cancel();\n        event.preventDefault();\n        break;\n    }\n  }, [cancel]);\n\n  const xMid = el.getBoundingClientRect().left + el.getBoundingClientRect().width / 2;\n  let point = new Point(xMid, el.getBoundingClientRect().top);\n  // istanbul ignore next\n  if (popupSize.width > 0)\n    point = point.offsetX(popupSize.width / (-2));\n\n  return (\n    <PositionPopup key={id}\n      className=\"uifw-command-palette-popup-container\"\n      point={point}\n      onSizeKnown={onSizeKnown}\n    >\n      <DivWithOutsideClick onOutsideClick={onCancel} onKeyDown={handleKeyDown}>\n        <FocusTrap active={true} returnFocusOnDeactivate={true}>\n          <KeyinPalettePanel keyins={keyins} onKeyinExecuted={onItemExecuted} />\n        </FocusTrap>\n      </DivWithOutsideClick>\n    </PositionPopup>\n  );\n}\n"]}
+{"version":3,"file":"KeyinPalettePopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/KeyinPalettePopup.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,0DAAqF;AACrF,kDAA2F;AAC3F,mDAAgD;AAChD,2DAAwD;AAaxD;;GAEG;AACH,SAAgB,iBAAiB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAA0B;IACpG,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,iBAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAEnE,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,OAAkB,EAAE,EAAE;QAC3D,uBAAuB;QACvB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;YAC5B,YAAY,CAAC,iBAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACpC,QAAQ,IAAI,QAAQ,EAAE,CAAC;IACzB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAA0C,EAAQ,EAAE;QAC3F,QAAQ,KAAK,CAAC,GAAG,EAAE;YACjB,KAAK,2BAAU,CAAC,MAAM;gBACpB,MAAM,EAAE,CAAC;gBACT,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,MAAM;SACT;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,IAAI,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC;IACpF,IAAI,KAAK,GAAG,IAAI,kBAAK,CAAC,IAAI,EAAE,EAAE,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC,CAAC;IAC5D,uBAAuB;IACvB,IAAI,SAAS,CAAC,KAAK,GAAG,CAAC;QACrB,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEhD,OAAO,CACL,oBAAC,6BAAa,IAAC,GAAG,EAAE,EAAE,EACpB,SAAS,EAAC,sCAAsC,EAChD,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW;QAExB,oBAAC,gCAAmB,IAAC,cAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa;YACrE,oBAAC,sBAAS,IAAC,MAAM,EAAE,IAAI,EAAE,uBAAuB,EAAE,IAAI;gBACpD,oBAAC,qCAAiB,IAAC,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,cAAc,GAAI,CAC5D,CACQ,CACR,CACjB,CAAC;AACJ,CAAC;AAzCD,8CAyCC","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 { OnCancelFunc, OnItemExecutedFunc, SpecialKey } from \"@itwin/appui-abstract\";\r\nimport { DivWithOutsideClick, FocusTrap, Point, Size, SizeProps } from \"@itwin/core-react\";\r\nimport { PositionPopup } from \"./PositionPopup\";\r\nimport { KeyinPalettePanel } from \"./KeyinPalettePanel\";\r\nimport { KeyinEntry } from \"../uiadmin/FrameworkUiAdmin\";\r\n\r\n/** Props defining KeyinPalettePopup component\r\n * @public */\r\nexport interface KeyinPalettePopupProps {\r\n  id: string;\r\n  el: HTMLElement;\r\n  keyins: KeyinEntry[];\r\n  onCancel?: OnCancelFunc;\r\n  onItemExecuted?: OnItemExecutedFunc;\r\n}\r\n\r\n/** Keyin Palette Popup Component\r\n * @public\r\n */\r\nexport function KeyinPalettePopup({ el, id, keyins, onCancel, onItemExecuted }: KeyinPalettePopupProps) {\r\n  const [popupSize, setPopupSize] = React.useState(new Size(-1, -1));\r\n\r\n  const onSizeKnown = React.useCallback((newSize: SizeProps) => {\r\n    // istanbul ignore else\r\n    if (!popupSize.equals(newSize))\r\n      setPopupSize(Size.create(newSize));\r\n  }, [popupSize]);\r\n\r\n  const cancel = React.useCallback(() => {\r\n    onCancel && onCancel();\r\n  }, [onCancel]);\r\n\r\n  const handleKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLDivElement>): void => {\r\n    switch (event.key) {\r\n      case SpecialKey.Escape:\r\n        cancel();\r\n        event.preventDefault();\r\n        break;\r\n    }\r\n  }, [cancel]);\r\n\r\n  const xMid = el.getBoundingClientRect().left + el.getBoundingClientRect().width / 2;\r\n  let point = new Point(xMid, el.getBoundingClientRect().top);\r\n  // istanbul ignore next\r\n  if (popupSize.width > 0)\r\n    point = point.offsetX(popupSize.width / (-2));\r\n\r\n  return (\r\n    <PositionPopup key={id}\r\n      className=\"uifw-command-palette-popup-container\"\r\n      point={point}\r\n      onSizeKnown={onSizeKnown}\r\n    >\r\n      <DivWithOutsideClick onOutsideClick={onCancel} onKeyDown={handleKeyDown}>\r\n        <FocusTrap active={true} returnFocusOnDeactivate={true}>\r\n          <KeyinPalettePanel keyins={keyins} onKeyinExecuted={onItemExecuted} />\r\n        </FocusTrap>\r\n      </DivWithOutsideClick>\r\n    </PositionPopup>\r\n  );\r\n}\r\n"]}

package/lib/cjs/appui-react/popup/PopupManager.d.ts

@@ -1,106 +1,106 @@
-/** @packageDocumentation
- * @module Popup
- */
-import * as React from "react";
-import { XAndY } from "@itwin/core-geometry";
-import { AbstractToolbarProps, DialogLayoutDataProvider, OnCancelFunc, OnItemExecutedFunc, OnValueCommitFunc, Primitives, PropertyDescription, PropertyRecord, RelativePosition, UiEvent } from "@itwin/appui-abstract";
-import { Point, SizeProps } from "@itwin/core-react";
-import { KeyinEntry } from "../uiadmin/FrameworkUiAdmin";
-/** Information maintained by PopupManager about a Popup
- * @public
- */
-export interface PopupInfo {
-    id: string;
-    pt: XAndY;
-    component: React.ReactNode;
-    parentDocument: Document;
-}
-/** @public */
-export interface PopupsChangedEventArgs {
-    popups: ReadonlyArray<PopupInfo>;
-}
-/** Popups Changed Event class.
- * @public
- */
-export declare class PopupsChangedEvent extends UiEvent<PopupsChangedEventArgs> {
-}
-/** Props for each popup managed by the PopupManager
- * @public
- */
-export interface PopupPropsBase {
-    id: string;
-    el: HTMLElement;
-    pt: XAndY;
-    offset: XAndY;
-}
-/** Describes React based content
- * @public
- */
-export interface ReactContent {
-    reactNode: React.ReactNode;
-}
-/** Type for Popup Content
- * @public
- */
-export declare type PopupContentType = HTMLElement | ReactContent;
-/** ReactContent type guard.
- * @internal
- */
-export declare const isReactContent: (content: PopupContentType) => content is ReactContent;
-/** Popup Manager class
- * @public
- */
-export declare class PopupManager {
-    private static _popups;
-    private static _editorId;
-    private static _toolbarId;
-    private static _htmlElementId;
-    private static _cardId;
-    private static _toolSettingsId;
-    private static _keyPalettePopupId;
-    private static _defaultOffset;
-    static readonly onPopupsChangedEvent: PopupsChangedEvent;
-    static get popupCount(): number;
-    static get popups(): ReadonlyArray<PopupInfo>;
-    static set popups(popups: ReadonlyArray<PopupInfo>);
-    /** @internal */
-    static clearPopups(): void;
-    private static addPopup;
-    private static updatePopup;
-    static addOrUpdatePopup(popupInfo: PopupInfo): void;
-    static removePopup(id: string): boolean;
-    static get defaultOffset(): XAndY;
-    static set defaultOffset(offset: XAndY);
-    static showInputEditor(el: HTMLElement, pt: XAndY, value: Primitives.Value, propertyDescription: PropertyDescription, onCommit: OnValueCommitFunc, onCancel: OnCancelFunc): boolean;
-    static hideInputEditor(): boolean;
-    static showKeyinPalette(keyins: KeyinEntry[], el: HTMLElement, onItemExecuted?: OnItemExecutedFunc, onCancel?: OnCancelFunc): boolean;
-    static hideKeyinPalette(): boolean;
-    static showToolbar(toolbarProps: AbstractToolbarProps, el: HTMLElement, pt: XAndY, offset: XAndY, onItemExecuted: OnItemExecutedFunc, onCancel: OnCancelFunc, relativePosition: RelativePosition): boolean;
-    static hideToolbar(): boolean;
-    static showHTMLElement(displayElement: HTMLElement, el: HTMLElement, pt: XAndY, offset: XAndY, onCancel: OnCancelFunc, relativePosition: RelativePosition): boolean;
-    static hideHTMLElement(): boolean;
-    static showCard(content: PopupContentType, title: string | PropertyRecord | undefined, toolbarProps: AbstractToolbarProps | undefined, el: HTMLElement, pt: XAndY, offset: XAndY, onItemExecuted: OnItemExecutedFunc, onCancel: OnCancelFunc, relativePosition: RelativePosition): boolean;
-    static hideCard(): boolean;
-    static openToolSettings(dataProvider: DialogLayoutDataProvider, el: HTMLElement, pt: XAndY, offset: XAndY, onCancel: OnCancelFunc, relativePosition: RelativePosition): boolean;
-    static closeToolSettings(): boolean;
-    static getPopupPosition(el: HTMLElement, pt: XAndY, offset: XAndY, size: SizeProps): Point;
-}
-/** @internal */
-interface PopupRendererState {
-    parentDocument: Document | null;
-    popups: ReadonlyArray<PopupInfo>;
-}
-/**  Popup Renderer
- * @public
- */
-export declare class PopupRenderer extends React.Component<{}, PopupRendererState> {
-    /** @internal */
-    readonly state: PopupRendererState;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    private _handleRefSet;
-    render(): React.ReactNode;
-    private _handlePopupsChangedEvent;
-}
-export {};
+/** @packageDocumentation
+ * @module Popup
+ */
+import * as React from "react";
+import { XAndY } from "@itwin/core-geometry";
+import { AbstractToolbarProps, DialogLayoutDataProvider, OnCancelFunc, OnItemExecutedFunc, OnValueCommitFunc, Primitives, PropertyDescription, PropertyRecord, RelativePosition, UiEvent } from "@itwin/appui-abstract";
+import { Point, SizeProps } from "@itwin/core-react";
+import { KeyinEntry } from "../uiadmin/FrameworkUiAdmin";
+/** Information maintained by PopupManager about a Popup
+ * @public
+ */
+export interface PopupInfo {
+    id: string;
+    pt: XAndY;
+    component: React.ReactNode;
+    parentDocument: Document;
+}
+/** @public */
+export interface PopupsChangedEventArgs {
+    popups: ReadonlyArray<PopupInfo>;
+}
+/** Popups Changed Event class.
+ * @public
+ */
+export declare class PopupsChangedEvent extends UiEvent<PopupsChangedEventArgs> {
+}
+/** Props for each popup managed by the PopupManager
+ * @public
+ */
+export interface PopupPropsBase {
+    id: string;
+    el: HTMLElement;
+    pt: XAndY;
+    offset: XAndY;
+}
+/** Describes React based content
+ * @public
+ */
+export interface ReactContent {
+    reactNode: React.ReactNode;
+}
+/** Type for Popup Content
+ * @public
+ */
+export declare type PopupContentType = HTMLElement | ReactContent;
+/** ReactContent type guard.
+ * @internal
+ */
+export declare const isReactContent: (content: PopupContentType) => content is ReactContent;
+/** Popup Manager class
+ * @public
+ */
+export declare class PopupManager {
+    private static _popups;
+    private static _editorId;
+    private static _toolbarId;
+    private static _htmlElementId;
+    private static _cardId;
+    private static _toolSettingsId;
+    private static _keyPalettePopupId;
+    private static _defaultOffset;
+    static readonly onPopupsChangedEvent: PopupsChangedEvent;
+    static get popupCount(): number;
+    static get popups(): ReadonlyArray<PopupInfo>;
+    static set popups(popups: ReadonlyArray<PopupInfo>);
+    /** @internal */
+    static clearPopups(): void;
+    private static addPopup;
+    private static updatePopup;
+    static addOrUpdatePopup(popupInfo: PopupInfo): void;
+    static removePopup(id: string): boolean;
+    static get defaultOffset(): XAndY;
+    static set defaultOffset(offset: XAndY);
+    static showInputEditor(el: HTMLElement, pt: XAndY, value: Primitives.Value, propertyDescription: PropertyDescription, onCommit: OnValueCommitFunc, onCancel: OnCancelFunc): boolean;
+    static hideInputEditor(): boolean;
+    static showKeyinPalette(keyins: KeyinEntry[], el: HTMLElement, onItemExecuted?: OnItemExecutedFunc, onCancel?: OnCancelFunc): boolean;
+    static hideKeyinPalette(): boolean;
+    static showToolbar(toolbarProps: AbstractToolbarProps, el: HTMLElement, pt: XAndY, offset: XAndY, onItemExecuted: OnItemExecutedFunc, onCancel: OnCancelFunc, relativePosition: RelativePosition): boolean;
+    static hideToolbar(): boolean;
+    static showHTMLElement(displayElement: HTMLElement, el: HTMLElement, pt: XAndY, offset: XAndY, onCancel: OnCancelFunc, relativePosition: RelativePosition): boolean;
+    static hideHTMLElement(): boolean;
+    static showCard(content: PopupContentType, title: string | PropertyRecord | undefined, toolbarProps: AbstractToolbarProps | undefined, el: HTMLElement, pt: XAndY, offset: XAndY, onItemExecuted: OnItemExecutedFunc, onCancel: OnCancelFunc, relativePosition: RelativePosition): boolean;
+    static hideCard(): boolean;
+    static openToolSettings(dataProvider: DialogLayoutDataProvider, el: HTMLElement, pt: XAndY, offset: XAndY, onCancel: OnCancelFunc, relativePosition: RelativePosition): boolean;
+    static closeToolSettings(): boolean;
+    static getPopupPosition(el: HTMLElement, pt: XAndY, offset: XAndY, size: SizeProps): Point;
+}
+/** @internal */
+interface PopupRendererState {
+    parentDocument: Document | null;
+    popups: ReadonlyArray<PopupInfo>;
+}
+/**  Popup Renderer
+ * @public
+ */
+export declare class PopupRenderer extends React.Component<{}, PopupRendererState> {
+    /** @internal */
+    readonly state: PopupRendererState;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private _handleRefSet;
+    render(): React.ReactNode;
+    private _handlePopupsChangedEvent;
+}
+export {};
 //# sourceMappingURL=PopupManager.d.ts.map