@itwin/appui-react 5.0.4 → 5.1.0

package/lib/appui-react/statusfields/SnapMode.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnapMode.js","sourceRoot":"","sources":["../../../src/appui-react/statusfields/SnapMode.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 { SnapMode } from \"@itwin/core-frontend\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport * as React from \"react\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport { SnapModePanel } from \"../layout/footer/snap-mode/Panel.js\";\nimport { Snap } from \"../layout/footer/snap-mode/Snap.js\";\nimport { useTranslation } from \"../hooks/useTranslation.js\";\nimport { useReduxFrameworkState } from \"../uistate/useReduxFrameworkState.js\";\nimport { Button, Icon } from \"@itwin/itwinui-react\";\nimport { StatusBarPopover } from \"../statusbar/popup/StatusBarPopover.js\";\nimport { SvgSnapsBisector } from \"../icons/snaps/SvgSnapsBisector.js\";\nimport { SvgSnapsCenter } from \"../icons/snaps/SvgSnapsCenter.js\";\nimport { SvgSnapsIntersection } from \"../icons/snaps/SvgSnapsIntersection.js\";\nimport { SvgSnapsMidpoint } from \"../icons/snaps/SvgSnapsMidpoint.js\";\nimport { SvgSnapsNearest } from \"../icons/snaps/SvgSnapsNearest.js\";\nimport { SvgSnapsOrigin } from \"../icons/snaps/SvgSnapsOrigin.js\";\nimport { SvgSnaps } from \"../icons/snaps/SvgSnaps.js\";\n\n/** Define the properties that will be used to represent the available snap modes. */\ninterface SnapModeFieldEntry {\n  labelKey: string;\n  value: number;\n  icon: React.ReactElement;\n}\n\n// Field entry of all possible snap modes.\nconst allSnapModeFieldEntries: SnapModeFieldEntry[] = [\n  {\n    labelKey: \"snapModeField.keypoint\",\n    value: SnapMode.NearestKeypoint as number,\n    icon: <SvgSnaps />,\n  },\n  {\n    labelKey: \"snapModeField.intersection\",\n    value: SnapMode.Intersection as number,\n    icon: <SvgSnapsIntersection />,\n  },\n  {\n    labelKey: \"snapModeField.center\",\n    value: SnapMode.Center as number,\n    icon: <SvgSnapsCenter />,\n  },\n  {\n    labelKey: \"snapModeField.nearest\",\n    value: SnapMode.Nearest as number,\n    icon: <SvgSnapsNearest />,\n  },\n  {\n    labelKey: \"snapModeField.origin\",\n    value: SnapMode.Origin as number,\n    icon: <SvgSnapsOrigin />,\n  },\n  {\n    labelKey: \"snapModeField.midpoint\",\n    value: SnapMode.MidPoint as number,\n    icon: <SvgSnapsMidpoint />,\n  },\n  {\n    labelKey: \"snapModeField.bisector\",\n    value: SnapMode.Bisector as number,\n    icon: <SvgSnapsBisector />,\n  },\n];\n\n/** Defines properties supported by the SnapMode Field Component. */\n// eslint-disable-next-line deprecation/deprecation\ninterface SnapModeFieldProps extends CommonProps {\n  /** Uses redux store as a fallback. Defaults to {@link SnapMode.NearestKeypoint}.\n   * @note Enum flags are supported.\n   */\n  snapMode?: SnapMode;\n  /** The list of snap modes available for selection. Defaults to all the modes.*/\n  availableSnapModes?: SnapMode[];\n  onChange?: (newSnapMode: SnapMode) => void;\n}\n\n/** `SnapModeField` component designed to be specified in a status bar. It will\n * display the active snap mode that AccuSnap will use and allow the user to select a new snap mode.\n * @public\n */\nexport function SnapModeField(props: SnapModeFieldProps) {\n  const { translate } = useTranslation();\n  const snapModeEntries: SnapModeFieldEntry[] = props.availableSnapModes\n    ? allSnapModeFieldEntries.filter((entry) => {\n        return (\n          props.availableSnapModes &&\n          props.availableSnapModes.some(\n            (availableSnap) => availableSnap === (entry.value as SnapMode)\n          )\n        );\n      })\n    : allSnapModeFieldEntries;\n\n  const reduxSnapMode = useReduxFrameworkState(\n    // eslint-disable-next-line deprecation/deprecation\n    (state) => state?.configurableUiState.snapMode\n  );\n  const snapMode = props.snapMode ?? reduxSnapMode ?? SnapMode.NearestKeypoint;\n\n  // Get all the modes present in the bitmask.\n  const enabledSnaps: SnapModeFieldEntry[] = allSnapModeFieldEntries.filter(\n    (entry) => {\n      return (entry.value & snapMode) === entry.value;\n    }\n  );\n\n  const title = translate(\"snapModeField.snapMode\");\n  return (\n    <StatusBarPopover\n      content={\n        <SnapModePanel title={title}>\n          {snapModeEntries.map((entry, index) => (\n            <Snap\n              key={`SM_${index}`}\n              onClick={() => {\n                if (props.onChange) {\n                  props.onChange(entry.value);\n                  return;\n                }\n                // eslint-disable-next-line deprecation/deprecation\n                UiFramework.setAccudrawSnapMode(entry.value);\n              }}\n              isActive={(snapMode & entry.value) === entry.value}\n              icon={<Icon>{entry.icon}</Icon>}\n            >\n              {translate(entry.labelKey)}\n            </Snap>\n          ))}\n        </SnapModePanel>\n      }\n    >\n      <Button\n        styleType=\"borderless\"\n        title={title}\n        endIcon={\n          enabledSnaps.length === 1 ? enabledSnaps[0].icon : <SvgSnaps />\n        }\n      >\n        {title}\n        <StatusBarPopover.ExpandIndicator />\n      </Button>\n    </StatusBarPopover>\n  );\n}\n"]}
+{"version":3,"file":"SnapMode.js","sourceRoot":"","sources":["../../../src/appui-react/statusfields/SnapMode.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 { SnapMode } from \"@itwin/core-frontend\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport * as React from \"react\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport { SnapModePanel } from \"../layout/footer/snap-mode/Panel.js\";\nimport { Snap } from \"../layout/footer/snap-mode/Snap.js\";\nimport { useTranslation } from \"../hooks/useTranslation.js\";\nimport { useReduxFrameworkState } from \"../uistate/useReduxFrameworkState.js\";\nimport { Button, Icon } from \"@itwin/itwinui-react\";\nimport { StatusBarPopover } from \"../statusbar/popup/StatusBarPopover.js\";\nimport { SvgSnapsBisector } from \"../icons/snaps/SvgSnapsBisector.js\";\nimport { SvgSnapsCenter } from \"../icons/snaps/SvgSnapsCenter.js\";\nimport { SvgSnapsIntersection } from \"../icons/snaps/SvgSnapsIntersection.js\";\nimport { SvgSnapsMidpoint } from \"../icons/snaps/SvgSnapsMidpoint.js\";\nimport { SvgSnapsNearest } from \"../icons/snaps/SvgSnapsNearest.js\";\nimport { SvgSnapsOrigin } from \"../icons/snaps/SvgSnapsOrigin.js\";\nimport { SvgSnaps } from \"../icons/snaps/SvgSnaps.js\";\n\n/** Define the properties that will be used to represent the available snap modes. */\ninterface SnapModeFieldEntry {\n  labelKey: string;\n  value: number;\n  icon: React.ReactElement;\n}\n\n// Field entry of all possible snap modes.\nconst allSnapModeFieldEntries: SnapModeFieldEntry[] = [\n  {\n    labelKey: \"snapModeField.keypoint\",\n    value: SnapMode.NearestKeypoint as number,\n    icon: <SvgSnaps />,\n  },\n  {\n    labelKey: \"snapModeField.intersection\",\n    value: SnapMode.Intersection as number,\n    icon: <SvgSnapsIntersection />,\n  },\n  {\n    labelKey: \"snapModeField.center\",\n    value: SnapMode.Center as number,\n    icon: <SvgSnapsCenter />,\n  },\n  {\n    labelKey: \"snapModeField.nearest\",\n    value: SnapMode.Nearest as number,\n    icon: <SvgSnapsNearest />,\n  },\n  {\n    labelKey: \"snapModeField.origin\",\n    value: SnapMode.Origin as number,\n    icon: <SvgSnapsOrigin />,\n  },\n  {\n    labelKey: \"snapModeField.midpoint\",\n    value: SnapMode.MidPoint as number,\n    icon: <SvgSnapsMidpoint />,\n  },\n  {\n    labelKey: \"snapModeField.bisector\",\n    value: SnapMode.Bisector as number,\n    icon: <SvgSnapsBisector />,\n  },\n];\n\n/** Defines properties supported by the SnapMode Field Component. */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\ninterface SnapModeFieldProps extends CommonProps {\n  /** Uses redux store as a fallback. Defaults to {@link SnapMode.NearestKeypoint}.\n   * @note Enum flags are supported.\n   */\n  snapMode?: SnapMode;\n  /** The list of snap modes available for selection. Defaults to all the modes.*/\n  availableSnapModes?: SnapMode[];\n  onChange?: (newSnapMode: SnapMode) => void;\n}\n\n/** `SnapModeField` component designed to be specified in a status bar. It will\n * display the active snap mode that AccuSnap will use and allow the user to select a new snap mode.\n * @public\n */\nexport function SnapModeField(props: SnapModeFieldProps) {\n  const { translate } = useTranslation();\n  const snapModeEntries: SnapModeFieldEntry[] = props.availableSnapModes\n    ? allSnapModeFieldEntries.filter((entry) => {\n        return (\n          props.availableSnapModes &&\n          props.availableSnapModes.some(\n            (availableSnap) => availableSnap === (entry.value as SnapMode)\n          )\n        );\n      })\n    : allSnapModeFieldEntries;\n\n  const reduxSnapMode = useReduxFrameworkState(\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    (state) => state?.configurableUiState.snapMode\n  );\n  const snapMode = props.snapMode ?? reduxSnapMode ?? SnapMode.NearestKeypoint;\n\n  // Get all the modes present in the bitmask.\n  const enabledSnaps: SnapModeFieldEntry[] = allSnapModeFieldEntries.filter(\n    (entry) => {\n      return (entry.value & snapMode) === entry.value;\n    }\n  );\n\n  const title = translate(\"snapModeField.snapMode\");\n  return (\n    <StatusBarPopover\n      content={\n        <SnapModePanel title={title}>\n          {snapModeEntries.map((entry, index) => (\n            <Snap\n              key={`SM_${index}`}\n              onClick={() => {\n                if (props.onChange) {\n                  props.onChange(entry.value);\n                  return;\n                }\n                // eslint-disable-next-line @typescript-eslint/no-deprecated\n                UiFramework.setAccudrawSnapMode(entry.value);\n              }}\n              isActive={(snapMode & entry.value) === entry.value}\n              icon={<Icon>{entry.icon}</Icon>}\n            >\n              {translate(entry.labelKey)}\n            </Snap>\n          ))}\n        </SnapModePanel>\n      }\n    >\n      <Button\n        styleType=\"borderless\"\n        title={title}\n        endIcon={\n          enabledSnaps.length === 1 ? enabledSnaps[0].icon : <SvgSnaps />\n        }\n      >\n        {title}\n        <StatusBarPopover.ExpandIndicator />\n      </Button>\n    </StatusBarPopover>\n  );\n}\n"]}

package/lib/appui-react/statusfields/ViewAttributes.d.ts

@@ -13,7 +13,7 @@ interface ViewAttributesStatusFieldState {
 /** Widget for showing Checkboxes for View Attributes
  * @beta
  */
-export declare class ViewAttributesStatusField extends React.Component<CommonProps, // eslint-disable-line deprecation/deprecation
+export declare class ViewAttributesStatusField extends React.Component<CommonProps, // eslint-disable-line @typescript-eslint/no-deprecated
 ViewAttributesStatusFieldState> {
     constructor(props: CommonProps);
     componentDidMount(): void;

package/lib/appui-react/statusfields/ViewAttributes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewAttributes.d.ts","sourceRoot":"","sources":["../../../src/appui-react/statusfields/ViewAttributes.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAKxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKrD,UAAU,8BAA8B;IACtC,SAAS,EAAE,aAAa,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;CAC5B;AAED;;GAEG;AACH,qBAAa,yBAA0B,SAAQ,KAAK,CAAC,SAAS,CAC5D,WAAW,EAAE,8CAA8C;AAC3D,8BAA8B,CAC/B;gBAEa,KAAK,EAAE,WAAW;IAUd,iBAAiB;IAIjC,OAAO,CAAC,WAAW;IAcnB,OAAO,CAAC,oBAAoB,CAY1B;IAEF,OAAO,CAAC,mBAAmB,CAMzB;IAEF,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,YAAY;IA0DJ,MAAM;CAoBvB"}
+{"version":3,"file":"ViewAttributes.d.ts","sourceRoot":"","sources":["../../../src/appui-react/statusfields/ViewAttributes.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAKxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKrD,UAAU,8BAA8B;IACtC,SAAS,EAAE,aAAa,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;CAC5B;AAED;;GAEG;AACH,qBAAa,yBAA0B,SAAQ,KAAK,CAAC,SAAS,CAC5D,WAAW,EAAE,uDAAuD;AACpE,8BAA8B,CAC/B;gBAEa,KAAK,EAAE,WAAW;IAUd,iBAAiB;IAIjC,OAAO,CAAC,WAAW;IAcnB,OAAO,CAAC,oBAAoB,CAY1B;IAEF,OAAO,CAAC,mBAAmB,CAMzB;IAEF,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,YAAY;IA0DJ,MAAM;CAoBvB"}

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

@@ -18,7 +18,7 @@ import { StatusBarPopover } from "../statusbar/popup/StatusBarPopover.js";
  * @beta
  */
 export class ViewAttributesStatusField extends React.Component {
-    // eslint-disable-next-line deprecation/deprecation
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
     constructor(props) {
         super(props);
         this._handleViewFlagClick = (flagName) => {

package/lib/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, IconButton } from \"@itwin/itwinui-react\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { StatusBarDialog } from \"../statusbar/dialog/Dialog.js\";\nimport { SvgWindowSettings } from \"@itwin/itwinui-icons-react\";\nimport { StatusBarPopover } from \"../statusbar/popup/StatusBarPopover.js\";\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, // eslint-disable-line deprecation/deprecation\n  ViewAttributesStatusFieldState\n> {\n  // eslint-disable-next-line deprecation/deprecation\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  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  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  private getViewFlagItem(flagName: string, value: boolean, labelKey: string) {\n    return (\n      <Checkbox\n        key={flagName}\n        label={UiFramework.translate(labelKey)}\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      ? (this.state.viewFlags as any)[flagName]\n      : false;\n  }\n\n  private getToggleCameraItem() {\n    return (\n      <Checkbox\n        key={\"toggleCamera\"}\n        label={UiFramework.translate(\"listTools.camera\")}\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(\"acs\", this.getFlagState(\"acs\"), \"listTools.acs\")\n    );\n    items.push(this.getToggleCameraItem());\n    items.push(\n      this.getViewFlagItem(\n        \"noConstruct\",\n        !this.getFlagState(\"noConstruct\"),\n        \"listTools.constructions\"\n      )\n    );\n    items.push(\n      this.getViewFlagItem(\n        \"hidEdges\",\n        this.getFlagState(\"hidEdges\"),\n        \"listTools.hidEdges\"\n      )\n    );\n    items.push(\n      this.getViewFlagItem(\n        \"monochrome\",\n        this.getFlagState(\"monochrome\"),\n        \"listTools.monochrome\"\n      )\n    );\n    items.push(\n      this.getViewFlagItem(\n        \"visEdges\",\n        this.getFlagState(\"visEdges\"),\n        \"listTools.visEdges\"\n      )\n    );\n    items.push(\n      this.getViewFlagItem(\n        \"ambientOcclusion\",\n        this.getFlagState(\"ambientOcclusion\"),\n        \"listTools.ambientOcclusion\"\n      )\n    );\n    items.push(\n      this.getViewFlagItem(\n        \"shadows\",\n        this.getFlagState(\"shadows\"),\n        \"listTools.shadows\"\n      )\n    );\n    items.push(\n      this.getViewFlagItem(\n        \"backgroundMap\",\n        this.getFlagState(\"backgroundMap\"),\n        \"listTools.backgroundMap\"\n      )\n    );\n    return <div className=\"uifw-view-attributes-contents\">{items}</div>;\n  }\n\n  public override render() {\n    const title = UiFramework.translate(\"listTools.viewAttributes\");\n\n    return (\n      <StatusBarPopover\n        content={\n          <StatusBarDialog\n            titleBar={<StatusBarDialog.TitleBar title={title} />}\n          >\n            {this.getViewFlags()}\n          </StatusBarDialog>\n        }\n      >\n        <IconButton styleType=\"borderless\" label={title}>\n          <SvgWindowSettings />\n          <StatusBarPopover.ExpandIndicator />\n        </IconButton>\n      </StatusBarPopover>\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, IconButton } from \"@itwin/itwinui-react\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { StatusBarDialog } from \"../statusbar/dialog/Dialog.js\";\nimport { SvgWindowSettings } from \"@itwin/itwinui-icons-react\";\nimport { StatusBarPopover } from \"../statusbar/popup/StatusBarPopover.js\";\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, // eslint-disable-line @typescript-eslint/no-deprecated\n  ViewAttributesStatusFieldState\n> {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\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  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  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  private getViewFlagItem(flagName: string, value: boolean, labelKey: string) {\n    return (\n      <Checkbox\n        key={flagName}\n        label={UiFramework.translate(labelKey)}\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      ? (this.state.viewFlags as any)[flagName]\n      : false;\n  }\n\n  private getToggleCameraItem() {\n    return (\n      <Checkbox\n        key={\"toggleCamera\"}\n        label={UiFramework.translate(\"listTools.camera\")}\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(\"acs\", this.getFlagState(\"acs\"), \"listTools.acs\")\n    );\n    items.push(this.getToggleCameraItem());\n    items.push(\n      this.getViewFlagItem(\n        \"noConstruct\",\n        !this.getFlagState(\"noConstruct\"),\n        \"listTools.constructions\"\n      )\n    );\n    items.push(\n      this.getViewFlagItem(\n        \"hidEdges\",\n        this.getFlagState(\"hidEdges\"),\n        \"listTools.hidEdges\"\n      )\n    );\n    items.push(\n      this.getViewFlagItem(\n        \"monochrome\",\n        this.getFlagState(\"monochrome\"),\n        \"listTools.monochrome\"\n      )\n    );\n    items.push(\n      this.getViewFlagItem(\n        \"visEdges\",\n        this.getFlagState(\"visEdges\"),\n        \"listTools.visEdges\"\n      )\n    );\n    items.push(\n      this.getViewFlagItem(\n        \"ambientOcclusion\",\n        this.getFlagState(\"ambientOcclusion\"),\n        \"listTools.ambientOcclusion\"\n      )\n    );\n    items.push(\n      this.getViewFlagItem(\n        \"shadows\",\n        this.getFlagState(\"shadows\"),\n        \"listTools.shadows\"\n      )\n    );\n    items.push(\n      this.getViewFlagItem(\n        \"backgroundMap\",\n        this.getFlagState(\"backgroundMap\"),\n        \"listTools.backgroundMap\"\n      )\n    );\n    return <div className=\"uifw-view-attributes-contents\">{items}</div>;\n  }\n\n  public override render() {\n    const title = UiFramework.translate(\"listTools.viewAttributes\");\n\n    return (\n      <StatusBarPopover\n        content={\n          <StatusBarDialog\n            titleBar={<StatusBarDialog.TitleBar title={title} />}\n          >\n            {this.getViewFlags()}\n          </StatusBarDialog>\n        }\n      >\n        <IconButton styleType=\"borderless\" label={title}>\n          <SvgWindowSettings />\n          <StatusBarPopover.ExpandIndicator />\n        </IconButton>\n      </StatusBarPopover>\n    );\n  }\n}\n"]}

package/lib/appui-react/statusfields/message-center/MessageCenterField.js

@@ -19,7 +19,7 @@ const tabs = ["all", "errors"];
 /** Message Center Field React component.
  * @public
  */
-// eslint-disable-next-line deprecation/deprecation
+// eslint-disable-next-line @typescript-eslint/no-deprecated
 export function MessageCenterField(props) {
     const [messages, setMessages] = React.useState(MessageManager.messages);
     const [notify, setNotify] = React.useState(false);

package/lib/appui-react/statusfields/message-center/MessageCenterField.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageCenterField.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/message-center/MessageCenterField.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 */\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Button, Icon, NotificationMarker, Tabs } from \"@itwin/itwinui-react\";\nimport {\n  SvgChat,\n  SvgInfo,\n  SvgStatusError,\n  SvgStatusSuccess,\n  SvgStatusWarning,\n} from \"@itwin/itwinui-icons-react\";\nimport { OutputMessagePriority } from \"@itwin/core-frontend\";\n\nimport { MessageCenterMessage } from \"./MessageCenterMessage.js\";\nimport { MessageManager } from \"../../messages/MessageManager.js\";\nimport { TitleBar } from \"../../layout/footer/dialog/TitleBar.js\";\n\nimport type { NotifyMessageDetailsType } from \"../../messages/ReactNotifyMessageDetails.js\";\nimport \"./MessageCenterField.scss\";\nimport { useTranslation } from \"../../hooks/useTranslation.js\";\nimport { StatusBarPopover } from \"../../statusbar/popup/StatusBarPopover.js\";\n\n/** Type for Status state to satisfy NotificationMarker type checking. */\ntype NotificationMarkerStatus = Required<\n  React.ComponentProps<typeof NotificationMarker>\n>[\"status\"];\n\nconst tabs = [\"all\", \"errors\"] as const;\n\n/** Message Center Field React component.\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function MessageCenterField(props: CommonProps) {\n  const [messages, setMessages] = React.useState(MessageManager.messages);\n  const [notify, setNotify] = React.useState(false);\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [status, setStatus] =\n    React.useState<NotificationMarkerStatus>(\"primary\");\n  const { translate } = useTranslation();\n\n  const indicatorRef = React.useRef<HTMLButtonElement>(null);\n\n  const handleOpenChange = (isOpenState: boolean) => {\n    setNotify(false);\n    setIsOpen(isOpenState);\n  };\n\n  const isErrorMessage = (message: NotifyMessageDetailsType): boolean => {\n    return (\n      message.priority === OutputMessagePriority.Error ||\n      message.priority === OutputMessagePriority.Fatal\n    );\n  };\n\n  React.useEffect(() => {\n    return MessageManager.onOpenMessageCenterEvent.addListener(() => {\n      handleOpenChange(true);\n    });\n  }, []);\n\n  React.useEffect(() => {\n    MessageManager.registerAnimateOutToElement(indicatorRef.current);\n\n    return MessageManager.onMessagesUpdatedEvent.addListener(() => {\n      const newMessages = MessageManager.messages;\n      newMessages.length > 0 ? setNotify(true) : setNotify(false);\n      setMessages(newMessages);\n\n      const lastMessage = newMessages[newMessages.length - 1];\n      if (!lastMessage) return;\n\n      switch (lastMessage.priority) {\n        case OutputMessagePriority.Success:\n          setStatus(\"positive\");\n          break;\n        case OutputMessagePriority.Warning:\n          setStatus(\"warning\");\n          break;\n        case OutputMessagePriority.Error:\n        case OutputMessagePriority.Fatal:\n          setStatus(\"negative\");\n          break;\n        default:\n          setStatus(\"primary\");\n      }\n    });\n  }, []);\n\n  return (\n    <StatusBarPopover\n      visible={isOpen}\n      onVisibleChange={(visible) => handleOpenChange(visible)}\n      className=\"uifw-statusFields-messageCenter-messageCenterField_popover\"\n      content={\n        <>\n          <TitleBar title={translate(\"messageCenter.messages\")}></TitleBar>\n\n          <Tabs.Wrapper type=\"pill\">\n            <Tabs.TabList>\n              {tabs.map((tab) => (\n                <Tabs.Tab\n                  label={translate(`messageCenter.${tab}`)}\n                  key={tab}\n                  value={tab}\n                />\n              ))}\n            </Tabs.TabList>\n            {tabs.map((tab) => {\n              let tabMessages = [...messages].reverse();\n              tabMessages =\n                tab === \"errors\"\n                  ? tabMessages.filter(isErrorMessage)\n                  : tabMessages;\n              return (\n                <Tabs.Panel\n                  value={tab}\n                  key={tab}\n                  className=\"uifw-statusFields-messageCenter-messageCenterField_panel\"\n                >\n                  {tabMessages.length === 0 ? (\n                    <span className=\"uifw-message-prompt\">\n                      {translate(\"messageCenter.prompt\")}\n                    </span>\n                  ) : (\n                    tabMessages.map((message, index) => {\n                      return (\n                        <MessageCenterMessage\n                          key={index}\n                          message={message.briefMessage}\n                          details={message.detailedMessage}\n                          icon={<MessageIcon priority={message.priority} />}\n                        />\n                      );\n                    })\n                  )}\n                </Tabs.Panel>\n              );\n            })}\n          </Tabs.Wrapper>\n        </>\n      }\n    >\n      <Button\n        ref={indicatorRef}\n        styleType=\"borderless\"\n        startIcon={\n          <NotificationMarker status={status} enabled={notify}>\n            <SvgChat />\n          </NotificationMarker>\n        }\n        className={props.className}\n        style={props.style}\n      >\n        {translate(\"messageCenter.messages\")}\n        <StatusBarPopover.ExpandIndicator />\n      </Button>\n    </StatusBarPopover>\n  );\n}\n\ninterface MessageIconProps {\n  priority: OutputMessagePriority;\n}\n\nfunction MessageIcon({ priority }: MessageIconProps) {\n  switch (priority) {\n    case OutputMessagePriority.Error:\n    case OutputMessagePriority.Fatal:\n      return (\n        <Icon fill=\"negative\">\n          <SvgStatusError />\n        </Icon>\n      );\n    case OutputMessagePriority.Warning:\n      return (\n        <Icon fill=\"warning\">\n          <SvgStatusWarning />\n        </Icon>\n      );\n    case OutputMessagePriority.Info:\n      return (\n        <Icon fill=\"informational\">\n          <SvgInfo />\n        </Icon>\n      );\n  }\n  return (\n    <Icon fill=\"positive\">\n      <SvgStatusSuccess />\n    </Icon>\n  );\n}\n"]}
+{"version":3,"file":"MessageCenterField.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/message-center/MessageCenterField.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 */\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Button, Icon, NotificationMarker, Tabs } from \"@itwin/itwinui-react\";\nimport {\n  SvgChat,\n  SvgInfo,\n  SvgStatusError,\n  SvgStatusSuccess,\n  SvgStatusWarning,\n} from \"@itwin/itwinui-icons-react\";\nimport { OutputMessagePriority } from \"@itwin/core-frontend\";\n\nimport { MessageCenterMessage } from \"./MessageCenterMessage.js\";\nimport { MessageManager } from \"../../messages/MessageManager.js\";\nimport { TitleBar } from \"../../layout/footer/dialog/TitleBar.js\";\n\nimport type { NotifyMessageDetailsType } from \"../../messages/ReactNotifyMessageDetails.js\";\nimport \"./MessageCenterField.scss\";\nimport { useTranslation } from \"../../hooks/useTranslation.js\";\nimport { StatusBarPopover } from \"../../statusbar/popup/StatusBarPopover.js\";\n\n/** Type for Status state to satisfy NotificationMarker type checking. */\ntype NotificationMarkerStatus = Required<\n  React.ComponentProps<typeof NotificationMarker>\n>[\"status\"];\n\nconst tabs = [\"all\", \"errors\"] as const;\n\n/** Message Center Field React component.\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function MessageCenterField(props: CommonProps) {\n  const [messages, setMessages] = React.useState(MessageManager.messages);\n  const [notify, setNotify] = React.useState(false);\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [status, setStatus] =\n    React.useState<NotificationMarkerStatus>(\"primary\");\n  const { translate } = useTranslation();\n\n  const indicatorRef = React.useRef<HTMLButtonElement>(null);\n\n  const handleOpenChange = (isOpenState: boolean) => {\n    setNotify(false);\n    setIsOpen(isOpenState);\n  };\n\n  const isErrorMessage = (message: NotifyMessageDetailsType): boolean => {\n    return (\n      message.priority === OutputMessagePriority.Error ||\n      message.priority === OutputMessagePriority.Fatal\n    );\n  };\n\n  React.useEffect(() => {\n    return MessageManager.onOpenMessageCenterEvent.addListener(() => {\n      handleOpenChange(true);\n    });\n  }, []);\n\n  React.useEffect(() => {\n    MessageManager.registerAnimateOutToElement(indicatorRef.current);\n\n    return MessageManager.onMessagesUpdatedEvent.addListener(() => {\n      const newMessages = MessageManager.messages;\n      newMessages.length > 0 ? setNotify(true) : setNotify(false);\n      setMessages(newMessages);\n\n      const lastMessage = newMessages[newMessages.length - 1];\n      if (!lastMessage) return;\n\n      switch (lastMessage.priority) {\n        case OutputMessagePriority.Success:\n          setStatus(\"positive\");\n          break;\n        case OutputMessagePriority.Warning:\n          setStatus(\"warning\");\n          break;\n        case OutputMessagePriority.Error:\n        case OutputMessagePriority.Fatal:\n          setStatus(\"negative\");\n          break;\n        default:\n          setStatus(\"primary\");\n      }\n    });\n  }, []);\n\n  return (\n    <StatusBarPopover\n      visible={isOpen}\n      onVisibleChange={(visible) => handleOpenChange(visible)}\n      className=\"uifw-statusFields-messageCenter-messageCenterField_popover\"\n      content={\n        <>\n          <TitleBar title={translate(\"messageCenter.messages\")}></TitleBar>\n\n          <Tabs.Wrapper type=\"pill\">\n            <Tabs.TabList>\n              {tabs.map((tab) => (\n                <Tabs.Tab\n                  label={translate(`messageCenter.${tab}`)}\n                  key={tab}\n                  value={tab}\n                />\n              ))}\n            </Tabs.TabList>\n            {tabs.map((tab) => {\n              let tabMessages = [...messages].reverse();\n              tabMessages =\n                tab === \"errors\"\n                  ? tabMessages.filter(isErrorMessage)\n                  : tabMessages;\n              return (\n                <Tabs.Panel\n                  value={tab}\n                  key={tab}\n                  className=\"uifw-statusFields-messageCenter-messageCenterField_panel\"\n                >\n                  {tabMessages.length === 0 ? (\n                    <span className=\"uifw-message-prompt\">\n                      {translate(\"messageCenter.prompt\")}\n                    </span>\n                  ) : (\n                    tabMessages.map((message, index) => {\n                      return (\n                        <MessageCenterMessage\n                          key={index}\n                          message={message.briefMessage}\n                          details={message.detailedMessage}\n                          icon={<MessageIcon priority={message.priority} />}\n                        />\n                      );\n                    })\n                  )}\n                </Tabs.Panel>\n              );\n            })}\n          </Tabs.Wrapper>\n        </>\n      }\n    >\n      <Button\n        ref={indicatorRef}\n        styleType=\"borderless\"\n        startIcon={\n          <NotificationMarker status={status} enabled={notify}>\n            <SvgChat />\n          </NotificationMarker>\n        }\n        className={props.className}\n        style={props.style}\n      >\n        {translate(\"messageCenter.messages\")}\n        <StatusBarPopover.ExpandIndicator />\n      </Button>\n    </StatusBarPopover>\n  );\n}\n\ninterface MessageIconProps {\n  priority: OutputMessagePriority;\n}\n\nfunction MessageIcon({ priority }: MessageIconProps) {\n  switch (priority) {\n    case OutputMessagePriority.Error:\n    case OutputMessagePriority.Fatal:\n      return (\n        <Icon fill=\"negative\">\n          <SvgStatusError />\n        </Icon>\n      );\n    case OutputMessagePriority.Warning:\n      return (\n        <Icon fill=\"warning\">\n          <SvgStatusWarning />\n        </Icon>\n      );\n    case OutputMessagePriority.Info:\n      return (\n        <Icon fill=\"informational\">\n          <SvgInfo />\n        </Icon>\n      );\n  }\n  return (\n    <Icon fill=\"positive\">\n      <SvgStatusSuccess />\n    </Icon>\n  );\n}\n"]}

package/lib/appui-react/statusfields/message-center/MessageCenterMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageCenterMessage.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/message-center/MessageCenterMessage.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,6BAA6B,CAAC;AACrC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAqB5C;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,KAAgC;IACnE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAE3D,OAAO,CACL,6BACE,SAAS,EAAE,sDAAsD,EACjE,KAAK,EAAE,KAAK;QAEX,IAAI;QACJ,OAAO,IAAI,CACV,8BAAM,SAAS,EAAC,cAAc;YAE5B,oBAAC,eAAe,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,SAAG;YAClE,OAAO,IAAI,CACV,oBAAC,IAAI,IAAC,OAAO,EAAC,OAAO;gBAEnB,oBAAC,eAAe,IAAC,OAAO,EAAE,OAAO,GAAI,CAChC,CACR,CACI,CACR,CACG,CACP,CAAC;AACJ,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 MessageCenter\n */\n\nimport \"./MessageCenterMessage.scss\";\nimport * as React from \"react\";\nimport type { CommonProps, MessageType } from \"@itwin/core-react\";\nimport { MessageRenderer } from \"@itwin/core-react\";\nimport { Text } from \"@itwin/itwinui-react\";\n\n/** Properties of [[MessageCenterMessage]] component.\n * @internal\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface MessageCenterMessageProps extends CommonProps {\n  /** Message content. */\n  // eslint-disable-next-line deprecation/deprecation\n  message?: MessageType;\n  /** Message icon. */\n  icon?: React.ReactNode;\n  /** Additional Details */\n  // eslint-disable-next-line deprecation/deprecation\n  details?: MessageType;\n  /** className */\n  className?: string;\n  /** Optional style */\n  style?: object;\n}\n\n/** Message entry in [[MessageCenter]] component.\n * @internal\n */\nexport function MessageCenterMessage(props: MessageCenterMessageProps) {\n  const { icon, message, details, style, className } = props;\n\n  return (\n    <div\n      className={\"uifw-statusFields-messageCenter-messageCenterMessage\"}\n      style={style}\n    >\n      {icon}\n      {message && (\n        <span className=\"uifw-content\">\n          {/* eslint-disable-next-line deprecation/deprecation */}\n          <MessageRenderer message={message} className={className} useSpan />\n          {details && (\n            <Text variant=\"small\">\n              {/* eslint-disable-next-line deprecation/deprecation */}\n              <MessageRenderer message={details} />\n            </Text>\n          )}\n        </span>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"MessageCenterMessage.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/message-center/MessageCenterMessage.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,6BAA6B,CAAC;AACrC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAqB5C;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,KAAgC;IACnE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAE3D,OAAO,CACL,6BACE,SAAS,EAAE,sDAAsD,EACjE,KAAK,EAAE,KAAK;QAEX,IAAI;QACJ,OAAO,IAAI,CACV,8BAAM,SAAS,EAAC,cAAc;YAE5B,oBAAC,eAAe,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,SAAG;YAClE,OAAO,IAAI,CACV,oBAAC,IAAI,IAAC,OAAO,EAAC,OAAO;gBAEnB,oBAAC,eAAe,IAAC,OAAO,EAAE,OAAO,GAAI,CAChC,CACR,CACI,CACR,CACG,CACP,CAAC;AACJ,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 MessageCenter\n */\n\nimport \"./MessageCenterMessage.scss\";\nimport * as React from \"react\";\nimport type { CommonProps, MessageType } from \"@itwin/core-react\";\nimport { MessageRenderer } from \"@itwin/core-react\";\nimport { Text } from \"@itwin/itwinui-react\";\n\n/** Properties of [[MessageCenterMessage]] component.\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface MessageCenterMessageProps extends CommonProps {\n  /** Message content. */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  message?: MessageType;\n  /** Message icon. */\n  icon?: React.ReactNode;\n  /** Additional Details */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  details?: MessageType;\n  /** className */\n  className?: string;\n  /** Optional style */\n  style?: object;\n}\n\n/** Message entry in [[MessageCenter]] component.\n * @internal\n */\nexport function MessageCenterMessage(props: MessageCenterMessageProps) {\n  const { icon, message, details, style, className } = props;\n\n  return (\n    <div\n      className={\"uifw-statusFields-messageCenter-messageCenterMessage\"}\n      style={style}\n    >\n      {icon}\n      {message && (\n        <span className=\"uifw-content\">\n          {/* eslint-disable-next-line @typescript-eslint/no-deprecated */}\n          <MessageRenderer message={message} className={className} useSpan />\n          {details && (\n            <Text variant=\"small\">\n              {/* eslint-disable-next-line @typescript-eslint/no-deprecated */}\n              <MessageRenderer message={details} />\n            </Text>\n          )}\n        </span>\n      )}\n    </div>\n  );\n}\n"]}

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

@@ -16,7 +16,7 @@ interface TileLoadingIndicatorState {
 /** TileLoadingIndicator React component
  * @public
  */
-export declare class TileLoadingIndicator extends React.PureComponent<CommonProps, // eslint-disable-line deprecation/deprecation
+export declare class TileLoadingIndicator extends React.PureComponent<CommonProps, // eslint-disable-line @typescript-eslint/no-deprecated
 TileLoadingIndicatorState> {
     private _removeViewOpenListener?;
     private _removeOnRenderListener?;

package/lib/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;AAGrD;;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,EAAE,8CAA8C;AAC3D,yBAAyB,CAC1B;IACC,OAAO,CAAC,uBAAuB,CAAC,CAAa;IAC7C,OAAO,CAAC,uBAAuB,CAAC,CAAa;gBAGjC,KAAK,EAAE,WAAW;IAK9B,OAAO,CAAC,aAAa,CAgCnB;IAEF,OAAO,CAAC,aAAa,CAGnB;IAEF,OAAO,CAAC,WAAW,CAKjB;IAEc,iBAAiB;IAejB,oBAAoB;IAQpC,mCAAmC;IACnB,MAAM;CAgBvB"}
+{"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;AAGrD;;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,EAAE,uDAAuD;AACpE,yBAAyB,CAC1B;IACC,OAAO,CAAC,uBAAuB,CAAC,CAAa;IAC7C,OAAO,CAAC,uBAAuB,CAAC,CAAa;gBAGjC,KAAK,EAAE,WAAW;IAK9B,OAAO,CAAC,aAAa,CAgCnB;IAEF,OAAO,CAAC,aAAa,CAGnB;IAEF,OAAO,CAAC,WAAW,CAKjB;IAEc,iBAAiB;IAejB,oBAAoB;IAQpC,mCAAmC;IACnB,MAAM;CAgBvB"}

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

@@ -16,7 +16,7 @@ import { UiFramework } from "../../UiFramework.js";
  * @public
  */
 export class TileLoadingIndicator extends React.PureComponent {
-    // eslint-disable-next-line deprecation/deprecation
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
     constructor(props) {
         super(props);
         this._refreshState = (vp) => {

package/lib/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.js\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport type { ListenerType } from \"@itwin/core-react/internal\";\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, // eslint-disable-line deprecation/deprecation\n  TileLoadingIndicatorState\n> {\n  private _removeViewOpenListener?: () => void;\n  private _removeOnRenderListener?: () => void;\n\n  // eslint-disable-next-line deprecation/deprecation\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 : 100;\n    let enabled = this.state.enabled;\n    let finished = this.state.finished;\n\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(\"TileLoadingIndicator\"),\n        `Tiles Finished Loading`\n      );\n      Logger.logTrace(\n        UiFramework.loggerCategory(\"TileLoadingIndicator\"),\n        `Tiles Load Report (tiles finished / tiles requested):  ${ready} / ${total}`\n      );\n    }\n\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 _handleRender: ListenerType<ScreenViewport[\"onRender\"]> = (vp) => {\n    // set progress animation before the next repaint.\n    setTimeout(() => this._refreshState(vp));\n  };\n\n  private _onViewOpen: ListenerType<typeof IModelApp.viewManager.onViewOpen> = (\n    vp\n  ) => {\n    this._removeOnRenderListener && this._removeOnRenderListener();\n    this._removeOnRenderListener = vp.onRender.addListener(this._handleRender);\n  };\n\n  public override componentDidMount() {\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    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    if (!IModelApp.viewManager) return;\n\n    if (this._removeViewOpenListener) this._removeViewOpenListener();\n\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"]}
+{"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.js\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport type { ListenerType } from \"@itwin/core-react/internal\";\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, // eslint-disable-line @typescript-eslint/no-deprecated\n  TileLoadingIndicatorState\n> {\n  private _removeViewOpenListener?: () => void;\n  private _removeOnRenderListener?: () => void;\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\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 : 100;\n    let enabled = this.state.enabled;\n    let finished = this.state.finished;\n\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(\"TileLoadingIndicator\"),\n        `Tiles Finished Loading`\n      );\n      Logger.logTrace(\n        UiFramework.loggerCategory(\"TileLoadingIndicator\"),\n        `Tiles Load Report (tiles finished / tiles requested):  ${ready} / ${total}`\n      );\n    }\n\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 _handleRender: ListenerType<ScreenViewport[\"onRender\"]> = (vp) => {\n    // set progress animation before the next repaint.\n    setTimeout(() => this._refreshState(vp));\n  };\n\n  private _onViewOpen: ListenerType<typeof IModelApp.viewManager.onViewOpen> = (\n    vp\n  ) => {\n    this._removeOnRenderListener && this._removeOnRenderListener();\n    this._removeOnRenderListener = vp.onRender.addListener(this._handleRender);\n  };\n\n  public override componentDidMount() {\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    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    if (!IModelApp.viewManager) return;\n\n    if (this._removeViewOpenListener) this._removeViewOpenListener();\n\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/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/appui-react/statusfields/toolassistance/ToolAssistanceField.js

@@ -141,9 +141,9 @@ export class ToolAssistanceField extends React.Component {
         };
         this._uiSettingsStorage = new LocalStateStorage();
         this._cursorPrompt = new CursorPrompt(this.props.cursorPromptTimeout, this.props.fadeOutCursorPrompt);
-        // eslint-disable-next-line deprecation/deprecation
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
         this._showPromptAtCursorSetting = new UiStateEntry(ToolAssistanceField._toolAssistanceKey, ToolAssistanceField._showPromptAtCursorKey, () => this.state.showPromptAtCursor);
-        // eslint-disable-next-line deprecation/deprecation
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
         this._mouseTouchTabIndexSetting = new UiStateEntry(ToolAssistanceField._toolAssistanceKey, ToolAssistanceField._mouseTouchTabIndexKey, () => this.state.mouseTouchTabIndex);
     }
     async componentDidMount() {
@@ -209,7 +209,7 @@ export class ToolAssistanceField extends React.Component {
         let dialogContent;
         if (instructions) {
             prompt = instructions.mainInstruction.text;
-            // eslint-disable-next-line deprecation/deprecation
+            // eslint-disable-next-line @typescript-eslint/no-deprecated
             toolIcon = React.createElement(Icon, { iconSpec: this.state.toolIconSpec });
             let displayableSections;
             if (instructions.sections) {
@@ -274,7 +274,7 @@ export class ToolAssistanceField extends React.Component {
                 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 = (
-                // eslint-disable-next-line deprecation/deprecation
+                // eslint-disable-next-line @typescript-eslint/no-deprecated
                 React.createElement(FillCentered, null,
                     ToolAssistanceField.getKeyNode(key, 0, "uifw-toolassistance-key-modifier"),
                     rightImage));
@@ -395,7 +395,7 @@ export class ToolAssistanceField extends React.Component {
         }
         else if (keyboardInfo.keys.length === 2) {
             image = (
-            // eslint-disable-next-line deprecation/deprecation
+            // eslint-disable-next-line @typescript-eslint/no-deprecated
             React.createElement(FillCentered, null, keyboardInfo.keys.map((key, index3) => {
                 let className = "uifw-toolassistance-key-medium";
                 if (key.length > 1)

package/lib/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, ProcessDetector } 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 { CommonProps } from \"@itwin/core-react\";\nimport type { ListenerType } from \"@itwin/core-react/internal\";\nimport { FillCentered, Icon, UiStateEntry } from \"@itwin/core-react\";\nimport { Button, Tabs, ToggleSwitch } from \"@itwin/itwinui-react\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { UiFramework } from \"../../UiFramework.js\";\nimport { CursorPrompt } from \"../../cursor/cursorprompt/CursorPrompt.js\";\nimport { MessageManager } from \"../../messages/MessageManager.js\";\nimport { UiStateStorageContext } from \"../../uistate/useUiStateStorage.js\";\nimport \"./ToolAssistanceField.scss\";\n\nimport { SvgClose, SvgPin } from \"@itwin/itwinui-icons-react\";\nimport { ToolAssistanceDialog } from \"../../layout/footer/tool-assistance/Dialog.js\";\nimport { ToolAssistanceInstruction as NZ_ToolAssistanceInstruction } from \"../../layout/footer/tool-assistance/Instruction.js\";\nimport { ToolAssistanceItem } from \"../../layout/footer/tool-assistance/Item.js\";\nimport { ToolAssistanceSeparator } from \"../../layout/footer/tool-assistance/Separator.js\";\nimport { StatusBarDialog } from \"../../statusbar/dialog/Dialog.js\";\nimport acceptPointIcon from \"./accept-point.svg\";\nimport cursorClickIcon from \"./cursor-click.svg\";\nimport oneTouchDragIcon from \"./gesture-one-finger-drag.svg\";\nimport oneTouchDoubleTapIcon from \"./gesture-one-finger-tap-double.svg\";\nimport oneTouchTapIcon from \"./gesture-one-finger-tap.svg\";\nimport twoTouchPinchIcon from \"./gesture-pinch.svg\";\nimport twoTouchDragIcon from \"./gesture-two-finger-drag.svg\";\nimport twoTouchTapIcon from \"./gesture-two-finger-tap.svg\";\nimport clickLeftDragIcon from \"./mouse-click-left-drag.svg\";\nimport clickLeftIcon from \"./mouse-click-left.svg\";\nimport clickRightDragIcon from \"./mouse-click-right-drag.svg\";\nimport clickRightIcon from \"./mouse-click-right.svg\";\nimport clickMouseWheelDragIcon from \"./mouse-click-wheel-drag.svg\";\nimport mouseWheelClickIcon from \"./mouse-click-wheel.svg\";\nimport touchCursorDragIcon from \"./touch-cursor-pan.svg\";\nimport touchCursorTapIcon from \"./touch-cursor-point.svg\";\nimport { StatusBarPopover } from \"../../statusbar/popup/StatusBarPopover.js\";\nimport type { UiStateStorageResult } from \"../../uistate/UiStateStorage.js\";\nimport {\n  type UiStateStorage,\n  UiStateStorageStatus,\n} from \"../../uistate/UiStateStorage.js\";\nimport { LocalStateStorage } from \"../../uistate/LocalStateStorage.js\";\n\n// cSpell:ignore cursorprompt\n\n/** Properties of [[ToolAssistanceField]] component.\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\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/** @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 * @note Tool assistance field will only display 30 characters in the status bar. Any additional text will be hidden. The full text will always be shown in the opened popover.\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  // eslint-disable-next-line deprecation/deprecation\n  private _showPromptAtCursorSetting: UiStateEntry<boolean>;\n  // eslint-disable-next-line deprecation/deprecation\n  private _mouseTouchTabIndexSetting: UiStateEntry<number>;\n  private _indicator = React.createRef<HTMLButtonElement>();\n  private _cursorPrompt: CursorPrompt;\n  private _isMounted = false;\n  private _uiSettingsStorage: UiStateStorage;\n\n  public static readonly defaultProps: Pick<\n    ToolAssistanceFieldProps,\n    | \"includePromptAtCursor\"\n    | \"uiStateStorage\"\n    | \"cursorPromptTimeout\"\n    | \"fadeOutCursorPrompt\"\n    | \"defaultPromptAtCursor\"\n  > = {\n    includePromptAtCursor: true,\n    cursorPromptTimeout: 5000,\n    fadeOutCursorPrompt: true,\n    defaultPromptAtCursor: false,\n  };\n\n  constructor(p: ToolAssistanceFieldProps) {\n    super(p);\n\n    const mobile = ProcessDetector.isMobileBrowser;\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    // eslint-disable-next-line deprecation/deprecation\n    this._showPromptAtCursorSetting = new UiStateEntry(\n      ToolAssistanceField._toolAssistanceKey,\n      ToolAssistanceField._showPromptAtCursorKey,\n      () => this.state.showPromptAtCursor\n    );\n    // eslint-disable-next-line deprecation/deprecation\n    this._mouseTouchTabIndexSetting = new UiStateEntry(\n      ToolAssistanceField._toolAssistanceKey,\n      ToolAssistanceField._mouseTouchTabIndexKey,\n      () => this.state.mouseTouchTabIndex\n    );\n  }\n\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    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  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    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    if (\n      showPromptAtCursorResult !== undefined &&\n      showPromptAtCursorResult.status === UiStateStorageStatus.Success\n    ) {\n      if (this._isMounted)\n        this.setState({ showPromptAtCursor: showPromptAtCursorResult.setting });\n    }\n\n    if (mouseTouchTabIndexResult.status === UiStateStorageStatus.Success) {\n      if (this._isMounted)\n        this.setState({ mouseTouchTabIndex: mouseTouchTabIndexResult.setting });\n    }\n  }\n\n  private _handleToolAssistanceChangedEvent: ListenerType<\n    typeof MessageManager.onToolAssistanceChangedEvent\n  > = (args) => {\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    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: ListenerType<\n    typeof UiFramework.frontstages.onToolIconChangedEvent\n  > = (args) => {\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    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  public override render(): React.ReactNode {\n    const { instructions } = this.state;\n    const dialogTitle = IModelApp.toolAdmin.activeTool\n      ? 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      // eslint-disable-next-line deprecation/deprecation\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    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      <StatusBarPopover\n        visible={this.state.isOpen}\n        onVisibleChange={(visible) => {\n          this.setIsOpen(visible);\n        }}\n        closeOnOutsideClick={!this.state.isPinned}\n        content={\n          <ToolAssistanceDialog\n            buttons={\n              <>\n                {!this.state.isPinned && (\n                  <StatusBarDialog.TitleBarButton\n                    onClick={this._handlePinButtonClick}\n                    title={UiFramework.translate(\"toolAssistance.pin\")}\n                  >\n                    <SvgPin />\n                  </StatusBarDialog.TitleBarButton>\n                )}\n                {this.state.isPinned && (\n                  <StatusBarDialog.TitleBarButton\n                    onClick={this._handleCloseButtonClick}\n                    title={UiFramework.translate(\"dialog.close\")}\n                  >\n                    <SvgClose />\n                  </StatusBarDialog.TitleBarButton>\n                )}\n              </>\n            }\n            title={dialogTitle}\n          >\n            {dialogContent}\n          </ToolAssistanceDialog>\n        }\n      >\n        <Button\n          styleType=\"borderless\"\n          startIcon={<>{toolIcon}</>}\n          className={classnames(\n            \"uifw-statusFields-toolAssistance-toolAssistanceField\",\n            this.props.className\n          )}\n          title={tooltip}\n          style={this.props.style}\n          ref={this._indicator}\n          labelProps={{ className: \"prompt\" }}\n        >\n          {prompt}\n          <StatusBarPopover.ExpandIndicator />\n        </Button>\n      </StatusBarPopover>\n    );\n  }\n\n  private _onPromptAtCursorChange = async (\n    e: React.ChangeEvent<HTMLInputElement>\n  ) => {\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 _handlePinButtonClick = () => {\n    if (this._isMounted) this.setState({ isPinned: true });\n  };\n\n  private _handleCloseButtonClick = () => {\n    this.setIsOpen(false);\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              {/* eslint-disable-next-line deprecation/deprecation */}\n              <Icon iconSpec={instruction.image} />\n            </div>\n          ) : (\n            this.getInstructionSvgImage(instruction, true)\n          );\n\n        image = (\n          // eslint-disable-next-line deprecation/deprecation\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(\"ToolAssistanceField\"),\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            {/* eslint-disable-next-line deprecation/deprecation */}\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(\"ToolAssistanceField\"),\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    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            ? \"uifw-toolassistance-svg-medium-wide\"\n            : \"uifw-toolassistance-svg-wide\";\n          break;\n      }\n\n      image = (\n        <div className={className}>\n          {/* eslint-disable-next-line deprecation/deprecation */}\n          {svgImage && <Icon iconSpec={svgImage} />}\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        // eslint-disable-next-line deprecation/deprecation\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(\"ToolAssistanceField\"),\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        {/* eslint-disable-next-line deprecation/deprecation */}\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, ProcessDetector } 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 { CommonProps } from \"@itwin/core-react\";\nimport type { ListenerType } from \"@itwin/core-react/internal\";\nimport { FillCentered, Icon, UiStateEntry } from \"@itwin/core-react\";\nimport { Button, Tabs, ToggleSwitch } from \"@itwin/itwinui-react\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { UiFramework } from \"../../UiFramework.js\";\nimport { CursorPrompt } from \"../../cursor/cursorprompt/CursorPrompt.js\";\nimport { MessageManager } from \"../../messages/MessageManager.js\";\nimport { UiStateStorageContext } from \"../../uistate/useUiStateStorage.js\";\nimport \"./ToolAssistanceField.scss\";\n\nimport { SvgClose, SvgPin } from \"@itwin/itwinui-icons-react\";\nimport { ToolAssistanceDialog } from \"../../layout/footer/tool-assistance/Dialog.js\";\nimport { ToolAssistanceInstruction as NZ_ToolAssistanceInstruction } from \"../../layout/footer/tool-assistance/Instruction.js\";\nimport { ToolAssistanceItem } from \"../../layout/footer/tool-assistance/Item.js\";\nimport { ToolAssistanceSeparator } from \"../../layout/footer/tool-assistance/Separator.js\";\nimport { StatusBarDialog } from \"../../statusbar/dialog/Dialog.js\";\nimport acceptPointIcon from \"./accept-point.svg\";\nimport cursorClickIcon from \"./cursor-click.svg\";\nimport oneTouchDragIcon from \"./gesture-one-finger-drag.svg\";\nimport oneTouchDoubleTapIcon from \"./gesture-one-finger-tap-double.svg\";\nimport oneTouchTapIcon from \"./gesture-one-finger-tap.svg\";\nimport twoTouchPinchIcon from \"./gesture-pinch.svg\";\nimport twoTouchDragIcon from \"./gesture-two-finger-drag.svg\";\nimport twoTouchTapIcon from \"./gesture-two-finger-tap.svg\";\nimport clickLeftDragIcon from \"./mouse-click-left-drag.svg\";\nimport clickLeftIcon from \"./mouse-click-left.svg\";\nimport clickRightDragIcon from \"./mouse-click-right-drag.svg\";\nimport clickRightIcon from \"./mouse-click-right.svg\";\nimport clickMouseWheelDragIcon from \"./mouse-click-wheel-drag.svg\";\nimport mouseWheelClickIcon from \"./mouse-click-wheel.svg\";\nimport touchCursorDragIcon from \"./touch-cursor-pan.svg\";\nimport touchCursorTapIcon from \"./touch-cursor-point.svg\";\nimport { StatusBarPopover } from \"../../statusbar/popup/StatusBarPopover.js\";\nimport type { UiStateStorageResult } from \"../../uistate/UiStateStorage.js\";\nimport {\n  type UiStateStorage,\n  UiStateStorageStatus,\n} from \"../../uistate/UiStateStorage.js\";\nimport { LocalStateStorage } from \"../../uistate/LocalStateStorage.js\";\n\n/** Properties of [[ToolAssistanceField]] component.\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\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/** @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 * @note Tool assistance field will only display 30 characters in the status bar. Any additional text will be hidden. The full text will always be shown in the opened popover.\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  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  private _showPromptAtCursorSetting: UiStateEntry<boolean>;\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  private _mouseTouchTabIndexSetting: UiStateEntry<number>;\n  private _indicator = React.createRef<HTMLButtonElement>();\n  private _cursorPrompt: CursorPrompt;\n  private _isMounted = false;\n  private _uiSettingsStorage: UiStateStorage;\n\n  public static readonly defaultProps: Pick<\n    ToolAssistanceFieldProps,\n    | \"includePromptAtCursor\"\n    | \"uiStateStorage\"\n    | \"cursorPromptTimeout\"\n    | \"fadeOutCursorPrompt\"\n    | \"defaultPromptAtCursor\"\n  > = {\n    includePromptAtCursor: true,\n    cursorPromptTimeout: 5000,\n    fadeOutCursorPrompt: true,\n    defaultPromptAtCursor: false,\n  };\n\n  constructor(p: ToolAssistanceFieldProps) {\n    super(p);\n\n    const mobile = ProcessDetector.isMobileBrowser;\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    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    this._showPromptAtCursorSetting = new UiStateEntry(\n      ToolAssistanceField._toolAssistanceKey,\n      ToolAssistanceField._showPromptAtCursorKey,\n      () => this.state.showPromptAtCursor\n    );\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    this._mouseTouchTabIndexSetting = new UiStateEntry(\n      ToolAssistanceField._toolAssistanceKey,\n      ToolAssistanceField._mouseTouchTabIndexKey,\n      () => this.state.mouseTouchTabIndex\n    );\n  }\n\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    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  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    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    if (\n      showPromptAtCursorResult !== undefined &&\n      showPromptAtCursorResult.status === UiStateStorageStatus.Success\n    ) {\n      if (this._isMounted)\n        this.setState({ showPromptAtCursor: showPromptAtCursorResult.setting });\n    }\n\n    if (mouseTouchTabIndexResult.status === UiStateStorageStatus.Success) {\n      if (this._isMounted)\n        this.setState({ mouseTouchTabIndex: mouseTouchTabIndexResult.setting });\n    }\n  }\n\n  private _handleToolAssistanceChangedEvent: ListenerType<\n    typeof MessageManager.onToolAssistanceChangedEvent\n  > = (args) => {\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    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: ListenerType<\n    typeof UiFramework.frontstages.onToolIconChangedEvent\n  > = (args) => {\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    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  public override render(): React.ReactNode {\n    const { instructions } = this.state;\n    const dialogTitle = IModelApp.toolAdmin.activeTool\n      ? 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      // eslint-disable-next-line @typescript-eslint/no-deprecated\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    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      <StatusBarPopover\n        visible={this.state.isOpen}\n        onVisibleChange={(visible) => {\n          this.setIsOpen(visible);\n        }}\n        closeOnOutsideClick={!this.state.isPinned}\n        content={\n          <ToolAssistanceDialog\n            buttons={\n              <>\n                {!this.state.isPinned && (\n                  <StatusBarDialog.TitleBarButton\n                    onClick={this._handlePinButtonClick}\n                    title={UiFramework.translate(\"toolAssistance.pin\")}\n                  >\n                    <SvgPin />\n                  </StatusBarDialog.TitleBarButton>\n                )}\n                {this.state.isPinned && (\n                  <StatusBarDialog.TitleBarButton\n                    onClick={this._handleCloseButtonClick}\n                    title={UiFramework.translate(\"dialog.close\")}\n                  >\n                    <SvgClose />\n                  </StatusBarDialog.TitleBarButton>\n                )}\n              </>\n            }\n            title={dialogTitle}\n          >\n            {dialogContent}\n          </ToolAssistanceDialog>\n        }\n      >\n        <Button\n          styleType=\"borderless\"\n          startIcon={<>{toolIcon}</>}\n          className={classnames(\n            \"uifw-statusFields-toolAssistance-toolAssistanceField\",\n            this.props.className\n          )}\n          title={tooltip}\n          style={this.props.style}\n          ref={this._indicator}\n          labelProps={{ className: \"prompt\" }}\n        >\n          {prompt}\n          <StatusBarPopover.ExpandIndicator />\n        </Button>\n      </StatusBarPopover>\n    );\n  }\n\n  private _onPromptAtCursorChange = async (\n    e: React.ChangeEvent<HTMLInputElement>\n  ) => {\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 _handlePinButtonClick = () => {\n    if (this._isMounted) this.setState({ isPinned: true });\n  };\n\n  private _handleCloseButtonClick = () => {\n    this.setIsOpen(false);\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              {/* eslint-disable-next-line @typescript-eslint/no-deprecated */}\n              <Icon iconSpec={instruction.image} />\n            </div>\n          ) : (\n            this.getInstructionSvgImage(instruction, true)\n          );\n\n        image = (\n          // eslint-disable-next-line @typescript-eslint/no-deprecated\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(\"ToolAssistanceField\"),\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            {/* eslint-disable-next-line @typescript-eslint/no-deprecated */}\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(\"ToolAssistanceField\"),\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    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            ? \"uifw-toolassistance-svg-medium-wide\"\n            : \"uifw-toolassistance-svg-wide\";\n          break;\n      }\n\n      image = (\n        <div className={className}>\n          {/* eslint-disable-next-line @typescript-eslint/no-deprecated */}\n          {svgImage && <Icon iconSpec={svgImage} />}\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        // eslint-disable-next-line @typescript-eslint/no-deprecated\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(\"ToolAssistanceField\"),\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        {/* eslint-disable-next-line @typescript-eslint/no-deprecated */}\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/appui-react/syncui/InternalSyncUiEventDispatcher.js

@@ -14,7 +14,7 @@ export class InternalSyncUiEventDispatcher {
     constructor() {
         this._eventIds = new Set();
         this._eventIdAdded = false;
-        // eslint-disable-next-line deprecation/deprecation
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
         this._uiSyncEvent = new BeUiEvent();
         this._timeoutPeriod = 100;
         this._secondaryTimeoutPeriod = this._timeoutPeriod / 2;
@@ -42,7 +42,7 @@ export class InternalSyncUiEventDispatcher {
         return this._eventIds;
     }
     /** Return UiSyncEvent so callers can register an event callback. */
-    // eslint-disable-next-line deprecation/deprecation
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
     get onSyncUiEvent() {
         return this._uiSyncEvent;
     }