@fluentui-react-native/tester 0.135.2 → 0.135.3

package/lib/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyTest.js

@@ -0,0 +1,207 @@
+import * as React from 'react';
+import { Platform, View } from 'react-native';
+import { Tabs, TabsItem, Text, Button } from '@fluentui/react-native';
+import { TabsLegacyE2ETest } from './TabsLegacyE2ETest';
+import { TABS_TESTPAGE } from '../../../../E2E/src/TabsLegacy/consts';
+import { svgProps } from '../Common/iconExamples';
+import { stackStyle } from '../Common/styles';
+import { Test } from '../Test';
+var TabsMainTest = function () {
+    return (React.createElement(View, { style: stackStyle },
+        React.createElement(Tabs, { label: "Tabs" },
+            React.createElement(TabsItem, { headerText: "Home", itemKey: "A" },
+                React.createElement(Text, null, "Tabs #1")),
+            React.createElement(TabsItem, { headerText: "Files", itemKey: "B" },
+                React.createElement(Text, null, "Tabs #2")),
+            React.createElement(TabsItem, { headerText: "Settings", itemKey: "C" },
+                React.createElement(Text, null, "Tabs #3")))));
+};
+var DisabledTabs = function () {
+    return (React.createElement(View, { style: stackStyle },
+        React.createElement(Tabs, { label: "Tabs" },
+            React.createElement(TabsItem, { headerText: "Home", itemKey: "A" },
+                React.createElement(Text, null, "Tabs #1")),
+            React.createElement(TabsItem, { headerText: "Files", itemKey: "B", disabled: true },
+                React.createElement(Text, null, "Tabs #2")),
+            React.createElement(TabsItem, { headerText: "Settings", itemKey: "C" },
+                React.createElement(Text, null, "Tabs #3")))));
+};
+var TabsCountIcon = function () {
+    var svgExample = {
+        svgSource: svgProps,
+        width: 20,
+        height: 20,
+    };
+    return (React.createElement(View, { style: stackStyle },
+        React.createElement(Tabs, { label: "Tabs" },
+            React.createElement(TabsItem, { headerText: "Home", itemKey: "A", icon: svgExample, itemCount: 23 },
+                React.createElement(Text, null, "Tabs #1")),
+            React.createElement(TabsItem, { itemKey: "B", icon: svgExample, itemCount: 0 },
+                React.createElement(Text, null, "Tabs #2")),
+            React.createElement(TabsItem, { itemKey: "C", icon: svgExample },
+                React.createElement(Text, null, "Tabs #3")))));
+};
+var TabsClickEventTest = function () {
+    var _a = React.useState('home_key'), selectedKey = _a[0], setSelectedKey = _a[1];
+    var onTabsClick = function (key) {
+        setSelectedKey(key);
+    };
+    return (React.createElement(View, { style: stackStyle },
+        React.createElement(Text, null,
+            "Last onTabsClick from: ",
+            selectedKey),
+        React.createElement(Tabs, { label: "Tabs", onTabsClick: onTabsClick, selectedKey: selectedKey },
+            React.createElement(TabsItem, { headerText: "Home", itemKey: "home_key" },
+                React.createElement(Text, null, "Tabs #1")),
+            React.createElement(TabsItem, { headerText: "Files", itemKey: "files_key" },
+                React.createElement(Text, null, "Tabs #2")),
+            React.createElement(TabsItem, { headerText: "Settings", itemKey: "settings_key" },
+                React.createElement(Text, null, "Tabs #3")))));
+};
+var TabsChangingViews = function () {
+    // If user wants to control what gets rendered example.
+    var _a = React.useState('Tabs #1'), selectedKey = _a[0], setSelectedKey = _a[1];
+    var onTabsClick = function (key) {
+        setSelectedKey(key);
+    };
+    return (React.createElement(View, { style: stackStyle },
+        React.createElement(Tabs, { label: "Tabs", onTabsClick: onTabsClick, headersOnly: true, selectedKey: selectedKey },
+            React.createElement(TabsItem, { headerText: "Home", itemKey: "Tabs #1" }),
+            React.createElement(TabsItem, { headerText: "File", itemKey: "Tabs #2" }),
+            React.createElement(TabsItem, { headerText: "Settings", itemKey: "Tabs #3" })),
+        React.createElement(View, { style: { marginVertical: 1 } },
+            React.createElement(Text, null, selectedKey))));
+};
+var TabsRenderSeparately = function () {
+    var _a = React.useState('rectangleRed'), selectedKey = _a[0], setSelectedKey = _a[1];
+    var onTabsClick = function (key) {
+        setSelectedKey(key);
+    };
+    var getTabId = function (key) {
+        return "ShapeColorTabs_".concat(key);
+    };
+    return (React.createElement(View, { style: stackStyle },
+        React.createElement(View, { accessible: true, focusable: true, accessibilityLabel: getTabId(selectedKey), style: {
+                width: 100,
+                height: selectedKey === 'squareRed' ? 100 : 200,
+                backgroundColor: selectedKey === 'rectangleGreen' ? 'green' : 'red',
+            } }),
+        React.createElement(Tabs, { label: "Tabs", onTabsClick: onTabsClick, getTabId: getTabId, headersOnly: true, selectedKey: selectedKey },
+            React.createElement(TabsItem, { headerText: "Rectangle Red", itemKey: "rectangleRed" }),
+            React.createElement(TabsItem, { headerText: "Square Red", itemKey: "squareRed" }),
+            React.createElement(TabsItem, { headerText: "Rectangle Green", itemKey: "rectangleGreen" }))));
+};
+var TabsSettingSelectedKey = function () {
+    // If user wants to programmatically set the tab's selectedKey with a button example.
+    var _a = React.useState('home'), selectedKey = _a[0], setSelectedKey = _a[1];
+    var _b = React.useState(0), currTabItemIndex = _b[0], setCurrTabItemIndex = _b[1];
+    var tabItems = ['home', 'file', 'setting'];
+    var goToNextTab = function () {
+        var newCurrTabItemIndex = (currTabItemIndex + 1) % 3;
+        setCurrTabItemIndex(newCurrTabItemIndex);
+        setSelectedKey(tabItems[newCurrTabItemIndex]);
+    };
+    return (React.createElement(View, { style: stackStyle },
+        React.createElement(Tabs, { label: "Tabs", selectedKey: selectedKey, isCircularNavigation: true },
+            React.createElement(TabsItem, { headerText: "Home", itemKey: "home" },
+                React.createElement(Text, null, "Tabs #1")),
+            React.createElement(TabsItem, { headerText: "File", itemKey: "file" },
+                React.createElement(Text, null, "Tabs #2")),
+            React.createElement(TabsItem, { headerText: "Setting", itemKey: "setting" },
+                React.createElement(Text, null, "Tabs #3"))),
+        React.createElement(Button, { content: "View Next Tab", onClick: goToNextTab })));
+};
+var TabsShowHideItem = function () {
+    var _a = React.useState(true), showFirstItem = _a[0], setshowFirstItem = _a[1];
+    var toggleShowFirstItem = React.useCallback(function () {
+        setshowFirstItem(!showFirstItem);
+    }, [showFirstItem]);
+    return (React.createElement(View, { style: stackStyle },
+        React.createElement(Tabs, { label: "Tabs" },
+            showFirstItem && (React.createElement(TabsItem, { headerText: "Home", itemKey: "home" },
+                React.createElement(Text, null, "Click the button below to show/hide this tabs item."),
+                React.createElement(Text, null, "The selected item will not change when the number of tabs items changes."),
+                React.createElement(Text, null, "If the selected item was removed, the new first item will be selected."))),
+            React.createElement(TabsItem, { headerText: "File", itemKey: "file" },
+                React.createElement(Text, null, "Tabs #2")),
+            React.createElement(TabsItem, { headerText: "Setting", itemKey: "setting" },
+                React.createElement(Text, null, "Tabs #3"))),
+        React.createElement(Button, { content: "".concat(showFirstItem ? 'Hide' : 'Show', " First Tabs Item"), onClick: toggleShowFirstItem })));
+};
+var TabsWithFlexibility = function () {
+    var _a = React.useState('home'), selectedKey = _a[0], setSelectedKey = _a[1];
+    var goHomeTab = function () {
+        setSelectedKey('home');
+    };
+    var onTabsClick = function (key) {
+        setSelectedKey(key);
+    };
+    return (React.createElement(View, { style: stackStyle },
+        React.createElement(Tabs, { selectedKey: selectedKey, onTabsClick: onTabsClick, isCircularNavigation: true },
+            React.createElement(TabsItem, { headerText: "Home", itemKey: "home" },
+                React.createElement(Text, null, "Tabs #1")),
+            React.createElement(TabsItem, { headerText: "File", itemKey: "file" },
+                React.createElement(Text, null, "Tabs #2")),
+            React.createElement(TabsItem, { headerText: "Setting", itemKey: "setting" },
+                React.createElement(Text, null, "Tabs #3"))),
+        React.createElement(Button, { content: "View Home Tab", onClick: goHomeTab })));
+};
+var tabsSections = [
+    {
+        name: 'Default Tabs',
+        testID: TABS_TESTPAGE,
+        component: TabsMainTest,
+    },
+    {
+        name: 'Tabs with disabled',
+        component: DisabledTabs,
+    },
+    {
+        name: 'Trigger onTabsClick event',
+        component: TabsClickEventTest,
+    },
+    {
+        name: 'User Custom Render',
+        component: TabsChangingViews,
+    },
+    {
+        name: 'Render Content Separately',
+        component: TabsRenderSeparately,
+    },
+    {
+        name: 'Override Selected Key',
+        component: TabsSettingSelectedKey,
+    },
+    {
+        name: 'Show/Hide Tabs item',
+        component: TabsShowHideItem,
+    },
+    {
+        name: 'More Flexibility',
+        component: TabsWithFlexibility,
+    },
+];
+var e2eSections = [
+    {
+        name: 'E2E Tabs Test',
+        component: TabsLegacyE2ETest,
+    },
+];
+if (Platform.OS !== 'windows') {
+    tabsSections.push({
+        name: 'Count and Icon',
+        component: TabsCountIcon,
+    });
+}
+export var TabsLegacyTest = function () {
+    var status = {
+        win32Status: 'Experimental',
+        uwpStatus: 'Experimental',
+        iosStatus: 'Backlog',
+        macosStatus: 'Experimental',
+        androidStatus: 'Backlog',
+    };
+    var description = 'With Tabs, users can navigate to another view.';
+    return React.createElement(Test, { name: "Tabs Legacy Test", description: description, sections: tabsSections, status: status, e2eSections: e2eSections });
+};
+//# sourceMappingURL=TabsLegacyTest.js.map

package/lib/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsLegacyTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/TabsLegacy/TabsLegacyTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,IAAM,YAAY,GAA4B;IAC5C,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;QACrB,oBAAC,IAAI,IAAC,KAAK,EAAC,MAAM;YAChB,oBAAC,QAAQ,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,GAAG;gBACrC,oBAAC,IAAI,kBAAe,CACX;YACX,oBAAC,QAAQ,IAAC,UAAU,EAAC,OAAO,EAAC,OAAO,EAAC,GAAG;gBACtC,oBAAC,IAAI,kBAAe,CACX;YACX,oBAAC,QAAQ,IAAC,UAAU,EAAC,UAAU,EAAC,OAAO,EAAC,GAAG;gBACzC,oBAAC,IAAI,kBAAe,CACX,CACN,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,YAAY,GAA4B;IAC5C,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;QACrB,oBAAC,IAAI,IAAC,KAAK,EAAC,MAAM;YAChB,oBAAC,QAAQ,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,GAAG;gBACrC,oBAAC,IAAI,kBAAe,CACX;YACX,oBAAC,QAAQ,IAAC,UAAU,EAAC,OAAO,EAAC,OAAO,EAAC,GAAG,EAAC,QAAQ,EAAE,IAAI;gBACrD,oBAAC,IAAI,kBAAe,CACX;YACX,oBAAC,QAAQ,IAAC,UAAU,EAAC,UAAU,EAAC,OAAO,EAAC,GAAG;gBACzC,oBAAC,IAAI,kBAAe,CACX,CACN,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,aAAa,GAA4B;IAC7C,IAAM,UAAU,GAAG;QACjB,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;QACrB,oBAAC,IAAI,IAAC,KAAK,EAAC,MAAM;YAChB,oBAAC,QAAQ,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,GAAG,EAAC,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE;gBACrE,oBAAC,IAAI,kBAAe,CACX;YACX,oBAAC,QAAQ,IAAC,OAAO,EAAC,GAAG,EAAC,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC;gBAClD,oBAAC,IAAI,kBAAe,CACX;YACX,oBAAC,QAAQ,IAAC,OAAO,EAAC,GAAG,EAAC,IAAI,EAAE,UAAU;gBACpC,oBAAC,IAAI,kBAAe,CACX,CACN,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,kBAAkB,GAA4B;IAC5C,IAAA,KAAgC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAzD,WAAW,QAAA,EAAE,cAAc,QAA8B,CAAC;IAEjE,IAAM,WAAW,GAAG,UAAC,GAAW;QAC9B,cAAc,CAAC,GAAG,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;QACrB,oBAAC,IAAI;;YAAyB,WAAW,CAAQ;QACjD,oBAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW;YACnE,oBAAC,QAAQ,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,UAAU;gBAC5C,oBAAC,IAAI,kBAAe,CACX;YACX,oBAAC,QAAQ,IAAC,UAAU,EAAC,OAAO,EAAC,OAAO,EAAC,WAAW;gBAC9C,oBAAC,IAAI,kBAAe,CACX;YACX,oBAAC,QAAQ,IAAC,UAAU,EAAC,UAAU,EAAC,OAAO,EAAC,cAAc;gBACpD,oBAAC,IAAI,kBAAe,CACX,CACN,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,iBAAiB,GAA4B;IACjD,uDAAuD;IACjD,IAAA,KAAgC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAxD,WAAW,QAAA,EAAE,cAAc,QAA6B,CAAC;IAEhE,IAAM,WAAW,GAAG,UAAC,GAAW;QAC9B,cAAc,CAAC,GAAG,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;QACrB,oBAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW;YACtF,oBAAC,QAAQ,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,SAAS,GAAG;YAChD,oBAAC,QAAQ,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,SAAS,GAAG;YAChD,oBAAC,QAAQ,IAAC,UAAU,EAAC,UAAU,EAAC,OAAO,EAAC,SAAS,GAAG,CAC/C;QACP,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,cAAc,EAAE,CAAC,EAAE;YAChC,oBAAC,IAAI,QAAE,WAAW,CAAQ,CACrB,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,oBAAoB,GAA4B;IAC9C,IAAA,KAAgC,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,EAA7D,WAAW,QAAA,EAAE,cAAc,QAAkC,CAAC;IAErE,IAAM,WAAW,GAAG,UAAC,GAAW;QAC9B,cAAc,CAAC,GAAG,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,UAAC,GAAW;QAC3B,OAAO,yBAAkB,GAAG,CAAE,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;QACrB,oBAAC,IAAI,IACH,UAAU,EAAE,IAAI,EAChB,SAAS,EAAE,IAAI,EACf,kBAAkB,EAAE,QAAQ,CAAC,WAAW,CAAC,EACzC,KAAK,EAAE;gBACL,KAAK,EAAE,GAAG;gBACV,MAAM,EAAE,WAAW,KAAK,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;gBAC/C,eAAe,EAAE,WAAW,KAAK,gBAAgB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK;aACpE,GACD;QACF,oBAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW;YAC1G,oBAAC,QAAQ,IAAC,UAAU,EAAC,eAAe,EAAC,OAAO,EAAC,cAAc,GAAG;YAC9D,oBAAC,QAAQ,IAAC,UAAU,EAAC,YAAY,EAAC,OAAO,EAAC,WAAW,GAAG;YACxD,oBAAC,QAAQ,IAAC,UAAU,EAAC,iBAAiB,EAAC,OAAO,EAAC,gBAAgB,GAAG,CAC7D,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,sBAAsB,GAA4B;IACtD,qFAAqF;IAC/E,IAAA,KAAgC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,EAArD,WAAW,QAAA,EAAE,cAAc,QAA0B,CAAC;IACvD,IAAA,KAA0C,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAA1D,gBAAgB,QAAA,EAAE,mBAAmB,QAAqB,CAAC;IAClE,IAAM,QAAQ,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;IAE7C,IAAM,WAAW,GAAG;QAClB,IAAM,mBAAmB,GAAG,CAAC,gBAAgB,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QACvD,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;QACzC,cAAc,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC,CAAC;IAChD,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;QACrB,oBAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,WAAW,EAAE,WAAW,EAAE,oBAAoB,EAAE,IAAI;YACrE,oBAAC,QAAQ,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,MAAM;gBACxC,oBAAC,IAAI,kBAAe,CACX;YACX,oBAAC,QAAQ,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,MAAM;gBACxC,oBAAC,IAAI,kBAAe,CACX;YACX,oBAAC,QAAQ,IAAC,UAAU,EAAC,SAAS,EAAC,OAAO,EAAC,SAAS;gBAC9C,oBAAC,IAAI,kBAAe,CACX,CACN;QACP,oBAAC,MAAM,IAAC,OAAO,EAAC,eAAe,EAAC,OAAO,EAAE,WAAW,GAAI,CACnD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,gBAAgB,GAA4B;IAC1C,IAAA,KAAoC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAvD,aAAa,QAAA,EAAE,gBAAgB,QAAwB,CAAC;IAE/D,IAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAAC;QAC5C,gBAAgB,CAAC,CAAC,aAAa,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;QACrB,oBAAC,IAAI,IAAC,KAAK,EAAC,MAAM;YACf,aAAa,IAAI,CAChB,oBAAC,QAAQ,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,MAAM;gBACxC,oBAAC,IAAI,8DAA2D;gBAChE,oBAAC,IAAI,mFAAgF;gBACrF,oBAAC,IAAI,iFAA8E,CAC1E,CACZ;YACD,oBAAC,QAAQ,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,MAAM;gBACxC,oBAAC,IAAI,kBAAe,CACX;YACX,oBAAC,QAAQ,IAAC,UAAU,EAAC,SAAS,EAAC,OAAO,EAAC,SAAS;gBAC9C,oBAAC,IAAI,kBAAe,CACX,CACN;QACP,oBAAC,MAAM,IAAC,OAAO,EAAE,UAAG,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,qBAAkB,EAAE,OAAO,EAAE,mBAAmB,GAAI,CAClG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,mBAAmB,GAA4B;IAC7C,IAAA,KAAgC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,EAArD,WAAW,QAAA,EAAE,cAAc,QAA0B,CAAC;IAE7D,IAAM,SAAS,GAAG;QAChB,cAAc,CAAC,MAAM,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,GAAW;QAC9B,cAAc,CAAC,GAAG,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;QACrB,oBAAC,IAAI,IAAC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,oBAAoB,EAAE,IAAI;YAClF,oBAAC,QAAQ,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,MAAM;gBACxC,oBAAC,IAAI,kBAAe,CACX;YACX,oBAAC,QAAQ,IAAC,UAAU,EAAC,MAAM,EAAC,OAAO,EAAC,MAAM;gBACxC,oBAAC,IAAI,kBAAe,CACX;YACX,oBAAC,QAAQ,IAAC,UAAU,EAAC,SAAS,EAAC,OAAO,EAAC,SAAS;gBAC9C,oBAAC,IAAI,kBAAe,CACX,CACN;QACP,oBAAC,MAAM,IAAC,OAAO,EAAC,eAAe,EAAC,OAAO,EAAE,SAAS,GAAI,CACjD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,YAAY,GAAkB;IAClC;QACE,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,aAAa;QACrB,SAAS,EAAE,YAAY;KACxB;IACD;QACE,IAAI,EAAE,oBAAoB;QAC1B,SAAS,EAAE,YAAY;KACxB;IACD;QACE,IAAI,EAAE,2BAA2B;QACjC,SAAS,EAAE,kBAAkB;KAC9B;IACD;QACE,IAAI,EAAE,oBAAoB;QAC1B,SAAS,EAAE,iBAAiB;KAC7B;IACD;QACE,IAAI,EAAE,2BAA2B;QACjC,SAAS,EAAE,oBAAoB;KAChC;IACD;QACE,IAAI,EAAE,uBAAuB;QAC7B,SAAS,EAAE,sBAAsB;KAClC;IACD;QACE,IAAI,EAAE,qBAAqB;QAC3B,SAAS,EAAE,gBAAgB;KAC5B;IACD;QACE,IAAI,EAAE,kBAAkB;QACxB,SAAS,EAAE,mBAAmB;KAC/B;CACF,CAAC;AAEF,IAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,iBAAiB;KAC7B;CACF,CAAC;AAEF,IAAI,QAAQ,CAAC,EAAE,KAAK,SAAS,EAAE;IAC7B,YAAY,CAAC,IAAI,CAAC;QAChB,IAAI,EAAE,gBAAgB;QACtB,SAAS,EAAE,aAAa;KACzB,CAAC,CAAC;CACJ;AAED,MAAM,CAAC,IAAM,cAAc,GAA4B;IACrD,IAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,cAAc;QAC3B,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,cAAc;QAC3B,aAAa,EAAE,SAAS;KACzB,CAAC;IAEF,IAAM,WAAW,GAAG,gDAAgD,CAAC;IAErE,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAC,kBAAkB,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,GAAI,CAAC;AACtI,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/TabsLegacy/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TabsLegacyTest';
+//# sourceMappingURL=index.d.ts.map

package/lib/fluent-tester/src/TestComponents/TabsLegacy/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/TabsLegacy/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/lib/fluent-tester/src/TestComponents/TabsLegacy/index.js

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

package/lib/fluent-tester/src/TestComponents/TabsLegacy/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/TestComponents/TabsLegacy/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/lib/fluent-tester/src/TestComponents/TabsV1/TabsV1E2ETest.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const TabsV1E2ETest: React.FunctionComponent;
+//# sourceMappingURL=TabsV1E2ETest.d.ts.map

package/lib/fluent-tester/src/TestComponents/TabsV1/TabsV1E2ETest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsV1E2ETest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/TabsV1/TabsV1E2ETest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwB/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAmDjC,CAAC"}

package/lib/fluent-tester/src/TestComponents/TabsV1/TabsV1E2ETest.js

@@ -0,0 +1,28 @@
+import { __assign } from "tslib";
+import * as React from 'react';
+import { View } from 'react-native';
+import { Tabs, TabsItem } from '@fluentui-react-native/experimental-tabs';
+import { TextV1 as Text } from '@fluentui-react-native/text';
+import { TABSV1_TEST_COMPONENT, TABSV1_ACCESSIBILITY_LABEL, TABSV1_NO_A11Y_LABEL_COMPONENT, TABSV1_TEST_COMPONENT_LABEL, TABSITEMV1_ITEM_1, TABSITEMV1_ITEM_2, TABSITEMV1_ITEM_3, TABSITEMV1_CONTENT_1, TABSITEMV1_CONTENT_2, TABSITEMV1_CONTENT_3, TABSITEMV1_ITEM_1_ACCESSIBILITY_LABEL, TABSITEMV1_NO_A11Y_LABEL_COMPONENT, TABSITEMV1_TEST_COMPONENT_LABEL, } from '../../../../E2E/src/TabsV1/consts';
+import { stackStyle } from '../Common/styles';
+import { testProps } from '../Common/TestProps';
+export var TabsV1E2ETest = function () {
+    return (React.createElement(View, null,
+        React.createElement(View, { style: stackStyle },
+            React.createElement(Tabs, __assign({ label: "Tabs", accessibilityLabel: TABSV1_ACCESSIBILITY_LABEL }, testProps(TABSV1_TEST_COMPONENT)),
+                React.createElement(TabsItem, __assign({ headerText: "Home", itemKey: "A", accessibilityLabel: TABSITEMV1_ITEM_1_ACCESSIBILITY_LABEL }, testProps(TABSITEMV1_ITEM_1)),
+                    React.createElement(Text, __assign({}, testProps(TABSITEMV1_CONTENT_1)), "Tabs #1")),
+                React.createElement(TabsItem, __assign({ headerText: "Files", itemKey: "B" }, testProps(TABSITEMV1_ITEM_2)),
+                    React.createElement(Text, __assign({}, testProps(TABSITEMV1_CONTENT_2)), "Tabs #2")),
+                React.createElement(TabsItem, __assign({ headerText: "Settings", itemKey: "C" }, testProps(TABSITEMV1_ITEM_3)),
+                    React.createElement(Text, __assign({}, testProps(TABSITEMV1_CONTENT_3)), "Tabs #3")))),
+        React.createElement(View, { style: stackStyle },
+            React.createElement(Tabs, __assign({ label: TABSV1_TEST_COMPONENT_LABEL }, testProps(TABSV1_NO_A11Y_LABEL_COMPONENT)),
+                React.createElement(TabsItem, __assign({ headerText: TABSITEMV1_TEST_COMPONENT_LABEL, itemKey: "A" }, testProps(TABSITEMV1_NO_A11Y_LABEL_COMPONENT)),
+                    React.createElement(Text, null, "Tabs #1")),
+                React.createElement(TabsItem, { headerText: "Files", itemKey: "B" },
+                    React.createElement(Text, null, "Tabs #2")),
+                React.createElement(TabsItem, { headerText: "Settings", itemKey: "C" },
+                    React.createElement(Text, null, "Tabs #3"))))));
+};
+//# sourceMappingURL=TabsV1E2ETest.js.map

package/lib/fluent-tester/src/TestComponents/TabsV1/TabsV1E2ETest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsV1E2ETest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/TabsV1/TabsV1E2ETest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,0CAA0C,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAE7D,OAAO,EACL,qBAAqB,EACrB,0BAA0B,EAC1B,8BAA8B,EAC9B,2BAA2B,EAC3B,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,EACpB,oBAAoB,EACpB,qCAAqC,EACrC,kCAAkC,EAClC,+BAA+B,GAChC,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,MAAM,CAAC,IAAM,aAAa,GAA4B;IACpD,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;YACrB,oBAAC,IAAI,aACH,KAAK,EAAC,MAAM,EACZ,kBAAkB,EAAE,0BAA0B,IAE1C,SAAS,CAAC,qBAAqB,CAAC;gBAEpC,oBAAC,QAAQ,aACP,UAAU,EAAC,MAAM,EACjB,OAAO,EAAC,GAAG,EACX,kBAAkB,EAAE,qCAAqC,IAErD,SAAS,CAAC,iBAAiB,CAAC;oBAEhC,oBAAC,IAAI,eAAK,SAAS,CAAC,oBAAoB,CAAC,aAAgB,CAChD;gBACX,oBAAC,QAAQ,aAAC,UAAU,EAAC,OAAO,EAAC,OAAO,EAAC,GAAG,IAAK,SAAS,CAAC,iBAAiB,CAAC;oBACvE,oBAAC,IAAI,eAAK,SAAS,CAAC,oBAAoB,CAAC,aAAgB,CAChD;gBACX,oBAAC,QAAQ,aAAC,UAAU,EAAC,UAAU,EAAC,OAAO,EAAC,GAAG,IAAK,SAAS,CAAC,iBAAiB,CAAC;oBAC1E,oBAAC,IAAI,eAAK,SAAS,CAAC,oBAAoB,CAAC,aAAgB,CAChD,CACN,CACF;QACP,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;YACrB,oBAAC,IAAI,aACH,KAAK,EAAE,2BAA2B,IAE9B,SAAS,CAAC,8BAA8B,CAAC;gBAE7C,oBAAC,QAAQ,aACP,UAAU,EAAE,+BAA+B,EAC3C,OAAO,EAAC,GAAG,IAEP,SAAS,CAAC,kCAAkC,CAAC;oBAEjD,oBAAC,IAAI,kBAAe,CACX;gBACX,oBAAC,QAAQ,IAAC,UAAU,EAAC,OAAO,EAAC,OAAO,EAAC,GAAG;oBACtC,oBAAC,IAAI,kBAAe,CACX;gBACX,oBAAC,QAAQ,IAAC,UAAU,EAAC,UAAU,EAAC,OAAO,EAAC,GAAG;oBACzC,oBAAC,IAAI,kBAAe,CACX,CACN,CACF,CACF,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib/fluent-tester/src/TestComponents/TabsV1/TabsV1Test.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const TabsV1Test: React.FunctionComponent;
+//# sourceMappingURL=TabsV1Test.d.ts.map

package/lib/fluent-tester/src/TestComponents/TabsV1/TabsV1Test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsV1Test.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/TabsV1/TabsV1Test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0Q/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAY9B,CAAC"}

package/lib/fluent-tester/src/TestComponents/TabsV1/TabsV1Test.js

@@ -0,0 +1,183 @@
+import * as React from 'react';
+import { View, Platform } from 'react-native';
+import { Button } from '@fluentui-react-native/experimental-button';
+import { Tabs, TabsItem } from '@fluentui-react-native/experimental-tabs';
+import { TextV1 as Text } from '@fluentui-react-native/text';
+import { TabsV1E2ETest } from './TabsV1E2ETest';
+import { TABSV1_TESTPAGE } from '../../../../E2E/src/TabsV1/consts';
+import { svgProps } from '../Common/iconExamples';
+import { stackStyle } from '../Common/styles';
+import { Test } from '../Test';
+var TabsMainTest = function () {
+    return (React.createElement(View, { style: stackStyle },
+        React.createElement(Tabs, { label: "Tabs" },
+            React.createElement(TabsItem, { headerText: "Home", itemKey: "A" },
+                React.createElement(Text, null, "Tabs #1")),
+            React.createElement(TabsItem, { headerText: "Files", itemKey: "B" },
+                React.createElement(Text, null, "Tabs #2")),
+            React.createElement(TabsItem, { headerText: "Settings", itemKey: "C" },
+                React.createElement(Text, null, "Tabs #3")))));
+};
+var DisabledTabs = function () {
+    return (React.createElement(View, { style: stackStyle },
+        React.createElement(Tabs, { label: "Tabs" },
+            React.createElement(TabsItem, { headerText: "Home", itemKey: "A" },
+                React.createElement(Text, null, "Tabs #1")),
+            React.createElement(TabsItem, { headerText: "Files", itemKey: "B", disabled: true },
+                React.createElement(Text, null, "Tabs #2")),
+            React.createElement(TabsItem, { headerText: "Settings", itemKey: "C" },
+                React.createElement(Text, null, "Tabs #3")))));
+};
+var TabsCountIcon = function () {
+    return (React.createElement(View, { style: stackStyle },
+        React.createElement(Tabs, { label: "Tabs" },
+            React.createElement(TabsItem, { headerText: "Home", itemKey: "A", icon: { svgSource: svgProps, width: 20, height: 20, style: { margin: 5 } }, itemCount: 23 },
+                React.createElement(Text, null, "Tabs #1")),
+            React.createElement(TabsItem, { itemKey: "B", icon: { svgSource: svgProps, width: 20, height: 20 }, itemCount: 0 },
+                React.createElement(Text, null, "Tabs #2")),
+            React.createElement(TabsItem, { itemKey: "C", icon: { svgSource: svgProps, width: 20, height: 20 } },
+                React.createElement(Text, null, "Tabs #3")))));
+};
+var TabsClickEventTest = function () {
+    var _a = React.useState('home_key'), selectedKey = _a[0], setSelectedKey = _a[1];
+    var onTabsClick = React.useCallback(function (key) {
+        setSelectedKey(key);
+    }, [setSelectedKey]);
+    return (React.createElement(View, { style: stackStyle },
+        React.createElement(Text, null, 'Last onTabsClick from: ' + selectedKey),
+        React.createElement(Tabs, { label: "Tabs", onTabsClick: onTabsClick, selectedKey: selectedKey },
+            React.createElement(TabsItem, { headerText: "Home", itemKey: "home_key" },
+                React.createElement(Text, null, "Tabs #1")),
+            React.createElement(TabsItem, { headerText: "Files", itemKey: "files_key" },
+                React.createElement(Text, null, "Tabs #2")),
+            React.createElement(TabsItem, { headerText: "Settings", itemKey: "settings_key" },
+                React.createElement(Text, null, "Tabs #3")))));
+};
+var TabsChangingViews = function () {
+    // If User wants to control what gets rendered example
+    var _a = React.useState('home'), selectedKey = _a[0], setSelectedKey = _a[1];
+    var onTabsClick = React.useCallback(function (key) {
+        setSelectedKey(key);
+    }, [setSelectedKey]);
+    return (React.createElement(View, { style: stackStyle },
+        React.createElement(Tabs, { label: "Tabs", onTabsClick: onTabsClick, headersOnly: true, selectedKey: selectedKey },
+            React.createElement(TabsItem, { headerText: "Home", itemKey: "home" }),
+            React.createElement(TabsItem, { headerText: "File", itemKey: "file" }),
+            React.createElement(TabsItem, { headerText: "Settings", itemKey: "settings" })),
+        React.createElement(View, { style: { marginVertical: 1 } },
+            selectedKey == 'home' && React.createElement(Text, null, "Tabs #1"),
+            selectedKey == 'file' && React.createElement(Text, null, "Tabs #2"),
+            selectedKey == 'settings' && React.createElement(Text, null, "Tabs #3"))));
+};
+var TabsRenderSeparately = function () {
+    var _a = React.useState('rectangleRed'), selectedKey = _a[0], setSelectedKey = _a[1];
+    var onTabsClick = React.useCallback(function (key) {
+        setSelectedKey(key);
+    }, [setSelectedKey]);
+    var getTabId = function (key) {
+        return "ShapeColorPivot_".concat(key);
+    };
+    return (React.createElement(View, { style: stackStyle },
+        React.createElement(View, { accessible: true, focusable: true, accessibilityLabel: getTabId(selectedKey), style: {
+                width: 100,
+                height: selectedKey === 'squareRed' ? 100 : 200,
+                backgroundColor: selectedKey === 'rectangleGreen' ? 'green' : 'red',
+            } }),
+        React.createElement(Tabs, { label: "Tabs", onTabsClick: onTabsClick, getTabId: getTabId, headersOnly: true, selectedKey: selectedKey },
+            React.createElement(TabsItem, { headerText: "Rectangle Red", itemKey: "rectangleRed" }),
+            React.createElement(TabsItem, { headerText: "Square Red", itemKey: "squareRed" }),
+            React.createElement(TabsItem, { headerText: "Rectangle Green", itemKey: "rectangleGreen" }))));
+};
+var TabsSettingSelectedKey = function () {
+    // If user wants to programmatically set the selectedKey to control the view
+    var _a = React.useState('home'), selectedKey = _a[0], setSelectedKey = _a[1];
+    var _b = React.useState(0), currTabItemIndex = _b[0], setCurrTabItemIndex = _b[1];
+    var tabItems = ['home', 'file', 'setting'];
+    var goToNextTab = React.useCallback(function () {
+        var newCurrTabItemIndex = (currTabItemIndex + 1) % 3;
+        setCurrTabItemIndex(newCurrTabItemIndex);
+        setSelectedKey(tabItems[newCurrTabItemIndex]);
+    }, [currTabItemIndex]);
+    return (React.createElement(View, { style: stackStyle },
+        React.createElement(Tabs, { label: "Tabs", selectedKey: selectedKey, isCircularNavigation: true },
+            React.createElement(TabsItem, { headerText: "Home", itemKey: "home" },
+                React.createElement(Text, null, "Tabs #1")),
+            React.createElement(TabsItem, { headerText: "File", itemKey: "file" },
+                React.createElement(Text, null, "Tabs #2")),
+            React.createElement(TabsItem, { headerText: "Setting", itemKey: "setting" },
+                React.createElement(Text, null, "Tabs #3"))),
+        React.createElement(Button, { onClick: goToNextTab }, "View Next Tab")));
+};
+var TabsWithFlexibility = function () {
+    var _a = React.useState('home'), selectedKey = _a[0], setSelectedKey = _a[1];
+    var goHomeTab = React.useCallback(function () {
+        setSelectedKey('home');
+    }, [setSelectedKey]);
+    var onTabsClick = React.useCallback(function (key) {
+        setSelectedKey(key);
+    }, [setSelectedKey]);
+    return (React.createElement(View, { style: stackStyle },
+        React.createElement(Tabs, { selectedKey: selectedKey, onTabsClick: onTabsClick, isCircularNavigation: true },
+            React.createElement(TabsItem, { headerText: "Home", itemKey: "home" },
+                React.createElement(Text, null, "Tabs #1")),
+            React.createElement(TabsItem, { headerText: "File", itemKey: "file" },
+                React.createElement(Text, null, "Tabs #2")),
+            React.createElement(TabsItem, { headerText: "Setting", itemKey: "setting" },
+                React.createElement(Text, null, "Tabs #3"))),
+        React.createElement(Button, { onClick: goHomeTab }, "View Home Tab")));
+};
+var tabsSections = [
+    {
+        name: 'Default Tabs',
+        testID: TABSV1_TESTPAGE,
+        component: TabsMainTest,
+    },
+    {
+        name: 'Tabs with disabled',
+        component: DisabledTabs,
+    },
+    {
+        name: 'Trigger onTabsClick event',
+        component: TabsClickEventTest,
+    },
+    {
+        name: 'User Custom Render',
+        component: TabsChangingViews,
+    },
+    {
+        name: 'Render Content Separately',
+        component: TabsRenderSeparately,
+    },
+    {
+        name: 'Override Selected Key',
+        component: TabsSettingSelectedKey,
+    },
+    {
+        name: 'More Flexibility',
+        component: TabsWithFlexibility,
+    },
+];
+if (Platform.OS !== 'windows') {
+    tabsSections.push({
+        name: 'Count and Icon',
+        component: TabsCountIcon,
+    });
+}
+var e2eSections = [
+    {
+        name: 'E2E Testing TabsV1',
+        component: TabsV1E2ETest,
+    },
+];
+export var TabsV1Test = function () {
+    var status = {
+        win32Status: 'Production',
+        uwpStatus: 'Experimental',
+        iosStatus: 'Backlog',
+        macosStatus: 'Experimental',
+        androidStatus: 'Backlog',
+    };
+    var description = 'With Tabs, users can navigate to another view.';
+    return React.createElement(Test, { name: "TabsV1 Test", description: description, sections: tabsSections, status: status, e2eSections: e2eSections });
+};
+//# sourceMappingURL=TabsV1Test.js.map

package/lib/fluent-tester/src/TestComponents/TabsV1/TabsV1Test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsV1Test.js","sourceRoot":"","sources":["../../../../../src/TestComponents/TabsV1/TabsV1Test.tsx"],"names":[],"mappings":"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"}

package/lib/fluent-tester/src/TestComponents/TabsV1/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TabsV1Test';
+//# sourceMappingURL=index.d.ts.map

package/lib/fluent-tester/src/TestComponents/TabsV1/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/TabsV1/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/lib/fluent-tester/src/TestComponents/TabsV1/index.js

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

package/lib/fluent-tester/src/TestComponents/TabsV1/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/TestComponents/TabsV1/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/lib/fluent-tester/src/TestComponents/Test.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+export type TestSection = {
+    name: string;
+    testID?: string;
+    component: React.FunctionComponent;
+} | null;
+export type Status = 'Production' | 'Beta' | 'Experimental' | 'Backlog' | 'N/A' | 'Deprecated';
+export type PlatformStatus = {
+    win32Status: Status;
+    uwpStatus: Status;
+    iosStatus: Status;
+    macosStatus: Status;
+    androidStatus: Status;
+};
+export interface TestProps {
+    name: string;
+    description: string;
+    spec?: string;
+    status: PlatformStatus;
+    sections: TestSection[];
+    e2eSections?: TestSection[];
+}
+export declare const Test: (props: TestProps) => React.ReactElement<Record<string, never>>;
+//# sourceMappingURL=Test.d.ts.map

package/lib/fluent-tester/src/TestComponents/Test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Test.d.ts","sourceRoot":"","sources":["../../../../src/TestComponents/Test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC;CACpC,GAAG,IAAI,CAAC;AAET,MAAM,MAAM,MAAM,GAAG,YAAY,GAAG,MAAM,GAAG,cAAc,GAAG,SAAS,GAAG,KAAK,GAAG,YAAY,CAAC;AAC/F,MAAM,MAAM,cAAc,GAAG;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,EAAE,CAAC;CAC7B;AAiED,eAAO,MAAM,IAAI,UAAW,SAAS,KAAG,MAAM,YAAY,CAAC,OAAO,MAAM,EAAE,KAAK,CAAC,CA6I/E,CAAC"}