@itwin/appui-react 4.6.0 → 4.6.2

package/lib/esm/appui-react/statusbar/StatusBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBar.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBar.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module StatusBar\n */\n\nimport \"./StatusBar.scss\";\nimport * as React from \"react\";\nimport type { CommonDivProps, CommonProps } from \"@itwin/core-react\";\nimport { Div } from \"@itwin/core-react\";\nimport { Footer } from \"@itwin/appui-layout-react\";\nimport type {\n  ActivityMessageEventArgs,\n  MessageAddedEventArgs,\n} from \"../messages/MessageManager\";\nimport { MessageManager } from \"../messages/MessageManager\";\nimport { SafeAreaContext } from \"../safearea/SafeAreaContext\";\nimport type { StatusBarWidgetControl } from \"./StatusBarWidgetControl\";\nimport { toLayoutSafeAreaInsets } from \"../safearea/SafeAreaHelpers\";\nimport { ActivityMessageRenderer } from \"../messages/ActivityMessage\";\nimport { UiFramework } from \"../UiFramework\";\nimport { StatusBarField } from \"./Field\";\nimport { StatusBarPopup } from \"./Popup\";\n\n// cspell:ignore safearea\n\n/** State for the [[StatusBar]] React component\n * @internal\n */\ninterface StatusBarState {\n  activityMessageInfo: ActivityMessageEventArgs | undefined;\n}\n\n/** Properties for the [[StatusBar]] React component\n * @public\n */\nexport interface StatusBarProps extends CommonProps {\n  children?: React.ReactNode;\n  widgetControl?: StatusBarWidgetControl;\n}\n\n/** Message type for the [[StatusBar]] React component\n * @internal\n */\ninterface StatusBarMessage {\n  close: () => void;\n  id: string;\n}\n\n/** Status Bar React component.\n * @public\n */\nexport class StatusBar extends React.Component<StatusBarProps, StatusBarState> {\n  private messages: StatusBarMessage[] = [];\n\n  /** @internal */\n  constructor(props: StatusBarProps) {\n    super(props);\n\n    this.state = {\n      activityMessageInfo: undefined,\n    };\n  }\n\n  public override render(): React.ReactNode {\n    return (\n      <SafeAreaContext.Consumer>\n        {(safeAreaInsets) => (\n          <Footer\n            className={this.props.className}\n            messages={<ActivityMessageRenderer />}\n            onMouseEnter={UiFramework.visibility.handleWidgetMouseEnter}\n            safeAreaInsets={toLayoutSafeAreaInsets(safeAreaInsets)}\n            style={this.props.style}\n          >\n            {this.props.widgetControl?.getReactNode?.() ?? null}\n            {this.props.children}\n          </Footer>\n        )}\n      </SafeAreaContext.Consumer>\n    );\n  }\n\n  public override componentDidMount() {\n    MessageManager.onMessageAddedEvent.addListener(\n      this._handleMessageAddedEvent\n    );\n    MessageManager.onActivityMessageUpdatedEvent.addListener(\n      this._handleActivityMessageUpdatedEvent\n    );\n    MessageManager.onActivityMessageCancelledEvent.addListener(\n      this._handleActivityMessageCancelledEvent\n    );\n    MessageManager.onMessagesUpdatedEvent.addListener(\n      this._handleMessagesUpdatedEvent\n    );\n\n    MessageManager.updateMessages();\n  }\n\n  public override componentWillUnmount() {\n    MessageManager.onMessageAddedEvent.removeListener(\n      this._handleMessageAddedEvent\n    );\n    MessageManager.onActivityMessageUpdatedEvent.removeListener(\n      this._handleActivityMessageUpdatedEvent\n    );\n    MessageManager.onActivityMessageCancelledEvent.removeListener(\n      this._handleActivityMessageCancelledEvent\n    );\n    MessageManager.onMessagesUpdatedEvent.removeListener(\n      this._handleMessagesUpdatedEvent\n    );\n  }\n\n  private _handleMessageAddedEvent = (_args: MessageAddedEventArgs) => {\n    this._updateMessages();\n    const messagesToAdd = MessageManager.activeMessageManager.messages.filter(\n      (msg) => !this.messages.find((m) => m.id === msg.id)\n    );\n    messagesToAdd.forEach((msg) => {\n      const displayedMessage = MessageManager.displayMessage(\n        msg.messageDetails,\n        { onRemove: () => this._closeMessage(msg.id) }\n      );\n      if (!!displayedMessage)\n        this.messages.push({ close: displayedMessage.close, id: msg.id });\n    });\n  };\n\n  private _updateMessages = () => {\n    const updatedMessages = [...this.messages];\n    this.messages.forEach((m) => {\n      if (\n        !MessageManager.activeMessageManager.messages.some(\n          (msg) => m.id === msg.id\n        )\n      ) {\n        m.close();\n        const index = updatedMessages.findIndex((msg) => msg.id === m.id);\n        updatedMessages.splice(index, 1);\n      }\n    });\n    this.messages = updatedMessages;\n  };\n\n  /** Respond to clearing the message list */\n  private _handleMessagesUpdatedEvent = () => {\n    this._updateMessages();\n  };\n\n  /**\n   * Sets state of the status bar to updated values reflecting activity progress.\n   * @param args  New values to set for ActivityMessage\n   */\n  private _handleActivityMessageUpdatedEvent = (\n    args: ActivityMessageEventArgs\n  ) => {\n    this.setState({\n      activityMessageInfo: args,\n    });\n  };\n\n  /**\n   * Hides ActivityMessage after cancellation\n   */\n  private _handleActivityMessageCancelledEvent = () => {\n    this.setState({\n      activityMessageInfo: undefined,\n    });\n  };\n\n  private _closeMessage = (id: string) => {\n    MessageManager.activeMessageManager.remove(id);\n    MessageManager.updateMessages();\n  };\n}\n\n/** StatusBar With Space Between Items React functional component\n * @public\n */\nexport function StatusBarSpaceBetween(props: CommonDivProps) {\n  const { className, ...divProps } = props;\n  return (\n    <Div\n      {...divProps}\n      mainClassName={className ? className : \"uifw-statusbar-space-between\"}\n    />\n  );\n}\n\n/** StatusBar Left Section React functional component\n * @public\n */\nexport function StatusBarLeftSection(props: CommonDivProps) {\n  const { className, ...divProps } = props;\n  return (\n    <Div\n      {...divProps}\n      mainClassName={className ? className : \"uifw-statusbar-left\"}\n    />\n  );\n}\n\n/** StatusBar Center Section React functional component\n * @public\n */\nexport function StatusBarCenterSection(props: CommonDivProps) {\n  const { className, ...divProps } = props;\n  return (\n    <Div\n      {...divProps}\n      mainClassName={className ? className : \"uifw-statusbar-center\"}\n    />\n  );\n}\n\n/** StatusBar Right Section React functional component\n * @public\n */\nexport function StatusBarRightSection(props: CommonDivProps) {\n  const { className, ...divProps } = props;\n  return (\n    <Div\n      {...divProps}\n      mainClassName={className ? className : \"uifw-statusbar-right\"}\n    />\n  );\n}\n\n/** Components used in a [[StatusBar]].\n * @public\n */\nexport namespace StatusBar {\n  /** Field of a [[StatusBar]].\n   * @beta\n   */\n  export const Field = StatusBarField;\n\n  /** Popup of a [[StatusBar]].\n   * @beta\n   */\n  export const Popup = StatusBarPopup;\n}\n"]}
+{"version":3,"file":"StatusBar.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBar.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module StatusBar\n */\n\nimport \"./StatusBar.scss\";\nimport * as React from \"react\";\nimport type { CommonDivProps, CommonProps } from \"@itwin/core-react\";\nimport { Div } from \"@itwin/core-react\";\nimport { Footer } from \"@itwin/appui-layout-react\";\nimport type {\n  ActivityMessageEventArgs,\n  MessageAddedEventArgs,\n} from \"../messages/MessageManager\";\nimport { MessageManager } from \"../messages/MessageManager\";\nimport { SafeAreaContext } from \"../safearea/SafeAreaContext\";\nimport type { StatusBarWidgetControl } from \"./StatusBarWidgetControl\";\nimport { toLayoutSafeAreaInsets } from \"../safearea/SafeAreaHelpers\";\nimport { ActivityMessageRenderer } from \"../messages/ActivityMessage\";\nimport { UiFramework } from \"../UiFramework\";\nimport { StatusBarField } from \"./Field\";\nimport { StatusBarPopup } from \"./Popup\";\n\n// cspell:ignore safearea\n\n/** State for the [[StatusBar]] React component\n * @internal\n */\ninterface StatusBarState {\n  activityMessageInfo: ActivityMessageEventArgs | undefined;\n}\n\n/** Properties for the [[StatusBar]] React component\n * @public\n */\nexport interface StatusBarProps extends CommonProps {\n  children?: React.ReactNode;\n  widgetControl?: StatusBarWidgetControl;\n}\n\n/** Message type for the [[StatusBar]] React component\n * @internal\n */\ninterface StatusBarMessage {\n  close: () => void;\n  id: string;\n}\n\n/** Status Bar React component.\n * @public\n */\nexport class StatusBar extends React.Component<StatusBarProps, StatusBarState> {\n  private messages: StatusBarMessage[] = [];\n\n  /** @internal */\n  constructor(props: StatusBarProps) {\n    super(props);\n\n    this.state = {\n      activityMessageInfo: undefined,\n    };\n  }\n\n  public override render(): React.ReactNode {\n    return (\n      <SafeAreaContext.Consumer>\n        {(safeAreaInsets) => (\n          <Footer\n            className={this.props.className}\n            messages={<ActivityMessageRenderer />}\n            onMouseEnter={UiFramework.visibility.handleWidgetMouseEnter}\n            safeAreaInsets={toLayoutSafeAreaInsets(safeAreaInsets)}\n            style={this.props.style}\n          >\n            {this.props.widgetControl?.getReactNode?.() ?? null}\n            {this.props.children}\n          </Footer>\n        )}\n      </SafeAreaContext.Consumer>\n    );\n  }\n\n  public override componentDidMount() {\n    MessageManager.onMessageAddedEvent.addListener(\n      this._handleMessageAddedEvent\n    );\n    MessageManager.onActivityMessageUpdatedEvent.addListener(\n      this._handleActivityMessageUpdatedEvent\n    );\n    MessageManager.onActivityMessageCancelledEvent.addListener(\n      this._handleActivityMessageCancelledEvent\n    );\n    MessageManager.onMessagesUpdatedEvent.addListener(\n      this._handleMessagesUpdatedEvent\n    );\n\n    MessageManager.updateMessages();\n  }\n\n  public override componentWillUnmount() {\n    MessageManager.onMessageAddedEvent.removeListener(\n      this._handleMessageAddedEvent\n    );\n    MessageManager.onActivityMessageUpdatedEvent.removeListener(\n      this._handleActivityMessageUpdatedEvent\n    );\n    MessageManager.onActivityMessageCancelledEvent.removeListener(\n      this._handleActivityMessageCancelledEvent\n    );\n    MessageManager.onMessagesUpdatedEvent.removeListener(\n      this._handleMessagesUpdatedEvent\n    );\n  }\n\n  private _handleMessageAddedEvent = (_args: MessageAddedEventArgs) => {\n    this._updateMessages();\n    const messagesToAdd = MessageManager.activeMessageManager.messages.filter(\n      (msg) => !this.messages.find((m) => m.id === msg.id)\n    );\n    messagesToAdd.forEach((msg) => {\n      const displayedMessage = MessageManager.displayMessage(\n        msg.messageDetails,\n        { onRemove: () => this._closeMessage(msg.id) }\n      );\n      if (!!displayedMessage)\n        this.messages.push({ close: displayedMessage.close, id: msg.id });\n    });\n  };\n\n  private _updateMessages = () => {\n    const updatedMessages = [...this.messages];\n    this.messages.forEach((m) => {\n      if (\n        !MessageManager.activeMessageManager.messages.some(\n          (msg) => m.id === msg.id\n        )\n      ) {\n        m.close();\n        const index = updatedMessages.findIndex((msg) => msg.id === m.id);\n        updatedMessages.splice(index, 1);\n      }\n    });\n    this.messages = updatedMessages;\n  };\n\n  /** Respond to clearing the message list */\n  private _handleMessagesUpdatedEvent = () => {\n    this._updateMessages();\n  };\n\n  /**\n   * Sets state of the status bar to updated values reflecting activity progress.\n   * @param args  New values to set for ActivityMessage\n   */\n  private _handleActivityMessageUpdatedEvent = (\n    args: ActivityMessageEventArgs\n  ) => {\n    this.setState({\n      activityMessageInfo: args,\n    });\n  };\n\n  /**\n   * Hides ActivityMessage after cancellation\n   */\n  private _handleActivityMessageCancelledEvent = () => {\n    this.setState({\n      activityMessageInfo: undefined,\n    });\n  };\n\n  private _closeMessage = (id: string) => {\n    MessageManager.activeMessageManager.remove(id);\n    MessageManager.updateMessages();\n  };\n}\n\n/** StatusBar With Space Between Items React functional component\n * @public\n */\nexport function StatusBarSpaceBetween(props: CommonDivProps) {\n  const { className, ...divProps } = props;\n  return (\n    <Div\n      {...divProps}\n      mainClassName={className ? className : \"uifw-statusbar-space-between\"}\n    />\n  );\n}\n\n/** StatusBar Left Section React functional component\n * @public\n */\nexport function StatusBarLeftSection(props: CommonDivProps) {\n  const { className, ...divProps } = props;\n  return (\n    <Div\n      {...divProps}\n      mainClassName={className ? className : \"uifw-statusbar-left\"}\n    />\n  );\n}\n\n/** StatusBar Center Section React functional component\n * @public\n */\nexport function StatusBarCenterSection(props: CommonDivProps) {\n  const { className, ...divProps } = props;\n  return (\n    <Div\n      {...divProps}\n      mainClassName={className ? className : \"uifw-statusbar-center\"}\n    />\n  );\n}\n\n/** StatusBar Right Section React functional component\n * @public\n */\nexport function StatusBarRightSection(props: CommonDivProps) {\n  const { className, ...divProps } = props;\n  return (\n    <Div\n      {...divProps}\n      mainClassName={className ? className : \"uifw-statusbar-right\"}\n    />\n  );\n}\n\n/** Components used in a [[StatusBar]].\n * @public\n */\nexport namespace StatusBar {\n  /** Field of a [[StatusBar]].\n   * @beta\n   */\n  export const Field = StatusBarField;\n\n  /** Popup of a [[StatusBar]].\n   * @beta\n   */\n  export const Popup = StatusBarPopup;\n}\n"]}

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

@@ -311,7 +311,7 @@ class ToolAssistanceField extends React.Component {
                     ? "uifw-toolassistance-svg"
                     : "uifw-toolassistance-icon-large";
                 image = (React.createElement("div", { className: className },
-                    React.createElement(Icon, { iconSpec: svgSource !== null && svgSource !== void 0 ? svgSource : instruction.image })));
+                    React.createElement(Icon, { iconSpec: svgSource ?? instruction.image })));
             }
         }
         else if (instruction.image === ToolAssistanceImage.Keyboard) {

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

package/lib/esm/appui-react/toolbar/ToolbarHelper.js

@@ -47,17 +47,19 @@ export class ToolbarHelper {
     }
     /** Helper method to creates a generic toolbar item entry */
     static createToolbarItemFromItemDef(itemPriority, itemDef, overrides) {
-        var _a, _b, _c;
-        const { badgeType, icon, internalData, ...itemOverrides } = overrides !== null && overrides !== void 0 ? overrides : {};
+        const { badgeType, icon, internalData, ...itemOverrides } = overrides ?? {};
         const itemBase = {
             id: itemDef.id,
             itemPriority,
             isActive: itemDef.isActive,
             isHidden: itemDef.isHidden,
             isDisabled: itemDef.isDisabled,
-            icon: (_c = (_b = (_a = internalData === null || internalData === void 0 ? void 0 : internalData.get(IconHelper.reactIconKey)) !== null && _a !== void 0 ? _a : internalData === null || internalData === void 0 ? void 0 : internalData.get(IconHelper.conditionalIconItemKey)) !== null && _b !== void 0 ? _b : icon) !== null && _c !== void 0 ? _c : itemDef.iconSpec,
+            icon: internalData?.get(IconHelper.reactIconKey) ??
+                internalData?.get(IconHelper.conditionalIconItemKey) ??
+                icon ??
+                itemDef.iconSpec,
             label: this.getStringOrConditionalString(itemDef.rawLabel),
-            badge: badgeType !== null && badgeType !== void 0 ? badgeType : itemDef.badgeType,
+            badge: badgeType ?? itemDef.badgeType,
         };
         // istanbul ignore else
         if (itemDef instanceof CommandItemDef || itemDef instanceof ToolItemDef) {

package/lib/esm/appui-react/toolbar/ToolbarHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarHelper.js","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/ToolbarHelper.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Toolbar\n */\nimport type * as React from \"react\";\nimport type {\n  ActionButton,\n  CommonToolbarItem,\n  CustomButtonDefinition,\n  GroupButton,\n  StringGetter,\n} from \"@itwin/appui-abstract\";\nimport { ConditionalStringValue } from \"@itwin/appui-abstract\";\nimport { IconHelper } from \"@itwin/core-react\";\nimport type { AnyItemDef } from \"../shared/AnyItemDef\";\nimport { CommandItemDef } from \"../shared/CommandItemDef\";\nimport { CustomItemDef } from \"../shared/CustomItemDef\";\nimport { ToolItemDef } from \"../shared/ToolItemDef\";\nimport { GroupItemDef } from \"./GroupItem\";\nimport type {\n  ToolbarActionItem,\n  ToolbarCustomItem,\n  ToolbarGroupItem,\n  ToolbarItem,\n} from \"./ToolbarItem\";\nimport { isToolbarActionItem, isToolbarGroupItem } from \"./ToolbarItem\";\n\n/**\n * Common implementation for `constructChildToolbarItems` and `createToolbarItemsFromItemDefs`.\n * @param itemDefs List of itemDefs to convert.\n * @param allowCustom false if we are building children and don't support custom items.\n * @param startingItemPriority defaults to 10.\n * @param overrides Single override to apply to each itemDefs.\n * @returns ToolbarItem[] or (ToolbarActionItem | ToolbarGroupItem) if allowCustom is false.\n */\nfunction constructToolbarItemArray<T extends boolean>(\n  itemDefs: AnyItemDef[],\n  allowCustom: T,\n  startingItemPriority = 10,\n  overrides?: Partial<CommonToolbarItem>\n) {\n  let priority = startingItemPriority;\n  const items = [];\n  for (const itemDef of itemDefs) {\n    const item = ToolbarHelper.createToolbarItemFromItemDef(\n      priority,\n      itemDef,\n      overrides\n    );\n    priority = priority + 10;\n    if (allowCustom || isToolbarActionItem(item) || isToolbarGroupItem(item))\n      items.push(item);\n  }\n  return items as T extends true\n    ? Array<ToolbarItem>\n    : Array<ToolbarActionItem | ToolbarGroupItem>;\n}\n\n/** Helper functions for defining a Toolbar items used in `Toolbar`, `ToolbarComposer` and `UiItemsProvider`.\n * @public\n */\nexport class ToolbarHelper {\n  /** Construct ToolbarCustomItem definitions given a CustomItemDef. */\n  public static createCustomDefinitionToolbarItem(\n    itemPriority: number,\n    itemDef: CustomItemDef,\n    overrides?: Partial<CustomButtonDefinition>\n  ): ToolbarCustomItem {\n    return this.createToolbarItemFromItemDef(itemPriority, itemDef, overrides);\n  }\n\n  /** Construct ToolbarActionItem and ToolbarGroupItem definitions given an array of ItemDefs. */\n  public static constructChildToolbarItems(\n    itemDefs: AnyItemDef[]\n  ): Array<ToolbarActionItem | ToolbarGroupItem> {\n    return constructToolbarItemArray(itemDefs, false);\n  }\n\n  private static getStringOrConditionalString(\n    inString: string | StringGetter | ConditionalStringValue\n  ): string | ConditionalStringValue {\n    if (\n      inString instanceof ConditionalStringValue ||\n      typeof inString === \"string\"\n    )\n      return inString;\n\n    return inString();\n  }\n\n  public static getIconReactNode(\n    item: ActionButton | GroupButton\n  ): React.ReactNode {\n    return IconHelper.getIconReactNode(item.icon, item.internalData);\n  }\n\n  /** Helper method to creates a generic toolbar item entry */\n  public static createToolbarItemFromItemDef(\n    itemPriority: number,\n    itemDef: AnyItemDef,\n    overrides?: Partial<CommonToolbarItem>\n  ): ToolbarItem {\n    const { badgeType, icon, internalData, ...itemOverrides } = overrides ?? {};\n    const itemBase: ToolbarItem = {\n      id: itemDef.id,\n      itemPriority,\n      isActive: itemDef.isActive,\n      isHidden: itemDef.isHidden,\n      isDisabled: itemDef.isDisabled,\n      icon:\n        internalData?.get(IconHelper.reactIconKey) ??\n        internalData?.get(IconHelper.conditionalIconItemKey) ??\n        icon ??\n        itemDef.iconSpec,\n      label: this.getStringOrConditionalString(itemDef.rawLabel),\n      badge: badgeType ?? itemDef.badgeType,\n    };\n\n    // istanbul ignore else\n    if (itemDef instanceof CommandItemDef || itemDef instanceof ToolItemDef) {\n      return {\n        ...itemBase,\n        execute: itemDef.execute,\n        ...itemOverrides,\n      };\n    } else if (itemDef instanceof CustomItemDef) {\n      return {\n        ...itemBase,\n        panelContent: itemDef.popupPanelNode,\n        ...itemOverrides,\n      };\n    } else if (itemDef instanceof GroupItemDef) {\n      return {\n        ...itemBase,\n        panelLabel: itemDef.panelLabel,\n        items: this.constructChildToolbarItems(itemDef.items),\n        isActive: false,\n        ...itemOverrides,\n      };\n    } else {\n      throw new Error(`Invalid Item type encountered, item id=${itemDef.id}`);\n    }\n  }\n\n  /**\n   * Helper method to creates a generic toolbar item entry list.\n   */\n  public static createToolbarItemsFromItemDefs(\n    itemDefs: AnyItemDef[],\n    startingItemPriority = 10,\n    overrides?: Partial<CommonToolbarItem>\n  ): ToolbarItem[] {\n    return constructToolbarItemArray(\n      itemDefs,\n      true,\n      startingItemPriority,\n      overrides\n    );\n  }\n}\n"]}
+{"version":3,"file":"ToolbarHelper.js","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/ToolbarHelper.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Toolbar\n */\nimport type * as React from \"react\";\nimport type {\n  ActionButton,\n  CommonToolbarItem,\n  CustomButtonDefinition,\n  GroupButton,\n  StringGetter,\n} from \"@itwin/appui-abstract\";\nimport { ConditionalStringValue } from \"@itwin/appui-abstract\";\nimport { IconHelper } from \"@itwin/core-react\";\nimport type { AnyItemDef } from \"../shared/AnyItemDef\";\nimport { CommandItemDef } from \"../shared/CommandItemDef\";\nimport { CustomItemDef } from \"../shared/CustomItemDef\";\nimport { ToolItemDef } from \"../shared/ToolItemDef\";\nimport { GroupItemDef } from \"./GroupItem\";\nimport type {\n  ToolbarActionItem,\n  ToolbarCustomItem,\n  ToolbarGroupItem,\n  ToolbarItem,\n} from \"./ToolbarItem\";\nimport { isToolbarActionItem, isToolbarGroupItem } from \"./ToolbarItem\";\n\n/**\n * Common implementation for `constructChildToolbarItems` and `createToolbarItemsFromItemDefs`.\n * @param itemDefs List of itemDefs to convert.\n * @param allowCustom false if we are building children and don't support custom items.\n * @param startingItemPriority defaults to 10.\n * @param overrides Single override to apply to each itemDefs.\n * @returns ToolbarItem[] or (ToolbarActionItem | ToolbarGroupItem) if allowCustom is false.\n */\nfunction constructToolbarItemArray<T extends boolean>(\n  itemDefs: AnyItemDef[],\n  allowCustom: T,\n  startingItemPriority = 10,\n  overrides?: Partial<CommonToolbarItem>\n) {\n  let priority = startingItemPriority;\n  const items = [];\n  for (const itemDef of itemDefs) {\n    const item = ToolbarHelper.createToolbarItemFromItemDef(\n      priority,\n      itemDef,\n      overrides\n    );\n    priority = priority + 10;\n    if (allowCustom || isToolbarActionItem(item) || isToolbarGroupItem(item))\n      items.push(item);\n  }\n  return items as T extends true\n    ? Array<ToolbarItem>\n    : Array<ToolbarActionItem | ToolbarGroupItem>;\n}\n\n/** Helper functions for defining a Toolbar items used in `Toolbar`, `ToolbarComposer` and `UiItemsProvider`.\n * @public\n */\nexport class ToolbarHelper {\n  /** Construct ToolbarCustomItem definitions given a CustomItemDef. */\n  public static createCustomDefinitionToolbarItem(\n    itemPriority: number,\n    itemDef: CustomItemDef,\n    overrides?: Partial<CustomButtonDefinition>\n  ): ToolbarCustomItem {\n    return this.createToolbarItemFromItemDef(itemPriority, itemDef, overrides);\n  }\n\n  /** Construct ToolbarActionItem and ToolbarGroupItem definitions given an array of ItemDefs. */\n  public static constructChildToolbarItems(\n    itemDefs: AnyItemDef[]\n  ): Array<ToolbarActionItem | ToolbarGroupItem> {\n    return constructToolbarItemArray(itemDefs, false);\n  }\n\n  private static getStringOrConditionalString(\n    inString: string | StringGetter | ConditionalStringValue\n  ): string | ConditionalStringValue {\n    if (\n      inString instanceof ConditionalStringValue ||\n      typeof inString === \"string\"\n    )\n      return inString;\n\n    return inString();\n  }\n\n  public static getIconReactNode(\n    item: ActionButton | GroupButton\n  ): React.ReactNode {\n    return IconHelper.getIconReactNode(item.icon, item.internalData);\n  }\n\n  /** Helper method to creates a generic toolbar item entry */\n  public static createToolbarItemFromItemDef(\n    itemPriority: number,\n    itemDef: AnyItemDef,\n    overrides?: Partial<CommonToolbarItem>\n  ): ToolbarItem {\n    const { badgeType, icon, internalData, ...itemOverrides } = overrides ?? {};\n    const itemBase: ToolbarItem = {\n      id: itemDef.id,\n      itemPriority,\n      isActive: itemDef.isActive,\n      isHidden: itemDef.isHidden,\n      isDisabled: itemDef.isDisabled,\n      icon:\n        internalData?.get(IconHelper.reactIconKey) ??\n        internalData?.get(IconHelper.conditionalIconItemKey) ??\n        icon ??\n        itemDef.iconSpec,\n      label: this.getStringOrConditionalString(itemDef.rawLabel),\n      badge: badgeType ?? itemDef.badgeType,\n    };\n\n    // istanbul ignore else\n    if (itemDef instanceof CommandItemDef || itemDef instanceof ToolItemDef) {\n      return {\n        ...itemBase,\n        execute: itemDef.execute,\n        ...itemOverrides,\n      };\n    } else if (itemDef instanceof CustomItemDef) {\n      return {\n        ...itemBase,\n        panelContent: itemDef.popupPanelNode,\n        ...itemOverrides,\n      };\n    } else if (itemDef instanceof GroupItemDef) {\n      return {\n        ...itemBase,\n        panelLabel: itemDef.panelLabel,\n        items: this.constructChildToolbarItems(itemDef.items),\n        isActive: false,\n        ...itemOverrides,\n      };\n    } else {\n      throw new Error(`Invalid Item type encountered, item id=${itemDef.id}`);\n    }\n  }\n\n  /**\n   * Helper method to creates a generic toolbar item entry list.\n   */\n  public static createToolbarItemsFromItemDefs(\n    itemDefs: AnyItemDef[],\n    startingItemPriority = 10,\n    overrides?: Partial<CommonToolbarItem>\n  ): ToolbarItem[] {\n    return constructToolbarItemArray(\n      itemDefs,\n      true,\n      startingItemPriority,\n      overrides\n    );\n  }\n}\n"]}

package/lib/esm/appui-react/toolbar/useUiItemsProviderToolbarItems.js

@@ -17,10 +17,9 @@ manager, toolbarUsage, toolbarOrientation) => {
     const providedItems = useActiveStageProvidedToolbarItems(toolbarUsage, toolbarOrientation);
     const [items, setItems] = React.useState(providedItems);
     React.useEffect(() => {
-        var _a;
-        manager === null || manager === void 0 ? void 0 : manager.loadItems(providedItems);
-        setItems((_a = manager === null || manager === void 0 ? void 0 : manager.items) !== null && _a !== void 0 ? _a : providedItems);
-        return manager === null || manager === void 0 ? void 0 : manager.onItemsChanged.addListener((args) => {
+        manager?.loadItems(providedItems);
+        setItems(manager?.items ?? providedItems);
+        return manager?.onItemsChanged.addListener((args) => {
             setItems(args.items);
         });
     }, [manager, providedItems]);

package/lib/esm/appui-react/toolbar/useUiItemsProviderToolbarItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUiItemsProviderToolbarItems.js","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/useUiItemsProviderToolbarItems.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAE1F;;;GAGG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAG;AAC5C,mDAAmD;AACnD,OAA4B,EAC5B,YAA0B,EAC1B,kBAAsC,EACd,EAAE;IAC1B,MAAM,aAAa,GAAG,kCAAkC,CACtD,YAAY,EACZ,kBAAkB,CACnB,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IACxD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;;QACnB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,CAAC,aAAa,CAAC,CAAC;QAClC,QAAQ,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,mCAAI,aAAa,CAAC,CAAC;QAE1C,OAAO,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,cAAc,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE;YAClD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;IAC7B,OAAO,KAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Toolbar\n */\n\nimport * as React from \"react\";\nimport type {\n  ToolbarItem,\n  ToolbarOrientation,\n  ToolbarUsage,\n} from \"./ToolbarItem\";\nimport type { ToolbarItemsManager } from \"./ToolbarItemsManager\";\nimport { useActiveStageProvidedToolbarItems } from \"./useActiveStageProvidedToolbarItems\";\n\n/** Hook that retrieves active frontstage toolbar items from UiItemsProviders and manage them through [[ToolbarItemsManager]].\n * @public\n * @deprecated in 4.4.0. This uses ToolbarItemsManager which is internal, directly use [[ToolbarComposer]] instead.\n */\nexport const useUiItemsProviderToolbarItems = (\n  // eslint-disable-next-line deprecation/deprecation\n  manager: ToolbarItemsManager,\n  toolbarUsage: ToolbarUsage,\n  toolbarOrientation: ToolbarOrientation\n): readonly ToolbarItem[] => {\n  const providedItems = useActiveStageProvidedToolbarItems(\n    toolbarUsage,\n    toolbarOrientation\n  );\n  const [items, setItems] = React.useState(providedItems);\n  React.useEffect(() => {\n    manager?.loadItems(providedItems);\n    setItems(manager?.items ?? providedItems);\n\n    return manager?.onItemsChanged.addListener((args) => {\n      setItems(args.items);\n    });\n  }, [manager, providedItems]);\n  return items;\n};\n"]}
+{"version":3,"file":"useUiItemsProviderToolbarItems.js","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/useUiItemsProviderToolbarItems.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAE1F;;;GAGG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAG;AAC5C,mDAAmD;AACnD,OAA4B,EAC5B,YAA0B,EAC1B,kBAAsC,EACd,EAAE;IAC1B,MAAM,aAAa,GAAG,kCAAkC,CACtD,YAAY,EACZ,kBAAkB,CACnB,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IACxD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;QAClC,QAAQ,CAAC,OAAO,EAAE,KAAK,IAAI,aAAa,CAAC,CAAC;QAE1C,OAAO,OAAO,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE;YAClD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;IAC7B,OAAO,KAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Toolbar\n */\n\nimport * as React from \"react\";\nimport type {\n  ToolbarItem,\n  ToolbarOrientation,\n  ToolbarUsage,\n} from \"./ToolbarItem\";\nimport type { ToolbarItemsManager } from \"./ToolbarItemsManager\";\nimport { useActiveStageProvidedToolbarItems } from \"./useActiveStageProvidedToolbarItems\";\n\n/** Hook that retrieves active frontstage toolbar items from UiItemsProviders and manage them through [[ToolbarItemsManager]].\n * @public\n * @deprecated in 4.4.0. This uses ToolbarItemsManager which is internal, directly use [[ToolbarComposer]] instead.\n */\nexport const useUiItemsProviderToolbarItems = (\n  // eslint-disable-next-line deprecation/deprecation\n  manager: ToolbarItemsManager,\n  toolbarUsage: ToolbarUsage,\n  toolbarOrientation: ToolbarOrientation\n): readonly ToolbarItem[] => {\n  const providedItems = useActiveStageProvidedToolbarItems(\n    toolbarUsage,\n    toolbarOrientation\n  );\n  const [items, setItems] = React.useState(providedItems);\n  React.useEffect(() => {\n    manager?.loadItems(providedItems);\n    setItems(manager?.items ?? providedItems);\n\n    return manager?.onItemsChanged.addListener((args) => {\n      setItems(args.items);\n    });\n  }, [manager, providedItems]);\n  return items;\n};\n"]}

package/lib/esm/appui-react/tools/CoreToolDefinitions.js

@@ -77,9 +77,8 @@ export class CoreTools {
         return new ToolItemDef({
             toolId: RotateViewTool.toolId,
             iconSpec: new ConditionalStringValue(() => {
-                var _a;
                 const activeContentControl = UiFramework.content.getActiveContentControl();
-                if ((_a = activeContentControl === null || activeContentControl === void 0 ? void 0 : activeContentControl.viewport) === null || _a === void 0 ? void 0 : _a.view.is2d())
+                if (activeContentControl?.viewport?.view.is2d())
                     return IconSpecUtilities.createWebComponentIconSpec(svgRotateLeft);
                 return IconSpecUtilities.createWebComponentIconSpec(svgGyroscope);
             }, [
@@ -99,9 +98,8 @@ export class CoreTools {
             label: WalkViewTool.flyover,
             description: WalkViewTool.description,
             isHidden: new ConditionalBooleanValue(() => {
-                var _a;
                 const activeContentControl = UiFramework.content.getActiveContentControl();
-                return !!((_a = activeContentControl === null || activeContentControl === void 0 ? void 0 : activeContentControl.viewport) === null || _a === void 0 ? void 0 : _a.view.is2d());
+                return !!activeContentControl?.viewport?.view.is2d();
             }, [
                 SyncUiEventId.ActiveContentChanged,
                 SyncUiEventId.ActiveViewportChanged,
@@ -132,10 +130,9 @@ export class CoreTools {
         return new ToolItemDef({
             toolId: ViewToggleCameraTool.toolId,
             iconSpec: new ConditionalStringValue(() => {
-                var _a, _b;
                 const activeContentControl = UiFramework.content.getActiveContentControl();
-                if (((_a = activeContentControl === null || activeContentControl === void 0 ? void 0 : activeContentControl.viewport) === null || _a === void 0 ? void 0 : _a.view.is3d()) &&
-                    ((_b = activeContentControl === null || activeContentControl === void 0 ? void 0 : activeContentControl.viewport) === null || _b === void 0 ? void 0 : _b.isCameraOn)) {
+                if (activeContentControl?.viewport?.view.is3d() &&
+                    activeContentControl?.viewport?.isCameraOn) {
                     return IconSpecUtilities.createWebComponentIconSpec(cameraAnimationIcon);
                 }
                 return IconSpecUtilities.createWebComponentIconSpec(cameraAnimationDisabledIcon);
@@ -145,10 +142,9 @@ export class CoreTools {
                 SyncUiEventId.ViewStateChanged,
             ]),
             label: new ConditionalStringValue(() => {
-                var _a, _b;
                 const activeContentControl = UiFramework.content.getActiveContentControl();
-                if (((_a = activeContentControl === null || activeContentControl === void 0 ? void 0 : activeContentControl.viewport) === null || _a === void 0 ? void 0 : _a.view.is3d()) &&
-                    ((_b = activeContentControl === null || activeContentControl === void 0 ? void 0 : activeContentControl.viewport) === null || _b === void 0 ? void 0 : _b.isCameraOn)) {
+                if (activeContentControl?.viewport?.view.is3d() &&
+                    activeContentControl?.viewport?.isCameraOn) {
                     return UiFramework.translate("tools.View.ToggleCamera.turnOffFlyover");
                 }
                 return UiFramework.translate("tools.View.ToggleCamera.turnOnFlyover");
@@ -159,10 +155,9 @@ export class CoreTools {
             ]),
             description: ViewToggleCameraTool.description,
             isHidden: new ConditionalBooleanValue(() => {
-                var _a, _b;
                 const activeContentControl = UiFramework.content.getActiveContentControl();
-                return !(((_a = activeContentControl === null || activeContentControl === void 0 ? void 0 : activeContentControl.viewport) === null || _a === void 0 ? void 0 : _a.view.is3d()) &&
-                    ((_b = activeContentControl === null || activeContentControl === void 0 ? void 0 : activeContentControl.viewport) === null || _b === void 0 ? void 0 : _b.view.supportsCamera()));
+                return !(activeContentControl?.viewport?.view.is3d() &&
+                    activeContentControl?.viewport?.view.supportsCamera());
             }, [
                 SyncUiEventId.ActiveContentChanged,
                 SyncUiEventId.ActiveViewportChanged,
@@ -289,9 +284,8 @@ export class CoreTools {
             labelKey: "UiFramework:tools.sectionTools",
             iconSpec: IconSpecUtilities.createWebComponentIconSpec(svgSectionTool),
             isHidden: new ConditionalBooleanValue(() => {
-                var _a;
                 const activeContentControl = UiFramework.content.getActiveContentControl();
-                return !!((_a = activeContentControl === null || activeContentControl === void 0 ? void 0 : activeContentControl.viewport) === null || _a === void 0 ? void 0 : _a.view.is2d());
+                return !!activeContentControl?.viewport?.view.is2d();
             }, [
                 SyncUiEventId.ActiveContentChanged,
                 SyncUiEventId.ActiveViewportChanged,
@@ -317,9 +311,8 @@ export class CoreTools {
             panelLabelKey: "UiFramework:tools.sectionPanelLabel",
             iconSpec: IconSpecUtilities.createWebComponentIconSpec(svgSectionTool),
             isHidden: new ConditionalBooleanValue(() => {
-                var _a;
                 const activeContentControl = UiFramework.content.getActiveContentControl();
-                return !!((_a = activeContentControl === null || activeContentControl === void 0 ? void 0 : activeContentControl.viewport) === null || _a === void 0 ? void 0 : _a.view.is2d());
+                return !!activeContentControl?.viewport?.view.is2d();
             }, [
                 SyncUiEventId.ActiveContentChanged,
                 SyncUiEventId.ActiveViewportChanged,