@itwin/appui-react 3.0.0-dev.100

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

@@ -0,0 +1 @@
+{"version":3,"file":"HTMLElementPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/HTMLElementPopup.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAe,KAAK,EAAE,IAAI,EAAa,MAAM,mBAAmB,CAAC;AAC7F,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,YAAY,EAAkB,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAerD;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,KAAK,CAAC,aAA2D;IAAvG;;QACE,gBAAgB;QACS,UAAK,GAAG;YAC/B,IAAI,EAAE,IAAI,IAAI,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,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAClD,CAAC,CAAC;IAmBJ,CAAC;IAjBiB,MAAM;QACpB,IAAI,KAAK,GAAG,YAAY,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,KAAK,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACtG,MAAM,SAAS,GAAG,WAAW,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;QACnH,KAAK,GAAG,IAAI,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;QAEjD,OAAO,CACL,oBAAC,aAAa,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAC/B,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,CAAC,YAAY;YAE9B,oBAAC,mBAAmB,IAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;gBACtD,oBAAC,UAAU,IAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAI,CACvB,CACR,CACjB,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Popup\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { OnCancelFunc, RelativePosition } from \"@itwin/appui-abstract\";\r\nimport { DivWithOutsideClick, Orientation, Point, Size, SizeProps } from \"@itwin/core-react\";\r\nimport { CursorPopup } from \"../cursor/cursorpopup/CursorPopup\";\r\nimport { PopupManager, PopupPropsBase } from \"./PopupManager\";\r\nimport { PositionPopup } from \"./PositionPopup\";\r\nimport { MessageDiv } from \"../messages/MessageSpan\";\r\n\r\n/** @alpha */\r\nexport interface HTMLElementPopupProps extends PopupPropsBase {\r\n  element: HTMLElement;\r\n  relativePosition: RelativePosition;\r\n  orientation: Orientation;\r\n  onCancel: OnCancelFunc;\r\n}\r\n\r\n/** @internal */\r\ninterface HTMLElementPopupState {\r\n  size: Size;\r\n}\r\n\r\n/** Popup component for HTMLElement\r\n * @alpha\r\n */\r\nexport class HTMLElementPopup extends React.PureComponent<HTMLElementPopupProps, HTMLElementPopupState> {\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  public override render() {\r\n    let point = PopupManager.getPopupPosition(this.props.el, this.props.pt, new Point(), this.state.size);\r\n    const popupRect = CursorPopup.getPopupRect(point, this.props.offset, this.state.size, this.props.relativePosition);\r\n    point = new Point(popupRect.left, popupRect.top);\r\n\r\n    return (\r\n      <PositionPopup key={this.props.id}\r\n        className=\"uifw-no-border\"\r\n        point={point}\r\n        onSizeKnown={this._onSizeKnown}\r\n      >\r\n        <DivWithOutsideClick onOutsideClick={this.props.onCancel}>\r\n          <MessageDiv message={this.props.element} />\r\n        </DivWithOutsideClick>\r\n      </PositionPopup>\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1,38 @@
+/** @packageDocumentation
+ * @module Popup
+ */
+import * as React from "react";
+import { OnCancelFunc, OnValueCommitFunc, PropertyRecord } from "@itwin/appui-abstract";
+import { PropertyUpdatedArgs } from "@itwin/components-react";
+import { Size } from "@itwin/core-react";
+import { PopupPropsBase } from "./PopupManager";
+/** @alpha */
+export declare class InputEditorCommitHandler {
+    readonly onCommit: OnValueCommitFunc;
+    constructor(onCommit: OnValueCommitFunc);
+    handleCommit: (args: PropertyUpdatedArgs) => void;
+}
+/** @alpha */
+export interface InputEditorPopupProps extends PopupPropsBase {
+    record: PropertyRecord;
+    onCancel: OnCancelFunc;
+    commitHandler: InputEditorCommitHandler;
+}
+/** @internal */
+interface InputEditorPopupState {
+    size: Size;
+}
+/** Popup component for Input Editor
+ * @alpha
+ */
+export declare class InputEditorPopup extends React.PureComponent<InputEditorPopupProps, InputEditorPopupState> {
+    /** @internal */
+    readonly state: {
+        size: Size;
+    };
+    private _onSizeKnown;
+    /** @internal */
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=InputEditorPopup.d.ts.map

package/lib/esm/appui-react/popup/InputEditorPopup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputEditorPopup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/InputEditorPopup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAc,cAAc,EAAuB,MAAM,uBAAuB,CAAC;AACzH,OAAO,EAAmB,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAAuB,IAAI,EAAa,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAgB,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAG9D,aAAa;AACb,qBAAa,wBAAwB;aAEjB,QAAQ,EAAE,iBAAiB;gBAA3B,QAAQ,EAAE,iBAAiB;IAGtC,YAAY,SAAU,mBAAmB,UAO9C;CACH;AAED,aAAa;AACb,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,YAAY,CAAC;IACvB,aAAa,EAAE,wBAAwB,CAAC;CACzC;AAED,gBAAgB;AAChB,UAAU,qBAAqB;IAC7B,IAAI,EAAE,IAAI,CAAC;CACZ;AAED;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAa,CAAC,qBAAqB,EAAE,qBAAqB,CAAC;IACrG,gBAAgB;IAChB,SAAyB,KAAK;;MAE5B;IAEF,OAAO,CAAC,YAAY,CAIlB;IAEF,gBAAgB;IACA,MAAM;CAoBvB"}

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

@@ -0,0 +1,53 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Popup
+ */
+import * as React from "react";
+import { PropertyValueFormat } from "@itwin/appui-abstract";
+import { EditorContainer } from "@itwin/components-react";
+import { DivWithOutsideClick, Size } from "@itwin/core-react";
+import { PopupManager } from "./PopupManager";
+import { PositionPopup, PositionPopupContent } from "./PositionPopup";
+/** @alpha */
+export class InputEditorCommitHandler {
+    constructor(onCommit) {
+        this.onCommit = onCommit;
+        this.handleCommit = (args) => {
+            let newValue = 0;
+            // istanbul ignore else
+            if (args.newValue.valueFormat === PropertyValueFormat.Primitive && args.newValue.value !== undefined) {
+                newValue = args.newValue.value;
+            }
+            this.onCommit(newValue);
+        };
+    }
+}
+/** Popup component for Input Editor
+ * @alpha
+ */
+export class InputEditorPopup extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        /** @internal */
+        this.state = {
+            size: new Size(-1, -1),
+        };
+        this._onSizeKnown = (newSize) => {
+            // istanbul ignore else
+            if (!this.state.size.equals(newSize))
+                this.setState({ size: Size.create(newSize) });
+        };
+    }
+    /** @internal */
+    render() {
+        const point = PopupManager.getPopupPosition(this.props.el, this.props.pt, this.props.offset, this.state.size);
+        return (React.createElement(PositionPopup, { key: this.props.id, point: point, onSizeKnown: this._onSizeKnown },
+            React.createElement(DivWithOutsideClick, { onOutsideClick: this.props.onCancel },
+                React.createElement(PositionPopupContent, null,
+                    React.createElement(EditorContainer, { propertyRecord: this.props.record, onCommit: this.props.commitHandler.handleCommit, onCancel: this.props.onCancel, setFocus: true })))));
+    }
+}
+//# sourceMappingURL=InputEditorPopup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputEditorPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/InputEditorPopup.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA+D,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACzH,OAAO,EAAE,eAAe,EAAuB,MAAM,yBAAyB,CAAC;AAC/E,OAAO,EAAE,mBAAmB,EAAE,IAAI,EAAa,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAE,YAAY,EAAkB,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEtE,aAAa;AACb,MAAM,OAAO,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,mBAAmB,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;AAcD;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,KAAK,CAAC,aAA2D;IAAvG;;QACE,gBAAgB;QACS,UAAK,GAAG;YAC/B,IAAI,EAAE,IAAI,IAAI,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,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAClD,CAAC,CAAC;IAuBJ,CAAC;IArBC,gBAAgB;IACA,MAAM;QACpB,MAAM,KAAK,GAAG,YAAY,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,aAAa,IAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAC/B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,CAAC,YAAY;YAE9B,oBAAC,mBAAmB,IAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;gBACtD,oBAAC,oBAAoB;oBACnB,oBAAC,eAAe,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","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"]}

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

@@ -0,0 +1,20 @@
+/** @packageDocumentation
+ * @module Popup
+ */
+/// <reference types="react" />
+import "./KeyinPalettePanel.scss";
+import { OnItemExecutedFunc } from "@itwin/appui-abstract";
+import { KeyinEntry } from "../uiadmin/FrameworkUiAdmin";
+/** @internal */
+export declare function clearKeyinPaletteHistory(): void;
+interface KeyinPalettePanelProps {
+    keyins: KeyinEntry[];
+    onKeyinExecuted?: OnItemExecutedFunc;
+    historyLength?: number;
+}
+/**
+ * @internal
+ */
+export declare function KeyinPalettePanel({ keyins, onKeyinExecuted, historyLength: allowedHistoryLength }: KeyinPalettePanelProps): JSX.Element;
+export {};
+//# sourceMappingURL=KeyinPalettePanel.d.ts.map

package/lib/esm/appui-react/popup/KeyinPalettePanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyinPalettePanel.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/KeyinPalettePanel.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAKH,OAAO,0BAA0B,CAAC;AAIlC,OAAO,EAAgB,kBAAkB,EAAc,MAAM,uBAAuB,CAAC;AAGrF,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAMzD,gBAAgB;AAChB,wBAAgB,wBAAwB,SAOvC;AAED,UAAU,sBAAsB;IAC9B,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,eAAe,EAAE,aAAa,EAAE,oBAAwB,EAAE,EAAE,sBAAsB,eAyO7H"}

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

@@ -0,0 +1,246 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Popup
+ */
+// cSpell:ignore focusvalue uiadmin
+import * as React from "react";
+import "./KeyinPalettePanel.scss";
+import { FilteredText, Listbox, ListboxItem, UiSettingsStatus } from "@itwin/core-react";
+import { IModelApp, NotifyMessageDetails, OutputMessagePriority, OutputMessageType, ParseAndRunResult } from "@itwin/core-frontend";
+import { UiFramework } from "../UiFramework";
+import { matchesWords, SpecialKey } from "@itwin/appui-abstract";
+import { ClearKeyinPaletteHistoryTool } from "../tools/KeyinPaletteTools";
+import { useUiSettingsStorageContext } from "../uisettings/useUiSettings";
+import { Input } from "@itwin/itwinui-react";
+const KEYIN_PALETTE_NAMESPACE = "KeyinPalettePanel";
+const KEYIN_HISTORY_KEY = "historyArray";
+/** @internal */
+export function clearKeyinPaletteHistory() {
+    const uiSettingsStorage = UiFramework.getUiSettingsStorage();
+    // istanbul ignore else
+    if (uiSettingsStorage) {
+        // eslint-disable-next-line @typescript-eslint/no-floating-promises
+        uiSettingsStorage.deleteSetting(KEYIN_PALETTE_NAMESPACE, KEYIN_HISTORY_KEY);
+    }
+}
+/**
+ * @internal
+ */
+export function KeyinPalettePanel({ keyins, onKeyinExecuted, historyLength: allowedHistoryLength = 6 }) {
+    const [currentKeyin, setCurrentKeyin] = React.useState("");
+    const placeholderLabel = React.useRef(UiFramework.translate("keyinbrowser.placeholder"));
+    const inputRef = React.useRef(null);
+    const keyinSeparator = "--#--";
+    const [historyKeyins, setHistoryKeyins] = React.useState([]);
+    const uiSettingsStorage = useUiSettingsStorageContext();
+    React.useEffect(() => {
+        async function fetchState() {
+            const settingsResult = await uiSettingsStorage.getSetting(KEYIN_PALETTE_NAMESPACE, KEYIN_HISTORY_KEY);
+            // istanbul ignore else
+            if (UiSettingsStatus.Success === settingsResult.status) {
+                const filteredHistory = settingsResult.setting.filter((keyin) => {
+                    const result = IModelApp.tools.parseKeyin(keyin);
+                    return result.ok;
+                });
+                setHistoryKeyins(filteredHistory);
+            }
+            else {
+                setHistoryKeyins([]);
+            }
+        }
+        fetchState(); // eslint-disable-line @typescript-eslint/no-floating-promises
+    }, [uiSettingsStorage]);
+    // istanbul ignore next
+    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 !== UiSettingsStatus.Success) {
+            const briefMessage = UiFramework.translate("keyinbrowser.couldNotSaveHistory");
+            const errorDetails = new NotifyMessageDetails(OutputMessagePriority.Error, briefMessage);
+            IModelApp.notifications.outputMessage(errorDetails);
+        }
+    }, [uiSettingsStorage]);
+    const allKeyins = React.useMemo(() => {
+        const availableKeyins = [];
+        historyKeyins.forEach((value) => {
+            availableKeyins.push({ value, isHistory: true });
+        });
+        availableKeyins.push(...keyins.sort((a, b) => a.value.toLowerCase().localeCompare(b.value.toLowerCase())));
+        return availableKeyins;
+    }, [historyKeyins, keyins]);
+    const submitKeyin = React.useCallback(async (value) => {
+        let detailedMessage;
+        let message;
+        try {
+            switch (await IModelApp.tools.parseAndRun(value)) {
+                case ParseAndRunResult.ToolNotFound:
+                    message = `UiFramework.translate("keyinbrowser.couldNotFindTool")} ${value}`;
+                    break;
+                // istanbul ignore next
+                case ParseAndRunResult.BadArgumentCount:
+                    message = UiFramework.translate("keyinbrowser.incorrectArgs");
+                    break;
+                // istanbul ignore next
+                case ParseAndRunResult.FailedToRun:
+                    message = UiFramework.translate("keyinbrowser.failedToRun");
+                    break;
+            }
+        }
+        catch (ex) {
+            // istanbul ignore next
+            {
+                message = UiFramework.translate("keyinbrowser.exceptionOccurred");
+                detailedMessage = `${UiFramework.translate("keyinbrowser.exceptionOccurred")}: ${ex}`;
+            }
+        }
+        // istanbul ignore else
+        if (undefined !== message) {
+            const errorDetails = new NotifyMessageDetails(OutputMessagePriority.Error, message, detailedMessage, OutputMessageType.Sticky);
+            IModelApp.notifications.outputMessage(errorDetails);
+        }
+        else {
+            // istanbul ignore next
+            if (value.length < 400 && value !== ClearKeyinPaletteHistoryTool.keyin && value !== ClearKeyinPaletteHistoryTool.englishKeyin) {
+                const newHistoryEntries = [value];
+                for (const entry of historyKeyins) {
+                    if (entry !== value) {
+                        newHistoryEntries.push(entry);
+                        if (newHistoryEntries.length >= allowedHistoryLength)
+                            break;
+                    }
+                }
+                await storeHistoryKeyins(newHistoryEntries);
+            }
+            // close the popup by processing the supplied onKeyinExecuted function
+            if (onKeyinExecuted)
+                onKeyinExecuted(value);
+        }
+    }, [storeHistoryKeyins, onKeyinExecuted, historyKeyins, allowedHistoryLength]);
+    const selectKeyin = React.useCallback(() => {
+        // istanbul ignore else
+        if (inputRef.current) {
+            inputRef.current.focus();
+            inputRef.current.setSelectionRange(inputRef.current.value.length, inputRef.current.value.length);
+        }
+    }, [inputRef]);
+    const updateKeyin = React.useCallback((value) => {
+        setCurrentKeyin(value);
+        selectKeyin();
+    }, [selectKeyin]);
+    const getKeyinFromListboxValue = (value) => {
+        // istanbul ignore else
+        if (value) {
+            const indexSeparator = value.search(keyinSeparator);
+            // istanbul ignore else
+            if (indexSeparator)
+                return value.substr(0, indexSeparator);
+        }
+        // istanbul ignore next
+        return undefined;
+    };
+    const handleKeypressOnKeyinsList = React.useCallback(async (event) => {
+        var _a, _b;
+        const key = event.key;
+        // built into listbox a "Space" key will trigger the selection of a entry so if an Enter key is pressed
+        // assume user wants to execute the entry.
+        // istanbul ignore else
+        if (key === SpecialKey.Enter) {
+            event.preventDefault();
+            // istanbul ignore next
+            const keyinToSend = getKeyinFromListboxValue((_b = (_a = event.currentTarget) === null || _a === void 0 ? void 0 : _a.dataset) === null || _b === void 0 ? void 0 : _b.focusvalue);
+            // istanbul ignore else
+            if (keyinToSend) {
+                if (event.ctrlKey)
+                    updateKeyin(keyinToSend);
+                else
+                    await submitKeyin(keyinToSend);
+            }
+        }
+    }, [submitKeyin, updateKeyin]);
+    const onListboxValueChange = React.useCallback(async (value, isControlOrCommandPressed) => {
+        const keyin = getKeyinFromListboxValue(value);
+        // istanbul ignore else
+        if (keyin) {
+            if (isControlOrCommandPressed)
+                updateKeyin(keyin);
+            else
+                await submitKeyin(keyin);
+        }
+    }, [submitKeyin, updateKeyin]);
+    const onInputValueChange = React.useCallback((event) => {
+        setCurrentKeyin(event.target.value);
+    }, []);
+    const filteredKeyins = React.useMemo(() => {
+        const filteredHistory = [];
+        if (undefined === currentKeyin || 0 === currentKeyin.length) {
+            return allKeyins;
+        }
+        else {
+            const newKeyinSet = [];
+            allKeyins.forEach((value) => {
+                const matches = matchesWords(currentKeyin, value.value);
+                if (matches && matches.length) {
+                    // istanbul ignore else
+                    if (value.isHistory) {
+                        filteredHistory.push(value);
+                        newKeyinSet.push({ ...value, matches });
+                    }
+                    else {
+                        // only add entry if no match in filtered history
+                        // istanbul ignore else
+                        if (-1 === filteredHistory.findIndex((historyEntry) => historyEntry.value === value.value))
+                            newKeyinSet.push({ ...value, matches });
+                    }
+                }
+            });
+            return newKeyinSet;
+        }
+    }, [allKeyins, currentKeyin]);
+    const onInputValueKeyDown = React.useCallback(async (event) => {
+        if (SpecialKey.Enter === event.key) {
+            event.preventDefault();
+            event.stopPropagation();
+            // istanbul ignore else
+            if (1 === filteredKeyins.length) {
+                if (event.ctrlKey)
+                    updateKeyin(filteredKeyins[0].value);
+                else
+                    await submitKeyin(filteredKeyins[0].value);
+            }
+            else {
+                if (currentKeyin)
+                    await submitKeyin(currentKeyin);
+            }
+        }
+        else if (SpecialKey.Tab === event.key && 1 === filteredKeyins.length) {
+            event.preventDefault();
+            event.stopPropagation();
+            updateKeyin(filteredKeyins[0].value);
+        }
+        else {
+            if (event.key === SpecialKey.ArrowDown && filteredKeyins.length > 0) {
+                event.preventDefault();
+                event.stopPropagation();
+                // istanbul ignore else
+                if (inputRef.current) {
+                    const nextElement = inputRef.current.nextElementSibling;
+                    nextElement && nextElement.focus();
+                }
+            }
+        }
+    }, [filteredKeyins, submitKeyin, currentKeyin, updateKeyin]);
+    const lastHistoryIndex = filteredKeyins.findIndex((entry) => (true !== entry.isHistory)) - 1;
+    return React.createElement("div", { className: "uifw-command-palette-panel" },
+        React.createElement(Input, { ref: inputRef, type: "text", onKeyDown: onInputValueKeyDown, className: "uifw-command-palette-input", "data-testid": "command-palette-input", onChange: onInputValueChange, placeholder: placeholderLabel.current, value: currentKeyin }),
+        (filteredKeyins.length > 0) &&
+            React.createElement(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"}`;
+                const itemClass = `uifw-command-palette-value-entry${index === lastHistoryIndex ? " uifw-history-bottom-border" : ""}`;
+                return React.createElement(ListboxItem, { key: `${entry.value}-${index}`, className: itemClass, value: value },
+                    React.createElement(FilteredText, { value: entry.value, matches: entry.matches }));
+            })));
+}
+//# sourceMappingURL=KeyinPalettePanel.js.map

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

@@ -0,0 +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"]}

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

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

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

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

package/lib/esm/appui-react/popup/KeyinPalettePopup.d.ts.map

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"KeyinPalettePopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/KeyinPalettePopup.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAoC,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACrF,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAa,MAAM,mBAAmB,CAAC;AAC3F,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAYxD;;GAEG;AACH,MAAM,UAAU,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,IAAI,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,IAAI,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,UAAU,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,KAAK,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,aAAa,IAAC,GAAG,EAAE,EAAE,EACpB,SAAS,EAAC,sCAAsC,EAChD,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW;QAExB,oBAAC,mBAAmB,IAAC,cAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa;YACrE,oBAAC,SAAS,IAAC,MAAM,EAAE,IAAI,EAAE,uBAAuB,EAAE,IAAI;gBACpD,oBAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,cAAc,GAAI,CAC5D,CACQ,CACR,CACjB,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Popup\r\n */\r\n\r\nimport * 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"]}