@fluentui-react-native/tester 0.56.0 → 0.58.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 +190 -1
- package/CHANGELOG.md +54 -2
- package/lib/E2E/CheckboxExperimental/pages/ExperimentalCheckboxPageObject.d.ts +12 -0
- package/lib/E2E/CheckboxExperimental/pages/ExperimentalCheckboxPageObject.d.ts.map +1 -1
- package/lib/E2E/CheckboxExperimental/pages/ExperimentalCheckboxPageObject.js +45 -1
- package/lib/E2E/CheckboxExperimental/pages/ExperimentalCheckboxPageObject.js.map +1 -1
- package/lib/E2E/CheckboxExperimental/specs/ExperimentalCheckbox.spec.win.js +35 -0
- package/lib/E2E/CheckboxExperimental/specs/ExperimentalCheckbox.spec.win.js.map +1 -1
- package/lib/E2E/common/NativeTesting/pages/NativeTestingPageObject.win.d.ts +11 -0
- package/lib/E2E/common/NativeTesting/pages/NativeTestingPageObject.win.d.ts.map +1 -0
- package/lib/E2E/common/NativeTesting/pages/NativeTestingPageObject.win.js +57 -0
- package/lib/E2E/common/NativeTesting/pages/NativeTestingPageObject.win.js.map +1 -0
- package/lib/E2E/common/NativeTesting/specs/NativeTesting.spec.win.d.ts +2 -0
- package/lib/E2E/common/NativeTesting/specs/NativeTesting.spec.win.d.ts.map +1 -0
- package/lib/E2E/common/NativeTesting/specs/NativeTesting.spec.win.js +26 -0
- package/lib/E2E/common/NativeTesting/specs/NativeTesting.spec.win.js.map +1 -0
- package/lib/FluentTester/FluentTester.d.ts.map +1 -1
- package/lib/FluentTester/FluentTester.js +8 -8
- package/lib/FluentTester/FluentTester.js.map +1 -1
- package/lib/FluentTester/TestComponents/ActivityIndicator/ActivityIndicatorTest.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/ActivityIndicator/ActivityIndicatorTest.js +28 -23
- package/lib/FluentTester/TestComponents/ActivityIndicator/ActivityIndicatorTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/Avatar/CustomizedAvatar.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Avatar/CustomizedAvatar.js +24 -29
- package/lib/FluentTester/TestComponents/Avatar/CustomizedAvatar.js.map +1 -1
- package/lib/FluentTester/TestComponents/Badge/BadgeTest.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Badge/BadgeTest.js +9 -9
- package/lib/FluentTester/TestComponents/Badge/BadgeTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/Button/ButtonHOCTestSection.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Button/ButtonHOCTestSection.js +29 -16
- package/lib/FluentTester/TestComponents/Button/ButtonHOCTestSection.js.map +1 -1
- package/lib/FluentTester/TestComponents/Button/ButtonSizeTestSection.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Button/ButtonSizeTestSection.js.map +1 -1
- package/lib/FluentTester/TestComponents/Checkbox/CheckboxTest.js +27 -27
- package/lib/FluentTester/TestComponents/Checkbox/CheckboxTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.js +38 -26
- package/lib/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/CheckboxExperimental/E2ECheckboxExperimentalTest.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/CheckboxExperimental/E2ECheckboxExperimentalTest.js +9 -3
- package/lib/FluentTester/TestComponents/CheckboxExperimental/E2ECheckboxExperimentalTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/CheckboxExperimental/consts.d.ts +1 -0
- package/lib/FluentTester/TestComponents/CheckboxExperimental/consts.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/CheckboxExperimental/consts.js +1 -0
- package/lib/FluentTester/TestComponents/CheckboxExperimental/consts.js.map +1 -1
- package/lib/FluentTester/TestComponents/ContextualMenu/ContextualMenuTest.js +2 -2
- package/lib/FluentTester/TestComponents/ContextualMenu/ContextualMenuTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/Expander/ExpanderTest.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Expander/ExpanderTest.js +22 -22
- package/lib/FluentTester/TestComponents/Expander/ExpanderTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/MenuButton/CustomizedMenuButtonTest.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/MenuButton/CustomizedMenuButtonTest.js +11 -11
- package/lib/FluentTester/TestComponents/MenuButton/CustomizedMenuButtonTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/MenuButtonExperimental/CustomizedMenuButtonTest.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/MenuButtonExperimental/CustomizedMenuButtonTest.js +11 -11
- package/lib/FluentTester/TestComponents/MenuButtonExperimental/CustomizedMenuButtonTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/Persona/CustomizeUsage.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Persona/CustomizeUsage.js +13 -26
- package/lib/FluentTester/TestComponents/Persona/CustomizeUsage.js.map +1 -1
- package/lib/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.js +24 -29
- package/lib/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.js.map +1 -1
- package/lib/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.mobile.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.mobile.js +11 -20
- package/lib/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.mobile.js.map +1 -1
- package/lib/FluentTester/TestComponents/Shimmer/ShimmerTest.d.ts +2 -0
- package/lib/FluentTester/TestComponents/Shimmer/ShimmerTest.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Shimmer/ShimmerTest.js +21 -9
- package/lib/FluentTester/TestComponents/Shimmer/ShimmerTest.js.map +1 -1
- package/lib/FluentTester/TestComponents/Text/CustomizeUsage.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/Text/CustomizeUsage.js +36 -36
- package/lib/FluentTester/TestComponents/Text/CustomizeUsage.js.map +1 -1
- package/lib/FluentTester/TestComponents/TextExperimental/CustomizeUsage.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/TextExperimental/CustomizeUsage.js +36 -36
- package/lib/FluentTester/TestComponents/TextExperimental/CustomizeUsage.js.map +1 -1
- package/lib-commonjs/E2E/CheckboxExperimental/pages/ExperimentalCheckboxPageObject.d.ts +12 -0
- package/lib-commonjs/E2E/CheckboxExperimental/pages/ExperimentalCheckboxPageObject.d.ts.map +1 -1
- package/lib-commonjs/E2E/CheckboxExperimental/pages/ExperimentalCheckboxPageObject.js +44 -0
- package/lib-commonjs/E2E/CheckboxExperimental/pages/ExperimentalCheckboxPageObject.js.map +1 -1
- package/lib-commonjs/E2E/CheckboxExperimental/specs/ExperimentalCheckbox.spec.win.js +35 -0
- package/lib-commonjs/E2E/CheckboxExperimental/specs/ExperimentalCheckbox.spec.win.js.map +1 -1
- package/lib-commonjs/E2E/common/NativeTesting/pages/NativeTestingPageObject.win.d.ts +11 -0
- package/lib-commonjs/E2E/common/NativeTesting/pages/NativeTestingPageObject.win.d.ts.map +1 -0
- package/lib-commonjs/E2E/common/NativeTesting/pages/NativeTestingPageObject.win.js +59 -0
- package/lib-commonjs/E2E/common/NativeTesting/pages/NativeTestingPageObject.win.js.map +1 -0
- package/lib-commonjs/E2E/common/NativeTesting/specs/NativeTesting.spec.win.d.ts +2 -0
- package/lib-commonjs/E2E/common/NativeTesting/specs/NativeTesting.spec.win.d.ts.map +1 -0
- package/lib-commonjs/E2E/common/NativeTesting/specs/NativeTesting.spec.win.js +29 -0
- package/lib-commonjs/E2E/common/NativeTesting/specs/NativeTesting.spec.win.js.map +1 -0
- package/lib-commonjs/FluentTester/FluentTester.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/FluentTester.js +8 -8
- package/lib-commonjs/FluentTester/FluentTester.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/ActivityIndicator/ActivityIndicatorTest.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/ActivityIndicator/ActivityIndicatorTest.js +28 -23
- package/lib-commonjs/FluentTester/TestComponents/ActivityIndicator/ActivityIndicatorTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Avatar/CustomizedAvatar.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Avatar/CustomizedAvatar.js +24 -29
- package/lib-commonjs/FluentTester/TestComponents/Avatar/CustomizedAvatar.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Badge/BadgeTest.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Badge/BadgeTest.js +9 -9
- package/lib-commonjs/FluentTester/TestComponents/Badge/BadgeTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Button/ButtonHOCTestSection.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Button/ButtonHOCTestSection.js +28 -15
- package/lib-commonjs/FluentTester/TestComponents/Button/ButtonHOCTestSection.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Button/ButtonSizeTestSection.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Button/ButtonSizeTestSection.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Checkbox/CheckboxTest.js +27 -27
- package/lib-commonjs/FluentTester/TestComponents/Checkbox/CheckboxTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.js +38 -26
- package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/E2ECheckboxExperimentalTest.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/E2ECheckboxExperimentalTest.js +8 -2
- package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/E2ECheckboxExperimentalTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/consts.d.ts +1 -0
- package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/consts.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/consts.js +2 -1
- package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/consts.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/ContextualMenu/ContextualMenuTest.js +2 -2
- package/lib-commonjs/FluentTester/TestComponents/ContextualMenu/ContextualMenuTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Expander/ExpanderTest.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Expander/ExpanderTest.js +22 -22
- package/lib-commonjs/FluentTester/TestComponents/Expander/ExpanderTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/MenuButton/CustomizedMenuButtonTest.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/MenuButton/CustomizedMenuButtonTest.js +11 -11
- package/lib-commonjs/FluentTester/TestComponents/MenuButton/CustomizedMenuButtonTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/MenuButtonExperimental/CustomizedMenuButtonTest.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/MenuButtonExperimental/CustomizedMenuButtonTest.js +11 -11
- package/lib-commonjs/FluentTester/TestComponents/MenuButtonExperimental/CustomizedMenuButtonTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Persona/CustomizeUsage.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Persona/CustomizeUsage.js +13 -26
- package/lib-commonjs/FluentTester/TestComponents/Persona/CustomizeUsage.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.js +24 -29
- package/lib-commonjs/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.mobile.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.mobile.js +11 -20
- package/lib-commonjs/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.mobile.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Shimmer/ShimmerTest.d.ts +2 -0
- package/lib-commonjs/FluentTester/TestComponents/Shimmer/ShimmerTest.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Shimmer/ShimmerTest.js +24 -10
- package/lib-commonjs/FluentTester/TestComponents/Shimmer/ShimmerTest.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Text/CustomizeUsage.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/Text/CustomizeUsage.js +36 -36
- package/lib-commonjs/FluentTester/TestComponents/Text/CustomizeUsage.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/TextExperimental/CustomizeUsage.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/TextExperimental/CustomizeUsage.js +36 -36
- package/lib-commonjs/FluentTester/TestComponents/TextExperimental/CustomizeUsage.js.map +1 -1
- package/package.json +10 -11
- package/src/E2E/CheckboxExperimental/pages/ExperimentalCheckboxPageObject.ts +63 -0
- package/src/E2E/CheckboxExperimental/specs/ExperimentalCheckbox.spec.win.ts +48 -2
- package/src/E2E/common/NativeTesting/pages/NativeTestingPageObject.win.ts +56 -0
- package/src/E2E/common/NativeTesting/specs/NativeTesting.spec.win.ts +28 -0
- package/src/FluentTester/FluentTester.tsx +10 -10
- package/src/FluentTester/TestComponents/ActivityIndicator/ActivityIndicatorTest.tsx +36 -26
- package/src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx +25 -31
- package/src/FluentTester/TestComponents/Badge/BadgeTest.tsx +11 -11
- package/src/FluentTester/TestComponents/Button/ButtonHOCTestSection.tsx +33 -17
- package/src/FluentTester/TestComponents/Button/ButtonSizeTestSection.tsx +0 -1
- package/src/FluentTester/TestComponents/Checkbox/CheckboxTest.tsx +29 -29
- package/src/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.tsx +51 -34
- package/src/FluentTester/TestComponents/CheckboxExperimental/E2ECheckboxExperimentalTest.tsx +13 -0
- package/src/FluentTester/TestComponents/CheckboxExperimental/consts.ts +2 -0
- package/src/FluentTester/TestComponents/ContextualMenu/ContextualMenuTest.tsx +3 -3
- package/src/FluentTester/TestComponents/Expander/ExpanderTest.tsx +23 -22
- package/src/FluentTester/TestComponents/MenuButton/CustomizedMenuButtonTest.tsx +12 -11
- package/src/FluentTester/TestComponents/MenuButtonExperimental/CustomizedMenuButtonTest.tsx +12 -11
- package/src/FluentTester/TestComponents/Persona/CustomizeUsage.tsx +15 -28
- package/src/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.mobile.tsx +12 -22
- package/src/FluentTester/TestComponents/PersonaCoin/CustomizeUsage.tsx +25 -31
- package/src/FluentTester/TestComponents/Shimmer/ShimmerTest.tsx +50 -10
- package/src/FluentTester/TestComponents/Text/CustomizeUsage.tsx +42 -42
- package/src/FluentTester/TestComponents/TextExperimental/CustomizeUsage.tsx +42 -42
|
@@ -6,14 +6,21 @@ import { stackStyle, commonTestStyles as commonStyles } from '../Common/styles';
|
|
|
6
6
|
import { Test } from '../Test';
|
|
7
7
|
import { ACTIVITY_INDICATOR_TESTPAGE } from './consts';
|
|
8
8
|
import { View, Switch } from 'react-native';
|
|
9
|
+
var basicActivityIndicator = function () {
|
|
10
|
+
var _a = React.useState(true), animating = _a[0], setAnimating = _a[1];
|
|
11
|
+
var _b = React.useState(true), hidesWhenStopped = _b[0], setHidesWhenStopped = _b[1];
|
|
12
|
+
return (React.createElement(Stack, { style: stackStyle },
|
|
13
|
+
React.createElement(View, { style: commonStyles.root },
|
|
14
|
+
React.createElement(View, { style: commonStyles.settings },
|
|
15
|
+
React.createElement(View, { style: commonStyles.switch },
|
|
16
|
+
React.createElement(Text, null, "Animating"),
|
|
17
|
+
React.createElement(Switch, { value: animating, onValueChange: setAnimating })),
|
|
18
|
+
React.createElement(View, { style: commonStyles.switch },
|
|
19
|
+
React.createElement(Text, null, "HidesWhenStopped"),
|
|
20
|
+
React.createElement(Switch, { value: hidesWhenStopped, onValueChange: setHidesWhenStopped }))),
|
|
21
|
+
React.createElement(ActivityIndicator, { animating: animating, hidesWhenStopped: hidesWhenStopped }))));
|
|
22
|
+
};
|
|
9
23
|
var activityIndicatorTest = function () {
|
|
10
|
-
/** Customize doesn't do anything
|
|
11
|
-
* Tried having tokens not be props, but didn't work
|
|
12
|
-
* Not sure how to test/check where the tokens are passed through other than just looking at the final render
|
|
13
|
-
*/
|
|
14
|
-
var CustomizedActivityIndicator = ActivityIndicator.customize({
|
|
15
|
-
activityIndicatorColor: 'orange',
|
|
16
|
-
});
|
|
17
24
|
return (React.createElement(Stack, { style: stackStyle },
|
|
18
25
|
React.createElement(Text, null, "Extra Small"),
|
|
19
26
|
React.createElement(ActivityIndicator, { size: "xSmall" }),
|
|
@@ -28,27 +35,20 @@ var activityIndicatorTest = function () {
|
|
|
28
35
|
React.createElement(Text, null, "Size=xLarge and Line Thickness=large"),
|
|
29
36
|
React.createElement(ActivityIndicator, { size: "xLarge", lineThickness: "large" }),
|
|
30
37
|
React.createElement(Text, null, "Color props"),
|
|
31
|
-
React.createElement(ActivityIndicator, { activityIndicatorColor: "orange", accessibilityLabel: "orange progressbar" })
|
|
32
|
-
React.createElement(Text, null, "Customized Activity Indicator (currently not working)"),
|
|
33
|
-
React.createElement(CustomizedActivityIndicator, null)));
|
|
38
|
+
React.createElement(ActivityIndicator, { activityIndicatorColor: "orange", accessibilityLabel: "orange progressbar" })));
|
|
34
39
|
};
|
|
35
|
-
var
|
|
36
|
-
|
|
37
|
-
|
|
40
|
+
var CustomizedActivityIndicator = ActivityIndicator.customize({
|
|
41
|
+
activityIndicatorColor: 'orange',
|
|
42
|
+
size: 'large',
|
|
43
|
+
});
|
|
44
|
+
var customizedActivityIndicatorTest = function () {
|
|
38
45
|
return (React.createElement(Stack, { style: stackStyle },
|
|
39
|
-
React.createElement(
|
|
40
|
-
|
|
41
|
-
React.createElement(View, { style: commonStyles.switch },
|
|
42
|
-
React.createElement(Text, null, "Animating"),
|
|
43
|
-
React.createElement(Switch, { value: animating, onValueChange: setAnimating })),
|
|
44
|
-
React.createElement(View, { style: commonStyles.switch },
|
|
45
|
-
React.createElement(Text, null, "HidesWhenStopped"),
|
|
46
|
-
React.createElement(Switch, { value: hidesWhenStopped, onValueChange: setHidesWhenStopped }))),
|
|
47
|
-
React.createElement(ActivityIndicator, { animating: animating, hidesWhenStopped: hidesWhenStopped }))));
|
|
46
|
+
React.createElement(Text, null, "Customized Activity Indicator"),
|
|
47
|
+
React.createElement(CustomizedActivityIndicator, null)));
|
|
48
48
|
};
|
|
49
49
|
var activityIndicatorSections = [
|
|
50
50
|
{
|
|
51
|
-
name: '
|
|
51
|
+
name: 'Base ActivityIndicator',
|
|
52
52
|
testID: ACTIVITY_INDICATOR_TESTPAGE,
|
|
53
53
|
component: basicActivityIndicator,
|
|
54
54
|
},
|
|
@@ -57,6 +57,11 @@ var activityIndicatorSections = [
|
|
|
57
57
|
testID: ACTIVITY_INDICATOR_TESTPAGE,
|
|
58
58
|
component: activityIndicatorTest,
|
|
59
59
|
},
|
|
60
|
+
{
|
|
61
|
+
name: 'Customized ActivityIndicator',
|
|
62
|
+
testID: ACTIVITY_INDICATOR_TESTPAGE,
|
|
63
|
+
component: customizedActivityIndicatorTest,
|
|
64
|
+
},
|
|
60
65
|
];
|
|
61
66
|
export var ActivityIndicatorTest = function () {
|
|
62
67
|
var status = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActivityIndicatorTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ActivityIndicator/ActivityIndicatorTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,wDAAwD,CAAC;AAC3F,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,gBAAgB,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChF,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAE5C,IAAM,
|
|
1
|
+
{"version":3,"file":"ActivityIndicatorTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ActivityIndicator/ActivityIndicatorTest.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomizedAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"CustomizedAvatar.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAiJlC,CAAC"}
|
|
@@ -25,35 +25,30 @@ export var CustomizeUsage = function () {
|
|
|
25
25
|
var textBoxBorderStyle = {
|
|
26
26
|
borderColor: theme.colors.inputBorder,
|
|
27
27
|
};
|
|
28
|
-
var
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
}
|
|
53
|
-
if (physicalSize) {
|
|
54
|
-
tokens.avatarSize = physicalSize;
|
|
55
|
-
}
|
|
56
|
-
var CustomizedAvatar = JSAvatar.customize(tokens);
|
|
28
|
+
var CustomizedAvatar = React.useMemo(function () {
|
|
29
|
+
var tokens = {
|
|
30
|
+
backgroundColor: coinColor,
|
|
31
|
+
color: textColor,
|
|
32
|
+
horizontalIconAlignment: horizontalAlignment,
|
|
33
|
+
verticalIconAlignment: verticalAlignment,
|
|
34
|
+
iconSize: iconSize,
|
|
35
|
+
iconStrokeWidth: iconStrokeWidth,
|
|
36
|
+
iconStrokeColor: iconStrokeColor,
|
|
37
|
+
initialsSize: initialsSize,
|
|
38
|
+
avatarSize: physicalSize,
|
|
39
|
+
};
|
|
40
|
+
return JSAvatar.customize(tokens);
|
|
41
|
+
}, [
|
|
42
|
+
coinColor,
|
|
43
|
+
textColor,
|
|
44
|
+
horizontalAlignment,
|
|
45
|
+
verticalAlignment,
|
|
46
|
+
iconSize,
|
|
47
|
+
iconStrokeWidth,
|
|
48
|
+
iconStrokeColor,
|
|
49
|
+
initialsSize,
|
|
50
|
+
physicalSize,
|
|
51
|
+
]);
|
|
57
52
|
return (React.createElement(View, { style: commonStyles.root },
|
|
58
53
|
React.createElement(View, { style: commonStyles.settings },
|
|
59
54
|
React.createElement(View, { style: commonStyles.switch },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomizedAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"CustomizedAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BadgeTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Badge/BadgeTest.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BadgeTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Badge/BadgeTest.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBA6D9B,CAAC;AAUF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAa7B,CAAC"}
|
|
@@ -6,6 +6,15 @@ import { Test } from '../Test';
|
|
|
6
6
|
import { View, Platform, Text } from 'react-native';
|
|
7
7
|
import { Badge, CompressibleBadge, PresenceBadge } from '@fluentui-react-native/badge';
|
|
8
8
|
import BadgeSvg from './oof.svg';
|
|
9
|
+
var BadgeNoBorder = Badge.customize({
|
|
10
|
+
borderColor: 'transparent',
|
|
11
|
+
borderWidth: 0,
|
|
12
|
+
});
|
|
13
|
+
var StyledBadge = Badge.customize({
|
|
14
|
+
backgroundColor: 'yellow',
|
|
15
|
+
borderColor: '#f09',
|
|
16
|
+
borderWidth: 4,
|
|
17
|
+
});
|
|
9
18
|
export var BasicBadge = function () {
|
|
10
19
|
var svgProps = {
|
|
11
20
|
src: BadgeSvg,
|
|
@@ -16,15 +25,6 @@ export var BasicBadge = function () {
|
|
|
16
25
|
codepoint: 0x2663,
|
|
17
26
|
fontSize: 16,
|
|
18
27
|
};
|
|
19
|
-
var BadgeNoBorder = Badge.customize({
|
|
20
|
-
borderColor: 'transparent',
|
|
21
|
-
borderWidth: 0,
|
|
22
|
-
});
|
|
23
|
-
var StyledBadge = Badge.customize({
|
|
24
|
-
backgroundColor: 'yellow',
|
|
25
|
-
borderColor: '#f09',
|
|
26
|
-
borderWidth: 4,
|
|
27
|
-
});
|
|
28
28
|
var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS);
|
|
29
29
|
var iconProps = { svgSource: svgProps, width: 20, height: 20 };
|
|
30
30
|
return (React.createElement(View, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BadgeTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Badge/BadgeTest.tsx"],"names":[],"mappings":";AAAA,uDAAuD;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AACvF,OAAO,QAAQ,MAAM,WAAW,CAAC;AAIjC,
|
|
1
|
+
{"version":3,"file":"BadgeTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Badge/BadgeTest.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonHOCTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonHOCTestSection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ButtonHOCTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonHOCTestSection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0B/B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBA6BjC,CAAC"}
|
|
@@ -2,27 +2,40 @@ import { ButtonV1 as Button } from '@fluentui-react-native/button';
|
|
|
2
2
|
import { Text } from '@fluentui-react-native/experimental-text';
|
|
3
3
|
import { Icon } from '@fluentui-react-native/icon';
|
|
4
4
|
import * as React from 'react';
|
|
5
|
-
import { View } from 'react-native';
|
|
5
|
+
import { Platform, View } from 'react-native';
|
|
6
6
|
import { commonTestStyles, stackStyle } from '../Common/styles';
|
|
7
|
+
import TestSvg from './test.svg';
|
|
8
|
+
import { isGestureResponderEvent } from '@fluentui-react-native/interactive-hooks';
|
|
9
|
+
var CustomText = Text.customize({ fontSize: 'header', color: 'hotpink' });
|
|
10
|
+
var CustomButton = Button.customize({ backgroundColor: 'pink' });
|
|
11
|
+
var CustomIconButton = Button.customize({ iconColor: 'yellow' });
|
|
12
|
+
var ComposedButton = Button.compose({
|
|
13
|
+
slots: {
|
|
14
|
+
root: View,
|
|
15
|
+
icon: Icon,
|
|
16
|
+
content: CustomText,
|
|
17
|
+
},
|
|
18
|
+
slotProps: {
|
|
19
|
+
content: {
|
|
20
|
+
style: { marginTop: -1, marginBottom: 1, marginStart: 0, marginEnd: -2 },
|
|
21
|
+
},
|
|
22
|
+
},
|
|
23
|
+
});
|
|
24
|
+
var svgProps = {
|
|
25
|
+
src: TestSvg,
|
|
26
|
+
viewBox: '0 0 500 500',
|
|
27
|
+
};
|
|
7
28
|
export var ButtonHOCTest = function () {
|
|
8
29
|
var buttonRef = React.useRef(null);
|
|
9
|
-
var
|
|
10
|
-
var CustomButton = Button.customize({ backgroundColor: 'pink' });
|
|
11
|
-
var ComposedButton = Button.compose({
|
|
12
|
-
slots: {
|
|
13
|
-
root: View,
|
|
14
|
-
icon: Icon,
|
|
15
|
-
content: CustomText,
|
|
16
|
-
},
|
|
17
|
-
slotProps: {
|
|
18
|
-
content: {
|
|
19
|
-
style: { marginTop: -1, marginBottom: 1, marginStart: 0, marginEnd: -2 },
|
|
20
|
-
},
|
|
21
|
-
},
|
|
22
|
-
});
|
|
30
|
+
var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS);
|
|
23
31
|
return (React.createElement(View, { style: stackStyle },
|
|
24
32
|
React.createElement(CustomButton, { style: commonTestStyles.vmargin, componentRef: buttonRef }, "Customized Button with ref"),
|
|
25
|
-
React.createElement(
|
|
33
|
+
svgIconsEnabled && React.createElement(CustomIconButton, { icon: { svgSource: svgProps } }, "Customized Icon Button"),
|
|
34
|
+
React.createElement(Button, { style: commonTestStyles.vmargin, onClick: function (e) {
|
|
35
|
+
console.log(e.timeStamp);
|
|
36
|
+
if (isGestureResponderEvent(e)) {
|
|
37
|
+
console.log('I was clicked!');
|
|
38
|
+
}
|
|
26
39
|
if (buttonRef.current) {
|
|
27
40
|
buttonRef.current.focus();
|
|
28
41
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonHOCTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonHOCTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAChE,OAAO,EAAE,IAAI,
|
|
1
|
+
{"version":3,"file":"ButtonHOCTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonHOCTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAChE,OAAO,EAAE,IAAI,EAAgB,MAAM,6BAA6B,CAAC;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,EAAoB,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AAErG,IAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;AAC5E,IAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,CAAC,CAAC;AACnE,IAAM,gBAAgB,GAAG,MAAM,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC;AACnE,IAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAC;IACpC,KAAK,EAAE;QACL,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,UAAU;KACpB;IACD,SAAS,EAAE;QACT,OAAO,EAAE;YACP,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,EAAE;SACzE;KACF;CACF,CAAC,CAAC;AACH,IAAM,QAAQ,GAAiB;IAC7B,GAAG,EAAE,OAAO;IACZ,OAAO,EAAE,aAAa;CACvB,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAA4B;IACpD,IAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACrC,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;QACrB,oBAAC,YAAY,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,YAAY,EAAE,SAAS,iCAEvD;QACd,eAAe,IAAI,oBAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,6BAA2C;QAC9G,oBAAC,MAAM,IACL,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAC/B,OAAO,EAAE,UAAC,CAAmB;gBAC3B,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;gBAEzB,IAAI,uBAAuB,CAAC,CAAC,CAAC,EAAE;oBAC9B,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;iBAC/B;gBAED,IAAI,SAAS,CAAC,OAAO,EAAE;oBACrB,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;iBAC3B;YACH,CAAC,uCAGM;QACT,oBAAC,cAAc,IAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,0DAAsE,CAChH,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonSizeTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonSizeTestSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"ButtonSizeTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonSizeTestSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAoFlC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonSizeTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonSizeTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAEnF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,OAAO,MAAM,YAAY,CAAC;AAEjC,MAAM,CAAC,IAAM,cAAc,GAA4B;IACrD,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,OAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IACF,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAY,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"ButtonSizeTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonSizeTestSection.tsx"],"names":[],"mappings":"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"}
|
|
@@ -31,38 +31,38 @@ var otherCheckbox = function () {
|
|
|
31
31
|
React.createElement(Checkbox, { label: "This is a controlled Checkbox", onChange: onChangeControlled1, checked: isCheckedControlled1 }),
|
|
32
32
|
React.createElement(Checkbox, { label: "Checkbox rendered with boxSide 'end' (controlled)", onChange: onChangeControlled2, boxSide: "end", checked: isCheckedControlled2 })));
|
|
33
33
|
};
|
|
34
|
-
var
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
checkmarkColor: 'white',
|
|
44
|
-
},
|
|
34
|
+
var CircularCheckbox = Checkbox.customize({ tokens: { borderRadius: 50 } });
|
|
35
|
+
var CircleColorCheckbox = Checkbox.customize({
|
|
36
|
+
tokens: { borderRadius: 50, checkboxBackgroundColor: 'white' },
|
|
37
|
+
_overrides: {
|
|
38
|
+
checked: {
|
|
39
|
+
tokens: {
|
|
40
|
+
checkboxBackgroundColor: 'green',
|
|
41
|
+
checkboxBorderColor: 'green',
|
|
42
|
+
checkmarkColor: 'white',
|
|
45
43
|
},
|
|
46
|
-
focused: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundHovered' } },
|
|
47
|
-
hovered: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundHovered' } },
|
|
48
|
-
pressed: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundPressed' } },
|
|
49
44
|
},
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
45
|
+
focused: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundHovered' } },
|
|
46
|
+
hovered: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundHovered' } },
|
|
47
|
+
pressed: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundPressed' } },
|
|
48
|
+
},
|
|
49
|
+
});
|
|
50
|
+
var HoverCheckbox = Checkbox.customize({
|
|
51
|
+
_overrides: {
|
|
52
|
+
checked: {
|
|
53
|
+
tokens: {
|
|
54
|
+
checkboxBackgroundColor: 'black',
|
|
55
|
+
checkmarkColor: 'white',
|
|
58
56
|
},
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
57
|
+
},
|
|
58
|
+
hovered: {
|
|
59
|
+
tokens: {
|
|
60
|
+
checkmarkVisibility: 1,
|
|
63
61
|
},
|
|
64
62
|
},
|
|
65
|
-
}
|
|
63
|
+
},
|
|
64
|
+
});
|
|
65
|
+
var tokenCheckbox = function () {
|
|
66
66
|
var _a = React.useState('blue'), checkboxColor = _a[0], setCheckboxColor = _a[1];
|
|
67
67
|
var _b = React.useState('white'), checkmarkColor = _b[0], setCheckmarkColor = _b[1];
|
|
68
68
|
var BlueCheckbox = Checkbox.customize({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Checkbox/CheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,SAAS,EAAa,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,gBAAgB,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,IAAI,EAA+B,MAAM,SAAS,CAAC;AAE5D,SAAS,oBAAoB,CAAC,SAAkB;IAC9C,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;AACzB,CAAC;AAED,IAAM,aAAa,GAA4B;IAC7C,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,QAAQ,IAAC,KAAK,EAAC,gCAAgC,EAAC,QAAQ,EAAE,oBAAoB,GAAI;QACnF,oBAAC,QAAQ,IAAC,KAAK,EAAC,mCAAmC,EAAC,QAAQ,EAAE,oBAAoB,EAAE,cAAc,EAAE,KAAK,GAAI;QAC7G,oBAAC,QAAQ,IACP,KAAK,EAAC,iCAAiC,EACvC,QAAQ,EAAE,oBAAoB,EAC9B,cAAc,EAAE,IAAI,EACpB,kBAAkB,EAAC,aAAa,GAChC;QACF,oBAAC,QAAQ,IAAC,KAAK,EAAC,mBAAmB,EAAC,QAAQ,EAAE,oBAAoB,EAAE,cAAc,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAI;QAC7G,oBAAC,QAAQ,IAAC,KAAK,EAAC,2BAA2B,EAAC,QAAQ,EAAE,oBAAoB,EAAE,cAAc,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,GAAI;QACpH,oBAAC,QAAQ,IAAC,KAAK,EAAC,iCAAiC,EAAC,QAAQ,EAAE,oBAAoB,EAAE,OAAO,EAAC,mBAAmB,GAAG,CAC3G,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,aAAa,GAA4B;IACvC,IAAA,KAAgD,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAApE,oBAAoB,QAAA,EAAE,qBAAqB,QAAyB,CAAC;IAC5E,IAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,OAAO;QACpD,qBAAqB,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC,EAAE,EAAE,CAAC,CAAC;IAED,IAAA,KAAgD,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAnE,oBAAoB,QAAA,EAAE,qBAAqB,QAAwB,CAAC;IAC3E,IAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,OAAO;QACpD,qBAAqB,CAAC,OAAO,CAAC,CAAC;IACjC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,IAAI;QACH,oBAAC,QAAQ,IAAC,KAAK,EAAC,+BAA+B,EAAC,QAAQ,EAAE,mBAAmB,EAAE,OAAO,EAAE,oBAAoB,GAAI;QAChH,oBAAC,QAAQ,IACP,KAAK,EAAC,mDAAmD,EACzD,QAAQ,EAAE,mBAAmB,EAC7B,OAAO,EAAC,KAAK,EACb,OAAO,EAAE,oBAAoB,GAC7B,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,
|
|
1
|
+
{"version":3,"file":"CheckboxTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Checkbox/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;
|
|
1
|
+
{"version":3,"file":"CheckboxTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuK/B,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAa5C,CAAC"}
|
|
@@ -6,7 +6,7 @@ import { useTheme } from '@fluentui-react-native/theme-types';
|
|
|
6
6
|
import { View, TextInput } from 'react-native';
|
|
7
7
|
import { commonTestStyles as commonStyles } from '../Common/styles';
|
|
8
8
|
import { E2ECheckboxExperimentalTest } from './E2ECheckboxExperimentalTest';
|
|
9
|
-
function onChangeUncontrolled(isChecked) {
|
|
9
|
+
function onChangeUncontrolled(_e, isChecked) {
|
|
10
10
|
console.log(isChecked);
|
|
11
11
|
}
|
|
12
12
|
var basicCheckbox = function () {
|
|
@@ -14,10 +14,18 @@ var basicCheckbox = function () {
|
|
|
14
14
|
React.createElement(Checkbox, { label: "Unchecked checkbox (undefined)", onChange: onChangeUncontrolled }),
|
|
15
15
|
React.createElement(Checkbox, { label: "Unchecked checkbox (uncontrolled)", onChange: onChangeUncontrolled, defaultChecked: false }),
|
|
16
16
|
React.createElement(Checkbox, { label: "Checked checkbox (uncontrolled)", onChange: onChangeUncontrolled, defaultChecked: true, accessibilityLabel: "Hello there" }),
|
|
17
|
-
React.createElement(Checkbox, { label: "Disabled checkbox",
|
|
18
|
-
React.createElement(Checkbox, { label: "Disabled checked checkbox",
|
|
19
|
-
React.createElement(Checkbox, { label: "Checkbox will display a tooltip",
|
|
20
|
-
React.createElement(Checkbox, { label: "A circular checkbox",
|
|
17
|
+
React.createElement(Checkbox, { label: "Disabled checkbox", disabled: true }),
|
|
18
|
+
React.createElement(Checkbox, { label: "Disabled checked checkbox", defaultChecked: true, disabled: true }),
|
|
19
|
+
React.createElement(Checkbox, { label: "Checkbox will display a tooltip", tooltip: "This is a tooltip" }),
|
|
20
|
+
React.createElement(Checkbox, { label: "A circular checkbox", shape: "circular" }),
|
|
21
|
+
React.createElement(Checkbox, { label: "A checkbox with label placed before", labelPosition: "before" })));
|
|
22
|
+
};
|
|
23
|
+
var sizeCheckbox = function () {
|
|
24
|
+
return (React.createElement(View, null,
|
|
25
|
+
React.createElement(Checkbox, { tooltip: "Medium checkbox", size: "medium" }),
|
|
26
|
+
React.createElement(Checkbox, { tooltip: "Large checkbox", size: "large" }),
|
|
27
|
+
React.createElement(Checkbox, { label: "Medium checkbox", size: "medium" }),
|
|
28
|
+
React.createElement(Checkbox, { label: "Large checkbox", size: "large" })));
|
|
21
29
|
};
|
|
22
30
|
var otherCheckbox = function () {
|
|
23
31
|
var _a = React.useState(false), isCheckedControlled1 = _a[0], setCheckedControlled1 = _a[1];
|
|
@@ -32,27 +40,27 @@ var otherCheckbox = function () {
|
|
|
32
40
|
React.createElement(Checkbox, { label: "This is a controlled Checkbox", onChange: onChangeControlled1, checked: Boolean(isCheckedControlled1) }),
|
|
33
41
|
React.createElement(Checkbox, { label: "Checkbox rendered with labelPosition 'before' (controlled)", onChange: onChangeControlled2, labelPosition: "before", checked: Boolean(isCheckedControlled2) })));
|
|
34
42
|
};
|
|
43
|
+
var CircleColorCheckbox = Checkbox.customize({
|
|
44
|
+
checkboxBackgroundColor: 'white',
|
|
45
|
+
checked: {
|
|
46
|
+
checkboxBackgroundColor: 'green',
|
|
47
|
+
checkboxBorderColor: 'green',
|
|
48
|
+
checkmarkColor: 'white',
|
|
49
|
+
},
|
|
50
|
+
focused: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
|
|
51
|
+
hovered: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
|
|
52
|
+
pressed: { checkboxBackgroundColor: 'menuItemBackgroundPressed' },
|
|
53
|
+
});
|
|
54
|
+
var HoverCheckbox = Checkbox.customize({
|
|
55
|
+
checked: {
|
|
56
|
+
checkboxBackgroundColor: 'black',
|
|
57
|
+
checkmarkColor: 'white',
|
|
58
|
+
},
|
|
59
|
+
hovered: {
|
|
60
|
+
checkmarkOpacity: 1,
|
|
61
|
+
},
|
|
62
|
+
});
|
|
35
63
|
var tokenCheckbox = function () {
|
|
36
|
-
var CircleColorCheckbox = Checkbox.customize({
|
|
37
|
-
checkboxBackgroundColor: 'white',
|
|
38
|
-
checked: {
|
|
39
|
-
checkboxBackgroundColor: 'green',
|
|
40
|
-
checkboxBorderColor: 'green',
|
|
41
|
-
checkmarkColor: 'white',
|
|
42
|
-
},
|
|
43
|
-
focused: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
|
|
44
|
-
hovered: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
|
|
45
|
-
pressed: { checkboxBackgroundColor: 'menuItemBackgroundPressed' },
|
|
46
|
-
});
|
|
47
|
-
var HoverCheckbox = Checkbox.customize({
|
|
48
|
-
checked: {
|
|
49
|
-
checkboxBackgroundColor: 'black',
|
|
50
|
-
checkmarkColor: 'white',
|
|
51
|
-
},
|
|
52
|
-
hovered: {
|
|
53
|
-
checkmarkOpacity: 1,
|
|
54
|
-
},
|
|
55
|
-
});
|
|
56
64
|
var _a = React.useState('blue'), checkboxColor = _a[0], setCheckboxColor = _a[1];
|
|
57
65
|
var _b = React.useState('white'), checkmarkColor = _b[0], setCheckmarkColor = _b[1];
|
|
58
66
|
var BlueCheckbox = Checkbox.customize({
|
|
@@ -72,7 +80,7 @@ var tokenCheckbox = function () {
|
|
|
72
80
|
};
|
|
73
81
|
return (React.createElement(View, null,
|
|
74
82
|
React.createElement(HoverCheckbox, { label: "A checkbox with checkmark visible on hover", onChange: onChangeUncontrolled, defaultChecked: false }),
|
|
75
|
-
React.createElement(CircleColorCheckbox, { label: "A circular token-customized checkbox",
|
|
83
|
+
React.createElement(CircleColorCheckbox, { label: "A circular token-customized checkbox", shape: "circular", onChange: onChangeUncontrolled, defaultChecked: true }),
|
|
76
84
|
React.createElement(BlueCheckbox, { label: "Token-customized checkbox. Customizable below.", onChange: onChangeUncontrolled, labelPosition: "before", defaultChecked: false }),
|
|
77
85
|
React.createElement(TextInput, { style: [commonStyles.textBox, textBoxBorderStyle], placeholder: "Background color", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
78
86
|
setCheckboxColor(e.nativeEvent.text);
|
|
@@ -87,6 +95,10 @@ var checkboxSections = [
|
|
|
87
95
|
testID: EXPERIMENTAL_CHECKBOX_TESTPAGE,
|
|
88
96
|
component: basicCheckbox,
|
|
89
97
|
},
|
|
98
|
+
{
|
|
99
|
+
name: 'Size Checkboxes',
|
|
100
|
+
component: sizeCheckbox,
|
|
101
|
+
},
|
|
90
102
|
{
|
|
91
103
|
name: 'Other Implementations',
|
|
92
104
|
component: otherCheckbox,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/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,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,SAAS,EAAa,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,gBAAgB,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"CheckboxTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"names":[],"mappings":"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"}
|
package/lib/FluentTester/TestComponents/CheckboxExperimental/E2ECheckboxExperimentalTest.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"E2ECheckboxExperimentalTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/E2ECheckboxExperimentalTest.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"E2ECheckboxExperimentalTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/E2ECheckboxExperimentalTest.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,iBAyB/C,CAAC"}
|
|
@@ -2,12 +2,18 @@ import { Checkbox } from '@fluentui-react-native/experimental-checkbox';
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { View } from 'react-native';
|
|
4
4
|
import { stackStyle } from '../Common/styles';
|
|
5
|
-
import { EXPERIMENTAL_CHECKBOX_TEST_COMPONENT, EXPERIMENTAL_CHECKBOX_ACCESSIBILITY_LABEL, EXPERIMENTAL_CHECKBOX_NO_A11Y_LABEL_COMPONENT, EXPERIMENTAL_CHECKBOX_TEST_COMPONENT_LABEL, } from './consts';
|
|
5
|
+
import { EXPERIMENTAL_CHECKBOX_TEST_COMPONENT, EXPERIMENTAL_CHECKBOX_ACCESSIBILITY_LABEL, EXPERIMENTAL_CHECKBOX_NO_A11Y_LABEL_COMPONENT, EXPERIMENTAL_CHECKBOX_TEST_COMPONENT_LABEL, EXPERIMENTAL_CHECKBOX_ON_PRESS, } from './consts';
|
|
6
6
|
import { Stack } from '@fluentui-react-native/stack';
|
|
7
|
+
import { Text } from '@fluentui/react-native';
|
|
7
8
|
export var E2ECheckboxExperimentalTest = function () {
|
|
9
|
+
var _a = React.useState(false), checkboxPressed = _a[0], setCheckboxPressed = _a[1];
|
|
10
|
+
var onClick = React.useCallback(function (_e, checked) {
|
|
11
|
+
setCheckboxPressed(checked);
|
|
12
|
+
}, [setCheckboxPressed]);
|
|
8
13
|
return (React.createElement(View, null,
|
|
9
14
|
React.createElement(Stack, { style: stackStyle },
|
|
10
|
-
React.createElement(Checkbox, { accessibilityLabel: EXPERIMENTAL_CHECKBOX_ACCESSIBILITY_LABEL, disabled: false, label: "Testing accessibilityLabel", testID: EXPERIMENTAL_CHECKBOX_TEST_COMPONENT }),
|
|
11
|
-
React.createElement(Checkbox, { label: EXPERIMENTAL_CHECKBOX_TEST_COMPONENT_LABEL, testID: EXPERIMENTAL_CHECKBOX_NO_A11Y_LABEL_COMPONENT })
|
|
15
|
+
React.createElement(Checkbox, { accessibilityLabel: EXPERIMENTAL_CHECKBOX_ACCESSIBILITY_LABEL, disabled: false, label: "Testing accessibilityLabel", testID: EXPERIMENTAL_CHECKBOX_TEST_COMPONENT, onChange: onClick }),
|
|
16
|
+
React.createElement(Checkbox, { label: EXPERIMENTAL_CHECKBOX_TEST_COMPONENT_LABEL, testID: EXPERIMENTAL_CHECKBOX_NO_A11Y_LABEL_COMPONENT }),
|
|
17
|
+
checkboxPressed ? React.createElement(Text, { testID: EXPERIMENTAL_CHECKBOX_ON_PRESS }, "Checkbox Selected") : null)));
|
|
12
18
|
};
|
|
13
19
|
//# sourceMappingURL=E2ECheckboxExperimentalTest.js.map
|