@itwin/appui-react 4.17.0 → 5.0.0-dev.2

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

@@ -1,53 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Notification
- */
-import { MessageManager } from "./MessageManager";
-import { OutputMessageType } from "@itwin/core-frontend";
-/** Manager for Status messages
- * @internal
- */
-export class StatusMessageManager {
-    constructor() {
-        this._messages = [];
-        this._messageId = 0;
-    }
-    initialize() {
-        this._messages = [];
-        this._messageId = 0;
-    }
-    get messages() {
-        return this._messages;
-    }
-    add(messageDetails) {
-        const id = this._messageId.toString();
-        const severity = MessageManager.getSeverity(messageDetails);
-        const messages = this._messages.slice();
-        messages.splice(0, 0, { id, messageDetails, severity }); // Insert at beginning
-        this._messages = messages;
-        this._messageId++;
-        /** Remove Sticky messages beyond the max displayed */
-        const stickyMessages = this._messages.filter((message) => message.messageDetails.msgType === OutputMessageType.Sticky);
-        if (stickyMessages.length > MessageManager.maxDisplayedStickyMessages) {
-            const removeMessages = stickyMessages.slice(MessageManager.maxDisplayedStickyMessages);
-            for (const removeMessage of removeMessages) {
-                this.remove(removeMessage.id);
-            }
-        }
-    }
-    remove(id) {
-        let result = false;
-        const foundIndex = this._messages.findIndex((message) => message.id === id);
-        if (foundIndex >= 0) {
-            const messages = this._messages.slice();
-            messages.splice(foundIndex, 1);
-            this._messages = messages;
-            result = true;
-        }
-        return result;
-    }
-}
-//# sourceMappingURL=StatusMessageManager.js.map

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

@@ -1 +0,0 @@
-{"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,kBAAkB,CAAC;AAClD,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\";\nimport type { MessageSeverity } from \"@itwin/appui-abstract\";\nimport { MessageManager } from \"./MessageManager\";\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/esm/appui-react/navigationaids/CubeNavigationAidControl.d.ts

@@ -1,15 +0,0 @@
-/** @packageDocumentation
- * @module NavigationAids
- */
-import type { ConfigurableCreateInfo } from "../configurableui/ConfigurableUiControl";
-import { NavigationAidControl } from "./NavigationAidControl";
-/** Navigation Aid that displays an interactive rotation cube for Spatial views that synchronizes with the rotation of the iModel Viewport
- * @public
- * @deprecated in 4.16.0. Use {@link @itwin/imodel-components-react#CubeNavigationAid} component instead.
- */
-export declare class CubeNavigationAidControl extends NavigationAidControl {
-    static navigationAidId: string;
-    constructor(info: ConfigurableCreateInfo, options: any);
-    getSize(): string | undefined;
-}
-//# sourceMappingURL=CubeNavigationAidControl.d.ts.map

package/lib/esm/appui-react/navigationaids/CubeNavigationAidControl.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CubeNavigationAidControl.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/CubeNavigationAidControl.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D;;;GAGG;AAEH,qBAAa,wBAAyB,SAAQ,oBAAoB;IAChE,OAAc,eAAe,SAAuB;gBAGxC,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;IAUtC,OAAO,IAAI,MAAM,GAAG,SAAS;CAG9C"}

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

@@ -1,27 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module NavigationAids
- */
-import * as React from "react";
-import { CubeNavigationAid } from "@itwin/imodel-components-react";
-import { NavigationAidControl } from "./NavigationAidControl";
-/** Navigation Aid that displays an interactive rotation cube for Spatial views that synchronizes with the rotation of the iModel Viewport
- * @public
- * @deprecated in 4.16.0. Use {@link @itwin/imodel-components-react#CubeNavigationAid} component instead.
- */
-// eslint-disable-next-line deprecation/deprecation
-export class CubeNavigationAidControl extends NavigationAidControl {
-    // eslint-disable-next-line deprecation/deprecation
-    constructor(info, options) {
-        super(info, options);
-        this.reactNode = (React.createElement(CubeNavigationAid, { iModelConnection: options.imodel, viewport: options.viewport }));
-    }
-    getSize() {
-        return "96px";
-    }
-}
-CubeNavigationAidControl.navigationAidId = "CubeNavigationAid";
-//# sourceMappingURL=CubeNavigationAidControl.js.map

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

@@ -1 +0,0 @@
-{"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,wBAAwB,CAAC;AAE9D;;;GAGG;AACH,mDAAmD;AACnD,MAAM,OAAO,wBAAyB,SAAQ,oBAAoB;IAGhE,mDAAmD;IACnD,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACrB,IAAI,CAAC,SAAS,GAAG,CACf,oBAAC,iBAAiB,IAChB,gBAAgB,EAAE,OAAO,CAAC,MAAM,EAChC,QAAQ,EAAE,OAAO,CAAC,QAAQ,GAC1B,CACH,CAAC;IACJ,CAAC;IAEe,OAAO;QACrB,OAAO,MAAM,CAAC;IAChB,CAAC;;AAfa,wCAAe,GAAG,mBAAmB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module NavigationAids\n */\n\nimport * as React from \"react\";\nimport { CubeNavigationAid } from \"@itwin/imodel-components-react\";\nimport type { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl\";\nimport { NavigationAidControl } from \"./NavigationAidControl\";\n\n/** Navigation Aid that displays an interactive rotation cube for Spatial views that synchronizes with the rotation of the iModel Viewport\n * @public\n * @deprecated in 4.16.0. Use {@link @itwin/imodel-components-react#CubeNavigationAid} component instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class CubeNavigationAidControl extends NavigationAidControl {\n  public static navigationAidId = \"CubeNavigationAid\";\n\n  // eslint-disable-next-line deprecation/deprecation\n  constructor(info: ConfigurableCreateInfo, options: any) {\n    super(info, options);\n    this.reactNode = (\n      <CubeNavigationAid\n        iModelConnection={options.imodel}\n        viewport={options.viewport}\n      />\n    );\n  }\n\n  public override getSize(): string | undefined {\n    return \"96px\";\n  }\n}\n"]}

package/lib/esm/appui-react/navigationaids/DrawingNavigationAidControl.d.ts

@@ -1,15 +0,0 @@
-/** @packageDocumentation
- * @module NavigationAids
- */
-import type { ConfigurableCreateInfo } from "../configurableui/ConfigurableUiControl";
-import { NavigationAidControl } from "./NavigationAidControl";
-/** Navigation Aid that displays an interactive mini-map for Drawing views that synchronizes with the iModel Viewport.
- * @public
- * @deprecated in 4.16.0. Use {@link @itwin/imodel-components-react#DrawingNavigationAid} component instead.
- */
-export declare class DrawingNavigationAidControl extends NavigationAidControl {
-    static navigationAidId: string;
-    constructor(info: ConfigurableCreateInfo, options: any);
-    getSize(): string | undefined;
-}
-//# sourceMappingURL=DrawingNavigationAidControl.d.ts.map

package/lib/esm/appui-react/navigationaids/DrawingNavigationAidControl.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DrawingNavigationAidControl.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/DrawingNavigationAidControl.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AACtF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D;;;GAGG;AAEH,qBAAa,2BAA4B,SAAQ,oBAAoB;IACnE,OAAc,eAAe,SAA0B;gBAG3C,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;IAUtC,OAAO,IAAI,MAAM,GAAG,SAAS;CAG9C"}

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

@@ -1,27 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module NavigationAids
- */
-import * as React from "react";
-import { DrawingNavigationAid } from "@itwin/imodel-components-react";
-import { NavigationAidControl } from "./NavigationAidControl";
-/** Navigation Aid that displays an interactive mini-map for Drawing views that synchronizes with the iModel Viewport.
- * @public
- * @deprecated in 4.16.0. Use {@link @itwin/imodel-components-react#DrawingNavigationAid} component instead.
- */
-// eslint-disable-next-line deprecation/deprecation
-export class DrawingNavigationAidControl extends NavigationAidControl {
-    // eslint-disable-next-line deprecation/deprecation
-    constructor(info, options) {
-        super(info, options);
-        this.reactNode = (React.createElement(DrawingNavigationAid, { iModelConnection: options.imodel, viewport: options.viewport }));
-    }
-    getSize() {
-        return "96px";
-    }
-}
-DrawingNavigationAidControl.navigationAidId = "DrawingNavigationAid";
-//# sourceMappingURL=DrawingNavigationAidControl.js.map

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

@@ -1 +0,0 @@
-{"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,wBAAwB,CAAC;AAE9D;;;GAGG;AACH,mDAAmD;AACnD,MAAM,OAAO,2BAA4B,SAAQ,oBAAoB;IAGnE,mDAAmD;IACnD,YAAY,IAA4B,EAAE,OAAY;QACpD,KAAK,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACrB,IAAI,CAAC,SAAS,GAAG,CACf,oBAAC,oBAAoB,IACnB,gBAAgB,EAAE,OAAO,CAAC,MAAM,EAChC,QAAQ,EAAE,OAAO,CAAC,QAAQ,GAC1B,CACH,CAAC;IACJ,CAAC;IAEe,OAAO;QACrB,OAAO,MAAM,CAAC;IAChB,CAAC;;AAfa,2CAAe,GAAG,sBAAsB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module NavigationAids\n */\n\nimport * as React from \"react\";\nimport { DrawingNavigationAid } from \"@itwin/imodel-components-react\";\nimport type { ConfigurableCreateInfo } from \"../configurableui/ConfigurableUiControl\";\nimport { NavigationAidControl } from \"./NavigationAidControl\";\n\n/** Navigation Aid that displays an interactive mini-map for Drawing views that synchronizes with the iModel Viewport.\n * @public\n * @deprecated in 4.16.0. Use {@link @itwin/imodel-components-react#DrawingNavigationAid} component instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class DrawingNavigationAidControl extends NavigationAidControl {\n  public static navigationAidId = \"DrawingNavigationAid\";\n\n  // eslint-disable-next-line deprecation/deprecation\n  constructor(info: ConfigurableCreateInfo, options: any) {\n    super(info, options);\n    this.reactNode = (\n      <DrawingNavigationAid\n        iModelConnection={options.imodel}\n        viewport={options.viewport}\n      />\n    );\n  }\n\n  public override getSize(): string | undefined {\n    return \"96px\";\n  }\n}\n"]}

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

@@ -1,38 +0,0 @@
-/** @packageDocumentation
- * @module NavigationAids
- */
-import type * as React from "react";
-import type { IModelConnection } from "@itwin/core-frontend";
-import { UiEvent } from "@itwin/appui-abstract";
-import type { ConfigurableCreateInfo } from "../configurableui/ConfigurableUiControl";
-import { ConfigurableUiControl, ConfigurableUiControlType } from "../configurableui/ConfigurableUiControl";
-/** NavigationAid Activated Event Args interface.
- * @public
- * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.
- */
-export interface NavigationAidActivatedEventArgs {
-    navigationAidId: string;
-    iModelConnection: IModelConnection;
-}
-/** NavigationAid Activated Event class.
- * @public
- * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.
- */
-export declare class NavigationAidActivatedEvent extends UiEvent<NavigationAidActivatedEventArgs> {
-}
-/** The base class for Navigation Aid controls.
- * @public
- * @deprecated in 4.16.0. Extends a deprecated class {@link ConfigurableUiControl}.
- */
-export declare class NavigationAidControl extends ConfigurableUiControl {
-    private _reactNode;
-    constructor(info: ConfigurableCreateInfo, options: any);
-    /** The React element associated with this control */
-    get reactNode(): React.ReactNode;
-    set reactNode(r: React.ReactNode);
-    /** Square size of navigation aid. Default size is "64px". Override to set a different size. */
-    getSize(): string | undefined;
-    /** Get the type of this control. */
-    getType(): ConfigurableUiControlType;
-}
-//# sourceMappingURL=NavigationAidControl.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationAidControl.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/NavigationAidControl.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AACtF,OAAO,EACL,qBAAqB,EACrB,yBAAyB,EAC1B,MAAM,yCAAyC,CAAC;AAIjD;;;GAGG;AACH,MAAM,WAAW,+BAA+B;IAC9C,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,gBAAgB,CAAC;CACpC;AAED;;;GAGG;AACH,qBAAa,2BAA4B,SAAQ,OAAO,CAAC,+BAA+B,CAAC;CAAG;AAE5F;;;GAGG;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,CAEtC;IACD,IAAW,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,EAEtC;IAED,+FAA+F;IACxF,OAAO,IAAI,MAAM,GAAG,SAAS;IAIpC,oCAAoC;IAC7B,OAAO,IAAI,yBAAyB;CAG5C"}

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

@@ -1,40 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module NavigationAids
- */
-import { UiEvent } from "@itwin/appui-abstract";
-import { ConfigurableUiControl, ConfigurableUiControlType, } from "../configurableui/ConfigurableUiControl";
-/** NavigationAid Activated Event class.
- * @public
- * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.
- */
-export class NavigationAidActivatedEvent extends UiEvent {
-}
-/** The base class for Navigation Aid controls.
- * @public
- * @deprecated in 4.16.0. Extends a deprecated class {@link ConfigurableUiControl}.
- */
-export class NavigationAidControl extends ConfigurableUiControl {
-    constructor(info, options) {
-        super(info, options);
-    }
-    /** The React element associated with this control */
-    get reactNode() {
-        return this._reactNode;
-    }
-    set reactNode(r) {
-        this._reactNode = r;
-    }
-    /** Square size of navigation aid. Default size is "64px". Override to set a different size. */
-    getSize() {
-        return undefined;
-    }
-    /** Get the type of this control. */
-    getType() {
-        return ConfigurableUiControlType.NavigationAid;
-    }
-}
-//# sourceMappingURL=NavigationAidControl.js.map

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

@@ -1 +0,0 @@
-{"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,yCAAyC,CAAC;AAajD;;;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\";\nimport {\n  ConfigurableUiControl,\n  ConfigurableUiControlType,\n} from \"../configurableui/ConfigurableUiControl\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** NavigationAid Activated Event Args interface.\n * @public\n * @deprecated in 4.13.0. Event args are inferred from a listener. If explicit type is needed use a type helper.\n */\nexport interface NavigationAidActivatedEventArgs {\n  navigationAidId: string;\n  iModelConnection: IModelConnection;\n}\n\n/** NavigationAid Activated Event class.\n * @public\n * @deprecated in 4.13.0. This class should not be used by applications to instantiate objects.\n */\nexport class NavigationAidActivatedEvent extends UiEvent<NavigationAidActivatedEventArgs> {}\n\n/** The base class for Navigation Aid controls.\n * @public\n * @deprecated in 4.16.0. Extends a deprecated class {@link ConfigurableUiControl}.\n */\nexport class NavigationAidControl extends ConfigurableUiControl {\n  private _reactNode: React.ReactNode;\n\n  constructor(info: ConfigurableCreateInfo, options: any) {\n    super(info, options);\n  }\n\n  /** The React element associated with this control */\n  public get reactNode(): React.ReactNode {\n    return this._reactNode;\n  }\n  public set reactNode(r: React.ReactNode) {\n    this._reactNode = r;\n  }\n\n  /** Square size of navigation aid. Default size is \"64px\". Override to set a different size. */\n  public getSize(): string | undefined {\n    return undefined;\n  }\n\n  /** Get the type of this control. */\n  public getType(): ConfigurableUiControlType {\n    return ConfigurableUiControlType.NavigationAid;\n  }\n}\n"]}

package/lib/esm/appui-react/navigationaids/SheetNavigationAid.d.ts

@@ -1,70 +0,0 @@
-/** @packageDocumentation
- * @module NavigationAids
- */
-import "./SheetNavigationAid.scss";
-import * as React from "react";
-import type { IModelConnection } from "@itwin/core-frontend";
-import type { CommonProps } from "@itwin/core-react";
-import type { ConfigurableCreateInfo } from "../configurableui/ConfigurableUiControl";
-import { NavigationAidControl } from "./NavigationAidControl";
-/** A Sheet Navigation Aid control.
- * @public
- * @deprecated in 4.16.0. Use {@link SheetNavigationAid} component instead.
- */
-export declare class SheetNavigationAidControl extends NavigationAidControl {
-    static navigationAidId: string;
-    constructor(info: ConfigurableCreateInfo, options: any);
-    getSize(): string | undefined;
-}
-/** Data displayed about sheet
- * @alpha
- */
-export interface SheetData {
-    name: string;
-    viewId: string;
-}
-/** Properties for the [[SheetNavigationAid]] component
- * @public
- */
-export interface SheetNavigationProps extends CommonProps {
-    iModelConnection: IModelConnection;
-}
-interface SheetNavigationState {
-    index: number;
-    sheetData: SheetData[];
-}
-/** A Sheet Navigation Aid.
- * @public
- */
-export declare class SheetNavigationAid extends React.Component<SheetNavigationProps, SheetNavigationState> {
-    private _isMounted;
-    readonly state: Readonly<SheetNavigationState>;
-    private _viewport;
-    constructor(props: SheetNavigationProps);
-    /** Adds listeners when components mounts */
-    componentDidMount(): Promise<void>;
-    /** Removes listeners when component will unmount */
-    componentWillUnmount(): void;
-    /** Queries for sheet info and sets as sheetData */
-    private _setupSheets;
-    render(): React.ReactNode;
-    /** Sets index of newly selected card */
-    private _handleCardSelected;
-    /** Updates view to the next lowest index in sheetData */
-    private _handleOnClickLeftArrow;
-    /** Updates view to next highest index in sheetData */
-    private _handleOnClickRightArrow;
-    /** Handles a Viewport change & synchs the index */
-    private _handleSelectedViewportChanged;
-    private _handleViewIdChanged;
-    /** Handles a Viewport change & synchs the index */
-    private _handleViewportChanged;
-    /** Updates view to currently set sheet */
-    private _updateView;
-    /** Creates a new SheetsModalFrontstage */
-    private modalFrontstage;
-    /** Opens a new SheetsModelFrontstage on sheetName click */
-    private _handleOnClickSheetName;
-}
-export {};
-//# sourceMappingURL=SheetNavigationAid.d.ts.map

package/lib/esm/appui-react/navigationaids/SheetNavigationAid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SheetNavigationAid.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/navigationaids/SheetNavigationAid.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,2BAA2B,CAAC;AAEnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EACV,gBAAgB,EAGjB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,KAAK,EAAE,WAAW,EAAgB,MAAM,mBAAmB,CAAC;AACnE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AAItF,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAK9D;;;GAGG;AAEH,qBAAa,yBAA0B,SAAQ,oBAAoB;IACjE,OAAc,eAAe,SAAwB;gBAGzC,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,GAAG;IAKtC,OAAO,IAAI,MAAM,GAAG,SAAS;CAG9C;AAED;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AAEH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,gBAAgB,EAAE,gBAAgB,CAAC;CACpC;AAED,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,SAAS,EAAE,CAAC;CACxB;AAED;;GAEG;AACH,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CACrD,oBAAoB,EACpB,oBAAoB,CACrB;IACC,OAAO,CAAC,UAAU,CAAS;IAE3B,SAAyB,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,CAG5D;IAEF,OAAO,CAAC,SAAS,CAA6B;gBAElC,KAAK,EAAE,oBAAoB;IAMvC,4CAA4C;IACtB,iBAAiB;IAiBvC,oDAAoD;IACpC,oBAAoB;IAapC,mDAAmD;YACrC,YAAY;IA4BV,MAAM,IAAI,KAAK,CAAC,SAAS;IAgFzC,wCAAwC;IACxC,OAAO,CAAC,mBAAmB,CAOzB;IAEF,yDAAyD;IACzD,OAAO,CAAC,uBAAuB,CAU7B;IAEF,sDAAsD;IACtD,OAAO,CAAC,wBAAwB,CAO9B;IAEF,mDAAmD;IACnD,OAAO,CAAC,8BAA8B,CAMpC;IAEF,OAAO,CAAC,oBAAoB,CAK1B;IAEF,mDAAmD;IACnD,OAAO,CAAC,sBAAsB,CAgB5B;IAEF,0CAA0C;YAC5B,WAAW;IAOzB,0CAA0C;IAC1C,OAAO,CAAC,eAAe;IAQvB,2DAA2D;IAC3D,OAAO,CAAC,uBAAuB,CAE7B;CACH"}

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

@@ -1,184 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module NavigationAids
- */
-import "./SheetNavigationAid.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { IModelApp } from "@itwin/core-frontend";
-import { ViewportComponentEvents } from "@itwin/imodel-components-react";
-import { UiFramework } from "../UiFramework";
-import { ViewUtilities } from "../utils/ViewUtilities";
-import { NavigationAidControl } from "./NavigationAidControl";
-import { CardContainer, SheetsModalFrontstage } from "./SheetsModalFrontstage";
-import { IconButton, ProgressRadial } from "@itwin/itwinui-react";
-import { SvgChevronLeft, SvgChevronRight } from "@itwin/itwinui-icons-react";
-/** A Sheet Navigation Aid control.
- * @public
- * @deprecated in 4.16.0. Use {@link SheetNavigationAid} component instead.
- */
-// eslint-disable-next-line deprecation/deprecation
-export class SheetNavigationAidControl extends NavigationAidControl {
-    // eslint-disable-next-line deprecation/deprecation
-    constructor(info, options) {
-        super(info, options);
-        this.reactNode = React.createElement(SheetNavigationAid, { iModelConnection: options.imodel });
-    }
-    getSize() {
-        return "96px";
-    }
-}
-SheetNavigationAidControl.navigationAidId = "SheetNavigationAid";
-/** A Sheet Navigation Aid.
- * @public
- */
-export class SheetNavigationAid extends React.Component {
-    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 */
-    async componentDidMount() {
-        this._isMounted = true;
-        CardContainer.onCardSelectedEvent.addListener(this._handleCardSelected);
-        ViewportComponentEvents.onViewIdChangedEvent.addListener(this._handleViewIdChanged);
-        IModelApp.viewManager.onSelectedViewportChanged.addListener(this._handleSelectedViewportChanged);
-        const stateData = await this._setupSheets();
-        if (this._isMounted)
-            this.setState(stateData);
-    }
-    /** Removes listeners when component will unmount */
-    componentWillUnmount() {
-        this._isMounted = false;
-        CardContainer.onCardSelectedEvent.removeListener(this._handleCardSelected);
-        ViewportComponentEvents.onViewIdChangedEvent.removeListener(this._handleViewIdChanged);
-        IModelApp.viewManager.onSelectedViewportChanged.removeListener(this._handleSelectedViewportChanged);
-    }
-    /** Queries for sheet info and sets as sheetData */
-    async _setupSheets() {
-        const stateData = {
-            index: 0,
-            sheetData: [],
-        };
-        if (!this.props.iModelConnection ||
-            !this.props.iModelConnection.views.getViewList)
-            return stateData;
-        let viewId = "";
-        if (this._viewport) {
-            viewId = this._viewport.view.id.toString();
-        }
-        const sheets = await this.props.iModelConnection.views.getViewList({
-            from: "BisCore.SheetViewDefinition",
-        });
-        sheets.forEach((viewSpec, index) => {
-            stateData.sheetData.push({ name: viewSpec.name, viewId: viewSpec.id });
-            if (viewSpec.id === viewId)
-                stateData.index = index;
-        });
-        return stateData;
-    }
-    render() {
-        const name = this.state.sheetData.length > 0
-            ? this.state.sheetData[this.state.index].name
-            : "";
-        const leftIndex = this.state.index === 0
-            ? this.state.sheetData.length - 1
-            : this.state.index - 1;
-        const rightIndex = this.state.index >= this.state.sheetData.length - 1
-            ? 0
-            : this.state.index + 1;
-        const leftTitle = this.state.sheetData[leftIndex]
-            ? this.state.sheetData[leftIndex].name
-            : undefined;
-        const rightTitle = this.state.sheetData[rightIndex]
-            ? this.state.sheetData[rightIndex].name
-            : undefined;
-        let content;
-        if (this.state.sheetData.length > 0) {
-            content = (React.createElement(React.Fragment, null,
-                React.createElement("div", { className: "sheet-title" }, UiFramework.translate("general.sheet")),
-                React.createElement("div", { className: "sheet-name", title: name, onClick: this._handleOnClickSheetName, role: "button", tabIndex: -1 }, name),
-                React.createElement("div", { className: "sheet-container" },
-                    React.createElement(IconButton, { size: "small", styleType: "borderless", onClick: this._handleOnClickLeftArrow, tabIndex: -1, label: leftTitle },
-                        React.createElement(SvgChevronLeft, null)),
-                    React.createElement("div", null,
-                        this.state.index + 1,
-                        " ",
-                        UiFramework.translate("general.of"),
-                        this.state.sheetData.length),
-                    React.createElement(IconButton, { size: "small", styleType: "borderless", onClick: this._handleOnClickRightArrow, role: "button", tabIndex: -1, label: rightTitle },
-                        React.createElement(SvgChevronRight, null)))));
-        }
-        else {
-            content = React.createElement(ProgressRadial, { size: "x-small", indeterminate: true });
-        }
-        return (React.createElement("div", { className: classnames("uifw-sheet-navigation", this.props.className), style: this.props.style }, content));
-    }
-    /** Updates view to currently set sheet */
-    async _updateView() {
-        const viewState = await this.props.iModelConnection.views.load(this.state.sheetData[this.state.index].viewId);
-        if (this._viewport)
-            this._viewport.changeView(viewState);
-    }
-    /** Creates a new SheetsModalFrontstage */
-    modalFrontstage() {
-        return new SheetsModalFrontstage(this.state.sheetData, this.props.iModelConnection, this.state.index);
-    }
-}
-//# sourceMappingURL=SheetNavigationAid.js.map

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

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

package/lib/esm/appui-react/navigationaids/SheetNavigationAid.scss

@@ -1,52 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/style/index";
-
-.uifw-sheet-navigation {
-  height: 96px;
-  width: 96px;
-  box-sizing: border-box;
-  border-color: $buic-background-widget-stroke;
-  border-width: 1px;
-  border-radius: var(--iui-border-radius-1);
-  border-style: solid;
-  color: var(--iui-color-text);
-  background: $buic-background-window;
-  position: relative;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: center;
-
-  > .sheet-title {
-    font-size: 12px;
-    font-weight: bold;
-  }
-
-  > .sheet-name {
-    cursor: pointer;
-    font-size: 11px;
-    z-index: 1;
-    height: 46px;
-    overflow: hidden;
-    margin: 0 2px;
-
-    &:focus {
-      outline: none;
-    }
-  }
-
-  > .sheet-container {
-    flex: 1 1 100%;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    font-size: 11px;
-
-    > * {
-      text-align: center;
-    }
-  }
-}