@fluentui-react-native/tester 0.134.15 → 0.134.17

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.
Files changed (10) hide show
  1. package/CHANGELOG.json +91 -1
  2. package/CHANGELOG.md +28 -2
  3. package/lib/fluent-tester/src/TestComponents/Shadow/ShadowButtonTestSection.d.ts.map +1 -1
  4. package/lib/fluent-tester/src/TestComponents/Shadow/ShadowButtonTestSection.js +18 -7
  5. package/lib/fluent-tester/src/TestComponents/Shadow/ShadowButtonTestSection.js.map +1 -1
  6. package/lib-commonjs/fluent-tester/src/TestComponents/Shadow/ShadowButtonTestSection.d.ts.map +1 -1
  7. package/lib-commonjs/fluent-tester/src/TestComponents/Shadow/ShadowButtonTestSection.js +16 -5
  8. package/lib-commonjs/fluent-tester/src/TestComponents/Shadow/ShadowButtonTestSection.js.map +1 -1
  9. package/package.json +11 -11
  10. package/src/TestComponents/Shadow/ShadowButtonTestSection.tsx +34 -13
package/CHANGELOG.json CHANGED
@@ -2,7 +2,97 @@
2
2
  "name": "@fluentui-react-native/tester",
3
3
  "entries": [
4
4
  {
5
- "date": "Fri, 24 Feb 2023 20:36:24 GMT",
5
+ "date": "Sat, 25 Feb 2023 01:16:42 GMT",
6
+ "tag": "@fluentui-react-native/tester_v0.134.17",
7
+ "version": "0.134.17",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "beachball",
12
+ "package": "@fluentui-react-native/tester",
13
+ "comment": "Bump @fluentui-react-native/menu to v1.4.12",
14
+ "commit": "276aac8c5e989c0d7af12391950bdacd7a38d509"
15
+ }
16
+ ]
17
+ }
18
+ },
19
+ {
20
+ "date": "Fri, 24 Feb 2023 23:53:36 GMT",
21
+ "tag": "@fluentui-react-native/tester_v0.134.16",
22
+ "version": "0.134.16",
23
+ "comments": {
24
+ "patch": [
25
+ {
26
+ "author": "78454019+lyzhan7@users.noreply.github.com",
27
+ "package": "@fluentui-react-native/tester",
28
+ "commit": "18aa3e636f05bd4a957e85842cbe8c172f040211",
29
+ "comment": "Update shadow component to only set a style prop if it is defined"
30
+ },
31
+ {
32
+ "author": "beachball",
33
+ "package": "@fluentui-react-native/tester",
34
+ "comment": "Bump @fluentui-react-native/avatar to v1.6.9",
35
+ "commit": "18aa3e636f05bd4a957e85842cbe8c172f040211"
36
+ },
37
+ {
38
+ "author": "beachball",
39
+ "package": "@fluentui-react-native/tester",
40
+ "comment": "Bump @fluentui-react-native/badge to v0.4.30",
41
+ "commit": "18aa3e636f05bd4a957e85842cbe8c172f040211"
42
+ },
43
+ {
44
+ "author": "beachball",
45
+ "package": "@fluentui-react-native/tester",
46
+ "comment": "Bump @fluentui-react-native/button to v0.32.35",
47
+ "commit": "18aa3e636f05bd4a957e85842cbe8c172f040211"
48
+ },
49
+ {
50
+ "author": "beachball",
51
+ "package": "@fluentui-react-native/tester",
52
+ "comment": "Bump @fluentui-react-native/dropdown to v0.7.32",
53
+ "commit": "18aa3e636f05bd4a957e85842cbe8c172f040211"
54
+ },
55
+ {
56
+ "author": "beachball",
57
+ "package": "@fluentui-react-native/tester",
58
+ "comment": "Bump @fluentui-react-native/experimental-button to v0.16.93",
59
+ "commit": "18aa3e636f05bd4a957e85842cbe8c172f040211"
60
+ },
61
+ {
62
+ "author": "beachball",
63
+ "package": "@fluentui-react-native/tester",
64
+ "comment": "Bump @fluentui-react-native/experimental-menu-button to v0.6.34",
65
+ "commit": "18aa3e636f05bd4a957e85842cbe8c172f040211"
66
+ },
67
+ {
68
+ "author": "beachball",
69
+ "package": "@fluentui-react-native/tester",
70
+ "comment": "Bump @fluentui-react-native/experimental-shadow to v0.2.71",
71
+ "commit": "18aa3e636f05bd4a957e85842cbe8c172f040211"
72
+ },
73
+ {
74
+ "author": "beachball",
75
+ "package": "@fluentui-react-native/tester",
76
+ "comment": "Bump @fluentui-react-native/menu to v1.4.11",
77
+ "commit": "18aa3e636f05bd4a957e85842cbe8c172f040211"
78
+ },
79
+ {
80
+ "author": "beachball",
81
+ "package": "@fluentui-react-native/tester",
82
+ "comment": "Bump @fluentui-react-native/notification to v0.21.36",
83
+ "commit": "18aa3e636f05bd4a957e85842cbe8c172f040211"
84
+ },
85
+ {
86
+ "author": "beachball",
87
+ "package": "@fluentui-react-native/tester",
88
+ "comment": "Bump @fluentui/react-native to v0.36.5",
89
+ "commit": "18aa3e636f05bd4a957e85842cbe8c172f040211"
90
+ }
91
+ ]
92
+ }
93
+ },
94
+ {
95
+ "date": "Fri, 24 Feb 2023 20:39:59 GMT",
6
96
  "tag": "@fluentui-react-native/tester_v0.134.15",
7
97
  "version": "0.134.15",
8
98
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,38 @@
1
1
  # Change Log - @fluentui-react-native/tester
2
2
 
3
- This log was last generated on Fri, 24 Feb 2023 20:36:24 GMT and should not be manually modified.
3
+ This log was last generated on Sat, 25 Feb 2023 01:16:42 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 0.134.17
8
+
9
+ Sat, 25 Feb 2023 01:16:42 GMT
10
+
11
+ ### Patches
12
+
13
+ - Bump @fluentui-react-native/menu to v1.4.12
14
+
15
+ ## 0.134.16
16
+
17
+ Fri, 24 Feb 2023 23:53:36 GMT
18
+
19
+ ### Patches
20
+
21
+ - Update shadow component to only set a style prop if it is defined (78454019+lyzhan7@users.noreply.github.com)
22
+ - Bump @fluentui-react-native/avatar to v1.6.9
23
+ - Bump @fluentui-react-native/badge to v0.4.30
24
+ - Bump @fluentui-react-native/button to v0.32.35
25
+ - Bump @fluentui-react-native/dropdown to v0.7.32
26
+ - Bump @fluentui-react-native/experimental-button to v0.16.93
27
+ - Bump @fluentui-react-native/experimental-menu-button to v0.6.34
28
+ - Bump @fluentui-react-native/experimental-shadow to v0.2.71
29
+ - Bump @fluentui-react-native/menu to v1.4.11
30
+ - Bump @fluentui-react-native/notification to v0.21.36
31
+ - Bump @fluentui/react-native to v0.36.5
32
+
7
33
  ## 0.134.15
8
34
 
9
- Fri, 24 Feb 2023 20:36:24 GMT
35
+ Fri, 24 Feb 2023 20:39:59 GMT
10
36
 
11
37
  ### Patches
12
38
 
package/lib/fluent-tester/src/TestComponents/Shadow/ShadowButtonTestSection.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ShadowButtonTestSection.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Shadow/ShadowButtonTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAwB3C,CAAC"}
1
+ {"version":3,"file":"ShadowButtonTestSection.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Shadow/ShadowButtonTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAsC3C,CAAC"}
package/lib/fluent-tester/src/TestComponents/Shadow/ShadowButtonTestSection.js CHANGED
@@ -1,25 +1,36 @@
1
1
  import * as React from 'react';
2
- import { Platform, View } from 'react-native';
2
+ import { Platform, View, StyleSheet } from 'react-native';
3
3
  import { FAB, Text } from '@fluentui/react-native';
4
+ import { ButtonV1 as Button } from '@fluentui-react-native/button';
5
+ import { Shadow } from '@fluentui-react-native/experimental-shadow';
4
6
  import { useFluentTheme } from '@fluentui-react-native/framework';
5
7
  import { shadowTestPageStyles } from './ShadowTestPageStyles';
6
8
  import { iconProps } from '../Common/iconExamples';
7
- import { commonTestStyles, stackStyle } from '../Common/styles';
9
+ import { stackStyle } from '../Common/styles';
10
+ var styles = StyleSheet.create({ marginBetweenComponentsWithShadow: { margin: 10 } });
8
11
  var CustomFABNoShadow = FAB.customize({ shadowToken: undefined });
9
12
  var CustomFABShadow64 = FAB.customize({
10
13
  shadowToken: { ambient: { x: 0, y: 0, blur: 8, color: '#00000033' }, key: { x: 0, y: 32, blur: 64, color: '#0000003d' } },
11
14
  });
15
+ var platformSupportsShadow = Platform.OS !== 'android';
16
+ var platformSupportsFAB = Platform.OS === 'ios' || Platform.OS === 'android';
12
17
  export var ShadowButtonTestSection = function () {
13
18
  var t = useFluentTheme();
14
- if (Platform.OS === 'ios') {
19
+ if (platformSupportsShadow) {
15
20
  return (React.createElement(View, { style: shadowTestPageStyles(t).backgroundColor },
16
- React.createElement(FAB, { icon: iconProps, style: commonTestStyles.vmargin }, "FAB with default shadow"),
17
- React.createElement(CustomFABShadow64, { icon: iconProps, style: commonTestStyles.vmargin }, "Custom FAB with shadow64"),
18
- React.createElement(CustomFABNoShadow, { icon: iconProps, style: commonTestStyles.vmargin }, "Custom FAB with no shadow")));
21
+ platformSupportsShadow && platformSupportsFAB && (React.createElement(View, { style: stackStyle },
22
+ React.createElement(FAB, { icon: iconProps, style: styles.marginBetweenComponentsWithShadow }, "FAB with default shadow"),
23
+ React.createElement(CustomFABShadow64, { icon: iconProps, style: styles.marginBetweenComponentsWithShadow }, "Custom FAB with shadow64"),
24
+ React.createElement(CustomFABNoShadow, { icon: iconProps, style: styles.marginBetweenComponentsWithShadow }, "Custom FAB with no shadow"))),
25
+ platformSupportsShadow && (React.createElement(View, { style: stackStyle },
26
+ React.createElement(Shadow, { shadowToken: t.shadows['shadow16'] },
27
+ React.createElement(Button, { style: styles.marginBetweenComponentsWithShadow }, "Button with shadow16")),
28
+ React.createElement(View, null,
29
+ React.createElement(Button, { style: styles.marginBetweenComponentsWithShadow }, "Button without shadow"))))));
19
30
  }
20
31
  else {
21
32
  return (React.createElement(View, { style: stackStyle },
22
- React.createElement(Text, null, "Shadows only implemented for iOS at this time")));
33
+ React.createElement(Text, null, "Shadows not implemented on this platform at this time")));
23
34
  }
24
35
  };
25
36
  //# sourceMappingURL=ShadowButtonTestSection.js.map
package/lib/fluent-tester/src/TestComponents/Shadow/ShadowButtonTestSection.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ShadowButtonTestSection.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Shadow/ShadowButtonTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAElE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEhE,IAAM,iBAAiB,GAAG,GAAG,CAAC,SAAS,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC;AACpE,IAAM,iBAAiB,GAAG,GAAG,CAAC,SAAS,CAAC;IACtC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE;CAC1H,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,uBAAuB,GAA4B;IAC9D,IAAM,CAAC,GAAG,cAAc,EAAE,CAAC;IAE3B,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE;QACzB,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC,eAAe;YAClD,oBAAC,GAAG,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,8BAE/C;YACN,oBAAC,iBAAiB,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,+BAE/C;YACpB,oBAAC,iBAAiB,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,OAAO,gCAE/C,CACf,CACR,CAAC;KACH;SAAM;QACL,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;YACrB,oBAAC,IAAI,wDAAqD,CACrD,CACR,CAAC;KACH;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"ShadowButtonTestSection.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Shadow/ShadowButtonTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAElE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,IAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC,EAAE,iCAAiC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AAExF,IAAM,iBAAiB,GAAG,GAAG,CAAC,SAAS,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC;AACpE,IAAM,iBAAiB,GAAG,GAAG,CAAC,SAAS,CAAC;IACtC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE;CAC1H,CAAC,CAAC;AAEH,IAAM,sBAAsB,GAAG,QAAQ,CAAC,EAAE,KAAK,SAAS,CAAC;AACzD,IAAM,mBAAmB,GAAG,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,QAAQ,CAAC,EAAE,KAAK,SAAS,CAAC;AAE/E,MAAM,CAAC,IAAM,uBAAuB,GAA4B;IAC9D,IAAM,CAAC,GAAG,cAAc,EAAE,CAAC;IAE3B,IAAI,sBAAsB,EAAE;QAC1B,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC,eAAe;YACjD,sBAAsB,IAAI,mBAAmB,IAAI,CAChD,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;gBACrB,oBAAC,GAAG,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,iCAAiC,8BAE/D;gBACN,oBAAC,iBAAiB,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,iCAAiC,+BAE/D;gBACpB,oBAAC,iBAAiB,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,iCAAiC,gCAE/D,CACf,CACR;YACA,sBAAsB,IAAI,CACzB,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;gBACrB,oBAAC,MAAM,IAAC,WAAW,EAAE,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC;oBACxC,oBAAC,MAAM,IAAC,KAAK,EAAE,MAAM,CAAC,iCAAiC,2BAA+B,CAC/E;gBACT,oBAAC,IAAI;oBACH,oBAAC,MAAM,IAAC,KAAK,EAAE,MAAM,CAAC,iCAAiC,4BAAgC,CAClF,CACF,CACR,CACI,CACR,CAAC;KACH;SAAM;QACL,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU;YACrB,oBAAC,IAAI,gEAA6D,CAC7D,CACR,CAAC;KACH;AACH,CAAC,CAAC"}
package/lib-commonjs/fluent-tester/src/TestComponents/Shadow/ShadowButtonTestSection.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ShadowButtonTestSection.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Shadow/ShadowButtonTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAwB3C,CAAC"}
1
+ {"version":3,"file":"ShadowButtonTestSection.d.ts","sourceRoot":"","sources":["../../../../../src/TestComponents/Shadow/ShadowButtonTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,iBAsC3C,CAAC"}
package/lib-commonjs/fluent-tester/src/TestComponents/Shadow/ShadowButtonTestSection.js CHANGED
@@ -5,25 +5,36 @@ var tslib_1 = require("tslib");
5
5
  var React = tslib_1.__importStar(require("react"));
6
6
  var react_native_1 = require("react-native");
7
7
  var react_native_2 = require("@fluentui/react-native");
8
+ var button_1 = require("@fluentui-react-native/button");
9
+ var experimental_shadow_1 = require("@fluentui-react-native/experimental-shadow");
8
10
  var framework_1 = require("@fluentui-react-native/framework");
9
11
  var ShadowTestPageStyles_1 = require("./ShadowTestPageStyles");
10
12
  var iconExamples_1 = require("../Common/iconExamples");
11
13
  var styles_1 = require("../Common/styles");
14
+ var styles = react_native_1.StyleSheet.create({ marginBetweenComponentsWithShadow: { margin: 10 } });
12
15
  var CustomFABNoShadow = react_native_2.FAB.customize({ shadowToken: undefined });
13
16
  var CustomFABShadow64 = react_native_2.FAB.customize({
14
17
  shadowToken: { ambient: { x: 0, y: 0, blur: 8, color: '#00000033' }, key: { x: 0, y: 32, blur: 64, color: '#0000003d' } },
15
18
  });
19
+ var platformSupportsShadow = react_native_1.Platform.OS !== 'android';
20
+ var platformSupportsFAB = react_native_1.Platform.OS === 'ios' || react_native_1.Platform.OS === 'android';
16
21
  var ShadowButtonTestSection = function () {
17
22
  var t = (0, framework_1.useFluentTheme)();
18
- if (react_native_1.Platform.OS === 'ios') {
23
+ if (platformSupportsShadow) {
19
24
  return (React.createElement(react_native_1.View, { style: (0, ShadowTestPageStyles_1.shadowTestPageStyles)(t).backgroundColor },
20
- React.createElement(react_native_2.FAB, { icon: iconExamples_1.iconProps, style: styles_1.commonTestStyles.vmargin }, "FAB with default shadow"),
21
- React.createElement(CustomFABShadow64, { icon: iconExamples_1.iconProps, style: styles_1.commonTestStyles.vmargin }, "Custom FAB with shadow64"),
22
- React.createElement(CustomFABNoShadow, { icon: iconExamples_1.iconProps, style: styles_1.commonTestStyles.vmargin }, "Custom FAB with no shadow")));
25
+ platformSupportsShadow && platformSupportsFAB && (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
26
+ React.createElement(react_native_2.FAB, { icon: iconExamples_1.iconProps, style: styles.marginBetweenComponentsWithShadow }, "FAB with default shadow"),
27
+ React.createElement(CustomFABShadow64, { icon: iconExamples_1.iconProps, style: styles.marginBetweenComponentsWithShadow }, "Custom FAB with shadow64"),
28
+ React.createElement(CustomFABNoShadow, { icon: iconExamples_1.iconProps, style: styles.marginBetweenComponentsWithShadow }, "Custom FAB with no shadow"))),
29
+ platformSupportsShadow && (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
30
+ React.createElement(experimental_shadow_1.Shadow, { shadowToken: t.shadows['shadow16'] },
31
+ React.createElement(button_1.ButtonV1, { style: styles.marginBetweenComponentsWithShadow }, "Button with shadow16")),
32
+ React.createElement(react_native_1.View, null,
33
+ React.createElement(button_1.ButtonV1, { style: styles.marginBetweenComponentsWithShadow }, "Button without shadow"))))));
23
34
  }
24
35
  else {
25
36
  return (React.createElement(react_native_1.View, { style: styles_1.stackStyle },
26
- React.createElement(react_native_2.Text, null, "Shadows only implemented for iOS at this time")));
37
+ React.createElement(react_native_2.Text, null, "Shadows not implemented on this platform at this time")));
27
38
  }
28
39
  };
29
40
  exports.ShadowButtonTestSection = ShadowButtonTestSection;
package/lib-commonjs/fluent-tester/src/TestComponents/Shadow/ShadowButtonTestSection.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ShadowButtonTestSection.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Shadow/ShadowButtonTestSection.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,6CAA8C;AAE9C,uDAAmD;AACnD,8DAAkE;AAElE,+DAA8D;AAC9D,uDAAmD;AACnD,2CAAgE;AAEhE,IAAM,iBAAiB,GAAG,kBAAG,CAAC,SAAS,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC;AACpE,IAAM,iBAAiB,GAAG,kBAAG,CAAC,SAAS,CAAC;IACtC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE;CAC1H,CAAC,CAAC;AAEI,IAAM,uBAAuB,GAA4B;IAC9D,IAAM,CAAC,GAAG,IAAA,0BAAc,GAAE,CAAC;IAE3B,IAAI,uBAAQ,CAAC,EAAE,KAAK,KAAK,EAAE;QACzB,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,IAAA,2CAAoB,EAAC,CAAC,CAAC,CAAC,eAAe;YAClD,oBAAC,kBAAG,IAAC,IAAI,EAAE,wBAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,8BAE/C;YACN,oBAAC,iBAAiB,IAAC,IAAI,EAAE,wBAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,+BAE/C;YACpB,oBAAC,iBAAiB,IAAC,IAAI,EAAE,wBAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,gCAE/C,CACf,CACR,CAAC;KACH;SAAM;QACL,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAU;YACrB,oBAAC,mBAAI,wDAAqD,CACrD,CACR,CAAC;KACH;AACH,CAAC,CAAC;AAxBW,QAAA,uBAAuB,2BAwBlC"}
1
+ {"version":3,"file":"ShadowButtonTestSection.js","sourceRoot":"","sources":["../../../../../src/TestComponents/Shadow/ShadowButtonTestSection.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,6CAA0D;AAE1D,uDAAmD;AACnD,wDAAmE;AACnE,kFAAoE;AACpE,8DAAkE;AAElE,+DAA8D;AAC9D,uDAAmD;AACnD,2CAA8C;AAE9C,IAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC,EAAE,iCAAiC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AAExF,IAAM,iBAAiB,GAAG,kBAAG,CAAC,SAAS,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAC;AACpE,IAAM,iBAAiB,GAAG,kBAAG,CAAC,SAAS,CAAC;IACtC,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE;CAC1H,CAAC,CAAC;AAEH,IAAM,sBAAsB,GAAG,uBAAQ,CAAC,EAAE,KAAK,SAAS,CAAC;AACzD,IAAM,mBAAmB,GAAG,uBAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,uBAAQ,CAAC,EAAE,KAAK,SAAS,CAAC;AAExE,IAAM,uBAAuB,GAA4B;IAC9D,IAAM,CAAC,GAAG,IAAA,0BAAc,GAAE,CAAC;IAE3B,IAAI,sBAAsB,EAAE;QAC1B,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,IAAA,2CAAoB,EAAC,CAAC,CAAC,CAAC,eAAe;YACjD,sBAAsB,IAAI,mBAAmB,IAAI,CAChD,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAU;gBACrB,oBAAC,kBAAG,IAAC,IAAI,EAAE,wBAAS,EAAE,KAAK,EAAE,MAAM,CAAC,iCAAiC,8BAE/D;gBACN,oBAAC,iBAAiB,IAAC,IAAI,EAAE,wBAAS,EAAE,KAAK,EAAE,MAAM,CAAC,iCAAiC,+BAE/D;gBACpB,oBAAC,iBAAiB,IAAC,IAAI,EAAE,wBAAS,EAAE,KAAK,EAAE,MAAM,CAAC,iCAAiC,gCAE/D,CACf,CACR;YACA,sBAAsB,IAAI,CACzB,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAU;gBACrB,oBAAC,4BAAM,IAAC,WAAW,EAAE,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC;oBACxC,oBAAC,iBAAM,IAAC,KAAK,EAAE,MAAM,CAAC,iCAAiC,2BAA+B,CAC/E;gBACT,oBAAC,mBAAI;oBACH,oBAAC,iBAAM,IAAC,KAAK,EAAE,MAAM,CAAC,iCAAiC,4BAAgC,CAClF,CACF,CACR,CACI,CACR,CAAC;KACH;SAAM;QACL,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAU;YACrB,oBAAC,mBAAI,gEAA6D,CAC7D,CACR,CAAC;KACH;AACH,CAAC,CAAC;AAtCW,QAAA,uBAAuB,2BAsClC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/tester",
3
- "version": "0.134.15",
3
+ "version": "0.134.17",
4
4
  "description": "A test app to test FluentUI React Native Components during development",
5
5
  "license": "MIT",
6
6
  "author": "Microsoft <fluentuinativeowners@microsoft.com>",
@@ -35,31 +35,31 @@
35
35
  "dependencies": {
36
36
  "@fluentui-react-native/android-theme": ">=0.16.8 <1.0.0",
37
37
  "@fluentui-react-native/apple-theme": ">=0.18.14 <1.0.0",
38
- "@fluentui-react-native/avatar": "^1.6.8",
39
- "@fluentui-react-native/badge": ">=0.4.29 <1.0.0",
40
- "@fluentui-react-native/button": ">=0.32.34 <1.0.0",
38
+ "@fluentui-react-native/avatar": "^1.6.9",
39
+ "@fluentui-react-native/badge": ">=0.4.30 <1.0.0",
40
+ "@fluentui-react-native/button": ">=0.32.35 <1.0.0",
41
41
  "@fluentui-react-native/default-theme": ">=0.17.3 <1.0.0",
42
42
  "@fluentui-react-native/divider": "^0.3.1",
43
- "@fluentui-react-native/dropdown": ">=0.7.31 <1.0.0",
43
+ "@fluentui-react-native/dropdown": ">=0.7.32 <1.0.0",
44
44
  "@fluentui-react-native/experimental-activity-indicator": ">=0.7.20 <1.0.0",
45
45
  "@fluentui-react-native/experimental-appearance-additions": "^0.3.4",
46
46
  "@fluentui-react-native/experimental-avatar": ">=0.17.18 <1.0.0",
47
- "@fluentui-react-native/experimental-button": "0.16.92",
47
+ "@fluentui-react-native/experimental-button": "0.16.93",
48
48
  "@fluentui-react-native/experimental-checkbox": "0.13.40",
49
49
  "@fluentui-react-native/experimental-expander": "0.5.20",
50
- "@fluentui-react-native/experimental-menu-button": ">=0.6.33 <1.0.0",
50
+ "@fluentui-react-native/experimental-menu-button": ">=0.6.34 <1.0.0",
51
51
  "@fluentui-react-native/experimental-native-date-picker": ">=0.7.6 <1.0.0",
52
52
  "@fluentui-react-native/experimental-radio-group": "^0.9.21",
53
- "@fluentui-react-native/experimental-shadow": "0.2.70",
53
+ "@fluentui-react-native/experimental-shadow": "0.2.71",
54
54
  "@fluentui-react-native/experimental-shimmer": "0.8.22",
55
55
  "@fluentui-react-native/experimental-tabs": "0.8.34",
56
56
  "@fluentui-react-native/experimental-text": ">=0.11.53 <1.0.0",
57
57
  "@fluentui-react-native/framework": ">=0.9.3 <1.0.0",
58
58
  "@fluentui-react-native/icon": "0.17.14",
59
59
  "@fluentui-react-native/interactive-hooks": ">=0.22.20 <1.0.0",
60
- "@fluentui-react-native/menu": "^1.4.10",
60
+ "@fluentui-react-native/menu": "^1.4.12",
61
61
  "@fluentui-react-native/merge-props": ">=0.5.3 <1.0.0",
62
- "@fluentui-react-native/notification": "0.21.35",
62
+ "@fluentui-react-native/notification": "0.21.36",
63
63
  "@fluentui-react-native/separator": "^0.14.17",
64
64
  "@fluentui-react-native/stack": ">=0.7.54 <1.0.0",
65
65
  "@fluentui-react-native/switch": "^0.8.28",
@@ -70,7 +70,7 @@
70
70
  "@fluentui-react-native/themed-stylesheet": "^1.4.3",
71
71
  "@fluentui-react-native/theming-utils": ">=0.23.5 <1.0.0",
72
72
  "@fluentui-react-native/win32-theme": ">=0.25.3 <1.0.0",
73
- "@fluentui/react-native": ">=0.36.4 <1.0.0",
73
+ "@fluentui/react-native": ">=0.36.5 <1.0.0",
74
74
  "@fortawesome/fontawesome-svg-core": "^6.2.0",
75
75
  "@fortawesome/free-solid-svg-icons": "^6.2.0",
76
76
  "@fortawesome/react-native-fontawesome": "^0.3.0",
package/src/TestComponents/Shadow/ShadowButtonTestSection.tsx CHANGED
@@ -1,39 +1,60 @@
1
1
  import * as React from 'react';
2
- import { Platform, View } from 'react-native';
2
+ import { Platform, View, StyleSheet } from 'react-native';
3
3
 
4
4
  import { FAB, Text } from '@fluentui/react-native';
5
+ import { ButtonV1 as Button } from '@fluentui-react-native/button';
6
+ import { Shadow } from '@fluentui-react-native/experimental-shadow';
5
7
  import { useFluentTheme } from '@fluentui-react-native/framework';
6
8
 
7
9
  import { shadowTestPageStyles } from './ShadowTestPageStyles';
8
10
  import { iconProps } from '../Common/iconExamples';
9
- import { commonTestStyles, stackStyle } from '../Common/styles';
11
+ import { stackStyle } from '../Common/styles';
12
+
13
+ const styles = StyleSheet.create({ marginBetweenComponentsWithShadow: { margin: 10 } });
10
14
 
11
15
  const CustomFABNoShadow = FAB.customize({ shadowToken: undefined });
12
16
  const CustomFABShadow64 = FAB.customize({
13
17
  shadowToken: { ambient: { x: 0, y: 0, blur: 8, color: '#00000033' }, key: { x: 0, y: 32, blur: 64, color: '#0000003d' } },
14
18
  });
15
19
 
20
+ const platformSupportsShadow = Platform.OS !== 'android';
21
+ const platformSupportsFAB = Platform.OS === 'ios' || Platform.OS === 'android';
22
+
16
23
  export const ShadowButtonTestSection: React.FunctionComponent = () => {
17
24
  const t = useFluentTheme();
18
25
 
19
- if (Platform.OS === 'ios') {
26
+ if (platformSupportsShadow) {
20
27
  return (
21
28
  <View style={shadowTestPageStyles(t).backgroundColor}>
22
- <FAB icon={iconProps} style={commonTestStyles.vmargin}>
23
- FAB with default shadow
24
- </FAB>
25
- <CustomFABShadow64 icon={iconProps} style={commonTestStyles.vmargin}>
26
- Custom FAB with shadow64
27
- </CustomFABShadow64>
28
- <CustomFABNoShadow icon={iconProps} style={commonTestStyles.vmargin}>
29
- Custom FAB with no shadow
30
- </CustomFABNoShadow>
29
+ {platformSupportsShadow && platformSupportsFAB && (
30
+ <View style={stackStyle}>
31
+ <FAB icon={iconProps} style={styles.marginBetweenComponentsWithShadow}>
32
+ FAB with default shadow
33
+ </FAB>
34
+ <CustomFABShadow64 icon={iconProps} style={styles.marginBetweenComponentsWithShadow}>
35
+ Custom FAB with shadow64
36
+ </CustomFABShadow64>
37
+ <CustomFABNoShadow icon={iconProps} style={styles.marginBetweenComponentsWithShadow}>
38
+ Custom FAB with no shadow
39
+ </CustomFABNoShadow>
40
+ </View>
41
+ )}
42
+ {platformSupportsShadow && (
43
+ <View style={stackStyle}>
44
+ <Shadow shadowToken={t.shadows['shadow16']}>
45
+ <Button style={styles.marginBetweenComponentsWithShadow}>Button with shadow16</Button>
46
+ </Shadow>
47
+ <View>
48
+ <Button style={styles.marginBetweenComponentsWithShadow}>Button without shadow</Button>
49
+ </View>
50
+ </View>
51
+ )}
31
52
  </View>
32
53
  );
33
54
  } else {
34
55
  return (
35
56
  <View style={stackStyle}>
36
- <Text>Shadows only implemented for iOS at this time</Text>
57
+ <Text>Shadows not implemented on this platform at this time</Text>
37
58
  </View>
38
59
  );
39
60
  }