@itwin/appui-react 4.0.0-dev.3 → 4.0.0-dev.6

package/lib/cjs/appui-react/statusfields/tileloading/TileLoadingIndicator.scss

@@ -3,31 +3,41 @@
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
 @import "~@itwin/core-react/lib/cjs/core-react/style/breakpoints";
+@import "~@itwin/itwinui-css/scss/style/typography";
 
 .uifw-tile-loading-bar {
-  $font-size-medium: var(--iui-font-size-0);
-  $font-size-small: var(--iui-font-size-0) - 1px;
+  $font-size-medium: $iui-font-size-small;
+  $font-size-small: $iui-font-size-small - 1px;
 
-  transition: opacity 0.3s ease-in;
+  transition: opacity .3s ease-in;
   opacity: 0;
   display: flex;
   flex-direction: column;
   align-items: center;
-  width: 12em;
 
-  > span {
+  >span {
     font-size: $font-size-medium;
     margin-top: 6px;
     position: relative;
   }
 
-  > .iui-progress-indicator-linear {
+  >.iui-progress-indicator-linear {
     width: 100%;
     flex: 1;
   }
 
+  &.nz-footer-mode {
+    width: 12em;
+  }
+
+  &:not(.nz-footer-mode) {
+    min-width: 4em;
+  }
+
   @include for-small-desktop-down {
-    width: 9em;
+    &.nz-footer-mode {
+      width: 9em;
+    }
   }
 
   @include for-tablet-portrait-down {
@@ -36,10 +46,13 @@
 
   @include for-phone-only {
     font-size: $font-size-small;
-    width: 6em;
+
+    &.nz-footer-mode {
+      width: 6em;
+    }
   }
 }
 
 .uifw-tile-loading-bar-visible {
   opacity: 1;
-}
+}

package/lib/cjs/appui-react/statusfields/toolassistance/ToolAssistanceField.d.ts

@@ -4,12 +4,13 @@
 import "./ToolAssistanceField.scss";
 import * as React from "react";
 import { ToolAssistanceInstruction, ToolAssistanceInstructions } from "@itwin/core-frontend";
-import { CommonProps, UiStateStorage } from "@itwin/core-react";
+import { UiStateStorage } from "@itwin/core-react";
+import { StatusFieldProps } from "../StatusFieldProps";
 import { UiStateStorageContext } from "../../uistate/useUiStateStorage";
 /** Properties of [[ToolAssistanceField]] component.
  * @public
  */
-export interface ToolAssistanceFieldProps extends CommonProps {
+export interface ToolAssistanceFieldProps extends StatusFieldProps {
     /** Indicates whether to include promptAtCursor Checkbox. Defaults to true. */
     includePromptAtCursor: boolean;
     /** Optional parameter for persistent UI settings. Defaults to UiStateStorageContext.
@@ -38,7 +39,7 @@ interface ToolAssistanceFieldState {
     showTouchInstructions: boolean;
     mouseTouchTabIndex: number;
     isPinned: boolean;
-    isOpen: boolean;
+    openWidget: string | null;
 }
 /** Tool Assistance Field React component.
  * @public
@@ -54,6 +55,7 @@ export declare class ToolAssistanceField extends React.Component<ToolAssistanceF
     private _showPromptAtCursorSetting;
     private _mouseTouchTabIndexSetting;
     private _target;
+    private _className;
     private _indicator;
     private _cursorPrompt;
     private _isMounted;
@@ -84,8 +86,7 @@ export declare class ToolAssistanceField extends React.Component<ToolAssistanceF
     private _handleOutsideClick;
     private _handleToolAssistanceIndicatorClick;
     private _handlePinButtonClick;
-    private _handleCloseButtonClick;
-    private setIsOpen;
+    private setOpenWidget;
     /** @internal */
     static getInstructionImage(instruction: ToolAssistanceInstruction): React.ReactNode;
     private static getInstructionSvgImage;

package/lib/cjs/appui-react/statusfields/toolassistance/ToolAssistanceField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolAssistanceField.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/toolassistance/ToolAssistanceField.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ToolAssistanceField.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/toolassistance/ToolAssistanceField.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/appui-react/statusfields/toolassistance/ToolAssistanceField.js

@@ -3,6 +3,7 @@
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
+/* eslint-disable deprecation/deprecation */
 /** @packageDocumentation
  * @module Notification
  */
@@ -38,7 +39,7 @@ const mouse_click_wheel_drag_svg_1 = require("./mouse-click-wheel-drag.svg");
 const mouse_click_wheel_svg_1 = require("./mouse-click-wheel.svg");
 const touch_cursor_pan_svg_1 = require("./touch-cursor-pan.svg");
 const touch_cursor_point_svg_1 = require("./touch-cursor-point.svg");
-const Dialog_1 = require("../../statusbar/dialog/Dialog");
+const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 /** Tool Assistance Field React component.
  * @public
  */
@@ -121,9 +122,11 @@ class ToolAssistanceField extends React.Component {
                 });
         };
         this._handleClose = () => {
-            this.setIsOpen(false);
+            this.setOpenWidget(null);
         };
         this._handleOutsideClick = (e) => {
+            if (this.state.isPinned)
+                return;
             // istanbul ignore if
             if (!this._indicator.current ||
                 !(e.target instanceof Node) ||
@@ -132,16 +135,28 @@ class ToolAssistanceField extends React.Component {
             this._handleClose();
         };
         this._handleToolAssistanceIndicatorClick = () => {
-            this.setIsOpen(!this.state.isOpen);
+            var _a;
+            const isOpen = ((_a = this.props.openWidget) !== null && _a !== void 0 ? _a : this.state.openWidget) === this._className;
+            if (isOpen) {
+                this.setOpenWidget(null);
+            }
+            else
+                this.setOpenWidget(this._className);
         };
         this._handlePinButtonClick = () => {
             // istanbul ignore else
-            if (this._isMounted)
-                this.setState({ isPinned: true });
-        };
-        this._handleCloseButtonClick = () => {
-            this._handleClose();
+            if (this._isMounted) {
+                const isPinned = !this.state.isPinned;
+                this.setState({
+                    isPinned,
+                });
+                if (!isPinned) {
+                    this._handleClose();
+                }
+            }
         };
+        const instance = this.constructor;
+        this._className = instance.name;
         const mobile = UiFramework_1.UiFramework.isMobile();
         this.state = {
             instructions: undefined,
@@ -154,7 +169,7 @@ class ToolAssistanceField extends React.Component {
             showTouchInstructions: false,
             mouseTouchTabIndex: 0,
             isPinned: false,
-            isOpen: false,
+            openWidget: null,
         };
         this._uiSettingsStorage = new core_react_1.LocalStateStorage();
         this._cursorPrompt = new CursorPrompt_1.CursorPrompt(this.props.cursorPromptTimeout, this.props.fadeOutCursorPrompt);
@@ -180,7 +195,7 @@ class ToolAssistanceField extends React.Component {
         FrontstageManager_1.FrontstageManager.onToolIconChangedEvent.removeListener(this._handleToolIconChangedEvent);
     }
     async restoreSettings() {
-        let getShowPromptAtCursor;
+        let getShowPromptAtCursor; // eslint-disable-line deprecation/deprecation
         // istanbul ignore else
         if (this.props.includePromptAtCursor) {
             getShowPromptAtCursor = this._showPromptAtCursorSetting.getSetting(this._uiSettingsStorage);
@@ -221,6 +236,7 @@ class ToolAssistanceField extends React.Component {
     }
     /** @internal */
     render() {
+        var _a, _b, _c;
         const { instructions } = this.state;
         const dialogTitle = (core_frontend_1.IModelApp.toolAdmin.activeTool) ? /* istanbul ignore next */ core_frontend_1.IModelApp.toolAdmin.activeTool.flyover : UiFramework_1.UiFramework.translate("toolAssistance.title");
         const mouseLabel = UiFramework_1.UiFramework.translate("toolAssistance.mouse");
@@ -266,21 +282,21 @@ class ToolAssistanceField extends React.Component {
         tooltip += UiFramework_1.UiFramework.translate("toolAssistance.moreInfo");
         return (React.createElement(React.Fragment, null,
             React.createElement("div", { style: { height: "100%" }, ref: this._handleTargetRef },
-                React.createElement(appui_layout_react_1.ToolAssistance, { icons: React.createElement(React.Fragment, null, toolIcon), indicatorRef: this._indicator, className: (0, classnames_1.default)("uifw-statusFields-toolassistance", this.props.className), style: this.props.style, onClick: this._handleToolAssistanceIndicatorClick, title: tooltip }, prompt)),
-            React.createElement(appui_layout_react_1.FooterPopup, { isOpen: this.state.isOpen, onClose: this._handleClose, onOutsideClick: this._handleOutsideClick, target: this._target, isPinned: this.state.isPinned },
+                React.createElement(appui_layout_react_1.ToolAssistance // eslint-disable-line deprecation/deprecation
+                , { icons: React.createElement(React.Fragment, null, toolIcon), indicatorRef: this._indicator, className: (0, classnames_1.default)("uifw-statusFields-toolassistance", this.props.className), style: this.props.style, isInFooterMode: (_a = this.props.isInFooterMode) !== null && _a !== void 0 ? _a : true, onClick: this._handleToolAssistanceIndicatorClick, title: tooltip }, ((_b = this.props.isInFooterMode) !== null && _b !== void 0 ? _b : true) ? prompt : undefined)),
+            React.createElement(appui_layout_react_1.FooterPopup, { isOpen: ((_c = this.props.openWidget) !== null && _c !== void 0 ? _c : this.state.openWidget) === this._className, onClose: this._handleClose, onOutsideClick: this._handleOutsideClick, target: this._target, isPinned: this.state.isPinned },
                 React.createElement(appui_layout_react_1.ToolAssistanceDialog, { buttons: React.createElement(React.Fragment, null,
-                        !this.state.isPinned &&
-                            React.createElement(Dialog_1.StatusBarDialog.TitleBarButton, { onClick: this._handlePinButtonClick, title: UiFramework_1.UiFramework.translate("toolAssistance.pin") },
-                                React.createElement("i", { className: "icon icon-pin" })),
-                        this.state.isPinned &&
-                            React.createElement(Dialog_1.StatusBarDialog.TitleBarButton, { onClick: this._handleCloseButtonClick, title: core_react_1.UiCore.translate("dialog.close") },
-                                React.createElement("i", { className: "icon icon-close" }))), title: dialogTitle }, dialogContent))));
+                        React.createElement(itwinui_react_1.IconButton, { size: "small", styleType: "borderless", onClick: this._handlePinButtonClick, title: this.state.isPinned
+                                ? core_react_1.UiCore.translate("dialog.close")
+                                : UiFramework_1.UiFramework.translate("toolAssistance.pin") }, this.state.isPinned ? React.createElement(itwinui_icons_react_1.SvgClose, null) : React.createElement(itwinui_icons_react_1.SvgPinHollow, null))), title: dialogTitle }, dialogContent))));
     }
-    setIsOpen(isOpen) {
+    setOpenWidget(openWidget) {
+        var _a, _b;
+        (_b = (_a = this.props).onOpenWidget) === null || _b === void 0 ? void 0 : _b.call(_a, openWidget);
         let newState = {
-            isOpen,
+            openWidget,
         };
-        if (!isOpen && this.state.isPinned && this._isMounted) {
+        if (!openWidget && this.state.isPinned && this._isMounted) {
             newState = { ...newState, ...{ isPinned: false } };
         }
         this.setState(newState);
@@ -305,7 +321,7 @@ class ToolAssistanceField extends React.Component {
         }
         else if (typeof instruction.image === "string") {
             if (instruction.image.length > 0) {
-                const svgSource = appui_abstract_1.IconSpecUtilities.getSvgSource(instruction.image); // eslint-disable-line deprecation/deprecation
+                const svgSource = appui_abstract_1.IconSpecUtilities.getSvgSource(instruction.image);
                 const className = (svgSource !== undefined) ? "uifw-toolassistance-svg" : "uifw-toolassistance-icon-large";
                 image = React.createElement("div", { className: className },
                     React.createElement(core_react_1.Icon, { iconSpec: instruction.image }));

package/lib/cjs/appui-react/statusfields/toolassistance/ToolAssistanceField.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolAssistanceField.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/toolassistance/ToolAssistanceField.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 Notification\r\n */\r\n\r\nimport \"./ToolAssistanceField.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { Logger } from \"@itwin/core-bentley\";\r\nimport {\r\n  IModelApp, ToolAssistanceImage, ToolAssistanceInputMethod, ToolAssistanceInstruction, ToolAssistanceInstructions, ToolAssistanceKeyboardInfo,\r\n  ToolAssistanceSection,\r\n} from \"@itwin/core-frontend\";\r\nimport { IconSpecUtilities } from \"@itwin/appui-abstract\";\r\nimport {\r\n  CommonProps,\r\n  FillCentered, Icon, LocalStateStorage, UiCore, UiStateEntry, UiStateStorage, UiStateStorageResult, UiStateStorageStatus,\r\n} from \"@itwin/core-react\";\r\nimport {\r\n  FooterPopup, ToolAssistanceInstruction as NZ_ToolAssistanceInstruction, ToolAssistance, ToolAssistanceDialog,\r\n  ToolAssistanceItem,\r\n  ToolAssistanceSeparator,\r\n} from \"@itwin/appui-layout-react\";\r\nimport { HorizontalTabs, ToggleSwitch } from \"@itwin/itwinui-react\";\r\nimport { CursorPrompt } from \"../../cursor/cursorprompt/CursorPrompt\";\r\nimport { FrontstageManager, ToolIconChangedEventArgs } from \"../../frontstage/FrontstageManager\";\r\nimport { MessageManager, ToolAssistanceChangedEventArgs } from \"../../messages/MessageManager\";\r\nimport { UiFramework } from \"../../UiFramework\";\r\nimport { UiStateStorageContext } from \"../../uistate/useUiStateStorage\";\r\n\r\nimport acceptPointIcon from \"./accept-point.svg\";\r\nimport cursorClickIcon from \"./cursor-click.svg\";\r\nimport oneTouchDragIcon from \"./gesture-one-finger-drag.svg\";\r\nimport oneTouchDoubleTapIcon from \"./gesture-one-finger-tap-double.svg\";\r\nimport oneTouchTapIcon from \"./gesture-one-finger-tap.svg\";\r\nimport twoTouchPinchIcon from \"./gesture-pinch.svg\";\r\nimport twoTouchDragIcon from \"./gesture-two-finger-drag.svg\";\r\nimport twoTouchTapIcon from \"./gesture-two-finger-tap.svg\";\r\nimport clickLeftDragIcon from \"./mouse-click-left-drag.svg\";\r\nimport clickLeftIcon from \"./mouse-click-left.svg\";\r\nimport clickRightDragIcon from \"./mouse-click-right-drag.svg\";\r\nimport clickRightIcon from \"./mouse-click-right.svg\";\r\nimport clickMouseWheelDragIcon from \"./mouse-click-wheel-drag.svg\";\r\nimport mouseWheelClickIcon from \"./mouse-click-wheel.svg\";\r\nimport touchCursorDragIcon from \"./touch-cursor-pan.svg\";\r\nimport touchCursorTapIcon from \"./touch-cursor-point.svg\";\r\nimport { StatusBarDialog } from \"../../statusbar/dialog/Dialog\";\r\n\r\n// cSpell:ignore cursorprompt\r\n\r\n/** Properties of [[ToolAssistanceField]] component.\r\n * @public\r\n */\r\nexport interface ToolAssistanceFieldProps extends CommonProps {\r\n  /** Indicates whether to include promptAtCursor Checkbox. Defaults to true. */\r\n  includePromptAtCursor: boolean;\r\n  /** Optional parameter for persistent UI settings. Defaults to UiStateStorageContext.\r\n   */\r\n  uiStateStorage?: UiStateStorage;\r\n  /** Cursor Prompt Timeout period. Defaults to 5000. */\r\n  cursorPromptTimeout: number;\r\n  /** Fade Out the Cursor Prompt when closed. */\r\n  fadeOutCursorPrompt: boolean;\r\n  /** Indicates whether to show promptAtCursor by default. Defaults to false. */\r\n  defaultPromptAtCursor: boolean;\r\n}\r\n\r\n/** Default properties of [[ToolAssistanceField]] component.\r\n * @internal\r\n */\r\nexport type ToolAssistanceFieldDefaultProps =\r\n  Pick<ToolAssistanceFieldProps, \"includePromptAtCursor\" | \"uiStateStorage\" | \"cursorPromptTimeout\" | \"fadeOutCursorPrompt\" | \"defaultPromptAtCursor\">;\r\n\r\n/** @internal */\r\ninterface ToolAssistanceFieldState {\r\n  instructions: ToolAssistanceInstructions | undefined;\r\n  toolIconSpec: string;\r\n  showPromptAtCursor: boolean;\r\n  includeMouseInstructions: boolean;\r\n  includeTouchInstructions: boolean;\r\n  showMouseTouchTabs: boolean;\r\n  showMouseInstructions: boolean;\r\n  showTouchInstructions: boolean;\r\n  mouseTouchTabIndex: number;\r\n  isPinned: boolean;\r\n  isOpen: boolean;\r\n}\r\n\r\n/** Tool Assistance Field React component.\r\n * @public\r\n */\r\nexport class ToolAssistanceField extends React.Component<ToolAssistanceFieldProps, ToolAssistanceFieldState> {\r\n  /** @internal */\r\n  public static override contextType = UiStateStorageContext;\r\n  /** @internal */\r\n  public declare context: React.ContextType<typeof UiStateStorageContext>;\r\n\r\n  private static _toolAssistanceKey = \"ToolAssistance\";\r\n  private static _showPromptAtCursorKey = \"showPromptAtCursor\";\r\n  private static _mouseTouchTabIndexKey = \"mouseTouchTabIndex\";\r\n  private _showPromptAtCursorSetting: UiStateEntry<boolean>;\r\n  private _mouseTouchTabIndexSetting: UiStateEntry<number>;\r\n  private _target: HTMLElement | null = null;\r\n  private _indicator = React.createRef<HTMLDivElement>();\r\n  private _cursorPrompt: CursorPrompt;\r\n  private _isMounted = false;\r\n  private _uiSettingsStorage: UiStateStorage;\r\n\r\n  /** @internal */\r\n  public static readonly defaultProps: ToolAssistanceFieldDefaultProps = {\r\n    includePromptAtCursor: true,\r\n    cursorPromptTimeout: 5000,\r\n    fadeOutCursorPrompt: true,\r\n    defaultPromptAtCursor: false,\r\n  };\r\n\r\n  /** @internal */\r\n  constructor(p: ToolAssistanceFieldProps) {\r\n    super(p);\r\n\r\n    const mobile = UiFramework.isMobile();\r\n\r\n    this.state = {\r\n      instructions: undefined,\r\n      toolIconSpec: \"\",\r\n      showPromptAtCursor: p.defaultPromptAtCursor,\r\n      includeMouseInstructions: !mobile,\r\n      includeTouchInstructions: true,\r\n      showMouseTouchTabs: false,\r\n      showMouseInstructions: false,\r\n      showTouchInstructions: false,\r\n      mouseTouchTabIndex: 0,\r\n      isPinned: false,\r\n      isOpen: false,\r\n    };\r\n\r\n    this._uiSettingsStorage = new LocalStateStorage();\r\n    this._cursorPrompt = new CursorPrompt(this.props.cursorPromptTimeout, this.props.fadeOutCursorPrompt);\r\n    this._showPromptAtCursorSetting = new UiStateEntry(ToolAssistanceField._toolAssistanceKey, ToolAssistanceField._showPromptAtCursorKey,\r\n      () => this.state.showPromptAtCursor);\r\n    this._mouseTouchTabIndexSetting = new UiStateEntry(ToolAssistanceField._toolAssistanceKey, ToolAssistanceField._mouseTouchTabIndexKey,\r\n      () => this.state.mouseTouchTabIndex);\r\n  }\r\n\r\n  /** @internal */\r\n  public override async componentDidMount() {\r\n    this._isMounted = true;\r\n    MessageManager.onToolAssistanceChangedEvent.addListener(this._handleToolAssistanceChangedEvent);\r\n    FrontstageManager.onToolIconChangedEvent.addListener(this._handleToolIconChangedEvent);\r\n\r\n    // istanbul ignore else\r\n    if (this.props.uiStateStorage)\r\n      this._uiSettingsStorage = this.props.uiStateStorage;\r\n    else if (this.context)\r\n      this._uiSettingsStorage = this.context;\r\n\r\n    await this.restoreSettings();\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentWillUnmount() {\r\n    this._isMounted = false;\r\n    MessageManager.onToolAssistanceChangedEvent.removeListener(this._handleToolAssistanceChangedEvent);\r\n    FrontstageManager.onToolIconChangedEvent.removeListener(this._handleToolIconChangedEvent);\r\n  }\r\n\r\n  private async restoreSettings() {\r\n    let getShowPromptAtCursor: Promise<UiStateStorageResult> | undefined;\r\n    // istanbul ignore else\r\n    if (this.props.includePromptAtCursor) {\r\n      getShowPromptAtCursor = this._showPromptAtCursorSetting.getSetting(this._uiSettingsStorage);\r\n    }\r\n    const getMouseTouchTabIndex = this._mouseTouchTabIndexSetting.getSetting(this._uiSettingsStorage);\r\n    const [showPromptAtCursorResult, mouseTouchTabIndexResult] = await Promise.all([\r\n      getShowPromptAtCursor,\r\n      getMouseTouchTabIndex,\r\n    ]);\r\n\r\n    // istanbul ignore else\r\n    if (showPromptAtCursorResult !== undefined && showPromptAtCursorResult.status === UiStateStorageStatus.Success) {\r\n      // istanbul ignore else\r\n      if (this._isMounted)\r\n        this.setState({ showPromptAtCursor: showPromptAtCursorResult.setting });\r\n    }\r\n\r\n    // istanbul ignore else\r\n    if (mouseTouchTabIndexResult.status === UiStateStorageStatus.Success) {\r\n      // istanbul ignore else\r\n      if (this._isMounted)\r\n        this.setState({ mouseTouchTabIndex: mouseTouchTabIndexResult.setting });\r\n    }\r\n  }\r\n\r\n  private _handleToolAssistanceChangedEvent = (args: ToolAssistanceChangedEventArgs): void => {\r\n    let showMouseTouchTabs = false;\r\n    let showMouseInstructions = false;\r\n    let showTouchInstructions = false;\r\n\r\n    if (args.instructions && args.instructions.sections) {\r\n      const hasMouseInstructions = args.instructions.sections.some((section: ToolAssistanceSection) => {\r\n        return section.instructions.some((instruction: ToolAssistanceInstruction) => this._isMouseInstruction(instruction));\r\n      });\r\n      const hasTouchInstructions = args.instructions.sections.some((section: ToolAssistanceSection) => {\r\n        return section.instructions.some((instruction: ToolAssistanceInstruction) => this._isTouchInstruction(instruction));\r\n      });\r\n\r\n      if (this.state.includeMouseInstructions && this.state.includeTouchInstructions && hasMouseInstructions && hasTouchInstructions) {\r\n        showMouseTouchTabs = true;\r\n        showMouseInstructions = this.state.mouseTouchTabIndex === 0;\r\n        showTouchInstructions = this.state.mouseTouchTabIndex === 1;\r\n      } else {\r\n        if (this.state.includeMouseInstructions && hasMouseInstructions)\r\n          showMouseInstructions = true;\r\n        else if (this.state.includeTouchInstructions && hasTouchInstructions)\r\n          showTouchInstructions = true;\r\n      }\r\n    }\r\n\r\n    // istanbul ignore else\r\n    if (this._isMounted)\r\n      this.setState(\r\n        {\r\n          instructions: args.instructions,\r\n          showMouseTouchTabs,\r\n          showMouseInstructions,\r\n          showTouchInstructions,\r\n        },\r\n        () => {\r\n          this._showCursorPrompt();\r\n        },\r\n      );\r\n  };\r\n\r\n  private _isBothInstruction = (instruction: ToolAssistanceInstruction) => {\r\n    return instruction.inputMethod === undefined || instruction.inputMethod === ToolAssistanceInputMethod.Both;\r\n  };\r\n\r\n  private _isMouseInstruction = (instruction: ToolAssistanceInstruction) => instruction.inputMethod === ToolAssistanceInputMethod.Mouse;\r\n\r\n  private _isTouchInstruction = (instruction: ToolAssistanceInstruction) => instruction.inputMethod === ToolAssistanceInputMethod.Touch;\r\n\r\n  private _handleToolIconChangedEvent = (args: ToolIconChangedEventArgs): void => {\r\n    // istanbul ignore else\r\n    if (this._isMounted)\r\n      this.setState(\r\n        { toolIconSpec: args.iconSpec },\r\n        () => {\r\n          this._showCursorPrompt();\r\n        },\r\n      );\r\n\r\n  };\r\n\r\n  private _showCursorPrompt() {\r\n    if (this.state.showPromptAtCursor && this.state.instructions)\r\n      this._cursorPrompt.display(this.state.toolIconSpec, this.state.instructions.mainInstruction);\r\n  }\r\n\r\n  private _sectionHasDisplayableInstructions(section: ToolAssistanceSection): boolean {\r\n    const displayableInstructions = this._getDisplayableInstructions(section);\r\n    return displayableInstructions.length > 0;\r\n  }\r\n\r\n  private _getDisplayableInstructions(section: ToolAssistanceSection): ToolAssistanceInstruction[] {\r\n    const displayableInstructions = section.instructions.filter((instruction: ToolAssistanceInstruction) => {\r\n      return (\r\n        this._isBothInstruction(instruction)\r\n        || (this.state.showMouseInstructions && this._isMouseInstruction(instruction))\r\n        || (this.state.showTouchInstructions && this._isTouchInstruction(instruction))\r\n      );\r\n    });\r\n    return displayableInstructions;\r\n  }\r\n\r\n  private _handleMouseTouchTab = async (index: number) => {\r\n    const showMouseInstructions = index === 0;\r\n    const showTouchInstructions = index === 1;\r\n\r\n    // istanbul ignore else\r\n    if (this._isMounted)\r\n      this.setState({\r\n        mouseTouchTabIndex: index,\r\n        showMouseInstructions,\r\n        showTouchInstructions,\r\n      }, async () => {\r\n        await this._mouseTouchTabIndexSetting.saveSetting(this._uiSettingsStorage);\r\n      });\r\n  };\r\n\r\n  /** @internal */\r\n  public override render(): React.ReactNode {\r\n    const { instructions } = this.state;\r\n    const dialogTitle = (IModelApp.toolAdmin.activeTool) ? /* istanbul ignore next */ IModelApp.toolAdmin.activeTool.flyover : UiFramework.translate(\"toolAssistance.title\");\r\n    const mouseLabel = UiFramework.translate(\"toolAssistance.mouse\");\r\n    const touchLabel = UiFramework.translate(\"toolAssistance.touch\");\r\n    let prompt = \"\";\r\n    let tooltip = \"\";\r\n    let toolIcon: React.ReactNode;\r\n    let dialogContent: React.ReactNode;\r\n\r\n    if (instructions) {\r\n      prompt = instructions.mainInstruction.text;\r\n      toolIcon = <Icon iconSpec={this.state.toolIconSpec} />;\r\n\r\n      let displayableSections: ToolAssistanceSection[] | undefined;\r\n      if (instructions.sections) {\r\n        displayableSections = instructions.sections.filter((section: ToolAssistanceSection) => this._sectionHasDisplayableInstructions(section));\r\n      }\r\n\r\n      dialogContent = (\r\n        <div>\r\n          {this.state.showMouseTouchTabs &&\r\n            <HorizontalTabs\r\n              tabsClassName=\"uifw-toolAssistance-tabs\"\r\n              labels={[mouseLabel, touchLabel]}\r\n              activeIndex={this.state.mouseTouchTabIndex}\r\n              onTabSelected={this._handleMouseTouchTab} />\r\n          }\r\n\r\n          <div className=\"uifw-toolAssistance-content\">\r\n            <NZ_ToolAssistanceInstruction\r\n              key=\"main\"\r\n              image={ToolAssistanceField.getInstructionImage(instructions.mainInstruction)}\r\n              text={instructions.mainInstruction.text}\r\n              isNew={instructions.mainInstruction.isNew} />\r\n\r\n            {displayableSections && displayableSections.map((section: ToolAssistanceSection, index1: number) => {\r\n              return (\r\n                <React.Fragment key={index1.toString()}>\r\n                  <ToolAssistanceSeparator key={index1.toString()}>{section.label}</ToolAssistanceSeparator>\r\n                  {this._getDisplayableInstructions(section).map((instruction: ToolAssistanceInstruction, index2: number) => {\r\n                    return (\r\n                      <NZ_ToolAssistanceInstruction\r\n                        key={`${index1.toString()}-${index2.toString()}`}\r\n                        image={ToolAssistanceField.getInstructionImage(instruction)}\r\n                        text={instruction.text}\r\n                        isNew={instruction.isNew} />\r\n                    );\r\n                  })}\r\n                </React.Fragment>\r\n              );\r\n            })}\r\n\r\n            {this.props.includePromptAtCursor &&\r\n              <>\r\n                <ToolAssistanceSeparator key=\"prompt-sep\" />\r\n                <ToolAssistanceItem key=\"prompt-item\">\r\n                  <ToggleSwitch\r\n                    label={UiFramework.translate(\"toolAssistance.promptAtCursor\")}\r\n                    labelPosition=\"right\"\r\n                    checked={this.state.showPromptAtCursor} onChange={this._onPromptAtCursorChange} />\r\n                </ToolAssistanceItem>\r\n              </>\r\n            }\r\n          </div>\r\n        </div>\r\n      );\r\n    }\r\n\r\n    if (prompt)\r\n      tooltip = prompt;\r\n\r\n    // istanbul ignore next\r\n    if (IModelApp.toolAdmin.activeTool)\r\n      tooltip = `${IModelApp.toolAdmin.activeTool.flyover} > ${tooltip}  `;\r\n\r\n    if (tooltip) {\r\n      const lineBreak = \"\\u000d\\u000a\";\r\n      tooltip = tooltip + lineBreak;\r\n    }\r\n\r\n    tooltip += UiFramework.translate(\"toolAssistance.moreInfo\");\r\n\r\n    return (\r\n      <>\r\n        <div style={{ height: \"100%\" }} ref={this._handleTargetRef}>\r\n          <ToolAssistance\r\n            icons={\r\n              <>\r\n                {toolIcon}\r\n              </>\r\n            }\r\n            indicatorRef={this._indicator}\r\n            className={classnames(\"uifw-statusFields-toolassistance\", this.props.className)}\r\n            style={this.props.style}\r\n            onClick={this._handleToolAssistanceIndicatorClick}\r\n            title={tooltip}\r\n          >\r\n            {prompt}\r\n          </ToolAssistance>\r\n        </div>\r\n        <FooterPopup\r\n          isOpen={this.state.isOpen}\r\n          onClose={this._handleClose}\r\n          onOutsideClick={this._handleOutsideClick}\r\n          target={this._target}\r\n          isPinned={this.state.isPinned}\r\n        >\r\n          <ToolAssistanceDialog\r\n            buttons={\r\n              <>\r\n                {!this.state.isPinned &&\r\n                  <StatusBarDialog.TitleBarButton\r\n                    onClick={this._handlePinButtonClick}\r\n                    title={UiFramework.translate(\"toolAssistance.pin\")}\r\n                  >\r\n                    <i className={\"icon icon-pin\"} />\r\n                  </StatusBarDialog.TitleBarButton>\r\n                }\r\n                {this.state.isPinned &&\r\n                  <StatusBarDialog.TitleBarButton\r\n                    onClick={this._handleCloseButtonClick}\r\n                    title={UiCore.translate(\"dialog.close\")}\r\n                  >\r\n                    <i className={\"icon icon-close\"} />\r\n                  </StatusBarDialog.TitleBarButton>\r\n                }\r\n              </>\r\n            }\r\n            title={dialogTitle}\r\n          >\r\n            {dialogContent}\r\n          </ToolAssistanceDialog>\r\n        </FooterPopup>\r\n      </>\r\n    );\r\n  }\r\n\r\n  private _handleTargetRef = (target: HTMLElement | null) => {\r\n    this._target = target;\r\n  };\r\n\r\n  private _onPromptAtCursorChange = async (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    // istanbul ignore else\r\n    if (this._isMounted)\r\n      this.setState({\r\n        showPromptAtCursor: e.target.checked,\r\n      }, async () => {\r\n        await this._showPromptAtCursorSetting.saveSetting(this._uiSettingsStorage);\r\n      });\r\n  };\r\n\r\n  private _handleClose = () => {\r\n    this.setIsOpen(false);\r\n  };\r\n\r\n  private _handleOutsideClick = (e: MouseEvent) => {\r\n    // istanbul ignore if\r\n    if (!this._indicator.current ||\r\n      !(e.target instanceof Node) ||\r\n      this._indicator.current.contains(e.target))\r\n      return;\r\n\r\n    this._handleClose();\r\n  };\r\n\r\n  private _handleToolAssistanceIndicatorClick = () => {\r\n    this.setIsOpen(!this.state.isOpen);\r\n  };\r\n\r\n  private _handlePinButtonClick = () => {\r\n    // istanbul ignore else\r\n    if (this._isMounted)\r\n      this.setState({ isPinned: true });\r\n  };\r\n\r\n  private _handleCloseButtonClick = () => {\r\n    this._handleClose();\r\n  };\r\n\r\n  private setIsOpen(isOpen: boolean) {\r\n    let newState = {\r\n      isOpen,\r\n    };\r\n    if (!isOpen && this.state.isPinned && this._isMounted) {\r\n      newState = { ...newState, ...{ isPinned: false } };\r\n    }\r\n    this.setState(newState);\r\n  }\r\n\r\n  /** @internal */\r\n  public static getInstructionImage(instruction: ToolAssistanceInstruction): React.ReactNode {\r\n    let image: React.ReactNode;\r\n\r\n    if ((typeof instruction.image === \"string\" || instruction.image !== ToolAssistanceImage.Keyboard) && instruction.keyboardInfo) {\r\n      if (instruction.keyboardInfo.keys.length === 1 && !instruction.keyboardInfo.bottomKeys) {\r\n        const key = instruction.keyboardInfo.keys[0];\r\n        const rightImage = (typeof instruction.image === \"string\") ?\r\n          <div className=\"uifw-toolassistance-icon-medium\"><Icon iconSpec={instruction.image} /></div> :\r\n          this.getInstructionSvgImage(instruction, true);\r\n\r\n        image = (\r\n          <FillCentered>\r\n            {ToolAssistanceField.getKeyNode(key, 0, \"uifw-toolassistance-key-modifier\")}\r\n            {rightImage}\r\n          </FillCentered>\r\n        );\r\n      } else {\r\n        Logger.logError(UiFramework.loggerCategory(this), `getInstructionImage: Invalid keyboardInfo provided with image`);\r\n      }\r\n    } else if (typeof instruction.image === \"string\") {\r\n      if (instruction.image.length > 0) {\r\n        const svgSource = IconSpecUtilities.getSvgSource(instruction.image); // eslint-disable-line deprecation/deprecation\r\n        const className = (svgSource !== undefined) ? \"uifw-toolassistance-svg\" : \"uifw-toolassistance-icon-large\";\r\n        image = <div className={className}><Icon iconSpec={instruction.image} /></div>;\r\n      }\r\n    } else if (instruction.image === ToolAssistanceImage.Keyboard) {\r\n      if (instruction.keyboardInfo) {\r\n        image = ToolAssistanceField.getInstructionKeyboardImage(instruction.keyboardInfo);\r\n      } else {\r\n        Logger.logError(UiFramework.loggerCategory(this), `getInstructionImage: ToolAssistanceImage.Keyboard specified but no keyboardInfo provided`);\r\n      }\r\n    } else {\r\n      image = this.getInstructionSvgImage(instruction, false);\r\n    }\r\n\r\n    return image;\r\n  }\r\n\r\n  private static getInstructionSvgImage(instruction: ToolAssistanceInstruction, mediumSize: boolean): React.ReactNode {\r\n    let image: React.ReactNode;\r\n    let className = mediumSize ? \"uifw-toolassistance-svg-medium\" : \"uifw-toolassistance-svg\";\r\n\r\n    // istanbul ignore else\r\n    if (typeof instruction.image !== \"string\" && instruction.image !== ToolAssistanceImage.Keyboard) {\r\n      const toolAssistanceImage: ToolAssistanceImage = instruction.image;\r\n      let svgImage = \"\";\r\n\r\n      switch (toolAssistanceImage) {\r\n        case ToolAssistanceImage.AcceptPoint:\r\n          svgImage = acceptPointIcon;\r\n          break;\r\n        case ToolAssistanceImage.CursorClick:\r\n          svgImage = cursorClickIcon;\r\n          break;\r\n        case ToolAssistanceImage.LeftClick:\r\n          svgImage = clickLeftIcon;\r\n          break;\r\n        case ToolAssistanceImage.RightClick:\r\n          svgImage = clickRightIcon;\r\n          break;\r\n        case ToolAssistanceImage.MouseWheel:\r\n          svgImage = mouseWheelClickIcon;\r\n          break;\r\n        case ToolAssistanceImage.LeftClickDrag:\r\n          svgImage = clickLeftDragIcon;\r\n          className = mediumSize ? \"uifw-toolassistance-svg-medium-wide\" : \"uifw-toolassistance-svg-wide\";\r\n          break;\r\n        case ToolAssistanceImage.RightClickDrag:\r\n          svgImage = clickRightDragIcon;\r\n          className = mediumSize ? \"uifw-toolassistance-svg-medium-wide\" : \"uifw-toolassistance-svg-wide\";\r\n          break;\r\n        case ToolAssistanceImage.MouseWheelClickDrag:\r\n          svgImage = clickMouseWheelDragIcon;\r\n          className = mediumSize ? \"uifw-toolassistance-svg-medium-wide\" : \"uifw-toolassistance-svg-wide\";\r\n          break;\r\n        case ToolAssistanceImage.OneTouchTap:\r\n          svgImage = oneTouchTapIcon;\r\n          break;\r\n        case ToolAssistanceImage.OneTouchDoubleTap:\r\n          svgImage = oneTouchDoubleTapIcon;\r\n          break;\r\n        case ToolAssistanceImage.OneTouchDrag:\r\n          svgImage = oneTouchDragIcon;\r\n          break;\r\n        case ToolAssistanceImage.TwoTouchTap:\r\n          svgImage = twoTouchTapIcon;\r\n          break;\r\n        case ToolAssistanceImage.TwoTouchDrag:\r\n          svgImage = twoTouchDragIcon;\r\n          break;\r\n        case ToolAssistanceImage.TwoTouchPinch:\r\n          svgImage = twoTouchPinchIcon;\r\n          break;\r\n        case ToolAssistanceImage.TouchCursorTap:\r\n          svgImage = touchCursorTapIcon;\r\n          break;\r\n        case ToolAssistanceImage.TouchCursorDrag:\r\n          svgImage = touchCursorDragIcon;\r\n          className = mediumSize ? /* istanbul ignore next */ \"uifw-toolassistance-svg-medium-wide\" : \"uifw-toolassistance-svg-wide\";\r\n          break;\r\n      }\r\n      const iconSpec = IconSpecUtilities.createWebComponentIconSpec(svgImage);\r\n      image = (\r\n        <div className={className}>\r\n          {svgImage &&\r\n            // istanbul ignore next\r\n            <Icon iconSpec={iconSpec} />\r\n          }\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return image;\r\n  }\r\n\r\n  private static getInstructionKeyboardImage(keyboardInfo: ToolAssistanceKeyboardInfo): React.ReactNode {\r\n    let image: React.ReactNode;\r\n\r\n    if (keyboardInfo.bottomKeys !== undefined) {\r\n      image = (\r\n        <div className=\"uifw-toolassistance-key-group\">\r\n          <span className=\"row1\">\r\n            {keyboardInfo.keys.map((key: string, index1: number) => {\r\n              return ToolAssistanceField.getKeyNode(key, index1, \"uifw-toolassistance-key-small\");\r\n            })}\r\n          </span>\r\n          <br />\r\n          <span className=\"row2\">\r\n            {keyboardInfo.bottomKeys.map((key: string, index2: number) => {\r\n              return ToolAssistanceField.getKeyNode(key, index2, \"uifw-toolassistance-key-small\");\r\n            })}\r\n          </span>\r\n        </div>\r\n      );\r\n    } else if (keyboardInfo.keys.length === 2) {\r\n      image = (\r\n        <FillCentered>\r\n          {keyboardInfo.keys.map((key: string, index3: number) => {\r\n            let className = \"uifw-toolassistance-key-medium\";\r\n            if (key.length > 1)\r\n              className = \"uifw-toolassistance-key-modifier\";\r\n            return ToolAssistanceField.getKeyNode(key, index3, className);\r\n          })}\r\n        </FillCentered>\r\n      );\r\n    } else if (keyboardInfo.keys[0]) {\r\n      if (keyboardInfo.keys[0].length > 1)\r\n        image = ToolAssistanceField.getKeyNode(keyboardInfo.keys[0], 0, \"uifw-toolassistance-key-large\");\r\n      else\r\n        image = ToolAssistanceField.getKeyNode(keyboardInfo.keys[0], 0);\r\n    } else {\r\n      Logger.logError(UiFramework.loggerCategory(this), `ToolAssistanceImage.Keyboard specified but ToolAssistanceKeyboardInfo not valid`);\r\n    }\r\n\r\n    return image;\r\n  }\r\n\r\n  private static getKeyNode(key: string, index: number, className?: string): React.ReactNode {\r\n    return (\r\n      <div key={index.toString()} className={classnames(\"uifw-toolassistance-key\", className)}>\r\n        <FillCentered>{key}</FillCentered>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ToolAssistanceField.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/toolassistance/ToolAssistanceField.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/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Notification\r\n */\r\n\r\nimport \"./ToolAssistanceField.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { Logger } from \"@itwin/core-bentley\";\r\nimport {\r\n  IModelApp, ToolAssistanceImage, ToolAssistanceInputMethod, ToolAssistanceInstruction, ToolAssistanceInstructions, ToolAssistanceKeyboardInfo,\r\n  ToolAssistanceSection,\r\n} from \"@itwin/core-frontend\";\r\nimport { IconSpecUtilities } from \"@itwin/appui-abstract\";\r\nimport {\r\n  FillCentered, Icon, LocalStateStorage, UiCore, UiStateEntry, UiStateStorage, UiStateStorageResult, UiStateStorageStatus,\r\n} from \"@itwin/core-react\";\r\nimport {\r\n  FooterPopup, ToolAssistanceInstruction as NZ_ToolAssistanceInstruction, ToolAssistance, ToolAssistanceDialog,\r\n  ToolAssistanceItem,\r\n  ToolAssistanceSeparator,\r\n} from \"@itwin/appui-layout-react\";\r\nimport { HorizontalTabs, IconButton, ToggleSwitch } from \"@itwin/itwinui-react\";\r\nimport { CursorPrompt } from \"../../cursor/cursorprompt/CursorPrompt\";\r\nimport { FrontstageManager, ToolIconChangedEventArgs } from \"../../frontstage/FrontstageManager\";\r\nimport { MessageManager, ToolAssistanceChangedEventArgs } from \"../../messages/MessageManager\";\r\nimport { StatusBarFieldId } from \"../../statusbar/StatusBarWidgetControl\";\r\nimport { UiFramework } from \"../../UiFramework\";\r\nimport { StatusFieldProps } from \"../StatusFieldProps\";\r\nimport { UiStateStorageContext } from \"../../uistate/useUiStateStorage\";\r\n\r\nimport acceptPointIcon from \"./accept-point.svg\";\r\nimport cursorClickIcon from \"./cursor-click.svg\";\r\nimport oneTouchDragIcon from \"./gesture-one-finger-drag.svg\";\r\nimport oneTouchDoubleTapIcon from \"./gesture-one-finger-tap-double.svg\";\r\nimport oneTouchTapIcon from \"./gesture-one-finger-tap.svg\";\r\nimport twoTouchPinchIcon from \"./gesture-pinch.svg\";\r\nimport twoTouchDragIcon from \"./gesture-two-finger-drag.svg\";\r\nimport twoTouchTapIcon from \"./gesture-two-finger-tap.svg\";\r\nimport clickLeftDragIcon from \"./mouse-click-left-drag.svg\";\r\nimport clickLeftIcon from \"./mouse-click-left.svg\";\r\nimport clickRightDragIcon from \"./mouse-click-right-drag.svg\";\r\nimport clickRightIcon from \"./mouse-click-right.svg\";\r\nimport clickMouseWheelDragIcon from \"./mouse-click-wheel-drag.svg\";\r\nimport mouseWheelClickIcon from \"./mouse-click-wheel.svg\";\r\nimport touchCursorDragIcon from \"./touch-cursor-pan.svg\";\r\nimport touchCursorTapIcon from \"./touch-cursor-point.svg\";\r\nimport { SvgClose, SvgPinHollow } from \"@itwin/itwinui-icons-react\";\r\n\r\n// cSpell:ignore cursorprompt\r\n\r\n/** Properties of [[ToolAssistanceField]] component.\r\n * @public\r\n */\r\nexport interface ToolAssistanceFieldProps extends StatusFieldProps {\r\n  /** Indicates whether to include promptAtCursor Checkbox. Defaults to true. */\r\n  includePromptAtCursor: boolean;\r\n  /** Optional parameter for persistent UI settings. Defaults to UiStateStorageContext.\r\n   */\r\n  uiStateStorage?: UiStateStorage; // eslint-disable-line deprecation/deprecation\r\n  /** Cursor Prompt Timeout period. Defaults to 5000. */\r\n  cursorPromptTimeout: number;\r\n  /** Fade Out the Cursor Prompt when closed. */\r\n  fadeOutCursorPrompt: boolean;\r\n  /** Indicates whether to show promptAtCursor by default. Defaults to false. */\r\n  defaultPromptAtCursor: boolean;\r\n}\r\n\r\n/** Default properties of [[ToolAssistanceField]] component.\r\n * @internal\r\n */\r\nexport type ToolAssistanceFieldDefaultProps =\r\n  Pick<ToolAssistanceFieldProps, \"includePromptAtCursor\" | \"uiStateStorage\" | \"cursorPromptTimeout\" | \"fadeOutCursorPrompt\" | \"defaultPromptAtCursor\">;\r\n\r\n/** @internal */\r\ninterface ToolAssistanceFieldState {\r\n  instructions: ToolAssistanceInstructions | undefined;\r\n  toolIconSpec: string;\r\n  showPromptAtCursor: boolean;\r\n  includeMouseInstructions: boolean;\r\n  includeTouchInstructions: boolean;\r\n  showMouseTouchTabs: boolean;\r\n  showMouseInstructions: boolean;\r\n  showTouchInstructions: boolean;\r\n  mouseTouchTabIndex: number;\r\n  isPinned: boolean;\r\n  openWidget: string | null;\r\n}\r\n\r\n/** Tool Assistance Field React component.\r\n * @public\r\n */\r\nexport class ToolAssistanceField extends React.Component<ToolAssistanceFieldProps, ToolAssistanceFieldState> {\r\n  /** @internal */\r\n  public static override contextType = UiStateStorageContext;\r\n  /** @internal */\r\n  public declare context: React.ContextType<typeof UiStateStorageContext>;\r\n\r\n  private static _toolAssistanceKey = \"ToolAssistance\";\r\n  private static _showPromptAtCursorKey = \"showPromptAtCursor\";\r\n  private static _mouseTouchTabIndexKey = \"mouseTouchTabIndex\";\r\n  private _showPromptAtCursorSetting: UiStateEntry<boolean>;\r\n  private _mouseTouchTabIndexSetting: UiStateEntry<number>;\r\n  private _target: HTMLElement | null = null;\r\n  private _className: string;\r\n  private _indicator = React.createRef<HTMLDivElement>();\r\n  private _cursorPrompt: CursorPrompt;\r\n  private _isMounted = false;\r\n  private _uiSettingsStorage: UiStateStorage; // eslint-disable-line deprecation/deprecation\r\n\r\n  /** @internal */\r\n  public static readonly defaultProps: ToolAssistanceFieldDefaultProps = {\r\n    includePromptAtCursor: true,\r\n    cursorPromptTimeout: 5000,\r\n    fadeOutCursorPrompt: true,\r\n    defaultPromptAtCursor: false,\r\n  };\r\n\r\n  /** @internal */\r\n  constructor(p: ToolAssistanceFieldProps) {\r\n    super(p);\r\n\r\n    const instance = this.constructor;\r\n    this._className = instance.name;\r\n\r\n    const mobile = UiFramework.isMobile();\r\n\r\n    this.state = {\r\n      instructions: undefined,\r\n      toolIconSpec: \"\",\r\n      showPromptAtCursor: p.defaultPromptAtCursor,\r\n      includeMouseInstructions: !mobile,\r\n      includeTouchInstructions: true,\r\n      showMouseTouchTabs: false,\r\n      showMouseInstructions: false,\r\n      showTouchInstructions: false,\r\n      mouseTouchTabIndex: 0,\r\n      isPinned: false,\r\n      openWidget: null,\r\n    };\r\n\r\n    this._uiSettingsStorage = new LocalStateStorage();\r\n    this._cursorPrompt = new CursorPrompt(this.props.cursorPromptTimeout, this.props.fadeOutCursorPrompt);\r\n    this._showPromptAtCursorSetting = new UiStateEntry(ToolAssistanceField._toolAssistanceKey, ToolAssistanceField._showPromptAtCursorKey,\r\n      () => this.state.showPromptAtCursor);\r\n    this._mouseTouchTabIndexSetting = new UiStateEntry(ToolAssistanceField._toolAssistanceKey, ToolAssistanceField._mouseTouchTabIndexKey,\r\n      () => this.state.mouseTouchTabIndex);\r\n  }\r\n\r\n  /** @internal */\r\n  public override async componentDidMount() {\r\n    this._isMounted = true;\r\n    MessageManager.onToolAssistanceChangedEvent.addListener(this._handleToolAssistanceChangedEvent);\r\n    FrontstageManager.onToolIconChangedEvent.addListener(this._handleToolIconChangedEvent);\r\n\r\n    // istanbul ignore else\r\n    if (this.props.uiStateStorage)\r\n      this._uiSettingsStorage = this.props.uiStateStorage;\r\n    else if (this.context)\r\n      this._uiSettingsStorage = this.context;\r\n\r\n    await this.restoreSettings();\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentWillUnmount() {\r\n    this._isMounted = false;\r\n    MessageManager.onToolAssistanceChangedEvent.removeListener(this._handleToolAssistanceChangedEvent);\r\n    FrontstageManager.onToolIconChangedEvent.removeListener(this._handleToolIconChangedEvent);\r\n  }\r\n\r\n  private async restoreSettings() {\r\n    let getShowPromptAtCursor: Promise<UiStateStorageResult> | undefined; // eslint-disable-line deprecation/deprecation\r\n    // istanbul ignore else\r\n    if (this.props.includePromptAtCursor) {\r\n      getShowPromptAtCursor = this._showPromptAtCursorSetting.getSetting(this._uiSettingsStorage);\r\n    }\r\n    const getMouseTouchTabIndex = this._mouseTouchTabIndexSetting.getSetting(this._uiSettingsStorage);\r\n    const [showPromptAtCursorResult, mouseTouchTabIndexResult] = await Promise.all([\r\n      getShowPromptAtCursor,\r\n      getMouseTouchTabIndex,\r\n    ]);\r\n\r\n    // istanbul ignore else\r\n    if (showPromptAtCursorResult !== undefined && showPromptAtCursorResult.status === UiStateStorageStatus.Success) {\r\n      // istanbul ignore else\r\n      if (this._isMounted)\r\n        this.setState({ showPromptAtCursor: showPromptAtCursorResult.setting });\r\n    }\r\n\r\n    // istanbul ignore else\r\n    if (mouseTouchTabIndexResult.status === UiStateStorageStatus.Success) {\r\n      // istanbul ignore else\r\n      if (this._isMounted)\r\n        this.setState({ mouseTouchTabIndex: mouseTouchTabIndexResult.setting });\r\n    }\r\n  }\r\n\r\n  private _handleToolAssistanceChangedEvent = (args: ToolAssistanceChangedEventArgs): void => {\r\n    let showMouseTouchTabs = false;\r\n    let showMouseInstructions = false;\r\n    let showTouchInstructions = false;\r\n\r\n    if (args.instructions && args.instructions.sections) {\r\n      const hasMouseInstructions = args.instructions.sections.some((section: ToolAssistanceSection) => {\r\n        return section.instructions.some((instruction: ToolAssistanceInstruction) => this._isMouseInstruction(instruction));\r\n      });\r\n      const hasTouchInstructions = args.instructions.sections.some((section: ToolAssistanceSection) => {\r\n        return section.instructions.some((instruction: ToolAssistanceInstruction) => this._isTouchInstruction(instruction));\r\n      });\r\n\r\n      if (this.state.includeMouseInstructions && this.state.includeTouchInstructions && hasMouseInstructions && hasTouchInstructions) {\r\n        showMouseTouchTabs = true;\r\n        showMouseInstructions = this.state.mouseTouchTabIndex === 0;\r\n        showTouchInstructions = this.state.mouseTouchTabIndex === 1;\r\n      } else {\r\n        if (this.state.includeMouseInstructions && hasMouseInstructions)\r\n          showMouseInstructions = true;\r\n        else if (this.state.includeTouchInstructions && hasTouchInstructions)\r\n          showTouchInstructions = true;\r\n      }\r\n    }\r\n\r\n    // istanbul ignore else\r\n    if (this._isMounted)\r\n      this.setState(\r\n        {\r\n          instructions: args.instructions,\r\n          showMouseTouchTabs,\r\n          showMouseInstructions,\r\n          showTouchInstructions,\r\n        },\r\n        () => {\r\n          this._showCursorPrompt();\r\n        },\r\n      );\r\n  };\r\n\r\n  private _isBothInstruction = (instruction: ToolAssistanceInstruction) => {\r\n    return instruction.inputMethod === undefined || instruction.inputMethod === ToolAssistanceInputMethod.Both;\r\n  };\r\n\r\n  private _isMouseInstruction = (instruction: ToolAssistanceInstruction) => instruction.inputMethod === ToolAssistanceInputMethod.Mouse;\r\n\r\n  private _isTouchInstruction = (instruction: ToolAssistanceInstruction) => instruction.inputMethod === ToolAssistanceInputMethod.Touch;\r\n\r\n  private _handleToolIconChangedEvent = (args: ToolIconChangedEventArgs): void => {\r\n    // istanbul ignore else\r\n    if (this._isMounted)\r\n      this.setState(\r\n        { toolIconSpec: args.iconSpec },\r\n        () => {\r\n          this._showCursorPrompt();\r\n        },\r\n      );\r\n\r\n  };\r\n\r\n  private _showCursorPrompt() {\r\n    if (this.state.showPromptAtCursor && this.state.instructions)\r\n      this._cursorPrompt.display(this.state.toolIconSpec, this.state.instructions.mainInstruction);\r\n  }\r\n\r\n  private _sectionHasDisplayableInstructions(section: ToolAssistanceSection): boolean {\r\n    const displayableInstructions = this._getDisplayableInstructions(section);\r\n    return displayableInstructions.length > 0;\r\n  }\r\n\r\n  private _getDisplayableInstructions(section: ToolAssistanceSection): ToolAssistanceInstruction[] {\r\n    const displayableInstructions = section.instructions.filter((instruction: ToolAssistanceInstruction) => {\r\n      return (\r\n        this._isBothInstruction(instruction)\r\n        || (this.state.showMouseInstructions && this._isMouseInstruction(instruction))\r\n        || (this.state.showTouchInstructions && this._isTouchInstruction(instruction))\r\n      );\r\n    });\r\n    return displayableInstructions;\r\n  }\r\n\r\n  private _handleMouseTouchTab = async (index: number) => {\r\n    const showMouseInstructions = index === 0;\r\n    const showTouchInstructions = index === 1;\r\n\r\n    // istanbul ignore else\r\n    if (this._isMounted)\r\n      this.setState({\r\n        mouseTouchTabIndex: index,\r\n        showMouseInstructions,\r\n        showTouchInstructions,\r\n      }, async () => {\r\n        await this._mouseTouchTabIndexSetting.saveSetting(this._uiSettingsStorage);\r\n      });\r\n  };\r\n\r\n  /** @internal */\r\n  public override render(): React.ReactNode {\r\n    const { instructions } = this.state;\r\n    const dialogTitle = (IModelApp.toolAdmin.activeTool) ? /* istanbul ignore next */ IModelApp.toolAdmin.activeTool.flyover : UiFramework.translate(\"toolAssistance.title\");\r\n    const mouseLabel = UiFramework.translate(\"toolAssistance.mouse\");\r\n    const touchLabel = UiFramework.translate(\"toolAssistance.touch\");\r\n    let prompt = \"\";\r\n    let tooltip = \"\";\r\n    let toolIcon: React.ReactNode;\r\n    let dialogContent: React.ReactNode;\r\n\r\n    if (instructions) {\r\n      prompt = instructions.mainInstruction.text;\r\n      toolIcon = <Icon iconSpec={this.state.toolIconSpec} />;\r\n\r\n      let displayableSections: ToolAssistanceSection[] | undefined;\r\n      if (instructions.sections) {\r\n        displayableSections = instructions.sections.filter((section: ToolAssistanceSection) => this._sectionHasDisplayableInstructions(section));\r\n      }\r\n\r\n      dialogContent = (\r\n        <div>\r\n          {this.state.showMouseTouchTabs &&\r\n            <HorizontalTabs\r\n              tabsClassName=\"uifw-toolAssistance-tabs\"\r\n              labels={[mouseLabel, touchLabel]}\r\n              activeIndex={this.state.mouseTouchTabIndex}\r\n              onTabSelected={this._handleMouseTouchTab} />\r\n          }\r\n\r\n          <div className=\"uifw-toolAssistance-content\">\r\n            <NZ_ToolAssistanceInstruction\r\n              key=\"main\"\r\n              image={ToolAssistanceField.getInstructionImage(instructions.mainInstruction)}\r\n              text={instructions.mainInstruction.text}\r\n              isNew={instructions.mainInstruction.isNew} />\r\n\r\n            {displayableSections && displayableSections.map((section: ToolAssistanceSection, index1: number) => {\r\n              return (\r\n                <React.Fragment key={index1.toString()}>\r\n                  <ToolAssistanceSeparator key={index1.toString()}>{section.label}</ToolAssistanceSeparator>\r\n                  {this._getDisplayableInstructions(section).map((instruction: ToolAssistanceInstruction, index2: number) => {\r\n                    return (\r\n                      <NZ_ToolAssistanceInstruction\r\n                        key={`${index1.toString()}-${index2.toString()}`}\r\n                        image={ToolAssistanceField.getInstructionImage(instruction)}\r\n                        text={instruction.text}\r\n                        isNew={instruction.isNew} />\r\n                    );\r\n                  })}\r\n                </React.Fragment>\r\n              );\r\n            })}\r\n\r\n            {this.props.includePromptAtCursor &&\r\n              <>\r\n                <ToolAssistanceSeparator key=\"prompt-sep\" />\r\n                <ToolAssistanceItem key=\"prompt-item\">\r\n                  <ToggleSwitch\r\n                    label={UiFramework.translate(\"toolAssistance.promptAtCursor\")}\r\n                    labelPosition=\"right\"\r\n                    checked={this.state.showPromptAtCursor} onChange={this._onPromptAtCursorChange} />\r\n                </ToolAssistanceItem>\r\n              </>\r\n            }\r\n          </div>\r\n        </div>\r\n      );\r\n    }\r\n\r\n    if (prompt)\r\n      tooltip = prompt;\r\n\r\n    // istanbul ignore next\r\n    if (IModelApp.toolAdmin.activeTool)\r\n      tooltip = `${IModelApp.toolAdmin.activeTool.flyover} > ${tooltip}  `;\r\n\r\n    if (tooltip) {\r\n      const lineBreak = \"\\u000d\\u000a\";\r\n      tooltip = tooltip + lineBreak;\r\n    }\r\n\r\n    tooltip += UiFramework.translate(\"toolAssistance.moreInfo\");\r\n\r\n    return (\r\n      <>\r\n        <div style={{ height: \"100%\" }} ref={this._handleTargetRef}>\r\n          <ToolAssistance // eslint-disable-line deprecation/deprecation\r\n            icons={\r\n              <>\r\n                {toolIcon}\r\n              </>\r\n            }\r\n            indicatorRef={this._indicator}\r\n            className={classnames(\"uifw-statusFields-toolassistance\", this.props.className)}\r\n            style={this.props.style}\r\n            isInFooterMode={this.props.isInFooterMode ?? true}\r\n            onClick={this._handleToolAssistanceIndicatorClick}\r\n            title={tooltip}\r\n          >\r\n            {(this.props.isInFooterMode ?? true) ? prompt : undefined}\r\n          </ToolAssistance>\r\n        </div>\r\n        <FooterPopup\r\n          isOpen={(this.props.openWidget ?? this.state.openWidget) === this._className}\r\n          onClose={this._handleClose}\r\n          onOutsideClick={this._handleOutsideClick}\r\n          target={this._target}\r\n          isPinned={this.state.isPinned}\r\n        >\r\n          <ToolAssistanceDialog\r\n            buttons={\r\n              <>\r\n                <IconButton\r\n                  size=\"small\"\r\n                  styleType=\"borderless\"\r\n                  onClick={this._handlePinButtonClick}\r\n                  title={\r\n                    this.state.isPinned\r\n                      ? UiCore.translate(\"dialog.close\")\r\n                      : UiFramework.translate(\"toolAssistance.pin\")\r\n                  }\r\n                >\r\n                  {this.state.isPinned ? <SvgClose /> : <SvgPinHollow />}\r\n                </IconButton>\r\n              </>\r\n            }\r\n            title={dialogTitle}\r\n          >\r\n            {dialogContent}\r\n          </ToolAssistanceDialog>\r\n        </FooterPopup>\r\n      </>\r\n    );\r\n  }\r\n\r\n  private _handleTargetRef = (target: HTMLElement | null) => {\r\n    this._target = target;\r\n  };\r\n\r\n  private _onPromptAtCursorChange = async (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    // istanbul ignore else\r\n    if (this._isMounted)\r\n      this.setState({\r\n        showPromptAtCursor: e.target.checked,\r\n      }, async () => {\r\n        await this._showPromptAtCursorSetting.saveSetting(this._uiSettingsStorage);\r\n      });\r\n  };\r\n\r\n  private _handleClose = () => {\r\n    this.setOpenWidget(null);\r\n  };\r\n\r\n  private _handleOutsideClick = (e: MouseEvent) => {\r\n    if (this.state.isPinned)\r\n      return;\r\n\r\n    // istanbul ignore if\r\n    if (!this._indicator.current ||\r\n      !(e.target instanceof Node) ||\r\n      this._indicator.current.contains(e.target))\r\n      return;\r\n\r\n    this._handleClose();\r\n  };\r\n\r\n  private _handleToolAssistanceIndicatorClick = () => {\r\n    const isOpen = (this.props.openWidget ?? this.state.openWidget) === this._className;\r\n    if (isOpen) {\r\n      this.setOpenWidget(null);\r\n    } else\r\n      this.setOpenWidget(this._className);\r\n  };\r\n\r\n  private _handlePinButtonClick = () => {\r\n    // istanbul ignore else\r\n    if (this._isMounted) {\r\n      const isPinned = !this.state.isPinned;\r\n      this.setState({\r\n        isPinned,\r\n      });\r\n      if (!isPinned) {\r\n        this._handleClose();\r\n      }\r\n    }\r\n  };\r\n\r\n  private setOpenWidget(openWidget: StatusBarFieldId) {\r\n    this.props.onOpenWidget?.(openWidget);\r\n    let newState = {\r\n      openWidget,\r\n    };\r\n    if (!openWidget && this.state.isPinned && this._isMounted) {\r\n      newState = { ...newState, ...{ isPinned: false } };\r\n    }\r\n    this.setState(newState);\r\n  }\r\n\r\n  /** @internal */\r\n  public static getInstructionImage(instruction: ToolAssistanceInstruction): React.ReactNode {\r\n    let image: React.ReactNode;\r\n\r\n    if ((typeof instruction.image === \"string\" || instruction.image !== ToolAssistanceImage.Keyboard) && instruction.keyboardInfo) {\r\n      if (instruction.keyboardInfo.keys.length === 1 && !instruction.keyboardInfo.bottomKeys) {\r\n        const key = instruction.keyboardInfo.keys[0];\r\n        const rightImage = (typeof instruction.image === \"string\") ?\r\n          <div className=\"uifw-toolassistance-icon-medium\"><Icon iconSpec={instruction.image} /></div> :\r\n          this.getInstructionSvgImage(instruction, true);\r\n\r\n        image = (\r\n          <FillCentered>\r\n            {ToolAssistanceField.getKeyNode(key, 0, \"uifw-toolassistance-key-modifier\")}\r\n            {rightImage}\r\n          </FillCentered>\r\n        );\r\n      } else {\r\n        Logger.logError(UiFramework.loggerCategory(this), `getInstructionImage: Invalid keyboardInfo provided with image`);\r\n      }\r\n    } else if (typeof instruction.image === \"string\") {\r\n      if (instruction.image.length > 0) {\r\n        const svgSource = IconSpecUtilities.getSvgSource(instruction.image);\r\n        const className = (svgSource !== undefined) ? \"uifw-toolassistance-svg\" : \"uifw-toolassistance-icon-large\";\r\n        image = <div className={className}><Icon iconSpec={instruction.image} /></div>;\r\n      }\r\n    } else if (instruction.image === ToolAssistanceImage.Keyboard) {\r\n      if (instruction.keyboardInfo) {\r\n        image = ToolAssistanceField.getInstructionKeyboardImage(instruction.keyboardInfo);\r\n      } else {\r\n        Logger.logError(UiFramework.loggerCategory(this), `getInstructionImage: ToolAssistanceImage.Keyboard specified but no keyboardInfo provided`);\r\n      }\r\n    } else {\r\n      image = this.getInstructionSvgImage(instruction, false);\r\n    }\r\n\r\n    return image;\r\n  }\r\n\r\n  private static getInstructionSvgImage(instruction: ToolAssistanceInstruction, mediumSize: boolean): React.ReactNode {\r\n    let image: React.ReactNode;\r\n    let className = mediumSize ? \"uifw-toolassistance-svg-medium\" : \"uifw-toolassistance-svg\";\r\n\r\n    // istanbul ignore else\r\n    if (typeof instruction.image !== \"string\" && instruction.image !== ToolAssistanceImage.Keyboard) {\r\n      const toolAssistanceImage: ToolAssistanceImage = instruction.image;\r\n      let svgImage = \"\";\r\n\r\n      switch (toolAssistanceImage) {\r\n        case ToolAssistanceImage.AcceptPoint:\r\n          svgImage = acceptPointIcon;\r\n          break;\r\n        case ToolAssistanceImage.CursorClick:\r\n          svgImage = cursorClickIcon;\r\n          break;\r\n        case ToolAssistanceImage.LeftClick:\r\n          svgImage = clickLeftIcon;\r\n          break;\r\n        case ToolAssistanceImage.RightClick:\r\n          svgImage = clickRightIcon;\r\n          break;\r\n        case ToolAssistanceImage.MouseWheel:\r\n          svgImage = mouseWheelClickIcon;\r\n          break;\r\n        case ToolAssistanceImage.LeftClickDrag:\r\n          svgImage = clickLeftDragIcon;\r\n          className = mediumSize ? \"uifw-toolassistance-svg-medium-wide\" : \"uifw-toolassistance-svg-wide\";\r\n          break;\r\n        case ToolAssistanceImage.RightClickDrag:\r\n          svgImage = clickRightDragIcon;\r\n          className = mediumSize ? \"uifw-toolassistance-svg-medium-wide\" : \"uifw-toolassistance-svg-wide\";\r\n          break;\r\n        case ToolAssistanceImage.MouseWheelClickDrag:\r\n          svgImage = clickMouseWheelDragIcon;\r\n          className = mediumSize ? \"uifw-toolassistance-svg-medium-wide\" : \"uifw-toolassistance-svg-wide\";\r\n          break;\r\n        case ToolAssistanceImage.OneTouchTap:\r\n          svgImage = oneTouchTapIcon;\r\n          break;\r\n        case ToolAssistanceImage.OneTouchDoubleTap:\r\n          svgImage = oneTouchDoubleTapIcon;\r\n          break;\r\n        case ToolAssistanceImage.OneTouchDrag:\r\n          svgImage = oneTouchDragIcon;\r\n          break;\r\n        case ToolAssistanceImage.TwoTouchTap:\r\n          svgImage = twoTouchTapIcon;\r\n          break;\r\n        case ToolAssistanceImage.TwoTouchDrag:\r\n          svgImage = twoTouchDragIcon;\r\n          break;\r\n        case ToolAssistanceImage.TwoTouchPinch:\r\n          svgImage = twoTouchPinchIcon;\r\n          break;\r\n        case ToolAssistanceImage.TouchCursorTap:\r\n          svgImage = touchCursorTapIcon;\r\n          break;\r\n        case ToolAssistanceImage.TouchCursorDrag:\r\n          svgImage = touchCursorDragIcon;\r\n          className = mediumSize ? /* istanbul ignore next */ \"uifw-toolassistance-svg-medium-wide\" : \"uifw-toolassistance-svg-wide\";\r\n          break;\r\n      }\r\n      const iconSpec = IconSpecUtilities.createWebComponentIconSpec(svgImage);\r\n      image = (\r\n        <div className={className}>\r\n          {svgImage &&\r\n            // istanbul ignore next\r\n            <Icon iconSpec={iconSpec} />\r\n          }\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return image;\r\n  }\r\n\r\n  private static getInstructionKeyboardImage(keyboardInfo: ToolAssistanceKeyboardInfo): React.ReactNode {\r\n    let image: React.ReactNode;\r\n\r\n    if (keyboardInfo.bottomKeys !== undefined) {\r\n      image = (\r\n        <div className=\"uifw-toolassistance-key-group\">\r\n          <span className=\"row1\">\r\n            {keyboardInfo.keys.map((key: string, index1: number) => {\r\n              return ToolAssistanceField.getKeyNode(key, index1, \"uifw-toolassistance-key-small\");\r\n            })}\r\n          </span>\r\n          <br />\r\n          <span className=\"row2\">\r\n            {keyboardInfo.bottomKeys.map((key: string, index2: number) => {\r\n              return ToolAssistanceField.getKeyNode(key, index2, \"uifw-toolassistance-key-small\");\r\n            })}\r\n          </span>\r\n        </div>\r\n      );\r\n    } else if (keyboardInfo.keys.length === 2) {\r\n      image = (\r\n        <FillCentered>\r\n          {keyboardInfo.keys.map((key: string, index3: number) => {\r\n            let className = \"uifw-toolassistance-key-medium\";\r\n            if (key.length > 1)\r\n              className = \"uifw-toolassistance-key-modifier\";\r\n            return ToolAssistanceField.getKeyNode(key, index3, className);\r\n          })}\r\n        </FillCentered>\r\n      );\r\n    } else if (keyboardInfo.keys[0]) {\r\n      if (keyboardInfo.keys[0].length > 1)\r\n        image = ToolAssistanceField.getKeyNode(keyboardInfo.keys[0], 0, \"uifw-toolassistance-key-large\");\r\n      else\r\n        image = ToolAssistanceField.getKeyNode(keyboardInfo.keys[0], 0);\r\n    } else {\r\n      Logger.logError(UiFramework.loggerCategory(this), `ToolAssistanceImage.Keyboard specified but ToolAssistanceKeyboardInfo not valid`);\r\n    }\r\n\r\n    return image;\r\n  }\r\n\r\n  private static getKeyNode(key: string, index: number, className?: string): React.ReactNode {\r\n    return (\r\n      <div key={index.toString()} className={classnames(\"uifw-toolassistance-key\", className)}>\r\n        <FillCentered>{key}</FillCentered>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/statusfields/toolassistance/ToolAssistanceField.scss

@@ -4,6 +4,7 @@
 *--------------------------------------------------------------------------------------------*/
 @import "~@itwin/core-react/lib/cjs/core-react/style/breakpoints";
 @import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+@import "~@itwin/itwinui-css/scss/style/typography";
 @import "~@itwin/itwinui-css/scss/text/mixins";
 
 $image-size: 22px;
@@ -18,14 +19,23 @@ $key-size-large: 36px;
 $key-size-modifier: 24px;
 
 .uifw-statusFields-toolassistance {
-  $font-size-medium: var(--iui-font-size-0);
-  $font-size-small: var(--iui-font-size-0) - 1px;
+  $font-size-medium: $iui-font-size-small;
+  $font-size-small: $iui-font-size-small - 1px;
 
   overflow: hidden;
-  width: 20em;
+
+  &.nz-footer-mode {
+    width: 20em;
+  }
+
+  &:not(.nz-footer-mode) {
+    min-width: 2em;
+  }
 
   @include for-tablet-landscape-down {
-    width: 16em;
+    &.nz-footer-mode {
+      width: 16em;
+    }
   }
 
   @include for-tablet-portrait-down {
@@ -34,7 +44,10 @@ $key-size-modifier: 24px;
 
   @include for-phone-only {
     font-size: $font-size-small;
-    width: 12em;
+
+    &.nz-footer-mode {
+      width: 12em;
+    }
   }
 
   .nz-indicator {
@@ -51,11 +64,10 @@ $key-size-modifier: 24px;
   color: $buic-text-color;
   background-color: $buic-background-1;
   border: 1px solid $buic-text-color-disabled;
-  box-shadow: 0 1px 1px $buic-background-5,
-    0 1px 0 0 rgba(255, 255, 255, 0.25) inset;
+  box-shadow: 0 1px 1px $buic-background-5, 0 1px 0 0 rgba(255, 255, 255, .25) inset;
   box-sizing: border-box;
 
-  border-radius: var(--iui-border-radius-1);
+  border-radius: 3px;
   display: inline-block;
   font-size: 14px;
   font-weight: 600;
@@ -165,7 +177,7 @@ $key-size-modifier: 24px;
     align-items: center;
 
     .uifw-toolAssistance-toggle-label {
-      padding-left: 0.5em;
+      padding-left: .5em;
     }
   }
 }
@@ -174,7 +186,7 @@ $key-size-modifier: 24px;
   @include iui-text(leading);
 
   // Tabs are sized at 50% with the labels centered
-  > li {
+  >li {
     width: 50%;
 
     button.iui-tab {

package/lib/cjs/appui-react/syncui/BooleanListener.d.ts

@@ -0,0 +1,44 @@
+/** @packageDocumentation
+ * @module SyncUi
+ */
+import * as React from "react";
+/**
+ * Properties supported by [[BooleanSyncUiListener]] component.
+ * @public @deprecated in 3.0.
+ */
+export interface BooleanListenerProps {
+    /** One or more SyncUi event Ids that will trigger the function to be called. */
+    eventIds: string[];
+    /** Function to be called to return a boolean value. If the boolean value is different than the component's state value setState is
+     * called to update the value and trigger a re-render.
+     */
+    boolFunc: () => boolean;
+    /** Optional, default/initial boolean value that is saved in the components state. If
+     * not defined it will default to true.
+     */
+    defaultValue?: boolean;
+}
+/**
+ * State for the [[BooleanSyncUiListener]] component.
+ * @internal
+ */
+interface BooleanListenerState {
+    boolValue: boolean;
+}
+/**
+ * A component that expect its children to be a function that will be passed the current boolValue state.
+ * @public @deprecated in 3.0.
+ */
+export declare class BooleanSyncUiListener extends React.Component<BooleanListenerProps, BooleanListenerState> {
+    private _componentUnmounting;
+    /** @internal */
+    readonly state: BooleanListenerState;
+    constructor(props: BooleanListenerProps);
+    private _handleVisibilitySyncUiEvent;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    private _hasNoChildren;
+    render(): React.ReactNode;
+}
+export {};
+//# sourceMappingURL=BooleanListener.d.ts.map

package/lib/cjs/appui-react/syncui/BooleanListener.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanListener.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/syncui/BooleanListener.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACnC,gFAAgF;IAChF,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,MAAM,OAAO,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;GAGG;AACH,UAAU,oBAAoB;IAC5B,SAAS,EAAE,OAAO,CAAC;CACpB;AAGD;;;GAGG;AACH,qBAAa,qBAAsB,SAAQ,KAAK,CAAC,SAAS,CAAC,oBAAoB,EAAE,oBAAoB,CAAC;IACpG,OAAO,CAAC,oBAAoB,CAAS;IAErC,gBAAgB;IAChB,SAAyB,KAAK,EAAE,oBAAoB,CAAC;gBAEzC,KAAK,EAAE,oBAAoB;IAOvC,OAAO,CAAC,4BAA4B,CAalC;IAEc,iBAAiB;IAMjB,oBAAoB;IASpC,OAAO,CAAC,cAAc,CAA2D;IAEjE,MAAM,IAAI,KAAK,CAAC,SAAS;CAiB1C"}