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

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 (90) hide show
  1. package/.cache/tsconfig.tsbuildinfo +1 -0
  2. package/CHANGELOG.md +20 -0
  3. package/jest.config.cjs +1 -0
  4. package/lib/Shimmer.js +1 -9
  5. package/lib/Shimmer.js.map +1 -1
  6. package/lib/Shimmer.test.js.map +1 -1
  7. package/lib/Shimmer.win32.js +3 -11
  8. package/lib/Shimmer.win32.js.map +1 -1
  9. package/lib/SvgShapeToPath.js.map +1 -1
  10. package/lib/Win32ShimmerNativeComponent.d.ts.map +1 -1
  11. package/package.json +16 -21
  12. package/tsconfig.json +26 -3
  13. package/babel.config.js +0 -1
  14. package/jest.config.js +0 -2
  15. package/lib-commonjs/Shimmer.d.ts +0 -3
  16. package/lib-commonjs/Shimmer.d.ts.map +0 -1
  17. package/lib-commonjs/Shimmer.js +0 -94
  18. package/lib-commonjs/Shimmer.js.map +0 -1
  19. package/lib-commonjs/Shimmer.styling.d.ts +0 -4
  20. package/lib-commonjs/Shimmer.styling.d.ts.map +0 -1
  21. package/lib-commonjs/Shimmer.styling.js +0 -34
  22. package/lib-commonjs/Shimmer.styling.js.map +0 -1
  23. package/lib-commonjs/Shimmer.styling.win32.d.ts +0 -8
  24. package/lib-commonjs/Shimmer.styling.win32.d.ts.map +0 -1
  25. package/lib-commonjs/Shimmer.styling.win32.js +0 -35
  26. package/lib-commonjs/Shimmer.styling.win32.js.map +0 -1
  27. package/lib-commonjs/Shimmer.test.d.ts +0 -2
  28. package/lib-commonjs/Shimmer.test.d.ts.map +0 -1
  29. package/lib-commonjs/Shimmer.test.js +0 -92
  30. package/lib-commonjs/Shimmer.test.js.map +0 -1
  31. package/lib-commonjs/Shimmer.types.d.ts +0 -3
  32. package/lib-commonjs/Shimmer.types.d.ts.map +0 -1
  33. package/lib-commonjs/Shimmer.types.js +0 -6
  34. package/lib-commonjs/Shimmer.types.js.map +0 -1
  35. package/lib-commonjs/Shimmer.types.shared.d.ts +0 -145
  36. package/lib-commonjs/Shimmer.types.shared.d.ts.map +0 -1
  37. package/lib-commonjs/Shimmer.types.shared.js +0 -5
  38. package/lib-commonjs/Shimmer.types.shared.js.map +0 -1
  39. package/lib-commonjs/Shimmer.types.win32.d.ts +0 -39
  40. package/lib-commonjs/Shimmer.types.win32.d.ts.map +0 -1
  41. package/lib-commonjs/Shimmer.types.win32.js +0 -6
  42. package/lib-commonjs/Shimmer.types.win32.js.map +0 -1
  43. package/lib-commonjs/Shimmer.win32.d.ts +0 -9
  44. package/lib-commonjs/Shimmer.win32.d.ts.map +0 -1
  45. package/lib-commonjs/Shimmer.win32.js +0 -135
  46. package/lib-commonjs/Shimmer.win32.js.map +0 -1
  47. package/lib-commonjs/ShimmerTokens.android.d.ts +0 -5
  48. package/lib-commonjs/ShimmerTokens.android.d.ts.map +0 -1
  49. package/lib-commonjs/ShimmerTokens.android.js +0 -15
  50. package/lib-commonjs/ShimmerTokens.android.js.map +0 -1
  51. package/lib-commonjs/ShimmerTokens.d.ts +0 -5
  52. package/lib-commonjs/ShimmerTokens.d.ts.map +0 -1
  53. package/lib-commonjs/ShimmerTokens.ios.d.ts +0 -5
  54. package/lib-commonjs/ShimmerTokens.ios.d.ts.map +0 -1
  55. package/lib-commonjs/ShimmerTokens.ios.js +0 -15
  56. package/lib-commonjs/ShimmerTokens.ios.js.map +0 -1
  57. package/lib-commonjs/ShimmerTokens.js +0 -17
  58. package/lib-commonjs/ShimmerTokens.js.map +0 -1
  59. package/lib-commonjs/ShimmerTokens.win32.d.ts +0 -5
  60. package/lib-commonjs/ShimmerTokens.win32.d.ts.map +0 -1
  61. package/lib-commonjs/ShimmerTokens.win32.js +0 -17
  62. package/lib-commonjs/ShimmerTokens.win32.js.map +0 -1
  63. package/lib-commonjs/SvgShapeToPath.d.ts +0 -18
  64. package/lib-commonjs/SvgShapeToPath.d.ts.map +0 -1
  65. package/lib-commonjs/SvgShapeToPath.js +0 -148
  66. package/lib-commonjs/SvgShapeToPath.js.map +0 -1
  67. package/lib-commonjs/Win32ShimmerNativeComponent.d.ts +0 -14
  68. package/lib-commonjs/Win32ShimmerNativeComponent.d.ts.map +0 -1
  69. package/lib-commonjs/Win32ShimmerNativeComponent.js +0 -10
  70. package/lib-commonjs/Win32ShimmerNativeComponent.js.map +0 -1
  71. package/lib-commonjs/consts.android.d.ts +0 -4
  72. package/lib-commonjs/consts.android.d.ts.map +0 -1
  73. package/lib-commonjs/consts.android.js +0 -7
  74. package/lib-commonjs/consts.android.js.map +0 -1
  75. package/lib-commonjs/consts.d.ts +0 -4
  76. package/lib-commonjs/consts.d.ts.map +0 -1
  77. package/lib-commonjs/consts.ios.d.ts +0 -4
  78. package/lib-commonjs/consts.ios.d.ts.map +0 -1
  79. package/lib-commonjs/consts.ios.js +0 -7
  80. package/lib-commonjs/consts.ios.js.map +0 -1
  81. package/lib-commonjs/consts.js +0 -7
  82. package/lib-commonjs/consts.js.map +0 -1
  83. package/lib-commonjs/consts.win32.d.ts +0 -4
  84. package/lib-commonjs/consts.win32.d.ts.map +0 -1
  85. package/lib-commonjs/consts.win32.js +0 -7
  86. package/lib-commonjs/consts.win32.js.map +0 -1
  87. package/lib-commonjs/index.d.ts +0 -5
  88. package/lib-commonjs/index.d.ts.map +0 -1
  89. package/lib-commonjs/index.js +0 -12
  90. package/lib-commonjs/index.js.map +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/experimental-shimmer",
3
- "version": "0.14.3",
3
+ "version": "0.14.4",
4
4
  "description": "A cross-platform Fluent Shimmer component",
5
5
  "license": "MIT",
6
6
  "author": "",
@@ -9,43 +9,37 @@
9
9
  "url": "https://github.com/microsoft/fluentui-react-native.git",
10
10
  "directory": "packages/experimental/Shimmer"
11
11
  },
12
- "main": "lib-commonjs/index.js",
12
+ "type": "module",
13
+ "main": "lib/index.js",
13
14
  "module": "lib/index.js",
14
15
  "types": "lib/index.d.ts",
15
16
  "exports": {
16
17
  ".": {
17
18
  "types": "./lib/index.d.ts",
19
+ "react-native": "./src/index.ts",
18
20
  "import": "./lib/index.js",
19
- "require": "./lib-commonjs/index.js",
20
21
  "default": "./src/index.ts"
21
22
  }
22
23
  },
23
24
  "scripts": {
24
- "build": "fluentui-scripts build",
25
- "build-cjs": "tsgo --outDir lib-commonjs",
26
- "build-core": "tsgo --outDir lib --module esnext --moduleResolution bundler",
25
+ "build": "tsgo -b",
27
26
  "clean": "fluentui-scripts clean",
28
27
  "depcheck": "fluentui-scripts depcheck",
29
28
  "format": "fluentui-scripts format",
30
29
  "lint": "fluentui-scripts lint",
31
- "lint-package": "fluentui-scripts lint-package",
32
30
  "test": "fluentui-scripts jest",
33
31
  "update-snapshots": "fluentui-scripts jest -u"
34
32
  },
35
33
  "dependencies": {
36
- "@fluentui-react-native/framework": "0.15.3",
37
- "@fluentui-react-native/theming-utils": "0.27.3",
38
- "@fluentui-react-native/tokens": "0.24.3",
39
- "@fluentui-react-native/use-styling": "0.14.3",
34
+ "@fluentui-react-native/framework": "0.16.0",
35
+ "@fluentui-react-native/theming-utils": "0.27.4",
36
+ "@fluentui-react-native/tokens": "0.24.4",
37
+ "@fluentui-react-native/use-styling": "0.15.0",
40
38
  "assert-never": "^1.2.1"
41
39
  },
42
40
  "devDependencies": {
43
41
  "@babel/core": "^7.20.0",
44
- "@fluentui-react-native/babel-config": "0.1.1",
45
- "@fluentui-react-native/framework-base": "0.3.3",
46
- "@fluentui-react-native/jest-config": "0.1.0",
47
- "@fluentui-react-native/kit-config": "0.1.2",
48
- "@fluentui-react-native/lint-config-rules": "0.1.3",
42
+ "@fluentui-react-native/framework-base": "0.4.0",
49
43
  "@fluentui-react-native/scripts": "0.1.0",
50
44
  "@react-native-community/cli": "^20.0.0",
51
45
  "@react-native-community/cli-platform-android": "^20.0.0",
@@ -62,7 +56,7 @@
62
56
  "react-test-renderer": "19.1.4"
63
57
  },
64
58
  "peerDependencies": {
65
- "@office-iss/react-native-win32": "^0.74.0",
59
+ "@office-iss/react-native-win32": "^0.74.0 || ^0.81.0",
66
60
  "@types/react": "~18.2.0 || ~19.0.0 || ~19.1.4",
67
61
  "react": "18.2.0 || 19.0.0 || 19.1.4",
68
62
  "react-native": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.6",
@@ -84,6 +78,9 @@
84
78
  "optional": true
85
79
  }
86
80
  },
81
+ "furn": {
82
+ "jestPlatform": "android"
83
+ },
87
84
  "rnx-kit": {
88
85
  "kitType": "library",
89
86
  "alignDeps": {
@@ -95,11 +92,9 @@
95
92
  "core-macos",
96
93
  "core-windows",
97
94
  "react-test-renderer",
98
- "svg",
99
- "tools-core",
100
- "tools-jest"
95
+ "svg"
101
96
  ]
102
97
  },
103
- "extends": "@fluentui-react-native/kit-config"
98
+ "extends": "@fluentui-react-native/scripts/kit-config"
104
99
  }
105
100
  }
package/tsconfig.json CHANGED
@@ -1,7 +1,30 @@
1
1
  {
2
- "extends": "@fluentui-react-native/scripts/configs/tsconfig.json",
2
+ "extends": "@fluentui-react-native/scripts/tsconfig",
3
3
  "compilerOptions": {
4
- "outDir": "lib"
4
+ "outDir": "lib",
5
+ "rootDir": "src",
6
+ "composite": true,
7
+ "tsBuildInfoFile": ".cache/tsconfig.tsbuildinfo"
5
8
  },
6
- "include": ["src"]
9
+ "include": ["src"],
10
+ "references": [
11
+ {
12
+ "path": "../../framework-base/tsconfig.json"
13
+ },
14
+ {
15
+ "path": "../../framework/framework/tsconfig.json"
16
+ },
17
+ {
18
+ "path": "../../../scripts/tsconfig.json"
19
+ },
20
+ {
21
+ "path": "../../theming/theming-utils/tsconfig.json"
22
+ },
23
+ {
24
+ "path": "../../utils/tokens/tsconfig.json"
25
+ },
26
+ {
27
+ "path": "../../framework/use-styling/tsconfig.json"
28
+ }
29
+ ]
7
30
  }
package/babel.config.js DELETED
@@ -1 +0,0 @@
1
- module.exports = require('@fluentui-react-native/babel-config');
package/jest.config.js DELETED
@@ -1,2 +0,0 @@
1
- const { configureReactNativeJest } = require('@fluentui-react-native/jest-config');
2
- module.exports = configureReactNativeJest('android');
@@ -1,3 +0,0 @@
1
- import type { ShimmerProps } from './Shimmer.types';
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").ObjectBase>;
3
- //# sourceMappingURL=Shimmer.d.ts.map
@@ -1 +0,0 @@
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,wOAyHlB,CAAC"}
@@ -1,94 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.Shimmer = void 0;
7
- const jsx_runtime_1 = require("@fluentui-react-native/framework-base/jsx-runtime");
8
- /** @jsxImportSource @fluentui-react-native/framework-base */
9
- const react_1 = require("react");
10
- const react_native_1 = require("react-native");
11
- const framework_1 = require("@fluentui-react-native/framework");
12
- const assert_never_1 = __importDefault(require("assert-never"));
13
- const react_native_svg_1 = require("react-native-svg");
14
- const Shimmer_styling_1 = require("./Shimmer.styling");
15
- const Shimmer_types_1 = require("./Shimmer.types");
16
- const useStyling = (0, framework_1.buildUseStyling)(Shimmer_styling_1.stylingSettings);
17
- exports.Shimmer = (0, framework_1.compose)({
18
- displayName: Shimmer_types_1.shimmerName,
19
- ...Shimmer_styling_1.stylingSettings,
20
- slots: {
21
- root: react_native_svg_1.Svg,
22
- },
23
- useRender: (props, useSlots) => {
24
- const Slots = useSlots(props);
25
- props = (0, framework_1.mergeProps)(props, Slots.root({}).props);
26
- const AnimatedLinearGradient = react_native_1.Animated.createAnimatedComponent(react_native_svg_1.LinearGradient);
27
- const tokens = useStyling(props).root;
28
- const memoizedShimmerData = (0, react_1.useMemo)(() => ({
29
- angle: props.angle ? props.angle : tokens['angle'],
30
- backgroundColor: props?.style?.['backgroundColor'] ? props?.style['backgroundColor'] : (tokens['backgroundColor'] ?? 'transparent'),
31
- containerBorderRadius: props?.style?.['borderRadius'] ? props?.style['borderRadius'] : 0,
32
- containerWidth: props?.style?.['width'] ? props?.style['width'] : '100%',
33
- containerHeight: props?.style?.['height'] ? props?.style['height'] : '100%',
34
- delay: props.delay ? props.delay : tokens['delay'],
35
- duration: props.duration ? props.duration : tokens['duration'],
36
- shimmerColor: props.shimmerColor ? props.shimmerColor : tokens['shimmerColor'],
37
- shimmerColorOpacity: tokens['shimmerColorOpacity'],
38
- shimmerWaveColor: props.shimmerWaveColor ? props.shimmerWaveColor : tokens['shimmerWaveColor'],
39
- shimmerWaveColorOpacity: tokens['shimmerWaveColorOpacity'],
40
- }), [props.angle, props.delay, props.duration, props.shimmerColor, props.shimmerWaveColor, props.style, tokens]);
41
- /* The shimmer animation is implemented using a LinearGradient which travels from left to right.
42
- * Different angles are handled by rotating this gradient.
43
- * 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.
44
- * Similarly the endValue is set to 3 to make sure the gradient animation exits the entire screen for any angle.
45
- * In RTL, startValue and endValue are flipped to ensure that the animation moves from right to left.
46
- */
47
- const startValue = react_native_1.I18nManager.isRTL ? 3 : -2;
48
- const endValue = react_native_1.I18nManager.isRTL ? -2 : 3;
49
- const x1 = (0, react_1.useRef)(new react_native_1.Animated.Value(startValue)).current;
50
- const shimmerAnimation = (0, react_1.useCallback)(() => {
51
- react_native_1.Animated.loop(react_native_1.Animated.timing(x1, {
52
- toValue: endValue,
53
- duration: memoizedShimmerData.duration,
54
- delay: memoizedShimmerData.delay,
55
- useNativeDriver: true,
56
- })).start();
57
- }, [endValue, memoizedShimmerData.delay, memoizedShimmerData.duration, x1]);
58
- (0, react_1.useEffect)(() => {
59
- shimmerAnimation();
60
- }, [shimmerAnimation]);
61
- return (rest) => {
62
- const { elements, ...mergedProps } = (0, framework_1.mergeProps)(props, rest);
63
- const rows = [];
64
- if (elements) {
65
- for (let i = 0; i < elements.length; i++) {
66
- const element = elements[i];
67
- if (element.type == 'rect') {
68
- rows.push(jsx_runtime_1.jsx(react_native_svg_1.Rect, { width: element.width, height: element.height, x: element.x, y: element.y, rx: element.borderRadiusX, ry: element.borderRadiusY }, i));
69
- }
70
- else if (element.type == 'circle') {
71
- rows.push(jsx_runtime_1.jsx(react_native_svg_1.Circle, { r: element.radius, cx: element.cx, cy: element.cy }, i));
72
- }
73
- else {
74
- (0, assert_never_1.default)(element);
75
- }
76
- }
77
- }
78
- // Flip the SVG if we are running in RTL
79
- const rtlTransfrom = react_native_1.I18nManager.isRTL
80
- ? { translateX: memoizedShimmerData.containerWidth, scaleX: -1 }
81
- : { translateX: undefined, scaleX: undefined };
82
- return (jsx_runtime_1.jsxs(Slots.root, { ...mergedProps, children: [
83
- jsx_runtime_1.jsxs(react_native_svg_1.Defs, { children: [
84
- jsx_runtime_1.jsxs(AnimatedLinearGradient, { id: "gradient", x1: x1, x2: "-1", gradientTransform: `rotate(${memoizedShimmerData.angle})`, children: [
85
- jsx_runtime_1.jsx(react_native_svg_1.Stop, { offset: "10%", stopColor: memoizedShimmerData.shimmerColor, stopOpacity: memoizedShimmerData.shimmerColorOpacity }), jsx_runtime_1.jsx(react_native_svg_1.Stop, { offset: "20%", stopColor: memoizedShimmerData.shimmerWaveColor, stopOpacity: memoizedShimmerData.shimmerWaveColorOpacity }), jsx_runtime_1.jsx(react_native_svg_1.Stop, { offset: "30%", stopColor: memoizedShimmerData.shimmerColor, stopOpacity: memoizedShimmerData.shimmerColorOpacity })
86
- ] }), jsx_runtime_1.jsx(react_native_svg_1.ClipPath, { id: "shimmerView", children: rows })
87
- ] }), jsx_runtime_1.jsxs(react_native_svg_1.G, { transformProps: rtlTransfrom, children: [
88
- jsx_runtime_1.jsx(react_native_svg_1.Rect, { x: "0", y: "0", width: memoizedShimmerData.containerWidth, height: memoizedShimmerData.containerHeight, fill: memoizedShimmerData.backgroundColor, rx: memoizedShimmerData.containerBorderRadius }), jsx_runtime_1.jsx(react_native_svg_1.Rect, { x: "0", y: "0", width: memoizedShimmerData.containerWidth, height: memoizedShimmerData.containerHeight, fill: "url(#gradient)", rx: memoizedShimmerData.containerBorderRadius, clipPath: "url(#shimmerView)" })
89
- ] })
90
- ] }));
91
- };
92
- },
93
- });
94
- //# sourceMappingURL=Shimmer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Shimmer.js","sourceRoot":"","sources":["../src/Shimmer.tsx"],"names":[],"mappings":"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"}
@@ -1,4 +0,0 @@
1
- import type { UseStylingOptions } from '@fluentui-react-native/framework';
2
- import type { ShimmerProps, ShimmerSlotProps, ShimmerTokens } from './Shimmer.types';
3
- export declare const stylingSettings: UseStylingOptions<ShimmerProps, ShimmerSlotProps, ShimmerTokens>;
4
- //# sourceMappingURL=Shimmer.styling.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Shimmer.styling.d.ts","sourceRoot":"","sources":["../src/Shimmer.styling.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAG1E,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIrF,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,YAAY,EAAE,gBAAgB,EAAE,aAAa,CA6B5F,CAAC"}
@@ -1,34 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.stylingSettings = void 0;
4
- const framework_1 = require("@fluentui-react-native/framework");
5
- const Shimmer_types_1 = require("./Shimmer.types");
6
- const ShimmerTokens_1 = require("./ShimmerTokens");
7
- exports.stylingSettings = {
8
- tokens: [ShimmerTokens_1.defaultShimmerTokens, Shimmer_types_1.shimmerName],
9
- tokensThatAreAlsoProps: 'all',
10
- slotProps: {
11
- root: (0, framework_1.buildProps)((tokens) => ({
12
- accessibilityRole: 'progressbar',
13
- accessible: true,
14
- style: { overflow: 'hidden', backgroundColor: tokens.backgroundColor },
15
- angle: tokens.angle,
16
- delay: tokens.delay,
17
- duration: tokens.duration,
18
- shimmerColor: tokens.shimmerColor,
19
- shimmerColorOpacity: tokens.shimmerColorOpacity,
20
- shimmerWaveColor: tokens.shimmerWaveColor,
21
- shimmerWaveColorOpacity: tokens.shimmerWaveColorOpacity,
22
- }), [
23
- 'angle',
24
- 'delay',
25
- 'duration',
26
- 'shimmerColor',
27
- 'shimmerColorOpacity',
28
- 'shimmerWaveColor',
29
- 'shimmerWaveColorOpacity',
30
- 'backgroundColor',
31
- ]),
32
- },
33
- };
34
- //# sourceMappingURL=Shimmer.styling.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Shimmer.styling.js","sourceRoot":"","sources":["../src/Shimmer.styling.ts"],"names":[],"mappings":";;;AACA,gEAA8D;AAG9D,mDAA8C;AAC9C,mDAAuD;AAE1C,QAAA,eAAe,GAAqE;IAC/F,MAAM,EAAE,CAAC,oCAAoB,EAAE,2BAAW,CAAC;IAC3C,sBAAsB,EAAE,KAAK;IAC7B,SAAS,EAAE;QACT,IAAI,EAAE,IAAA,sBAAU,EACd,CAAC,MAAqB,EAAE,EAAE,CAAC,CAAC;YAC1B,iBAAiB,EAAE,aAAa;YAChC,UAAU,EAAE,IAAI;YAChB,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,CAAC,eAAe,EAAE;YACtE,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,EACF;YACE,OAAO;YACP,OAAO;YACP,UAAU;YACV,cAAc;YACd,qBAAqB;YACrB,kBAAkB;YAClB,yBAAyB;YACzB,iBAAiB;SAClB,CACF;KACF;CACF,CAAC"}
@@ -1,8 +0,0 @@
1
- import type { UseStylingOptions } from '@fluentui-react-native/framework';
2
- import type { ShimmerProps, ShimmerTokens } from './Shimmer.types';
3
- import type { ShimmerSlotProps } from './Shimmer.types.win32';
4
- /**
5
- * tell the styling hook how to build up the tokens
6
- */
7
- export declare const stylingSettings: UseStylingOptions<ShimmerProps, ShimmerSlotProps, ShimmerTokens>;
8
- //# sourceMappingURL=Shimmer.styling.win32.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Shimmer.styling.win32.d.ts","sourceRoot":"","sources":["../src/Shimmer.styling.win32.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAG1E,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAG9D;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,YAAY,EAAE,gBAAgB,EAAE,aAAa,CAuC5F,CAAC"}
@@ -1,35 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.stylingSettings = void 0;
4
- const framework_1 = require("@fluentui-react-native/framework");
5
- const Shimmer_types_1 = require("./Shimmer.types");
6
- const ShimmerTokens_win32_1 = require("./ShimmerTokens.win32");
7
- /**
8
- * tell the styling hook how to build up the tokens
9
- */
10
- exports.stylingSettings = {
11
- tokens: [ShimmerTokens_win32_1.defaultShimmerTokens, Shimmer_types_1.shimmerName],
12
- tokensThatAreAlsoProps: 'all',
13
- slotProps: {
14
- root: (0, framework_1.buildProps)((tokens) => ({
15
- accessibilityRole: 'progressbar',
16
- accessible: true,
17
- style: { overflow: 'hidden', backgroundColor: tokens.backgroundColor },
18
- }), ['backgroundColor']),
19
- shimmerWaveContainer: (0, framework_1.buildProps)((tokens) => ({
20
- delay: tokens.delay,
21
- duration: tokens.duration,
22
- shimmerColor: tokens.shimmerColor,
23
- }), ['delay', 'duration', 'shimmerColor']),
24
- shimmerWave: (0, framework_1.buildProps)((tokens) => ({
25
- angle: tokens.angle,
26
- shimmerColor: tokens.shimmerColor,
27
- shimmerWaveColor: tokens.shimmerWaveColor,
28
- shimmerWaveWidth: tokens.shimmerWaveWidth,
29
- }), ['angle', 'shimmerColor', 'shimmerWaveColor', 'shimmerWaveWidth']),
30
- clippingMask: (0, framework_1.buildProps)((tokens) => ({
31
- backgroundColor: tokens.backgroundColor,
32
- }), ['backgroundColor']),
33
- },
34
- };
35
- //# sourceMappingURL=Shimmer.styling.win32.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Shimmer.styling.win32.js","sourceRoot":"","sources":["../src/Shimmer.styling.win32.ts"],"names":[],"mappings":";;;AACA,gEAA8D;AAG9D,mDAA8C;AAE9C,+DAA6D;AAE7D;;GAEG;AACU,QAAA,eAAe,GAAqE;IAC/F,MAAM,EAAE,CAAC,0CAAoB,EAAE,2BAAW,CAAC;IAC3C,sBAAsB,EAAE,KAAK;IAC7B,SAAS,EAAE;QACT,IAAI,EAAE,IAAA,sBAAU,EACd,CAAC,MAAqB,EAAE,EAAE,CAAC,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,EACF,CAAC,iBAAiB,CAAC,CACpB;QAED,oBAAoB,EAAE,IAAA,sBAAU,EAC9B,CAAC,MAAqB,EAAE,EAAE,CAAC,CAAC;YAC1B,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;YACzB,YAAY,EAAE,MAAM,CAAC,YAAY;SAClC,CAAC,EACF,CAAC,OAAO,EAAE,UAAU,EAAE,cAAc,CAAC,CACtC;QAED,WAAW,EAAE,IAAA,sBAAU,EACrB,CAAC,MAAqB,EAAE,EAAE,CAAC,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,EACF,CAAC,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,kBAAkB,CAAC,CAClE;QAED,YAAY,EAAE,IAAA,sBAAU,EACtB,CAAC,MAAqB,EAAE,EAAE,CAAC,CAAC;YAC1B,eAAe,EAAE,MAAM,CAAC,eAAe;SACxC,CAAC,EACF,CAAC,iBAAiB,CAAC,CACpB;KACF;CACF,CAAC"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=Shimmer.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Shimmer.test.d.ts","sourceRoot":"","sources":["../src/Shimmer.test.tsx"],"names":[],"mappings":""}
@@ -1,92 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- Object.defineProperty(exports, "__esModule", { value: true });
36
- const jsx_runtime_1 = require("react/jsx-runtime");
37
- const react_1 = require("react");
38
- const renderer = __importStar(require("react-test-renderer"));
39
- const Shimmer_1 = require("./Shimmer");
40
- function shimmerRects() {
41
- return [
42
- {
43
- type: 'rect',
44
- borderRadiusX: 3,
45
- borderRadiusY: 3,
46
- width: 100,
47
- height: 20,
48
- x: 90,
49
- y: 70,
50
- },
51
- {
52
- type: 'rect',
53
- borderRadiusX: 3,
54
- borderRadiusY: 3,
55
- width: 150,
56
- height: 20,
57
- x: 90,
58
- y: 42,
59
- },
60
- {
61
- type: 'rect',
62
- borderRadiusX: 3,
63
- borderRadiusY: 3,
64
- width: 200,
65
- height: 20,
66
- x: 90,
67
- y: 15,
68
- },
69
- ];
70
- }
71
- const style = { width: 300, height: 100 };
72
- // mocks out setTimeout and other timer functions with mock functions, test will fail without this as we're using Animated API
73
- jest.useFakeTimers();
74
- describe('Shimmer component tests', () => {
75
- it('Shimmer default', async () => {
76
- let component;
77
- (0, react_1.act)(() => {
78
- component = renderer.create(jsx_runtime_1.jsx(Shimmer_1.Shimmer, { elements: shimmerRects() }));
79
- });
80
- expect(component.toJSON()).toMatchSnapshot();
81
- await (0, react_1.act)(async () => null);
82
- });
83
- it('Shimmer with style prop', async () => {
84
- let component;
85
- (0, react_1.act)(() => {
86
- component = renderer.create(jsx_runtime_1.jsx(Shimmer_1.Shimmer, { elements: shimmerRects(), style: style }));
87
- });
88
- expect(component.toJSON()).toMatchSnapshot();
89
- await (0, react_1.act)(async () => null);
90
- });
91
- });
92
- //# sourceMappingURL=Shimmer.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Shimmer.test.js","sourceRoot":"","sources":["../src/Shimmer.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAA4B;AAE5B,MAAY,QAAQ,gDAA4B;AAEhD,uCAAoC;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,IAAA,WAAG,EAAC,GAAG,EAAE,CAAC;YACR,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,kBAAC,iBAAO,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,IAAA,WAAG,EAAC,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,IAAA,WAAG,EAAC,GAAG,EAAE,CAAC;YACR,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,kBAAC,iBAAO,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,IAAA,WAAG,EAAC,KAAK,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC;IAAA,CAC7B,CAAC,CAAC;AAAA,CACJ,CAAC,CAAC"}
@@ -1,3 +0,0 @@
1
- export type { ShimmerCircleElement, ShimmerRectElement, ShimmerElementTypes, ShimmerTokens, ShimmerSlotProps, ShimmerProps, ShimmerType, } from './Shimmer.types.shared';
2
- export { shimmerName } from './Shimmer.types.shared';
3
- //# sourceMappingURL=Shimmer.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Shimmer.types.d.ts","sourceRoot":"","sources":["../src/Shimmer.types.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,oBAAoB,EACpB,kBAAkB,EAClB,mBAAmB,EACnB,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,WAAW,GACZ,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC"}
@@ -1,6 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.shimmerName = void 0;
4
- const Shimmer_types_shared_1 = require("./Shimmer.types.shared");
5
- Object.defineProperty(exports, "shimmerName", { enumerable: true, get: function () { return Shimmer_types_shared_1.shimmerName; } });
6
- //# sourceMappingURL=Shimmer.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Shimmer.types.js","sourceRoot":"","sources":["../src/Shimmer.types.ts"],"names":[],"mappings":";;;AASA,iEAAqD;AAA5C,mHAAA,WAAW,OAAA"}
@@ -1,145 +0,0 @@
1
- import type { ColorValue, ViewProps } from 'react-native';
2
- import type { IBackgroundColorTokens } from '@fluentui-react-native/tokens';
3
- import type { SvgProps } from 'react-native-svg';
4
- export declare const shimmerName = "Shimmer";
5
- /**
6
- * Properties necessary to define a circular Shimmer element.
7
- */
8
- export interface ShimmerCircleElement {
9
- /**
10
- * Shimmer element type.
11
- */
12
- type: 'circle';
13
- /**
14
- * Radius of the circle element.
15
- * @defaultValue 12
16
- */
17
- radius?: number;
18
- /**
19
- * Note: cx and cy should be optional properties [or removed], with relative positioning being the default [or only] positioning mechanism.
20
- * Note: The behavior of element intersections is undefined. https://www.github.com/Microsoft/fluentui-react-native Issue #866
21
- */
22
- /**
23
- * The x-axis center of the circle element in the Shimmer relative to the origin [top-left, (0,0)].
24
- */
25
- cx: number;
26
- /**
27
- * The y-axis center of the circle element in the Shimmer relative to the origin [top-left, (0,0)].
28
- */
29
- cy: number;
30
- }
31
- /**
32
- * Properties necessary to define a rectangular Shimmer element.
33
- */
34
- export interface ShimmerRectElement {
35
- /**
36
- * Shimmer element type.
37
- */
38
- type: 'rect';
39
- /**
40
- * Width of the rect.
41
- * @defaultValue 100%
42
- */
43
- width?: number;
44
- /**
45
- * Height of the rect.
46
- * @defaultValue 16
47
- */
48
- height?: number;
49
- /**
50
- * Border radius for the x-axis of a rounded rect.
51
- * @defaultValue 0
52
- */
53
- borderRadiusX?: number;
54
- /**
55
- * Border radius for the y-axis of a rounded rect.
56
- * @defaultValue 0
57
- */
58
- borderRadiusY?: number;
59
- /**
60
- * Note: x and y should be optional properties [or removed], with relative positioning being the default [or only] positioning mechanism.
61
- * Note: The behavior of element intersections is undefined. https://www.github.com/Microsoft/fluentui-react-native Issue #866
62
- */
63
- /**
64
- * The x-axis position of the rect element's top-left corner in the Shimmer relative to the origin [top-left, (0,0)].
65
- */
66
- x: number;
67
- /**
68
- * The y-axis position of the rect element's top-left corner in the Shimmer relative to the origin [top-left, (0,0)].
69
- */
70
- y: number;
71
- }
72
- export type ShimmerElementTypes = ShimmerCircleElement | ShimmerRectElement;
73
- export interface ShimmerTokens extends IBackgroundColorTokens {
74
- /**
75
- * Specifies the Shimmer effect angle in degrees (produced by a gradient).
76
- *
77
- * @defaultValue 45 on @platform Android
78
- * @defaultValue 0 on other platforms.
79
- */
80
- angle?: number;
81
- /**
82
- * Specifies the animation delay time in milliseconds.
83
- *
84
- * @defaultValue 500 on @platform win32
85
- * @defaultValue 0 on other platforms.
86
- */
87
- delay?: number;
88
- /**
89
- * Specifies the time required to traverse the control in milliseconds.
90
- *
91
- * @defaultValue 1000 on @platform Android
92
- * @defaultValue 2000 on @platform win32
93
- * @defaultValue 7000 on other platforms.
94
- */
95
- duration?: number;
96
- /**
97
- * Specifies the opacity of the shimmer color.
98
- * @defaultValue 1
99
- */
100
- shimmerColorOpacity?: number;
101
- /**
102
- * Specifies the opacity of the wave color.
103
- * @defaultValue 1
104
- */
105
- shimmerWaveColorOpacity?: number;
106
- /**
107
- * Color you see when the shimmer wave is not animating.
108
- *
109
- * @defaultValue theme.colors.neutralStencil1 on @platform Android
110
- * @defaultValue theme.colors.bodyFrameDivider on @platform win32
111
- * @defaultValue #E1E1E1/#404040 for light/dark theme on other platforms.
112
- */
113
- shimmerColor?: ColorValue;
114
- /**
115
- * Defines the tip color of the wave which has a linear gradient.
116
- * from shimmerColor to shimmerWaveColor to shimmerColor.
117
- *
118
- * @defaultValue theme.colors.neutralStencil2 on @platform Android
119
- * @defaultValue #E1E1E1 on @platform win32
120
- * @defaultValue white/black for light/dark theme on other platforms.
121
- */
122
- shimmerWaveColor?: ColorValue;
123
- /**
124
- * Width of the Shimmer wave.
125
- *
126
- * @defaultValue '100%' of the 'width' property
127
- * @platform win32
128
- */
129
- shimmerWaveWidth?: number | string;
130
- }
131
- export interface ShimmerSlotProps {
132
- root: SvgProps;
133
- }
134
- export interface ShimmerProps extends ViewProps, ShimmerTokens {
135
- /**
136
- * Shimmer shapes that define the masking effect of the Shimmer control.
137
- */
138
- elements: ShimmerElementTypes[];
139
- }
140
- export interface ShimmerType {
141
- props: ShimmerProps;
142
- slotProps: ShimmerSlotProps;
143
- tokens: ShimmerTokens;
144
- }
145
- //# sourceMappingURL=Shimmer.types.shared.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Shimmer.types.shared.d.ts","sourceRoot":"","sources":["../src/Shimmer.types.shared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,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,MAAM,MAAM,mBAAmB,GAAG,oBAAoB,GAAG,kBAAkB,CAAC;AAE5E,MAAM,WAAW,aAAc,SAAQ,sBAAsB;IAC3D;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;;OAGG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAEjC;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAE1B;;;;;;;OAOG;IACH,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAE9B;;;;;OAKG;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,mBAAmB,EAAE,CAAC;CACjC;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,EAAE,gBAAgB,CAAC;IAC5B,MAAM,EAAE,aAAa,CAAC;CACvB"}
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.shimmerName = void 0;
4
- exports.shimmerName = 'Shimmer';
5
- //# sourceMappingURL=Shimmer.types.shared.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Shimmer.types.shared.js","sourceRoot":"","sources":["../src/Shimmer.types.shared.ts"],"names":[],"mappings":";;;AAKa,QAAA,WAAW,GAAG,SAAS,CAAC"}