@fluentui/react-tabs 1.0.0-beta.99 → 9.0.0-beta.12

package/lib-amd/components/Tabs/Tabs.types.d.ts

@@ -1,113 +0,0 @@
-import * as React from 'react';
-import { IStyle, ITheme } from '@fluentui/style-utilities';
-import { IStyleFunctionOrObject } from '@fluentui/utilities';
-import { TabItem } from './TabItem';
-/**
- * {@docCategory Tabs}
- */
-export interface TabsImperativeHandle {
-    /**
-     * Sets focus to the first tab.
-     */
-    focus(): void;
-}
-/**
- * {@docCategory Tabs}
- */
-export interface TabsProps extends React.HTMLAttributes<HTMLDivElement>, React.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.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.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 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;
-}
-/**
- * {@docCategory Tabs}
- * Display mode for the tabs
- */
-export declare type TabFormatType = 'links' | 'tabs';
-/**
- * {@docCategory Tabs}
- * Size of the tabs
- */
-export declare type TabSizeType = 'normal' | 'large';

package/lib-amd/components/Tabs/Tabs.types.js

@@ -1,5 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});
-//# sourceMappingURL=Tabs.types.js.map

package/lib-amd/components/Tabs/Tabs.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.types.js","sourceRoot":"../src/","sources":["components/Tabs/Tabs.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport { IStyle, ITheme } from '@fluentui/style-utilities';\nimport { IStyleFunctionOrObject } from '@fluentui/utilities';\nimport { TabItem } from './TabItem';\n\n/**\n * {@docCategory Tabs}\n */\nexport interface TabsImperativeHandle {\n  /**\n   * Sets focus to the first tab.\n   */\n  focus(): void;\n}\n\n/**\n * {@docCategory Tabs}\n */\nexport interface TabsProps extends React.HTMLAttributes<HTMLDivElement>, React.RefAttributes<HTMLDivElement> {\n  /**\n   * Optional callback to access the TabsImperativeHandle interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: React.RefObject<TabsImperativeHandle>;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: IStyleFunctionOrObject<TabsStyleProps, TabsStyles>;\n\n  /**\n   * Theme provided by High-Order Component.\n   */\n  theme?: ITheme;\n\n  /**\n   * Additional css class to apply to the Tabs\n   * @defaultvalue undefined\n   */\n  className?: string;\n\n  /**\n   * Default selected TabItem key. Only provide this if the Tabs is an uncontrolled component;\n   * otherwise, use the `selectedKey` property.\n   */\n  defaultSelectedKey?: string;\n\n  /**\n   * Key of the selected tab item. Updating this will override the selected tab state.\n   * Only provide this if the Tabs is a controlled component where you are maintaining the\n   * current state; otherwise, use `defaultSelectedKey`.\n   */\n  selectedKey?: string | null;\n\n  /**\n   * Callback for when the selected tab item is changed.\n   */\n  onTabClick?: (item?: TabItem, ev?: React.MouseEvent<HTMLElement>) => void;\n\n  /**\n   * Tab size (normal, large)\n   */\n  tabSize?: TabSizeType;\n\n  /**\n   * Tab format (links, tabs)\n   */\n  tabFormat?: TabFormatType;\n\n  /**\n   * Overflow behavior when there is not enough room to display all of the tabs\n   * * none: Tabs will overflow the container and may not be visible\n   * * menu: Display an overflow menu that contains the tabs that don't fit\n   *\n   * @default none\n   */\n  overflowBehavior?: 'none' | 'menu';\n\n  /**\n   * Whether to skip rendering the tabpanel with the content of the selected tab.\n   * Use this prop if you plan to separately render the tab content\n   * and don't want to leave an empty tabpanel in the page that may confuse Screen Readers.\n   */\n  headersOnly?: boolean;\n\n  /**\n   * Callback to customize how IDs are generated for each tab header.\n   * Useful if you're rendering content outside and need to connect aria-labelledby.\n   */\n  getTabId?: (itemKey: string, index: number) => string;\n}\n\n/**\n * {@docCategory Tabs}\n */\nexport type TabsStyleProps = Required<Pick<TabsProps, 'theme'>> &\n  Pick<TabsProps, 'className'> & {\n    tabSize?: TabSizeType;\n    tabFormat?: TabFormatType;\n  };\n\n/**\n * {@docCategory Tabs}\n */\nexport interface TabsStyles {\n  /**\n   * Style for the root element.\n   */\n  root: IStyle;\n  tab: IStyle;\n  tabIsSelected: IStyle;\n  tabContent: IStyle;\n  text: IStyle;\n  count: IStyle;\n  icon: IStyle;\n  tabInMenu: IStyle;\n  overflowMenuButton: IStyle;\n  itemContainer?: IStyle;\n}\n\n/**\n * {@docCategory Tabs}\n * Display mode for the tabs\n */\nexport type TabFormatType = 'links' | 'tabs';\n\n/**\n * {@docCategory Tabs}\n * Size of the tabs\n */\nexport type TabSizeType = 'normal' | 'large';\n"]}

package/lib-amd/components/Tabs/index.d.ts

@@ -1,5 +0,0 @@
-export * from './Tabs';
-export * from './Tabs.base';
-export { TabItem } from './TabItem';
-export * from './Tabs.types';
-export * from './TabItem.types';

package/lib-amd/components/Tabs/index.js

@@ -1,11 +0,0 @@
-define(["require", "exports", "tslib", "./Tabs", "./Tabs.base", "./TabItem", "./Tabs.types", "./TabItem.types"], function (require, exports, tslib_1, Tabs_1, Tabs_base_1, TabItem_1, Tabs_types_1, TabItem_types_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.TabItem = void 0;
-    tslib_1.__exportStar(Tabs_1, exports);
-    tslib_1.__exportStar(Tabs_base_1, exports);
-    Object.defineProperty(exports, "TabItem", { enumerable: true, get: function () { return TabItem_1.TabItem; } });
-    tslib_1.__exportStar(Tabs_types_1, exports);
-    tslib_1.__exportStar(TabItem_types_1, exports);
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/components/Tabs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Tabs/index.ts"],"names":[],"mappings":";;;;IAAA,sCAAuB;IACvB,2CAA4B;IACnB,kGAAA,OAAO,OAAA;IAChB,4CAA6B;IAC7B,+CAAgC","sourcesContent":["export * from './Tabs';\nexport * from './Tabs.base';\nexport { TabItem } from './TabItem';\nexport * from './Tabs.types';\nexport * from './TabItem.types';\n"]}

package/lib-amd/index.d.ts

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

package/lib-amd/index.js

@@ -1,6 +0,0 @@
-define(["require", "exports", "tslib", "./Tabs"], function (require, exports, tslib_1, Tabs_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(Tabs_1, exports);
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/index.js.map

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

package/lib-amd/utilities/observeResize.d.ts

@@ -1,21 +0,0 @@
-/**
- * Wrapper for ResizeObserver, with fallback for browsers that don't support ResizeObserver.
- *
- * Calls the onResize callback once layout is complete, and again whenever any of the target(s) change size.
- * Or if ResizeObserver isn't supported, calls the callback whenever the window changes size.
- *
- * @param target - Either a single element, or array of elements to watch for size changes.
- * @param onResize - Callback to be notified when layout is complete, and when the target(s) change size.
- *    If this browser supports ResizeObserver, the callback will be passed the ResizeObserverEntry[] array.
- *    Otherwise, the entries array will be undefined, and you'll need to find another way to get the element's size,
- *    (e.g. clientWidth/clientHeight or getBoundingClientRect).
- *
- * @returns A function to clean up the observer/listener.
- */
-export declare const observeResize: (target: Element | Element[], onResize: (entries: readonly ResizeObserverEntry[] | undefined) => void) => (() => void);
-/** Temporary type definition for ResizeObserverEntry. Can be removed when official types are available. */
-declare type ResizeObserverEntry = {
-    readonly contentRect: DOMRectReadOnly;
-    readonly target: Element;
-};
-export {};

package/lib-amd/utilities/observeResize.js

@@ -1,51 +0,0 @@
-define(["require", "exports", "@fluentui/utilities"], function (require, exports, utilities_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.observeResize = void 0;
-    /**
-     * Wrapper for ResizeObserver, with fallback for browsers that don't support ResizeObserver.
-     *
-     * Calls the onResize callback once layout is complete, and again whenever any of the target(s) change size.
-     * Or if ResizeObserver isn't supported, calls the callback whenever the window changes size.
-     *
-     * @param target - Either a single element, or array of elements to watch for size changes.
-     * @param onResize - Callback to be notified when layout is complete, and when the target(s) change size.
-     *    If this browser supports ResizeObserver, the callback will be passed the ResizeObserverEntry[] array.
-     *    Otherwise, the entries array will be undefined, and you'll need to find another way to get the element's size,
-     *    (e.g. clientWidth/clientHeight or getBoundingClientRect).
-     *
-     * @returns A function to clean up the observer/listener.
-     */
-    var observeResize = function (target, onResize) {
-        if (typeof ResizeObserver !== 'undefined') {
-            var observer_1 = new ResizeObserver(onResize);
-            if (Array.isArray(target)) {
-                target.forEach(function (t) { return observer_1.observe(t); });
-            }
-            else {
-                observer_1.observe(target);
-            }
-            return function () { return observer_1.disconnect(); };
-        }
-        else {
-            // Fallback for browsers that don't support ResizeObserver
-            var onResizeWrapper_1 = function () { return onResize(undefined); };
-            var win_1 = utilities_1.getWindow(Array.isArray(target) ? target[0] : target);
-            if (!win_1) {
-                // Can't listen for resize if we can't get the window object
-                return function () {
-                    // Nothing to clean up
-                };
-            }
-            // Listen for the first animation frame, which will happen after layout is complete
-            var animationFrameId_1 = win_1.requestAnimationFrame(onResizeWrapper_1);
-            win_1.addEventListener('resize', onResizeWrapper_1, false);
-            return function () {
-                win_1.cancelAnimationFrame(animationFrameId_1);
-                win_1.removeEventListener('resize', onResizeWrapper_1, false);
-            };
-        }
-    };
-    exports.observeResize = observeResize;
-});
-//# sourceMappingURL=observeResize.js.map

package/lib-amd/utilities/observeResize.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"observeResize.js","sourceRoot":"../src/","sources":["utilities/observeResize.ts"],"names":[],"mappings":";;;;IAEA;;;;;;;;;;;;;OAaG;IACI,IAAM,aAAa,GAAG,UAC3B,MAA2B,EAC3B,QAAuE;QAEvE,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE;YACzC,IAAM,UAAQ,GAAG,IAAI,cAAc,CAAC,QAAQ,CAAC,CAAC;YAE9C,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;gBACzB,MAAM,CAAC,OAAO,CAAC,UAAA,CAAC,IAAI,OAAA,UAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAnB,CAAmB,CAAC,CAAC;aAC1C;iBAAM;gBACL,UAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;aAC1B;YAED,OAAO,cAAM,OAAA,UAAQ,CAAC,UAAU,EAAE,EAArB,CAAqB,CAAC;SACpC;aAAM;YACL,0DAA0D;YAC1D,IAAM,iBAAe,GAAG,cAAM,OAAA,QAAQ,CAAC,SAAS,CAAC,EAAnB,CAAmB,CAAC;YAElD,IAAM,KAAG,GAAG,qBAAS,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;YAClE,IAAI,CAAC,KAAG,EAAE;gBACR,4DAA4D;gBAC5D,OAAO;oBACL,sBAAsB;gBACxB,CAAC,CAAC;aACH;YAED,mFAAmF;YACnF,IAAM,kBAAgB,GAAG,KAAG,CAAC,qBAAqB,CAAC,iBAAe,CAAC,CAAC;YACpE,KAAG,CAAC,gBAAgB,CAAC,QAAQ,EAAE,iBAAe,EAAE,KAAK,CAAC,CAAC;YAEvD,OAAO;gBACL,KAAG,CAAC,oBAAoB,CAAC,kBAAgB,CAAC,CAAC;gBAC3C,KAAG,CAAC,mBAAmB,CAAC,QAAQ,EAAE,iBAAe,EAAE,KAAK,CAAC,CAAC;YAC5D,CAAC,CAAC;SACH;IACH,CAAC,CAAC;IAnCW,QAAA,aAAa,iBAmCxB","sourcesContent":["import { getWindow } from '@fluentui/utilities';\n\n/**\n * Wrapper for ResizeObserver, with fallback for browsers that don't support ResizeObserver.\n *\n * Calls the onResize callback once layout is complete, and again whenever any of the target(s) change size.\n * Or if ResizeObserver isn't supported, calls the callback whenever the window changes size.\n *\n * @param target - Either a single element, or array of elements to watch for size changes.\n * @param onResize - Callback to be notified when layout is complete, and when the target(s) change size.\n *    If this browser supports ResizeObserver, the callback will be passed the ResizeObserverEntry[] array.\n *    Otherwise, the entries array will be undefined, and you'll need to find another way to get the element's size,\n *    (e.g. clientWidth/clientHeight or getBoundingClientRect).\n *\n * @returns A function to clean up the observer/listener.\n */\nexport const observeResize = (\n  target: Element | Element[],\n  onResize: (entries: readonly ResizeObserverEntry[] | undefined) => void,\n): (() => void) => {\n  if (typeof ResizeObserver !== 'undefined') {\n    const observer = new ResizeObserver(onResize);\n\n    if (Array.isArray(target)) {\n      target.forEach(t => observer.observe(t));\n    } else {\n      observer.observe(target);\n    }\n\n    return () => observer.disconnect();\n  } else {\n    // Fallback for browsers that don't support ResizeObserver\n    const onResizeWrapper = () => onResize(undefined);\n\n    const win = getWindow(Array.isArray(target) ? target[0] : target);\n    if (!win) {\n      // Can't listen for resize if we can't get the window object\n      return () => {\n        // Nothing to clean up\n      };\n    }\n\n    // Listen for the first animation frame, which will happen after layout is complete\n    const animationFrameId = win.requestAnimationFrame(onResizeWrapper);\n    win.addEventListener('resize', onResizeWrapper, false);\n\n    return () => {\n      win.cancelAnimationFrame(animationFrameId);\n      win.removeEventListener('resize', onResizeWrapper, false);\n    };\n  }\n};\n\n/** Temporary type definition for ResizeObserver. Can be removed when official types are available. */\ntype ResizeObserver = {\n  new (callback: (entries: readonly ResizeObserverEntry[], observer: ResizeObserver) => void): ResizeObserver;\n  observe(target: Element, options?: { box: 'content-box' | 'border-box' }): void;\n  unobserve(target: Element): void;\n  disconnect(): void;\n};\n\n/** Temporary type definition for ResizeObserverEntry. Can be removed when official types are available. */\ntype ResizeObserverEntry = {\n  readonly contentRect: DOMRectReadOnly;\n  readonly target: Element;\n};\n\n/** Temporary definition for ResizeObserver. Can be removed when official types are available. */\ndeclare const ResizeObserver: ResizeObserver | undefined;\n"]}

package/lib-amd/utilities/useOverflow.d.ts

@@ -1,45 +0,0 @@
-import { RefCallback } from '@fluentui/react-hooks';
-/**
- * Callback to notify the user that the items in the overflow have changed. This should ensure that the overflow menu
- * is visible, and contains all of the overflowing items.
- *
- * @param overflowIndex - The index of the first item in the overflow, or items.length if nothing is overflowing.
- * @param items - The list of all items in the container, and whether that particular item is in the overflow
- */
-export declare type OverflowItemsChangedCallback = (overflowIndex: number, items: {
-    ele: HTMLElement;
-    isOverflowing: boolean;
-}[]) => void;
-/** Parameters for {@see useOverflow} */
-export declare type OverflowParams = {
-    /** Callback to notify the user that the items in the overflow have changed. */
-    onOverflowItemsChanged: OverflowItemsChangedCallback;
-    /** True if the element containing overflowMenuButtonRef is in right-to-left order */
-    rtl: boolean;
-    /** Optional: Index of item that should never go into the overflow menu. */
-    pinnedIndex?: number;
-};
-/** Return value for {@see useOverflow} */
-export declare type OverflowRefs = {
-    /** Set the overflow menu button's ref to this ref callback */
-    menuButtonRef: RefCallback<HTMLElement>;
-};
-/**
- * Track whether any items don't fit within their container, and move them to the overflow menu.
- * Items are moved into the overflow menu from back to front, excluding pinned items.
- *
- * The overflow menu button must be the last sibling of all of the items that can be put into the overflow, and it
- * must be hooked up to the `setMenuButtonRef` setter function that's returned by `useOverflow`:
- * ```ts
- * const overflow = useOverflow(...);
- * ```
- * ```jsx
- * <Container>
- *  <Item /> // Index 0
- *  <Item /> // Index 1
- *  ...
- *  <Button ref={overflow.setMenuButtonRef} /> // Can be any React.Component or HTMLElement
- * </Container>
- * ```
- */
-export declare const useOverflow: ({ onOverflowItemsChanged, rtl, pinnedIndex }: OverflowParams) => OverflowRefs;

package/lib-amd/utilities/useOverflow.js

@@ -1,128 +0,0 @@
-define(["require", "exports", "react", "@fluentui/react-hooks", "@fluentui/utilities", "./observeResize"], function (require, exports, React, react_hooks_1, utilities_1, observeResize_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useOverflow = void 0;
-    /**
-     * Track whether any items don't fit within their container, and move them to the overflow menu.
-     * Items are moved into the overflow menu from back to front, excluding pinned items.
-     *
-     * The overflow menu button must be the last sibling of all of the items that can be put into the overflow, and it
-     * must be hooked up to the `setMenuButtonRef` setter function that's returned by `useOverflow`:
-     * ```ts
-     * const overflow = useOverflow(...);
-     * ```
-     * ```jsx
-     * <Container>
-     *  <Item /> // Index 0
-     *  <Item /> // Index 1
-     *  ...
-     *  <Button ref={overflow.setMenuButtonRef} /> // Can be any React.Component or HTMLElement
-     * </Container>
-     * ```
-     */
-    var useOverflow = function (_a) {
-        var onOverflowItemsChanged = _a.onOverflowItemsChanged, rtl = _a.rtl, pinnedIndex = _a.pinnedIndex;
-        var updateOverflowRef = React.useRef();
-        var containerWidthRef = React.useRef();
-        // Attach a resize observer to the container
-        var containerRef = react_hooks_1.useRefEffect(function (container) {
-            var cleanupObserver = observeResize_1.observeResize(container, function (entries) {
-                containerWidthRef.current = entries ? entries[0].contentRect.width : container.clientWidth;
-                if (updateOverflowRef.current) {
-                    updateOverflowRef.current();
-                }
-            });
-            return function () {
-                cleanupObserver();
-                containerWidthRef.current = undefined;
-            };
-        });
-        var menuButtonRef = react_hooks_1.useRefEffect(function (menuButton) {
-            containerRef(menuButton.parentElement);
-            return function () { return containerRef(null); };
-        });
-        // eslint-disable-next-line no-restricted-properties
-        React.useLayoutEffect(function () {
-            var container = containerRef.current;
-            var menuButton = menuButtonRef.current;
-            if (!container || !menuButton) {
-                return;
-            }
-            // items contains the container's children, excluding the overflow menu button itself
-            var items = [];
-            for (var i = 0; i < container.children.length; i++) {
-                var item = container.children[i];
-                if (item instanceof HTMLElement && item !== menuButton) {
-                    items.push(item);
-                }
-            }
-            // Keep track of the minimum width of the container to fit each child index.
-            // This cache is an integral part of the algorithm and not just a performance optimization: it allows us to
-            // recalculate the overflowIndex on subsequent resizes even if some items are already inside the overflow.
-            var minContainerWidth = [];
-            var extraWidth = 0; // The accumulated width of items that don't move into the overflow
-            updateOverflowRef.current = function () {
-                var containerWidth = containerWidthRef.current;
-                if (containerWidth === undefined) {
-                    return;
-                }
-                // Iterate the items in reverse order until we find one that fits within the bounds of the container
-                for (var i = items.length - 1; i >= 0; i--) {
-                    // Calculate the min container width for this item if we haven't done so yet
-                    if (minContainerWidth[i] === undefined) {
-                        var itemOffsetEnd = rtl ? containerWidth - items[i].offsetLeft : items[i].offsetLeft + items[i].offsetWidth;
-                        // If the item after this one is pinned, reserve space for it
-                        if (i + 1 < items.length && i + 1 === pinnedIndex) {
-                            // Use distance between the end of the previous item and this one (rather than the
-                            // pinned item's offsetWidth), to account for any margin between the items.
-                            extraWidth = minContainerWidth[i + 1] - itemOffsetEnd;
-                        }
-                        // Reserve space for the menu button after the first item was added to the overflow
-                        if (i === items.length - 2) {
-                            extraWidth += menuButton.offsetWidth;
-                        }
-                        minContainerWidth[i] = itemOffsetEnd + extraWidth;
-                    }
-                    if (containerWidth > minContainerWidth[i]) {
-                        setOverflowIndex(i + 1);
-                        return;
-                    }
-                }
-                // If we got here, nothing fits outside the overflow
-                setOverflowIndex(0);
-            };
-            var prevOverflowIndex = items.length;
-            var setOverflowIndex = function (overflowIndex) {
-                if (prevOverflowIndex !== overflowIndex) {
-                    prevOverflowIndex = overflowIndex;
-                    onOverflowItemsChanged(overflowIndex, items.map(function (ele, index) { return ({
-                        ele: ele,
-                        isOverflowing: index >= overflowIndex && index !== pinnedIndex,
-                    }); }));
-                }
-            };
-            var cancelAnimationFrame = undefined;
-            // If the container width is already known from a previous render, update the overflow with its width.
-            // Do this in an animation frame to avoid forcing layout to happen early.
-            if (containerWidthRef.current !== undefined) {
-                var win_1 = utilities_1.getWindow(container);
-                if (win_1) {
-                    var animationFrameId_1 = win_1.requestAnimationFrame(updateOverflowRef.current);
-                    cancelAnimationFrame = function () { return win_1.cancelAnimationFrame(animationFrameId_1); };
-                }
-            }
-            return function () {
-                if (cancelAnimationFrame) {
-                    cancelAnimationFrame();
-                }
-                // On cleanup, need to remove all items from the overflow
-                // so they don't have stale properties on the next render
-                setOverflowIndex(items.length);
-                updateOverflowRef.current = undefined;
-            };
-        });
-        return { menuButtonRef: menuButtonRef };
-    };
-    exports.useOverflow = useOverflow;
-});
-//# sourceMappingURL=useOverflow.js.map

package/lib-amd/utilities/useOverflow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useOverflow.js","sourceRoot":"../src/","sources":["utilities/useOverflow.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useRefEffect, RefCallback } from '@fluentui/react-hooks';\nimport { getWindow } from '@fluentui/utilities';\nimport { observeResize } from './observeResize';\n\n/**\n * Callback to notify the user that the items in the overflow have changed. This should ensure that the overflow menu\n * is visible, and contains all of the overflowing items.\n *\n * @param overflowIndex - The index of the first item in the overflow, or items.length if nothing is overflowing.\n * @param items - The list of all items in the container, and whether that particular item is in the overflow\n */\nexport type OverflowItemsChangedCallback = (\n  overflowIndex: number,\n  items: { ele: HTMLElement; isOverflowing: boolean }[],\n) => void;\n\n/** Parameters for {@see useOverflow} */\nexport type OverflowParams = {\n  /** Callback to notify the user that the items in the overflow have changed. */\n  onOverflowItemsChanged: OverflowItemsChangedCallback;\n\n  /** True if the element containing overflowMenuButtonRef is in right-to-left order */\n  rtl: boolean;\n\n  /** Optional: Index of item that should never go into the overflow menu. */\n  pinnedIndex?: number;\n};\n\n/** Return value for {@see useOverflow} */\nexport type OverflowRefs = {\n  /** Set the overflow menu button's ref to this ref callback */\n  menuButtonRef: RefCallback<HTMLElement>;\n};\n\n/**\n * Track whether any items don't fit within their container, and move them to the overflow menu.\n * Items are moved into the overflow menu from back to front, excluding pinned items.\n *\n * The overflow menu button must be the last sibling of all of the items that can be put into the overflow, and it\n * must be hooked up to the `setMenuButtonRef` setter function that's returned by `useOverflow`:\n * ```ts\n * const overflow = useOverflow(...);\n * ```\n * ```jsx\n * <Container>\n *  <Item /> // Index 0\n *  <Item /> // Index 1\n *  ...\n *  <Button ref={overflow.setMenuButtonRef} /> // Can be any React.Component or HTMLElement\n * </Container>\n * ```\n */\nexport const useOverflow = ({ onOverflowItemsChanged, rtl, pinnedIndex }: OverflowParams): OverflowRefs => {\n  const updateOverflowRef = React.useRef<() => void>();\n  const containerWidthRef = React.useRef<number>();\n\n  // Attach a resize observer to the container\n  const containerRef = useRefEffect<HTMLElement>(container => {\n    const cleanupObserver = observeResize(container, entries => {\n      containerWidthRef.current = entries ? entries[0].contentRect.width : container.clientWidth;\n      if (updateOverflowRef.current) {\n        updateOverflowRef.current();\n      }\n    });\n\n    return () => {\n      cleanupObserver();\n      containerWidthRef.current = undefined;\n    };\n  });\n\n  const menuButtonRef = useRefEffect<HTMLElement>(menuButton => {\n    containerRef(menuButton.parentElement);\n    return () => containerRef(null);\n  });\n\n  // eslint-disable-next-line no-restricted-properties\n  React.useLayoutEffect(() => {\n    const container = containerRef.current;\n    const menuButton = menuButtonRef.current;\n    if (!container || !menuButton) {\n      return;\n    }\n\n    // items contains the container's children, excluding the overflow menu button itself\n    const items: HTMLElement[] = [];\n    for (let i = 0; i < container.children.length; i++) {\n      const item = container.children[i];\n      if (item instanceof HTMLElement && item !== menuButton) {\n        items.push(item);\n      }\n    }\n\n    // Keep track of the minimum width of the container to fit each child index.\n    // This cache is an integral part of the algorithm and not just a performance optimization: it allows us to\n    // recalculate the overflowIndex on subsequent resizes even if some items are already inside the overflow.\n    const minContainerWidth: number[] = [];\n    let extraWidth = 0; // The accumulated width of items that don't move into the overflow\n\n    updateOverflowRef.current = () => {\n      const containerWidth = containerWidthRef.current;\n      if (containerWidth === undefined) {\n        return;\n      }\n\n      // Iterate the items in reverse order until we find one that fits within the bounds of the container\n      for (let i = items.length - 1; i >= 0; i--) {\n        // Calculate the min container width for this item if we haven't done so yet\n        if (minContainerWidth[i] === undefined) {\n          const itemOffsetEnd = rtl ? containerWidth - items[i].offsetLeft : items[i].offsetLeft + items[i].offsetWidth;\n\n          // If the item after this one is pinned, reserve space for it\n          if (i + 1 < items.length && i + 1 === pinnedIndex) {\n            // Use distance between the end of the previous item and this one (rather than the\n            // pinned item's offsetWidth), to account for any margin between the items.\n            extraWidth = minContainerWidth[i + 1] - itemOffsetEnd;\n          }\n\n          // Reserve space for the menu button after the first item was added to the overflow\n          if (i === items.length - 2) {\n            extraWidth += menuButton.offsetWidth;\n          }\n\n          minContainerWidth[i] = itemOffsetEnd + extraWidth;\n        }\n\n        if (containerWidth > minContainerWidth[i]) {\n          setOverflowIndex(i + 1);\n          return;\n        }\n      }\n\n      // If we got here, nothing fits outside the overflow\n      setOverflowIndex(0);\n    };\n\n    let prevOverflowIndex = items.length;\n    const setOverflowIndex = (overflowIndex: number) => {\n      if (prevOverflowIndex !== overflowIndex) {\n        prevOverflowIndex = overflowIndex;\n        onOverflowItemsChanged(\n          overflowIndex,\n          items.map((ele, index) => ({\n            ele,\n            isOverflowing: index >= overflowIndex && index !== pinnedIndex,\n          })),\n        );\n      }\n    };\n\n    let cancelAnimationFrame: (() => void) | undefined = undefined;\n\n    // If the container width is already known from a previous render, update the overflow with its width.\n    // Do this in an animation frame to avoid forcing layout to happen early.\n    if (containerWidthRef.current !== undefined) {\n      const win = getWindow(container);\n      if (win) {\n        const animationFrameId = win.requestAnimationFrame(updateOverflowRef.current);\n        cancelAnimationFrame = () => win.cancelAnimationFrame(animationFrameId);\n      }\n    }\n\n    return () => {\n      if (cancelAnimationFrame) {\n        cancelAnimationFrame();\n      }\n\n      // On cleanup, need to remove all items from the overflow\n      // so they don't have stale properties on the next render\n      setOverflowIndex(items.length);\n      updateOverflowRef.current = undefined;\n    };\n  });\n\n  return { menuButtonRef };\n};\n"]}

package/lib-commonjs/Tabs.d.ts

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

package/lib-commonjs/Tabs.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./components/Tabs/index"), exports);
-//# sourceMappingURL=Tabs.js.map

package/lib-commonjs/Tabs.js.map

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

package/lib-commonjs/common/isConformant.d.ts

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

package/lib-commonjs/common/isConformant.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isConformant = void 0;
-var react_conformance_1 = require("@fluentui/react-conformance");
-function isConformant(testInfo) {
-    var defaultOptions = {
-        disabledTests: ['has-docblock', 'kebab-aria-attributes'],
-        componentPath: module.parent.filename.replace('.test', ''),
-    };
-    react_conformance_1.isConformant(defaultOptions, testInfo);
-}
-exports.isConformant = isConformant;
-//# sourceMappingURL=isConformant.js.map

package/lib-commonjs/common/isConformant.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isConformant.js","sourceRoot":"../src/","sources":["common/isConformant.ts"],"names":[],"mappings":";;;AAAA,iEAAoG;AAEpG,SAAgB,YAAY,CAC1B,QAAyF;IAEzF,IAAM,cAAc,GAAyC;QAC3D,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,gCAAgB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;AAC7C,CAAC;AATD,oCASC","sourcesContent":["import { isConformant as baseIsConformant, IsConformantOptions } from '@fluentui/react-conformance';\n\nexport function isConformant<TProps = {}>(\n  testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },\n) {\n  const defaultOptions: Partial<IsConformantOptions<TProps>> = {\n    disabledTests: ['has-docblock', 'kebab-aria-attributes'],\n    componentPath: module!.parent!.filename.replace('.test', ''),\n  };\n\n  baseIsConformant(defaultOptions, testInfo);\n}\n"]}

package/lib-commonjs/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-commonjs/components/Tabs/TabItem.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabItem = void 0;
-var tslib_1 = require("tslib");
-var React = require("react");
-var utilities_1 = require("@fluentui/utilities");
-// const COMPONENT_NAME = 'TabItem';
-var TabItem = /** @class */ (function (_super) {
-    tslib_1.__extends(TabItem, _super);
-    function TabItem(props) {
-        var _this = _super.call(this, props) || this;
-        utilities_1.initializeComponentRef(_this);
-        return _this;
-    }
-    TabItem.prototype.render = function () {
-        return React.createElement("div", tslib_1.__assign({}, utilities_1.getNativeProps(this.props, utilities_1.divProperties)), this.props.children);
-    };
-    return TabItem;
-}(React.Component));
-exports.TabItem = TabItem;
-//# sourceMappingURL=TabItem.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TabItem.js","sourceRoot":"../src/","sources":["components/Tabs/TabItem.tsx"],"names":[],"mappings":";;;;AAAA,6BAA+B;AAC/B,iDAA4F;AAG5F,oCAAoC;AAEpC;IAA6B,mCAAiC;IAC5D,iBAAY,KAAmB;QAA/B,YACE,kBAAM,KAAK,CAAC,SAGb;QADC,kCAAsB,CAAC,KAAI,CAAC,CAAC;;IAC/B,CAAC;IAEM,wBAAM,GAAb;QACE,OAAO,gDAAS,0BAAc,CAAC,IAAI,CAAC,KAAK,EAAE,yBAAa,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO,CAAC;IACzF,CAAC;IACH,cAAC;AAAD,CAAC,AAVD,CAA6B,KAAK,CAAC,SAAS,GAU3C;AAVY,0BAAO","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-commonjs/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-commonjs/components/Tabs/TabItem.types.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=TabItem.types.js.map

package/lib-commonjs/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-commonjs/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>;