@khanacademy/wonder-blocks-progress-spinner 1.1.30 → 1.1.33
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.md +20 -0
- package/dist/es/index.js +7 -10
- package/dist/index.js +4 -2
- package/package.json +3 -3
- package/src/components/circular-spinner.js +2 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,25 @@
|
|
|
1
1
|
# @khanacademy/wonder-blocks-progress-spinner
|
|
2
2
|
|
|
3
|
+
## 1.1.33
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 83486dba: Setting data-test-id attribute based on testId prop
|
|
8
|
+
|
|
9
|
+
## 1.1.32
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies [5f4a4297]
|
|
14
|
+
- Updated dependencies [2b96fd59]
|
|
15
|
+
- @khanacademy/wonder-blocks-core@4.3.2
|
|
16
|
+
|
|
17
|
+
## 1.1.31
|
|
18
|
+
|
|
19
|
+
### Patch Changes
|
|
20
|
+
|
|
21
|
+
- @khanacademy/wonder-blocks-core@4.3.1
|
|
22
|
+
|
|
3
23
|
## 1.1.30
|
|
4
24
|
|
|
5
25
|
### Patch Changes
|
package/dist/es/index.js
CHANGED
|
@@ -20,34 +20,31 @@ const colors = {
|
|
|
20
20
|
dark: Color.offBlack16
|
|
21
21
|
};
|
|
22
22
|
const StyledPath = addStyle("path");
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
* A circular progress spinner. Used for indicating loading progress. Should
|
|
26
|
-
* be used by default in most places where a loading indicator is needed.
|
|
27
|
-
*/
|
|
28
23
|
class CircularSpinner extends React.Component {
|
|
29
24
|
render() {
|
|
30
25
|
const {
|
|
31
26
|
size,
|
|
32
27
|
light,
|
|
33
|
-
style
|
|
28
|
+
style,
|
|
29
|
+
testId
|
|
34
30
|
} = this.props;
|
|
35
31
|
const height = heights[size];
|
|
36
32
|
const path = paths[size];
|
|
37
33
|
const color = light ? colors.light : colors.dark;
|
|
38
|
-
const svg =
|
|
34
|
+
const svg = React.createElement("svg", {
|
|
39
35
|
xmlns: "http://www.w3.org/2000/svg",
|
|
40
36
|
width: height,
|
|
41
37
|
height: height,
|
|
42
|
-
viewBox: `0 0 ${height} ${height}
|
|
43
|
-
|
|
38
|
+
viewBox: `0 0 ${height} ${height}`,
|
|
39
|
+
"data-test-id": testId
|
|
40
|
+
}, React.createElement(StyledPath, {
|
|
44
41
|
style: [styles.loadingSpinner, {
|
|
45
42
|
fill: color
|
|
46
43
|
}],
|
|
47
44
|
fillRule: "nonzero",
|
|
48
45
|
d: path
|
|
49
46
|
}));
|
|
50
|
-
return
|
|
47
|
+
return React.createElement(View, {
|
|
51
48
|
style: [styles.spinnerContainer, style]
|
|
52
49
|
}, svg);
|
|
53
50
|
}
|
package/dist/index.js
CHANGED
|
@@ -148,7 +148,8 @@ class CircularSpinner extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
|
|
|
148
148
|
const {
|
|
149
149
|
size,
|
|
150
150
|
light,
|
|
151
|
-
style
|
|
151
|
+
style,
|
|
152
|
+
testId
|
|
152
153
|
} = this.props;
|
|
153
154
|
const height = heights[size];
|
|
154
155
|
const path = paths[size];
|
|
@@ -157,7 +158,8 @@ class CircularSpinner extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
|
|
|
157
158
|
xmlns: "http://www.w3.org/2000/svg",
|
|
158
159
|
width: height,
|
|
159
160
|
height: height,
|
|
160
|
-
viewBox: `0 0 ${height} ${height}
|
|
161
|
+
viewBox: `0 0 ${height} ${height}`,
|
|
162
|
+
"data-test-id": testId
|
|
161
163
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](StyledPath, {
|
|
162
164
|
style: [styles.loadingSpinner, {
|
|
163
165
|
fill: color
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@khanacademy/wonder-blocks-progress-spinner",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.33",
|
|
4
4
|
"design": "v1",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"@babel/runtime": "^7.16.3",
|
|
19
19
|
"@khanacademy/wonder-blocks-color": "^1.1.20",
|
|
20
|
-
"@khanacademy/wonder-blocks-core": "^4.3.
|
|
20
|
+
"@khanacademy/wonder-blocks-core": "^4.3.2",
|
|
21
21
|
"@khanacademy/wonder-blocks-spacing": "^3.0.5"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
@@ -25,6 +25,6 @@
|
|
|
25
25
|
"react": "16.14.0"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"wb-dev-build-settings": "^0.
|
|
28
|
+
"wb-dev-build-settings": "^0.4.0"
|
|
29
29
|
}
|
|
30
30
|
}
|
|
@@ -66,7 +66,7 @@ export default class CircularSpinner extends React.Component<Props> {
|
|
|
66
66
|
};
|
|
67
67
|
|
|
68
68
|
render(): React.Node {
|
|
69
|
-
const {size, light, style} = this.props;
|
|
69
|
+
const {size, light, style, testId} = this.props;
|
|
70
70
|
|
|
71
71
|
const height = heights[size];
|
|
72
72
|
const path = paths[size];
|
|
@@ -78,6 +78,7 @@ export default class CircularSpinner extends React.Component<Props> {
|
|
|
78
78
|
width={height}
|
|
79
79
|
height={height}
|
|
80
80
|
viewBox={`0 0 ${height} ${height}`}
|
|
81
|
+
data-test-id={testId}
|
|
81
82
|
>
|
|
82
83
|
<StyledPath
|
|
83
84
|
style={[styles.loadingSpinner, {fill: color}]}
|