@fluentui-react-native/tester 0.166.0 → 0.167.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (95) hide show
  1. package/CHANGELOG.json +37 -1
  2. package/CHANGELOG.md +19 -2
  3. package/lib/E2E/src/index.consts.d.ts +0 -2
  4. package/lib/E2E/src/index.consts.d.ts.map +1 -1
  5. package/lib/E2E/src/index.consts.js +0 -2
  6. package/lib/E2E/src/index.consts.js.map +1 -1
  7. package/lib/fluent-tester/src/TestComponents/FocusTrapZone/FocusTrapZoneTest.d.ts.map +1 -1
  8. package/lib/fluent-tester/src/TestComponents/FocusTrapZone/FocusTrapZoneTest.js +46 -23
  9. package/lib/fluent-tester/src/TestComponents/FocusTrapZone/FocusTrapZoneTest.js.map +1 -1
  10. package/lib/fluent-tester/src/testPages.d.ts.map +1 -1
  11. package/lib/fluent-tester/src/testPages.js +0 -14
  12. package/lib/fluent-tester/src/testPages.js.map +1 -1
  13. package/lib-commonjs/E2E/src/index.consts.d.ts +0 -2
  14. package/lib-commonjs/E2E/src/index.consts.d.ts.map +1 -1
  15. package/lib-commonjs/E2E/src/index.consts.js +0 -2
  16. package/lib-commonjs/E2E/src/index.consts.js.map +1 -1
  17. package/lib-commonjs/fluent-tester/src/TestComponents/FocusTrapZone/FocusTrapZoneTest.d.ts.map +1 -1
  18. package/lib-commonjs/fluent-tester/src/TestComponents/FocusTrapZone/FocusTrapZoneTest.js +46 -23
  19. package/lib-commonjs/fluent-tester/src/TestComponents/FocusTrapZone/FocusTrapZoneTest.js.map +1 -1
  20. package/lib-commonjs/fluent-tester/src/testPages.d.ts.map +1 -1
  21. package/lib-commonjs/fluent-tester/src/testPages.js +0 -14
  22. package/lib-commonjs/fluent-tester/src/testPages.js.map +1 -1
  23. package/package.json +2 -3
  24. package/src/TestComponents/FocusTrapZone/FocusTrapZoneTest.tsx +55 -32
  25. package/src/testPages.ts +0 -14
  26. package/lib/E2E/src/TabsLegacy/consts.d.ts +0 -15
  27. package/lib/E2E/src/TabsLegacy/consts.d.ts.map +0 -1
  28. package/lib/E2E/src/TabsLegacy/consts.js +0 -20
  29. package/lib/E2E/src/TabsLegacy/consts.js.map +0 -1
  30. package/lib/E2E/src/TabsV1/consts.d.ts +0 -16
  31. package/lib/E2E/src/TabsV1/consts.d.ts.map +0 -1
  32. package/lib/E2E/src/TabsV1/consts.js +0 -20
  33. package/lib/E2E/src/TabsV1/consts.js.map +0 -1
  34. package/lib/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyE2ETest.d.ts +0 -3
  35. package/lib/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyE2ETest.d.ts.map +0 -1
  36. package/lib/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyE2ETest.js +0 -33
  37. package/lib/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyE2ETest.js.map +0 -1
  38. package/lib/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyTest.d.ts +0 -3
  39. package/lib/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyTest.d.ts.map +0 -1
  40. package/lib/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyTest.js +0 -207
  41. package/lib/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyTest.js.map +0 -1
  42. package/lib/fluent-tester/src/TestComponents/TabsLegacy/index.d.ts +0 -2
  43. package/lib/fluent-tester/src/TestComponents/TabsLegacy/index.d.ts.map +0 -1
  44. package/lib/fluent-tester/src/TestComponents/TabsLegacy/index.js +0 -2
  45. package/lib/fluent-tester/src/TestComponents/TabsLegacy/index.js.map +0 -1
  46. package/lib/fluent-tester/src/TestComponents/TabsV1/TabsV1E2ETest.d.ts +0 -3
  47. package/lib/fluent-tester/src/TestComponents/TabsV1/TabsV1E2ETest.d.ts.map +0 -1
  48. package/lib/fluent-tester/src/TestComponents/TabsV1/TabsV1E2ETest.js +0 -28
  49. package/lib/fluent-tester/src/TestComponents/TabsV1/TabsV1E2ETest.js.map +0 -1
  50. package/lib/fluent-tester/src/TestComponents/TabsV1/TabsV1Test.d.ts +0 -3
  51. package/lib/fluent-tester/src/TestComponents/TabsV1/TabsV1Test.d.ts.map +0 -1
  52. package/lib/fluent-tester/src/TestComponents/TabsV1/TabsV1Test.js +0 -183
  53. package/lib/fluent-tester/src/TestComponents/TabsV1/TabsV1Test.js.map +0 -1
  54. package/lib/fluent-tester/src/TestComponents/TabsV1/index.d.ts +0 -2
  55. package/lib/fluent-tester/src/TestComponents/TabsV1/index.d.ts.map +0 -1
  56. package/lib/fluent-tester/src/TestComponents/TabsV1/index.js +0 -2
  57. package/lib/fluent-tester/src/TestComponents/TabsV1/index.js.map +0 -1
  58. package/lib-commonjs/E2E/src/TabsLegacy/consts.d.ts +0 -15
  59. package/lib-commonjs/E2E/src/TabsLegacy/consts.d.ts.map +0 -1
  60. package/lib-commonjs/E2E/src/TabsLegacy/consts.js +0 -23
  61. package/lib-commonjs/E2E/src/TabsLegacy/consts.js.map +0 -1
  62. package/lib-commonjs/E2E/src/TabsV1/consts.d.ts +0 -16
  63. package/lib-commonjs/E2E/src/TabsV1/consts.d.ts.map +0 -1
  64. package/lib-commonjs/E2E/src/TabsV1/consts.js +0 -23
  65. package/lib-commonjs/E2E/src/TabsV1/consts.js.map +0 -1
  66. package/lib-commonjs/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyE2ETest.d.ts +0 -3
  67. package/lib-commonjs/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyE2ETest.d.ts.map +0 -1
  68. package/lib-commonjs/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyE2ETest.js +0 -37
  69. package/lib-commonjs/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyE2ETest.js.map +0 -1
  70. package/lib-commonjs/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyTest.d.ts +0 -3
  71. package/lib-commonjs/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyTest.d.ts.map +0 -1
  72. package/lib-commonjs/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyTest.js +0 -212
  73. package/lib-commonjs/fluent-tester/src/TestComponents/TabsLegacy/TabsLegacyTest.js.map +0 -1
  74. package/lib-commonjs/fluent-tester/src/TestComponents/TabsLegacy/index.d.ts +0 -2
  75. package/lib-commonjs/fluent-tester/src/TestComponents/TabsLegacy/index.d.ts.map +0 -1
  76. package/lib-commonjs/fluent-tester/src/TestComponents/TabsLegacy/index.js +0 -5
  77. package/lib-commonjs/fluent-tester/src/TestComponents/TabsLegacy/index.js.map +0 -1
  78. package/lib-commonjs/fluent-tester/src/TestComponents/TabsV1/TabsV1E2ETest.d.ts +0 -3
  79. package/lib-commonjs/fluent-tester/src/TestComponents/TabsV1/TabsV1E2ETest.d.ts.map +0 -1
  80. package/lib-commonjs/fluent-tester/src/TestComponents/TabsV1/TabsV1E2ETest.js +0 -32
  81. package/lib-commonjs/fluent-tester/src/TestComponents/TabsV1/TabsV1E2ETest.js.map +0 -1
  82. package/lib-commonjs/fluent-tester/src/TestComponents/TabsV1/TabsV1Test.d.ts +0 -3
  83. package/lib-commonjs/fluent-tester/src/TestComponents/TabsV1/TabsV1Test.d.ts.map +0 -1
  84. package/lib-commonjs/fluent-tester/src/TestComponents/TabsV1/TabsV1Test.js +0 -188
  85. package/lib-commonjs/fluent-tester/src/TestComponents/TabsV1/TabsV1Test.js.map +0 -1
  86. package/lib-commonjs/fluent-tester/src/TestComponents/TabsV1/index.d.ts +0 -2
  87. package/lib-commonjs/fluent-tester/src/TestComponents/TabsV1/index.d.ts.map +0 -1
  88. package/lib-commonjs/fluent-tester/src/TestComponents/TabsV1/index.js +0 -5
  89. package/lib-commonjs/fluent-tester/src/TestComponents/TabsV1/index.js.map +0 -1
  90. package/src/TestComponents/TabsLegacy/TabsLegacyE2ETest.tsx +0 -94
  91. package/src/TestComponents/TabsLegacy/TabsLegacyTest.tsx +0 -302
  92. package/src/TestComponents/TabsLegacy/index.ts +0 -1
  93. package/src/TestComponents/TabsV1/TabsV1E2ETest.tsx +0 -76
  94. package/src/TestComponents/TabsV1/TabsV1Test.tsx +0 -279
  95. package/src/TestComponents/TabsV1/index.ts +0 -1
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var tslib_1 = require("tslib");
4
- tslib_1.__exportStar(require("./TabsLegacyTest"), exports);
5
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/TestComponents/TabsLegacy/index.ts"],"names":[],"mappings":";;;AAAA,2DAAiC"}
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- export declare const TabsV1E2ETest: React.FunctionComponent;
3
- //# sourceMappingURL=TabsV1E2ETest.d.ts.map
@@ -1 +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"}
@@ -1,32 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.TabsV1E2ETest = void 0;
4
- var tslib_1 = require("tslib");
5
- var React = tslib_1.__importStar(require("react"));
6
- var react_native_1 = require("react-native");
7
- var experimental_tabs_1 = require("@fluentui-react-native/experimental-tabs");
8
- var text_1 = require("@fluentui-react-native/text");
9
- var consts_1 = require("../../../../E2E/src/TabsV1/consts");
10
- var styles_1 = require("../Common/styles");
11
- var TestProps_1 = require("../Common/TestProps");
12
- var TabsV1E2ETest = function () {
13
- return (React.createElement(react_native_1.View, null,
14
- React.createElement(react_native_1.View, { style: styles_1.stackStyle },
15
- React.createElement(experimental_tabs_1.Tabs, tslib_1.__assign({ label: "Tabs", accessibilityLabel: consts_1.TABSV1_ACCESSIBILITY_LABEL }, (0, TestProps_1.testProps)(consts_1.TABSV1_TEST_COMPONENT)),
16
- React.createElement(experimental_tabs_1.TabsItem, tslib_1.__assign({ headerText: "Home", itemKey: "A", accessibilityLabel: consts_1.TABSITEMV1_ITEM_1_ACCESSIBILITY_LABEL }, (0, TestProps_1.testProps)(consts_1.TABSITEMV1_ITEM_1)),
17
- React.createElement(text_1.TextV1, tslib_1.__assign({}, (0, TestProps_1.testProps)(consts_1.TABSITEMV1_CONTENT_1)), "Tabs #1")),
18
- React.createElement(experimental_tabs_1.TabsItem, tslib_1.__assign({ headerText: "Files", itemKey: "B" }, (0, TestProps_1.testProps)(consts_1.TABSITEMV1_ITEM_2)),
19
- React.createElement(text_1.TextV1, tslib_1.__assign({}, (0, TestProps_1.testProps)(consts_1.TABSITEMV1_CONTENT_2)), "Tabs #2")),
20
- React.createElement(experimental_tabs_1.TabsItem, tslib_1.__assign({ headerText: "Settings", itemKey: "C" }, (0, TestProps_1.testProps)(consts_1.TABSITEMV1_ITEM_3)),
21
- React.createElement(text_1.TextV1, tslib_1.__assign({}, (0, TestProps_1.testProps)(consts_1.TABSITEMV1_CONTENT_3)), "Tabs #3")))),
22
- React.createElement(react_native_1.View, { style: styles_1.stackStyle },
23
- React.createElement(experimental_tabs_1.Tabs, tslib_1.__assign({ label: consts_1.TABSV1_TEST_COMPONENT_LABEL }, (0, TestProps_1.testProps)(consts_1.TABSV1_NO_A11Y_LABEL_COMPONENT)),
24
- React.createElement(experimental_tabs_1.TabsItem, tslib_1.__assign({ headerText: consts_1.TABSITEMV1_TEST_COMPONENT_LABEL, itemKey: "A" }, (0, TestProps_1.testProps)(consts_1.TABSITEMV1_NO_A11Y_LABEL_COMPONENT)),
25
- React.createElement(text_1.TextV1, null, "Tabs #1")),
26
- React.createElement(experimental_tabs_1.TabsItem, { headerText: "Files", itemKey: "B" },
27
- React.createElement(text_1.TextV1, null, "Tabs #2")),
28
- React.createElement(experimental_tabs_1.TabsItem, { headerText: "Settings", itemKey: "C" },
29
- React.createElement(text_1.TextV1, null, "Tabs #3"))))));
30
- };
31
- exports.TabsV1E2ETest = TabsV1E2ETest;
32
- //# sourceMappingURL=TabsV1E2ETest.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TabsV1E2ETest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/TabsV1/TabsV1E2ETest.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,6CAAoC;AAEpC,8EAA0E;AAC1E,oDAA6D;AAE7D,4DAc2C;AAC3C,2CAA8C;AAC9C,iDAAgD;AAEzC,IAAM,aAAa,GAA4B;IACpD,OAAO,CACL,oBAAC,mBAAI;QACH,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAU;YACrB,oBAAC,wBAAI,qBACH,KAAK,EAAC,MAAM,EACZ,kBAAkB,EAAE,mCAA0B,IAE1C,IAAA,qBAAS,EAAC,8BAAqB,CAAC;gBAEpC,oBAAC,4BAAQ,qBACP,UAAU,EAAC,MAAM,EACjB,OAAO,EAAC,GAAG,EACX,kBAAkB,EAAE,8CAAqC,IAErD,IAAA,qBAAS,EAAC,0BAAiB,CAAC;oBAEhC,oBAAC,aAAI,uBAAK,IAAA,qBAAS,EAAC,6BAAoB,CAAC,aAAgB,CAChD;gBACX,oBAAC,4BAAQ,qBAAC,UAAU,EAAC,OAAO,EAAC,OAAO,EAAC,GAAG,IAAK,IAAA,qBAAS,EAAC,0BAAiB,CAAC;oBACvE,oBAAC,aAAI,uBAAK,IAAA,qBAAS,EAAC,6BAAoB,CAAC,aAAgB,CAChD;gBACX,oBAAC,4BAAQ,qBAAC,UAAU,EAAC,UAAU,EAAC,OAAO,EAAC,GAAG,IAAK,IAAA,qBAAS,EAAC,0BAAiB,CAAC;oBAC1E,oBAAC,aAAI,uBAAK,IAAA,qBAAS,EAAC,6BAAoB,CAAC,aAAgB,CAChD,CACN,CACF;QACP,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAU;YACrB,oBAAC,wBAAI,qBACH,KAAK,EAAE,oCAA2B,IAE9B,IAAA,qBAAS,EAAC,uCAA8B,CAAC;gBAE7C,oBAAC,4BAAQ,qBACP,UAAU,EAAE,wCAA+B,EAC3C,OAAO,EAAC,GAAG,IAEP,IAAA,qBAAS,EAAC,2CAAkC,CAAC;oBAEjD,oBAAC,aAAI,kBAAe,CACX;gBACX,oBAAC,4BAAQ,IAAC,UAAU,EAAC,OAAO,EAAC,OAAO,EAAC,GAAG;oBACtC,oBAAC,aAAI,kBAAe,CACX;gBACX,oBAAC,4BAAQ,IAAC,UAAU,EAAC,UAAU,EAAC,OAAO,EAAC,GAAG;oBACzC,oBAAC,aAAI,kBAAe,CACX,CACN,CACF,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAnDW,QAAA,aAAa,iBAmDxB"}
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- export declare const TabsV1Test: React.FunctionComponent;
3
- //# sourceMappingURL=TabsV1Test.d.ts.map
@@ -1 +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"}
@@ -1,188 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.TabsV1Test = void 0;
4
- var tslib_1 = require("tslib");
5
- var React = tslib_1.__importStar(require("react"));
6
- var react_native_1 = require("react-native");
7
- var button_1 = require("@fluentui-react-native/button");
8
- var experimental_tabs_1 = require("@fluentui-react-native/experimental-tabs");
9
- var text_1 = require("@fluentui-react-native/text");
10
- var TabsV1E2ETest_1 = require("./TabsV1E2ETest");
11
- var consts_1 = require("../../../../E2E/src/TabsV1/consts");
12
- var iconExamples_1 = require("../Common/iconExamples");
13
- var styles_1 = require("../Common/styles");
14
- var Test_1 = require("../Test");
15
- var TabsMainTest = function () {
16
- return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
17
- React.createElement(experimental_tabs_1.Tabs, { label: "Tabs" },
18
- React.createElement(experimental_tabs_1.TabsItem, { headerText: "Home", itemKey: "A" },
19
- React.createElement(text_1.TextV1, null, "Tabs #1")),
20
- React.createElement(experimental_tabs_1.TabsItem, { headerText: "Files", itemKey: "B" },
21
- React.createElement(text_1.TextV1, null, "Tabs #2")),
22
- React.createElement(experimental_tabs_1.TabsItem, { headerText: "Settings", itemKey: "C" },
23
- React.createElement(text_1.TextV1, null, "Tabs #3")))));
24
- };
25
- var DisabledTabs = function () {
26
- return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
27
- React.createElement(experimental_tabs_1.Tabs, { label: "Tabs" },
28
- React.createElement(experimental_tabs_1.TabsItem, { headerText: "Home", itemKey: "A" },
29
- React.createElement(text_1.TextV1, null, "Tabs #1")),
30
- React.createElement(experimental_tabs_1.TabsItem, { headerText: "Files", itemKey: "B", disabled: true },
31
- React.createElement(text_1.TextV1, null, "Tabs #2")),
32
- React.createElement(experimental_tabs_1.TabsItem, { headerText: "Settings", itemKey: "C" },
33
- React.createElement(text_1.TextV1, null, "Tabs #3")))));
34
- };
35
- var TabsCountIcon = function () {
36
- return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
37
- React.createElement(experimental_tabs_1.Tabs, { label: "Tabs" },
38
- React.createElement(experimental_tabs_1.TabsItem, { headerText: "Home", itemKey: "A", icon: { svgSource: iconExamples_1.svgProps, width: 20, height: 20, style: { margin: 5 } }, itemCount: 23 },
39
- React.createElement(text_1.TextV1, null, "Tabs #1")),
40
- React.createElement(experimental_tabs_1.TabsItem, { itemKey: "B", icon: { svgSource: iconExamples_1.svgProps, width: 20, height: 20 }, itemCount: 0 },
41
- React.createElement(text_1.TextV1, null, "Tabs #2")),
42
- React.createElement(experimental_tabs_1.TabsItem, { itemKey: "C", icon: { svgSource: iconExamples_1.svgProps, width: 20, height: 20 } },
43
- React.createElement(text_1.TextV1, null, "Tabs #3")))));
44
- };
45
- var TabsClickEventTest = function () {
46
- var _a = React.useState('home_key'), selectedKey = _a[0], setSelectedKey = _a[1];
47
- var onTabsClick = React.useCallback(function (key) {
48
- setSelectedKey(key);
49
- }, [setSelectedKey]);
50
- return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
51
- React.createElement(text_1.TextV1, null, 'Last onTabsClick from: ' + selectedKey),
52
- React.createElement(experimental_tabs_1.Tabs, { label: "Tabs", onTabsClick: onTabsClick, selectedKey: selectedKey },
53
- React.createElement(experimental_tabs_1.TabsItem, { headerText: "Home", itemKey: "home_key" },
54
- React.createElement(text_1.TextV1, null, "Tabs #1")),
55
- React.createElement(experimental_tabs_1.TabsItem, { headerText: "Files", itemKey: "files_key" },
56
- React.createElement(text_1.TextV1, null, "Tabs #2")),
57
- React.createElement(experimental_tabs_1.TabsItem, { headerText: "Settings", itemKey: "settings_key" },
58
- React.createElement(text_1.TextV1, null, "Tabs #3")))));
59
- };
60
- var TabsChangingViews = function () {
61
- // If User wants to control what gets rendered example
62
- var _a = React.useState('home'), selectedKey = _a[0], setSelectedKey = _a[1];
63
- var onTabsClick = React.useCallback(function (key) {
64
- setSelectedKey(key);
65
- }, [setSelectedKey]);
66
- return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
67
- React.createElement(experimental_tabs_1.Tabs, { label: "Tabs", onTabsClick: onTabsClick, headersOnly: true, selectedKey: selectedKey },
68
- React.createElement(experimental_tabs_1.TabsItem, { headerText: "Home", itemKey: "home" }),
69
- React.createElement(experimental_tabs_1.TabsItem, { headerText: "File", itemKey: "file" }),
70
- React.createElement(experimental_tabs_1.TabsItem, { headerText: "Settings", itemKey: "settings" })),
71
- React.createElement(react_native_1.View, { style: { marginVertical: 1 } },
72
- selectedKey == 'home' && React.createElement(text_1.TextV1, null, "Tabs #1"),
73
- selectedKey == 'file' && React.createElement(text_1.TextV1, null, "Tabs #2"),
74
- selectedKey == 'settings' && React.createElement(text_1.TextV1, null, "Tabs #3"))));
75
- };
76
- var TabsRenderSeparately = function () {
77
- var _a = React.useState('rectangleRed'), selectedKey = _a[0], setSelectedKey = _a[1];
78
- var onTabsClick = React.useCallback(function (key) {
79
- setSelectedKey(key);
80
- }, [setSelectedKey]);
81
- var getTabId = function (key) {
82
- return "ShapeColorPivot_".concat(key);
83
- };
84
- return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
85
- React.createElement(react_native_1.View, { accessible: true, focusable: true, accessibilityLabel: getTabId(selectedKey), style: {
86
- width: 100,
87
- height: selectedKey === 'squareRed' ? 100 : 200,
88
- backgroundColor: selectedKey === 'rectangleGreen' ? 'green' : 'red',
89
- } }),
90
- React.createElement(experimental_tabs_1.Tabs, { label: "Tabs", onTabsClick: onTabsClick, getTabId: getTabId, headersOnly: true, selectedKey: selectedKey },
91
- React.createElement(experimental_tabs_1.TabsItem, { headerText: "Rectangle Red", itemKey: "rectangleRed" }),
92
- React.createElement(experimental_tabs_1.TabsItem, { headerText: "Square Red", itemKey: "squareRed" }),
93
- React.createElement(experimental_tabs_1.TabsItem, { headerText: "Rectangle Green", itemKey: "rectangleGreen" }))));
94
- };
95
- var TabsSettingSelectedKey = function () {
96
- // If user wants to programmatically set the selectedKey to control the view
97
- var _a = React.useState('home'), selectedKey = _a[0], setSelectedKey = _a[1];
98
- var _b = React.useState(0), currTabItemIndex = _b[0], setCurrTabItemIndex = _b[1];
99
- var tabItems = ['home', 'file', 'setting'];
100
- var goToNextTab = React.useCallback(function () {
101
- var newCurrTabItemIndex = (currTabItemIndex + 1) % 3;
102
- setCurrTabItemIndex(newCurrTabItemIndex);
103
- setSelectedKey(tabItems[newCurrTabItemIndex]);
104
- }, [currTabItemIndex]);
105
- return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
106
- React.createElement(experimental_tabs_1.Tabs, { label: "Tabs", selectedKey: selectedKey, isCircularNavigation: true },
107
- React.createElement(experimental_tabs_1.TabsItem, { headerText: "Home", itemKey: "home" },
108
- React.createElement(text_1.TextV1, null, "Tabs #1")),
109
- React.createElement(experimental_tabs_1.TabsItem, { headerText: "File", itemKey: "file" },
110
- React.createElement(text_1.TextV1, null, "Tabs #2")),
111
- React.createElement(experimental_tabs_1.TabsItem, { headerText: "Setting", itemKey: "setting" },
112
- React.createElement(text_1.TextV1, null, "Tabs #3"))),
113
- React.createElement(button_1.ButtonV1, { onClick: goToNextTab }, "View Next Tab")));
114
- };
115
- var TabsWithFlexibility = function () {
116
- var _a = React.useState('home'), selectedKey = _a[0], setSelectedKey = _a[1];
117
- var goHomeTab = React.useCallback(function () {
118
- setSelectedKey('home');
119
- }, [setSelectedKey]);
120
- var onTabsClick = React.useCallback(function (key) {
121
- setSelectedKey(key);
122
- }, [setSelectedKey]);
123
- return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
124
- React.createElement(experimental_tabs_1.Tabs, { selectedKey: selectedKey, onTabsClick: onTabsClick, isCircularNavigation: true },
125
- React.createElement(experimental_tabs_1.TabsItem, { headerText: "Home", itemKey: "home" },
126
- React.createElement(text_1.TextV1, null, "Tabs #1")),
127
- React.createElement(experimental_tabs_1.TabsItem, { headerText: "File", itemKey: "file" },
128
- React.createElement(text_1.TextV1, null, "Tabs #2")),
129
- React.createElement(experimental_tabs_1.TabsItem, { headerText: "Setting", itemKey: "setting" },
130
- React.createElement(text_1.TextV1, null, "Tabs #3"))),
131
- React.createElement(button_1.ButtonV1, { onClick: goHomeTab }, "View Home Tab")));
132
- };
133
- var tabsSections = [
134
- {
135
- name: 'Default Tabs',
136
- testID: consts_1.TABSV1_TESTPAGE,
137
- component: TabsMainTest,
138
- },
139
- {
140
- name: 'Tabs with disabled',
141
- component: DisabledTabs,
142
- },
143
- {
144
- name: 'Trigger onTabsClick event',
145
- component: TabsClickEventTest,
146
- },
147
- {
148
- name: 'User Custom Render',
149
- component: TabsChangingViews,
150
- },
151
- {
152
- name: 'Render Content Separately',
153
- component: TabsRenderSeparately,
154
- },
155
- {
156
- name: 'Override Selected Key',
157
- component: TabsSettingSelectedKey,
158
- },
159
- {
160
- name: 'More Flexibility',
161
- component: TabsWithFlexibility,
162
- },
163
- ];
164
- if (react_native_1.Platform.OS !== 'windows') {
165
- tabsSections.push({
166
- name: 'Count and Icon',
167
- component: TabsCountIcon,
168
- });
169
- }
170
- var e2eSections = [
171
- {
172
- name: 'E2E Testing TabsV1',
173
- component: TabsV1E2ETest_1.TabsV1E2ETest,
174
- },
175
- ];
176
- var TabsV1Test = function () {
177
- var status = {
178
- win32Status: 'Production',
179
- uwpStatus: 'Experimental',
180
- iosStatus: 'Backlog',
181
- macosStatus: 'Experimental',
182
- androidStatus: 'Backlog',
183
- };
184
- var description = 'With Tabs, users can navigate to another view.';
185
- return React.createElement(Test_1.Test, { name: "TabsV1 Test", description: description, sections: tabsSections, status: status, e2eSections: e2eSections });
186
- };
187
- exports.TabsV1Test = TabsV1Test;
188
- //# sourceMappingURL=TabsV1Test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TabsV1Test.js","sourceRoot":"","sources":["../../../../../src/TestComponents/TabsV1/TabsV1Test.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- export * from './TabsV1Test';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/TabsV1/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var tslib_1 = require("tslib");
4
- tslib_1.__exportStar(require("./TabsV1Test"), exports);
5
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/TestComponents/TabsV1/index.ts"],"names":[],"mappings":";;;AAAA,uDAA6B"}
@@ -1,94 +0,0 @@
1
- import * as React from 'react';
2
- import { View } from 'react-native';
3
-
4
- import { Tabs, TabsItem, Text } from '@fluentui/react-native';
5
-
6
- import {
7
- TABS_TEST_COMPONENT,
8
- TABS_ACCESSIBILITY_LABEL,
9
- TABS_TEST_COMPONENT_LABEL,
10
- TABS_NO_A11Y_LABEL_COMPONENT,
11
- SECOND_TABS_ITEM_CONTENT,
12
- FIRST_TABS_ITEM,
13
- SECOND_TABS_ITEM,
14
- THIRD_TABS_ITEM,
15
- FIRST_TABS_ITEM_ACCESSIBILITY_LABEL,
16
- THIRD_TABS_ITEM_LABEL,
17
- THIRD_TABS_ITEM_CONTENT,
18
- FIRST_TABS_ITEM_CONTENT,
19
- } from '../../../../E2E/src/TabsLegacy/consts';
20
- import { stackStyle } from '../Common/styles';
21
- import { testProps } from '../Common/TestProps';
22
-
23
- export const TabsLegacyE2ETest: React.FunctionComponent = () => {
24
- return (
25
- <View>
26
- <View style={stackStyle}>
27
- <Tabs
28
- label="Tabs"
29
- accessibilityLabel={TABS_ACCESSIBILITY_LABEL}
30
- /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
31
- {...testProps(TABS_TEST_COMPONENT)}
32
- >
33
- <TabsItem
34
- headerText="Home"
35
- itemKey="A"
36
- accessibilityLabel={FIRST_TABS_ITEM_ACCESSIBILITY_LABEL}
37
- /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
38
- {...testProps(FIRST_TABS_ITEM)}
39
- >
40
- <Text
41
- /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
42
- {...testProps(FIRST_TABS_ITEM_CONTENT)}
43
- >
44
- Tabs #1
45
- </Text>
46
- </TabsItem>
47
- <TabsItem
48
- headerText="Files"
49
- itemKey="B"
50
- /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
51
- {...testProps(SECOND_TABS_ITEM)}
52
- >
53
- <Text
54
- /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
55
- {...testProps(SECOND_TABS_ITEM_CONTENT)}
56
- >
57
- Tabs #2
58
- </Text>
59
- </TabsItem>
60
- <TabsItem
61
- headerText={THIRD_TABS_ITEM_LABEL}
62
- itemKey="C"
63
- /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
64
- {...testProps(THIRD_TABS_ITEM)}
65
- >
66
- <Text
67
- /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
68
- {...testProps(THIRD_TABS_ITEM_CONTENT)}
69
- >
70
- Tabs #3
71
- </Text>
72
- </TabsItem>
73
- </Tabs>
74
- </View>
75
- <View style={stackStyle}>
76
- <Tabs
77
- label={TABS_TEST_COMPONENT_LABEL}
78
- /* For Android E2E testing purposes, testProps must be passed in after accessibilityLabel. */
79
- {...testProps(TABS_NO_A11Y_LABEL_COMPONENT)}
80
- >
81
- <TabsItem headerText="Home" itemKey="A">
82
- <Text>Tabs #1</Text>
83
- </TabsItem>
84
- <TabsItem headerText="Files" itemKey="B">
85
- <Text>Tabs #2</Text>
86
- </TabsItem>
87
- <TabsItem headerText="Settings" itemKey="C">
88
- <Text>Tabs #3</Text>
89
- </TabsItem>
90
- </Tabs>
91
- </View>
92
- </View>
93
- );
94
- };