@fluentui-react-native/tester-core 0.1.1

package/lib-commonjs/TestComponents/TabList/TabListTest.js

@@ -0,0 +1,272 @@
+'use strict';
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.TabListTest = void 0;
+const jsx_runtime_1 = require('react/jsx-runtime');
+const react_1 = __importDefault(require('react'));
+const react_native_1 = require('react-native');
+const button_1 = require('@fluentui-react-native/button');
+const divider_1 = require('@fluentui-react-native/divider');
+const e2e_testing_1 = require('@fluentui-react-native/e2e-testing');
+const menu_1 = require('@fluentui-react-native/menu');
+const tablist_1 = require('@fluentui-react-native/tablist');
+const text_1 = require('@fluentui-react-native/text');
+const TabListE2ETest_1 = require('./TabListE2ETest');
+const iconExamples_1 = require('../Common/iconExamples');
+const styles_1 = require('../Common/styles');
+const Test_1 = require('../Test');
+const SubHeader = text_1.TextV1.customize({ variant: 'subheaderStandard' });
+const Header = text_1.TextV1.customize({ variant: 'headerStandard' });
+const Line = divider_1.Divider.customize({ paddingVertical: 4 });
+const PaddedTabList = tablist_1.TabList.customize({
+  paddingVertical: 4,
+});
+const TabListDefaultTest = () => {
+  const [key, setKey] = react_1.default.useState('tab1');
+  return jsx_runtime_1.jsxs(react_native_1.View, {
+    style: styles_1.stackStyle,
+    children: [
+      jsx_runtime_1.jsx(Header, { children: 'Uncontrolled Component' }),
+      jsx_runtime_1.jsx(Line, {}),
+      jsx_runtime_1.jsxs(PaddedTabList, {
+        defaultSelectedKey: 'tab1',
+        children: [
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'tab1', children: 'Tab 1' }),
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'tab2', children: 'Tab 2' }),
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'tab3', children: 'Tab 3' }),
+        ],
+      }),
+      jsx_runtime_1.jsx(Header, { children: 'Controlled Component' }),
+      jsx_runtime_1.jsx(Line, {}),
+      jsx_runtime_1.jsxs(text_1.TextV1, { children: ['Selected Key: ', key] }),
+      jsx_runtime_1.jsxs(PaddedTabList, {
+        selectedKey: key,
+        onTabSelect: (val) => {
+          console.log('New key:', val);
+          setKey(val);
+        },
+        children: [
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'tab1', children: 'Tab 1' }),
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'tab2', children: 'Tab 2' }),
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'tab3', children: 'Tab 3' }),
+        ],
+      }),
+    ],
+  });
+};
+const TabListDisabledTest = () => {
+  return jsx_runtime_1.jsxs(react_native_1.View, {
+    style: styles_1.stackStyle,
+    children: [
+      jsx_runtime_1.jsxs(PaddedTabList, {
+        defaultSelectedKey: 'tab2',
+        children: [
+          jsx_runtime_1.jsx(tablist_1.Tab, { disabled: true, tabKey: 'tab1', children: 'Tab 1' }),
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'tab2', children: 'Tab 2' }),
+          jsx_runtime_1.jsx(tablist_1.Tab, { disabled: true, tabKey: 'tab3', children: 'Tab 3' }),
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'tab4', children: 'Tab 4' }),
+        ],
+      }),
+      jsx_runtime_1.jsxs(PaddedTabList, {
+        disabled: true,
+        children: [
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'tab1', children: 'Tab 1' }),
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'tab2', children: 'Tab 2' }),
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'tab3', children: 'Tab 3' }),
+        ],
+      }),
+    ],
+  });
+};
+const TabListVariantsTest = () => {
+  return jsx_runtime_1.jsxs(react_native_1.View, {
+    style: styles_1.stackStyle,
+    children: [
+      jsx_runtime_1.jsx(Header, { children: 'Size Variants' }),
+      jsx_runtime_1.jsx(Line, {}),
+      jsx_runtime_1.jsx(SubHeader, { children: 'Small' }),
+      jsx_runtime_1.jsxs(PaddedTabList, {
+        defaultSelectedKey: 'sm1',
+        size: 'small',
+        children: [
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'sm1', children: 'Small Tab 1' }),
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'sm2', children: 'Small Tab 2' }),
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'sm3', children: 'Small Tab 3' }),
+        ],
+      }),
+      jsx_runtime_1.jsx(SubHeader, { children: 'Medium (default)' }),
+      jsx_runtime_1.jsxs(PaddedTabList, {
+        defaultSelectedKey: 'm1',
+        size: 'medium',
+        children: [
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'm1', children: 'Medium Tab 1' }),
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'm2', children: 'Medium Tab 2' }),
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'm3', children: 'Medium Tab 3' }),
+        ],
+      }),
+      jsx_runtime_1.jsx(SubHeader, { children: 'Large' }),
+      jsx_runtime_1.jsxs(PaddedTabList, {
+        defaultSelectedKey: 'lg1',
+        size: 'large',
+        children: [
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'lg1', children: 'Large Tab 1' }),
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'lg2', children: 'Large Tab 2' }),
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'lg3', children: 'Large Tab 3' }),
+        ],
+      }),
+      jsx_runtime_1.jsx(Header, { children: 'Appearance' }),
+      jsx_runtime_1.jsx(Line, {}),
+      jsx_runtime_1.jsx(SubHeader, { children: 'Transparent Appearance' }),
+      jsx_runtime_1.jsxs(PaddedTabList, {
+        defaultSelectedKey: 'tab1',
+        appearance: 'transparent',
+        children: [
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'tab1', children: 'Tab 1' }),
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'tab2', children: 'Tab 2' }),
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'tab3', children: 'Tab 3' }),
+        ],
+      }),
+      jsx_runtime_1.jsx(SubHeader, { children: 'Subtle Appearance' }),
+      jsx_runtime_1.jsxs(PaddedTabList, {
+        defaultSelectedKey: 'tab1',
+        appearance: 'subtle',
+        children: [
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'tab1', children: 'Tab 1' }),
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'tab2', children: 'Tab 2' }),
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'tab3', children: 'Tab 3' }),
+        ],
+      }),
+      jsx_runtime_1.jsx(Header, { children: 'Vertical Orientation' }),
+      jsx_runtime_1.jsx(Line, {}),
+      jsx_runtime_1.jsxs(PaddedTabList, {
+        defaultSelectedKey: 'tab1',
+        vertical: true,
+        children: [
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'tab1', children: 'Tab 1' }),
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'tab2', children: 'Tab 2' }),
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'tab3', children: 'Tab 3' }),
+        ],
+      }),
+    ],
+  });
+};
+const TabListIconTest = () => {
+  return jsx_runtime_1.jsx(react_native_1.View, {
+    style: styles_1.stackStyle,
+    children: jsx_runtime_1.jsxs(tablist_1.TabList, {
+      defaultSelectedKey: 'fontIcon',
+      children: [
+        jsx_runtime_1.jsx(tablist_1.Tab, { icon: { fontSource: iconExamples_1.fontProps }, tabKey: 'fontIcon', children: 'Font Icon' }),
+        jsx_runtime_1.jsx(tablist_1.Tab, { icon: { fontSource: iconExamples_1.fontProps }, tabKey: 'fontIconOnly' }),
+        jsx_runtime_1.jsx(tablist_1.Tab, { icon: { svgSource: iconExamples_1.svgProps }, tabKey: 'svgIcon', children: 'SVG Icon' }),
+        jsx_runtime_1.jsx(tablist_1.Tab, { icon: { svgSource: iconExamples_1.svgProps }, tabKey: 'svgIconOnly' }),
+      ],
+    }),
+  });
+};
+const TabListViewTest = () => {
+  const [key, setKey] = react_1.default.useState('a');
+  const views = react_1.default.useMemo(
+    () => ({
+      a: jsx_runtime_1.jsxs(react_native_1.View, {
+        children: [
+          jsx_runtime_1.jsx(SubHeader, { children: 'This is View 1' }),
+          jsx_runtime_1.jsx(text_1.TextV1, { variant: 'body1', children: 'Here is some text.' }),
+        ],
+      }),
+      b: jsx_runtime_1.jsxs(react_native_1.View, {
+        children: [
+          jsx_runtime_1.jsx(SubHeader, { children: 'This is View 2' }),
+          jsx_runtime_1.jsx(button_1.ButtonV1, { children: 'Button 1' }),
+        ],
+      }),
+      c: jsx_runtime_1.jsxs(react_native_1.View, {
+        children: [
+          jsx_runtime_1.jsx(SubHeader, { children: 'This is View 3' }),
+          jsx_runtime_1.jsxs(menu_1.Menu, {
+            children: [
+              jsx_runtime_1.jsx(menu_1.MenuTrigger, { children: jsx_runtime_1.jsx(button_1.ButtonV1, { children: 'Menu' }) }),
+              jsx_runtime_1.jsx(menu_1.MenuPopover, {
+                children: jsx_runtime_1.jsxs(menu_1.MenuList, {
+                  children: [
+                    jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'Item 1' }),
+                    jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'Item 2' }),
+                    jsx_runtime_1.jsx(menu_1.MenuItem, { children: 'Item 3' }),
+                  ],
+                }),
+              }),
+            ],
+          }),
+        ],
+      }),
+    }),
+    [],
+  );
+  return jsx_runtime_1.jsxs(react_native_1.View, {
+    style: styles_1.stackStyle,
+    children: [
+      jsx_runtime_1.jsxs(tablist_1.TabList, {
+        selectedKey: key,
+        onTabSelect: setKey,
+        children: [
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'a', children: 'View 1' }),
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'b', children: 'View 2' }),
+          jsx_runtime_1.jsx(tablist_1.Tab, { tabKey: 'c', children: 'View 3' }),
+        ],
+      }),
+      views[key],
+    ],
+  });
+};
+const sections = [
+  {
+    name: 'TabList Controlled vs Uncontrolled',
+    component: TabListDefaultTest,
+    testID: e2e_testing_1.TABLIST_TESTPAGE,
+  },
+  {
+    name: 'Disabled',
+    component: TabListDisabledTest,
+  },
+  {
+    name: 'Variants',
+    component: TabListVariantsTest,
+  },
+  {
+    name: 'Icon',
+    component: TabListIconTest,
+  },
+  {
+    name: 'Rendering Content Separately',
+    component: TabListViewTest,
+  },
+];
+const e2eSections = [
+  {
+    name: 'E2E Tests',
+    component: TabListE2ETest_1.TabListE2ETest,
+  },
+];
+const TabListTest = () => {
+  const status = {
+    win32Status: 'Production',
+    uwpStatus: 'Backlog',
+    iosStatus: 'Production',
+    macosStatus: 'Production',
+    androidStatus: 'Production',
+  };
+  const description = 'With Tabs, users can navigate to another view.';
+  return jsx_runtime_1.jsx(Test_1.Test, {
+    name: 'TabList Test',
+    description: description,
+    sections: sections,
+    status: status,
+    e2eSections: e2eSections,
+  });
+};
+exports.TabListTest = TabListTest;
+//# sourceMappingURL=TabListTest.js.map

package/lib-commonjs/TestComponents/TabList/TabListTest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabListTest.js","sourceRoot":"","sources":["../../../src/TestComponents/TabList/TabListTest.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAC1B,+CAAoC;AAEpC,0DAAmE;AACnE,4DAAyD;AACzD,oEAAsE;AACtE,sDAAiG;AACjG,4DAA8D;AAC9D,sDAA6D;AAE7D,qDAAkD;AAClD,yDAA6D;AAC7D,6CAA8C;AAE9C,kCAA+B;AAE/B,MAAM,SAAS,GAAG,aAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,CAAC,CAAC;AACnE,MAAM,MAAM,GAAG,aAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,CAAC,CAAC;AAC7D,MAAM,IAAI,GAAG,iBAAO,CAAC,SAAS,CAAC,EAAE,eAAe,EAAE,CAAC,EAAE,CAAC,CAAC;AACvD,MAAM,aAAa,GAAG,iBAAO,CAAC,SAAS,CAAC;IACtC,eAAe,EAAE,CAAC;CACnB,CAAC,CAAC;AAEH,MAAM,kBAAkB,GAA4B,GAAG,EAAE,CAAC;IACxD,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC7C,OAAO,CACL,mBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAU;YACrB,kBAAC,MAAM,yCAAgC,EACvC,kBAAC,IAAI,KAAG,EACR,mBAAC,aAAa,IAAC,kBAAkB,EAAE,MAAM;oBACvC,kBAAC,aAAG,IAAC,MAAM,EAAC,MAAM,sBAAY,EAC9B,kBAAC,aAAG,IAAC,MAAM,EAAC,MAAM,sBAAY,EAC9B,kBAAC,aAAG,IAAC,MAAM,EAAC,MAAM,sBAAY;oBAChB,EAChB,kBAAC,MAAM,uCAA8B,EACrC,kBAAC,IAAI,KAAG,EACR,mBAAC,aAAI,iCAAgB,GAAG,IAAQ,EAChC,mBAAC,aAAa,IACZ,WAAW,EAAE,GAAG,EAChB,WAAW,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC;oBACpB,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;oBAC7B,MAAM,CAAC,GAAG,CAAC,CAAC;gBAAA,CACb;oBAED,kBAAC,aAAG,IAAC,MAAM,EAAC,MAAM,sBAAY,EAC9B,kBAAC,aAAG,IAAC,MAAM,EAAC,MAAM,sBAAY,EAC9B,kBAAC,aAAG,IAAC,MAAM,EAAC,MAAM,sBAAY;oBAChB;YACX,CACR,CAAC;AAAA,CACH,CAAC;AAEF,MAAM,mBAAmB,GAA4B,GAAG,EAAE,CAAC;IACzD,OAAO,CACL,mBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAU;YACrB,mBAAC,aAAa,IAAC,kBAAkB,EAAC,MAAM;oBACtC,kBAAC,aAAG,IAAC,QAAQ,QAAC,MAAM,EAAC,MAAM,sBAErB,EACN,kBAAC,aAAG,IAAC,MAAM,EAAC,MAAM,sBAAY,EAC9B,kBAAC,aAAG,IAAC,QAAQ,QAAC,MAAM,EAAC,MAAM,sBAErB,EACN,kBAAC,aAAG,IAAC,MAAM,EAAC,MAAM,sBAAY;oBAChB,EAChB,mBAAC,aAAa,IAAC,QAAQ;oBACrB,kBAAC,aAAG,IAAC,MAAM,EAAC,MAAM,sBAAY,EAC9B,kBAAC,aAAG,IAAC,MAAM,EAAC,MAAM,sBAAY,EAC9B,kBAAC,aAAG,IAAC,MAAM,EAAC,MAAM,sBAAY;oBAChB;YACX,CACR,CAAC;AAAA,CACH,CAAC;AAEF,MAAM,mBAAmB,GAA4B,GAAG,EAAE,CAAC;IACzD,OAAO,CACL,mBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAU;YACrB,kBAAC,MAAM,gCAAuB,EAC9B,kBAAC,IAAI,KAAG,EACR,kBAAC,SAAS,wBAAkB,EAC5B,mBAAC,aAAa,IAAC,kBAAkB,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO;oBAClD,kBAAC,aAAG,IAAC,MAAM,EAAC,KAAK,4BAAkB,EACnC,kBAAC,aAAG,IAAC,MAAM,EAAC,KAAK,4BAAkB,EACnC,kBAAC,aAAG,IAAC,MAAM,EAAC,KAAK,4BAAkB;oBACrB,EAChB,kBAAC,SAAS,mCAA6B,EACvC,mBAAC,aAAa,IAAC,kBAAkB,EAAC,IAAI,EAAC,IAAI,EAAC,QAAQ;oBAClD,kBAAC,aAAG,IAAC,MAAM,EAAC,IAAI,6BAAmB,EACnC,kBAAC,aAAG,IAAC,MAAM,EAAC,IAAI,6BAAmB,EACnC,kBAAC,aAAG,IAAC,MAAM,EAAC,IAAI,6BAAmB;oBACrB,EAChB,kBAAC,SAAS,wBAAkB,EAC5B,mBAAC,aAAa,IAAC,kBAAkB,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO;oBAClD,kBAAC,aAAG,IAAC,MAAM,EAAC,KAAK,4BAAkB,EACnC,kBAAC,aAAG,IAAC,MAAM,EAAC,KAAK,4BAAkB,EACnC,kBAAC,aAAG,IAAC,MAAM,EAAC,KAAK,4BAAkB;oBACrB,EAChB,kBAAC,MAAM,6BAAoB,EAC3B,kBAAC,IAAI,KAAG,EACR,kBAAC,SAAS,yCAAmC,EAC7C,mBAAC,aAAa,IAAC,kBAAkB,EAAC,MAAM,EAAC,UAAU,EAAC,aAAa;oBAC/D,kBAAC,aAAG,IAAC,MAAM,EAAC,MAAM,sBAAY,EAC9B,kBAAC,aAAG,IAAC,MAAM,EAAC,MAAM,sBAAY,EAC9B,kBAAC,aAAG,IAAC,MAAM,EAAC,MAAM,sBAAY;oBAChB,EAChB,kBAAC,SAAS,oCAA8B,EACxC,mBAAC,aAAa,IAAC,kBAAkB,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ;oBAC1D,kBAAC,aAAG,IAAC,MAAM,EAAC,MAAM,sBAAY,EAC9B,kBAAC,aAAG,IAAC,MAAM,EAAC,MAAM,sBAAY,EAC9B,kBAAC,aAAG,IAAC,MAAM,EAAC,MAAM,sBAAY;oBAChB,EAChB,kBAAC,MAAM,uCAA8B,EACrC,kBAAC,IAAI,KAAG,EACR,mBAAC,aAAa,IAAC,kBAAkB,EAAC,MAAM,EAAC,QAAQ;oBAC/C,kBAAC,aAAG,IAAC,MAAM,EAAC,MAAM,sBAAY,EAC9B,kBAAC,aAAG,IAAC,MAAM,EAAC,MAAM,sBAAY,EAC9B,kBAAC,aAAG,IAAC,MAAM,EAAC,MAAM,sBAAY;oBAChB;YACX,CACR,CAAC;AAAA,CACH,CAAC;AAEF,MAAM,eAAe,GAA4B,GAAG,EAAE,CAAC;IACrD,OAAO,CACL,kBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAU,YACrB,mBAAC,iBAAO,IAAC,kBAAkB,EAAC,UAAU;gBACpC,kBAAC,aAAG,IAAC,IAAI,EAAE,EAAE,UAAU,EAAE,wBAAS,EAAE,EAAE,MAAM,EAAC,UAAU,0BAEjD,EACN,kBAAC,aAAG,IAAC,IAAI,EAAE,EAAE,UAAU,EAAE,wBAAS,EAAE,EAAE,MAAM,EAAC,cAAc,GAAG,EAC9D,kBAAC,aAAG,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,uBAAQ,EAAE,EAAE,MAAM,EAAC,SAAS,yBAE9C,EACN,kBAAC,aAAG,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,uBAAQ,EAAE,EAAE,MAAM,EAAC,aAAa,GAAG;gBACnD,GACL,CACR,CAAC;AAAA,CACH,CAAC;AAEF,MAAM,eAAe,GAA4B,GAAG,EAAE,CAAC;IACrD,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC1C,MAAM,KAAK,GAAG,eAAK,CAAC,OAAO,CACzB,GAAG,EAAE,CAAC,CAAC;QACL,CAAC,EAAE,CACD,mBAAC,mBAAI;gBACH,kBAAC,SAAS,iCAA2B,EACrC,kBAAC,aAAI,IAAC,OAAO,EAAC,OAAO,mCAA0B;gBAC1C,CACR;QACD,CAAC,EAAE,CACD,mBAAC,mBAAI;gBACH,kBAAC,SAAS,iCAA2B,EACrC,kBAAC,iBAAM,2BAAkB;gBACpB,CACR;QACD,CAAC,EAAE,CACD,mBAAC,mBAAI;gBACH,kBAAC,SAAS,iCAA2B,EACrC,mBAAC,WAAI;wBACH,kBAAC,kBAAW,cACV,kBAAC,iBAAM,uBAAc,GACT,EACd,kBAAC,kBAAW,cACV,mBAAC,eAAQ;oCACP,kBAAC,eAAQ,yBAAkB,EAC3B,kBAAC,eAAQ,yBAAkB,EAC3B,kBAAC,eAAQ,yBAAkB;oCAClB,GACC;wBACT;gBACF,CACR;KACF,CAAC,EACF,EAAE,CACH,CAAC;IACF,OAAO,CACL,mBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAU;YACrB,mBAAC,iBAAO,IAAC,WAAW,EAAE,GAAG,EAAE,WAAW,EAAE,MAAM;oBAC5C,kBAAC,aAAG,IAAC,MAAM,EAAC,GAAG,uBAAa,EAC5B,kBAAC,aAAG,IAAC,MAAM,EAAC,GAAG,uBAAa,EAC5B,kBAAC,aAAG,IAAC,MAAM,EAAC,GAAG,uBAAa;oBACpB,EACT,KAAK,CAAC,GAAG,CAAC,IACN,CACR,CAAC;AAAA,CACH,CAAC;AAEF,MAAM,QAAQ,GAAkB;IAC9B;QACE,IAAI,EAAE,oCAAoC;QAC1C,SAAS,EAAE,kBAAkB;QAC7B,MAAM,EAAE,8BAAgB;KACzB;IACD;QACE,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,mBAAmB;KAC/B;IACD;QACE,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,mBAAmB;KAC/B;IACD;QACE,IAAI,EAAE,MAAM;QACZ,SAAS,EAAE,eAAe;KAC3B;IACD;QACE,IAAI,EAAE,8BAA8B;QACpC,SAAS,EAAE,eAAe;KAC3B;CACF,CAAC;AAEF,MAAM,WAAW,GAAkB;IACjC;QACE,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,+BAAc;KAC1B;CACF,CAAC;AAEK,MAAM,WAAW,GAA4B,GAAG,EAAE,CAAC;IACxD,MAAM,MAAM,GAAmB;QAC7B,WAAW,EAAE,YAAY;QACzB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,YAAY;QACvB,WAAW,EAAE,YAAY;QACzB,aAAa,EAAE,YAAY;KAC5B,CAAC;IAEF,MAAM,WAAW,GAAG,gDAAgD,CAAC;IAErE,OAAO,kBAAC,WAAI,IAAC,IAAI,EAAC,cAAc,EAAC,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,GAAI,CAAC;AAAA,CAC7H,CAAC;AAZW,QAAA,WAAW,GAAX,WAAW,CAYtB"}

package/lib-commonjs/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>, string | React.JSXElementConstructor<any>>;
+//# sourceMappingURL=Test.d.ts.map

package/lib-commonjs/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,4GA6IhB,CAAC"}

package/lib-commonjs/TestComponents/Test.js

@@ -0,0 +1,308 @@
+'use strict';
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            },
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __setModuleDefault =
+  (this && this.__setModuleDefault) ||
+  (Object.create
+    ? function (o, v) {
+        Object.defineProperty(o, 'default', { enumerable: true, value: v });
+      }
+    : function (o, v) {
+        o['default'] = v;
+      });
+var __importStar =
+  (this && this.__importStar) ||
+  (function () {
+    var ownKeys = function (o) {
+      ownKeys =
+        Object.getOwnPropertyNames ||
+        function (o) {
+          var ar = [];
+          for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+          return ar;
+        };
+      return ownKeys(o);
+    };
+    return function (mod) {
+      if (mod && mod.__esModule) return mod;
+      var result = {};
+      if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== 'default') __createBinding(result, mod, k[i]);
+      __setModuleDefault(result, mod);
+      return result;
+    };
+  })();
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.Test = void 0;
+const jsx_runtime_1 = require('react/jsx-runtime');
+const React = __importStar(require('react'));
+const react_native_1 = require('react-native');
+const react_native_2 = require('@fluentui/react-native');
+const button_1 = require('@fluentui-react-native/button');
+const e2e_testing_1 = require('@fluentui-react-native/e2e-testing');
+const stack_1 = require('@fluentui-react-native/stack');
+const theme_types_1 = require('@fluentui-react-native/theme-types');
+const react_native_svg_1 = __importStar(require('react-native-svg'));
+const styles_1 = require('./Common/styles');
+const TestProps_1 = require('./Common/TestProps');
+const definitions = {
+  Production: 'Control is ready for broad partner use and to be used in production-ready scenarios.',
+  Beta: 'Control is ready for partner consumption, but not ready for production release (e.g. fixing bugs).',
+  Experimental: 'Control code checked into repo, but not ready for partner use.',
+  Backlog: 'Control is in plan and on our backlog to deliver.',
+  'N/A': 'Control is not in current plan.',
+  Deprecated: 'Control is being deprecated.',
+};
+const styles = react_native_1.StyleSheet.create({
+  name: {
+    marginTop: 4,
+    flex: react_native_1.Platform.select({ ios: 0, android: 0, default: 1 }),
+  },
+  definitionHeader: {
+    marginTop: 12,
+    marginBottom: 6,
+  },
+  description: {
+    alignItems: 'flex-start',
+    flexWrap: 'wrap',
+  },
+  header: {
+    alignItems: 'center',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    flexWrap: 'wrap',
+  },
+  section: {
+    marginTop: 12,
+  },
+  statusView: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+  },
+  statusLabel: {
+    marginTop: 2,
+    marginStart: 4,
+  },
+  status: {
+    fontWeight: 'normal',
+  },
+  // This button is only for our E2E testing framework. We want to be able to put keyboard focus in any test page if we need it.
+  // This button will be at the top of every test page and allows us to do that. But we don't want partners to see it.
+  e2eFocusButton: {
+    opacity: 0,
+  },
+  e2eSection: {
+    marginBottom: 4,
+  },
+  e2eSwitch: {
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  e2eSwitchLabel: {
+    marginRight: 4,
+    textAlignVertical: 'center',
+  },
+});
+const Test = (props) => {
+  const [showStatus, setShowStatus] = React.useState(false);
+  const [showE2E, setShowE2E] = React.useState(false);
+  const toggleSvg = () => {
+    const plusPath =
+      'M6.5 1.75C6.5 1.33579 6.16421 1 5.75 1C5.33579 1 5 1.33579 5 1.75V5H1.75C1.33579 5 1 5.33579 1 5.75C1 6.16421 1.33579 6.5 1.75 6.5H5V9.75C5 10.1642 5.33579 10.5 5.75 10.5C6.16421 10.5 6.5 10.1642 6.5 9.75V6.5H9.75C10.1642 6.5 10.5 6.16421 10.5 5.75C10.5 5.33579 10.1642 5 9.75 5H6.5V1.75Z';
+    const minusPath = 'M2.75 5.25h6.5s0.75 0 0.75 0.75v0s0 0.75 -0.75 0.75h-6.5s-0.75 0 -0.75 -0.75v0s0 -0.75 0.75 -0.75';
+    const path = showStatus ? minusPath : plusPath;
+    return jsx_runtime_1.jsx(react_native_svg_1.default, {
+      children: jsx_runtime_1.jsx(react_native_svg_1.G, {
+        children: jsx_runtime_1.jsx(react_native_svg_1.Path, { d: path, fill: 'black' }),
+      }),
+    });
+  };
+  const svgProps = {
+    src: toggleSvg,
+  };
+  const theme = (0, theme_types_1.useTheme)();
+  const fontFamily = theme.typography.families.primary;
+  const plusCodepoint = 0x2795;
+  const minusCodepoint = 0x2796;
+  const fontIconProps = {
+    fontFamily: fontFamily,
+    codepoint: showStatus ? minusCodepoint : plusCodepoint,
+    fontSize: 10,
+  };
+  const toggleIconProps =
+    react_native_1.Platform.OS === 'windows' ? { fontSource: fontIconProps } : { svgSource: svgProps, width: 12, height: 12 };
+  const { e2eSections } = props;
+  const isMobile = react_native_1.Platform.OS === 'ios' || react_native_1.Platform.OS === 'android';
+  return jsx_runtime_1.jsxs(react_native_1.View, {
+    children: [
+      jsx_runtime_1.jsxs(react_native_1.View, {
+        style: styles.header,
+        children: [
+          jsx_runtime_1.jsx(react_native_2.Text, { style: styles.name, variant: 'heroSemibold', children: props.name }),
+          !isMobile &&
+            jsx_runtime_1.jsx(
+              button_1.ButtonV1,
+              /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
+              { ...(0, TestProps_1.testProps)('Focus_Button'), style: styles.e2eFocusButton, children: 'E2E Button' },
+            ),
+          props.e2eSections &&
+            jsx_runtime_1.jsxs(react_native_1.View, {
+              style: styles.e2eSwitch,
+              children: [
+                jsx_runtime_1.jsx(react_native_2.Text, {
+                  style: styles.e2eSwitchLabel,
+                  ...(isMobile ? {} : { variant: 'body1Strong' }),
+                  children: 'E2E Mode',
+                }),
+                jsx_runtime_1.jsx(react_native_1.Switch, {
+                  onValueChange: setShowE2E,
+                  value: showE2E,
+                  ...(0, TestProps_1.testProps)(e2e_testing_1.E2E_MODE_SWITCH),
+                }),
+              ],
+            }),
+          props.spec && jsx_runtime_1.jsx(react_native_2.Link, { url: props.spec, content: 'SPEC' }),
+        ],
+      }),
+      jsx_runtime_1.jsx(react_native_2.Separator, {}),
+      e2eSections &&
+        showE2E &&
+        // We can check if the E2E section renders by checking if the "E2E Tests" header has rendered for each spec
+        jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, {
+          children: [
+            jsx_runtime_1.jsx(react_native_2.Text, {
+              variant: 'headerSemibold',
+              ...(0, TestProps_1.testProps)(e2e_testing_1.E2E_TEST_SECTION),
+              children: 'E2E Tests',
+            }),
+            e2eSections.map((section, i) => {
+              if (section === null) {
+                return null;
+              }
+              const { component: E2EComponent } = section;
+              return jsx_runtime_1.jsx(E2EComponent, {}, i);
+            }),
+          ],
+        }),
+      jsx_runtime_1.jsx(stack_1.Stack, {
+        style: styles_1.stackStyle,
+        children: jsx_runtime_1.jsx(react_native_2.Text, { style: styles.description, children: props.description }),
+      }),
+      jsx_runtime_1.jsxs(stack_1.Stack, {
+        style: styles_1.stackStyle,
+        children: [
+          jsx_runtime_1.jsxs(react_native_1.View, {
+            style: styles.statusView,
+            children: [
+              jsx_runtime_1.jsx(react_native_2.Text, { variant: 'headerStandard', children: 'Platform Status' }),
+              jsx_runtime_1.jsx(react_native_2.ToggleButton, {
+                iconOnly: true,
+                icon: toggleIconProps,
+                onClick: () => setShowStatus(!showStatus),
+              }),
+            ],
+          }),
+          showStatus &&
+            jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, {
+              children: [
+                jsx_runtime_1.jsxs(react_native_2.Text, {
+                  style: styles.statusLabel,
+                  variant: 'bodySemibold',
+                  children: [
+                    'Win32: ',
+                    jsx_runtime_1.jsx(react_native_2.Text, { style: styles.status, children: props.status.win32Status }),
+                  ],
+                }),
+                jsx_runtime_1.jsxs(react_native_2.Text, {
+                  style: styles.statusLabel,
+                  variant: 'bodySemibold',
+                  children: ['UWP: ', jsx_runtime_1.jsx(react_native_2.Text, { style: styles.status, children: props.status.uwpStatus })],
+                }),
+                jsx_runtime_1.jsxs(react_native_2.Text, {
+                  style: styles.statusLabel,
+                  variant: 'bodySemibold',
+                  children: ['iOS: ', jsx_runtime_1.jsx(react_native_2.Text, { style: styles.status, children: props.status.iosStatus })],
+                }),
+                jsx_runtime_1.jsxs(react_native_2.Text, {
+                  style: styles.statusLabel,
+                  variant: 'bodySemibold',
+                  children: [
+                    'macOS: ',
+                    jsx_runtime_1.jsx(react_native_2.Text, { style: styles.status, children: props.status.macosStatus }),
+                  ],
+                }),
+                jsx_runtime_1.jsxs(react_native_2.Text, {
+                  style: styles.statusLabel,
+                  variant: 'bodySemibold',
+                  children: [
+                    'Android: ',
+                    jsx_runtime_1.jsx(react_native_2.Text, { style: styles.status, children: props.status.androidStatus }),
+                  ],
+                }),
+                jsx_runtime_1.jsx(react_native_2.Text, {
+                  style: styles.definitionHeader,
+                  variant: 'headerStandard',
+                  children: 'Status Definitions',
+                }),
+                Object.entries(definitions).map(([key, value]) => {
+                  return jsx_runtime_1.jsxs(
+                    react_native_2.Text,
+                    {
+                      style: styles.statusLabel,
+                      variant: 'bodySemibold',
+                      children: [key, ': ', jsx_runtime_1.jsx(react_native_2.Text, { style: styles.status, children: value })],
+                    },
+                    key,
+                  );
+                }),
+              ],
+            }),
+        ],
+      }),
+      props.sections.map((section, index) => {
+        if (section == null) {
+          return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {});
+        }
+        const TestComponent = section.component;
+        return jsx_runtime_1.jsxs(
+          react_native_1.View,
+          {
+            children: [
+              jsx_runtime_1.jsx(react_native_2.Text, {
+                style: styles.section,
+                variant: 'headerSemibold',
+                ...(0, TestProps_1.testProps)(section.testID),
+                children: section.name,
+              }),
+              jsx_runtime_1.jsx(react_native_2.Separator, {}),
+              jsx_runtime_1.jsx(TestComponent, {}),
+            ],
+          },
+          index,
+        );
+      }),
+    ],
+  });
+};
+exports.Test = Test;
+//# sourceMappingURL=Test.js.map

package/lib-commonjs/TestComponents/Test.js.map

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

package/lib-commonjs/TestComponents/TextLegacy/CustomizeUsage.d.ts

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

package/lib-commonjs/TestComponents/TextLegacy/CustomizeUsage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomizeUsage.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/TextLegacy/CustomizeUsage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAkD/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBA2ElC,CAAC"}