@itwin/appui-react 4.17.1 → 5.0.0-dev.2

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

@@ -1,34 +0,0 @@
-/** @packageDocumentation
- * @module Popup
- */
-import * as React from "react";
-import type { OnCancelFunc, RelativePosition } from "@itwin/appui-abstract";
-import type { Orientation } from "@itwin/components-react";
-import { Size } from "@itwin/core-react";
-import type { PopupPropsBase } from "./PopupManager";
-/** @alpha
- * @deprecated in 4.11.0. Please use {@link @itwin/appui-react#UiFramework.showComponent}.
- */
-export interface HTMLElementPopupProps extends PopupPropsBase {
-    element: HTMLElement;
-    relativePosition: RelativePosition;
-    orientation: Orientation;
-    onCancel: OnCancelFunc;
-}
-/** @internal */
-interface HTMLElementPopupState {
-    size: Size;
-}
-/** Popup component for HTMLElement
- * @alpha
- * @deprecated in 4.11.0. Though this is alpha, the main interface to using it is not. Please use {@link @itwin/appui-react#UiFramework.showComponent}.
- */
-export declare class HTMLElementPopup extends React.PureComponent<HTMLElementPopupProps, HTMLElementPopupState> {
-    readonly state: {
-        size: Size;
-    };
-    private _onSizeKnown;
-    render(): React.JSX.Element;
-}
-export {};
-//# sourceMappingURL=HTMLElementPopup.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HTMLElementPopup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/HTMLElementPopup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC5E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAIL,IAAI,EACL,MAAM,mBAAmB,CAAC;AAE3B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAKrD;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D,OAAO,EAAE,WAAW,CAAC;IACrB,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,EAAE,YAAY,CAAC;CACxB;AAED,gBAAgB;AAChB,UAAU,qBAAqB;IAC7B,IAAI,EAAE,IAAI,CAAC;CACZ;AAED;;;GAGG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAa,CAEvD,qBAAqB,EACrB,qBAAqB,CACtB;IACC,SAAyB,KAAK;;MAE5B;IAEF,OAAO,CAAC,YAAY,CAGlB;IAEc,MAAM;CA8BvB"}

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

@@ -1,37 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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 { DivWithOutsideClick, MessageRenderer, Point, Size, } from "@itwin/core-react";
-import { CursorPopup } from "../cursor/cursorpopup/CursorPopup";
-import { PopupManager } from "./PopupManager";
-import { PositionPopup } from "./PositionPopup";
-/** Popup component for HTMLElement
- * @alpha
- * @deprecated in 4.11.0. Though this is alpha, the main interface to using it is not. Please use {@link @itwin/appui-react#UiFramework.showComponent}.
- */
-export class HTMLElementPopup extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            size: new Size(-1, -1),
-        };
-        this._onSizeKnown = (newSize) => {
-            if (!this.state.size.equals(newSize))
-                this.setState({ size: Size.create(newSize) });
-        };
-    }
-    render() {
-        let point = PopupManager.getPopupPosition(this.props.el, this.props.pt, new Point(), this.state.size);
-        const popupRect = CursorPopup.getPopupRect(point, this.props.offset, this.state.size, this.props.relativePosition);
-        point = new Point(popupRect.left, popupRect.top);
-        return (React.createElement(PositionPopup, { key: this.props.id, className: "uifw-no-border", point: point, onSizeKnown: this._onSizeKnown },
-            React.createElement(DivWithOutsideClick, { onOutsideClick: this.props.onCancel },
-                React.createElement(MessageRenderer, { message: this.props.element }))));
-    }
-}
-//# sourceMappingURL=HTMLElementPopup.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HTMLElementPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/HTMLElementPopup.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,mBAAmB,EACnB,eAAe,EACf,KAAK,EACL,IAAI,GACL,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAkBhD;;;GAGG;AACH,MAAM,OAAO,gBAAiB,SAAQ,KAAK,CAAC,aAI3C;IAJD;;QAK2B,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,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;IAgCJ,CAAC;IA9BiB,MAAM;QACpB,IAAI,KAAK,GAAG,YAAY,CAAC,gBAAgB,CACvC,IAAI,CAAC,KAAK,CAAC,EAAE,EACb,IAAI,CAAC,KAAK,CAAC,EAAE,EACb,IAAI,KAAK,EAAE,EACX,IAAI,CAAC,KAAK,CAAC,IAAI,CAChB,CAAC;QACF,MAAM,SAAS,GAAG,WAAW,CAAC,YAAY,CACxC,KAAK,EACL,IAAI,CAAC,KAAK,CAAC,MAAM,EACjB,IAAI,CAAC,KAAK,CAAC,IAAI,EACf,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAC5B,CAAC;QACF,KAAK,GAAG,IAAI,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;QAEjD,OAAO,CACL,oBAAC,aAAa,IACZ,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAClB,SAAS,EAAC,gBAAgB,EAC1B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,CAAC,YAAY;YAG9B,oBAAC,mBAAmB,IAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ;gBAEtD,oBAAC,eAAe,IAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAI,CAC5B,CACR,CACjB,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Popup\n */\n\nimport * as React from \"react\";\nimport type { OnCancelFunc, RelativePosition } from \"@itwin/appui-abstract\";\nimport type { Orientation } from \"@itwin/components-react\";\nimport {\n  DivWithOutsideClick,\n  MessageRenderer,\n  Point,\n  Size,\n} from \"@itwin/core-react\";\nimport { CursorPopup } from \"../cursor/cursorpopup/CursorPopup\";\nimport type { PopupPropsBase } from \"./PopupManager\";\nimport { PopupManager } from \"./PopupManager\";\nimport { PositionPopup } from \"./PositionPopup\";\nimport type { SizeProps } from \"../utils/SizeProps\";\n\n/** @alpha\n * @deprecated in 4.11.0. Please use {@link @itwin/appui-react#UiFramework.showComponent}.\n */\nexport interface HTMLElementPopupProps extends PopupPropsBase {\n  element: HTMLElement;\n  relativePosition: RelativePosition;\n  orientation: Orientation;\n  onCancel: OnCancelFunc;\n}\n\n/** @internal */\ninterface HTMLElementPopupState {\n  size: Size;\n}\n\n/** Popup component for HTMLElement\n * @alpha\n * @deprecated in 4.11.0. Though this is alpha, the main interface to using it is not. Please use {@link @itwin/appui-react#UiFramework.showComponent}.\n */\nexport class HTMLElementPopup extends React.PureComponent<\n  // eslint-disable-next-line deprecation/deprecation\n  HTMLElementPopupProps,\n  HTMLElementPopupState\n> {\n  public override readonly state = {\n    size: new Size(-1, -1),\n  };\n\n  private _onSizeKnown = (newSize: SizeProps) => {\n    if (!this.state.size.equals(newSize))\n      this.setState({ size: Size.create(newSize) });\n  };\n\n  public override render() {\n    let point = PopupManager.getPopupPosition(\n      this.props.el,\n      this.props.pt,\n      new Point(),\n      this.state.size\n    );\n    const popupRect = CursorPopup.getPopupRect(\n      point,\n      this.props.offset,\n      this.state.size,\n      this.props.relativePosition\n    );\n    point = new Point(popupRect.left, popupRect.top);\n\n    return (\n      <PositionPopup\n        key={this.props.id}\n        className=\"uifw-no-border\"\n        point={point}\n        onSizeKnown={this._onSizeKnown}\n      >\n        {/* eslint-disable-next-line deprecation/deprecation */}\n        <DivWithOutsideClick onOutsideClick={this.props.onCancel}>\n          {/* eslint-disable-next-line deprecation/deprecation */}\n          <MessageRenderer message={this.props.element} />\n        </DivWithOutsideClick>\n      </PositionPopup>\n    );\n  }\n}\n"]}

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

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

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

@@ -1 +0,0 @@
-{"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,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAExE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,EAAuB,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAKrD,YAAY;AACZ,qBAAa,wBAAwB;aACP,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,KAAK,KAAK,IAAI;gBAA3C,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,KAAK,KAAK,IAAI;IAEhE,YAAY,SAAU,mBAAmB,UAS9C;CACH;AAED;WACW;AACX,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,EAAE,wBAAwB,CAAC;CACzC;AAED,UAAU,qBAAqB;IAC7B,IAAI,EAAE,IAAI,CAAC;CACZ;AAED;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAa,CACvD,qBAAqB,EACrB,qBAAqB,CACtB;IACC,SAAyB,KAAK;;MAE5B;IAEF,OAAO,CAAC,YAAY,CAGlB;IAEc,MAAM;CA4BvB"}

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

@@ -1,50 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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";
-/** @beta */
-export class InputEditorCommitHandler {
-    constructor(onCommit) {
-        this.onCommit = onCommit;
-        this.handleCommit = (args) => {
-            let newValue = 0;
-            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);
-        this.state = {
-            size: new Size(-1, -1),
-        };
-        this._onSizeKnown = (newSize) => {
-            if (!this.state.size.equals(newSize))
-                this.setState({ size: Size.create(newSize) });
-        };
-    }
-    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

@@ -1 +0,0 @@
-{"version":3,"file":"InputEditorPopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/InputEditorPopup.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAE9D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAGtE,YAAY;AACZ,MAAM,OAAO,wBAAwB;IACnC,YAA4B,QAA2C;QAA3C,aAAQ,GAAR,QAAQ,CAAmC;QAEhE,iBAAY,GAAG,CAAC,IAAyB,EAAE,EAAE;YAClD,IAAI,QAAQ,GAAqB,CAAC,CAAC;YACnC,IACE,IAAI,CAAC,QAAQ,CAAC,WAAW,KAAK,mBAAmB,CAAC,SAAS;gBAC3D,IAAI,CAAC,QAAQ,CAAC,KAAK,KAAK,SAAS,EACjC,CAAC;gBACD,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;YACjC,CAAC;YACD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAC1B,CAAC,CAAC;IAXwE,CAAC;CAY5E;AAcD;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,KAAK,CAAC,aAG3C;IAHD;;QAI2B,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,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;IA8BJ,CAAC;IA5BiB,MAAM;QACpB,MAAM,KAAK,GAAG,YAAY,CAAC,gBAAgB,CACzC,IAAI,CAAC,KAAK,CAAC,EAAE,EACb,IAAI,CAAC,KAAK,CAAC,EAAE,EACb,IAAI,CAAC,KAAK,CAAC,MAAM,EACjB,IAAI,CAAC,KAAK,CAAC,IAAI,CAChB,CAAC;QAEF,OAAO,CACL,oBAAC,aAAa,IACZ,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EAClB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,CAAC,YAAY;YAG9B,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,GACd,CACmB,CACH,CACR,CACjB,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Popup\n */\n\nimport * as React from \"react\";\nimport type { Primitives, PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport type { PropertyUpdatedArgs } from \"@itwin/components-react\";\nimport { EditorContainer } from \"@itwin/components-react\";\nimport { DivWithOutsideClick, Size } from \"@itwin/core-react\";\nimport type { PopupPropsBase } from \"./PopupManager\";\nimport { PopupManager } from \"./PopupManager\";\nimport { PositionPopup, PositionPopupContent } from \"./PositionPopup\";\nimport type { SizeProps } from \"../utils/SizeProps\";\n\n/** @beta */\nexport class InputEditorCommitHandler {\n  constructor(public readonly onCommit: (value: Primitives.Value) => void) {}\n\n  public handleCommit = (args: PropertyUpdatedArgs) => {\n    let newValue: Primitives.Value = 0;\n    if (\n      args.newValue.valueFormat === PropertyValueFormat.Primitive &&\n      args.newValue.value !== undefined\n    ) {\n      newValue = args.newValue.value;\n    }\n    this.onCommit(newValue);\n  };\n}\n\n/** Props for popup editor\n * @beta */\nexport interface InputEditorPopupProps extends PopupPropsBase {\n  record: PropertyRecord;\n  onCancel: () => void;\n  commitHandler: InputEditorCommitHandler;\n}\n\ninterface InputEditorPopupState {\n  size: Size;\n}\n\n/** Popup component for Input Editor\n * @alpha\n */\nexport class InputEditorPopup extends React.PureComponent<\n  InputEditorPopupProps,\n  InputEditorPopupState\n> {\n  public override readonly state = {\n    size: new Size(-1, -1),\n  };\n\n  private _onSizeKnown = (newSize: SizeProps) => {\n    if (!this.state.size.equals(newSize))\n      this.setState({ size: Size.create(newSize) });\n  };\n\n  public override render() {\n    const point = PopupManager.getPopupPosition(\n      this.props.el,\n      this.props.pt,\n      this.props.offset,\n      this.state.size\n    );\n\n    return (\n      <PositionPopup\n        key={this.props.id}\n        point={point}\n        onSizeKnown={this._onSizeKnown}\n      >\n        {/* eslint-disable-next-line deprecation/deprecation */}\n        <DivWithOutsideClick onOutsideClick={this.props.onCancel}>\n          <PositionPopupContent>\n            <EditorContainer\n              propertyRecord={this.props.record}\n              onCommit={this.props.commitHandler.handleCommit}\n              onCancel={this.props.onCancel}\n              setFocus={true}\n            />\n          </PositionPopupContent>\n        </DivWithOutsideClick>\n      </PositionPopup>\n    );\n  }\n}\n"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"KeyinPalettePanel.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/KeyinPalettePanel.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,0BAA0B,CAAC;AAUlC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAGhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AASnD,gBAAgB;AAChB,wBAAgB,wBAAwB,SAQvC;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,EAChC,MAAM,EACN,eAAe,EACf,aAAa,EAAE,oBAAwB,GACxC,EAAE,sBAAsB,qBAkTxB"}

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

@@ -1,243 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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 { Key } from "ts-key-enum";
-import "./KeyinPalettePanel.scss";
-import { FilteredText, Listbox, ListboxItem } from "@itwin/core-react";
-import { IModelApp, NotifyMessageDetails, OutputMessagePriority, OutputMessageType, ParseAndRunResult, } from "@itwin/core-frontend";
-import { UiFramework } from "../UiFramework";
-import { ClearKeyinPaletteHistoryTool } from "../tools/KeyinPaletteTools";
-import { useUiStateStorageHandler } from "../uistate/useUiStateStorage";
-import { Input } from "@itwin/itwinui-react";
-import { matchesWords } from "../utils/matchesWords";
-import { useTranslation } from "../hooks/useTranslation";
-import { UiStateStorageStatus } from "../uistate/UiStateStorage";
-const KEYIN_PALETTE_NAMESPACE = "KeyinPalettePanel";
-const KEYIN_HISTORY_KEY = "historyArray";
-/** @internal */
-export function clearKeyinPaletteHistory() {
-    const uiSettingsStorage = UiFramework.getUiStateStorage();
-    if (uiSettingsStorage) {
-        void uiSettingsStorage.deleteSetting(KEYIN_PALETTE_NAMESPACE, KEYIN_HISTORY_KEY);
-    }
-}
-/**
- * @internal
- */
-export function KeyinPalettePanel({ keyins, onKeyinExecuted, historyLength: allowedHistoryLength = 6, }) {
-    const { translate } = useTranslation();
-    const [currentKeyin, setCurrentKeyin] = React.useState("");
-    const inputRef = React.useRef(null);
-    const keyinSeparator = "--#--";
-    const [historyKeyins, setHistoryKeyins] = React.useState([]);
-    const uiSettingsStorage = useUiStateStorageHandler();
-    React.useEffect(() => {
-        async function fetchState() {
-            const settingsResult = await uiSettingsStorage.getSetting(KEYIN_PALETTE_NAMESPACE, KEYIN_HISTORY_KEY);
-            if (UiStateStorageStatus.Success === settingsResult.status) {
-                const filteredHistory = settingsResult.setting.filter((keyin) => {
-                    const result = IModelApp.tools.parseKeyin(keyin);
-                    return result.ok;
-                });
-                setHistoryKeyins(filteredHistory);
-            }
-            else {
-                setHistoryKeyins([]);
-            }
-        }
-        void fetchState();
-    }, [uiSettingsStorage]);
-    const storeHistoryKeyins = React.useCallback(async (value) => {
-        const result = await uiSettingsStorage.saveSetting(KEYIN_PALETTE_NAMESPACE, KEYIN_HISTORY_KEY, value);
-        if (result.status !== UiStateStorageStatus.Success) {
-            const errorDetails = new NotifyMessageDetails(OutputMessagePriority.Error, translate("keyinbrowser.couldNotSaveHistory"));
-            IModelApp.notifications.outputMessage(errorDetails);
-        }
-    }, [translate, 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 = `translate("keyinbrowser.couldNotFindTool")} ${value}`;
-                    break;
-                case ParseAndRunResult.BadArgumentCount:
-                    message = translate("keyinbrowser.incorrectArgs");
-                    break;
-                case ParseAndRunResult.FailedToRun:
-                    message = translate("keyinbrowser.failedToRun");
-                    break;
-            }
-        }
-        catch (ex) {
-            {
-                message = translate("keyinbrowser.exceptionOccurred");
-                detailedMessage = `${translate("keyinbrowser.exceptionOccurred")}: ${ex}`;
-            }
-        }
-        if (undefined !== message) {
-            const errorDetails = new NotifyMessageDetails(OutputMessagePriority.Error, message, detailedMessage, OutputMessageType.Sticky);
-            IModelApp.notifications.outputMessage(errorDetails);
-        }
-        else {
-            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);
-        }
-    }, [
-        translate,
-        onKeyinExecuted,
-        storeHistoryKeyins,
-        historyKeyins,
-        allowedHistoryLength,
-    ]);
-    const selectKeyin = React.useCallback(() => {
-        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) => {
-        if (value) {
-            const indexSeparator = value.search(keyinSeparator);
-            if (indexSeparator)
-                return value.substring(0, indexSeparator);
-        }
-        return undefined;
-    };
-    const handleKeypressOnKeyinsList = React.useCallback(async (event) => {
-        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.
-        if (key === Key.Enter.valueOf()) {
-            event.preventDefault();
-            const keyinToSend = getKeyinFromListboxValue(event.currentTarget?.dataset?.focusvalue);
-            if (keyinToSend) {
-                if (event.ctrlKey)
-                    updateKeyin(keyinToSend);
-                else
-                    await submitKeyin(keyinToSend);
-            }
-        }
-    }, [submitKeyin, updateKeyin]);
-    const onListboxValueChange = React.useCallback(async (value, isControlOrCommandPressed) => {
-        const keyin = getKeyinFromListboxValue(value);
-        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) => {
-                if (value.value.length >= currentKeyin.length) {
-                    // Force contiguous searches if key-in is over 60 characters long for performance.
-                    const matches = matchesWords(currentKeyin, value.value, currentKeyin.length > 60);
-                    if (matches && matches.length) {
-                        if (value.isHistory) {
-                            filteredHistory.push(value);
-                            newKeyinSet.push({ ...value, matches });
-                        }
-                        else {
-                            // only add entry if no match in filtered history
-                            if (-1 ===
-                                filteredHistory.findIndex((historyEntry) => historyEntry.value === value.value))
-                                newKeyinSet.push({ ...value, matches });
-                        }
-                    }
-                }
-            });
-            return newKeyinSet;
-        }
-    }, [allKeyins, currentKeyin]);
-    const onInputValueKeyDown = React.useCallback(async (event) => {
-        if (Key.Enter.valueOf() === event.key) {
-            event.preventDefault();
-            event.stopPropagation();
-            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 (Key.Tab.valueOf() === event.key &&
-            1 === filteredKeyins.length) {
-            event.preventDefault();
-            event.stopPropagation();
-            updateKeyin(filteredKeyins[0].value);
-        }
-        else {
-            if (event.key === Key.ArrowDown.valueOf() &&
-                filteredKeyins.length > 0) {
-                event.preventDefault();
-                event.stopPropagation();
-                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: translate("keyinbrowser.placeholder"), value: currentKeyin, size: "small" }),
-        filteredKeyins.length > 0 && (
-        // eslint-disable-next-line deprecation/deprecation
-        React.createElement(Listbox, { id: "uifw-command-sources", className: "map-manager-source-list", onKeyDown: 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 (
-            // eslint-disable-next-line deprecation/deprecation
-            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

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

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

@@ -1,31 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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: var(--iui-color-text);
-  -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

@@ -1,22 +0,0 @@
-/** @packageDocumentation
- * @module Popup
- */
-import * as React from "react";
-import type { OnCancelFunc, OnItemExecutedFunc } from "@itwin/appui-abstract";
-import type { KeyinEntry } from "../keyins/Keyins";
-/** Props defining KeyinPalettePopup component
- * @public */
-export interface KeyinPalettePopupProps {
-    id: string;
-    /** @deprecated in 4.11.0. Please use the optional `anchorEl` property moving forward. */
-    el: HTMLElement;
-    keyins: KeyinEntry[];
-    anchorEl?: HTMLElement;
-    onCancel?: OnCancelFunc;
-    onItemExecuted?: OnItemExecutedFunc;
-}
-/** Keyin Palette Popup Component
- * @public
- */
-export declare function KeyinPalettePopup({ el, id, keyins, onCancel, onItemExecuted, anchorEl, }: KeyinPalettePopupProps): React.JSX.Element;
-//# sourceMappingURL=KeyinPalettePopup.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KeyinPalettePopup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/KeyinPalettePopup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAI9E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGnD;aACa;AACb,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,yFAAyF;IACzF,EAAE,EAAE,WAAW,CAAC;IAChB,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACrC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAEhC,EAAE,EACF,EAAE,EACF,MAAM,EACN,QAAQ,EACR,cAAc,EACd,QAAQ,GACT,EAAE,sBAAsB,qBAoDxB"}

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

@@ -1,48 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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 { Key } from "ts-key-enum";
-import { DivWithOutsideClick, FocusTrap, Point, Size } from "@itwin/core-react";
-import { PositionPopup } from "./PositionPopup";
-import { KeyinPalettePanel } from "./KeyinPalettePanel";
-/** Keyin Palette Popup Component
- * @public
- */
-export function KeyinPalettePopup({ 
-// eslint-disable-next-line deprecation/deprecation
-el, id, keyins, onCancel, onItemExecuted, anchorEl, }) {
-    // due to deprecation policy, the context won't be used as fallback
-    // until we replace `el` with the optional `anchorEl` property.
-    // const wrapper = React.useContext(WrapperContext);
-    const _el = anchorEl ?? el;
-    const [popupSize, setPopupSize] = React.useState(new Size(-1, -1));
-    const onSizeKnown = React.useCallback((newSize) => {
-        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 Key.Escape.valueOf():
-                cancel();
-                event.preventDefault();
-                break;
-        }
-    }, [cancel]);
-    const xMid = _el.getBoundingClientRect().left + _el.getBoundingClientRect().width / 2;
-    let point = new Point(xMid, _el.getBoundingClientRect().top);
-    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

@@ -1 +0,0 @@
-{"version":3,"file":"KeyinPalettePopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/KeyinPalettePopup.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAgBxD;;GAEG;AACH,MAAM,UAAU,iBAAiB,CAAC;AAChC,mDAAmD;AACnD,EAAE,EACF,EAAE,EACF,MAAM,EACN,QAAQ,EACR,cAAc,EACd,QAAQ,GACe;IACvB,mEAAmE;IACnE,+DAA+D;IAC/D,oDAAoD;IAEpD,MAAM,GAAG,GAAG,QAAQ,IAAI,EAAE,CAAC;IAE3B,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,CACnC,CAAC,OAAkB,EAAE,EAAE;QACrB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;YAAE,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IACrE,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,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,CACrC,CAAC,KAA0C,EAAQ,EAAE;QACnD,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;YAClB,KAAK,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE;gBACvB,MAAM,EAAE,CAAC;gBACT,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,MAAM;QACV,CAAC;IACH,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,IAAI,GACR,GAAG,CAAC,qBAAqB,EAAE,CAAC,IAAI,GAAG,GAAG,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC;IAC3E,IAAI,KAAK,GAAG,IAAI,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC,CAAC;IAC7D,IAAI,SAAS,CAAC,KAAK,GAAG,CAAC;QAAE,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;IAErE,OAAO,CACL,oBAAC,aAAa,IACZ,GAAG,EAAE,EAAE,EACP,SAAS,EAAC,sCAAsC,EAChD,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW;QAGxB,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":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Popup\n */\n\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport type { OnCancelFunc, OnItemExecutedFunc } from \"@itwin/appui-abstract\";\nimport { DivWithOutsideClick, FocusTrap, Point, Size } from \"@itwin/core-react\";\nimport { PositionPopup } from \"./PositionPopup\";\nimport { KeyinPalettePanel } from \"./KeyinPalettePanel\";\nimport type { KeyinEntry } from \"../keyins/Keyins\";\nimport type { SizeProps } from \"../utils/SizeProps\";\n\n/** Props defining KeyinPalettePopup component\n * @public */\nexport interface KeyinPalettePopupProps {\n  id: string;\n  /** @deprecated in 4.11.0. Please use the optional `anchorEl` property moving forward. */\n  el: HTMLElement;\n  keyins: KeyinEntry[];\n  anchorEl?: HTMLElement;\n  onCancel?: OnCancelFunc;\n  onItemExecuted?: OnItemExecutedFunc;\n}\n\n/** Keyin Palette Popup Component\n * @public\n */\nexport function KeyinPalettePopup({\n  // eslint-disable-next-line deprecation/deprecation\n  el,\n  id,\n  keyins,\n  onCancel,\n  onItemExecuted,\n  anchorEl,\n}: KeyinPalettePopupProps) {\n  // due to deprecation policy, the context won't be used as fallback\n  // until we replace `el` with the optional `anchorEl` property.\n  // const wrapper = React.useContext(WrapperContext);\n\n  const _el = anchorEl ?? el;\n\n  const [popupSize, setPopupSize] = React.useState(new Size(-1, -1));\n\n  const onSizeKnown = React.useCallback(\n    (newSize: SizeProps) => {\n      if (!popupSize.equals(newSize)) setPopupSize(Size.create(newSize));\n    },\n    [popupSize]\n  );\n\n  const cancel = React.useCallback(() => {\n    onCancel && onCancel();\n  }, [onCancel]);\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>): void => {\n      switch (event.key) {\n        case Key.Escape.valueOf():\n          cancel();\n          event.preventDefault();\n          break;\n      }\n    },\n    [cancel]\n  );\n\n  const xMid =\n    _el.getBoundingClientRect().left + _el.getBoundingClientRect().width / 2;\n  let point = new Point(xMid, _el.getBoundingClientRect().top);\n  if (popupSize.width > 0) point = point.offsetX(popupSize.width / -2);\n\n  return (\n    <PositionPopup\n      key={id}\n      className=\"uifw-command-palette-popup-container\"\n      point={point}\n      onSizeKnown={onSizeKnown}\n    >\n      {/* eslint-disable-next-line deprecation/deprecation */}\n      <DivWithOutsideClick onOutsideClick={onCancel} onKeyDown={handleKeyDown}>\n        <FocusTrap active={true} returnFocusOnDeactivate={true}>\n          <KeyinPalettePanel keyins={keyins} onKeyinExecuted={onItemExecuted} />\n        </FocusTrap>\n      </DivWithOutsideClick>\n    </PositionPopup>\n  );\n}\n"]}