@fluentui-react-native/experimental-shimmer 0.13.5 → 0.13.7
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/CHANGELOG.json +66 -1
- package/CHANGELOG.md +18 -2
- package/eslint.config.js +3 -0
- package/lib/Shimmer.js +38 -58
- package/lib/Shimmer.js.map +1 -1
- package/lib/Shimmer.styling.js +3 -3
- package/lib/Shimmer.styling.js.map +1 -1
- package/lib/Shimmer.styling.win32.js +9 -9
- package/lib/Shimmer.styling.win32.js.map +1 -1
- package/lib/Shimmer.test.js +13 -71
- package/lib/Shimmer.test.js.map +1 -1
- package/lib/Shimmer.types.shared.js +1 -1
- package/lib/Shimmer.types.shared.js.map +1 -1
- package/lib/Shimmer.win32.js +33 -50
- package/lib/Shimmer.win32.js.map +1 -1
- package/lib/ShimmerTokens.android.js +9 -11
- package/lib/ShimmerTokens.android.js.map +1 -1
- package/lib/ShimmerTokens.ios.js +9 -11
- package/lib/ShimmerTokens.ios.js.map +1 -1
- package/lib/ShimmerTokens.js +10 -12
- package/lib/ShimmerTokens.js.map +1 -1
- package/lib/ShimmerTokens.win32.js +11 -13
- package/lib/ShimmerTokens.win32.js.map +1 -1
- package/lib/SvgShapeToPath.js +7 -7
- package/lib/SvgShapeToPath.js.map +1 -1
- package/lib/consts.android.js +3 -3
- package/lib/consts.android.js.map +1 -1
- package/lib/consts.ios.js +3 -3
- package/lib/consts.ios.js.map +1 -1
- package/lib/consts.js +3 -3
- package/lib/consts.js.map +1 -1
- package/lib/consts.win32.js +3 -3
- package/lib/consts.win32.js.map +1 -1
- package/lib-commonjs/Shimmer.js +45 -65
- package/lib-commonjs/Shimmer.js.map +1 -1
- package/lib-commonjs/Shimmer.styling.js +5 -5
- package/lib-commonjs/Shimmer.styling.js.map +1 -1
- package/lib-commonjs/Shimmer.styling.win32.js +11 -11
- package/lib-commonjs/Shimmer.styling.win32.js.map +1 -1
- package/lib-commonjs/Shimmer.test.js +16 -74
- package/lib-commonjs/Shimmer.test.js.map +1 -1
- package/lib-commonjs/Shimmer.win32.js +42 -59
- package/lib-commonjs/Shimmer.win32.js.map +1 -1
- package/lib-commonjs/ShimmerTokens.android.js +10 -12
- package/lib-commonjs/ShimmerTokens.android.js.map +1 -1
- package/lib-commonjs/ShimmerTokens.ios.js +10 -12
- package/lib-commonjs/ShimmerTokens.ios.js.map +1 -1
- package/lib-commonjs/ShimmerTokens.js +12 -14
- package/lib-commonjs/ShimmerTokens.js.map +1 -1
- package/lib-commonjs/ShimmerTokens.win32.js +12 -14
- package/lib-commonjs/ShimmerTokens.win32.js.map +1 -1
- package/lib-commonjs/SvgShapeToPath.js +7 -7
- package/lib-commonjs/SvgShapeToPath.js.map +1 -1
- package/lib-commonjs/Win32ShimmerNativeComponent.js +1 -13
- package/lib-commonjs/Win32ShimmerNativeComponent.js.map +1 -1
- package/package.json +36 -17
- package/.eslintrc.js +0 -3
|
@@ -27,11 +27,11 @@ function convertRoundedRectToSvgPath(x, y, borderRadiusX, borderRadiusY, width,
|
|
|
27
27
|
if (borderRadiusY * 2 > height) {
|
|
28
28
|
borderRadiusY = height / 2;
|
|
29
29
|
}
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
30
|
+
const horizontalEdgeLength = width - borderRadiusX * 2;
|
|
31
|
+
const verticalEdgeLength = height - borderRadiusY * 2;
|
|
32
|
+
const xAxisRotation = 0;
|
|
33
|
+
const largeArcFlag = 0;
|
|
34
|
+
const sweepArcFlag = 1;
|
|
35
35
|
/**
|
|
36
36
|
* The general manner in which we will draw our rounded rect is in the following
|
|
37
37
|
* order of points.
|
|
@@ -81,7 +81,7 @@ function convertRoundedRectToSvgPath(x, y, borderRadiusX, borderRadiusY, width,
|
|
|
81
81
|
*/
|
|
82
82
|
// We start at the left-most point of the top edge.
|
|
83
83
|
// M: lift and move the pen to [x] [y] coordinates -- does not draw.
|
|
84
|
-
|
|
84
|
+
let path = ['M', x + borderRadiusX, y];
|
|
85
85
|
// draw to the right-most point of the top edge.
|
|
86
86
|
// h: horizontally draw a line [n] units relative to the current pen position.
|
|
87
87
|
path = path.concat(['h', horizontalEdgeLength]);
|
|
@@ -142,7 +142,7 @@ function convertRectToSvgPath(rectShape) {
|
|
|
142
142
|
}
|
|
143
143
|
exports.convertRectToSvgPath = convertRectToSvgPath;
|
|
144
144
|
function convertCircleToSvgPath(circleShape) {
|
|
145
|
-
|
|
145
|
+
const radius = circleShape.radius ? circleShape.radius : 12;
|
|
146
146
|
return convertRoundedRectToSvgPath(circleShape.cx ? circleShape.cx - circleShape.radius : 12, circleShape.cy ? circleShape.cy - circleShape.radius : 12, radius, radius, radius * 2, radius * 2);
|
|
147
147
|
}
|
|
148
148
|
exports.convertCircleToSvgPath = convertCircleToSvgPath;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SvgShapeToPath.js","sourceRoot":"","sources":["../src/SvgShapeToPath.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;GAaG;;;AAIH,uGAAuG;AACvG,6DAA6D;AAE7D,6GAA6G;AAC7G,qFAAqF;AACrF,SAAS,2BAA2B,CAClC,CAAS,EACT,CAAS,EACT,aAAqB,EACrB,aAAqB,EACrB,KAAa,EACb,MAAc;IAEd,6CAA6C;IAC7C,IAAI,aAAa,GAAG,CAAC,GAAG,KAAK,EAAE;QAC7B,aAAa,GAAG,KAAK,GAAG,CAAC,CAAC;KAC3B;IACD,IAAI,aAAa,GAAG,CAAC,GAAG,MAAM,EAAE;QAC9B,aAAa,GAAG,MAAM,GAAG,CAAC,CAAC;KAC5B;IAED,
|
|
1
|
+
{"version":3,"file":"SvgShapeToPath.js","sourceRoot":"","sources":["../src/SvgShapeToPath.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1 @@
|
|
|
1
|
-
"
|
|
2
|
-
/**
|
|
3
|
-
* Copyright (c) Microsoft Corporation.
|
|
4
|
-
* Licensed under the MIT License.
|
|
5
|
-
* @format
|
|
6
|
-
*/
|
|
7
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
8
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
9
|
-
};
|
|
10
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
11
|
-
var codegenNativeComponent_1 = __importDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
|
|
12
|
-
exports.default = (0, codegenNativeComponent_1.default)('RCTNativeAnimatedShimmer');
|
|
13
|
-
//# sourceMappingURL=Win32ShimmerNativeComponent.js.map
|
|
1
|
+
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=exports.__INTERNAL_VIEW_CONFIG=void 0;var _codegenNativeComponent=_interopRequireDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));var NativeComponentRegistry=require('react-native/Libraries/NativeComponent/NativeComponentRegistry');var nativeComponentName='RCTNativeAnimatedShimmer';var __INTERNAL_VIEW_CONFIG=exports.__INTERNAL_VIEW_CONFIG={uiViewClassName:'RCTNativeAnimatedShimmer',validAttributes:{delay:true,duration:true}};var _default=exports.default=NativeComponentRegistry.get(nativeComponentName,function(){return __INTERNAL_VIEW_CONFIG;});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Win32ShimmerNativeComponent.js","sourceRoot":"","sources":["../src/Win32ShimmerNativeComponent.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;AAKH,
|
|
1
|
+
{"version":3,"file":"Win32ShimmerNativeComponent.js","sourceRoot":"","sources":["../src/Win32ShimmerNativeComponent.ts"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;AAKH,qHAA6F;AAO7F,kBAAe,IAAA,gCAAsB,EAAc,0BAA0B,CAA+B,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,9 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/experimental-shimmer",
|
|
3
|
-
"version": "0.13.
|
|
3
|
+
"version": "0.13.7",
|
|
4
4
|
"description": "A cross-platform Fluent Shimmer component",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
7
|
+
"exports": {
|
|
8
|
+
".": {
|
|
9
|
+
"import": "./lib/index.js",
|
|
10
|
+
"require": "./lib-commonjs/index.js",
|
|
11
|
+
"types": "./lib/index.d.ts"
|
|
12
|
+
}
|
|
13
|
+
},
|
|
7
14
|
"typings": "lib/index.d.ts",
|
|
8
15
|
"scripts": {
|
|
9
16
|
"build": "fluentui-scripts build",
|
|
@@ -22,28 +29,32 @@
|
|
|
22
29
|
"directory": "packages/experimental/Shimmer"
|
|
23
30
|
},
|
|
24
31
|
"dependencies": {
|
|
25
|
-
"@fluentui-react-native/framework": "0.14.
|
|
26
|
-
"@fluentui-react-native/theming-utils": "0.26.
|
|
27
|
-
"@fluentui-react-native/tokens": "0.23.
|
|
28
|
-
"@fluentui-react-native/use-styling": "0.13.
|
|
32
|
+
"@fluentui-react-native/framework": "0.14.4",
|
|
33
|
+
"@fluentui-react-native/theming-utils": "0.26.3",
|
|
34
|
+
"@fluentui-react-native/tokens": "0.23.3",
|
|
35
|
+
"@fluentui-react-native/use-styling": "0.13.4",
|
|
29
36
|
"assert-never": "^1.2.1"
|
|
30
37
|
},
|
|
31
38
|
"devDependencies": {
|
|
39
|
+
"@babel/core": "^7.20.0",
|
|
32
40
|
"@fluentui-react-native/eslint-config-rules": "0.1.1",
|
|
33
41
|
"@fluentui-react-native/scripts": "0.1.1",
|
|
34
|
-
"@react-native/babel-preset": "^0.
|
|
35
|
-
"@react-native/metro-config": "^0.
|
|
42
|
+
"@react-native/babel-preset": "^0.74.0",
|
|
43
|
+
"@react-native/metro-config": "^0.74.0",
|
|
44
|
+
"@types/react": "~18.2.0",
|
|
36
45
|
"react": "18.2.0",
|
|
37
|
-
"react-native": "^0.
|
|
38
|
-
"react-native-
|
|
46
|
+
"react-native": "^0.74.0",
|
|
47
|
+
"react-native-macos": "^0.74.0",
|
|
48
|
+
"react-native-svg": "^15.4.0",
|
|
49
|
+
"react-native-windows": "^0.74.0"
|
|
39
50
|
},
|
|
40
51
|
"peerDependencies": {
|
|
41
|
-
"@office-iss/react-native-win32": "^0.
|
|
52
|
+
"@office-iss/react-native-win32": "^0.74.0",
|
|
42
53
|
"react": "18.2.0",
|
|
43
|
-
"react-native": "^0.73.0",
|
|
44
|
-
"react-native-macos": "^0.73.0",
|
|
45
|
-
"react-native-svg": "^15.0.0",
|
|
46
|
-
"react-native-windows": "^0.73.0"
|
|
54
|
+
"react-native": "^0.73.0 || ^0.74.0",
|
|
55
|
+
"react-native-macos": "^0.73.0 || ^0.74.0",
|
|
56
|
+
"react-native-svg": "^15.0.0 || ^15.4.0",
|
|
57
|
+
"react-native-windows": "^0.73.0 || ^0.74.0"
|
|
47
58
|
},
|
|
48
59
|
"author": "",
|
|
49
60
|
"license": "MIT",
|
|
@@ -53,13 +64,21 @@
|
|
|
53
64
|
"presets": [
|
|
54
65
|
"microsoft/react-native"
|
|
55
66
|
],
|
|
56
|
-
"requirements":
|
|
57
|
-
"
|
|
58
|
-
|
|
67
|
+
"requirements": {
|
|
68
|
+
"development": [
|
|
69
|
+
"react-native@0.74"
|
|
70
|
+
],
|
|
71
|
+
"production": [
|
|
72
|
+
"react-native@0.73 || 0.74"
|
|
73
|
+
]
|
|
74
|
+
},
|
|
59
75
|
"capabilities": [
|
|
76
|
+
"babel-preset-react-native",
|
|
60
77
|
"core",
|
|
61
78
|
"core-android",
|
|
62
79
|
"core-ios",
|
|
80
|
+
"core-macos",
|
|
81
|
+
"core-windows",
|
|
63
82
|
"svg"
|
|
64
83
|
]
|
|
65
84
|
}
|
package/.eslintrc.js
DELETED