@itwin/core-react 4.0.0-dev.12 → 4.0.0-dev.14

package/lib/esm/core-react/settings/SettingsManager.d.ts

@@ -1,133 +1,133 @@
-/** @packageDocumentation
- * @module Settings
- */
-/// <reference types="react" />
-import { BeUiEvent } from "@itwin/core-bentley";
-import { ConditionalBooleanValue } from "@itwin/appui-abstract";
-/** Interface used to populate a tab entry in the SettingContainer control
- * @public
- */
-export interface SettingsTabEntry {
-    /** unique id for entry */
-    readonly tabId: string;
-    /** localized display label */
-    readonly label: string;
-    /** Setting page content to display when tab item is selected. */
-    readonly page: JSX.Element;
-    /** Setting to true if page will register to watch for stage closing event so it can save any dirty settings. Page component should register and handle the events:
-     * `settingsManager.onProcessSettingsTabActivation` and `settingsManager.onProcessSettingsContainerClose` */
-    readonly pageWillHandleCloseRequest?: boolean;
-    /** used to determine position in tablist */
-    readonly itemPriority: number;
-    /** Optional Subtitle to show below label. */
-    readonly subLabel?: string;
-    /** Icon specification */
-    readonly icon?: string | JSX.Element;
-    /** Tooltip. Allows JSX|Element to support react-tooltip component */
-    readonly tooltip?: string | JSX.Element;
-    /** Allows Settings entry to be disabled */
-    readonly isDisabled?: boolean | ConditionalBooleanValue;
-}
-/** Event class for [[this.onSettingsProvidersChanged]] which is emitted when a new SettingsTabsProvider is added or removed.
- * @public
- */
-export declare class SettingsProvidersChangedEvent extends BeUiEvent<SettingsProvidersChangedEventArgs> {
-}
-/** Arguments of [[this.onSettingsProvidersChanged]] event.
- * @public
- */
-export interface SettingsProvidersChangedEventArgs {
-    readonly providers: ReadonlyArray<SettingsTabsProvider>;
-}
-/** Event class for [[this.onProcessSettingsTabActivation]] which is emitted when a new Tab needs to be activated. This allows the current
- * settings page to save its settings before activating the new SettingTab.
- * @public
- */
-export declare class ProcessSettingsTabActivationEvent extends BeUiEvent<ProcessSettingsTabActivationEventArgs> {
-}
-/** Arguments of [[this.onProcessSettingsTabActivation]] event.
- * @public
- */
-export interface ProcessSettingsTabActivationEventArgs {
-    readonly tabSelectionFunc: (tabId: string) => void;
-    readonly requestedSettingsTabId: string;
-}
-/** Event class for [[this.onProcessSettingsContainerClose]] which is emitted when the settings container will be closed. This allows the current
- * settings page to save its settings before calling the function to close the container.
- * @public
- */
-export declare class ProcessSettingsContainerCloseEvent extends BeUiEvent<ProcessSettingsContainerCloseEventArgs> {
-}
-/** Event class for [[this.onCloseSettingsContainer]] which is monitored by the settings container and indicates that some out process want to close the settings container.
- * @internal
- */
-export declare class CloseSettingsContainerEvent extends BeUiEvent<ProcessSettingsContainerCloseEventArgs> {
-}
-/** Arguments of [[this.onProcessSettingsContainerClose]] event.
- * @public
- */
-export interface ProcessSettingsContainerCloseEventArgs {
-    readonly closeFunc: (args: any) => void;
-    readonly closeFuncArgs?: any;
-}
-/** Event class for [[this.onActivateSettingsTab]] which is emitted when API call needs to set the active settings tab (ie via Tool key-in).
- * @public
- */
-export declare class ActivateSettingsTabEvent extends BeUiEvent<ActivateSettingsTabEventArgs> {
-}
-/** Arguments of [[this.onActivateSettingsTab]] event.
- * @public
- */
-export interface ActivateSettingsTabEventArgs {
-    readonly settingsTabId: string;
-}
-/** Setting Provider interface. Implemented by classes that want to supply settings pages for display in the SettingContainer. The
- * classes that implement this interface need to be registered with the [[SettingsManager]].
- * @public
- */
-export interface SettingsTabsProvider {
-    /** Id of provider, used to remove registration. */
-    readonly id: string;
-    getSettingEntries(stageId: string, stageUsage: string): ReadonlyArray<SettingsTabEntry> | undefined;
-}
-/** Settings Manager class. Hold registration of settings providers and supplies events for the provided settings pages to listen.
- * @public
- */
-export declare class SettingsManager {
-    private _providers;
-    /** Event raised when SettingsProviders are changed.
-     */
-    readonly onSettingsProvidersChanged: SettingsProvidersChangedEvent;
-    /** Event raised solely for a settings page to monitor so it can save its settings before continuing tab activation.
-     * See React hook function `useSaveBeforeActivatingNewSettingsTab`.
-     */
-    readonly onProcessSettingsTabActivation: ProcessSettingsTabActivationEvent;
-    /** Event raised when the settings container will be closed. Any setting page component that is 'modal' should register to
-     * listen to this event so that it can save its state before closing. See React hook function `useSaveBeforeClosingSettingsContainer`.
-     */
-    readonly onProcessSettingsContainerClose: ProcessSettingsContainerCloseEvent;
-    /** Event raised to change the active settings tab shown in UI. Monitored by the SettingsContainer.
-     * @internal
-     */
-    readonly onActivateSettingsTab: ActivateSettingsTabEvent;
-    /** Event monitored by SettingsContainer to process request to close the settings container.
-     * @internal
-     */
-    readonly onCloseSettingsContainer: CloseSettingsContainerEvent;
-    /** @public */
-    get providers(): ReadonlyArray<SettingsTabsProvider>;
-    set providers(p: ReadonlyArray<SettingsTabsProvider>);
-    /** Called by application when an tool, keyin, or other process want to change the active settings tab/page giving the current tab/page and opportunity
-     * to save its state.
-     */
-    activateSettingsTab(settingsTabId: string): void;
-    /** Called by application when the Settings Container is to be closed. The function to invoke to actually close the Settings Container is
-     * passed in and executed once the active settings tab/page has a chance to save its settings.
-     */
-    closeSettingsContainer(closeFunc: (args: any) => void, closeFuncArgs?: any): void;
-    addSettingsProvider(settingsProvider: SettingsTabsProvider): void;
-    removeSettingsProvider(providerId: string): boolean;
-    /** Get an array of SettingsTabEntry objects to populate the settings container. */
-    getSettingEntries(stageId: string, stageUsage: string): Array<SettingsTabEntry>;
-}
+/** @packageDocumentation
+ * @module Settings
+ */
+/// <reference types="react" />
+import { BeUiEvent } from "@itwin/core-bentley";
+import { ConditionalBooleanValue } from "@itwin/appui-abstract";
+/** Interface used to populate a tab entry in the SettingContainer control
+ * @public
+ */
+export interface SettingsTabEntry {
+    /** unique id for entry */
+    readonly tabId: string;
+    /** localized display label */
+    readonly label: string;
+    /** Setting page content to display when tab item is selected. */
+    readonly page: JSX.Element;
+    /** Setting to true if page will register to watch for stage closing event so it can save any dirty settings. Page component should register and handle the events:
+     * `settingsManager.onProcessSettingsTabActivation` and `settingsManager.onProcessSettingsContainerClose` */
+    readonly pageWillHandleCloseRequest?: boolean;
+    /** used to determine position in tablist */
+    readonly itemPriority: number;
+    /** Optional Subtitle to show below label. */
+    readonly subLabel?: string;
+    /** Icon specification */
+    readonly icon?: string | JSX.Element;
+    /** Tooltip. Allows JSX|Element to support react-tooltip component */
+    readonly tooltip?: string | JSX.Element;
+    /** Allows Settings entry to be disabled */
+    readonly isDisabled?: boolean | ConditionalBooleanValue;
+}
+/** Event class for [[this.onSettingsProvidersChanged]] which is emitted when a new SettingsTabsProvider is added or removed.
+ * @public
+ */
+export declare class SettingsProvidersChangedEvent extends BeUiEvent<SettingsProvidersChangedEventArgs> {
+}
+/** Arguments of [[this.onSettingsProvidersChanged]] event.
+ * @public
+ */
+export interface SettingsProvidersChangedEventArgs {
+    readonly providers: ReadonlyArray<SettingsTabsProvider>;
+}
+/** Event class for [[this.onProcessSettingsTabActivation]] which is emitted when a new Tab needs to be activated. This allows the current
+ * settings page to save its settings before activating the new SettingTab.
+ * @public
+ */
+export declare class ProcessSettingsTabActivationEvent extends BeUiEvent<ProcessSettingsTabActivationEventArgs> {
+}
+/** Arguments of [[this.onProcessSettingsTabActivation]] event.
+ * @public
+ */
+export interface ProcessSettingsTabActivationEventArgs {
+    readonly tabSelectionFunc: (tabId: string) => void;
+    readonly requestedSettingsTabId: string;
+}
+/** Event class for [[this.onProcessSettingsContainerClose]] which is emitted when the settings container will be closed. This allows the current
+ * settings page to save its settings before calling the function to close the container.
+ * @public
+ */
+export declare class ProcessSettingsContainerCloseEvent extends BeUiEvent<ProcessSettingsContainerCloseEventArgs> {
+}
+/** Event class for [[this.onCloseSettingsContainer]] which is monitored by the settings container and indicates that some out process want to close the settings container.
+ * @internal
+ */
+export declare class CloseSettingsContainerEvent extends BeUiEvent<ProcessSettingsContainerCloseEventArgs> {
+}
+/** Arguments of [[this.onProcessSettingsContainerClose]] event.
+ * @public
+ */
+export interface ProcessSettingsContainerCloseEventArgs {
+    readonly closeFunc: (args: any) => void;
+    readonly closeFuncArgs?: any;
+}
+/** Event class for [[this.onActivateSettingsTab]] which is emitted when API call needs to set the active settings tab (ie via Tool key-in).
+ * @public
+ */
+export declare class ActivateSettingsTabEvent extends BeUiEvent<ActivateSettingsTabEventArgs> {
+}
+/** Arguments of [[this.onActivateSettingsTab]] event.
+ * @public
+ */
+export interface ActivateSettingsTabEventArgs {
+    readonly settingsTabId: string;
+}
+/** Setting Provider interface. Implemented by classes that want to supply settings pages for display in the SettingContainer. The
+ * classes that implement this interface need to be registered with the [[SettingsManager]].
+ * @public
+ */
+export interface SettingsTabsProvider {
+    /** Id of provider, used to remove registration. */
+    readonly id: string;
+    getSettingEntries(stageId: string, stageUsage: string): ReadonlyArray<SettingsTabEntry> | undefined;
+}
+/** Settings Manager class. Hold registration of settings providers and supplies events for the provided settings pages to listen.
+ * @public
+ */
+export declare class SettingsManager {
+    private _providers;
+    /** Event raised when SettingsProviders are changed.
+     */
+    readonly onSettingsProvidersChanged: SettingsProvidersChangedEvent;
+    /** Event raised solely for a settings page to monitor so it can save its settings before continuing tab activation.
+     * See React hook function `useSaveBeforeActivatingNewSettingsTab`.
+     */
+    readonly onProcessSettingsTabActivation: ProcessSettingsTabActivationEvent;
+    /** Event raised when the settings container will be closed. Any setting page component that is 'modal' should register to
+     * listen to this event so that it can save its state before closing. See React hook function `useSaveBeforeClosingSettingsContainer`.
+     */
+    readonly onProcessSettingsContainerClose: ProcessSettingsContainerCloseEvent;
+    /** Event raised to change the active settings tab shown in UI. Monitored by the SettingsContainer.
+     * @internal
+     */
+    readonly onActivateSettingsTab: ActivateSettingsTabEvent;
+    /** Event monitored by SettingsContainer to process request to close the settings container.
+     * @internal
+     */
+    readonly onCloseSettingsContainer: CloseSettingsContainerEvent;
+    /** @public */
+    get providers(): ReadonlyArray<SettingsTabsProvider>;
+    set providers(p: ReadonlyArray<SettingsTabsProvider>);
+    /** Called by application when an tool, keyin, or other process want to change the active settings tab/page giving the current tab/page and opportunity
+     * to save its state.
+     */
+    activateSettingsTab(settingsTabId: string): void;
+    /** Called by application when the Settings Container is to be closed. The function to invoke to actually close the Settings Container is
+     * passed in and executed once the active settings tab/page has a chance to save its settings.
+     */
+    closeSettingsContainer(closeFunc: (args: any) => void, closeFuncArgs?: any): void;
+    addSettingsProvider(settingsProvider: SettingsTabsProvider): void;
+    removeSettingsProvider(providerId: string): boolean;
+    /** Get an array of SettingsTabEntry objects to populate the settings container. */
+    getSettingEntries(stageId: string, stageUsage: string): Array<SettingsTabEntry>;
+}
 //# sourceMappingURL=SettingsManager.d.ts.map

package/lib/esm/core-react/settings/SettingsManager.js

@@ -1,114 +1,114 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Settings
- */
-import { BeUiEvent, Logger } from "@itwin/core-bentley";
-import { UiCore } from "../UiCore";
-/** Event class for [[this.onSettingsProvidersChanged]] which is emitted when a new SettingsTabsProvider is added or removed.
- * @public
- */
-export class SettingsProvidersChangedEvent extends BeUiEvent {
-}
-/** Event class for [[this.onProcessSettingsTabActivation]] which is emitted when a new Tab needs to be activated. This allows the current
- * settings page to save its settings before activating the new SettingTab.
- * @public
- */
-export class ProcessSettingsTabActivationEvent extends BeUiEvent {
-}
-/** Event class for [[this.onProcessSettingsContainerClose]] which is emitted when the settings container will be closed. This allows the current
- * settings page to save its settings before calling the function to close the container.
- * @public
- */
-export class ProcessSettingsContainerCloseEvent extends BeUiEvent {
-}
-/** Event class for [[this.onCloseSettingsContainer]] which is monitored by the settings container and indicates that some out process want to close the settings container.
- * @internal
- */
-export class CloseSettingsContainerEvent extends BeUiEvent {
-}
-/** Event class for [[this.onActivateSettingsTab]] which is emitted when API call needs to set the active settings tab (ie via Tool key-in).
- * @public
- */
-export class ActivateSettingsTabEvent extends BeUiEvent {
-}
-/** Settings Manager class. Hold registration of settings providers and supplies events for the provided settings pages to listen.
- * @public
- */
-export class SettingsManager {
-    constructor() {
-        this._providers = [];
-        /** Event raised when SettingsProviders are changed.
-         */
-        this.onSettingsProvidersChanged = new SettingsProvidersChangedEvent();
-        /** Event raised solely for a settings page to monitor so it can save its settings before continuing tab activation.
-         * See React hook function `useSaveBeforeActivatingNewSettingsTab`.
-         */
-        this.onProcessSettingsTabActivation = new ProcessSettingsTabActivationEvent();
-        /** Event raised when the settings container will be closed. Any setting page component that is 'modal' should register to
-         * listen to this event so that it can save its state before closing. See React hook function `useSaveBeforeClosingSettingsContainer`.
-         */
-        this.onProcessSettingsContainerClose = new ProcessSettingsContainerCloseEvent();
-        /** Event raised to change the active settings tab shown in UI. Monitored by the SettingsContainer.
-         * @internal
-         */
-        this.onActivateSettingsTab = new ActivateSettingsTabEvent();
-        /** Event monitored by SettingsContainer to process request to close the settings container.
-         * @internal
-         */
-        this.onCloseSettingsContainer = new CloseSettingsContainerEvent();
-    }
-    /** @public */
-    get providers() { return this._providers; }
-    set providers(p) {
-        this._providers = p;
-        this.onSettingsProvidersChanged.emit({ providers: p });
-    }
-    /** Called by application when an tool, keyin, or other process want to change the active settings tab/page giving the current tab/page and opportunity
-     * to save its state.
-     */
-    activateSettingsTab(settingsTabId) {
-        this.onActivateSettingsTab.emit({ settingsTabId });
-    }
-    /** Called by application when the Settings Container is to be closed. The function to invoke to actually close the Settings Container is
-     * passed in and executed once the active settings tab/page has a chance to save its settings.
-     */
-    closeSettingsContainer(closeFunc, closeFuncArgs) {
-        this.onCloseSettingsContainer.emit({ closeFunc, closeFuncArgs });
-    }
-    addSettingsProvider(settingsProvider) {
-        const foundProvider = this._providers.find((p) => p.id === settingsProvider.id);
-        if (!foundProvider) {
-            const updatedProviders = [
-                ...this.providers,
-                settingsProvider,
-            ];
-            this.providers = updatedProviders;
-        }
-        else {
-            Logger.logInfo(UiCore.loggerCategory(this), `Settings Provider with id of ${settingsProvider.id} has already been registered`);
-        }
-    }
-    removeSettingsProvider(providerId) {
-        let result = false;
-        const updatedProviders = this._providers.filter((p) => p.id !== providerId);
-        if (updatedProviders.length !== this._providers.length) {
-            this.providers = updatedProviders;
-            result = true;
-        }
-        return result;
-    }
-    /** Get an array of SettingsTabEntry objects to populate the settings container. */
-    getSettingEntries(stageId, stageUsage) {
-        const allSettingEntries = [];
-        // Consult the registered SettingsProviders
-        this._providers.forEach((p) => {
-            const entries = p.getSettingEntries(stageId, stageUsage);
-            entries && allSettingEntries.push(...entries);
-        });
-        return allSettingEntries;
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Settings
+ */
+import { BeUiEvent, Logger } from "@itwin/core-bentley";
+import { UiCore } from "../UiCore";
+/** Event class for [[this.onSettingsProvidersChanged]] which is emitted when a new SettingsTabsProvider is added or removed.
+ * @public
+ */
+export class SettingsProvidersChangedEvent extends BeUiEvent {
+}
+/** Event class for [[this.onProcessSettingsTabActivation]] which is emitted when a new Tab needs to be activated. This allows the current
+ * settings page to save its settings before activating the new SettingTab.
+ * @public
+ */
+export class ProcessSettingsTabActivationEvent extends BeUiEvent {
+}
+/** Event class for [[this.onProcessSettingsContainerClose]] which is emitted when the settings container will be closed. This allows the current
+ * settings page to save its settings before calling the function to close the container.
+ * @public
+ */
+export class ProcessSettingsContainerCloseEvent extends BeUiEvent {
+}
+/** Event class for [[this.onCloseSettingsContainer]] which is monitored by the settings container and indicates that some out process want to close the settings container.
+ * @internal
+ */
+export class CloseSettingsContainerEvent extends BeUiEvent {
+}
+/** Event class for [[this.onActivateSettingsTab]] which is emitted when API call needs to set the active settings tab (ie via Tool key-in).
+ * @public
+ */
+export class ActivateSettingsTabEvent extends BeUiEvent {
+}
+/** Settings Manager class. Hold registration of settings providers and supplies events for the provided settings pages to listen.
+ * @public
+ */
+export class SettingsManager {
+    constructor() {
+        this._providers = [];
+        /** Event raised when SettingsProviders are changed.
+         */
+        this.onSettingsProvidersChanged = new SettingsProvidersChangedEvent();
+        /** Event raised solely for a settings page to monitor so it can save its settings before continuing tab activation.
+         * See React hook function `useSaveBeforeActivatingNewSettingsTab`.
+         */
+        this.onProcessSettingsTabActivation = new ProcessSettingsTabActivationEvent();
+        /** Event raised when the settings container will be closed. Any setting page component that is 'modal' should register to
+         * listen to this event so that it can save its state before closing. See React hook function `useSaveBeforeClosingSettingsContainer`.
+         */
+        this.onProcessSettingsContainerClose = new ProcessSettingsContainerCloseEvent();
+        /** Event raised to change the active settings tab shown in UI. Monitored by the SettingsContainer.
+         * @internal
+         */
+        this.onActivateSettingsTab = new ActivateSettingsTabEvent();
+        /** Event monitored by SettingsContainer to process request to close the settings container.
+         * @internal
+         */
+        this.onCloseSettingsContainer = new CloseSettingsContainerEvent();
+    }
+    /** @public */
+    get providers() { return this._providers; }
+    set providers(p) {
+        this._providers = p;
+        this.onSettingsProvidersChanged.emit({ providers: p });
+    }
+    /** Called by application when an tool, keyin, or other process want to change the active settings tab/page giving the current tab/page and opportunity
+     * to save its state.
+     */
+    activateSettingsTab(settingsTabId) {
+        this.onActivateSettingsTab.emit({ settingsTabId });
+    }
+    /** Called by application when the Settings Container is to be closed. The function to invoke to actually close the Settings Container is
+     * passed in and executed once the active settings tab/page has a chance to save its settings.
+     */
+    closeSettingsContainer(closeFunc, closeFuncArgs) {
+        this.onCloseSettingsContainer.emit({ closeFunc, closeFuncArgs });
+    }
+    addSettingsProvider(settingsProvider) {
+        const foundProvider = this._providers.find((p) => p.id === settingsProvider.id);
+        if (!foundProvider) {
+            const updatedProviders = [
+                ...this.providers,
+                settingsProvider,
+            ];
+            this.providers = updatedProviders;
+        }
+        else {
+            Logger.logInfo(UiCore.loggerCategory(this), `Settings Provider with id of ${settingsProvider.id} has already been registered`);
+        }
+    }
+    removeSettingsProvider(providerId) {
+        let result = false;
+        const updatedProviders = this._providers.filter((p) => p.id !== providerId);
+        if (updatedProviders.length !== this._providers.length) {
+            this.providers = updatedProviders;
+            result = true;
+        }
+        return result;
+    }
+    /** Get an array of SettingsTabEntry objects to populate the settings container. */
+    getSettingEntries(stageId, stageUsage) {
+        const allSettingEntries = [];
+        // Consult the registered SettingsProviders
+        this._providers.forEach((p) => {
+            const entries = p.getSettingEntries(stageId, stageUsage);
+            entries && allSettingEntries.push(...entries);
+        });
+        return allSettingEntries;
+    }
+}
 //# sourceMappingURL=SettingsManager.js.map

package/lib/esm/core-react/style/index.scss

@@ -8,10 +8,3 @@
 @import "./colors";
 @import "./mixins";
 @import "./opacity";
-
-// Deprecated
-@import "./data-viz";
-@import "./space";
-@import "./speed";
-@import "./typography";
-@import "./variables";

package/lib/esm/core-react/tabs/Tabs.d.ts

@@ -1,72 +1,72 @@
-/** @packageDocumentation
- * @module Tabs
- */
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-import { Orientation } from "../enums/Orientation";
-/** TabLabel provides ability to define label, icon, and tooltip for a tab entry. The tooltip can be defined as JSX|Element
- *  to support react-tooltip component or a string that will be use to set the title property.
- * @public
- */
-export interface TabLabel {
-    label: string;
-    subLabel?: string;
-    icon?: string | JSX.Element;
-    tabId: string;
-    /** tooltip allows JSX.Element to support styled tooltips like react-tooltip. */
-    tooltip?: string | JSX.Element;
-    disabled?: boolean;
-}
-/** Properties for the [[VerticalTabs]] component
- * @public
- */
-export interface TabsProps extends React.AllHTMLAttributes<HTMLUListElement>, CommonProps {
-    /** Text shown for each tab
-     * @public */
-    labels: Array<string | TabLabel>;
-    /** Handler for activating a tab */
-    onActivateTab?: (index: number) => any;
-    /** Index of the initial active tab */
-    activeIndex?: number;
-    /** Indicates whether the bar on the active tab is green instead of the default blue */
-    green?: boolean;
-}
-/** State for [[Tabs]] component
- * @internal
- */
-interface TabsState {
-    activeIndex: number;
-}
-/** Properties for the base [[Tabs]] component
- * @public
- */
-export interface MainTabsProps extends TabsProps {
-    /** Main CSS class name */
-    mainClassName: string;
-    /** Orientation of the Tabs list */
-    orientation: Orientation;
-}
-/** Tabs meant to represent the current position in a page/section
- * @public
- */
-export declare class Tabs extends React.PureComponent<MainTabsProps, TabsState> {
-    private _anchorRefs;
-    private _itemKeyboardNavigator;
-    constructor(props: MainTabsProps);
-    private validateActiveIndex;
-    /** @internal */
-    componentDidMount(): void;
-    /** @internal */
-    componentDidUpdate(prevProps: MainTabsProps): void;
-    private _handleFocusItem;
-    private _handleTabClick;
-    /** Handle keydown on tabs */
-    private _handleKeyDownEvent;
-    /** Handle keyup on tabs */
-    private _handleKeyUpEvent;
-    private _activateTab;
-    /** @internal */
-    render(): JSX.Element;
-}
-export {};
+/** @packageDocumentation
+ * @module Tabs
+ */
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+import { Orientation } from "../enums/Orientation";
+/** TabLabel provides ability to define label, icon, and tooltip for a tab entry. The tooltip can be defined as JSX|Element
+ *  to support react-tooltip component or a string that will be use to set the title property.
+ * @public
+ */
+export interface TabLabel {
+    label: string;
+    subLabel?: string;
+    icon?: string | JSX.Element;
+    tabId: string;
+    /** tooltip allows JSX.Element to support styled tooltips like react-tooltip. */
+    tooltip?: string | JSX.Element;
+    disabled?: boolean;
+}
+/** Properties for the [[VerticalTabs]] component
+ * @public
+ */
+export interface TabsProps extends React.AllHTMLAttributes<HTMLUListElement>, CommonProps {
+    /** Text shown for each tab
+     * @public */
+    labels: Array<string | TabLabel>;
+    /** Handler for activating a tab */
+    onActivateTab?: (index: number) => any;
+    /** Index of the initial active tab */
+    activeIndex?: number;
+    /** Indicates whether the bar on the active tab is green instead of the default blue */
+    green?: boolean;
+}
+/** State for [[Tabs]] component
+ * @internal
+ */
+interface TabsState {
+    activeIndex: number;
+}
+/** Properties for the base [[Tabs]] component
+ * @public
+ */
+export interface MainTabsProps extends TabsProps {
+    /** Main CSS class name */
+    mainClassName: string;
+    /** Orientation of the Tabs list */
+    orientation: Orientation;
+}
+/** Tabs meant to represent the current position in a page/section
+ * @public
+ */
+export declare class Tabs extends React.PureComponent<MainTabsProps, TabsState> {
+    private _anchorRefs;
+    private _itemKeyboardNavigator;
+    constructor(props: MainTabsProps);
+    private validateActiveIndex;
+    /** @internal */
+    componentDidMount(): void;
+    /** @internal */
+    componentDidUpdate(prevProps: MainTabsProps): void;
+    private _handleFocusItem;
+    private _handleTabClick;
+    /** Handle keydown on tabs */
+    private _handleKeyDownEvent;
+    /** Handle keyup on tabs */
+    private _handleKeyUpEvent;
+    private _activateTab;
+    /** @internal */
+    render(): JSX.Element;
+}
+export {};
 //# sourceMappingURL=Tabs.d.ts.map