@itwin/appui-react 3.0.0-dev.98 → 3.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"InputEditorPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/InputEditorPopup.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,0DAAyH;AACzH,8DAA+E;AAC/E,kDAAyE;AACzE,iDAA8D;AAC9D,mDAAsE;AAEtE,aAAa;AACb,MAAa,wBAAwB;IACnC,YACkB,QAA2B;QAA3B,aAAQ,GAAR,QAAQ,CAAmB;QAGtC,iBAAY,GAAG,CAAC,IAAyB,EAAE,EAAE;YAClD,IAAI,QAAQ,GAAqB,CAAC,CAAC;YACnC,uBAAuB;YACvB,IAAI,IAAI,CAAC,QAAQ,CAAC,WAAW,KAAK,oCAAmB,CAAC,SAAS,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,KAAK,SAAS,EAAE;gBACpG,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;aAChC;YACD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAC1B,CAAC,CAAC;IATE,CAAC;CAUN;AAbD,4DAaC;AAcD;;GAEG;AACH,MAAa,gBAAiB,SAAQ,KAAK,CAAC,aAA2D;IAAvG;;QACE,gBAAgB;QACS,UAAK,GAAG;YAC/B,IAAI,EAAE,IAAI,iBAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;SACvB,CAAC;QAEM,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,iBAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAClD,CAAC,CAAC;IAuBJ,CAAC;IArBC,gBAAgB;IACA,MAAM;QACpB,MAAM,KAAK,GAAG,2BAAY,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAE9G,OAAO,CACL,oBAAC,6BAAa,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAC/B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,CAAC,YAAY;YAE9B,oBAAC,gCAAmB,IAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;gBACtD,oBAAC,oCAAoB;oBACnB,oBAAC,kCAAe,IACd,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACjC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,YAAY,EAC/C,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,QAAQ,EAAE,IAAI,GAAI,CACC,CACH,CACR,CACjB,CAAC;IACJ,CAAC;CACF;AAjCD,4CAiCC","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, OnValueCommitFunc, Primitives, PropertyRecord, PropertyValueFormat } from \"@itwin/appui-abstract\";\r\nimport { EditorContainer, PropertyUpdatedArgs } from \"@itwin/components-react\";\r\nimport { DivWithOutsideClick, Size, SizeProps } from \"@itwin/core-react\";\r\nimport { PopupManager, PopupPropsBase } from \"./PopupManager\";\r\nimport { PositionPopup, PositionPopupContent } from \"./PositionPopup\";\r\n\r\n/** @alpha */\r\nexport class InputEditorCommitHandler {\r\n  constructor(\r\n    public readonly onCommit: OnValueCommitFunc,\r\n  ) { }\r\n\r\n  public handleCommit = (args: PropertyUpdatedArgs) => {\r\n    let newValue: Primitives.Value = 0;\r\n    // istanbul ignore else\r\n    if (args.newValue.valueFormat === PropertyValueFormat.Primitive && args.newValue.value !== undefined) {\r\n      newValue = args.newValue.value;\r\n    }\r\n    this.onCommit(newValue);\r\n  };\r\n}\r\n\r\n/** @alpha */\r\nexport interface InputEditorPopupProps extends PopupPropsBase {\r\n  record: PropertyRecord;\r\n  onCancel: OnCancelFunc;\r\n  commitHandler: InputEditorCommitHandler;\r\n}\r\n\r\n/** @internal */\r\ninterface InputEditorPopupState {\r\n  size: Size;\r\n}\r\n\r\n/** Popup component for Input Editor\r\n * @alpha\r\n */\r\nexport class InputEditorPopup extends React.PureComponent<InputEditorPopupProps, InputEditorPopupState> {\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  /** @internal */\r\n  public override render() {\r\n    const point = PopupManager.getPopupPosition(this.props.el, this.props.pt, this.props.offset, this.state.size);\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}>\r\n          <PositionPopupContent>\r\n            <EditorContainer\r\n              propertyRecord={this.props.record}\r\n              onCommit={this.props.commitHandler.handleCommit}\r\n              onCancel={this.props.onCancel}\r\n              setFocus={true} />\r\n          </PositionPopupContent>\r\n        </DivWithOutsideClick>\r\n      </PositionPopup>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"InputEditorPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/InputEditorPopup.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,0DAAyH;AACzH,8DAA+E;AAC/E,kDAAyE;AACzE,iDAA8D;AAC9D,mDAAsE;AAEtE,YAAY;AACZ,MAAa,wBAAwB;IACnC,YACkB,QAA2B;QAA3B,aAAQ,GAAR,QAAQ,CAAmB;QAGtC,iBAAY,GAAG,CAAC,IAAyB,EAAE,EAAE;YAClD,IAAI,QAAQ,GAAqB,CAAC,CAAC;YACnC,uBAAuB;YACvB,IAAI,IAAI,CAAC,QAAQ,CAAC,WAAW,KAAK,oCAAmB,CAAC,SAAS,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,KAAK,SAAS,EAAE;gBACpG,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;aAChC;YACD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAC1B,CAAC,CAAC;IATE,CAAC;CAUN;AAbD,4DAaC;AAeD;;GAEG;AACH,MAAa,gBAAiB,SAAQ,KAAK,CAAC,aAA2D;IAAvG;;QACE,gBAAgB;QACS,UAAK,GAAG;YAC/B,IAAI,EAAE,IAAI,iBAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;SACvB,CAAC;QAEM,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,iBAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAClD,CAAC,CAAC;IAuBJ,CAAC;IArBC,gBAAgB;IACA,MAAM;QACpB,MAAM,KAAK,GAAG,2BAAY,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAE9G,OAAO,CACL,oBAAC,6BAAa,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAC/B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,CAAC,YAAY;YAE9B,oBAAC,gCAAmB,IAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;gBACtD,oBAAC,oCAAoB;oBACnB,oBAAC,kCAAe,IACd,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACjC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,YAAY,EAC/C,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,QAAQ,EAAE,IAAI,GAAI,CACC,CACH,CACR,CACjB,CAAC;IACJ,CAAC;CACF;AAjCD,4CAiCC","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, OnValueCommitFunc, Primitives, PropertyRecord, PropertyValueFormat } from \"@itwin/appui-abstract\";\r\nimport { EditorContainer, PropertyUpdatedArgs } from \"@itwin/components-react\";\r\nimport { DivWithOutsideClick, Size, SizeProps } from \"@itwin/core-react\";\r\nimport { PopupManager, PopupPropsBase } from \"./PopupManager\";\r\nimport { PositionPopup, PositionPopupContent } from \"./PositionPopup\";\r\n\r\n/** @beta */\r\nexport class InputEditorCommitHandler {\r\n  constructor(\r\n    public readonly onCommit: OnValueCommitFunc,\r\n  ) { }\r\n\r\n  public handleCommit = (args: PropertyUpdatedArgs) => {\r\n    let newValue: Primitives.Value = 0;\r\n    // istanbul ignore else\r\n    if (args.newValue.valueFormat === PropertyValueFormat.Primitive && args.newValue.value !== undefined) {\r\n      newValue = args.newValue.value;\r\n    }\r\n    this.onCommit(newValue);\r\n  };\r\n}\r\n\r\n/** Props for popup editor\r\n * @beta */\r\nexport interface InputEditorPopupProps extends PopupPropsBase {\r\n  record: PropertyRecord;\r\n  onCancel: OnCancelFunc;\r\n  commitHandler: InputEditorCommitHandler;\r\n}\r\n\r\n/** @internal */\r\ninterface InputEditorPopupState {\r\n  size: Size;\r\n}\r\n\r\n/** Popup component for Input Editor\r\n * @alpha\r\n */\r\nexport class InputEditorPopup extends React.PureComponent<InputEditorPopupProps, InputEditorPopupState> {\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  /** @internal */\r\n  public override render() {\r\n    const point = PopupManager.getPopupPosition(this.props.el, this.props.pt, this.props.offset, this.state.size);\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}>\r\n          <PositionPopupContent>\r\n            <EditorContainer\r\n              propertyRecord={this.props.record}\r\n              onCommit={this.props.commitHandler.handleCommit}\r\n              onCancel={this.props.onCancel}\r\n              setFocus={true} />\r\n          </PositionPopupContent>\r\n        </DivWithOutsideClick>\r\n      </PositionPopup>\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -16,13 +16,13 @@ const core_frontend_1 = require("@itwin/core-frontend");
 const UiFramework_1 = require("../UiFramework");
 const appui_abstract_1 = require("@itwin/appui-abstract");
 const KeyinPaletteTools_1 = require("../tools/KeyinPaletteTools");
-const useUiSettings_1 = require("../uisettings/useUiSettings");
+const useUiStateStorage_1 = require("../uistate/useUiStateStorage");
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const KEYIN_PALETTE_NAMESPACE = "KeyinPalettePanel";
 const KEYIN_HISTORY_KEY = "historyArray";
 /** @internal */
 function clearKeyinPaletteHistory() {
-    const uiSettingsStorage = UiFramework_1.UiFramework.getUiSettingsStorage();
+    const uiSettingsStorage = UiFramework_1.UiFramework.getUiStateStorage();
     // istanbul ignore else
     if (uiSettingsStorage) {
         // eslint-disable-next-line @typescript-eslint/no-floating-promises
@@ -39,12 +39,12 @@ function KeyinPalettePanel({ keyins, onKeyinExecuted, historyLength: allowedHist
     const inputRef = React.useRef(null);
     const keyinSeparator = "--#--";
     const [historyKeyins, setHistoryKeyins] = React.useState([]);
-    const uiSettingsStorage = (0, useUiSettings_1.useUiSettingsStorageContext)();
+    const uiSettingsStorage = (0, useUiStateStorage_1.useUiStateStorageHandler)();
     React.useEffect(() => {
         async function fetchState() {
             const settingsResult = await uiSettingsStorage.getSetting(KEYIN_PALETTE_NAMESPACE, KEYIN_HISTORY_KEY);
             // istanbul ignore else
-            if (core_react_1.UiSettingsStatus.Success === settingsResult.status) {
+            if (core_react_1.UiStateStorageStatus.Success === settingsResult.status) {
                 const filteredHistory = settingsResult.setting.filter((keyin) => {
                     const result = core_frontend_1.IModelApp.tools.parseKeyin(keyin);
                     return result.ok;
@@ -61,7 +61,7 @@ function KeyinPalettePanel({ keyins, onKeyinExecuted, historyLength: allowedHist
     const storeHistoryKeyins = React.useCallback(async (value) => {
         // eslint-disable-next-line @typescript-eslint/no-floating-promises
         const result = await uiSettingsStorage.saveSetting(KEYIN_PALETTE_NAMESPACE, KEYIN_HISTORY_KEY, value);
-        if (result.status !== core_react_1.UiSettingsStatus.Success) {
+        if (result.status !== core_react_1.UiStateStorageStatus.Success) {
             const briefMessage = UiFramework_1.UiFramework.translate("keyinbrowser.couldNotSaveHistory");
             const errorDetails = new core_frontend_1.NotifyMessageDetails(core_frontend_1.OutputMessagePriority.Error, briefMessage);
             core_frontend_1.IModelApp.notifications.outputMessage(errorDetails);
@@ -238,7 +238,7 @@ function KeyinPalettePanel({ keyins, onKeyinExecuted, historyLength: allowedHist
     }, [filteredKeyins, submitKeyin, currentKeyin, updateKeyin]);
     const lastHistoryIndex = filteredKeyins.findIndex((entry) => (true !== entry.isHistory)) - 1;
     return React.createElement("div", { className: "uifw-command-palette-panel" },
-        React.createElement(itwinui_react_1.Input, { ref: inputRef, type: "text", onKeyDown: onInputValueKeyDown, className: "uifw-command-palette-input", "data-testid": "command-palette-input", onChange: onInputValueChange, placeholder: placeholderLabel.current, value: currentKeyin }),
+        React.createElement(itwinui_react_1.Input, { ref: inputRef, type: "text", onKeyDown: onInputValueKeyDown, className: "uifw-command-palette-input", "data-testid": "command-palette-input", onChange: onInputValueChange, placeholder: placeholderLabel.current, value: currentKeyin, size: "small" }),
         (filteredKeyins.length > 0) &&
             React.createElement(core_react_1.Listbox, { id: "uifw-command-sources", className: "map-manager-source-list", onKeyPress: handleKeypressOnKeyinsList, onListboxValueChange: onListboxValueChange }, filteredKeyins.map((entry, index) => {
                 const value = `${entry.value}${keyinSeparator}${entry.isHistory ? "history" : "registry"}`;

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

@@ -1 +1 @@
-{"version":3,"file":"KeyinPalettePanel.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/KeyinPalettePanel.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\n// cSpell:ignore focusvalue uiadmin\r\n\r\nimport * as React from \"react\";\r\nimport \"./KeyinPalettePanel.scss\";\r\nimport { FilteredText, Listbox, ListboxItem, UiSettingsStatus } from \"@itwin/core-react\";\r\nimport { IModelApp, NotifyMessageDetails, OutputMessagePriority, OutputMessageType, ParseAndRunResult } from \"@itwin/core-frontend\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { matchesWords, OnItemExecutedFunc, SpecialKey } from \"@itwin/appui-abstract\";\r\nimport { ClearKeyinPaletteHistoryTool } from \"../tools/KeyinPaletteTools\";\r\nimport { useUiSettingsStorageContext } from \"../uisettings/useUiSettings\";\r\nimport { KeyinEntry } from \"../uiadmin/FrameworkUiAdmin\";\r\nimport { Input } from \"@itwin/itwinui-react\";\r\n\r\nconst KEYIN_PALETTE_NAMESPACE = \"KeyinPalettePanel\";\r\nconst KEYIN_HISTORY_KEY = \"historyArray\";\r\n\r\n/** @internal */\r\nexport function clearKeyinPaletteHistory() {\r\n  const uiSettingsStorage = UiFramework.getUiSettingsStorage();\r\n  // istanbul ignore else\r\n  if (uiSettingsStorage) {\r\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n    uiSettingsStorage.deleteSetting(KEYIN_PALETTE_NAMESPACE, KEYIN_HISTORY_KEY);\r\n  }\r\n}\r\n\r\ninterface KeyinPalettePanelProps {\r\n  keyins: KeyinEntry[];\r\n  onKeyinExecuted?: OnItemExecutedFunc;\r\n  historyLength?: number;\r\n}\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function KeyinPalettePanel({ keyins, onKeyinExecuted, historyLength: allowedHistoryLength = 6 }: KeyinPalettePanelProps) {\r\n  const [currentKeyin, setCurrentKeyin] = React.useState<string>(\"\");\r\n  const placeholderLabel = React.useRef(UiFramework.translate(\"keyinbrowser.placeholder\"));\r\n  const inputRef = React.useRef<HTMLInputElement>(null);\r\n  const keyinSeparator = \"--#--\";\r\n  const [historyKeyins, setHistoryKeyins] = React.useState<string[]>([]);\r\n  const uiSettingsStorage = useUiSettingsStorageContext();\r\n\r\n  React.useEffect(() => {\r\n    async function fetchState() {\r\n      const settingsResult = await uiSettingsStorage.getSetting(KEYIN_PALETTE_NAMESPACE, KEYIN_HISTORY_KEY);\r\n      // istanbul ignore else\r\n      if (UiSettingsStatus.Success === settingsResult.status) {\r\n        const filteredHistory = (settingsResult.setting as string[]).filter((keyin) => {\r\n          const result = IModelApp.tools.parseKeyin(keyin);\r\n          return result.ok;\r\n        });\r\n        setHistoryKeyins(filteredHistory);\r\n      } else {\r\n        setHistoryKeyins([]);\r\n      }\r\n    }\r\n\r\n    fetchState(); // eslint-disable-line @typescript-eslint/no-floating-promises\r\n  }, [uiSettingsStorage]);\r\n\r\n  // istanbul ignore next\r\n  const storeHistoryKeyins = React.useCallback(async (value: string[]) => {\r\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n    const result = await uiSettingsStorage.saveSetting(KEYIN_PALETTE_NAMESPACE, KEYIN_HISTORY_KEY, value);\r\n    if (result.status !== UiSettingsStatus.Success) {\r\n      const briefMessage = UiFramework.translate(\"keyinbrowser.couldNotSaveHistory\");\r\n      const errorDetails = new NotifyMessageDetails(OutputMessagePriority.Error, briefMessage);\r\n      IModelApp.notifications.outputMessage(errorDetails);\r\n    }\r\n  }, [uiSettingsStorage]);\r\n\r\n  const allKeyins = React.useMemo(() => {\r\n    const availableKeyins = [];\r\n    historyKeyins.forEach((value: string) => {\r\n      availableKeyins.push({ value, isHistory: true });\r\n    });\r\n    availableKeyins.push(...keyins.sort((a, b) => a.value.toLowerCase().localeCompare(b.value.toLowerCase())));\r\n    return availableKeyins;\r\n  }, [historyKeyins, keyins]);\r\n\r\n  const submitKeyin = React.useCallback(async (value: string) => {\r\n    let detailedMessage: string | undefined;\r\n    let message: string | undefined;\r\n    try {\r\n      switch (await IModelApp.tools.parseAndRun(value)) {\r\n        case ParseAndRunResult.ToolNotFound:\r\n          message = `UiFramework.translate(\"keyinbrowser.couldNotFindTool\")} ${value}`;\r\n          break;\r\n        // istanbul ignore next\r\n        case ParseAndRunResult.BadArgumentCount:\r\n          message = UiFramework.translate(\"keyinbrowser.incorrectArgs\");\r\n          break;\r\n        // istanbul ignore next\r\n        case ParseAndRunResult.FailedToRun:\r\n          message = UiFramework.translate(\"keyinbrowser.failedToRun\");\r\n          break;\r\n      }\r\n    } catch (ex) {\r\n      // istanbul ignore next\r\n      {\r\n        message = UiFramework.translate(\"keyinbrowser.exceptionOccurred\");\r\n        detailedMessage = `${UiFramework.translate(\"keyinbrowser.exceptionOccurred\")}: ${ex}`;\r\n      }\r\n    }\r\n\r\n    // istanbul ignore else\r\n    if (undefined !== message) {\r\n      const errorDetails = new NotifyMessageDetails(OutputMessagePriority.Error, message, detailedMessage, OutputMessageType.Sticky);\r\n      IModelApp.notifications.outputMessage(errorDetails);\r\n    } else {\r\n      // istanbul ignore next\r\n      if (value.length < 400 && value !== ClearKeyinPaletteHistoryTool.keyin && value !== ClearKeyinPaletteHistoryTool.englishKeyin) {\r\n        const newHistoryEntries: string[] = [value];\r\n        for (const entry of historyKeyins) {\r\n          if (entry !== value) {\r\n            newHistoryEntries.push(entry);\r\n            if (newHistoryEntries.length >= allowedHistoryLength)\r\n              break;\r\n          }\r\n        }\r\n        await storeHistoryKeyins(newHistoryEntries);\r\n      }\r\n\r\n      // close the popup by processing the supplied onKeyinExecuted function\r\n      if (onKeyinExecuted)\r\n        onKeyinExecuted(value);\r\n    }\r\n  }, [storeHistoryKeyins, onKeyinExecuted, historyKeyins, allowedHistoryLength]);\r\n\r\n  const selectKeyin = React.useCallback(() => {\r\n    // istanbul ignore else\r\n    if (inputRef.current) {\r\n      inputRef.current.focus();\r\n      inputRef.current.setSelectionRange(inputRef.current.value.length, inputRef.current.value.length);\r\n    }\r\n  }, [inputRef]);\r\n\r\n  const updateKeyin = React.useCallback((value: string) => {\r\n    setCurrentKeyin(value);\r\n    selectKeyin();\r\n  }, [selectKeyin]);\r\n\r\n  const getKeyinFromListboxValue = (value: string | undefined) => {\r\n    // istanbul ignore else\r\n    if (value) {\r\n      const indexSeparator = value.search(keyinSeparator);\r\n      // istanbul ignore else\r\n      if (indexSeparator)\r\n        return value.substr(0, indexSeparator);\r\n    }\r\n    // istanbul ignore next\r\n    return undefined;\r\n  };\r\n\r\n  const handleKeypressOnKeyinsList = React.useCallback(async (event: React.KeyboardEvent<HTMLUListElement>) => {\r\n    const key = event.key;\r\n    // built into listbox a \"Space\" key will trigger the selection of a entry so if an Enter key is pressed\r\n    // assume user wants to execute the entry.\r\n    // istanbul ignore else\r\n    if (key === SpecialKey.Enter) {\r\n      event.preventDefault();\r\n      // istanbul ignore next\r\n      const keyinToSend = getKeyinFromListboxValue(event.currentTarget?.dataset?.focusvalue);\r\n      // istanbul ignore else\r\n      if (keyinToSend) {\r\n        if (event.ctrlKey)\r\n          updateKeyin(keyinToSend);\r\n        else\r\n          await submitKeyin(keyinToSend);\r\n      }\r\n    }\r\n  }, [submitKeyin, updateKeyin]);\r\n\r\n  const onListboxValueChange = React.useCallback(async (value: string, isControlOrCommandPressed?: boolean) => {\r\n    const keyin = getKeyinFromListboxValue(value);\r\n    // istanbul ignore else\r\n    if (keyin) {\r\n      if (isControlOrCommandPressed)\r\n        updateKeyin(keyin);\r\n      else\r\n        await submitKeyin(keyin);\r\n    }\r\n  }, [submitKeyin, updateKeyin]);\r\n\r\n  const onInputValueChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\r\n    setCurrentKeyin(event.target.value);\r\n  }, []);\r\n\r\n  const filteredKeyins = React.useMemo(() => {\r\n    const filteredHistory: KeyinEntry[] = [];\r\n    if (undefined === currentKeyin || 0 === currentKeyin.length) {\r\n      return allKeyins;\r\n    } else {\r\n      const newKeyinSet: KeyinEntry[] = [];\r\n      allKeyins.forEach((value) => {\r\n        const matches = matchesWords(currentKeyin, value.value);\r\n        if (matches && matches.length) {\r\n          // istanbul ignore else\r\n          if (value.isHistory) {\r\n            filteredHistory.push(value);\r\n            newKeyinSet.push({ ...value, matches });\r\n          } else {\r\n            // only add entry if no match in filtered history\r\n            // istanbul ignore else\r\n            if (-1 === filteredHistory.findIndex((historyEntry: KeyinEntry) => historyEntry.value === value.value))\r\n              newKeyinSet.push({ ...value, matches });\r\n          }\r\n        }\r\n      });\r\n      return newKeyinSet;\r\n    }\r\n  }, [allKeyins, currentKeyin]);\r\n\r\n  const onInputValueKeyDown = React.useCallback(async (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n    if (SpecialKey.Enter === event.key) {\r\n      event.preventDefault();\r\n      event.stopPropagation();\r\n      // istanbul ignore else\r\n      if (1 === filteredKeyins.length) {\r\n        if (event.ctrlKey)\r\n          updateKeyin(filteredKeyins[0].value);\r\n        else\r\n          await submitKeyin(filteredKeyins[0].value);\r\n      } else {\r\n        if (currentKeyin)\r\n          await submitKeyin(currentKeyin);\r\n      }\r\n    } else if (SpecialKey.Tab === event.key && 1 === filteredKeyins.length) {\r\n      event.preventDefault();\r\n      event.stopPropagation();\r\n      updateKeyin(filteredKeyins[0].value);\r\n    } else {\r\n      if (event.key === SpecialKey.ArrowDown && filteredKeyins.length > 0) {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n        // istanbul ignore else\r\n        if (inputRef.current) {\r\n          const nextElement = inputRef.current.nextElementSibling as HTMLElement;\r\n          nextElement && nextElement.focus();\r\n        }\r\n      }\r\n    }\r\n\r\n  }, [filteredKeyins, submitKeyin, currentKeyin, updateKeyin]);\r\n\r\n  const lastHistoryIndex = filteredKeyins.findIndex((entry) => (true !== entry.isHistory)) - 1;\r\n\r\n  return <div className=\"uifw-command-palette-panel\">\r\n    <Input ref={inputRef} type=\"text\" onKeyDown={onInputValueKeyDown}\r\n      className={\"uifw-command-palette-input\"} data-testid=\"command-palette-input\" onChange={onInputValueChange}\r\n      placeholder={placeholderLabel.current} value={currentKeyin}\r\n    />\r\n    {(filteredKeyins.length > 0) &&\r\n      <Listbox id=\"uifw-command-sources\" className=\"map-manager-source-list\" onKeyPress={handleKeypressOnKeyinsList}\r\n        onListboxValueChange={onListboxValueChange} >\r\n        {\r\n          filteredKeyins.map((entry, index) => {\r\n            const value = `${entry.value}${keyinSeparator}${entry.isHistory ? \"history\" : \"registry\"}`;\r\n            const itemClass = `uifw-command-palette-value-entry${index === lastHistoryIndex ? \" uifw-history-bottom-border\" : \"\"}`;\r\n            return <ListboxItem key={`${entry.value}-${index}`} className={itemClass} value={value} >\r\n              <FilteredText value={entry.value} matches={entry.matches} />\r\n            </ListboxItem>;\r\n          })\r\n        }\r\n      </Listbox >\r\n    }\r\n  </div >;\r\n}\r\n"]}
+{"version":3,"file":"KeyinPalettePanel.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/KeyinPalettePanel.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\n// cSpell:ignore focusvalue uiadmin\r\n\r\nimport * as React from \"react\";\r\nimport \"./KeyinPalettePanel.scss\";\r\nimport { FilteredText, Listbox, ListboxItem, UiStateStorageStatus } from \"@itwin/core-react\";\r\nimport { IModelApp, NotifyMessageDetails, OutputMessagePriority, OutputMessageType, ParseAndRunResult } from \"@itwin/core-frontend\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { matchesWords, OnItemExecutedFunc, SpecialKey } from \"@itwin/appui-abstract\";\r\nimport { ClearKeyinPaletteHistoryTool } from \"../tools/KeyinPaletteTools\";\r\nimport { useUiStateStorageHandler } from \"../uistate/useUiStateStorage\";\r\nimport { KeyinEntry } from \"../uiadmin/FrameworkUiAdmin\";\r\nimport { Input } from \"@itwin/itwinui-react\";\r\n\r\nconst KEYIN_PALETTE_NAMESPACE = \"KeyinPalettePanel\";\r\nconst KEYIN_HISTORY_KEY = \"historyArray\";\r\n\r\n/** @internal */\r\nexport function clearKeyinPaletteHistory() {\r\n  const uiSettingsStorage = UiFramework.getUiStateStorage();\r\n  // istanbul ignore else\r\n  if (uiSettingsStorage) {\r\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n    uiSettingsStorage.deleteSetting(KEYIN_PALETTE_NAMESPACE, KEYIN_HISTORY_KEY);\r\n  }\r\n}\r\n\r\ninterface KeyinPalettePanelProps {\r\n  keyins: KeyinEntry[];\r\n  onKeyinExecuted?: OnItemExecutedFunc;\r\n  historyLength?: number;\r\n}\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function KeyinPalettePanel({ keyins, onKeyinExecuted, historyLength: allowedHistoryLength = 6 }: KeyinPalettePanelProps) {\r\n  const [currentKeyin, setCurrentKeyin] = React.useState<string>(\"\");\r\n  const placeholderLabel = React.useRef(UiFramework.translate(\"keyinbrowser.placeholder\"));\r\n  const inputRef = React.useRef<HTMLInputElement>(null);\r\n  const keyinSeparator = \"--#--\";\r\n  const [historyKeyins, setHistoryKeyins] = React.useState<string[]>([]);\r\n  const uiSettingsStorage = useUiStateStorageHandler();\r\n\r\n  React.useEffect(() => {\r\n    async function fetchState() {\r\n      const settingsResult = await uiSettingsStorage.getSetting(KEYIN_PALETTE_NAMESPACE, KEYIN_HISTORY_KEY);\r\n      // istanbul ignore else\r\n      if (UiStateStorageStatus.Success === settingsResult.status) {\r\n        const filteredHistory = (settingsResult.setting as string[]).filter((keyin) => {\r\n          const result = IModelApp.tools.parseKeyin(keyin);\r\n          return result.ok;\r\n        });\r\n        setHistoryKeyins(filteredHistory);\r\n      } else {\r\n        setHistoryKeyins([]);\r\n      }\r\n    }\r\n\r\n    fetchState(); // eslint-disable-line @typescript-eslint/no-floating-promises\r\n  }, [uiSettingsStorage]);\r\n\r\n  // istanbul ignore next\r\n  const storeHistoryKeyins = React.useCallback(async (value: string[]) => {\r\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n    const result = await uiSettingsStorage.saveSetting(KEYIN_PALETTE_NAMESPACE, KEYIN_HISTORY_KEY, value);\r\n    if (result.status !== UiStateStorageStatus.Success) {\r\n      const briefMessage = UiFramework.translate(\"keyinbrowser.couldNotSaveHistory\");\r\n      const errorDetails = new NotifyMessageDetails(OutputMessagePriority.Error, briefMessage);\r\n      IModelApp.notifications.outputMessage(errorDetails);\r\n    }\r\n  }, [uiSettingsStorage]);\r\n\r\n  const allKeyins = React.useMemo(() => {\r\n    const availableKeyins = [];\r\n    historyKeyins.forEach((value: string) => {\r\n      availableKeyins.push({ value, isHistory: true });\r\n    });\r\n    availableKeyins.push(...keyins.sort((a, b) => a.value.toLowerCase().localeCompare(b.value.toLowerCase())));\r\n    return availableKeyins;\r\n  }, [historyKeyins, keyins]);\r\n\r\n  const submitKeyin = React.useCallback(async (value: string) => {\r\n    let detailedMessage: string | undefined;\r\n    let message: string | undefined;\r\n    try {\r\n      switch (await IModelApp.tools.parseAndRun(value)) {\r\n        case ParseAndRunResult.ToolNotFound:\r\n          message = `UiFramework.translate(\"keyinbrowser.couldNotFindTool\")} ${value}`;\r\n          break;\r\n        // istanbul ignore next\r\n        case ParseAndRunResult.BadArgumentCount:\r\n          message = UiFramework.translate(\"keyinbrowser.incorrectArgs\");\r\n          break;\r\n        // istanbul ignore next\r\n        case ParseAndRunResult.FailedToRun:\r\n          message = UiFramework.translate(\"keyinbrowser.failedToRun\");\r\n          break;\r\n      }\r\n    } catch (ex) {\r\n      // istanbul ignore next\r\n      {\r\n        message = UiFramework.translate(\"keyinbrowser.exceptionOccurred\");\r\n        detailedMessage = `${UiFramework.translate(\"keyinbrowser.exceptionOccurred\")}: ${ex}`;\r\n      }\r\n    }\r\n\r\n    // istanbul ignore else\r\n    if (undefined !== message) {\r\n      const errorDetails = new NotifyMessageDetails(OutputMessagePriority.Error, message, detailedMessage, OutputMessageType.Sticky);\r\n      IModelApp.notifications.outputMessage(errorDetails);\r\n    } else {\r\n      // istanbul ignore next\r\n      if (value.length < 400 && value !== ClearKeyinPaletteHistoryTool.keyin && value !== ClearKeyinPaletteHistoryTool.englishKeyin) {\r\n        const newHistoryEntries: string[] = [value];\r\n        for (const entry of historyKeyins) {\r\n          if (entry !== value) {\r\n            newHistoryEntries.push(entry);\r\n            if (newHistoryEntries.length >= allowedHistoryLength)\r\n              break;\r\n          }\r\n        }\r\n        await storeHistoryKeyins(newHistoryEntries);\r\n      }\r\n\r\n      // close the popup by processing the supplied onKeyinExecuted function\r\n      if (onKeyinExecuted)\r\n        onKeyinExecuted(value);\r\n    }\r\n  }, [storeHistoryKeyins, onKeyinExecuted, historyKeyins, allowedHistoryLength]);\r\n\r\n  const selectKeyin = React.useCallback(() => {\r\n    // istanbul ignore else\r\n    if (inputRef.current) {\r\n      inputRef.current.focus();\r\n      inputRef.current.setSelectionRange(inputRef.current.value.length, inputRef.current.value.length);\r\n    }\r\n  }, [inputRef]);\r\n\r\n  const updateKeyin = React.useCallback((value: string) => {\r\n    setCurrentKeyin(value);\r\n    selectKeyin();\r\n  }, [selectKeyin]);\r\n\r\n  const getKeyinFromListboxValue = (value: string | undefined) => {\r\n    // istanbul ignore else\r\n    if (value) {\r\n      const indexSeparator = value.search(keyinSeparator);\r\n      // istanbul ignore else\r\n      if (indexSeparator)\r\n        return value.substr(0, indexSeparator);\r\n    }\r\n    // istanbul ignore next\r\n    return undefined;\r\n  };\r\n\r\n  const handleKeypressOnKeyinsList = React.useCallback(async (event: React.KeyboardEvent<HTMLUListElement>) => {\r\n    const key = event.key;\r\n    // built into listbox a \"Space\" key will trigger the selection of a entry so if an Enter key is pressed\r\n    // assume user wants to execute the entry.\r\n    // istanbul ignore else\r\n    if (key === SpecialKey.Enter) {\r\n      event.preventDefault();\r\n      // istanbul ignore next\r\n      const keyinToSend = getKeyinFromListboxValue(event.currentTarget?.dataset?.focusvalue);\r\n      // istanbul ignore else\r\n      if (keyinToSend) {\r\n        if (event.ctrlKey)\r\n          updateKeyin(keyinToSend);\r\n        else\r\n          await submitKeyin(keyinToSend);\r\n      }\r\n    }\r\n  }, [submitKeyin, updateKeyin]);\r\n\r\n  const onListboxValueChange = React.useCallback(async (value: string, isControlOrCommandPressed?: boolean) => {\r\n    const keyin = getKeyinFromListboxValue(value);\r\n    // istanbul ignore else\r\n    if (keyin) {\r\n      if (isControlOrCommandPressed)\r\n        updateKeyin(keyin);\r\n      else\r\n        await submitKeyin(keyin);\r\n    }\r\n  }, [submitKeyin, updateKeyin]);\r\n\r\n  const onInputValueChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\r\n    setCurrentKeyin(event.target.value);\r\n  }, []);\r\n\r\n  const filteredKeyins = React.useMemo(() => {\r\n    const filteredHistory: KeyinEntry[] = [];\r\n    if (undefined === currentKeyin || 0 === currentKeyin.length) {\r\n      return allKeyins;\r\n    } else {\r\n      const newKeyinSet: KeyinEntry[] = [];\r\n      allKeyins.forEach((value) => {\r\n        const matches = matchesWords(currentKeyin, value.value);\r\n        if (matches && matches.length) {\r\n          // istanbul ignore else\r\n          if (value.isHistory) {\r\n            filteredHistory.push(value);\r\n            newKeyinSet.push({ ...value, matches });\r\n          } else {\r\n            // only add entry if no match in filtered history\r\n            // istanbul ignore else\r\n            if (-1 === filteredHistory.findIndex((historyEntry: KeyinEntry) => historyEntry.value === value.value))\r\n              newKeyinSet.push({ ...value, matches });\r\n          }\r\n        }\r\n      });\r\n      return newKeyinSet;\r\n    }\r\n  }, [allKeyins, currentKeyin]);\r\n\r\n  const onInputValueKeyDown = React.useCallback(async (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n    if (SpecialKey.Enter === event.key) {\r\n      event.preventDefault();\r\n      event.stopPropagation();\r\n      // istanbul ignore else\r\n      if (1 === filteredKeyins.length) {\r\n        if (event.ctrlKey)\r\n          updateKeyin(filteredKeyins[0].value);\r\n        else\r\n          await submitKeyin(filteredKeyins[0].value);\r\n      } else {\r\n        if (currentKeyin)\r\n          await submitKeyin(currentKeyin);\r\n      }\r\n    } else if (SpecialKey.Tab === event.key && 1 === filteredKeyins.length) {\r\n      event.preventDefault();\r\n      event.stopPropagation();\r\n      updateKeyin(filteredKeyins[0].value);\r\n    } else {\r\n      if (event.key === SpecialKey.ArrowDown && filteredKeyins.length > 0) {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n        // istanbul ignore else\r\n        if (inputRef.current) {\r\n          const nextElement = inputRef.current.nextElementSibling as HTMLElement;\r\n          nextElement && nextElement.focus();\r\n        }\r\n      }\r\n    }\r\n\r\n  }, [filteredKeyins, submitKeyin, currentKeyin, updateKeyin]);\r\n\r\n  const lastHistoryIndex = filteredKeyins.findIndex((entry) => (true !== entry.isHistory)) - 1;\r\n\r\n  return <div className=\"uifw-command-palette-panel\">\r\n    <Input ref={inputRef} type=\"text\" onKeyDown={onInputValueKeyDown}\r\n      className={\"uifw-command-palette-input\"} data-testid=\"command-palette-input\" onChange={onInputValueChange}\r\n      placeholder={placeholderLabel.current} value={currentKeyin} size=\"small\"\r\n    />\r\n    {(filteredKeyins.length > 0) &&\r\n      <Listbox id=\"uifw-command-sources\" className=\"map-manager-source-list\" onKeyPress={handleKeypressOnKeyinsList}\r\n        onListboxValueChange={onListboxValueChange} >\r\n        {\r\n          filteredKeyins.map((entry, index) => {\r\n            const value = `${entry.value}${keyinSeparator}${entry.isHistory ? \"history\" : \"registry\"}`;\r\n            const itemClass = `uifw-command-palette-value-entry${index === lastHistoryIndex ? \" uifw-history-bottom-border\" : \"\"}`;\r\n            return <ListboxItem key={`${entry.value}-${index}`} className={itemClass} value={value} >\r\n              <FilteredText value={entry.value} matches={entry.matches} />\r\n            </ListboxItem>;\r\n          })\r\n        }\r\n      </Listbox >\r\n    }\r\n  </div >;\r\n}\r\n"]}

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

@@ -4,7 +4,8 @@
 /// <reference types="react" />
 import { OnCancelFunc, OnItemExecutedFunc } from "@itwin/appui-abstract";
 import { KeyinEntry } from "../uiadmin/FrameworkUiAdmin";
-/** @alpha */
+/** Props defining KeyinPalettePopup component
+ * @public */
 export interface KeyinPalettePopupProps {
     id: string;
     el: HTMLElement;
@@ -13,7 +14,7 @@ export interface KeyinPalettePopupProps {
     onItemExecuted?: OnItemExecutedFunc;
 }
 /** Keyin Palette Popup Component
- * @alpha
+ * @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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KeyinPalettePopup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/KeyinPalettePopup.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAc,MAAM,uBAAuB,CAAC;AAIrF,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,aAAa;AACb,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,WAAW,CAAC;IAChB,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACrC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,sBAAsB,eAyCrG"}
+{"version":3,"file":"KeyinPalettePopup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/KeyinPalettePopup.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAc,MAAM,uBAAuB,CAAC;AAIrF,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD;aACa;AACb,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,WAAW,CAAC;IAChB,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACrC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,sBAAsB,eAyCrG"}

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

@@ -14,7 +14,7 @@ const core_react_1 = require("@itwin/core-react");
 const PositionPopup_1 = require("./PositionPopup");
 const KeyinPalettePanel_1 = require("./KeyinPalettePanel");
 /** Keyin Palette Popup Component
- * @alpha
+ * @public
  */
 function KeyinPalettePopup({ el, id, keyins, onCancel, onItemExecuted }) {
     const [popupSize, setPopupSize] = React.useState(new core_react_1.Size(-1, -1));

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;AAYxD;;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/** @alpha */\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 * @alpha\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"]}
+{"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

@@ -3,11 +3,11 @@
  */
 import * as React from "react";
 import { XAndY } from "@itwin/core-geometry";
-import { AbstractToolbarProps, DialogLayoutDataProvider, OnCancelFunc, OnItemExecutedFunc, OnValueCommitFunc, Primitives, PropertyDescription, PropertyRecord, RelativePosition } from "@itwin/appui-abstract";
-import { Point, SizeProps, UiEvent } from "@itwin/core-react";
+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
- * @alpha
+ * @public
  */
 export interface PopupInfo {
     id: string;
@@ -15,17 +15,17 @@ export interface PopupInfo {
     component: React.ReactNode;
     parentDocument: Document;
 }
-/** @alpha */
+/** @public */
 export interface PopupsChangedEventArgs {
     popups: ReadonlyArray<PopupInfo>;
 }
 /** Popups Changed Event class.
- * @alpha
+ * @public
  */
 export declare class PopupsChangedEvent extends UiEvent<PopupsChangedEventArgs> {
 }
 /** Props for each popup managed by the PopupManager
- * @alpha
+ * @public
  */
 export interface PopupPropsBase {
     id: string;
@@ -34,13 +34,13 @@ export interface PopupPropsBase {
     offset: XAndY;
 }
 /** Describes React based content
- * @alpha
+ * @public
  */
 export interface ReactContent {
     reactNode: React.ReactNode;
 }
 /** Type for Popup Content
- * @alpha
+ * @public
  */
 export declare type PopupContentType = HTMLElement | ReactContent;
 /** ReactContent type guard.
@@ -48,7 +48,7 @@ export declare type PopupContentType = HTMLElement | ReactContent;
  */
 export declare const isReactContent: (content: PopupContentType) => content is ReactContent;
 /** Popup Manager class
- * @alpha
+ * @public
  */
 export declare class PopupManager {
     private static _popups;
@@ -91,7 +91,7 @@ interface PopupRendererState {
     popups: ReadonlyArray<PopupInfo>;
 }
 /**  Popup Renderer
- * @alpha
+ * @public
  */
 export declare class PopupRenderer extends React.Component<{}, PopupRendererState> {
     /** @internal */

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

@@ -1 +1 @@
-{"version":3,"file":"PopupManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/PopupManager.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PopupManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/PopupManager.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EACL,oBAAoB,EAAE,wBAAwB,EAAE,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,UAAU,EAC/G,mBAAmB,EAAE,cAAc,EAAuB,gBAAgB,EAAE,OAAO,EACpF,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAe,KAAK,EAAa,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE7E,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAWzD;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,KAAK,CAAC;IACV,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,EAAE,QAAQ,CAAC;CAC1B;AAED,cAAc;AACd,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;CAClC;AAED;;GAEG;AACH,qBAAa,kBAAmB,SAAQ,OAAO,CAAC,sBAAsB,CAAC;CAAI;AAE3E;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,WAAW,CAAC;IAChB,EAAE,EAAE,KAAK,CAAC;IACV,MAAM,EAAE,KAAK,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,oBAAY,gBAAgB,GAAG,WAAW,GAAG,YAAY,CAAC;AAE1D;;GAEG;AACH,eAAO,MAAM,cAAc,YAAa,gBAAgB,4BAEvD,CAAC;AAEF;;GAEG;AACH,qBAAa,YAAY;IACvB,OAAO,CAAC,MAAM,CAAC,OAAO,CAAgC;IACtD,OAAO,CAAC,MAAM,CAAC,SAAS,CAAiB;IACzC,OAAO,CAAC,MAAM,CAAC,UAAU,CAAa;IACtC,OAAO,CAAC,MAAM,CAAC,cAAc,CAAiB;IAC9C,OAAO,CAAC,MAAM,CAAC,OAAO,CAAU;IAChC,OAAO,CAAC,MAAM,CAAC,eAAe,CAAkB;IAChD,OAAO,CAAC,MAAM,CAAC,kBAAkB,CAAkB;IAEnD,OAAO,CAAC,MAAM,CAAC,cAAc,CAAkB;IAE/C,gBAAuB,oBAAoB,qBAA4B;IAEvE,WAAkB,UAAU,WAAkC;IAC9D,WAAkB,MAAM,IAES,aAAa,CAAC,SAAS,CAAC,CAFN;IAEnD,WAAkB,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,EAMxD;IAED,gBAAgB;WACF,WAAW;IAIzB,OAAO,CAAC,MAAM,CAAC,QAAQ;IAQvB,OAAO,CAAC,MAAM,CAAC,WAAW;WAaZ,gBAAgB,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI;WAQ5C,WAAW,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO;IAiB9C,WAAkB,aAAa,IAAI,KAAK,CAAwC;IAChF,WAAkB,aAAa,CAAC,MAAM,EAAE,KAAK,EAA2C;WAE1E,eAAe,CAAC,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,QAAQ,EAAE,iBAAiB,EAAE,QAAQ,EAAE,YAAY,GAAG,OAAO;WAqB5K,eAAe,IAAI,OAAO;WAI1B,gBAAgB,CAC5B,MAAM,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,cAAc,CAAC,EAAE,kBAAkB,EAAE,QAAQ,CAAC,EAAE,YAAY,GAClG,OAAO;WAmBI,gBAAgB,IAAI,OAAO;WAI3B,WAAW,CACvB,YAAY,EAAE,oBAAoB,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAC7E,cAAc,EAAE,kBAAkB,EAAE,QAAQ,EAAE,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,GAC7F,OAAO;WAgBI,WAAW,IAAI,OAAO;WAItB,eAAe,CAC3B,cAAc,EAAE,WAAW,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EACtE,QAAQ,EAAE,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,GACzD,OAAO;WAgBI,eAAe,IAAI,OAAO;WAI1B,QAAQ,CACpB,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,GAAG,cAAc,GAAG,SAAS,EAAE,YAAY,EAAE,oBAAoB,GAAG,SAAS,EACrH,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EACzC,cAAc,EAAE,kBAAkB,EAAE,QAAQ,EAAE,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,GAC7F,OAAO;WAiBI,QAAQ,IAAI,OAAO;WAOnB,gBAAgB,CAC5B,YAAY,EAAE,wBAAwB,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,GAC5I,OAAO;WAgBI,iBAAiB,IAAI,OAAO;WAI5B,gBAAgB,CAAC,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,GAAG,KAAK;CASlG;AAED,gBAAgB;AAChB,UAAU,kBAAkB;IAC1B,cAAc,EAAE,QAAQ,GAAG,IAAI,CAAC;IAChC,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;CAClC;AAED;;GAEG;AACH,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,EAAE,EAAE,kBAAkB,CAAC;IACxE,gBAAgB;IAChB,SAAyB,KAAK,EAAE,kBAAkB,CAGhD;IAEc,iBAAiB,IAAI,IAAI;IAIzB,oBAAoB,IAAI,IAAI;IAI5C,OAAO,CAAC,aAAa,CAEnB;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;IAoBzC,OAAO,CAAC,yBAAyB,CAE/B;CAEH"}

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

@@ -21,9 +21,9 @@ const KeyinPalettePopup_1 = require("./KeyinPalettePopup");
 const ToolbarPopup_1 = require("./ToolbarPopup");
 const ToolSettingsPopup_1 = require("./ToolSettingsPopup");
 /** Popups Changed Event class.
- * @alpha
+ * @public
  */
-class PopupsChangedEvent extends core_react_1.UiEvent {
+class PopupsChangedEvent extends appui_abstract_1.UiEvent {
 }
 exports.PopupsChangedEvent = PopupsChangedEvent;
 /** ReactContent type guard.
@@ -34,7 +34,7 @@ const isReactContent = (content) => {
 };
 exports.isReactContent = isReactContent;
 /** Popup Manager class
- * @alpha
+ * @public
  */
 class PopupManager {
     static get popupCount() { return this._popups.length; }
@@ -195,7 +195,7 @@ PopupManager._keyPalettePopupId = "KeyinPalette";
 PopupManager._defaultOffset = { x: 8, y: 8 };
 PopupManager.onPopupsChangedEvent = new PopupsChangedEvent();
 /**  Popup Renderer
- * @alpha
+ * @public
  */
 class PopupRenderer extends React.Component {
     constructor() {

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

@@ -1 +1 @@
-{"version":3,"file":"PopupManager.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/PopupManager.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,sDAA6C;AAE7C,0DAG+B;AAC/B,kDAAsF;AACtF,kEAAwE;AAExE,gDAA6C;AAC7C,2CAAwC;AACxC,yDAAsD;AACtD,yDAAgF;AAChF,2DAAwD;AACxD,iDAA8C;AAC9C,2DAAwD;AAmBxD;;GAEG;AACH,MAAa,kBAAmB,SAAQ,oBAA+B;CAAI;AAA3E,gDAA2E;AAwB3E;;GAEG;AACI,MAAM,cAAc,GAAG,CAAC,OAAyB,EAA2B,EAAE;IACnF,OAAQ,OAAwB,CAAC,SAAS,KAAK,SAAS,CAAC;AAC3D,CAAC,CAAC;AAFW,QAAA,cAAc,kBAEzB;AAEF;;GAEG;AACH,MAAa,YAAY;IAahB,MAAM,KAAK,UAAU,KAAK,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IACvD,MAAM,KAAK,MAAM,KAAK,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IAE5C,MAAM,KAAK,MAAM,CAAC,MAAgC;QACvD,qBAAqB;QACrB,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM;YACzB,OAAO;QACT,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;IAC7C,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,WAAW;QACvB,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;IACnB,CAAC;IAEO,MAAM,CAAC,QAAQ,CAAC,SAAoB;QAC1C,MAAM,MAAM,GAAG;YACb,GAAG,YAAY,CAAC,OAAO;YACvB,SAAS;SACV,CAAC;QACF,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;IAEO,MAAM,CAAC,WAAW,CAAC,SAAoB,EAAE,SAAiB;QAChE,qBAAqB;QACrB,IAAI,SAAS,GAAG,CAAC;YACf,OAAO;QAET,MAAM,MAAM,GAAG;YACb,GAAG,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC;YAC3C,SAAS;YACT,GAAG,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC;SAC7C,CAAC;QACF,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;IAEM,MAAM,CAAC,gBAAgB,CAAC,SAAoB;QACjD,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,IAAe,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,SAAS,CAAC,EAAE,CAAC,CAAC;QAChG,IAAI,SAAS,IAAI,CAAC;YAChB,YAAY,CAAC,WAAW,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;;YAE/C,YAAY,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IACrC,CAAC;IAEM,MAAM,CAAC,WAAW,CAAC,EAAU;QAClC,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,IAAe,EAAE,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC;QAClF,IAAI,MAAM,GAAG,IAAI,CAAC;QAElB,IAAI,KAAK,IAAI,CAAC,EAAE;YACd,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAe,EAAE,EAAE;gBAC7D,OAAO,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC;YACxB,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;SACtB;aAAM;YACL,qBAAM,CAAC,QAAQ,CAAC,yBAAW,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,iDAAiD,EAAE,GAAG,CAAC,CAAC;YAC1G,MAAM,GAAG,KAAK,CAAC;SAChB;QAED,OAAO,MAAM,CAAC;IAChB,CAAC;IAEM,MAAM,KAAK,aAAa,KAAY,OAAO,YAAY,CAAC,cAAc,CAAC,CAAC,CAAC;IACzE,MAAM,KAAK,aAAa,CAAC,MAAa,IAAI,YAAY,CAAC,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC;IAEjF,MAAM,CAAC,eAAe,CAAC,EAAe,EAAE,EAAS,EAAE,KAAuB,EAAE,mBAAwC,EAAE,QAA2B,EAAE,QAAsB;QAC9K,MAAM,cAAc,GAAmB;YACrC,KAAK;YACL,WAAW,EAAE,oCAAmB,CAAC,SAAS;SAC3C,CAAC;QACF,MAAM,MAAM,GAAG,IAAI,+BAAc,CAAC,cAAc,EAAE,mBAAmB,CAAC,CAAC;QACvE,MAAM,aAAa,GAAG,IAAI,2CAAwB,CAAC,QAAQ,CAAC,CAAC;QAC7D,MAAM,EAAE,GAAG,YAAY,CAAC,SAAS,CAAC;QAClC,MAAM,SAAS,GAAG,CAChB,oBAAC,mCAAgB,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,YAAY,CAAC,aAAa,EAC1E,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,GAAI,CACvE,CAAC;QAEF,MAAM,SAAS,GAAc;YAC3B,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,CAAC,aAAa;SACpD,CAAC;QACF,YAAY,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAEzC,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,MAAM,CAAC,eAAe;QAC3B,OAAO,YAAY,CAAC,WAAW,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAC1D,CAAC;IAEM,MAAM,CAAC,gBAAgB,CAC5B,MAAoB,EAAE,EAAe,EAAE,cAAmC,EAAE,QAAuB;QAGnG,MAAM,EAAE,GAAG,YAAY,CAAC,kBAAkB,CAAC;QAC3C,MAAM,SAAS,GAAG,CAChB,oBAAC,qCAAiB,IAAC,MAAM,EAAE,MAAM,EAC/B,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,GAAI,CACzE,CAAC;QAEF,sHAAsH;QACtH,oCAAoC;QACpC,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;QAC1B,MAAM,SAAS,GAAc;YAC3B,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,CAAC,aAAa;SACpD,CAAC;QACF,YAAY,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAEzC,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,MAAM,CAAC,gBAAgB;QAC5B,OAAO,YAAY,CAAC,WAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC;IACnE,CAAC;IAEM,MAAM,CAAC,WAAW,CACvB,YAAkC,EAAE,EAAe,EAAE,EAAS,EAAE,MAAa,EAC7E,cAAkC,EAAE,QAAsB,EAAE,gBAAkC;QAG9F,MAAM,EAAE,GAAG,YAAY,CAAC,UAAU,CAAC;QACnC,MAAM,SAAS,GAAG,CAChB,oBAAC,2BAAY,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAClD,KAAK,EAAE,YAAY,CAAC,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,WAAW,EAAE,wBAAW,CAAC,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,GAAI,CAC7J,CAAC;QAEF,MAAM,SAAS,GAAc;YAC3B,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,CAAC,aAAa;SACpD,CAAC;QACF,YAAY,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAEzC,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,MAAM,CAAC,WAAW;QACvB,OAAO,YAAY,CAAC,WAAW,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IAC3D,CAAC;IAEM,MAAM,CAAC,eAAe,CAC3B,cAA2B,EAAE,EAAe,EAAE,EAAS,EAAE,MAAa,EACtE,QAAsB,EAAE,gBAAkC;QAG1D,MAAM,EAAE,GAAG,YAAY,CAAC,cAAc,CAAC;QACvC,MAAM,SAAS,GAAG,CAChB,oBAAC,mCAAgB,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EACtD,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,WAAW,EAAE,wBAAW,CAAC,UAAU,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC3H,CAAC;QAEF,MAAM,SAAS,GAAc;YAC3B,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,CAAC,aAAa;SACpD,CAAC;QACF,YAAY,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAEzC,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,MAAM,CAAC,eAAe;QAC3B,OAAO,YAAY,CAAC,WAAW,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IAC/D,CAAC;IAEM,MAAM,CAAC,QAAQ,CACpB,OAAyB,EAAE,KAA0C,EAAE,YAA8C,EACrH,EAAe,EAAE,EAAS,EAAE,MAAa,EACzC,cAAkC,EAAE,QAAsB,EAAE,gBAAkC;QAG9F,MAAM,EAAE,GAAG,YAAY,CAAC,OAAO,CAAC;QAChC,MAAM,SAAS,GAAG,CAChB,oBAAC,qBAAS,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAC/C,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,0BAA0B,CAAC,SAAS,EAC/G,gBAAgB,EAAE,gBAAgB,EAAE,WAAW,EAAE,wBAAW,CAAC,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,GAAI,CAClI,CAAC;QAEF,MAAM,SAAS,GAAc;YAC3B,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,CAAC,aAAa;SACpD,CAAC;QACF,YAAY,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAEzC,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,MAAM,CAAC,QAAQ;QACpB,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,IAAe,EAAE,EAAE,CAAC,YAAY,CAAC,OAAO,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC;QACpG,IAAI,KAAK,IAAI,CAAC;YACZ,OAAO,YAAY,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACxD,OAAO,KAAK,CAAC;IACf,CAAC;IAEM,MAAM,CAAC,gBAAgB,CAC5B,YAAsC,EAAE,EAAe,EAAE,EAAS,EAAE,MAAa,EAAE,QAAsB,EAAE,gBAAkC;QAG7I,MAAM,EAAE,GAAG,YAAY,CAAC,eAAe,CAAC;QACxC,MAAM,SAAS,GAAG,CAChB,oBAAC,qCAAiB,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EACvD,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,WAAW,EAAE,wBAAW,CAAC,UAAU,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAC9H,CAAC;QAEF,MAAM,SAAS,GAAc;YAC3B,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,CAAC,aAAa;SACpD,CAAC;QACF,YAAY,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAEzC,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,MAAM,CAAC,iBAAiB;QAC7B,OAAO,YAAY,CAAC,WAAW,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;IAChE,CAAC;IAEM,MAAM,CAAC,gBAAgB,CAAC,EAAe,EAAE,EAAS,EAAE,MAAa,EAAE,IAAe;QACvF,MAAM,eAAe,GAAG,sBAAS,CAAC,MAAM,CAAC,EAAE,CAAC,qBAAqB,EAAE,CAAC,CAAC;QACrE,MAAM,cAAc,GAAG,sBAAS,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACjE,MAAM,gBAAgB,GAAU,IAAA,gDAA2B,EAAC,cAAc,EAAE,eAAe,CAAC,OAAO,EAAE,EAAE,MAAM,CAAC,CAAC;QAC/G,MAAM,QAAQ,GAAG,gBAAgB,CAAC,MAAM,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC,CAAC;QAEpE,OAAO,QAAQ,CAAC;IAClB,CAAC;;AAvOH,oCAyOC;AAxOgB,oBAAO,GAA6B,EAAE,CAAC;AACvC,sBAAS,GAAG,aAAa,CAAC;AAC1B,uBAAU,GAAG,SAAS,CAAC;AACvB,2BAAc,GAAG,aAAa,CAAC;AAC/B,oBAAO,GAAG,MAAM,CAAC;AACjB,4BAAe,GAAG,cAAc,CAAC;AACjC,+BAAkB,GAAG,cAAc,CAAC;AAEpC,2BAAc,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AAExB,iCAAoB,GAAG,IAAI,kBAAkB,EAAE,CAAC;AAsOzE;;GAEG;AACH,MAAa,aAAc,SAAQ,KAAK,CAAC,SAAiC;IAA1E;;QACE,gBAAgB;QACS,UAAK,GAAuB;YACnD,cAAc,EAAE,IAAI;YACpB,MAAM,EAAE,YAAY,CAAC,MAAM;SAC5B,CAAC;QAUM,kBAAa,GAAG,CAAC,QAA4B,EAAE,EAAE;;YACvD,IAAI,CAAC,QAAQ,CAAC,EAAE,cAAc,EAAE,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,mCAAI,IAAI,EAAE,CAAC,CAAC;QACrE,CAAC,CAAC;QAsBM,8BAAyB,GAAG,CAAC,IAA4B,EAAE,EAAE;YACnE,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QACzC,CAAC,CAAC;IAEJ,CAAC;IApCiB,iBAAiB;QAC/B,YAAY,CAAC,oBAAoB,CAAC,WAAW,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;IAChF,CAAC;IAEe,oBAAoB;QAClC,YAAY,CAAC,oBAAoB,CAAC,cAAc,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;IACnF,CAAC;IAMe,MAAM;QACpB,IAAI,YAAY,CAAC,UAAU,IAAI,CAAC;YAC9B,OAAO,IAAI,CAAC;QAEd,OAAO,CACL,6BAAK,SAAS,EAAC,oCAAoC,EAAC,GAAG,EAAE,IAAI,CAAC,aAAa,IACxE,IAAI,CAAC,KAAK,CAAC,cAAc;YACxB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,KAAK,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC;iBAClF,GAAG,CAAC,CAAC,SAAoB,EAAE,EAAE;gBAC5B,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,SAAS,CAAC,EAAE,IAC9B,SAAS,CAAC,SAAS,CACL,CAClB,CAAC;YACJ,CAAC,CAAC,CAEF,CACP,CAAC;IACJ,CAAC;CAMF;AA3CD,sCA2CC","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,\r\n} from \"@itwin/appui-abstract\";\r\nimport { Orientation, Point, Rectangle, SizeProps, UiEvent } 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 * @alpha\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/** @alpha */\r\nexport interface PopupsChangedEventArgs {\r\n  popups: ReadonlyArray<PopupInfo>;\r\n}\r\n\r\n/** Popups Changed Event class.\r\n * @alpha\r\n */\r\nexport class PopupsChangedEvent extends UiEvent<PopupsChangedEventArgs> { }\r\n\r\n/** Props for each popup managed by the PopupManager\r\n * @alpha\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 * @alpha\r\n */\r\nexport interface ReactContent {\r\n  reactNode: React.ReactNode;\r\n}\r\n\r\n/** Type for Popup Content\r\n * @alpha\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 * @alpha\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 * @alpha\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"]}
+{"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/cjs/appui-react/popup/PositionPopup.d.ts

@@ -5,21 +5,23 @@ import "./PositionPopup.scss";
 import * as React from "react";
 import { PointProps } from "@itwin/appui-abstract";
 import { CommonDivProps, CommonProps, SizeProps } from "@itwin/core-react";
-/** @alpha */
+/** 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;
 }
-/** @alpha */
+/** 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
- * @alpha
+ * @beta
  */
 export declare function PositionPopupContent(props: CommonDivProps): JSX.Element;
 //# sourceMappingURL=PositionPopup.d.ts.map

package/lib/cjs/appui-react/popup/PositionPopup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PositionPopup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/PositionPopup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAE9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,WAAW,EAAa,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEtF,aAAa;AACb,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,mBAAmB;IACnB,KAAK,EAAE,UAAU,CAAC;IAClB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAED,aAAa;AACb,qBAAa,aAAc,SAAQ,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC;gBAE5D,KAAK,EAAE,kBAAkB;IAIrB,MAAM;IAgBtB,OAAO,CAAC,SAAS;CAYlB;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,cAAc,eAEzD"}
+{"version":3,"file":"PositionPopup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/PositionPopup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAE9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,WAAW,EAAa,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEtF;WACW;AACX,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,mBAAmB;IACnB,KAAK,EAAE,UAAU,CAAC;IAClB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CACzC;AAED;WACW;AACX,qBAAa,aAAc,SAAQ,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC;gBAE5D,KAAK,EAAE,kBAAkB;IAIrB,MAAM;IAgBtB,OAAO,CAAC,SAAS;CAYlB;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,cAAc,eAEzD"}

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

@@ -12,7 +12,8 @@ require("./PositionPopup.scss");
 const classnames_1 = require("classnames");
 const React = require("react");
 const core_react_1 = require("@itwin/core-react");
-/** @alpha */
+/** Popup component at screen position
+ * @beta */
 class PositionPopup extends React.PureComponent {
     constructor(props) {
         super(props);
@@ -39,7 +40,7 @@ class PositionPopup extends React.PureComponent {
 }
 exports.PositionPopup = PositionPopup;
 /** PositionPopup content with padding
- * @alpha
+ * @beta
  */
 function PositionPopupContent(props) {
     return React.createElement(core_react_1.Div, { ...props, mainClassName: "uifw-position-popup-content" });

package/lib/cjs/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,gCAA8B;AAC9B,2CAAoC;AACpC,+BAA+B;AAE/B,kDAAsF;AAUtF,aAAa;AACb,MAAa,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,IAAA,oBAAU,EAAC,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,iBAAI,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;AAlCD,sCAkCC;AAED;;GAEG;AACH,SAAgB,oBAAoB,CAAC,KAAqB;IACxD,OAAO,oBAAC,gBAAG,OAAK,KAAK,EAAE,aAAa,EAAC,6BAA6B,GAAG,CAAC;AACxE,CAAC;AAFD,oDAEC","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/** @alpha */\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/** @alpha */\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 * @alpha\r\n */\r\nexport function PositionPopupContent(props: CommonDivProps) {\r\n  return <Div {...props} mainClassName=\"uifw-position-popup-content\" />;\r\n}\r\n"]}
+{"version":3,"file":"PositionPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/PositionPopup.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,gCAA8B;AAC9B,2CAAoC;AACpC,+BAA+B;AAE/B,kDAAsF;AAWtF;WACW;AACX,MAAa,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,IAAA,oBAAU,EAAC,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,iBAAI,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;AAlCD,sCAkCC;AAED;;GAEG;AACH,SAAgB,oBAAoB,CAAC,KAAqB;IACxD,OAAO,oBAAC,gBAAG,OAAK,KAAK,EAAE,aAAa,EAAC,6BAA6B,GAAG,CAAC;AACxE,CAAC;AAFD,oDAEC","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/cjs/appui-react/popup/ToolSettingsPopup.d.ts

@@ -5,7 +5,8 @@ import * as React from "react";
 import { DialogLayoutDataProvider, OnCancelFunc, RelativePosition } from "@itwin/appui-abstract";
 import { Orientation, Size } from "@itwin/core-react";
 import { PopupPropsBase } from "./PopupManager";
-/** @alpha */
+/** Props for defining a popup tool settings component
+ * @beta */
 export interface ToolSettingsPopupProps extends PopupPropsBase {
     dataProvider: DialogLayoutDataProvider;
     relativePosition: RelativePosition;
@@ -17,7 +18,7 @@ interface ToolSettingsPopupState {
     size: Size;
 }
 /** Popup component for Tool Settings
- * @alpha
+ * @beta
  */
 export declare class ToolSettingsPopup extends React.PureComponent<ToolSettingsPopupProps, ToolSettingsPopupState> {
     /** @internal */

package/lib/cjs/appui-react/popup/ToolSettingsPopup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolSettingsPopup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/ToolSettingsPopup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,wBAAwB,EAAE,YAAY,EAAE,gBAAgB,EAAc,MAAM,uBAAuB,CAAC;AAC7G,OAAO,EAAkC,WAAW,EAAS,IAAI,EAAa,MAAM,mBAAmB,CAAC;AAExG,OAAO,EAAgB,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAK9D,aAAa;AACb,MAAM,WAAW,sBAAuB,SAAQ,cAAc;IAC5D,YAAY,EAAE,wBAAwB,CAAC;IACvC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,gBAAgB;AAChB,UAAU,sBAAsB;IAC9B,IAAI,EAAE,IAAI,CAAC;CACZ;AAED;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,aAAa,CAAC,sBAAsB,EAAE,sBAAsB,CAAC;IAExG,gBAAgB;IAChB,SAAyB,KAAK;;MAE5B;gBAEU,KAAK,EAAE,sBAAsB;IAIzC,OAAO,CAAC,YAAY,CAIlB;IAEF,OAAO,CAAC,cAAc,CAQpB;IAEc,MAAM;CAuBvB"}
+{"version":3,"file":"ToolSettingsPopup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/ToolSettingsPopup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,wBAAwB,EAAE,YAAY,EAAE,gBAAgB,EAAc,MAAM,uBAAuB,CAAC;AAC7G,OAAO,EAAkC,WAAW,EAAS,IAAI,EAAa,MAAM,mBAAmB,CAAC;AAExG,OAAO,EAAgB,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAK9D;WACW;AACX,MAAM,WAAW,sBAAuB,SAAQ,cAAc;IAC5D,YAAY,EAAE,wBAAwB,CAAC;IACvC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,gBAAgB;AAChB,UAAU,sBAAsB;IAC9B,IAAI,EAAE,IAAI,CAAC;CACZ;AAED;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,aAAa,CAAC,sBAAsB,EAAE,sBAAsB,CAAC;IAExG,gBAAgB;IAChB,SAAyB,KAAK;;MAE5B;gBAEU,KAAK,EAAE,sBAAsB;IAIzC,OAAO,CAAC,YAAY,CAIlB;IAEF,OAAO,CAAC,cAAc,CAQpB;IAEc,MAAM;CAuBvB"}

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

@@ -17,7 +17,7 @@ const PositionPopup_1 = require("./PositionPopup");
 const ComponentGenerator_1 = require("../uiprovider/ComponentGenerator");
 const DefaultDialogGridContainer_1 = require("../uiprovider/DefaultDialogGridContainer");
 /** Popup component for Tool Settings
- * @alpha
+ * @beta
  */
 class ToolSettingsPopup extends React.PureComponent {
     constructor(props) {

package/lib/cjs/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,+BAA+B;AAC/B,0DAA6G;AAC7G,kDAAwG;AACxG,mEAAgE;AAChE,iDAA8D;AAC9D,mDAAsE;AACtE,yEAAsE;AACtE,yFAA+E;AAe/E;;GAEG;AACH,MAAa,iBAAkB,SAAQ,KAAK,CAAC,aAA6D;IAOxG,YAAY,KAA6B;QACvC,KAAK,CAAC,KAAK,CAAC,CAAC;QANf,gBAAgB;QACS,UAAK,GAAG;YAC/B,IAAI,EAAE,IAAI,iBAAI,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,iBAAI,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,2BAAU,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,uCAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC3E,IAAI,KAAK,GAAG,2BAAY,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,kBAAK,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACtG,MAAM,SAAS,GAAG,yBAAW,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,kBAAK,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;QAEjD,OAAO,CACL,oBAAC,6BAAa,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAC/B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,CAAC,YAAY;YAE9B,oBAAC,gCAAmB,IAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,cAAc;gBACtF,oBAAC,oCAAoB;oBACnB,oBAAC,sBAAS,IAAC,MAAM,EAAE,IAAI,EAAE,uBAAuB,EAAE,IAAI,IACnD,kBAAkB;wBACjB,oBAAC,gDAAmB,IAAC,kBAAkB,EAAE,kBAAkB,GAAI,CAEvD,CACS,CACH,CACR,CACjB,CAAC;IACJ,CAAC;CACF;AAlDD,8CAkDC","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/** @alpha */\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 * @alpha\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"]}
+{"version":3,"file":"ToolSettingsPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/ToolSettingsPopup.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,0DAA6G;AAC7G,kDAAwG;AACxG,mEAAgE;AAChE,iDAA8D;AAC9D,mDAAsE;AACtE,yEAAsE;AACtE,yFAA+E;AAgB/E;;GAEG;AACH,MAAa,iBAAkB,SAAQ,KAAK,CAAC,aAA6D;IAOxG,YAAY,KAA6B;QACvC,KAAK,CAAC,KAAK,CAAC,CAAC;QANf,gBAAgB;QACS,UAAK,GAAG;YAC/B,IAAI,EAAE,IAAI,iBAAI,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,iBAAI,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,2BAAU,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,uCAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC3E,IAAI,KAAK,GAAG,2BAAY,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,kBAAK,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACtG,MAAM,SAAS,GAAG,yBAAW,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,kBAAK,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;QAEjD,OAAO,CACL,oBAAC,6BAAa,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAC/B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,CAAC,YAAY;YAE9B,oBAAC,gCAAmB,IAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,cAAc;gBACtF,oBAAC,oCAAoB;oBACnB,oBAAC,sBAAS,IAAC,MAAM,EAAE,IAAI,EAAE,uBAAuB,EAAE,IAAI,IACnD,kBAAkB;wBACjB,oBAAC,gDAAmB,IAAC,kBAAkB,EAAE,kBAAkB,GAAI,CAEvD,CACS,CACH,CACR,CACjB,CAAC;IACJ,CAAC;CACF;AAlDD,8CAkDC","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"]}