@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.
- package/.cache/tsconfig.tsbuildinfo +1 -0
- package/CHANGELOG.md +20 -0
- package/jest.config.cjs +1 -0
- package/lib/Shimmer.js +1 -9
- package/lib/Shimmer.js.map +1 -1
- package/lib/Shimmer.test.js.map +1 -1
- package/lib/Shimmer.win32.js +3 -11
- package/lib/Shimmer.win32.js.map +1 -1
- package/lib/SvgShapeToPath.js.map +1 -1
- package/lib/Win32ShimmerNativeComponent.d.ts.map +1 -1
- package/package.json +16 -21
- package/tsconfig.json +26 -3
- package/babel.config.js +0 -1
- package/jest.config.js +0 -2
- package/lib-commonjs/Shimmer.d.ts +0 -3
- package/lib-commonjs/Shimmer.d.ts.map +0 -1
- package/lib-commonjs/Shimmer.js +0 -94
- package/lib-commonjs/Shimmer.js.map +0 -1
- package/lib-commonjs/Shimmer.styling.d.ts +0 -4
- package/lib-commonjs/Shimmer.styling.d.ts.map +0 -1
- package/lib-commonjs/Shimmer.styling.js +0 -34
- package/lib-commonjs/Shimmer.styling.js.map +0 -1
- package/lib-commonjs/Shimmer.styling.win32.d.ts +0 -8
- package/lib-commonjs/Shimmer.styling.win32.d.ts.map +0 -1
- package/lib-commonjs/Shimmer.styling.win32.js +0 -35
- package/lib-commonjs/Shimmer.styling.win32.js.map +0 -1
- package/lib-commonjs/Shimmer.test.d.ts +0 -2
- package/lib-commonjs/Shimmer.test.d.ts.map +0 -1
- package/lib-commonjs/Shimmer.test.js +0 -92
- package/lib-commonjs/Shimmer.test.js.map +0 -1
- package/lib-commonjs/Shimmer.types.d.ts +0 -3
- package/lib-commonjs/Shimmer.types.d.ts.map +0 -1
- package/lib-commonjs/Shimmer.types.js +0 -6
- package/lib-commonjs/Shimmer.types.js.map +0 -1
- package/lib-commonjs/Shimmer.types.shared.d.ts +0 -145
- package/lib-commonjs/Shimmer.types.shared.d.ts.map +0 -1
- package/lib-commonjs/Shimmer.types.shared.js +0 -5
- package/lib-commonjs/Shimmer.types.shared.js.map +0 -1
- package/lib-commonjs/Shimmer.types.win32.d.ts +0 -39
- package/lib-commonjs/Shimmer.types.win32.d.ts.map +0 -1
- package/lib-commonjs/Shimmer.types.win32.js +0 -6
- package/lib-commonjs/Shimmer.types.win32.js.map +0 -1
- package/lib-commonjs/Shimmer.win32.d.ts +0 -9
- package/lib-commonjs/Shimmer.win32.d.ts.map +0 -1
- package/lib-commonjs/Shimmer.win32.js +0 -135
- package/lib-commonjs/Shimmer.win32.js.map +0 -1
- package/lib-commonjs/ShimmerTokens.android.d.ts +0 -5
- package/lib-commonjs/ShimmerTokens.android.d.ts.map +0 -1
- package/lib-commonjs/ShimmerTokens.android.js +0 -15
- package/lib-commonjs/ShimmerTokens.android.js.map +0 -1
- package/lib-commonjs/ShimmerTokens.d.ts +0 -5
- package/lib-commonjs/ShimmerTokens.d.ts.map +0 -1
- package/lib-commonjs/ShimmerTokens.ios.d.ts +0 -5
- package/lib-commonjs/ShimmerTokens.ios.d.ts.map +0 -1
- package/lib-commonjs/ShimmerTokens.ios.js +0 -15
- package/lib-commonjs/ShimmerTokens.ios.js.map +0 -1
- package/lib-commonjs/ShimmerTokens.js +0 -17
- package/lib-commonjs/ShimmerTokens.js.map +0 -1
- package/lib-commonjs/ShimmerTokens.win32.d.ts +0 -5
- package/lib-commonjs/ShimmerTokens.win32.d.ts.map +0 -1
- package/lib-commonjs/ShimmerTokens.win32.js +0 -17
- package/lib-commonjs/ShimmerTokens.win32.js.map +0 -1
- package/lib-commonjs/SvgShapeToPath.d.ts +0 -18
- package/lib-commonjs/SvgShapeToPath.d.ts.map +0 -1
- package/lib-commonjs/SvgShapeToPath.js +0 -148
- package/lib-commonjs/SvgShapeToPath.js.map +0 -1
- package/lib-commonjs/Win32ShimmerNativeComponent.d.ts +0 -14
- package/lib-commonjs/Win32ShimmerNativeComponent.d.ts.map +0 -1
- package/lib-commonjs/Win32ShimmerNativeComponent.js +0 -10
- package/lib-commonjs/Win32ShimmerNativeComponent.js.map +0 -1
- package/lib-commonjs/consts.android.d.ts +0 -4
- package/lib-commonjs/consts.android.d.ts.map +0 -1
- package/lib-commonjs/consts.android.js +0 -7
- package/lib-commonjs/consts.android.js.map +0 -1
- package/lib-commonjs/consts.d.ts +0 -4
- package/lib-commonjs/consts.d.ts.map +0 -1
- package/lib-commonjs/consts.ios.d.ts +0 -4
- package/lib-commonjs/consts.ios.d.ts.map +0 -1
- package/lib-commonjs/consts.ios.js +0 -7
- package/lib-commonjs/consts.ios.js.map +0 -1
- package/lib-commonjs/consts.js +0 -7
- package/lib-commonjs/consts.js.map +0 -1
- package/lib-commonjs/consts.win32.d.ts +0 -4
- package/lib-commonjs/consts.win32.d.ts.map +0 -1
- package/lib-commonjs/consts.win32.js +0 -7
- package/lib-commonjs/consts.win32.js.map +0 -1
- package/lib-commonjs/index.d.ts +0 -5
- package/lib-commonjs/index.d.ts.map +0 -1
- package/lib-commonjs/index.js +0 -12
- 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
|
+
"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
|
-
"
|
|
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": "
|
|
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.
|
|
37
|
-
"@fluentui-react-native/theming-utils": "0.27.
|
|
38
|
-
"@fluentui-react-native/tokens": "0.24.
|
|
39
|
-
"@fluentui-react-native/use-styling": "0.
|
|
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/
|
|
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/
|
|
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,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"}
|
package/lib-commonjs/Shimmer.js
DELETED
|
@@ -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 +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 +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 +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"}
|