@commercetools-uikit/loading-spinner 19.20.1 → 19.21.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.
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
|
|
6
|
+
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
6
7
|
var _pt = require('prop-types');
|
|
7
8
|
var _setTimeout = require('@babel/runtime-corejs3/core-js-stable/set-timeout');
|
|
8
9
|
var react$1 = require('react');
|
|
@@ -19,6 +20,7 @@ var _setTimeout__default = /*#__PURE__*/_interopDefault(_setTimeout);
|
|
|
19
20
|
var Text__default = /*#__PURE__*/_interopDefault(Text);
|
|
20
21
|
var Inline__default = /*#__PURE__*/_interopDefault(Inline);
|
|
21
22
|
|
|
23
|
+
const _excluded = ["scale", "maxDelayDuration"];
|
|
22
24
|
const circlePath = 'M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z';
|
|
23
25
|
const pointerPath = 'M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z';
|
|
24
26
|
const spin = react.keyframes`
|
|
@@ -35,33 +37,34 @@ const sizePerScale = {
|
|
|
35
37
|
l: '32px'
|
|
36
38
|
};
|
|
37
39
|
const positionOrigin = '20px';
|
|
38
|
-
const
|
|
39
|
-
scale
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
40
|
+
const LoadingSpinner = _ref => {
|
|
41
|
+
let _ref$scale = _ref.scale,
|
|
42
|
+
scale = _ref$scale === void 0 ? 'l' : _ref$scale,
|
|
43
|
+
_ref$maxDelayDuration = _ref.maxDelayDuration,
|
|
44
|
+
maxDelayDuration = _ref$maxDelayDuration === void 0 ? 1000 : _ref$maxDelayDuration,
|
|
45
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
43
46
|
const _useState = react$1.useState(false),
|
|
44
47
|
_useState2 = _slicedToArray(_useState, 2),
|
|
45
48
|
showSpinner = _useState2[0],
|
|
46
49
|
setShowSpinner = _useState2[1];
|
|
47
|
-
const size = sizePerScale[
|
|
50
|
+
const size = sizePerScale[scale];
|
|
48
51
|
react$1.useEffect(() => {
|
|
49
|
-
const delaySpinnerTimeout = _setTimeout__default["default"](() => setShowSpinner(true),
|
|
52
|
+
const delaySpinnerTimeout = _setTimeout__default["default"](() => setShowSpinner(true), maxDelayDuration);
|
|
50
53
|
return () => clearTimeout(delaySpinnerTimeout);
|
|
51
|
-
}, [
|
|
52
|
-
if (!showSpinner && (
|
|
54
|
+
}, [maxDelayDuration]);
|
|
55
|
+
if (!showSpinner && (maxDelayDuration ?? 0) > 0) return null;
|
|
53
56
|
return jsxRuntime.jsxs(Inline__default["default"], {
|
|
54
57
|
alignItems: "center",
|
|
55
58
|
children: [jsxRuntime.jsx("div", {
|
|
56
|
-
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,
|
|
59
|
+
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvYWRpbmctc3Bpbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUVnQiIsImZpbGUiOiJsb2FkaW5nLXNwaW5uZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVhY3ROb2RlLCB1c2VTdGF0ZSwgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IElubGluZSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncy1pbmxpbmUnO1xuXG5jb25zdCBjaXJjbGVQYXRoID1cbiAgJ00yMC4yMDEsNS4xNjljLTguMjU0LDAtMTQuOTQ2LDYuNjkyLTE0Ljk0NiwxNC45NDZjMCw4LjI1NSw2LjY5MiwxNC45NDYsMTQuOTQ2LDE0Ljk0NiBzMTQuOTQ2LTYuNjkxLDE0Ljk0Ni0xNC45NDZDMzUuMTQ2LDExLjg2MSwyOC40NTUsNS4xNjksMjAuMjAxLDUuMTY5eiBNMjAuMjAxLDMxLjc0OWMtNi40MjUsMC0xMS42MzQtNS4yMDgtMTEuNjM0LTExLjYzNGMwLTYuNDI1LDUuMjA5LTExLjYzNCwxMS42MzQtMTEuNjM0YzYuNDI1LDAsMTEuNjMzLDUuMjA5LDExLjYzMywxMS42MzRDMzEuODM0LDI2LjU0MSwyNi42MjYsMzEuNzQ5LDIwLjIwMSwzMS43NDl6JztcbmNvbnN0IHBvaW50ZXJQYXRoID1cbiAgJ00yNi4wMTMsMTAuMDQ3bDEuNjU0LTIuODY2Yy0yLjE5OC0xLjI3Mi00Ljc0My0yLjAxMi03LjQ2Ni0yLjAxMmgwdjMuMzEyaDAgQzIyLjMyLDguNDgxLDI0LjMwMSw5LjA1NywyNi4wMTMsMTAuMDQ3eic7XG5cbmNvbnN0IHNwaW4gPSBrZXlmcmFtZXNgXG4gIGZyb20ge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICB9XG5cbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gIH1cbmA7XG5cbmNvbnN0IHNpemVQZXJTY2FsZSA9IHtcbiAgczogJzE4cHgnLFxuICBsOiAnMzJweCcsXG59O1xuXG5jb25zdCBwb3NpdGlvbk9yaWdpbiA9ICcyMHB4JztcblxuZXhwb3J0IHR5cGUgVExvYWRpbmdTcGlubmVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXQgdGhlIGFtb3VudCBvZiB0aW1lIHRvIGRlbGF5IHRoZSBsb2FkaW5nIHNwaW5uZXIgYmVmb3JlIGl0IHJlbmRlcnMuXG4gICAqIFRoZSBkZWZhdWx0IHZhbHVlIG9mIGlzIDEwMDBtcy5cbiAgICovXG4gIG1heERlbGF5RHVyYXRpb24/OiBudW1iZXI7XG4gIC8qKlxuICAgKiBTZXQgdGhlIHNpemUgb2YgdGhlIGxvYWRpbmcgc3Bpbm5lci5cbiAgICovXG4gIHNjYWxlOiAncycgfCAnbCc7XG4gIC8qKlxuICAgKiBUaGUgY29udGVudCByZW5kZXJlZCBpbnNpZGUgdGhlIGBMb2FkaW5nU3Bpbm5lcmAuXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IExvYWRpbmdTcGlubmVyID0gKHtcbiAgc2NhbGUgPSAnbCcsXG4gIG1heERlbGF5RHVyYXRpb24gPSAxMDAwLFxuICAuLi5wcm9wc1xufTogVExvYWRpbmdTcGlubmVyUHJvcHMpID0+IHtcbiAgY29uc3QgW3Nob3dTcGlubmVyLCBzZXRTaG93U3Bpbm5lcl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHNpemUgPSBzaXplUGVyU2NhbGVbc2NhbGVdO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGRlbGF5U3Bpbm5lclRpbWVvdXQgPSBzZXRUaW1lb3V0KFxuICAgICAgKCkgPT4gc2V0U2hvd1NwaW5uZXIodHJ1ZSksXG4gICAgICBtYXhEZWxheUR1cmF0aW9uXG4gICAgKTtcblxuICAgIHJldHVybiAoKSA9PiBjbGVhclRpbWVvdXQoZGVsYXlTcGlubmVyVGltZW91dCk7XG4gIH0sIFttYXhEZWxheUR1cmF0aW9uXSk7XG5cbiAgaWYgKCFzaG93U3Bpbm5lciAmJiAobWF4RGVsYXlEdXJhdGlvbiA/PyAwKSA+IDApIHJldHVybiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPElubGluZSBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHdpZHRoOiAke3NpemV9O1xuICAgICAgICAgIGhlaWdodDogJHtzaXplfTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPHN2Z1xuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgd2lkdGg6ICR7c2l6ZX07XG4gICAgICAgICAgICBoZWlnaHQ6ICR7c2l6ZX07XG4gICAgICAgICAgYH1cbiAgICAgICAgICB2aWV3Qm94PVwiMCAwIDQwIDQwXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5OTB9O1xuICAgICAgICAgICAgICBvcGFjaXR5OiAwLjI7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgZD17Y2lyY2xlUGF0aH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYW5pbWF0aW9uOiAke3NwaW59IDAuNXMgaW5maW5pdGUgbGluZWFyO1xuICAgICAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnl9O1xuICAgICAgICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiAke3Bvc2l0aW9uT3JpZ2lufSAke3Bvc2l0aW9uT3JpZ2lufSAwO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGQ9e3BvaW50ZXJQYXRofVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvc3ZnPlxuICAgICAgPC9kaXY+XG4gICAgICB7cHJvcHMuY2hpbGRyZW4gJiYgKFxuICAgICAgICA8VGV4dC5EZXRhaWwgdG9uZT1cInNlY29uZGFyeVwiPntwcm9wcy5jaGlsZHJlbn08L1RleHQuRGV0YWlsPlxuICAgICAgKX1cbiAgICA8L0lubGluZT5cbiAgKTtcbn07XG5Mb2FkaW5nU3Bpbm5lci5kaXNwbGF5TmFtZSA9ICdMb2FkaW5nU3Bpbm5lcic7XG5cbmV4cG9ydCBkZWZhdWx0IExvYWRpbmdTcGlubmVyO1xuIl19 */"),
|
|
57
60
|
children: jsxRuntime.jsxs("svg", {
|
|
58
|
-
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,
|
|
61
|
+
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvYWRpbmctc3Bpbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUVrQiIsImZpbGUiOiJsb2FkaW5nLXNwaW5uZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVhY3ROb2RlLCB1c2VTdGF0ZSwgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IElubGluZSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncy1pbmxpbmUnO1xuXG5jb25zdCBjaXJjbGVQYXRoID1cbiAgJ00yMC4yMDEsNS4xNjljLTguMjU0LDAtMTQuOTQ2LDYuNjkyLTE0Ljk0NiwxNC45NDZjMCw4LjI1NSw2LjY5MiwxNC45NDYsMTQuOTQ2LDE0Ljk0NiBzMTQuOTQ2LTYuNjkxLDE0Ljk0Ni0xNC45NDZDMzUuMTQ2LDExLjg2MSwyOC40NTUsNS4xNjksMjAuMjAxLDUuMTY5eiBNMjAuMjAxLDMxLjc0OWMtNi40MjUsMC0xMS42MzQtNS4yMDgtMTEuNjM0LTExLjYzNGMwLTYuNDI1LDUuMjA5LTExLjYzNCwxMS42MzQtMTEuNjM0YzYuNDI1LDAsMTEuNjMzLDUuMjA5LDExLjYzMywxMS42MzRDMzEuODM0LDI2LjU0MSwyNi42MjYsMzEuNzQ5LDIwLjIwMSwzMS43NDl6JztcbmNvbnN0IHBvaW50ZXJQYXRoID1cbiAgJ00yNi4wMTMsMTAuMDQ3bDEuNjU0LTIuODY2Yy0yLjE5OC0xLjI3Mi00Ljc0My0yLjAxMi03LjQ2Ni0yLjAxMmgwdjMuMzEyaDAgQzIyLjMyLDguNDgxLDI0LjMwMSw5LjA1NywyNi4wMTMsMTAuMDQ3eic7XG5cbmNvbnN0IHNwaW4gPSBrZXlmcmFtZXNgXG4gIGZyb20ge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICB9XG5cbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gIH1cbmA7XG5cbmNvbnN0IHNpemVQZXJTY2FsZSA9IHtcbiAgczogJzE4cHgnLFxuICBsOiAnMzJweCcsXG59O1xuXG5jb25zdCBwb3NpdGlvbk9yaWdpbiA9ICcyMHB4JztcblxuZXhwb3J0IHR5cGUgVExvYWRpbmdTcGlubmVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXQgdGhlIGFtb3VudCBvZiB0aW1lIHRvIGRlbGF5IHRoZSBsb2FkaW5nIHNwaW5uZXIgYmVmb3JlIGl0IHJlbmRlcnMuXG4gICAqIFRoZSBkZWZhdWx0IHZhbHVlIG9mIGlzIDEwMDBtcy5cbiAgICovXG4gIG1heERlbGF5RHVyYXRpb24/OiBudW1iZXI7XG4gIC8qKlxuICAgKiBTZXQgdGhlIHNpemUgb2YgdGhlIGxvYWRpbmcgc3Bpbm5lci5cbiAgICovXG4gIHNjYWxlOiAncycgfCAnbCc7XG4gIC8qKlxuICAgKiBUaGUgY29udGVudCByZW5kZXJlZCBpbnNpZGUgdGhlIGBMb2FkaW5nU3Bpbm5lcmAuXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IExvYWRpbmdTcGlubmVyID0gKHtcbiAgc2NhbGUgPSAnbCcsXG4gIG1heERlbGF5RHVyYXRpb24gPSAxMDAwLFxuICAuLi5wcm9wc1xufTogVExvYWRpbmdTcGlubmVyUHJvcHMpID0+IHtcbiAgY29uc3QgW3Nob3dTcGlubmVyLCBzZXRTaG93U3Bpbm5lcl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHNpemUgPSBzaXplUGVyU2NhbGVbc2NhbGVdO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGRlbGF5U3Bpbm5lclRpbWVvdXQgPSBzZXRUaW1lb3V0KFxuICAgICAgKCkgPT4gc2V0U2hvd1NwaW5uZXIodHJ1ZSksXG4gICAgICBtYXhEZWxheUR1cmF0aW9uXG4gICAgKTtcblxuICAgIHJldHVybiAoKSA9PiBjbGVhclRpbWVvdXQoZGVsYXlTcGlubmVyVGltZW91dCk7XG4gIH0sIFttYXhEZWxheUR1cmF0aW9uXSk7XG5cbiAgaWYgKCFzaG93U3Bpbm5lciAmJiAobWF4RGVsYXlEdXJhdGlvbiA/PyAwKSA+IDApIHJldHVybiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPElubGluZSBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHdpZHRoOiAke3NpemV9O1xuICAgICAgICAgIGhlaWdodDogJHtzaXplfTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPHN2Z1xuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgd2lkdGg6ICR7c2l6ZX07XG4gICAgICAgICAgICBoZWlnaHQ6ICR7c2l6ZX07XG4gICAgICAgICAgYH1cbiAgICAgICAgICB2aWV3Qm94PVwiMCAwIDQwIDQwXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5OTB9O1xuICAgICAgICAgICAgICBvcGFjaXR5OiAwLjI7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgZD17Y2lyY2xlUGF0aH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYW5pbWF0aW9uOiAke3NwaW59IDAuNXMgaW5maW5pdGUgbGluZWFyO1xuICAgICAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnl9O1xuICAgICAgICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiAke3Bvc2l0aW9uT3JpZ2lufSAke3Bvc2l0aW9uT3JpZ2lufSAwO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGQ9e3BvaW50ZXJQYXRofVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvc3ZnPlxuICAgICAgPC9kaXY+XG4gICAgICB7cHJvcHMuY2hpbGRyZW4gJiYgKFxuICAgICAgICA8VGV4dC5EZXRhaWwgdG9uZT1cInNlY29uZGFyeVwiPntwcm9wcy5jaGlsZHJlbn08L1RleHQuRGV0YWlsPlxuICAgICAgKX1cbiAgICA8L0lubGluZT5cbiAgKTtcbn07XG5Mb2FkaW5nU3Bpbm5lci5kaXNwbGF5TmFtZSA9ICdMb2FkaW5nU3Bpbm5lcic7XG5cbmV4cG9ydCBkZWZhdWx0IExvYWRpbmdTcGlubmVyO1xuIl19 */"),
|
|
59
62
|
viewBox: "0 0 40 40",
|
|
60
63
|
children: [jsxRuntime.jsx("path", {
|
|
61
|
-
css: /*#__PURE__*/react.css("fill:", designSystem.designTokens.colorPrimary90, ";opacity:0.2;" + (process.env.NODE_ENV === "production" ? "" : ";label:LoadingSpinner;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
64
|
+
css: /*#__PURE__*/react.css("fill:", designSystem.designTokens.colorPrimary90, ";opacity:0.2;" + (process.env.NODE_ENV === "production" ? "" : ";label:LoadingSpinner;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvYWRpbmctc3Bpbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEVvQiIsImZpbGUiOiJsb2FkaW5nLXNwaW5uZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVhY3ROb2RlLCB1c2VTdGF0ZSwgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IElubGluZSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncy1pbmxpbmUnO1xuXG5jb25zdCBjaXJjbGVQYXRoID1cbiAgJ00yMC4yMDEsNS4xNjljLTguMjU0LDAtMTQuOTQ2LDYuNjkyLTE0Ljk0NiwxNC45NDZjMCw4LjI1NSw2LjY5MiwxNC45NDYsMTQuOTQ2LDE0Ljk0NiBzMTQuOTQ2LTYuNjkxLDE0Ljk0Ni0xNC45NDZDMzUuMTQ2LDExLjg2MSwyOC40NTUsNS4xNjksMjAuMjAxLDUuMTY5eiBNMjAuMjAxLDMxLjc0OWMtNi40MjUsMC0xMS42MzQtNS4yMDgtMTEuNjM0LTExLjYzNGMwLTYuNDI1LDUuMjA5LTExLjYzNCwxMS42MzQtMTEuNjM0YzYuNDI1LDAsMTEuNjMzLDUuMjA5LDExLjYzMywxMS42MzRDMzEuODM0LDI2LjU0MSwyNi42MjYsMzEuNzQ5LDIwLjIwMSwzMS43NDl6JztcbmNvbnN0IHBvaW50ZXJQYXRoID1cbiAgJ00yNi4wMTMsMTAuMDQ3bDEuNjU0LTIuODY2Yy0yLjE5OC0xLjI3Mi00Ljc0My0yLjAxMi03LjQ2Ni0yLjAxMmgwdjMuMzEyaDAgQzIyLjMyLDguNDgxLDI0LjMwMSw5LjA1NywyNi4wMTMsMTAuMDQ3eic7XG5cbmNvbnN0IHNwaW4gPSBrZXlmcmFtZXNgXG4gIGZyb20ge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICB9XG5cbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gIH1cbmA7XG5cbmNvbnN0IHNpemVQZXJTY2FsZSA9IHtcbiAgczogJzE4cHgnLFxuICBsOiAnMzJweCcsXG59O1xuXG5jb25zdCBwb3NpdGlvbk9yaWdpbiA9ICcyMHB4JztcblxuZXhwb3J0IHR5cGUgVExvYWRpbmdTcGlubmVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXQgdGhlIGFtb3VudCBvZiB0aW1lIHRvIGRlbGF5IHRoZSBsb2FkaW5nIHNwaW5uZXIgYmVmb3JlIGl0IHJlbmRlcnMuXG4gICAqIFRoZSBkZWZhdWx0IHZhbHVlIG9mIGlzIDEwMDBtcy5cbiAgICovXG4gIG1heERlbGF5RHVyYXRpb24/OiBudW1iZXI7XG4gIC8qKlxuICAgKiBTZXQgdGhlIHNpemUgb2YgdGhlIGxvYWRpbmcgc3Bpbm5lci5cbiAgICovXG4gIHNjYWxlOiAncycgfCAnbCc7XG4gIC8qKlxuICAgKiBUaGUgY29udGVudCByZW5kZXJlZCBpbnNpZGUgdGhlIGBMb2FkaW5nU3Bpbm5lcmAuXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IExvYWRpbmdTcGlubmVyID0gKHtcbiAgc2NhbGUgPSAnbCcsXG4gIG1heERlbGF5RHVyYXRpb24gPSAxMDAwLFxuICAuLi5wcm9wc1xufTogVExvYWRpbmdTcGlubmVyUHJvcHMpID0+IHtcbiAgY29uc3QgW3Nob3dTcGlubmVyLCBzZXRTaG93U3Bpbm5lcl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHNpemUgPSBzaXplUGVyU2NhbGVbc2NhbGVdO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGRlbGF5U3Bpbm5lclRpbWVvdXQgPSBzZXRUaW1lb3V0KFxuICAgICAgKCkgPT4gc2V0U2hvd1NwaW5uZXIodHJ1ZSksXG4gICAgICBtYXhEZWxheUR1cmF0aW9uXG4gICAgKTtcblxuICAgIHJldHVybiAoKSA9PiBjbGVhclRpbWVvdXQoZGVsYXlTcGlubmVyVGltZW91dCk7XG4gIH0sIFttYXhEZWxheUR1cmF0aW9uXSk7XG5cbiAgaWYgKCFzaG93U3Bpbm5lciAmJiAobWF4RGVsYXlEdXJhdGlvbiA/PyAwKSA+IDApIHJldHVybiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPElubGluZSBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHdpZHRoOiAke3NpemV9O1xuICAgICAgICAgIGhlaWdodDogJHtzaXplfTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPHN2Z1xuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgd2lkdGg6ICR7c2l6ZX07XG4gICAgICAgICAgICBoZWlnaHQ6ICR7c2l6ZX07XG4gICAgICAgICAgYH1cbiAgICAgICAgICB2aWV3Qm94PVwiMCAwIDQwIDQwXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5OTB9O1xuICAgICAgICAgICAgICBvcGFjaXR5OiAwLjI7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgZD17Y2lyY2xlUGF0aH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYW5pbWF0aW9uOiAke3NwaW59IDAuNXMgaW5maW5pdGUgbGluZWFyO1xuICAgICAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnl9O1xuICAgICAgICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiAke3Bvc2l0aW9uT3JpZ2lufSAke3Bvc2l0aW9uT3JpZ2lufSAwO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGQ9e3BvaW50ZXJQYXRofVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvc3ZnPlxuICAgICAgPC9kaXY+XG4gICAgICB7cHJvcHMuY2hpbGRyZW4gJiYgKFxuICAgICAgICA8VGV4dC5EZXRhaWwgdG9uZT1cInNlY29uZGFyeVwiPntwcm9wcy5jaGlsZHJlbn08L1RleHQuRGV0YWlsPlxuICAgICAgKX1cbiAgICA8L0lubGluZT5cbiAgKTtcbn07XG5Mb2FkaW5nU3Bpbm5lci5kaXNwbGF5TmFtZSA9ICdMb2FkaW5nU3Bpbm5lcic7XG5cbmV4cG9ydCBkZWZhdWx0IExvYWRpbmdTcGlubmVyO1xuIl19 */"),
|
|
62
65
|
d: circlePath
|
|
63
66
|
}), jsxRuntime.jsx("path", {
|
|
64
|
-
css: /*#__PURE__*/react.css("animation:", spin, " 0.5s infinite linear;fill:", designSystem.designTokens.colorPrimary, ";transform-origin:", positionOrigin, " ", positionOrigin, " 0;" + (process.env.NODE_ENV === "production" ? "" : ";label:LoadingSpinner;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
67
|
+
css: /*#__PURE__*/react.css("animation:", spin, " 0.5s infinite linear;fill:", designSystem.designTokens.colorPrimary, ";transform-origin:", positionOrigin, " ", positionOrigin, " 0;" + (process.env.NODE_ENV === "production" ? "" : ";label:LoadingSpinner;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvYWRpbmctc3Bpbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUZvQiIsImZpbGUiOiJsb2FkaW5nLXNwaW5uZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVhY3ROb2RlLCB1c2VTdGF0ZSwgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IElubGluZSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncy1pbmxpbmUnO1xuXG5jb25zdCBjaXJjbGVQYXRoID1cbiAgJ00yMC4yMDEsNS4xNjljLTguMjU0LDAtMTQuOTQ2LDYuNjkyLTE0Ljk0NiwxNC45NDZjMCw4LjI1NSw2LjY5MiwxNC45NDYsMTQuOTQ2LDE0Ljk0NiBzMTQuOTQ2LTYuNjkxLDE0Ljk0Ni0xNC45NDZDMzUuMTQ2LDExLjg2MSwyOC40NTUsNS4xNjksMjAuMjAxLDUuMTY5eiBNMjAuMjAxLDMxLjc0OWMtNi40MjUsMC0xMS42MzQtNS4yMDgtMTEuNjM0LTExLjYzNGMwLTYuNDI1LDUuMjA5LTExLjYzNCwxMS42MzQtMTEuNjM0YzYuNDI1LDAsMTEuNjMzLDUuMjA5LDExLjYzMywxMS42MzRDMzEuODM0LDI2LjU0MSwyNi42MjYsMzEuNzQ5LDIwLjIwMSwzMS43NDl6JztcbmNvbnN0IHBvaW50ZXJQYXRoID1cbiAgJ00yNi4wMTMsMTAuMDQ3bDEuNjU0LTIuODY2Yy0yLjE5OC0xLjI3Mi00Ljc0My0yLjAxMi03LjQ2Ni0yLjAxMmgwdjMuMzEyaDAgQzIyLjMyLDguNDgxLDI0LjMwMSw5LjA1NywyNi4wMTMsMTAuMDQ3eic7XG5cbmNvbnN0IHNwaW4gPSBrZXlmcmFtZXNgXG4gIGZyb20ge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICB9XG5cbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gIH1cbmA7XG5cbmNvbnN0IHNpemVQZXJTY2FsZSA9IHtcbiAgczogJzE4cHgnLFxuICBsOiAnMzJweCcsXG59O1xuXG5jb25zdCBwb3NpdGlvbk9yaWdpbiA9ICcyMHB4JztcblxuZXhwb3J0IHR5cGUgVExvYWRpbmdTcGlubmVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXQgdGhlIGFtb3VudCBvZiB0aW1lIHRvIGRlbGF5IHRoZSBsb2FkaW5nIHNwaW5uZXIgYmVmb3JlIGl0IHJlbmRlcnMuXG4gICAqIFRoZSBkZWZhdWx0IHZhbHVlIG9mIGlzIDEwMDBtcy5cbiAgICovXG4gIG1heERlbGF5RHVyYXRpb24/OiBudW1iZXI7XG4gIC8qKlxuICAgKiBTZXQgdGhlIHNpemUgb2YgdGhlIGxvYWRpbmcgc3Bpbm5lci5cbiAgICovXG4gIHNjYWxlOiAncycgfCAnbCc7XG4gIC8qKlxuICAgKiBUaGUgY29udGVudCByZW5kZXJlZCBpbnNpZGUgdGhlIGBMb2FkaW5nU3Bpbm5lcmAuXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IExvYWRpbmdTcGlubmVyID0gKHtcbiAgc2NhbGUgPSAnbCcsXG4gIG1heERlbGF5RHVyYXRpb24gPSAxMDAwLFxuICAuLi5wcm9wc1xufTogVExvYWRpbmdTcGlubmVyUHJvcHMpID0+IHtcbiAgY29uc3QgW3Nob3dTcGlubmVyLCBzZXRTaG93U3Bpbm5lcl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHNpemUgPSBzaXplUGVyU2NhbGVbc2NhbGVdO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGRlbGF5U3Bpbm5lclRpbWVvdXQgPSBzZXRUaW1lb3V0KFxuICAgICAgKCkgPT4gc2V0U2hvd1NwaW5uZXIodHJ1ZSksXG4gICAgICBtYXhEZWxheUR1cmF0aW9uXG4gICAgKTtcblxuICAgIHJldHVybiAoKSA9PiBjbGVhclRpbWVvdXQoZGVsYXlTcGlubmVyVGltZW91dCk7XG4gIH0sIFttYXhEZWxheUR1cmF0aW9uXSk7XG5cbiAgaWYgKCFzaG93U3Bpbm5lciAmJiAobWF4RGVsYXlEdXJhdGlvbiA/PyAwKSA+IDApIHJldHVybiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPElubGluZSBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHdpZHRoOiAke3NpemV9O1xuICAgICAgICAgIGhlaWdodDogJHtzaXplfTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPHN2Z1xuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgd2lkdGg6ICR7c2l6ZX07XG4gICAgICAgICAgICBoZWlnaHQ6ICR7c2l6ZX07XG4gICAgICAgICAgYH1cbiAgICAgICAgICB2aWV3Qm94PVwiMCAwIDQwIDQwXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5OTB9O1xuICAgICAgICAgICAgICBvcGFjaXR5OiAwLjI7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgZD17Y2lyY2xlUGF0aH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYW5pbWF0aW9uOiAke3NwaW59IDAuNXMgaW5maW5pdGUgbGluZWFyO1xuICAgICAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnl9O1xuICAgICAgICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiAke3Bvc2l0aW9uT3JpZ2lufSAke3Bvc2l0aW9uT3JpZ2lufSAwO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGQ9e3BvaW50ZXJQYXRofVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvc3ZnPlxuICAgICAgPC9kaXY+XG4gICAgICB7cHJvcHMuY2hpbGRyZW4gJiYgKFxuICAgICAgICA8VGV4dC5EZXRhaWwgdG9uZT1cInNlY29uZGFyeVwiPntwcm9wcy5jaGlsZHJlbn08L1RleHQuRGV0YWlsPlxuICAgICAgKX1cbiAgICA8L0lubGluZT5cbiAgKTtcbn07XG5Mb2FkaW5nU3Bpbm5lci5kaXNwbGF5TmFtZSA9ICdMb2FkaW5nU3Bpbm5lcic7XG5cbmV4cG9ydCBkZWZhdWx0IExvYWRpbmdTcGlubmVyO1xuIl19 */"),
|
|
65
68
|
d: pointerPath
|
|
66
69
|
})]
|
|
67
70
|
})
|
|
@@ -77,11 +80,10 @@ LoadingSpinner.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
77
80
|
children: _pt__default["default"].node
|
|
78
81
|
} : {};
|
|
79
82
|
LoadingSpinner.displayName = 'LoadingSpinner';
|
|
80
|
-
LoadingSpinner.defaultProps = defaultProps;
|
|
81
83
|
var LoadingSpinner$1 = LoadingSpinner;
|
|
82
84
|
|
|
83
85
|
// NOTE: This string will be replaced on build time with the package version.
|
|
84
|
-
var version = "19.
|
|
86
|
+
var version = "19.21.0";
|
|
85
87
|
|
|
86
88
|
exports["default"] = LoadingSpinner$1;
|
|
87
89
|
exports.version = version;
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
|
|
6
|
+
var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
|
|
6
7
|
require('prop-types');
|
|
7
8
|
var _setTimeout = require('@babel/runtime-corejs3/core-js-stable/set-timeout');
|
|
8
9
|
var react$1 = require('react');
|
|
@@ -18,6 +19,7 @@ var _setTimeout__default = /*#__PURE__*/_interopDefault(_setTimeout);
|
|
|
18
19
|
var Text__default = /*#__PURE__*/_interopDefault(Text);
|
|
19
20
|
var Inline__default = /*#__PURE__*/_interopDefault(Inline);
|
|
20
21
|
|
|
22
|
+
const _excluded = ["scale", "maxDelayDuration"];
|
|
21
23
|
const circlePath = 'M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z';
|
|
22
24
|
const pointerPath = 'M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z';
|
|
23
25
|
const spin = react.keyframes`
|
|
@@ -34,21 +36,22 @@ const sizePerScale = {
|
|
|
34
36
|
l: '32px'
|
|
35
37
|
};
|
|
36
38
|
const positionOrigin = '20px';
|
|
37
|
-
const
|
|
38
|
-
scale
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
39
|
+
const LoadingSpinner = _ref => {
|
|
40
|
+
let _ref$scale = _ref.scale,
|
|
41
|
+
scale = _ref$scale === void 0 ? 'l' : _ref$scale,
|
|
42
|
+
_ref$maxDelayDuration = _ref.maxDelayDuration,
|
|
43
|
+
maxDelayDuration = _ref$maxDelayDuration === void 0 ? 1000 : _ref$maxDelayDuration,
|
|
44
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
42
45
|
const _useState = react$1.useState(false),
|
|
43
46
|
_useState2 = _slicedToArray(_useState, 2),
|
|
44
47
|
showSpinner = _useState2[0],
|
|
45
48
|
setShowSpinner = _useState2[1];
|
|
46
|
-
const size = sizePerScale[
|
|
49
|
+
const size = sizePerScale[scale];
|
|
47
50
|
react$1.useEffect(() => {
|
|
48
|
-
const delaySpinnerTimeout = _setTimeout__default["default"](() => setShowSpinner(true),
|
|
51
|
+
const delaySpinnerTimeout = _setTimeout__default["default"](() => setShowSpinner(true), maxDelayDuration);
|
|
49
52
|
return () => clearTimeout(delaySpinnerTimeout);
|
|
50
|
-
}, [
|
|
51
|
-
if (!showSpinner && (
|
|
53
|
+
}, [maxDelayDuration]);
|
|
54
|
+
if (!showSpinner && (maxDelayDuration ?? 0) > 0) return null;
|
|
52
55
|
return jsxRuntime.jsxs(Inline__default["default"], {
|
|
53
56
|
alignItems: "center",
|
|
54
57
|
children: [jsxRuntime.jsx("div", {
|
|
@@ -72,11 +75,10 @@ const LoadingSpinner = props => {
|
|
|
72
75
|
};
|
|
73
76
|
LoadingSpinner.propTypes = {};
|
|
74
77
|
LoadingSpinner.displayName = 'LoadingSpinner';
|
|
75
|
-
LoadingSpinner.defaultProps = defaultProps;
|
|
76
78
|
var LoadingSpinner$1 = LoadingSpinner;
|
|
77
79
|
|
|
78
80
|
// NOTE: This string will be replaced on build time with the package version.
|
|
79
|
-
var version = "19.
|
|
81
|
+
var version = "19.21.0";
|
|
80
82
|
|
|
81
83
|
exports["default"] = LoadingSpinner$1;
|
|
82
84
|
exports.version = version;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
|
|
2
|
+
import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
|
|
2
3
|
import _pt from 'prop-types';
|
|
3
4
|
import _setTimeout from '@babel/runtime-corejs3/core-js-stable/set-timeout';
|
|
4
5
|
import { useState, useEffect } from 'react';
|
|
@@ -8,6 +9,7 @@ import Text from '@commercetools-uikit/text';
|
|
|
8
9
|
import Inline from '@commercetools-uikit/spacings-inline';
|
|
9
10
|
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
10
11
|
|
|
12
|
+
const _excluded = ["scale", "maxDelayDuration"];
|
|
11
13
|
const circlePath = 'M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946 s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z';
|
|
12
14
|
const pointerPath = 'M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0 C22.32,8.481,24.301,9.057,26.013,10.047z';
|
|
13
15
|
const spin = keyframes`
|
|
@@ -24,33 +26,34 @@ const sizePerScale = {
|
|
|
24
26
|
l: '32px'
|
|
25
27
|
};
|
|
26
28
|
const positionOrigin = '20px';
|
|
27
|
-
const
|
|
28
|
-
scale
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
29
|
+
const LoadingSpinner = _ref => {
|
|
30
|
+
let _ref$scale = _ref.scale,
|
|
31
|
+
scale = _ref$scale === void 0 ? 'l' : _ref$scale,
|
|
32
|
+
_ref$maxDelayDuration = _ref.maxDelayDuration,
|
|
33
|
+
maxDelayDuration = _ref$maxDelayDuration === void 0 ? 1000 : _ref$maxDelayDuration,
|
|
34
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
32
35
|
const _useState = useState(false),
|
|
33
36
|
_useState2 = _slicedToArray(_useState, 2),
|
|
34
37
|
showSpinner = _useState2[0],
|
|
35
38
|
setShowSpinner = _useState2[1];
|
|
36
|
-
const size = sizePerScale[
|
|
39
|
+
const size = sizePerScale[scale];
|
|
37
40
|
useEffect(() => {
|
|
38
|
-
const delaySpinnerTimeout = _setTimeout(() => setShowSpinner(true),
|
|
41
|
+
const delaySpinnerTimeout = _setTimeout(() => setShowSpinner(true), maxDelayDuration);
|
|
39
42
|
return () => clearTimeout(delaySpinnerTimeout);
|
|
40
|
-
}, [
|
|
41
|
-
if (!showSpinner && (
|
|
43
|
+
}, [maxDelayDuration]);
|
|
44
|
+
if (!showSpinner && (maxDelayDuration ?? 0) > 0) return null;
|
|
42
45
|
return jsxs(Inline, {
|
|
43
46
|
alignItems: "center",
|
|
44
47
|
children: [jsx("div", {
|
|
45
|
-
css: /*#__PURE__*/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,
|
|
48
|
+
css: /*#__PURE__*/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvYWRpbmctc3Bpbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUVnQiIsImZpbGUiOiJsb2FkaW5nLXNwaW5uZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVhY3ROb2RlLCB1c2VTdGF0ZSwgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IElubGluZSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncy1pbmxpbmUnO1xuXG5jb25zdCBjaXJjbGVQYXRoID1cbiAgJ00yMC4yMDEsNS4xNjljLTguMjU0LDAtMTQuOTQ2LDYuNjkyLTE0Ljk0NiwxNC45NDZjMCw4LjI1NSw2LjY5MiwxNC45NDYsMTQuOTQ2LDE0Ljk0NiBzMTQuOTQ2LTYuNjkxLDE0Ljk0Ni0xNC45NDZDMzUuMTQ2LDExLjg2MSwyOC40NTUsNS4xNjksMjAuMjAxLDUuMTY5eiBNMjAuMjAxLDMxLjc0OWMtNi40MjUsMC0xMS42MzQtNS4yMDgtMTEuNjM0LTExLjYzNGMwLTYuNDI1LDUuMjA5LTExLjYzNCwxMS42MzQtMTEuNjM0YzYuNDI1LDAsMTEuNjMzLDUuMjA5LDExLjYzMywxMS42MzRDMzEuODM0LDI2LjU0MSwyNi42MjYsMzEuNzQ5LDIwLjIwMSwzMS43NDl6JztcbmNvbnN0IHBvaW50ZXJQYXRoID1cbiAgJ00yNi4wMTMsMTAuMDQ3bDEuNjU0LTIuODY2Yy0yLjE5OC0xLjI3Mi00Ljc0My0yLjAxMi03LjQ2Ni0yLjAxMmgwdjMuMzEyaDAgQzIyLjMyLDguNDgxLDI0LjMwMSw5LjA1NywyNi4wMTMsMTAuMDQ3eic7XG5cbmNvbnN0IHNwaW4gPSBrZXlmcmFtZXNgXG4gIGZyb20ge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICB9XG5cbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gIH1cbmA7XG5cbmNvbnN0IHNpemVQZXJTY2FsZSA9IHtcbiAgczogJzE4cHgnLFxuICBsOiAnMzJweCcsXG59O1xuXG5jb25zdCBwb3NpdGlvbk9yaWdpbiA9ICcyMHB4JztcblxuZXhwb3J0IHR5cGUgVExvYWRpbmdTcGlubmVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXQgdGhlIGFtb3VudCBvZiB0aW1lIHRvIGRlbGF5IHRoZSBsb2FkaW5nIHNwaW5uZXIgYmVmb3JlIGl0IHJlbmRlcnMuXG4gICAqIFRoZSBkZWZhdWx0IHZhbHVlIG9mIGlzIDEwMDBtcy5cbiAgICovXG4gIG1heERlbGF5RHVyYXRpb24/OiBudW1iZXI7XG4gIC8qKlxuICAgKiBTZXQgdGhlIHNpemUgb2YgdGhlIGxvYWRpbmcgc3Bpbm5lci5cbiAgICovXG4gIHNjYWxlOiAncycgfCAnbCc7XG4gIC8qKlxuICAgKiBUaGUgY29udGVudCByZW5kZXJlZCBpbnNpZGUgdGhlIGBMb2FkaW5nU3Bpbm5lcmAuXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IExvYWRpbmdTcGlubmVyID0gKHtcbiAgc2NhbGUgPSAnbCcsXG4gIG1heERlbGF5RHVyYXRpb24gPSAxMDAwLFxuICAuLi5wcm9wc1xufTogVExvYWRpbmdTcGlubmVyUHJvcHMpID0+IHtcbiAgY29uc3QgW3Nob3dTcGlubmVyLCBzZXRTaG93U3Bpbm5lcl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHNpemUgPSBzaXplUGVyU2NhbGVbc2NhbGVdO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGRlbGF5U3Bpbm5lclRpbWVvdXQgPSBzZXRUaW1lb3V0KFxuICAgICAgKCkgPT4gc2V0U2hvd1NwaW5uZXIodHJ1ZSksXG4gICAgICBtYXhEZWxheUR1cmF0aW9uXG4gICAgKTtcblxuICAgIHJldHVybiAoKSA9PiBjbGVhclRpbWVvdXQoZGVsYXlTcGlubmVyVGltZW91dCk7XG4gIH0sIFttYXhEZWxheUR1cmF0aW9uXSk7XG5cbiAgaWYgKCFzaG93U3Bpbm5lciAmJiAobWF4RGVsYXlEdXJhdGlvbiA/PyAwKSA+IDApIHJldHVybiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPElubGluZSBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHdpZHRoOiAke3NpemV9O1xuICAgICAgICAgIGhlaWdodDogJHtzaXplfTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPHN2Z1xuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgd2lkdGg6ICR7c2l6ZX07XG4gICAgICAgICAgICBoZWlnaHQ6ICR7c2l6ZX07XG4gICAgICAgICAgYH1cbiAgICAgICAgICB2aWV3Qm94PVwiMCAwIDQwIDQwXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5OTB9O1xuICAgICAgICAgICAgICBvcGFjaXR5OiAwLjI7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgZD17Y2lyY2xlUGF0aH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYW5pbWF0aW9uOiAke3NwaW59IDAuNXMgaW5maW5pdGUgbGluZWFyO1xuICAgICAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnl9O1xuICAgICAgICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiAke3Bvc2l0aW9uT3JpZ2lufSAke3Bvc2l0aW9uT3JpZ2lufSAwO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGQ9e3BvaW50ZXJQYXRofVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvc3ZnPlxuICAgICAgPC9kaXY+XG4gICAgICB7cHJvcHMuY2hpbGRyZW4gJiYgKFxuICAgICAgICA8VGV4dC5EZXRhaWwgdG9uZT1cInNlY29uZGFyeVwiPntwcm9wcy5jaGlsZHJlbn08L1RleHQuRGV0YWlsPlxuICAgICAgKX1cbiAgICA8L0lubGluZT5cbiAgKTtcbn07XG5Mb2FkaW5nU3Bpbm5lci5kaXNwbGF5TmFtZSA9ICdMb2FkaW5nU3Bpbm5lcic7XG5cbmV4cG9ydCBkZWZhdWx0IExvYWRpbmdTcGlubmVyO1xuIl19 */"),
|
|
46
49
|
children: jsxs("svg", {
|
|
47
|
-
css: /*#__PURE__*/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,
|
|
50
|
+
css: /*#__PURE__*/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvYWRpbmctc3Bpbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUVrQiIsImZpbGUiOiJsb2FkaW5nLXNwaW5uZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVhY3ROb2RlLCB1c2VTdGF0ZSwgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IElubGluZSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncy1pbmxpbmUnO1xuXG5jb25zdCBjaXJjbGVQYXRoID1cbiAgJ00yMC4yMDEsNS4xNjljLTguMjU0LDAtMTQuOTQ2LDYuNjkyLTE0Ljk0NiwxNC45NDZjMCw4LjI1NSw2LjY5MiwxNC45NDYsMTQuOTQ2LDE0Ljk0NiBzMTQuOTQ2LTYuNjkxLDE0Ljk0Ni0xNC45NDZDMzUuMTQ2LDExLjg2MSwyOC40NTUsNS4xNjksMjAuMjAxLDUuMTY5eiBNMjAuMjAxLDMxLjc0OWMtNi40MjUsMC0xMS42MzQtNS4yMDgtMTEuNjM0LTExLjYzNGMwLTYuNDI1LDUuMjA5LTExLjYzNCwxMS42MzQtMTEuNjM0YzYuNDI1LDAsMTEuNjMzLDUuMjA5LDExLjYzMywxMS42MzRDMzEuODM0LDI2LjU0MSwyNi42MjYsMzEuNzQ5LDIwLjIwMSwzMS43NDl6JztcbmNvbnN0IHBvaW50ZXJQYXRoID1cbiAgJ00yNi4wMTMsMTAuMDQ3bDEuNjU0LTIuODY2Yy0yLjE5OC0xLjI3Mi00Ljc0My0yLjAxMi03LjQ2Ni0yLjAxMmgwdjMuMzEyaDAgQzIyLjMyLDguNDgxLDI0LjMwMSw5LjA1NywyNi4wMTMsMTAuMDQ3eic7XG5cbmNvbnN0IHNwaW4gPSBrZXlmcmFtZXNgXG4gIGZyb20ge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICB9XG5cbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gIH1cbmA7XG5cbmNvbnN0IHNpemVQZXJTY2FsZSA9IHtcbiAgczogJzE4cHgnLFxuICBsOiAnMzJweCcsXG59O1xuXG5jb25zdCBwb3NpdGlvbk9yaWdpbiA9ICcyMHB4JztcblxuZXhwb3J0IHR5cGUgVExvYWRpbmdTcGlubmVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXQgdGhlIGFtb3VudCBvZiB0aW1lIHRvIGRlbGF5IHRoZSBsb2FkaW5nIHNwaW5uZXIgYmVmb3JlIGl0IHJlbmRlcnMuXG4gICAqIFRoZSBkZWZhdWx0IHZhbHVlIG9mIGlzIDEwMDBtcy5cbiAgICovXG4gIG1heERlbGF5RHVyYXRpb24/OiBudW1iZXI7XG4gIC8qKlxuICAgKiBTZXQgdGhlIHNpemUgb2YgdGhlIGxvYWRpbmcgc3Bpbm5lci5cbiAgICovXG4gIHNjYWxlOiAncycgfCAnbCc7XG4gIC8qKlxuICAgKiBUaGUgY29udGVudCByZW5kZXJlZCBpbnNpZGUgdGhlIGBMb2FkaW5nU3Bpbm5lcmAuXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IExvYWRpbmdTcGlubmVyID0gKHtcbiAgc2NhbGUgPSAnbCcsXG4gIG1heERlbGF5RHVyYXRpb24gPSAxMDAwLFxuICAuLi5wcm9wc1xufTogVExvYWRpbmdTcGlubmVyUHJvcHMpID0+IHtcbiAgY29uc3QgW3Nob3dTcGlubmVyLCBzZXRTaG93U3Bpbm5lcl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHNpemUgPSBzaXplUGVyU2NhbGVbc2NhbGVdO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGRlbGF5U3Bpbm5lclRpbWVvdXQgPSBzZXRUaW1lb3V0KFxuICAgICAgKCkgPT4gc2V0U2hvd1NwaW5uZXIodHJ1ZSksXG4gICAgICBtYXhEZWxheUR1cmF0aW9uXG4gICAgKTtcblxuICAgIHJldHVybiAoKSA9PiBjbGVhclRpbWVvdXQoZGVsYXlTcGlubmVyVGltZW91dCk7XG4gIH0sIFttYXhEZWxheUR1cmF0aW9uXSk7XG5cbiAgaWYgKCFzaG93U3Bpbm5lciAmJiAobWF4RGVsYXlEdXJhdGlvbiA/PyAwKSA+IDApIHJldHVybiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPElubGluZSBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHdpZHRoOiAke3NpemV9O1xuICAgICAgICAgIGhlaWdodDogJHtzaXplfTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPHN2Z1xuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgd2lkdGg6ICR7c2l6ZX07XG4gICAgICAgICAgICBoZWlnaHQ6ICR7c2l6ZX07XG4gICAgICAgICAgYH1cbiAgICAgICAgICB2aWV3Qm94PVwiMCAwIDQwIDQwXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5OTB9O1xuICAgICAgICAgICAgICBvcGFjaXR5OiAwLjI7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgZD17Y2lyY2xlUGF0aH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYW5pbWF0aW9uOiAke3NwaW59IDAuNXMgaW5maW5pdGUgbGluZWFyO1xuICAgICAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnl9O1xuICAgICAgICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiAke3Bvc2l0aW9uT3JpZ2lufSAke3Bvc2l0aW9uT3JpZ2lufSAwO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGQ9e3BvaW50ZXJQYXRofVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvc3ZnPlxuICAgICAgPC9kaXY+XG4gICAgICB7cHJvcHMuY2hpbGRyZW4gJiYgKFxuICAgICAgICA8VGV4dC5EZXRhaWwgdG9uZT1cInNlY29uZGFyeVwiPntwcm9wcy5jaGlsZHJlbn08L1RleHQuRGV0YWlsPlxuICAgICAgKX1cbiAgICA8L0lubGluZT5cbiAgKTtcbn07XG5Mb2FkaW5nU3Bpbm5lci5kaXNwbGF5TmFtZSA9ICdMb2FkaW5nU3Bpbm5lcic7XG5cbmV4cG9ydCBkZWZhdWx0IExvYWRpbmdTcGlubmVyO1xuIl19 */"),
|
|
48
51
|
viewBox: "0 0 40 40",
|
|
49
52
|
children: [jsx("path", {
|
|
50
|
-
css: /*#__PURE__*/css("fill:", designTokens.colorPrimary90, ";opacity:0.2;" + (process.env.NODE_ENV === "production" ? "" : ";label:LoadingSpinner;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
53
|
+
css: /*#__PURE__*/css("fill:", designTokens.colorPrimary90, ";opacity:0.2;" + (process.env.NODE_ENV === "production" ? "" : ";label:LoadingSpinner;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvYWRpbmctc3Bpbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEVvQiIsImZpbGUiOiJsb2FkaW5nLXNwaW5uZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVhY3ROb2RlLCB1c2VTdGF0ZSwgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IElubGluZSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncy1pbmxpbmUnO1xuXG5jb25zdCBjaXJjbGVQYXRoID1cbiAgJ00yMC4yMDEsNS4xNjljLTguMjU0LDAtMTQuOTQ2LDYuNjkyLTE0Ljk0NiwxNC45NDZjMCw4LjI1NSw2LjY5MiwxNC45NDYsMTQuOTQ2LDE0Ljk0NiBzMTQuOTQ2LTYuNjkxLDE0Ljk0Ni0xNC45NDZDMzUuMTQ2LDExLjg2MSwyOC40NTUsNS4xNjksMjAuMjAxLDUuMTY5eiBNMjAuMjAxLDMxLjc0OWMtNi40MjUsMC0xMS42MzQtNS4yMDgtMTEuNjM0LTExLjYzNGMwLTYuNDI1LDUuMjA5LTExLjYzNCwxMS42MzQtMTEuNjM0YzYuNDI1LDAsMTEuNjMzLDUuMjA5LDExLjYzMywxMS42MzRDMzEuODM0LDI2LjU0MSwyNi42MjYsMzEuNzQ5LDIwLjIwMSwzMS43NDl6JztcbmNvbnN0IHBvaW50ZXJQYXRoID1cbiAgJ00yNi4wMTMsMTAuMDQ3bDEuNjU0LTIuODY2Yy0yLjE5OC0xLjI3Mi00Ljc0My0yLjAxMi03LjQ2Ni0yLjAxMmgwdjMuMzEyaDAgQzIyLjMyLDguNDgxLDI0LjMwMSw5LjA1NywyNi4wMTMsMTAuMDQ3eic7XG5cbmNvbnN0IHNwaW4gPSBrZXlmcmFtZXNgXG4gIGZyb20ge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICB9XG5cbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gIH1cbmA7XG5cbmNvbnN0IHNpemVQZXJTY2FsZSA9IHtcbiAgczogJzE4cHgnLFxuICBsOiAnMzJweCcsXG59O1xuXG5jb25zdCBwb3NpdGlvbk9yaWdpbiA9ICcyMHB4JztcblxuZXhwb3J0IHR5cGUgVExvYWRpbmdTcGlubmVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXQgdGhlIGFtb3VudCBvZiB0aW1lIHRvIGRlbGF5IHRoZSBsb2FkaW5nIHNwaW5uZXIgYmVmb3JlIGl0IHJlbmRlcnMuXG4gICAqIFRoZSBkZWZhdWx0IHZhbHVlIG9mIGlzIDEwMDBtcy5cbiAgICovXG4gIG1heERlbGF5RHVyYXRpb24/OiBudW1iZXI7XG4gIC8qKlxuICAgKiBTZXQgdGhlIHNpemUgb2YgdGhlIGxvYWRpbmcgc3Bpbm5lci5cbiAgICovXG4gIHNjYWxlOiAncycgfCAnbCc7XG4gIC8qKlxuICAgKiBUaGUgY29udGVudCByZW5kZXJlZCBpbnNpZGUgdGhlIGBMb2FkaW5nU3Bpbm5lcmAuXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IExvYWRpbmdTcGlubmVyID0gKHtcbiAgc2NhbGUgPSAnbCcsXG4gIG1heERlbGF5RHVyYXRpb24gPSAxMDAwLFxuICAuLi5wcm9wc1xufTogVExvYWRpbmdTcGlubmVyUHJvcHMpID0+IHtcbiAgY29uc3QgW3Nob3dTcGlubmVyLCBzZXRTaG93U3Bpbm5lcl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHNpemUgPSBzaXplUGVyU2NhbGVbc2NhbGVdO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGRlbGF5U3Bpbm5lclRpbWVvdXQgPSBzZXRUaW1lb3V0KFxuICAgICAgKCkgPT4gc2V0U2hvd1NwaW5uZXIodHJ1ZSksXG4gICAgICBtYXhEZWxheUR1cmF0aW9uXG4gICAgKTtcblxuICAgIHJldHVybiAoKSA9PiBjbGVhclRpbWVvdXQoZGVsYXlTcGlubmVyVGltZW91dCk7XG4gIH0sIFttYXhEZWxheUR1cmF0aW9uXSk7XG5cbiAgaWYgKCFzaG93U3Bpbm5lciAmJiAobWF4RGVsYXlEdXJhdGlvbiA/PyAwKSA+IDApIHJldHVybiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPElubGluZSBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHdpZHRoOiAke3NpemV9O1xuICAgICAgICAgIGhlaWdodDogJHtzaXplfTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPHN2Z1xuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgd2lkdGg6ICR7c2l6ZX07XG4gICAgICAgICAgICBoZWlnaHQ6ICR7c2l6ZX07XG4gICAgICAgICAgYH1cbiAgICAgICAgICB2aWV3Qm94PVwiMCAwIDQwIDQwXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5OTB9O1xuICAgICAgICAgICAgICBvcGFjaXR5OiAwLjI7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgZD17Y2lyY2xlUGF0aH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYW5pbWF0aW9uOiAke3NwaW59IDAuNXMgaW5maW5pdGUgbGluZWFyO1xuICAgICAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnl9O1xuICAgICAgICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiAke3Bvc2l0aW9uT3JpZ2lufSAke3Bvc2l0aW9uT3JpZ2lufSAwO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGQ9e3BvaW50ZXJQYXRofVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvc3ZnPlxuICAgICAgPC9kaXY+XG4gICAgICB7cHJvcHMuY2hpbGRyZW4gJiYgKFxuICAgICAgICA8VGV4dC5EZXRhaWwgdG9uZT1cInNlY29uZGFyeVwiPntwcm9wcy5jaGlsZHJlbn08L1RleHQuRGV0YWlsPlxuICAgICAgKX1cbiAgICA8L0lubGluZT5cbiAgKTtcbn07XG5Mb2FkaW5nU3Bpbm5lci5kaXNwbGF5TmFtZSA9ICdMb2FkaW5nU3Bpbm5lcic7XG5cbmV4cG9ydCBkZWZhdWx0IExvYWRpbmdTcGlubmVyO1xuIl19 */"),
|
|
51
54
|
d: circlePath
|
|
52
55
|
}), jsx("path", {
|
|
53
|
-
css: /*#__PURE__*/css("animation:", spin, " 0.5s infinite linear;fill:", designTokens.colorPrimary, ";transform-origin:", positionOrigin, " ", positionOrigin, " 0;" + (process.env.NODE_ENV === "production" ? "" : ";label:LoadingSpinner;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
56
|
+
css: /*#__PURE__*/css("animation:", spin, " 0.5s infinite linear;fill:", designTokens.colorPrimary, ";transform-origin:", positionOrigin, " ", positionOrigin, " 0;" + (process.env.NODE_ENV === "production" ? "" : ";label:LoadingSpinner;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvYWRpbmctc3Bpbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUZvQiIsImZpbGUiOiJsb2FkaW5nLXNwaW5uZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUmVhY3ROb2RlLCB1c2VTdGF0ZSwgdXNlRWZmZWN0IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IElubGluZSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncy1pbmxpbmUnO1xuXG5jb25zdCBjaXJjbGVQYXRoID1cbiAgJ00yMC4yMDEsNS4xNjljLTguMjU0LDAtMTQuOTQ2LDYuNjkyLTE0Ljk0NiwxNC45NDZjMCw4LjI1NSw2LjY5MiwxNC45NDYsMTQuOTQ2LDE0Ljk0NiBzMTQuOTQ2LTYuNjkxLDE0Ljk0Ni0xNC45NDZDMzUuMTQ2LDExLjg2MSwyOC40NTUsNS4xNjksMjAuMjAxLDUuMTY5eiBNMjAuMjAxLDMxLjc0OWMtNi40MjUsMC0xMS42MzQtNS4yMDgtMTEuNjM0LTExLjYzNGMwLTYuNDI1LDUuMjA5LTExLjYzNCwxMS42MzQtMTEuNjM0YzYuNDI1LDAsMTEuNjMzLDUuMjA5LDExLjYzMywxMS42MzRDMzEuODM0LDI2LjU0MSwyNi42MjYsMzEuNzQ5LDIwLjIwMSwzMS43NDl6JztcbmNvbnN0IHBvaW50ZXJQYXRoID1cbiAgJ00yNi4wMTMsMTAuMDQ3bDEuNjU0LTIuODY2Yy0yLjE5OC0xLjI3Mi00Ljc0My0yLjAxMi03LjQ2Ni0yLjAxMmgwdjMuMzEyaDAgQzIyLjMyLDguNDgxLDI0LjMwMSw5LjA1NywyNi4wMTMsMTAuMDQ3eic7XG5cbmNvbnN0IHNwaW4gPSBrZXlmcmFtZXNgXG4gIGZyb20ge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICB9XG5cbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gIH1cbmA7XG5cbmNvbnN0IHNpemVQZXJTY2FsZSA9IHtcbiAgczogJzE4cHgnLFxuICBsOiAnMzJweCcsXG59O1xuXG5jb25zdCBwb3NpdGlvbk9yaWdpbiA9ICcyMHB4JztcblxuZXhwb3J0IHR5cGUgVExvYWRpbmdTcGlubmVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTZXQgdGhlIGFtb3VudCBvZiB0aW1lIHRvIGRlbGF5IHRoZSBsb2FkaW5nIHNwaW5uZXIgYmVmb3JlIGl0IHJlbmRlcnMuXG4gICAqIFRoZSBkZWZhdWx0IHZhbHVlIG9mIGlzIDEwMDBtcy5cbiAgICovXG4gIG1heERlbGF5RHVyYXRpb24/OiBudW1iZXI7XG4gIC8qKlxuICAgKiBTZXQgdGhlIHNpemUgb2YgdGhlIGxvYWRpbmcgc3Bpbm5lci5cbiAgICovXG4gIHNjYWxlOiAncycgfCAnbCc7XG4gIC8qKlxuICAgKiBUaGUgY29udGVudCByZW5kZXJlZCBpbnNpZGUgdGhlIGBMb2FkaW5nU3Bpbm5lcmAuXG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IExvYWRpbmdTcGlubmVyID0gKHtcbiAgc2NhbGUgPSAnbCcsXG4gIG1heERlbGF5RHVyYXRpb24gPSAxMDAwLFxuICAuLi5wcm9wc1xufTogVExvYWRpbmdTcGlubmVyUHJvcHMpID0+IHtcbiAgY29uc3QgW3Nob3dTcGlubmVyLCBzZXRTaG93U3Bpbm5lcl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gIGNvbnN0IHNpemUgPSBzaXplUGVyU2NhbGVbc2NhbGVdO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGRlbGF5U3Bpbm5lclRpbWVvdXQgPSBzZXRUaW1lb3V0KFxuICAgICAgKCkgPT4gc2V0U2hvd1NwaW5uZXIodHJ1ZSksXG4gICAgICBtYXhEZWxheUR1cmF0aW9uXG4gICAgKTtcblxuICAgIHJldHVybiAoKSA9PiBjbGVhclRpbWVvdXQoZGVsYXlTcGlubmVyVGltZW91dCk7XG4gIH0sIFttYXhEZWxheUR1cmF0aW9uXSk7XG5cbiAgaWYgKCFzaG93U3Bpbm5lciAmJiAobWF4RGVsYXlEdXJhdGlvbiA/PyAwKSA+IDApIHJldHVybiBudWxsO1xuXG4gIHJldHVybiAoXG4gICAgPElubGluZSBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHdpZHRoOiAke3NpemV9O1xuICAgICAgICAgIGhlaWdodDogJHtzaXplfTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPHN2Z1xuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgd2lkdGg6ICR7c2l6ZX07XG4gICAgICAgICAgICBoZWlnaHQ6ICR7c2l6ZX07XG4gICAgICAgICAgYH1cbiAgICAgICAgICB2aWV3Qm94PVwiMCAwIDQwIDQwXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgZmlsbDogJHtkZXNpZ25Ub2tlbnMuY29sb3JQcmltYXJ5OTB9O1xuICAgICAgICAgICAgICBvcGFjaXR5OiAwLjI7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgZD17Y2lyY2xlUGF0aH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgYW5pbWF0aW9uOiAke3NwaW59IDAuNXMgaW5maW5pdGUgbGluZWFyO1xuICAgICAgICAgICAgICBmaWxsOiAke2Rlc2lnblRva2Vucy5jb2xvclByaW1hcnl9O1xuICAgICAgICAgICAgICB0cmFuc2Zvcm0tb3JpZ2luOiAke3Bvc2l0aW9uT3JpZ2lufSAke3Bvc2l0aW9uT3JpZ2lufSAwO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGQ9e3BvaW50ZXJQYXRofVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvc3ZnPlxuICAgICAgPC9kaXY+XG4gICAgICB7cHJvcHMuY2hpbGRyZW4gJiYgKFxuICAgICAgICA8VGV4dC5EZXRhaWwgdG9uZT1cInNlY29uZGFyeVwiPntwcm9wcy5jaGlsZHJlbn08L1RleHQuRGV0YWlsPlxuICAgICAgKX1cbiAgICA8L0lubGluZT5cbiAgKTtcbn07XG5Mb2FkaW5nU3Bpbm5lci5kaXNwbGF5TmFtZSA9ICdMb2FkaW5nU3Bpbm5lcic7XG5cbmV4cG9ydCBkZWZhdWx0IExvYWRpbmdTcGlubmVyO1xuIl19 */"),
|
|
54
57
|
d: pointerPath
|
|
55
58
|
})]
|
|
56
59
|
})
|
|
@@ -66,10 +69,9 @@ LoadingSpinner.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
66
69
|
children: _pt.node
|
|
67
70
|
} : {};
|
|
68
71
|
LoadingSpinner.displayName = 'LoadingSpinner';
|
|
69
|
-
LoadingSpinner.defaultProps = defaultProps;
|
|
70
72
|
var LoadingSpinner$1 = LoadingSpinner;
|
|
71
73
|
|
|
72
74
|
// NOTE: This string will be replaced on build time with the package version.
|
|
73
|
-
var version = "19.
|
|
75
|
+
var version = "19.21.0";
|
|
74
76
|
|
|
75
77
|
export { LoadingSpinner$1 as default, version };
|
|
@@ -15,8 +15,7 @@ export type TLoadingSpinnerProps = {
|
|
|
15
15
|
children?: ReactNode;
|
|
16
16
|
};
|
|
17
17
|
declare const LoadingSpinner: {
|
|
18
|
-
(props: TLoadingSpinnerProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
|
|
18
|
+
({ scale, maxDelayDuration, ...props }: TLoadingSpinnerProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
|
|
19
19
|
displayName: string;
|
|
20
|
-
defaultProps: Pick<TLoadingSpinnerProps, "scale" | "maxDelayDuration">;
|
|
21
20
|
};
|
|
22
21
|
export default LoadingSpinner;
|
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": "19.
|
|
4
|
+
"version": "19.21.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,10 +21,10 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/design-system": "19.
|
|
25
|
-
"@commercetools-uikit/spacings-inline": "19.
|
|
26
|
-
"@commercetools-uikit/text": "19.
|
|
27
|
-
"@commercetools-uikit/utils": "19.
|
|
24
|
+
"@commercetools-uikit/design-system": "19.21.0",
|
|
25
|
+
"@commercetools-uikit/spacings-inline": "19.21.0",
|
|
26
|
+
"@commercetools-uikit/text": "19.21.0",
|
|
27
|
+
"@commercetools-uikit/utils": "19.21.0",
|
|
28
28
|
"@emotion/react": "^11.10.5",
|
|
29
29
|
"prop-types": "15.8.1",
|
|
30
30
|
"react-intl": "^6.3.2"
|