@itwin/appui-react 5.19.0 → 5.20.0

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

@@ -26,42 +26,8 @@ export class PointerMessageChangedEvent extends UiEvent {
  * @public
  */
 export class PointerMessage extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            message: "",
-            isVisible: false,
-            position: {
-                x: 0,
-                y: 0,
-            },
-        };
-        this._size = {
-            height: 0,
-            width: 0,
-        };
-        this._handleSizeChanged = (size) => {
-            this._size = size;
-            this.updatePosition();
-        };
-        this._handlePointerMessageChangedEvent = (args) => {
-            this._relativePosition = args.relativePosition;
-            this._viewport = args.viewport;
-            this._position = args.pt;
-            this.setState(() => ({
-                isVisible: args.isVisible,
-                message: args.message,
-                detailedMessage: args.detailedMessage,
-                messageDetails: args.messageDetails,
-            }));
-            this.updatePosition();
-        };
-        this._handlePointerMessagePositionChangedEvent = (args) => {
-            this._relativePosition = args.relativePosition;
-            this._position = args.pt;
-            this.updatePosition();
-        };
-    }
+    static _pointerMessageChangedEvent = new BeUiEvent(); // eslint-disable-line @typescript-eslint/no-deprecated
+    static _onPointerMessagePositionChangedEvent = new BeUiEvent();
     // eslint-disable-next-line @typescript-eslint/no-deprecated
     static get onPointerMessageChangedEvent() {
         return PointerMessage._pointerMessageChangedEvent;
@@ -91,6 +57,21 @@ export class PointerMessage extends React.Component {
             message: "",
         });
     }
+    state = {
+        message: "",
+        isVisible: false,
+        position: {
+            x: 0,
+            y: 0,
+        },
+    };
+    _relativePosition;
+    _viewport;
+    _position;
+    _size = {
+        height: 0,
+        width: 0,
+    };
     render() {
         if (!this.state.isVisible)
             return null;
@@ -120,6 +101,27 @@ export class PointerMessage extends React.Component {
         PointerMessage.onPointerMessageChangedEvent.removeListener(this._handlePointerMessageChangedEvent);
         PointerMessage._onPointerMessagePositionChangedEvent.removeListener(this._handlePointerMessagePositionChangedEvent);
     }
+    _handleSizeChanged = (size) => {
+        this._size = size;
+        this.updatePosition();
+    };
+    _handlePointerMessageChangedEvent = (args) => {
+        this._relativePosition = args.relativePosition;
+        this._viewport = args.viewport;
+        this._position = args.pt;
+        this.setState(() => ({
+            isVisible: args.isVisible,
+            message: args.message,
+            detailedMessage: args.detailedMessage,
+            messageDetails: args.messageDetails,
+        }));
+        this.updatePosition();
+    };
+    _handlePointerMessagePositionChangedEvent = (args) => {
+        this._relativePosition = args.relativePosition;
+        this._position = args.pt;
+        this.updatePosition();
+    };
     updatePosition() {
         const adjustmentOffset = 20;
         let offset;
@@ -167,6 +169,4 @@ export class PointerMessage extends React.Component {
         });
     }
 }
-PointerMessage._pointerMessageChangedEvent = new BeUiEvent(); // eslint-disable-line @typescript-eslint/no-deprecated
-PointerMessage._onPointerMessagePositionChangedEvent = new BeUiEvent();
 //# sourceMappingURL=Pointer.js.map

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/** 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, @typescript-eslint/no-base-to-string, @typescript-eslint/restrict-template-expressions\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"]}
+{"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, @typescript-eslint/no-base-to-string, @typescript-eslint/restrict-template-expressions\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.js

@@ -11,6 +11,12 @@ import { RelativePosition } from "@itwin/appui-abstract";
  * @public
  */
 export class ReactNotifyMessageDetails {
+    priority;
+    briefMessage;
+    detailedMessage;
+    msgType;
+    openAlert;
+    _notifyMessageDetails;
     /** @internal */
     get messageDetails() {
         return this._notifyMessageDetails;

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 @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"]}
+{"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;IAyC3B;IACA;IACA;IACA;IACA;IA5CD,qBAAqB,CAAuB;IAEpD,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/messages/StatusMessageManager.js

@@ -11,10 +11,8 @@ import { OutputMessageType } from "@itwin/core-frontend";
  * @internal
  */
 export class StatusMessageManager {
-    constructor() {
-        this._messages = [];
-        this._messageId = 0;
-    }
+    _messages = [];
+    _messageId = 0;
     initialize() {
         this._messages = [];
         this._messageId = 0;

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

@@ -1 +1 @@
-{"version":3,"file":"StatusMessageManager.js","sourceRoot":"","sources":["../../../src/appui-react/messages/StatusMessageManager.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAIH,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAWzD;;GAEG;AACH,MAAM,OAAO,oBAAoB;IAAjC;QACU,cAAS,GAAiC,EAAE,CAAC;QAC7C,eAAU,GAAW,CAAC,CAAC;IAkDjC,CAAC;IAhDQ,UAAU;QACf,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACpB,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;IACtB,CAAC;IAED,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAEM,GAAG,CAAC,cAAwC;QACjD,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC;QACtC,MAAM,QAAQ,GAAG,cAAc,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;QAE5D,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;QACxC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,sBAAsB;QAC/E,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAE1B,IAAI,CAAC,UAAU,EAAE,CAAC;QAElB,sDAAsD;QACtD,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAC1C,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,iBAAiB,CAAC,MAAM,CACzE,CAAC;QACF,IAAI,cAAc,CAAC,MAAM,GAAG,cAAc,CAAC,0BAA0B,EAAE,CAAC;YACtE,MAAM,cAAc,GAAG,cAAc,CAAC,KAAK,CACzC,cAAc,CAAC,0BAA0B,CAC1C,CAAC;YACF,KAAK,MAAM,aAAa,IAAI,cAAc,EAAE,CAAC;gBAC3C,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;YAChC,CAAC;QACH,CAAC;IACH,CAAC;IAEM,MAAM,CAAC,EAAU;QACtB,IAAI,MAAM,GAAG,KAAK,CAAC;QACnB,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CACzC,CAAC,OAAsB,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAC9C,CAAC;QAEF,IAAI,UAAU,IAAI,CAAC,EAAE,CAAC;YACpB,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;YACxC,QAAQ,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;YAC/B,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;YAC1B,MAAM,GAAG,IAAI,CAAC;QAChB,CAAC;QAED,OAAO,MAAM,CAAC;IAChB,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 Notification\n */\n\nimport type { NotifyMessageDetailsType } from \"./ReactNotifyMessageDetails.js\";\nimport type { MessageSeverity } from \"@itwin/appui-abstract\";\nimport { MessageManager } from \"./MessageManager.js\";\nimport { OutputMessageType } from \"@itwin/core-frontend\";\n\n/** Interface for Status Message\n * @internal\n */\nexport interface StatusMessage {\n  id: string;\n  messageDetails: NotifyMessageDetailsType;\n  severity: MessageSeverity;\n}\n\n/** Manager for Status messages\n * @internal\n */\nexport class StatusMessageManager {\n  private _messages: ReadonlyArray<StatusMessage> = [];\n  private _messageId: number = 0;\n\n  public initialize() {\n    this._messages = [];\n    this._messageId = 0;\n  }\n\n  public get messages() {\n    return this._messages;\n  }\n\n  public add(messageDetails: NotifyMessageDetailsType): void {\n    const id = this._messageId.toString();\n    const severity = MessageManager.getSeverity(messageDetails);\n\n    const messages = this._messages.slice();\n    messages.splice(0, 0, { id, messageDetails, severity }); // Insert at beginning\n    this._messages = messages;\n\n    this._messageId++;\n\n    /** Remove Sticky messages beyond the max displayed */\n    const stickyMessages = this._messages.filter(\n      (message) => message.messageDetails.msgType === OutputMessageType.Sticky\n    );\n    if (stickyMessages.length > MessageManager.maxDisplayedStickyMessages) {\n      const removeMessages = stickyMessages.slice(\n        MessageManager.maxDisplayedStickyMessages\n      );\n      for (const removeMessage of removeMessages) {\n        this.remove(removeMessage.id);\n      }\n    }\n  }\n\n  public remove(id: string): boolean {\n    let result = false;\n    const foundIndex = this._messages.findIndex(\n      (message: StatusMessage) => message.id === id\n    );\n\n    if (foundIndex >= 0) {\n      const messages = this._messages.slice();\n      messages.splice(foundIndex, 1);\n      this._messages = messages;\n      result = true;\n    }\n\n    return result;\n  }\n}\n"]}
+{"version":3,"file":"StatusMessageManager.js","sourceRoot":"","sources":["../../../src/appui-react/messages/StatusMessageManager.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAIH,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAWzD;;GAEG;AACH,MAAM,OAAO,oBAAoB;IACvB,SAAS,GAAiC,EAAE,CAAC;IAC7C,UAAU,GAAW,CAAC,CAAC;IAExB,UAAU;QACf,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACpB,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;IACtB,CAAC;IAED,IAAW,QAAQ;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAEM,GAAG,CAAC,cAAwC;QACjD,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC;QACtC,MAAM,QAAQ,GAAG,cAAc,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;QAE5D,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;QACxC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,sBAAsB;QAC/E,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;QAE1B,IAAI,CAAC,UAAU,EAAE,CAAC;QAElB,sDAAsD;QACtD,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,CAC1C,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,iBAAiB,CAAC,MAAM,CACzE,CAAC;QACF,IAAI,cAAc,CAAC,MAAM,GAAG,cAAc,CAAC,0BAA0B,EAAE,CAAC;YACtE,MAAM,cAAc,GAAG,cAAc,CAAC,KAAK,CACzC,cAAc,CAAC,0BAA0B,CAC1C,CAAC;YACF,KAAK,MAAM,aAAa,IAAI,cAAc,EAAE,CAAC;gBAC3C,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;YAChC,CAAC;QACH,CAAC;IACH,CAAC;IAEM,MAAM,CAAC,EAAU;QACtB,IAAI,MAAM,GAAG,KAAK,CAAC;QACnB,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CACzC,CAAC,OAAsB,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAC9C,CAAC;QAEF,IAAI,UAAU,IAAI,CAAC,EAAE,CAAC;YACpB,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;YACxC,QAAQ,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;YAC/B,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;YAC1B,MAAM,GAAG,IAAI,CAAC;QAChB,CAAC;QAED,OAAO,MAAM,CAAC;IAChB,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 Notification\n */\n\nimport type { NotifyMessageDetailsType } from \"./ReactNotifyMessageDetails.js\";\nimport type { MessageSeverity } from \"@itwin/appui-abstract\";\nimport { MessageManager } from \"./MessageManager.js\";\nimport { OutputMessageType } from \"@itwin/core-frontend\";\n\n/** Interface for Status Message\n * @internal\n */\nexport interface StatusMessage {\n  id: string;\n  messageDetails: NotifyMessageDetailsType;\n  severity: MessageSeverity;\n}\n\n/** Manager for Status messages\n * @internal\n */\nexport class StatusMessageManager {\n  private _messages: ReadonlyArray<StatusMessage> = [];\n  private _messageId: number = 0;\n\n  public initialize() {\n    this._messages = [];\n    this._messageId = 0;\n  }\n\n  public get messages() {\n    return this._messages;\n  }\n\n  public add(messageDetails: NotifyMessageDetailsType): void {\n    const id = this._messageId.toString();\n    const severity = MessageManager.getSeverity(messageDetails);\n\n    const messages = this._messages.slice();\n    messages.splice(0, 0, { id, messageDetails, severity }); // Insert at beginning\n    this._messages = messages;\n\n    this._messageId++;\n\n    /** Remove Sticky messages beyond the max displayed */\n    const stickyMessages = this._messages.filter(\n      (message) => message.messageDetails.msgType === OutputMessageType.Sticky\n    );\n    if (stickyMessages.length > MessageManager.maxDisplayedStickyMessages) {\n      const removeMessages = stickyMessages.slice(\n        MessageManager.maxDisplayedStickyMessages\n      );\n      for (const removeMessage of removeMessages) {\n        this.remove(removeMessage.id);\n      }\n    }\n  }\n\n  public remove(id: string): boolean {\n    let result = false;\n    const foundIndex = this._messages.findIndex(\n      (message: StatusMessage) => message.id === id\n    );\n\n    if (foundIndex >= 0) {\n      const messages = this._messages.slice();\n      messages.splice(foundIndex, 1);\n      this._messages = messages;\n      result = true;\n    }\n\n    return result;\n  }\n}\n"]}

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

@@ -14,6 +14,7 @@ import { NavigationAidControl } from "./NavigationAidControl.js";
  */
 // eslint-disable-next-line @typescript-eslint/no-deprecated
 export class CubeNavigationAidControl extends NavigationAidControl {
+    static navigationAidId = "CubeNavigationAid";
     // eslint-disable-next-line @typescript-eslint/no-deprecated
     constructor(info, options) {
         // eslint-disable-next-line @typescript-eslint/no-deprecated
@@ -24,5 +25,4 @@ export class CubeNavigationAidControl extends NavigationAidControl {
         return "96px";
     }
 }
-CubeNavigationAidControl.navigationAidId = "CubeNavigationAid";
 //# sourceMappingURL=CubeNavigationAidControl.js.map

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,4DAA4D;AAC5D,MAAM,OAAO,wBAAyB,SAAQ,oBAAoB;IAGhE,4DAA4D;IAC5D,YAAY,IAA4B,EAAE,OAAY;QACpD,4DAA4D;QAC5D,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;;AAhBa,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    // eslint-disable-next-line @typescript-eslint/no-deprecated\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;IACzD,MAAM,CAAC,eAAe,GAAG,mBAAmB,CAAC;IAEpD,4DAA4D;IAC5D,YAAY,IAA4B,EAAE,OAAY;QACpD,4DAA4D;QAC5D,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","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    // eslint-disable-next-line @typescript-eslint/no-deprecated\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

@@ -14,6 +14,7 @@ import { NavigationAidControl } from "./NavigationAidControl.js";
  */
 // eslint-disable-next-line @typescript-eslint/no-deprecated
 export class DrawingNavigationAidControl extends NavigationAidControl {
+    static navigationAidId = "DrawingNavigationAid";
     // eslint-disable-next-line @typescript-eslint/no-deprecated
     constructor(info, options) {
         // eslint-disable-next-line @typescript-eslint/no-deprecated
@@ -24,5 +25,4 @@ export class DrawingNavigationAidControl extends NavigationAidControl {
         return "96px";
     }
 }
-DrawingNavigationAidControl.navigationAidId = "DrawingNavigationAid";
 //# sourceMappingURL=DrawingNavigationAidControl.js.map

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,4DAA4D;AAC5D,MAAM,OAAO,2BAA4B,SAAQ,oBAAoB;IAGnE,4DAA4D;IAC5D,YAAY,IAA4B,EAAE,OAAY;QACpD,4DAA4D;QAC5D,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;;AAhBa,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    // eslint-disable-next-line @typescript-eslint/no-deprecated\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;IAC5D,MAAM,CAAC,eAAe,GAAG,sBAAsB,CAAC;IAEvD,4DAA4D;IAC5D,YAAY,IAA4B,EAAE,OAAY;QACpD,4DAA4D;QAC5D,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","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    // eslint-disable-next-line @typescript-eslint/no-deprecated\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

@@ -18,6 +18,7 @@ export class NavigationAidActivatedEvent extends UiEvent {
  * @deprecated in 4.16.0. Extends a deprecated class {@link ConfigurableUiControl}.
  */
 export class NavigationAidControl extends ConfigurableUiControl {
+    _reactNode;
     constructor(info, options) {
         super(info, options);
     }

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 @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"]}
+{"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;IACrD,UAAU,CAAkB;IAEpC,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

@@ -22,6 +22,7 @@ import { SvgChevronLeft, SvgChevronRight } from "@itwin/itwinui-icons-react";
  */
 // eslint-disable-next-line @typescript-eslint/no-deprecated
 export class SheetNavigationAidControl extends NavigationAidControl {
+    static navigationAidId = "SheetNavigationAid";
     // eslint-disable-next-line @typescript-eslint/no-deprecated
     constructor(info, options) {
         // eslint-disable-next-line @typescript-eslint/no-deprecated
@@ -32,66 +33,18 @@ export class SheetNavigationAidControl extends NavigationAidControl {
         return "96px";
     }
 }
-SheetNavigationAidControl.navigationAidId = "SheetNavigationAid";
 /** A Sheet Navigation Aid.
  * @public
  */
 export class SheetNavigationAid extends React.Component {
+    _isMounted = false;
+    state = {
+        index: 0,
+        sheetData: [],
+    };
+    _viewport;
     constructor(props) {
         super(props);
-        this._isMounted = false;
-        this.state = {
-            index: 0,
-            sheetData: [],
-        };
-        /** Sets index of newly selected card */
-        this._handleCardSelected = (event) => {
-            event &&
-                this.setState({
-                    index: event.index,
-                });
-        };
-        /** Updates view to the next lowest index in sheetData */
-        this._handleOnClickLeftArrow = () => {
-            this.setState((prevState) => ({
-                index: prevState.index <= 0
-                    ? prevState.sheetData.length - 1
-                    : prevState.index - 1,
-            }), async () => this._updateView());
-        };
-        /** Updates view to next highest index in sheetData */
-        this._handleOnClickRightArrow = () => {
-            this.setState((prevState) => ({
-                index: (prevState.index + 1) % prevState.sheetData.length,
-            }), async () => this._updateView());
-        };
-        /** Handles a Viewport change & synchs the index */
-        this._handleSelectedViewportChanged = (args) => {
-            if (args.current) {
-                this._handleViewportChanged(args.current);
-            }
-        };
-        this._handleViewIdChanged = (args) => {
-            if (this._viewport === args.viewport)
-                this._handleViewportChanged(args.viewport);
-        };
-        /** Handles a Viewport change & synchs the index */
-        this._handleViewportChanged = (viewport) => {
-            const className = ViewUtilities.getBisBaseClass(viewport.view.classFullName);
-            if (ViewUtilities.isSheet(className)) {
-                this._viewport = viewport;
-                const viewId = this._viewport.view.id.toString();
-                const index = this.state.sheetData.findIndex((sheetData) => {
-                    return viewId === sheetData.viewId;
-                });
-                if (index >= 0)
-                    this.setState({ index });
-            }
-        };
-        /** Opens a new SheetsModelFrontstage on sheetName click */
-        this._handleOnClickSheetName = () => {
-            UiFramework.frontstages.openModalFrontstage(this.modalFrontstage());
-        };
         this._viewport = IModelApp.viewManager.selectedView;
     }
     /** Adds listeners when components mounts */
@@ -171,6 +124,50 @@ export class SheetNavigationAid extends React.Component {
         }
         return (React.createElement("div", { className: classnames("uifw-sheet-navigation", this.props.className), style: this.props.style }, content));
     }
+    /** Sets index of newly selected card */
+    _handleCardSelected = (event) => {
+        event &&
+            this.setState({
+                index: event.index,
+            });
+    };
+    /** Updates view to the next lowest index in sheetData */
+    _handleOnClickLeftArrow = () => {
+        this.setState((prevState) => ({
+            index: prevState.index <= 0
+                ? prevState.sheetData.length - 1
+                : prevState.index - 1,
+        }), async () => this._updateView());
+    };
+    /** Updates view to next highest index in sheetData */
+    _handleOnClickRightArrow = () => {
+        this.setState((prevState) => ({
+            index: (prevState.index + 1) % prevState.sheetData.length,
+        }), async () => this._updateView());
+    };
+    /** Handles a Viewport change & synchs the index */
+    _handleSelectedViewportChanged = (args) => {
+        if (args.current) {
+            this._handleViewportChanged(args.current);
+        }
+    };
+    _handleViewIdChanged = (args) => {
+        if (this._viewport === args.viewport)
+            this._handleViewportChanged(args.viewport);
+    };
+    /** Handles a Viewport change & synchs the index */
+    _handleViewportChanged = (viewport) => {
+        const className = ViewUtilities.getBisBaseClass(viewport.view.classFullName);
+        if (ViewUtilities.isSheet(className)) {
+            this._viewport = viewport;
+            const viewId = this._viewport.view.id.toString();
+            const index = this.state.sheetData.findIndex((sheetData) => {
+                return viewId === sheetData.viewId;
+            });
+            if (index >= 0)
+                this.setState({ index });
+        }
+    };
     /** Updates view to currently set sheet */
     async _updateView() {
         const viewState = await this.props.iModelConnection.views.load(this.state.sheetData[this.state.index].viewId);
@@ -181,5 +178,9 @@ export class SheetNavigationAid extends React.Component {
     modalFrontstage() {
         return new SheetsModalFrontstage(this.state.sheetData, this.props.iModelConnection, this.state.index);
     }
+    /** Opens a new SheetsModelFrontstage on sheetName click */
+    _handleOnClickSheetName = () => {
+        UiFramework.frontstages.openModalFrontstage(this.modalFrontstage());
+    };
 }
 //# sourceMappingURL=SheetNavigationAid.js.map

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":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,2BAA2B,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAKzE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EACL,aAAa,EACb,qBAAqB,GACtB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7E;;;GAGG;AACH,4DAA4D;AAC5D,MAAM,OAAO,yBAA0B,SAAQ,oBAAoB;IAGjE,4DAA4D;IAC5D,YAAY,IAA4B,EAAE,OAAY;QACpD,4DAA4D;QAC5D,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACrB,IAAI,CAAC,SAAS,GAAG,oBAAC,kBAAkB,IAAC,gBAAgB,EAAE,OAAO,CAAC,MAAM,GAAI,CAAC;IAC5E,CAAC;IAEe,OAAO;QACrB,OAAO,MAAM,CAAC;IAChB,CAAC;;AAXa,yCAAe,GAAG,oBAAoB,CAAC;AAmCvD;;GAEG;AACH,MAAM,OAAO,kBAAmB,SAAQ,KAAK,CAAC,SAG7C;IAUC,YAAY,KAA2B;QACrC,KAAK,CAAC,KAAK,CAAC,CAAC;QAVP,eAAU,GAAG,KAAK,CAAC;QAEF,UAAK,GAAmC;YAC/D,KAAK,EAAE,CAAC;YACR,SAAS,EAAE,EAAE;SACd,CAAC;QAuJF,wCAAwC;QAChC,wBAAmB,GAEvB,CAAC,KAAK,EAAE,EAAE;YACZ,KAAK;gBACH,IAAI,CAAC,QAAQ,CAAC;oBACZ,KAAK,EAAE,KAAK,CAAC,KAAK;iBACnB,CAAC,CAAC;QACP,CAAC,CAAC;QAEF,yDAAyD;QACjD,4BAAuB,GAAG,GAAG,EAAE;YACrC,IAAI,CAAC,QAAQ,CACX,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;gBACd,KAAK,EACH,SAAS,CAAC,KAAK,IAAI,CAAC;oBAClB,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC;oBAChC,CAAC,CAAC,SAAS,CAAC,KAAK,GAAG,CAAC;aAC1B,CAAC,EACF,KAAK,IAAI,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAC/B,CAAC;QACJ,CAAC,CAAC;QAEF,sDAAsD;QAC9C,6BAAwB,GAAG,GAAG,EAAE;YACtC,IAAI,CAAC,QAAQ,CACX,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;gBACd,KAAK,EAAE,CAAC,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM;aAC1D,CAAC,EACF,KAAK,IAAI,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAC/B,CAAC;QACJ,CAAC,CAAC;QAEF,mDAAmD;QAC3C,mCAA8B,GAAG,CACvC,IAAiC,EACjC,EAAE;YACF,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC5C,CAAC;QACH,CAAC,CAAC;QAEM,yBAAoB,GAExB,CAAC,IAAI,EAAE,EAAE;YACX,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,QAAQ;gBAClC,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,QAA0B,CAAC,CAAC;QACjE,CAAC,CAAC;QAEF,mDAAmD;QAC3C,2BAAsB,GAAG,CAAC,QAAwB,EAAE,EAAE;YAC5D,MAAM,SAAS,GAAG,aAAa,CAAC,eAAe,CAC7C,QAAQ,CAAC,IAAI,CAAC,aAAa,CAC5B,CAAC;YAEF,IAAI,aAAa,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;gBACrC,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;gBAE1B,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC;gBAEjD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,SAAoB,EAAE,EAAE;oBACpE,OAAO,MAAM,KAAK,SAAS,CAAC,MAAM,CAAC;gBACrC,CAAC,CAAC,CAAC;gBAEH,IAAI,KAAK,IAAI,CAAC;oBAAE,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YAC3C,CAAC;QACH,CAAC,CAAC;QAmBF,2DAA2D;QACnD,4BAAuB,GAAG,GAAG,EAAE;YACrC,WAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC;QACtE,CAAC,CAAC;QAxOA,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC,WAAW,CAAC,YAAY,CAAC;IACtD,CAAC;IAED,4CAA4C;IAC5B,KAAK,CAAC,iBAAiB;QACrC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QAEvB,aAAa,CAAC,mBAAmB,CAAC,WAAW,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QACxE,uBAAuB,CAAC,oBAAoB,CAAC,WAAW,CACtD,IAAI,CAAC,oBAAoB,CAC1B,CAAC;QAEF,SAAS,CAAC,WAAW,CAAC,yBAAyB,CAAC,WAAW,CACzD,IAAI,CAAC,8BAA8B,CACpC,CAAC;QAEF,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC;QAE5C,IAAI,IAAI,CAAC,UAAU;YAAE,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IAChD,CAAC;IAED,oDAAoD;IACpC,oBAAoB;QAClC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAExB,aAAa,CAAC,mBAAmB,CAAC,cAAc,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC;QAC3E,uBAAuB,CAAC,oBAAoB,CAAC,cAAc,CACzD,IAAI,CAAC,oBAAoB,CAC1B,CAAC;QAEF,SAAS,CAAC,WAAW,CAAC,yBAAyB,CAAC,cAAc,CAC5D,IAAI,CAAC,8BAA8B,CACpC,CAAC;IACJ,CAAC;IAED,mDAAmD;IAC3C,KAAK,CAAC,YAAY;QACxB,MAAM,SAAS,GAAyB;YACtC,KAAK,EAAE,CAAC;YACR,SAAS,EAAE,EAAE;SACd,CAAC;QAEF,IACE,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB;YAC5B,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,KAAK,CAAC,WAAW;YAE9C,OAAO,SAAS,CAAC;QAEnB,IAAI,MAAM,GAAG,EAAE,CAAC;QAChB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC;QAC7C,CAAC;QAED,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC;YACjE,IAAI,EAAE,6BAA6B;SACpC,CAAC,CAAC;QACH,MAAM,CAAC,OAAO,CAAC,CAAC,QAAmC,EAAE,KAAa,EAAE,EAAE;YACpE,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;YACvE,IAAI,QAAQ,CAAC,EAAE,KAAK,MAAM;gBAAE,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC;QACtD,CAAC,CAAC,CAAC;QAEH,OAAO,SAAS,CAAC;IACnB,CAAC;IAEe,MAAM;QACpB,MAAM,IAAI,GACR,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC;YAC7B,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI;YAC7C,CAAC,CAAC,EAAE,CAAC;QACT,MAAM,SAAS,GACb,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC;YACpB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC;YACjC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC;QAC3B,MAAM,UAAU,GACd,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC;YACjD,CAAC,CAAC,CAAC;YACH,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC;QAC3B,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC;YAC/C,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,IAAI;YACtC,CAAC,CAAC,SAAS,CAAC;QACd,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC;YACjD,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,IAAI;YACvC,CAAC,CAAC,SAAS,CAAC;QAEd,IAAI,OAAwB,CAAC;QAC7B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACpC,OAAO,GAAG,CACR;gBACE,6BAAK,SAAS,EAAC,aAAa,IACzB,WAAW,CAAC,SAAS,CAAC,eAAe,CAAC,CACnC;gBAEN,6BACE,SAAS,EAAC,YAAY,EACtB,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,IAAI,CAAC,uBAAuB,EACrC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,IAEX,IAAI,CACD;gBACN,6BAAK,SAAS,EAAC,iBAAiB;oBAE9B,oBAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,IAAI,CAAC,uBAAuB,EACrC,QAAQ,EAAE,CAAC,CAAC,EACZ,KAAK,EAAE,SAAS;wBAEhB,oBAAC,cAAc,OAAG,CACP;oBACb;wBACG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC;;wBAAG,WAAW,CAAC,SAAS,CAAC,YAAY,CAAC;wBAC1D,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CACxB;oBAEN,oBAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,IAAI,CAAC,wBAAwB,EACtC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,EACZ,KAAK,EAAE,UAAU;wBAEjB,oBAAC,eAAe,OAAG,CACR,CACT,CACL,CACJ,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,GAAG,oBAAC,cAAc,IAAC,IAAI,EAAC,SAAS,EAAC,aAAa,SAAG,CAAC;QAC5D,CAAC;QAED,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CAAC,uBAAuB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EACpE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAEtB,OAAO,CACJ,CACP,CAAC;IACJ,CAAC;IAsED,0CAA0C;IAClC,KAAK,CAAC,WAAW;QACvB,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAC5D,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAC9C,CAAC;QACF,IAAI,IAAI,CAAC,SAAS;YAAE,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;IAC3D,CAAC;IAED,0CAA0C;IAClC,eAAe;QACrB,OAAO,IAAI,qBAAqB,CAC9B,IAAI,CAAC,KAAK,CAAC,SAAS,EACpB,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAC3B,IAAI,CAAC,KAAK,CAAC,KAAK,CACjB,CAAC;IACJ,CAAC;CAMF","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    // eslint-disable-next-line @typescript-eslint/no-deprecated\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"]}
+{"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    // eslint-disable-next-line @typescript-eslint/no-deprecated\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"]}