@fluentui-react-native/experimental-shimmer 0.14.0 → 0.14.3

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 (102) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/lib/Shimmer.d.ts +2 -7
  3. package/lib/Shimmer.d.ts.map +1 -1
  4. package/lib/Shimmer.js +77 -149
  5. package/lib/Shimmer.js.map +1 -1
  6. package/lib/Shimmer.styling.d.ts +1 -1
  7. package/lib/Shimmer.styling.js +26 -29
  8. package/lib/Shimmer.styling.win32.d.ts +1 -1
  9. package/lib/Shimmer.styling.win32.js +24 -36
  10. package/lib/Shimmer.test.d.ts +1 -1
  11. package/lib/Shimmer.test.js +45 -45
  12. package/lib/Shimmer.test.js.map +1 -1
  13. package/lib/Shimmer.types.d.ts +2 -10
  14. package/lib/Shimmer.types.js +1 -1
  15. package/lib/Shimmer.types.shared.d.ts +123 -123
  16. package/lib/Shimmer.types.shared.d.ts.map +1 -1
  17. package/lib/Shimmer.types.shared.js +1 -1
  18. package/lib/Shimmer.types.win32.d.ts +26 -26
  19. package/lib/Shimmer.types.win32.js +1 -1
  20. package/lib/Shimmer.win32.d.ts +2 -7
  21. package/lib/Shimmer.win32.js +107 -137
  22. package/lib/ShimmerTokens.android.d.ts +1 -1
  23. package/lib/ShimmerTokens.android.js +8 -8
  24. package/lib/ShimmerTokens.android.js.map +1 -1
  25. package/lib/ShimmerTokens.d.ts +1 -1
  26. package/lib/ShimmerTokens.ios.d.ts +1 -1
  27. package/lib/ShimmerTokens.ios.js +8 -8
  28. package/lib/ShimmerTokens.ios.js.map +1 -1
  29. package/lib/ShimmerTokens.js +9 -9
  30. package/lib/ShimmerTokens.js.map +1 -1
  31. package/lib/ShimmerTokens.win32.d.ts +1 -1
  32. package/lib/ShimmerTokens.win32.js +10 -10
  33. package/lib/ShimmerTokens.win32.js.map +1 -1
  34. package/lib/SvgShapeToPath.d.ts +1 -1
  35. package/lib/SvgShapeToPath.js +120 -134
  36. package/lib/Win32ShimmerNativeComponent.d.ts +4 -4
  37. package/lib/Win32ShimmerNativeComponent.js +1 -1
  38. package/lib/consts.android.d.ts +1 -1
  39. package/lib/consts.android.js +1 -1
  40. package/lib/consts.d.ts +1 -1
  41. package/lib/consts.ios.d.ts +1 -1
  42. package/lib/consts.ios.js +1 -1
  43. package/lib/consts.js +1 -1
  44. package/lib/consts.win32.d.ts +1 -1
  45. package/lib/consts.win32.js +1 -1
  46. package/lib/index.d.ts +2 -10
  47. package/lib/index.js +1 -1
  48. package/lib-commonjs/Shimmer.d.ts +2 -7
  49. package/lib-commonjs/Shimmer.d.ts.map +1 -1
  50. package/lib-commonjs/Shimmer.js +89 -163
  51. package/lib-commonjs/Shimmer.js.map +1 -1
  52. package/lib-commonjs/Shimmer.styling.d.ts +1 -1
  53. package/lib-commonjs/Shimmer.styling.js +31 -34
  54. package/lib-commonjs/Shimmer.styling.win32.d.ts +1 -1
  55. package/lib-commonjs/Shimmer.styling.win32.js +29 -41
  56. package/lib-commonjs/Shimmer.test.d.ts +1 -1
  57. package/lib-commonjs/Shimmer.test.js +79 -96
  58. package/lib-commonjs/Shimmer.test.js.map +1 -1
  59. package/lib-commonjs/Shimmer.types.d.ts +2 -10
  60. package/lib-commonjs/Shimmer.types.js +5 -10
  61. package/lib-commonjs/Shimmer.types.shared.d.ts +123 -123
  62. package/lib-commonjs/Shimmer.types.shared.d.ts.map +1 -1
  63. package/lib-commonjs/Shimmer.types.shared.js +3 -3
  64. package/lib-commonjs/Shimmer.types.win32.d.ts +26 -26
  65. package/lib-commonjs/Shimmer.types.win32.js +5 -10
  66. package/lib-commonjs/Shimmer.win32.d.ts +2 -7
  67. package/lib-commonjs/Shimmer.win32.js +120 -164
  68. package/lib-commonjs/ShimmerTokens.android.d.ts +1 -1
  69. package/lib-commonjs/ShimmerTokens.android.js +11 -11
  70. package/lib-commonjs/ShimmerTokens.android.js.map +1 -1
  71. package/lib-commonjs/ShimmerTokens.d.ts +1 -1
  72. package/lib-commonjs/ShimmerTokens.ios.d.ts +1 -1
  73. package/lib-commonjs/ShimmerTokens.ios.js +11 -11
  74. package/lib-commonjs/ShimmerTokens.ios.js.map +1 -1
  75. package/lib-commonjs/ShimmerTokens.js +13 -13
  76. package/lib-commonjs/ShimmerTokens.js.map +1 -1
  77. package/lib-commonjs/ShimmerTokens.win32.d.ts +1 -1
  78. package/lib-commonjs/ShimmerTokens.win32.js +13 -13
  79. package/lib-commonjs/ShimmerTokens.win32.js.map +1 -1
  80. package/lib-commonjs/SvgShapeToPath.d.ts +1 -1
  81. package/lib-commonjs/SvgShapeToPath.js +122 -136
  82. package/lib-commonjs/Win32ShimmerNativeComponent.d.ts +4 -4
  83. package/lib-commonjs/Win32ShimmerNativeComponent.js +4 -4
  84. package/lib-commonjs/consts.android.d.ts +1 -1
  85. package/lib-commonjs/consts.android.js +3 -3
  86. package/lib-commonjs/consts.d.ts +1 -1
  87. package/lib-commonjs/consts.ios.d.ts +1 -1
  88. package/lib-commonjs/consts.ios.js +3 -3
  89. package/lib-commonjs/consts.js +3 -3
  90. package/lib-commonjs/consts.win32.d.ts +1 -1
  91. package/lib-commonjs/consts.win32.js +3 -3
  92. package/lib-commonjs/index.d.ts +2 -10
  93. package/lib-commonjs/index.js +11 -36
  94. package/package.json +26 -25
  95. package/src/Shimmer.test.tsx +1 -1
  96. package/src/Shimmer.tsx +4 -14
  97. package/src/Shimmer.types.shared.ts +1 -1
  98. package/src/ShimmerTokens.android.ts +1 -1
  99. package/src/ShimmerTokens.ios.ts +1 -1
  100. package/src/ShimmerTokens.ts +1 -1
  101. package/src/ShimmerTokens.win32.ts +1 -1
  102. package/eslint.config.js +0 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,40 @@
1
1
  # Change Log - @fluentui-react-native/experimental-shimmer
2
2
 
3
+ ## 0.14.3
4
+
5
+ ### Patch Changes
6
+
7
+ - 9cf4444: Migrate from ESLint to oxlint
8
+ - Updated dependencies [9cf4444]
9
+ - @fluentui-react-native/use-styling@0.14.3
10
+ - @fluentui-react-native/theming-utils@0.27.3
11
+ - @fluentui-react-native/framework@0.15.3
12
+ - @fluentui-react-native/tokens@0.24.3
13
+
14
+ ## 0.14.2
15
+
16
+ ### Patch Changes
17
+
18
+ - 8a7b549: Update to the latest rnx-kit versions, fix some typing issues, and correct the vscode settings
19
+ - Updated dependencies [8a7b549]
20
+ - @fluentui-react-native/use-styling@0.14.2
21
+ - @fluentui-react-native/theming-utils@0.27.2
22
+ - @fluentui-react-native/framework@0.15.2
23
+ - @fluentui-react-native/tokens@0.24.2
24
+
25
+ ## 0.14.1
26
+
27
+ ### Patch Changes
28
+
29
+ - 0d6e9c1: chore: migrate to `oxfmt`
30
+ - ac6e7af: Ensure packages have a default export that references the typescript entrypoint and clean up build dependency ordering
31
+ - Updated dependencies [0d6e9c1]
32
+ - Updated dependencies [ac6e7af]
33
+ - @fluentui-react-native/use-styling@0.14.1
34
+ - @fluentui-react-native/theming-utils@0.27.1
35
+ - @fluentui-react-native/framework@0.15.1
36
+ - @fluentui-react-native/tokens@0.24.1
37
+
3
38
  ## 0.14.0
4
39
 
5
40
  ### Minor Changes
package/lib/Shimmer.d.ts CHANGED
@@ -1,8 +1,3 @@
1
1
  import type { ShimmerProps } from './Shimmer.types';
2
- export declare const Shimmer: import('@fluentui-react-native/framework').ComposableComponent<
3
- ShimmerProps,
4
- import('./Shimmer.types.shared').ShimmerSlotProps,
5
- import('./Shimmer.types.shared').ShimmerTokens,
6
- import('@fluentui-react-native/framework-base').ObjectBase
7
- >;
8
- //# sourceMappingURL=Shimmer.d.ts.map
2
+ export declare const Shimmer: import("@fluentui-react-native/framework").ComposableComponent<ShimmerProps, import("./Shimmer.types.shared").ShimmerSlotProps, import("./Shimmer.types.shared").ShimmerTokens, import("@fluentui-react-native/framework-base").ObjectBase>;
3
+ //# sourceMappingURL=Shimmer.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Shimmer.d.ts","sourceRoot":"","sources":["../src/Shimmer.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAe,MAAM,iBAAiB,CAAC;AAIjE,eAAO,MAAM,OAAO,6OAmIlB,CAAC"}
1
+ {"version":3,"file":"Shimmer.d.ts","sourceRoot":"","sources":["../src/Shimmer.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAe,MAAM,iBAAiB,CAAC;AAIjE,eAAO,MAAM,OAAO,6OAyHlB,CAAC"}
package/lib/Shimmer.js CHANGED
@@ -1,4 +1,4 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from '@fluentui-react-native/framework-base/jsx-runtime';
1
+ import { jsx as _jsx, jsxs as _jsxs } from "@fluentui-react-native/framework-base/jsx-runtime";
2
2
  /** @jsxImportSource @fluentui-react-native/framework-base */
3
3
  import { useRef, useEffect, useMemo, useCallback } from 'react';
4
4
  import { Animated, I18nManager } from 'react-native';
@@ -9,152 +9,80 @@ import { stylingSettings } from './Shimmer.styling';
9
9
  import { shimmerName } from './Shimmer.types';
10
10
  const useStyling = buildUseStyling(stylingSettings);
11
11
  export const Shimmer = compose({
12
- displayName: shimmerName,
13
- ...stylingSettings,
14
- slots: {
15
- root: Svg,
16
- },
17
- useRender: (props, useSlots) => {
18
- const Slots = useSlots(props);
19
- props = mergeProps(props, Slots.root({}).props);
20
- const AnimatedLinearGradient = Animated.createAnimatedComponent(LinearGradient);
21
- const tokens = useStyling(props).root;
22
- const memoizedShimmerData = useMemo(
23
- () => ({
24
- angle: props.angle ? props.angle : tokens['angle'],
25
- backgroundColor: props?.style?.['backgroundColor'] ? props?.style['backgroundColor'] : tokens['backgroundColor'] ?? 'transparent',
26
- containerBorderRadius: props?.style?.['borderRadius'] ? props?.style['borderRadius'] : 0,
27
- containerWidth: props?.style?.['width'] ? props?.style['width'] : '100%',
28
- containerHeight: props?.style?.['height'] ? props?.style['height'] : '100%',
29
- delay: props.delay ? props.delay : tokens['delay'],
30
- duration: props.duration ? props.duration : tokens['duration'],
31
- shimmerColor: props.shimmerColor ? props.shimmerColor : tokens['shimmerColor'],
32
- shimmerColorOpacity: tokens['shimmerColorOpacity'],
33
- shimmerWaveColor: props.shimmerWaveColor ? props.shimmerWaveColor : tokens['shimmerWaveColor'],
34
- shimmerWaveColorOpacity: tokens['shimmerWaveColorOpacity'],
35
- }),
36
- [
37
- props.angle,
38
- props.backgroundColor,
39
- props.delay,
40
- props.duration,
41
- props.shimmerColor,
42
- props.shimmerColorOpacity,
43
- props.shimmerWaveColor,
44
- props.shimmerWaveColorOpacity,
45
- props.style,
46
- ],
47
- );
48
- /* The shimmer animation is implemented using a LinearGradient which travels from left to right.
49
- * Different angles are handled by rotating this gradient.
50
- * The startValue is used to control the start position of the gradient animation, it is set as -2 to make sure it is starts off the screen for any angle.
51
- * Similarly the endValue is set to 3 to make sure the gradient animation exits the entire screen for any angle.
52
- * In RTL, startValue and endValue are flipped to ensure that the animation moves from right to left.
53
- */
54
- const startValue = I18nManager.isRTL ? 3 : -2;
55
- const endValue = I18nManager.isRTL ? -2 : 3;
56
- const x1 = useRef(new Animated.Value(startValue)).current;
57
- const shimmerAnimation = useCallback(() => {
58
- Animated.loop(
59
- Animated.timing(x1, {
60
- toValue: endValue,
61
- duration: memoizedShimmerData.duration,
62
- delay: memoizedShimmerData.delay,
63
- useNativeDriver: true,
64
- }),
65
- ).start();
66
- }, [memoizedShimmerData.delay, memoizedShimmerData.duration]);
67
- useEffect(() => {
68
- shimmerAnimation();
69
- });
70
- return (rest) => {
71
- const { elements, ...mergedProps } = mergeProps(props, rest);
72
- const rows = [];
73
- if (elements) {
74
- for (let i = 0; i < elements.length; i++) {
75
- const element = elements[i];
76
- if (element.type == 'rect') {
77
- rows.push(
78
- _jsx(
79
- Rect,
80
- {
81
- width: element.width,
82
- height: element.height,
83
- x: element.x,
84
- y: element.y,
85
- rx: element.borderRadiusX,
86
- ry: element.borderRadiusY,
87
- },
88
- i,
89
- ),
90
- );
91
- } else if (element.type == 'circle') {
92
- rows.push(_jsx(Circle, { r: element.radius, cx: element.cx, cy: element.cy }, i));
93
- } else {
94
- assertNever(element);
95
- }
96
- }
97
- }
98
- // Flip the SVG if we are running in RTL
99
- const rtlTransfrom = I18nManager.isRTL
100
- ? { translateX: memoizedShimmerData.containerWidth, scaleX: -1 }
101
- : { translateX: undefined, scaleX: undefined };
102
- return _jsxs(Slots.root, {
103
- ...mergedProps,
104
- children: [
105
- _jsxs(Defs, {
106
- children: [
107
- _jsxs(AnimatedLinearGradient, {
108
- id: 'gradient',
109
- x1: x1,
110
- x2: '-1',
111
- gradientTransform: `rotate(${memoizedShimmerData.angle})`,
112
- children: [
113
- _jsx(Stop, {
114
- offset: '10%',
115
- stopColor: memoizedShimmerData.shimmerColor,
116
- stopOpacity: memoizedShimmerData.shimmerColorOpacity,
117
- }),
118
- _jsx(Stop, {
119
- offset: '20%',
120
- stopColor: memoizedShimmerData.shimmerWaveColor,
121
- stopOpacity: memoizedShimmerData.shimmerWaveColorOpacity,
122
- }),
123
- _jsx(Stop, {
124
- offset: '30%',
125
- stopColor: memoizedShimmerData.shimmerColor,
126
- stopOpacity: memoizedShimmerData.shimmerColorOpacity,
127
- }),
128
- ],
129
- }),
130
- _jsx(ClipPath, { id: 'shimmerView', children: rows }),
131
- ],
132
- }),
133
- _jsxs(G, {
134
- transformProps: rtlTransfrom,
135
- children: [
136
- _jsx(Rect, {
137
- x: '0',
138
- y: '0',
139
- width: memoizedShimmerData.containerWidth,
140
- height: memoizedShimmerData.containerHeight,
141
- fill: memoizedShimmerData.backgroundColor,
142
- rx: memoizedShimmerData.containerBorderRadius,
143
- }),
144
- _jsx(Rect, {
145
- x: '0',
146
- y: '0',
147
- width: memoizedShimmerData.containerWidth,
148
- height: memoizedShimmerData.containerHeight,
149
- fill: 'url(#gradient)',
150
- rx: memoizedShimmerData.containerBorderRadius,
151
- clipPath: 'url(#shimmerView)',
152
- }),
153
- ],
154
- }),
155
- ],
156
- });
157
- };
158
- },
12
+ displayName: shimmerName,
13
+ ...stylingSettings,
14
+ slots: {
15
+ root: Svg,
16
+ },
17
+ useRender: (props, useSlots) => {
18
+ const Slots = useSlots(props);
19
+ props = mergeProps(props, Slots.root({}).props);
20
+ const AnimatedLinearGradient = Animated.createAnimatedComponent(LinearGradient);
21
+ const tokens = useStyling(props).root;
22
+ const memoizedShimmerData = useMemo(() => ({
23
+ angle: props.angle ? props.angle : tokens['angle'],
24
+ backgroundColor: props?.style?.['backgroundColor'] ? props?.style['backgroundColor'] : (tokens['backgroundColor'] ?? 'transparent'),
25
+ containerBorderRadius: props?.style?.['borderRadius'] ? props?.style['borderRadius'] : 0,
26
+ containerWidth: props?.style?.['width'] ? props?.style['width'] : '100%',
27
+ containerHeight: props?.style?.['height'] ? props?.style['height'] : '100%',
28
+ delay: props.delay ? props.delay : tokens['delay'],
29
+ duration: props.duration ? props.duration : tokens['duration'],
30
+ shimmerColor: props.shimmerColor ? props.shimmerColor : tokens['shimmerColor'],
31
+ shimmerColorOpacity: tokens['shimmerColorOpacity'],
32
+ shimmerWaveColor: props.shimmerWaveColor ? props.shimmerWaveColor : tokens['shimmerWaveColor'],
33
+ shimmerWaveColorOpacity: tokens['shimmerWaveColorOpacity'],
34
+ }), [props.angle, props.delay, props.duration, props.shimmerColor, props.shimmerWaveColor, props.style, tokens]);
35
+ /* The shimmer animation is implemented using a LinearGradient which travels from left to right.
36
+ * Different angles are handled by rotating this gradient.
37
+ * The startValue is used to control the start position of the gradient animation, it is set as -2 to make sure it is starts off the screen for any angle.
38
+ * Similarly the endValue is set to 3 to make sure the gradient animation exits the entire screen for any angle.
39
+ * In RTL, startValue and endValue are flipped to ensure that the animation moves from right to left.
40
+ */
41
+ const startValue = I18nManager.isRTL ? 3 : -2;
42
+ const endValue = I18nManager.isRTL ? -2 : 3;
43
+ const x1 = useRef(new Animated.Value(startValue)).current;
44
+ const shimmerAnimation = useCallback(() => {
45
+ Animated.loop(Animated.timing(x1, {
46
+ toValue: endValue,
47
+ duration: memoizedShimmerData.duration,
48
+ delay: memoizedShimmerData.delay,
49
+ useNativeDriver: true,
50
+ })).start();
51
+ }, [endValue, memoizedShimmerData.delay, memoizedShimmerData.duration, x1]);
52
+ useEffect(() => {
53
+ shimmerAnimation();
54
+ }, [shimmerAnimation]);
55
+ return (rest) => {
56
+ const { elements, ...mergedProps } = mergeProps(props, rest);
57
+ const rows = [];
58
+ if (elements) {
59
+ for (let i = 0; i < elements.length; i++) {
60
+ const element = elements[i];
61
+ if (element.type == 'rect') {
62
+ rows.push(_jsx(Rect, { width: element.width, height: element.height, x: element.x, y: element.y, rx: element.borderRadiusX, ry: element.borderRadiusY }, i));
63
+ }
64
+ else if (element.type == 'circle') {
65
+ rows.push(_jsx(Circle, { r: element.radius, cx: element.cx, cy: element.cy }, i));
66
+ }
67
+ else {
68
+ assertNever(element);
69
+ }
70
+ }
71
+ }
72
+ // Flip the SVG if we are running in RTL
73
+ const rtlTransfrom = I18nManager.isRTL
74
+ ? { translateX: memoizedShimmerData.containerWidth, scaleX: -1 }
75
+ : { translateX: undefined, scaleX: undefined };
76
+ return (_jsxs(Slots.root, { ...mergedProps, children: [
77
+ _jsxs(Defs, { children: [
78
+ _jsxs(AnimatedLinearGradient, { id: "gradient", x1: x1, x2: "-1", gradientTransform: `rotate(${memoizedShimmerData.angle})`, children: [
79
+ _jsx(Stop, { offset: "10%", stopColor: memoizedShimmerData.shimmerColor, stopOpacity: memoizedShimmerData.shimmerColorOpacity }), _jsx(Stop, { offset: "20%", stopColor: memoizedShimmerData.shimmerWaveColor, stopOpacity: memoizedShimmerData.shimmerWaveColorOpacity }), _jsx(Stop, { offset: "30%", stopColor: memoizedShimmerData.shimmerColor, stopOpacity: memoizedShimmerData.shimmerColorOpacity })
80
+ ] }), _jsx(ClipPath, { id: "shimmerView", children: rows })
81
+ ] }), _jsxs(G, { transformProps: rtlTransfrom, children: [
82
+ _jsx(Rect, { x: "0", y: "0", width: memoizedShimmerData.containerWidth, height: memoizedShimmerData.containerHeight, fill: memoizedShimmerData.backgroundColor, rx: memoizedShimmerData.containerBorderRadius }), _jsx(Rect, { x: "0", y: "0", width: memoizedShimmerData.containerWidth, height: memoizedShimmerData.containerHeight, fill: "url(#gradient)", rx: memoizedShimmerData.containerBorderRadius, clipPath: "url(#shimmerView)" })
83
+ ] })
84
+ ] }));
85
+ };
86
+ },
159
87
  });
160
- //# sourceMappingURL=Shimmer.js.map
88
+ //# sourceMappingURL=Shimmer.js.map
@@ -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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"}
@@ -1,4 +1,4 @@
1
1
  import type { UseStylingOptions } from '@fluentui-react-native/framework';
2
2
  import type { ShimmerProps, ShimmerSlotProps, ShimmerTokens } from './Shimmer.types';
3
3
  export declare const stylingSettings: UseStylingOptions<ShimmerProps, ShimmerSlotProps, ShimmerTokens>;
4
- //# sourceMappingURL=Shimmer.styling.d.ts.map
4
+ //# sourceMappingURL=Shimmer.styling.d.ts.map
@@ -2,33 +2,30 @@ import { buildProps } from '@fluentui-react-native/framework';
2
2
  import { shimmerName } from './Shimmer.types';
3
3
  import { defaultShimmerTokens } from './ShimmerTokens';
4
4
  export const stylingSettings = {
5
- tokens: [defaultShimmerTokens, shimmerName],
6
- tokensThatAreAlsoProps: 'all',
7
- slotProps: {
8
- root: buildProps(
9
- (tokens) => ({
10
- accessibilityRole: 'progressbar',
11
- accessible: true,
12
- style: { overflow: 'hidden', backgroundColor: tokens.backgroundColor },
13
- angle: tokens.angle,
14
- delay: tokens.delay,
15
- duration: tokens.duration,
16
- shimmerColor: tokens.shimmerColor,
17
- shimmerColorOpacity: tokens.shimmerColorOpacity,
18
- shimmerWaveColor: tokens.shimmerWaveColor,
19
- shimmerWaveColorOpacity: tokens.shimmerWaveColorOpacity,
20
- }),
21
- [
22
- 'angle',
23
- 'delay',
24
- 'duration',
25
- 'shimmerColor',
26
- 'shimmerColorOpacity',
27
- 'shimmerWaveColor',
28
- 'shimmerWaveColorOpacity',
29
- 'backgroundColor',
30
- ],
31
- ),
32
- },
5
+ tokens: [defaultShimmerTokens, shimmerName],
6
+ tokensThatAreAlsoProps: 'all',
7
+ slotProps: {
8
+ root: buildProps((tokens) => ({
9
+ accessibilityRole: 'progressbar',
10
+ accessible: true,
11
+ style: { overflow: 'hidden', backgroundColor: tokens.backgroundColor },
12
+ angle: tokens.angle,
13
+ delay: tokens.delay,
14
+ duration: tokens.duration,
15
+ shimmerColor: tokens.shimmerColor,
16
+ shimmerColorOpacity: tokens.shimmerColorOpacity,
17
+ shimmerWaveColor: tokens.shimmerWaveColor,
18
+ shimmerWaveColorOpacity: tokens.shimmerWaveColorOpacity,
19
+ }), [
20
+ 'angle',
21
+ 'delay',
22
+ 'duration',
23
+ 'shimmerColor',
24
+ 'shimmerColorOpacity',
25
+ 'shimmerWaveColor',
26
+ 'shimmerWaveColorOpacity',
27
+ 'backgroundColor',
28
+ ]),
29
+ },
33
30
  };
34
- //# sourceMappingURL=Shimmer.styling.js.map
31
+ //# sourceMappingURL=Shimmer.styling.js.map
@@ -5,4 +5,4 @@ import type { ShimmerSlotProps } from './Shimmer.types.win32';
5
5
  * tell the styling hook how to build up the tokens
6
6
  */
7
7
  export declare const stylingSettings: UseStylingOptions<ShimmerProps, ShimmerSlotProps, ShimmerTokens>;
8
- //# sourceMappingURL=Shimmer.styling.win32.d.ts.map
8
+ //# sourceMappingURL=Shimmer.styling.win32.d.ts.map
@@ -5,40 +5,28 @@ import { defaultShimmerTokens } from './ShimmerTokens.win32';
5
5
  * tell the styling hook how to build up the tokens
6
6
  */
7
7
  export const stylingSettings = {
8
- tokens: [defaultShimmerTokens, shimmerName],
9
- tokensThatAreAlsoProps: 'all',
10
- slotProps: {
11
- root: buildProps(
12
- (tokens) => ({
13
- accessibilityRole: 'progressbar',
14
- accessible: true,
15
- style: { overflow: 'hidden', backgroundColor: tokens.backgroundColor },
16
- }),
17
- ['backgroundColor'],
18
- ),
19
- shimmerWaveContainer: buildProps(
20
- (tokens) => ({
21
- delay: tokens.delay,
22
- duration: tokens.duration,
23
- shimmerColor: tokens.shimmerColor,
24
- }),
25
- ['delay', 'duration', 'shimmerColor'],
26
- ),
27
- shimmerWave: buildProps(
28
- (tokens) => ({
29
- angle: tokens.angle,
30
- shimmerColor: tokens.shimmerColor,
31
- shimmerWaveColor: tokens.shimmerWaveColor,
32
- shimmerWaveWidth: tokens.shimmerWaveWidth,
33
- }),
34
- ['angle', 'shimmerColor', 'shimmerWaveColor', 'shimmerWaveWidth'],
35
- ),
36
- clippingMask: buildProps(
37
- (tokens) => ({
38
- backgroundColor: tokens.backgroundColor,
39
- }),
40
- ['backgroundColor'],
41
- ),
42
- },
8
+ tokens: [defaultShimmerTokens, shimmerName],
9
+ tokensThatAreAlsoProps: 'all',
10
+ slotProps: {
11
+ root: buildProps((tokens) => ({
12
+ accessibilityRole: 'progressbar',
13
+ accessible: true,
14
+ style: { overflow: 'hidden', backgroundColor: tokens.backgroundColor },
15
+ }), ['backgroundColor']),
16
+ shimmerWaveContainer: buildProps((tokens) => ({
17
+ delay: tokens.delay,
18
+ duration: tokens.duration,
19
+ shimmerColor: tokens.shimmerColor,
20
+ }), ['delay', 'duration', 'shimmerColor']),
21
+ shimmerWave: buildProps((tokens) => ({
22
+ angle: tokens.angle,
23
+ shimmerColor: tokens.shimmerColor,
24
+ shimmerWaveColor: tokens.shimmerWaveColor,
25
+ shimmerWaveWidth: tokens.shimmerWaveWidth,
26
+ }), ['angle', 'shimmerColor', 'shimmerWaveColor', 'shimmerWaveWidth']),
27
+ clippingMask: buildProps((tokens) => ({
28
+ backgroundColor: tokens.backgroundColor,
29
+ }), ['backgroundColor']),
30
+ },
43
31
  };
44
- //# sourceMappingURL=Shimmer.styling.win32.js.map
32
+ //# sourceMappingURL=Shimmer.styling.win32.js.map
@@ -1,2 +1,2 @@
1
1
  export {};
2
- //# sourceMappingURL=Shimmer.test.d.ts.map
2
+ //# sourceMappingURL=Shimmer.test.d.ts.map
@@ -1,57 +1,57 @@
1
- import { jsx as _jsx } from 'react/jsx-runtime';
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { act } from 'react';
3
3
  import * as renderer from 'react-test-renderer';
4
4
  import { Shimmer } from './Shimmer';
5
5
  function shimmerRects() {
6
- return [
7
- {
8
- type: 'rect',
9
- borderRadiusX: 3,
10
- borderRadiusY: 3,
11
- width: 100,
12
- height: 20,
13
- x: 90,
14
- y: 70,
15
- },
16
- {
17
- type: 'rect',
18
- borderRadiusX: 3,
19
- borderRadiusY: 3,
20
- width: 150,
21
- height: 20,
22
- x: 90,
23
- y: 42,
24
- },
25
- {
26
- type: 'rect',
27
- borderRadiusX: 3,
28
- borderRadiusY: 3,
29
- width: 200,
30
- height: 20,
31
- x: 90,
32
- y: 15,
33
- },
34
- ];
6
+ return [
7
+ {
8
+ type: 'rect',
9
+ borderRadiusX: 3,
10
+ borderRadiusY: 3,
11
+ width: 100,
12
+ height: 20,
13
+ x: 90,
14
+ y: 70,
15
+ },
16
+ {
17
+ type: 'rect',
18
+ borderRadiusX: 3,
19
+ borderRadiusY: 3,
20
+ width: 150,
21
+ height: 20,
22
+ x: 90,
23
+ y: 42,
24
+ },
25
+ {
26
+ type: 'rect',
27
+ borderRadiusX: 3,
28
+ borderRadiusY: 3,
29
+ width: 200,
30
+ height: 20,
31
+ x: 90,
32
+ y: 15,
33
+ },
34
+ ];
35
35
  }
36
36
  const style = { width: 300, height: 100 };
37
37
  // mocks out setTimeout and other timer functions with mock functions, test will fail without this as we're using Animated API
38
38
  jest.useFakeTimers();
39
39
  describe('Shimmer component tests', () => {
40
- it('Shimmer default', async () => {
41
- let component;
42
- act(() => {
43
- component = renderer.create(_jsx(Shimmer, { elements: shimmerRects() }));
40
+ it('Shimmer default', async () => {
41
+ let component;
42
+ act(() => {
43
+ component = renderer.create(_jsx(Shimmer, { elements: shimmerRects() }));
44
+ });
45
+ expect(component.toJSON()).toMatchSnapshot();
46
+ await act(async () => null);
44
47
  });
45
- expect(component.toJSON()).toMatchSnapshot();
46
- await act(async () => null);
47
- });
48
- it('Shimmer with style prop', async () => {
49
- let component;
50
- act(() => {
51
- component = renderer.create(_jsx(Shimmer, { elements: shimmerRects(), style: style }));
48
+ it('Shimmer with style prop', async () => {
49
+ let component;
50
+ act(() => {
51
+ component = renderer.create(_jsx(Shimmer, { elements: shimmerRects(), style: style }));
52
+ });
53
+ expect(component.toJSON()).toMatchSnapshot();
54
+ await act(async () => null);
52
55
  });
53
- expect(component.toJSON()).toMatchSnapshot();
54
- await act(async () => null);
55
- });
56
56
  });
57
- //# sourceMappingURL=Shimmer.test.js.map
57
+ //# sourceMappingURL=Shimmer.test.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Shimmer.test.js","sourceRoot":"","sources":["../src/Shimmer.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,SAAS,YAAY,GAAqD;IACxE,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;AAAA,CACH;AAED,MAAM,KAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;AAE1C,8HAA8H;AAC9H,IAAI,CAAC,aAAa,EAAE,CAAC;AAErB,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE,CAAC;IACxC,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE,CAAC;QAChC,IAAI,SAAqC,CAAC;QAC1C,GAAG,CAAC,GAAG,EAAE,CAAC;YACR,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAC,OAAO,IAAC,QAAQ,EAAE,YAAY,EAAE,GAAI,CAAC,CAAC;QAAA,CACpE,CAAC,CAAC;QACH,MAAM,CAAC,SAAU,CAAC,MAAM,EAAE,CAAC,CAAC,eAAe,EAAE,CAAC;QAC9C,MAAM,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC;IAAA,CAC7B,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,KAAK,IAAI,EAAE,CAAC;QACxC,IAAI,SAAqC,CAAC;QAC1C,GAAG,CAAC,GAAG,EAAE,CAAC;YACR,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAC,OAAO,IAAC,QAAQ,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC;QAAA,CAClF,CAAC,CAAC;QACH,MAAM,CAAC,SAAU,CAAC,MAAM,EAAE,CAAC,CAAC,eAAe,EAAE,CAAC;QAC9C,MAAM,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC;IAAA,CAC7B,CAAC,CAAC;AAAA,CACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"Shimmer.test.js","sourceRoot":"","sources":["../src/Shimmer.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,SAAS,YAAY,GAAkD;IACrE,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;AAAA,CACH;AAED,MAAM,KAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;AAE1C,8HAA8H;AAC9H,IAAI,CAAC,aAAa,EAAE,CAAC;AAErB,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE,CAAC;IACxC,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE,CAAC;QAChC,IAAI,SAAqC,CAAC;QAC1C,GAAG,CAAC,GAAG,EAAE,CAAC;YACR,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAC,OAAO,IAAC,QAAQ,EAAE,YAAY,EAAE,GAAI,CAAC,CAAC;QAAA,CACpE,CAAC,CAAC;QACH,MAAM,CAAC,SAAU,CAAC,MAAM,EAAE,CAAC,CAAC,eAAe,EAAE,CAAC;QAC9C,MAAM,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC;IAAA,CAC7B,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,KAAK,IAAI,EAAE,CAAC;QACxC,IAAI,SAAqC,CAAC;QAC1C,GAAG,CAAC,GAAG,EAAE,CAAC;YACR,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAC,OAAO,IAAC,QAAQ,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC;QAAA,CAClF,CAAC,CAAC;QACH,MAAM,CAAC,SAAU,CAAC,MAAM,EAAE,CAAC,CAAC,eAAe,EAAE,CAAC;QAC9C,MAAM,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC;IAAA,CAC7B,CAAC,CAAC;AAAA,CACJ,CAAC,CAAC"}
@@ -1,11 +1,3 @@
1
- export type {
2
- ShimmerCircleElement,
3
- ShimmerRectElement,
4
- ShimmerElementTypes,
5
- ShimmerTokens,
6
- ShimmerSlotProps,
7
- ShimmerProps,
8
- ShimmerType,
9
- } from './Shimmer.types.shared';
1
+ export type { ShimmerCircleElement, ShimmerRectElement, ShimmerElementTypes, ShimmerTokens, ShimmerSlotProps, ShimmerProps, ShimmerType, } from './Shimmer.types.shared';
10
2
  export { shimmerName } from './Shimmer.types.shared';
11
- //# sourceMappingURL=Shimmer.types.d.ts.map
3
+ //# sourceMappingURL=Shimmer.types.d.ts.map
@@ -1,2 +1,2 @@
1
1
  export { shimmerName } from './Shimmer.types.shared';
2
- //# sourceMappingURL=Shimmer.types.js.map
2
+ //# sourceMappingURL=Shimmer.types.js.map