@itwin/appui-react 4.9.0 → 4.10.0

package/lib/cjs/appui-react/statusfields/MessageCenter.d.ts

@@ -1,8 +1,8 @@
 /** @packageDocumentation
  * @module Notification
  */
-import type { CommonProps } from "@itwin/core-react";
 import * as React from "react";
+import type { CommonProps } from "@itwin/core-react";
 /** Enum for the [[MessageCenterField]] active tab
  * @internal
  */

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

@@ -1 +1 @@
-{"version":3,"file":"MessageCenter.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/MessageCenter.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;;GAEG;AACH,aAAK,sBAAsB;IACzB,WAAW,IAAA;IACX,QAAQ,IAAA;CACT;AAED;;GAEG;AACH,UAAU,kBAAkB;IAC1B,SAAS,EAAE,sBAAsB,CAAC;IAClC,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CACrD,WAAW,EACX,kBAAkB,CACnB;IACC,OAAO,CAAC,UAAU,CAAqC;IACvD,OAAO,CAAC,MAAM,CAAmD;IACjE,OAAO,CAAC,6BAA6B,CAAC,CAAa;IACnD,OAAO,CAAC,gCAAgC,CAAC,CAAa;gBAE1C,CAAC,EAAE,WAAW;IAW1B,gBAAgB;IACA,iBAAiB;IAcjC,gBAAgB;IACA,oBAAoB;IAapC,OAAO,CAAC,2BAA2B,CAIjC;IAEF,OAAO,CAAC,6BAA6B,CAEnC;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;IAyDzC,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,mBAAmB,CASzB;IAEF,OAAO,CAAC,4BAA4B,CAElC;IAEF,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,WAAW;IAkCnB,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,SAAS;CAGlB"}
+{"version":3,"file":"MessageCenter.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/MessageCenter.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAYrD;;GAEG;AACH,aAAK,sBAAsB;IACzB,WAAW,IAAA;IACX,QAAQ,IAAA;CACT;AAED;;GAEG;AACH,UAAU,kBAAkB;IAC1B,SAAS,EAAE,sBAAsB,CAAC;IAClC,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CACrD,WAAW,EACX,kBAAkB,CACnB;IACC,OAAO,CAAC,UAAU,CAAqC;IACvD,OAAO,CAAC,MAAM,CAAmD;IACjE,OAAO,CAAC,6BAA6B,CAAC,CAAa;IACnD,OAAO,CAAC,gCAAgC,CAAC,CAAa;gBAE1C,CAAC,EAAE,WAAW;IAW1B,gBAAgB;IACA,iBAAiB;IAcjC,gBAAgB;IACA,oBAAoB;IAapC,OAAO,CAAC,2BAA2B,CAIjC;IAEF,OAAO,CAAC,6BAA6B,CAEnC;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;IAyDzC,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,mBAAmB,CASzB;IAEF,OAAO,CAAC,4BAA4B,CAElC;IAEF,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,WAAW;IAiCnB,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,SAAS;CAGlB"}

package/lib/cjs/appui-react/statusfields/MessageCenter.js

@@ -8,16 +8,16 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MessageCenterField = void 0;
+const React = require("react");
 const core_frontend_1 = require("@itwin/core-frontend");
 const core_react_1 = require("@itwin/core-react");
-const React = require("react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
 const UiFramework_1 = require("../UiFramework");
 const Dialog_1 = require("../layout/footer/message-center/Dialog");
 const Indicator_1 = require("../layout/footer/message-center/Indicator");
 const Message_1 = require("../layout/footer/message-center/Message");
 const Tab_1 = require("../layout/footer/message-center/Tab");
 const MessageManager_1 = require("../messages/MessageManager");
-const MessageSpan_1 = require("../messages/MessageSpan");
 const StatusBar_1 = require("../statusbar/StatusBar");
 /** Enum for the [[MessageCenterField]] active tab
  * @internal
@@ -110,8 +110,9 @@ class MessageCenterField extends React.Component {
                 const iconSpec = MessageManager_1.MessageManager.getIconSpecFromDetails(details);
                 const message = details.briefMessage;
                 tabRows.push(React.createElement(Message_1.MessageCenterMessage, { key: index.toString(), icon: React.createElement(core_react_1.Icon, { iconSpec: iconSpec, className: iconClassName }) },
-                    React.createElement(MessageSpan_1.MessageSpan, { message: message }),
-                    details.detailedMessage && (React.createElement(MessageSpan_1.MessageDiv, { className: "iui-text-small", message: details.detailedMessage }))));
+                    React.createElement(core_react_1.MessageRenderer, { message: message, useSpan: true }),
+                    details.detailedMessage && (React.createElement(itwinui_react_1.Text, { variant: "small" },
+                        React.createElement(core_react_1.MessageRenderer, { message: details.detailedMessage })))));
             }
         });
         return tabRows;

package/lib/cjs/appui-react/statusfields/MessageCenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageCenter.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/MessageCenter.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 { OutputMessagePriority } from \"@itwin/core-frontend\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Icon } from \"@itwin/core-react\";\nimport * as React from \"react\";\nimport { UiFramework } from \"../UiFramework\";\nimport { MessageCenterDialog } from \"../layout/footer/message-center/Dialog\";\nimport { MessageCenter } from \"../layout/footer/message-center/Indicator\";\nimport { MessageCenterMessage } from \"../layout/footer/message-center/Message\";\nimport { MessageCenterTab } from \"../layout/footer/message-center/Tab\";\nimport { MessageManager } from \"../messages/MessageManager\";\nimport { MessageDiv, MessageSpan } from \"../messages/MessageSpan\";\nimport type { NotifyMessageDetailsType } from \"../messages/ReactNotifyMessageDetails\";\nimport { StatusBar } from \"../statusbar/StatusBar\";\n\n/** Enum for the [[MessageCenterField]] active tab\n * @internal\n */\nenum MessageCenterActiveTab {\n  AllMessages,\n  Problems,\n}\n\n/** State for the [[MessageCenterField]] React component\n * @internal\n */\ninterface MessageCenterState {\n  activeTab: MessageCenterActiveTab;\n  target: HTMLDivElement | null;\n  messageCount: number;\n  isOpen: boolean;\n}\n\n/** Message Center Field React component.\n * @public\n */\nexport class MessageCenterField extends React.Component<\n  CommonProps,\n  MessageCenterState\n> {\n  private _indicator = React.createRef<HTMLDivElement>();\n  private _title = UiFramework.translate(\"messageCenter.messages\");\n  private _unloadMessagesUpdatedHandler?: () => void;\n  private _removeOpenMessagesCenterHandler?: () => void;\n\n  constructor(p: CommonProps) {\n    super(p);\n\n    this.state = {\n      activeTab: MessageCenterActiveTab.AllMessages,\n      target: null,\n      messageCount: MessageManager.messages.length,\n      isOpen: false,\n    };\n  }\n\n  /** @internal */\n  public override componentDidMount() {\n    this._unloadMessagesUpdatedHandler =\n      MessageManager.onMessagesUpdatedEvent.addListener(\n        this._handleMessagesUpdatedEvent,\n        this\n      );\n    this._removeOpenMessagesCenterHandler =\n      MessageManager.onOpenMessageCenterEvent.addListener(\n        this._handleOpenMessageCenterEvent,\n        this\n      );\n    MessageManager.registerAnimateOutToElement(this._indicator.current);\n  }\n\n  /** @internal */\n  public override componentWillUnmount() {\n    // istanbul ignore else\n    if (this._unloadMessagesUpdatedHandler) {\n      this._unloadMessagesUpdatedHandler();\n      this._unloadMessagesUpdatedHandler = undefined;\n    }\n    // istanbul ignore else\n    if (this._removeOpenMessagesCenterHandler) {\n      this._removeOpenMessagesCenterHandler();\n      this._removeOpenMessagesCenterHandler = undefined;\n    }\n  }\n\n  private _handleMessagesUpdatedEvent = () => {\n    // istanbul ignore else\n    if (this._unloadMessagesUpdatedHandler)\n      this.setState({ messageCount: MessageManager.messages.length });\n  };\n\n  private _handleOpenMessageCenterEvent = () => {\n    this.setIsOpen(true);\n  };\n\n  public override render(): React.ReactNode {\n    const tooltip = `${this.state.messageCount} ${this._title}`;\n    const divStyle = { ...this.props.style, height: \"100%\" };\n    const footerMessages = (\n      <>\n        <div className={this.props.className} style={divStyle} title={tooltip}>\n          <MessageCenter\n            indicatorRef={this._indicator}\n            label={this._title}\n            onClick={this._handleMessageIndicatorClick}\n          >\n            {this.state.messageCount.toString()}\n          </MessageCenter>\n        </div>\n        <StatusBar.Popup\n          isOpen={this.state.isOpen}\n          onClose={this._handleClose}\n          onOutsideClick={this._handleOutsideClick}\n          target={this._indicator.current}\n        >\n          <MessageCenterDialog\n            prompt={UiFramework.translate(\"messageCenter.prompt\")}\n            tabs={\n              <>\n                <MessageCenterTab\n                  isActive={\n                    this.state.activeTab === MessageCenterActiveTab.AllMessages\n                  }\n                  onClick={() =>\n                    this._changeActiveTab(MessageCenterActiveTab.AllMessages)\n                  }\n                >\n                  {UiFramework.translate(\"messageCenter.all\")}\n                </MessageCenterTab>\n                <MessageCenterTab\n                  isActive={\n                    this.state.activeTab === MessageCenterActiveTab.Problems\n                  }\n                  onClick={() =>\n                    this._changeActiveTab(MessageCenterActiveTab.Problems)\n                  }\n                >\n                  {UiFramework.translate(\"messageCenter.errors\")}\n                </MessageCenterTab>\n              </>\n            }\n            title={this._title}\n          >\n            {this.getMessages()}\n          </MessageCenterDialog>\n        </StatusBar.Popup>\n      </>\n    );\n\n    return footerMessages;\n  }\n\n  private _handleClose = () => {\n    this.setIsOpen(false);\n  };\n\n  private _handleOutsideClick = (e: MouseEvent) => {\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 _handleMessageIndicatorClick = () => {\n    this.setIsOpen(!this.state.isOpen);\n  };\n\n  private _changeActiveTab = (tab: MessageCenterActiveTab) => {\n    this.setState({ activeTab: tab });\n  };\n\n  private getMessages(): React.ReactChild[] {\n    const messages = MessageManager.messages.slice(0).reverse();\n    const tabRows: React.ReactChild[] = new Array<React.ReactChild>();\n\n    messages.forEach((details: NotifyMessageDetailsType, index: number) => {\n      /* istanbul ignore else */\n      if (\n        this.state.activeTab === MessageCenterActiveTab.AllMessages ||\n        this.isProblemStatus(details.priority)\n      ) {\n        const iconClassName = MessageManager.getIconClassName(details);\n        const iconSpec = MessageManager.getIconSpecFromDetails(details);\n        const message = details.briefMessage;\n\n        tabRows.push(\n          <MessageCenterMessage\n            key={index.toString()}\n            icon={<Icon iconSpec={iconSpec} className={iconClassName} />}\n          >\n            <MessageSpan message={message} />\n            {details.detailedMessage && (\n              <MessageDiv\n                className=\"iui-text-small\"\n                message={details.detailedMessage}\n              />\n            )}\n          </MessageCenterMessage>\n        );\n      }\n    });\n\n    return tabRows;\n  }\n\n  private isProblemStatus(priority: OutputMessagePriority): boolean {\n    // See priority values in DgnPlatform defined in NotificationManager\n\n    if (\n      priority === OutputMessagePriority.Error ||\n      priority === OutputMessagePriority.Fatal\n    )\n      return true;\n\n    return false;\n  }\n\n  private setIsOpen(isOpen: boolean) {\n    this.setState({ isOpen });\n  }\n}\n"]}
+{"version":3,"file":"MessageCenter.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/MessageCenter.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 * as React from \"react\";\nimport { OutputMessagePriority } from \"@itwin/core-frontend\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Icon, MessageRenderer } from \"@itwin/core-react\";\nimport { Text } from \"@itwin/itwinui-react\";\nimport { UiFramework } from \"../UiFramework\";\nimport { MessageCenterDialog } from \"../layout/footer/message-center/Dialog\";\nimport { MessageCenter } from \"../layout/footer/message-center/Indicator\";\nimport { MessageCenterMessage } from \"../layout/footer/message-center/Message\";\nimport { MessageCenterTab } from \"../layout/footer/message-center/Tab\";\nimport { MessageManager } from \"../messages/MessageManager\";\nimport type { NotifyMessageDetailsType } from \"../messages/ReactNotifyMessageDetails\";\nimport { StatusBar } from \"../statusbar/StatusBar\";\n\n/** Enum for the [[MessageCenterField]] active tab\n * @internal\n */\nenum MessageCenterActiveTab {\n  AllMessages,\n  Problems,\n}\n\n/** State for the [[MessageCenterField]] React component\n * @internal\n */\ninterface MessageCenterState {\n  activeTab: MessageCenterActiveTab;\n  target: HTMLDivElement | null;\n  messageCount: number;\n  isOpen: boolean;\n}\n\n/** Message Center Field React component.\n * @public\n */\nexport class MessageCenterField extends React.Component<\n  CommonProps,\n  MessageCenterState\n> {\n  private _indicator = React.createRef<HTMLDivElement>();\n  private _title = UiFramework.translate(\"messageCenter.messages\");\n  private _unloadMessagesUpdatedHandler?: () => void;\n  private _removeOpenMessagesCenterHandler?: () => void;\n\n  constructor(p: CommonProps) {\n    super(p);\n\n    this.state = {\n      activeTab: MessageCenterActiveTab.AllMessages,\n      target: null,\n      messageCount: MessageManager.messages.length,\n      isOpen: false,\n    };\n  }\n\n  /** @internal */\n  public override componentDidMount() {\n    this._unloadMessagesUpdatedHandler =\n      MessageManager.onMessagesUpdatedEvent.addListener(\n        this._handleMessagesUpdatedEvent,\n        this\n      );\n    this._removeOpenMessagesCenterHandler =\n      MessageManager.onOpenMessageCenterEvent.addListener(\n        this._handleOpenMessageCenterEvent,\n        this\n      );\n    MessageManager.registerAnimateOutToElement(this._indicator.current);\n  }\n\n  /** @internal */\n  public override componentWillUnmount() {\n    // istanbul ignore else\n    if (this._unloadMessagesUpdatedHandler) {\n      this._unloadMessagesUpdatedHandler();\n      this._unloadMessagesUpdatedHandler = undefined;\n    }\n    // istanbul ignore else\n    if (this._removeOpenMessagesCenterHandler) {\n      this._removeOpenMessagesCenterHandler();\n      this._removeOpenMessagesCenterHandler = undefined;\n    }\n  }\n\n  private _handleMessagesUpdatedEvent = () => {\n    // istanbul ignore else\n    if (this._unloadMessagesUpdatedHandler)\n      this.setState({ messageCount: MessageManager.messages.length });\n  };\n\n  private _handleOpenMessageCenterEvent = () => {\n    this.setIsOpen(true);\n  };\n\n  public override render(): React.ReactNode {\n    const tooltip = `${this.state.messageCount} ${this._title}`;\n    const divStyle = { ...this.props.style, height: \"100%\" };\n    const footerMessages = (\n      <>\n        <div className={this.props.className} style={divStyle} title={tooltip}>\n          <MessageCenter\n            indicatorRef={this._indicator}\n            label={this._title}\n            onClick={this._handleMessageIndicatorClick}\n          >\n            {this.state.messageCount.toString()}\n          </MessageCenter>\n        </div>\n        <StatusBar.Popup\n          isOpen={this.state.isOpen}\n          onClose={this._handleClose}\n          onOutsideClick={this._handleOutsideClick}\n          target={this._indicator.current}\n        >\n          <MessageCenterDialog\n            prompt={UiFramework.translate(\"messageCenter.prompt\")}\n            tabs={\n              <>\n                <MessageCenterTab\n                  isActive={\n                    this.state.activeTab === MessageCenterActiveTab.AllMessages\n                  }\n                  onClick={() =>\n                    this._changeActiveTab(MessageCenterActiveTab.AllMessages)\n                  }\n                >\n                  {UiFramework.translate(\"messageCenter.all\")}\n                </MessageCenterTab>\n                <MessageCenterTab\n                  isActive={\n                    this.state.activeTab === MessageCenterActiveTab.Problems\n                  }\n                  onClick={() =>\n                    this._changeActiveTab(MessageCenterActiveTab.Problems)\n                  }\n                >\n                  {UiFramework.translate(\"messageCenter.errors\")}\n                </MessageCenterTab>\n              </>\n            }\n            title={this._title}\n          >\n            {this.getMessages()}\n          </MessageCenterDialog>\n        </StatusBar.Popup>\n      </>\n    );\n\n    return footerMessages;\n  }\n\n  private _handleClose = () => {\n    this.setIsOpen(false);\n  };\n\n  private _handleOutsideClick = (e: MouseEvent) => {\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 _handleMessageIndicatorClick = () => {\n    this.setIsOpen(!this.state.isOpen);\n  };\n\n  private _changeActiveTab = (tab: MessageCenterActiveTab) => {\n    this.setState({ activeTab: tab });\n  };\n\n  private getMessages(): React.ReactChild[] {\n    const messages = MessageManager.messages.slice(0).reverse();\n    const tabRows: React.ReactChild[] = new Array<React.ReactChild>();\n\n    messages.forEach((details: NotifyMessageDetailsType, index: number) => {\n      /* istanbul ignore else */\n      if (\n        this.state.activeTab === MessageCenterActiveTab.AllMessages ||\n        this.isProblemStatus(details.priority)\n      ) {\n        const iconClassName = MessageManager.getIconClassName(details);\n        const iconSpec = MessageManager.getIconSpecFromDetails(details);\n        const message = details.briefMessage;\n\n        tabRows.push(\n          <MessageCenterMessage\n            key={index.toString()}\n            icon={<Icon iconSpec={iconSpec} className={iconClassName} />}\n          >\n            <MessageRenderer message={message} useSpan />\n            {details.detailedMessage && (\n              <Text variant=\"small\">\n                <MessageRenderer message={details.detailedMessage} />\n              </Text>\n            )}\n          </MessageCenterMessage>\n        );\n      }\n    });\n\n    return tabRows;\n  }\n\n  private isProblemStatus(priority: OutputMessagePriority): boolean {\n    // See priority values in DgnPlatform defined in NotificationManager\n\n    if (\n      priority === OutputMessagePriority.Error ||\n      priority === OutputMessagePriority.Fatal\n    )\n      return true;\n\n    return false;\n  }\n\n  private setIsOpen(isOpen: boolean) {\n    this.setState({ isOpen });\n  }\n}\n"]}

package/lib/cjs/appui-react/statusfields/SelectionScope.scss

@@ -26,9 +26,7 @@
 
   > .uifw-statusFields-selectionScope-selector {
     min-width: 140px;
-    &.iui-select[data-iui-size="small"] {
-      width: auto;
-    }
+    width: auto;
 
     @include for-tablet-portrait-down {
       font-size: $font-size-medium;

package/lib/cjs/appui-react/statusfields/tileloading/TileLoadingIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TileLoadingIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/tileloading/TileLoadingIndicator.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,6BAA6B,CAAC;AAErC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD;;GAEG;AACH,UAAU,yBAAyB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,qBAAa,oBAAqB,SAAQ,KAAK,CAAC,aAAa,CAC3D,WAAW,EACX,yBAAyB,CAC1B;IACC,OAAO,CAAC,uBAAuB,CAAC,CAAa;IAC7C,OAAO,CAAC,uBAAuB,CAAC,CAAa;gBAEjC,KAAK,EAAE,WAAW;IAK9B,OAAO,CAAC,aAAa,CAmCnB;IAEF,OAAO,CAAC,OAAO,CAGb;IAEF,OAAO,CAAC,WAAW,CAIjB;IAEc,iBAAiB;IAiBjB,oBAAoB;IAWpC,mCAAmC;IACnB,MAAM;CAavB"}
+{"version":3,"file":"TileLoadingIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/tileloading/TileLoadingIndicator.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,6BAA6B,CAAC;AAErC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD;;GAEG;AACH,UAAU,yBAAyB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,qBAAa,oBAAqB,SAAQ,KAAK,CAAC,aAAa,CAC3D,WAAW,EACX,yBAAyB,CAC1B;IACC,OAAO,CAAC,uBAAuB,CAAC,CAAa;IAC7C,OAAO,CAAC,uBAAuB,CAAC,CAAa;gBAEjC,KAAK,EAAE,WAAW;IAK9B,OAAO,CAAC,aAAa,CAmCnB;IAEF,OAAO,CAAC,OAAO,CAGb;IAEF,OAAO,CAAC,WAAW,CAIjB;IAEc,iBAAiB;IAiBjB,oBAAoB;IAWpC,mCAAmC;IACnB,MAAM;CAgBvB"}

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

@@ -91,7 +91,7 @@ class TileLoadingIndicator extends React.PureComponent {
         const classes = (0, classnames_1.default)("uifw-tile-loading-bar", this.state.enabled && "uifw-tile-loading-bar-visible", this.props.className);
         return (React.createElement("div", { className: classes, style: this.props.style },
             React.createElement("span", null, this.state.label),
-            React.createElement(itwinui_react_1.ProgressLinear, { value: this.state.progress })));
+            React.createElement(itwinui_react_1.ProgressLinear, { className: "uifw-progress-indicator", value: this.state.progress })));
     }
 }
 exports.TileLoadingIndicator = TileLoadingIndicator;

package/lib/cjs/appui-react/statusfields/tileloading/TileLoadingIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"TileLoadingIndicator.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/tileloading/TileLoadingIndicator.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 \"./TileLoadingIndicator.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport type { ScreenViewport, Viewport } from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { ProgressLinear } from \"@itwin/itwinui-react\";\nimport { UiFramework } from \"../../UiFramework\";\nimport type { CommonProps } from \"@itwin/core-react\";\n\n/** State for the [[TileLoadingIndicator]] component\n * @internal\n */\ninterface TileLoadingIndicatorState {\n  label: string;\n  progress: number;\n  enabled: boolean;\n  finished: boolean;\n}\n\n/** TileLoadingIndicator React component\n * @public\n */\nexport class TileLoadingIndicator extends React.PureComponent<\n  CommonProps,\n  TileLoadingIndicatorState\n> {\n  private _removeViewOpenListener?: () => void;\n  private _removeOnRenderListener?: () => void;\n\n  constructor(props: CommonProps) {\n    super(props);\n    this.state = { label: \"\", progress: 0, enabled: false, finished: true };\n  }\n\n  private _refreshState = (vp: Viewport) => {\n    const requested = vp.numRequestedTiles;\n    const ready = vp.numReadyTiles;\n    const total = ready + requested;\n    const pctComplete =\n      total > 0 ? (ready / total) * 100 : /* istanbul ignore next */ 100;\n    let enabled = this.state.enabled;\n    let finished = this.state.finished;\n\n    // istanbul ignore else\n    if (!enabled && total !== 0 && pctComplete !== 100) enabled = true;\n\n    if (enabled && (total === 0 || pctComplete === 100)) enabled = false;\n\n    if (pctComplete === 100 && !finished) {\n      finished = true;\n      Logger.logTrace(\n        UiFramework.loggerCategory(this),\n        `Tiles Finished Loading`\n      );\n      Logger.logTrace(\n        UiFramework.loggerCategory(this),\n        `Tiles Load Report (tiles finished / tiles requested):  ${ready} / ${total}`\n      );\n    }\n\n    // istanbul ignore else\n    if (pctComplete !== 100 && finished) finished = false;\n\n    this.setState({\n      label: `${ready} / ${total}`,\n      progress: pctComplete,\n      enabled,\n      finished,\n    });\n  };\n\n  private _update = (vp: Viewport) => {\n    // set progress animation before the next repaint.\n    setTimeout(() => this._refreshState(vp));\n  };\n\n  private _onViewOpen = (vp: ScreenViewport) => {\n    // istanbul ignore next\n    this._removeOnRenderListener && this._removeOnRenderListener();\n    this._removeOnRenderListener = vp.onRender.addListener(this._update);\n  };\n\n  public override componentDidMount() {\n    // istanbul ignore next\n    if (!IModelApp.viewManager) return;\n\n    // get selected viewport\n    const vp = IModelApp.viewManager.selectedView;\n\n    // if view exists bind update routine to onRender loop, otherwise do so once the onViewOpen event runs\n    // istanbul ignore else\n    if (vp) {\n      this._onViewOpen(vp);\n    } else {\n      this._removeViewOpenListener =\n        IModelApp.viewManager.onViewOpen.addListener(this._onViewOpen);\n    }\n  }\n\n  public override componentWillUnmount() {\n    // istanbul ignore next\n    if (!IModelApp.viewManager) return;\n\n    // istanbul ignore next\n    if (this._removeViewOpenListener) this._removeViewOpenListener();\n\n    // istanbul ignore else\n    if (this._removeOnRenderListener) this._removeOnRenderListener();\n  }\n\n  /** Renders TileLoadingIndicator */\n  public override render() {\n    const classes = classnames(\n      \"uifw-tile-loading-bar\",\n      this.state.enabled && \"uifw-tile-loading-bar-visible\",\n      this.props.className\n    );\n    return (\n      <div className={classes} style={this.props.style}>\n        <span>{this.state.label}</span>\n        <ProgressLinear value={this.state.progress} />\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"TileLoadingIndicator.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/tileloading/TileLoadingIndicator.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,uCAAqC;AACrC,2CAAoC;AACpC,+BAA+B;AAC/B,sDAA6C;AAE7C,wDAAiD;AACjD,wDAAsD;AACtD,mDAAgD;AAahD;;GAEG;AACH,MAAa,oBAAqB,SAAQ,KAAK,CAAC,aAG/C;IAIC,YAAY,KAAkB;QAC5B,KAAK,CAAC,KAAK,CAAC,CAAC;QAIP,kBAAa,GAAG,CAAC,EAAY,EAAE,EAAE;YACvC,MAAM,SAAS,GAAG,EAAE,CAAC,iBAAiB,CAAC;YACvC,MAAM,KAAK,GAAG,EAAE,CAAC,aAAa,CAAC;YAC/B,MAAM,KAAK,GAAG,KAAK,GAAG,SAAS,CAAC;YAChC,MAAM,WAAW,GACf,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,0BAA0B,CAAC,GAAG,CAAC;YACrE,IAAI,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;YACjC,IAAI,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;YAEnC,uBAAuB;YACvB,IAAI,CAAC,OAAO,IAAI,KAAK,KAAK,CAAC,IAAI,WAAW,KAAK,GAAG;gBAAE,OAAO,GAAG,IAAI,CAAC;YAEnE,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,CAAC,IAAI,WAAW,KAAK,GAAG,CAAC;gBAAE,OAAO,GAAG,KAAK,CAAC;YAErE,IAAI,WAAW,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE;gBACpC,QAAQ,GAAG,IAAI,CAAC;gBAChB,qBAAM,CAAC,QAAQ,CACb,yBAAW,CAAC,cAAc,CAAC,IAAI,CAAC,EAChC,wBAAwB,CACzB,CAAC;gBACF,qBAAM,CAAC,QAAQ,CACb,yBAAW,CAAC,cAAc,CAAC,IAAI,CAAC,EAChC,0DAA0D,KAAK,MAAM,KAAK,EAAE,CAC7E,CAAC;aACH;YAED,uBAAuB;YACvB,IAAI,WAAW,KAAK,GAAG,IAAI,QAAQ;gBAAE,QAAQ,GAAG,KAAK,CAAC;YAEtD,IAAI,CAAC,QAAQ,CAAC;gBACZ,KAAK,EAAE,GAAG,KAAK,MAAM,KAAK,EAAE;gBAC5B,QAAQ,EAAE,WAAW;gBACrB,OAAO;gBACP,QAAQ;aACT,CAAC,CAAC;QACL,CAAC,CAAC;QAEM,YAAO,GAAG,CAAC,EAAY,EAAE,EAAE;YACjC,kDAAkD;YAClD,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC;QAC3C,CAAC,CAAC;QAEM,gBAAW,GAAG,CAAC,EAAkB,EAAE,EAAE;YAC3C,uBAAuB;YACvB,IAAI,CAAC,uBAAuB,IAAI,IAAI,CAAC,uBAAuB,EAAE,CAAC;YAC/D,IAAI,CAAC,uBAAuB,GAAG,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACvE,CAAC,CAAC;QAjDA,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAC1E,CAAC;IAkDe,iBAAiB;QAC/B,uBAAuB;QACvB,IAAI,CAAC,yBAAS,CAAC,WAAW;YAAE,OAAO;QAEnC,wBAAwB;QACxB,MAAM,EAAE,GAAG,yBAAS,CAAC,WAAW,CAAC,YAAY,CAAC;QAE9C,sGAAsG;QACtG,uBAAuB;QACvB,IAAI,EAAE,EAAE;YACN,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;SACtB;aAAM;YACL,IAAI,CAAC,uBAAuB;gBAC1B,yBAAS,CAAC,WAAW,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SAClE;IACH,CAAC;IAEe,oBAAoB;QAClC,uBAAuB;QACvB,IAAI,CAAC,yBAAS,CAAC,WAAW;YAAE,OAAO;QAEnC,uBAAuB;QACvB,IAAI,IAAI,CAAC,uBAAuB;YAAE,IAAI,CAAC,uBAAuB,EAAE,CAAC;QAEjE,uBAAuB;QACvB,IAAI,IAAI,CAAC,uBAAuB;YAAE,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACnE,CAAC;IAED,mCAAmC;IACnB,MAAM;QACpB,MAAM,OAAO,GAAG,IAAA,oBAAU,EACxB,uBAAuB,EACvB,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,+BAA+B,EACrD,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QACF,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAC9C,kCAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAQ;YAC/B,oBAAC,8BAAc,IACb,SAAS,EAAC,yBAAyB,EACnC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GAC1B,CACE,CACP,CAAC;IACJ,CAAC;CACF;AAzGD,oDAyGC","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 \"./TileLoadingIndicator.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport type { ScreenViewport, Viewport } from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { ProgressLinear } from \"@itwin/itwinui-react\";\nimport { UiFramework } from \"../../UiFramework\";\nimport type { CommonProps } from \"@itwin/core-react\";\n\n/** State for the [[TileLoadingIndicator]] component\n * @internal\n */\ninterface TileLoadingIndicatorState {\n  label: string;\n  progress: number;\n  enabled: boolean;\n  finished: boolean;\n}\n\n/** TileLoadingIndicator React component\n * @public\n */\nexport class TileLoadingIndicator extends React.PureComponent<\n  CommonProps,\n  TileLoadingIndicatorState\n> {\n  private _removeViewOpenListener?: () => void;\n  private _removeOnRenderListener?: () => void;\n\n  constructor(props: CommonProps) {\n    super(props);\n    this.state = { label: \"\", progress: 0, enabled: false, finished: true };\n  }\n\n  private _refreshState = (vp: Viewport) => {\n    const requested = vp.numRequestedTiles;\n    const ready = vp.numReadyTiles;\n    const total = ready + requested;\n    const pctComplete =\n      total > 0 ? (ready / total) * 100 : /* istanbul ignore next */ 100;\n    let enabled = this.state.enabled;\n    let finished = this.state.finished;\n\n    // istanbul ignore else\n    if (!enabled && total !== 0 && pctComplete !== 100) enabled = true;\n\n    if (enabled && (total === 0 || pctComplete === 100)) enabled = false;\n\n    if (pctComplete === 100 && !finished) {\n      finished = true;\n      Logger.logTrace(\n        UiFramework.loggerCategory(this),\n        `Tiles Finished Loading`\n      );\n      Logger.logTrace(\n        UiFramework.loggerCategory(this),\n        `Tiles Load Report (tiles finished / tiles requested):  ${ready} / ${total}`\n      );\n    }\n\n    // istanbul ignore else\n    if (pctComplete !== 100 && finished) finished = false;\n\n    this.setState({\n      label: `${ready} / ${total}`,\n      progress: pctComplete,\n      enabled,\n      finished,\n    });\n  };\n\n  private _update = (vp: Viewport) => {\n    // set progress animation before the next repaint.\n    setTimeout(() => this._refreshState(vp));\n  };\n\n  private _onViewOpen = (vp: ScreenViewport) => {\n    // istanbul ignore next\n    this._removeOnRenderListener && this._removeOnRenderListener();\n    this._removeOnRenderListener = vp.onRender.addListener(this._update);\n  };\n\n  public override componentDidMount() {\n    // istanbul ignore next\n    if (!IModelApp.viewManager) return;\n\n    // get selected viewport\n    const vp = IModelApp.viewManager.selectedView;\n\n    // if view exists bind update routine to onRender loop, otherwise do so once the onViewOpen event runs\n    // istanbul ignore else\n    if (vp) {\n      this._onViewOpen(vp);\n    } else {\n      this._removeViewOpenListener =\n        IModelApp.viewManager.onViewOpen.addListener(this._onViewOpen);\n    }\n  }\n\n  public override componentWillUnmount() {\n    // istanbul ignore next\n    if (!IModelApp.viewManager) return;\n\n    // istanbul ignore next\n    if (this._removeViewOpenListener) this._removeViewOpenListener();\n\n    // istanbul ignore else\n    if (this._removeOnRenderListener) this._removeOnRenderListener();\n  }\n\n  /** Renders TileLoadingIndicator */\n  public override render() {\n    const classes = classnames(\n      \"uifw-tile-loading-bar\",\n      this.state.enabled && \"uifw-tile-loading-bar-visible\",\n      this.props.className\n    );\n    return (\n      <div className={classes} style={this.props.style}>\n        <span>{this.state.label}</span>\n        <ProgressLinear\n          className=\"uifw-progress-indicator\"\n          value={this.state.progress}\n        />\n      </div>\n    );\n  }\n}\n"]}

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

@@ -21,7 +21,7 @@
     position: relative;
   }
 
-  > .iui-progress-indicator-linear {
+  > .uifw-progress-indicator {
     width: 100%;
     flex: 1;
   }

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

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

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

@@ -247,7 +247,8 @@ class ToolAssistanceField extends React.Component {
                 displayableSections = instructions.sections.filter((section) => this._sectionHasDisplayableInstructions(section));
             }
             dialogContent = (React.createElement("div", null,
-                this.state.showMouseTouchTabs && (React.createElement(itwinui_react_1.Tabs, { orientation: "horizontal", tabsClassName: "uifw-toolAssistance-tabs", labels: [mouseLabel, touchLabel], activeIndex: this.state.mouseTouchTabIndex, onTabSelected: this._handleMouseTouchTab })),
+                this.state.showMouseTouchTabs && (React.createElement(itwinui_react_1.Tabs.Wrapper, { type: "pill", value: String(this.state.mouseTouchTabIndex) },
+                    React.createElement(itwinui_react_1.Tabs.TabList, { className: "uifw-toolAssistance-tabs" }, [mouseLabel, touchLabel].map((label, index) => (React.createElement(itwinui_react_1.Tabs.Tab, { key: index, className: "uifw-tab", value: String(index), label: label, onClick: async () => this._handleMouseTouchTab(index) })))))),
                 React.createElement("div", { className: "uifw-toolAssistance-content" },
                     React.createElement(Instruction_1.ToolAssistanceInstruction, { key: "main", image: ToolAssistanceField.getInstructionImage(instructions.mainInstruction), text: instructions.mainInstruction.text, isNew: instructions.mainInstruction.isNew }),
                     displayableSections &&
@@ -318,7 +319,7 @@ class ToolAssistanceField extends React.Component {
                     ? "uifw-toolassistance-svg"
                     : "uifw-toolassistance-icon-large";
                 image = (React.createElement("div", { className: className },
-                    React.createElement(core_react_1.Icon, { iconSpec: svgSource !== null && svgSource !== void 0 ? svgSource : instruction.image })));
+                    React.createElement(core_react_1.Icon, { iconSpec: svgSource ?? instruction.image })));
             }
         }
         else if (instruction.image === core_frontend_1.ToolAssistanceImage.Keyboard) {

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

@@ -1 +1 @@
-{"version":3,"file":"ToolAssistanceField.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusfields/toolassistance/ToolAssistanceField.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\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 { 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 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 { Tabs, ToggleSwitch } from \"@itwin/itwinui-react\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { UiFramework } from \"../../UiFramework\";\nimport { CursorPrompt } from \"../../cursor/cursorprompt/CursorPrompt\";\nimport type { ToolIconChangedEventArgs } from \"../../framework/FrameworkFrontstages\";\nimport type { ToolAssistanceChangedEventArgs } from \"../../messages/MessageManager\";\nimport { MessageManager } from \"../../messages/MessageManager\";\nimport { UiStateStorageContext } from \"../../uistate/useUiStateStorage\";\nimport \"./ToolAssistanceField.scss\";\n\nimport { SvgClose, SvgPin } from \"@itwin/itwinui-icons-react\";\nimport { ToolAssistanceDialog } from \"../../layout/footer/tool-assistance/Dialog\";\nimport { ToolAssistance } from \"../../layout/footer/tool-assistance/Indicator\";\nimport { ToolAssistanceInstruction as NZ_ToolAssistanceInstruction } from \"../../layout/footer/tool-assistance/Instruction\";\nimport { ToolAssistanceItem } from \"../../layout/footer/tool-assistance/Item\";\nimport { ToolAssistanceSeparator } from \"../../layout/footer/tool-assistance/Separator\";\nimport { StatusBar } from \"../../statusbar/StatusBar\";\nimport { StatusBarDialog } from \"../../statusbar/dialog/Dialog\";\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\";\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        <StatusBar.Popup\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        </StatusBar.Popup>\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 = getWebComponentSource(instruction.image);\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\n      image = (\n        <div className={className}>\n          {svgImage && (\n            // istanbul ignore next\n            <Icon iconSpec={svgImage} />\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\nfunction getWebComponentSource(iconSpec: string): string | undefined {\n  if (iconSpec.startsWith(\"webSvg:\") && iconSpec.length > 7) {\n    return iconSpec.slice(7);\n  }\n\n  return undefined;\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 { 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 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 { Tabs, ToggleSwitch } from \"@itwin/itwinui-react\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { UiFramework } from \"../../UiFramework\";\nimport { CursorPrompt } from \"../../cursor/cursorprompt/CursorPrompt\";\nimport type { ToolIconChangedEventArgs } from \"../../framework/FrameworkFrontstages\";\nimport type { ToolAssistanceChangedEventArgs } from \"../../messages/MessageManager\";\nimport { MessageManager } from \"../../messages/MessageManager\";\nimport { UiStateStorageContext } from \"../../uistate/useUiStateStorage\";\nimport \"./ToolAssistanceField.scss\";\n\nimport { SvgClose, SvgPin } from \"@itwin/itwinui-icons-react\";\nimport { ToolAssistanceDialog } from \"../../layout/footer/tool-assistance/Dialog\";\nimport { ToolAssistance } from \"../../layout/footer/tool-assistance/Indicator\";\nimport { ToolAssistanceInstruction as NZ_ToolAssistanceInstruction } from \"../../layout/footer/tool-assistance/Instruction\";\nimport { ToolAssistanceItem } from \"../../layout/footer/tool-assistance/Item\";\nimport { ToolAssistanceSeparator } from \"../../layout/footer/tool-assistance/Separator\";\nimport { StatusBar } from \"../../statusbar/StatusBar\";\nimport { StatusBarDialog } from \"../../statusbar/dialog/Dialog\";\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\";\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.Wrapper\n              type=\"pill\"\n              value={String(this.state.mouseTouchTabIndex)}\n            >\n              <Tabs.TabList className=\"uifw-toolAssistance-tabs\">\n                {[mouseLabel, touchLabel].map((label, index) => (\n                  <Tabs.Tab\n                    key={index}\n                    className=\"uifw-tab\"\n                    value={String(index)}\n                    label={label}\n                    onClick={async () => this._handleMouseTouchTab(index)}\n                  />\n                ))}\n              </Tabs.TabList>\n            </Tabs.Wrapper>\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        <StatusBar.Popup\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        </StatusBar.Popup>\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 = getWebComponentSource(instruction.image);\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\n      image = (\n        <div className={className}>\n          {svgImage && (\n            // istanbul ignore next\n            <Icon iconSpec={svgImage} />\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\nfunction getWebComponentSource(iconSpec: string): string | undefined {\n  if (iconSpec.startsWith(\"webSvg:\") && iconSpec.length > 7) {\n    return iconSpec.slice(7);\n  }\n\n  return undefined;\n}\n"]}

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

@@ -169,7 +169,7 @@ $key-size-modifier: 24px;
   }
 }
 
-.uifw-toolAssistance-tabs.iui-tabs.iui-default {
+.uifw-toolAssistance-tabs {
   margin: 0;
   padding: 0;
   border: none;
@@ -178,17 +178,8 @@ $key-size-modifier: 24px;
   font-weight: var(--iui-font-weight-normal);
   line-height: var(--iui-size-l);
 
-  // Tabs are sized at 50% with the labels centered
-  > li {
+  > .uifw-tab {
     width: 50%;
-
-    button.iui-tab {
-      width: 100%;
-      display: unset;
-    }
-
-    .iui-tab-label {
-      text-align: center;
-    }
+    text-align: center;
   }
 }

package/lib/cjs/appui-react/theme/ThemeManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/theme/ThemeManager.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;GAEG;AACH,eAAO,MAAM,4BAA4B,qBAAqB,CAAC;AAE/D;;GAEG;AACH,oBAAY,UAAU;IACpB,sCAAsC;IACtC,KAAK,UAAU;IACf,qCAAqC;IACrC,IAAI,SAAS;IACb,mCAAmC;IACnC,MAAM,qBAA+B;IACrC,mFAAmF;IACnF,OAAO,YAAY;IACnB,uEAAuE;IACvE,iBAAiB,wBAAwB;IACzC,sEAAsE;IACtE,gBAAgB,uBAAuB;CACxC;AAED;;;;GAIG;AACH,MAAM,MAAM,OAAO,GAAG,GAAG,UAAU,EAAE,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAqBtD;;GAEG;AACH,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C;;GAEG;AACH,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAE3C;GACG;AACH,UAAU,iBAAiB;IACzB,oCAAoC;IACpC,KAAK,EAAE,OAAO,CAAC;IAEf,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;CACxB;AAcD;GACG;AACH,cAAM,qBAAsB,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;IACpD,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,EAAE,iBAAiB;IAQ/D,OAAO,CAAC,SAAS,CAOf;IAEF,OAAO,CAAC,iBAAiB,CAWvB;IAEF,OAAO,CAAC,kBAAkB,CAWxB;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;CAe1C;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,YAAY,oNAAkD,CAAC"}
+{"version":3,"file":"ThemeManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/theme/ThemeManager.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B;;GAEG;AACH,eAAO,MAAM,4BAA4B,qBAAqB,CAAC;AAE/D;;GAEG;AACH,oBAAY,UAAU;IACpB,sCAAsC;IACtC,KAAK,UAAU;IACf,qCAAqC;IACrC,IAAI,SAAS;IACb,mCAAmC;IACnC,MAAM,qBAA+B;IACrC,mFAAmF;IACnF,OAAO,YAAY;IACnB,uEAAuE;IACvE,iBAAiB,wBAAwB;IACzC,sEAAsE;IACtE,gBAAgB,uBAAuB;CACxC;AAED;;;;GAIG;AACH,MAAM,MAAM,OAAO,GAAG,GAAG,UAAU,EAAE,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAqBtD;;GAEG;AACH,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C;;GAEG;AACH,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAE3C;GACG;AACH,UAAU,iBAAiB;IACzB,oCAAoC;IACpC,KAAK,EAAE,OAAO,CAAC;IAEf,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;CACxB;AAcD;GACG;AACH,cAAM,qBAAsB,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;IACpD,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,EAAE,iBAAiB;IAQ/D,OAAO,CAAC,SAAS,CAOf;IAEF,OAAO,CAAC,iBAAiB,CAWvB;IAEF,OAAO,CAAC,kBAAkB,CAWxB;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;CAsB1C;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,YAAY,oNAAkD,CAAC"}

package/lib/cjs/appui-react/theme/ThemeManager.js

@@ -12,6 +12,7 @@ require("./ThemeManager.scss");
 const React = require("react");
 const react_redux_1 = require("react-redux");
 const itwinui_react_1 = require("@itwin/itwinui-react");
+const itwinui_react_v2_1 = require("@itwin/itwinui-react-v2");
 const UiFramework_1 = require("../UiFramework");
 /** System preferred color theme.
  * @public
@@ -112,7 +113,8 @@ class ThemeManagerComponent extends React.Component {
     render() {
         const theme = colorThemeToThemeTypeMap[this.props.theme];
         const highContrast = highContrastColorThemes.includes(this.props.theme);
-        return (React.createElement(itwinui_react_1.ThemeProvider, { className: "uifw-root", theme: theme !== null && theme !== void 0 ? theme : "inherit", themeOptions: { highContrast }, "data-root-container": "iui-root-id" }, this.props.children));
+        return (React.createElement(itwinui_react_1.ThemeProvider, { className: "uifw-root", theme: theme ?? "inherit", themeOptions: { highContrast }, "data-root-container": "appui-root-id", includeCss: true },
+            React.createElement(itwinui_react_v2_1.ThemeProvider /* v2 ThemeProvider is required to fix popup styling issues in widget popouts. */, { style: { height: "100%" }, theme: theme ?? "inherit", themeOptions: { highContrast } }, this.props.children)));
     }
 }
 /** ThemeManager handles setting color themes and element opacity management. Note that this component will

package/lib/cjs/appui-react/theme/ThemeManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeManager.js","sourceRoot":"","sources":["../../../../src/appui-react/theme/ThemeManager.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA6B;AAC7B,+BAA+B;AAC/B,6CAAsC;AAEtC,wDAAqD;AAErD,gDAA6C;AAE7C;;GAEG;AACU,QAAA,4BAA4B,GAAG,kBAAkB,CAAC;AAE/D;;GAEG;AACH,IAAY,UAaX;AAbD,WAAY,UAAU;IACpB,sCAAsC;IACtC,6BAAe,CAAA;IACf,qCAAqC;IACrC,2BAAa,CAAA;IACb,mCAAmC;IACnC,yCAAqC,CAAA;IACrC,mFAAmF;IACnF,iCAAmB,CAAA;IACnB,uEAAuE;IACvE,uDAAyC,CAAA;IACzC,sEAAsE;IACtE,qDAAuC,CAAA;AACzC,CAAC,EAbW,UAAU,GAAV,kBAAU,KAAV,kBAAU,QAarB;AASD;;GAEG;AACH,MAAM,wBAAwB,GAA+B;IAC3D,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,OAAO;IAC3B,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAAE,OAAO;IACvC,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,MAAM;IACzB,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE,MAAM;IACrC,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,IAAI;CAC1B,CAAC;AAEF;;GAEG;AACH,MAAM,uBAAuB,GAAa;IACxC,UAAU,CAAC,gBAAgB;IAC3B,UAAU,CAAC,iBAAiB;CAC7B,CAAC;AAEF;;GAEG;AACU,QAAA,sBAAsB,GAAG,GAAG,CAAC;AAE1C;;GAEG;AACU,QAAA,uBAAuB,GAAG,GAAG,CAAC;AAa3C,SAAS,eAAe,CAAC,KAAU;IACjC,MAAM,cAAc,GAAG,KAAK,CAAC,yBAAW,CAAC,iBAAiB,CAAmB,CAAC,CAAC,8CAA8C;IAC7H,qBAAqB;IACrB,IAAI,CAAC,cAAc;QAAE,OAAO,SAAS,CAAC;IAEtC,OAAO;QACL,KAAK,EAAE,cAAc,CAAC,mBAAmB,CAAC,KAAK;QAC/C,aAAa,EAAE,cAAc,CAAC,mBAAmB,CAAC,aAAa;QAC/D,cAAc,EAAE,cAAc,CAAC,mBAAmB,CAAC,cAAc;KAClE,CAAC;AACJ,CAAC;AAED;GACG;AACH,MAAM,qBAAsB,SAAQ,KAAK,CAAC,SAA4B;IAAtE;;QAeU,cAAS,GAAG,CAAC,KAAa,EAAE,EAAE;YACpC,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;YAC3D,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;YAC3D,MAAM,CAAC,UAAU,CACf,GAAG,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC,EACnE,IAAI,CACL,CAAC;QACJ,CAAC,CAAC;QAEM,sBAAiB,GAAG,CAAC,OAAe,EAAE,EAAE;YAC9C,MAAM,oBAAoB,GACxB,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,gBAAgB,CAAC,uBAAuB,CAAC,CAAC;YAC3E,IAAI,oBAAoB,KAAK,OAAO,CAAC,QAAQ,EAAE,EAAE;gBAC/C,UAAU,CAAC,GAAG,EAAE,CACd,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CACxC,uBAAuB,EACvB,OAAO,CAAC,QAAQ,EAAE,CACnB,CACF,CAAC;aACH;QACH,CAAC,CAAC;QAEM,uBAAkB,GAAG,CAAC,OAAe,EAAE,EAAE;YAC/C,MAAM,qBAAqB,GACzB,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,gBAAgB,CAAC,wBAAwB,CAAC,CAAC;YAC5E,IAAI,qBAAqB,KAAK,OAAO,CAAC,QAAQ,EAAE,EAAE;gBAChD,UAAU,CAAC,GAAG,EAAE;oBACd,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CACxC,wBAAwB,EACxB,OAAO,CAAC,QAAQ,EAAE,CACnB,CAAC;gBACJ,CAAC,CAAC,CAAC;aACJ;QACH,CAAC,CAAC;IAiBJ,CAAC;IAhEiB,iBAAiB;QAC/B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACjC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;QACjD,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IACrD,CAAC;IAEe,kBAAkB,CAAC,SAA4B;QAC7D,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,KAAK;YAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC3E,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,KAAK,SAAS,CAAC,aAAa;YACtD,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;QACnD,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,KAAK,SAAS,CAAC,cAAc;YACxD,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IACvD,CAAC;IAqCe,MAAM;QACpB,MAAM,KAAK,GAAG,wBAAwB,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACzD,MAAM,YAAY,GAAG,uBAAuB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAExE,OAAO,CACL,oBAAC,6BAAa,IACZ,SAAS,EAAC,WAAW,EACrB,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,EACzB,YAAY,EAAE,EAAE,YAAY,EAAE,yBACT,aAAa,IAEjC,IAAI,CAAC,KAAK,CAAC,QAAQ,CACN,CACjB,CAAC;IACJ,CAAC;CACF;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACU,QAAA,YAAY,GAAG,IAAA,qBAAO,EAAC,eAAe,CAAC,CAAC,qBAAqB,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 State\n */\n\nimport \"./ThemeManager.scss\";\nimport * as React from \"react\";\nimport { connect } from \"react-redux\";\nimport type { ThemeType } from \"@itwin/itwinui-react\";\nimport { ThemeProvider } from \"@itwin/itwinui-react\";\nimport type { FrameworkState } from \"../redux/FrameworkState\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** System preferred color theme.\n * @public\n */\nexport const SYSTEM_PREFERRED_COLOR_THEME = \"SYSTEM_PREFERRED\";\n\n/** Enum for the Color Theme string.\n * @public\n */\nexport enum ColorTheme {\n  /** Will use iTwinUI `light` theme. */\n  Light = \"light\",\n  /** Will use iTwinUI `dark` theme. */\n  Dark = \"dark\",\n  /** Will use iTwinUI `os` theme. */\n  System = SYSTEM_PREFERRED_COLOR_THEME,\n  /** Will use iTwinUI wrapping `ThemeProvider` if provided, or default to 'Light' */\n  Inherit = \"inherit\",\n  /** Will use iTwinUI `light` theme with `highContrast` set to `true` */\n  HighContrastLight = \"high-contrast-light\",\n  /** Will use iTwinUI `dark` theme with `highContrast` set to `true` */\n  HighContrastDark = \"high-contrast-dark\",\n}\n\n/**\n * Describe valid themes.\n * See [[ThemeManager]] for more information.\n * @public\n */\nexport type ThemeId = `${ColorTheme}` | (string & {});\n\n/**\n * Map of ColorTheme to ThemeType\n */\nconst colorThemeToThemeTypeMap: { [x: string]: ThemeType } = {\n  [ColorTheme.Light]: \"light\",\n  [ColorTheme.HighContrastLight]: \"light\",\n  [ColorTheme.Dark]: \"dark\",\n  [ColorTheme.HighContrastDark]: \"dark\",\n  [ColorTheme.System]: \"os\",\n};\n\n/**\n * List of high contrast color themes\n */\nconst highContrastColorThemes: string[] = [\n  ColorTheme.HighContrastDark,\n  ColorTheme.HighContrastLight,\n];\n\n/** The default widget opacity.\n * @public\n */\nexport const WIDGET_OPACITY_DEFAULT = 0.9;\n\n/** The default widget opacity.\n * @public\n */\nexport const TOOLBAR_OPACITY_DEFAULT = 0.5;\n\n/** Properties of [[ThemeManagerComponent]].\n */\ninterface ThemeManagerProps {\n  /** theme (\"light\", \"dark\", etc.) */\n  theme: ThemeId;\n  /* Widget Opacity */\n  widgetOpacity: number;\n  children?: React.ReactNode;\n  toolbarOpacity: number;\n}\n\nfunction mapStateToProps(state: any) {\n  const frameworkState = state[UiFramework.frameworkStateKey] as FrameworkState; // since app sets up key, don't hard-code name\n  // istanbul ignore if\n  if (!frameworkState) return undefined;\n\n  return {\n    theme: frameworkState.configurableUiState.theme,\n    widgetOpacity: frameworkState.configurableUiState.widgetOpacity,\n    toolbarOpacity: frameworkState.configurableUiState.toolbarOpacity,\n  };\n}\n\n/** ThemeManagerComponent handles setting themes.\n */\nclass ThemeManagerComponent extends React.Component<ThemeManagerProps> {\n  public override componentDidMount() {\n    this._setTheme(this.props.theme);\n    this._setWidgetOpacity(this.props.widgetOpacity);\n    this._setToolbarOpacity(this.props.toolbarOpacity);\n  }\n\n  public override componentDidUpdate(prevProps: ThemeManagerProps) {\n    if (this.props.theme !== prevProps.theme) this._setTheme(this.props.theme);\n    if (this.props.widgetOpacity !== prevProps.widgetOpacity)\n      this._setWidgetOpacity(this.props.widgetOpacity);\n    if (this.props.toolbarOpacity !== prevProps.toolbarOpacity)\n      this._setToolbarOpacity(this.props.toolbarOpacity);\n  }\n\n  private _setTheme = (theme: string) => {\n    document.documentElement.classList.add(\"theme-transition\");\n    document.documentElement.setAttribute(\"data-theme\", theme);\n    window.setTimeout(\n      () => document.documentElement.classList.remove(\"theme-transition\"),\n      1000\n    );\n  };\n\n  private _setWidgetOpacity = (opacity: number) => {\n    const currentWidgetOpacity =\n      document.documentElement.style.getPropertyValue(\"--buic-widget-opacity\");\n    if (currentWidgetOpacity !== opacity.toString()) {\n      setTimeout(() =>\n        document.documentElement.style.setProperty(\n          \"--buic-widget-opacity\",\n          opacity.toString()\n        )\n      );\n    }\n  };\n\n  private _setToolbarOpacity = (opacity: number) => {\n    const currentToolbarOpacity =\n      document.documentElement.style.getPropertyValue(\"--buic-toolbar-opacity\");\n    if (currentToolbarOpacity !== opacity.toString()) {\n      setTimeout(() => {\n        document.documentElement.style.setProperty(\n          \"--buic-toolbar-opacity\",\n          opacity.toString()\n        );\n      });\n    }\n  };\n\n  public override render(): React.ReactNode {\n    const theme = colorThemeToThemeTypeMap[this.props.theme];\n    const highContrast = highContrastColorThemes.includes(this.props.theme);\n\n    return (\n      <ThemeProvider\n        className=\"uifw-root\"\n        theme={theme ?? \"inherit\"}\n        themeOptions={{ highContrast }}\n        data-root-container={\"iui-root-id\"}\n      >\n        {this.props.children}\n      </ThemeProvider>\n    );\n  }\n}\n\n/** ThemeManager handles setting color themes and element opacity management. Note that this component will\n * affect the entire application by setting the data-theme attribute to the html element.\n * It also sets an iTwinUI `ThemeProvider` element locally, so all elements\n * within the AppUI tree will have the same theme, and should be using iTwinUI 2.x or later.\n * A `ColorTheme` enum values will configure iTwinUI `ThemeProvider` accordingly.\n * Any other string will only apply the `data-theme` attribute to the `html` element\n * and `ThemeProvider` theme will be set to `inherit`, in this case the application is\n * responsible for setting the theme by overriding iTwinUI css variables.\n *\n * This React component is Redux connected and should wrap [[ConfigurableUiContent]].\n *\n * ```tsx\n * <Provider store={UiFramework.store}>\n *   <ThemeManager>\n *     <ConfigurableUiContent />\n *   </ThemeManager>\n * </Provider>\n * ```\n * @public\n */\nexport const ThemeManager = connect(mapStateToProps)(ThemeManagerComponent);\n"]}
+{"version":3,"file":"ThemeManager.js","sourceRoot":"","sources":["../../../../src/appui-react/theme/ThemeManager.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 State\n */\n\nimport \"./ThemeManager.scss\";\nimport * as React from \"react\";\nimport { connect } from \"react-redux\";\nimport type { ThemeType } from \"@itwin/itwinui-react\";\nimport { ThemeProvider } from \"@itwin/itwinui-react\";\nimport { ThemeProvider as ThemeProviderV2 } from \"@itwin/itwinui-react-v2\";\nimport type { FrameworkState } from \"../redux/FrameworkState\";\nimport { UiFramework } from \"../UiFramework\";\n\n/** System preferred color theme.\n * @public\n */\nexport const SYSTEM_PREFERRED_COLOR_THEME = \"SYSTEM_PREFERRED\";\n\n/** Enum for the Color Theme string.\n * @public\n */\nexport enum ColorTheme {\n  /** Will use iTwinUI `light` theme. */\n  Light = \"light\",\n  /** Will use iTwinUI `dark` theme. */\n  Dark = \"dark\",\n  /** Will use iTwinUI `os` theme. */\n  System = SYSTEM_PREFERRED_COLOR_THEME,\n  /** Will use iTwinUI wrapping `ThemeProvider` if provided, or default to 'Light' */\n  Inherit = \"inherit\",\n  /** Will use iTwinUI `light` theme with `highContrast` set to `true` */\n  HighContrastLight = \"high-contrast-light\",\n  /** Will use iTwinUI `dark` theme with `highContrast` set to `true` */\n  HighContrastDark = \"high-contrast-dark\",\n}\n\n/**\n * Describe valid themes.\n * See [[ThemeManager]] for more information.\n * @public\n */\nexport type ThemeId = `${ColorTheme}` | (string & {});\n\n/**\n * Map of ColorTheme to ThemeType\n */\nconst colorThemeToThemeTypeMap: { [x: string]: ThemeType } = {\n  [ColorTheme.Light]: \"light\",\n  [ColorTheme.HighContrastLight]: \"light\",\n  [ColorTheme.Dark]: \"dark\",\n  [ColorTheme.HighContrastDark]: \"dark\",\n  [ColorTheme.System]: \"os\",\n};\n\n/**\n * List of high contrast color themes\n */\nconst highContrastColorThemes: string[] = [\n  ColorTheme.HighContrastDark,\n  ColorTheme.HighContrastLight,\n];\n\n/** The default widget opacity.\n * @public\n */\nexport const WIDGET_OPACITY_DEFAULT = 0.9;\n\n/** The default widget opacity.\n * @public\n */\nexport const TOOLBAR_OPACITY_DEFAULT = 0.5;\n\n/** Properties of [[ThemeManagerComponent]].\n */\ninterface ThemeManagerProps {\n  /** theme (\"light\", \"dark\", etc.) */\n  theme: ThemeId;\n  /* Widget Opacity */\n  widgetOpacity: number;\n  children?: React.ReactNode;\n  toolbarOpacity: number;\n}\n\nfunction mapStateToProps(state: any) {\n  const frameworkState = state[UiFramework.frameworkStateKey] as FrameworkState; // since app sets up key, don't hard-code name\n  // istanbul ignore if\n  if (!frameworkState) return undefined;\n\n  return {\n    theme: frameworkState.configurableUiState.theme,\n    widgetOpacity: frameworkState.configurableUiState.widgetOpacity,\n    toolbarOpacity: frameworkState.configurableUiState.toolbarOpacity,\n  };\n}\n\n/** ThemeManagerComponent handles setting themes.\n */\nclass ThemeManagerComponent extends React.Component<ThemeManagerProps> {\n  public override componentDidMount() {\n    this._setTheme(this.props.theme);\n    this._setWidgetOpacity(this.props.widgetOpacity);\n    this._setToolbarOpacity(this.props.toolbarOpacity);\n  }\n\n  public override componentDidUpdate(prevProps: ThemeManagerProps) {\n    if (this.props.theme !== prevProps.theme) this._setTheme(this.props.theme);\n    if (this.props.widgetOpacity !== prevProps.widgetOpacity)\n      this._setWidgetOpacity(this.props.widgetOpacity);\n    if (this.props.toolbarOpacity !== prevProps.toolbarOpacity)\n      this._setToolbarOpacity(this.props.toolbarOpacity);\n  }\n\n  private _setTheme = (theme: string) => {\n    document.documentElement.classList.add(\"theme-transition\");\n    document.documentElement.setAttribute(\"data-theme\", theme);\n    window.setTimeout(\n      () => document.documentElement.classList.remove(\"theme-transition\"),\n      1000\n    );\n  };\n\n  private _setWidgetOpacity = (opacity: number) => {\n    const currentWidgetOpacity =\n      document.documentElement.style.getPropertyValue(\"--buic-widget-opacity\");\n    if (currentWidgetOpacity !== opacity.toString()) {\n      setTimeout(() =>\n        document.documentElement.style.setProperty(\n          \"--buic-widget-opacity\",\n          opacity.toString()\n        )\n      );\n    }\n  };\n\n  private _setToolbarOpacity = (opacity: number) => {\n    const currentToolbarOpacity =\n      document.documentElement.style.getPropertyValue(\"--buic-toolbar-opacity\");\n    if (currentToolbarOpacity !== opacity.toString()) {\n      setTimeout(() => {\n        document.documentElement.style.setProperty(\n          \"--buic-toolbar-opacity\",\n          opacity.toString()\n        );\n      });\n    }\n  };\n\n  public override render(): React.ReactNode {\n    const theme = colorThemeToThemeTypeMap[this.props.theme];\n    const highContrast = highContrastColorThemes.includes(this.props.theme);\n\n    return (\n      <ThemeProvider\n        className=\"uifw-root\"\n        theme={theme ?? \"inherit\"}\n        themeOptions={{ highContrast }}\n        data-root-container=\"appui-root-id\"\n        includeCss={true}\n      >\n        <ThemeProviderV2 /* v2 ThemeProvider is required to fix popup styling issues in widget popouts. */\n          style={{ height: \"100%\" }}\n          theme={theme ?? \"inherit\"}\n          themeOptions={{ highContrast }}\n        >\n          {this.props.children}\n        </ThemeProviderV2>\n      </ThemeProvider>\n    );\n  }\n}\n\n/** ThemeManager handles setting color themes and element opacity management. Note that this component will\n * affect the entire application by setting the data-theme attribute to the html element.\n * It also sets an iTwinUI `ThemeProvider` element locally, so all elements\n * within the AppUI tree will have the same theme, and should be using iTwinUI 2.x or later.\n * A `ColorTheme` enum values will configure iTwinUI `ThemeProvider` accordingly.\n * Any other string will only apply the `data-theme` attribute to the `html` element\n * and `ThemeProvider` theme will be set to `inherit`, in this case the application is\n * responsible for setting the theme by overriding iTwinUI css variables.\n *\n * This React component is Redux connected and should wrap [[ConfigurableUiContent]].\n *\n * ```tsx\n * <Provider store={UiFramework.store}>\n *   <ThemeManager>\n *     <ConfigurableUiContent />\n *   </ThemeManager>\n * </Provider>\n * ```\n * @public\n */\nexport const ThemeManager = connect(mapStateToProps)(ThemeManagerComponent);\n"]}

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

@@ -50,17 +50,19 @@ 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(core_react_1.IconHelper.reactIconKey)) !== null && _a !== void 0 ? _a : internalData === null || internalData === void 0 ? void 0 : internalData.get(core_react_1.IconHelper.conditionalIconItemKey)) !== null && _b !== void 0 ? _b : icon) !== null && _c !== void 0 ? _c : itemDef.iconSpec,
+            icon: internalData?.get(core_react_1.IconHelper.reactIconKey) ??
+                internalData?.get(core_react_1.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_1.CommandItemDef || itemDef instanceof ToolItemDef_1.ToolItemDef) {