@semcore/spin-container 7.41.0 → 7.41.1-prerelease.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/CHANGELOG.md +6 -0
- package/lib/cjs/SpinContainer.js +8 -8
- package/lib/es6/SpinContainer.js +8 -8
- package/lib/esm/SpinContainer.mjs +50 -50
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [7.41.1] - 2025-03-17
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/utils` [4.48.0 ~> 4.48.1], `@semcore/spin` [5.41.0 ~> 5.41.1], `@semcore/flex-box` [5.41.0 ~> 5.41.1], `@semcore/animation` [2.41.0 ~> 2.41.1], `@semcore/core` [2.39.0 ~> 2.39.1]).
|
|
10
|
+
|
|
5
11
|
## [7.41.0] - 2025-03-14
|
|
6
12
|
|
|
7
13
|
### Added
|
package/lib/cjs/SpinContainer.js
CHANGED
|
@@ -22,14 +22,14 @@ var _flexBox = require("@semcore/flex-box");
|
|
|
22
22
|
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
|
|
23
23
|
var _findComponent = require("@semcore/utils/lib/findComponent");
|
|
24
24
|
/*__reshadow-styles__:"./style/spin-container.shadow.css"*/
|
|
25
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
26
|
-
"__SSpinContainer": "
|
|
27
|
-
"__SContent": "
|
|
28
|
-
"__SOverlay": "
|
|
29
|
-
"_theme_invert": "
|
|
30
|
-
"_theme_dark": "
|
|
31
|
-
"_theme_custom": "
|
|
32
|
-
"--background": "--
|
|
25
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSpinContainer_1j2p5_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_1j2p5_gg_{z-index:0;position:relative}.___SOverlay_1j2p5_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_1j2p5_gg_._theme_invert_1j2p5_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_1j2p5_gg_._theme_dark_1j2p5_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_1j2p5_gg_._theme_custom_1j2p5_gg_{background-color:var(--background_1j2p5)}" /*__inner_css_end__*/, "1j2p5_gg_") /*__reshadow_css_end__*/, {
|
|
26
|
+
"__SSpinContainer": "___SSpinContainer_1j2p5_gg_",
|
|
27
|
+
"__SContent": "___SContent_1j2p5_gg_",
|
|
28
|
+
"__SOverlay": "___SOverlay_1j2p5_gg_",
|
|
29
|
+
"_theme_invert": "_theme_invert_1j2p5_gg_",
|
|
30
|
+
"_theme_dark": "_theme_dark_1j2p5_gg_",
|
|
31
|
+
"_theme_custom": "_theme_custom_1j2p5_gg_",
|
|
32
|
+
"--background": "--background_1j2p5"
|
|
33
33
|
});
|
|
34
34
|
var SpinContainerRoot = /*#__PURE__*/function (_Component) {
|
|
35
35
|
(0, _inherits2["default"])(SpinContainerRoot, _Component);
|
package/lib/es6/SpinContainer.js
CHANGED
|
@@ -17,14 +17,14 @@ import { Box } from '@semcore/flex-box';
|
|
|
17
17
|
import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
|
|
18
18
|
import { isAdvanceMode } from '@semcore/utils/lib/findComponent';
|
|
19
19
|
/*__reshadow-styles__:"./style/spin-container.shadow.css"*/
|
|
20
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
21
|
-
"__SSpinContainer": "
|
|
22
|
-
"__SContent": "
|
|
23
|
-
"__SOverlay": "
|
|
24
|
-
"_theme_invert": "
|
|
25
|
-
"_theme_dark": "
|
|
26
|
-
"_theme_custom": "
|
|
27
|
-
"--background": "--
|
|
20
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSpinContainer_1j2p5_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_1j2p5_gg_{z-index:0;position:relative}.___SOverlay_1j2p5_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_1j2p5_gg_._theme_invert_1j2p5_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_1j2p5_gg_._theme_dark_1j2p5_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_1j2p5_gg_._theme_custom_1j2p5_gg_{background-color:var(--background_1j2p5)}" /*__inner_css_end__*/, "1j2p5_gg_") /*__reshadow_css_end__*/, {
|
|
21
|
+
"__SSpinContainer": "___SSpinContainer_1j2p5_gg_",
|
|
22
|
+
"__SContent": "___SContent_1j2p5_gg_",
|
|
23
|
+
"__SOverlay": "___SOverlay_1j2p5_gg_",
|
|
24
|
+
"_theme_invert": "_theme_invert_1j2p5_gg_",
|
|
25
|
+
"_theme_dark": "_theme_dark_1j2p5_gg_",
|
|
26
|
+
"_theme_custom": "_theme_custom_1j2p5_gg_",
|
|
27
|
+
"--background": "--background_1j2p5"
|
|
28
28
|
});
|
|
29
29
|
var SpinContainerRoot = /*#__PURE__*/function (_Component) {
|
|
30
30
|
_inherits(SpinContainerRoot, _Component);
|
|
@@ -1,42 +1,42 @@
|
|
|
1
1
|
import v from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
2
|
import C from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
3
|
import S from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
-
import
|
|
5
|
-
import
|
|
4
|
+
import x from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
5
|
+
import j from "@babel/runtime/helpers/esm/inherits";
|
|
6
6
|
import k from "@babel/runtime/helpers/esm/createSuper";
|
|
7
|
-
import
|
|
8
|
-
import { sstyled as
|
|
9
|
-
import
|
|
7
|
+
import d from "@babel/runtime/helpers/esm/defineProperty";
|
|
8
|
+
import { sstyled as T } from "@semcore/utils/lib/core/index";
|
|
9
|
+
import A, { sstyled as h, assignProps as f, Component as b } from "@semcore/core";
|
|
10
10
|
import i from "react";
|
|
11
|
-
import { FadeInOut as
|
|
12
|
-
import
|
|
11
|
+
import { FadeInOut as M } from "@semcore/animation";
|
|
12
|
+
import $ from "@semcore/spin";
|
|
13
13
|
import { Box as y } from "@semcore/flex-box";
|
|
14
|
-
import
|
|
15
|
-
import { isAdvanceMode as
|
|
16
|
-
var
|
|
14
|
+
import w from "@semcore/utils/lib/enhances/resolveColorEnhance";
|
|
15
|
+
import { isAdvanceMode as F } from "@semcore/utils/lib/findComponent";
|
|
16
|
+
var I = (
|
|
17
17
|
/*__reshadow_css_start__*/
|
|
18
|
-
(
|
|
18
|
+
(T.insert(
|
|
19
19
|
/*__inner_css_start__*/
|
|
20
|
-
".
|
|
21
|
-
"
|
|
20
|
+
".___SSpinContainer_1j2p5_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_1j2p5_gg_{z-index:0;position:relative}.___SOverlay_1j2p5_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_1j2p5_gg_._theme_invert_1j2p5_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_1j2p5_gg_._theme_dark_1j2p5_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_1j2p5_gg_._theme_custom_1j2p5_gg_{background-color:var(--background_1j2p5)}",
|
|
21
|
+
"1j2p5_gg_"
|
|
22
22
|
), {
|
|
23
|
-
__SSpinContainer: "
|
|
24
|
-
__SContent: "
|
|
25
|
-
__SOverlay: "
|
|
26
|
-
_theme_invert: "
|
|
27
|
-
_theme_dark: "
|
|
28
|
-
_theme_custom: "
|
|
29
|
-
"--background": "--
|
|
23
|
+
__SSpinContainer: "___SSpinContainer_1j2p5_gg_",
|
|
24
|
+
__SContent: "___SContent_1j2p5_gg_",
|
|
25
|
+
__SOverlay: "___SOverlay_1j2p5_gg_",
|
|
26
|
+
_theme_invert: "_theme_invert_1j2p5_gg_",
|
|
27
|
+
_theme_dark: "_theme_dark_1j2p5_gg_",
|
|
28
|
+
_theme_custom: "_theme_custom_1j2p5_gg_",
|
|
29
|
+
"--background": "--background_1j2p5"
|
|
30
30
|
})
|
|
31
|
-
),
|
|
32
|
-
|
|
33
|
-
var
|
|
31
|
+
), c = /* @__PURE__ */ function(s) {
|
|
32
|
+
j(r, s);
|
|
33
|
+
var _ = k(r);
|
|
34
34
|
function r() {
|
|
35
35
|
var a;
|
|
36
36
|
C(this, r);
|
|
37
37
|
for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
|
|
38
38
|
t[n] = arguments[n];
|
|
39
|
-
return a =
|
|
39
|
+
return a = _.call.apply(_, [this].concat(t)), d(x(a), "state", {
|
|
40
40
|
inert: a.props.loading
|
|
41
41
|
}), a;
|
|
42
42
|
}
|
|
@@ -55,16 +55,16 @@ var R = (
|
|
|
55
55
|
}, {
|
|
56
56
|
key: "getOverlayProps",
|
|
57
57
|
value: function() {
|
|
58
|
-
var e = this.asProps, t = e.loading, n = e.background, o = e.duration,
|
|
58
|
+
var e = this.asProps, t = e.loading, n = e.background, o = e.duration, m = e.size, l = e.theme, p = e.resolveColor;
|
|
59
59
|
return {
|
|
60
60
|
background: n,
|
|
61
61
|
// for Animated
|
|
62
62
|
loading: t,
|
|
63
63
|
duration: o,
|
|
64
64
|
// for Spin
|
|
65
|
-
size:
|
|
66
|
-
theme:
|
|
67
|
-
resolveColor:
|
|
65
|
+
size: m,
|
|
66
|
+
theme: l,
|
|
67
|
+
resolveColor: p
|
|
68
68
|
};
|
|
69
69
|
}
|
|
70
70
|
}, {
|
|
@@ -78,55 +78,55 @@ var R = (
|
|
|
78
78
|
}, {
|
|
79
79
|
key: "render",
|
|
80
80
|
value: function() {
|
|
81
|
-
var e = this.asProps, t, n = y, o = this.asProps,
|
|
82
|
-
return t = h(
|
|
81
|
+
var e = this.asProps, t, n = y, o = this.asProps, m = o.styles, l = o.Children, p = o.forcedAdvancedMode, u = p || F(l, [g.Overlay.displayName]);
|
|
82
|
+
return t = h(m), /* @__PURE__ */ i.createElement(n, t.cn("SSpinContainer", v({}, f({}, e))), u ? /* @__PURE__ */ i.createElement(l, t.cn("Children", {})) : /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(g.Content, null, /* @__PURE__ */ i.createElement(l, t.cn("Children", {}))), /* @__PURE__ */ i.createElement(g.Overlay, null)));
|
|
83
83
|
}
|
|
84
84
|
}]), r;
|
|
85
85
|
}(b);
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
86
|
+
d(c, "displayName", "SpinContainer");
|
|
87
|
+
d(c, "style", I);
|
|
88
|
+
d(c, "defaultProps", {
|
|
89
89
|
size: "xxl",
|
|
90
90
|
theme: "dark",
|
|
91
91
|
duration: 200
|
|
92
92
|
});
|
|
93
|
-
|
|
93
|
+
d(c, "enhance", [w()]);
|
|
94
94
|
var P = /* @__PURE__ */ function(s) {
|
|
95
|
-
|
|
96
|
-
var
|
|
95
|
+
j(r, s);
|
|
96
|
+
var _ = k(r);
|
|
97
97
|
function r() {
|
|
98
|
-
return C(this, r),
|
|
98
|
+
return C(this, r), _.apply(this, arguments);
|
|
99
99
|
}
|
|
100
100
|
return S(r, [{
|
|
101
101
|
key: "render",
|
|
102
102
|
value: function() {
|
|
103
|
-
var e = this.asProps, t, n = y, o = this.asProps,
|
|
104
|
-
return t = h(
|
|
105
|
-
visible:
|
|
103
|
+
var e = this.asProps, t, n = y, o = this.asProps, m = o.styles, l = o.theme, p = o.background, u = o.loading, O = o.duration, E = o.resolveColor, z = p ? "custom" : l;
|
|
104
|
+
return t = h(m), /* @__PURE__ */ i.createElement(M, t.cn("FadeInOut", {
|
|
105
|
+
visible: u,
|
|
106
106
|
duration: O
|
|
107
107
|
}), /* @__PURE__ */ i.createElement(n, t.cn("SOverlay", v({}, f({
|
|
108
108
|
"use:theme": z,
|
|
109
|
-
"use:background": E(
|
|
109
|
+
"use:background": E(p)
|
|
110
110
|
}, e)))));
|
|
111
111
|
}
|
|
112
112
|
}]), r;
|
|
113
113
|
}(b);
|
|
114
|
-
|
|
115
|
-
var
|
|
114
|
+
d(P, "defaultProps", function(s) {
|
|
115
|
+
var _ = s.size, r = s.theme;
|
|
116
116
|
return {
|
|
117
|
-
children: /* @__PURE__ */ i.createElement(
|
|
118
|
-
size:
|
|
117
|
+
children: /* @__PURE__ */ i.createElement($, {
|
|
118
|
+
size: _,
|
|
119
119
|
theme: r
|
|
120
120
|
})
|
|
121
121
|
};
|
|
122
122
|
});
|
|
123
|
-
function
|
|
124
|
-
var
|
|
125
|
-
return r = h(e), /* @__PURE__ */ i.createElement(a, r.cn("SContent", v({}, f({},
|
|
123
|
+
function R(s) {
|
|
124
|
+
var _ = arguments[0], r, a = y, e = s.styles;
|
|
125
|
+
return r = h(e), /* @__PURE__ */ i.createElement(a, r.cn("SContent", v({}, f({}, _))));
|
|
126
126
|
}
|
|
127
|
-
var g =
|
|
127
|
+
var g = A(c, {
|
|
128
128
|
Overlay: P,
|
|
129
|
-
Content:
|
|
129
|
+
Content: R
|
|
130
130
|
});
|
|
131
131
|
export {
|
|
132
132
|
g as default
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/spin-container",
|
|
3
3
|
"description": "Semrush SpinContainer Component",
|
|
4
|
-
"version": "7.41.0",
|
|
4
|
+
"version": "7.41.1-prerelease.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"types": "lib/types/index.d.ts",
|
|
@@ -14,13 +14,13 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/utils": "4.48.0",
|
|
18
|
-
"@semcore/spin": "5.41.0",
|
|
19
|
-
"@semcore/flex-box": "5.41.0",
|
|
20
|
-
"@semcore/animation": "2.41.0"
|
|
17
|
+
"@semcore/utils": "4.48.1-prerelease.0",
|
|
18
|
+
"@semcore/spin": "5.41.1-prerelease.0",
|
|
19
|
+
"@semcore/flex-box": "5.41.1-prerelease.0",
|
|
20
|
+
"@semcore/animation": "2.41.1-prerelease.0"
|
|
21
21
|
},
|
|
22
22
|
"peerDependencies": {
|
|
23
|
-
"@semcore/core": "^2.
|
|
23
|
+
"@semcore/core": "^2.39.1-prerelease.0",
|
|
24
24
|
"react": "16.8 - 18",
|
|
25
25
|
"react-dom": "16.8 - 18"
|
|
26
26
|
},
|