@fluentui/react-tabs 1.0.0-beta.98 → 9.0.0-beta.11

package/lib-commonjs/index.js

@@ -1,5 +1,85 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Tabs"), exports);
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTabList_unstable = exports.useTabListStyles_unstable = exports.tabListClassNames = exports.tabListClassName = exports.TabList = exports.renderTabList_unstable = exports.useTab_unstable = exports.useTabStyles_unstable = exports.tabClassNames = exports.tabClassName = exports.Tab = exports.renderTab_unstable = void 0;
+
+var Tab_1 = /*#__PURE__*/require("./Tab");
+
+Object.defineProperty(exports, "renderTab_unstable", {
+  enumerable: true,
+  get: function () {
+    return Tab_1.renderTab_unstable;
+  }
+});
+Object.defineProperty(exports, "Tab", {
+  enumerable: true,
+  get: function () {
+    return Tab_1.Tab;
+  }
+});
+Object.defineProperty(exports, "tabClassName", {
+  enumerable: true,
+  get: function () {
+    return Tab_1.tabClassName;
+  }
+});
+Object.defineProperty(exports, "tabClassNames", {
+  enumerable: true,
+  get: function () {
+    return Tab_1.tabClassNames;
+  }
+});
+Object.defineProperty(exports, "useTabStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return Tab_1.useTabStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "useTab_unstable", {
+  enumerable: true,
+  get: function () {
+    return Tab_1.useTab_unstable;
+  }
+});
+
+var TabList_1 = /*#__PURE__*/require("./TabList");
+
+Object.defineProperty(exports, "renderTabList_unstable", {
+  enumerable: true,
+  get: function () {
+    return TabList_1.renderTabList_unstable;
+  }
+});
+Object.defineProperty(exports, "TabList", {
+  enumerable: true,
+  get: function () {
+    return TabList_1.TabList;
+  }
+});
+Object.defineProperty(exports, "tabListClassName", {
+  enumerable: true,
+  get: function () {
+    return TabList_1.tabListClassName;
+  }
+});
+Object.defineProperty(exports, "tabListClassNames", {
+  enumerable: true,
+  get: function () {
+    return TabList_1.tabListClassNames;
+  }
+});
+Object.defineProperty(exports, "useTabListStyles_unstable", {
+  enumerable: true,
+  get: function () {
+    return TabList_1.useTabListStyles_unstable;
+  }
+});
+Object.defineProperty(exports, "useTabList_unstable", {
+  enumerable: true,
+  get: function () {
+    return TabList_1.useTabList_unstable;
+  }
+});
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;AAAA,iDAAuB","sourcesContent":["export * from './Tabs';\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;AACA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,oBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,KAAA,CAAA,kBAAA;AAAkB;AAAlB,CAAA;AAAoB,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,KAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,KAAA,CAAA,GAAA;AAAG;AAAH,CAAA;AAAK,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,cAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,KAAA,CAAA,YAAA;AAAY;AAAZ,CAAA;AAAc,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,eAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,KAAA,CAAA,aAAA;AAAa;AAAb,CAAA;AAAe,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,uBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,KAAA,CAAA,qBAAA;AAAqB;AAArB,CAAA;AAAuB,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,iBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,KAAA,CAAA,eAAA;AAAe;AAAf,CAAA;;AAatF,IAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACE,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,wBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,SAAA,CAAA,sBAAA;AAAsB;AAAtB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,SAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,SAAA,CAAA,OAAA;AAAO;AAAP,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,kBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,SAAA,CAAA,gBAAA;AAAgB;AAAhB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,mBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,SAAA,CAAA,iBAAA;AAAiB;AAAjB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,2BAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,SAAA,CAAA,yBAAA;AAAyB;AAAzB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,qBAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,SAAA,CAAA,mBAAA;AAAmB;AAAnB,CAAA","sourcesContent":["export type { TabProps, TabSlots, TabState, TabValue } from './Tab';\nexport { renderTab_unstable, Tab, tabClassName, tabClassNames, useTabStyles_unstable, useTab_unstable } from './Tab';\nexport type {\n  TabRegisterData,\n  RegisterTabEventHandler,\n  SelectTabData,\n  SelectTabEvent,\n  SelectTabEventHandler,\n  TabListContextValue,\n  TabListContextValues,\n  TabListProps,\n  TabListSlots,\n  TabListState,\n} from './TabList';\nexport {\n  renderTabList_unstable,\n  TabList,\n  tabListClassName,\n  tabListClassNames,\n  useTabListStyles_unstable,\n  useTabList_unstable,\n} from './TabList';\n"],"sourceRoot":"../src/"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fluentui/react-tabs",
-  "version": "1.0.0-beta.98",
-  "description": "Fluent UI React Tabs component",
+  "version": "9.0.0-beta.11",
+  "description": "Fluent UI React tabs components",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
   "typings": "lib/index.d.ts",
@@ -17,29 +17,26 @@
     "code-style": "just-scripts code-style",
     "just": "just-scripts",
     "lint": "just-scripts lint",
-    "start": "just-scripts dev:storybook",
-    "start-test": "just-scripts jest-watch",
-    "test": "just-scripts test",
-    "update-snapshots": "just-scripts jest -u"
+    "start": "yarn storybook",
+    "test": "jest --passWithNoTests",
+    "docs": "api-extractor run --config=config/api-extractor.local.json --local",
+    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/packages/react-components/react-tabs/src && yarn docs",
+    "storybook": "node ../../../scripts/storybook/runner",
+    "type-check": "tsc -b tsconfig.json"
   },
   "devDependencies": {
-    "@fluentui/eslint-plugin": "^1.2.0",
-    "@fluentui/react-conformance": "^0.3.1",
-    "@fluentui/scripts": "^1.0.0",
-    "@types/enzyme": "3.10.3",
-    "@types/enzyme-adapter-react-16": "1.0.3",
-    "@types/react": "16.9.42",
-    "@types/react-dom": "16.9.10",
-    "@types/react-test-renderer": "^16.0.0",
-    "enzyme": "~3.10.0",
-    "react": "16.8.6",
-    "react-dom": "16.8.6"
+    "@fluentui/eslint-plugin": "*",
+    "@fluentui/react-conformance": "*",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.4",
+    "@fluentui/react-context-selector": "9.0.0-rc.7",
+    "@fluentui/scripts": "^1.0.0"
   },
   "dependencies": {
-    "@fluentui/react": "^8.14.11",
-    "@fluentui/react-hooks": "^8.2.0",
-    "@fluentui/style-utilities": "^8.1.0",
-    "@fluentui/utilities": "^8.1.0",
+    "@griffel/react": "1.0.3",
+    "@fluentui/react-context-selector": "9.0.0-rc.7",
+    "@fluentui/react-tabster": "9.0.0-rc.8",
+    "@fluentui/react-theme": "9.0.0-rc.6",
+    "@fluentui/react-utilities": "9.0.0-rc.7",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
@@ -55,5 +52,12 @@
       "minor",
       "patch"
     ]
+  },
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "import": "./lib/index.js",
+      "require": "./lib-commonjs/index.js"
+    }
   }
 }

package/config/api-extractor.json

@@ -1,3 +0,0 @@
-{
-  "extends": "@fluentui/scripts/api-extractor/api-extractor.common.json"
-}

package/config/tests.js

@@ -1,14 +0,0 @@
-/** Jest test setup file. */
-
-const { configure } = require('enzyme');
-const { initializeIcons } = require('@fluentui/font-icons-mdl2');
-const Adapter = require('enzyme-adapter-react-16');
-const { resetIds } = require('@fluentui/utilities');
-
-// Initialize icons.
-initializeIcons('');
-
-// Configure enzyme.
-configure({ adapter: new Adapter() });
-
-resetIds();

package/dist/react-tabs.d.ts

@@ -1,197 +0,0 @@
-import { IButtonProps } from '@fluentui/react/lib/Button';
-import { IKeytipProps } from '@fluentui/react';
-import { IRefObject } from '@fluentui/utilities';
-import { IRenderFunction } from '@fluentui/utilities';
-import { IStyle } from '@fluentui/style-utilities';
-import { IStyleFunctionOrObject } from '@fluentui/utilities';
-import { ITheme } from '@fluentui/style-utilities';
-import * as React_2 from 'react';
-
-/**
- * {@docCategory Tabs}
- * Display mode for the tabs
- */
-export declare type TabFormatType = 'links' | 'tabs';
-
-export declare class TabItem extends React_2.Component<TabItemProps, {}> {
-    constructor(props: TabItemProps);
-    render(): JSX.Element;
-}
-
-/**
- * {@docCategory Tabs}
- */
-export declare interface TabItemProps extends React_2.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Gets the component ref.
-     */
-    componentRef?: IRefObject<{}>;
-    /**
-     * The text displayed of each tab.
-     */
-    headerText?: string;
-    /**
-     * Props for the header command button. This provides a way to pass in native props, such as data-* and aria-*,
-     * for each tab element.
-     */
-    headerButtonProps?: IButtonProps | {
-        [key: string]: string | number | boolean;
-    };
-    /**
-     * An required key to uniquely identify a tab item.
-     *
-     * Note: The 'key' from react props cannot be used inside component.
-     */
-    itemKey?: string;
-    /**
-     * The aria label of each tab which will read by screen reader instead of headerText.
-     *
-     * Note that unless you have compelling requirements you should not override aria-label.
-     */
-    ariaLabel?: string;
-    /**
-     * Defines an optional item count displayed in parentheses just after the `headerText`.
-     *
-     * Examples: completed (4), Unread (99+)
-     */
-    itemCount?: number | string;
-    /**
-     * An optional icon to show next to the tab.
-     */
-    itemIcon?: string;
-    /**
-     * Optional custom renderer for the tab
-     */
-    onRenderTab?: IRenderFunction<TabItemProps>;
-    /**
-     * Optional keytip for this TabItem
-     */
-    keytipProps?: IKeytipProps;
-    /**
-     * Defines whether to always render the tab item (regardless of whether it is selected or not).
-     * Useful if you're rendering content that is expensive to mount.
-     *
-     * @defaultvalue false
-     */
-    alwaysRender?: boolean;
-}
-
-/**
- * The Tabs control and related tabs pattern are used for navigating frequently accessed,
- * distinct content categories. Tabs allow for navigation between two or more content
- * views and relies on text headers to articulate the different sections of content.
- */
-export declare const Tabs: React_2.FunctionComponent<TabsProps>;
-
-export declare const TabsBase: React_2.FunctionComponent<TabsProps>;
-
-/**
- * {@docCategory Tabs}
- */
-export declare interface TabsImperativeHandle {
-    /**
-     * Sets focus to the first tab.
-     */
-    focus(): void;
-}
-
-/**
- * {@docCategory Tabs}
- * Size of the tabs
- */
-export declare type TabSizeType = 'normal' | 'large';
-
-/**
- * {@docCategory Tabs}
- */
-export declare interface TabsProps extends React_2.HTMLAttributes<HTMLDivElement>, React_2.RefAttributes<HTMLDivElement> {
-    /**
-     * Optional callback to access the TabsImperativeHandle interface. Use this instead of ref for accessing
-     * the public methods and properties of the component.
-     */
-    componentRef?: React_2.RefObject<TabsImperativeHandle>;
-    /**
-     * Call to provide customized styling that will layer on top of the variant rules.
-     */
-    styles?: IStyleFunctionOrObject<TabsStyleProps, TabsStyles>;
-    /**
-     * Theme provided by High-Order Component.
-     */
-    theme?: ITheme;
-    /**
-     * Additional css class to apply to the Tabs
-     * @defaultvalue undefined
-     */
-    className?: string;
-    /**
-     * Default selected TabItem key. Only provide this if the Tabs is an uncontrolled component;
-     * otherwise, use the `selectedKey` property.
-     */
-    defaultSelectedKey?: string;
-    /**
-     * Key of the selected tab item. Updating this will override the selected tab state.
-     * Only provide this if the Tabs is a controlled component where you are maintaining the
-     * current state; otherwise, use `defaultSelectedKey`.
-     */
-    selectedKey?: string | null;
-    /**
-     * Callback for when the selected tab item is changed.
-     */
-    onTabClick?: (item?: TabItem, ev?: React_2.MouseEvent<HTMLElement>) => void;
-    /**
-     * Tab size (normal, large)
-     */
-    tabSize?: TabSizeType;
-    /**
-     * Tab format (links, tabs)
-     */
-    tabFormat?: TabFormatType;
-    /**
-     * Overflow behavior when there is not enough room to display all of the tabs
-     * * none: Tabs will overflow the container and may not be visible
-     * * menu: Display an overflow menu that contains the tabs that don't fit
-     *
-     * @default none
-     */
-    overflowBehavior?: 'none' | 'menu';
-    /**
-     * Whether to skip rendering the tabpanel with the content of the selected tab.
-     * Use this prop if you plan to separately render the tab content
-     * and don't want to leave an empty tabpanel in the page that may confuse Screen Readers.
-     */
-    headersOnly?: boolean;
-    /**
-     * Callback to customize how IDs are generated for each tab header.
-     * Useful if you're rendering content outside and need to connect aria-labelledby.
-     */
-    getTabId?: (itemKey: string, index: number) => string;
-}
-
-/**
- * {@docCategory Tabs}
- */
-export declare type TabsStyleProps = Required<Pick<TabsProps, 'theme'>> & Pick<TabsProps, 'className'> & {
-    tabSize?: TabSizeType;
-    tabFormat?: TabFormatType;
-};
-
-/**
- * {@docCategory Tabs}
- */
-export declare interface TabsStyles {
-    /**
-     * Style for the root element.
-     */
-    root: IStyle;
-    tab: IStyle;
-    tabIsSelected: IStyle;
-    tabContent: IStyle;
-    text: IStyle;
-    count: IStyle;
-    icon: IStyle;
-    tabInMenu: IStyle;
-    overflowMenuButton: IStyle;
-    itemContainer?: IStyle;
-}
-
-export { }

package/etc/react-tabs.api.md

@@ -1,104 +0,0 @@
-## API Report File for "@fluentui/react-tabs"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-import { IButtonProps } from '@fluentui/react/lib/Button';
-import { IKeytipProps } from '@fluentui/react';
-import { IRefObject } from '@fluentui/utilities';
-import { IRenderFunction } from '@fluentui/utilities';
-import { IStyle } from '@fluentui/style-utilities';
-import { IStyleFunctionOrObject } from '@fluentui/utilities';
-import { ITheme } from '@fluentui/style-utilities';
-import * as React_2 from 'react';
-
-// @public
-export type TabFormatType = 'links' | 'tabs';
-
-// @public (undocumented)
-export class TabItem extends React_2.Component<TabItemProps, {}> {
-    constructor(props: TabItemProps);
-    // (undocumented)
-    render(): JSX.Element;
-}
-
-// @public (undocumented)
-export interface TabItemProps extends React_2.HTMLAttributes<HTMLDivElement> {
-    alwaysRender?: boolean;
-    ariaLabel?: string;
-    componentRef?: IRefObject<{}>;
-    headerButtonProps?: IButtonProps | {
-        [key: string]: string | number | boolean;
-    };
-    headerText?: string;
-    itemCount?: number | string;
-    itemIcon?: string;
-    itemKey?: string;
-    keytipProps?: IKeytipProps;
-    onRenderTab?: IRenderFunction<TabItemProps>;
-}
-
-// @public
-export const Tabs: React_2.FunctionComponent<TabsProps>;
-
-// @public (undocumented)
-export const TabsBase: React_2.FunctionComponent<TabsProps>;
-
-// @public (undocumented)
-export interface TabsImperativeHandle {
-    focus(): void;
-}
-
-// @public
-export type TabSizeType = 'normal' | 'large';
-
-// @public (undocumented)
-export interface TabsProps extends React_2.HTMLAttributes<HTMLDivElement>, React_2.RefAttributes<HTMLDivElement> {
-    className?: string;
-    componentRef?: React_2.RefObject<TabsImperativeHandle>;
-    defaultSelectedKey?: string;
-    getTabId?: (itemKey: string, index: number) => string;
-    headersOnly?: boolean;
-    onTabClick?: (item?: TabItem, ev?: React_2.MouseEvent<HTMLElement>) => void;
-    overflowBehavior?: 'none' | 'menu';
-    selectedKey?: string | null;
-    styles?: IStyleFunctionOrObject<TabsStyleProps, TabsStyles>;
-    tabFormat?: TabFormatType;
-    tabSize?: TabSizeType;
-    theme?: ITheme;
-}
-
-// @public (undocumented)
-export type TabsStyleProps = Required<Pick<TabsProps, 'theme'>> & Pick<TabsProps, 'className'> & {
-    tabSize?: TabSizeType;
-    tabFormat?: TabFormatType;
-};
-
-// @public (undocumented)
-export interface TabsStyles {
-    // (undocumented)
-    count: IStyle;
-    // (undocumented)
-    icon: IStyle;
-    // (undocumented)
-    itemContainer?: IStyle;
-    // (undocumented)
-    overflowMenuButton: IStyle;
-    root: IStyle;
-    // (undocumented)
-    tab: IStyle;
-    // (undocumented)
-    tabContent: IStyle;
-    // (undocumented)
-    tabInMenu: IStyle;
-    // (undocumented)
-    tabIsSelected: IStyle;
-    // (undocumented)
-    text: IStyle;
-}
-
-
-// (No @packageDocumentation comment for this package)
-
-```

package/just.config.ts

@@ -1,3 +0,0 @@
-import { preset } from '@fluentui/scripts';
-
-preset();

package/lib/Tabs.d.ts

@@ -1 +0,0 @@
-export * from './components/Tabs/index';

package/lib/Tabs.js

@@ -1,2 +0,0 @@
-export * from './components/Tabs/index';
-//# sourceMappingURL=Tabs.js.map

package/lib/Tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"../src/","sources":["Tabs.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC","sourcesContent":["export * from './components/Tabs/index';\n"]}

package/lib/common/isConformant.d.ts

@@ -1,2 +0,0 @@
-import { IsConformantOptions } from '@fluentui/react-conformance';
-export declare function isConformant(testInfo: Omit<IsConformantOptions, 'componentPath'>): void;

package/lib/common/isConformant.js

@@ -1,9 +0,0 @@
-import { isConformant as baseIsConformant } from '@fluentui/react-conformance';
-export function isConformant(testInfo) {
-    var defaultOptions = {
-        disabledTests: ['has-docblock', 'kebab-aria-attributes'],
-        componentPath: module.parent.filename.replace('.test', ''),
-    };
-    baseIsConformant(defaultOptions, testInfo);
-}
-//# sourceMappingURL=isConformant.js.map

package/lib/common/isConformant.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isConformant.js","sourceRoot":"../src/","sources":["common/isConformant.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,gBAAgB,EAAuB,MAAM,6BAA6B,CAAC;AAEpG,MAAM,UAAU,YAAY,CAAC,QAAoD;IAC/E,IAAM,cAAc,GAAG;QACrB,aAAa,EAAE,CAAC,cAAc,EAAE,uBAAuB,CAAC;QACxD,aAAa,EAAE,MAAO,CAAC,MAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;KAC7D,CAAC;IAEF,gBAAgB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;AAC7C,CAAC","sourcesContent":["import { isConformant as baseIsConformant, IsConformantOptions } from '@fluentui/react-conformance';\n\nexport function isConformant(testInfo: Omit<IsConformantOptions, 'componentPath'>) {\n  const defaultOptions = {\n    disabledTests: ['has-docblock', 'kebab-aria-attributes'],\n    componentPath: module!.parent!.filename.replace('.test', ''),\n  };\n\n  baseIsConformant(defaultOptions, testInfo);\n}\n"]}

package/lib/components/Tabs/TabItem.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { TabItemProps } from './TabItem.types';
-export declare class TabItem extends React.Component<TabItemProps, {}> {
-    constructor(props: TabItemProps);
-    render(): JSX.Element;
-}

package/lib/components/Tabs/TabItem.js

@@ -1,18 +0,0 @@
-import { __assign, __extends } from "tslib";
-import * as React from 'react';
-import { getNativeProps, divProperties, initializeComponentRef } from '@fluentui/utilities';
-// const COMPONENT_NAME = 'TabItem';
-var TabItem = /** @class */ (function (_super) {
-    __extends(TabItem, _super);
-    function TabItem(props) {
-        var _this = _super.call(this, props) || this;
-        initializeComponentRef(_this);
-        return _this;
-    }
-    TabItem.prototype.render = function () {
-        return React.createElement("div", __assign({}, getNativeProps(this.props, divProperties)), this.props.children);
-    };
-    return TabItem;
-}(React.Component));
-export { TabItem };
-//# sourceMappingURL=TabItem.js.map

package/lib/components/Tabs/TabItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabItem.js","sourceRoot":"../src/","sources":["components/Tabs/TabItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAG5F,oCAAoC;AAEpC;IAA6B,2BAAiC;IAC5D,iBAAY,KAAmB;QAA/B,YACE,kBAAM,KAAK,CAAC,SAGb;QADC,sBAAsB,CAAC,KAAI,CAAC,CAAC;;IAC/B,CAAC;IAEM,wBAAM,GAAb;QACE,OAAO,wCAAS,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,aAAa,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO,CAAC;IACzF,CAAC;IACH,cAAC;AAAD,CAAC,AAVD,CAA6B,KAAK,CAAC,SAAS,GAU3C","sourcesContent":["import * as React from 'react';\nimport { getNativeProps, divProperties, initializeComponentRef } from '@fluentui/utilities';\nimport { TabItemProps } from './TabItem.types';\n\n// const COMPONENT_NAME = 'TabItem';\n\nexport class TabItem extends React.Component<TabItemProps, {}> {\n  constructor(props: TabItemProps) {\n    super(props);\n\n    initializeComponentRef(this);\n  }\n\n  public render(): JSX.Element {\n    return <div {...getNativeProps(this.props, divProperties)}>{this.props.children}</div>;\n  }\n}\n"]}

package/lib/components/Tabs/TabItem.types.d.ts

@@ -1,61 +0,0 @@
-import * as React from 'react';
-import { IKeytipProps } from '@fluentui/react';
-import { IButtonProps } from '@fluentui/react/lib/Button';
-import { IRefObject, IRenderFunction } from '@fluentui/utilities';
-/**
- * {@docCategory Tabs}
- */
-export interface TabItemProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Gets the component ref.
-     */
-    componentRef?: IRefObject<{}>;
-    /**
-     * The text displayed of each tab.
-     */
-    headerText?: string;
-    /**
-     * Props for the header command button. This provides a way to pass in native props, such as data-* and aria-*,
-     * for each tab element.
-     */
-    headerButtonProps?: IButtonProps | {
-        [key: string]: string | number | boolean;
-    };
-    /**
-     * An required key to uniquely identify a tab item.
-     *
-     * Note: The 'key' from react props cannot be used inside component.
-     */
-    itemKey?: string;
-    /**
-     * The aria label of each tab which will read by screen reader instead of headerText.
-     *
-     * Note that unless you have compelling requirements you should not override aria-label.
-     */
-    ariaLabel?: string;
-    /**
-     * Defines an optional item count displayed in parentheses just after the `headerText`.
-     *
-     * Examples: completed (4), Unread (99+)
-     */
-    itemCount?: number | string;
-    /**
-     * An optional icon to show next to the tab.
-     */
-    itemIcon?: string;
-    /**
-     * Optional custom renderer for the tab
-     */
-    onRenderTab?: IRenderFunction<TabItemProps>;
-    /**
-     * Optional keytip for this TabItem
-     */
-    keytipProps?: IKeytipProps;
-    /**
-     * Defines whether to always render the tab item (regardless of whether it is selected or not).
-     * Useful if you're rendering content that is expensive to mount.
-     *
-     * @defaultvalue false
-     */
-    alwaysRender?: boolean;
-}

package/lib/components/Tabs/TabItem.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=TabItem.types.js.map

package/lib/components/Tabs/TabItem.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabItem.types.js","sourceRoot":"../src/","sources":["components/Tabs/TabItem.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport { IKeytipProps } from '@fluentui/react';\nimport { IButtonProps } from '@fluentui/react/lib/Button';\nimport { IRefObject, IRenderFunction } from '@fluentui/utilities';\n\n/**\n * {@docCategory Tabs}\n */\nexport interface TabItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Gets the component ref.\n   */\n  componentRef?: IRefObject<{}>;\n\n  /**\n   * The text displayed of each tab.\n   */\n  headerText?: string;\n\n  /**\n   * Props for the header command button. This provides a way to pass in native props, such as data-* and aria-*,\n   * for each tab element.\n   */\n  headerButtonProps?: IButtonProps | { [key: string]: string | number | boolean };\n\n  /**\n   * An required key to uniquely identify a tab item.\n   *\n   * Note: The 'key' from react props cannot be used inside component.\n   */\n  itemKey?: string;\n\n  /**\n   * The aria label of each tab which will read by screen reader instead of headerText.\n   *\n   * Note that unless you have compelling requirements you should not override aria-label.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Defines an optional item count displayed in parentheses just after the `headerText`.\n   *\n   * Examples: completed (4), Unread (99+)\n   */\n  itemCount?: number | string;\n\n  /**\n   * An optional icon to show next to the tab.\n   */\n  itemIcon?: string;\n\n  /**\n   * Optional custom renderer for the tab\n   */\n  onRenderTab?: IRenderFunction<TabItemProps>;\n\n  /**\n   * Optional keytip for this TabItem\n   */\n  keytipProps?: IKeytipProps;\n\n  /**\n   * Defines whether to always render the tab item (regardless of whether it is selected or not).\n   * Useful if you're rendering content that is expensive to mount.\n   *\n   * @defaultvalue false\n   */\n  alwaysRender?: boolean;\n}\n"]}

package/lib/components/Tabs/Tabs.base.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import { TabsProps } from './index';
-export declare const TabsBase: React.FunctionComponent<TabsProps>;