@commercetools-uikit/loading-spinner 12.2.3 → 13.0.0
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/dist/commercetools-uikit-loading-spinner.cjs.dev.js +9 -9
- package/dist/commercetools-uikit-loading-spinner.cjs.prod.js +6 -6
- package/dist/commercetools-uikit-loading-spinner.esm.js +2 -2
- package/dist/declarations/src/index.d.ts +2 -2
- package/dist/declarations/src/loading-spinner.d.ts +12 -12
- package/dist/declarations/src/version.d.ts +2 -2
- package/package.json +8 -12
|
@@ -42,7 +42,7 @@ var LoadingSpinner = function LoadingSpinner(props) {
|
|
|
42
42
|
|
|
43
43
|
var size = sizePerScale[props.scale];
|
|
44
44
|
react$1.useEffect(function () {
|
|
45
|
-
var delaySpinnerTimeout = _setTimeout__default[
|
|
45
|
+
var delaySpinnerTimeout = _setTimeout__default["default"](function () {
|
|
46
46
|
return setShowSpinner(true);
|
|
47
47
|
}, props.maxDelayDuration);
|
|
48
48
|
|
|
@@ -51,7 +51,7 @@ var LoadingSpinner = function LoadingSpinner(props) {
|
|
|
51
51
|
};
|
|
52
52
|
}, [props.maxDelayDuration]);
|
|
53
53
|
if (!showSpinner) return null;
|
|
54
|
-
return jsxRuntime.jsxs(Inline__default[
|
|
54
|
+
return jsxRuntime.jsxs(Inline__default["default"], {
|
|
55
55
|
alignItems: "center",
|
|
56
56
|
children: [jsxRuntime.jsx("div", {
|
|
57
57
|
css: /*#__PURE__*/react.css("width:", size, ";height:", size, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LoadingSpinner;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvYWRpbmctc3Bpbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0VnQiIsImZpbGUiOiJsb2FkaW5nLXNwaW5uZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVhY3ROb2RlLCB1c2VTdGF0ZSwgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIGFzIHZhcnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IElubGluZSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncy1pbmxpbmUnO1xuXG5jb25zdCBjaXJjbGVQYXRoID1cbiAgJ00yMC4yMDEsNS4xNjljLTguMjU0LDAtMTQuOTQ2LDYuNjkyLTE0Ljk0NiwxNC45NDZjMCw4LjI1NSw2LjY5MiwxNC45NDYsMTQuOTQ2LDE0Ljk0NiBzMTQuOTQ2LTYuNjkxLDE0Ljk0Ni0xNC45NDZDMzUuMTQ2LDExLjg2MSwyOC40NTUsNS4xNjksMjAuMjAxLDUuMTY5eiBNMjAuMjAxLDMxLjc0OWMtNi40MjUsMC0xMS42MzQtNS4yMDgtMTEuNjM0LTExLjYzNGMwLTYuNDI1LDUuMjA5LTExLjYzNCwxMS42MzQtMTEuNjM0YzYuNDI1LDAsMTEuNjMzLDUuMjA5LDExLjYzMywxMS42MzRDMzEuODM0LDI2LjU0MSwyNi42MjYsMzEuNzQ5LDIwLjIwMSwzMS43NDl6JztcbmNvbnN0IHBvaW50ZXJQYXRoID1cbiAgJ00yNi4wMTMsMTAuMDQ3bDEuNjU0LTIuODY2Yy0yLjE5OC0xLjI3Mi00Ljc0My0yLjAxMi03LjQ2Ni0yLjAxMmgwdjMuMzEyaDAgQzIyLjMyLDguNDgxLDI0LjMwMSw5LjA1NywyNi4wMTMsMTAuMDQ3eic7XG5cbmNvbnN0IHNwaW4gPSBrZXlmcmFtZXNgXG4gIGZyb20ge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICB9XG5cbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gIH1cbmA7XG5cbmNvbnN0IHNpemVQZXJTY2FsZSA9IHtcbiAgczogJzE4cHgnLFxuICBsOiAnMzJweCcsXG59O1xuXG5jb25zdCBwb3NpdGlvbk9yaWdpbiA9ICcyMHB4JztcblxudHlwZSBUTG9hZGluZ1NwaW5uZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldCB0aGUgYW1vdW50IG9mIHRpbWUgdG8gZGVsYXkgdGhlIGxvYWRpbmcgc3Bpbm5lciBiZWZvcmUgaXQgcmVuZGVycy5cbiAgICogVGhlIGRlZmF1bHQgdmFsdWUgb2YgaXMgMTAwMG1zLlxuICAgKi9cbiAgbWF4RGVsYXlEdXJhdGlvbj86IG51bWJlcjtcbiAgLyoqXG4gICAqIFNldCB0aGUgc2l6ZSBvZiB0aGUgbG9hZGluZyBzcGlubmVyLlxuICAgKi9cbiAgc2NhbGU6ICdzJyB8ICdsJztcbiAgLyoqXG4gICAqIFRoZSBjb250ZW50IHJlbmRlcmVkIGluc2lkZSB0aGUgYExvYWRpbmdTcGlubmVyYC5cbiAgICovXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlO1xufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFRMb2FkaW5nU3Bpbm5lclByb3BzLCAnc2NhbGUnIHwgJ21heERlbGF5RHVyYXRpb24nPiA9IHtcbiAgc2NhbGU6ICdsJyxcbiAgbWF4RGVsYXlEdXJhdGlvbjogMTAwMCxcbn07XG5cbmNvbnN0IExvYWRpbmdTcGlubmVyID0gKHByb3BzOiBUTG9hZGluZ1NwaW5uZXJQcm9wcykgPT4ge1xuICBjb25zdCBbc2hvd1NwaW5uZXIsIHNldFNob3dTcGlubmVyXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3Qgc2l6ZSA9IHNpemVQZXJTY2FsZVtwcm9wcy5zY2FsZV07XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgZGVsYXlTcGlubmVyVGltZW91dCA9IHNldFRpbWVvdXQoXG4gICAgICAoKSA9PiBzZXRTaG93U3Bpbm5lcih0cnVlKSxcbiAgICAgIHByb3BzLm1heERlbGF5RHVyYXRpb25cbiAgICApO1xuXG4gICAgcmV0dXJuICgpID0+IGNsZWFyVGltZW91dChkZWxheVNwaW5uZXJUaW1lb3V0KTtcbiAgfSwgW3Byb3BzLm1heERlbGF5RHVyYXRpb25dKTtcblxuICBpZiAoIXNob3dTcGlubmVyKSByZXR1cm4gbnVsbDtcblxuICByZXR1cm4gKFxuICAgIDxJbmxpbmUgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICB3aWR0aDogJHtzaXplfTtcbiAgICAgICAgICBoZWlnaHQ6ICR7c2l6ZX07XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxzdmdcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHdpZHRoOiAke3NpemV9O1xuICAgICAgICAgICAgaGVpZ2h0OiAke3NpemV9O1xuICAgICAgICAgIGB9XG4gICAgICAgICAgdmlld0JveD1cIjAgMCA0MCA0MFwiXG4gICAgICAgID5cbiAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIGZpbGw6ICR7dmFycy5jb2xvckFjY2VudH07XG4gICAgICAgICAgICAgIG9wYWNpdHk6IDAuMjtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgICBkPXtjaXJjbGVQYXRofVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBhbmltYXRpb246ICR7c3Bpbn0gMC41cyBpbmZpbml0ZSBsaW5lYXI7XG4gICAgICAgICAgICAgIGZpbGw6ICR7dmFycy5jb2xvckFjY2VudH07XG4gICAgICAgICAgICAgIHRyYW5zZm9ybS1vcmlnaW46ICR7cG9zaXRpb25PcmlnaW59ICR7cG9zaXRpb25PcmlnaW59IDA7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgZD17cG9pbnRlclBhdGh9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9zdmc+XG4gICAgICA8L2Rpdj5cbiAgICAgIHtwcm9wcy5jaGlsZHJlbiAmJiAoXG4gICAgICAgIDxUZXh0LkRldGFpbCB0b25lPVwic2Vjb25kYXJ5XCI+e3Byb3BzLmNoaWxkcmVufTwvVGV4dC5EZXRhaWw+XG4gICAgICApfVxuICAgIDwvSW5saW5lPlxuICApO1xufTtcbkxvYWRpbmdTcGlubmVyLmRpc3BsYXlOYW1lID0gJ0xvYWRpbmdTcGlubmVyJztcbkxvYWRpbmdTcGlubmVyLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgTG9hZGluZ1NwaW5uZXI7XG4iXX0= */"),
|
|
@@ -66,7 +66,7 @@ var LoadingSpinner = function LoadingSpinner(props) {
|
|
|
66
66
|
d: pointerPath
|
|
67
67
|
})]
|
|
68
68
|
})
|
|
69
|
-
}), props.children && jsxRuntime.jsx(Text__default[
|
|
69
|
+
}), props.children && jsxRuntime.jsx(Text__default["default"].Detail, {
|
|
70
70
|
tone: "secondary",
|
|
71
71
|
children: props.children
|
|
72
72
|
})]
|
|
@@ -74,16 +74,16 @@ var LoadingSpinner = function LoadingSpinner(props) {
|
|
|
74
74
|
};
|
|
75
75
|
|
|
76
76
|
LoadingSpinner.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
77
|
-
maxDelayDuration: _pt__default[
|
|
78
|
-
scale: _pt__default[
|
|
79
|
-
children: _pt__default[
|
|
77
|
+
maxDelayDuration: _pt__default["default"].number,
|
|
78
|
+
scale: _pt__default["default"].oneOf(['s', 'l']).isRequired,
|
|
79
|
+
children: _pt__default["default"].node
|
|
80
80
|
} : {};
|
|
81
81
|
LoadingSpinner.displayName = 'LoadingSpinner';
|
|
82
82
|
LoadingSpinner.defaultProps = defaultProps;
|
|
83
83
|
var LoadingSpinner$1 = LoadingSpinner;
|
|
84
84
|
|
|
85
|
-
// NOTE: This string will be replaced
|
|
86
|
-
var version =
|
|
85
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
86
|
+
var version = "13.0.0";
|
|
87
87
|
|
|
88
|
-
exports[
|
|
88
|
+
exports["default"] = LoadingSpinner$1;
|
|
89
89
|
exports.version = version;
|
|
@@ -41,7 +41,7 @@ var LoadingSpinner = function LoadingSpinner(props) {
|
|
|
41
41
|
|
|
42
42
|
var size = sizePerScale[props.scale];
|
|
43
43
|
react$1.useEffect(function () {
|
|
44
|
-
var delaySpinnerTimeout = _setTimeout__default[
|
|
44
|
+
var delaySpinnerTimeout = _setTimeout__default["default"](function () {
|
|
45
45
|
return setShowSpinner(true);
|
|
46
46
|
}, props.maxDelayDuration);
|
|
47
47
|
|
|
@@ -50,7 +50,7 @@ var LoadingSpinner = function LoadingSpinner(props) {
|
|
|
50
50
|
};
|
|
51
51
|
}, [props.maxDelayDuration]);
|
|
52
52
|
if (!showSpinner) return null;
|
|
53
|
-
return jsxRuntime.jsxs(Inline__default[
|
|
53
|
+
return jsxRuntime.jsxs(Inline__default["default"], {
|
|
54
54
|
alignItems: "center",
|
|
55
55
|
children: [jsxRuntime.jsx("div", {
|
|
56
56
|
css: /*#__PURE__*/react.css("width:", size, ";height:", size, ";" + ("" ), "" ),
|
|
@@ -65,7 +65,7 @@ var LoadingSpinner = function LoadingSpinner(props) {
|
|
|
65
65
|
d: pointerPath
|
|
66
66
|
})]
|
|
67
67
|
})
|
|
68
|
-
}), props.children && jsxRuntime.jsx(Text__default[
|
|
68
|
+
}), props.children && jsxRuntime.jsx(Text__default["default"].Detail, {
|
|
69
69
|
tone: "secondary",
|
|
70
70
|
children: props.children
|
|
71
71
|
})]
|
|
@@ -77,8 +77,8 @@ LoadingSpinner.displayName = 'LoadingSpinner';
|
|
|
77
77
|
LoadingSpinner.defaultProps = defaultProps;
|
|
78
78
|
var LoadingSpinner$1 = LoadingSpinner;
|
|
79
79
|
|
|
80
|
-
// NOTE: This string will be replaced
|
|
81
|
-
var version =
|
|
80
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
81
|
+
var version = "13.0.0";
|
|
82
82
|
|
|
83
|
-
exports[
|
|
83
|
+
exports["default"] = LoadingSpinner$1;
|
|
84
84
|
exports.version = version;
|
|
@@ -71,7 +71,7 @@ LoadingSpinner.displayName = 'LoadingSpinner';
|
|
|
71
71
|
LoadingSpinner.defaultProps = defaultProps;
|
|
72
72
|
var LoadingSpinner$1 = LoadingSpinner;
|
|
73
73
|
|
|
74
|
-
// NOTE: This string will be replaced
|
|
75
|
-
var version =
|
|
74
|
+
// NOTE: This string will be replaced on build time with the package version.
|
|
75
|
+
var version = "13.0.0";
|
|
76
76
|
|
|
77
77
|
export { LoadingSpinner$1 as default, version };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default } from './loading-spinner';
|
|
2
|
-
export { default as version } from './version';
|
|
1
|
+
export { default } from './loading-spinner';
|
|
2
|
+
export { default as version } from './version';
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
declare type TLoadingSpinnerProps = {
|
|
3
|
-
maxDelayDuration?: number;
|
|
4
|
-
scale: 's' | 'l';
|
|
5
|
-
children?: ReactNode;
|
|
6
|
-
};
|
|
7
|
-
declare const LoadingSpinner: {
|
|
8
|
-
(props: TLoadingSpinnerProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
|
|
9
|
-
displayName: string;
|
|
10
|
-
defaultProps: Pick<TLoadingSpinnerProps, "scale" | "maxDelayDuration">;
|
|
11
|
-
};
|
|
12
|
-
export default LoadingSpinner;
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
declare type TLoadingSpinnerProps = {
|
|
3
|
+
maxDelayDuration?: number;
|
|
4
|
+
scale: 's' | 'l';
|
|
5
|
+
children?: ReactNode;
|
|
6
|
+
};
|
|
7
|
+
declare const LoadingSpinner: {
|
|
8
|
+
(props: TLoadingSpinnerProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
|
|
9
|
+
displayName: string;
|
|
10
|
+
defaultProps: Pick<TLoadingSpinnerProps, "scale" | "maxDelayDuration">;
|
|
11
|
+
};
|
|
12
|
+
export default LoadingSpinner;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: "
|
|
2
|
-
export default _default;
|
|
1
|
+
declare const _default: "__@UI_KIT_PACKAGE/VERSION_OF_RELEASE__";
|
|
2
|
+
export default _default;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/loading-spinner",
|
|
3
3
|
"description": "A spinner animation to indicate loading state (e.g pending requests) for the user.",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "13.0.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -11,7 +11,6 @@
|
|
|
11
11
|
"homepage": "https://uikit.commercetools.com",
|
|
12
12
|
"keywords": ["javascript", "design system", "react", "uikit"],
|
|
13
13
|
"license": "MIT",
|
|
14
|
-
"private": false,
|
|
15
14
|
"publishConfig": {
|
|
16
15
|
"access": "public"
|
|
17
16
|
},
|
|
@@ -19,18 +18,15 @@
|
|
|
19
18
|
"main": "dist/commercetools-uikit-loading-spinner.cjs.js",
|
|
20
19
|
"module": "dist/commercetools-uikit-loading-spinner.esm.js",
|
|
21
20
|
"files": ["dist"],
|
|
22
|
-
"scripts": {
|
|
23
|
-
"prepare": "../../../scripts/version.js replace"
|
|
24
|
-
},
|
|
25
21
|
"dependencies": {
|
|
26
|
-
"@babel/runtime": "7.
|
|
27
|
-
"@babel/runtime-corejs3": "7.
|
|
28
|
-
"@commercetools-uikit/design-system": "
|
|
29
|
-
"@commercetools-uikit/spacings-inline": "
|
|
30
|
-
"@commercetools-uikit/text": "
|
|
31
|
-
"@commercetools-uikit/utils": "12.2.
|
|
22
|
+
"@babel/runtime": "7.17.2",
|
|
23
|
+
"@babel/runtime-corejs3": "7.17.2",
|
|
24
|
+
"@commercetools-uikit/design-system": "13.0.0",
|
|
25
|
+
"@commercetools-uikit/spacings-inline": "13.0.0",
|
|
26
|
+
"@commercetools-uikit/text": "13.0.0",
|
|
27
|
+
"@commercetools-uikit/utils": "12.2.9",
|
|
32
28
|
"@emotion/react": "^11.4.0",
|
|
33
|
-
"prop-types": "15.
|
|
29
|
+
"prop-types": "15.8.1"
|
|
34
30
|
},
|
|
35
31
|
"devDependencies": {
|
|
36
32
|
"react": "17.0.2"
|