@fluentui-react-native/experimental-shimmer 0.8.12 → 0.8.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (80) hide show
  1. package/CHANGELOG.json +36 -1
  2. package/CHANGELOG.md +12 -2
  3. package/jest.config.js +2 -0
  4. package/lib/Shimmer.d.ts.map +1 -1
  5. package/lib/Shimmer.js +27 -30
  6. package/lib/Shimmer.js.map +1 -1
  7. package/lib/Shimmer.styling.d.ts.map +1 -1
  8. package/lib/Shimmer.styling.js +5 -16
  9. package/lib/Shimmer.styling.js.map +1 -1
  10. package/lib/Shimmer.styling.win32.d.ts +1 -2
  11. package/lib/Shimmer.styling.win32.d.ts.map +1 -1
  12. package/lib/Shimmer.styling.win32.js +1 -13
  13. package/lib/Shimmer.styling.win32.js.map +1 -1
  14. package/lib/Shimmer.test.d.ts +2 -0
  15. package/lib/Shimmer.test.d.ts.map +1 -0
  16. package/lib/Shimmer.test.js +48 -0
  17. package/lib/Shimmer.test.js.map +1 -0
  18. package/lib/Shimmer.types.d.ts +2 -2
  19. package/lib/Shimmer.types.d.ts.map +1 -1
  20. package/lib/Shimmer.types.win32.d.ts +1 -1
  21. package/lib/Shimmer.types.win32.d.ts.map +1 -1
  22. package/lib/Shimmer.win32.js +1 -1
  23. package/lib/Shimmer.win32.js.map +1 -1
  24. package/lib/ShimmerTokens.android.d.ts +5 -0
  25. package/lib/ShimmerTokens.android.d.ts.map +1 -0
  26. package/lib/ShimmerTokens.android.js +12 -0
  27. package/lib/ShimmerTokens.android.js.map +1 -0
  28. package/lib/ShimmerTokens.d.ts +5 -0
  29. package/lib/ShimmerTokens.d.ts.map +1 -0
  30. package/lib/ShimmerTokens.js +13 -0
  31. package/lib/ShimmerTokens.js.map +1 -0
  32. package/lib/ShimmerTokens.win32.d.ts +5 -0
  33. package/lib/ShimmerTokens.win32.d.ts.map +1 -0
  34. package/lib/ShimmerTokens.win32.js +14 -0
  35. package/lib/ShimmerTokens.win32.js.map +1 -0
  36. package/lib-commonjs/Shimmer.d.ts.map +1 -1
  37. package/lib-commonjs/Shimmer.js +27 -30
  38. package/lib-commonjs/Shimmer.js.map +1 -1
  39. package/lib-commonjs/Shimmer.styling.d.ts.map +1 -1
  40. package/lib-commonjs/Shimmer.styling.js +5 -16
  41. package/lib-commonjs/Shimmer.styling.js.map +1 -1
  42. package/lib-commonjs/Shimmer.styling.win32.d.ts +1 -2
  43. package/lib-commonjs/Shimmer.styling.win32.d.ts.map +1 -1
  44. package/lib-commonjs/Shimmer.styling.win32.js +3 -16
  45. package/lib-commonjs/Shimmer.styling.win32.js.map +1 -1
  46. package/lib-commonjs/Shimmer.test.d.ts +2 -0
  47. package/lib-commonjs/Shimmer.test.d.ts.map +1 -0
  48. package/lib-commonjs/Shimmer.test.js +69 -0
  49. package/lib-commonjs/Shimmer.test.js.map +1 -0
  50. package/lib-commonjs/Shimmer.types.d.ts +2 -2
  51. package/lib-commonjs/Shimmer.types.d.ts.map +1 -1
  52. package/lib-commonjs/Shimmer.types.win32.d.ts +1 -1
  53. package/lib-commonjs/Shimmer.types.win32.d.ts.map +1 -1
  54. package/lib-commonjs/Shimmer.win32.js +1 -1
  55. package/lib-commonjs/Shimmer.win32.js.map +1 -1
  56. package/lib-commonjs/ShimmerTokens.android.d.ts +5 -0
  57. package/lib-commonjs/ShimmerTokens.android.d.ts.map +1 -0
  58. package/lib-commonjs/ShimmerTokens.android.js +16 -0
  59. package/lib-commonjs/ShimmerTokens.android.js.map +1 -0
  60. package/lib-commonjs/ShimmerTokens.d.ts +5 -0
  61. package/lib-commonjs/ShimmerTokens.d.ts.map +1 -0
  62. package/lib-commonjs/ShimmerTokens.js +17 -0
  63. package/lib-commonjs/ShimmerTokens.js.map +1 -0
  64. package/lib-commonjs/ShimmerTokens.win32.d.ts +5 -0
  65. package/lib-commonjs/ShimmerTokens.win32.d.ts.map +1 -0
  66. package/lib-commonjs/ShimmerTokens.win32.js +18 -0
  67. package/lib-commonjs/ShimmerTokens.win32.js.map +1 -0
  68. package/package.json +9 -3
  69. package/src/Shimmer.styling.ts +6 -17
  70. package/src/Shimmer.styling.win32.ts +2 -14
  71. package/src/Shimmer.test.tsx +53 -0
  72. package/src/Shimmer.tsx +12 -17
  73. package/src/Shimmer.types.ts +2 -2
  74. package/src/Shimmer.types.win32.ts +1 -1
  75. package/src/Shimmer.win32.tsx +2 -2
  76. package/src/ShimmerTokens.android.ts +14 -0
  77. package/src/ShimmerTokens.ts +15 -0
  78. package/src/ShimmerTokens.win32.ts +16 -0
  79. package/src/__snapshots__/Shimmer.test.tsx.snap +249 -0
  80. package/tsconfig.json +2 -1
package/CHANGELOG.json CHANGED
@@ -2,7 +2,42 @@
2
2
  "name": "@fluentui-react-native/experimental-shimmer",
3
3
  "entries": [
4
4
  {
5
- "date": "Fri, 20 Jan 2023 18:04:28 GMT",
5
+ "date": "Wed, 25 Jan 2023 21:28:23 GMT",
6
+ "tag": "@fluentui-react-native/experimental-shimmer_v0.8.13",
7
+ "version": "0.8.13",
8
+ "comments": {
9
+ "none": [
10
+ {
11
+ "author": "ayushsinghs@yahoo.in",
12
+ "package": "@fluentui-react-native/experimental-shimmer",
13
+ "commit": "59844a6c45d5e48c4feb3650e3f4599ee4e9ad72",
14
+ "comment": "Separate shimmer tokens into file"
15
+ }
16
+ ],
17
+ "patch": [
18
+ {
19
+ "author": "beachball",
20
+ "package": "@fluentui-react-native/experimental-shimmer",
21
+ "comment": "Bump @fluentui-react-native/framework to v0.8.36",
22
+ "commit": "391f3d691e286300dfad37cad539bed54d4436b4"
23
+ },
24
+ {
25
+ "author": "beachball",
26
+ "package": "@fluentui-react-native/experimental-shimmer",
27
+ "comment": "Bump @fluentui-react-native/tokens to v0.20.5",
28
+ "commit": "391f3d691e286300dfad37cad539bed54d4436b4"
29
+ },
30
+ {
31
+ "author": "beachball",
32
+ "package": "@fluentui-react-native/experimental-shimmer",
33
+ "comment": "Bump @fluentui-react-native/theming-utils to v0.23.0",
34
+ "commit": "391f3d691e286300dfad37cad539bed54d4436b4"
35
+ }
36
+ ]
37
+ }
38
+ },
39
+ {
40
+ "date": "Fri, 20 Jan 2023 18:06:46 GMT",
6
41
  "tag": "@fluentui-react-native/experimental-shimmer_v0.8.12",
7
42
  "version": "0.8.12",
8
43
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,22 @@
1
1
  # Change Log - @fluentui-react-native/experimental-shimmer
2
2
 
3
- This log was last generated on Fri, 20 Jan 2023 18:04:28 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 25 Jan 2023 21:28:23 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 0.8.13
8
+
9
+ Wed, 25 Jan 2023 21:28:23 GMT
10
+
11
+ ### Patches
12
+
13
+ - Bump @fluentui-react-native/framework to v0.8.36
14
+ - Bump @fluentui-react-native/tokens to v0.20.5
15
+ - Bump @fluentui-react-native/theming-utils to v0.23.0
16
+
7
17
  ## 0.8.12
8
18
 
9
- Fri, 20 Jan 2023 18:04:28 GMT
19
+ Fri, 20 Jan 2023 18:06:46 GMT
10
20
 
11
21
  ### Patches
12
22
 
package/jest.config.js ADDED
@@ -0,0 +1,2 @@
1
+ const { configureReactNativeJest } = require('@fluentui-react-native/scripts');
2
+ module.exports = configureReactNativeJest('android');
package/lib/Shimmer.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Shimmer.d.ts","sourceRoot":"","sources":["../src/Shimmer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,YAAY,EAAe,MAAM,iBAAiB,CAAC;AAOzE,eAAO,MAAM,OAAO,2KAsHlB,CAAC"}
1
+ {"version":3,"file":"Shimmer.d.ts","sourceRoot":"","sources":["../src/Shimmer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,YAAY,EAAe,MAAM,iBAAiB,CAAC;AAOzE,eAAO,MAAM,OAAO,2KAiHlB,CAAC"}
package/lib/Shimmer.js CHANGED
@@ -35,17 +35,20 @@ export var Shimmer = compose(__assign(__assign({ displayName: shimmerName }, sty
35
35
  var Slots = useSlots(props);
36
36
  var AnimatedLinearGradient = Animated.createAnimatedComponent(LinearGradient);
37
37
  var tokens = useStyling(props).root;
38
- var memoizedShimmerData = useMemo(function () { return ({
39
- angle: props.angle ? props.angle : tokens['angle'],
40
- containerWidth: (props === null || props === void 0 ? void 0 : props.style['width']) ? props === null || props === void 0 ? void 0 : props.style['width'] : '100%',
41
- containerHeight: (props === null || props === void 0 ? void 0 : props.style['height']) ? props === null || props === void 0 ? void 0 : props.style['height'] : '100%',
42
- delay: props.delay ? props.delay : tokens['delay'],
43
- duration: props.duration ? props.duration : tokens['duration'],
44
- shimmerColor: props.shimmerColor ? props.shimmerColor : tokens['shimmerColor'],
45
- shimmerColorOpacity: tokens['shimmerColorOpacity'],
46
- shimmerWaveColor: props.shimmerWaveColor ? props.shimmerWaveColor : tokens['shimmerWaveColor'],
47
- shimmerWaveColorOpacity: tokens['shimmerWaveColorOpacity'],
48
- }); }, [
38
+ var memoizedShimmerData = useMemo(function () {
39
+ var _a, _b;
40
+ return ({
41
+ angle: props.angle ? props.angle : tokens['angle'],
42
+ containerWidth: ((_a = props === null || props === void 0 ? void 0 : props.style) === null || _a === void 0 ? void 0 : _a['width']) ? props === null || props === void 0 ? void 0 : props.style['width'] : '100%',
43
+ containerHeight: ((_b = props === null || props === void 0 ? void 0 : props.style) === null || _b === void 0 ? void 0 : _b['height']) ? props === null || props === void 0 ? void 0 : props.style['height'] : '100%',
44
+ delay: props.delay ? props.delay : tokens['delay'],
45
+ duration: props.duration ? props.duration : tokens['duration'],
46
+ shimmerColor: props.shimmerColor ? props.shimmerColor : tokens['shimmerColor'],
47
+ shimmerColorOpacity: tokens['shimmerColorOpacity'],
48
+ shimmerWaveColor: props.shimmerWaveColor ? props.shimmerWaveColor : tokens['shimmerWaveColor'],
49
+ shimmerWaveColorOpacity: tokens['shimmerWaveColorOpacity'],
50
+ });
51
+ }, [
49
52
  props.angle,
50
53
  props.delay,
51
54
  props.duration,
@@ -55,26 +58,20 @@ export var Shimmer = compose(__assign(__assign({ displayName: shimmerName }, sty
55
58
  props.shimmerWaveColorOpacity,
56
59
  props.style,
57
60
  ]);
58
- var startValue = useRef(new Animated.Value(0)).current;
59
- /**
60
- * https://github.com/facebook/react-native/pull/29585
61
- * For Animated.loop() to work with the native driver, React Native needs this fix.
62
- * It's only available in React Native 0.66+, and React Native macOS 0.62+
63
- * To workaround this, let's just rerun the loop everytime the animation finishes
61
+ /* The shimmer animation is implemented using a LinearGradient which travels from left to right.
62
+ * Different angles are handled by rotating this gradient.
63
+ * The startValue is used to control the start position of the gradient animation, it is set as -1 to make sure it is starts off the screen for any angle.
64
+ * Similarly the endValue is set to 2 to make sure the gradient animation exits the entire screen for any angle.
64
65
  */
66
+ var startValue = useRef(new Animated.Value(-1)).current;
65
67
  var shimmerAnimation = useCallback(function () {
66
- Animated.sequence([
67
- Animated.timing(startValue, {
68
- toValue: 30,
69
- duration: memoizedShimmerData.duration,
70
- delay: memoizedShimmerData.delay,
71
- useNativeDriver: true,
72
- }),
73
- ]).start(function () {
74
- startValue.setValue(0);
75
- shimmerAnimation();
76
- });
77
- }, [memoizedShimmerData.duration, memoizedShimmerData.delay]);
68
+ Animated.loop(Animated.timing(startValue, {
69
+ toValue: 2,
70
+ duration: memoizedShimmerData.duration,
71
+ delay: memoizedShimmerData.delay,
72
+ useNativeDriver: true,
73
+ })).start();
74
+ }, [memoizedShimmerData.delay, memoizedShimmerData.duration]);
78
75
  useEffect(function () {
79
76
  shimmerAnimation();
80
77
  });
@@ -99,7 +96,7 @@ export var Shimmer = compose(__assign(__assign({ displayName: shimmerName }, sty
99
96
  var rtlTransfrom = I18nManager.isRTL ? { translateX: memoizedShimmerData.containerWidth, scaleX: -1 } : {};
100
97
  return (withSlots(Slots.root, __assign({}, mergedProps),
101
98
  withSlots(Defs, null,
102
- withSlots(AnimatedLinearGradient, { id: "gradient", x1: startValue, y1: memoizedShimmerData.angle, x2: "-1", y2: "-1" },
99
+ withSlots(AnimatedLinearGradient, { id: "gradient", x1: startValue, x2: "-1", gradientTransform: "rotate(".concat(memoizedShimmerData.angle, ")") },
103
100
  withSlots(Stop, { offset: "10%", stopColor: memoizedShimmerData.shimmerColor, stopOpacity: memoizedShimmerData.shimmerColorOpacity }),
104
101
  withSlots(Stop, { offset: "20%", stopColor: memoizedShimmerData.shimmerWaveColor, stopOpacity: memoizedShimmerData.shimmerWaveColorOpacity }),
105
102
  withSlots(Stop, { offset: "30%", stopColor: memoizedShimmerData.shimmerColor, stopOpacity: memoizedShimmerData.shimmerColorOpacity })),
package/lib/Shimmer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Shimmer.js","sourceRoot":"","sources":["../src/Shimmer.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Shimmer.js","sourceRoot":"","sources":["../src/Shimmer.tsx"],"names":[],"mappings":"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"}
package/lib/Shimmer.styling.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Shimmer.styling.d.ts","sourceRoot":"","sources":["../src/Shimmer.styling.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAqB,MAAM,kCAAkC,CAAC;AAExF,OAAO,EAAe,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE7F,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,YAAY,EAAE,gBAAgB,EAAE,aAAa,CA6B5F,CAAC"}
1
+ {"version":3,"file":"Shimmer.styling.d.ts","sourceRoot":"","sources":["../src/Shimmer.styling.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAc,MAAM,kCAAkC,CAAC;AACjF,OAAO,EAAe,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAG7F,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,YAAY,EAAE,gBAAgB,EAAE,aAAa,CAkB5F,CAAC"}
package/lib/Shimmer.styling.js CHANGED
@@ -1,29 +1,18 @@
1
1
  import { buildProps } from '@fluentui-react-native/framework';
2
- import { getCurrentAppearance } from '@fluentui-react-native/theming-utils';
3
2
  import { shimmerName } from './Shimmer.types';
3
+ import { defaultShimmerTokens } from './ShimmerTokens';
4
4
  export var stylingSettings = {
5
- tokens: [
6
- function () { return ({
7
- angle: 0,
8
- delay: 0,
9
- duration: 7000,
10
- shimmerColor: '#E1E1E1',
11
- shimmerColorOpacity: 1,
12
- shimmerWaveColor: 'white',
13
- shimmerWaveColorOpacity: 1,
14
- }); },
15
- shimmerName,
16
- ],
5
+ tokens: [defaultShimmerTokens, shimmerName],
17
6
  slotProps: {
18
- root: buildProps(function (tokens, theme) { return ({
7
+ root: buildProps(function (tokens) { return ({
19
8
  accessibilityRole: 'progressbar',
20
9
  accessible: true,
21
10
  angle: tokens.angle,
22
11
  delay: tokens.delay,
23
12
  duration: tokens.duration,
24
- shimmerColor: getCurrentAppearance(theme.host.appearance, 'light') === 'light' ? '#E1E1E1' : '#404040',
13
+ shimmerColor: tokens.shimmerColor,
25
14
  shimmerColorOpacity: tokens.shimmerColorOpacity,
26
- shimmerWaveColor: getCurrentAppearance(theme.host.appearance, 'light') === 'light' ? 'white' : 'black',
15
+ shimmerWaveColor: tokens.shimmerWaveColor,
27
16
  shimmerWaveColorOpacity: tokens.shimmerWaveColorOpacity,
28
17
  }); }, ['angle', 'delay', 'duration', 'shimmerColor', 'shimmerColorOpacity', 'shimmerWaveColor', 'shimmerWaveColorOpacity']),
29
18
  },
package/lib/Shimmer.styling.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Shimmer.styling.js","sourceRoot":"","sources":["../src/Shimmer.styling.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,UAAU,EAAS,MAAM,kCAAkC,CAAC;AACxF,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAiD,MAAM,iBAAiB,CAAC;AAE7F,MAAM,CAAC,IAAM,eAAe,GAAqE;IAC/F,MAAM,EAAE;QACN,cAAM,OAAA,CAAC;YACL,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,CAAC;YACR,QAAQ,EAAE,IAAI;YACd,YAAY,EAAE,SAAS;YACvB,mBAAmB,EAAE,CAAC;YACtB,gBAAgB,EAAE,OAAO;YACzB,uBAAuB,EAAE,CAAC;SAC3B,CAAC,EARI,CAQJ;QACF,WAAW;KACZ;IACD,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,CACd,UAAC,MAAqB,EAAE,KAAY,IAAK,OAAA,CAAC;YACxC,iBAAiB,EAAE,aAAa;YAChC,UAAU,EAAE,IAAI;YAChB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;YACzB,YAAY,EAAE,oBAAoB,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;YACtG,mBAAmB,EAAE,MAAM,CAAC,mBAAmB;YAC/C,gBAAgB,EAAE,oBAAoB,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;YACtG,uBAAuB,EAAE,MAAM,CAAC,uBAAuB;SACxD,CAAC,EAVuC,CAUvC,EACF,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,yBAAyB,CAAC,CACrH;KACF;CACF,CAAC"}
1
+ {"version":3,"file":"Shimmer.styling.js","sourceRoot":"","sources":["../src/Shimmer.styling.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACjF,OAAO,EAAE,WAAW,EAAiD,MAAM,iBAAiB,CAAC;AAC7F,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,CAAC,IAAM,eAAe,GAAqE;IAC/F,MAAM,EAAE,CAAC,oBAAoB,EAAE,WAAW,CAAC;IAC3C,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,CACd,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,iBAAiB,EAAE,aAAa;YAChC,UAAU,EAAE,IAAI;YAChB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;YACzB,YAAY,EAAE,MAAM,CAAC,YAAY;YACjC,mBAAmB,EAAE,MAAM,CAAC,mBAAmB;YAC/C,gBAAgB,EAAE,MAAM,CAAC,gBAAgB;YACzC,uBAAuB,EAAE,MAAM,CAAC,uBAAuB;SACxD,CAAC,EAVyB,CAUzB,EACF,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,yBAAyB,CAAC,CACrH;KACF;CACF,CAAC"}
package/lib/Shimmer.styling.win32.d.ts CHANGED
@@ -1,7 +1,6 @@
1
- import { UseStylingOptions, TokenSettings } from '@fluentui-react-native/framework';
1
+ import { UseStylingOptions } from '@fluentui-react-native/framework';
2
2
  import { ShimmerProps, ShimmerTokens } from './Shimmer.types';
3
3
  import { ShimmerSlotProps } from './Shimmer.types.win32';
4
- export declare const defaultShimmerTokens: TokenSettings<ShimmerTokens>;
5
4
  /**
6
5
  * tell the styling hook how to build up the tokens
7
6
  */
package/lib/Shimmer.styling.win32.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Shimmer.styling.win32.d.ts","sourceRoot":"","sources":["../src/Shimmer.styling.win32.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAqB,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACvG,OAAO,EAAe,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,eAAO,MAAM,oBAAoB,EAAE,aAAa,CAAC,aAAa,CAWzC,CAAC;AAEtB;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,YAAY,EAAE,gBAAgB,EAAE,aAAa,CAuC5F,CAAC"}
1
+ {"version":3,"file":"Shimmer.styling.win32.d.ts","sourceRoot":"","sources":["../src/Shimmer.styling.win32.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAc,MAAM,kCAAkC,CAAC;AACjF,OAAO,EAAe,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,YAAY,EAAE,gBAAgB,EAAE,aAAa,CAuC5F,CAAC"}
package/lib/Shimmer.styling.win32.js CHANGED
@@ -1,18 +1,6 @@
1
1
  import { buildProps } from '@fluentui-react-native/framework';
2
2
  import { shimmerName } from './Shimmer.types';
3
- export var defaultShimmerTokens = function (theme) {
4
- return ({
5
- angle: 0,
6
- backgroundColor: theme.colors.background,
7
- delay: 500,
8
- duration: 2000,
9
- shimmerColor: theme.colors.bodyFrameDivider,
10
- shimmerColorOpacity: 1,
11
- shimmerWaveColor: '#E1E1E1',
12
- shimmerWaveColorOpacity: 1,
13
- shimmerWaveWidth: '100%',
14
- });
15
- };
3
+ import { defaultShimmerTokens } from './ShimmerTokens.win32';
16
4
  /**
17
5
  * tell the styling hook how to build up the tokens
18
6
  */
package/lib/Shimmer.styling.win32.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Shimmer.styling.win32.js","sourceRoot":"","sources":["../src/Shimmer.styling.win32.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,UAAU,EAAwB,MAAM,kCAAkC,CAAC;AACvG,OAAO,EAAE,WAAW,EAA+B,MAAM,iBAAiB,CAAC;AAG3E,MAAM,CAAC,IAAM,oBAAoB,GAAiC,UAAC,KAAY;IAC7E,OAAA,CAAC;QACC,KAAK,EAAE,CAAC;QACR,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;QACxC,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,IAAI;QACd,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB;QAC3C,mBAAmB,EAAE,CAAC;QACtB,gBAAgB,EAAE,SAAS;QAC3B,uBAAuB,EAAE,CAAC;QAC1B,gBAAgB,EAAE,MAAM;KACP,CAAA;AAVnB,CAUmB,CAAC;AAEtB;;GAEG;AACH,MAAM,CAAC,IAAM,eAAe,GAAqE;IAC/F,MAAM,EAAE,CAAC,oBAAoB,EAAE,WAAW,CAAC;IAC3C,sBAAsB,EAAE,KAAK;IAC7B,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,CACd,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,iBAAiB,EAAE,aAAa;YAChC,UAAU,EAAE,IAAI;YAChB,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,CAAC,eAAe,EAAE;SACvE,CAAC,EAJyB,CAIzB,EACF,CAAC,iBAAiB,CAAC,CACpB;QAED,oBAAoB,EAAE,UAAU,CAC9B,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;YACzB,YAAY,EAAE,MAAM,CAAC,YAAY;SAClC,CAAC,EAJyB,CAIzB,EACF,CAAC,OAAO,EAAE,UAAU,EAAE,cAAc,CAAC,CACtC;QAED,WAAW,EAAE,UAAU,CACrB,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,YAAY,EAAE,MAAM,CAAC,YAAY;YACjC,gBAAgB,EAAE,MAAM,CAAC,gBAAgB;YACzC,gBAAgB,EAAE,MAAM,CAAC,gBAAgB;SAC1C,CAAC,EALyB,CAKzB,EACF,CAAC,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,kBAAkB,CAAC,CAClE;QAED,YAAY,EAAE,UAAU,CACtB,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,eAAe,EAAE,MAAM,CAAC,eAAe;SACxC,CAAC,EAFyB,CAEzB,EACF,CAAC,iBAAiB,CAAC,CACpB;KACF;CACF,CAAC"}
1
+ {"version":3,"file":"Shimmer.styling.win32.js","sourceRoot":"","sources":["../src/Shimmer.styling.win32.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,UAAU,EAAE,MAAM,kCAAkC,CAAC;AACjF,OAAO,EAAE,WAAW,EAA+B,MAAM,iBAAiB,CAAC;AAE3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D;;GAEG;AACH,MAAM,CAAC,IAAM,eAAe,GAAqE;IAC/F,MAAM,EAAE,CAAC,oBAAoB,EAAE,WAAW,CAAC;IAC3C,sBAAsB,EAAE,KAAK;IAC7B,SAAS,EAAE;QACT,IAAI,EAAE,UAAU,CACd,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,iBAAiB,EAAE,aAAa;YAChC,UAAU,EAAE,IAAI;YAChB,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,CAAC,eAAe,EAAE;SACvE,CAAC,EAJyB,CAIzB,EACF,CAAC,iBAAiB,CAAC,CACpB;QAED,oBAAoB,EAAE,UAAU,CAC9B,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;YACzB,YAAY,EAAE,MAAM,CAAC,YAAY;SAClC,CAAC,EAJyB,CAIzB,EACF,CAAC,OAAO,EAAE,UAAU,EAAE,cAAc,CAAC,CACtC;QAED,WAAW,EAAE,UAAU,CACrB,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,YAAY,EAAE,MAAM,CAAC,YAAY;YACjC,gBAAgB,EAAE,MAAM,CAAC,gBAAgB;YACzC,gBAAgB,EAAE,MAAM,CAAC,gBAAgB;SAC1C,CAAC,EALyB,CAKzB,EACF,CAAC,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,kBAAkB,CAAC,CAClE;QAED,YAAY,EAAE,UAAU,CACtB,UAAC,MAAqB,IAAK,OAAA,CAAC;YAC1B,eAAe,EAAE,MAAM,CAAC,eAAe;SACxC,CAAC,EAFyB,CAEzB,EACF,CAAC,iBAAiB,CAAC,CACpB;KACF;CACF,CAAC"}
package/lib/Shimmer.test.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=Shimmer.test.d.ts.map
package/lib/Shimmer.test.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Shimmer.test.d.ts","sourceRoot":"","sources":["../src/Shimmer.test.tsx"],"names":[],"mappings":""}
package/lib/Shimmer.test.js ADDED
@@ -0,0 +1,48 @@
1
+ import * as React from 'react';
2
+ import * as renderer from 'react-test-renderer';
3
+ import { Shimmer } from './Shimmer';
4
+ // mocks out setTimeout and other timer functions with mock functions, test will fail without this as we're using Animated API
5
+ jest.useFakeTimers();
6
+ function shimmerRects() {
7
+ return [
8
+ {
9
+ type: 'rect',
10
+ borderRadiusX: 3,
11
+ borderRadiusY: 3,
12
+ width: 100,
13
+ height: 20,
14
+ x: 90,
15
+ y: 70,
16
+ },
17
+ {
18
+ type: 'rect',
19
+ borderRadiusX: 3,
20
+ borderRadiusY: 3,
21
+ width: 150,
22
+ height: 20,
23
+ x: 90,
24
+ y: 42,
25
+ },
26
+ {
27
+ type: 'rect',
28
+ borderRadiusX: 3,
29
+ borderRadiusY: 3,
30
+ width: 200,
31
+ height: 20,
32
+ x: 90,
33
+ y: 15,
34
+ },
35
+ ];
36
+ }
37
+ var style = { width: 300, height: 100 };
38
+ describe('Shimmer component tests', function () {
39
+ it('Shimmer default', function () {
40
+ var tree = renderer.create(React.createElement(Shimmer, { elements: shimmerRects() })).toJSON();
41
+ expect(tree).toMatchSnapshot();
42
+ });
43
+ it('Shimmer with style prop', function () {
44
+ var tree = renderer.create(React.createElement(Shimmer, { elements: shimmerRects(), style: style })).toJSON();
45
+ expect(tree).toMatchSnapshot();
46
+ });
47
+ });
48
+ //# sourceMappingURL=Shimmer.test.js.map
package/lib/Shimmer.test.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Shimmer.test.js","sourceRoot":"","sources":["../src/Shimmer.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,8HAA8H;AAC9H,IAAI,CAAC,aAAa,EAAE,CAAC;AAErB,SAAS,YAAY;IACnB,OAAO;QACL;YACE,IAAI,EAAE,MAAM;YACZ,aAAa,EAAE,CAAC;YAChB,aAAa,EAAE,CAAC;YAChB,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,EAAE;YACV,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD;YACE,IAAI,EAAE,MAAM;YACZ,aAAa,EAAE,CAAC;YAChB,aAAa,EAAE,CAAC;YAChB,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,EAAE;YACV,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;QACD;YACE,IAAI,EAAE,MAAM;YACZ,aAAa,EAAE,CAAC;YAChB,aAAa,EAAE,CAAC;YAChB,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,EAAE;YACV,CAAC,EAAE,EAAE;YACL,CAAC,EAAE,EAAE;SACN;KACF,CAAC;AACJ,CAAC;AAED,IAAM,KAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;AAE1C,QAAQ,CAAC,yBAAyB,EAAE;IAClC,EAAE,CAAC,iBAAiB,EAAE;QACpB,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,OAAO,IAAC,QAAQ,EAAE,YAAY,EAAE,GAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QAC7E,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE;QAC5B,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,OAAO,IAAC,QAAQ,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QAC3F,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
package/lib/Shimmer.types.d.ts CHANGED
@@ -116,14 +116,14 @@ export interface ShimmerTokens extends IBackgroundColorTokens {
116
116
  */
117
117
  shimmerWaveWidth?: number | string;
118
118
  }
119
- export interface ShimmerSlotProps extends ShimmerProps {
119
+ export interface ShimmerSlotProps {
120
120
  root: SvgProps;
121
121
  }
122
122
  export interface ShimmerProps extends ViewProps, ShimmerTokens {
123
123
  /**
124
124
  * Shimmer shapes that define the masking effect of the Shimmer control.
125
125
  */
126
- elements?: Array<ShimmerElementTypes>;
126
+ elements: Array<ShimmerElementTypes>;
127
127
  }
128
128
  export interface ShimmerType {
129
129
  props: ShimmerProps;
package/lib/Shimmer.types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Shimmer.types.d.ts","sourceRoot":"","sources":["../src/Shimmer.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAEvE,eAAO,MAAM,WAAW,YAAY,CAAC;AAErC;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IAEH;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;CACZ;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IAEH;;OAEG;IACH,CAAC,EAAE,MAAM,CAAC;IAEV;;OAEG;IACH,CAAC,EAAE,MAAM,CAAC;CACX;AAED,oBAAY,mBAAmB,GAAG,oBAAoB,GAAG,kBAAkB,CAAC;AAE5E,MAAM,WAAW,aAAc,SAAQ,sBAAsB;IAC3D;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;;OAGG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAEjC;;;;OAIG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAE1B;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAE9B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACpC;AAED,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,MAAM,WAAW,YAAa,SAAQ,SAAS,EAAE,aAAa;IAC5D;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAC;CACvC;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,EAAE,gBAAgB,CAAC;IAC5B,MAAM,EAAE,aAAa,CAAC;CACvB"}
1
+ {"version":3,"file":"Shimmer.types.d.ts","sourceRoot":"","sources":["../src/Shimmer.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAEvE,eAAO,MAAM,WAAW,YAAY,CAAC;AAErC;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IAEH;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;CACZ;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IAEH;;OAEG;IACH,CAAC,EAAE,MAAM,CAAC;IAEV;;OAEG;IACH,CAAC,EAAE,MAAM,CAAC;CACX;AAED,oBAAY,mBAAmB,GAAG,oBAAoB,GAAG,kBAAkB,CAAC;AAE5E,MAAM,WAAW,aAAc,SAAQ,sBAAsB;IAC3D;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;;OAGG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAEjC;;;;OAIG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAE1B;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAE9B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACpC;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,MAAM,WAAW,YAAa,SAAQ,SAAS,EAAE,aAAa;IAC5D;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,EAAE,gBAAgB,CAAC;IAC5B,MAAM,EAAE,aAAa,CAAC;CACvB"}
package/lib/Shimmer.types.win32.d.ts CHANGED
@@ -22,7 +22,7 @@ export interface ShimmerWaveProps extends ShimmerTokens {
22
22
  viewBoxHeight: number;
23
23
  viewBoxWidth: number;
24
24
  }
25
- export interface ShimmerSlotProps extends ShimmerProps {
25
+ export interface ShimmerSlotProps {
26
26
  root: ViewProps;
27
27
  clippingMask: ClippingMaskProps;
28
28
  shimmerWave: ShimmerWaveProps;
package/lib/Shimmer.types.win32.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Shimmer.types.win32.d.ts","sourceRoot":"","sources":["../src/Shimmer.types.win32.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE9D,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD;;;OAGG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,EAAE,iBAAiB,CAAC;IAChC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,oBAAoB,EAAE,gBAAgB,CAAC;CACxC;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,EAAE,gBAAgB,CAAC;IAC5B,MAAM,EAAE,aAAa,CAAC;CACvB"}
1
+ {"version":3,"file":"Shimmer.types.win32.d.ts","sourceRoot":"","sources":["../src/Shimmer.types.win32.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE9D,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD;;;OAGG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,EAAE,iBAAiB,CAAC;IAChC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,oBAAoB,EAAE,gBAAgB,CAAC;CACxC;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,EAAE,gBAAgB,CAAC;IAC5B,MAAM,EAAE,aAAa,CAAC;CACvB"}
package/lib/Shimmer.win32.js CHANGED
@@ -77,9 +77,9 @@ export var Shimmer = compose(__assign(__assign({ displayName: shimmerName }, sty
77
77
  shimmerWave: wave,
78
78
  shimmerWaveContainer: waveContainer,
79
79
  }, useRender: function (props, useSlots) {
80
+ var Slots = useSlots(props);
80
81
  return function (rest) {
81
82
  var _a = mergeProps(props, rest), elements = _a.elements, mergedProps = __rest(_a, ["elements"]);
82
- var Slots = useSlots(mergedProps);
83
83
  /**
84
84
  * Generate a clip path from the provided element shapes, with their path parameter strings generated from their corresponding properties.
85
85
  * Ideally this would be better possible with functions from the shape elements themselves and not to rely on our own calculations.
package/lib/Shimmer.win32.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Shimmer.win32.js","sourceRoot":"","sources":["../src/Shimmer.win32.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Shimmer.win32.js","sourceRoot":"","sources":["../src/Shimmer.win32.tsx"],"names":[],"mappings":"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"}
package/lib/ShimmerTokens.android.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import { Theme } from '@fluentui-react-native/framework';
2
+ import { ShimmerTokens } from './Shimmer.types';
3
+ import { TokenSettings } from '@fluentui-react-native/use-styling';
4
+ export declare const defaultShimmerTokens: TokenSettings<ShimmerTokens, Theme>;
5
+ //# sourceMappingURL=ShimmerTokens.android.d.ts.map
package/lib/ShimmerTokens.android.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ShimmerTokens.android.d.ts","sourceRoot":"","sources":["../src/ShimmerTokens.android.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAEnE,eAAO,MAAM,oBAAoB,EAAE,aAAa,CAAC,aAAa,EAAE,KAAK,CAShD,CAAC"}
package/lib/ShimmerTokens.android.js ADDED
@@ -0,0 +1,12 @@
1
+ export var defaultShimmerTokens = function (theme) {
2
+ return ({
3
+ angle: 45,
4
+ delay: 0,
5
+ duration: 1000,
6
+ shimmerColor: theme.colors.neutralStencil1,
7
+ shimmerColorOpacity: 1,
8
+ shimmerWaveColor: theme.colors.neutralStencil2,
9
+ shimmerWaveColorOpacity: 1,
10
+ });
11
+ };
12
+ //# sourceMappingURL=ShimmerTokens.android.js.map
package/lib/ShimmerTokens.android.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ShimmerTokens.android.js","sourceRoot":"","sources":["../src/ShimmerTokens.android.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,IAAM,oBAAoB,GAAwC,UAAC,KAAY;IACpF,OAAA,CAAC;QACC,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,IAAI;QACd,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;QAC1C,mBAAmB,EAAE,CAAC;QACtB,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe;QAC9C,uBAAuB,EAAE,CAAC;KACT,CAAA;AARnB,CAQmB,CAAC"}
package/lib/ShimmerTokens.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import { Theme } from '@fluentui-react-native/framework';
2
+ import { ShimmerTokens } from './Shimmer.types';
3
+ import { TokenSettings } from '@fluentui-react-native/use-styling';
4
+ export declare const defaultShimmerTokens: TokenSettings<ShimmerTokens, Theme>;
5
+ //# sourceMappingURL=ShimmerTokens.d.ts.map
package/lib/ShimmerTokens.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ShimmerTokens.d.ts","sourceRoot":"","sources":["../src/ShimmerTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAGnE,eAAO,MAAM,oBAAoB,EAAE,aAAa,CAAC,aAAa,EAAE,KAAK,CAShD,CAAC"}
package/lib/ShimmerTokens.js ADDED
@@ -0,0 +1,13 @@
1
+ import { getCurrentAppearance } from '@fluentui-react-native/theming-utils';
2
+ export var defaultShimmerTokens = function (theme) {
3
+ return ({
4
+ angle: 0,
5
+ delay: 0,
6
+ duration: 7000,
7
+ shimmerColor: getCurrentAppearance(theme.host.appearance, 'light') === 'light' ? '#E1E1E1' : '#404040',
8
+ shimmerColorOpacity: 1,
9
+ shimmerWaveColor: getCurrentAppearance(theme.host.appearance, 'light') === 'light' ? 'white' : 'black',
10
+ shimmerWaveColorOpacity: 1,
11
+ });
12
+ };
13
+ //# sourceMappingURL=ShimmerTokens.js.map
package/lib/ShimmerTokens.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ShimmerTokens.js","sourceRoot":"","sources":["../src/ShimmerTokens.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAE5E,MAAM,CAAC,IAAM,oBAAoB,GAAwC,UAAC,KAAY;IACpF,OAAA,CAAC;QACC,KAAK,EAAE,CAAC;QACR,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,IAAI;QACd,YAAY,EAAE,oBAAoB,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QACtG,mBAAmB,EAAE,CAAC;QACtB,gBAAgB,EAAE,oBAAoB,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO;QACtG,uBAAuB,EAAE,CAAC;KACT,CAAA;AARnB,CAQmB,CAAC"}
package/lib/ShimmerTokens.win32.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import { Theme } from '@fluentui-react-native/framework';
2
+ import { ShimmerTokens } from './Shimmer.types';
3
+ import { TokenSettings } from '@fluentui-react-native/use-styling';
4
+ export declare const defaultShimmerTokens: TokenSettings<ShimmerTokens, Theme>;
5
+ //# sourceMappingURL=ShimmerTokens.win32.d.ts.map
package/lib/ShimmerTokens.win32.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ShimmerTokens.win32.d.ts","sourceRoot":"","sources":["../src/ShimmerTokens.win32.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAEnE,eAAO,MAAM,oBAAoB,EAAE,aAAa,CAAC,aAAa,EAAE,KAAK,CAWhD,CAAC"}
package/lib/ShimmerTokens.win32.js ADDED
@@ -0,0 +1,14 @@
1
+ export var defaultShimmerTokens = function (theme) {
2
+ return ({
3
+ angle: 0,
4
+ backgroundColor: theme.colors.background,
5
+ delay: 500,
6
+ duration: 2000,
7
+ shimmerColor: theme.colors.bodyFrameDivider,
8
+ shimmerColorOpacity: 1,
9
+ shimmerWaveColor: '#E1E1E1',
10
+ shimmerWaveColorOpacity: 1,
11
+ shimmerWaveWidth: '100%',
12
+ });
13
+ };
14
+ //# sourceMappingURL=ShimmerTokens.win32.js.map
package/lib/ShimmerTokens.win32.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ShimmerTokens.win32.js","sourceRoot":"","sources":["../src/ShimmerTokens.win32.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,IAAM,oBAAoB,GAAwC,UAAC,KAAY;IACpF,OAAA,CAAC;QACC,KAAK,EAAE,CAAC;QACR,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU;QACxC,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,IAAI;QACd,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,gBAAgB;QAC3C,mBAAmB,EAAE,CAAC;QACtB,gBAAgB,EAAE,SAAS;QAC3B,uBAAuB,EAAE,CAAC;QAC1B,gBAAgB,EAAE,MAAM;KACP,CAAA;AAVnB,CAUmB,CAAC"}
package/lib-commonjs/Shimmer.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Shimmer.d.ts","sourceRoot":"","sources":["../src/Shimmer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,YAAY,EAAe,MAAM,iBAAiB,CAAC;AAOzE,eAAO,MAAM,OAAO,2KAsHlB,CAAC"}
1
+ {"version":3,"file":"Shimmer.d.ts","sourceRoot":"","sources":["../src/Shimmer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,YAAY,EAAe,MAAM,iBAAiB,CAAC;AAOzE,eAAO,MAAM,OAAO,2KAiHlB,CAAC"}
package/lib-commonjs/Shimmer.js CHANGED
@@ -41,17 +41,20 @@ exports.Shimmer = (0, framework_1.compose)(__assign(__assign({ displayName: Shim
41
41
  var Slots = useSlots(props);
42
42
  var AnimatedLinearGradient = react_native_1.Animated.createAnimatedComponent(react_native_svg_1.LinearGradient);
43
43
  var tokens = useStyling(props).root;
44
- var memoizedShimmerData = (0, react_1.useMemo)(function () { return ({
45
- angle: props.angle ? props.angle : tokens['angle'],
46
- containerWidth: (props === null || props === void 0 ? void 0 : props.style['width']) ? props === null || props === void 0 ? void 0 : props.style['width'] : '100%',
47
- containerHeight: (props === null || props === void 0 ? void 0 : props.style['height']) ? props === null || props === void 0 ? void 0 : props.style['height'] : '100%',
48
- delay: props.delay ? props.delay : tokens['delay'],
49
- duration: props.duration ? props.duration : tokens['duration'],
50
- shimmerColor: props.shimmerColor ? props.shimmerColor : tokens['shimmerColor'],
51
- shimmerColorOpacity: tokens['shimmerColorOpacity'],
52
- shimmerWaveColor: props.shimmerWaveColor ? props.shimmerWaveColor : tokens['shimmerWaveColor'],
53
- shimmerWaveColorOpacity: tokens['shimmerWaveColorOpacity'],
54
- }); }, [
44
+ var memoizedShimmerData = (0, react_1.useMemo)(function () {
45
+ var _a, _b;
46
+ return ({
47
+ angle: props.angle ? props.angle : tokens['angle'],
48
+ containerWidth: ((_a = props === null || props === void 0 ? void 0 : props.style) === null || _a === void 0 ? void 0 : _a['width']) ? props === null || props === void 0 ? void 0 : props.style['width'] : '100%',
49
+ containerHeight: ((_b = props === null || props === void 0 ? void 0 : props.style) === null || _b === void 0 ? void 0 : _b['height']) ? props === null || props === void 0 ? void 0 : props.style['height'] : '100%',
50
+ delay: props.delay ? props.delay : tokens['delay'],
51
+ duration: props.duration ? props.duration : tokens['duration'],
52
+ shimmerColor: props.shimmerColor ? props.shimmerColor : tokens['shimmerColor'],
53
+ shimmerColorOpacity: tokens['shimmerColorOpacity'],
54
+ shimmerWaveColor: props.shimmerWaveColor ? props.shimmerWaveColor : tokens['shimmerWaveColor'],
55
+ shimmerWaveColorOpacity: tokens['shimmerWaveColorOpacity'],
56
+ });
57
+ }, [
55
58
  props.angle,
56
59
  props.delay,
57
60
  props.duration,
@@ -61,26 +64,20 @@ exports.Shimmer = (0, framework_1.compose)(__assign(__assign({ displayName: Shim
61
64
  props.shimmerWaveColorOpacity,
62
65
  props.style,
63
66
  ]);
64
- var startValue = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
65
- /**
66
- * https://github.com/facebook/react-native/pull/29585
67
- * For Animated.loop() to work with the native driver, React Native needs this fix.
68
- * It's only available in React Native 0.66+, and React Native macOS 0.62+
69
- * To workaround this, let's just rerun the loop everytime the animation finishes
67
+ /* The shimmer animation is implemented using a LinearGradient which travels from left to right.
68
+ * Different angles are handled by rotating this gradient.
69
+ * The startValue is used to control the start position of the gradient animation, it is set as -1 to make sure it is starts off the screen for any angle.
70
+ * Similarly the endValue is set to 2 to make sure the gradient animation exits the entire screen for any angle.
70
71
  */
72
+ var startValue = (0, react_1.useRef)(new react_native_1.Animated.Value(-1)).current;
71
73
  var shimmerAnimation = (0, react_1.useCallback)(function () {
72
- react_native_1.Animated.sequence([
73
- react_native_1.Animated.timing(startValue, {
74
- toValue: 30,
75
- duration: memoizedShimmerData.duration,
76
- delay: memoizedShimmerData.delay,
77
- useNativeDriver: true,
78
- }),
79
- ]).start(function () {
80
- startValue.setValue(0);
81
- shimmerAnimation();
82
- });
83
- }, [memoizedShimmerData.duration, memoizedShimmerData.delay]);
74
+ react_native_1.Animated.loop(react_native_1.Animated.timing(startValue, {
75
+ toValue: 2,
76
+ duration: memoizedShimmerData.duration,
77
+ delay: memoizedShimmerData.delay,
78
+ useNativeDriver: true,
79
+ })).start();
80
+ }, [memoizedShimmerData.delay, memoizedShimmerData.duration]);
84
81
  (0, react_1.useEffect)(function () {
85
82
  shimmerAnimation();
86
83
  });
@@ -105,7 +102,7 @@ exports.Shimmer = (0, framework_1.compose)(__assign(__assign({ displayName: Shim
105
102
  var rtlTransfrom = react_native_1.I18nManager.isRTL ? { translateX: memoizedShimmerData.containerWidth, scaleX: -1 } : {};
106
103
  return ((0, framework_1.withSlots)(Slots.root, __assign({}, mergedProps),
107
104
  (0, framework_1.withSlots)(react_native_svg_1.Defs, null,
108
- (0, framework_1.withSlots)(AnimatedLinearGradient, { id: "gradient", x1: startValue, y1: memoizedShimmerData.angle, x2: "-1", y2: "-1" },
105
+ (0, framework_1.withSlots)(AnimatedLinearGradient, { id: "gradient", x1: startValue, x2: "-1", gradientTransform: "rotate(".concat(memoizedShimmerData.angle, ")") },
109
106
  (0, framework_1.withSlots)(react_native_svg_1.Stop, { offset: "10%", stopColor: memoizedShimmerData.shimmerColor, stopOpacity: memoizedShimmerData.shimmerColorOpacity }),
110
107
  (0, framework_1.withSlots)(react_native_svg_1.Stop, { offset: "20%", stopColor: memoizedShimmerData.shimmerWaveColor, stopOpacity: memoizedShimmerData.shimmerWaveColorOpacity }),
111
108
  (0, framework_1.withSlots)(react_native_svg_1.Stop, { offset: "30%", stopColor: memoizedShimmerData.shimmerColor, stopOpacity: memoizedShimmerData.shimmerColorOpacity })),