@itwin/appui-react 3.6.0-dev.8 → 3.6.0

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

@@ -1,83 +1,83 @@
-/*---------------------------------------------------------------------------------------------
-* 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: 3px;
-  border-style: solid;
-  color: $buic-foreground-body;
-  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;
-    }
-
-    >.sheet-caret {
-      cursor: pointer;
-      font-size: 15px;
-      filter: drop-shadow(0 1px 0 $buic-foreground-body-reverse);
-      z-index: 1;
-
-      &:active {
-        color: $buic-foreground-body-reverse;
-        filter: drop-shadow(0 0 0 transparent);
-      }
-
-      &:hover {
-        color: $buic-foreground-primary;
-      }
-
-      &:focus {
-        outline: none;
-      }
-    }
-  }
-
-  >.gradient {
-    background: linear-gradient(to bottom, $buic-button-gradient1, $buic-button-gradient2);
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    top: 0;
-    left: 0;
-
-    display: none;
-  }
+/*---------------------------------------------------------------------------------------------
+* 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: 3px;
+  border-style: solid;
+  color: $buic-foreground-body;
+  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;
+    }
+
+    >.sheet-caret {
+      cursor: pointer;
+      font-size: 15px;
+      filter: drop-shadow(0 1px 0 $buic-foreground-body-reverse);
+      z-index: 1;
+
+      &:active {
+        color: $buic-foreground-body-reverse;
+        filter: drop-shadow(0 0 0 transparent);
+      }
+
+      &:hover {
+        color: $buic-foreground-primary;
+      }
+
+      &:focus {
+        outline: none;
+      }
+    }
+  }
+
+  >.gradient {
+    background: linear-gradient(to bottom, $buic-button-gradient1, $buic-button-gradient2);
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+
+    display: none;
+  }
 }

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

@@ -1,118 +1,118 @@
-/** @packageDocumentation
- * @module NavigationAids
- */
-import "./SheetsModalFrontstage.scss";
-import * as React from "react";
-import { IModelConnection } from "@itwin/core-frontend";
-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
- * @alpha
- */
-export interface CardInfo {
-    index: number;
-    label: string;
-    iconSpec: string;
-    isActive: boolean;
-    viewId: any;
-}
-/** Arguments for CardSelectedEvent
- * @alpha
- */
-export interface CardSelectedEventArgs {
-    id: any;
-    index: number;
-}
-/** Class for CardSelectedEvent
- * @alpha
- */
-export declare class CardSelectedEvent extends UiEvent<CardSelectedEventArgs> {
-}
-/** Modal frontstage displaying sheet information in cards.
- * @alpha
- */
-export declare class SheetsModalFrontstage implements ModalFrontstageInfo {
-    title: string;
-    private _cards;
-    private _connection;
-    private _currentIndex;
-    private _searchValue;
-    /**
-     * Creates a SheetsModalFrontstage
-     * @param sheets Collection of sheets available in SheetNavigationAid
-     * @param connection IModelConnection to query for sheet ViewState
-     */
-    constructor(sheets: SheetData[], connection: IModelConnection, currentIndex: number);
-    /**
-     * Gathers card info from available sheets
-     * @param sheets SheetData from available sheets
-     */
-    private _storeSheetsAsCards;
-    /** Gets set of cards */
-    get content(): React.ReactNode;
-    /** Gets components to be placed in the app bar */
-    get appBarRight(): React.ReactNode;
-    /** Updates stage based on search value */
-    private _handleSearchValueChanged;
-}
-/** Properties for [[CardContainer]]
- * @alpha
- */
-export interface CardContainerProps extends CommonProps {
-    cards: CardInfo[];
-    searchValue: string;
-    connection: IModelConnection;
-}
-/** Displays cards in SheetModalFrontstage
- * @alpha
- */
-export declare class CardContainer extends React.Component<CardContainerProps> {
-    private static _cardSelectedEvent;
-    /** Get CardSelectedEvent event */
-    static get onCardSelectedEvent(): CardSelectedEvent;
-    /** @internal */
-    render(): JSX.Element;
-    /**
-     * Determines if string contains a substring
-     * @param valueA The string to search through
-     * @param valueB The value to search for
-     * @return True if valueB can be found in valueA, false otherwise
-     */
-    private contains;
-    /**
-     * Updates view with ViewState for selected card.
-     * @param card Data about the sheet card selected.
-     */
-    private _handleCardSelected;
-}
-/** Properties for [[SheetCard]]
- * @alpha
- */
-export interface SheetCardProps {
-    label: string;
-    index: number;
-    iconSpec: string;
-    isActive: boolean;
-    onClick: () => void;
-}
-/** State for [[SheetCard]]
- * @internal
- */
-interface SheetCardState {
-    isActive: boolean;
-    isPressed: boolean;
-}
-/** Displays information about an individual sheet
- * @alpha
- */
-export declare class SheetCard extends React.Component<SheetCardProps, SheetCardState> {
-    constructor(props: SheetCardProps);
-    private _onClick;
-    private _onMouseDown;
-    private _onMouseLeave;
-    render(): JSX.Element;
-}
-export {};
+/** @packageDocumentation
+ * @module NavigationAids
+ */
+import "./SheetsModalFrontstage.scss";
+import * as React from "react";
+import { IModelConnection } from "@itwin/core-frontend";
+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
+ * @alpha
+ */
+export interface CardInfo {
+    index: number;
+    label: string;
+    iconSpec: string;
+    isActive: boolean;
+    viewId: any;
+}
+/** Arguments for CardSelectedEvent
+ * @alpha
+ */
+export interface CardSelectedEventArgs {
+    id: any;
+    index: number;
+}
+/** Class for CardSelectedEvent
+ * @alpha
+ */
+export declare class CardSelectedEvent extends UiEvent<CardSelectedEventArgs> {
+}
+/** Modal frontstage displaying sheet information in cards.
+ * @alpha
+ */
+export declare class SheetsModalFrontstage implements ModalFrontstageInfo {
+    title: string;
+    private _cards;
+    private _connection;
+    private _currentIndex;
+    private _searchValue;
+    /**
+     * Creates a SheetsModalFrontstage
+     * @param sheets Collection of sheets available in SheetNavigationAid
+     * @param connection IModelConnection to query for sheet ViewState
+     */
+    constructor(sheets: SheetData[], connection: IModelConnection, currentIndex: number);
+    /**
+     * Gathers card info from available sheets
+     * @param sheets SheetData from available sheets
+     */
+    private _storeSheetsAsCards;
+    /** Gets set of cards */
+    get content(): React.ReactNode;
+    /** Gets components to be placed in the app bar */
+    get appBarRight(): React.ReactNode;
+    /** Updates stage based on search value */
+    private _handleSearchValueChanged;
+}
+/** Properties for [[CardContainer]]
+ * @alpha
+ */
+export interface CardContainerProps extends CommonProps {
+    cards: CardInfo[];
+    searchValue: string;
+    connection: IModelConnection;
+}
+/** Displays cards in SheetModalFrontstage
+ * @alpha
+ */
+export declare class CardContainer extends React.Component<CardContainerProps> {
+    private static _cardSelectedEvent;
+    /** Get CardSelectedEvent event */
+    static get onCardSelectedEvent(): CardSelectedEvent;
+    /** @internal */
+    render(): JSX.Element;
+    /**
+     * Determines if string contains a substring
+     * @param valueA The string to search through
+     * @param valueB The value to search for
+     * @return True if valueB can be found in valueA, false otherwise
+     */
+    private contains;
+    /**
+     * Updates view with ViewState for selected card.
+     * @param card Data about the sheet card selected.
+     */
+    private _handleCardSelected;
+}
+/** Properties for [[SheetCard]]
+ * @alpha
+ */
+export interface SheetCardProps {
+    label: string;
+    index: number;
+    iconSpec: string;
+    isActive: boolean;
+    onClick: () => void;
+}
+/** State for [[SheetCard]]
+ * @internal
+ */
+interface SheetCardState {
+    isActive: boolean;
+    isPressed: boolean;
+}
+/** Displays information about an individual sheet
+ * @alpha
+ */
+export declare class SheetCard extends React.Component<SheetCardProps, SheetCardState> {
+    constructor(props: SheetCardProps);
+    private _onClick;
+    private _onMouseDown;
+    private _onMouseLeave;
+    render(): JSX.Element;
+}
+export {};
 //# sourceMappingURL=SheetsModalFrontstage.d.ts.map