@itwin/appui-react 5.0.5 → 5.1.0

package/lib/appui-react/messages/Pointer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pointer.js","sourceRoot":"","sources":["../../../src/appui-react/messages/Pointer.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 \"./Pointer.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport {\n  MessageSeverity,\n  RelativePosition,\n  UiEvent,\n} from \"@itwin/appui-abstract\";\nimport { OutputMessagePriority } from \"@itwin/core-frontend\";\nimport type { XAndY } from \"@itwin/core-geometry\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport type { ListenerType } from \"@itwin/core-react/internal\";\nimport { Icon, MessageContainer, MessageRenderer } from \"@itwin/core-react\";\nimport { Point, Rectangle } from \"@itwin/core-react/internal\";\nimport {\n  offsetAndContainInContainer,\n  Tooltip,\n} from \"../layout/popup/Tooltip.js\";\nimport { MessageManager } from \"./MessageManager.js\";\nimport type {\n  NotifyMessageDetailsType,\n  NotifyMessageType,\n} from \"./ReactNotifyMessageDetails.js\";\nimport { BeUiEvent } from \"@itwin/core-bentley\";\nimport type { SizeProps } from \"../utils/SizeProps.js\";\n\n// cSpell:ignore noicon\n\n/** Properties of [[PointerMessage]] component.\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface PointerMessageProps extends CommonProps {\n  /** Text to display */\n  message?: string;\n}\n\n/** [[PointerMessage]] state.\n * @internal\n */\ninterface PointerMessageState {\n  isVisible: boolean;\n  message: NotifyMessageType;\n  detailedMessage?: NotifyMessageType;\n  position: XAndY;\n  messageDetails?: NotifyMessageDetailsType;\n}\n\n/** [[PointerMessageChangedEvent]] arguments.\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface PointerMessageChangedEventArgs {\n  isVisible: boolean;\n  priority: OutputMessagePriority;\n  message: NotifyMessageType;\n  detailedMessage?: NotifyMessageType;\n  relativePosition?: RelativePosition;\n  viewport?: HTMLElement;\n  pt?: XAndY;\n  messageDetails?: NotifyMessageDetailsType;\n}\n\n/** Pointer Message Changed Event emitted by the [[PointerMessage]] component\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class PointerMessageChangedEvent extends UiEvent<PointerMessageChangedEventArgs> {}\n\n/** Pointer message pops up near pointer when attempting an invalid interaction.\n * @public\n */\nexport class PointerMessage extends React.Component<\n  PointerMessageProps,\n  PointerMessageState\n> {\n  private static _pointerMessageChangedEvent =\n    new BeUiEvent<PointerMessageChangedEventArgs>(); // eslint-disable-line deprecation/deprecation\n  private static readonly _onPointerMessagePositionChangedEvent =\n    new BeUiEvent<{\n      pt: XAndY;\n      relativePosition: RelativePosition;\n    }>();\n\n  // eslint-disable-next-line deprecation/deprecation\n  public static get onPointerMessageChangedEvent(): PointerMessageChangedEvent {\n    return PointerMessage._pointerMessageChangedEvent;\n  }\n\n  public static showMessage(message: NotifyMessageDetailsType): void {\n    PointerMessage.onPointerMessageChangedEvent.emit({\n      isVisible: true,\n      priority: message.priority,\n      message: message.briefMessage,\n      detailedMessage: message.detailedMessage,\n      relativePosition: message.relativePosition,\n      viewport: message.viewport,\n      pt: message.displayPoint,\n      messageDetails: message,\n    });\n  }\n\n  public static updateMessage(\n    displayPoint: XAndY,\n    relativePosition: RelativePosition\n  ): void {\n    PointerMessage._onPointerMessagePositionChangedEvent.emit({\n      pt: displayPoint,\n      relativePosition,\n    });\n  }\n\n  public static hideMessage(): void {\n    PointerMessage.onPointerMessageChangedEvent.emit({\n      isVisible: false,\n      priority: OutputMessagePriority.None,\n      message: \"\",\n    });\n  }\n\n  public override readonly state: Readonly<PointerMessageState> = {\n    message: \"\",\n    isVisible: false,\n    position: {\n      x: 0,\n      y: 0,\n    },\n  };\n\n  private _relativePosition?: RelativePosition;\n  private _viewport?: HTMLElement;\n  private _position?: XAndY;\n  private _size: SizeProps = {\n    height: 0,\n    width: 0,\n  };\n\n  public override render(): React.ReactNode {\n    if (!this.state.isVisible) return null;\n\n    const className = classnames(\"uifw-pointer-message\", this.props.className);\n    const severity = MessageManager.getSeverity(this.state.messageDetails!);\n\n    return (\n      <Tooltip\n        className={className}\n        onSizeChanged={this._handleSizeChanged}\n        position={this.state.position}\n        style={this.props.style}\n      >\n        <div className=\"uifw-pointer-message-content\">\n          {severity !== MessageSeverity.None && (\n            <span className=\"uifw-pointer-message-icon\">\n              {/* eslint-disable-next-line deprecation/deprecation */}\n              <Icon\n                // eslint-disable-next-line deprecation/deprecation\n                className={`icon ${MessageContainer.getIconClassName(\n                  severity\n                )}`}\n                // eslint-disable-next-line deprecation/deprecation\n                iconSpec={`${MessageContainer.getIcon(severity, false)}`}\n              />\n            </span>\n          )}\n          <span className=\"uifw-pointer-message-text\">\n            {/* eslint-disable-next-line deprecation/deprecation */}\n            <MessageRenderer\n              className=\"uifw-pointer-message-brief\"\n              message={this.state.message}\n              useSpan\n            />\n            {this.state.detailedMessage && (\n              // eslint-disable-next-line deprecation/deprecation\n              <MessageRenderer\n                className=\"uifw-pointer-message-detailed\"\n                message={this.state.detailedMessage}\n              />\n            )}\n          </span>\n        </div>\n      </Tooltip>\n    );\n  }\n\n  public override componentDidMount(): void {\n    PointerMessage.onPointerMessageChangedEvent.addListener(\n      this._handlePointerMessageChangedEvent\n    );\n    PointerMessage._onPointerMessagePositionChangedEvent.addListener(\n      this._handlePointerMessagePositionChangedEvent\n    );\n  }\n\n  public override componentWillUnmount(): void {\n    PointerMessage.onPointerMessageChangedEvent.removeListener(\n      this._handlePointerMessageChangedEvent\n    );\n    PointerMessage._onPointerMessagePositionChangedEvent.removeListener(\n      this._handlePointerMessagePositionChangedEvent\n    );\n  }\n\n  private _handleSizeChanged = (size: SizeProps) => {\n    this._size = size;\n    this.updatePosition();\n  };\n\n  private _handlePointerMessageChangedEvent: ListenerType<\n    typeof PointerMessage.onPointerMessageChangedEvent\n  > = (args) => {\n    this._relativePosition = args.relativePosition;\n    this._viewport = args.viewport;\n    this._position = args.pt;\n    this.setState(() => ({\n      isVisible: args.isVisible,\n      message: args.message,\n      detailedMessage: args.detailedMessage,\n      messageDetails: args.messageDetails,\n    }));\n    this.updatePosition();\n  };\n\n  private _handlePointerMessagePositionChangedEvent: ListenerType<\n    typeof PointerMessage._onPointerMessagePositionChangedEvent\n  > = (args) => {\n    this._relativePosition = args.relativePosition;\n    this._position = args.pt;\n    this.updatePosition();\n  };\n\n  private updatePosition() {\n    const adjustmentOffset = 20;\n    let offset: XAndY | undefined;\n    switch (this._relativePosition) {\n      case RelativePosition.Top:\n        offset = { x: 0, y: -adjustmentOffset };\n        break;\n      case RelativePosition.TopRight:\n        offset = { x: adjustmentOffset, y: -adjustmentOffset };\n        break;\n      case RelativePosition.Right:\n        offset = { x: adjustmentOffset, y: 0 };\n        break;\n      case RelativePosition.BottomRight:\n        offset = { x: adjustmentOffset, y: adjustmentOffset };\n        break;\n      case RelativePosition.Bottom:\n        offset = { x: 0, y: adjustmentOffset };\n        break;\n      case RelativePosition.BottomLeft:\n        offset = { x: -adjustmentOffset, y: adjustmentOffset };\n        break;\n      case RelativePosition.Left:\n        offset = { x: -adjustmentOffset, y: 0 };\n        break;\n      case RelativePosition.TopLeft:\n        offset = { x: -adjustmentOffset, y: -adjustmentOffset };\n        break;\n    }\n\n    this.setState((prevState) => {\n      if (!this._viewport) return null;\n      if (!this._position) return null;\n\n      const containerBounds = Rectangle.create(\n        this._viewport.getBoundingClientRect()\n      );\n      const relativeBounds = Rectangle.createFromSize(this._size).offset(\n        this._position\n      );\n      const viewportOffset = new Point().getOffsetTo(containerBounds.topLeft());\n\n      const adjustedPosition = offsetAndContainInContainer(\n        relativeBounds,\n        containerBounds.getSize(),\n        offset\n      );\n      const position = adjustedPosition.offset(viewportOffset);\n\n      if (position.equals(prevState.position)) return null;\n\n      return {\n        position,\n      };\n    });\n  }\n}\n"]}
+{"version":3,"file":"Pointer.js","sourceRoot":"","sources":["../../../src/appui-react/messages/Pointer.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 \"./Pointer.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport {\n  MessageSeverity,\n  RelativePosition,\n  UiEvent,\n} from \"@itwin/appui-abstract\";\nimport { OutputMessagePriority } from \"@itwin/core-frontend\";\nimport type { XAndY } from \"@itwin/core-geometry\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport type { ListenerType } from \"@itwin/core-react/internal\";\nimport { Icon, MessageContainer, MessageRenderer } from \"@itwin/core-react\";\nimport { Point, Rectangle } from \"@itwin/core-react/internal\";\nimport {\n  offsetAndContainInContainer,\n  Tooltip,\n} from \"../layout/popup/Tooltip.js\";\nimport { MessageManager } from \"./MessageManager.js\";\nimport type {\n  NotifyMessageDetailsType,\n  NotifyMessageType,\n} from \"./ReactNotifyMessageDetails.js\";\nimport { BeUiEvent } from \"@itwin/core-bentley\";\nimport type { SizeProps } from \"../utils/SizeProps.js\";\n\n/** Properties of [[PointerMessage]] component.\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface PointerMessageProps extends CommonProps {\n  /** Text to display */\n  message?: string;\n}\n\n/** [[PointerMessage]] state.\n * @internal\n */\ninterface PointerMessageState {\n  isVisible: boolean;\n  message: NotifyMessageType;\n  detailedMessage?: NotifyMessageType;\n  position: XAndY;\n  messageDetails?: NotifyMessageDetailsType;\n}\n\n/** [[PointerMessageChangedEvent]] arguments.\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface PointerMessageChangedEventArgs {\n  isVisible: boolean;\n  priority: OutputMessagePriority;\n  message: NotifyMessageType;\n  detailedMessage?: NotifyMessageType;\n  relativePosition?: RelativePosition;\n  viewport?: HTMLElement;\n  pt?: XAndY;\n  messageDetails?: NotifyMessageDetailsType;\n}\n\n/** Pointer Message Changed Event emitted by the [[PointerMessage]] component\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport class PointerMessageChangedEvent extends UiEvent<PointerMessageChangedEventArgs> {}\n\n/** Pointer message pops up near pointer when attempting an invalid interaction.\n * @public\n */\nexport class PointerMessage extends React.Component<\n  PointerMessageProps,\n  PointerMessageState\n> {\n  private static _pointerMessageChangedEvent =\n    new BeUiEvent<PointerMessageChangedEventArgs>(); // eslint-disable-line @typescript-eslint/no-deprecated\n  private static readonly _onPointerMessagePositionChangedEvent =\n    new BeUiEvent<{\n      pt: XAndY;\n      relativePosition: RelativePosition;\n    }>();\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  public static get onPointerMessageChangedEvent(): PointerMessageChangedEvent {\n    return PointerMessage._pointerMessageChangedEvent;\n  }\n\n  public static showMessage(message: NotifyMessageDetailsType): void {\n    PointerMessage.onPointerMessageChangedEvent.emit({\n      isVisible: true,\n      priority: message.priority,\n      message: message.briefMessage,\n      detailedMessage: message.detailedMessage,\n      relativePosition: message.relativePosition,\n      viewport: message.viewport,\n      pt: message.displayPoint,\n      messageDetails: message,\n    });\n  }\n\n  public static updateMessage(\n    displayPoint: XAndY,\n    relativePosition: RelativePosition\n  ): void {\n    PointerMessage._onPointerMessagePositionChangedEvent.emit({\n      pt: displayPoint,\n      relativePosition,\n    });\n  }\n\n  public static hideMessage(): void {\n    PointerMessage.onPointerMessageChangedEvent.emit({\n      isVisible: false,\n      priority: OutputMessagePriority.None,\n      message: \"\",\n    });\n  }\n\n  public override readonly state: Readonly<PointerMessageState> = {\n    message: \"\",\n    isVisible: false,\n    position: {\n      x: 0,\n      y: 0,\n    },\n  };\n\n  private _relativePosition?: RelativePosition;\n  private _viewport?: HTMLElement;\n  private _position?: XAndY;\n  private _size: SizeProps = {\n    height: 0,\n    width: 0,\n  };\n\n  public override render(): React.ReactNode {\n    if (!this.state.isVisible) return null;\n\n    const className = classnames(\"uifw-pointer-message\", this.props.className);\n    const severity = MessageManager.getSeverity(this.state.messageDetails!);\n\n    return (\n      <Tooltip\n        className={className}\n        onSizeChanged={this._handleSizeChanged}\n        position={this.state.position}\n        style={this.props.style}\n      >\n        <div className=\"uifw-pointer-message-content\">\n          {severity !== MessageSeverity.None && (\n            <span className=\"uifw-pointer-message-icon\">\n              {/* eslint-disable-next-line @typescript-eslint/no-deprecated */}\n              <Icon\n                // eslint-disable-next-line @typescript-eslint/no-deprecated\n                className={`icon ${MessageContainer.getIconClassName(\n                  severity\n                )}`}\n                // eslint-disable-next-line @typescript-eslint/no-deprecated\n                iconSpec={`${MessageContainer.getIcon(severity, false)}`}\n              />\n            </span>\n          )}\n          <span className=\"uifw-pointer-message-text\">\n            {/* eslint-disable-next-line @typescript-eslint/no-deprecated */}\n            <MessageRenderer\n              className=\"uifw-pointer-message-brief\"\n              message={this.state.message}\n              useSpan\n            />\n            {this.state.detailedMessage && (\n              // eslint-disable-next-line @typescript-eslint/no-deprecated\n              <MessageRenderer\n                className=\"uifw-pointer-message-detailed\"\n                message={this.state.detailedMessage}\n              />\n            )}\n          </span>\n        </div>\n      </Tooltip>\n    );\n  }\n\n  public override componentDidMount(): void {\n    PointerMessage.onPointerMessageChangedEvent.addListener(\n      this._handlePointerMessageChangedEvent\n    );\n    PointerMessage._onPointerMessagePositionChangedEvent.addListener(\n      this._handlePointerMessagePositionChangedEvent\n    );\n  }\n\n  public override componentWillUnmount(): void {\n    PointerMessage.onPointerMessageChangedEvent.removeListener(\n      this._handlePointerMessageChangedEvent\n    );\n    PointerMessage._onPointerMessagePositionChangedEvent.removeListener(\n      this._handlePointerMessagePositionChangedEvent\n    );\n  }\n\n  private _handleSizeChanged = (size: SizeProps) => {\n    this._size = size;\n    this.updatePosition();\n  };\n\n  private _handlePointerMessageChangedEvent: ListenerType<\n    typeof PointerMessage.onPointerMessageChangedEvent\n  > = (args) => {\n    this._relativePosition = args.relativePosition;\n    this._viewport = args.viewport;\n    this._position = args.pt;\n    this.setState(() => ({\n      isVisible: args.isVisible,\n      message: args.message,\n      detailedMessage: args.detailedMessage,\n      messageDetails: args.messageDetails,\n    }));\n    this.updatePosition();\n  };\n\n  private _handlePointerMessagePositionChangedEvent: ListenerType<\n    typeof PointerMessage._onPointerMessagePositionChangedEvent\n  > = (args) => {\n    this._relativePosition = args.relativePosition;\n    this._position = args.pt;\n    this.updatePosition();\n  };\n\n  private updatePosition() {\n    const adjustmentOffset = 20;\n    let offset: XAndY | undefined;\n    switch (this._relativePosition) {\n      case RelativePosition.Top:\n        offset = { x: 0, y: -adjustmentOffset };\n        break;\n      case RelativePosition.TopRight:\n        offset = { x: adjustmentOffset, y: -adjustmentOffset };\n        break;\n      case RelativePosition.Right:\n        offset = { x: adjustmentOffset, y: 0 };\n        break;\n      case RelativePosition.BottomRight:\n        offset = { x: adjustmentOffset, y: adjustmentOffset };\n        break;\n      case RelativePosition.Bottom:\n        offset = { x: 0, y: adjustmentOffset };\n        break;\n      case RelativePosition.BottomLeft:\n        offset = { x: -adjustmentOffset, y: adjustmentOffset };\n        break;\n      case RelativePosition.Left:\n        offset = { x: -adjustmentOffset, y: 0 };\n        break;\n      case RelativePosition.TopLeft:\n        offset = { x: -adjustmentOffset, y: -adjustmentOffset };\n        break;\n    }\n\n    this.setState((prevState) => {\n      if (!this._viewport) return null;\n      if (!this._position) return null;\n\n      const containerBounds = Rectangle.create(\n        this._viewport.getBoundingClientRect()\n      );\n      const relativeBounds = Rectangle.createFromSize(this._size).offset(\n        this._position\n      );\n      const viewportOffset = new Point().getOffsetTo(containerBounds.topLeft());\n\n      const adjustedPosition = offsetAndContainInContainer(\n        relativeBounds,\n        containerBounds.getSize(),\n        offset\n      );\n      const position = adjustedPosition.offset(viewportOffset);\n\n      if (position.equals(prevState.position)) return null;\n\n      return {\n        position,\n      };\n    });\n  }\n}\n"]}

package/lib/appui-react/messages/ReactNotifyMessageDetails.d.ts

@@ -21,7 +21,7 @@ export type NotifyMessageDetailsType = NotifyMessageDetails | ReactNotifyMessage
 export declare class ReactNotifyMessageDetails {
     priority: OutputMessagePriority;
     briefMessage: NotifyMessageType;
-    detailedMessage?: MessageType | undefined;
+    detailedMessage?: NotifyMessageType | undefined;
     msgType: OutputMessageType;
     openAlert: OutputMessageAlert;
     private _notifyMessageDetails;
@@ -45,7 +45,7 @@ export declare class ReactNotifyMessageDetails {
      *  @param msgType            The type of message.
      *  @param openAlert          Whether an alert box should be displayed or not, and if so what kind.
      */
-    constructor(priority: OutputMessagePriority, briefMessage: NotifyMessageType, detailedMessage?: MessageType | undefined, msgType?: OutputMessageType, openAlert?: OutputMessageAlert);
+    constructor(priority: OutputMessagePriority, briefMessage: NotifyMessageType, detailedMessage?: NotifyMessageType | undefined, msgType?: OutputMessageType, openAlert?: OutputMessageAlert);
     /** Set OutputMessageType.Pointer message details.
      * @param viewport            Viewport over which to display the Pointer type message.
      * @param displayPoint        Point at which to display the Pointer type message.

package/lib/appui-react/messages/ReactNotifyMessageDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactNotifyMessageDetails.d.ts","sourceRoot":"","sources":["../../../src/appui-react/messages/ReactNotifyMessageDetails.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD;;GAEG;AAEH,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC;AAE5C;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAChC,oBAAoB,GACpB,yBAAyB,CAAC;AAE9B;;GAEG;AACH,qBAAa,yBAAyB;IAyC3B,QAAQ,EAAE,qBAAqB;IAC/B,YAAY,EAAE,iBAAiB;IAC/B,eAAe,CAAC;IAChB,OAAO;IACP,SAAS;IA5ClB,OAAO,CAAC,qBAAqB,CAAuB;IAEpD,gBAAgB;IAChB,IAAW,cAAc,IAAI,oBAAoB,CAEhD;IAED,kDAAkD;IAClD,IAAW,WAAW,IAAI,UAAU,CAEnC;IACD,IAAW,WAAW,CAAC,QAAQ,EAAE,UAAU,EAE1C;IAED,4CAA4C;IAC5C,IAAW,QAAQ,IAAI,WAAW,GAAG,SAAS,CAE7C;IACD,kCAAkC;IAClC,IAAW,YAAY,IAAI,OAAO,GAAG,SAAS,CAE7C;IACD,8CAA8C;IAC9C,IAAW,gBAAgB,IAAI,gBAAgB,CAE9C;IACD,oDAAoD;IACpD,IAAW,UAAU,IAAI,WAAW,GAAG,SAAS,CAE/C;IAED;;;;;;OAMG;gBAEM,QAAQ,EAAE,qBAAqB,EAC/B,YAAY,EAAE,iBAAiB,EAC/B,eAAe,CAAC,yBAAmB,EACnC,OAAO,oBAA0B,EACjC,SAAS,qBAA0B;IAY5C;;;;OAIG;IACI,qBAAqB,CAC1B,QAAQ,EAAE,WAAW,EACrB,YAAY,EAAE,KAAK,EACnB,gBAAgB,mBAA4B;IAS9C;;OAEG;IACI,wBAAwB,CAAC,UAAU,EAAE,WAAW;CAGxD;AAED;;GAEG;AACH,eAAO,MAAM,2BAA2B,YAC7B,GAAG,yCAGb,CAAC"}
+{"version":3,"file":"ReactNotifyMessageDetails.d.ts","sourceRoot":"","sources":["../../../src/appui-react/messages/ReactNotifyMessageDetails.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD;;GAEG;AAEH,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC;AAE5C;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAChC,oBAAoB,GACpB,yBAAyB,CAAC;AAE9B;;GAEG;AACH,qBAAa,yBAAyB;IAyC3B,QAAQ,EAAE,qBAAqB;IAC/B,YAAY,EAAE,iBAAiB;IAC/B,eAAe,CAAC,EAAE,iBAAiB;IACnC,OAAO;IACP,SAAS;IA5ClB,OAAO,CAAC,qBAAqB,CAAuB;IAEpD,gBAAgB;IAChB,IAAW,cAAc,IAAI,oBAAoB,CAEhD;IAED,kDAAkD;IAClD,IAAW,WAAW,IAAI,UAAU,CAEnC;IACD,IAAW,WAAW,CAAC,QAAQ,EAAE,UAAU,EAE1C;IAED,4CAA4C;IAC5C,IAAW,QAAQ,IAAI,WAAW,GAAG,SAAS,CAE7C;IACD,kCAAkC;IAClC,IAAW,YAAY,IAAI,OAAO,GAAG,SAAS,CAE7C;IACD,8CAA8C;IAC9C,IAAW,gBAAgB,IAAI,gBAAgB,CAE9C;IACD,oDAAoD;IACpD,IAAW,UAAU,IAAI,WAAW,GAAG,SAAS,CAE/C;IAED;;;;;;OAMG;gBAEM,QAAQ,EAAE,qBAAqB,EAC/B,YAAY,EAAE,iBAAiB,EAC/B,eAAe,CAAC,EAAE,iBAAiB,YAAA,EACnC,OAAO,oBAA0B,EACjC,SAAS,qBAA0B;IAY5C;;;;OAIG;IACI,qBAAqB,CAC1B,QAAQ,EAAE,WAAW,EACrB,YAAY,EAAE,KAAK,EACnB,gBAAgB,mBAA4B;IAS9C;;OAEG;IACI,wBAAwB,CAAC,UAAU,EAAE,WAAW;CAGxD;AAED;;GAEG;AACH,eAAO,MAAM,2BAA2B,YAC7B,GAAG,KACX,OAAO,IAAI,yBAEb,CAAC"}

package/lib/appui-react/messages/ReactNotifyMessageDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReactNotifyMessageDetails.js","sourceRoot":"","sources":["../../../src/appui-react/messages/ReactNotifyMessageDetails.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAKH,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAgBzD;;GAEG;AACH,MAAM,OAAO,yBAAyB;IAGpC,gBAAgB;IAChB,IAAW,cAAc;QACvB,OAAO,IAAI,CAAC,qBAAqB,CAAC;IACpC,CAAC;IAED,kDAAkD;IAClD,IAAW,WAAW;QACpB,OAAO,IAAI,CAAC,qBAAqB,CAAC,WAAW,CAAC;IAChD,CAAC;IACD,IAAW,WAAW,CAAC,QAAoB;QACzC,IAAI,CAAC,qBAAqB,CAAC,WAAW,GAAG,QAAQ,CAAC;IACpD,CAAC;IAED,4CAA4C;IAC5C,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC;IAC7C,CAAC;IACD,kCAAkC;IAClC,IAAW,YAAY;QACrB,OAAO,IAAI,CAAC,qBAAqB,CAAC,YAAY,CAAC;IACjD,CAAC;IACD,8CAA8C;IAC9C,IAAW,gBAAgB;QACzB,OAAO,IAAI,CAAC,qBAAqB,CAAC,gBAAgB,CAAC;IACrD,CAAC;IACD,oDAAoD;IACpD,IAAW,UAAU;QACnB,OAAO,IAAI,CAAC,qBAAqB,CAAC,UAAU,CAAC;IAC/C,CAAC;IAED;;;;;;OAMG;IACH,YACS,QAA+B,EAC/B,YAA+B,EAC/B,eAAmC,EACnC,UAAU,iBAAiB,CAAC,KAAK,EACjC,YAAY,kBAAkB,CAAC,IAAI;QAJnC,aAAQ,GAAR,QAAQ,CAAuB;QAC/B,iBAAY,GAAZ,YAAY,CAAmB;QAC/B,oBAAe,GAAf,eAAe,CAAoB;QACnC,YAAO,GAAP,OAAO,CAA0B;QACjC,cAAS,GAAT,SAAS,CAA0B;QAE1C,8CAA8C;QAC9C,IAAI,CAAC,qBAAqB,GAAG,IAAI,oBAAoB,CACnD,QAAQ,EACR,EAAE,EACF,SAAS,EACT,OAAO,EACP,SAAS,CACV,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACI,qBAAqB,CAC1B,QAAqB,EACrB,YAAmB,EACnB,gBAAgB,GAAG,gBAAgB,CAAC,QAAQ;QAE5C,IAAI,CAAC,qBAAqB,CAAC,qBAAqB,CAC9C,QAAQ,EACR,YAAY,EACZ,gBAAgB,CACjB,CAAC;IACJ,CAAC;IAED;;OAEG;IACI,wBAAwB,CAAC,UAAuB;QACrD,IAAI,CAAC,qBAAqB,CAAC,wBAAwB,CAAC,UAAU,CAAC,CAAC;IAClE,CAAC;CACF;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,OAAY,EAC0B,EAAE;IACxC,OAAQ,OAAqC,CAAC,cAAc,KAAK,SAAS,CAAC;AAC7E,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Notification\n */\n\nimport type { BeDuration } from \"@itwin/core-bentley\";\nimport type { Point2d, XAndY } from \"@itwin/core-geometry\";\nimport type { OutputMessagePriority } from \"@itwin/core-frontend\";\nimport {\n  NotifyMessageDetails,\n  OutputMessageAlert,\n  OutputMessageType,\n} from \"@itwin/core-frontend\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\nimport type { MessageType } from \"@itwin/core-react\";\n\n/** Types for message in [[MessageManager]]\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport type NotifyMessageType = MessageType;\n\n/** Types for NotifyMessageDetails.\n * @public\n */\nexport type NotifyMessageDetailsType =\n  | NotifyMessageDetails\n  | ReactNotifyMessageDetails;\n\n/** Describes a message to be displayed to the user and adds support for React components in messages.\n * @public\n */\nexport class ReactNotifyMessageDetails {\n  private _notifyMessageDetails: NotifyMessageDetails;\n\n  /** @internal */\n  public get messageDetails(): NotifyMessageDetails {\n    return this._notifyMessageDetails;\n  }\n\n  /** Amount of time a Toast message is displayed */\n  public get displayTime(): BeDuration {\n    return this._notifyMessageDetails.displayTime;\n  }\n  public set displayTime(duration: BeDuration) {\n    this._notifyMessageDetails.displayTime = duration;\n  }\n\n  /** Anchor viewport for a Pointer message */\n  public get viewport(): HTMLElement | undefined {\n    return this._notifyMessageDetails.viewport;\n  }\n  /** Point for a Pointer message */\n  public get displayPoint(): Point2d | undefined {\n    return this._notifyMessageDetails.displayPoint;\n  }\n  /** Relative position for a Pointer message */\n  public get relativePosition(): RelativePosition {\n    return this._notifyMessageDetails.relativePosition;\n  }\n  /** Anchor input field for an Input Field message */\n  public get inputField(): HTMLElement | undefined {\n    return this._notifyMessageDetails.inputField;\n  }\n\n  /** Constructor\n   *  @param priority           The priority this message should be accorded by the NotificationManager.\n   *  @param briefMessage       A short message that conveys the simplest explanation of the issue.\n   *  @param detailedMessage    A comprehensive message that explains the issue in detail and potentially offers a solution.\n   *  @param msgType            The type of message.\n   *  @param openAlert          Whether an alert box should be displayed or not, and if so what kind.\n   */\n  public constructor(\n    public priority: OutputMessagePriority,\n    public briefMessage: NotifyMessageType,\n    public detailedMessage?: NotifyMessageType,\n    public msgType = OutputMessageType.Toast,\n    public openAlert = OutputMessageAlert.None\n  ) {\n    /** Create an internal NotifyMessageDetails */\n    this._notifyMessageDetails = new NotifyMessageDetails(\n      priority,\n      \"\",\n      undefined,\n      msgType,\n      openAlert\n    );\n  }\n\n  /** Set OutputMessageType.Pointer message details.\n   * @param viewport            Viewport over which to display the Pointer type message.\n   * @param displayPoint        Point at which to display the Pointer type message.\n   * @param relativePosition    Position relative to displayPoint at which to display the Pointer type message.\n   */\n  public setPointerTypeDetails(\n    viewport: HTMLElement,\n    displayPoint: XAndY,\n    relativePosition = RelativePosition.TopRight\n  ) {\n    this._notifyMessageDetails.setPointerTypeDetails(\n      viewport,\n      displayPoint,\n      relativePosition\n    );\n  }\n\n  /** Set OutputMessageType.InputField message details.\n   * @param inputField          Input field that message pertains. The message will be shown just below this input field element.\n   */\n  public setInputFieldTypeDetails(inputField: HTMLElement) {\n    this._notifyMessageDetails.setInputFieldTypeDetails(inputField);\n  }\n}\n\n/** ReactNotifyMessageDetails type guard.\n * @internal\n */\nexport const isReactNotifyMessageDetails = (\n  details: any\n): details is ReactNotifyMessageDetails => {\n  return (details as ReactNotifyMessageDetails).messageDetails !== undefined;\n};\n"]}
+{"version":3,"file":"ReactNotifyMessageDetails.js","sourceRoot":"","sources":["../../../src/appui-react/messages/ReactNotifyMessageDetails.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAKH,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAgBzD;;GAEG;AACH,MAAM,OAAO,yBAAyB;IAGpC,gBAAgB;IAChB,IAAW,cAAc;QACvB,OAAO,IAAI,CAAC,qBAAqB,CAAC;IACpC,CAAC;IAED,kDAAkD;IAClD,IAAW,WAAW;QACpB,OAAO,IAAI,CAAC,qBAAqB,CAAC,WAAW,CAAC;IAChD,CAAC;IACD,IAAW,WAAW,CAAC,QAAoB;QACzC,IAAI,CAAC,qBAAqB,CAAC,WAAW,GAAG,QAAQ,CAAC;IACpD,CAAC;IAED,4CAA4C;IAC5C,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC;IAC7C,CAAC;IACD,kCAAkC;IAClC,IAAW,YAAY;QACrB,OAAO,IAAI,CAAC,qBAAqB,CAAC,YAAY,CAAC;IACjD,CAAC;IACD,8CAA8C;IAC9C,IAAW,gBAAgB;QACzB,OAAO,IAAI,CAAC,qBAAqB,CAAC,gBAAgB,CAAC;IACrD,CAAC;IACD,oDAAoD;IACpD,IAAW,UAAU;QACnB,OAAO,IAAI,CAAC,qBAAqB,CAAC,UAAU,CAAC;IAC/C,CAAC;IAED;;;;;;OAMG;IACH,YACS,QAA+B,EAC/B,YAA+B,EAC/B,eAAmC,EACnC,UAAU,iBAAiB,CAAC,KAAK,EACjC,YAAY,kBAAkB,CAAC,IAAI;QAJnC,aAAQ,GAAR,QAAQ,CAAuB;QAC/B,iBAAY,GAAZ,YAAY,CAAmB;QAC/B,oBAAe,GAAf,eAAe,CAAoB;QACnC,YAAO,GAAP,OAAO,CAA0B;QACjC,cAAS,GAAT,SAAS,CAA0B;QAE1C,8CAA8C;QAC9C,IAAI,CAAC,qBAAqB,GAAG,IAAI,oBAAoB,CACnD,QAAQ,EACR,EAAE,EACF,SAAS,EACT,OAAO,EACP,SAAS,CACV,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACI,qBAAqB,CAC1B,QAAqB,EACrB,YAAmB,EACnB,gBAAgB,GAAG,gBAAgB,CAAC,QAAQ;QAE5C,IAAI,CAAC,qBAAqB,CAAC,qBAAqB,CAC9C,QAAQ,EACR,YAAY,EACZ,gBAAgB,CACjB,CAAC;IACJ,CAAC;IAED;;OAEG;IACI,wBAAwB,CAAC,UAAuB;QACrD,IAAI,CAAC,qBAAqB,CAAC,wBAAwB,CAAC,UAAU,CAAC,CAAC;IAClE,CAAC;CACF;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACzC,OAAY,EAC0B,EAAE;IACxC,OAAQ,OAAqC,CAAC,cAAc,KAAK,SAAS,CAAC;AAC7E,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Notification\n */\n\nimport type { BeDuration } from \"@itwin/core-bentley\";\nimport type { Point2d, XAndY } from \"@itwin/core-geometry\";\nimport type { OutputMessagePriority } from \"@itwin/core-frontend\";\nimport {\n  NotifyMessageDetails,\n  OutputMessageAlert,\n  OutputMessageType,\n} from \"@itwin/core-frontend\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\nimport type { MessageType } from \"@itwin/core-react\";\n\n/** Types for message in [[MessageManager]]\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport type NotifyMessageType = MessageType;\n\n/** Types for NotifyMessageDetails.\n * @public\n */\nexport type NotifyMessageDetailsType =\n  | NotifyMessageDetails\n  | ReactNotifyMessageDetails;\n\n/** Describes a message to be displayed to the user and adds support for React components in messages.\n * @public\n */\nexport class ReactNotifyMessageDetails {\n  private _notifyMessageDetails: NotifyMessageDetails;\n\n  /** @internal */\n  public get messageDetails(): NotifyMessageDetails {\n    return this._notifyMessageDetails;\n  }\n\n  /** Amount of time a Toast message is displayed */\n  public get displayTime(): BeDuration {\n    return this._notifyMessageDetails.displayTime;\n  }\n  public set displayTime(duration: BeDuration) {\n    this._notifyMessageDetails.displayTime = duration;\n  }\n\n  /** Anchor viewport for a Pointer message */\n  public get viewport(): HTMLElement | undefined {\n    return this._notifyMessageDetails.viewport;\n  }\n  /** Point for a Pointer message */\n  public get displayPoint(): Point2d | undefined {\n    return this._notifyMessageDetails.displayPoint;\n  }\n  /** Relative position for a Pointer message */\n  public get relativePosition(): RelativePosition {\n    return this._notifyMessageDetails.relativePosition;\n  }\n  /** Anchor input field for an Input Field message */\n  public get inputField(): HTMLElement | undefined {\n    return this._notifyMessageDetails.inputField;\n  }\n\n  /** Constructor\n   *  @param priority           The priority this message should be accorded by the NotificationManager.\n   *  @param briefMessage       A short message that conveys the simplest explanation of the issue.\n   *  @param detailedMessage    A comprehensive message that explains the issue in detail and potentially offers a solution.\n   *  @param msgType            The type of message.\n   *  @param openAlert          Whether an alert box should be displayed or not, and if so what kind.\n   */\n  public constructor(\n    public priority: OutputMessagePriority,\n    public briefMessage: NotifyMessageType,\n    public detailedMessage?: NotifyMessageType,\n    public msgType = OutputMessageType.Toast,\n    public openAlert = OutputMessageAlert.None\n  ) {\n    /** Create an internal NotifyMessageDetails */\n    this._notifyMessageDetails = new NotifyMessageDetails(\n      priority,\n      \"\",\n      undefined,\n      msgType,\n      openAlert\n    );\n  }\n\n  /** Set OutputMessageType.Pointer message details.\n   * @param viewport            Viewport over which to display the Pointer type message.\n   * @param displayPoint        Point at which to display the Pointer type message.\n   * @param relativePosition    Position relative to displayPoint at which to display the Pointer type message.\n   */\n  public setPointerTypeDetails(\n    viewport: HTMLElement,\n    displayPoint: XAndY,\n    relativePosition = RelativePosition.TopRight\n  ) {\n    this._notifyMessageDetails.setPointerTypeDetails(\n      viewport,\n      displayPoint,\n      relativePosition\n    );\n  }\n\n  /** Set OutputMessageType.InputField message details.\n   * @param inputField          Input field that message pertains. The message will be shown just below this input field element.\n   */\n  public setInputFieldTypeDetails(inputField: HTMLElement) {\n    this._notifyMessageDetails.setInputFieldTypeDetails(inputField);\n  }\n}\n\n/** ReactNotifyMessageDetails type guard.\n * @internal\n */\nexport const isReactNotifyMessageDetails = (\n  details: any\n): details is ReactNotifyMessageDetails => {\n  return (details as ReactNotifyMessageDetails).messageDetails !== undefined;\n};\n"]}

package/lib/appui-react/navigationaids/CubeNavigationAidControl.js

@@ -12,9 +12,9 @@ import { NavigationAidControl } from "./NavigationAidControl.js";
  * @public
  * @deprecated in 4.16.0. Use {@link @itwin/imodel-components-react#CubeNavigationAid} component instead.
  */
-// eslint-disable-next-line deprecation/deprecation
+// eslint-disable-next-line @typescript-eslint/no-deprecated
 export class CubeNavigationAidControl extends NavigationAidControl {
-    // eslint-disable-next-line deprecation/deprecation
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
     constructor(info, options) {
         super(info, options);
         this.reactNode = (React.createElement(CubeNavigationAid, { iModelConnection: options.imodel, viewport: options.viewport }));

package/lib/appui-react/navigationaids/CubeNavigationAidControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"CubeNavigationAidControl.js","sourceRoot":"","sources":["../../../src/appui-react/navigationaids/CubeNavigationAidControl.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE;;;GAGG;AACH,mDAAmD;AACnD,MAAM,OAAO,wBAAyB,SAAQ,oBAAoB;IAGhE,mDAAmD;IACnD,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACrB,IAAI,CAAC,SAAS,GAAG,CACf,oBAAC,iBAAiB,IAChB,gBAAgB,EAAE,OAAO,CAAC,MAAM,EAChC,QAAQ,EAAE,OAAO,CAAC,QAAQ,GAC1B,CACH,CAAC;IACJ,CAAC;IAEe,OAAO;QACrB,OAAO,MAAM,CAAC;IAChB,CAAC;;AAfa,wCAAe,GAAG,mBAAmB,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 NavigationAids\n */\n\nimport * as React from \"react\";\nimport { CubeNavigationAid } from \"@itwin/imodel-components-react\";\nimport type { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl.js\";\nimport { NavigationAidControl } from \"./NavigationAidControl.js\";\n\n/** Navigation Aid that displays an interactive rotation cube for Spatial views that synchronizes with the rotation of the iModel Viewport\n * @public\n * @deprecated in 4.16.0. Use {@link @itwin/imodel-components-react#CubeNavigationAid} component instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class CubeNavigationAidControl extends NavigationAidControl {\n  public static navigationAidId = \"CubeNavigationAid\";\n\n  // eslint-disable-next-line deprecation/deprecation\n  constructor(info: ConfigurableCreateInfo, options: any) {\n    super(info, options);\n    this.reactNode = (\n      <CubeNavigationAid\n        iModelConnection={options.imodel}\n        viewport={options.viewport}\n      />\n    );\n  }\n\n  public override getSize(): string | undefined {\n    return \"96px\";\n  }\n}\n"]}
+{"version":3,"file":"CubeNavigationAidControl.js","sourceRoot":"","sources":["../../../src/appui-react/navigationaids/CubeNavigationAidControl.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAEnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE;;;GAGG;AACH,4DAA4D;AAC5D,MAAM,OAAO,wBAAyB,SAAQ,oBAAoB;IAGhE,4DAA4D;IAC5D,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACrB,IAAI,CAAC,SAAS,GAAG,CACf,oBAAC,iBAAiB,IAChB,gBAAgB,EAAE,OAAO,CAAC,MAAM,EAChC,QAAQ,EAAE,OAAO,CAAC,QAAQ,GAC1B,CACH,CAAC;IACJ,CAAC;IAEe,OAAO;QACrB,OAAO,MAAM,CAAC;IAChB,CAAC;;AAfa,wCAAe,GAAG,mBAAmB,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 NavigationAids\n */\n\nimport * as React from \"react\";\nimport { CubeNavigationAid } from \"@itwin/imodel-components-react\";\nimport type { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl.js\";\nimport { NavigationAidControl } from \"./NavigationAidControl.js\";\n\n/** Navigation Aid that displays an interactive rotation cube for Spatial views that synchronizes with the rotation of the iModel Viewport\n * @public\n * @deprecated in 4.16.0. Use {@link @itwin/imodel-components-react#CubeNavigationAid} component instead.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport class CubeNavigationAidControl extends NavigationAidControl {\n  public static navigationAidId = \"CubeNavigationAid\";\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  constructor(info: ConfigurableCreateInfo, options: any) {\n    super(info, options);\n    this.reactNode = (\n      <CubeNavigationAid\n        iModelConnection={options.imodel}\n        viewport={options.viewport}\n      />\n    );\n  }\n\n  public override getSize(): string | undefined {\n    return \"96px\";\n  }\n}\n"]}

package/lib/appui-react/navigationaids/DrawingNavigationAidControl.js

@@ -12,9 +12,9 @@ import { NavigationAidControl } from "./NavigationAidControl.js";
  * @public
  * @deprecated in 4.16.0. Use {@link @itwin/imodel-components-react#DrawingNavigationAid} component instead.
  */
-// eslint-disable-next-line deprecation/deprecation
+// eslint-disable-next-line @typescript-eslint/no-deprecated
 export class DrawingNavigationAidControl extends NavigationAidControl {
-    // eslint-disable-next-line deprecation/deprecation
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
     constructor(info, options) {
         super(info, options);
         this.reactNode = (React.createElement(DrawingNavigationAid, { iModelConnection: options.imodel, viewport: options.viewport }));

package/lib/appui-react/navigationaids/DrawingNavigationAidControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawingNavigationAidControl.js","sourceRoot":"","sources":["../../../src/appui-react/navigationaids/DrawingNavigationAidControl.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAEtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE;;;GAGG;AACH,mDAAmD;AACnD,MAAM,OAAO,2BAA4B,SAAQ,oBAAoB;IAGnE,mDAAmD;IACnD,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACrB,IAAI,CAAC,SAAS,GAAG,CACf,oBAAC,oBAAoB,IACnB,gBAAgB,EAAE,OAAO,CAAC,MAAM,EAChC,QAAQ,EAAE,OAAO,CAAC,QAAQ,GAC1B,CACH,CAAC;IACJ,CAAC;IAEe,OAAO;QACrB,OAAO,MAAM,CAAC;IAChB,CAAC;;AAfa,2CAAe,GAAG,sBAAsB,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 NavigationAids\n */\n\nimport * as React from \"react\";\nimport { DrawingNavigationAid } from \"@itwin/imodel-components-react\";\nimport type { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl.js\";\nimport { NavigationAidControl } from \"./NavigationAidControl.js\";\n\n/** Navigation Aid that displays an interactive mini-map for Drawing views that synchronizes with the iModel Viewport.\n * @public\n * @deprecated in 4.16.0. Use {@link @itwin/imodel-components-react#DrawingNavigationAid} component instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class DrawingNavigationAidControl extends NavigationAidControl {\n  public static navigationAidId = \"DrawingNavigationAid\";\n\n  // eslint-disable-next-line deprecation/deprecation\n  constructor(info: ConfigurableCreateInfo, options: any) {\n    super(info, options);\n    this.reactNode = (\n      <DrawingNavigationAid\n        iModelConnection={options.imodel}\n        viewport={options.viewport}\n      />\n    );\n  }\n\n  public override getSize(): string | undefined {\n    return \"96px\";\n  }\n}\n"]}
+{"version":3,"file":"DrawingNavigationAidControl.js","sourceRoot":"","sources":["../../../src/appui-react/navigationaids/DrawingNavigationAidControl.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAEtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE;;;GAGG;AACH,4DAA4D;AAC5D,MAAM,OAAO,2BAA4B,SAAQ,oBAAoB;IAGnE,4DAA4D;IAC5D,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACrB,IAAI,CAAC,SAAS,GAAG,CACf,oBAAC,oBAAoB,IACnB,gBAAgB,EAAE,OAAO,CAAC,MAAM,EAChC,QAAQ,EAAE,OAAO,CAAC,QAAQ,GAC1B,CACH,CAAC;IACJ,CAAC;IAEe,OAAO;QACrB,OAAO,MAAM,CAAC;IAChB,CAAC;;AAfa,2CAAe,GAAG,sBAAsB,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 NavigationAids\n */\n\nimport * as React from \"react\";\nimport { DrawingNavigationAid } from \"@itwin/imodel-components-react\";\nimport type { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl.js\";\nimport { NavigationAidControl } from \"./NavigationAidControl.js\";\n\n/** Navigation Aid that displays an interactive mini-map for Drawing views that synchronizes with the iModel Viewport.\n * @public\n * @deprecated in 4.16.0. Use {@link @itwin/imodel-components-react#DrawingNavigationAid} component instead.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport class DrawingNavigationAidControl extends NavigationAidControl {\n  public static navigationAidId = \"DrawingNavigationAid\";\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  constructor(info: ConfigurableCreateInfo, options: any) {\n    super(info, options);\n    this.reactNode = (\n      <DrawingNavigationAid\n        iModelConnection={options.imodel}\n        viewport={options.viewport}\n      />\n    );\n  }\n\n  public override getSize(): string | undefined {\n    return \"96px\";\n  }\n}\n"]}

package/lib/appui-react/navigationaids/NavigationAidControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationAidControl.js","sourceRoot":"","sources":["../../../src/appui-react/navigationaids/NavigationAidControl.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAIH,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,OAAO,EACL,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,4CAA4C,CAAC;AAapD;;;GAGG;AACH,MAAM,OAAO,2BAA4B,SAAQ,OAAwC;CAAG;AAE5F;;;GAGG;AACH,MAAM,OAAO,oBAAqB,SAAQ,qBAAqB;IAG7D,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACvB,CAAC;IAED,qDAAqD;IACrD,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IACD,IAAW,SAAS,CAAC,CAAkB;QACrC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;IACtB,CAAC;IAED,+FAA+F;IACxF,OAAO;QACZ,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,oCAAoC;IAC7B,OAAO;QACZ,OAAO,yBAAyB,CAAC,aAAa,CAAC;IACjD,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module NavigationAids\n */\n\nimport type * as React from \"react\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport { UiEvent } from \"@itwin/appui-abstract\";\nimport type { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl.js\";\nimport {\n  ConfigurableUiControl,\n  ConfigurableUiControlType,\n} from \"../configurableui/ConfigurableUiControl.js\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** NavigationAid Activated Event Args interface.\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface NavigationAidActivatedEventArgs {\n  navigationAidId: string;\n  iModelConnection: IModelConnection;\n}\n\n/** NavigationAid Activated Event class.\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\nexport class NavigationAidActivatedEvent extends UiEvent<NavigationAidActivatedEventArgs> {}\n\n/** The base class for Navigation Aid controls.\n * @public\n * @deprecated in 4.16.0. Extends a deprecated class {@link ConfigurableUiControl}.\n */\nexport class NavigationAidControl extends ConfigurableUiControl {\n  private _reactNode: React.ReactNode;\n\n  constructor(info: ConfigurableCreateInfo, options: any) {\n    super(info, options);\n  }\n\n  /** The React element associated with this control */\n  public get reactNode(): React.ReactNode {\n    return this._reactNode;\n  }\n  public set reactNode(r: React.ReactNode) {\n    this._reactNode = r;\n  }\n\n  /** Square size of navigation aid. Default size is \"64px\". Override to set a different size. */\n  public getSize(): string | undefined {\n    return undefined;\n  }\n\n  /** Get the type of this control. */\n  public getType(): ConfigurableUiControlType {\n    return ConfigurableUiControlType.NavigationAid;\n  }\n}\n"]}
+{"version":3,"file":"NavigationAidControl.js","sourceRoot":"","sources":["../../../src/appui-react/navigationaids/NavigationAidControl.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAIH,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,OAAO,EACL,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,4CAA4C,CAAC;AAapD;;;GAGG;AACH,MAAM,OAAO,2BAA4B,SAAQ,OAAwC;CAAG;AAE5F;;;GAGG;AACH,MAAM,OAAO,oBAAqB,SAAQ,qBAAqB;IAG7D,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACvB,CAAC;IAED,qDAAqD;IACrD,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IACD,IAAW,SAAS,CAAC,CAAkB;QACrC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;IACtB,CAAC;IAED,+FAA+F;IACxF,OAAO;QACZ,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,oCAAoC;IAC7B,OAAO;QACZ,OAAO,yBAAyB,CAAC,aAAa,CAAC;IACjD,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module NavigationAids\n */\n\nimport type * as React from \"react\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport { UiEvent } from \"@itwin/appui-abstract\";\nimport type { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl.js\";\nimport {\n  ConfigurableUiControl,\n  ConfigurableUiControlType,\n} from \"../configurableui/ConfigurableUiControl.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\n\n/** NavigationAid Activated Event Args interface.\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface NavigationAidActivatedEventArgs {\n  navigationAidId: string;\n  iModelConnection: IModelConnection;\n}\n\n/** NavigationAid Activated Event class.\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\nexport class NavigationAidActivatedEvent extends UiEvent<NavigationAidActivatedEventArgs> {}\n\n/** The base class for Navigation Aid controls.\n * @public\n * @deprecated in 4.16.0. Extends a deprecated class {@link ConfigurableUiControl}.\n */\nexport class NavigationAidControl extends ConfigurableUiControl {\n  private _reactNode: React.ReactNode;\n\n  constructor(info: ConfigurableCreateInfo, options: any) {\n    super(info, options);\n  }\n\n  /** The React element associated with this control */\n  public get reactNode(): React.ReactNode {\n    return this._reactNode;\n  }\n  public set reactNode(r: React.ReactNode) {\n    this._reactNode = r;\n  }\n\n  /** Square size of navigation aid. Default size is \"64px\". Override to set a different size. */\n  public getSize(): string | undefined {\n    return undefined;\n  }\n\n  /** Get the type of this control. */\n  public getType(): ConfigurableUiControlType {\n    return ConfigurableUiControlType.NavigationAid;\n  }\n}\n"]}

package/lib/appui-react/navigationaids/SheetNavigationAid.js

@@ -20,9 +20,9 @@ import { SvgChevronLeft, SvgChevronRight } from "@itwin/itwinui-icons-react";
  * @public
  * @deprecated in 4.16.0. Use {@link SheetNavigationAid} component instead.
  */
-// eslint-disable-next-line deprecation/deprecation
+// eslint-disable-next-line @typescript-eslint/no-deprecated
 export class SheetNavigationAidControl extends NavigationAidControl {
-    // eslint-disable-next-line deprecation/deprecation
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
     constructor(info, options) {
         super(info, options);
         this.reactNode = React.createElement(SheetNavigationAid, { iModelConnection: options.imodel });

package/lib/appui-react/navigationaids/SheetNavigationAid.js.map

@@ -1 +1 @@
-{"version":3,"file":"SheetNavigationAid.js","sourceRoot":"","sources":["../../../src/appui-react/navigationaids/SheetNavigationAid.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 NavigationAids\n */\n\nimport \"./SheetNavigationAid.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type {\n  IModelConnection,\n  ScreenViewport,\n  SelectedViewportChangedArgs,\n} from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { ViewportComponentEvents } from \"@itwin/imodel-components-react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport type { ListenerType } from \"@itwin/core-react/internal\";\nimport type { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl.js\";\nimport type { ModalFrontstageInfo } from \"../framework/FrameworkFrontstages.js\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport { ViewUtilities } from \"../utils/ViewUtilities.js\";\nimport { NavigationAidControl } from \"./NavigationAidControl.js\";\nimport {\n  CardContainer,\n  SheetsModalFrontstage,\n} from \"./SheetsModalFrontstage.js\";\nimport { IconButton, ProgressRadial } from \"@itwin/itwinui-react\";\nimport { SvgChevronLeft, SvgChevronRight } from \"@itwin/itwinui-icons-react\";\n\n/** A Sheet Navigation Aid control.\n * @public\n * @deprecated in 4.16.0. Use {@link SheetNavigationAid} component instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class SheetNavigationAidControl extends NavigationAidControl {\n  public static navigationAidId = \"SheetNavigationAid\";\n\n  // eslint-disable-next-line deprecation/deprecation\n  constructor(info: ConfigurableCreateInfo, options: any) {\n    super(info, options);\n    this.reactNode = <SheetNavigationAid iModelConnection={options.imodel} />;\n  }\n\n  public override getSize(): string | undefined {\n    return \"96px\";\n  }\n}\n\n/** Data displayed about sheet\n * @alpha\n */\nexport interface SheetData {\n  name: string;\n  viewId: string;\n}\n\n/** Properties for the [[SheetNavigationAid]] component\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface SheetNavigationProps extends CommonProps {\n  iModelConnection: IModelConnection;\n}\n\ninterface SheetNavigationState {\n  index: number;\n  sheetData: SheetData[];\n}\n\n/** A Sheet Navigation Aid.\n * @public\n */\nexport class SheetNavigationAid extends React.Component<\n  SheetNavigationProps,\n  SheetNavigationState\n> {\n  private _isMounted = false;\n\n  public override readonly state: Readonly<SheetNavigationState> = {\n    index: 0,\n    sheetData: [],\n  };\n\n  private _viewport: ScreenViewport | undefined;\n\n  constructor(props: SheetNavigationProps) {\n    super(props);\n\n    this._viewport = IModelApp.viewManager.selectedView;\n  }\n\n  /** Adds listeners when components mounts */\n  public override async componentDidMount() {\n    this._isMounted = true;\n\n    CardContainer.onCardSelectedEvent.addListener(this._handleCardSelected);\n    ViewportComponentEvents.onViewIdChangedEvent.addListener(\n      this._handleViewIdChanged\n    );\n\n    IModelApp.viewManager.onSelectedViewportChanged.addListener(\n      this._handleSelectedViewportChanged\n    );\n\n    const stateData = await this._setupSheets();\n\n    if (this._isMounted) this.setState(stateData);\n  }\n\n  /** Removes listeners when component will unmount */\n  public override componentWillUnmount() {\n    this._isMounted = false;\n\n    CardContainer.onCardSelectedEvent.removeListener(this._handleCardSelected);\n    ViewportComponentEvents.onViewIdChangedEvent.removeListener(\n      this._handleViewIdChanged\n    );\n\n    IModelApp.viewManager.onSelectedViewportChanged.removeListener(\n      this._handleSelectedViewportChanged\n    );\n  }\n\n  /** Queries for sheet info and sets as sheetData */\n  private async _setupSheets(): Promise<SheetNavigationState> {\n    const stateData: SheetNavigationState = {\n      index: 0,\n      sheetData: [],\n    };\n\n    if (\n      !this.props.iModelConnection ||\n      !this.props.iModelConnection.views.getViewList\n    )\n      return stateData;\n\n    let viewId = \"\";\n    if (this._viewport) {\n      viewId = this._viewport.view.id.toString();\n    }\n\n    const sheets = await this.props.iModelConnection.views.getViewList({\n      from: \"BisCore.SheetViewDefinition\",\n    });\n    sheets.forEach((viewSpec: IModelConnection.ViewSpec, index: number) => {\n      stateData.sheetData.push({ name: viewSpec.name, viewId: viewSpec.id });\n      if (viewSpec.id === viewId) stateData.index = index;\n    });\n\n    return stateData;\n  }\n\n  public override render(): React.ReactNode {\n    const name =\n      this.state.sheetData.length > 0\n        ? this.state.sheetData[this.state.index].name\n        : \"\";\n    const leftIndex =\n      this.state.index === 0\n        ? this.state.sheetData.length - 1\n        : this.state.index - 1;\n    const rightIndex =\n      this.state.index >= this.state.sheetData.length - 1\n        ? 0\n        : this.state.index + 1;\n    const leftTitle = this.state.sheetData[leftIndex]\n      ? this.state.sheetData[leftIndex].name\n      : undefined;\n    const rightTitle = this.state.sheetData[rightIndex]\n      ? this.state.sheetData[rightIndex].name\n      : undefined;\n\n    let content: React.ReactNode;\n    if (this.state.sheetData.length > 0) {\n      content = (\n        <>\n          <div className=\"sheet-title\">\n            {UiFramework.translate(\"general.sheet\")}\n          </div>\n          {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n          <div\n            className=\"sheet-name\"\n            title={name}\n            onClick={this._handleOnClickSheetName}\n            role=\"button\"\n            tabIndex={-1}\n          >\n            {name}\n          </div>\n          <div className=\"sheet-container\">\n            {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n            <IconButton\n              size=\"small\"\n              styleType=\"borderless\"\n              onClick={this._handleOnClickLeftArrow}\n              tabIndex={-1}\n              label={leftTitle}\n            >\n              <SvgChevronLeft />\n            </IconButton>\n            <div>\n              {this.state.index + 1} {UiFramework.translate(\"general.of\")}\n              {this.state.sheetData.length}\n            </div>\n            {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n            <IconButton\n              size=\"small\"\n              styleType=\"borderless\"\n              onClick={this._handleOnClickRightArrow}\n              role=\"button\"\n              tabIndex={-1}\n              label={rightTitle}\n            >\n              <SvgChevronRight />\n            </IconButton>\n          </div>\n        </>\n      );\n    } else {\n      content = <ProgressRadial size=\"x-small\" indeterminate />;\n    }\n\n    return (\n      <div\n        className={classnames(\"uifw-sheet-navigation\", this.props.className)}\n        style={this.props.style}\n      >\n        {content}\n      </div>\n    );\n  }\n\n  /** Sets index of newly selected card */\n  private _handleCardSelected: ListenerType<\n    typeof CardContainer.onCardSelectedEvent\n  > = (event) => {\n    event &&\n      this.setState({\n        index: event.index,\n      });\n  };\n\n  /** Updates view to the next lowest index in sheetData */\n  private _handleOnClickLeftArrow = () => {\n    this.setState(\n      (prevState) => ({\n        index:\n          prevState.index <= 0\n            ? prevState.sheetData.length - 1\n            : prevState.index - 1,\n      }),\n      async () => this._updateView()\n    );\n  };\n\n  /** Updates view to next highest index in sheetData */\n  private _handleOnClickRightArrow = () => {\n    this.setState(\n      (prevState) => ({\n        index: (prevState.index + 1) % prevState.sheetData.length,\n      }),\n      async () => this._updateView()\n    );\n  };\n\n  /** Handles a Viewport change & synchs the index */\n  private _handleSelectedViewportChanged = (\n    args: SelectedViewportChangedArgs\n  ) => {\n    if (args.current) {\n      this._handleViewportChanged(args.current);\n    }\n  };\n\n  private _handleViewIdChanged: ListenerType<\n    typeof ViewportComponentEvents.onViewIdChangedEvent\n  > = (args) => {\n    if (this._viewport === args.viewport)\n      this._handleViewportChanged(args.viewport as ScreenViewport);\n  };\n\n  /** Handles a Viewport change & synchs the index */\n  private _handleViewportChanged = (viewport: ScreenViewport) => {\n    const className = ViewUtilities.getBisBaseClass(\n      viewport.view.classFullName\n    );\n\n    if (ViewUtilities.isSheet(className)) {\n      this._viewport = viewport;\n\n      const viewId = this._viewport.view.id.toString();\n\n      const index = this.state.sheetData.findIndex((sheetData: SheetData) => {\n        return viewId === sheetData.viewId;\n      });\n\n      if (index >= 0) this.setState({ index });\n    }\n  };\n\n  /** Updates view to currently set sheet */\n  private async _updateView() {\n    const viewState = await this.props.iModelConnection.views.load(\n      this.state.sheetData[this.state.index].viewId\n    );\n    if (this._viewport) this._viewport.changeView(viewState);\n  }\n\n  /** Creates a new SheetsModalFrontstage */\n  private modalFrontstage(): ModalFrontstageInfo {\n    return new SheetsModalFrontstage(\n      this.state.sheetData,\n      this.props.iModelConnection,\n      this.state.index\n    );\n  }\n\n  /** Opens a new SheetsModelFrontstage on sheetName click */\n  private _handleOnClickSheetName = () => {\n    UiFramework.frontstages.openModalFrontstage(this.modalFrontstage());\n  };\n}\n"]}
+{"version":3,"file":"SheetNavigationAid.js","sourceRoot":"","sources":["../../../src/appui-react/navigationaids/SheetNavigationAid.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 NavigationAids\n */\n\nimport \"./SheetNavigationAid.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type {\n  IModelConnection,\n  ScreenViewport,\n  SelectedViewportChangedArgs,\n} from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { ViewportComponentEvents } from \"@itwin/imodel-components-react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport type { ListenerType } from \"@itwin/core-react/internal\";\nimport type { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl.js\";\nimport type { ModalFrontstageInfo } from \"../framework/FrameworkFrontstages.js\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport { ViewUtilities } from \"../utils/ViewUtilities.js\";\nimport { NavigationAidControl } from \"./NavigationAidControl.js\";\nimport {\n  CardContainer,\n  SheetsModalFrontstage,\n} from \"./SheetsModalFrontstage.js\";\nimport { IconButton, ProgressRadial } from \"@itwin/itwinui-react\";\nimport { SvgChevronLeft, SvgChevronRight } from \"@itwin/itwinui-icons-react\";\n\n/** A Sheet Navigation Aid control.\n * @public\n * @deprecated in 4.16.0. Use {@link SheetNavigationAid} component instead.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport class SheetNavigationAidControl extends NavigationAidControl {\n  public static navigationAidId = \"SheetNavigationAid\";\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  constructor(info: ConfigurableCreateInfo, options: any) {\n    super(info, options);\n    this.reactNode = <SheetNavigationAid iModelConnection={options.imodel} />;\n  }\n\n  public override getSize(): string | undefined {\n    return \"96px\";\n  }\n}\n\n/** Data displayed about sheet\n * @alpha\n */\nexport interface SheetData {\n  name: string;\n  viewId: string;\n}\n\n/** Properties for the [[SheetNavigationAid]] component\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface SheetNavigationProps extends CommonProps {\n  iModelConnection: IModelConnection;\n}\n\ninterface SheetNavigationState {\n  index: number;\n  sheetData: SheetData[];\n}\n\n/** A Sheet Navigation Aid.\n * @public\n */\nexport class SheetNavigationAid extends React.Component<\n  SheetNavigationProps,\n  SheetNavigationState\n> {\n  private _isMounted = false;\n\n  public override readonly state: Readonly<SheetNavigationState> = {\n    index: 0,\n    sheetData: [],\n  };\n\n  private _viewport: ScreenViewport | undefined;\n\n  constructor(props: SheetNavigationProps) {\n    super(props);\n\n    this._viewport = IModelApp.viewManager.selectedView;\n  }\n\n  /** Adds listeners when components mounts */\n  public override async componentDidMount() {\n    this._isMounted = true;\n\n    CardContainer.onCardSelectedEvent.addListener(this._handleCardSelected);\n    ViewportComponentEvents.onViewIdChangedEvent.addListener(\n      this._handleViewIdChanged\n    );\n\n    IModelApp.viewManager.onSelectedViewportChanged.addListener(\n      this._handleSelectedViewportChanged\n    );\n\n    const stateData = await this._setupSheets();\n\n    if (this._isMounted) this.setState(stateData);\n  }\n\n  /** Removes listeners when component will unmount */\n  public override componentWillUnmount() {\n    this._isMounted = false;\n\n    CardContainer.onCardSelectedEvent.removeListener(this._handleCardSelected);\n    ViewportComponentEvents.onViewIdChangedEvent.removeListener(\n      this._handleViewIdChanged\n    );\n\n    IModelApp.viewManager.onSelectedViewportChanged.removeListener(\n      this._handleSelectedViewportChanged\n    );\n  }\n\n  /** Queries for sheet info and sets as sheetData */\n  private async _setupSheets(): Promise<SheetNavigationState> {\n    const stateData: SheetNavigationState = {\n      index: 0,\n      sheetData: [],\n    };\n\n    if (\n      !this.props.iModelConnection ||\n      !this.props.iModelConnection.views.getViewList\n    )\n      return stateData;\n\n    let viewId = \"\";\n    if (this._viewport) {\n      viewId = this._viewport.view.id.toString();\n    }\n\n    const sheets = await this.props.iModelConnection.views.getViewList({\n      from: \"BisCore.SheetViewDefinition\",\n    });\n    sheets.forEach((viewSpec: IModelConnection.ViewSpec, index: number) => {\n      stateData.sheetData.push({ name: viewSpec.name, viewId: viewSpec.id });\n      if (viewSpec.id === viewId) stateData.index = index;\n    });\n\n    return stateData;\n  }\n\n  public override render(): React.ReactNode {\n    const name =\n      this.state.sheetData.length > 0\n        ? this.state.sheetData[this.state.index].name\n        : \"\";\n    const leftIndex =\n      this.state.index === 0\n        ? this.state.sheetData.length - 1\n        : this.state.index - 1;\n    const rightIndex =\n      this.state.index >= this.state.sheetData.length - 1\n        ? 0\n        : this.state.index + 1;\n    const leftTitle = this.state.sheetData[leftIndex]\n      ? this.state.sheetData[leftIndex].name\n      : undefined;\n    const rightTitle = this.state.sheetData[rightIndex]\n      ? this.state.sheetData[rightIndex].name\n      : undefined;\n\n    let content: React.ReactNode;\n    if (this.state.sheetData.length > 0) {\n      content = (\n        <>\n          <div className=\"sheet-title\">\n            {UiFramework.translate(\"general.sheet\")}\n          </div>\n          {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n          <div\n            className=\"sheet-name\"\n            title={name}\n            onClick={this._handleOnClickSheetName}\n            role=\"button\"\n            tabIndex={-1}\n          >\n            {name}\n          </div>\n          <div className=\"sheet-container\">\n            {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n            <IconButton\n              size=\"small\"\n              styleType=\"borderless\"\n              onClick={this._handleOnClickLeftArrow}\n              tabIndex={-1}\n              label={leftTitle}\n            >\n              <SvgChevronLeft />\n            </IconButton>\n            <div>\n              {this.state.index + 1} {UiFramework.translate(\"general.of\")}\n              {this.state.sheetData.length}\n            </div>\n            {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n            <IconButton\n              size=\"small\"\n              styleType=\"borderless\"\n              onClick={this._handleOnClickRightArrow}\n              role=\"button\"\n              tabIndex={-1}\n              label={rightTitle}\n            >\n              <SvgChevronRight />\n            </IconButton>\n          </div>\n        </>\n      );\n    } else {\n      content = <ProgressRadial size=\"x-small\" indeterminate />;\n    }\n\n    return (\n      <div\n        className={classnames(\"uifw-sheet-navigation\", this.props.className)}\n        style={this.props.style}\n      >\n        {content}\n      </div>\n    );\n  }\n\n  /** Sets index of newly selected card */\n  private _handleCardSelected: ListenerType<\n    typeof CardContainer.onCardSelectedEvent\n  > = (event) => {\n    event &&\n      this.setState({\n        index: event.index,\n      });\n  };\n\n  /** Updates view to the next lowest index in sheetData */\n  private _handleOnClickLeftArrow = () => {\n    this.setState(\n      (prevState) => ({\n        index:\n          prevState.index <= 0\n            ? prevState.sheetData.length - 1\n            : prevState.index - 1,\n      }),\n      async () => this._updateView()\n    );\n  };\n\n  /** Updates view to next highest index in sheetData */\n  private _handleOnClickRightArrow = () => {\n    this.setState(\n      (prevState) => ({\n        index: (prevState.index + 1) % prevState.sheetData.length,\n      }),\n      async () => this._updateView()\n    );\n  };\n\n  /** Handles a Viewport change & synchs the index */\n  private _handleSelectedViewportChanged = (\n    args: SelectedViewportChangedArgs\n  ) => {\n    if (args.current) {\n      this._handleViewportChanged(args.current);\n    }\n  };\n\n  private _handleViewIdChanged: ListenerType<\n    typeof ViewportComponentEvents.onViewIdChangedEvent\n  > = (args) => {\n    if (this._viewport === args.viewport)\n      this._handleViewportChanged(args.viewport as ScreenViewport);\n  };\n\n  /** Handles a Viewport change & synchs the index */\n  private _handleViewportChanged = (viewport: ScreenViewport) => {\n    const className = ViewUtilities.getBisBaseClass(\n      viewport.view.classFullName\n    );\n\n    if (ViewUtilities.isSheet(className)) {\n      this._viewport = viewport;\n\n      const viewId = this._viewport.view.id.toString();\n\n      const index = this.state.sheetData.findIndex((sheetData: SheetData) => {\n        return viewId === sheetData.viewId;\n      });\n\n      if (index >= 0) this.setState({ index });\n    }\n  };\n\n  /** Updates view to currently set sheet */\n  private async _updateView() {\n    const viewState = await this.props.iModelConnection.views.load(\n      this.state.sheetData[this.state.index].viewId\n    );\n    if (this._viewport) this._viewport.changeView(viewState);\n  }\n\n  /** Creates a new SheetsModalFrontstage */\n  private modalFrontstage(): ModalFrontstageInfo {\n    return new SheetsModalFrontstage(\n      this.state.sheetData,\n      this.props.iModelConnection,\n      this.state.index\n    );\n  }\n\n  /** Opens a new SheetsModelFrontstage on sheetName click */\n  private _handleOnClickSheetName = () => {\n    UiFramework.frontstages.openModalFrontstage(this.modalFrontstage());\n  };\n}\n"]}

package/lib/appui-react/navigationaids/SheetsModalFrontstage.js

@@ -18,7 +18,7 @@ import { BeUiEvent } from "@itwin/core-bentley";
  * @alpha
  * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.
  */
-// eslint-disable-next-line deprecation/deprecation
+// eslint-disable-next-line @typescript-eslint/no-deprecated
 export class CardSelectedEvent extends UiEvent {
 }
 /** Modal frontstage displaying sheet information in cards.
@@ -65,7 +65,7 @@ export class SheetsModalFrontstage {
     /** Gets components to be placed in the app bar */
     get appBarRight() {
         return (
-        // eslint-disable-next-line deprecation/deprecation
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
         React.createElement(SearchBox, { placeholder: UiFramework.translate("general.search"), onValueChanged: this._handleSearchValueChanged, valueChangedDelay: 250 }));
     }
 }
@@ -74,13 +74,13 @@ export class SheetsModalFrontstage {
  */
 export class CardContainer extends React.Component {
     /** Get CardSelectedEvent event */
-    // eslint-disable-next-line deprecation/deprecation
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
     static get onCardSelectedEvent() {
         return CardContainer._cardSelectedEvent;
     }
     render() {
         return (
-        // eslint-disable-next-line deprecation/deprecation
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
         React.createElement(ScrollView, { className: this.props.className, style: this.props.style },
             React.createElement(FlexWrapContainer, null, this.props.cards.map((card, _index) => {
                 let includeCard = true;
@@ -89,7 +89,7 @@ export class CardContainer extends React.Component {
                 }
                 if (includeCard) {
                     return (React.createElement(SheetCard, { key: card.label, label: card.label, index: card.index, 
-                        // eslint-disable-next-line deprecation/deprecation
+                        // eslint-disable-next-line @typescript-eslint/no-deprecated
                         iconSpec: card.iconSpec, icon: card.icon, isActive: card.isActive, onClick: async () => this._handleCardSelected(card) }));
                 }
                 return null;
@@ -126,7 +126,7 @@ export class CardContainer extends React.Component {
         });
     }
 }
-// eslint-disable-next-line deprecation/deprecation
+// eslint-disable-next-line @typescript-eslint/no-deprecated
 CardContainer._cardSelectedEvent = new BeUiEvent();
 /** Displays information about an individual sheet
  * @alpha
@@ -150,9 +150,9 @@ export class SheetCard extends React.Component {
         const { label, index } = this.props;
         const className = classnames("uifw-sheet-card", this.state.isActive && "is-active", this.state.isPressed && "is-pressed");
         const icon = 
-        // eslint-disable-next-line deprecation/deprecation
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
         (this.props.icon ?? this.props.iconSpec) ? (
-        // eslint-disable-next-line deprecation/deprecation
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
         React.createElement(Icon, { iconSpec: this.props.iconSpec })) : (React.createElement(SvgPlaceholder, null));
         return (
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events

package/lib/appui-react/navigationaids/SheetsModalFrontstage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SheetsModalFrontstage.js","sourceRoot":"","sources":["../../../src/appui-react/navigationaids/SheetsModalFrontstage.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 NavigationAids\n */\n\nimport \"./SheetsModalFrontstage.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { UiEvent } from \"@itwin/appui-abstract\";\nimport type { CommonProps, IconSpec } from \"@itwin/core-react\";\nimport {\n  FlexWrapContainer,\n  Icon,\n  ScrollView,\n  SearchBox,\n} from \"@itwin/core-react\";\nimport type { ModalFrontstageInfo } from \"../framework/FrameworkFrontstages.js\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport type { SheetData } from \"./SheetNavigationAid.js\";\nimport { SvgDocument, SvgPlaceholder } from \"@itwin/itwinui-icons-react\";\nimport { BeUiEvent } from \"@itwin/core-bentley\";\n\n/** Data about a sheet card\n * @alpha\n */\nexport interface CardInfo {\n  index: number;\n  label: string;\n  /** @deprecated in 4.16.0. Use {@link CardInfo.icon} instead. */\n  // eslint-disable-next-line deprecation/deprecation\n  iconSpec: IconSpec;\n  icon?: React.ReactNode;\n  isActive: boolean;\n  viewId: any;\n}\n\n/** Arguments for CardSelectedEvent\n * @alpha\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface CardSelectedEventArgs {\n  id: any;\n  index: number;\n}\n\n/** Class for CardSelectedEvent\n * @alpha\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class CardSelectedEvent extends UiEvent<CardSelectedEventArgs> {}\n\n/** Modal frontstage displaying sheet information in cards.\n * @alpha\n */\nexport class SheetsModalFrontstage implements ModalFrontstageInfo {\n  public title = UiFramework.translate(\"navigationAid.sheetsModalFrontstage\");\n  private _cards: CardInfo[] = [];\n  private _connection: IModelConnection;\n  private _currentIndex: number;\n  private _searchValue: string = \"\";\n\n  /**\n   * Creates a SheetsModalFrontstage\n   * @param sheets Collection of sheets available in SheetNavigationAid\n   * @param connection IModelConnection to query for sheet ViewState\n   */\n  constructor(\n    sheets: SheetData[],\n    connection: IModelConnection,\n    currentIndex: number\n  ) {\n    this._connection = connection;\n    this._currentIndex = currentIndex;\n    this._storeSheetsAsCards(sheets);\n  }\n\n  /**\n   * Gathers card info from available sheets\n   * @param sheets SheetData from available sheets\n   */\n  private _storeSheetsAsCards(sheets: SheetData[]) {\n    sheets.forEach((sheet: SheetData, index: number) => {\n      this._cards.push({\n        index,\n        label: sheet.name,\n        iconSpec: <SvgDocument />,\n        viewId: sheet.viewId,\n        isActive: index === this._currentIndex,\n      });\n    });\n  }\n\n  /** Gets set of cards */\n  public get content(): React.ReactNode {\n    return (\n      <CardContainer\n        cards={this._cards}\n        searchValue={this._searchValue}\n        connection={this._connection}\n      />\n    );\n  }\n\n  /** Gets components to be placed in the app bar */\n  public get appBarRight(): React.ReactNode {\n    return (\n      // eslint-disable-next-line deprecation/deprecation\n      <SearchBox\n        placeholder={UiFramework.translate(\"general.search\")}\n        onValueChanged={this._handleSearchValueChanged}\n        valueChangedDelay={250}\n      />\n    );\n  }\n\n  /** Updates stage based on search value */\n  private _handleSearchValueChanged = (value: string): void => {\n    this._searchValue = value;\n    UiFramework.frontstages.updateModalFrontstage();\n  };\n}\n\n/** Properties for [[CardContainer]]\n * @alpha\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface CardContainerProps extends CommonProps {\n  cards: CardInfo[];\n  searchValue: string;\n  connection: IModelConnection;\n}\n\n/** Displays cards in SheetModalFrontstage\n * @alpha\n */\nexport class CardContainer extends React.Component<CardContainerProps> {\n  // eslint-disable-next-line deprecation/deprecation\n  private static _cardSelectedEvent = new BeUiEvent<CardSelectedEventArgs>();\n\n  /** Get CardSelectedEvent event */\n  // eslint-disable-next-line deprecation/deprecation\n  public static get onCardSelectedEvent(): CardSelectedEvent {\n    return CardContainer._cardSelectedEvent;\n  }\n\n  public override render() {\n    return (\n      // eslint-disable-next-line deprecation/deprecation\n      <ScrollView className={this.props.className} style={this.props.style}>\n        {/* eslint-disable-next-line deprecation/deprecation */}\n        <FlexWrapContainer>\n          {this.props.cards.map((card: CardInfo, _index: number) => {\n            let includeCard = true;\n            if (this.props.searchValue) {\n              includeCard = this.contains(card.label, this.props.searchValue);\n            }\n\n            if (includeCard) {\n              return (\n                <SheetCard\n                  key={card.label}\n                  label={card.label}\n                  index={card.index}\n                  // eslint-disable-next-line deprecation/deprecation\n                  iconSpec={card.iconSpec}\n                  icon={card.icon}\n                  isActive={card.isActive}\n                  onClick={async () => this._handleCardSelected(card)}\n                />\n              );\n            }\n\n            return null;\n          })}\n        </FlexWrapContainer>\n      </ScrollView>\n    );\n  }\n\n  /**\n   * Determines if string contains a substring\n   * @param valueA The string to search through\n   * @param valueB The value to search for\n   * @return True if valueB can be found in valueA, false otherwise\n   */\n  private contains(valueA: string, valueB: string): boolean {\n    if (!valueA || !valueB) return false;\n\n    if (valueB.length > valueA.length) return false;\n\n    return (\n      valueA.toLocaleUpperCase().indexOf(valueB.toLocaleUpperCase(), 0) !== -1\n    );\n  }\n\n  /**\n   * Updates view with ViewState for selected card.\n   * @param card Data about the sheet card selected.\n   */\n  private async _handleCardSelected(card: CardInfo) {\n    if (IModelApp.viewManager && IModelApp.viewManager.selectedView) {\n      const vp = IModelApp.viewManager.selectedView;\n      const viewState = await this.props.connection.views.load(card.viewId);\n      vp.changeView(viewState);\n    }\n\n    card.isActive = true;\n    UiFramework.frontstages.closeModalFrontstage();\n    CardContainer.onCardSelectedEvent.emit({\n      id: card.viewId,\n      index: card.index,\n    });\n  }\n}\n\n/** Properties for [[SheetCard]]\n * @alpha\n */\nexport interface SheetCardProps {\n  label: string;\n  index: number;\n  /** @deprecated in 4.16.0. Use {@link SheetCardProps.icon} instead. */\n  // eslint-disable-next-line deprecation/deprecation\n  iconSpec: IconSpec;\n  icon?: React.ReactNode;\n  isActive: boolean;\n  onClick: () => void;\n}\n\n/** State for [[SheetCard]]\n * @internal\n */\ninterface SheetCardState {\n  isActive: boolean;\n  isPressed: boolean;\n}\n\n/** Displays information about an individual sheet\n * @alpha\n */\nexport class SheetCard extends React.Component<SheetCardProps, SheetCardState> {\n  constructor(props: SheetCardProps) {\n    super(props);\n    this.state = { isActive: this.props.isActive, isPressed: false };\n  }\n\n  private _onClick = () => {\n    this.setState({ isActive: true }, () => this.props.onClick());\n  };\n\n  private _onMouseDown = () => {\n    this.setState({ isPressed: true });\n  };\n\n  private _onMouseLeave = () => {\n    if (this.state.isPressed) this.setState({ isPressed: false });\n  };\n\n  public override render() {\n    const { label, index } = this.props;\n\n    const className = classnames(\n      \"uifw-sheet-card\",\n      this.state.isActive && \"is-active\",\n      this.state.isPressed && \"is-pressed\"\n    );\n\n    const icon =\n      // eslint-disable-next-line deprecation/deprecation\n      this.props.icon ?? this.props.iconSpec ? (\n        // eslint-disable-next-line deprecation/deprecation\n        <Icon iconSpec={this.props.iconSpec} />\n      ) : (\n        <SvgPlaceholder />\n      );\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n      <div\n        className={className}\n        onClick={this._onClick}\n        onMouseDown={this._onMouseDown}\n        onMouseLeave={this._onMouseLeave}\n        role=\"button\"\n        tabIndex={-1}\n      >\n        {label}\n        <div className=\"sheet-image-container\">\n          <div className=\"icon\">{icon}</div>\n        </div>\n        <div className=\"sheet-index\">{index + 1}</div>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"SheetsModalFrontstage.js","sourceRoot":"","sources":["../../../src/appui-react/navigationaids/SheetsModalFrontstage.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 NavigationAids\n */\n\nimport \"./SheetsModalFrontstage.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport { IModelApp } from \"@itwin/core-frontend\";\nimport { UiEvent } from \"@itwin/appui-abstract\";\nimport type { CommonProps, IconSpec } from \"@itwin/core-react\";\nimport {\n  FlexWrapContainer,\n  Icon,\n  ScrollView,\n  SearchBox,\n} from \"@itwin/core-react\";\nimport type { ModalFrontstageInfo } from \"../framework/FrameworkFrontstages.js\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport type { SheetData } from \"./SheetNavigationAid.js\";\nimport { SvgDocument, SvgPlaceholder } from \"@itwin/itwinui-icons-react\";\nimport { BeUiEvent } from \"@itwin/core-bentley\";\n\n/** Data about a sheet card\n * @alpha\n */\nexport interface CardInfo {\n  index: number;\n  label: string;\n  /** @deprecated in 4.16.0. Use {@link CardInfo.icon} instead. */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  iconSpec: IconSpec;\n  icon?: React.ReactNode;\n  isActive: boolean;\n  viewId: any;\n}\n\n/** Arguments for CardSelectedEvent\n * @alpha\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface CardSelectedEventArgs {\n  id: any;\n  index: number;\n}\n\n/** Class for CardSelectedEvent\n * @alpha\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport class CardSelectedEvent extends UiEvent<CardSelectedEventArgs> {}\n\n/** Modal frontstage displaying sheet information in cards.\n * @alpha\n */\nexport class SheetsModalFrontstage implements ModalFrontstageInfo {\n  public title = UiFramework.translate(\"navigationAid.sheetsModalFrontstage\");\n  private _cards: CardInfo[] = [];\n  private _connection: IModelConnection;\n  private _currentIndex: number;\n  private _searchValue: string = \"\";\n\n  /**\n   * Creates a SheetsModalFrontstage\n   * @param sheets Collection of sheets available in SheetNavigationAid\n   * @param connection IModelConnection to query for sheet ViewState\n   */\n  constructor(\n    sheets: SheetData[],\n    connection: IModelConnection,\n    currentIndex: number\n  ) {\n    this._connection = connection;\n    this._currentIndex = currentIndex;\n    this._storeSheetsAsCards(sheets);\n  }\n\n  /**\n   * Gathers card info from available sheets\n   * @param sheets SheetData from available sheets\n   */\n  private _storeSheetsAsCards(sheets: SheetData[]) {\n    sheets.forEach((sheet: SheetData, index: number) => {\n      this._cards.push({\n        index,\n        label: sheet.name,\n        iconSpec: <SvgDocument />,\n        viewId: sheet.viewId,\n        isActive: index === this._currentIndex,\n      });\n    });\n  }\n\n  /** Gets set of cards */\n  public get content(): React.ReactNode {\n    return (\n      <CardContainer\n        cards={this._cards}\n        searchValue={this._searchValue}\n        connection={this._connection}\n      />\n    );\n  }\n\n  /** Gets components to be placed in the app bar */\n  public get appBarRight(): React.ReactNode {\n    return (\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      <SearchBox\n        placeholder={UiFramework.translate(\"general.search\")}\n        onValueChanged={this._handleSearchValueChanged}\n        valueChangedDelay={250}\n      />\n    );\n  }\n\n  /** Updates stage based on search value */\n  private _handleSearchValueChanged = (value: string): void => {\n    this._searchValue = value;\n    UiFramework.frontstages.updateModalFrontstage();\n  };\n}\n\n/** Properties for [[CardContainer]]\n * @alpha\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface CardContainerProps extends CommonProps {\n  cards: CardInfo[];\n  searchValue: string;\n  connection: IModelConnection;\n}\n\n/** Displays cards in SheetModalFrontstage\n * @alpha\n */\nexport class CardContainer extends React.Component<CardContainerProps> {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  private static _cardSelectedEvent = new BeUiEvent<CardSelectedEventArgs>();\n\n  /** Get CardSelectedEvent event */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  public static get onCardSelectedEvent(): CardSelectedEvent {\n    return CardContainer._cardSelectedEvent;\n  }\n\n  public override render() {\n    return (\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      <ScrollView className={this.props.className} style={this.props.style}>\n        {/* eslint-disable-next-line @typescript-eslint/no-deprecated */}\n        <FlexWrapContainer>\n          {this.props.cards.map((card: CardInfo, _index: number) => {\n            let includeCard = true;\n            if (this.props.searchValue) {\n              includeCard = this.contains(card.label, this.props.searchValue);\n            }\n\n            if (includeCard) {\n              return (\n                <SheetCard\n                  key={card.label}\n                  label={card.label}\n                  index={card.index}\n                  // eslint-disable-next-line @typescript-eslint/no-deprecated\n                  iconSpec={card.iconSpec}\n                  icon={card.icon}\n                  isActive={card.isActive}\n                  onClick={async () => this._handleCardSelected(card)}\n                />\n              );\n            }\n\n            return null;\n          })}\n        </FlexWrapContainer>\n      </ScrollView>\n    );\n  }\n\n  /**\n   * Determines if string contains a substring\n   * @param valueA The string to search through\n   * @param valueB The value to search for\n   * @return True if valueB can be found in valueA, false otherwise\n   */\n  private contains(valueA: string, valueB: string): boolean {\n    if (!valueA || !valueB) return false;\n\n    if (valueB.length > valueA.length) return false;\n\n    return (\n      valueA.toLocaleUpperCase().indexOf(valueB.toLocaleUpperCase(), 0) !== -1\n    );\n  }\n\n  /**\n   * Updates view with ViewState for selected card.\n   * @param card Data about the sheet card selected.\n   */\n  private async _handleCardSelected(card: CardInfo) {\n    if (IModelApp.viewManager && IModelApp.viewManager.selectedView) {\n      const vp = IModelApp.viewManager.selectedView;\n      const viewState = await this.props.connection.views.load(card.viewId);\n      vp.changeView(viewState);\n    }\n\n    card.isActive = true;\n    UiFramework.frontstages.closeModalFrontstage();\n    CardContainer.onCardSelectedEvent.emit({\n      id: card.viewId,\n      index: card.index,\n    });\n  }\n}\n\n/** Properties for [[SheetCard]]\n * @alpha\n */\nexport interface SheetCardProps {\n  label: string;\n  index: number;\n  /** @deprecated in 4.16.0. Use {@link SheetCardProps.icon} instead. */\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  iconSpec: IconSpec;\n  icon?: React.ReactNode;\n  isActive: boolean;\n  onClick: () => void;\n}\n\n/** State for [[SheetCard]]\n * @internal\n */\ninterface SheetCardState {\n  isActive: boolean;\n  isPressed: boolean;\n}\n\n/** Displays information about an individual sheet\n * @alpha\n */\nexport class SheetCard extends React.Component<SheetCardProps, SheetCardState> {\n  constructor(props: SheetCardProps) {\n    super(props);\n    this.state = { isActive: this.props.isActive, isPressed: false };\n  }\n\n  private _onClick = () => {\n    this.setState({ isActive: true }, () => this.props.onClick());\n  };\n\n  private _onMouseDown = () => {\n    this.setState({ isPressed: true });\n  };\n\n  private _onMouseLeave = () => {\n    if (this.state.isPressed) this.setState({ isPressed: false });\n  };\n\n  public override render() {\n    const { label, index } = this.props;\n\n    const className = classnames(\n      \"uifw-sheet-card\",\n      this.state.isActive && \"is-active\",\n      this.state.isPressed && \"is-pressed\"\n    );\n\n    const icon =\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      this.props.icon ?? this.props.iconSpec ? (\n        // eslint-disable-next-line @typescript-eslint/no-deprecated\n        <Icon iconSpec={this.props.iconSpec} />\n      ) : (\n        <SvgPlaceholder />\n      );\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n      <div\n        className={className}\n        onClick={this._onClick}\n        onMouseDown={this._onMouseDown}\n        onMouseLeave={this._onMouseLeave}\n        role=\"button\"\n        tabIndex={-1}\n      >\n        {label}\n        <div className=\"sheet-image-container\">\n          <div className=\"icon\">{icon}</div>\n        </div>\n        <div className=\"sheet-index\">{index + 1}</div>\n      </div>\n    );\n  }\n}\n"]}

package/lib/appui-react/navigationaids/StandardRotationNavigationAid.d.ts

@@ -28,7 +28,7 @@ interface StandardRotationNavigationAidState {
 /** A 3D Standard Rotation Navigation Aid.
  * @public
  */
-export declare class StandardRotationNavigationAid extends React.Component<CommonProps, // eslint-disable-line deprecation/deprecation
+export declare class StandardRotationNavigationAid extends React.Component<CommonProps, // eslint-disable-line @typescript-eslint/no-deprecated
 StandardRotationNavigationAidState> {
     readonly state: Readonly<StandardRotationNavigationAidState>;
     constructor(props: any);

package/lib/appui-react/navigationaids/StandardRotationNavigationAid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StandardRotationNavigationAid.d.ts","sourceRoot":"","sources":["../../../src/appui-react/navigationaids/StandardRotationNavigationAid.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAiBH,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAI/D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;AAGzF,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,sCAAsC,CAAC;AAE9C;;;GAGG;AAEH,qBAAa,oCAAqC,SAAQ,oBAAoB;IAC5E,OAAc,eAAe,SAAmC;gBAGpD,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;CAIvD;AAED,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IAEd,SAAS,CAAC,EAAE,QAAQ,CAAC;CACtB;AAED,UAAU,kCAAkC;IAC1C,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;IAC/B,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,QAAQ,EAAE,cAAc,CAAC;CAC1B;AAED;;GAEG;AACH,qBAAa,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAChE,WAAW,EAAE,8CAA8C;AAC3D,kCAAkC,CACnC;IACC,SAAyB,KAAK,EAAE,QAAQ,CAAC,kCAAkC,CAAC,CAAC;gBAEjE,KAAK,EAAE,GAAG;IA4CN,MAAM,IAAI,KAAK,CAAC,SAAS;IAqCzC,OAAO,CAAC,UAAU,CAEhB;IAEF,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,sBAAsB,CAO5B;IAEF,OAAO,CAAC,kBAAkB;CA+B3B"}
+{"version":3,"file":"StandardRotationNavigationAid.d.ts","sourceRoot":"","sources":["../../../src/appui-react/navigationaids/StandardRotationNavigationAid.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAiBH,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAI/D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;AAGzF,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,sCAAsC,CAAC;AAE9C;;;GAGG;AAEH,qBAAa,oCAAqC,SAAQ,oBAAoB;IAC5E,OAAc,eAAe,SAAmC;gBAGpD,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;CAIvD;AAED,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IAEd,SAAS,CAAC,EAAE,QAAQ,CAAC;CACtB;AAED,UAAU,kCAAkC;IAC1C,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;IAC/B,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,QAAQ,EAAE,cAAc,CAAC;CAC1B;AAED;;GAEG;AACH,qBAAa,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAChE,WAAW,EAAE,uDAAuD;AACpE,kCAAkC,CACnC;IACC,SAAyB,KAAK,EAAE,QAAQ,CAAC,kCAAkC,CAAC,CAAC;gBAEjE,KAAK,EAAE,GAAG;IA4CN,MAAM,IAAI,KAAK,CAAC,SAAS;IAqCzC,OAAO,CAAC,UAAU,CAEhB;IAEF,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,sBAAsB,CAO5B;IAEF,OAAO,CAAC,kBAAkB;CA+B3B"}

package/lib/appui-react/navigationaids/StandardRotationNavigationAid.js

@@ -29,9 +29,9 @@ import "./StandardRotationNavigationAid.scss";
  * @public
  * @deprecated in 4.16.0. Use {@link StandardRotationNavigationAid} component instead.
  */
-// eslint-disable-next-line deprecation/deprecation
+// eslint-disable-next-line @typescript-eslint/no-deprecated
 export class StandardRotationNavigationAidControl extends NavigationAidControl {
-    // eslint-disable-next-line deprecation/deprecation
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
     constructor(info, options) {
         super(info, options);
         this.reactNode = React.createElement(StandardRotationNavigationAid, null);
@@ -113,7 +113,7 @@ export class StandardRotationNavigationAid extends React.Component {
             React.createElement(Columns, null,
                 React.createElement(GroupColumn, null, this.state.list.map((item, itemIndex) => {
                     return (React.createElement(GroupTool, { key: itemIndex.toString(), label: item.label, 
-                        // eslint-disable-next-line deprecation/deprecation
+                        // eslint-disable-next-line @typescript-eslint/no-deprecated
                         icon: React.createElement(Icon, { iconSpec: item.iconsSpec }), isActive: this.state.selected.valueOf() === itemIndex, onClick: () => this._handleListItemClicked(itemIndex), item: ToolbarItemUtilities.createActionButton("", 0, "", "", () => { }) }));
                 })))));
     }

package/lib/appui-react/navigationaids/StandardRotationNavigationAid.js.map

@@ -1 +1 @@
-{"version":3,"file":"StandardRotationNavigationAid.js","sourceRoot":"","sources":["../../../src/appui-react/navigationaids/StandardRotationNavigationAid.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 NavigationAids\n */\n\nimport { SvgCubeFaceBottom } from \"../icons/cube-faces/SvgCubeFaceBottom.js\";\nimport { SvgCubeFaceFront } from \"../icons/cube-faces/SvgCubeFaceFront.js\";\nimport { SvgCubeFaceIsoLeft } from \"../icons/cube-faces/SvgCubeFaceIsoLeft.js\";\nimport { SvgCubeFaceIsoRight } from \"../icons/cube-faces/SvgCubeFaceIsoRight.js\";\nimport { SvgCubeFaceLeft } from \"../icons/cube-faces/SvgCubeFaceLeft.js\";\nimport { SvgCubeFaceRear } from \"../icons/cube-faces/SvgCubeFaceRear.js\";\nimport { SvgCubeFaceRight } from \"../icons/cube-faces/SvgCubeFaceRight.js\";\nimport { SvgCubeFaceTop } from \"../icons/cube-faces/SvgCubeFaceTop.js\";\nimport { RelativePosition, ToolbarItemUtilities } from \"@itwin/appui-abstract\";\nimport {\n  Columns,\n  GroupColumn,\n  GroupTool,\n  Panel,\n} from \"@itwin/components-react/internal\";\nimport { StandardViewId } from \"@itwin/core-frontend\";\nimport type { CommonProps, IconSpec } from \"@itwin/core-react\";\nimport { Icon, Popup } from \"@itwin/core-react\";\nimport { ViewportComponentEvents } from \"@itwin/imodel-components-react\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport type { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl.js\";\nimport { ExpandableButton as NZ_Expandable } from \"../layout/widget/tools/button/Expandable.js\";\nimport { ToolbarIcon as NZ_Icon } from \"../layout/widget/tools/button/Icon.js\";\nimport { NavigationAidControl } from \"./NavigationAidControl.js\";\nimport \"./StandardRotationNavigationAid.scss\";\n\n/** A 3D Standard Rotation Navigation Aid control.\n * @public\n * @deprecated in 4.16.0. Use {@link StandardRotationNavigationAid} component instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class StandardRotationNavigationAidControl extends NavigationAidControl {\n  public static navigationAidId = \"StandardRotationNavigationAid\";\n\n  // eslint-disable-next-line deprecation/deprecation\n  constructor(info: ConfigurableCreateInfo, options: any) {\n    super(info, options);\n    this.reactNode = <StandardRotationNavigationAid />;\n  }\n}\n\ninterface RotationData {\n  label: string;\n  // eslint-disable-next-line deprecation/deprecation\n  iconsSpec?: IconSpec;\n}\n\ninterface StandardRotationNavigationAidState {\n  element: HTMLDivElement | null;\n  isExpanded: boolean;\n  list: RotationData[];\n  selected: StandardViewId;\n}\n\n/** A 3D Standard Rotation Navigation Aid.\n * @public\n */\nexport class StandardRotationNavigationAid extends React.Component<\n  CommonProps, // eslint-disable-line deprecation/deprecation\n  StandardRotationNavigationAidState\n> {\n  public override readonly state: Readonly<StandardRotationNavigationAidState>;\n\n  constructor(props: any) {\n    super(props);\n    const list: RotationData[] = [\n      {\n        label: UiFramework.translate(\"rotations.top\"),\n        iconsSpec: <SvgCubeFaceTop />,\n      },\n      {\n        label: UiFramework.translate(\"rotations.bottom\"),\n        iconsSpec: <SvgCubeFaceBottom />,\n      },\n      {\n        label: UiFramework.translate(\"rotations.left\"),\n        iconsSpec: <SvgCubeFaceLeft />,\n      },\n      {\n        label: UiFramework.translate(\"rotations.right\"),\n        iconsSpec: <SvgCubeFaceRight />,\n      },\n      {\n        label: UiFramework.translate(\"rotations.front\"),\n        iconsSpec: <SvgCubeFaceFront />,\n      },\n      {\n        label: UiFramework.translate(\"rotations.rear\"),\n        iconsSpec: <SvgCubeFaceRear />,\n      },\n      {\n        label: UiFramework.translate(\"rotations.isoLeft\"),\n        iconsSpec: <SvgCubeFaceIsoLeft />,\n      },\n      {\n        label: UiFramework.translate(\"rotations.isoRight\"),\n        iconsSpec: <SvgCubeFaceIsoRight />,\n      },\n    ];\n    this.state = {\n      element: null,\n      isExpanded: false,\n      list,\n      selected: StandardViewId.Top,\n    };\n  }\n\n  public override render(): React.ReactNode {\n    const className = classnames(\n      \"uifw-standard-rotation-navigation\",\n      this.props.className\n    );\n\n    return (\n      <div className={className} style={this.props.style} ref={this._handleRef}>\n        <NZ_Expandable className={\"expandable\"}>\n          <NZ_Icon\n            className={\"icon-button\"}\n            icon={\n              <span className={classnames(\"three-d-icon\", \"icon\")}>\n                {/* eslint-disable-next-line deprecation/deprecation */}\n                <Icon\n                  iconSpec={this.state.list[this.state.selected].iconsSpec}\n                />\n              </span>\n            }\n            onClick={this._toggleIsExpanded}\n            title={UiFramework.translate(\"standardRotationNavigationAid.title\")}\n          ></NZ_Icon>\n        </NZ_Expandable>\n        {/* eslint-disable-next-line deprecation/deprecation */}\n        <Popup\n          isOpen={this.state.isExpanded}\n          offset={0}\n          onClose={this._handlePopupClose}\n          position={RelativePosition.Bottom}\n          target={this.state.element}\n        >\n          {this.getExpandedContent()}\n        </Popup>\n      </div>\n    );\n  }\n\n  private _handleRef = (element: HTMLDivElement | null) => {\n    this.setState(() => ({ element }));\n  };\n\n  private _handlePopupClose = () => {\n    this.setState(() => ({ isExpanded: false }));\n  };\n\n  private _toggleIsExpanded = () => {\n    this.setState((prevState) => ({ isExpanded: !prevState.isExpanded }));\n  };\n\n  private _handleListItemClicked = (item: number) => {\n    const selected = item;\n\n    this.setState(\n      () => ({ isExpanded: false, selected }),\n      () => ViewportComponentEvents.setStandardRotation(selected)\n    );\n  };\n\n  private getExpandedContent(): React.ReactNode {\n    if (!this.state.isExpanded) return undefined;\n\n    return (\n      <Panel>\n        <Columns>\n          <GroupColumn>\n            {this.state.list.map((item, itemIndex) => {\n              return (\n                <GroupTool\n                  key={itemIndex.toString()}\n                  label={item.label}\n                  // eslint-disable-next-line deprecation/deprecation\n                  icon={<Icon iconSpec={item.iconsSpec} />}\n                  isActive={this.state.selected.valueOf() === itemIndex}\n                  onClick={() => this._handleListItemClicked(itemIndex)}\n                  item={ToolbarItemUtilities.createActionButton(\n                    \"\",\n                    0,\n                    \"\",\n                    \"\",\n                    () => {}\n                  )}\n                />\n              );\n            })}\n          </GroupColumn>\n        </Columns>\n      </Panel>\n    );\n  }\n}\n"]}
+{"version":3,"file":"StandardRotationNavigationAid.js","sourceRoot":"","sources":["../../../src/appui-react/navigationaids/StandardRotationNavigationAid.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 NavigationAids\n */\n\nimport { SvgCubeFaceBottom } from \"../icons/cube-faces/SvgCubeFaceBottom.js\";\nimport { SvgCubeFaceFront } from \"../icons/cube-faces/SvgCubeFaceFront.js\";\nimport { SvgCubeFaceIsoLeft } from \"../icons/cube-faces/SvgCubeFaceIsoLeft.js\";\nimport { SvgCubeFaceIsoRight } from \"../icons/cube-faces/SvgCubeFaceIsoRight.js\";\nimport { SvgCubeFaceLeft } from \"../icons/cube-faces/SvgCubeFaceLeft.js\";\nimport { SvgCubeFaceRear } from \"../icons/cube-faces/SvgCubeFaceRear.js\";\nimport { SvgCubeFaceRight } from \"../icons/cube-faces/SvgCubeFaceRight.js\";\nimport { SvgCubeFaceTop } from \"../icons/cube-faces/SvgCubeFaceTop.js\";\nimport { RelativePosition, ToolbarItemUtilities } from \"@itwin/appui-abstract\";\nimport {\n  Columns,\n  GroupColumn,\n  GroupTool,\n  Panel,\n} from \"@itwin/components-react/internal\";\nimport { StandardViewId } from \"@itwin/core-frontend\";\nimport type { CommonProps, IconSpec } from \"@itwin/core-react\";\nimport { Icon, Popup } from \"@itwin/core-react\";\nimport { ViewportComponentEvents } from \"@itwin/imodel-components-react\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport type { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl.js\";\nimport { ExpandableButton as NZ_Expandable } from \"../layout/widget/tools/button/Expandable.js\";\nimport { ToolbarIcon as NZ_Icon } from \"../layout/widget/tools/button/Icon.js\";\nimport { NavigationAidControl } from \"./NavigationAidControl.js\";\nimport \"./StandardRotationNavigationAid.scss\";\n\n/** A 3D Standard Rotation Navigation Aid control.\n * @public\n * @deprecated in 4.16.0. Use {@link StandardRotationNavigationAid} component instead.\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport class StandardRotationNavigationAidControl extends NavigationAidControl {\n  public static navigationAidId = \"StandardRotationNavigationAid\";\n\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  constructor(info: ConfigurableCreateInfo, options: any) {\n    super(info, options);\n    this.reactNode = <StandardRotationNavigationAid />;\n  }\n}\n\ninterface RotationData {\n  label: string;\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  iconsSpec?: IconSpec;\n}\n\ninterface StandardRotationNavigationAidState {\n  element: HTMLDivElement | null;\n  isExpanded: boolean;\n  list: RotationData[];\n  selected: StandardViewId;\n}\n\n/** A 3D Standard Rotation Navigation Aid.\n * @public\n */\nexport class StandardRotationNavigationAid extends React.Component<\n  CommonProps, // eslint-disable-line @typescript-eslint/no-deprecated\n  StandardRotationNavigationAidState\n> {\n  public override readonly state: Readonly<StandardRotationNavigationAidState>;\n\n  constructor(props: any) {\n    super(props);\n    const list: RotationData[] = [\n      {\n        label: UiFramework.translate(\"rotations.top\"),\n        iconsSpec: <SvgCubeFaceTop />,\n      },\n      {\n        label: UiFramework.translate(\"rotations.bottom\"),\n        iconsSpec: <SvgCubeFaceBottom />,\n      },\n      {\n        label: UiFramework.translate(\"rotations.left\"),\n        iconsSpec: <SvgCubeFaceLeft />,\n      },\n      {\n        label: UiFramework.translate(\"rotations.right\"),\n        iconsSpec: <SvgCubeFaceRight />,\n      },\n      {\n        label: UiFramework.translate(\"rotations.front\"),\n        iconsSpec: <SvgCubeFaceFront />,\n      },\n      {\n        label: UiFramework.translate(\"rotations.rear\"),\n        iconsSpec: <SvgCubeFaceRear />,\n      },\n      {\n        label: UiFramework.translate(\"rotations.isoLeft\"),\n        iconsSpec: <SvgCubeFaceIsoLeft />,\n      },\n      {\n        label: UiFramework.translate(\"rotations.isoRight\"),\n        iconsSpec: <SvgCubeFaceIsoRight />,\n      },\n    ];\n    this.state = {\n      element: null,\n      isExpanded: false,\n      list,\n      selected: StandardViewId.Top,\n    };\n  }\n\n  public override render(): React.ReactNode {\n    const className = classnames(\n      \"uifw-standard-rotation-navigation\",\n      this.props.className\n    );\n\n    return (\n      <div className={className} style={this.props.style} ref={this._handleRef}>\n        <NZ_Expandable className={\"expandable\"}>\n          <NZ_Icon\n            className={\"icon-button\"}\n            icon={\n              <span className={classnames(\"three-d-icon\", \"icon\")}>\n                {/* eslint-disable-next-line @typescript-eslint/no-deprecated */}\n                <Icon\n                  iconSpec={this.state.list[this.state.selected].iconsSpec}\n                />\n              </span>\n            }\n            onClick={this._toggleIsExpanded}\n            title={UiFramework.translate(\"standardRotationNavigationAid.title\")}\n          ></NZ_Icon>\n        </NZ_Expandable>\n        {/* eslint-disable-next-line @typescript-eslint/no-deprecated */}\n        <Popup\n          isOpen={this.state.isExpanded}\n          offset={0}\n          onClose={this._handlePopupClose}\n          position={RelativePosition.Bottom}\n          target={this.state.element}\n        >\n          {this.getExpandedContent()}\n        </Popup>\n      </div>\n    );\n  }\n\n  private _handleRef = (element: HTMLDivElement | null) => {\n    this.setState(() => ({ element }));\n  };\n\n  private _handlePopupClose = () => {\n    this.setState(() => ({ isExpanded: false }));\n  };\n\n  private _toggleIsExpanded = () => {\n    this.setState((prevState) => ({ isExpanded: !prevState.isExpanded }));\n  };\n\n  private _handleListItemClicked = (item: number) => {\n    const selected = item;\n\n    this.setState(\n      () => ({ isExpanded: false, selected }),\n      () => ViewportComponentEvents.setStandardRotation(selected)\n    );\n  };\n\n  private getExpandedContent(): React.ReactNode {\n    if (!this.state.isExpanded) return undefined;\n\n    return (\n      <Panel>\n        <Columns>\n          <GroupColumn>\n            {this.state.list.map((item, itemIndex) => {\n              return (\n                <GroupTool\n                  key={itemIndex.toString()}\n                  label={item.label}\n                  // eslint-disable-next-line @typescript-eslint/no-deprecated\n                  icon={<Icon iconSpec={item.iconsSpec} />}\n                  isActive={this.state.selected.valueOf() === itemIndex}\n                  onClick={() => this._handleListItemClicked(itemIndex)}\n                  item={ToolbarItemUtilities.createActionButton(\n                    \"\",\n                    0,\n                    \"\",\n                    \"\",\n                    () => {}\n                  )}\n                />\n              );\n            })}\n          </GroupColumn>\n        </Columns>\n      </Panel>\n    );\n  }\n}\n"]}

package/lib/appui-react/pickers/ListPicker.d.ts

@@ -79,6 +79,7 @@ interface ExpandableSectionState {
 export declare class ExpandableSection extends React.PureComponent<ExpandableSectionProps, ExpandableSectionState> {
     /** Creates an ExpandableSection */
     constructor(props: ExpandableSectionProps);
+    /** @internal */
     componentDidUpdate(prevProps: Readonly<ExpandableSectionProps>): Promise<void>;
     private _onClick;
     /** Renders ExpandableSection */

package/lib/appui-react/pickers/ListPicker.d.ts.map

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