@fluentui-react-native/tester 0.119.4 → 0.120.0
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 +28 -1
- package/CHANGELOG.md +12 -2
- package/lib/fluent-tester/src/TestComponents/CheckboxExperimental/CheckboxTest.d.ts.map +1 -1
- package/lib/fluent-tester/src/TestComponents/CheckboxExperimental/CheckboxTest.js +34 -29
- package/lib/fluent-tester/src/TestComponents/CheckboxExperimental/CheckboxTest.js.map +1 -1
- package/lib/fluent-tester/src/TestComponents/Common/styles.d.ts +5 -0
- package/lib/fluent-tester/src/TestComponents/Common/styles.d.ts.map +1 -1
- package/lib/fluent-tester/src/TestComponents/Common/styles.js +5 -0
- package/lib/fluent-tester/src/TestComponents/Common/styles.js.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/CheckboxExperimental/CheckboxTest.d.ts.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/CheckboxExperimental/CheckboxTest.js +33 -28
- package/lib-commonjs/fluent-tester/src/TestComponents/CheckboxExperimental/CheckboxTest.js.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Common/styles.d.ts +5 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Common/styles.d.ts.map +1 -1
- package/lib-commonjs/fluent-tester/src/TestComponents/Common/styles.js +5 -0
- package/lib-commonjs/fluent-tester/src/TestComponents/Common/styles.js.map +1 -1
- package/package.json +3 -3
- package/src/TestComponents/CheckboxExperimental/CheckboxTest.tsx +51 -40
- package/src/TestComponents/Common/styles.ts +5 -0
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,34 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "Wed, 21 Dec 2022
|
|
5
|
+
"date": "Wed, 21 Dec 2022 06:39:10 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/tester_v0.120.0",
|
|
7
|
+
"version": "0.120.0",
|
|
8
|
+
"comments": {
|
|
9
|
+
"minor": [
|
|
10
|
+
{
|
|
11
|
+
"author": "rohanpd.work@gmail.com",
|
|
12
|
+
"package": "@fluentui-react-native/tester",
|
|
13
|
+
"commit": "af98a17356171f1eee209314cde18a12786bfa3d",
|
|
14
|
+
"comment": "Merge branch 'master' into checkbox-finalization"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui-react-native/tester",
|
|
19
|
+
"comment": "Bump @fluentui-react-native/experimental-checkbox to v0.13.14",
|
|
20
|
+
"commit": "af98a17356171f1eee209314cde18a12786bfa3d"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui-react-native/tester",
|
|
25
|
+
"comment": "Bump @fluentui/react-native to v0.34.3",
|
|
26
|
+
"commit": "af98a17356171f1eee209314cde18a12786bfa3d"
|
|
27
|
+
}
|
|
28
|
+
]
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"date": "Wed, 21 Dec 2022 02:06:39 GMT",
|
|
6
33
|
"tag": "@fluentui-react-native/tester_v0.119.4",
|
|
7
34
|
"version": "0.119.4",
|
|
8
35
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,22 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/tester
|
|
2
2
|
|
|
3
|
-
This log was last generated on Wed, 21 Dec 2022
|
|
3
|
+
This log was last generated on Wed, 21 Dec 2022 06:39:10 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.120.0
|
|
8
|
+
|
|
9
|
+
Wed, 21 Dec 2022 06:39:10 GMT
|
|
10
|
+
|
|
11
|
+
### Minor changes
|
|
12
|
+
|
|
13
|
+
- Merge branch 'master' into checkbox-finalization (rohanpd.work@gmail.com)
|
|
14
|
+
- Bump @fluentui-react-native/experimental-checkbox to v0.13.14
|
|
15
|
+
- Bump @fluentui/react-native to v0.34.3
|
|
16
|
+
|
|
7
17
|
## 0.119.4
|
|
8
18
|
|
|
9
|
-
Wed, 21 Dec 2022 02:06:
|
|
19
|
+
Wed, 21 Dec 2022 02:06:39 GMT
|
|
10
20
|
|
|
11
21
|
### Patches
|
|
12
22
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CheckboxTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6M/B,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAa5C,CAAC"}
|
|
@@ -5,14 +5,14 @@ import { Test } from '../Test';
|
|
|
5
5
|
import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
|
|
6
6
|
import { useTheme } from '@fluentui-react-native/theme-types';
|
|
7
7
|
import { View, TextInput, Platform } from 'react-native';
|
|
8
|
-
import { commonTestStyles as commonStyles } from '../Common/styles';
|
|
8
|
+
import { commonTestStyles as commonStyles, mobileStyles } from '../Common/styles';
|
|
9
9
|
import { E2ECheckboxExperimentalTest } from './E2ECheckboxExperimentalTest';
|
|
10
10
|
import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
|
|
11
|
-
import {
|
|
11
|
+
import { ButtonV1 as Button } from '@fluentui-react-native/button';
|
|
12
12
|
function onChangeUncontrolled(_e, isChecked) {
|
|
13
13
|
console.log(isChecked);
|
|
14
14
|
}
|
|
15
|
-
var
|
|
15
|
+
var BasicCheckbox = function () {
|
|
16
16
|
return (React.createElement(View, null,
|
|
17
17
|
React.createElement(Checkbox, { label: "Unchecked checkbox (undefined)", onChange: onChangeUncontrolled }),
|
|
18
18
|
React.createElement(Checkbox, { label: "Unchecked checkbox (uncontrolled)", onChange: onChangeUncontrolled, defaultChecked: false }),
|
|
@@ -20,13 +20,8 @@ var AndroidBasicCheckbox = function () {
|
|
|
20
20
|
React.createElement(Checkbox, { label: "Disabled checkbox", disabled: true }),
|
|
21
21
|
React.createElement(Checkbox, { label: "Disabled checked checkbox", defaultChecked: true, disabled: true })));
|
|
22
22
|
};
|
|
23
|
-
var
|
|
24
|
-
return (React.createElement(
|
|
25
|
-
React.createElement(Checkbox, { label: "Unchecked checkbox (undefined)", onChange: onChangeUncontrolled }),
|
|
26
|
-
React.createElement(Checkbox, { label: "Unchecked checkbox (uncontrolled)", onChange: onChangeUncontrolled, defaultChecked: false }),
|
|
27
|
-
React.createElement(Checkbox, { label: "Checked checkbox (uncontrolled)", onChange: onChangeUncontrolled, defaultChecked: true, accessibilityLabel: "Hello there" }),
|
|
28
|
-
React.createElement(Checkbox, { label: "Disabled checkbox", disabled: true }),
|
|
29
|
-
React.createElement(Checkbox, { label: "Disabled checked checkbox", defaultChecked: true, disabled: true }),
|
|
23
|
+
var DesktopSpecificCheckbox = function () {
|
|
24
|
+
return (React.createElement(React.Fragment, null,
|
|
30
25
|
React.createElement(Checkbox, { label: "Checkbox will display a tooltip", tooltip: "This is a tooltip" }),
|
|
31
26
|
React.createElement(Checkbox, { label: "A circular checkbox", shape: "circular" }),
|
|
32
27
|
React.createElement(Checkbox, { label: "A checkbox with label placed before", labelPosition: "before" }),
|
|
@@ -40,17 +35,19 @@ var SizeCheckbox = function () {
|
|
|
40
35
|
React.createElement(Checkbox, { label: "Large checkbox", size: "large" })));
|
|
41
36
|
};
|
|
42
37
|
var OtherCheckbox = function () {
|
|
43
|
-
var _a = React.useState(false),
|
|
44
|
-
var
|
|
45
|
-
|
|
38
|
+
var _a = React.useState(false), isChecked = _a[0], setisChecked = _a[1];
|
|
39
|
+
var setCheckedTrue = React.useCallback(function () {
|
|
40
|
+
setisChecked(true);
|
|
46
41
|
}, []);
|
|
47
|
-
var
|
|
48
|
-
|
|
49
|
-
setCheckedControlled2(checked);
|
|
42
|
+
var setCheckedFalse = React.useCallback(function () {
|
|
43
|
+
setisChecked(false);
|
|
50
44
|
}, []);
|
|
51
|
-
return (
|
|
52
|
-
|
|
53
|
-
React.createElement(
|
|
45
|
+
var memoizedStyles = React.useMemo(function () { return (Platform.OS === 'android' ? __assign(__assign({}, mobileStyles.containerSpacedEvenly), { height: 200 }) : {}); }, []);
|
|
46
|
+
return (React.createElement(View, { style: memoizedStyles },
|
|
47
|
+
React.createElement(Button, { onClick: setCheckedTrue, size: "small" }, "Check controlled checkboxes below"),
|
|
48
|
+
React.createElement(Button, { onClick: setCheckedFalse, size: "small" }, "Uncheck controlled checkboxes below"),
|
|
49
|
+
React.createElement(Checkbox, { label: "This is a controlled Checkbox", checked: isChecked }),
|
|
50
|
+
React.createElement(Checkbox, { label: "Checkbox rendered with labelPosition 'before' (controlled)", labelPosition: "before", checked: isChecked }),
|
|
54
51
|
React.createElement(Checkbox, { label: "A required checkbox with other required text", required: "**" })));
|
|
55
52
|
};
|
|
56
53
|
var CircleColorCheckbox = Checkbox.customize({
|
|
@@ -92,8 +89,9 @@ var TokenCheckbox = function () {
|
|
|
92
89
|
var theme = useTheme();
|
|
93
90
|
var textBoxBorderStyle = getThemedStyles(theme);
|
|
94
91
|
return (React.createElement(View, null,
|
|
95
|
-
|
|
96
|
-
|
|
92
|
+
Platform.OS !== 'android' && (React.createElement(React.Fragment, null,
|
|
93
|
+
React.createElement(HoverCheckbox, { label: "A checkbox with checkmark visible on hover", onChange: onChangeUncontrolled }),
|
|
94
|
+
React.createElement(CircleColorCheckbox, { label: "A circular token-customized checkbox", shape: "circular", onChange: onChangeUncontrolled, defaultChecked: true }))),
|
|
97
95
|
React.createElement(BigLabelCheckbox, { label: "A checkbox with a bold large font label" }),
|
|
98
96
|
React.createElement(ComposedCheckbox, { label: "A checkbox with a hot pink label and no padding" }),
|
|
99
97
|
React.createElement(BlueCheckbox, { label: "Token-customized checkbox. Customizable below.", onChange: onChangeUncontrolled, labelPosition: "before", defaultChecked: false }),
|
|
@@ -104,19 +102,26 @@ var TokenCheckbox = function () {
|
|
|
104
102
|
setCheckmarkColor(e.nativeEvent.text);
|
|
105
103
|
} })));
|
|
106
104
|
};
|
|
107
|
-
var UnSupportedOnAndroid = function () {
|
|
108
|
-
return (React.createElement(Text, { style: { margin: 10, fontSize: 14 }, color: "red" }, "Unsupported on Android"));
|
|
109
|
-
};
|
|
110
105
|
var checkboxSections = [
|
|
111
106
|
{
|
|
112
107
|
name: 'Basic Checkboxes',
|
|
113
108
|
testID: EXPERIMENTAL_CHECKBOX_TESTPAGE,
|
|
114
|
-
component:
|
|
115
|
-
},
|
|
116
|
-
{
|
|
117
|
-
name: 'Size Checkboxes',
|
|
118
|
-
component: Platform.OS === 'android' ? UnSupportedOnAndroid : SizeCheckbox,
|
|
109
|
+
component: BasicCheckbox,
|
|
119
110
|
},
|
|
111
|
+
Platform.select({
|
|
112
|
+
android: null,
|
|
113
|
+
default: {
|
|
114
|
+
name: 'Size Checkboxes',
|
|
115
|
+
component: SizeCheckbox,
|
|
116
|
+
},
|
|
117
|
+
}),
|
|
118
|
+
Platform.select({
|
|
119
|
+
android: null,
|
|
120
|
+
default: {
|
|
121
|
+
name: 'Desktop Specific Checkboxes',
|
|
122
|
+
component: DesktopSpecificCheckbox,
|
|
123
|
+
},
|
|
124
|
+
}),
|
|
120
125
|
{
|
|
121
126
|
name: 'Other Implementations',
|
|
122
127
|
component: OtherCheckbox,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,8BAA8B,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,8CAA8C,CAAC;AACxE,OAAO,EAAS,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,gBAAgB,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"CheckboxTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"names":[],"mappings":"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"}
|
|
@@ -154,6 +154,11 @@ export declare const mobileStyles: {
|
|
|
154
154
|
fontSize: number;
|
|
155
155
|
paddingVertical: number;
|
|
156
156
|
};
|
|
157
|
+
containerSpacedEvenly: {
|
|
158
|
+
display: "flex";
|
|
159
|
+
flexDirection: "column";
|
|
160
|
+
justifyContent: "space-evenly";
|
|
161
|
+
};
|
|
157
162
|
};
|
|
158
163
|
export declare const testContentRootViewStyle: (import("react-native").ViewStyle | {
|
|
159
164
|
minHeight: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+D3B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8D7B,CAAC;AAEH,eAAO,MAAM,UAAU,EAAE,WAAW,CAAC,OAAO,CAM3C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,WAAW,CAAC,OAAO,CAIpD,CAAC;AAEF,eAAO,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+D3B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8D7B,CAAC;AAEH,eAAO,MAAM,UAAU,EAAE,WAAW,CAAC,OAAO,CAM3C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,WAAW,CAAC,OAAO,CAIpD,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BvB,CAAC;AAEH,eAAO,MAAM,wBAAwB;;;IAAsC,CAAC"}
|
|
@@ -160,6 +160,11 @@ export var mobileStyles = StyleSheet.create({
|
|
|
160
160
|
fontSize: 18,
|
|
161
161
|
paddingVertical: 8,
|
|
162
162
|
},
|
|
163
|
+
containerSpacedEvenly: {
|
|
164
|
+
display: 'flex',
|
|
165
|
+
flexDirection: 'column',
|
|
166
|
+
justifyContent: 'space-evenly',
|
|
167
|
+
},
|
|
163
168
|
});
|
|
164
169
|
export var testContentRootViewStyle = [stackStyle, commonTestStyles.view];
|
|
165
170
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAU,CAAC,MAAM,CAAC;IAChD,IAAI,EAAE;QACJ,SAAS,EAAE,EAAE;QACb,WAAW,EAAE,EAAE;QACf,aAAa,EAAE,QAAQ;QACvB,UAAU,EAAE,YAAY;KACzB;IACD,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE;IACjB,MAAM,EAAE;QACN,cAAc,EAAE,CAAC;QACjB,QAAQ,EAAE,EAAE;KACb;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,EAAE;KACd;IACD,cAAc,EAAE;QACd,MAAM,EAAE,GAAG;QACX,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,cAAc;KAC/B;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,CAAC;KACZ;IACD,cAAc,EAAE;QACd,aAAa,EAAE,QAAQ;QACvB,IAAI,EAAE,CAAC;KACR;IACD,gBAAgB,EAAE;QAChB,IAAI,EAAE,CAAC;QACP,aAAa,EAAE,KAAK;KACrB;IACD,OAAO,EAAE;QACP,cAAc,EAAE,CAAC;KAClB;IACD,KAAK,EAAE;QACL,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,SAAS;QACtB,OAAO,EAAE,EAAE;QACX,MAAM,EAAE,CAAC;KACV;IACD,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IACD,OAAO,EAAE;QACP,WAAW,EAAE,CAAC;QACd,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,GAAG;QACV,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,CAAC;KACnB;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,GAAG;QACd,cAAc,EAAE,eAAe;KAChC;IACD,gBAAgB,EAAE;QAChB,SAAS,EAAE,EAAE;QACb,cAAc,EAAE,eAAe;KAChC;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAU,CAAC,MAAM,CAAC;IAClD,QAAQ,EAAE;QACR,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,CAAC;QACX,aAAa,EAAE,KAAK;QACpB,SAAS,EAAE,GAAG;QACd,QAAQ,EAAE,GAAG;QACb,cAAc,EAAE,YAAY;QAC5B,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,CAAC;KACX;IACD,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;KAChC;IACD,oBAAoB,EAAE;QACpB,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,eAAe;KAChC;IACD,UAAU,EAAE;QACV,SAAS,EAAE,YAAY;QACvB,OAAO,EAAE,MAAM;KAChB;IACD,UAAU,EAAE;QACV,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,CAAC;KACb;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,GAAG;QACb,UAAU,EAAE,CAAC;QACb,QAAQ,EAAE,CAAC;QACX,aAAa,EAAE,KAAK;KACrB;IACD,sBAAsB,EAAE;QACtB,aAAa,EAAE,QAAQ;QACvB,UAAU,EAAE,SAAS;KACtB;IACD,eAAe,EAAE;QACf,aAAa,EAAE,QAAQ;QACvB,UAAU,EAAE,SAAS;KACtB;IACD,mBAAmB,EAAE;QACnB,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,GAAG;QACV,UAAU,EAAE,CAAC;QACb,QAAQ,EAAE,CAAC;QACX,aAAa,EAAE,QAAQ;KACxB;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,MAAM;QACb,YAAY,EAAE,CAAC;QACf,cAAc,EAAE,YAAY;KAC7B;IACD,iBAAiB,EAAE,EAAE,gBAAgB,EAAE,CAAC,EAAE;IAC1C,WAAW,EAAE;QACX,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,CAAC;KACX;IACD,MAAM,EAAE;QACN,SAAS,EAAE,QAAQ;QACnB,QAAQ,EAAE,EAAE;KACb;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,UAAU,GAAyB;IAC9C,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,SAAS;IACtB,eAAe,EAAE,CAAC;IAClB,iBAAiB,EAAE,EAAE;IACrB,MAAM,EAAE,CAAC;CACV,CAAC;AAEF,MAAM,CAAC,IAAM,mBAAmB,GAAyB;IACvD,MAAM,EAAE,GAAG;IACX,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,cAAc;CAC/B,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,UAAU,CAAC,MAAM,CAAC;IAC5C,MAAM,EAAE;QACN,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,eAAe;KAChC;IACD,YAAY,EAAE;QACZ,aAAa,EAAE,KAAK;QACpB,gBAAgB,EAAE,EAAE;QACpB,UAAU,EAAE,EAAE;QACd,aAAa,EAAE,CAAC;QAChB,IAAI,EAAE,CAAC;QACP,cAAc,EAAE,cAAc;KAC/B;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM;KACd;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,EAAE;QACZ,eAAe,EAAE,CAAC;KACnB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,wBAAwB,GAAG,CAAC,UAAU,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAU,CAAC,MAAM,CAAC;IAChD,IAAI,EAAE;QACJ,SAAS,EAAE,EAAE;QACb,WAAW,EAAE,EAAE;QACf,aAAa,EAAE,QAAQ;QACvB,UAAU,EAAE,YAAY;KACzB;IACD,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE;IACjB,MAAM,EAAE;QACN,cAAc,EAAE,CAAC;QACjB,QAAQ,EAAE,EAAE;KACb;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,SAAS;QAChB,SAAS,EAAE,EAAE;KACd;IACD,cAAc,EAAE;QACd,MAAM,EAAE,GAAG;QACX,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,cAAc;KAC/B;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,CAAC;KACZ;IACD,cAAc,EAAE;QACd,aAAa,EAAE,QAAQ;QACvB,IAAI,EAAE,CAAC;KACR;IACD,gBAAgB,EAAE;QAChB,IAAI,EAAE,CAAC;QACP,aAAa,EAAE,KAAK;KACrB;IACD,OAAO,EAAE;QACP,cAAc,EAAE,CAAC;KAClB;IACD,KAAK,EAAE;QACL,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,SAAS;QACtB,OAAO,EAAE,EAAE;QACX,MAAM,EAAE,CAAC;KACV;IACD,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IACD,OAAO,EAAE;QACP,WAAW,EAAE,CAAC;QACd,MAAM,EAAE,EAAE;QACV,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,GAAG;QACV,YAAY,EAAE,CAAC;QACf,eAAe,EAAE,CAAC;KACnB;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,GAAG;QACd,cAAc,EAAE,eAAe;KAChC;IACD,gBAAgB,EAAE;QAChB,SAAS,EAAE,EAAE;QACb,cAAc,EAAE,eAAe;KAChC;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAU,CAAC,MAAM,CAAC;IAClD,QAAQ,EAAE;QACR,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,CAAC;QACX,aAAa,EAAE,KAAK;QACpB,SAAS,EAAE,GAAG;QACd,QAAQ,EAAE,GAAG;QACb,cAAc,EAAE,YAAY;QAC5B,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,CAAC;KACX;IACD,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;KAChC;IACD,oBAAoB,EAAE;QACpB,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,eAAe;KAChC;IACD,UAAU,EAAE;QACV,SAAS,EAAE,YAAY;QACvB,OAAO,EAAE,MAAM;KAChB;IACD,UAAU,EAAE;QACV,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,CAAC;KACb;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,GAAG;QACb,UAAU,EAAE,CAAC;QACb,QAAQ,EAAE,CAAC;QACX,aAAa,EAAE,KAAK;KACrB;IACD,sBAAsB,EAAE;QACtB,aAAa,EAAE,QAAQ;QACvB,UAAU,EAAE,SAAS;KACtB;IACD,eAAe,EAAE;QACf,aAAa,EAAE,QAAQ;QACvB,UAAU,EAAE,SAAS;KACtB;IACD,mBAAmB,EAAE;QACnB,MAAM,EAAE,GAAG;QACX,KAAK,EAAE,GAAG;QACV,UAAU,EAAE,CAAC;QACb,QAAQ,EAAE,CAAC;QACX,aAAa,EAAE,QAAQ;KACxB;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,MAAM;QACb,YAAY,EAAE,CAAC;QACf,cAAc,EAAE,YAAY;KAC7B;IACD,iBAAiB,EAAE,EAAE,gBAAgB,EAAE,CAAC,EAAE;IAC1C,WAAW,EAAE;QACX,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,CAAC;KACX;IACD,MAAM,EAAE;QACN,SAAS,EAAE,QAAQ;QACnB,QAAQ,EAAE,EAAE;KACb;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,UAAU,GAAyB;IAC9C,WAAW,EAAE,CAAC;IACd,WAAW,EAAE,SAAS;IACtB,eAAe,EAAE,CAAC;IAClB,iBAAiB,EAAE,EAAE;IACrB,MAAM,EAAE,CAAC;CACV,CAAC;AAEF,MAAM,CAAC,IAAM,mBAAmB,GAAyB;IACvD,MAAM,EAAE,GAAG;IACX,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,cAAc;CAC/B,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,UAAU,CAAC,MAAM,CAAC;IAC5C,MAAM,EAAE;QACN,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,eAAe;KAChC;IACD,YAAY,EAAE;QACZ,aAAa,EAAE,KAAK;QACpB,gBAAgB,EAAE,EAAE;QACpB,UAAU,EAAE,EAAE;QACd,aAAa,EAAE,CAAC;QAChB,IAAI,EAAE,CAAC;QACP,cAAc,EAAE,cAAc;KAC/B;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM;KACd;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,EAAE;QACZ,eAAe,EAAE,CAAC;KACnB;IACD,qBAAqB,EAAE;QACrB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,cAAc,EAAE,cAAc;KAC/B;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,wBAAwB,GAAG,CAAC,UAAU,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC"}
|
package/lib-commonjs/fluent-tester/src/TestComponents/CheckboxExperimental/CheckboxTest.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"CheckboxTest.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6M/B,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAa5C,CAAC"}
|
|
@@ -11,11 +11,11 @@ var react_native_1 = require("react-native");
|
|
|
11
11
|
var styles_1 = require("../Common/styles");
|
|
12
12
|
var E2ECheckboxExperimentalTest_1 = require("./E2ECheckboxExperimentalTest");
|
|
13
13
|
var themed_stylesheet_1 = require("@fluentui-react-native/themed-stylesheet");
|
|
14
|
-
var
|
|
14
|
+
var button_1 = require("@fluentui-react-native/button");
|
|
15
15
|
function onChangeUncontrolled(_e, isChecked) {
|
|
16
16
|
console.log(isChecked);
|
|
17
17
|
}
|
|
18
|
-
var
|
|
18
|
+
var BasicCheckbox = function () {
|
|
19
19
|
return (React.createElement(react_native_1.View, null,
|
|
20
20
|
React.createElement(experimental_checkbox_1.Checkbox, { label: "Unchecked checkbox (undefined)", onChange: onChangeUncontrolled }),
|
|
21
21
|
React.createElement(experimental_checkbox_1.Checkbox, { label: "Unchecked checkbox (uncontrolled)", onChange: onChangeUncontrolled, defaultChecked: false }),
|
|
@@ -23,13 +23,8 @@ var AndroidBasicCheckbox = function () {
|
|
|
23
23
|
React.createElement(experimental_checkbox_1.Checkbox, { label: "Disabled checkbox", disabled: true }),
|
|
24
24
|
React.createElement(experimental_checkbox_1.Checkbox, { label: "Disabled checked checkbox", defaultChecked: true, disabled: true })));
|
|
25
25
|
};
|
|
26
|
-
var
|
|
27
|
-
return (React.createElement(
|
|
28
|
-
React.createElement(experimental_checkbox_1.Checkbox, { label: "Unchecked checkbox (undefined)", onChange: onChangeUncontrolled }),
|
|
29
|
-
React.createElement(experimental_checkbox_1.Checkbox, { label: "Unchecked checkbox (uncontrolled)", onChange: onChangeUncontrolled, defaultChecked: false }),
|
|
30
|
-
React.createElement(experimental_checkbox_1.Checkbox, { label: "Checked checkbox (uncontrolled)", onChange: onChangeUncontrolled, defaultChecked: true, accessibilityLabel: "Hello there" }),
|
|
31
|
-
React.createElement(experimental_checkbox_1.Checkbox, { label: "Disabled checkbox", disabled: true }),
|
|
32
|
-
React.createElement(experimental_checkbox_1.Checkbox, { label: "Disabled checked checkbox", defaultChecked: true, disabled: true }),
|
|
26
|
+
var DesktopSpecificCheckbox = function () {
|
|
27
|
+
return (React.createElement(React.Fragment, null,
|
|
33
28
|
React.createElement(experimental_checkbox_1.Checkbox, { label: "Checkbox will display a tooltip", tooltip: "This is a tooltip" }),
|
|
34
29
|
React.createElement(experimental_checkbox_1.Checkbox, { label: "A circular checkbox", shape: "circular" }),
|
|
35
30
|
React.createElement(experimental_checkbox_1.Checkbox, { label: "A checkbox with label placed before", labelPosition: "before" }),
|
|
@@ -43,17 +38,19 @@ var SizeCheckbox = function () {
|
|
|
43
38
|
React.createElement(experimental_checkbox_1.Checkbox, { label: "Large checkbox", size: "large" })));
|
|
44
39
|
};
|
|
45
40
|
var OtherCheckbox = function () {
|
|
46
|
-
var _a = React.useState(false),
|
|
47
|
-
var
|
|
48
|
-
|
|
41
|
+
var _a = React.useState(false), isChecked = _a[0], setisChecked = _a[1];
|
|
42
|
+
var setCheckedTrue = React.useCallback(function () {
|
|
43
|
+
setisChecked(true);
|
|
49
44
|
}, []);
|
|
50
|
-
var
|
|
51
|
-
|
|
52
|
-
setCheckedControlled2(checked);
|
|
45
|
+
var setCheckedFalse = React.useCallback(function () {
|
|
46
|
+
setisChecked(false);
|
|
53
47
|
}, []);
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
React.createElement(
|
|
48
|
+
var memoizedStyles = React.useMemo(function () { return (react_native_1.Platform.OS === 'android' ? (0, tslib_1.__assign)((0, tslib_1.__assign)({}, styles_1.mobileStyles.containerSpacedEvenly), { height: 200 }) : {}); }, []);
|
|
49
|
+
return (React.createElement(react_native_1.View, { style: memoizedStyles },
|
|
50
|
+
React.createElement(button_1.ButtonV1, { onClick: setCheckedTrue, size: "small" }, "Check controlled checkboxes below"),
|
|
51
|
+
React.createElement(button_1.ButtonV1, { onClick: setCheckedFalse, size: "small" }, "Uncheck controlled checkboxes below"),
|
|
52
|
+
React.createElement(experimental_checkbox_1.Checkbox, { label: "This is a controlled Checkbox", checked: isChecked }),
|
|
53
|
+
React.createElement(experimental_checkbox_1.Checkbox, { label: "Checkbox rendered with labelPosition 'before' (controlled)", labelPosition: "before", checked: isChecked }),
|
|
57
54
|
React.createElement(experimental_checkbox_1.Checkbox, { label: "A required checkbox with other required text", required: "**" })));
|
|
58
55
|
};
|
|
59
56
|
var CircleColorCheckbox = experimental_checkbox_1.Checkbox.customize({
|
|
@@ -95,8 +92,9 @@ var TokenCheckbox = function () {
|
|
|
95
92
|
var theme = (0, theme_types_1.useTheme)();
|
|
96
93
|
var textBoxBorderStyle = getThemedStyles(theme);
|
|
97
94
|
return (React.createElement(react_native_1.View, null,
|
|
98
|
-
|
|
99
|
-
|
|
95
|
+
react_native_1.Platform.OS !== 'android' && (React.createElement(React.Fragment, null,
|
|
96
|
+
React.createElement(HoverCheckbox, { label: "A checkbox with checkmark visible on hover", onChange: onChangeUncontrolled }),
|
|
97
|
+
React.createElement(CircleColorCheckbox, { label: "A circular token-customized checkbox", shape: "circular", onChange: onChangeUncontrolled, defaultChecked: true }))),
|
|
100
98
|
React.createElement(BigLabelCheckbox, { label: "A checkbox with a bold large font label" }),
|
|
101
99
|
React.createElement(ComposedCheckbox, { label: "A checkbox with a hot pink label and no padding" }),
|
|
102
100
|
React.createElement(BlueCheckbox, { label: "Token-customized checkbox. Customizable below.", onChange: onChangeUncontrolled, labelPosition: "before", defaultChecked: false }),
|
|
@@ -107,19 +105,26 @@ var TokenCheckbox = function () {
|
|
|
107
105
|
setCheckmarkColor(e.nativeEvent.text);
|
|
108
106
|
} })));
|
|
109
107
|
};
|
|
110
|
-
var UnSupportedOnAndroid = function () {
|
|
111
|
-
return (React.createElement(text_1.Text, { style: { margin: 10, fontSize: 14 }, color: "red" }, "Unsupported on Android"));
|
|
112
|
-
};
|
|
113
108
|
var checkboxSections = [
|
|
114
109
|
{
|
|
115
110
|
name: 'Basic Checkboxes',
|
|
116
111
|
testID: consts_1.EXPERIMENTAL_CHECKBOX_TESTPAGE,
|
|
117
|
-
component:
|
|
118
|
-
},
|
|
119
|
-
{
|
|
120
|
-
name: 'Size Checkboxes',
|
|
121
|
-
component: react_native_1.Platform.OS === 'android' ? UnSupportedOnAndroid : SizeCheckbox,
|
|
112
|
+
component: BasicCheckbox,
|
|
122
113
|
},
|
|
114
|
+
react_native_1.Platform.select({
|
|
115
|
+
android: null,
|
|
116
|
+
default: {
|
|
117
|
+
name: 'Size Checkboxes',
|
|
118
|
+
component: SizeCheckbox,
|
|
119
|
+
},
|
|
120
|
+
}),
|
|
121
|
+
react_native_1.Platform.select({
|
|
122
|
+
android: null,
|
|
123
|
+
default: {
|
|
124
|
+
name: 'Desktop Specific Checkboxes',
|
|
125
|
+
component: DesktopSpecificCheckbox,
|
|
126
|
+
},
|
|
127
|
+
}),
|
|
123
128
|
{
|
|
124
129
|
name: 'Other Implementations',
|
|
125
130
|
component: OtherCheckbox,
|
package/lib-commonjs/fluent-tester/src/TestComponents/CheckboxExperimental/CheckboxTest.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,mCAA0D;AAC1D,gCAA4D;AAC5D,sFAAwE;AACxE,kEAAqE;AACrE,6CAAyD;AACzD,
|
|
1
|
+
{"version":3,"file":"CheckboxTest.js","sourceRoot":"","sources":["../../../../../src/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"names":[],"mappings":"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"}
|
|
@@ -154,6 +154,11 @@ export declare const mobileStyles: {
|
|
|
154
154
|
fontSize: number;
|
|
155
155
|
paddingVertical: number;
|
|
156
156
|
};
|
|
157
|
+
containerSpacedEvenly: {
|
|
158
|
+
display: "flex";
|
|
159
|
+
flexDirection: "column";
|
|
160
|
+
justifyContent: "space-evenly";
|
|
161
|
+
};
|
|
157
162
|
};
|
|
158
163
|
export declare const testContentRootViewStyle: (import("react-native").ViewStyle | {
|
|
159
164
|
minHeight: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+D3B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8D7B,CAAC;AAEH,eAAO,MAAM,UAAU,EAAE,WAAW,CAAC,OAAO,CAM3C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,WAAW,CAAC,OAAO,CAIpD,CAAC;AAEF,eAAO,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+D3B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8D7B,CAAC;AAEH,eAAO,MAAM,UAAU,EAAE,WAAW,CAAC,OAAO,CAM3C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,WAAW,CAAC,OAAO,CAIpD,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BvB,CAAC;AAEH,eAAO,MAAM,wBAAwB;;;IAAsC,CAAC"}
|
|
@@ -163,6 +163,11 @@ exports.mobileStyles = react_native_1.StyleSheet.create({
|
|
|
163
163
|
fontSize: 18,
|
|
164
164
|
paddingVertical: 8,
|
|
165
165
|
},
|
|
166
|
+
containerSpacedEvenly: {
|
|
167
|
+
display: 'flex',
|
|
168
|
+
flexDirection: 'column',
|
|
169
|
+
justifyContent: 'space-evenly',
|
|
170
|
+
},
|
|
166
171
|
});
|
|
167
172
|
exports.testContentRootViewStyle = [exports.stackStyle, exports.commonTestStyles.view];
|
|
168
173
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/styles.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Common/styles.ts"],"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.
|
|
3
|
+
"version": "0.120.0",
|
|
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>",
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"@fluentui-react-native/experimental-activity-indicator": ">=0.7.3 <1.0.0",
|
|
44
44
|
"@fluentui-react-native/experimental-avatar": ">=0.16.30 <1.0.0",
|
|
45
45
|
"@fluentui-react-native/experimental-button": "0.16.66",
|
|
46
|
-
"@fluentui-react-native/experimental-checkbox": "0.13.
|
|
46
|
+
"@fluentui-react-native/experimental-checkbox": "0.13.14",
|
|
47
47
|
"@fluentui-react-native/experimental-expander": "0.5.3",
|
|
48
48
|
"@fluentui-react-native/experimental-icon": ">=0.1.5 <1.0.0",
|
|
49
49
|
"@fluentui-react-native/experimental-link": "^0.4.1",
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
"@fluentui-react-native/themed-stylesheet": "^1.4.1",
|
|
70
70
|
"@fluentui-react-native/theming-utils": ">=0.20.1 <1.0.0",
|
|
71
71
|
"@fluentui-react-native/win32-theme": ">=0.24.4 <1.0.0",
|
|
72
|
-
"@fluentui/react-native": ">=0.34.
|
|
72
|
+
"@fluentui/react-native": ">=0.34.3 <1.0.0",
|
|
73
73
|
"@fortawesome/fontawesome-svg-core": "^6.2.0",
|
|
74
74
|
"@fortawesome/free-solid-svg-icons": "^6.2.0",
|
|
75
75
|
"@fortawesome/react-native-fontawesome": "^0.3.0",
|
|
@@ -4,17 +4,17 @@ import { Test, TestSection, PlatformStatus } from '../Test';
|
|
|
4
4
|
import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
|
|
5
5
|
import { Theme, useTheme } from '@fluentui-react-native/theme-types';
|
|
6
6
|
import { View, TextInput, Platform } from 'react-native';
|
|
7
|
-
import { commonTestStyles as commonStyles } from '../Common/styles';
|
|
7
|
+
import { commonTestStyles as commonStyles, mobileStyles } from '../Common/styles';
|
|
8
8
|
import { E2ECheckboxExperimentalTest } from './E2ECheckboxExperimentalTest';
|
|
9
9
|
import { InteractionEvent } from '@fluentui-react-native/interactive-hooks';
|
|
10
10
|
import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
|
|
11
|
-
import {
|
|
11
|
+
import { ButtonV1 as Button } from '@fluentui-react-native/button';
|
|
12
12
|
|
|
13
13
|
function onChangeUncontrolled(_e: InteractionEvent, isChecked: boolean) {
|
|
14
14
|
console.log(isChecked);
|
|
15
15
|
}
|
|
16
16
|
|
|
17
|
-
const
|
|
17
|
+
const BasicCheckbox: React.FunctionComponent = () => {
|
|
18
18
|
return (
|
|
19
19
|
<View>
|
|
20
20
|
<Checkbox label="Unchecked checkbox (undefined)" onChange={onChangeUncontrolled} />
|
|
@@ -26,19 +26,14 @@ const AndroidBasicCheckbox = () => {
|
|
|
26
26
|
);
|
|
27
27
|
};
|
|
28
28
|
|
|
29
|
-
const
|
|
29
|
+
const DesktopSpecificCheckbox: React.FunctionComponent = () => {
|
|
30
30
|
return (
|
|
31
|
-
|
|
32
|
-
<Checkbox label="Unchecked checkbox (undefined)" onChange={onChangeUncontrolled} />
|
|
33
|
-
<Checkbox label="Unchecked checkbox (uncontrolled)" onChange={onChangeUncontrolled} defaultChecked={false} />
|
|
34
|
-
<Checkbox label="Checked checkbox (uncontrolled)" onChange={onChangeUncontrolled} defaultChecked accessibilityLabel="Hello there" />
|
|
35
|
-
<Checkbox label="Disabled checkbox" disabled />
|
|
36
|
-
<Checkbox label="Disabled checked checkbox" defaultChecked disabled />
|
|
31
|
+
<>
|
|
37
32
|
<Checkbox label="Checkbox will display a tooltip" tooltip="This is a tooltip" />
|
|
38
33
|
<Checkbox label="A circular checkbox" shape="circular" />
|
|
39
34
|
<Checkbox label="A checkbox with label placed before" labelPosition="before" />
|
|
40
35
|
<Checkbox label="A required checkbox" required />
|
|
41
|
-
|
|
36
|
+
</>
|
|
42
37
|
);
|
|
43
38
|
};
|
|
44
39
|
|
|
@@ -54,25 +49,29 @@ const SizeCheckbox: React.FunctionComponent = () => {
|
|
|
54
49
|
};
|
|
55
50
|
|
|
56
51
|
const OtherCheckbox: React.FunctionComponent = () => {
|
|
57
|
-
const [
|
|
58
|
-
|
|
59
|
-
|
|
52
|
+
const [isChecked, setisChecked] = React.useState(false);
|
|
53
|
+
|
|
54
|
+
const setCheckedTrue = React.useCallback(() => {
|
|
55
|
+
setisChecked(true);
|
|
60
56
|
}, []);
|
|
61
57
|
|
|
62
|
-
const
|
|
63
|
-
|
|
64
|
-
setCheckedControlled2(checked);
|
|
58
|
+
const setCheckedFalse = React.useCallback(() => {
|
|
59
|
+
setisChecked(false);
|
|
65
60
|
}, []);
|
|
66
61
|
|
|
62
|
+
const memoizedStyles = React.useMemo(() => (Platform.OS === 'android' ? { ...mobileStyles.containerSpacedEvenly, height: 200 } : {}), []);
|
|
63
|
+
|
|
67
64
|
return (
|
|
68
|
-
<View>
|
|
69
|
-
<
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
65
|
+
<View style={memoizedStyles}>
|
|
66
|
+
<Button onClick={setCheckedTrue} size="small">
|
|
67
|
+
Check controlled checkboxes below
|
|
68
|
+
</Button>
|
|
69
|
+
<Button onClick={setCheckedFalse} size="small">
|
|
70
|
+
Uncheck controlled checkboxes below
|
|
71
|
+
</Button>
|
|
72
|
+
|
|
73
|
+
<Checkbox label="This is a controlled Checkbox" checked={isChecked} />
|
|
74
|
+
<Checkbox label="Checkbox rendered with labelPosition 'before' (controlled)" labelPosition="before" checked={isChecked} />
|
|
76
75
|
<Checkbox label="A required checkbox with other required text" required="**" />
|
|
77
76
|
</View>
|
|
78
77
|
);
|
|
@@ -126,8 +125,18 @@ const TokenCheckbox: React.FunctionComponent = () => {
|
|
|
126
125
|
|
|
127
126
|
return (
|
|
128
127
|
<View>
|
|
129
|
-
|
|
130
|
-
|
|
128
|
+
{Platform.OS !== 'android' && (
|
|
129
|
+
<>
|
|
130
|
+
<HoverCheckbox label="A checkbox with checkmark visible on hover" onChange={onChangeUncontrolled} />
|
|
131
|
+
<CircleColorCheckbox
|
|
132
|
+
label="A circular token-customized checkbox"
|
|
133
|
+
shape="circular"
|
|
134
|
+
onChange={onChangeUncontrolled}
|
|
135
|
+
defaultChecked
|
|
136
|
+
/>
|
|
137
|
+
</>
|
|
138
|
+
)}
|
|
139
|
+
|
|
131
140
|
<BigLabelCheckbox label="A checkbox with a bold large font label" />
|
|
132
141
|
<ComposedCheckbox label="A checkbox with a hot pink label and no padding" />
|
|
133
142
|
|
|
@@ -160,24 +169,26 @@ const TokenCheckbox: React.FunctionComponent = () => {
|
|
|
160
169
|
);
|
|
161
170
|
};
|
|
162
171
|
|
|
163
|
-
const UnSupportedOnAndroid = () => {
|
|
164
|
-
return (
|
|
165
|
-
<Text style={{ margin: 10, fontSize: 14 }} color="red">
|
|
166
|
-
Unsupported on Android
|
|
167
|
-
</Text>
|
|
168
|
-
);
|
|
169
|
-
};
|
|
170
|
-
|
|
171
172
|
const checkboxSections: TestSection[] = [
|
|
172
173
|
{
|
|
173
174
|
name: 'Basic Checkboxes',
|
|
174
175
|
testID: EXPERIMENTAL_CHECKBOX_TESTPAGE,
|
|
175
|
-
component:
|
|
176
|
-
},
|
|
177
|
-
{
|
|
178
|
-
name: 'Size Checkboxes',
|
|
179
|
-
component: Platform.OS === 'android' ? UnSupportedOnAndroid : SizeCheckbox,
|
|
176
|
+
component: BasicCheckbox,
|
|
180
177
|
},
|
|
178
|
+
Platform.select({
|
|
179
|
+
android: null,
|
|
180
|
+
default: {
|
|
181
|
+
name: 'Size Checkboxes',
|
|
182
|
+
component: SizeCheckbox,
|
|
183
|
+
},
|
|
184
|
+
}),
|
|
185
|
+
Platform.select({
|
|
186
|
+
android: null,
|
|
187
|
+
default: {
|
|
188
|
+
name: 'Desktop Specific Checkboxes',
|
|
189
|
+
component: DesktopSpecificCheckbox,
|
|
190
|
+
},
|
|
191
|
+
}),
|
|
181
192
|
{
|
|
182
193
|
name: 'Other Implementations',
|
|
183
194
|
component: OtherCheckbox,
|
|
@@ -166,6 +166,11 @@ export const mobileStyles = StyleSheet.create({
|
|
|
166
166
|
fontSize: 18,
|
|
167
167
|
paddingVertical: 8,
|
|
168
168
|
},
|
|
169
|
+
containerSpacedEvenly: {
|
|
170
|
+
display: 'flex',
|
|
171
|
+
flexDirection: 'column',
|
|
172
|
+
justifyContent: 'space-evenly',
|
|
173
|
+
},
|
|
169
174
|
});
|
|
170
175
|
|
|
171
176
|
export const testContentRootViewStyle = [stackStyle, commonTestStyles.view];
|