@fluentui-react-native/tester 0.90.0 → 0.90.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.
- package/CHANGELOG.json +16 -1
- package/CHANGELOG.md +10 -2
- package/lib/FluentTester.js +6 -6
- package/lib/FluentTester.js.map +1 -1
- package/lib/TestComponents/Avatar/BasicAvatar.js +3 -3
- package/lib/TestComponents/Avatar/BasicAvatar.js.map +1 -1
- package/lib/TestComponents/Avatar/CustomizedAvatar.d.ts.map +1 -1
- package/lib/TestComponents/Avatar/CustomizedAvatar.js +14 -8
- package/lib/TestComponents/Avatar/CustomizedAvatar.js.map +1 -1
- package/lib/TestComponents/Button/ButtonIconTestSection.js +2 -2
- package/lib/TestComponents/Button/ButtonIconTestSection.js.map +1 -1
- package/lib/TestComponents/Button/ButtonShapeTestSection.js +2 -2
- package/lib/TestComponents/Button/ButtonShapeTestSection.js.map +1 -1
- package/lib/TestComponents/Button/ButtonSizeTestSection.js +2 -2
- package/lib/TestComponents/Button/ButtonSizeTestSection.js.map +1 -1
- package/lib/TestComponents/Button/ButtonVariantTestSection.js +2 -2
- package/lib/TestComponents/Button/ButtonVariantTestSection.js.map +1 -1
- package/lib/TestComponents/Button/ToggleButtonTestSection.d.ts.map +1 -1
- package/lib/TestComponents/Button/ToggleButtonTestSection.js +6 -7
- package/lib/TestComponents/Button/ToggleButtonTestSection.js.map +1 -1
- package/lib/TestComponents/Callout/CalloutTest.js +1 -1
- package/lib/TestComponents/Callout/CalloutTest.js.map +1 -1
- package/lib/TestComponents/Checkbox/CheckboxTest.d.ts.map +1 -1
- package/lib/TestComponents/Checkbox/CheckboxTest.js +8 -5
- package/lib/TestComponents/Checkbox/CheckboxTest.js.map +1 -1
- package/lib/TestComponents/CheckboxExperimental/CheckboxTest.d.ts.map +1 -1
- package/lib/TestComponents/CheckboxExperimental/CheckboxTest.js +8 -5
- package/lib/TestComponents/CheckboxExperimental/CheckboxTest.js.map +1 -1
- package/lib/TestComponents/Common/styles.d.ts +10 -0
- package/lib/TestComponents/Common/styles.d.ts.map +1 -1
- package/lib/TestComponents/Common/styles.js +3 -0
- package/lib/TestComponents/Common/styles.js.map +1 -1
- package/lib/TestComponents/Menu/MenuTest.d.ts.map +1 -1
- package/lib/TestComponents/Menu/MenuTest.js +9 -4
- package/lib/TestComponents/Menu/MenuTest.js.map +1 -1
- package/lib/TestComponents/Notification/NotificationTest.js +2 -2
- package/lib/TestComponents/Notification/NotificationTest.js.map +1 -1
- package/lib/TestComponents/Persona/CustomizeUsage.d.ts.map +1 -1
- package/lib/TestComponents/Persona/CustomizeUsage.js +8 -5
- package/lib/TestComponents/Persona/CustomizeUsage.js.map +1 -1
- package/lib/TestComponents/PersonaCoin/CustomizeUsage.d.ts.map +1 -1
- package/lib/TestComponents/PersonaCoin/CustomizeUsage.js +11 -8
- package/lib/TestComponents/PersonaCoin/CustomizeUsage.js.map +1 -1
- package/lib/TestComponents/PersonaCoin/CustomizeUsage.mobile.d.ts.map +1 -1
- package/lib/TestComponents/PersonaCoin/CustomizeUsage.mobile.js +3 -2
- package/lib/TestComponents/PersonaCoin/CustomizeUsage.mobile.js.map +1 -1
- package/lib/TestComponents/Test.js +9 -9
- package/lib/TestComponents/Test.js.map +1 -1
- package/lib/TestComponents/Theme/ThemeTest.d.ts.map +1 -1
- package/lib/TestComponents/Theme/ThemeTest.js +11 -12
- package/lib/TestComponents/Theme/ThemeTest.js.map +1 -1
- package/lib/TestComponents/Tokens/TokenTest.d.ts.map +1 -1
- package/lib/TestComponents/Tokens/TokenTest.js +8 -10
- package/lib/TestComponents/Tokens/TokenTest.js.map +1 -1
- package/lib-commonjs/FluentTester.js +5 -5
- package/lib-commonjs/FluentTester.js.map +1 -1
- package/lib-commonjs/TestComponents/Avatar/BasicAvatar.js +2 -2
- package/lib-commonjs/TestComponents/Avatar/BasicAvatar.js.map +1 -1
- package/lib-commonjs/TestComponents/Avatar/CustomizedAvatar.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Avatar/CustomizedAvatar.js +13 -7
- package/lib-commonjs/TestComponents/Avatar/CustomizedAvatar.js.map +1 -1
- package/lib-commonjs/TestComponents/Button/ButtonIconTestSection.js +1 -1
- package/lib-commonjs/TestComponents/Button/ButtonIconTestSection.js.map +1 -1
- package/lib-commonjs/TestComponents/Button/ButtonShapeTestSection.js +1 -1
- package/lib-commonjs/TestComponents/Button/ButtonShapeTestSection.js.map +1 -1
- package/lib-commonjs/TestComponents/Button/ButtonSizeTestSection.js +1 -1
- package/lib-commonjs/TestComponents/Button/ButtonSizeTestSection.js.map +1 -1
- package/lib-commonjs/TestComponents/Button/ButtonVariantTestSection.js +1 -1
- package/lib-commonjs/TestComponents/Button/ButtonVariantTestSection.js.map +1 -1
- package/lib-commonjs/TestComponents/Button/ToggleButtonTestSection.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Button/ToggleButtonTestSection.js +4 -6
- package/lib-commonjs/TestComponents/Button/ToggleButtonTestSection.js.map +1 -1
- package/lib-commonjs/TestComponents/Callout/CalloutTest.js +1 -1
- package/lib-commonjs/TestComponents/Callout/CalloutTest.js.map +1 -1
- package/lib-commonjs/TestComponents/Checkbox/CheckboxTest.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Checkbox/CheckboxTest.js +7 -5
- package/lib-commonjs/TestComponents/Checkbox/CheckboxTest.js.map +1 -1
- package/lib-commonjs/TestComponents/CheckboxExperimental/CheckboxTest.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/CheckboxExperimental/CheckboxTest.js +7 -5
- package/lib-commonjs/TestComponents/CheckboxExperimental/CheckboxTest.js.map +1 -1
- package/lib-commonjs/TestComponents/Common/styles.d.ts +10 -0
- package/lib-commonjs/TestComponents/Common/styles.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Common/styles.js +4 -1
- package/lib-commonjs/TestComponents/Common/styles.js.map +1 -1
- package/lib-commonjs/TestComponents/Menu/MenuTest.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Menu/MenuTest.js +8 -4
- package/lib-commonjs/TestComponents/Menu/MenuTest.js.map +1 -1
- package/lib-commonjs/TestComponents/Notification/NotificationTest.js +2 -2
- package/lib-commonjs/TestComponents/Notification/NotificationTest.js.map +1 -1
- package/lib-commonjs/TestComponents/Persona/CustomizeUsage.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Persona/CustomizeUsage.js +7 -5
- package/lib-commonjs/TestComponents/Persona/CustomizeUsage.js.map +1 -1
- package/lib-commonjs/TestComponents/PersonaCoin/CustomizeUsage.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/PersonaCoin/CustomizeUsage.js +10 -8
- package/lib-commonjs/TestComponents/PersonaCoin/CustomizeUsage.js.map +1 -1
- package/lib-commonjs/TestComponents/PersonaCoin/CustomizeUsage.mobile.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/PersonaCoin/CustomizeUsage.mobile.js +2 -1
- package/lib-commonjs/TestComponents/PersonaCoin/CustomizeUsage.mobile.js.map +1 -1
- package/lib-commonjs/TestComponents/Test.js +9 -9
- package/lib-commonjs/TestComponents/Test.js.map +1 -1
- package/lib-commonjs/TestComponents/Theme/ThemeTest.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Theme/ThemeTest.js +10 -12
- package/lib-commonjs/TestComponents/Theme/ThemeTest.js.map +1 -1
- package/lib-commonjs/TestComponents/Tokens/TokenTest.d.ts.map +1 -1
- package/lib-commonjs/TestComponents/Tokens/TokenTest.js +8 -10
- package/lib-commonjs/TestComponents/Tokens/TokenTest.js.map +1 -1
- package/package.json +1 -1
- package/src/FluentTester.tsx +6 -6
- package/src/TestComponents/Avatar/BasicAvatar.tsx +2 -2
- package/src/TestComponents/Avatar/CustomizedAvatar.tsx +15 -8
- package/src/TestComponents/Button/ButtonIconTestSection.tsx +2 -2
- package/src/TestComponents/Button/ButtonShapeTestSection.tsx +2 -2
- package/src/TestComponents/Button/ButtonSizeTestSection.tsx +2 -2
- package/src/TestComponents/Button/ButtonVariantTestSection.tsx +2 -2
- package/src/TestComponents/Button/ToggleButtonTestSection.tsx +6 -5
- package/src/TestComponents/Callout/CalloutTest.tsx +1 -1
- package/src/TestComponents/Checkbox/CheckboxTest.tsx +11 -7
- package/src/TestComponents/CheckboxExperimental/CheckboxTest.tsx +10 -7
- package/src/TestComponents/Common/styles.ts +5 -0
- package/src/TestComponents/Menu/MenuTest.tsx +10 -4
- package/src/TestComponents/Notification/NotificationTest.tsx +2 -2
- package/src/TestComponents/Persona/CustomizeUsage.tsx +10 -7
- package/src/TestComponents/PersonaCoin/CustomizeUsage.mobile.tsx +4 -9
- package/src/TestComponents/PersonaCoin/CustomizeUsage.tsx +13 -10
- package/src/TestComponents/Test.tsx +9 -9
- package/src/TestComponents/Theme/ThemeTest.tsx +15 -11
- package/src/TestComponents/Tokens/TokenTest.tsx +8 -9
|
@@ -10,6 +10,10 @@ var styles_1 = require("./styles");
|
|
|
10
10
|
var theme_types_1 = require("@fluentui-react-native/theme-types");
|
|
11
11
|
var AlignmentPicker_1 = require("../Common/AlignmentPicker");
|
|
12
12
|
var styles_2 = require("../Common/styles");
|
|
13
|
+
var themed_stylesheet_1 = require("@fluentui-react-native/themed-stylesheet");
|
|
14
|
+
var getThemedStyles = (0, themed_stylesheet_1.themedStyleSheet)(function (t) {
|
|
15
|
+
return { textbox: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, styles_2.commonTestStyles.textBox), { borderColor: t.colors.inputBorder }) };
|
|
16
|
+
});
|
|
13
17
|
var CustomizeUsage = function () {
|
|
14
18
|
var _a = React.useState(true), showImage = _a[0], setShowImage = _a[1];
|
|
15
19
|
var _b = React.useState(), coinColor = _b[0], setCoinColor = _b[1];
|
|
@@ -26,9 +30,7 @@ var CustomizeUsage = function () {
|
|
|
26
30
|
var _o = React.useState(true), showRing = _o[0], setShowRing = _o[1];
|
|
27
31
|
var _p = React.useState(false), transparent = _p[0], setTransparent = _p[1];
|
|
28
32
|
var theme = (0, theme_types_1.useTheme)();
|
|
29
|
-
var textBoxBorderStyle =
|
|
30
|
-
borderColor: theme.colors.inputBorder,
|
|
31
|
-
};
|
|
33
|
+
var textBoxBorderStyle = getThemedStyles(theme);
|
|
32
34
|
var CustomizedPersonaCoin = React.useMemo(function () {
|
|
33
35
|
var tokens = {
|
|
34
36
|
backgroundColor: coinColor,
|
|
@@ -64,19 +66,19 @@ var CustomizeUsage = function () {
|
|
|
64
66
|
React.createElement(react_native_2.View, { style: styles_2.commonTestStyles.switch },
|
|
65
67
|
React.createElement(react_native_2.Text, null, "Transparent Ring"),
|
|
66
68
|
React.createElement(react_native_2.Switch, { value: transparent, onValueChange: setTransparent })),
|
|
67
|
-
React.createElement(react_native_2.TextInput, { accessibilityLabel: "Background color", style:
|
|
69
|
+
React.createElement(react_native_2.TextInput, { accessibilityLabel: "Background color", style: textBoxBorderStyle.textbox, placeholder: "Background color", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
68
70
|
setCoinColor(e.nativeEvent.text);
|
|
69
71
|
} }),
|
|
70
|
-
React.createElement(react_native_2.TextInput, { accessibilityLabel: "Initials text color", style:
|
|
72
|
+
React.createElement(react_native_2.TextInput, { accessibilityLabel: "Initials text color", style: textBoxBorderStyle.textbox, placeholder: "Initials text color", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
71
73
|
setTextColor(e.nativeEvent.text);
|
|
72
74
|
} }),
|
|
73
|
-
React.createElement(react_native_2.TextInput, { accessibilityLabel: "Icon stroke color", style:
|
|
75
|
+
React.createElement(react_native_2.TextInput, { accessibilityLabel: "Icon stroke color", style: textBoxBorderStyle.textbox, placeholder: "Icon stroke color", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
74
76
|
setIconStrokeColor(e.nativeEvent.text);
|
|
75
77
|
} }),
|
|
76
|
-
React.createElement(react_native_2.TextInput, { accessibilityLabel: "Ring color", style:
|
|
78
|
+
React.createElement(react_native_2.TextInput, { accessibilityLabel: "Ring color", style: textBoxBorderStyle.textbox, placeholder: "Ring color", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
77
79
|
setRingColor(e.nativeEvent.text);
|
|
78
80
|
} }),
|
|
79
|
-
React.createElement(react_native_2.TextInput, { accessibilityLabel: "Ring background color", style:
|
|
81
|
+
React.createElement(react_native_2.TextInput, { accessibilityLabel: "Ring background color", style: textBoxBorderStyle.textbox, placeholder: "Ring background color", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
80
82
|
setRingBackgroundColor(e.nativeEvent.text);
|
|
81
83
|
} }),
|
|
82
84
|
React.createElement(AlignmentPicker_1.AlignmentPicker, { style: styles_2.commonTestStyles.header, label: "Horizontal icon alignment", onSelectionChange: setHorizontalAlignment }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomizeUsage.js","sourceRoot":"","sources":["../../../src/TestComponents/PersonaCoin/CustomizeUsage.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,uDAAoE;AACpE,
|
|
1
|
+
{"version":3,"file":"CustomizeUsage.js","sourceRoot":"","sources":["../../../src/TestComponents/PersonaCoin/CustomizeUsage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomizeUsage.mobile.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/PersonaCoin/CustomizeUsage.mobile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CustomizeUsage.mobile.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/PersonaCoin/CustomizeUsage.mobile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoD/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAuGlC,CAAC"}
|
|
@@ -9,12 +9,13 @@ var slider_1 = (0, tslib_1.__importDefault)(require("@react-native-community/sli
|
|
|
9
9
|
var styles_1 = require("./styles");
|
|
10
10
|
var styles_2 = require("../Common/styles");
|
|
11
11
|
var theme_types_1 = require("@fluentui-react-native/theme-types");
|
|
12
|
+
var styles = react_native_2.StyleSheet.create({ slider: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, styles_2.commonTestStyles.vmargin), { flex: 1 }) });
|
|
12
13
|
var StyledSlider = function (props) {
|
|
13
14
|
var title = props.title, min = props.min, max = props.max, initial = props.initial, onChange = props.onChange, current = props.current, step = props.step;
|
|
14
15
|
var theme = (0, theme_types_1.useTheme)();
|
|
15
16
|
return (React.createElement(react_native_2.View, { style: { flexDirection: 'row' } },
|
|
16
17
|
React.createElement(react_native_2.Text, { style: { flex: 0.5, color: theme.colors.inputText } }, title),
|
|
17
|
-
React.createElement(slider_1.default, { step: step || 1, minimumValue: min, maximumValue: max, value: initial, style:
|
|
18
|
+
React.createElement(slider_1.default, { step: step || 1, minimumValue: min, maximumValue: max, value: initial, style: styles.slider, onValueChange: onChange }),
|
|
18
19
|
React.createElement(react_native_2.Text, { style: { flex: 0.2, color: theme.colors.inputText } }, current)));
|
|
19
20
|
};
|
|
20
21
|
var StyledTextInput = function (props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomizeUsage.mobile.js","sourceRoot":"","sources":["../../../src/TestComponents/PersonaCoin/CustomizeUsage.mobile.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,uDAAqD;AACrD,
|
|
1
|
+
{"version":3,"file":"CustomizeUsage.mobile.js","sourceRoot":"","sources":["../../../src/TestComponents/PersonaCoin/CustomizeUsage.mobile.tsx"],"names":[],"mappings":"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"}
|
|
@@ -74,7 +74,7 @@ var Test = function (props) {
|
|
|
74
74
|
var toggleIconProps = react_native_1.Platform.OS === 'windows' ? { fontSource: fontIconProps } : { svgSource: svgProps, width: 12, height: 12 };
|
|
75
75
|
return (React.createElement(react_native_1.View, { testID: "ScrollViewAreaForComponents" },
|
|
76
76
|
React.createElement(react_native_1.View, { style: styles.header },
|
|
77
|
-
React.createElement(react_native_2.Text, { style:
|
|
77
|
+
React.createElement(react_native_2.Text, { style: styles.name, variant: "heroSemibold" }, props.name),
|
|
78
78
|
props.spec && React.createElement(react_native_2.Link, { url: props.spec, content: "SPEC" })),
|
|
79
79
|
React.createElement(react_native_2.Separator, null),
|
|
80
80
|
React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
|
|
@@ -84,25 +84,25 @@ var Test = function (props) {
|
|
|
84
84
|
React.createElement(react_native_2.Text, { variant: "headerStandard" }, "Platform Status"),
|
|
85
85
|
React.createElement(react_native_2.ToggleButton, { iconOnly: true, icon: toggleIconProps, onClick: function () { return setShowStatus(!showStatus); } })),
|
|
86
86
|
showStatus && (React.createElement(React.Fragment, null,
|
|
87
|
-
React.createElement(react_native_2.Text, { style:
|
|
87
|
+
React.createElement(react_native_2.Text, { style: styles.statusLabel, variant: "bodySemibold" },
|
|
88
88
|
"Win32: ",
|
|
89
89
|
React.createElement(react_native_2.Text, { style: styles.status }, props.status.win32Status)),
|
|
90
|
-
React.createElement(react_native_2.Text, { style:
|
|
90
|
+
React.createElement(react_native_2.Text, { style: styles.statusLabel, variant: "bodySemibold" },
|
|
91
91
|
"UWP: ",
|
|
92
92
|
React.createElement(react_native_2.Text, { style: styles.status }, props.status.uwpStatus)),
|
|
93
|
-
React.createElement(react_native_2.Text, { style:
|
|
93
|
+
React.createElement(react_native_2.Text, { style: styles.statusLabel, variant: "bodySemibold" },
|
|
94
94
|
"iOS: ",
|
|
95
95
|
React.createElement(react_native_2.Text, { style: styles.status }, props.status.iosStatus)),
|
|
96
|
-
React.createElement(react_native_2.Text, { style:
|
|
96
|
+
React.createElement(react_native_2.Text, { style: styles.statusLabel, variant: "bodySemibold" },
|
|
97
97
|
"macOS: ",
|
|
98
98
|
React.createElement(react_native_2.Text, { style: styles.status }, props.status.macosStatus)),
|
|
99
|
-
React.createElement(react_native_2.Text, { style:
|
|
99
|
+
React.createElement(react_native_2.Text, { style: styles.statusLabel, variant: "bodySemibold" },
|
|
100
100
|
"Android: ",
|
|
101
101
|
React.createElement(react_native_2.Text, { style: styles.status }, props.status.androidStatus)),
|
|
102
|
-
React.createElement(react_native_2.Text, { style:
|
|
102
|
+
React.createElement(react_native_2.Text, { style: styles.definitionHeader, variant: "headerStandard" }, "Status Definitions"),
|
|
103
103
|
Object.entries(definitions).map(function (_a) {
|
|
104
104
|
var key = _a[0], value = _a[1];
|
|
105
|
-
return (React.createElement(react_native_2.Text, { style:
|
|
105
|
+
return (React.createElement(react_native_2.Text, { style: styles.statusLabel, variant: "bodySemibold", key: key },
|
|
106
106
|
key,
|
|
107
107
|
": ",
|
|
108
108
|
React.createElement(react_native_2.Text, { style: styles.status }, value)));
|
|
@@ -110,7 +110,7 @@ var Test = function (props) {
|
|
|
110
110
|
props.sections.map(function (section, index) {
|
|
111
111
|
var TestComponent = section.component;
|
|
112
112
|
return (React.createElement(react_native_1.View, { key: index },
|
|
113
|
-
React.createElement(react_native_2.Text, { style:
|
|
113
|
+
React.createElement(react_native_2.Text, { style: styles.section, variant: "headerSemibold", testID: section.testID }, section.name),
|
|
114
114
|
React.createElement(react_native_2.Separator, null),
|
|
115
115
|
React.createElement(TestComponent, null)));
|
|
116
116
|
})));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Test.js","sourceRoot":"","sources":["../../src/TestComponents/Test.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAA0D;AAC1D,uDAA6E;AAC7E,sDAAqD;AACrD,0CAA6C;AAC7C,kEAA8D;AAC9D,gFAA0D;AA0B1D,IAAM,WAAW,GAAG;IAClB,UAAU,EAAE,sFAAsF;IAClG,IAAI,EAAE,oGAAoG;IAC1G,YAAY,EAAE,gEAAgE;IAC9E,OAAO,EAAE,mDAAmD;IAC5D,KAAK,EAAE,iCAAiC;CACzC,CAAC;AAEF,IAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,SAAS,EAAE,CAAC;KACb;IACD,gBAAgB,EAAE;QAChB,SAAS,EAAE,EAAE;QACb,YAAY,EAAE,CAAC;KAChB;IACD,WAAW,EAAE;QACX,UAAU,EAAE,YAAY;QACxB,QAAQ,EAAE,MAAM;KACjB;IACD,MAAM,EAAE;QACN,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;KAChC;IACD,OAAO,EAAE;QACP,SAAS,EAAE,EAAE;KACd;IACD,UAAU,EAAE;QACV,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;KAChC;IACD,WAAW,EAAE;QACX,SAAS,EAAE,CAAC;QACZ,WAAW,EAAE,CAAC;KACf;IACD,MAAM,EAAE;QACN,UAAU,EAAE,QAAQ;KACrB;CACF,CAAC,CAAC;AAEI,IAAM,IAAI,GAAG,UAAC,KAAgB;IAC7B,IAAA,KAA8B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAlD,UAAU,QAAA,EAAE,aAAa,QAAyB,CAAC;IAE1D,IAAM,SAAS,GAAsC;QACnD,IAAM,QAAQ,GACZ,kSAAkS,CAAC;QACrS,IAAM,SAAS,GAAG,mGAAmG,CAAC;QAEtH,IAAM,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;QAC/C,OAAO,CACL,oBAAC,0BAAG;YACF,oBAAC,oBAAC;gBACA,oBAAC,uBAAI,IAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAC,OAAO,GAAG,CAC5B,CACA,CACP,CAAC;IACJ,CAAC,CAAC;IACF,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,SAAS;KACf,CAAC;IAEF,IAAM,KAAK,GAAG,IAAA,sBAAQ,GAAE,CAAC;IACzB,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC;IAErD,IAAM,aAAa,GAAG,MAAM,CAAC;IAC7B,IAAM,cAAc,GAAG,MAAM,CAAC;IAC9B,IAAM,aAAa,GAAG;QACpB,UAAU,EAAE,UAAU;QACtB,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa;QACtD,QAAQ,EAAE,EAAE;KACb,CAAC;IAEF,IAAM,eAAe,GAAG,uBAAQ,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;IAEnI,OAAO,CACL,oBAAC,mBAAI,IAAC,MAAM,EAAC,6BAA6B;QACxC,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM;YACxB,oBAAC,mBAAI,IAAC,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Test.js","sourceRoot":"","sources":["../../src/TestComponents/Test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Theme/ThemeTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ThemeTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Theme/ThemeTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiH/B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAa7B,CAAC"}
|
|
@@ -19,11 +19,6 @@ var getThemedStyles = (0, themed_stylesheet_1.themedStyleSheet)(function (theme)
|
|
|
19
19
|
borderWidth: 2,
|
|
20
20
|
borderColor: theme.colors.bodyText,
|
|
21
21
|
},
|
|
22
|
-
stackStyle: {
|
|
23
|
-
borderWidth: 2,
|
|
24
|
-
padding: 12,
|
|
25
|
-
margin: 8,
|
|
26
|
-
},
|
|
27
22
|
};
|
|
28
23
|
});
|
|
29
24
|
var styles = react_native_1.StyleSheet.create({
|
|
@@ -32,16 +27,21 @@ var styles = react_native_1.StyleSheet.create({
|
|
|
32
27
|
alignItems: 'center',
|
|
33
28
|
marginVertical: 5,
|
|
34
29
|
},
|
|
30
|
+
panel: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, styles_1.commonTestStyles.view), { borderWidth: 2, padding: 12, margin: 8 }),
|
|
35
31
|
pickerContainer: {
|
|
36
32
|
flexDirection: 'row',
|
|
37
33
|
justifyContent: 'space-evenly',
|
|
38
34
|
},
|
|
35
|
+
stackStyle: {
|
|
36
|
+
borderWidth: 2,
|
|
37
|
+
padding: 12,
|
|
38
|
+
margin: 8,
|
|
39
|
+
},
|
|
39
40
|
});
|
|
40
41
|
var Panel = function () {
|
|
41
42
|
var _a = React.useState(false), disabled = _a[0], setDisabled = _a[1];
|
|
42
43
|
var onClick = React.useCallback(function () { return setDisabled(!disabled); }, [disabled, setDisabled]);
|
|
43
|
-
|
|
44
|
-
return (React.createElement(react_native_1.View, { style: [styles_1.commonTestStyles.view, themedStyles.stackStyle] },
|
|
44
|
+
return (React.createElement(react_native_1.View, { style: styles.panel },
|
|
45
45
|
React.createElement(react_native_2.PrimaryButton, { onClick: onClick, content: "Primary Button", disabled: disabled }),
|
|
46
46
|
React.createElement(react_native_2.Button, { onClick: onClick, content: "Default Button", disabled: disabled }),
|
|
47
47
|
React.createElement(react_native_2.StealthButton, { onClick: onClick, content: "Stealth Button", disabled: disabled }),
|
|
@@ -60,7 +60,6 @@ var SemanticColor = function (p) {
|
|
|
60
60
|
};
|
|
61
61
|
var SwatchList = function () {
|
|
62
62
|
var theme = (0, theme_types_1.useTheme)();
|
|
63
|
-
var themedStyles = getThemedStyles(theme);
|
|
64
63
|
var palette = theme.colors;
|
|
65
64
|
var aggregator = React.useCallback(function (key) {
|
|
66
65
|
return { key: key + ' (' + palette[key] + ')', color: palette[key] };
|
|
@@ -69,14 +68,13 @@ var SwatchList = function () {
|
|
|
69
68
|
return Object.keys(palette).sort().map(aggregator);
|
|
70
69
|
}, [palette, aggregator]);
|
|
71
70
|
var paletteAsArray = React.useMemo(flattenArray, [flattenArray]);
|
|
72
|
-
var renderSwatch = React.useCallback(function (
|
|
73
|
-
var item = _a.item;
|
|
71
|
+
var renderSwatch = React.useCallback(function (item) {
|
|
74
72
|
var color = item.color, key = item.key;
|
|
75
73
|
return React.createElement(SemanticColor, { key: key, color: color, name: key });
|
|
76
74
|
}, []);
|
|
77
|
-
return (React.createElement(react_native_1.View, { style:
|
|
75
|
+
return (React.createElement(react_native_1.View, { style: styles_1.commonTestStyles.view },
|
|
78
76
|
React.createElement(react_native_2.Text, null, "getHostSettingsWin32(theme: ITheme).palette"),
|
|
79
|
-
React.createElement(react_native_1.View, { style:
|
|
77
|
+
React.createElement(react_native_1.View, { style: styles.stackStyle }, paletteAsArray.map(function (item) { return renderSwatch(item); }))));
|
|
80
78
|
};
|
|
81
79
|
var themeSections = [
|
|
82
80
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Theme/ThemeTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAAuE;AACvE,kEAAqE;AACrE,8EAA4E;AAC5E,2CAAoD;AACpD,uDAAoF;AACpF,mCAA0C;AAC1C,gCAA4D;AAE5D,IAAM,eAAe,GAAG,IAAA,oCAAgB,EAAC,UAAC,KAAY;IACpD,OAAO;QACL,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;SACnC;
|
|
1
|
+
{"version":3,"file":"ThemeTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Theme/ThemeTest.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Tokens/TokenTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TokenTest.d.ts","sourceRoot":"","sources":["../../../src/TestComponents/Tokens/TokenTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqG/B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAY7B,CAAC"}
|
|
@@ -22,11 +22,6 @@ var getThemedStyles = (0, themed_stylesheet_1.themedStyleSheet)(function (theme)
|
|
|
22
22
|
borderWidth: 2,
|
|
23
23
|
borderColor: theme.colors.bodyText,
|
|
24
24
|
},
|
|
25
|
-
stackStyle: {
|
|
26
|
-
borderWidth: 2,
|
|
27
|
-
padding: 12,
|
|
28
|
-
margin: 8,
|
|
29
|
-
},
|
|
30
25
|
};
|
|
31
26
|
});
|
|
32
27
|
var styles = react_native_1.StyleSheet.create({
|
|
@@ -39,6 +34,11 @@ var styles = react_native_1.StyleSheet.create({
|
|
|
39
34
|
flexDirection: 'row',
|
|
40
35
|
justifyContent: 'space-evenly',
|
|
41
36
|
},
|
|
37
|
+
stackStyle: {
|
|
38
|
+
borderWidth: 2,
|
|
39
|
+
padding: 12,
|
|
40
|
+
margin: 8,
|
|
41
|
+
},
|
|
42
42
|
});
|
|
43
43
|
var getSwatchColorStyle = function (name, color) {
|
|
44
44
|
styles[name] = styles[name] || { backgroundColor: color };
|
|
@@ -52,7 +52,6 @@ var ColorToken = function (p) {
|
|
|
52
52
|
};
|
|
53
53
|
var AliasTokensSwatchList = function () {
|
|
54
54
|
var theme = (0, theme_types_1.useTheme)();
|
|
55
|
-
var themedStyles = getThemedStyles(theme);
|
|
56
55
|
var isOfficeTheme = theme.name === 'White' ||
|
|
57
56
|
theme.name === 'Colorful' ||
|
|
58
57
|
theme.name === 'DarkGray' ||
|
|
@@ -68,14 +67,13 @@ var AliasTokensSwatchList = function () {
|
|
|
68
67
|
return Object.keys(aliasColorTokens).map(aggregator);
|
|
69
68
|
}, [aliasColorTokens, aggregator]);
|
|
70
69
|
var aliasTokensAsArray = React.useMemo(flattenArray, [flattenArray]);
|
|
71
|
-
var renderSwatch = React.useCallback(function (
|
|
72
|
-
var item = _a.item;
|
|
70
|
+
var renderSwatch = React.useCallback(function (item) {
|
|
73
71
|
var color = item.color, key = item.key;
|
|
74
72
|
return React.createElement(ColorToken, { key: key, color: color, name: key });
|
|
75
73
|
}, []);
|
|
76
|
-
return (React.createElement(react_native_1.View, { style:
|
|
74
|
+
return (React.createElement(react_native_1.View, { style: styles_1.commonTestStyles.view },
|
|
77
75
|
React.createElement(react_native_2.Text, null, "Alias Color Tokens from Token Pipeline"),
|
|
78
|
-
React.createElement(react_native_1.View, { style:
|
|
76
|
+
React.createElement(react_native_1.View, { style: styles.stackStyle }, aliasTokensAsArray.map(function (item) { return renderSwatch(item); }))));
|
|
79
77
|
};
|
|
80
78
|
var themeSections = [
|
|
81
79
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TokenTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Tokens/TokenTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,6CAAuE;AACvE,kEAAqE;AACrE,8EAA4E;AAC5E,sEAA4E;AAC5E,kEAA6E;AAC7E,sEAAyE;AACzE,2CAAoD;AACpD,uDAA8C;AAC9C,gCAA4D;AAC5D,mCAAiE;AAEjE,IAAM,eAAe,GAAG,IAAA,oCAAgB,EAAC,UAAC,KAAY;IACpD,OAAO;QACL,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;SACnC;
|
|
1
|
+
{"version":3,"file":"TokenTest.js","sourceRoot":"","sources":["../../../src/TestComponents/Tokens/TokenTest.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/src/FluentTester.tsx
CHANGED
|
@@ -5,7 +5,7 @@ import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
|
|
|
5
5
|
import * as React from 'react';
|
|
6
6
|
import { ScrollView, View, Text as RNText, Platform, SafeAreaView, BackHandler } from 'react-native';
|
|
7
7
|
import { BASE_TESTPAGE } from './TestComponents/Common/consts';
|
|
8
|
-
import { fluentTesterStyles, mobileStyles } from './TestComponents/Common/styles';
|
|
8
|
+
import { commonTestStyles, fluentTesterStyles, mobileStyles } from './TestComponents/Common/styles';
|
|
9
9
|
import { useTheme } from '@fluentui-react-native/theme-types';
|
|
10
10
|
import { ThemePickers } from './theme/ThemePickers';
|
|
11
11
|
import { tests } from './testPages';
|
|
@@ -89,7 +89,7 @@ export const FluentTester: React.FunctionComponent<FluentTesterProps> = (props:
|
|
|
89
89
|
<View style={fluentTesterStyles.header}>
|
|
90
90
|
<Text
|
|
91
91
|
testID={BASE_TESTPAGE}
|
|
92
|
-
style={
|
|
92
|
+
style={fluentTesterStyles.testHeader}
|
|
93
93
|
variant="heroLargeSemibold"
|
|
94
94
|
color={theme.host.palette?.TextEmphasis}
|
|
95
95
|
>
|
|
@@ -107,7 +107,7 @@ export const FluentTester: React.FunctionComponent<FluentTesterProps> = (props:
|
|
|
107
107
|
return (
|
|
108
108
|
<View style={mobileStyles.header}>
|
|
109
109
|
<Text
|
|
110
|
-
style={
|
|
110
|
+
style={fluentTesterStyles.testHeader}
|
|
111
111
|
variant="heroLargeSemibold"
|
|
112
112
|
color={theme.host.palette?.TextEmphasis}
|
|
113
113
|
testID={BASE_TESTPAGE}
|
|
@@ -153,7 +153,7 @@ export const FluentTester: React.FunctionComponent<FluentTesterProps> = (props:
|
|
|
153
153
|
})}
|
|
154
154
|
</ScrollView>
|
|
155
155
|
|
|
156
|
-
<TestListSeparator vertical style={
|
|
156
|
+
<TestListSeparator vertical style={fluentTesterStyles.testListSeparator} />
|
|
157
157
|
</View>
|
|
158
158
|
);
|
|
159
159
|
};
|
|
@@ -208,7 +208,7 @@ export const FluentTester: React.FunctionComponent<FluentTesterProps> = (props:
|
|
|
208
208
|
|
|
209
209
|
const TesterContent: React.FunctionComponent = () => {
|
|
210
210
|
return (
|
|
211
|
-
<View style={
|
|
211
|
+
<View style={commonTestStyles.flex}>
|
|
212
212
|
{enableSinglePaneView ? <MobileHeader /> : <Header />}
|
|
213
213
|
|
|
214
214
|
<HeaderSeparator />
|
|
@@ -222,7 +222,7 @@ export const FluentTester: React.FunctionComponent<FluentTesterProps> = (props:
|
|
|
222
222
|
};
|
|
223
223
|
|
|
224
224
|
return (
|
|
225
|
-
<View style={
|
|
225
|
+
<View style={commonTestStyles.flex}>
|
|
226
226
|
{Platform.OS === ('win32' as any) ? (
|
|
227
227
|
<FocusTrapZone style={themedStyles.root}>
|
|
228
228
|
<TesterContent />
|
|
@@ -100,7 +100,7 @@ export const StandardUsage: FunctionComponent = () => {
|
|
|
100
100
|
size={36}
|
|
101
101
|
shape={isSquare ? 'square' : 'circular'}
|
|
102
102
|
accessibilityLabel="SVG Icon"
|
|
103
|
-
icon={{ fontSource:
|
|
103
|
+
icon={{ fontSource: fontBuiltInProps }}
|
|
104
104
|
avatarColor={avatarColor}
|
|
105
105
|
badge={{ status: 'outOfOffice', outOfOffice }}
|
|
106
106
|
/>
|
|
@@ -110,7 +110,7 @@ export const StandardUsage: FunctionComponent = () => {
|
|
|
110
110
|
size={imageSize === undefinedText ? undefined : imageSize}
|
|
111
111
|
shape={isSquare ? 'square' : 'circular'}
|
|
112
112
|
accessibilityLabel="SVG Icon"
|
|
113
|
-
icon={{ fontSource:
|
|
113
|
+
icon={{ fontSource: fontBuiltInProps, color: 'green' }}
|
|
114
114
|
avatarColor={avatarColor}
|
|
115
115
|
badge={{ status: 'outOfOffice', outOfOffice }}
|
|
116
116
|
/>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useState, useMemo } from 'react';
|
|
2
2
|
import { Avatar, AvatarColors, AvatarSize, getJavaHashCode } from '@fluentui-react-native/avatar';
|
|
3
|
-
import { View, Text, TextInput, Platform } from 'react-native';
|
|
3
|
+
import { View, Text, TextInput, Platform, StyleSheet } from 'react-native';
|
|
4
4
|
import { steveBallmerPhotoUrl } from './../PersonaCoin/styles';
|
|
5
5
|
import { commonTestStyles as commonStyles } from '../Common/styles';
|
|
6
6
|
import { FontWeight } from '@fluentui-react-native/theme-types';
|
|
@@ -8,6 +8,13 @@ import { SvgIconProps } from '@fluentui-react-native/icon';
|
|
|
8
8
|
import TestSvg from '../../FluentTester/test-data/test.svg';
|
|
9
9
|
import { ToggleButton } from '@fluentui/react-native';
|
|
10
10
|
|
|
11
|
+
const styles = StyleSheet.create({
|
|
12
|
+
avatarTestCaseContainer: { marginLeft: 20 },
|
|
13
|
+
avatarTokenOptions: { flexDirection: 'row' },
|
|
14
|
+
fontTokenOptions: { paddingHorizontal: 20 },
|
|
15
|
+
tokenHeader: { fontWeight: 'bold' },
|
|
16
|
+
});
|
|
17
|
+
|
|
11
18
|
export const CustomizeUsage: React.FunctionComponent = () => {
|
|
12
19
|
const [showImage, setShowImage] = useState(true);
|
|
13
20
|
const [showInitials, setShowInitials] = useState(true);
|
|
@@ -80,7 +87,7 @@ export const CustomizeUsage: React.FunctionComponent = () => {
|
|
|
80
87
|
<ToggleButton onClick={() => setShowRing(!showRing)} checked={showRing} style={commonStyles.vmargin}>
|
|
81
88
|
{showRing ? 'Hide' : 'Show'} ring
|
|
82
89
|
</ToggleButton>
|
|
83
|
-
<View style={
|
|
90
|
+
<View style={styles.avatarTokenOptions}>
|
|
84
91
|
<View>
|
|
85
92
|
<TextInput
|
|
86
93
|
accessibilityLabel="Name for generating initials"
|
|
@@ -100,7 +107,7 @@ export const CustomizeUsage: React.FunctionComponent = () => {
|
|
|
100
107
|
setInitials(e.nativeEvent.text);
|
|
101
108
|
}}
|
|
102
109
|
/>
|
|
103
|
-
<Text style={
|
|
110
|
+
<Text style={styles.tokenHeader}>Avatar tokens</Text>
|
|
104
111
|
<TextInput
|
|
105
112
|
accessibilityLabel="Background color"
|
|
106
113
|
style={commonStyles.textBox}
|
|
@@ -139,7 +146,7 @@ export const CustomizeUsage: React.FunctionComponent = () => {
|
|
|
139
146
|
setIconColor(e.nativeEvent.text);
|
|
140
147
|
}}
|
|
141
148
|
/>
|
|
142
|
-
<Text style={
|
|
149
|
+
<Text style={styles.tokenHeader}>Ring tokens</Text>
|
|
143
150
|
<TextInput
|
|
144
151
|
accessibilityLabel="Ring background color"
|
|
145
152
|
style={commonStyles.textBox}
|
|
@@ -177,8 +184,8 @@ export const CustomizeUsage: React.FunctionComponent = () => {
|
|
|
177
184
|
}}
|
|
178
185
|
/>
|
|
179
186
|
</View>
|
|
180
|
-
<View style={
|
|
181
|
-
<Text style={
|
|
187
|
+
<View style={styles.fontTokenOptions}>
|
|
188
|
+
<Text style={styles.tokenHeader}>Font tokens</Text>
|
|
182
189
|
<TextInput
|
|
183
190
|
accessibilityLabel="Initials text color"
|
|
184
191
|
style={commonStyles.textBox}
|
|
@@ -232,7 +239,7 @@ export const CustomizeUsage: React.FunctionComponent = () => {
|
|
|
232
239
|
transparentRing={!showRing}
|
|
233
240
|
/>
|
|
234
241
|
</View>
|
|
235
|
-
<View style={
|
|
242
|
+
<View style={styles.avatarTestCaseContainer}>
|
|
236
243
|
<Text>Avatar customized with props</Text>
|
|
237
244
|
<Avatar
|
|
238
245
|
active="active"
|
|
@@ -251,7 +258,7 @@ export const CustomizeUsage: React.FunctionComponent = () => {
|
|
|
251
258
|
/>
|
|
252
259
|
</View>
|
|
253
260
|
{useJavaHashCode && (
|
|
254
|
-
<View style={
|
|
261
|
+
<View style={styles.avatarTestCaseContainer}>
|
|
255
262
|
<Text>Avatar with hashed color</Text>
|
|
256
263
|
<Avatar
|
|
257
264
|
active="active"
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ButtonV1 as Button } from '@fluentui/react-native';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { Platform, View, StyleSheet } from 'react-native';
|
|
4
|
-
import { commonTestStyles,
|
|
4
|
+
import { commonTestStyles, testContentRootViewStyle } from '../Common/styles';
|
|
5
5
|
import { SvgIconProps } from '@fluentui-react-native/icon';
|
|
6
6
|
import TestSvg from './test.svg';
|
|
7
7
|
import { SvgXml } from 'react-native-svg';
|
|
@@ -32,7 +32,7 @@ export const ButtonIconTest: React.FunctionComponent = () => {
|
|
|
32
32
|
</svg>`;
|
|
33
33
|
|
|
34
34
|
return (
|
|
35
|
-
<View style={
|
|
35
|
+
<View style={testContentRootViewStyle}>
|
|
36
36
|
<Button icon={{ fontSource: { ...fontBuiltInProps, fontSize: 32 }, color: '#060' }} style={commonTestStyles.vmargin}>
|
|
37
37
|
Font icon
|
|
38
38
|
</Button>
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { ButtonV1 as Button, CompoundButton } from '@fluentui/react-native';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { View } from 'react-native';
|
|
4
|
-
import { commonTestStyles,
|
|
4
|
+
import { commonTestStyles, testContentRootViewStyle } from '../Common/styles';
|
|
5
5
|
|
|
6
6
|
export const ButtonShapeTest: React.FunctionComponent = () => {
|
|
7
7
|
return (
|
|
8
|
-
<View style={
|
|
8
|
+
<View style={testContentRootViewStyle}>
|
|
9
9
|
<Button shape="rounded" style={commonTestStyles.vmargin}>
|
|
10
10
|
Default Rounded Button
|
|
11
11
|
</Button>
|
|
@@ -2,7 +2,7 @@ import { ButtonV1 as Button, CompoundButton } from '@fluentui/react-native';
|
|
|
2
2
|
import { SvgIconProps } from '@fluentui-react-native/icon';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { Platform, View } from 'react-native';
|
|
5
|
-
import { commonTestStyles,
|
|
5
|
+
import { commonTestStyles, testContentRootViewStyle } from '../Common/styles';
|
|
6
6
|
import TestSvg from './test.svg';
|
|
7
7
|
|
|
8
8
|
export const ButtonSizeTest: React.FunctionComponent = () => {
|
|
@@ -12,7 +12,7 @@ export const ButtonSizeTest: React.FunctionComponent = () => {
|
|
|
12
12
|
};
|
|
13
13
|
const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS as string);
|
|
14
14
|
return (
|
|
15
|
-
<View style={
|
|
15
|
+
<View style={testContentRootViewStyle}>
|
|
16
16
|
{svgIconsEnabled && (
|
|
17
17
|
<>
|
|
18
18
|
<Button
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Button, CompoundButton, FAB } from '@fluentui-react-native/experimental-button';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { View } from 'react-native';
|
|
4
|
-
import { commonTestStyles,
|
|
4
|
+
import { commonTestStyles, testContentRootViewStyle } from '../Common/styles';
|
|
5
5
|
import { SvgIconProps } from '@fluentui-react-native/icon';
|
|
6
6
|
import TestSvg from './test.svg';
|
|
7
7
|
|
|
@@ -14,7 +14,7 @@ export const ButtonVariantTest: React.FunctionComponent = () => {
|
|
|
14
14
|
const iconProps = { svgSource: svgProps, width: 20, height: 20 };
|
|
15
15
|
|
|
16
16
|
return (
|
|
17
|
-
<View style={
|
|
17
|
+
<View style={testContentRootViewStyle}>
|
|
18
18
|
<Button style={commonTestStyles.vmargin}>Default</Button>
|
|
19
19
|
<Button disabled style={commonTestStyles.vmargin}>
|
|
20
20
|
Default Disabled
|