@fluentui-react-native/tester 0.59.12 → 0.59.13

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 CHANGED
@@ -2,7 +2,52 @@
2
2
  "name": "@fluentui-react-native/tester",
3
3
  "entries": [
4
4
  {
5
- "date": "Tue, 12 Apr 2022 21:52:38 GMT",
5
+ "date": "Wed, 13 Apr 2022 15:50:38 GMT",
6
+ "tag": "@fluentui-react-native/tester_v0.59.13",
7
+ "version": "0.59.13",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "ruaraki@microsoft.com",
12
+ "package": "@fluentui-react-native/tester",
13
+ "commit": "9056781c0c1db98bafae7d8f24da19400a2c1903",
14
+ "comment": "Add more checkbox tests"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui-react-native/tester",
19
+ "comment": "Bump @fluentui-react-native/button to v0.22.14",
20
+ "commit": "9056781c0c1db98bafae7d8f24da19400a2c1903"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui-react-native/tester",
25
+ "comment": "Bump @fluentui-react-native/experimental-button to v0.15.14",
26
+ "commit": "9056781c0c1db98bafae7d8f24da19400a2c1903"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui-react-native/tester",
31
+ "comment": "Bump @fluentui-react-native/experimental-checkbox to v0.10.12",
32
+ "commit": "9056781c0c1db98bafae7d8f24da19400a2c1903"
33
+ },
34
+ {
35
+ "author": "beachball",
36
+ "package": "@fluentui-react-native/tester",
37
+ "comment": "Bump @fluentui-react-native/experimental-menu-button to v0.3.29",
38
+ "commit": "9056781c0c1db98bafae7d8f24da19400a2c1903"
39
+ },
40
+ {
41
+ "author": "beachball",
42
+ "package": "@fluentui-react-native/tester",
43
+ "comment": "Bump @fluentui/react-native to v0.28.9",
44
+ "commit": "9056781c0c1db98bafae7d8f24da19400a2c1903"
45
+ }
46
+ ]
47
+ }
48
+ },
49
+ {
50
+ "date": "Tue, 12 Apr 2022 21:53:04 GMT",
6
51
  "tag": "@fluentui-react-native/tester_v0.59.12",
7
52
  "version": "0.59.12",
8
53
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,25 @@
1
1
  # Change Log - @fluentui-react-native/tester
2
2
 
3
- This log was last generated on Tue, 12 Apr 2022 21:52:38 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 13 Apr 2022 15:50:38 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 0.59.13
8
+
9
+ Wed, 13 Apr 2022 15:50:38 GMT
10
+
11
+ ### Patches
12
+
13
+ - Add more checkbox tests (ruaraki@microsoft.com)
14
+ - Bump @fluentui-react-native/button to v0.22.14
15
+ - Bump @fluentui-react-native/experimental-button to v0.15.14
16
+ - Bump @fluentui-react-native/experimental-checkbox to v0.10.12
17
+ - Bump @fluentui-react-native/experimental-menu-button to v0.3.29
18
+ - Bump @fluentui/react-native to v0.28.9
19
+
7
20
  ## 0.59.12
8
21
 
9
- Tue, 12 Apr 2022 21:52:38 GMT
22
+ Tue, 12 Apr 2022 21:53:04 GMT
10
23
 
11
24
  ### Patches
12
25
 
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyK/B,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAa5C,CAAC"}
1
+ {"version":3,"file":"CheckboxTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwK/B,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAa5C,CAAC"}
@@ -43,46 +43,47 @@ var OtherCheckbox = function () {
43
43
  React.createElement(Checkbox, { label: "A required checkbox with other required text", required: "**" })));
44
44
  };
45
45
  var CircleColorCheckbox = Checkbox.customize({
46
- checkboxBackgroundColor: 'white',
47
46
  checked: {
48
47
  checkboxBackgroundColor: 'green',
49
48
  checkboxBorderColor: 'green',
50
49
  checkmarkColor: 'white',
51
50
  },
52
- focused: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
53
- hovered: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
54
- pressed: { checkboxBackgroundColor: 'menuItemBackgroundPressed' },
55
51
  });
56
52
  var HoverCheckbox = Checkbox.customize({
57
- checked: {
58
- checkboxBackgroundColor: 'black',
59
- checkmarkColor: 'white',
60
- },
61
53
  hovered: {
62
54
  checkmarkOpacity: 1,
63
55
  },
64
56
  });
57
+ var BigLabelCheckbox = Checkbox.customize({
58
+ label: {
59
+ fontSize: 24,
60
+ fontWeight: 'bold',
61
+ },
62
+ });
63
+ var ComposedCheckbox = Checkbox.compose({
64
+ slotProps: {
65
+ label: { style: { color: 'hotpink' } },
66
+ },
67
+ });
65
68
  var TokenCheckbox = function () {
66
69
  var _a = React.useState('blue'), checkboxColor = _a[0], setCheckboxColor = _a[1];
67
70
  var _b = React.useState('white'), checkmarkColor = _b[0], setCheckmarkColor = _b[1];
68
71
  var BlueCheckbox = Checkbox.customize({
69
- checkboxBackgroundColor: 'white',
70
72
  checked: {
71
73
  checkboxBackgroundColor: checkboxColor,
72
74
  checkboxBorderColor: checkboxColor,
73
75
  checkmarkColor: checkmarkColor,
74
76
  },
75
- focused: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
76
- hovered: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
77
- pressed: { checkboxBackgroundColor: 'menuItemBackgroundPressed' },
78
77
  });
79
78
  var theme = useTheme();
80
79
  var textBoxBorderStyle = {
81
80
  borderColor: theme.colors.inputBorder,
82
81
  };
83
82
  return (React.createElement(View, null,
84
- React.createElement(HoverCheckbox, { label: "A checkbox with checkmark visible on hover", onChange: onChangeUncontrolled, defaultChecked: false }),
83
+ React.createElement(HoverCheckbox, { label: "A checkbox with checkmark visible on hover", onChange: onChangeUncontrolled }),
85
84
  React.createElement(CircleColorCheckbox, { label: "A circular token-customized checkbox", shape: "circular", onChange: onChangeUncontrolled, defaultChecked: true }),
85
+ React.createElement(BigLabelCheckbox, { label: "A checkbox with a bold large font label" }),
86
+ React.createElement(ComposedCheckbox, { label: "A checkbox with a hot pink label and no padding" }),
86
87
  React.createElement(BlueCheckbox, { label: "Token-customized checkbox. Customizable below.", onChange: onChangeUncontrolled, labelPosition: "before", defaultChecked: false }),
87
88
  React.createElement(TextInput, { style: [commonStyles.textBox, textBoxBorderStyle], placeholder: "Background color", blurOnSubmit: true, onSubmitEditing: function (e) {
88
89
  setCheckboxColor(e.nativeEvent.text);
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"CheckboxTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyK/B,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAa5C,CAAC"}
1
+ {"version":3,"file":"CheckboxTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwK/B,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAa5C,CAAC"}
@@ -47,46 +47,47 @@ var OtherCheckbox = function () {
47
47
  React.createElement(experimental_checkbox_1.Checkbox, { label: "A required checkbox with other required text", required: "**" })));
48
48
  };
49
49
  var CircleColorCheckbox = experimental_checkbox_1.Checkbox.customize({
50
- checkboxBackgroundColor: 'white',
51
50
  checked: {
52
51
  checkboxBackgroundColor: 'green',
53
52
  checkboxBorderColor: 'green',
54
53
  checkmarkColor: 'white',
55
54
  },
56
- focused: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
57
- hovered: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
58
- pressed: { checkboxBackgroundColor: 'menuItemBackgroundPressed' },
59
55
  });
60
56
  var HoverCheckbox = experimental_checkbox_1.Checkbox.customize({
61
- checked: {
62
- checkboxBackgroundColor: 'black',
63
- checkmarkColor: 'white',
64
- },
65
57
  hovered: {
66
58
  checkmarkOpacity: 1,
67
59
  },
68
60
  });
61
+ var BigLabelCheckbox = experimental_checkbox_1.Checkbox.customize({
62
+ label: {
63
+ fontSize: 24,
64
+ fontWeight: 'bold',
65
+ },
66
+ });
67
+ var ComposedCheckbox = experimental_checkbox_1.Checkbox.compose({
68
+ slotProps: {
69
+ label: { style: { color: 'hotpink' } },
70
+ },
71
+ });
69
72
  var TokenCheckbox = function () {
70
73
  var _a = React.useState('blue'), checkboxColor = _a[0], setCheckboxColor = _a[1];
71
74
  var _b = React.useState('white'), checkmarkColor = _b[0], setCheckmarkColor = _b[1];
72
75
  var BlueCheckbox = experimental_checkbox_1.Checkbox.customize({
73
- checkboxBackgroundColor: 'white',
74
76
  checked: {
75
77
  checkboxBackgroundColor: checkboxColor,
76
78
  checkboxBorderColor: checkboxColor,
77
79
  checkmarkColor: checkmarkColor,
78
80
  },
79
- focused: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
80
- hovered: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
81
- pressed: { checkboxBackgroundColor: 'menuItemBackgroundPressed' },
82
81
  });
83
82
  var theme = (0, theme_types_1.useTheme)();
84
83
  var textBoxBorderStyle = {
85
84
  borderColor: theme.colors.inputBorder,
86
85
  };
87
86
  return (React.createElement(react_native_1.View, null,
88
- React.createElement(HoverCheckbox, { label: "A checkbox with checkmark visible on hover", onChange: onChangeUncontrolled, defaultChecked: false }),
87
+ React.createElement(HoverCheckbox, { label: "A checkbox with checkmark visible on hover", onChange: onChangeUncontrolled }),
89
88
  React.createElement(CircleColorCheckbox, { label: "A circular token-customized checkbox", shape: "circular", onChange: onChangeUncontrolled, defaultChecked: true }),
89
+ React.createElement(BigLabelCheckbox, { label: "A checkbox with a bold large font label" }),
90
+ React.createElement(ComposedCheckbox, { label: "A checkbox with a hot pink label and no padding" }),
90
91
  React.createElement(BlueCheckbox, { label: "Token-customized checkbox. Customizable below.", onChange: onChangeUncontrolled, labelPosition: "before", defaultChecked: false }),
91
92
  React.createElement(react_native_1.TextInput, { style: [styles_1.commonTestStyles.textBox, textBoxBorderStyle], placeholder: "Background color", blurOnSubmit: true, onSubmitEditing: function (e) {
92
93
  setCheckboxColor(e.nativeEvent.text);
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"CheckboxTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.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.59.12",
3
+ "version": "0.59.13",
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>",
@@ -28,16 +28,16 @@
28
28
  "@fluentui-react-native/android-theme": ">=0.7.0 <1.0.0",
29
29
  "@fluentui-react-native/apple-theme": ">=0.11.0 <1.0.0",
30
30
  "@fluentui-react-native/badge": ">=0.0.23 <1.0.0",
31
- "@fluentui-react-native/button": ">=0.22.13 <1.0.0",
31
+ "@fluentui-react-native/button": ">=0.22.14 <1.0.0",
32
32
  "@fluentui-react-native/default-theme": ">=0.9.15 <1.0.0",
33
33
  "@fluentui-react-native/experimental-activity-indicator": ">=0.5.20 <1.0.0",
34
34
  "@fluentui-react-native/experimental-avatar": ">=0.14.12 <1.0.0",
35
- "@fluentui-react-native/experimental-button": "0.15.13",
36
- "@fluentui-react-native/experimental-checkbox": "0.10.11",
35
+ "@fluentui-react-native/experimental-button": "0.15.14",
36
+ "@fluentui-react-native/experimental-checkbox": "0.10.12",
37
37
  "@fluentui-react-native/experimental-drawer": ">=0.1.4 <1.0.0",
38
38
  "@fluentui-react-native/experimental-native-date-picker": ">=0.4.1 <1.0.0",
39
39
  "@fluentui-react-native/experimental-expander": "0.3.22",
40
- "@fluentui-react-native/experimental-menu-button": ">=0.3.28 <1.0.0",
40
+ "@fluentui-react-native/experimental-menu-button": ">=0.3.29 <1.0.0",
41
41
  "@fluentui-react-native/experimental-shimmer": "0.6.24",
42
42
  "@fluentui-react-native/experimental-tabs": "0.4.37",
43
43
  "@fluentui-react-native/experimental-text": ">=0.7.21 <1.0.0",
@@ -50,7 +50,7 @@
50
50
  "@fluentui-react-native/themed-stylesheet": "^1.3.3",
51
51
  "@fluentui-react-native/theming-utils": ">=0.9.4 <1.0.0",
52
52
  "@fluentui-react-native/win32-theme": ">=0.16.0 <1.0.0",
53
- "@fluentui/react-native": ">=0.28.8 <1.0.0",
53
+ "@fluentui/react-native": ">=0.28.9 <1.0.0",
54
54
  "@react-native-community/slider": "^4.2.0",
55
55
  "@react-native-menu/menu": "^0.1.2",
56
56
  "@react-native-picker/picker": "^2.2.1",
@@ -65,63 +65,62 @@ const OtherCheckbox: React.FunctionComponent = () => {
65
65
  };
66
66
 
67
67
  const CircleColorCheckbox = Checkbox.customize({
68
- checkboxBackgroundColor: 'white',
69
68
  checked: {
70
69
  checkboxBackgroundColor: 'green',
71
70
  checkboxBorderColor: 'green',
72
71
  checkmarkColor: 'white',
73
72
  },
74
- focused: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
75
- hovered: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
76
- pressed: { checkboxBackgroundColor: 'menuItemBackgroundPressed' },
77
73
  });
78
74
 
79
75
  const HoverCheckbox = Checkbox.customize({
80
- checked: {
81
- checkboxBackgroundColor: 'black',
82
- checkmarkColor: 'white',
83
- },
84
76
  hovered: {
85
77
  checkmarkOpacity: 1,
86
78
  },
87
79
  });
88
80
 
81
+ const BigLabelCheckbox = Checkbox.customize({
82
+ label: {
83
+ fontSize: 24,
84
+ fontWeight: 'bold',
85
+ },
86
+ });
87
+
88
+ const ComposedCheckbox = Checkbox.compose({
89
+ slotProps: {
90
+ label: { style: { color: 'hotpink' } },
91
+ },
92
+ });
93
+
89
94
  const TokenCheckbox: React.FunctionComponent = () => {
90
95
  const [checkboxColor, setCheckboxColor] = React.useState('blue');
91
96
  const [checkmarkColor, setCheckmarkColor] = React.useState('white');
92
97
 
93
98
  const BlueCheckbox = Checkbox.customize({
94
- checkboxBackgroundColor: 'white',
95
99
  checked: {
96
100
  checkboxBackgroundColor: checkboxColor,
97
101
  checkboxBorderColor: checkboxColor,
98
102
  checkmarkColor: checkmarkColor,
99
103
  },
100
- focused: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
101
- hovered: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
102
- pressed: { checkboxBackgroundColor: 'menuItemBackgroundPressed' },
103
104
  });
104
105
 
105
106
  const theme = useTheme();
106
107
  const textBoxBorderStyle: TextStyle = {
107
108
  borderColor: theme.colors.inputBorder,
108
109
  };
110
+
109
111
  return (
110
112
  <View>
111
- <HoverCheckbox label="A checkbox with checkmark visible on hover" onChange={onChangeUncontrolled} defaultChecked={false} />
112
- <CircleColorCheckbox
113
- label="A circular token-customized checkbox"
114
- shape="circular"
115
- onChange={onChangeUncontrolled}
116
- defaultChecked={true}
117
- />
113
+ <HoverCheckbox label="A checkbox with checkmark visible on hover" onChange={onChangeUncontrolled} />
114
+ <CircleColorCheckbox label="A circular token-customized checkbox" shape="circular" onChange={onChangeUncontrolled} defaultChecked />
115
+ <BigLabelCheckbox label="A checkbox with a bold large font label" />
116
+ <ComposedCheckbox label="A checkbox with a hot pink label and no padding" />
117
+
118
118
  <BlueCheckbox
119
119
  label="Token-customized checkbox. Customizable below."
120
120
  onChange={onChangeUncontrolled}
121
121
  labelPosition="before"
122
122
  defaultChecked={false}
123
123
  />
124
-
125
124
  <TextInput
126
125
  style={[commonStyles.textBox, textBoxBorderStyle]}
127
126
  placeholder="Background color"