@itwin/appui-react 3.0.0-extension.1 → 3.0.0

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

@@ -20,13 +20,13 @@ const MessageSpan_1 = require("./MessageSpan");
 /** Pointer Message Changed Event emitted by the [[PointerMessage]] component
  * @public
  */
-class PointerMessageChangedEvent extends core_react_1.UiEvent {
+class PointerMessageChangedEvent extends appui_abstract_1.UiEvent {
 }
 exports.PointerMessageChangedEvent = PointerMessageChangedEvent;
 /** Pointer Message Position Changed Event emitted by the [[PointerMessage]] component
  * @internal
  */
-class PointerMessagePositionChangedEvent extends core_react_1.UiEvent {
+class PointerMessagePositionChangedEvent extends appui_abstract_1.UiEvent {
 }
 /** Pointer message pops up near pointer when attempting an invalid interaction.
  * @public
@@ -100,7 +100,8 @@ class PointerMessage extends React.Component {
             return null;
         const className = (0, classnames_1.default)("uifw-pointer-message", this.props.className);
         const severity = MessageManager_1.MessageManager.getSeverity(this.state.messageDetails);
-        return (React.createElement(appui_layout_react_1.Tooltip, { className: className, onSizeChanged: this._handleSizeChanged, position: this.state.position, style: this.props.style },
+        return (React.createElement(appui_layout_react_1.Tooltip // eslint-disable-line deprecation/deprecation
+        , { className: className, onSizeChanged: this._handleSizeChanged, position: this.state.position, style: this.props.style },
             React.createElement("div", { className: "uifw-pointer-message-content" },
                 (severity !== appui_abstract_1.MessageSeverity.None) &&
                     React.createElement("span", { className: "uifw-pointer-message-icon" },

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

@@ -1 +1 @@
-{"version":3,"file":"Pointer.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/Pointer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,0BAAwB;AACxB,2CAAoC;AACpC,+BAA+B;AAE/B,wDAA6D;AAC7D,0DAAsF;AACtF,kDAAwG;AACxG,kEAAiF;AACjF,qDAAkD;AAClD,+CAAwD;AAsCxD;;GAEG;AACH,MAAa,0BAA2B,SAAQ,oBAAuC;CAAI;AAA3F,gEAA2F;AAU3F;;GAEG;AACH,MAAM,kCAAmC,SAAQ,oBAA+C;CAAI;AAEpG;;GAEG;AACH,MAAa,cAAe,SAAQ,KAAK,CAAC,SAAmD;IAA7F;;QAkC2B,UAAK,GAAkC;YAC9D,OAAO,EAAE,EAAE;YACX,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE;gBACR,CAAC,EAAE,CAAC;gBACJ,CAAC,EAAE,CAAC;aACL;SACF,CAAC;QAKM,UAAK,GAAc;YACzB,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,CAAC;SACT,CAAC;QA2CF,uBAAuB;QACf,uBAAkB,GAAG,CAAC,IAAe,EAAE,EAAE;YAC/C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YAClB,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC,CAAC;QAEM,sCAAiC,GAAG,CAAC,IAAoC,EAAE,EAAE;YACnF,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,gBAAgB,CAAC;YAC/C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC;YAC/B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC;YACzB,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;gBACnB,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,eAAe,EAAE,IAAI,CAAC,eAAe;gBACrC,cAAc,EAAE,IAAI,CAAC,cAAc;aACpC,CAAC,CAAC,CAAC;YACJ,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC,CAAC;QAEM,8CAAyC,GAAG,CAAC,IAA4C,EAAE,EAAE;YACnG,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,gBAAgB,CAAC;YAC/C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC;YACzB,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC,CAAC;IAwDJ,CAAC;IAvKQ,MAAM,KAAK,4BAA4B,KAAiC,OAAO,cAAc,CAAC,2BAA2B,CAAC,CAAC,CAAC;IAE5H,MAAM,CAAC,WAAW,CAAC,OAAiC;QACzD,cAAc,CAAC,4BAA4B,CAAC,IAAI,CAAC;YAC/C,SAAS,EAAE,IAAI;YACf,QAAQ,EAAE,OAAO,CAAC,QAAQ;YAC1B,OAAO,EAAE,OAAO,CAAC,YAAY;YAC7B,eAAe,EAAE,OAAO,CAAC,eAAe;YACxC,gBAAgB,EAAE,OAAO,CAAC,gBAAgB;YAC1C,QAAQ,EAAE,OAAO,CAAC,QAAQ;YAC1B,EAAE,EAAE,OAAO,CAAC,YAAY;YACxB,cAAc,EAAE,OAAO;SACxB,CAAC,CAAC;IACL,CAAC;IAEM,MAAM,CAAC,aAAa,CAAC,YAAmB,EAAE,gBAAkC;QACjF,cAAc,CAAC,qCAAqC,CAAC,IAAI,CAAC;YACxD,EAAE,EAAE,YAAY;YAChB,gBAAgB;SACjB,CAAC,CAAC;IACL,CAAC;IAEM,MAAM,CAAC,WAAW;QACvB,cAAc,CAAC,4BAA4B,CAAC,IAAI,CAAC;YAC/C,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,qCAAqB,CAAC,IAAI;YACpC,OAAO,EAAE,EAAE;SACZ,CAAC,CAAC;IACL,CAAC;IAmBe,MAAM;QACpB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS;YACvB,OAAO,IAAI,CAAC;QAEd,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,sBAAsB,EACtB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACxB,MAAM,QAAQ,GAAG,+BAAc,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,cAAe,CAAC,CAAC;QAExE,OAAO,CACL,oBAAC,4BAAO,IACN,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,IAAI,CAAC,kBAAkB,EACtC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAEvB,6BAAK,SAAS,EAAC,8BAA8B;gBAC1C,CAAC,QAAQ,KAAK,gCAAe,CAAC,IAAI,CAAC;oBAClC,8BAAM,SAAS,EAAC,2BAA2B;wBAAC,2BAAG,SAAS,EAAE,QAAQ,6BAAgB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,GAAI,CAAO;gBAEnI,8BAAM,SAAS,EAAC,2BAA2B;oBACzC,oBAAC,yBAAW,IAAC,SAAS,EAAC,4BAA4B,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAI;oBAClF,IAAI,CAAC,KAAK,CAAC,eAAe;wBACzB,oBAAC,wBAAU,IAAC,SAAS,EAAC,+BAA+B,EAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,GAAI,CAE1F,CACH,CACE,CACX,CAAC;IACJ,CAAC;IAEe,iBAAiB;QAC/B,cAAc,CAAC,4BAA4B,CAAC,WAAW,CAAC,IAAI,CAAC,iCAAiC,CAAC,CAAC;QAChG,cAAc,CAAC,qCAAqC,CAAC,WAAW,CAAC,IAAI,CAAC,yCAAyC,CAAC,CAAC;IACnH,CAAC;IAEe,oBAAoB;QAClC,cAAc,CAAC,4BAA4B,CAAC,cAAc,CAAC,IAAI,CAAC,iCAAiC,CAAC,CAAC;QACnG,cAAc,CAAC,qCAAqC,CAAC,cAAc,CAAC,IAAI,CAAC,yCAAyC,CAAC,CAAC;IACtH,CAAC;IA2BO,cAAc;QACpB,MAAM,gBAAgB,GAAG,EAAE,CAAC;QAC5B,IAAI,MAA8B,CAAC;QACnC,QAAQ,IAAI,CAAC,iBAAiB,EAAE;YAC9B,KAAK,iCAAgB,CAAC,GAAG;gBACvB,MAAM,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,gBAAgB,EAAE,CAAC;gBACxC,MAAM;YACR,KAAK,iCAAgB,CAAC,QAAQ;gBAC5B,MAAM,GAAG,EAAE,CAAC,EAAE,gBAAgB,EAAE,CAAC,EAAE,CAAC,gBAAgB,EAAE,CAAC;gBACvD,MAAM;YACR,KAAK,iCAAgB,CAAC,KAAK;gBACzB,MAAM,GAAG,EAAE,CAAC,EAAE,gBAAgB,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;gBACvC,MAAM;YACR,KAAK,iCAAgB,CAAC,WAAW;gBAC/B,MAAM,GAAG,EAAE,CAAC,EAAE,gBAAgB,EAAE,CAAC,EAAE,gBAAgB,EAAE,CAAC;gBACtD,MAAM;YACR,KAAK,iCAAgB,CAAC,MAAM;gBAC1B,MAAM,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,gBAAgB,EAAE,CAAC;gBACvC,MAAM;YACR,KAAK,iCAAgB,CAAC,UAAU;gBAC9B,MAAM,GAAG,EAAE,CAAC,EAAE,CAAC,gBAAgB,EAAE,CAAC,EAAE,gBAAgB,EAAE,CAAC;gBACvD,MAAM;YACR,KAAK,iCAAgB,CAAC,IAAI;gBACxB,MAAM,GAAG,EAAE,CAAC,EAAE,CAAC,gBAAgB,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;gBACxC,MAAM;YACR,KAAK,iCAAgB,CAAC,OAAO;gBAC3B,MAAM,GAAG,EAAE,CAAC,EAAE,CAAC,gBAAgB,EAAE,CAAC,EAAE,CAAC,gBAAgB,EAAE,CAAC;gBACxD,MAAM;SACT;QAED,IAAI,CAAC,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE;YAC1B,IAAI,CAAC,IAAI,CAAC,SAAS;gBACjB,OAAO,IAAI,CAAC;YACd,qBAAqB;YACrB,IAAI,CAAC,IAAI,CAAC,SAAS;gBACjB,OAAO,IAAI,CAAC;YAEd,MAAM,eAAe,GAAG,sBAAS,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,qBAAqB,EAAE,CAAC,CAAC;YACjF,MAAM,cAAc,GAAG,sBAAS,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YACnF,MAAM,cAAc,GAAG,IAAI,kBAAK,EAAE,CAAC,WAAW,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC,CAAC;YAE1E,MAAM,gBAAgB,GAAG,IAAA,gDAA2B,EAAC,cAAc,EAAE,eAAe,CAAC,OAAO,EAAE,EAAE,MAAM,CAAC,CAAC;YACxG,MAAM,QAAQ,GAAG,gBAAgB,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;YAEzD,uBAAuB;YACvB,IAAI,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC;gBACrC,OAAO,IAAI,CAAC;YAEd,uBAAuB;YACvB,OAAO;gBACL,QAAQ;aACT,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;;AA1KH,wCA2KC;AA1KgB,0CAA2B,GAA+B,IAAI,0BAA0B,EAAE,CAAC;AAClF,oDAAqC,GAAG,IAAI,kCAAkC,EAAE,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Notification\r\n */\r\n\r\nimport \"./Pointer.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { XAndY } from \"@itwin/core-geometry\";\r\nimport { OutputMessagePriority } from \"@itwin/core-frontend\";\r\nimport { MessageSeverity, PointProps, RelativePosition } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, MessageContainer, Point, Rectangle, SizeProps, UiEvent } from \"@itwin/core-react\";\r\nimport { offsetAndContainInContainer, Tooltip } from \"@itwin/appui-layout-react\";\r\nimport { MessageManager } from \"./MessageManager\";\r\nimport { MessageDiv, MessageSpan } from \"./MessageSpan\";\r\nimport { NotifyMessageDetailsType, NotifyMessageType } from \"./ReactNotifyMessageDetails\";\r\n\r\n// cSpell:ignore noicon\r\n\r\n/** Properties of [[PointerMessage]] component.\r\n * @public\r\n */\r\nexport interface PointerMessageProps extends CommonProps {\r\n  /** Text to display */\r\n  message?: string;\r\n}\r\n\r\n/** [[PointerMessage]] state.\r\n * @internal\r\n */\r\ninterface PointerMessageState {\r\n  isVisible: boolean;\r\n  message: NotifyMessageType;\r\n  detailedMessage?: NotifyMessageType;\r\n  position: PointProps;\r\n  messageDetails?: NotifyMessageDetailsType;\r\n}\r\n\r\n/** [[PointerMessageChangedEvent]] arguments.\r\n * @public\r\n */\r\nexport interface PointerMessageChangedEventArgs {\r\n  isVisible: boolean;\r\n  priority: OutputMessagePriority;\r\n  message: NotifyMessageType;\r\n  detailedMessage?: NotifyMessageType;\r\n  relativePosition?: RelativePosition;\r\n  viewport?: HTMLElement;\r\n  pt?: XAndY;\r\n  messageDetails?: NotifyMessageDetailsType;\r\n}\r\n\r\n/** Pointer Message Changed Event emitted by the [[PointerMessage]] component\r\n * @public\r\n */\r\nexport class PointerMessageChangedEvent extends UiEvent<PointerMessageChangedEventArgs> { }\r\n\r\n/** [[PointerMessagePositionChangedEvent]] arguments.\r\n * @internal\r\n */\r\ninterface PointerMessagePositionChangedEventArgs {\r\n  pt: XAndY;\r\n  relativePosition: RelativePosition;\r\n}\r\n\r\n/** Pointer Message Position Changed Event emitted by the [[PointerMessage]] component\r\n * @internal\r\n */\r\nclass PointerMessagePositionChangedEvent extends UiEvent<PointerMessagePositionChangedEventArgs> { }\r\n\r\n/** Pointer message pops up near pointer when attempting an invalid interaction.\r\n * @public\r\n */\r\nexport class PointerMessage extends React.Component<PointerMessageProps, PointerMessageState> {\r\n  private static _pointerMessageChangedEvent: PointerMessageChangedEvent = new PointerMessageChangedEvent();\r\n  private static readonly _onPointerMessagePositionChangedEvent = new PointerMessagePositionChangedEvent();\r\n\r\n  public static get onPointerMessageChangedEvent(): PointerMessageChangedEvent { return PointerMessage._pointerMessageChangedEvent; }\r\n\r\n  public static showMessage(message: NotifyMessageDetailsType): void {\r\n    PointerMessage.onPointerMessageChangedEvent.emit({\r\n      isVisible: true,\r\n      priority: message.priority,\r\n      message: message.briefMessage,\r\n      detailedMessage: message.detailedMessage,\r\n      relativePosition: message.relativePosition,\r\n      viewport: message.viewport,\r\n      pt: message.displayPoint,\r\n      messageDetails: message,\r\n    });\r\n  }\r\n\r\n  public static updateMessage(displayPoint: XAndY, relativePosition: RelativePosition): void {\r\n    PointerMessage._onPointerMessagePositionChangedEvent.emit({\r\n      pt: displayPoint,\r\n      relativePosition,\r\n    });\r\n  }\r\n\r\n  public static hideMessage(): void {\r\n    PointerMessage.onPointerMessageChangedEvent.emit({\r\n      isVisible: false,\r\n      priority: OutputMessagePriority.None,\r\n      message: \"\",\r\n    });\r\n  }\r\n\r\n  public override readonly state: Readonly<PointerMessageState> = {\r\n    message: \"\",\r\n    isVisible: false,\r\n    position: {\r\n      x: 0,\r\n      y: 0,\r\n    },\r\n  };\r\n\r\n  private _relativePosition?: RelativePosition;\r\n  private _viewport?: HTMLElement;\r\n  private _position?: XAndY;\r\n  private _size: SizeProps = {\r\n    height: 0,\r\n    width: 0,\r\n  };\r\n\r\n  public override render(): React.ReactNode {\r\n    if (!this.state.isVisible)\r\n      return null;\r\n\r\n    const className = classnames(\r\n      \"uifw-pointer-message\",\r\n      this.props.className);\r\n    const severity = MessageManager.getSeverity(this.state.messageDetails!);\r\n\r\n    return (\r\n      <Tooltip\r\n        className={className}\r\n        onSizeChanged={this._handleSizeChanged}\r\n        position={this.state.position}\r\n        style={this.props.style}\r\n      >\r\n        <div className=\"uifw-pointer-message-content\">\r\n          {(severity !== MessageSeverity.None) &&\r\n            <span className=\"uifw-pointer-message-icon\"><i className={`icon ${MessageContainer.getIconClassName(severity, false)}`} /></span>\r\n          }\r\n          <span className=\"uifw-pointer-message-text\">\r\n            <MessageSpan className=\"uifw-pointer-message-brief\" message={this.state.message} />\r\n            {this.state.detailedMessage &&\r\n              <MessageDiv className=\"uifw-pointer-message-detailed\" message={this.state.detailedMessage} />\r\n            }\r\n          </span>\r\n        </div>\r\n      </Tooltip>\r\n    );\r\n  }\r\n\r\n  public override componentDidMount(): void {\r\n    PointerMessage.onPointerMessageChangedEvent.addListener(this._handlePointerMessageChangedEvent);\r\n    PointerMessage._onPointerMessagePositionChangedEvent.addListener(this._handlePointerMessagePositionChangedEvent);\r\n  }\r\n\r\n  public override componentWillUnmount(): void {\r\n    PointerMessage.onPointerMessageChangedEvent.removeListener(this._handlePointerMessageChangedEvent);\r\n    PointerMessage._onPointerMessagePositionChangedEvent.removeListener(this._handlePointerMessagePositionChangedEvent);\r\n  }\r\n\r\n  // istanbul ignore next\r\n  private _handleSizeChanged = (size: SizeProps) => {\r\n    this._size = size;\r\n    this.updatePosition();\r\n  };\r\n\r\n  private _handlePointerMessageChangedEvent = (args: PointerMessageChangedEventArgs) => {\r\n    this._relativePosition = args.relativePosition;\r\n    this._viewport = args.viewport;\r\n    this._position = args.pt;\r\n    this.setState(() => ({\r\n      isVisible: args.isVisible,\r\n      message: args.message,\r\n      detailedMessage: args.detailedMessage,\r\n      messageDetails: args.messageDetails,\r\n    }));\r\n    this.updatePosition();\r\n  };\r\n\r\n  private _handlePointerMessagePositionChangedEvent = (args: PointerMessagePositionChangedEventArgs) => {\r\n    this._relativePosition = args.relativePosition;\r\n    this._position = args.pt;\r\n    this.updatePosition();\r\n  };\r\n\r\n  private updatePosition() {\r\n    const adjustmentOffset = 20;\r\n    let offset: PointProps | undefined;\r\n    switch (this._relativePosition) {\r\n      case RelativePosition.Top:\r\n        offset = { x: 0, y: -adjustmentOffset };\r\n        break;\r\n      case RelativePosition.TopRight:\r\n        offset = { x: adjustmentOffset, y: -adjustmentOffset };\r\n        break;\r\n      case RelativePosition.Right:\r\n        offset = { x: adjustmentOffset, y: 0 };\r\n        break;\r\n      case RelativePosition.BottomRight:\r\n        offset = { x: adjustmentOffset, y: adjustmentOffset };\r\n        break;\r\n      case RelativePosition.Bottom:\r\n        offset = { x: 0, y: adjustmentOffset };\r\n        break;\r\n      case RelativePosition.BottomLeft:\r\n        offset = { x: -adjustmentOffset, y: adjustmentOffset };\r\n        break;\r\n      case RelativePosition.Left:\r\n        offset = { x: -adjustmentOffset, y: 0 };\r\n        break;\r\n      case RelativePosition.TopLeft:\r\n        offset = { x: -adjustmentOffset, y: -adjustmentOffset };\r\n        break;\r\n    }\r\n\r\n    this.setState((prevState) => {\r\n      if (!this._viewport)\r\n        return null;\r\n      // istanbul ignore if\r\n      if (!this._position)\r\n        return null;\r\n\r\n      const containerBounds = Rectangle.create(this._viewport.getBoundingClientRect());\r\n      const relativeBounds = Rectangle.createFromSize(this._size).offset(this._position);\r\n      const viewportOffset = new Point().getOffsetTo(containerBounds.topLeft());\r\n\r\n      const adjustedPosition = offsetAndContainInContainer(relativeBounds, containerBounds.getSize(), offset);\r\n      const position = adjustedPosition.offset(viewportOffset);\r\n\r\n      // istanbul ignore else\r\n      if (position.equals(prevState.position))\r\n        return null;\r\n\r\n      // istanbul ignore next\r\n      return {\r\n        position,\r\n      };\r\n    });\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"Pointer.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/Pointer.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Notification\r\n */\r\n\r\nimport \"./Pointer.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { XAndY } from \"@itwin/core-geometry\";\r\nimport { OutputMessagePriority } from \"@itwin/core-frontend\";\r\nimport { MessageSeverity, PointProps, RelativePosition, UiEvent } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, MessageContainer, Point, Rectangle, SizeProps } from \"@itwin/core-react\";\r\nimport { offsetAndContainInContainer, Tooltip } from \"@itwin/appui-layout-react\";\r\nimport { MessageManager } from \"./MessageManager\";\r\nimport { MessageDiv, MessageSpan } from \"./MessageSpan\";\r\nimport { NotifyMessageDetailsType, NotifyMessageType } from \"./ReactNotifyMessageDetails\";\r\n\r\n// cSpell:ignore noicon\r\n\r\n/** Properties of [[PointerMessage]] component.\r\n * @public\r\n */\r\nexport interface PointerMessageProps extends CommonProps {\r\n  /** Text to display */\r\n  message?: string;\r\n}\r\n\r\n/** [[PointerMessage]] state.\r\n * @internal\r\n */\r\ninterface PointerMessageState {\r\n  isVisible: boolean;\r\n  message: NotifyMessageType;\r\n  detailedMessage?: NotifyMessageType;\r\n  position: PointProps;\r\n  messageDetails?: NotifyMessageDetailsType;\r\n}\r\n\r\n/** [[PointerMessageChangedEvent]] arguments.\r\n * @public\r\n */\r\nexport interface PointerMessageChangedEventArgs {\r\n  isVisible: boolean;\r\n  priority: OutputMessagePriority;\r\n  message: NotifyMessageType;\r\n  detailedMessage?: NotifyMessageType;\r\n  relativePosition?: RelativePosition;\r\n  viewport?: HTMLElement;\r\n  pt?: XAndY;\r\n  messageDetails?: NotifyMessageDetailsType;\r\n}\r\n\r\n/** Pointer Message Changed Event emitted by the [[PointerMessage]] component\r\n * @public\r\n */\r\nexport class PointerMessageChangedEvent extends UiEvent<PointerMessageChangedEventArgs> { }\r\n\r\n/** [[PointerMessagePositionChangedEvent]] arguments.\r\n * @internal\r\n */\r\ninterface PointerMessagePositionChangedEventArgs {\r\n  pt: XAndY;\r\n  relativePosition: RelativePosition;\r\n}\r\n\r\n/** Pointer Message Position Changed Event emitted by the [[PointerMessage]] component\r\n * @internal\r\n */\r\nclass PointerMessagePositionChangedEvent extends UiEvent<PointerMessagePositionChangedEventArgs> { }\r\n\r\n/** Pointer message pops up near pointer when attempting an invalid interaction.\r\n * @public\r\n */\r\nexport class PointerMessage extends React.Component<PointerMessageProps, PointerMessageState> {\r\n  private static _pointerMessageChangedEvent: PointerMessageChangedEvent = new PointerMessageChangedEvent();\r\n  private static readonly _onPointerMessagePositionChangedEvent = new PointerMessagePositionChangedEvent();\r\n\r\n  public static get onPointerMessageChangedEvent(): PointerMessageChangedEvent { return PointerMessage._pointerMessageChangedEvent; }\r\n\r\n  public static showMessage(message: NotifyMessageDetailsType): void {\r\n    PointerMessage.onPointerMessageChangedEvent.emit({\r\n      isVisible: true,\r\n      priority: message.priority,\r\n      message: message.briefMessage,\r\n      detailedMessage: message.detailedMessage,\r\n      relativePosition: message.relativePosition,\r\n      viewport: message.viewport,\r\n      pt: message.displayPoint,\r\n      messageDetails: message,\r\n    });\r\n  }\r\n\r\n  public static updateMessage(displayPoint: XAndY, relativePosition: RelativePosition): void {\r\n    PointerMessage._onPointerMessagePositionChangedEvent.emit({\r\n      pt: displayPoint,\r\n      relativePosition,\r\n    });\r\n  }\r\n\r\n  public static hideMessage(): void {\r\n    PointerMessage.onPointerMessageChangedEvent.emit({\r\n      isVisible: false,\r\n      priority: OutputMessagePriority.None,\r\n      message: \"\",\r\n    });\r\n  }\r\n\r\n  public override readonly state: Readonly<PointerMessageState> = {\r\n    message: \"\",\r\n    isVisible: false,\r\n    position: {\r\n      x: 0,\r\n      y: 0,\r\n    },\r\n  };\r\n\r\n  private _relativePosition?: RelativePosition;\r\n  private _viewport?: HTMLElement;\r\n  private _position?: XAndY;\r\n  private _size: SizeProps = {\r\n    height: 0,\r\n    width: 0,\r\n  };\r\n\r\n  public override render(): React.ReactNode {\r\n    if (!this.state.isVisible)\r\n      return null;\r\n\r\n    const className = classnames(\r\n      \"uifw-pointer-message\",\r\n      this.props.className);\r\n    const severity = MessageManager.getSeverity(this.state.messageDetails!);\r\n\r\n    return (\r\n      <Tooltip // eslint-disable-line deprecation/deprecation\r\n        className={className}\r\n        onSizeChanged={this._handleSizeChanged}\r\n        position={this.state.position}\r\n        style={this.props.style}\r\n      >\r\n        <div className=\"uifw-pointer-message-content\">\r\n          {(severity !== MessageSeverity.None) &&\r\n            <span className=\"uifw-pointer-message-icon\"><i className={`icon ${MessageContainer.getIconClassName(severity, false)}`} /></span>\r\n          }\r\n          <span className=\"uifw-pointer-message-text\">\r\n            <MessageSpan className=\"uifw-pointer-message-brief\" message={this.state.message} />\r\n            {this.state.detailedMessage &&\r\n              <MessageDiv className=\"uifw-pointer-message-detailed\" message={this.state.detailedMessage} />\r\n            }\r\n          </span>\r\n        </div>\r\n      </Tooltip>\r\n    );\r\n  }\r\n\r\n  public override componentDidMount(): void {\r\n    PointerMessage.onPointerMessageChangedEvent.addListener(this._handlePointerMessageChangedEvent);\r\n    PointerMessage._onPointerMessagePositionChangedEvent.addListener(this._handlePointerMessagePositionChangedEvent);\r\n  }\r\n\r\n  public override componentWillUnmount(): void {\r\n    PointerMessage.onPointerMessageChangedEvent.removeListener(this._handlePointerMessageChangedEvent);\r\n    PointerMessage._onPointerMessagePositionChangedEvent.removeListener(this._handlePointerMessagePositionChangedEvent);\r\n  }\r\n\r\n  // istanbul ignore next\r\n  private _handleSizeChanged = (size: SizeProps) => {\r\n    this._size = size;\r\n    this.updatePosition();\r\n  };\r\n\r\n  private _handlePointerMessageChangedEvent = (args: PointerMessageChangedEventArgs) => {\r\n    this._relativePosition = args.relativePosition;\r\n    this._viewport = args.viewport;\r\n    this._position = args.pt;\r\n    this.setState(() => ({\r\n      isVisible: args.isVisible,\r\n      message: args.message,\r\n      detailedMessage: args.detailedMessage,\r\n      messageDetails: args.messageDetails,\r\n    }));\r\n    this.updatePosition();\r\n  };\r\n\r\n  private _handlePointerMessagePositionChangedEvent = (args: PointerMessagePositionChangedEventArgs) => {\r\n    this._relativePosition = args.relativePosition;\r\n    this._position = args.pt;\r\n    this.updatePosition();\r\n  };\r\n\r\n  private updatePosition() {\r\n    const adjustmentOffset = 20;\r\n    let offset: PointProps | undefined;\r\n    switch (this._relativePosition) {\r\n      case RelativePosition.Top:\r\n        offset = { x: 0, y: -adjustmentOffset };\r\n        break;\r\n      case RelativePosition.TopRight:\r\n        offset = { x: adjustmentOffset, y: -adjustmentOffset };\r\n        break;\r\n      case RelativePosition.Right:\r\n        offset = { x: adjustmentOffset, y: 0 };\r\n        break;\r\n      case RelativePosition.BottomRight:\r\n        offset = { x: adjustmentOffset, y: adjustmentOffset };\r\n        break;\r\n      case RelativePosition.Bottom:\r\n        offset = { x: 0, y: adjustmentOffset };\r\n        break;\r\n      case RelativePosition.BottomLeft:\r\n        offset = { x: -adjustmentOffset, y: adjustmentOffset };\r\n        break;\r\n      case RelativePosition.Left:\r\n        offset = { x: -adjustmentOffset, y: 0 };\r\n        break;\r\n      case RelativePosition.TopLeft:\r\n        offset = { x: -adjustmentOffset, y: -adjustmentOffset };\r\n        break;\r\n    }\r\n\r\n    this.setState((prevState) => {\r\n      if (!this._viewport)\r\n        return null;\r\n      // istanbul ignore if\r\n      if (!this._position)\r\n        return null;\r\n\r\n      const containerBounds = Rectangle.create(this._viewport.getBoundingClientRect());\r\n      const relativeBounds = Rectangle.createFromSize(this._size).offset(this._position);\r\n      const viewportOffset = new Point().getOffsetTo(containerBounds.topLeft());\r\n\r\n      const adjustedPosition = offsetAndContainInContainer(relativeBounds, containerBounds.getSize(), offset);\r\n      const position = adjustedPosition.offset(viewportOffset);\r\n\r\n      // istanbul ignore else\r\n      if (position.equals(prevState.position))\r\n        return null;\r\n\r\n      // istanbul ignore next\r\n      return {\r\n        position,\r\n      };\r\n    });\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/messages/ToastMessage.js

@@ -19,7 +19,8 @@ const getToastCategory_1 = require("./getToastCategory");
 function ToastMessage(props) {
     const { id, messageDetails, severity, toastTarget, closeMessage } = props;
     const category = (0, getToastCategory_1.getToastCategory)(severity);
-    return (React.createElement(appui_layout_react_1.Toast, { animateOutTo: toastTarget, onAnimatedOut: () => closeMessage(id), timeout: messageDetails.displayTime.milliseconds, content: React.createElement(Toast_1.ToastPresentation, { category: category, content: React.createElement(appui_layout_react_1.MessageLayout, null,
+    return (React.createElement(appui_layout_react_1.Toast // eslint-disable-line deprecation/deprecation
+    , { animateOutTo: toastTarget, onAnimatedOut: () => closeMessage(id), timeout: messageDetails.displayTime.milliseconds, content: React.createElement(Toast_1.ToastPresentation, { category: category, content: React.createElement(appui_layout_react_1.MessageLayout, null,
                 React.createElement(MessageLabel_1.MessageLabel, { message: messageDetails.briefMessage, className: "uifw-statusbar-message-brief" }),
                 messageDetails.detailedMessage &&
                     React.createElement(MessageLabel_1.MessageLabel, { message: messageDetails.detailedMessage, className: "uifw-statusbar-message-detailed" })) }) }));

package/lib/cjs/appui-react/messages/ToastMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastMessage.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/ToastMessage.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAE/B,kEAAiE;AACjE,qEAA8E;AAE9E,iDAA8C;AAC9C,yDAAsD;AAatD;;GAEG;AACH,SAAgB,YAAY,CAAC,KAAwB;IACnD,MAAM,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC1E,MAAM,QAAQ,GAAG,IAAA,mCAAgB,EAAC,QAAQ,CAAC,CAAC;IAE5C,OAAO,CACL,oBAAC,0BAAK,IACJ,YAAY,EAAE,WAAW,EACzB,aAAa,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,EACrC,OAAO,EAAE,cAAc,CAAC,WAAW,CAAC,YAAY,EAChD,OAAO,EACL,oBAAC,yBAAiB,IAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EACL,oBAAC,kCAAa;gBACZ,oBAAC,2BAAY,IAAC,OAAO,EAAE,cAAc,CAAC,YAAY,EAAE,SAAS,EAAC,8BAA8B,GAAG;gBAC9F,cAAc,CAAC,eAAe;oBAC7B,oBAAC,2BAAY,IAAC,OAAO,EAAE,cAAc,CAAC,eAAe,EAAE,SAAS,EAAC,iCAAiC,GAAG,CAEzF,GAElB,GAEJ,CACH,CAAC;AACJ,CAAC;AAxBD,oCAwBC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Notification\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { MessageSeverity } from \"@itwin/appui-abstract\";\r\nimport { MessageLayout, Toast } from \"@itwin/appui-layout-react\";\r\nimport { ToastPresentation } from \"@itwin/itwinui-react/cjs/core/Toast/Toast\";\r\nimport { NotifyMessageDetailsType } from \"../messages/ReactNotifyMessageDetails\";\r\nimport { MessageLabel } from \"./MessageLabel\";\r\nimport { getToastCategory } from \"./getToastCategory\";\r\n\r\n/** Properties for a [[ToastMessage]]\r\n * @public\r\n */\r\nexport interface ToastMessageProps {\r\n  id: string;\r\n  messageDetails: NotifyMessageDetailsType;\r\n  severity: MessageSeverity;\r\n  toastTarget: HTMLElement | null;\r\n  closeMessage: (id: string) => void;\r\n}\r\n\r\n/** Toast Message React component\r\n * @public\r\n */\r\nexport function ToastMessage(props: ToastMessageProps) {\r\n  const { id, messageDetails, severity, toastTarget, closeMessage } = props;\r\n  const category = getToastCategory(severity);\r\n\r\n  return (\r\n    <Toast\r\n      animateOutTo={toastTarget}\r\n      onAnimatedOut={() => closeMessage(id)}\r\n      timeout={messageDetails.displayTime.milliseconds}\r\n      content={\r\n        <ToastPresentation\r\n          category={category}\r\n          content={\r\n            <MessageLayout>\r\n              <MessageLabel message={messageDetails.briefMessage} className=\"uifw-statusbar-message-brief\" />\r\n              {messageDetails.detailedMessage &&\r\n                <MessageLabel message={messageDetails.detailedMessage} className=\"uifw-statusbar-message-detailed\" />\r\n              }\r\n            </MessageLayout>\r\n          }\r\n        />\r\n      }\r\n    />\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"ToastMessage.js","sourceRoot":"","sources":["../../../../src/appui-react/messages/ToastMessage.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAE/B,kEAAiE;AACjE,qEAA8E;AAE9E,iDAA8C;AAC9C,yDAAsD;AAatD;;GAEG;AACH,SAAgB,YAAY,CAAC,KAAwB;IACnD,MAAM,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC1E,MAAM,QAAQ,GAAG,IAAA,mCAAgB,EAAC,QAAQ,CAAC,CAAC;IAE5C,OAAO,CACL,oBAAC,0BAAK,CAAC,8CAA8C;QACnD,YAAY,EAAE,WAAW,EACzB,aAAa,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,EACrC,OAAO,EAAE,cAAc,CAAC,WAAW,CAAC,YAAY,EAChD,OAAO,EACL,oBAAC,yBAAiB,IAChB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EACL,oBAAC,kCAAa;gBACZ,oBAAC,2BAAY,IAAC,OAAO,EAAE,cAAc,CAAC,YAAY,EAAE,SAAS,EAAC,8BAA8B,GAAG;gBAC9F,cAAc,CAAC,eAAe;oBAC7B,oBAAC,2BAAY,IAAC,OAAO,EAAE,cAAc,CAAC,eAAe,EAAE,SAAS,EAAC,iCAAiC,GAAG,CAEzF,GAElB,GAEJ,CACH,CAAC;AACJ,CAAC;AAxBD,oCAwBC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Notification\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { MessageSeverity } from \"@itwin/appui-abstract\";\r\nimport { MessageLayout, Toast } from \"@itwin/appui-layout-react\";\r\nimport { ToastPresentation } from \"@itwin/itwinui-react/cjs/core/Toast/Toast\";\r\nimport { NotifyMessageDetailsType } from \"../messages/ReactNotifyMessageDetails\";\r\nimport { MessageLabel } from \"./MessageLabel\";\r\nimport { getToastCategory } from \"./getToastCategory\";\r\n\r\n/** Properties for a [[ToastMessage]]\r\n * @public\r\n */\r\nexport interface ToastMessageProps {\r\n  id: string;\r\n  messageDetails: NotifyMessageDetailsType;\r\n  severity: MessageSeverity;\r\n  toastTarget: HTMLElement | null;\r\n  closeMessage: (id: string) => void;\r\n}\r\n\r\n/** Toast Message React component\r\n * @public\r\n */\r\nexport function ToastMessage(props: ToastMessageProps) {\r\n  const { id, messageDetails, severity, toastTarget, closeMessage } = props;\r\n  const category = getToastCategory(severity);\r\n\r\n  return (\r\n    <Toast // eslint-disable-line deprecation/deprecation\r\n      animateOutTo={toastTarget}\r\n      onAnimatedOut={() => closeMessage(id)}\r\n      timeout={messageDetails.displayTime.milliseconds}\r\n      content={\r\n        <ToastPresentation\r\n          category={category}\r\n          content={\r\n            <MessageLayout>\r\n              <MessageLabel message={messageDetails.briefMessage} className=\"uifw-statusbar-message-brief\" />\r\n              {messageDetails.detailedMessage &&\r\n                <MessageLabel message={messageDetails.detailedMessage} className=\"uifw-statusbar-message-detailed\" />\r\n              }\r\n            </MessageLayout>\r\n          }\r\n        />\r\n      }\r\n    />\r\n  );\r\n}\r\n"]}

package/lib/cjs/appui-react/navigationaids/NavigationAidControl.d.ts

@@ -3,7 +3,7 @@
  */
 import * as React from "react";
 import { IModelConnection } from "@itwin/core-frontend";
-import { UiEvent } from "@itwin/core-react";
+import { UiEvent } from "@itwin/appui-abstract";
 import { ConfigurableCreateInfo, ConfigurableUiControl, ConfigurableUiControlType } from "../configurableui/ConfigurableUiControl";
 /** NavigationAid Activated Event Args interface.
  * @public

package/lib/cjs/appui-react/navigationaids/NavigationAidControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationAidControl.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/NavigationAidControl.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AAEnI;;GAEG;AACH,MAAM,WAAW,+BAA+B;IAC9C,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,gBAAgB,CAAC;CACpC;AAED;;GAEG;AACH,qBAAa,2BAA4B,SAAQ,OAAO,CAAC,+BAA+B,CAAC;CAAI;AAE7F;;GAEG;AACH,qBAAa,oBAAqB,SAAQ,qBAAqB;IAC7D,OAAO,CAAC,UAAU,CAAkB;gBAExB,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;IAItD,qDAAqD;IACrD,IAAW,SAAS,IAAI,KAAK,CAAC,SAAS,CAA4B;IACnE,IAAW,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAA0B;IAEjE,+FAA+F;IACxF,OAAO,IAAI,MAAM,GAAG,SAAS;IAEpC,oCAAoC;IAC7B,OAAO,IAAI,yBAAyB;CAC5C"}
+{"version":3,"file":"NavigationAidControl.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/NavigationAidControl.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AAEnI;;GAEG;AACH,MAAM,WAAW,+BAA+B;IAC9C,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,gBAAgB,CAAC;CACpC;AAED;;GAEG;AACH,qBAAa,2BAA4B,SAAQ,OAAO,CAAC,+BAA+B,CAAC;CAAI;AAE7F;;GAEG;AACH,qBAAa,oBAAqB,SAAQ,qBAAqB;IAC7D,OAAO,CAAC,UAAU,CAAkB;gBAExB,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;IAItD,qDAAqD;IACrD,IAAW,SAAS,IAAI,KAAK,CAAC,SAAS,CAA4B;IACnE,IAAW,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAA0B;IAEjE,+FAA+F;IACxF,OAAO,IAAI,MAAM,GAAG,SAAS;IAEpC,oCAAoC;IAC7B,OAAO,IAAI,yBAAyB;CAC5C"}

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

@@ -8,12 +8,12 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NavigationAidControl = exports.NavigationAidActivatedEvent = void 0;
-const core_react_1 = require("@itwin/core-react");
+const appui_abstract_1 = require("@itwin/appui-abstract");
 const ConfigurableUiControl_1 = require("../configurableui/ConfigurableUiControl");
 /** NavigationAid Activated Event class.
  * @public
  */
-class NavigationAidActivatedEvent extends core_react_1.UiEvent {
+class NavigationAidActivatedEvent extends appui_abstract_1.UiEvent {
 }
 exports.NavigationAidActivatedEvent = NavigationAidActivatedEvent;
 /** The base class for Navigation Aid controls.

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationAidControl.js","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/NavigationAidControl.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAIH,kDAA4C;AAC5C,mFAAmI;AAUnI;;GAEG;AACH,MAAa,2BAA4B,SAAQ,oBAAwC;CAAI;AAA7F,kEAA6F;AAE7F;;GAEG;AACH,MAAa,oBAAqB,SAAQ,6CAAqB;IAG7D,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACvB,CAAC;IAED,qDAAqD;IACrD,IAAW,SAAS,KAAsB,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;IACnE,IAAW,SAAS,CAAC,CAAkB,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC;IAEjE,+FAA+F;IACxF,OAAO,KAAyB,OAAO,SAAS,CAAC,CAAC,CAAC;IAE1D,oCAAoC;IAC7B,OAAO,KAAgC,OAAO,iDAAyB,CAAC,aAAa,CAAC,CAAC,CAAC;CAChG;AAhBD,oDAgBC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module NavigationAids\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { IModelConnection } from \"@itwin/core-frontend\";\r\nimport { UiEvent } from \"@itwin/core-react\";\r\nimport { ConfigurableCreateInfo, ConfigurableUiControl, ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\r\n\r\n/** NavigationAid Activated Event Args interface.\r\n * @public\r\n */\r\nexport interface NavigationAidActivatedEventArgs {\r\n  navigationAidId: string;\r\n  iModelConnection: IModelConnection;\r\n}\r\n\r\n/** NavigationAid Activated Event class.\r\n * @public\r\n */\r\nexport class NavigationAidActivatedEvent extends UiEvent<NavigationAidActivatedEventArgs> { }\r\n\r\n/** The base class for Navigation Aid controls.\r\n * @public\r\n */\r\nexport class NavigationAidControl extends ConfigurableUiControl {\r\n  private _reactNode: React.ReactNode;\r\n\r\n  constructor(info: ConfigurableCreateInfo, options: any) {\r\n    super(info, options);\r\n  }\r\n\r\n  /** The React element associated with this control */\r\n  public get reactNode(): React.ReactNode { return this._reactNode; }\r\n  public set reactNode(r: React.ReactNode) { this._reactNode = r; }\r\n\r\n  /** Square size of navigation aid. Default size is \"64px\". Override to set a different size. */\r\n  public getSize(): string | undefined { return undefined; }\r\n\r\n  /** Get the type of this control. */\r\n  public getType(): ConfigurableUiControlType { return ConfigurableUiControlType.NavigationAid; }\r\n}\r\n"]}
+{"version":3,"file":"NavigationAidControl.js","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/NavigationAidControl.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAIH,0DAAgD;AAChD,mFAAmI;AAUnI;;GAEG;AACH,MAAa,2BAA4B,SAAQ,wBAAwC;CAAI;AAA7F,kEAA6F;AAE7F;;GAEG;AACH,MAAa,oBAAqB,SAAQ,6CAAqB;IAG7D,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;IACvB,CAAC;IAED,qDAAqD;IACrD,IAAW,SAAS,KAAsB,OAAO,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;IACnE,IAAW,SAAS,CAAC,CAAkB,IAAI,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC;IAEjE,+FAA+F;IACxF,OAAO,KAAyB,OAAO,SAAS,CAAC,CAAC,CAAC;IAE1D,oCAAoC;IAC7B,OAAO,KAAgC,OAAO,iDAAyB,CAAC,aAAa,CAAC,CAAC,CAAC;CAChG;AAhBD,oDAgBC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module NavigationAids\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { IModelConnection } from \"@itwin/core-frontend\";\r\nimport { UiEvent } from \"@itwin/appui-abstract\";\r\nimport { ConfigurableCreateInfo, ConfigurableUiControl, ConfigurableUiControlType } from \"../configurableui/ConfigurableUiControl\";\r\n\r\n/** NavigationAid Activated Event Args interface.\r\n * @public\r\n */\r\nexport interface NavigationAidActivatedEventArgs {\r\n  navigationAidId: string;\r\n  iModelConnection: IModelConnection;\r\n}\r\n\r\n/** NavigationAid Activated Event class.\r\n * @public\r\n */\r\nexport class NavigationAidActivatedEvent extends UiEvent<NavigationAidActivatedEventArgs> { }\r\n\r\n/** The base class for Navigation Aid controls.\r\n * @public\r\n */\r\nexport class NavigationAidControl extends ConfigurableUiControl {\r\n  private _reactNode: React.ReactNode;\r\n\r\n  constructor(info: ConfigurableCreateInfo, options: any) {\r\n    super(info, options);\r\n  }\r\n\r\n  /** The React element associated with this control */\r\n  public get reactNode(): React.ReactNode { return this._reactNode; }\r\n  public set reactNode(r: React.ReactNode) { this._reactNode = r; }\r\n\r\n  /** Square size of navigation aid. Default size is \"64px\". Override to set a different size. */\r\n  public getSize(): string | undefined { return undefined; }\r\n\r\n  /** Get the type of this control. */\r\n  public getType(): ConfigurableUiControlType { return ConfigurableUiControlType.NavigationAid; }\r\n}\r\n"]}

package/lib/cjs/appui-react/navigationaids/SheetsModalFrontstage.d.ts

@@ -4,7 +4,8 @@
 import "./SheetsModalFrontstage.scss";
 import * as React from "react";
 import { IModelConnection } from "@itwin/core-frontend";
-import { CommonProps, UiEvent } from "@itwin/core-react";
+import { UiEvent } from "@itwin/appui-abstract";
+import { CommonProps } from "@itwin/core-react";
 import { ModalFrontstageInfo } from "../frontstage/FrontstageManager";
 import { SheetData } from "./SheetNavigationAid";
 /** Data about a sheet card

package/lib/cjs/appui-react/navigationaids/SheetsModalFrontstage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetsModalFrontstage.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/SheetsModalFrontstage.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,8BAA8B,CAAC;AAEtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAa,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,WAAW,EAAoD,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC3G,OAAO,EAAqB,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAEzF,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,GAAG,CAAC;CACb;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,GAAG,CAAC;IACR,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,OAAO,CAAC,qBAAqB,CAAC;CAAI;AAEzE;;GAEG;AACH,qBAAa,qBAAsB,YAAW,mBAAmB;IACxD,KAAK,EAAE,MAAM,CAAgE;IACpF,OAAO,CAAC,MAAM,CAAkB;IAChC,OAAO,CAAC,WAAW,CAAmB;IACtC,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,YAAY,CAAc;IAElC;;;;OAIG;gBACS,MAAM,EAAE,SAAS,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM;IAMnF;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IAM3B,wBAAwB;IACxB,IAAW,OAAO,IAAI,KAAK,CAAC,SAAS,CAEpC;IAED,kDAAkD;IAClD,IAAW,WAAW,IAAI,KAAK,CAAC,SAAS,CAIxC;IAED,0CAA0C;IAE1C,OAAO,CAAC,yBAAyB,CAG/B;CACH;AAED;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,gBAAgB,CAAC;CAC9B;AAED;;GAEG;AACH,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,kBAAkB,CAAC;IACpE,OAAO,CAAC,MAAM,CAAC,kBAAkB,CAA8C;IAE/E,kCAAkC;IAClC,WAAkB,mBAAmB,IAAI,iBAAiB,CAA6C;IAEvG,gBAAgB;IACA,MAAM;IA2BtB;;;;;OAKG;IACH,OAAO,CAAC,QAAQ;IAUhB;;;OAGG;YACW,mBAAmB;CAYlC;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;GAEG;AACH,UAAU,cAAc;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;gBAChE,KAAK,EAAE,cAAc;IAKjC,OAAO,CAAC,QAAQ,CAEd;IAEF,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,aAAa,CAGnB;IAEc,MAAM;CAyBvB"}
+{"version":3,"file":"SheetsModalFrontstage.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/SheetsModalFrontstage.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,8BAA8B,CAAC;AAEtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAa,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAoD,MAAM,mBAAmB,CAAC;AAClG,OAAO,EAAqB,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAEzF,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,GAAG,CAAC;CACb;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,GAAG,CAAC;IACR,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,OAAO,CAAC,qBAAqB,CAAC;CAAI;AAEzE;;GAEG;AACH,qBAAa,qBAAsB,YAAW,mBAAmB;IACxD,KAAK,EAAE,MAAM,CAAgE;IACpF,OAAO,CAAC,MAAM,CAAkB;IAChC,OAAO,CAAC,WAAW,CAAmB;IACtC,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,YAAY,CAAc;IAElC;;;;OAIG;gBACS,MAAM,EAAE,SAAS,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM;IAMnF;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IAM3B,wBAAwB;IACxB,IAAW,OAAO,IAAI,KAAK,CAAC,SAAS,CAEpC;IAED,kDAAkD;IAClD,IAAW,WAAW,IAAI,KAAK,CAAC,SAAS,CAIxC;IAED,0CAA0C;IAE1C,OAAO,CAAC,yBAAyB,CAG/B;CACH;AAED;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,gBAAgB,CAAC;CAC9B;AAED;;GAEG;AACH,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,kBAAkB,CAAC;IACpE,OAAO,CAAC,MAAM,CAAC,kBAAkB,CAA8C;IAE/E,kCAAkC;IAClC,WAAkB,mBAAmB,IAAI,iBAAiB,CAA6C;IAEvG,gBAAgB;IACA,MAAM;IA2BtB;;;;;OAKG;IACH,OAAO,CAAC,QAAQ;IAUhB;;;OAGG;YACW,mBAAmB;CAYlC;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;GAEG;AACH,UAAU,cAAc;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;gBAChE,KAAK,EAAE,cAAc;IAKjC,OAAO,CAAC,QAAQ,CAEd;IAEF,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,aAAa,CAGnB;IAEc,MAAM;CAyBvB"}

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

@@ -12,13 +12,14 @@ require("./SheetsModalFrontstage.scss");
 const classnames_1 = require("classnames");
 const React = require("react");
 const core_frontend_1 = require("@itwin/core-frontend");
+const appui_abstract_1 = require("@itwin/appui-abstract");
 const core_react_1 = require("@itwin/core-react");
 const FrontstageManager_1 = require("../frontstage/FrontstageManager");
 const UiFramework_1 = require("../UiFramework");
 /** Class for CardSelectedEvent
  * @alpha
  */
-class CardSelectedEvent extends core_react_1.UiEvent {
+class CardSelectedEvent extends appui_abstract_1.UiEvent {
 }
 exports.CardSelectedEvent = CardSelectedEvent;
 /** Modal frontstage displaying sheet information in cards.

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

@@ -1 +1 @@
-{"version":3,"file":"SheetsModalFrontstage.js","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/SheetsModalFrontstage.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module NavigationAids\r\n */\r\n\r\nimport \"./SheetsModalFrontstage.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { IModelApp, IModelConnection } from \"@itwin/core-frontend\";\r\nimport { CommonProps, FlexWrapContainer, ScrollView, SearchBox, UiCore, UiEvent } from \"@itwin/core-react\";\r\nimport { FrontstageManager, ModalFrontstageInfo } from \"../frontstage/FrontstageManager\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { SheetData } from \"./SheetNavigationAid\";\r\n\r\n/** Data about a sheet card\r\n * @alpha\r\n */\r\nexport interface CardInfo {\r\n  index: number;\r\n  label: string;\r\n  iconSpec: string;\r\n  isActive: boolean;\r\n  viewId: any;\r\n}\r\n\r\n/** Arguments for CardSelectedEvent\r\n * @alpha\r\n */\r\nexport interface CardSelectedEventArgs {\r\n  id: any;\r\n  index: number;\r\n}\r\n\r\n/** Class for CardSelectedEvent\r\n * @alpha\r\n */\r\nexport class CardSelectedEvent extends UiEvent<CardSelectedEventArgs> { }\r\n\r\n/** Modal frontstage displaying sheet information in cards.\r\n * @alpha\r\n */\r\nexport class SheetsModalFrontstage implements ModalFrontstageInfo {\r\n  public title: string = UiFramework.translate(\"navigationAid.sheetsModalFrontstage\");\r\n  private _cards: CardInfo[] = [];\r\n  private _connection: IModelConnection;\r\n  private _currentIndex: number;\r\n  private _searchValue: string = \"\";\r\n\r\n  /**\r\n   * Creates a SheetsModalFrontstage\r\n   * @param sheets Collection of sheets available in SheetNavigationAid\r\n   * @param connection IModelConnection to query for sheet ViewState\r\n   */\r\n  constructor(sheets: SheetData[], connection: IModelConnection, currentIndex: number) {\r\n    this._connection = connection;\r\n    this._currentIndex = currentIndex;\r\n    this._storeSheetsAsCards(sheets);\r\n  }\r\n\r\n  /**\r\n   * Gathers card info from available sheets\r\n   * @param sheets SheetData from available sheets\r\n   */\r\n  private _storeSheetsAsCards(sheets: SheetData[]) {\r\n    sheets.forEach((sheet: SheetData, index: number) => {\r\n      this._cards.push({ index, label: sheet.name, iconSpec: \"icon-document\", viewId: sheet.viewId, isActive: index === this._currentIndex });\r\n    });\r\n  }\r\n\r\n  /** Gets set of cards */\r\n  public get content(): React.ReactNode {\r\n    return <CardContainer cards={this._cards} searchValue={this._searchValue} connection={this._connection} />;\r\n  }\r\n\r\n  /** Gets components to be placed in the app bar */\r\n  public get appBarRight(): React.ReactNode {\r\n    return (\r\n      <SearchBox placeholder={UiCore.translate(\"general.search\")} onValueChanged={this._handleSearchValueChanged} valueChangedDelay={250} />\r\n    );\r\n  }\r\n\r\n  /** Updates stage based on search value */\r\n  // istanbul ignore next\r\n  private _handleSearchValueChanged = (value: string): void => {\r\n    this._searchValue = value;\r\n    FrontstageManager.updateModalFrontstage();\r\n  };\r\n}\r\n\r\n/** Properties for [[CardContainer]]\r\n * @alpha\r\n */\r\nexport interface CardContainerProps extends CommonProps {\r\n  cards: CardInfo[];\r\n  searchValue: string;\r\n  connection: IModelConnection;\r\n}\r\n\r\n/** Displays cards in SheetModalFrontstage\r\n * @alpha\r\n */\r\nexport class CardContainer extends React.Component<CardContainerProps> {\r\n  private static _cardSelectedEvent: CardSelectedEvent = new CardSelectedEvent();\r\n\r\n  /** Get CardSelectedEvent event */\r\n  public static get onCardSelectedEvent(): CardSelectedEvent { return CardContainer._cardSelectedEvent; }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    return (\r\n      <ScrollView className={this.props.className} style={this.props.style}>\r\n        <FlexWrapContainer>\r\n          {\r\n            this.props.cards.map((card: CardInfo, _index: number) => {\r\n              let includeCard = true;\r\n              const iconClassName = (typeof card.iconSpec === \"string\") ? card.iconSpec : /* istanbul ignore next */ \"icon-placeholder\";\r\n\r\n              if (this.props.searchValue) {\r\n                includeCard = this.contains(card.label, this.props.searchValue);\r\n              }\r\n\r\n              if (includeCard) {\r\n                return (\r\n                  <SheetCard key={card.label} label={card.label} index={card.index} iconSpec={iconClassName} isActive={card.isActive} onClick={async () => this._handleCardSelected(card)} />\r\n                );\r\n              }\r\n\r\n              return null;\r\n            })\r\n          }\r\n        </FlexWrapContainer>\r\n      </ScrollView>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Determines if string contains a substring\r\n   * @param valueA The string to search through\r\n   * @param valueB The value to search for\r\n   * @return True if valueB can be found in valueA, false otherwise\r\n   */\r\n  private contains(valueA: string, valueB: string): boolean {\r\n    if (!valueA || !valueB)\r\n      return false;\r\n\r\n    if (valueB.length > valueA.length)\r\n      return false;\r\n\r\n    return valueA.toLocaleUpperCase().indexOf(valueB.toLocaleUpperCase(), 0) !== -1;\r\n  }\r\n\r\n  /**\r\n   * Updates view with ViewState for selected card.\r\n   * @param card Data about the sheet card selected.\r\n   */\r\n  private async _handleCardSelected(card: CardInfo) {\r\n    // istanbul ignore if\r\n    if (IModelApp.viewManager && IModelApp.viewManager.selectedView) {\r\n      const vp = IModelApp.viewManager.selectedView;\r\n      const viewState = await this.props.connection.views.load(card.viewId);\r\n      vp.changeView(viewState);\r\n    }\r\n\r\n    card.isActive = true;\r\n    FrontstageManager.closeModalFrontstage();\r\n    CardContainer.onCardSelectedEvent.emit({ id: card.viewId, index: card.index });\r\n  }\r\n}\r\n\r\n/** Properties for [[SheetCard]]\r\n * @alpha\r\n */\r\nexport interface SheetCardProps {\r\n  label: string;\r\n  index: number;\r\n  iconSpec: string;\r\n  isActive: boolean;\r\n  onClick: () => void;\r\n}\r\n\r\n/** State for [[SheetCard]]\r\n * @internal\r\n */\r\ninterface SheetCardState {\r\n  isActive: boolean;\r\n  isPressed: boolean;\r\n}\r\n\r\n/** Displays information about an individual sheet\r\n * @alpha\r\n */\r\nexport class SheetCard extends React.Component<SheetCardProps, SheetCardState> {\r\n  constructor(props: SheetCardProps) {\r\n    super(props);\r\n    this.state = { isActive: this.props.isActive, isPressed: false };\r\n  }\r\n\r\n  private _onClick = () => {\r\n    this.setState({ isActive: true }, () => this.props.onClick());\r\n  };\r\n\r\n  private _onMouseDown = () => {\r\n    this.setState({ isPressed: true });\r\n  };\r\n\r\n  private _onMouseLeave = () => {\r\n    if (this.state.isPressed)\r\n      this.setState({ isPressed: false });\r\n  };\r\n\r\n  public override render() {\r\n    const { label, index, iconSpec } = this.props;\r\n\r\n    const className = classnames(\r\n      \"uifw-sheet-card\",\r\n      this.state.isActive && \"is-active\",\r\n      this.state.isPressed && \"is-pressed\",\r\n    );\r\n\r\n    const iconClassName = classnames(\r\n      \"icon\",\r\n      (typeof iconSpec === \"string\") ? iconSpec : /* istanbul ignore next */ \"icon-placeholder\",\r\n    );\r\n\r\n    return (\r\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\r\n      <div className={className} onClick={this._onClick} onMouseDown={this._onMouseDown} onMouseLeave={this._onMouseLeave} role=\"button\" tabIndex={-1} >\r\n        {label}\r\n        <div className=\"sheet-image-container\">\r\n          <div className={iconClassName} />\r\n        </div >\r\n        <div className=\"sheet-index\">{index + 1}</div>\r\n      </div >\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"SheetsModalFrontstage.js","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/SheetsModalFrontstage.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module NavigationAids\r\n */\r\n\r\nimport \"./SheetsModalFrontstage.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { IModelApp, IModelConnection } from \"@itwin/core-frontend\";\r\nimport { UiEvent } from \"@itwin/appui-abstract\";\r\nimport { CommonProps, FlexWrapContainer, ScrollView, SearchBox, UiCore } from \"@itwin/core-react\";\r\nimport { FrontstageManager, ModalFrontstageInfo } from \"../frontstage/FrontstageManager\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { SheetData } from \"./SheetNavigationAid\";\r\n\r\n/** Data about a sheet card\r\n * @alpha\r\n */\r\nexport interface CardInfo {\r\n  index: number;\r\n  label: string;\r\n  iconSpec: string;\r\n  isActive: boolean;\r\n  viewId: any;\r\n}\r\n\r\n/** Arguments for CardSelectedEvent\r\n * @alpha\r\n */\r\nexport interface CardSelectedEventArgs {\r\n  id: any;\r\n  index: number;\r\n}\r\n\r\n/** Class for CardSelectedEvent\r\n * @alpha\r\n */\r\nexport class CardSelectedEvent extends UiEvent<CardSelectedEventArgs> { }\r\n\r\n/** Modal frontstage displaying sheet information in cards.\r\n * @alpha\r\n */\r\nexport class SheetsModalFrontstage implements ModalFrontstageInfo {\r\n  public title: string = UiFramework.translate(\"navigationAid.sheetsModalFrontstage\");\r\n  private _cards: CardInfo[] = [];\r\n  private _connection: IModelConnection;\r\n  private _currentIndex: number;\r\n  private _searchValue: string = \"\";\r\n\r\n  /**\r\n   * Creates a SheetsModalFrontstage\r\n   * @param sheets Collection of sheets available in SheetNavigationAid\r\n   * @param connection IModelConnection to query for sheet ViewState\r\n   */\r\n  constructor(sheets: SheetData[], connection: IModelConnection, currentIndex: number) {\r\n    this._connection = connection;\r\n    this._currentIndex = currentIndex;\r\n    this._storeSheetsAsCards(sheets);\r\n  }\r\n\r\n  /**\r\n   * Gathers card info from available sheets\r\n   * @param sheets SheetData from available sheets\r\n   */\r\n  private _storeSheetsAsCards(sheets: SheetData[]) {\r\n    sheets.forEach((sheet: SheetData, index: number) => {\r\n      this._cards.push({ index, label: sheet.name, iconSpec: \"icon-document\", viewId: sheet.viewId, isActive: index === this._currentIndex });\r\n    });\r\n  }\r\n\r\n  /** Gets set of cards */\r\n  public get content(): React.ReactNode {\r\n    return <CardContainer cards={this._cards} searchValue={this._searchValue} connection={this._connection} />;\r\n  }\r\n\r\n  /** Gets components to be placed in the app bar */\r\n  public get appBarRight(): React.ReactNode {\r\n    return (\r\n      <SearchBox placeholder={UiCore.translate(\"general.search\")} onValueChanged={this._handleSearchValueChanged} valueChangedDelay={250} />\r\n    );\r\n  }\r\n\r\n  /** Updates stage based on search value */\r\n  // istanbul ignore next\r\n  private _handleSearchValueChanged = (value: string): void => {\r\n    this._searchValue = value;\r\n    FrontstageManager.updateModalFrontstage();\r\n  };\r\n}\r\n\r\n/** Properties for [[CardContainer]]\r\n * @alpha\r\n */\r\nexport interface CardContainerProps extends CommonProps {\r\n  cards: CardInfo[];\r\n  searchValue: string;\r\n  connection: IModelConnection;\r\n}\r\n\r\n/** Displays cards in SheetModalFrontstage\r\n * @alpha\r\n */\r\nexport class CardContainer extends React.Component<CardContainerProps> {\r\n  private static _cardSelectedEvent: CardSelectedEvent = new CardSelectedEvent();\r\n\r\n  /** Get CardSelectedEvent event */\r\n  public static get onCardSelectedEvent(): CardSelectedEvent { return CardContainer._cardSelectedEvent; }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    return (\r\n      <ScrollView className={this.props.className} style={this.props.style}>\r\n        <FlexWrapContainer>\r\n          {\r\n            this.props.cards.map((card: CardInfo, _index: number) => {\r\n              let includeCard = true;\r\n              const iconClassName = (typeof card.iconSpec === \"string\") ? card.iconSpec : /* istanbul ignore next */ \"icon-placeholder\";\r\n\r\n              if (this.props.searchValue) {\r\n                includeCard = this.contains(card.label, this.props.searchValue);\r\n              }\r\n\r\n              if (includeCard) {\r\n                return (\r\n                  <SheetCard key={card.label} label={card.label} index={card.index} iconSpec={iconClassName} isActive={card.isActive} onClick={async () => this._handleCardSelected(card)} />\r\n                );\r\n              }\r\n\r\n              return null;\r\n            })\r\n          }\r\n        </FlexWrapContainer>\r\n      </ScrollView>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Determines if string contains a substring\r\n   * @param valueA The string to search through\r\n   * @param valueB The value to search for\r\n   * @return True if valueB can be found in valueA, false otherwise\r\n   */\r\n  private contains(valueA: string, valueB: string): boolean {\r\n    if (!valueA || !valueB)\r\n      return false;\r\n\r\n    if (valueB.length > valueA.length)\r\n      return false;\r\n\r\n    return valueA.toLocaleUpperCase().indexOf(valueB.toLocaleUpperCase(), 0) !== -1;\r\n  }\r\n\r\n  /**\r\n   * Updates view with ViewState for selected card.\r\n   * @param card Data about the sheet card selected.\r\n   */\r\n  private async _handleCardSelected(card: CardInfo) {\r\n    // istanbul ignore if\r\n    if (IModelApp.viewManager && IModelApp.viewManager.selectedView) {\r\n      const vp = IModelApp.viewManager.selectedView;\r\n      const viewState = await this.props.connection.views.load(card.viewId);\r\n      vp.changeView(viewState);\r\n    }\r\n\r\n    card.isActive = true;\r\n    FrontstageManager.closeModalFrontstage();\r\n    CardContainer.onCardSelectedEvent.emit({ id: card.viewId, index: card.index });\r\n  }\r\n}\r\n\r\n/** Properties for [[SheetCard]]\r\n * @alpha\r\n */\r\nexport interface SheetCardProps {\r\n  label: string;\r\n  index: number;\r\n  iconSpec: string;\r\n  isActive: boolean;\r\n  onClick: () => void;\r\n}\r\n\r\n/** State for [[SheetCard]]\r\n * @internal\r\n */\r\ninterface SheetCardState {\r\n  isActive: boolean;\r\n  isPressed: boolean;\r\n}\r\n\r\n/** Displays information about an individual sheet\r\n * @alpha\r\n */\r\nexport class SheetCard extends React.Component<SheetCardProps, SheetCardState> {\r\n  constructor(props: SheetCardProps) {\r\n    super(props);\r\n    this.state = { isActive: this.props.isActive, isPressed: false };\r\n  }\r\n\r\n  private _onClick = () => {\r\n    this.setState({ isActive: true }, () => this.props.onClick());\r\n  };\r\n\r\n  private _onMouseDown = () => {\r\n    this.setState({ isPressed: true });\r\n  };\r\n\r\n  private _onMouseLeave = () => {\r\n    if (this.state.isPressed)\r\n      this.setState({ isPressed: false });\r\n  };\r\n\r\n  public override render() {\r\n    const { label, index, iconSpec } = this.props;\r\n\r\n    const className = classnames(\r\n      \"uifw-sheet-card\",\r\n      this.state.isActive && \"is-active\",\r\n      this.state.isPressed && \"is-pressed\",\r\n    );\r\n\r\n    const iconClassName = classnames(\r\n      \"icon\",\r\n      (typeof iconSpec === \"string\") ? iconSpec : /* istanbul ignore next */ \"icon-placeholder\",\r\n    );\r\n\r\n    return (\r\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\r\n      <div className={className} onClick={this._onClick} onMouseDown={this._onMouseDown} onMouseLeave={this._onMouseLeave} role=\"button\" tabIndex={-1} >\r\n        {label}\r\n        <div className=\"sheet-image-container\">\r\n          <div className={iconClassName} />\r\n        </div >\r\n        <div className=\"sheet-index\">{index + 1}</div>\r\n      </div >\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -18,7 +18,7 @@ const core_react_1 = require("@itwin/core-react");
 const appui_layout_react_1 = require("@itwin/appui-layout-react");
 const UiFramework_1 = require("../UiFramework");
 const NavigationAidControl_1 = require("./NavigationAidControl");
-// eslint-disable-next-line @typescript-eslint/naming-convention
+// eslint-disable-next-line @typescript-eslint/naming-convention, deprecation/deprecation
 const NZ_ContainedTray = (0, appui_layout_react_1.withContainIn)(appui_layout_react_1.Group);
 /** A 3D Standard Rotation Navigation Aid control.
  * @alpha
@@ -95,9 +95,11 @@ class StandardRotationNavigationAid extends React.Component {
     getExpandedContent() {
         if (!this.state.isExpanded)
             return undefined;
-        return (React.createElement(NZ_ContainedTray, { containFn: appui_layout_react_1.containHorizontally, columns: React.createElement(appui_layout_react_1.GroupColumn, null, this.state.list.map((item, itemIndex) => {
-                return (React.createElement(appui_layout_react_1.GroupTool, { key: itemIndex.toString(), ref: itemIndex.toString(), label: item.label, icon: React.createElement(core_react_1.Icon, { iconSpec: item.iconClassName }), isActive: this.state.selected === itemIndex, onClick: () => this._handleListItemClicked(itemIndex) }));
-            })) }));
+        return (React.createElement(NZ_ContainedTray, { containFn: appui_layout_react_1.containHorizontally, columns: React.createElement(appui_layout_react_1.GroupColumn, null,
+                " ",
+                this.state.list.map((item, itemIndex) => {
+                    return (React.createElement(appui_layout_react_1.GroupTool, { key: itemIndex.toString(), ref: itemIndex.toString(), label: item.label, icon: React.createElement(core_react_1.Icon, { iconSpec: item.iconClassName }), isActive: this.state.selected === itemIndex, onClick: () => this._handleListItemClicked(itemIndex) }));
+                })) }));
     }
 }
 exports.StandardRotationNavigationAid = StandardRotationNavigationAid;

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

@@ -1 +1 @@
-{"version":3,"file":"StandardRotationNavigationAid.js","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/StandardRotationNavigationAid.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module NavigationAids\r\n */\r\n\r\nimport \"./StandardRotationNavigationAid.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { StandardViewId } from \"@itwin/core-frontend\";\r\nimport { RelativePosition } from \"@itwin/appui-abstract\";\r\nimport { ViewportComponentEvents } from \"@itwin/imodel-components-react\";\r\nimport { CommonProps, Icon, Popup } from \"@itwin/core-react\";\r\nimport {\r\n  containHorizontally, GroupColumn as NZ_Column, ExpandableButton as NZ_Expandable, ToolbarIcon as NZ_Icon, GroupTool as NZ_Item, Group as NZ_Tray,\r\n  withContainIn,\r\n} from \"@itwin/appui-layout-react\";\r\nimport { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { NavigationAidControl } from \"./NavigationAidControl\";\r\n\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nconst NZ_ContainedTray = withContainIn(NZ_Tray);\r\n\r\n/** A 3D Standard Rotation Navigation Aid control.\r\n * @alpha\r\n */\r\nexport class StandardRotationNavigationAidControl extends NavigationAidControl {\r\n  public static navigationAidId = \"StandardRotationNavigationAid\";\r\n\r\n  constructor(info: ConfigurableCreateInfo, options: any) {\r\n    super(info, options);\r\n    this.reactNode = <StandardRotationNavigationAid />;\r\n  }\r\n}\r\n\r\n/** @internal */\r\nexport interface RotationData {\r\n  label: string;\r\n  iconClassName: string;\r\n}\r\n\r\n/** @internal */\r\ninterface StandardRotationNavigationAidState {\r\n  element: HTMLDivElement | null;\r\n  isExpanded: boolean;\r\n  list: RotationData[];\r\n  selected: StandardViewId;\r\n}\r\n\r\n/** A 3D Standard Rotation Navigation Aid.\r\n * @alpha\r\n */\r\nexport class StandardRotationNavigationAid extends React.Component<CommonProps, StandardRotationNavigationAidState> {\r\n  private _title = UiFramework.translate(\"standardRotationNavigationAid.title\");\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<StandardRotationNavigationAidState>;\r\n\r\n  constructor(props: any) {\r\n    super(props);\r\n    const list: RotationData[] = [\r\n      {\r\n        label: UiFramework.translate(\"rotations.top\"),\r\n        iconClassName: \"icon-cube-faces-top\",\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.bottom\"),\r\n        iconClassName: \"icon-cube-faces-bottom\",\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.left\"),\r\n        iconClassName: \"icon-cube-faces-left\",\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.right\"),\r\n        iconClassName: \"icon-cube-faces-right\",\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.front\"),\r\n        iconClassName: \"icon-cube-faces-front\",\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.rear\"),\r\n        iconClassName: \"icon-cube-faces-rear\",\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.isoLeft\"),\r\n        iconClassName: \"icon-cube-faces-iso-left\",\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.isoRight\"),\r\n        iconClassName: \"icon-cube-faces-iso-right\",\r\n      },\r\n    ];\r\n    this.state = {\r\n      element: null,\r\n      isExpanded: false,\r\n      list,\r\n      selected: StandardViewId.Top,\r\n    };\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    const className = classnames(\r\n      \"uifw-standard-rotation-navigation\",\r\n      this.props.className,\r\n    );\r\n\r\n    return (\r\n      <div className={className} style={this.props.style}\r\n        ref={this._handleRef}\r\n      >\r\n        <NZ_Expandable\r\n          className={\"expandable\"}\r\n        >\r\n          <NZ_Icon\r\n            className={\"icon-button\"}\r\n            icon={\r\n              <span className={classnames(\"three-d-icon\", \"icon\", this.state.list[this.state.selected].iconClassName)} />\r\n            }\r\n            onClick={this._toggleIsExpanded}\r\n            title={this._title}\r\n          >\r\n          </NZ_Icon>\r\n        </NZ_Expandable>\r\n        <Popup\r\n          isOpen={this.state.isExpanded}\r\n          offset={0}\r\n          onClose={this._handlePopupClose}\r\n          position={RelativePosition.Bottom}\r\n          target={this.state.element}\r\n        >\r\n          {this.getExpandedContent()}\r\n        </Popup>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private _handleRef = (element: HTMLDivElement | null) => {\r\n    this.setState(() => ({ element }));\r\n  };\r\n\r\n  private _handlePopupClose = () => {\r\n    this.setState(() => ({ isExpanded: false }));\r\n  };\r\n\r\n  private _toggleIsExpanded = () => {\r\n    this.setState((prevState) => ({ isExpanded: !prevState.isExpanded }));\r\n  };\r\n\r\n  private _handleListItemClicked = (item: number) => {\r\n    const selected = item;\r\n\r\n    this.setState(\r\n      () => ({ isExpanded: false, selected }),\r\n      () => ViewportComponentEvents.setStandardRotation(selected),\r\n    );\r\n  };\r\n\r\n  private getExpandedContent(): React.ReactNode {\r\n    if (!this.state.isExpanded)\r\n      return undefined;\r\n\r\n    return (\r\n      <NZ_ContainedTray\r\n        containFn={containHorizontally}\r\n        columns={\r\n          <NZ_Column>\r\n            {this.state.list.map((item, itemIndex) => {\r\n              return (\r\n                <NZ_Item\r\n                  key={itemIndex.toString()}\r\n                  ref={itemIndex.toString()}\r\n                  label={item.label}\r\n                  icon={<Icon iconSpec={item.iconClassName} />}\r\n                  isActive={this.state.selected === itemIndex}\r\n                  onClick={() => this._handleListItemClicked(itemIndex)}\r\n                >\r\n                </NZ_Item>\r\n              );\r\n            })}\r\n          </NZ_Column>\r\n        }\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"StandardRotationNavigationAid.js","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/StandardRotationNavigationAid.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module NavigationAids\r\n */\r\n\r\nimport \"./StandardRotationNavigationAid.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { StandardViewId } from \"@itwin/core-frontend\";\r\nimport { RelativePosition } from \"@itwin/appui-abstract\";\r\nimport { ViewportComponentEvents } from \"@itwin/imodel-components-react\";\r\nimport { CommonProps, Icon, Popup } from \"@itwin/core-react\";\r\nimport {\r\n  containHorizontally, GroupColumn as NZ_Column, ExpandableButton as NZ_Expandable, ToolbarIcon as NZ_Icon, GroupTool as NZ_Item, Group as NZ_Tray,\r\n  withContainIn,\r\n} from \"@itwin/appui-layout-react\";\r\nimport { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport { NavigationAidControl } from \"./NavigationAidControl\";\r\n\r\n// eslint-disable-next-line @typescript-eslint/naming-convention, deprecation/deprecation\r\nconst NZ_ContainedTray = withContainIn(NZ_Tray);\r\n\r\n/** A 3D Standard Rotation Navigation Aid control.\r\n * @alpha\r\n */\r\nexport class StandardRotationNavigationAidControl extends NavigationAidControl {\r\n  public static navigationAidId = \"StandardRotationNavigationAid\";\r\n\r\n  constructor(info: ConfigurableCreateInfo, options: any) {\r\n    super(info, options);\r\n    this.reactNode = <StandardRotationNavigationAid />;\r\n  }\r\n}\r\n\r\n/** @internal */\r\nexport interface RotationData {\r\n  label: string;\r\n  iconClassName: string;\r\n}\r\n\r\n/** @internal */\r\ninterface StandardRotationNavigationAidState {\r\n  element: HTMLDivElement | null;\r\n  isExpanded: boolean;\r\n  list: RotationData[];\r\n  selected: StandardViewId;\r\n}\r\n\r\n/** A 3D Standard Rotation Navigation Aid.\r\n * @alpha\r\n */\r\nexport class StandardRotationNavigationAid extends React.Component<CommonProps, StandardRotationNavigationAidState> {\r\n  private _title = UiFramework.translate(\"standardRotationNavigationAid.title\");\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<StandardRotationNavigationAidState>;\r\n\r\n  constructor(props: any) {\r\n    super(props);\r\n    const list: RotationData[] = [\r\n      {\r\n        label: UiFramework.translate(\"rotations.top\"),\r\n        iconClassName: \"icon-cube-faces-top\",\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.bottom\"),\r\n        iconClassName: \"icon-cube-faces-bottom\",\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.left\"),\r\n        iconClassName: \"icon-cube-faces-left\",\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.right\"),\r\n        iconClassName: \"icon-cube-faces-right\",\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.front\"),\r\n        iconClassName: \"icon-cube-faces-front\",\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.rear\"),\r\n        iconClassName: \"icon-cube-faces-rear\",\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.isoLeft\"),\r\n        iconClassName: \"icon-cube-faces-iso-left\",\r\n      }, {\r\n        label: UiFramework.translate(\"rotations.isoRight\"),\r\n        iconClassName: \"icon-cube-faces-iso-right\",\r\n      },\r\n    ];\r\n    this.state = {\r\n      element: null,\r\n      isExpanded: false,\r\n      list,\r\n      selected: StandardViewId.Top,\r\n    };\r\n  }\r\n\r\n  public override render(): React.ReactNode {\r\n    const className = classnames(\r\n      \"uifw-standard-rotation-navigation\",\r\n      this.props.className,\r\n    );\r\n\r\n    return (\r\n      <div className={className} style={this.props.style}\r\n        ref={this._handleRef}\r\n      >\r\n        <NZ_Expandable\r\n          className={\"expandable\"}\r\n        >\r\n          <NZ_Icon\r\n            className={\"icon-button\"}\r\n            icon={\r\n              <span className={classnames(\"three-d-icon\", \"icon\", this.state.list[this.state.selected].iconClassName)} />\r\n            }\r\n            onClick={this._toggleIsExpanded}\r\n            title={this._title}\r\n          >\r\n          </NZ_Icon>\r\n        </NZ_Expandable>\r\n        <Popup\r\n          isOpen={this.state.isExpanded}\r\n          offset={0}\r\n          onClose={this._handlePopupClose}\r\n          position={RelativePosition.Bottom}\r\n          target={this.state.element}\r\n        >\r\n          {this.getExpandedContent()}\r\n        </Popup>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private _handleRef = (element: HTMLDivElement | null) => {\r\n    this.setState(() => ({ element }));\r\n  };\r\n\r\n  private _handlePopupClose = () => {\r\n    this.setState(() => ({ isExpanded: false }));\r\n  };\r\n\r\n  private _toggleIsExpanded = () => {\r\n    this.setState((prevState) => ({ isExpanded: !prevState.isExpanded }));\r\n  };\r\n\r\n  private _handleListItemClicked = (item: number) => {\r\n    const selected = item;\r\n\r\n    this.setState(\r\n      () => ({ isExpanded: false, selected }),\r\n      () => ViewportComponentEvents.setStandardRotation(selected),\r\n    );\r\n  };\r\n\r\n  private getExpandedContent(): React.ReactNode {\r\n    if (!this.state.isExpanded)\r\n      return undefined;\r\n\r\n    return (\r\n      <NZ_ContainedTray\r\n        containFn={containHorizontally} // eslint-disable-line deprecation/deprecation\r\n        columns={\r\n          <NZ_Column> {/* eslint-disable-line deprecation/deprecation */}\r\n            {this.state.list.map((item, itemIndex) => {\r\n              return (\r\n                <NZ_Item\r\n                  key={itemIndex.toString()}\r\n                  ref={itemIndex.toString()}\r\n                  label={item.label}\r\n                  icon={<Icon iconSpec={item.iconClassName} />}\r\n                  isActive={this.state.selected === itemIndex}\r\n                  onClick={() => this._handleListItemClicked(itemIndex)}\r\n                >\r\n                </NZ_Item>\r\n              );\r\n            })}\r\n          </NZ_Column>\r\n        }\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -17,6 +17,7 @@ export declare enum ListItemType {
  */
 export interface ListItem {
     [key: string]: any;
+    id?: string;
     name?: string;
     enabled: boolean;
     type?: ListItemType;
@@ -79,6 +80,8 @@ export declare class ExpandableSection extends React.PureComponent<ExpandableSec
     /** Renders ExpandableSection */
     render(): JSX.Element;
 }
+/** @beta */
+export declare function getListPanel(props: ListPickerProps): React.ReactNode;
 /**
  * List picker base class.
  * Used to provide an expandable list of items to enable/disable items.

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

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

package/lib/cjs/appui-react/pickers/ListPicker.js

@@ -7,7 +7,7 @@
  * @module Picker
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ListPicker = exports.ListPickerBase = exports.ExpandableSection = exports.ListPickerItem = exports.ListItemType = void 0;
+exports.ListPicker = exports.ListPickerBase = exports.getListPanel = exports.ExpandableSection = exports.ListPickerItem = exports.ListItemType = void 0;
 require("./ListPicker.scss");
 const classnames_1 = require("classnames");
 const React = require("react");
@@ -18,7 +18,7 @@ const FrontstageManager_1 = require("../frontstage/FrontstageManager");
 const useFrameworkVersion_1 = require("../hooks/useFrameworkVersion");
 const DragInteraction_1 = require("../toolbar/DragInteraction");
 const UiFramework_1 = require("../UiFramework");
-// eslint-disable-next-line @typescript-eslint/naming-convention
+// eslint-disable-next-line @typescript-eslint/naming-convention, deprecation/deprecation
 const ContainedGroup = (0, core_react_1.withOnOutsideClick)((0, appui_layout_react_1.withContainIn)(appui_layout_react_1.Group), undefined, false);
 /** Enum for the list picker item type
  * @beta
@@ -63,15 +63,19 @@ class ExpandableSection extends React.PureComponent {
         const className = (0, classnames_1.default)("nz-toolbar-item-expandable-group-group", this.props.className);
         const icon = this.state.expanded ? React.createElement("i", { className: "icon icon-chevron-down" }) : React.createElement("i", { className: "icon icon-chevron-right" });
         return (React.createElement(appui_layout_react_1.Panel, { className: className, style: this.props.style, key: this.props.title },
+            " ",
             React.createElement("div", { onClick: this._onClick, className: this.state.expanded ? "ListPickerInnerContainer-header-expanded" : "ListPickerInnerContainer-header", role: "button", tabIndex: -1, "aria-expanded": this.state.expanded },
                 React.createElement("div", { className: "ListPickerInnerContainer-header-content" },
                     React.createElement("div", { className: "ListPickerInnerContainer-expander" }, icon),
                     React.createElement("div", { className: "ListPickerInnerContainer-title" }, this.props.title))),
             this.state.expanded ?
-                React.createElement(appui_layout_react_1.GroupColumn, null, this.props.children) : React.createElement("div", null)));
+                React.createElement(appui_layout_react_1.GroupColumn, null,
+                    " ",
+                    this.props.children) : React.createElement("div", null)));
     }
 }
 exports.ExpandableSection = ExpandableSection;
+/** @beta */
 function getListPanel(props) {
     const expandSingleSection = () => {
         const populatedContainers = props.items.filter((item) => {
@@ -90,7 +94,9 @@ function getListPanel(props) {
             case ListItemType.Container:
                 if (item.children.length !== 0) {
                     return (React.createElement(ExpandableSection, { key: itemIndex.toString(), title: item.name, className: "ListPickerInnerContainer", expanded: expandSingleSection() },
-                        React.createElement(appui_layout_react_1.GroupColumn, null, item.children.map(listItemToElement))));
+                        React.createElement(appui_layout_react_1.GroupColumn, null,
+                            " ",
+                            item.children.map(listItemToElement))));
                 }
                 else {
                     return (React.createElement("div", { key: itemIndex.toString() }));
@@ -100,8 +106,11 @@ function getListPanel(props) {
                 return (React.createElement("div", { key: itemIndex.toString() }));
         }
     };
-    return (React.createElement(ContainedGroup, { className: "ListPickerContainer", columns: React.createElement(appui_layout_react_1.GroupColumn, { className: "ListPicker-column" }, props.items.map(listItemToElement)), containFn: appui_layout_react_1.containHorizontally, title: props.title }));
+    return (React.createElement(ContainedGroup, { className: "ListPickerContainer", columns: React.createElement(appui_layout_react_1.GroupColumn, { className: "ListPicker-column" },
+            " ",
+            props.items.map(listItemToElement)), containFn: appui_layout_react_1.containHorizontally, title: props.title }));
 }
+exports.getListPanel = getListPanel;
 /**
  * List picker base class.
  * Used to provide an expandable list of items to enable/disable items.
@@ -181,9 +190,11 @@ class ListPickerBase extends React.PureComponent {
             /* istanbul ignore next */ React.createElement(core_react_1.Icon, { iconSpec: this.props.iconSpec }) : React.createElement("i", { className: "icon uifw-item-svg-icon" }, this.props.iconSpec)) :
             React.createElement("i", { className: "icon icon-list" });
         return (React.createElement(DragInteraction_1.ToolbarDragInteractionContext.Consumer, null, (isEnabled) => {
-            return (React.createElement(appui_layout_react_1.ExpandableItem, { ...this.props, hideIndicator: isEnabled, panel: this.getExpandedContent() },
+            return (React.createElement(appui_layout_react_1.ExpandableItem // eslint-disable-line deprecation/deprecation
+            , { ...this.props, hideIndicator: isEnabled, panel: this.getExpandedContent() },
                 React.createElement("div", { ref: this._ref },
-                    React.createElement(appui_layout_react_1.Item, { icon: icon, onClick: this._handleClick, onSizeKnown: this.props.onSizeKnown, title: this.props.title }))));
+                    React.createElement(appui_layout_react_1.Item // eslint-disable-line deprecation/deprecation
+                    , { icon: icon, onClick: this._handleClick, onSizeKnown: this.props.onSizeKnown, title: this.props.title }))));
         }));
     }
     /** Returns the list with the items */
@@ -205,7 +216,9 @@ class ListPickerBase extends React.PureComponent {
                 case ListItemType.Container:
                     if (item.children.length !== 0) {
                         return (React.createElement(ExpandableSection, { key: itemIndex.toString(), title: item.name, className: "ListPickerInnerContainer", expanded: expandSingleSection() },
-                            React.createElement(appui_layout_react_1.GroupColumn, null, item.children.map(listItemToElement))));
+                            React.createElement(appui_layout_react_1.GroupColumn, null,
+                                " ",
+                                item.children.map(listItemToElement))));
                     }
                     else {
                         return (React.createElement("div", { key: itemIndex.toString() }));
@@ -214,7 +227,9 @@ class ListPickerBase extends React.PureComponent {
                     return (React.createElement("div", { key: itemIndex.toString() }));
             }
         };
-        return (React.createElement(ContainedGroup, { className: "ListPickerContainer", columns: React.createElement(appui_layout_react_1.GroupColumn, { className: "ListPicker-column" }, this.props.items.map(listItemToElement)), containFn: appui_layout_react_1.containHorizontally, onOutsideClick: this._handleOnOutsideClick, title: this.props.title }));
+        return (React.createElement(ContainedGroup, { className: "ListPickerContainer", columns: React.createElement(appui_layout_react_1.GroupColumn, { className: "ListPicker-column" },
+                " ",
+                this.props.items.map(listItemToElement)), containFn: appui_layout_react_1.containHorizontally, onOutsideClick: this._handleOnOutsideClick, title: this.props.title }));
     }
 }
 exports.ListPickerBase = ListPickerBase;