@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
|
@@ -37,6 +37,14 @@ var getThemedStyles = (0, themed_stylesheet_1.themedStyleSheet)(function (t) {
|
|
|
37
37
|
},
|
|
38
38
|
};
|
|
39
39
|
});
|
|
40
|
+
var HeaderSeparator = react_native_1.Separator.customize(function (t) { return ({
|
|
41
|
+
color: t.colors.bodyFrameDivider,
|
|
42
|
+
separatorWidth: 2,
|
|
43
|
+
}); });
|
|
44
|
+
var TestListSeparator = react_native_1.Separator.customize(function (t) { return ({
|
|
45
|
+
color: t.colors.menuDivider,
|
|
46
|
+
separatorWidth: 2,
|
|
47
|
+
}); });
|
|
40
48
|
var FluentTester = function (props) {
|
|
41
49
|
// sort tests alphabetically by name
|
|
42
50
|
var sortedTestComponents = props.enabledTests.sort(function (a, b) { return a.name.localeCompare(b.name); });
|
|
@@ -54,14 +62,6 @@ var FluentTester = function (props) {
|
|
|
54
62
|
return true;
|
|
55
63
|
};
|
|
56
64
|
var TestComponent = selectedTestIndex == -1 ? EmptyComponent : sortedTestComponents[selectedTestIndex].component;
|
|
57
|
-
var HeaderSeparator = react_native_1.Separator.customize(function (t) { return ({
|
|
58
|
-
color: t.colors.bodyFrameDivider,
|
|
59
|
-
separatorWidth: 2,
|
|
60
|
-
}); });
|
|
61
|
-
var TestListSeparator = react_native_1.Separator.customize(function (t) { return ({
|
|
62
|
-
color: t.colors.menuDivider,
|
|
63
|
-
separatorWidth: 2,
|
|
64
|
-
}); });
|
|
65
65
|
var themedStyles = getThemedStyles((0, theme_types_1.useTheme)());
|
|
66
66
|
var RootView = react_native_2.Platform.select({
|
|
67
67
|
ios: react_native_2.SafeAreaView,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FluentTester.js","sourceRoot":"","sources":["../../src/FluentTester/FluentTester.tsx"],"names":[],"mappings":";;;;AACA,uDAAkE;AAClE,kFAAoE;AACpE,8EAAgE;AAChE,8EAA4E;AAC5E,wDAA+B;AAC/B,6CAAqG;AAErG,yDAA+D;AAC/D,yDAAkF;AAClF,kEAA8D;AAC9D,qDAAoD;AAEpD,kDAAkD;AAClD;;;GAGG;AAEH,IAAM,cAAc,GAA4B;IAC9C,OAAO,oBAAC,mBAAM,IAAC,KAAK,EAAE,2BAAkB,CAAC,MAAM,wCAA4C,CAAC;AAC9F,CAAC,CAAC;AAOF,IAAM,eAAe,GAAG,IAAA,oCAAgB,EAAC,UAAC,CAAQ;IAChD,OAAO;QACL,IAAI,EAAE;YACJ,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,UAAU;YACpC,IAAI,EAAE,CAAC;YACP,QAAQ,EAAE,CAAC;YACX,aAAa,EAAE,QAAQ;YACvB,cAAc,EAAE,YAAY;YAC5B,UAAU,EAAE,SAAS;YACrB,OAAO,EAAE,CAAC;SACX;QACD,aAAa,EAAE;YACb,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,WAAW;YACjC,WAAW,EAAE,GAAG;SACjB;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"FluentTester.js","sourceRoot":"","sources":["../../src/FluentTester/FluentTester.tsx"],"names":[],"mappings":";;;;AACA,uDAAkE;AAClE,kFAAoE;AACpE,8EAAgE;AAChE,8EAA4E;AAC5E,wDAA+B;AAC/B,6CAAqG;AAErG,yDAA+D;AAC/D,yDAAkF;AAClF,kEAA8D;AAC9D,qDAAoD;AAEpD,kDAAkD;AAClD;;;GAGG;AAEH,IAAM,cAAc,GAA4B;IAC9C,OAAO,oBAAC,mBAAM,IAAC,KAAK,EAAE,2BAAkB,CAAC,MAAM,wCAA4C,CAAC;AAC9F,CAAC,CAAC;AAOF,IAAM,eAAe,GAAG,IAAA,oCAAgB,EAAC,UAAC,CAAQ;IAChD,OAAO;QACL,IAAI,EAAE;YACJ,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,UAAU;YACpC,IAAI,EAAE,CAAC;YACP,QAAQ,EAAE,CAAC;YACX,aAAa,EAAE,QAAQ;YACvB,cAAc,EAAE,YAAY;YAC5B,UAAU,EAAE,SAAS;YACrB,OAAO,EAAE,CAAC;SACX;QACD,aAAa,EAAE;YACb,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,WAAW;YACjC,WAAW,EAAE,GAAG;SACjB;KACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,IAAM,eAAe,GAAG,wBAAS,CAAC,SAAS,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC;IAClD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,gBAAgB;IAChC,cAAc,EAAE,CAAC;CAClB,CAAC,EAHiD,CAGjD,CAAC,CAAC;AAEJ,IAAM,iBAAiB,GAAG,wBAAS,CAAC,SAAS,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC;IACpD,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,WAAW;IAC3B,cAAc,EAAE,CAAC;CAClB,CAAC,EAHmD,CAGnD,CAAC,CAAC;AAEG,IAAM,YAAY,GAA+C,UAAC,KAAwB;IAC/F,oCAAoC;IACpC,IAAM,oBAAoB,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,EAA5B,CAA4B,CAAC,CAAC;IAErF,IAAA,WAAW,GAA2B,KAAK,YAAhC,EAAE,oBAAoB,GAAK,KAAK,qBAAV,CAAW;IACpD,IAAM,wBAAwB,GAAG,oBAAoB,CAAC,SAAS,CAAC,UAAC,WAAW;QAC1E,OAAO,WAAW,CAAC,IAAI,KAAK,WAAW,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEG,IAAA,KAA4C,KAAK,CAAC,QAAQ,CAAC,wBAAwB,CAAC,EAAnF,iBAAiB,QAAA,EAAE,oBAAoB,QAA4C,CAAC;IACrF,IAAA,KAAsC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAzD,cAAc,QAAA,EAAE,iBAAiB,QAAwB,CAAC;IAEjE,IAAM,WAAW,GAAG;QAClB,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACxB,IAAI,uBAAQ,CAAC,EAAE,KAAK,SAAS,EAAE;YAC7B,0BAAW,CAAC,mBAAmB,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC;SACnE;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,iBAAiB,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,SAAS,CAAC;IAEnH,IAAM,YAAY,GAAG,eAAe,CAAC,IAAA,sBAAQ,GAAE,CAAC,CAAC;IAEjD,IAAM,QAAQ,GAAG,uBAAQ,CAAC,MAAM,CAAC;QAC/B,GAAG,EAAE,2BAAY;QACjB,OAAO,EAAE,mBAAI;KACd,CAAC,CAAC;IAEH,IAAM,MAAM,GAA4B;;QACtC,IAAM,KAAK,GAAG,IAAA,sBAAQ,GAAE,CAAC;QAEzB,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,2BAAkB,CAAC,MAAM;YACpC,oBAAC,wBAAI,IAAC,KAAK,EAAE,CAAC,2BAAkB,CAAC,UAAU,CAAC,EAAE,OAAO,EAAC,mBAAmB,EAAC,KAAK,EAAE,MAAA,KAAK,CAAC,IAAI,CAAC,OAAO,0CAAE,YAAY,4BAE1G;YAEP,oBAAC,wBAAI,IAAC,MAAM,EAAE,sBAAa,QAAU;YACrC,oBAAC,2BAAY,OAAG,CACX,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,4FAA4F;IAC5F,IAAM,YAAY,GAA4B;;QAC5C,IAAM,KAAK,GAAG,IAAA,sBAAQ,GAAE,CAAC;QAEzB,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,qBAAY,CAAC,MAAM;YAC9B,oBAAC,wBAAI,IACH,KAAK,EAAE,CAAC,2BAAkB,CAAC,UAAU,CAAC,EACtC,OAAO,EAAC,mBAAmB,EAC3B,KAAK,EAAE,MAAA,KAAK,CAAC,IAAI,CAAC,OAAO,0CAAE,YAAY,EACvC,MAAM,EAAE,sBAAa,4BAGhB;YACP,oBAAC,mBAAI,IAAC,KAAK,EAAE,2BAAkB,CAAC,MAAM;gBAEpC,oBAAC,4BAAM,IACL,UAAU,EAAC,QAAQ,EACnB,KAAK,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,uBAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,EACpF,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,cAAc,kBAGjB;gBACT,oBAAC,2BAAY,OAAG,CACX,CACF,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,IAAM,iBAAiB,GAAG,CAAC,oBAAoB,IAAI,CAAC,oBAAoB,IAAI,cAAc,CAAC,CAAC;IAC5F,IAAM,oBAAoB,GAAG,CAAC,oBAAoB,IAAI,CAAC,oBAAoB,IAAI,CAAC,cAAc,CAAC,CAAC;IAEhG,IAAM,QAAQ,GAA4B;QACxC,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,2BAAkB,CAAC,QAAQ;YACtC,oBAAC,yBAAU,IAAC,qBAAqB,EAAE,2BAAkB,CAAC,sBAAsB,EAAE,MAAM,EAAC,oBAAoB,IACtG,oBAAoB,CAAC,GAAG,CAAC,UAAC,WAAW,EAAE,KAAK;gBAC3C,OAAO,CACL,oBAAC,4BAAM,IACL,UAAU,EAAC,QAAQ,EACnB,GAAG,EAAE,KAAK,EACV,QAAQ,EAAE,KAAK,IAAI,iBAAiB,EACpC,OAAO,EAAE,cAAM,OAAA,oBAAoB,CAAC,KAAK,CAAC,EAA3B,CAA2B,EAC1C,KAAK,EAAE,2BAAkB,CAAC,YAAY,EACtC,MAAM,EAAE,WAAW,CAAC,QAAQ,IAE3B,WAAW,CAAC,IAAI,CACV,CACV,CAAC;YACJ,CAAC,CAAC,CACS;YAEb,oBAAC,iBAAiB,IAAC,QAAQ,QAAC,KAAK,EAAE,EAAE,gBAAgB,EAAE,CAAC,EAAE,GAAI,CACzD,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,IAAM,cAAc,GAA4B;QAC9C,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,kDAAO,qBAAY,CAAC,QAAQ,KAAE,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;YACnF,oBAAC,yBAAU,IAAC,qBAAqB,EAAE,2BAAkB,CAAC,sBAAsB,IACzE,oBAAoB,CAAC,GAAG,CAAC,UAAC,WAAW,EAAE,KAAK;gBAC3C,OAAO,CACL,oBAAC,mBAAI,IAAC,GAAG,EAAE,KAAK;oBACd,oBAAC,wBAAI,IACH,GAAG,EAAE,KAAK,EACV,OAAO,EAAE;4BACP,iBAAiB,CAAC,KAAK,CAAC,CAAC;4BACzB,oBAAoB,CAAC,KAAK,CAAC,CAAC;4BAC5B,IAAI,uBAAQ,CAAC,EAAE,KAAK,SAAS,EAAE;gCAC7B,0BAAW,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC;6BAChE;wBACH,CAAC,EACD,KAAK,EAAE,qBAAY,CAAC,YAAY,EAChC,MAAM,EAAE,WAAW,CAAC,QAAQ,IAE3B,WAAW,CAAC,IAAI,CACZ;oBACP,oBAAC,wBAAS,IAAC,KAAK,EAAE,YAAY,CAAC,aAAa,GAAI,CAC3C,CACR,CAAC;YACJ,CAAC,CAAC,CACS,CACR,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,IAAM,iBAAiB,GAA4B;QACjD,OAAO,CACL,oBAAC,yBAAU,IAAC,KAAK,EAAE,2BAAkB,CAAC,WAAW;YAC/C,oBAAC,aAAa,OAAG,CACN,CACd,CAAC;IACJ,CAAC,CAAC;IAEF,IAAM,uBAAuB,GAA4B;QACvD,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,kDAAO,qBAAY,CAAC,WAAW,KAAE,OAAO,EAAE,oBAAoB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;YACzF,oBAAC,yBAAU;gBACT,oBAAC,aAAa,OAAG,CACN,CACR,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,IAAM,aAAa,GAA4B;QAC7C,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE;YACrB,oBAAoB,CAAC,CAAC,CAAC,oBAAC,YAAY,OAAG,CAAC,CAAC,CAAC,oBAAC,MAAM,OAAG;YAErD,oBAAC,eAAe,OAAG;YAEnB,oBAAC,mBAAI,IAAC,KAAK,EAAE,2BAAkB,CAAC,QAAQ;gBACrC,oBAAoB,CAAC,CAAC,CAAC,oBAAC,cAAc,OAAG,CAAC,CAAC,CAAC,oBAAC,QAAQ,OAAG;gBACxD,oBAAoB,CAAC,CAAC,CAAC,oBAAC,uBAAuB,OAAG,CAAC,CAAC,CAAC,oBAAC,iBAAiB,OAAG,CACtE,CACF,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,IACrB,uBAAQ,CAAC,EAAE,KAAM,OAAe,CAAC,CAAC,CAAC,CAClC,oBAAC,4BAAa,IAAC,KAAK,EAAE,YAAY,CAAC,IAAI;QACrC,oBAAC,aAAa,OAAG,CACH,CACjB,CAAC,CAAC,CAAC,CACF,oBAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,CAAC,IAAI;QAChC,oBAAC,aAAa,OAAG,CACR,CACZ,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAlLW,QAAA,YAAY,gBAkLvB"}
|
package/lib-commonjs/FluentTester/TestComponents/ActivityIndicator/ActivityIndicatorTest.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActivityIndicatorTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ActivityIndicator/ActivityIndicatorTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ActivityIndicatorTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ActivityIndicator/ActivityIndicatorTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsF/B,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,iBAazC,CAAC"}
|
|
@@ -10,14 +10,21 @@ var styles_1 = require("../Common/styles");
|
|
|
10
10
|
var Test_1 = require("../Test");
|
|
11
11
|
var consts_1 = require("./consts");
|
|
12
12
|
var react_native_2 = require("react-native");
|
|
13
|
+
var basicActivityIndicator = function () {
|
|
14
|
+
var _a = React.useState(true), animating = _a[0], setAnimating = _a[1];
|
|
15
|
+
var _b = React.useState(true), hidesWhenStopped = _b[0], setHidesWhenStopped = _b[1];
|
|
16
|
+
return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
|
|
17
|
+
React.createElement(react_native_2.View, { style: styles_1.commonTestStyles.root },
|
|
18
|
+
React.createElement(react_native_2.View, { style: styles_1.commonTestStyles.settings },
|
|
19
|
+
React.createElement(react_native_2.View, { style: styles_1.commonTestStyles.switch },
|
|
20
|
+
React.createElement(react_native_1.Text, null, "Animating"),
|
|
21
|
+
React.createElement(react_native_2.Switch, { value: animating, onValueChange: setAnimating })),
|
|
22
|
+
React.createElement(react_native_2.View, { style: styles_1.commonTestStyles.switch },
|
|
23
|
+
React.createElement(react_native_1.Text, null, "HidesWhenStopped"),
|
|
24
|
+
React.createElement(react_native_2.Switch, { value: hidesWhenStopped, onValueChange: setHidesWhenStopped }))),
|
|
25
|
+
React.createElement(experimental_activity_indicator_1.ActivityIndicator, { animating: animating, hidesWhenStopped: hidesWhenStopped }))));
|
|
26
|
+
};
|
|
13
27
|
var activityIndicatorTest = function () {
|
|
14
|
-
/** Customize doesn't do anything
|
|
15
|
-
* Tried having tokens not be props, but didn't work
|
|
16
|
-
* Not sure how to test/check where the tokens are passed through other than just looking at the final render
|
|
17
|
-
*/
|
|
18
|
-
var CustomizedActivityIndicator = experimental_activity_indicator_1.ActivityIndicator.customize({
|
|
19
|
-
activityIndicatorColor: 'orange',
|
|
20
|
-
});
|
|
21
28
|
return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
|
|
22
29
|
React.createElement(react_native_1.Text, null, "Extra Small"),
|
|
23
30
|
React.createElement(experimental_activity_indicator_1.ActivityIndicator, { size: "xSmall" }),
|
|
@@ -32,27 +39,20 @@ var activityIndicatorTest = function () {
|
|
|
32
39
|
React.createElement(react_native_1.Text, null, "Size=xLarge and Line Thickness=large"),
|
|
33
40
|
React.createElement(experimental_activity_indicator_1.ActivityIndicator, { size: "xLarge", lineThickness: "large" }),
|
|
34
41
|
React.createElement(react_native_1.Text, null, "Color props"),
|
|
35
|
-
React.createElement(experimental_activity_indicator_1.ActivityIndicator, { activityIndicatorColor: "orange", accessibilityLabel: "orange progressbar" })
|
|
36
|
-
React.createElement(react_native_1.Text, null, "Customized Activity Indicator (currently not working)"),
|
|
37
|
-
React.createElement(CustomizedActivityIndicator, null)));
|
|
42
|
+
React.createElement(experimental_activity_indicator_1.ActivityIndicator, { activityIndicatorColor: "orange", accessibilityLabel: "orange progressbar" })));
|
|
38
43
|
};
|
|
39
|
-
var
|
|
40
|
-
|
|
41
|
-
|
|
44
|
+
var CustomizedActivityIndicator = experimental_activity_indicator_1.ActivityIndicator.customize({
|
|
45
|
+
activityIndicatorColor: 'orange',
|
|
46
|
+
size: 'large',
|
|
47
|
+
});
|
|
48
|
+
var customizedActivityIndicatorTest = function () {
|
|
42
49
|
return (React.createElement(stack_1.Stack, { style: styles_1.stackStyle },
|
|
43
|
-
React.createElement(
|
|
44
|
-
|
|
45
|
-
React.createElement(react_native_2.View, { style: styles_1.commonTestStyles.switch },
|
|
46
|
-
React.createElement(react_native_1.Text, null, "Animating"),
|
|
47
|
-
React.createElement(react_native_2.Switch, { value: animating, onValueChange: setAnimating })),
|
|
48
|
-
React.createElement(react_native_2.View, { style: styles_1.commonTestStyles.switch },
|
|
49
|
-
React.createElement(react_native_1.Text, null, "HidesWhenStopped"),
|
|
50
|
-
React.createElement(react_native_2.Switch, { value: hidesWhenStopped, onValueChange: setHidesWhenStopped }))),
|
|
51
|
-
React.createElement(experimental_activity_indicator_1.ActivityIndicator, { animating: animating, hidesWhenStopped: hidesWhenStopped }))));
|
|
50
|
+
React.createElement(react_native_1.Text, null, "Customized Activity Indicator"),
|
|
51
|
+
React.createElement(CustomizedActivityIndicator, null)));
|
|
52
52
|
};
|
|
53
53
|
var activityIndicatorSections = [
|
|
54
54
|
{
|
|
55
|
-
name: '
|
|
55
|
+
name: 'Base ActivityIndicator',
|
|
56
56
|
testID: consts_1.ACTIVITY_INDICATOR_TESTPAGE,
|
|
57
57
|
component: basicActivityIndicator,
|
|
58
58
|
},
|
|
@@ -61,6 +61,11 @@ var activityIndicatorSections = [
|
|
|
61
61
|
testID: consts_1.ACTIVITY_INDICATOR_TESTPAGE,
|
|
62
62
|
component: activityIndicatorTest,
|
|
63
63
|
},
|
|
64
|
+
{
|
|
65
|
+
name: 'Customized ActivityIndicator',
|
|
66
|
+
testID: consts_1.ACTIVITY_INDICATOR_TESTPAGE,
|
|
67
|
+
component: customizedActivityIndicatorTest,
|
|
68
|
+
},
|
|
64
69
|
];
|
|
65
70
|
var ActivityIndicatorTest = function () {
|
|
66
71
|
var status = {
|
package/lib-commonjs/FluentTester/TestComponents/ActivityIndicator/ActivityIndicatorTest.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActivityIndicatorTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ActivityIndicator/ActivityIndicatorTest.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,0GAA2F;AAC3F,uDAA8C;AAC9C,sDAAqD;AACrD,2CAAgF;AAChF,gCAA4D;AAC5D,mCAAuD;AACvD,6CAA4C;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"}
|
|
@@ -29,35 +29,30 @@ var CustomizeUsage = function () {
|
|
|
29
29
|
var textBoxBorderStyle = {
|
|
30
30
|
borderColor: theme.colors.inputBorder,
|
|
31
31
|
};
|
|
32
|
-
var
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
}
|
|
57
|
-
if (physicalSize) {
|
|
58
|
-
tokens.avatarSize = physicalSize;
|
|
59
|
-
}
|
|
60
|
-
var CustomizedAvatar = experimental_avatar_1.JSAvatar.customize(tokens);
|
|
32
|
+
var CustomizedAvatar = React.useMemo(function () {
|
|
33
|
+
var tokens = {
|
|
34
|
+
backgroundColor: coinColor,
|
|
35
|
+
color: textColor,
|
|
36
|
+
horizontalIconAlignment: horizontalAlignment,
|
|
37
|
+
verticalIconAlignment: verticalAlignment,
|
|
38
|
+
iconSize: iconSize,
|
|
39
|
+
iconStrokeWidth: iconStrokeWidth,
|
|
40
|
+
iconStrokeColor: iconStrokeColor,
|
|
41
|
+
initialsSize: initialsSize,
|
|
42
|
+
avatarSize: physicalSize,
|
|
43
|
+
};
|
|
44
|
+
return experimental_avatar_1.JSAvatar.customize(tokens);
|
|
45
|
+
}, [
|
|
46
|
+
coinColor,
|
|
47
|
+
textColor,
|
|
48
|
+
horizontalAlignment,
|
|
49
|
+
verticalAlignment,
|
|
50
|
+
iconSize,
|
|
51
|
+
iconStrokeWidth,
|
|
52
|
+
iconStrokeColor,
|
|
53
|
+
initialsSize,
|
|
54
|
+
physicalSize,
|
|
55
|
+
]);
|
|
61
56
|
return (React.createElement(react_native_1.View, { style: styles_2.commonTestStyles.root },
|
|
62
57
|
React.createElement(react_native_1.View, { style: styles_2.commonTestStyles.settings },
|
|
63
58
|
React.createElement(react_native_1.View, { style: styles_2.commonTestStyles.switch },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomizedAvatar.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Avatar/CustomizedAvatar.tsx"],"names":[],"mappings":";;;;AAAA,wDAA+B;AAC/B,
|
|
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"}
|
|
@@ -9,6 +9,15 @@ var Test_1 = require("../Test");
|
|
|
9
9
|
var react_native_1 = require("react-native");
|
|
10
10
|
var badge_1 = require("@fluentui-react-native/badge");
|
|
11
11
|
var oof_svg_1 = (0, tslib_1.__importDefault)(require("./oof.svg"));
|
|
12
|
+
var BadgeNoBorder = badge_1.Badge.customize({
|
|
13
|
+
borderColor: 'transparent',
|
|
14
|
+
borderWidth: 0,
|
|
15
|
+
});
|
|
16
|
+
var StyledBadge = badge_1.Badge.customize({
|
|
17
|
+
backgroundColor: 'yellow',
|
|
18
|
+
borderColor: '#f09',
|
|
19
|
+
borderWidth: 4,
|
|
20
|
+
});
|
|
12
21
|
var BasicBadge = function () {
|
|
13
22
|
var svgProps = {
|
|
14
23
|
src: oof_svg_1.default,
|
|
@@ -19,15 +28,6 @@ var BasicBadge = function () {
|
|
|
19
28
|
codepoint: 0x2663,
|
|
20
29
|
fontSize: 16,
|
|
21
30
|
};
|
|
22
|
-
var BadgeNoBorder = badge_1.Badge.customize({
|
|
23
|
-
borderColor: 'transparent',
|
|
24
|
-
borderWidth: 0,
|
|
25
|
-
});
|
|
26
|
-
var StyledBadge = badge_1.Badge.customize({
|
|
27
|
-
backgroundColor: 'yellow',
|
|
28
|
-
borderColor: '#f09',
|
|
29
|
-
borderWidth: 4,
|
|
30
|
-
});
|
|
31
31
|
var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_1.Platform.OS);
|
|
32
32
|
var iconProps = { svgSource: svgProps, width: 20, height: 20 };
|
|
33
33
|
return (React.createElement(react_native_1.View, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BadgeTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Badge/BadgeTest.tsx"],"names":[],"mappings":";;;;AAAA,uDAAuD;AACvD,wDAA+B;AAC/B,mCAA0C;AAC1C,gCAA4D;AAC5D,6CAAoD;AACpD,sDAAuF;AACvF,mEAAiC;
|
|
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"}
|
|
@@ -8,25 +8,38 @@ var icon_1 = require("@fluentui-react-native/icon");
|
|
|
8
8
|
var React = (0, tslib_1.__importStar)(require("react"));
|
|
9
9
|
var react_native_1 = require("react-native");
|
|
10
10
|
var styles_1 = require("../Common/styles");
|
|
11
|
+
var test_svg_1 = (0, tslib_1.__importDefault)(require("./test.svg"));
|
|
12
|
+
var interactive_hooks_1 = require("@fluentui-react-native/interactive-hooks");
|
|
13
|
+
var CustomText = experimental_text_1.Text.customize({ fontSize: 'header', color: 'hotpink' });
|
|
14
|
+
var CustomButton = button_1.ButtonV1.customize({ backgroundColor: 'pink' });
|
|
15
|
+
var CustomIconButton = button_1.ButtonV1.customize({ iconColor: 'yellow' });
|
|
16
|
+
var ComposedButton = button_1.ButtonV1.compose({
|
|
17
|
+
slots: {
|
|
18
|
+
root: react_native_1.View,
|
|
19
|
+
icon: icon_1.Icon,
|
|
20
|
+
content: CustomText,
|
|
21
|
+
},
|
|
22
|
+
slotProps: {
|
|
23
|
+
content: {
|
|
24
|
+
style: { marginTop: -1, marginBottom: 1, marginStart: 0, marginEnd: -2 },
|
|
25
|
+
},
|
|
26
|
+
},
|
|
27
|
+
});
|
|
28
|
+
var svgProps = {
|
|
29
|
+
src: test_svg_1.default,
|
|
30
|
+
viewBox: '0 0 500 500',
|
|
31
|
+
};
|
|
11
32
|
var ButtonHOCTest = function () {
|
|
12
33
|
var buttonRef = React.useRef(null);
|
|
13
|
-
var
|
|
14
|
-
var CustomButton = button_1.ButtonV1.customize({ backgroundColor: 'pink' });
|
|
15
|
-
var ComposedButton = button_1.ButtonV1.compose({
|
|
16
|
-
slots: {
|
|
17
|
-
root: react_native_1.View,
|
|
18
|
-
icon: icon_1.Icon,
|
|
19
|
-
content: CustomText,
|
|
20
|
-
},
|
|
21
|
-
slotProps: {
|
|
22
|
-
content: {
|
|
23
|
-
style: { marginTop: -1, marginBottom: 1, marginStart: 0, marginEnd: -2 },
|
|
24
|
-
},
|
|
25
|
-
},
|
|
26
|
-
});
|
|
34
|
+
var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_1.Platform.OS);
|
|
27
35
|
return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
|
|
28
36
|
React.createElement(CustomButton, { style: styles_1.commonTestStyles.vmargin, componentRef: buttonRef }, "Customized Button with ref"),
|
|
29
|
-
React.createElement(
|
|
37
|
+
svgIconsEnabled && React.createElement(CustomIconButton, { icon: { svgSource: svgProps } }, "Customized Icon Button"),
|
|
38
|
+
React.createElement(button_1.ButtonV1, { style: styles_1.commonTestStyles.vmargin, onClick: function (e) {
|
|
39
|
+
console.log(e.timeStamp);
|
|
40
|
+
if ((0, interactive_hooks_1.isGestureResponderEvent)(e)) {
|
|
41
|
+
console.log('I was clicked!');
|
|
42
|
+
}
|
|
30
43
|
if (buttonRef.current) {
|
|
31
44
|
buttonRef.current.focus();
|
|
32
45
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonHOCTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonHOCTestSection.tsx"],"names":[],"mappings":";;;;AAAA,wDAAmE;AACnE,8EAAgE;AAChE,
|
|
1
|
+
{"version":3,"file":"ButtonHOCTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonHOCTestSection.tsx"],"names":[],"mappings":";;;;AAAA,wDAAmE;AACnE,8EAAgE;AAChE,oDAAiE;AACjE,wDAA+B;AAC/B,6CAA8C;AAC9C,2CAAgE;AAChE,qEAAiC;AACjC,8EAAqG;AAErG,IAAM,UAAU,GAAG,wBAAI,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;AAC5E,IAAM,YAAY,GAAG,iBAAM,CAAC,SAAS,CAAC,EAAE,eAAe,EAAE,MAAM,EAAE,CAAC,CAAC;AACnE,IAAM,gBAAgB,GAAG,iBAAM,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC;AACnE,IAAM,cAAc,GAAG,iBAAM,CAAC,OAAO,CAAC;IACpC,KAAK,EAAE;QACL,IAAI,EAAE,mBAAI;QACV,IAAI,EAAE,WAAI;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,kBAAO;IACZ,OAAO,EAAE,aAAa;CACvB,CAAC;AAEK,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,uBAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAU;QACrB,oBAAC,YAAY,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,EAAE,YAAY,EAAE,SAAS,iCAEvD;QACd,eAAe,IAAI,oBAAC,gBAAgB,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,6BAA2C;QAC9G,oBAAC,iBAAM,IACL,KAAK,EAAE,yBAAgB,CAAC,OAAO,EAC/B,OAAO,EAAE,UAAC,CAAmB;gBAC3B,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;gBAEzB,IAAI,IAAA,2CAAuB,EAAC,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,yBAAgB,CAAC,OAAO,0DAAsE,CAChH,CACR,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,aAAa,iBA6BxB"}
|
|
@@ -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,wDAAmF;AAEnF,wDAA+B;AAC/B,6CAA8C;AAC9C,2CAAgE;AAChE,qEAAiC;AAE1B,IAAM,cAAc,GAA4B;IACrD,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,kBAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IACF,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,uBAAQ,CAAC,EAAY,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"ButtonSizeTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Button/ButtonSizeTestSection.tsx"],"names":[],"mappings":"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"}
|
|
@@ -35,38 +35,38 @@ var otherCheckbox = function () {
|
|
|
35
35
|
React.createElement(react_native_1.Checkbox, { label: "This is a controlled Checkbox", onChange: onChangeControlled1, checked: isCheckedControlled1 }),
|
|
36
36
|
React.createElement(react_native_1.Checkbox, { label: "Checkbox rendered with boxSide 'end' (controlled)", onChange: onChangeControlled2, boxSide: "end", checked: isCheckedControlled2 })));
|
|
37
37
|
};
|
|
38
|
-
var
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
checkmarkColor: 'white',
|
|
48
|
-
},
|
|
38
|
+
var CircularCheckbox = react_native_1.Checkbox.customize({ tokens: { borderRadius: 50 } });
|
|
39
|
+
var CircleColorCheckbox = react_native_1.Checkbox.customize({
|
|
40
|
+
tokens: { borderRadius: 50, checkboxBackgroundColor: 'white' },
|
|
41
|
+
_overrides: {
|
|
42
|
+
checked: {
|
|
43
|
+
tokens: {
|
|
44
|
+
checkboxBackgroundColor: 'green',
|
|
45
|
+
checkboxBorderColor: 'green',
|
|
46
|
+
checkmarkColor: 'white',
|
|
49
47
|
},
|
|
50
|
-
focused: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundHovered' } },
|
|
51
|
-
hovered: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundHovered' } },
|
|
52
|
-
pressed: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundPressed' } },
|
|
53
48
|
},
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
49
|
+
focused: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundHovered' } },
|
|
50
|
+
hovered: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundHovered' } },
|
|
51
|
+
pressed: { tokens: { checkboxBackgroundColor: 'menuItemBackgroundPressed' } },
|
|
52
|
+
},
|
|
53
|
+
});
|
|
54
|
+
var HoverCheckbox = react_native_1.Checkbox.customize({
|
|
55
|
+
_overrides: {
|
|
56
|
+
checked: {
|
|
57
|
+
tokens: {
|
|
58
|
+
checkboxBackgroundColor: 'black',
|
|
59
|
+
checkmarkColor: 'white',
|
|
62
60
|
},
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
61
|
+
},
|
|
62
|
+
hovered: {
|
|
63
|
+
tokens: {
|
|
64
|
+
checkmarkVisibility: 1,
|
|
67
65
|
},
|
|
68
66
|
},
|
|
69
|
-
}
|
|
67
|
+
},
|
|
68
|
+
});
|
|
69
|
+
var tokenCheckbox = function () {
|
|
70
70
|
var _a = React.useState('blue'), checkboxColor = _a[0], setCheckboxColor = _a[1];
|
|
71
71
|
var _b = React.useState('white'), checkmarkColor = _b[0], setCheckmarkColor = _b[1];
|
|
72
72
|
var BlueCheckbox = react_native_1.Checkbox.customize({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/Checkbox/CheckboxTest.tsx"],"names":[],"mappings":";;;;AAAA,uDAAkD;AAClD,kEAA8D;AAC9D,wDAA+B;AAC/B,6CAA0D;AAC1D,2CAAoE;AACpE,mCAA6C;AAC7C,qDAAoD;AACpD,gCAA4D;AAE5D,SAAS,oBAAoB,CAAC,SAAkB;IAC9C,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;AACzB,CAAC;AAED,IAAM,aAAa,GAA4B;IAC7C,OAAO,CACL,oBAAC,mBAAI;QACH,oBAAC,uBAAQ,IAAC,KAAK,EAAC,gCAAgC,EAAC,QAAQ,EAAE,oBAAoB,GAAI;QACnF,oBAAC,uBAAQ,IAAC,KAAK,EAAC,mCAAmC,EAAC,QAAQ,EAAE,oBAAoB,EAAE,cAAc,EAAE,KAAK,GAAI;QAC7G,oBAAC,uBAAQ,IACP,KAAK,EAAC,iCAAiC,EACvC,QAAQ,EAAE,oBAAoB,EAC9B,cAAc,EAAE,IAAI,EACpB,kBAAkB,EAAC,aAAa,GAChC;QACF,oBAAC,uBAAQ,IAAC,KAAK,EAAC,mBAAmB,EAAC,QAAQ,EAAE,oBAAoB,EAAE,cAAc,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,GAAI;QAC7G,oBAAC,uBAAQ,IAAC,KAAK,EAAC,2BAA2B,EAAC,QAAQ,EAAE,oBAAoB,EAAE,cAAc,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,GAAI;QACpH,oBAAC,uBAAQ,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,mBAAI;QACH,oBAAC,uBAAQ,IAAC,KAAK,EAAC,+BAA+B,EAAC,QAAQ,EAAE,mBAAmB,EAAE,OAAO,EAAE,oBAAoB,GAAI;QAChH,oBAAC,uBAAQ,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"}
|
|
@@ -10,7 +10,7 @@ var theme_types_1 = require("@fluentui-react-native/theme-types");
|
|
|
10
10
|
var react_native_1 = require("react-native");
|
|
11
11
|
var styles_1 = require("../Common/styles");
|
|
12
12
|
var E2ECheckboxExperimentalTest_1 = require("./E2ECheckboxExperimentalTest");
|
|
13
|
-
function onChangeUncontrolled(isChecked) {
|
|
13
|
+
function onChangeUncontrolled(_e, isChecked) {
|
|
14
14
|
console.log(isChecked);
|
|
15
15
|
}
|
|
16
16
|
var basicCheckbox = function () {
|
|
@@ -18,10 +18,18 @@ var basicCheckbox = function () {
|
|
|
18
18
|
React.createElement(experimental_checkbox_1.Checkbox, { label: "Unchecked checkbox (undefined)", onChange: onChangeUncontrolled }),
|
|
19
19
|
React.createElement(experimental_checkbox_1.Checkbox, { label: "Unchecked checkbox (uncontrolled)", onChange: onChangeUncontrolled, defaultChecked: false }),
|
|
20
20
|
React.createElement(experimental_checkbox_1.Checkbox, { label: "Checked checkbox (uncontrolled)", onChange: onChangeUncontrolled, defaultChecked: true, accessibilityLabel: "Hello there" }),
|
|
21
|
-
React.createElement(experimental_checkbox_1.Checkbox, { label: "Disabled checkbox",
|
|
22
|
-
React.createElement(experimental_checkbox_1.Checkbox, { label: "Disabled checked checkbox",
|
|
23
|
-
React.createElement(experimental_checkbox_1.Checkbox, { label: "Checkbox will display a tooltip",
|
|
24
|
-
React.createElement(experimental_checkbox_1.Checkbox, { label: "A circular checkbox",
|
|
21
|
+
React.createElement(experimental_checkbox_1.Checkbox, { label: "Disabled checkbox", disabled: true }),
|
|
22
|
+
React.createElement(experimental_checkbox_1.Checkbox, { label: "Disabled checked checkbox", defaultChecked: true, disabled: true }),
|
|
23
|
+
React.createElement(experimental_checkbox_1.Checkbox, { label: "Checkbox will display a tooltip", tooltip: "This is a tooltip" }),
|
|
24
|
+
React.createElement(experimental_checkbox_1.Checkbox, { label: "A circular checkbox", shape: "circular" }),
|
|
25
|
+
React.createElement(experimental_checkbox_1.Checkbox, { label: "A checkbox with label placed before", labelPosition: "before" })));
|
|
26
|
+
};
|
|
27
|
+
var sizeCheckbox = function () {
|
|
28
|
+
return (React.createElement(react_native_1.View, null,
|
|
29
|
+
React.createElement(experimental_checkbox_1.Checkbox, { tooltip: "Medium checkbox", size: "medium" }),
|
|
30
|
+
React.createElement(experimental_checkbox_1.Checkbox, { tooltip: "Large checkbox", size: "large" }),
|
|
31
|
+
React.createElement(experimental_checkbox_1.Checkbox, { label: "Medium checkbox", size: "medium" }),
|
|
32
|
+
React.createElement(experimental_checkbox_1.Checkbox, { label: "Large checkbox", size: "large" })));
|
|
25
33
|
};
|
|
26
34
|
var otherCheckbox = function () {
|
|
27
35
|
var _a = React.useState(false), isCheckedControlled1 = _a[0], setCheckedControlled1 = _a[1];
|
|
@@ -36,27 +44,27 @@ var otherCheckbox = function () {
|
|
|
36
44
|
React.createElement(experimental_checkbox_1.Checkbox, { label: "This is a controlled Checkbox", onChange: onChangeControlled1, checked: Boolean(isCheckedControlled1) }),
|
|
37
45
|
React.createElement(experimental_checkbox_1.Checkbox, { label: "Checkbox rendered with labelPosition 'before' (controlled)", onChange: onChangeControlled2, labelPosition: "before", checked: Boolean(isCheckedControlled2) })));
|
|
38
46
|
};
|
|
47
|
+
var CircleColorCheckbox = experimental_checkbox_1.Checkbox.customize({
|
|
48
|
+
checkboxBackgroundColor: 'white',
|
|
49
|
+
checked: {
|
|
50
|
+
checkboxBackgroundColor: 'green',
|
|
51
|
+
checkboxBorderColor: 'green',
|
|
52
|
+
checkmarkColor: 'white',
|
|
53
|
+
},
|
|
54
|
+
focused: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
|
|
55
|
+
hovered: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
|
|
56
|
+
pressed: { checkboxBackgroundColor: 'menuItemBackgroundPressed' },
|
|
57
|
+
});
|
|
58
|
+
var HoverCheckbox = experimental_checkbox_1.Checkbox.customize({
|
|
59
|
+
checked: {
|
|
60
|
+
checkboxBackgroundColor: 'black',
|
|
61
|
+
checkmarkColor: 'white',
|
|
62
|
+
},
|
|
63
|
+
hovered: {
|
|
64
|
+
checkmarkOpacity: 1,
|
|
65
|
+
},
|
|
66
|
+
});
|
|
39
67
|
var tokenCheckbox = function () {
|
|
40
|
-
var CircleColorCheckbox = experimental_checkbox_1.Checkbox.customize({
|
|
41
|
-
checkboxBackgroundColor: 'white',
|
|
42
|
-
checked: {
|
|
43
|
-
checkboxBackgroundColor: 'green',
|
|
44
|
-
checkboxBorderColor: 'green',
|
|
45
|
-
checkmarkColor: 'white',
|
|
46
|
-
},
|
|
47
|
-
focused: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
|
|
48
|
-
hovered: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
|
|
49
|
-
pressed: { checkboxBackgroundColor: 'menuItemBackgroundPressed' },
|
|
50
|
-
});
|
|
51
|
-
var HoverCheckbox = experimental_checkbox_1.Checkbox.customize({
|
|
52
|
-
checked: {
|
|
53
|
-
checkboxBackgroundColor: 'black',
|
|
54
|
-
checkmarkColor: 'white',
|
|
55
|
-
},
|
|
56
|
-
hovered: {
|
|
57
|
-
checkmarkOpacity: 1,
|
|
58
|
-
},
|
|
59
|
-
});
|
|
60
68
|
var _a = React.useState('blue'), checkboxColor = _a[0], setCheckboxColor = _a[1];
|
|
61
69
|
var _b = React.useState('white'), checkmarkColor = _b[0], setCheckmarkColor = _b[1];
|
|
62
70
|
var BlueCheckbox = experimental_checkbox_1.Checkbox.customize({
|
|
@@ -76,7 +84,7 @@ var tokenCheckbox = function () {
|
|
|
76
84
|
};
|
|
77
85
|
return (React.createElement(react_native_1.View, null,
|
|
78
86
|
React.createElement(HoverCheckbox, { label: "A checkbox with checkmark visible on hover", onChange: onChangeUncontrolled, defaultChecked: false }),
|
|
79
|
-
React.createElement(CircleColorCheckbox, { label: "A circular token-customized checkbox",
|
|
87
|
+
React.createElement(CircleColorCheckbox, { label: "A circular token-customized checkbox", shape: "circular", onChange: onChangeUncontrolled, defaultChecked: true }),
|
|
80
88
|
React.createElement(BlueCheckbox, { label: "Token-customized checkbox. Customizable below.", onChange: onChangeUncontrolled, labelPosition: "before", defaultChecked: false }),
|
|
81
89
|
React.createElement(react_native_1.TextInput, { style: [styles_1.commonTestStyles.textBox, textBoxBorderStyle], placeholder: "Background color", blurOnSubmit: true, onSubmitEditing: function (e) {
|
|
82
90
|
setCheckboxColor(e.nativeEvent.text);
|
|
@@ -91,6 +99,10 @@ var checkboxSections = [
|
|
|
91
99
|
testID: consts_1.EXPERIMENTAL_CHECKBOX_TESTPAGE,
|
|
92
100
|
component: basicCheckbox,
|
|
93
101
|
},
|
|
102
|
+
{
|
|
103
|
+
name: 'Size Checkboxes',
|
|
104
|
+
component: sizeCheckbox,
|
|
105
|
+
},
|
|
94
106
|
{
|
|
95
107
|
name: 'Other Implementations',
|
|
96
108
|
component: otherCheckbox,
|