@itwin/appui-react 4.1.0-dev.1 → 4.2.0-dev.1

package/lib/esm/appui-react/statusfields/ViewAttributes.js

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module StatusBar
  */
@@ -25,7 +25,10 @@ export class ViewAttributesStatusField extends React.Component {
         this._handleViewFlagClick = (flagName) => {
             if (IModelApp.viewManager.selectedView) {
                 const props = IModelApp.viewManager.selectedView.viewFlags.toJSON();
-                props[flagName] = props[flagName] === undefined ? true : !props[flagName];
+                props[flagName] =
+                    props[flagName] === undefined
+                        ? true
+                        : !props[flagName];
                 const viewFlags = ViewFlags.fromJSON(props);
                 IModelApp.viewManager.selectedView.viewFlags = viewFlags;
                 this.updateState();
@@ -47,7 +50,9 @@ export class ViewAttributesStatusField extends React.Component {
     // istanbul ignore next
     updateState() {
         if (IModelApp.viewManager.selectedView) {
-            const viewFlags = { ...IModelApp.viewManager.selectedView.view.viewFlags.toJSON() };
+            const viewFlags = {
+                ...IModelApp.viewManager.selectedView.view.viewFlags.toJSON(),
+            };
             const cameraOn = IModelApp.viewManager.selectedView.isCameraOn;
             this.setState({
                 viewFlags,
@@ -62,13 +67,17 @@ export class ViewAttributesStatusField extends React.Component {
         return name;
     }
     getViewFlagItem(flagName, value, labelKey) {
-        return React.createElement(Checkbox, { key: flagName, label: labelKey ? IModelApp.localization.getLocalizedString(labelKey) : /* istanbul ignore next */ this.stylizeName(flagName), onClick: () => this._handleViewFlagClick(flagName), defaultChecked: value });
+        return (React.createElement(Checkbox, { key: flagName, label: labelKey
+                ? IModelApp.localization.getLocalizedString(labelKey)
+                : /* istanbul ignore next */ this.stylizeName(flagName), onClick: () => this._handleViewFlagClick(flagName), defaultChecked: value }));
     }
     getFlagState(flagName) {
-        return this.state.viewFlags.hasOwnProperty(flagName) ? /* istanbul ignore next */ this.state.viewFlags[flagName] : false;
+        return this.state.viewFlags.hasOwnProperty(flagName)
+            ? /* istanbul ignore next */ this.state.viewFlags[flagName]
+            : false;
     }
     getToggleCameraItem() {
-        return React.createElement(Checkbox, { key: "toggleCamera", label: IModelApp.localization.getLocalizedString("UiFramework:listTools.camera"), onClick: this._handleToggleCamera, defaultChecked: this.state.cameraOn });
+        return (React.createElement(Checkbox, { key: "toggleCamera", label: IModelApp.localization.getLocalizedString("UiFramework:listTools.camera"), onClick: this._handleToggleCamera, defaultChecked: this.state.cameraOn }));
     }
     getViewFlags() {
         const items = [];

package/lib/esm/appui-react/statusfields/ViewAttributes.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewAttributes.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/ViewAttributes.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 \"./ViewAttributes.scss\";\nimport * as React from \"react\";\nimport type { ViewFlagProps} from \"@itwin/core-common\";\nimport { ViewFlags } from \"@itwin/core-common\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { Checkbox } from \"@itwin/itwinui-react\";\nimport { UiFramework } from \"../UiFramework\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { StatusBarLabelIndicator } from \"../statusbar/LabelIndicator\";\nimport { StatusBarDialog } from \"../statusbar/dialog/Dialog\";\nimport { SvgWindowSettings } from \"@itwin/itwinui-icons-react\";\n\ninterface ViewAttributesStatusFieldState {\n  viewFlags: ViewFlagProps;\n  cameraOn: boolean;\n  target: HTMLElement | null;\n}\n\n/** Widget for showing Checkboxes for View Attributes\n * @beta\n */\nexport class ViewAttributesStatusField extends React.Component<CommonProps, ViewAttributesStatusFieldState> {\n  private _title = UiFramework.translate(\"listTools.viewAttributes\");\n\n  constructor(props: CommonProps) {\n    super(props);\n\n    this.state = {\n      cameraOn: false,\n      viewFlags: {},\n      target: null,\n    };\n  }\n\n  public override componentDidMount() {\n    this.updateState();\n  }\n\n  // istanbul ignore next\n  private updateState() {\n    if (IModelApp.viewManager.selectedView) {\n      const viewFlags: ViewFlagProps = { ...IModelApp.viewManager.selectedView.view.viewFlags.toJSON() };\n      const cameraOn = IModelApp.viewManager.selectedView.isCameraOn;\n\n      this.setState({\n        viewFlags,\n        cameraOn,\n      });\n    }\n  }\n\n  // istanbul ignore next\n  private _handleViewFlagClick = (flagName: string) => {\n    if (IModelApp.viewManager.selectedView) {\n      const props: ViewFlagProps = IModelApp.viewManager.selectedView.viewFlags.toJSON();\n      (props as any)[flagName] = (props as any)[flagName] === undefined ? true : !(props as any)[flagName];\n      const viewFlags = ViewFlags.fromJSON(props);\n      IModelApp.viewManager.selectedView.viewFlags = viewFlags;\n      this.updateState();\n    }\n  };\n\n  private _handleToggleCamera = async () => {\n    await IModelApp.tools.run(\"View.ToggleCamera\", IModelApp.viewManager.selectedView);\n    this.updateState();\n  };\n\n  // istanbul ignore next\n  private stylizeName(name: string) {\n    name = name.charAt(0).toUpperCase() + name.slice(1);\n    name = name.replace(/([A-Z])/g, \" $1\").trim();\n    return name;\n  }\n\n  private getViewFlagItem(flagName: string, value: boolean, labelKey?: string) {\n    return <Checkbox key={flagName} label={labelKey ? IModelApp.localization.getLocalizedString(labelKey) : /* istanbul ignore next */ this.stylizeName(flagName)} onClick={() => this._handleViewFlagClick(flagName)} defaultChecked={value} />;\n  }\n\n  private getFlagState(flagName: string) {\n    return this.state.viewFlags.hasOwnProperty(flagName) ? /* istanbul ignore next */ (this.state.viewFlags as any)[flagName] : false;\n  }\n\n  private getToggleCameraItem() {\n    return <Checkbox key={\"toggleCamera\"} label={IModelApp.localization.getLocalizedString(\"UiFramework:listTools.camera\")} onClick={this._handleToggleCamera} defaultChecked={this.state.cameraOn} />;\n  }\n\n  private getViewFlags() {\n    const items: JSX.Element[] = [];\n    items.push(this.getViewFlagItem(\"acs\", this.getFlagState(\"acs\"), \"UiFramework:listTools.acs\"));\n    items.push(this.getToggleCameraItem());\n    items.push(this.getViewFlagItem(\"noConstruct\", !this.getFlagState(\"noConstruct\"), \"UiFramework:listTools.constructions\"));\n    items.push(this.getViewFlagItem(\"hidEdges\", this.getFlagState(\"hidEdges\"), \"UiFramework:listTools.hidEdges\"));\n    items.push(this.getViewFlagItem(\"monochrome\", this.getFlagState(\"monochrome\"), \"UiFramework:listTools.monochrome\"));\n    items.push(this.getViewFlagItem(\"visEdges\", this.getFlagState(\"visEdges\"), \"UiFramework:listTools.visEdges\"));\n    items.push(this.getViewFlagItem(\"ambientOcclusion\", this.getFlagState(\"ambientOcclusion\"), \"UiFramework:listTools.ambientOcclusion\"));\n    items.push(this.getViewFlagItem(\"shadows\", this.getFlagState(\"shadows\"), \"UiFramework:listTools.shadows\"));\n    items.push(this.getViewFlagItem(\"backgroundMap\", this.getFlagState(\"backgroundMap\"), \"UiFramework:listTools.backgroundMap\"));\n    return <div className=\"uifw-view-attributes-contents\">{items}</div>;\n  }\n\n  public override render() {\n    return (\n      <StatusBarLabelIndicator\n        iconSpec={<SvgWindowSettings />}\n        title={this._title}\n        popup={<StatusBarDialog\n          titleBar={\n            <StatusBarDialog.TitleBar title={this._title} />\n          }>\n          {this.getViewFlags()}\n        </StatusBarDialog>}\n      />\n    );\n  }\n}\n"]}
+{"version":3,"file":"ViewAttributes.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/ViewAttributes.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 \"./ViewAttributes.scss\";\nimport * as React from \"react\";\nimport type { ViewFlagProps } from \"@itwin/core-common\";\nimport { ViewFlags } from \"@itwin/core-common\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { Checkbox } from \"@itwin/itwinui-react\";\nimport { UiFramework } from \"../UiFramework\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { StatusBarLabelIndicator } from \"../statusbar/LabelIndicator\";\nimport { StatusBarDialog } from \"../statusbar/dialog/Dialog\";\nimport { SvgWindowSettings } from \"@itwin/itwinui-icons-react\";\n\ninterface ViewAttributesStatusFieldState {\n  viewFlags: ViewFlagProps;\n  cameraOn: boolean;\n  target: HTMLElement | null;\n}\n\n/** Widget for showing Checkboxes for View Attributes\n * @beta\n */\nexport class ViewAttributesStatusField extends React.Component<\n  CommonProps,\n  ViewAttributesStatusFieldState\n> {\n  private _title = UiFramework.translate(\"listTools.viewAttributes\");\n\n  constructor(props: CommonProps) {\n    super(props);\n\n    this.state = {\n      cameraOn: false,\n      viewFlags: {},\n      target: null,\n    };\n  }\n\n  public override componentDidMount() {\n    this.updateState();\n  }\n\n  // istanbul ignore next\n  private updateState() {\n    if (IModelApp.viewManager.selectedView) {\n      const viewFlags: ViewFlagProps = {\n        ...IModelApp.viewManager.selectedView.view.viewFlags.toJSON(),\n      };\n      const cameraOn = IModelApp.viewManager.selectedView.isCameraOn;\n\n      this.setState({\n        viewFlags,\n        cameraOn,\n      });\n    }\n  }\n\n  // istanbul ignore next\n  private _handleViewFlagClick = (flagName: string) => {\n    if (IModelApp.viewManager.selectedView) {\n      const props: ViewFlagProps =\n        IModelApp.viewManager.selectedView.viewFlags.toJSON();\n      (props as any)[flagName] =\n        (props as any)[flagName] === undefined\n          ? true\n          : !(props as any)[flagName];\n      const viewFlags = ViewFlags.fromJSON(props);\n      IModelApp.viewManager.selectedView.viewFlags = viewFlags;\n      this.updateState();\n    }\n  };\n\n  private _handleToggleCamera = async () => {\n    await IModelApp.tools.run(\n      \"View.ToggleCamera\",\n      IModelApp.viewManager.selectedView\n    );\n    this.updateState();\n  };\n\n  // istanbul ignore next\n  private stylizeName(name: string) {\n    name = name.charAt(0).toUpperCase() + name.slice(1);\n    name = name.replace(/([A-Z])/g, \" $1\").trim();\n    return name;\n  }\n\n  private getViewFlagItem(flagName: string, value: boolean, labelKey?: string) {\n    return (\n      <Checkbox\n        key={flagName}\n        label={\n          labelKey\n            ? IModelApp.localization.getLocalizedString(labelKey)\n            : /* istanbul ignore next */ this.stylizeName(flagName)\n        }\n        onClick={() => this._handleViewFlagClick(flagName)}\n        defaultChecked={value}\n      />\n    );\n  }\n\n  private getFlagState(flagName: string) {\n    return this.state.viewFlags.hasOwnProperty(flagName)\n      ? /* istanbul ignore next */ (this.state.viewFlags as any)[flagName]\n      : false;\n  }\n\n  private getToggleCameraItem() {\n    return (\n      <Checkbox\n        key={\"toggleCamera\"}\n        label={IModelApp.localization.getLocalizedString(\n          \"UiFramework:listTools.camera\"\n        )}\n        onClick={this._handleToggleCamera}\n        defaultChecked={this.state.cameraOn}\n      />\n    );\n  }\n\n  private getViewFlags() {\n    const items: React.ReactElement[] = [];\n    items.push(\n      this.getViewFlagItem(\n        \"acs\",\n        this.getFlagState(\"acs\"),\n        \"UiFramework:listTools.acs\"\n      )\n    );\n    items.push(this.getToggleCameraItem());\n    items.push(\n      this.getViewFlagItem(\n        \"noConstruct\",\n        !this.getFlagState(\"noConstruct\"),\n        \"UiFramework:listTools.constructions\"\n      )\n    );\n    items.push(\n      this.getViewFlagItem(\n        \"hidEdges\",\n        this.getFlagState(\"hidEdges\"),\n        \"UiFramework:listTools.hidEdges\"\n      )\n    );\n    items.push(\n      this.getViewFlagItem(\n        \"monochrome\",\n        this.getFlagState(\"monochrome\"),\n        \"UiFramework:listTools.monochrome\"\n      )\n    );\n    items.push(\n      this.getViewFlagItem(\n        \"visEdges\",\n        this.getFlagState(\"visEdges\"),\n        \"UiFramework:listTools.visEdges\"\n      )\n    );\n    items.push(\n      this.getViewFlagItem(\n        \"ambientOcclusion\",\n        this.getFlagState(\"ambientOcclusion\"),\n        \"UiFramework:listTools.ambientOcclusion\"\n      )\n    );\n    items.push(\n      this.getViewFlagItem(\n        \"shadows\",\n        this.getFlagState(\"shadows\"),\n        \"UiFramework:listTools.shadows\"\n      )\n    );\n    items.push(\n      this.getViewFlagItem(\n        \"backgroundMap\",\n        this.getFlagState(\"backgroundMap\"),\n        \"UiFramework:listTools.backgroundMap\"\n      )\n    );\n    return <div className=\"uifw-view-attributes-contents\">{items}</div>;\n  }\n\n  public override render() {\n    return (\n      <StatusBarLabelIndicator\n        iconSpec={<SvgWindowSettings />}\n        title={this._title}\n        popup={\n          <StatusBarDialog\n            titleBar={<StatusBarDialog.TitleBar title={this._title} />}\n          >\n            {this.getViewFlags()}\n          </StatusBarDialog>\n        }\n      />\n    );\n  }\n}\n"]}

package/lib/esm/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,CAAC,WAAW,EAAE,yBAAyB,CAAC;IACnG,OAAO,CAAC,uBAAuB,CAAC,CAAa;IAC7C,OAAO,CAAC,uBAAuB,CAAC,CAAa;gBAEjC,KAAK,EAAE,WAAW;IAK9B,OAAO,CAAC,aAAa,CA0BnB;IAEF,OAAO,CAAC,OAAO,CAGb;IAEF,OAAO,CAAC,WAAW,CAIjB;IAEc,iBAAiB;IAiBjB,oBAAoB;IAcpC,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;CAavB"}

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

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module StatusBar
  */
@@ -22,7 +22,7 @@ export class TileLoadingIndicator extends React.PureComponent {
             const requested = vp.numRequestedTiles;
             const ready = vp.numReadyTiles;
             const total = ready + requested;
-            const pctComplete = (total > 0) ? (ready / total) * 100 : /* istanbul ignore next */ 100;
+            const pctComplete = total > 0 ? (ready / total) * 100 : /* istanbul ignore next */ 100;
             let enabled = this.state.enabled;
             let finished = this.state.finished;
             // istanbul ignore else
@@ -38,7 +38,12 @@ export class TileLoadingIndicator extends React.PureComponent {
             // istanbul ignore else
             if (pctComplete !== 100 && finished)
                 finished = false;
-            this.setState({ label: `${ready} / ${total}`, progress: pctComplete, enabled, finished });
+            this.setState({
+                label: `${ready} / ${total}`,
+                progress: pctComplete,
+                enabled,
+                finished,
+            });
         };
         this._update = (vp) => {
             // set progress animation before the next repaint.
@@ -63,7 +68,8 @@ export class TileLoadingIndicator extends React.PureComponent {
             this._onViewOpen(vp);
         }
         else {
-            this._removeViewOpenListener = IModelApp.viewManager.onViewOpen.addListener(this._onViewOpen);
+            this._removeViewOpenListener =
+                IModelApp.viewManager.onViewOpen.addListener(this._onViewOpen);
         }
     }
     componentWillUnmount() {

package/lib/esm/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<CommonProps, TileLoadingIndicatorState> {\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 = (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)\n      enabled = true;\n\n    if (enabled && (total === 0 || pctComplete === 100))\n      enabled = false;\n\n    if (pctComplete === 100 && !finished) {\n      finished = true;\n      Logger.logTrace(UiFramework.loggerCategory(this), `Tiles Finished Loading`);\n      Logger.logTrace(UiFramework.loggerCategory(this), `Tiles Load Report (tiles finished / tiles requested):  ${ready} / ${total}`);\n    }\n\n    // istanbul ignore else\n    if (pctComplete !== 100 && finished)\n      finished = false;\n\n    this.setState({ label: `${ready} / ${total}`, progress: pctComplete, enabled, finished });\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)\n      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 = IModelApp.viewManager.onViewOpen.addListener(this._onViewOpen);\n    }\n  }\n\n  public override componentWillUnmount() {\n    // istanbul ignore next\n    if (!IModelApp.viewManager)\n      return;\n\n    // istanbul ignore next\n    if (this._removeViewOpenListener)\n      this._removeViewOpenListener();\n\n    // istanbul ignore else\n    if (this._removeOnRenderListener)\n      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,OAAO,6BAA6B,CAAC;AACrC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAahD;;GAEG;AACH,MAAM,OAAO,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,MAAM,CAAC,QAAQ,CACb,WAAW,CAAC,cAAc,CAAC,IAAI,CAAC,EAChC,wBAAwB,CACzB,CAAC;gBACF,MAAM,CAAC,QAAQ,CACb,WAAW,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,SAAS,CAAC,WAAW;YAAE,OAAO;QAEnC,wBAAwB;QACxB,MAAM,EAAE,GAAG,SAAS,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,SAAS,CAAC,WAAW,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SAClE;IACH,CAAC;IAEe,oBAAoB;QAClC,uBAAuB;QACvB,IAAI,CAAC,SAAS,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,UAAU,CACxB,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,cAAc,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAI,CAC1C,CACP,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module 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"]}

package/lib/esm/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/esm/appui-react/statusfields/toolassistance/ToolAssistanceField.js

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Notification
  */
@@ -57,7 +57,10 @@ class ToolAssistanceField extends React.Component {
                 const hasTouchInstructions = args.instructions.sections.some((section) => {
                     return section.instructions.some((instruction) => this._isTouchInstruction(instruction));
                 });
-                if (this.state.includeMouseInstructions && this.state.includeTouchInstructions && hasMouseInstructions && hasTouchInstructions) {
+                if (this.state.includeMouseInstructions &&
+                    this.state.includeTouchInstructions &&
+                    hasMouseInstructions &&
+                    hasTouchInstructions) {
                     showMouseTouchTabs = true;
                     showMouseInstructions = this.state.mouseTouchTabIndex === 0;
                     showTouchInstructions = this.state.mouseTouchTabIndex === 1;
@@ -81,7 +84,8 @@ class ToolAssistanceField extends React.Component {
                 });
         };
         this._isBothInstruction = (instruction) => {
-            return instruction.inputMethod === undefined || instruction.inputMethod === ToolAssistanceInputMethod.Both;
+            return (instruction.inputMethod === undefined ||
+                instruction.inputMethod === ToolAssistanceInputMethod.Both);
         };
         this._isMouseInstruction = (instruction) => instruction.inputMethod === ToolAssistanceInputMethod.Mouse;
         this._isTouchInstruction = (instruction) => instruction.inputMethod === ToolAssistanceInputMethod.Touch;
@@ -183,12 +187,10 @@ class ToolAssistanceField extends React.Component {
             getShowPromptAtCursor = this._showPromptAtCursorSetting.getSetting(this._uiSettingsStorage);
         }
         const getMouseTouchTabIndex = this._mouseTouchTabIndexSetting.getSetting(this._uiSettingsStorage);
-        const [showPromptAtCursorResult, mouseTouchTabIndexResult] = await Promise.all([
-            getShowPromptAtCursor,
-            getMouseTouchTabIndex,
-        ]);
+        const [showPromptAtCursorResult, mouseTouchTabIndexResult] = await Promise.all([getShowPromptAtCursor, getMouseTouchTabIndex]);
         // istanbul ignore else
-        if (showPromptAtCursorResult !== undefined && showPromptAtCursorResult.status === UiStateStorageStatus.Success) {
+        if (showPromptAtCursorResult !== undefined &&
+            showPromptAtCursorResult.status === UiStateStorageStatus.Success) {
             // istanbul ignore else
             if (this._isMounted)
                 this.setState({ showPromptAtCursor: showPromptAtCursorResult.setting });
@@ -210,16 +212,20 @@ class ToolAssistanceField extends React.Component {
     }
     _getDisplayableInstructions(section) {
         const displayableInstructions = section.instructions.filter((instruction) => {
-            return (this._isBothInstruction(instruction)
-                || (this.state.showMouseInstructions && this._isMouseInstruction(instruction))
-                || (this.state.showTouchInstructions && this._isTouchInstruction(instruction)));
+            return (this._isBothInstruction(instruction) ||
+                (this.state.showMouseInstructions &&
+                    this._isMouseInstruction(instruction)) ||
+                (this.state.showTouchInstructions &&
+                    this._isTouchInstruction(instruction)));
         });
         return displayableInstructions;
     }
     /** @internal */
     render() {
         const { instructions } = this.state;
-        const dialogTitle = (IModelApp.toolAdmin.activeTool) ? /* istanbul ignore next */ IModelApp.toolAdmin.activeTool.flyover : UiFramework.translate("toolAssistance.title");
+        const dialogTitle = IModelApp.toolAdmin.activeTool
+            ? /* istanbul ignore next */ IModelApp.toolAdmin.activeTool.flyover
+            : UiFramework.translate("toolAssistance.title");
         const mouseLabel = UiFramework.translate("toolAssistance.mouse");
         const touchLabel = UiFramework.translate("toolAssistance.touch");
         let prompt = "";
@@ -234,22 +240,21 @@ class ToolAssistanceField extends React.Component {
                 displayableSections = instructions.sections.filter((section) => this._sectionHasDisplayableInstructions(section));
             }
             dialogContent = (React.createElement("div", null,
-                this.state.showMouseTouchTabs &&
-                    React.createElement(Tabs, { orientation: "horizontal", tabsClassName: "uifw-toolAssistance-tabs", labels: [mouseLabel, touchLabel], activeIndex: this.state.mouseTouchTabIndex, onTabSelected: this._handleMouseTouchTab }),
+                this.state.showMouseTouchTabs && (React.createElement(Tabs, { orientation: "horizontal", tabsClassName: "uifw-toolAssistance-tabs", labels: [mouseLabel, touchLabel], activeIndex: this.state.mouseTouchTabIndex, onTabSelected: this._handleMouseTouchTab })),
                 React.createElement("div", { className: "uifw-toolAssistance-content" },
                     React.createElement(NZ_ToolAssistanceInstruction, { key: "main", image: ToolAssistanceField.getInstructionImage(instructions.mainInstruction), text: instructions.mainInstruction.text, isNew: instructions.mainInstruction.isNew }),
-                    displayableSections && displayableSections.map((section, index1) => {
-                        return (React.createElement(React.Fragment, { key: index1.toString() },
-                            React.createElement(ToolAssistanceSeparator, { key: index1.toString() }, section.label),
-                            this._getDisplayableInstructions(section).map((instruction, index2) => {
-                                return (React.createElement(NZ_ToolAssistanceInstruction, { key: `${index1.toString()}-${index2.toString()}`, image: ToolAssistanceField.getInstructionImage(instruction), text: instruction.text, isNew: instruction.isNew }));
-                            })));
-                    }),
-                    this.props.includePromptAtCursor &&
-                        React.createElement(React.Fragment, null,
-                            React.createElement(ToolAssistanceSeparator, { key: "prompt-sep" }),
-                            React.createElement(ToolAssistanceItem, { key: "prompt-item" },
-                                React.createElement(ToggleSwitch, { label: UiFramework.translate("toolAssistance.promptAtCursor"), labelPosition: "right", checked: this.state.showPromptAtCursor, onChange: this._onPromptAtCursorChange }))))));
+                    displayableSections &&
+                        displayableSections.map((section, index1) => {
+                            return (React.createElement(React.Fragment, { key: index1.toString() },
+                                React.createElement(ToolAssistanceSeparator, { key: index1.toString() }, section.label),
+                                this._getDisplayableInstructions(section).map((instruction, index2) => {
+                                    return (React.createElement(NZ_ToolAssistanceInstruction, { key: `${index1.toString()}-${index2.toString()}`, image: ToolAssistanceField.getInstructionImage(instruction), text: instruction.text, isNew: instruction.isNew }));
+                                })));
+                        }),
+                    this.props.includePromptAtCursor && (React.createElement(React.Fragment, null,
+                        React.createElement(ToolAssistanceSeparator, { key: "prompt-sep" }),
+                        React.createElement(ToolAssistanceItem, { key: "prompt-item" },
+                            React.createElement(ToggleSwitch, { label: UiFramework.translate("toolAssistance.promptAtCursor"), labelPosition: "right", checked: this.state.showPromptAtCursor, onChange: this._onPromptAtCursorChange })))))));
         }
         if (prompt)
             tooltip = prompt;
@@ -266,12 +271,10 @@ class ToolAssistanceField extends React.Component {
                 React.createElement(ToolAssistance, { icons: React.createElement(React.Fragment, null, toolIcon), indicatorRef: this._indicator, className: classnames("uifw-statusFields-toolassistance", this.props.className), style: this.props.style, onClick: this._handleToolAssistanceIndicatorClick, title: tooltip }, prompt)),
             React.createElement(FooterPopup, { isOpen: this.state.isOpen, onClose: this._handleClose, onOutsideClick: this._handleOutsideClick, target: this._target, isPinned: this.state.isPinned },
                 React.createElement(ToolAssistanceDialog, { buttons: React.createElement(React.Fragment, null,
-                        !this.state.isPinned &&
-                            React.createElement(StatusBarDialog.TitleBarButton, { onClick: this._handlePinButtonClick, title: UiFramework.translate("toolAssistance.pin") },
-                                React.createElement(Icon, { iconSpec: React.createElement(SvgPin, null) })),
-                        this.state.isPinned &&
-                            React.createElement(StatusBarDialog.TitleBarButton, { onClick: this._handleCloseButtonClick, title: UiCore.translate("dialog.close") },
-                                React.createElement(Icon, { iconSpec: React.createElement(SvgClose, null) }))), title: dialogTitle }, dialogContent))));
+                        !this.state.isPinned && (React.createElement(StatusBarDialog.TitleBarButton, { onClick: this._handlePinButtonClick, title: UiFramework.translate("toolAssistance.pin") },
+                            React.createElement(Icon, { iconSpec: React.createElement(SvgPin, null) }))),
+                        this.state.isPinned && (React.createElement(StatusBarDialog.TitleBarButton, { onClick: this._handleCloseButtonClick, title: UiCore.translate("dialog.close") },
+                            React.createElement(Icon, { iconSpec: React.createElement(SvgClose, null) })))), title: dialogTitle }, dialogContent))));
     }
     setIsOpen(isOpen) {
         let newState = {
@@ -285,13 +288,14 @@ class ToolAssistanceField extends React.Component {
     /** @internal */
     static getInstructionImage(instruction) {
         let image;
-        if ((typeof instruction.image === "string" || instruction.image !== ToolAssistanceImage.Keyboard) && instruction.keyboardInfo) {
-            if (instruction.keyboardInfo.keys.length === 1 && !instruction.keyboardInfo.bottomKeys) {
+        if ((typeof instruction.image === "string" ||
+            instruction.image !== ToolAssistanceImage.Keyboard) &&
+            instruction.keyboardInfo) {
+            if (instruction.keyboardInfo.keys.length === 1 &&
+                !instruction.keyboardInfo.bottomKeys) {
                 const key = instruction.keyboardInfo.keys[0];
-                const rightImage = (typeof instruction.image === "string") ?
-                    React.createElement("div", { className: "uifw-toolassistance-icon-medium" },
-                        React.createElement(Icon, { iconSpec: instruction.image })) :
-                    this.getInstructionSvgImage(instruction, true);
+                const rightImage = typeof instruction.image === "string" ? (React.createElement("div", { className: "uifw-toolassistance-icon-medium" },
+                    React.createElement(Icon, { iconSpec: instruction.image }))) : (this.getInstructionSvgImage(instruction, true));
                 image = (React.createElement(FillCentered, null,
                     ToolAssistanceField.getKeyNode(key, 0, "uifw-toolassistance-key-modifier"),
                     rightImage));
@@ -303,9 +307,11 @@ class ToolAssistanceField extends React.Component {
         else if (typeof instruction.image === "string") {
             if (instruction.image.length > 0) {
                 const svgSource = IconSpecUtilities.getWebComponentSource(instruction.image);
-                const className = (svgSource !== undefined) ? "uifw-toolassistance-svg" : "uifw-toolassistance-icon-large";
-                image = React.createElement("div", { className: className },
-                    React.createElement(Icon, { iconSpec: svgSource !== null && svgSource !== void 0 ? svgSource : instruction.image }));
+                const className = svgSource !== undefined
+                    ? "uifw-toolassistance-svg"
+                    : "uifw-toolassistance-icon-large";
+                image = (React.createElement("div", { className: className },
+                    React.createElement(Icon, { iconSpec: svgSource !== null && svgSource !== void 0 ? svgSource : instruction.image })));
             }
         }
         else if (instruction.image === ToolAssistanceImage.Keyboard) {
@@ -323,9 +329,12 @@ class ToolAssistanceField extends React.Component {
     }
     static getInstructionSvgImage(instruction, mediumSize) {
         let image;
-        let className = mediumSize ? "uifw-toolassistance-svg-medium" : "uifw-toolassistance-svg";
+        let className = mediumSize
+            ? "uifw-toolassistance-svg-medium"
+            : "uifw-toolassistance-svg";
         // istanbul ignore else
-        if (typeof instruction.image !== "string" && instruction.image !== ToolAssistanceImage.Keyboard) {
+        if (typeof instruction.image !== "string" &&
+            instruction.image !== ToolAssistanceImage.Keyboard) {
             const toolAssistanceImage = instruction.image;
             let svgImage = "";
             switch (toolAssistanceImage) {
@@ -346,15 +355,21 @@ class ToolAssistanceField extends React.Component {
                     break;
                 case ToolAssistanceImage.LeftClickDrag:
                     svgImage = clickLeftDragIcon;
-                    className = mediumSize ? "uifw-toolassistance-svg-medium-wide" : "uifw-toolassistance-svg-wide";
+                    className = mediumSize
+                        ? "uifw-toolassistance-svg-medium-wide"
+                        : "uifw-toolassistance-svg-wide";
                     break;
                 case ToolAssistanceImage.RightClickDrag:
                     svgImage = clickRightDragIcon;
-                    className = mediumSize ? "uifw-toolassistance-svg-medium-wide" : "uifw-toolassistance-svg-wide";
+                    className = mediumSize
+                        ? "uifw-toolassistance-svg-medium-wide"
+                        : "uifw-toolassistance-svg-wide";
                     break;
                 case ToolAssistanceImage.MouseWheelClickDrag:
                     svgImage = clickMouseWheelDragIcon;
-                    className = mediumSize ? "uifw-toolassistance-svg-medium-wide" : "uifw-toolassistance-svg-wide";
+                    className = mediumSize
+                        ? "uifw-toolassistance-svg-medium-wide"
+                        : "uifw-toolassistance-svg-wide";
                     break;
                 case ToolAssistanceImage.OneTouchTap:
                     svgImage = oneTouchTapIcon;
@@ -379,13 +394,15 @@ class ToolAssistanceField extends React.Component {
                     break;
                 case ToolAssistanceImage.TouchCursorDrag:
                     svgImage = touchCursorDragIcon;
-                    className = mediumSize ? /* istanbul ignore next */ "uifw-toolassistance-svg-medium-wide" : "uifw-toolassistance-svg-wide";
+                    className = mediumSize
+                        ? /* istanbul ignore next */ "uifw-toolassistance-svg-medium-wide"
+                        : "uifw-toolassistance-svg-wide";
                     break;
             }
             const iconSpec = IconSpecUtilities.createWebComponentIconSpec(svgImage);
-            image = (React.createElement("div", { className: className }, svgImage &&
-                // istanbul ignore next
-                React.createElement(Icon, { iconSpec: iconSpec })));
+            image = (React.createElement("div", { className: className }, svgImage && (
+            // istanbul ignore next
+            React.createElement(Icon, { iconSpec: iconSpec }))));
         }
         return image;
     }