@itwin/appui-react 3.0.0-dev.100

package/lib/cjs/appui-react/keyboardshortcut/KeyboardShortcutMenu.d.ts

@@ -0,0 +1,38 @@
+/** @packageDocumentation
+ * @module KeyboardShortcut
+ */
+import * as React from "react";
+import { CommonProps, UiEvent } from "@itwin/core-react";
+import { KeyboardShortcut } from "./KeyboardShortcut";
+/** State for a [[KeyboardShortcutMenuEvent]] and [[KeyboardShortcutMenu]] component
+ * @public
+ */
+export interface KeyboardShortcutMenuState {
+    menuVisible: boolean;
+    menuX: number;
+    menuY: number;
+    shortcuts?: KeyboardShortcut[];
+}
+/** KeyboardShortcut Menu Event class.
+ * @public
+ */
+export declare class KeyboardShortcutMenuEvent extends UiEvent<KeyboardShortcutMenuState> {
+}
+/** React component that displays a context menu at the cursor containing keyboard shortcuts.
+ * @public
+ */
+export declare class KeyboardShortcutMenu extends React.PureComponent<CommonProps, KeyboardShortcutMenuState> {
+    /** @internal */
+    readonly state: KeyboardShortcutMenuState;
+    /** Get KeyboardShortcut Menu Event. */
+    static readonly onKeyboardShortcutMenuEvent: KeyboardShortcutMenuEvent;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private _handleKeyboardShortcutMenuEvent;
+    render(): React.ReactNode;
+    private getShortcutMenuItems;
+    private getShortcutMenuItem;
+    private _hideContextMenu;
+    private _itemPicked;
+}
+//# sourceMappingURL=KeyboardShortcutMenu.d.ts.map

package/lib/cjs/appui-react/keyboardshortcut/KeyboardShortcutMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardShortcutMenu.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/keyboardshortcut/KeyboardShortcutMenu.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAsD,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC7G,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAChC;AAED;;GAEG;AACH,qBAAa,yBAA0B,SAAQ,OAAO,CAAC,yBAAyB,CAAC;CAAI;AAErF;;GAEG;AACH,qBAAa,oBAAqB,SAAQ,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE,yBAAyB,CAAC;IAEnG,gBAAgB;IAChB,SAAyB,KAAK,EAAE,yBAAyB,CAIvD;IAEF,uCAAuC;IACvC,gBAAuB,2BAA2B,4BAAmC;IAErE,iBAAiB;IAIjB,oBAAoB;IAIpC,OAAO,CAAC,gCAAgC,CAEtC;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;IA6BzC,OAAO,CAAC,oBAAoB;IAgB5B,OAAO,CAAC,mBAAmB;IAmC3B,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,WAAW,CAGjB;CACH"}

package/lib/cjs/appui-react/keyboardshortcut/KeyboardShortcutMenu.js

@@ -0,0 +1,96 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module KeyboardShortcut
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KeyboardShortcutMenu = exports.KeyboardShortcutMenuEvent = void 0;
+const React = require("react");
+const core_react_1 = require("@itwin/core-react");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+/** KeyboardShortcut Menu Event class.
+ * @public
+ */
+class KeyboardShortcutMenuEvent extends core_react_1.UiEvent {
+}
+exports.KeyboardShortcutMenuEvent = KeyboardShortcutMenuEvent;
+/** React component that displays a context menu at the cursor containing keyboard shortcuts.
+ * @public
+ */
+class KeyboardShortcutMenu extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        /** @internal */
+        this.state = {
+            menuVisible: false,
+            menuX: 0,
+            menuY: 0,
+        };
+        this._handleKeyboardShortcutMenuEvent = (state) => {
+            this.setState(state);
+        };
+        this._hideContextMenu = () => {
+            this.setState({ menuVisible: false, shortcuts: undefined });
+        };
+        this._itemPicked = (shortcut) => {
+            this._hideContextMenu();
+            shortcut.itemPicked();
+        };
+    }
+    componentDidMount() {
+        KeyboardShortcutMenu.onKeyboardShortcutMenuEvent.addListener(this._handleKeyboardShortcutMenuEvent);
+    }
+    componentWillUnmount() {
+        KeyboardShortcutMenu.onKeyboardShortcutMenuEvent.removeListener(this._handleKeyboardShortcutMenuEvent);
+    }
+    render() {
+        const { shortcuts, menuX, menuY, menuVisible } = this.state;
+        const onClose = this._hideContextMenu;
+        if (menuVisible) {
+            const items = this.getShortcutMenuItems(shortcuts);
+            return (React.createElement(core_react_1.GlobalContextMenu, { className: this.props.className, style: this.props.style, identifier: "keyboard-shortcuts", x: menuX, y: menuY, opened: menuVisible, onEsc: onClose, onOutsideClick: onClose, edgeLimit: false, autoflip: true, ignoreNextKeyUp: true }, items));
+        }
+        return null;
+    }
+    getShortcutMenuItems(shortcuts) {
+        const items = [];
+        // istanbul ignore else
+        if (shortcuts) {
+            shortcuts.forEach((shortcut, index) => {
+                const item = this.getShortcutMenuItem(shortcut, index);
+                // istanbul ignore else
+                if (item)
+                    items.push(item);
+            });
+        }
+        return items;
+    }
+    getShortcutMenuItem(shortcut, index) {
+        const shortcutKey = shortcut.key;
+        const isHidden = appui_abstract_1.ConditionalBooleanValue.getValue(shortcut.isHidden);
+        // Only pure characters go into the context menu
+        if (shortcutKey !== shortcut.keyMapKey || shortcut.isFunctionKey || shortcut.isSpecialKey || isHidden)
+            return null;
+        let node = null;
+        let label = shortcut.label;
+        const iconSpec = shortcut.iconSpec;
+        label = `~${shortcutKey.toLocaleUpperCase()} ${label}`;
+        if (shortcut.shortcutContainer.areKeyboardShortcutsAvailable()) {
+            const shortcuts = shortcut.shortcutContainer.getAvailableKeyboardShortcuts();
+            const items = this.getShortcutMenuItems(shortcuts);
+            node = (React.createElement(core_react_1.ContextSubMenu, { key: index, icon: iconSpec, label: label, disabled: shortcut.isDisabled }, items));
+        }
+        else {
+            const sel = () => this._itemPicked(shortcut);
+            node = (React.createElement(core_react_1.ContextMenuItem, { key: index, onSelect: sel, icon: iconSpec, disabled: shortcut.isDisabled }, label));
+        }
+        return node;
+    }
+}
+exports.KeyboardShortcutMenu = KeyboardShortcutMenu;
+/** Get KeyboardShortcut Menu Event. */
+KeyboardShortcutMenu.onKeyboardShortcutMenuEvent = new KeyboardShortcutMenuEvent();
+//# sourceMappingURL=KeyboardShortcutMenu.js.map

package/lib/cjs/appui-react/keyboardshortcut/KeyboardShortcutMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardShortcutMenu.js","sourceRoot":"","sources":["../../../../src/appui-react/keyboardshortcut/KeyboardShortcutMenu.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 KeyboardShortcut\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { CommonProps, ContextMenuItem, ContextSubMenu, GlobalContextMenu, UiEvent } from \"@itwin/core-react\";\r\nimport { KeyboardShortcut } from \"./KeyboardShortcut\";\r\nimport { ConditionalBooleanValue } from \"@itwin/appui-abstract\";\r\n\r\n/** State for a [[KeyboardShortcutMenuEvent]] and [[KeyboardShortcutMenu]] component\r\n * @public\r\n */\r\nexport interface KeyboardShortcutMenuState {\r\n  menuVisible: boolean;\r\n  menuX: number;\r\n  menuY: number;\r\n  shortcuts?: KeyboardShortcut[];\r\n}\r\n\r\n/** KeyboardShortcut Menu Event class.\r\n * @public\r\n */\r\nexport class KeyboardShortcutMenuEvent extends UiEvent<KeyboardShortcutMenuState> { }\r\n\r\n/** React component that displays a context menu at the cursor containing keyboard shortcuts.\r\n * @public\r\n */\r\nexport class KeyboardShortcutMenu extends React.PureComponent<CommonProps, KeyboardShortcutMenuState> {\r\n\r\n  /** @internal */\r\n  public override readonly state: KeyboardShortcutMenuState = {\r\n    menuVisible: false,\r\n    menuX: 0,\r\n    menuY: 0,\r\n  };\r\n\r\n  /** Get KeyboardShortcut Menu Event. */\r\n  public static readonly onKeyboardShortcutMenuEvent = new KeyboardShortcutMenuEvent();\r\n\r\n  public override componentDidMount() {\r\n    KeyboardShortcutMenu.onKeyboardShortcutMenuEvent.addListener(this._handleKeyboardShortcutMenuEvent);\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    KeyboardShortcutMenu.onKeyboardShortcutMenuEvent.removeListener(this._handleKeyboardShortcutMenuEvent);\r\n  }\r\n\r\n  private _handleKeyboardShortcutMenuEvent = (state: KeyboardShortcutMenuState) => {\r\n    this.setState(state);\r\n  };\r\n\r\n  public override render(): React.ReactNode {\r\n    const { shortcuts, menuX, menuY, menuVisible } = this.state;\r\n    const onClose = this._hideContextMenu;\r\n\r\n    if (menuVisible) {\r\n      const items = this.getShortcutMenuItems(shortcuts);\r\n\r\n      return (\r\n        <GlobalContextMenu\r\n          className={this.props.className}\r\n          style={this.props.style}\r\n          identifier=\"keyboard-shortcuts\"\r\n          x={menuX}\r\n          y={menuY}\r\n          opened={menuVisible}\r\n          onEsc={onClose}\r\n          onOutsideClick={onClose}\r\n          edgeLimit={false}\r\n          autoflip={true}\r\n          ignoreNextKeyUp={true}  // Executing the shortcut on the keydown, so ignore the keyup in the menu\r\n        >\r\n          {items}\r\n        </GlobalContextMenu>\r\n      );\r\n    }\r\n\r\n    return null;\r\n  }\r\n\r\n  private getShortcutMenuItems(shortcuts?: KeyboardShortcut[]): React.ReactNode[] {\r\n    const items: React.ReactNode[] = [];\r\n\r\n    // istanbul ignore else\r\n    if (shortcuts) {\r\n      shortcuts.forEach((shortcut: KeyboardShortcut, index: number) => {\r\n        const item = this.getShortcutMenuItem(shortcut, index);\r\n        // istanbul ignore else\r\n        if (item)\r\n          items.push(item);\r\n      });\r\n    }\r\n\r\n    return items;\r\n  }\r\n\r\n  private getShortcutMenuItem(shortcut: KeyboardShortcut, index: number): React.ReactNode {\r\n    const shortcutKey = shortcut.key;\r\n    const isHidden = ConditionalBooleanValue.getValue(shortcut.isHidden);\r\n\r\n    // Only pure characters go into the context menu\r\n    if (shortcutKey !== shortcut.keyMapKey || shortcut.isFunctionKey || shortcut.isSpecialKey || isHidden)\r\n      return null;\r\n\r\n    let node: React.ReactNode = null;\r\n    let label = shortcut.label;\r\n    const iconSpec = shortcut.iconSpec;\r\n\r\n    label = `~${shortcutKey.toLocaleUpperCase()} ${label}`;\r\n\r\n    if (shortcut.shortcutContainer.areKeyboardShortcutsAvailable()) {\r\n      const shortcuts = shortcut.shortcutContainer.getAvailableKeyboardShortcuts();\r\n      const items = this.getShortcutMenuItems(shortcuts);\r\n\r\n      node = (\r\n        <ContextSubMenu key={index} icon={iconSpec} label={label} disabled={shortcut.isDisabled}>\r\n          {items}\r\n        </ContextSubMenu>\r\n      );\r\n    } else {\r\n      const sel = () => this._itemPicked(shortcut);\r\n      node = (\r\n        <ContextMenuItem key={index} onSelect={sel} icon={iconSpec} disabled={shortcut.isDisabled}>\r\n          {label}\r\n        </ContextMenuItem>\r\n      );\r\n    }\r\n\r\n    return node;\r\n  }\r\n\r\n  private _hideContextMenu = () => {\r\n    this.setState({ menuVisible: false, shortcuts: undefined });\r\n  };\r\n\r\n  private _itemPicked = (shortcut: KeyboardShortcut): void => {\r\n    this._hideContextMenu();\r\n    shortcut.itemPicked();\r\n  };\r\n}\r\n"]}

package/lib/cjs/appui-react/keyinbrowser/KeyinBrowser.d.ts

@@ -0,0 +1,80 @@
+/** @packageDocumentation
+ * @module Item
+ */
+import "./KeyinBrowser.scss";
+import * as React from "react";
+import { AutoSuggestData, CommonProps } from "@itwin/core-react";
+/** Data for each key-in.
+ */
+interface KeyinBrowserData extends AutoSuggestData {
+    /** English key-in - Browser supports both English and localized key-ins */
+    englishKeyin: string;
+}
+/** State of key-in browser.
+ */
+interface KeyinBrowserState {
+    keyins: KeyinBrowserData[];
+    currentToolId: string | undefined;
+    currentArgs: string;
+}
+/** Arguments for [[KeyinBrowserProps]] onExecute callback.
+ * @beta
+ */
+export interface KeyinBrowserExecuteArgs {
+    /** Id of the tool that was run */
+    toolId: string | undefined;
+    /** Arguments passed to the tool */
+    args: string[];
+    /** Status of the key-in run */
+    runStatus: boolean;
+}
+/** Properties of the [[KeyinBrowser]] component.
+ * @beta
+ */
+export interface KeyinBrowserProps extends CommonProps {
+    /** Function called after the key-in is executed */
+    onExecute?: (args: KeyinBrowserExecuteArgs) => void;
+    /** Function called on Escape or popup close */
+    onCancel?: () => void;
+}
+/**
+ * Component used to allow users to select, provide arguments, and execute a key-in.
+ * @beta
+ */
+export declare class KeyinBrowser extends React.PureComponent<KeyinBrowserProps, KeyinBrowserState> {
+    private _toolIdLabel;
+    private _argsLabel;
+    private _argsTip;
+    private _executeLabel;
+    private _suggestPlaceholder;
+    private _toolIdKey;
+    private _isMounted;
+    /** @internal */
+    constructor(props: any);
+    /** @internal */
+    componentDidMount(): void;
+    /** @internal */
+    componentWillUnmount(): void;
+    private getArgsKey;
+    private getSavedToolId;
+    private getToolArgs;
+    private getToolKeyinMap;
+    private getArgsArray;
+    private _onClick;
+    private _execute;
+    private _outputMessage;
+    private _onKeyinSelected;
+    private _onArgumentsChange;
+    private _onKeyDown;
+    private _onInputFocus;
+    private _onAutoSuggestEnter;
+    private _onAutoSuggestTab;
+    private _processInputValue;
+    private _onAutoSuggestEscape;
+    /** Calculate suggestions for any given input value. */
+    private _getSuggestions;
+    /** @internal */
+    render(): React.ReactNode;
+}
+export {};
+//# sourceMappingURL=KeyinBrowser.d.ts.map

package/lib/cjs/appui-react/keyinbrowser/KeyinBrowser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyinBrowser.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/keyinbrowser/KeyinBrowser.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAE7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAe,eAAe,EAAE,WAAW,EAAc,MAAM,mBAAmB,CAAC;AAK1F;GACG;AACH,UAAU,gBAAiB,SAAQ,eAAe;IAIhD,2EAA2E;IAC3E,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;GACG;AACH,UAAU,iBAAiB;IACzB,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,kCAAkC;IAClC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,mCAAmC;IACnC,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,+BAA+B;IAC/B,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,WAAW;IACpD,mDAAmD;IACnD,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACpD,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;;GAGG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,aAAa,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IACzF,OAAO,CAAC,YAAY,CAA+C;IACnE,OAAO,CAAC,UAAU,CAA8C;IAChE,OAAO,CAAC,QAAQ,CAAiD;IACjE,OAAO,CAAC,aAAa,CAAiD;IACtE,OAAO,CAAC,mBAAmB,CAAqD;IAChF,OAAO,CAAC,UAAU,CAAwB;IAC1C,OAAO,CAAC,UAAU,CAAS;IAE3B,gBAAgB;gBACJ,KAAK,EAAE,GAAG;IAYtB,gBAAgB;IACA,iBAAiB;IAcjC,gBAAgB;IACA,oBAAoB;IAIpC,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,QAAQ,CAEd;YAEY,QAAQ;IA+CtB,OAAO,CAAC,cAAc,CAGpB;IAGF,OAAO,CAAC,gBAAgB,CAMtB;IAEF,OAAO,CAAC,kBAAkB,CAIxB;IAEF,OAAO,CAAC,UAAU,CAahB;IAEF,OAAO,CAAC,aAAa,CAKnB;IAEF,OAAO,CAAC,mBAAmB,CAUzB;IAEF,OAAO,CAAC,iBAAiB,CAKvB;IAEF,OAAO,CAAC,kBAAkB;IA+B1B,OAAO,CAAC,oBAAoB,CAK1B;IAEF,uDAAuD;IACvD,OAAO,CAAC,eAAe,CAWrB;IAEF,gBAAgB;IACA,MAAM,IAAI,KAAK,CAAC,SAAS;CAiB1C"}

package/lib/cjs/appui-react/keyinbrowser/KeyinBrowser.js

@@ -0,0 +1,238 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Item
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KeyinBrowser = void 0;
+require("./KeyinBrowser.scss");
+// cSpell:ignore Modeless keyins keyinbrowser testid
+const React = require("react");
+const core_frontend_1 = require("@itwin/core-frontend");
+const core_react_1 = require("@itwin/core-react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const UiFramework_1 = require("../UiFramework");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+/**
+ * Component used to allow users to select, provide arguments, and execute a key-in.
+ * @beta
+ */
+class KeyinBrowser extends React.PureComponent {
+    /** @internal */
+    constructor(props) {
+        super(props);
+        this._toolIdLabel = UiFramework_1.UiFramework.translate("keyinbrowser.keyin");
+        this._argsLabel = UiFramework_1.UiFramework.translate("keyinbrowser.args");
+        this._argsTip = UiFramework_1.UiFramework.translate("keyinbrowser.argsTip");
+        this._executeLabel = UiFramework_1.UiFramework.translate("keyinbrowser.execute");
+        this._suggestPlaceholder = UiFramework_1.UiFramework.translate("keyinbrowser.placeholder");
+        this._toolIdKey = "keyinbrowser:keyin";
+        this._isMounted = false;
+        this._onClick = async () => {
+            return this._execute();
+        };
+        this._outputMessage = (msg) => {
+            const details = new core_frontend_1.NotifyMessageDetails(core_frontend_1.OutputMessagePriority.Error, msg, undefined, core_frontend_1.OutputMessageType.Alert);
+            core_frontend_1.IModelApp.notifications.outputMessage(details);
+        };
+        // istanbul ignore next
+        this._onKeyinSelected = (selected) => {
+            const currentToolId = selected.value;
+            const currentArgs = this.getToolArgs(currentToolId);
+            // istanbul ignore else
+            if (this._isMounted)
+                this.setState({ currentToolId, currentArgs });
+        };
+        this._onArgumentsChange = (event) => {
+            // istanbul ignore else
+            if (this._isMounted)
+                this.setState({ currentArgs: event.target.value });
+        };
+        this._onKeyDown = async (event) => {
+            if (appui_abstract_1.SpecialKey.Enter === event.key) {
+                event.stopPropagation();
+                return this._execute();
+            }
+            // istanbul ignore else
+            if (appui_abstract_1.SpecialKey.Escape === event.key) {
+                // istanbul ignore else
+                if (this.props.onCancel)
+                    this.props.onCancel();
+                return;
+            }
+        };
+        this._onInputFocus = (event) => {
+            // istanbul ignore else
+            if (event.target) {
+                event.target.select();
+            }
+        };
+        this._onAutoSuggestEnter = (event) => {
+            event.stopPropagation();
+            const inputValue = event.target.value;
+            // istanbul ignore else
+            if (this._processInputValue(inputValue)) {
+                setTimeout(async () => {
+                    await this._execute();
+                });
+            }
+        };
+        this._onAutoSuggestTab = (event) => {
+            event.stopPropagation();
+            const inputValue = event.target.value;
+            this._processInputValue(inputValue);
+        };
+        this._onAutoSuggestEscape = (event) => {
+            event.stopPropagation();
+            // istanbul ignore else
+            if (this.props.onCancel)
+                this.props.onCancel();
+        };
+        /** Calculate suggestions for any given input value. */
+        this._getSuggestions = async (value) => {
+            const inputValue = value.trim().toLowerCase();
+            const inputLength = inputValue.length;
+            return Promise.resolve(inputLength === 0 ?
+                /* istanbul ignore next */ [] :
+                this.state.keyins.filter((data) => {
+                    return data.label.toLowerCase().includes(inputValue) || data.englishKeyin.toLowerCase().includes(inputValue);
+                }));
+        };
+        const currentToolId = this.getSavedToolId();
+        const currentArgs = this.getToolArgs(currentToolId);
+        this.state = {
+            keyins: [],
+            currentToolId,
+            currentArgs,
+        };
+    }
+    /** @internal */
+    componentDidMount() {
+        this._isMounted = true;
+        let keyins = this.getToolKeyinMap();
+        this.setState({ keyins });
+        setTimeout(() => {
+            keyins = keyins.sort((a, b) => a.label.localeCompare(b.label));
+            // istanbul ignore else
+            if (this._isMounted)
+                this.setState({ keyins });
+        });
+    }
+    /** @internal */
+    componentWillUnmount() {
+        this._isMounted = false;
+    }
+    getArgsKey(toolId) {
+        if (toolId && toolId.length > 0)
+            return `keyinbrowser:${toolId}`;
+        return undefined;
+    }
+    getSavedToolId() {
+        const toolId = window.localStorage.getItem(this._toolIdKey);
+        return toolId ? toolId : undefined;
+    }
+    getToolArgs(toolId) {
+        const argsKey = this.getArgsKey(toolId);
+        if (argsKey && argsKey.length > 0) {
+            const args = window.localStorage.getItem(argsKey);
+            // istanbul ignore if
+            if (args && /* istanbul ignore next */ args.length > 0 && /* istanbul ignore next */ args[0] === "[") {
+                return JSON.parse(args).join("|");
+            }
+        }
+        return "";
+    }
+    getToolKeyinMap() {
+        const keyins = [];
+        core_frontend_1.IModelApp.tools.getToolList()
+            .forEach((tool) => keyins.push({ value: tool.toolId, label: tool.keyin, englishKeyin: tool.englishKeyin }));
+        return keyins;
+    }
+    getArgsArray() {
+        // istanbul ignore else
+        if (this.state.currentArgs.length > 0) {
+            return this.state.currentArgs.split("|");
+        }
+        return [];
+    }
+    async _execute() {
+        let toolId;
+        let args = [];
+        let runStatus = false;
+        // istanbul ignore else
+        if (this.state.currentToolId && this.state.currentToolId.length > 0) {
+            const foundTool = core_frontend_1.IModelApp.tools.find(this.state.currentToolId);
+            // istanbul ignore else
+            if (foundTool) {
+                toolId = foundTool.toolId;
+                args = this.getArgsArray();
+                const maxArgs = foundTool.maxArgs;
+                if (args.length < foundTool.minArgs || (undefined !== maxArgs && args.length > maxArgs)) {
+                    this._outputMessage(UiFramework_1.UiFramework.translate("keyinbrowser.incorrectArgs"));
+                    return;
+                }
+                let key = "keyinbrowser:keyin";
+                window.localStorage.setItem(key, toolId);
+                // istanbul ignore if
+                if (args && args.length > 0) {
+                    key = `keyinbrowser:${toolId}`;
+                    const objectAsString = JSON.stringify(args);
+                    window.localStorage.setItem(key, objectAsString);
+                }
+                const tool = new foundTool();
+                runStatus = false;
+                try {
+                    runStatus = args.length > 0 ? /* istanbul ignore next */ await tool.parseAndRun(...args) : await tool.run();
+                    !runStatus && this._outputMessage(UiFramework_1.UiFramework.translate("keyinbrowser.failedToRun"));
+                }
+                catch (e) {
+                    // istanbul ignore next
+                    this._outputMessage(`${UiFramework_1.UiFramework.translate("keyinbrowser.exceptionOccurred")}: ${e}`);
+                }
+            }
+        }
+        // istanbul ignore else
+        if (this.props.onExecute)
+            this.props.onExecute({ toolId, args, runStatus });
+    }
+    _processInputValue(inputValue) {
+        let currentKeyin = "";
+        let foundTool;
+        if (this.state.currentToolId && this.state.currentToolId.length > 0) {
+            foundTool = core_frontend_1.IModelApp.tools.find(this.state.currentToolId);
+            // istanbul ignore else
+            if (foundTool)
+                currentKeyin = foundTool.keyin;
+        }
+        // istanbul ignore next
+        if (inputValue !== currentKeyin) {
+            const inputValueLower = inputValue.trim().toLowerCase();
+            foundTool = core_frontend_1.IModelApp.tools.getToolList()
+                .find((tool) => tool.keyin.toLowerCase() === inputValueLower || tool.englishKeyin.toLowerCase() === inputValueLower);
+            if (!foundTool) {
+                this._outputMessage(UiFramework_1.UiFramework.translate("keyinbrowser.couldNotFindTool"));
+                return false;
+            }
+            else {
+                const currentToolId = foundTool.toolId;
+                // istanbul ignore else
+                if (this._isMounted)
+                    this.setState({ currentToolId });
+            }
+        }
+        return true;
+    }
+    /** @internal */
+    render() {
+        return (React.createElement("div", { className: "uif-keyinbrowser-div" },
+            React.createElement(core_react_1.InputLabel, { label: this._toolIdLabel },
+                React.createElement(core_react_1.AutoSuggest, { value: this.state.currentToolId, style: { width: "250px" }, placeholder: this._suggestPlaceholder, options: this.state.keyins, onSuggestionSelected: this._onKeyinSelected, onPressEnter: this._onAutoSuggestEnter, onPressTab: this._onAutoSuggestTab, onPressEscape: this._onAutoSuggestEscape, onInputFocus: this._onInputFocus, getSuggestions: this._getSuggestions, "data-testid": "uif-keyin-autosuggest" })),
+            React.createElement(itwinui_react_1.LabeledInput, { label: this._argsLabel, title: this._argsTip, value: this.state.currentArgs, "data-testid": "uif-keyin-arguments", id: "uif-keyin-arguments", onKeyDown: this._onKeyDown, onChange: this._onArgumentsChange, onFocus: this._onInputFocus }),
+            React.createElement(itwinui_react_1.Button, { styleType: "cta", "data-testid": "uif-keyin-browser-execute", onClick: this._onClick }, this._executeLabel)));
+    }
+}
+exports.KeyinBrowser = KeyinBrowser;
+//# sourceMappingURL=KeyinBrowser.js.map

package/lib/cjs/appui-react/keyinbrowser/KeyinBrowser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyinBrowser.js","sourceRoot":"","sources":["../../../../src/appui-react/keyinbrowser/KeyinBrowser.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 Item\r\n */\r\n\r\nimport \"./KeyinBrowser.scss\";\r\n// cSpell:ignore Modeless keyins keyinbrowser testid\r\nimport * as React from \"react\";\r\nimport { IModelApp, NotifyMessageDetails, OutputMessagePriority, OutputMessageType, Tool } from \"@itwin/core-frontend\";\r\nimport { AutoSuggest, AutoSuggestData, CommonProps, InputLabel } from \"@itwin/core-react\";\r\nimport { Button, LabeledInput } from \"@itwin/itwinui-react\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { SpecialKey } from \"@itwin/appui-abstract\";\r\n\r\n/** Data for each key-in.\r\n */\r\ninterface KeyinBrowserData extends AutoSuggestData {\r\n  // AutoSuggestData.value is the toolId\r\n  // AutoSuggestData.label is the keyin\r\n\r\n  /** English key-in - Browser supports both English and localized key-ins */\r\n  englishKeyin: string;\r\n}\r\n\r\n/** State of key-in browser.\r\n */\r\ninterface KeyinBrowserState {\r\n  keyins: KeyinBrowserData[];\r\n  currentToolId: string | undefined;\r\n  currentArgs: string;\r\n}\r\n\r\n/** Arguments for [[KeyinBrowserProps]] onExecute callback.\r\n * @beta\r\n */\r\nexport interface KeyinBrowserExecuteArgs {\r\n  /** Id of the tool that was run */\r\n  toolId: string | undefined;\r\n  /** Arguments passed to the tool */\r\n  args: string[];\r\n  /** Status of the key-in run */\r\n  runStatus: boolean;\r\n}\r\n\r\n/** Properties of the [[KeyinBrowser]] component.\r\n * @beta\r\n */\r\nexport interface KeyinBrowserProps extends CommonProps {\r\n  /** Function called after the key-in is executed */\r\n  onExecute?: (args: KeyinBrowserExecuteArgs) => void;\r\n  /** Function called on Escape or popup close */\r\n  onCancel?: () => void;\r\n}\r\n\r\n/**\r\n * Component used to allow users to select, provide arguments, and execute a key-in.\r\n * @beta\r\n */\r\nexport class KeyinBrowser extends React.PureComponent<KeyinBrowserProps, KeyinBrowserState> {\r\n  private _toolIdLabel = UiFramework.translate(\"keyinbrowser.keyin\");\r\n  private _argsLabel = UiFramework.translate(\"keyinbrowser.args\");\r\n  private _argsTip = UiFramework.translate(\"keyinbrowser.argsTip\");\r\n  private _executeLabel = UiFramework.translate(\"keyinbrowser.execute\");\r\n  private _suggestPlaceholder = UiFramework.translate(\"keyinbrowser.placeholder\");\r\n  private _toolIdKey = \"keyinbrowser:keyin\";\r\n  private _isMounted = false;\r\n\r\n  /** @internal */\r\n  constructor(props: any) {\r\n    super(props);\r\n    const currentToolId = this.getSavedToolId();\r\n    const currentArgs = this.getToolArgs(currentToolId);\r\n\r\n    this.state = {\r\n      keyins: [],\r\n      currentToolId,\r\n      currentArgs,\r\n    };\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidMount() {\r\n    this._isMounted = true;\r\n\r\n    let keyins = this.getToolKeyinMap();\r\n    this.setState({ keyins });\r\n\r\n    setTimeout(() => {\r\n      keyins = keyins.sort((a: AutoSuggestData, b: AutoSuggestData) => a.label.localeCompare(b.label));\r\n      // istanbul ignore else\r\n      if (this._isMounted)\r\n        this.setState({ keyins });\r\n    });\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentWillUnmount() {\r\n    this._isMounted = false;\r\n  }\r\n\r\n  private getArgsKey(toolId: string | undefined): string | undefined {\r\n    if (toolId && toolId.length > 0)\r\n      return `keyinbrowser:${toolId}`;\r\n    return undefined;\r\n  }\r\n\r\n  private getSavedToolId(): string | undefined {\r\n    const toolId = window.localStorage.getItem(this._toolIdKey);\r\n    return toolId ? toolId : undefined;\r\n  }\r\n\r\n  private getToolArgs(toolId: string | undefined): string {\r\n    const argsKey = this.getArgsKey(toolId);\r\n    if (argsKey && argsKey.length > 0) {\r\n      const args = window.localStorage.getItem(argsKey);\r\n      // istanbul ignore if\r\n      if (args && /* istanbul ignore next */ args.length > 0 && /* istanbul ignore next */ args[0] === \"[\") {\r\n        return (JSON.parse(args) as string[]).join(\"|\");\r\n      }\r\n    }\r\n    return \"\";\r\n  }\r\n\r\n  private getToolKeyinMap(): KeyinBrowserData[] {\r\n    const keyins: KeyinBrowserData[] = [];\r\n    IModelApp.tools.getToolList()\r\n      .forEach((tool: typeof Tool) => keyins.push({ value: tool.toolId, label: tool.keyin, englishKeyin: tool.englishKeyin }));\r\n    return keyins;\r\n  }\r\n\r\n  private getArgsArray(): string[] {\r\n    // istanbul ignore else\r\n    if (this.state.currentArgs.length > 0) {\r\n      return this.state.currentArgs.split(\"|\");\r\n    }\r\n    return [];\r\n  }\r\n\r\n  private _onClick = async () => {\r\n    return this._execute();\r\n  };\r\n\r\n  private async _execute(): Promise<void> {\r\n    let toolId: string | undefined;\r\n    let args: string[] = [];\r\n    let runStatus = false;\r\n\r\n    // istanbul ignore else\r\n    if (this.state.currentToolId && this.state.currentToolId.length > 0) {\r\n      const foundTool = IModelApp.tools.find(this.state.currentToolId);\r\n      // istanbul ignore else\r\n      if (foundTool) {\r\n        toolId = foundTool.toolId;\r\n        args = this.getArgsArray();\r\n        const maxArgs = foundTool.maxArgs;\r\n\r\n        if (args.length < foundTool.minArgs || (undefined !== maxArgs && args.length > maxArgs)) {\r\n          this._outputMessage(UiFramework.translate(\"keyinbrowser.incorrectArgs\"));\r\n          return;\r\n        }\r\n\r\n        let key = \"keyinbrowser:keyin\";\r\n        window.localStorage.setItem(key, toolId);\r\n\r\n        // istanbul ignore if\r\n        if (args && args.length > 0) {\r\n          key = `keyinbrowser:${toolId}`;\r\n          const objectAsString = JSON.stringify(args);\r\n          window.localStorage.setItem(key, objectAsString);\r\n        }\r\n\r\n        const tool = new foundTool();\r\n        runStatus = false;\r\n\r\n        try {\r\n          runStatus = args.length > 0 ? /* istanbul ignore next */ await tool.parseAndRun(...args) : await tool.run();\r\n          !runStatus && this._outputMessage(UiFramework.translate(\"keyinbrowser.failedToRun\"));\r\n        } catch (e) {\r\n          // istanbul ignore next\r\n          this._outputMessage(`${UiFramework.translate(\"keyinbrowser.exceptionOccurred\")}: ${e}`);\r\n        }\r\n      }\r\n    }\r\n\r\n    // istanbul ignore else\r\n    if (this.props.onExecute)\r\n      this.props.onExecute({ toolId, args, runStatus });\r\n  }\r\n\r\n  private _outputMessage = (msg: string) => {\r\n    const details = new NotifyMessageDetails(OutputMessagePriority.Error, msg, undefined, OutputMessageType.Alert);\r\n    IModelApp.notifications.outputMessage(details);\r\n  };\r\n\r\n  // istanbul ignore next\r\n  private _onKeyinSelected = (selected: AutoSuggestData): void => {\r\n    const currentToolId = selected.value;\r\n    const currentArgs = this.getToolArgs(currentToolId);\r\n    // istanbul ignore else\r\n    if (this._isMounted)\r\n      this.setState({ currentToolId, currentArgs });\r\n  };\r\n\r\n  private _onArgumentsChange = (event: React.ChangeEvent<HTMLInputElement>): void => {\r\n    // istanbul ignore else\r\n    if (this._isMounted)\r\n      this.setState({ currentArgs: event.target.value });\r\n  };\r\n\r\n  private _onKeyDown = async (event: React.KeyboardEvent<HTMLInputElement>): Promise<void> => {\r\n    if (SpecialKey.Enter === event.key) {\r\n      event.stopPropagation();\r\n      return this._execute();\r\n    }\r\n\r\n    // istanbul ignore else\r\n    if (SpecialKey.Escape === event.key) {\r\n      // istanbul ignore else\r\n      if (this.props.onCancel)\r\n        this.props.onCancel();\r\n      return;\r\n    }\r\n  };\r\n\r\n  private _onInputFocus = (event: React.FocusEvent<HTMLInputElement>): void => {\r\n    // istanbul ignore else\r\n    if (event.target) {\r\n      event.target.select();\r\n    }\r\n  };\r\n\r\n  private _onAutoSuggestEnter = (event: React.KeyboardEvent): void => {\r\n    event.stopPropagation();\r\n\r\n    const inputValue = (event.target as HTMLInputElement).value;\r\n    // istanbul ignore else\r\n    if (this._processInputValue(inputValue)) {\r\n      setTimeout(async () => {\r\n        await this._execute();\r\n      });\r\n    }\r\n  };\r\n\r\n  private _onAutoSuggestTab = (event: React.KeyboardEvent): void => {\r\n    event.stopPropagation();\r\n\r\n    const inputValue = (event.target as HTMLInputElement).value;\r\n    this._processInputValue(inputValue);\r\n  };\r\n\r\n  private _processInputValue(inputValue: string): boolean {\r\n    let currentKeyin = \"\";\r\n    let foundTool: typeof Tool | undefined;\r\n\r\n    if (this.state.currentToolId && this.state.currentToolId.length > 0) {\r\n      foundTool = IModelApp.tools.find(this.state.currentToolId);\r\n      // istanbul ignore else\r\n      if (foundTool)\r\n        currentKeyin = foundTool.keyin;\r\n    }\r\n\r\n    // istanbul ignore next\r\n    if (inputValue !== currentKeyin) {\r\n      const inputValueLower = inputValue.trim().toLowerCase();\r\n      foundTool = IModelApp.tools.getToolList()\r\n        .find((tool: typeof Tool) => tool.keyin.toLowerCase() === inputValueLower || tool.englishKeyin.toLowerCase() === inputValueLower);\r\n\r\n      if (!foundTool) {\r\n        this._outputMessage(UiFramework.translate(\"keyinbrowser.couldNotFindTool\"));\r\n        return false;\r\n      } else {\r\n        const currentToolId = foundTool.toolId;\r\n        // istanbul ignore else\r\n        if (this._isMounted)\r\n          this.setState({ currentToolId });\r\n      }\r\n    }\r\n\r\n    return true;\r\n  }\r\n\r\n  private _onAutoSuggestEscape = (event: React.KeyboardEvent): void => {\r\n    event.stopPropagation();\r\n    // istanbul ignore else\r\n    if (this.props.onCancel)\r\n      this.props.onCancel();\r\n  };\r\n\r\n  /** Calculate suggestions for any given input value. */\r\n  private _getSuggestions = async (value: string): Promise<AutoSuggestData[]> => {\r\n    const inputValue = value.trim().toLowerCase();\r\n    const inputLength = inputValue.length;\r\n\r\n    return Promise.resolve(\r\n      inputLength === 0 ?\r\n        /* istanbul ignore next */[] :\r\n        this.state.keyins.filter((data: KeyinBrowserData) => {\r\n          return data.label.toLowerCase().includes(inputValue) || data.englishKeyin.toLowerCase().includes(inputValue);\r\n        })\r\n    );\r\n  };\r\n\r\n  /** @internal */\r\n  public override render(): React.ReactNode {\r\n    return (\r\n      <div className=\"uif-keyinbrowser-div\">\r\n        <InputLabel label={this._toolIdLabel}>\r\n          <AutoSuggest value={this.state.currentToolId} style={{ width: \"250px\" }}\r\n            placeholder={this._suggestPlaceholder} options={this.state.keyins}\r\n            onSuggestionSelected={this._onKeyinSelected} onPressEnter={this._onAutoSuggestEnter}\r\n            onPressTab={this._onAutoSuggestTab} onPressEscape={this._onAutoSuggestEscape} onInputFocus={this._onInputFocus}\r\n            getSuggestions={this._getSuggestions} data-testid=\"uif-keyin-autosuggest\" />\r\n        </InputLabel>\r\n        <LabeledInput label={this._argsLabel} title={this._argsTip} value={this.state.currentArgs}\r\n          data-testid=\"uif-keyin-arguments\" id=\"uif-keyin-arguments\"\r\n          onKeyDown={this._onKeyDown} onChange={this._onArgumentsChange} onFocus={this._onInputFocus} />\r\n        <Button styleType=\"cta\" data-testid=\"uif-keyin-browser-execute\" onClick={this._onClick}>{this._executeLabel}</Button>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/keyinbrowser/KeyinBrowser.scss

@@ -0,0 +1,11 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+.uif-keyinbrowser-div {
+  display: grid;
+  align-items: center;
+  justify-content: center;
+  grid-template-columns: 100%;
+  padding: 6px;
+}

package/lib/cjs/appui-react/messages/ActivityMessage.d.ts

@@ -0,0 +1,18 @@
+/** @packageDocumentation
+ * @module Notification
+ */
+/// <reference types="react" />
+import { ActivityMessageEventArgs } from "../messages/MessageManager";
+/** Properties for a [[ActivityMessage]]
+ * @public
+ */
+export interface ActivityMessageProps {
+    activityMessageInfo: ActivityMessageEventArgs;
+    cancelActivityMessage: () => void;
+    dismissActivityMessage: () => void;
+}
+/** Activity Message React component
+ * @public
+ */
+export declare function ActivityMessage(props: ActivityMessageProps): JSX.Element;
+//# sourceMappingURL=ActivityMessage.d.ts.map

package/lib/cjs/appui-react/messages/ActivityMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityMessage.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/messages/ActivityMessage.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAQH,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAGtE;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,mBAAmB,EAAE,wBAAwB,CAAC;IAC9C,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,sBAAsB,EAAE,MAAM,IAAI,CAAC;CACpC;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,eAgC1D"}

package/lib/cjs/appui-react/messages/ActivityMessage.js

@@ -0,0 +1,34 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Notification
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActivityMessage = void 0;
+const React = require("react");
+const core_react_1 = require("@itwin/core-react");
+const appui_layout_react_1 = require("@itwin/appui-layout-react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const Toast_1 = require("@itwin/itwinui-react/cjs/core/Toast/Toast");
+const UiFramework_1 = require("../UiFramework");
+const MessageLabel_1 = require("./MessageLabel");
+/** Activity Message React component
+ * @public
+ */
+function ActivityMessage(props) {
+    const messageDetails = props.activityMessageInfo.details;
+    const [percentCompleteLabel] = React.useState(UiFramework_1.UiFramework.translate("activityCenter.percentComplete"));
+    const [cancelLabel] = React.useState(core_react_1.UiCore.translate("dialog.cancel"));
+    return (React.createElement(Toast_1.ToastPresentation, { category: "informational", hasCloseButton: true, onClose: props.dismissActivityMessage, content: React.createElement(appui_layout_react_1.MessageLayout, { buttons: (messageDetails && messageDetails.supportsCancellation) &&
+                React.createElement(appui_layout_react_1.MessageHyperlink, { onClick: props.cancelActivityMessage }, cancelLabel), progress: (messageDetails && messageDetails.showProgressBar) &&
+                React.createElement(appui_layout_react_1.MessageProgress, { status: appui_layout_react_1.Status.Information, progress: props.activityMessageInfo.percentage }) },
+            React.createElement("div", null,
+                React.createElement(MessageLabel_1.MessageLabel, { message: props.activityMessageInfo.message, className: "uifw-statusbar-message-brief" }),
+                (messageDetails && messageDetails.showPercentInMessage) &&
+                    React.createElement(itwinui_react_1.Small, null, props.activityMessageInfo.percentage + percentCompleteLabel))) }));
+}
+exports.ActivityMessage = ActivityMessage;
+//# sourceMappingURL=ActivityMessage.js.map

package/lib/cjs/appui-react/messages/ActivityMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityMessage.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/ActivityMessage.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,kDAA2C;AAC3C,kEAAqG;AACrG,wDAA6C;AAC7C,qEAA8E;AAC9E,gDAA6C;AAE7C,iDAA8C;AAW9C;;GAEG;AACH,SAAgB,eAAe,CAAC,KAA2B;IACzD,MAAM,cAAc,GAAG,KAAK,CAAC,mBAAmB,CAAC,OAAO,CAAC;IACzD,MAAM,CAAC,oBAAoB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,yBAAW,CAAC,SAAS,CAAC,gCAAgC,CAAC,CAAC,CAAC;IACvG,MAAM,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,mBAAM,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAC;IAExE,OAAO,CACL,oBAAC,yBAAiB,IAChB,QAAQ,EAAC,eAAe,EACxB,cAAc,EAAE,IAAI,EACpB,OAAO,EAAE,KAAK,CAAC,sBAAsB,EACrC,OAAO,EACL,oBAAC,kCAAa,IACZ,OAAO,EAAE,CAAC,cAAc,IAAI,cAAc,CAAC,oBAAoB,CAAC;gBAC9D,oBAAC,qCAAgB,IAAC,OAAO,EAAE,KAAK,CAAC,qBAAqB,IAAG,WAAW,CAAoB,EAE1F,QAAQ,EAAE,CAAC,cAAc,IAAI,cAAc,CAAC,eAAe,CAAC;gBAC1D,oBAAC,oCAAe,IACd,MAAM,EAAE,2BAAM,CAAC,WAAW,EAC1B,QAAQ,EAAE,KAAK,CAAC,mBAAmB,CAAC,UAAU,GAC9C;YAGJ;gBACE,oBAAC,2BAAY,IAAC,OAAO,EAAE,KAAK,CAAC,mBAAmB,CAAC,OAAO,EAAE,SAAS,EAAC,8BAA8B,GAAG;gBACpG,CAAC,cAAc,IAAI,cAAc,CAAC,oBAAoB,CAAC;oBACtD,oBAAC,qBAAK,QAAE,KAAK,CAAC,mBAAmB,CAAC,UAAU,GAAG,oBAAoB,CAAS,CAE1E,CACQ,GAElB,CACH,CAAC;AACJ,CAAC;AAhCD,0CAgCC","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 Notification\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { UiCore } from \"@itwin/core-react\";\r\nimport { MessageHyperlink, MessageLayout, MessageProgress, Status } from \"@itwin/appui-layout-react\";\r\nimport { Small } from \"@itwin/itwinui-react\";\r\nimport { ToastPresentation } from \"@itwin/itwinui-react/cjs/core/Toast/Toast\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { ActivityMessageEventArgs } from \"../messages/MessageManager\";\r\nimport { MessageLabel } from \"./MessageLabel\";\r\n\r\n/** Properties for a [[ActivityMessage]]\r\n * @public\r\n */\r\nexport interface ActivityMessageProps {\r\n  activityMessageInfo: ActivityMessageEventArgs;\r\n  cancelActivityMessage: () => void;\r\n  dismissActivityMessage: () => void;\r\n}\r\n\r\n/** Activity Message React component\r\n * @public\r\n */\r\nexport function ActivityMessage(props: ActivityMessageProps) {\r\n  const messageDetails = props.activityMessageInfo.details;\r\n  const [percentCompleteLabel] = React.useState(UiFramework.translate(\"activityCenter.percentComplete\"));\r\n  const [cancelLabel] = React.useState(UiCore.translate(\"dialog.cancel\"));\r\n\r\n  return (\r\n    <ToastPresentation\r\n      category=\"informational\"\r\n      hasCloseButton={true}\r\n      onClose={props.dismissActivityMessage}\r\n      content={\r\n        <MessageLayout\r\n          buttons={(messageDetails && messageDetails.supportsCancellation) &&\r\n            <MessageHyperlink onClick={props.cancelActivityMessage}>{cancelLabel}</MessageHyperlink>\r\n          }\r\n          progress={(messageDetails && messageDetails.showProgressBar) &&\r\n            <MessageProgress\r\n              status={Status.Information}\r\n              progress={props.activityMessageInfo.percentage}\r\n            />\r\n          }\r\n        >\r\n          <div>\r\n            <MessageLabel message={props.activityMessageInfo.message} className=\"uifw-statusbar-message-brief\" />\r\n            {(messageDetails && messageDetails.showPercentInMessage) &&\r\n              <Small>{props.activityMessageInfo.percentage + percentCompleteLabel}</Small>\r\n            }\r\n          </div>\r\n        </MessageLayout>\r\n      }\r\n    />\r\n  );\r\n}\r\n"]}

package/lib/cjs/appui-react/messages/ActivityMessagePopup.d.ts

@@ -0,0 +1,18 @@
+/** @packageDocumentation
+ * @module Notification
+ */
+/// <reference types="react" />
+import "./ActivityMessagePopup.scss";
+import { CommonProps } from "@itwin/core-react";
+/** Properties for [[ActivityMessagePopup]] component
+ * @public
+ */
+export interface ActivityMessagePopupProps extends CommonProps {
+    cancelActivityMessage?: () => void;
+    dismissActivityMessage?: () => void;
+}
+/** Activity Message Popup React component
+ * @public
+ */
+export declare function ActivityMessagePopup(props: ActivityMessagePopupProps): JSX.Element | null;
+//# sourceMappingURL=ActivityMessagePopup.d.ts.map

package/lib/cjs/appui-react/messages/ActivityMessagePopup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityMessagePopup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/messages/ActivityMessagePopup.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,6BAA6B,CAAC;AAIrC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD;;GAEG;AACH,MAAM,WAAW,yBAA0B,SAAQ,WAAW;IAC5D,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACrC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,sBA6CpE"}