@fluentui-react-native/tester 0.82.0 → 0.82.3
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.
- package/CHANGELOG.json +216 -1
- package/CHANGELOG.md +53 -2
- package/lib/TestComponents/Badge/BadgeTest.d.ts.map +1 -1
- package/lib/TestComponents/Badge/BadgeTest.js +40 -24
- package/lib/TestComponents/Badge/BadgeTest.js.map +1 -1
- package/lib/TestComponents/Button/ButtonHOCTestSection.js +1 -1
- package/lib/TestComponents/Button/ButtonHOCTestSection.js.map +1 -1
- package/lib/TestComponents/Button/E2EButtonTest.d.ts.map +1 -1
- package/lib/TestComponents/Button/E2EButtonTest.js +25 -2
- package/lib/TestComponents/Button/E2EButtonTest.js.map +1 -1
- package/lib/TestComponents/Button/consts.d.ts +3 -0
- package/lib/TestComponents/Button/consts.d.ts.map +1 -1
- package/lib/TestComponents/Button/consts.js +4 -0
- package/lib/TestComponents/Button/consts.js.map +1 -1
- package/lib/TestComponents/Menu/E2EMenuTest.js +1 -1
- package/lib/TestComponents/Menu/E2EMenuTest.js.map +1 -1
- package/lib/TestComponents/Menu/MenuTest.js +1 -1
- package/lib/TestComponents/Menu/MenuTest.js.map +1 -1
- package/lib/TestComponents/TabsExperimental/TabsExperimentalE2ETest.js +1 -1
- package/lib/TestComponents/TabsExperimental/TabsExperimentalE2ETest.js.map +1 -1
- package/lib/TestComponents/TabsExperimental/TabsTest.js +1 -1
- package/lib/TestComponents/TabsExperimental/TabsTest.js.map +1 -1
- package/lib/theme/ThemePickers.android.js +1 -1
- package/lib/theme/ThemePickers.android.js.map +1 -1
- package/lib/theme/ThemePickers.js +1 -1
- package/lib/theme/ThemePickers.js.map +1 -1
- package/lib/theme/ThemePickers.macos.js +1 -1
- package/lib/theme/ThemePickers.macos.js.map +1 -1
- package/lib-commonjs/TestComponents/Badge/BadgeTest.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Badge/BadgeTest.js +42 -26
- package/lib-commonjs/TestComponents/Badge/BadgeTest.js.map +1 -1
- package/lib-commonjs/TestComponents/Button/ButtonHOCTestSection.js +2 -2
- package/lib-commonjs/TestComponents/Button/ButtonHOCTestSection.js.map +1 -1
- package/lib-commonjs/TestComponents/Button/E2EButtonTest.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Button/E2EButtonTest.js +23 -1
- package/lib-commonjs/TestComponents/Button/E2EButtonTest.js.map +1 -1
- package/lib-commonjs/TestComponents/Button/consts.d.ts +3 -0
- package/lib-commonjs/TestComponents/Button/consts.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Button/consts.js +5 -1
- package/lib-commonjs/TestComponents/Button/consts.js.map +1 -1
- package/lib-commonjs/TestComponents/Menu/E2EMenuTest.js +2 -2
- package/lib-commonjs/TestComponents/Menu/E2EMenuTest.js.map +1 -1
- package/lib-commonjs/TestComponents/Menu/MenuTest.js +2 -2
- package/lib-commonjs/TestComponents/Menu/MenuTest.js.map +1 -1
- package/lib-commonjs/TestComponents/TabsExperimental/TabsExperimentalE2ETest.js +7 -7
- package/lib-commonjs/TestComponents/TabsExperimental/TabsExperimentalE2ETest.js.map +1 -1
- package/lib-commonjs/TestComponents/TabsExperimental/TabsTest.js +23 -23
- package/lib-commonjs/TestComponents/TabsExperimental/TabsTest.js.map +1 -1
- package/lib-commonjs/theme/ThemePickers.android.js +2 -2
- package/lib-commonjs/theme/ThemePickers.android.js.map +1 -1
- package/lib-commonjs/theme/ThemePickers.js +2 -2
- package/lib-commonjs/theme/ThemePickers.js.map +1 -1
- package/lib-commonjs/theme/ThemePickers.macos.js +3 -3
- package/lib-commonjs/theme/ThemePickers.macos.js.map +1 -1
- package/package.json +16 -15
- package/src/TestComponents/Badge/BadgeTest.tsx +81 -34
- package/src/TestComponents/Button/ButtonHOCTestSection.tsx +1 -1
- package/src/TestComponents/Button/E2EButtonTest.tsx +32 -0
- package/src/TestComponents/Button/consts.ts +5 -0
- package/src/TestComponents/Menu/E2EMenuTest.tsx +1 -1
- package/src/TestComponents/Menu/MenuTest.tsx +1 -1
- package/src/TestComponents/TabsExperimental/TabsExperimentalE2ETest.tsx +1 -1
- package/src/TestComponents/TabsExperimental/TabsTest.tsx +1 -1
- package/src/theme/ThemePickers.android.tsx +1 -1
- package/src/theme/ThemePickers.macos.tsx +1 -1
- package/src/theme/ThemePickers.tsx +1 -1
|
@@ -4,7 +4,7 @@ exports.ExperimentalTabsTest = void 0;
|
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var React = (0, tslib_1.__importStar)(require("react"));
|
|
6
6
|
var react_native_1 = require("react-native");
|
|
7
|
-
var
|
|
7
|
+
var text_1 = require("@fluentui-react-native/text");
|
|
8
8
|
var experimental_button_1 = require("@fluentui-react-native/experimental-button");
|
|
9
9
|
var experimental_tabs_1 = require("@fluentui-react-native/experimental-tabs");
|
|
10
10
|
var styles_1 = require("../Common/styles");
|
|
@@ -16,21 +16,21 @@ var TabsMainTest = function () {
|
|
|
16
16
|
return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
|
|
17
17
|
React.createElement(experimental_tabs_1.Tabs, { label: "Tabs" },
|
|
18
18
|
React.createElement(experimental_tabs_1.TabsItem, { headerText: "Home", itemKey: "A" },
|
|
19
|
-
React.createElement(
|
|
19
|
+
React.createElement(text_1.TextV1, null, "Tabs #1")),
|
|
20
20
|
React.createElement(experimental_tabs_1.TabsItem, { headerText: "Files", itemKey: "B" },
|
|
21
|
-
React.createElement(
|
|
21
|
+
React.createElement(text_1.TextV1, null, "Tabs #2")),
|
|
22
22
|
React.createElement(experimental_tabs_1.TabsItem, { headerText: "Settings", itemKey: "C" },
|
|
23
|
-
React.createElement(
|
|
23
|
+
React.createElement(text_1.TextV1, null, "Tabs #3")))));
|
|
24
24
|
};
|
|
25
25
|
var DisabledTabs = function () {
|
|
26
26
|
return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
|
|
27
27
|
React.createElement(experimental_tabs_1.Tabs, { label: "Tabs" },
|
|
28
28
|
React.createElement(experimental_tabs_1.TabsItem, { headerText: "Home", itemKey: "A" },
|
|
29
|
-
React.createElement(
|
|
29
|
+
React.createElement(text_1.TextV1, null, "Tabs #1")),
|
|
30
30
|
React.createElement(experimental_tabs_1.TabsItem, { headerText: "Files", itemKey: "B", disabled: true },
|
|
31
|
-
React.createElement(
|
|
31
|
+
React.createElement(text_1.TextV1, null, "Tabs #2")),
|
|
32
32
|
React.createElement(experimental_tabs_1.TabsItem, { headerText: "Settings", itemKey: "C" },
|
|
33
|
-
React.createElement(
|
|
33
|
+
React.createElement(text_1.TextV1, null, "Tabs #3")))));
|
|
34
34
|
};
|
|
35
35
|
var TabsCountIcon = function () {
|
|
36
36
|
var svgProps = {
|
|
@@ -40,11 +40,11 @@ var TabsCountIcon = function () {
|
|
|
40
40
|
return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
|
|
41
41
|
React.createElement(experimental_tabs_1.Tabs, { label: "Tabs" },
|
|
42
42
|
React.createElement(experimental_tabs_1.TabsItem, { headerText: "Home", itemKey: "A", icon: { svgSource: svgProps, width: 20, height: 20, style: { margin: 5 } }, itemCount: 23 },
|
|
43
|
-
React.createElement(
|
|
43
|
+
React.createElement(text_1.TextV1, null, "Tabs #1")),
|
|
44
44
|
React.createElement(experimental_tabs_1.TabsItem, { itemKey: "B", icon: { svgSource: svgProps, width: 20, height: 20 }, itemCount: 0 },
|
|
45
|
-
React.createElement(
|
|
45
|
+
React.createElement(text_1.TextV1, null, "Tabs #2")),
|
|
46
46
|
React.createElement(experimental_tabs_1.TabsItem, { itemKey: "C", icon: { svgSource: svgProps, width: 20, height: 20 } },
|
|
47
|
-
React.createElement(
|
|
47
|
+
React.createElement(text_1.TextV1, null, "Tabs #3")))));
|
|
48
48
|
};
|
|
49
49
|
var TabsClickEventTest = function () {
|
|
50
50
|
var _a = React.useState('home_key'), selectedKey = _a[0], setSelectedKey = _a[1];
|
|
@@ -52,14 +52,14 @@ var TabsClickEventTest = function () {
|
|
|
52
52
|
setSelectedKey(key);
|
|
53
53
|
}, [setSelectedKey]);
|
|
54
54
|
return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
|
|
55
|
-
React.createElement(
|
|
55
|
+
React.createElement(text_1.TextV1, null, 'Last onTabsClick from: ' + selectedKey),
|
|
56
56
|
React.createElement(experimental_tabs_1.Tabs, { label: "Tabs", onTabsClick: onTabsClick, selectedKey: selectedKey },
|
|
57
57
|
React.createElement(experimental_tabs_1.TabsItem, { headerText: "Home", itemKey: "home_key" },
|
|
58
|
-
React.createElement(
|
|
58
|
+
React.createElement(text_1.TextV1, null, "Tabs #1")),
|
|
59
59
|
React.createElement(experimental_tabs_1.TabsItem, { headerText: "Files", itemKey: "files_key" },
|
|
60
|
-
React.createElement(
|
|
60
|
+
React.createElement(text_1.TextV1, null, "Tabs #2")),
|
|
61
61
|
React.createElement(experimental_tabs_1.TabsItem, { headerText: "Settings", itemKey: "settings_key" },
|
|
62
|
-
React.createElement(
|
|
62
|
+
React.createElement(text_1.TextV1, null, "Tabs #3")))));
|
|
63
63
|
};
|
|
64
64
|
var TabsChangingViews = function () {
|
|
65
65
|
// If User wants to control what gets rendered example
|
|
@@ -73,9 +73,9 @@ var TabsChangingViews = function () {
|
|
|
73
73
|
React.createElement(experimental_tabs_1.TabsItem, { headerText: "File", itemKey: "file" }),
|
|
74
74
|
React.createElement(experimental_tabs_1.TabsItem, { headerText: "Settings", itemKey: "settings" })),
|
|
75
75
|
React.createElement(react_native_1.View, { style: { marginVertical: 1 } },
|
|
76
|
-
selectedKey == 'home' && React.createElement(
|
|
77
|
-
selectedKey == 'file' && React.createElement(
|
|
78
|
-
selectedKey == 'settings' && React.createElement(
|
|
76
|
+
selectedKey == 'home' && React.createElement(text_1.TextV1, null, "Tabs #1"),
|
|
77
|
+
selectedKey == 'file' && React.createElement(text_1.TextV1, null, "Tabs #2"),
|
|
78
|
+
selectedKey == 'settings' && React.createElement(text_1.TextV1, null, "Tabs #3"))));
|
|
79
79
|
};
|
|
80
80
|
var TabsRenderSeparately = function () {
|
|
81
81
|
var _a = React.useState('rectangleRed'), selectedKey = _a[0], setSelectedKey = _a[1];
|
|
@@ -109,11 +109,11 @@ var TabsSettingSelectedKey = function () {
|
|
|
109
109
|
return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
|
|
110
110
|
React.createElement(experimental_tabs_1.Tabs, { label: "Tabs", selectedKey: selectedKey, isCircularNavigation: true },
|
|
111
111
|
React.createElement(experimental_tabs_1.TabsItem, { headerText: "Home", itemKey: "home" },
|
|
112
|
-
React.createElement(
|
|
112
|
+
React.createElement(text_1.TextV1, null, "Tabs #1")),
|
|
113
113
|
React.createElement(experimental_tabs_1.TabsItem, { headerText: "File", itemKey: "file" },
|
|
114
|
-
React.createElement(
|
|
114
|
+
React.createElement(text_1.TextV1, null, "Tabs #2")),
|
|
115
115
|
React.createElement(experimental_tabs_1.TabsItem, { headerText: "Setting", itemKey: "setting" },
|
|
116
|
-
React.createElement(
|
|
116
|
+
React.createElement(text_1.TextV1, null, "Tabs #3"))),
|
|
117
117
|
React.createElement(experimental_button_1.Button, { onClick: goToNextTab }, "View Next Tab")));
|
|
118
118
|
};
|
|
119
119
|
var TabsWithFlexibility = function () {
|
|
@@ -127,11 +127,11 @@ var TabsWithFlexibility = function () {
|
|
|
127
127
|
return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
|
|
128
128
|
React.createElement(experimental_tabs_1.Tabs, { selectedKey: selectedKey, onTabsClick: onTabsClick, isCircularNavigation: true },
|
|
129
129
|
React.createElement(experimental_tabs_1.TabsItem, { headerText: "Home", itemKey: "home" },
|
|
130
|
-
React.createElement(
|
|
130
|
+
React.createElement(text_1.TextV1, null, "Tabs #1")),
|
|
131
131
|
React.createElement(experimental_tabs_1.TabsItem, { headerText: "File", itemKey: "file" },
|
|
132
|
-
React.createElement(
|
|
132
|
+
React.createElement(text_1.TextV1, null, "Tabs #2")),
|
|
133
133
|
React.createElement(experimental_tabs_1.TabsItem, { headerText: "Setting", itemKey: "setting" },
|
|
134
|
-
React.createElement(
|
|
134
|
+
React.createElement(text_1.TextV1, null, "Tabs #3"))),
|
|
135
135
|
React.createElement(experimental_button_1.Button, { onClick: goHomeTab }, "View Home Tab")));
|
|
136
136
|
};
|
|
137
137
|
var tabsSections = [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsTest.js","sourceRoot":"","sources":["../../../src/TestComponents/TabsExperimental/TabsTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAA8C;AAC9C,
|
|
1
|
+
{"version":3,"file":"TabsTest.js","sourceRoot":"","sources":["../../../src/TestComponents/TabsExperimental/TabsTest.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ exports.ThemePickers = void 0;
|
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var React = (0, tslib_1.__importStar)(require("react"));
|
|
6
6
|
var react_native_1 = require("react-native");
|
|
7
|
-
var
|
|
7
|
+
var text_1 = require("@fluentui-react-native/text");
|
|
8
8
|
var CustomThemes_1 = require("./CustomThemes");
|
|
9
9
|
var applyTheme_1 = require("./applyTheme");
|
|
10
10
|
var applyBrand_1 = require("./applyBrand");
|
|
@@ -34,7 +34,7 @@ var getThemedDropdownStyles = (0, themed_stylesheet_1.themedStyleSheet)(function
|
|
|
34
34
|
},
|
|
35
35
|
};
|
|
36
36
|
});
|
|
37
|
-
var PickerLabel =
|
|
37
|
+
var PickerLabel = text_1.TextV1.customize({ variant: 'subheaderSemibold' });
|
|
38
38
|
var ThemePickers = function () {
|
|
39
39
|
var onBrandChange = React.useCallback(function (newBrand) {
|
|
40
40
|
CustomThemes_1.testerTheme.brand = newBrand;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemePickers.android.js","sourceRoot":"","sources":["../../src/theme/ThemePickers.android.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"ThemePickers.android.js","sourceRoot":"","sources":["../../src/theme/ThemePickers.android.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ exports.ThemePickers = exports.PartPicker = exports.themePickerStyles = void 0;
|
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var React = (0, tslib_1.__importStar)(require("react"));
|
|
6
6
|
var react_native_1 = require("react-native");
|
|
7
|
-
var
|
|
7
|
+
var text_1 = require("@fluentui-react-native/text");
|
|
8
8
|
var CustomThemes_1 = require("./CustomThemes");
|
|
9
9
|
var applyTheme_1 = require("./applyTheme");
|
|
10
10
|
var applyBrand_1 = require("./applyBrand");
|
|
@@ -34,7 +34,7 @@ var PartPicker = function (props) {
|
|
|
34
34
|
return React.createElement(MenuPicker_1.MenuPicker, { selected: selected, style: exports.themePickerStyles.dropdown, onChange: onValueChange, collection: contents });
|
|
35
35
|
};
|
|
36
36
|
exports.PartPicker = PartPicker;
|
|
37
|
-
var PickerLabel =
|
|
37
|
+
var PickerLabel = text_1.TextV1.customize({ variant: 'bodySemibold' });
|
|
38
38
|
var ThemePickers = function () {
|
|
39
39
|
var onBrandChange = React.useCallback(function (newBrand) {
|
|
40
40
|
CustomThemes_1.testerTheme.brand = newBrand;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemePickers.js","sourceRoot":"","sources":["../../src/theme/ThemePickers.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAAgD;AAChD,
|
|
1
|
+
{"version":3,"file":"ThemePickers.js","sourceRoot":"","sources":["../../src/theme/ThemePickers.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAAgD;AAChD,oDAA6D;AAC7D,+CAA+D;AAC/D,2CAAwD;AACxD,2CAAyD;AAEzD,kEAAiE;AAEpD,QAAA,iBAAiB,GAAG,yBAAU,CAAC,MAAM,CAAC;IACjD,UAAU,EAAE;QACV,aAAa,EAAE,KAAK;KACrB;IAED,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,CAAC;KACX;IAED,QAAQ,EAAE;QACR,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,EAAE;KACb;CACF,CAAC,CAAC;AAUI,IAAM,UAAU,GAA6C,UAAC,KAAsB;IACjF,IAAA,OAAO,GAAyB,KAAK,QAA9B,EAAE,QAAQ,GAAe,KAAK,SAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IACxC,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAhD,QAAQ,QAAA,EAAE,WAAW,QAA2B,CAAC;IACxD,IAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACrC,UAAC,KAAa;QACZ,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EACD,CAAC,WAAW,EAAE,QAAQ,CAAC,CACxB,CAAC;IAEF,OAAO,oBAAC,uBAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,yBAAiB,CAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,GAAI,CAAC;AAC9H,CAAC,CAAC;AAZW,QAAA,UAAU,cAYrB;AAEF,IAAM,WAAW,GAAG,aAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,CAAC;AAEzD,IAAM,YAAY,GAA4B;IACnD,IAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,QAAgB;QACvD,0BAAW,CAAC,KAAK,GAAG,QAAuB,CAAC;IAC9C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,QAAgB;QACzD,0BAAW,CAAC,SAAS,GAAG,QAAsB,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,aAAqB;QACjE,0BAAW,CAAC,UAAU,GAAG,aAA2C,CAAC;IACvE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAiB,CAAC,UAAU;QACvC,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAiB,CAAC,MAAM;YACnC,oBAAC,WAAW,kBAAsB;YAClC,oBAAC,kBAAU,IAAC,OAAO,EAAE,0BAAW,CAAC,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,yBAAY,GAAI,CAC5F;QAEP,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAiB,CAAC,MAAM;YACnC,oBAAC,WAAW,uBAA2B;YACvC,oBAAC,kBAAU,IAAC,OAAO,EAAE,0BAAW,CAAC,UAAU,EAAE,QAAQ,EAAE,kBAAkB,EAAE,QAAQ,EAAE,+BAAgB,GAAI,CACpG;QAEP,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAiB,CAAC,MAAM;YACnC,oBAAC,WAAW,kBAAsB;YAClC,oBAAC,kBAAU,IAAC,OAAO,EAAE,0BAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,yBAAY,GAAI,CACtF,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,YAAY,gBA+BvB"}
|
|
@@ -4,7 +4,7 @@ exports.ThemePickers = exports.PartPicker = exports.themePickerStyles = void 0;
|
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var React = (0, tslib_1.__importStar)(require("react"));
|
|
6
6
|
var react_native_1 = require("react-native");
|
|
7
|
-
var
|
|
7
|
+
var text_1 = require("@fluentui-react-native/text");
|
|
8
8
|
var react_native_svg_1 = require("react-native-svg");
|
|
9
9
|
var menu_1 = require("@fluentui-react-native/menu");
|
|
10
10
|
var react_native_2 = require("@fluentui/react-native");
|
|
@@ -43,7 +43,7 @@ var ThemeMenuPicker = function (_a) {
|
|
|
43
43
|
React.createElement(menu_1.Menu, null,
|
|
44
44
|
React.createElement(menu_1.MenuTrigger, null,
|
|
45
45
|
React.createElement(react_native_2.ButtonV1, null,
|
|
46
|
-
React.createElement(
|
|
46
|
+
React.createElement(text_1.TextV1, null, selected),
|
|
47
47
|
React.createElement(react_native_1.View, { style: themeMenuPickerStyles.svg },
|
|
48
48
|
React.createElement(react_native_svg_1.SvgXml, { xml: chevronXml })))),
|
|
49
49
|
React.createElement(menu_1.MenuPopover, null,
|
|
@@ -59,7 +59,7 @@ var PartPicker = function (props) {
|
|
|
59
59
|
return React.createElement(ThemeMenuPicker, { selected: value, style: exports.themePickerStyles.dropdown, onChange: onValueChange, collection: contents });
|
|
60
60
|
};
|
|
61
61
|
exports.PartPicker = PartPicker;
|
|
62
|
-
var PickerLabel =
|
|
62
|
+
var PickerLabel = text_1.TextV1.customize({ variant: 'bodySemibold' });
|
|
63
63
|
var ThemePickers = function () {
|
|
64
64
|
var onBrandChange = React.useCallback(function (newBrand) {
|
|
65
65
|
CustomThemes_1.testerTheme.brand = newBrand;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemePickers.macos.js","sourceRoot":"","sources":["../../src/theme/ThemePickers.macos.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAAgD;AAChD,
|
|
1
|
+
{"version":3,"file":"ThemePickers.macos.js","sourceRoot":"","sources":["../../src/theme/ThemePickers.macos.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
|
-
"version": "0.82.
|
|
3
|
+
"version": "0.82.3",
|
|
4
4
|
"description": "A test app to test FluentUI React Native Components during development",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Microsoft <fluentuinativeowners@microsoft.com>",
|
|
@@ -37,33 +37,34 @@
|
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@fluentui-react-native/android-theme": ">=0.11.0 <1.0.0",
|
|
39
39
|
"@fluentui-react-native/apple-theme": ">=0.13.2 <1.0.0",
|
|
40
|
-
"@fluentui-react-native/avatar": "^1.1.
|
|
41
|
-
"@fluentui-react-native/badge": ">=0.1.
|
|
42
|
-
"@fluentui-react-native/button": ">=0.24.
|
|
40
|
+
"@fluentui-react-native/avatar": "^1.1.28",
|
|
41
|
+
"@fluentui-react-native/badge": ">=0.1.14 <1.0.0",
|
|
42
|
+
"@fluentui-react-native/button": ">=0.24.11 <1.0.0",
|
|
43
43
|
"@fluentui-react-native/default-theme": ">=0.14.0 <1.0.0",
|
|
44
44
|
"@fluentui-react-native/experimental-activity-indicator": ">=0.6.0 <1.0.0",
|
|
45
45
|
"@fluentui-react-native/experimental-avatar": ">=0.16.0 <1.0.0",
|
|
46
|
-
"@fluentui-react-native/experimental-button": "0.16.
|
|
47
|
-
"@fluentui-react-native/experimental-checkbox": "0.12.
|
|
46
|
+
"@fluentui-react-native/experimental-button": "0.16.11",
|
|
47
|
+
"@fluentui-react-native/experimental-checkbox": "0.12.8",
|
|
48
48
|
"@fluentui-react-native/experimental-expander": "0.4.0",
|
|
49
|
-
"@fluentui-react-native/experimental-menu-button": ">=0.4.
|
|
49
|
+
"@fluentui-react-native/experimental-menu-button": ">=0.4.13 <1.0.0",
|
|
50
50
|
"@fluentui-react-native/experimental-native-date-picker": ">=0.6.0 <1.0.0",
|
|
51
51
|
"@fluentui-react-native/experimental-shadow": "0.2.10",
|
|
52
52
|
"@fluentui-react-native/experimental-shimmer": "0.7.0",
|
|
53
|
-
"@fluentui-react-native/experimental-tabs": "0.5.
|
|
54
|
-
"@fluentui-react-native/experimental-text": ">=0.
|
|
53
|
+
"@fluentui-react-native/experimental-tabs": "0.5.8",
|
|
54
|
+
"@fluentui-react-native/experimental-text": ">=0.11.0 <1.0.0",
|
|
55
55
|
"@fluentui-react-native/framework": ">=0.8.0 <1.0.0",
|
|
56
|
-
"@fluentui-react-native/icon": "0.13.
|
|
57
|
-
"@fluentui-react-native/interactive-hooks": ">=0.
|
|
58
|
-
"@fluentui-react-native/menu": "^1.0.
|
|
59
|
-
"@fluentui-react-native/notification": "0.11.
|
|
60
|
-
"@fluentui-react-native/stack": ">=0.7.
|
|
56
|
+
"@fluentui-react-native/icon": "0.13.3",
|
|
57
|
+
"@fluentui-react-native/interactive-hooks": ">=0.18.0 <1.0.0",
|
|
58
|
+
"@fluentui-react-native/menu": "^1.0.20",
|
|
59
|
+
"@fluentui-react-native/notification": "0.11.2",
|
|
60
|
+
"@fluentui-react-native/stack": ">=0.7.2 <1.0.0",
|
|
61
|
+
"@fluentui-react-native/text": ">=0.13.0 <1.0.0",
|
|
61
62
|
"@fluentui-react-native/theme": ">=0.7.0 <1.0.0",
|
|
62
63
|
"@fluentui-react-native/theme-types": ">=0.18.0 <1.0.0",
|
|
63
64
|
"@fluentui-react-native/themed-stylesheet": "^1.4.0",
|
|
64
65
|
"@fluentui-react-native/theming-utils": ">=0.14.0 <1.0.0",
|
|
65
66
|
"@fluentui-react-native/win32-theme": ">=0.20.1 <1.0.0",
|
|
66
|
-
"@fluentui/react-native": ">=0.
|
|
67
|
+
"@fluentui/react-native": ">=0.32.0 <1.0.0",
|
|
67
68
|
"@react-native-community/slider": "^4.2.0",
|
|
68
69
|
"@react-native-menu/menu": "^0.1.2",
|
|
69
70
|
"@react-native-picker/picker": "^2.2.1",
|
|
@@ -3,6 +3,7 @@ import React, { useState, useCallback } from 'react';
|
|
|
3
3
|
import { BADGE_TESTPAGE } from './consts';
|
|
4
4
|
import { Test, TestSection, PlatformStatus } from '../Test';
|
|
5
5
|
import { View, Platform, Text, Image } from 'react-native';
|
|
6
|
+
import { commonTestStyles } from '../Common/styles';
|
|
6
7
|
import {
|
|
7
8
|
Badge,
|
|
8
9
|
PresenceBadge,
|
|
@@ -28,11 +29,6 @@ const badgeSizes: BadgeSize[] = [...BadgeSizes];
|
|
|
28
29
|
const badgeAppearances: BadgeAppearance[] = [...BadgeAppearances];
|
|
29
30
|
const badgeIconPositions = ['before', 'after'];
|
|
30
31
|
|
|
31
|
-
const BadgeNoBorder = Badge.customize({
|
|
32
|
-
borderColor: 'transparent',
|
|
33
|
-
borderWidth: 0,
|
|
34
|
-
});
|
|
35
|
-
|
|
36
32
|
const StyledBadge = Badge.customize({
|
|
37
33
|
backgroundColor: 'yellow',
|
|
38
34
|
borderColor: '#f09',
|
|
@@ -72,49 +68,100 @@ export const BasicBadge: React.FunctionComponent = () => {
|
|
|
72
68
|
size,
|
|
73
69
|
shape,
|
|
74
70
|
};
|
|
71
|
+
const badgeContent = size !== 'tiny' && size !== 'extraSmall' ? 'Basic badge' : '';
|
|
75
72
|
|
|
76
73
|
return (
|
|
77
74
|
<View>
|
|
78
|
-
<
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
<StyledPicker prompt="
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
75
|
+
<View style={{ flexDirection: 'row' }}>
|
|
76
|
+
<View>
|
|
77
|
+
<StyledPicker
|
|
78
|
+
prompt="Badge appearance"
|
|
79
|
+
selected={badgeAppearance}
|
|
80
|
+
onChange={onBadgeAppearanceChange}
|
|
81
|
+
collection={badgeAppearances}
|
|
82
|
+
/>
|
|
83
|
+
<StyledPicker prompt="Badge color" selected={badgeColor} onChange={onBadgeColorChange} collection={badgeColors} />
|
|
84
|
+
<StyledPicker prompt="Shape" selected={shape} onChange={onShapeChange} collection={badgeShapes} />
|
|
85
|
+
<StyledPicker prompt="Size" selected={size} onChange={onSizeChange} collection={badgeSizes} />
|
|
86
|
+
{svgIconsEnabled && (
|
|
87
|
+
<>
|
|
88
|
+
<ToggleButton onClick={() => setShowIcon(!showIcon)} checked={showIcon}>
|
|
89
|
+
Set {showIcon ? ' Hide icon' : ' Show icon'}
|
|
90
|
+
</ToggleButton>
|
|
91
|
+
<StyledPicker
|
|
92
|
+
prompt="Icon position"
|
|
93
|
+
selected={iconPosition}
|
|
94
|
+
onChange={onIconPositionChange}
|
|
95
|
+
collection={badgeIconPositions}
|
|
96
|
+
/>
|
|
97
|
+
</>
|
|
98
|
+
)}
|
|
99
|
+
</View>
|
|
100
|
+
<View style={{ paddingHorizontal: 40, ...commonTestStyles.vmargin }}>
|
|
101
|
+
{svgIconsEnabled && showIcon ? (
|
|
102
|
+
<Badge {...badgeConfig} icon={{ svgSource: svgProps }} iconPosition={iconPosition}>
|
|
103
|
+
{badgeContent}
|
|
104
|
+
</Badge>
|
|
105
|
+
) : (
|
|
106
|
+
<Badge {...badgeConfig}>{badgeContent}</Badge>
|
|
107
|
+
)}
|
|
108
|
+
</View>
|
|
109
|
+
</View>
|
|
110
|
+
<View style={{ flexDirection: 'row' }}>
|
|
111
|
+
{svgIconsEnabled && (
|
|
112
|
+
<>
|
|
113
|
+
<View>
|
|
114
|
+
<Badge size="small" icon={{ svgSource: svgProps }}></Badge>
|
|
115
|
+
<Badge size="medium" icon={{ svgSource: svgProps }}></Badge>
|
|
116
|
+
<Badge size="large" icon={{ svgSource: svgProps }}></Badge>
|
|
117
|
+
<Badge size="extraLarge" icon={{ svgSource: svgProps }}></Badge>
|
|
118
|
+
</View>
|
|
119
|
+
<View>
|
|
120
|
+
<Badge size="small" icon={{ svgSource: svgProps }}>
|
|
121
|
+
999+
|
|
122
|
+
</Badge>
|
|
123
|
+
<Badge size="medium" icon={{ svgSource: svgProps }}>
|
|
124
|
+
999+
|
|
125
|
+
</Badge>
|
|
126
|
+
<Badge size="large" icon={{ svgSource: svgProps }}>
|
|
127
|
+
999+
|
|
128
|
+
</Badge>
|
|
129
|
+
<Badge size="extraLarge" icon={{ svgSource: svgProps }}>
|
|
130
|
+
999+
|
|
131
|
+
</Badge>
|
|
132
|
+
</View>
|
|
133
|
+
<View>
|
|
134
|
+
<Badge icon={{ svgSource: svgProps }} />
|
|
135
|
+
<Badge icon={{ svgSource: svgProps }}>Icon before by default</Badge>
|
|
136
|
+
<Badge icon={{ svgSource: svgProps }} iconPosition="before">
|
|
137
|
+
Icon before
|
|
138
|
+
</Badge>
|
|
139
|
+
<Badge icon={{ svgSource: svgProps }} iconPosition="after">
|
|
140
|
+
Icon after
|
|
141
|
+
</Badge>
|
|
142
|
+
</View>
|
|
143
|
+
</>
|
|
144
|
+
)}
|
|
98
145
|
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
146
|
+
<Text>Size</Text>
|
|
147
|
+
<Badge size="tiny" shape="circular" />
|
|
148
|
+
<Badge size="extraSmall" shape="circular" />
|
|
149
|
+
<Badge size="small">Small</Badge>
|
|
150
|
+
<Badge size="medium">Medium</Badge>
|
|
151
|
+
<Badge size="large">Large</Badge>
|
|
152
|
+
<Badge size="extraLarge">Extra Large</Badge>
|
|
153
|
+
</View>
|
|
106
154
|
{svgIconsEnabled && (
|
|
107
155
|
<>
|
|
108
156
|
<Text>Badge with icon</Text>
|
|
109
157
|
<Badge icon={{ svgSource: svgProps }} iconPosition="after">
|
|
158
|
+
<Image source={{ uri: satyaPhotoUrl }} style={{ width: 20, height: 20 }} />
|
|
110
159
|
Badge with
|
|
111
160
|
<Image source={{ uri: satyaPhotoUrl }} style={{ width: 20, height: 20 }} />
|
|
112
161
|
<Text style={{ backgroundColor: 'yellow' }}>optional content</Text>
|
|
113
162
|
</Badge>
|
|
114
163
|
<Badge appearance="outline" icon={iconProps} />
|
|
115
164
|
<Badge icon={{ fontSource: { ...fontBuiltInProps }, color: '#fff' }}>Badge with icon</Badge>
|
|
116
|
-
<Text>Customized Badge</Text>
|
|
117
|
-
<BadgeNoBorder appearance="outline" icon={iconProps} />
|
|
118
165
|
</>
|
|
119
166
|
)}
|
|
120
167
|
<StyledBadge appearance="outline">Styled badge</StyledBadge>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ButtonV1 as Button } from '@fluentui/react-native';
|
|
2
|
-
import { Text } from '@fluentui-react-native/
|
|
2
|
+
import { TextV1 as Text } from '@fluentui-react-native/text';
|
|
3
3
|
import { Icon, SvgIconProps } from '@fluentui-react-native/icon';
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
import { Platform, View } from 'react-native';
|
|
@@ -11,15 +11,38 @@ import {
|
|
|
11
11
|
BUTTON_NO_A11Y_LABEL_COMPONENT,
|
|
12
12
|
BUTTON_ACCESSIBILITY_LABEL,
|
|
13
13
|
BUTTON_TEST_COMPONENT_LABEL,
|
|
14
|
+
BUTTON_ON_KEY,
|
|
15
|
+
BUTTON_PRESS_TEST_COMPONENT,
|
|
16
|
+
BUTTON_PRESS_TEST_COMPONENT_LABEL,
|
|
14
17
|
} from './consts';
|
|
18
|
+
import { IViewWin32Props } from '@office-iss/react-native-win32';
|
|
15
19
|
|
|
16
20
|
export const E2EButtonExperimentalTest: React.FunctionComponent = () => {
|
|
17
21
|
const [buttonPressed, setButtonPressed] = React.useState(false);
|
|
22
|
+
const [keyDetected, setKeyDetected] = React.useState('');
|
|
18
23
|
|
|
19
24
|
const onClick = React.useCallback(() => {
|
|
20
25
|
setButtonPressed(!buttonPressed);
|
|
26
|
+
setKeyDetected('');
|
|
21
27
|
}, [buttonPressed]);
|
|
22
28
|
|
|
29
|
+
const keyPressProps: Omit<IViewWin32Props, 'accessibilityRole' | 'onBlur' | 'onFocus'> = {
|
|
30
|
+
keyDownEvents: [{ key: 'a' }],
|
|
31
|
+
onKeyDown: (args) => {
|
|
32
|
+
if (args.nativeEvent.key === 'a') {
|
|
33
|
+
setKeyDetected('a (down)');
|
|
34
|
+
args.stopPropagation();
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
keyUpEvents: [{ key: 'b' }],
|
|
38
|
+
onKeyUp: (args) => {
|
|
39
|
+
if (args.nativeEvent.key === 'b') {
|
|
40
|
+
setKeyDetected('b (up)');
|
|
41
|
+
args.stopPropagation();
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
};
|
|
45
|
+
|
|
23
46
|
return (
|
|
24
47
|
<View>
|
|
25
48
|
<Stack style={stackStyle}>
|
|
@@ -29,7 +52,16 @@ export const E2EButtonExperimentalTest: React.FunctionComponent = () => {
|
|
|
29
52
|
<Button testID={BUTTON_NO_A11Y_LABEL_COMPONENT} onClick={onClick}>
|
|
30
53
|
{BUTTON_TEST_COMPONENT_LABEL}
|
|
31
54
|
</Button>
|
|
55
|
+
<Button
|
|
56
|
+
testID={BUTTON_PRESS_TEST_COMPONENT}
|
|
57
|
+
onClick={onClick}
|
|
58
|
+
accessibilityLabel={BUTTON_PRESS_TEST_COMPONENT_LABEL}
|
|
59
|
+
{...keyPressProps}
|
|
60
|
+
>
|
|
61
|
+
Press "a" or "b" after focusing this button
|
|
62
|
+
</Button>
|
|
32
63
|
{buttonPressed ? <Text testID={BUTTON_ON_PRESS}>Button Pressed</Text> : null}
|
|
64
|
+
{keyDetected ? <Text testID={BUTTON_ON_KEY}>Button Key Press detected: {keyDetected}</Text> : null}
|
|
33
65
|
</Stack>
|
|
34
66
|
</View>
|
|
35
67
|
);
|
|
@@ -19,4 +19,9 @@ export const BUTTON_ACCESSIBILITY_LABEL = 'E2E testing Button accessibility labe
|
|
|
19
19
|
export const BUTTON_NO_A11Y_LABEL_COMPONENT = 'Button_No_A11y_label_Component';
|
|
20
20
|
export const BUTTON_TEST_COMPONENT_LABEL = 'Test Button2 - No Accessibility Label'; // A component on each specific test page
|
|
21
21
|
|
|
22
|
+
/* Test Button 3 */
|
|
23
|
+
export const BUTTON_PRESS_TEST_COMPONENT = 'Button_Press_Test_Component';
|
|
24
|
+
export const BUTTON_PRESS_TEST_COMPONENT_LABEL = 'Test Button3 - For Key Presses';
|
|
25
|
+
|
|
22
26
|
export const BUTTON_ON_PRESS = 'Button_On_Press'; // For testing the press functionality on a button
|
|
27
|
+
export const BUTTON_ON_KEY = 'Button_On_Key'; // For testing the key press functionality on a button
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { Stack } from '@fluentui-react-native/stack';
|
|
3
3
|
import { stackStyle } from '../Common/styles';
|
|
4
4
|
import { ButtonV1 as Button } from '@fluentui-react-native/button';
|
|
5
|
-
import { Text } from '@fluentui-react-native/
|
|
5
|
+
import { TextV1 as Text } from '@fluentui-react-native/text';
|
|
6
6
|
import { Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui-react-native/menu';
|
|
7
7
|
import {
|
|
8
8
|
MENUITEM_ACCESSIBILITY_LABEL,
|
|
@@ -14,7 +14,7 @@ import { Stack } from '@fluentui-react-native/stack';
|
|
|
14
14
|
import { stackStyle } from '../Common/styles';
|
|
15
15
|
import { MENU_TESTPAGE } from './consts';
|
|
16
16
|
import { Test, TestSection, PlatformStatus } from '../Test';
|
|
17
|
-
import { Text } from '@fluentui-react-native/
|
|
17
|
+
import { TextV1 as Text } from '@fluentui-react-native/text';
|
|
18
18
|
import { E2EMenuTest } from './E2EMenuTest';
|
|
19
19
|
|
|
20
20
|
const MenuDefault: React.FunctionComponent = () => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { View } from 'react-native';
|
|
3
|
-
import { Text } from '@fluentui-react-native/
|
|
3
|
+
import { TextV1 as Text } from '@fluentui-react-native/text';
|
|
4
4
|
import { Tabs, TabsItem } from '@fluentui-react-native/experimental-tabs';
|
|
5
5
|
import { stackStyle } from '../Common/styles';
|
|
6
6
|
import {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { View, Platform } from 'react-native';
|
|
3
|
-
import { Text } from '@fluentui-react-native/
|
|
3
|
+
import { TextV1 as Text } from '@fluentui-react-native/text';
|
|
4
4
|
import { Button } from '@fluentui-react-native/experimental-button';
|
|
5
5
|
import { Tabs, TabsItem } from '@fluentui-react-native/experimental-tabs';
|
|
6
6
|
import { stackStyle } from '../Common/styles';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { View } from 'react-native';
|
|
3
|
-
import { Text } from '@fluentui-react-native/
|
|
3
|
+
import { TextV1 as Text } from '@fluentui-react-native/text';
|
|
4
4
|
import { lightnessOptions, testerTheme } from './CustomThemes';
|
|
5
5
|
import { themeChoices, ThemeNames } from './applyTheme';
|
|
6
6
|
import { brandOptions, OfficeBrand } from './applyBrand';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { View, StyleSheet } from 'react-native';
|
|
3
|
-
import { Text } from '@fluentui-react-native/
|
|
3
|
+
import { TextV1 as Text } from '@fluentui-react-native/text';
|
|
4
4
|
import { SvgXml } from 'react-native-svg';
|
|
5
5
|
import { Menu, MenuItem, MenuTrigger, MenuPopover, MenuList } from '@fluentui-react-native/menu';
|
|
6
6
|
import { ButtonV1 as Button } from '@fluentui/react-native';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { View, StyleSheet } from 'react-native';
|
|
3
|
-
import { Text } from '@fluentui-react-native/
|
|
3
|
+
import { TextV1 as Text } from '@fluentui-react-native/text';
|
|
4
4
|
import { lightnessOptions, testerTheme } from './CustomThemes';
|
|
5
5
|
import { themeChoices, ThemeNames } from './applyTheme';
|
|
6
6
|
import { brandOptions, OfficeBrand } from './applyBrand';
|