@semcore/spin-container 16.0.1-prerelease.4 → 16.0.2-prerelease.1
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/README.md +1 -31
- package/lib/cjs/SpinContainer.js +24 -27
- package/lib/cjs/SpinContainer.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/index.js +1 -1
- package/lib/cjs/index.js.map +1 -1
- package/lib/es6/SpinContainer.js +23 -25
- package/lib/es6/SpinContainer.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/esm/SpinContainer.mjs +26 -26
- package/lib/types/index.d.ts +4 -4
- 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
|
+
## [16.0.2] - 2025-06-13
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/spin` [16.0.1 ~> 16.0.2], `@semcore/flex-box` [16.0.1 ~> 16.0.2], `@semcore/animation` [16.0.1 ~> 16.0.2], `@semcore/base-components` [16.0.1 ~> 16.0.2]).
|
|
10
|
+
|
|
5
11
|
## [16.0.1] - 2025-05-30
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/README.md
CHANGED
|
@@ -13,40 +13,10 @@
|
|
|
13
13
|
## Install
|
|
14
14
|
|
|
15
15
|
```sh
|
|
16
|
-
npm install
|
|
16
|
+
npm install @semcore/spin-container
|
|
17
17
|
```
|
|
18
18
|
|
|
19
|
-
## Usage
|
|
20
19
|
|
|
21
|
-
```jsx
|
|
22
|
-
import SpinContainer from 'intergalactic/spin-container';
|
|
23
|
-
```
|
|
24
|
-
|
|
25
|
-
<details>
|
|
26
|
-
<summary>Alternative installation and use</summary>
|
|
27
|
-
|
|
28
|
-
**We do not recommend this usage path due to possible dependency and update issues.**
|
|
29
|
-
|
|
30
|
-
### Install
|
|
31
|
-
|
|
32
|
-
You can only install one package from the design system
|
|
33
|
-
|
|
34
|
-
```sh
|
|
35
|
-
npm install @semcore/spin-container @semcore/core
|
|
36
|
-
```
|
|
37
|
-
|
|
38
|
-
`@semcore/core` - _is the basic package by which we create our components, and it contains all of the common logic
|
|
39
|
-
of the components that is discussed below. There should only be one version of the package in the project._
|
|
40
|
-
|
|
41
|
-
### Usage
|
|
42
|
-
|
|
43
|
-
You can use the package the same way but without `/ui/` in the import path.
|
|
44
|
-
|
|
45
|
-
```jsx
|
|
46
|
-
import SpinContainer from '@semcore/spin-container';
|
|
47
|
-
```
|
|
48
|
-
|
|
49
|
-
</details>
|
|
50
20
|
|
|
51
21
|
## 👤 Author
|
|
52
22
|
|
package/lib/cjs/SpinContainer.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -8,45 +8,46 @@ exports["default"] = void 0;
|
|
|
8
8
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
10
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
|
-
var
|
|
11
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
12
|
+
var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
|
|
13
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
12
14
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
|
-
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
14
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
16
|
var _core = require("@semcore/core");
|
|
16
|
-
var _react = _interopRequireDefault(require("react"));
|
|
17
17
|
var _animation = require("@semcore/animation");
|
|
18
|
-
var _spin = _interopRequireDefault(require("@semcore/spin"));
|
|
19
|
-
var _flexBox = require("@semcore/flex-box");
|
|
20
18
|
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
|
|
21
19
|
var _findComponent = require("@semcore/core/lib/utils/findComponent");
|
|
20
|
+
var _flexBox = require("@semcore/flex-box");
|
|
21
|
+
var _spin = _interopRequireDefault(require("@semcore/spin"));
|
|
22
|
+
var _react = _interopRequireDefault(require("react"));
|
|
23
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
22
24
|
/*!__reshadow-styles__:"./style/spin-container.shadow.css"*/
|
|
23
|
-
var style = (
|
|
25
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SSpinContainer_6ykp9_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_6ykp9_gg_{z-index:0;position:relative}.___SOverlay_6ykp9_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_6ykp9_gg_._theme_invert_6ykp9_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_6ykp9_gg_._theme_dark_6ykp9_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_6ykp9_gg_._theme_custom_6ykp9_gg_{background-color:var(--background_6ykp9)}", /*__inner_css_end__*/"6ykp9_gg_"),
|
|
24
26
|
/*__reshadow_css_end__*/
|
|
25
27
|
{
|
|
26
|
-
"__SSpinContainer": "
|
|
27
|
-
"__SContent": "
|
|
28
|
-
"__SOverlay": "
|
|
29
|
-
"_theme_invert": "
|
|
30
|
-
"_theme_dark": "
|
|
31
|
-
"_theme_custom": "
|
|
32
|
-
"--background": "--
|
|
28
|
+
"__SSpinContainer": "___SSpinContainer_6ykp9_gg_",
|
|
29
|
+
"__SContent": "___SContent_6ykp9_gg_",
|
|
30
|
+
"__SOverlay": "___SOverlay_6ykp9_gg_",
|
|
31
|
+
"_theme_invert": "_theme_invert_6ykp9_gg_",
|
|
32
|
+
"_theme_dark": "_theme_dark_6ykp9_gg_",
|
|
33
|
+
"_theme_custom": "_theme_custom_6ykp9_gg_",
|
|
34
|
+
"--background": "--background_6ykp9"
|
|
33
35
|
});
|
|
34
36
|
var SpinContainerRoot = /*#__PURE__*/function (_Component) {
|
|
35
|
-
(0, _inherits2["default"])(SpinContainerRoot, _Component);
|
|
36
|
-
var _super = (0, _createSuper2["default"])(SpinContainerRoot);
|
|
37
37
|
function SpinContainerRoot() {
|
|
38
38
|
var _this;
|
|
39
39
|
(0, _classCallCheck2["default"])(this, SpinContainerRoot);
|
|
40
40
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
41
41
|
args[_key] = arguments[_key];
|
|
42
42
|
}
|
|
43
|
-
_this =
|
|
44
|
-
(0, _defineProperty2["default"])(
|
|
43
|
+
_this = _callSuper(this, SpinContainerRoot, [].concat(args));
|
|
44
|
+
(0, _defineProperty2["default"])(_this, "state", {
|
|
45
45
|
inert: _this.props.loading
|
|
46
46
|
});
|
|
47
47
|
return _this;
|
|
48
48
|
}
|
|
49
|
-
(0,
|
|
49
|
+
(0, _inherits2["default"])(SpinContainerRoot, _Component);
|
|
50
|
+
return (0, _createClass2["default"])(SpinContainerRoot, [{
|
|
50
51
|
key: "componentDidUpdate",
|
|
51
52
|
value: function componentDidUpdate(prevProps) {
|
|
52
53
|
var _this2 = this;
|
|
@@ -111,7 +112,6 @@ var SpinContainerRoot = /*#__PURE__*/function (_Component) {
|
|
|
111
112
|
return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSpinContainer, _ref4.cn("SSpinContainer", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref))), advancedMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SpinContainer.Content, null, /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {}))), /*#__PURE__*/_react["default"].createElement(SpinContainer.Overlay, null)));
|
|
112
113
|
}
|
|
113
114
|
}]);
|
|
114
|
-
return SpinContainerRoot;
|
|
115
115
|
}(_core.Component);
|
|
116
116
|
(0, _defineProperty2["default"])(SpinContainerRoot, "displayName", 'SpinContainer');
|
|
117
117
|
(0, _defineProperty2["default"])(SpinContainerRoot, "style", style);
|
|
@@ -122,13 +122,12 @@ var SpinContainerRoot = /*#__PURE__*/function (_Component) {
|
|
|
122
122
|
});
|
|
123
123
|
(0, _defineProperty2["default"])(SpinContainerRoot, "enhance", [(0, _resolveColorEnhance["default"])()]);
|
|
124
124
|
var Overlay = /*#__PURE__*/function (_Component2) {
|
|
125
|
-
(0, _inherits2["default"])(Overlay, _Component2);
|
|
126
|
-
var _super2 = (0, _createSuper2["default"])(Overlay);
|
|
127
125
|
function Overlay() {
|
|
128
126
|
(0, _classCallCheck2["default"])(this, Overlay);
|
|
129
|
-
return
|
|
127
|
+
return _callSuper(this, Overlay, arguments);
|
|
130
128
|
}
|
|
131
|
-
(0,
|
|
129
|
+
(0, _inherits2["default"])(Overlay, _Component2);
|
|
130
|
+
return (0, _createClass2["default"])(Overlay, [{
|
|
132
131
|
key: "render",
|
|
133
132
|
value: function render() {
|
|
134
133
|
var _ref2 = this.asProps,
|
|
@@ -151,7 +150,6 @@ var Overlay = /*#__PURE__*/function (_Component2) {
|
|
|
151
150
|
}, _ref2)))));
|
|
152
151
|
}
|
|
153
152
|
}]);
|
|
154
|
-
return Overlay;
|
|
155
153
|
}(_core.Component);
|
|
156
154
|
(0, _defineProperty2["default"])(Overlay, "defaultProps", function (_ref7) {
|
|
157
155
|
var size = _ref7.size,
|
|
@@ -174,6 +172,5 @@ var SpinContainer = (0, _core.createComponent)(SpinContainerRoot, {
|
|
|
174
172
|
Overlay: Overlay,
|
|
175
173
|
Content: Content
|
|
176
174
|
});
|
|
177
|
-
var _default = SpinContainer;
|
|
178
|
-
exports["default"] = _default;
|
|
175
|
+
var _default = exports["default"] = SpinContainer;
|
|
179
176
|
//# sourceMappingURL=SpinContainer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpinContainer.js","names":["_core","require","
|
|
1
|
+
{"version":3,"file":"SpinContainer.js","names":["_core","require","_animation","_resolveColorEnhance","_interopRequireDefault","_findComponent","_flexBox","_spin","_react","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","SpinContainerRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","inert","props","loading","_inherits2","_createClass2","key","value","componentDidUpdate","prevProps","_this2","inertTimer","clearTimeout","setState","setTimeout","asProps","duration","getOverlayProps","_this$asProps","background","size","theme","resolveColor","getContentProps","state","undefined","render","_ref","_ref4","SSpinContainer","Box","_this$asProps2","styles","Children","forcedAdvancedMode","advancedMode","isAdvanceMode","SpinContainer","Overlay","displayName","createElement","cn","_objectSpread2","assignProps","Fragment","Content","Component","resolveColorEnhance","_Component2","_ref2","_ref5","SOverlay","_this$asProps3","useTheme","FadeInOut","_ref7","children","_ref3","arguments[0]","_ref6","SContent","createComponent","_default","exports"],"sources":["../../src/SpinContainer.jsx"],"sourcesContent":["import { FadeInOut } from '@semcore/animation';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport { Box } from '@semcore/flex-box';\nimport Spin from '@semcore/spin';\nimport React from 'react';\n\nimport style from './style/spin-container.shadow.css';\n\nclass SpinContainerRoot extends Component {\n static displayName = 'SpinContainer';\n static style = style;\n static defaultProps = {\n size: 'xxl',\n theme: 'dark',\n duration: 200,\n };\n\n static enhance = [resolveColorEnhance()];\n\n state = {\n inert: this.props.loading,\n };\n\n componentDidUpdate(prevProps) {\n const { loading } = this.props;\n if (prevProps.loading !== loading) {\n if (this.inertTimer) {\n clearTimeout(this.inertTimer);\n }\n\n if (loading) {\n this.setState({ inert: true });\n } else {\n this.inertTimer = setTimeout(() => {\n this.setState({ inert: false });\n }, this.asProps.duration + 50);\n }\n }\n }\n\n getOverlayProps() {\n const { loading, background, duration, size, theme, resolveColor } = this.asProps;\n return {\n background,\n // for Animated\n loading,\n duration,\n // for Spin\n size,\n theme,\n resolveColor,\n };\n }\n\n getContentProps() {\n const { inert } = this.state;\n\n return { inert: inert ? '' : undefined };\n }\n\n render() {\n const SSpinContainer = Root;\n const { styles, Children, forcedAdvancedMode } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode || isAdvanceMode(Children, [SpinContainer.Overlay.displayName]);\n\n return sstyled(styles)(\n <SSpinContainer render={Box}>\n {advancedMode\n ? (\n <Children />\n )\n : (\n <>\n <SpinContainer.Content>\n <Children />\n </SpinContainer.Content>\n <SpinContainer.Overlay />\n </>\n )}\n </SSpinContainer>,\n );\n }\n}\n\nclass Overlay extends Component {\n static defaultProps = ({ size, theme }) => ({\n children: <Spin size={size} theme={theme} />,\n });\n\n render() {\n const SOverlay = Root;\n const { styles, theme, background, loading, duration, resolveColor } = this.asProps;\n const useTheme = background ? 'custom' : theme;\n\n return sstyled(styles)(\n <FadeInOut visible={loading} duration={duration}>\n <SOverlay render={Box} use:theme={useTheme} use:background={resolveColor(background)} />\n </FadeInOut>,\n );\n }\n}\n\nfunction Content(props) {\n const SContent = Root;\n const { styles } = props;\n return sstyled(styles)(<SContent render={Box} />);\n}\n\nconst SpinContainer = createComponent(SpinContainerRoot, {\n Overlay,\n Content,\n});\n\nexport default SpinContainer;\n"],"mappings":"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","ignoreList":[]}
|
package/lib/cjs/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { FadeInOutProps } from '@semcore/animation';\nimport type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { BoxProps } from '@semcore/flex-box';\nimport type { SpinProps } from '@semcore/spin';\n\n/** @deprecated */\nexport interface ISpinContainerProps extends SpinContainerProps, UnknownProperties {}\nexport type SpinContainerProps = BoxProps &\n SpinProps & {\n /**\n * Color of container spinner; you can use your own color\n */\n background?: string;\n /** Duration of animation displaying in ms\n * @default 200\n */\n duration?: number;\n /**\n * Property responsible for displaying the spinner\n * */\n loading?: boolean;\n };\n\n/** @deprecated */\nexport interface ISpinOverlayProps extends SpinOverlayProps, UnknownProperties {}\nexport type SpinOverlayProps = BoxProps & FadeInOutProps & {};\n\n/** @deprecated */\nexport interface ISpinContainerContext extends SpinContainerContext, UnknownProperties {}\nexport type SpinContainerContext = {\n getOverlayProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ISpinContainerOverlayProps extends SpinContainerOverlayProps, UnknownProperties {}\nexport type SpinContainerOverlayProps = BoxProps & {\n /**\n * Css background; you can use your own color\n */\n background?: string;\n};\n\ndeclare const SpinContainer: Intergalactic.Component<\n 'div',\n SpinContainerProps,\n SpinContainerContext\n> & {\n Content: Intergalactic.Component<'div', SpinOverlayProps>;\n Overlay: Intergalactic.Component<'div', SpinContainerOverlayProps>;\n};\n\nexport default SpinContainer;\n"],"mappings":"","ignoreList":[]}
|
package/lib/cjs/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
package/lib/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_SpinContainer","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './SpinContainer';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,sBAAA,CAAAC,OAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["_SpinContainer","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './SpinContainer';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}
|
package/lib/es6/SpinContainer.js
CHANGED
|
@@ -1,49 +1,50 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
|
-
import
|
|
4
|
+
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
5
|
+
import _isNativeReflectConstruct from "@babel/runtime/helpers/isNativeReflectConstruct";
|
|
6
|
+
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
5
7
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
6
|
-
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
7
8
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
8
9
|
import { sstyled as _sstyled } from "@semcore/core";
|
|
9
10
|
import { assignProps as _assignProps3 } from "@semcore/core";
|
|
10
11
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
11
12
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
12
|
-
|
|
13
|
-
import { createComponent, Component, sstyled, Root } from '@semcore/core';
|
|
13
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
14
14
|
import { FadeInOut } from '@semcore/animation';
|
|
15
|
-
import
|
|
16
|
-
import { Box } from '@semcore/flex-box';
|
|
15
|
+
import { createComponent, Component, sstyled, Root } from '@semcore/core';
|
|
17
16
|
import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
|
|
18
17
|
import { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';
|
|
18
|
+
import { Box } from '@semcore/flex-box';
|
|
19
|
+
import Spin from '@semcore/spin';
|
|
20
|
+
import React from 'react';
|
|
19
21
|
/*!__reshadow-styles__:"./style/spin-container.shadow.css"*/
|
|
20
|
-
var style = (
|
|
22
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SSpinContainer_6ykp9_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_6ykp9_gg_{z-index:0;position:relative}.___SOverlay_6ykp9_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_6ykp9_gg_._theme_invert_6ykp9_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_6ykp9_gg_._theme_dark_6ykp9_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_6ykp9_gg_._theme_custom_6ykp9_gg_{background-color:var(--background_6ykp9)}", /*__inner_css_end__*/"6ykp9_gg_"),
|
|
21
23
|
/*__reshadow_css_end__*/
|
|
22
24
|
{
|
|
23
|
-
"__SSpinContainer": "
|
|
24
|
-
"__SContent": "
|
|
25
|
-
"__SOverlay": "
|
|
26
|
-
"_theme_invert": "
|
|
27
|
-
"_theme_dark": "
|
|
28
|
-
"_theme_custom": "
|
|
29
|
-
"--background": "--
|
|
25
|
+
"__SSpinContainer": "___SSpinContainer_6ykp9_gg_",
|
|
26
|
+
"__SContent": "___SContent_6ykp9_gg_",
|
|
27
|
+
"__SOverlay": "___SOverlay_6ykp9_gg_",
|
|
28
|
+
"_theme_invert": "_theme_invert_6ykp9_gg_",
|
|
29
|
+
"_theme_dark": "_theme_dark_6ykp9_gg_",
|
|
30
|
+
"_theme_custom": "_theme_custom_6ykp9_gg_",
|
|
31
|
+
"--background": "--background_6ykp9"
|
|
30
32
|
});
|
|
31
33
|
var SpinContainerRoot = /*#__PURE__*/function (_Component) {
|
|
32
|
-
_inherits(SpinContainerRoot, _Component);
|
|
33
|
-
var _super = _createSuper(SpinContainerRoot);
|
|
34
34
|
function SpinContainerRoot() {
|
|
35
35
|
var _this;
|
|
36
36
|
_classCallCheck(this, SpinContainerRoot);
|
|
37
37
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
38
38
|
args[_key] = arguments[_key];
|
|
39
39
|
}
|
|
40
|
-
_this =
|
|
41
|
-
_defineProperty(
|
|
40
|
+
_this = _callSuper(this, SpinContainerRoot, [].concat(args));
|
|
41
|
+
_defineProperty(_this, "state", {
|
|
42
42
|
inert: _this.props.loading
|
|
43
43
|
});
|
|
44
44
|
return _this;
|
|
45
45
|
}
|
|
46
|
-
|
|
46
|
+
_inherits(SpinContainerRoot, _Component);
|
|
47
|
+
return _createClass(SpinContainerRoot, [{
|
|
47
48
|
key: "componentDidUpdate",
|
|
48
49
|
value: function componentDidUpdate(prevProps) {
|
|
49
50
|
var _this2 = this;
|
|
@@ -108,7 +109,6 @@ var SpinContainerRoot = /*#__PURE__*/function (_Component) {
|
|
|
108
109
|
return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SSpinContainer, _ref4.cn("SSpinContainer", _objectSpread({}, _assignProps({}, _ref))), advancedMode ? /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {})) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SpinContainer.Content, null, /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {}))), /*#__PURE__*/React.createElement(SpinContainer.Overlay, null)));
|
|
109
110
|
}
|
|
110
111
|
}]);
|
|
111
|
-
return SpinContainerRoot;
|
|
112
112
|
}(Component);
|
|
113
113
|
_defineProperty(SpinContainerRoot, "displayName", 'SpinContainer');
|
|
114
114
|
_defineProperty(SpinContainerRoot, "style", style);
|
|
@@ -119,13 +119,12 @@ _defineProperty(SpinContainerRoot, "defaultProps", {
|
|
|
119
119
|
});
|
|
120
120
|
_defineProperty(SpinContainerRoot, "enhance", [resolveColorEnhance()]);
|
|
121
121
|
var Overlay = /*#__PURE__*/function (_Component2) {
|
|
122
|
-
_inherits(Overlay, _Component2);
|
|
123
|
-
var _super2 = _createSuper(Overlay);
|
|
124
122
|
function Overlay() {
|
|
125
123
|
_classCallCheck(this, Overlay);
|
|
126
|
-
return
|
|
124
|
+
return _callSuper(this, Overlay, arguments);
|
|
127
125
|
}
|
|
128
|
-
|
|
126
|
+
_inherits(Overlay, _Component2);
|
|
127
|
+
return _createClass(Overlay, [{
|
|
129
128
|
key: "render",
|
|
130
129
|
value: function render() {
|
|
131
130
|
var _ref2 = this.asProps,
|
|
@@ -148,7 +147,6 @@ var Overlay = /*#__PURE__*/function (_Component2) {
|
|
|
148
147
|
}, _ref2)))));
|
|
149
148
|
}
|
|
150
149
|
}]);
|
|
151
|
-
return Overlay;
|
|
152
150
|
}(Component);
|
|
153
151
|
_defineProperty(Overlay, "defaultProps", function (_ref7) {
|
|
154
152
|
var size = _ref7.size,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpinContainer.js","names":["
|
|
1
|
+
{"version":3,"file":"SpinContainer.js","names":["FadeInOut","createComponent","Component","sstyled","Root","resolveColorEnhance","isAdvanceMode","Box","Spin","React","style","_sstyled","insert","SpinContainerRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","inert","props","loading","_inherits","_createClass","key","value","componentDidUpdate","prevProps","_this2","inertTimer","clearTimeout","setState","setTimeout","asProps","duration","getOverlayProps","_this$asProps","background","size","theme","resolveColor","getContentProps","state","undefined","render","_ref","_ref4","SSpinContainer","_this$asProps2","styles","Children","forcedAdvancedMode","advancedMode","SpinContainer","Overlay","displayName","createElement","cn","_objectSpread","_assignProps","Fragment","Content","_Component2","_ref2","_ref5","SOverlay","_this$asProps3","useTheme","_assignProps2","_ref7","children","_ref3","arguments[0]","_ref6","SContent","_assignProps3"],"sources":["../../src/SpinContainer.jsx"],"sourcesContent":["import { FadeInOut } from '@semcore/animation';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport { Box } from '@semcore/flex-box';\nimport Spin from '@semcore/spin';\nimport React from 'react';\n\nimport style from './style/spin-container.shadow.css';\n\nclass SpinContainerRoot extends Component {\n static displayName = 'SpinContainer';\n static style = style;\n static defaultProps = {\n size: 'xxl',\n theme: 'dark',\n duration: 200,\n };\n\n static enhance = [resolveColorEnhance()];\n\n state = {\n inert: this.props.loading,\n };\n\n componentDidUpdate(prevProps) {\n const { loading } = this.props;\n if (prevProps.loading !== loading) {\n if (this.inertTimer) {\n clearTimeout(this.inertTimer);\n }\n\n if (loading) {\n this.setState({ inert: true });\n } else {\n this.inertTimer = setTimeout(() => {\n this.setState({ inert: false });\n }, this.asProps.duration + 50);\n }\n }\n }\n\n getOverlayProps() {\n const { loading, background, duration, size, theme, resolveColor } = this.asProps;\n return {\n background,\n // for Animated\n loading,\n duration,\n // for Spin\n size,\n theme,\n resolveColor,\n };\n }\n\n getContentProps() {\n const { inert } = this.state;\n\n return { inert: inert ? '' : undefined };\n }\n\n render() {\n const SSpinContainer = Root;\n const { styles, Children, forcedAdvancedMode } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode || isAdvanceMode(Children, [SpinContainer.Overlay.displayName]);\n\n return sstyled(styles)(\n <SSpinContainer render={Box}>\n {advancedMode\n ? (\n <Children />\n )\n : (\n <>\n <SpinContainer.Content>\n <Children />\n </SpinContainer.Content>\n <SpinContainer.Overlay />\n </>\n )}\n </SSpinContainer>,\n );\n }\n}\n\nclass Overlay extends Component {\n static defaultProps = ({ size, theme }) => ({\n children: <Spin size={size} theme={theme} />,\n });\n\n render() {\n const SOverlay = Root;\n const { styles, theme, background, loading, duration, resolveColor } = this.asProps;\n const useTheme = background ? 'custom' : theme;\n\n return sstyled(styles)(\n <FadeInOut visible={loading} duration={duration}>\n <SOverlay render={Box} use:theme={useTheme} use:background={resolveColor(background)} />\n </FadeInOut>,\n );\n }\n}\n\nfunction Content(props) {\n const SContent = Root;\n const { styles } = props;\n return sstyled(styles)(<SContent render={Box} />);\n}\n\nconst SpinContainer = createComponent(SpinContainerRoot, {\n Overlay,\n Content,\n});\n\nexport default SpinContainer;\n"],"mappings":"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","ignoreList":[]}
|
package/lib/es6/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { FadeInOutProps } from '@semcore/animation';\nimport type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { BoxProps } from '@semcore/flex-box';\nimport type { SpinProps } from '@semcore/spin';\n\n/** @deprecated */\nexport interface ISpinContainerProps extends SpinContainerProps, UnknownProperties {}\nexport type SpinContainerProps = BoxProps &\n SpinProps & {\n /**\n * Color of container spinner; you can use your own color\n */\n background?: string;\n /** Duration of animation displaying in ms\n * @default 200\n */\n duration?: number;\n /**\n * Property responsible for displaying the spinner\n * */\n loading?: boolean;\n };\n\n/** @deprecated */\nexport interface ISpinOverlayProps extends SpinOverlayProps, UnknownProperties {}\nexport type SpinOverlayProps = BoxProps & FadeInOutProps & {};\n\n/** @deprecated */\nexport interface ISpinContainerContext extends SpinContainerContext, UnknownProperties {}\nexport type SpinContainerContext = {\n getOverlayProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ISpinContainerOverlayProps extends SpinContainerOverlayProps, UnknownProperties {}\nexport type SpinContainerOverlayProps = BoxProps & {\n /**\n * Css background; you can use your own color\n */\n background?: string;\n};\n\ndeclare const SpinContainer: Intergalactic.Component<\n 'div',\n SpinContainerProps,\n SpinContainerContext\n> & {\n Content: Intergalactic.Component<'div', SpinOverlayProps>;\n Overlay: Intergalactic.Component<'div', SpinContainerOverlayProps>;\n};\n\nexport default SpinContainer;\n"],"mappings":"","ignoreList":[]}
|
package/lib/es6/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './SpinContainer';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './SpinContainer';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB","ignoreList":[]}
|
|
@@ -1,52 +1,55 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
2
|
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
3
|
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
-
import
|
|
4
|
+
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
|
|
5
|
+
import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
|
|
6
|
+
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
5
7
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
6
|
-
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
|
|
7
8
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
8
|
-
import {
|
|
9
|
-
import React from "react";
|
|
9
|
+
import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
|
|
10
10
|
import { FadeInOut } from "@semcore/animation";
|
|
11
|
-
import Spin from "@semcore/spin";
|
|
12
|
-
import { Box } from "@semcore/flex-box";
|
|
13
11
|
import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
|
|
14
12
|
import { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
|
|
13
|
+
import { Box } from "@semcore/flex-box";
|
|
14
|
+
import Spin from "@semcore/spin";
|
|
15
|
+
import React from "react";
|
|
16
|
+
function _callSuper(t, o, e) {
|
|
17
|
+
return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
|
|
18
|
+
}
|
|
15
19
|
/*!__reshadow-styles__:"./style/spin-container.shadow.css"*/
|
|
16
20
|
var style = (
|
|
17
21
|
/*__reshadow_css_start__*/
|
|
18
22
|
(sstyled.insert(
|
|
19
23
|
/*__inner_css_start__*/
|
|
20
|
-
".
|
|
24
|
+
".___SSpinContainer_6ykp9_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_6ykp9_gg_{z-index:0;position:relative}.___SOverlay_6ykp9_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_6ykp9_gg_._theme_invert_6ykp9_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_6ykp9_gg_._theme_dark_6ykp9_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_6ykp9_gg_._theme_custom_6ykp9_gg_{background-color:var(--background_6ykp9)}",
|
|
21
25
|
/*__inner_css_end__*/
|
|
22
|
-
"
|
|
26
|
+
"6ykp9_gg_"
|
|
23
27
|
), /*__reshadow_css_end__*/
|
|
24
28
|
{
|
|
25
|
-
"__SSpinContainer": "
|
|
26
|
-
"__SContent": "
|
|
27
|
-
"__SOverlay": "
|
|
28
|
-
"_theme_invert": "
|
|
29
|
-
"_theme_dark": "
|
|
30
|
-
"_theme_custom": "
|
|
31
|
-
"--background": "--
|
|
29
|
+
"__SSpinContainer": "___SSpinContainer_6ykp9_gg_",
|
|
30
|
+
"__SContent": "___SContent_6ykp9_gg_",
|
|
31
|
+
"__SOverlay": "___SOverlay_6ykp9_gg_",
|
|
32
|
+
"_theme_invert": "_theme_invert_6ykp9_gg_",
|
|
33
|
+
"_theme_dark": "_theme_dark_6ykp9_gg_",
|
|
34
|
+
"_theme_custom": "_theme_custom_6ykp9_gg_",
|
|
35
|
+
"--background": "--background_6ykp9"
|
|
32
36
|
})
|
|
33
37
|
);
|
|
34
38
|
var SpinContainerRoot = /* @__PURE__ */ function(_Component) {
|
|
35
|
-
_inherits(SpinContainerRoot2, _Component);
|
|
36
|
-
var _super = _createSuper(SpinContainerRoot2);
|
|
37
39
|
function SpinContainerRoot2() {
|
|
38
40
|
var _this;
|
|
39
41
|
_classCallCheck(this, SpinContainerRoot2);
|
|
40
42
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
41
43
|
args[_key] = arguments[_key];
|
|
42
44
|
}
|
|
43
|
-
_this =
|
|
44
|
-
_defineProperty(
|
|
45
|
+
_this = _callSuper(this, SpinContainerRoot2, [].concat(args));
|
|
46
|
+
_defineProperty(_this, "state", {
|
|
45
47
|
inert: _this.props.loading
|
|
46
48
|
});
|
|
47
49
|
return _this;
|
|
48
50
|
}
|
|
49
|
-
|
|
51
|
+
_inherits(SpinContainerRoot2, _Component);
|
|
52
|
+
return _createClass(SpinContainerRoot2, [{
|
|
50
53
|
key: "componentDidUpdate",
|
|
51
54
|
value: function componentDidUpdate(prevProps) {
|
|
52
55
|
var _this2 = this;
|
|
@@ -101,7 +104,6 @@ var SpinContainerRoot = /* @__PURE__ */ function(_Component) {
|
|
|
101
104
|
return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SSpinContainer, _ref4.cn("SSpinContainer", _objectSpread({}, assignProps({}, _ref))), advancedMode ? /* @__PURE__ */ React.createElement(Children, _ref4.cn("Children", {})) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SpinContainer.Content, null, /* @__PURE__ */ React.createElement(Children, _ref4.cn("Children", {}))), /* @__PURE__ */ React.createElement(SpinContainer.Overlay, null)));
|
|
102
105
|
}
|
|
103
106
|
}]);
|
|
104
|
-
return SpinContainerRoot2;
|
|
105
107
|
}(Component);
|
|
106
108
|
_defineProperty(SpinContainerRoot, "displayName", "SpinContainer");
|
|
107
109
|
_defineProperty(SpinContainerRoot, "style", style);
|
|
@@ -112,13 +114,12 @@ _defineProperty(SpinContainerRoot, "defaultProps", {
|
|
|
112
114
|
});
|
|
113
115
|
_defineProperty(SpinContainerRoot, "enhance", [resolveColorEnhance()]);
|
|
114
116
|
var Overlay = /* @__PURE__ */ function(_Component2) {
|
|
115
|
-
_inherits(Overlay2, _Component2);
|
|
116
|
-
var _super2 = _createSuper(Overlay2);
|
|
117
117
|
function Overlay2() {
|
|
118
118
|
_classCallCheck(this, Overlay2);
|
|
119
|
-
return
|
|
119
|
+
return _callSuper(this, Overlay2, arguments);
|
|
120
120
|
}
|
|
121
|
-
|
|
121
|
+
_inherits(Overlay2, _Component2);
|
|
122
|
+
return _createClass(Overlay2, [{
|
|
122
123
|
key: "render",
|
|
123
124
|
value: function render() {
|
|
124
125
|
var _ref2 = this.asProps, _ref5;
|
|
@@ -134,7 +135,6 @@ var Overlay = /* @__PURE__ */ function(_Component2) {
|
|
|
134
135
|
}, _ref2)))));
|
|
135
136
|
}
|
|
136
137
|
}]);
|
|
137
|
-
return Overlay2;
|
|
138
138
|
}(Component);
|
|
139
139
|
_defineProperty(Overlay, "defaultProps", function(_ref7) {
|
|
140
140
|
var size = _ref7.size, theme = _ref7.theme;
|
package/lib/types/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import { BoxProps } from '@semcore/flex-box';
|
|
4
|
-
import {
|
|
1
|
+
import type { FadeInOutProps } from '@semcore/animation';
|
|
2
|
+
import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
|
|
3
|
+
import type { BoxProps } from '@semcore/flex-box';
|
|
4
|
+
import type { SpinProps } from '@semcore/spin';
|
|
5
5
|
|
|
6
6
|
/** @deprecated */
|
|
7
7
|
export interface ISpinContainerProps extends SpinContainerProps, UnknownProperties {}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/spin-container",
|
|
3
3
|
"description": "Semrush SpinContainer Component",
|
|
4
|
-
"version": "16.0.
|
|
4
|
+
"version": "16.0.2-prerelease.1",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"types": "lib/types/index.d.ts",
|
|
@@ -14,12 +14,12 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/spin": "16.0.
|
|
18
|
-
"@semcore/flex-box": "16.0.
|
|
19
|
-
"@semcore/animation": "16.0.
|
|
17
|
+
"@semcore/spin": "16.0.2-prerelease.1",
|
|
18
|
+
"@semcore/flex-box": "16.0.2-prerelease.1",
|
|
19
|
+
"@semcore/animation": "16.0.2-prerelease.1"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
22
|
-
"@semcore/base-components": "^16.0.
|
|
22
|
+
"@semcore/base-components": "^16.0.2-prerelease.1"
|
|
23
23
|
},
|
|
24
24
|
"repository": {
|
|
25
25
|
"type": "git",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"directory": "semcore/spin-container"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
|
-
"@
|
|
30
|
+
"@semcore/core": "16.0.0",
|
|
31
31
|
"@semcore/testing-utils": "1.0.0"
|
|
32
32
|
},
|
|
33
33
|
"scripts": {
|