@semcore/spin-container 16.1.0 → 16.1.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 +1 -1
- package/lib/cjs/SpinContainer.js +14 -13
- package/lib/cjs/SpinContainer.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/es6/SpinContainer.js +10 -9
- package/lib/es6/SpinContainer.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/esm/SpinContainer.mjs +12 -11
- package/lib/types/index.d.ts +11 -2
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
package/lib/cjs/SpinContainer.js
CHANGED
|
@@ -12,22 +12,23 @@ var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSup
|
|
|
12
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
14
|
var _core = require("@semcore/core");
|
|
15
|
-
var
|
|
15
|
+
var _animation = require("@semcore/animation");
|
|
16
16
|
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
|
|
17
17
|
var _findComponent = require("@semcore/core/lib/utils/findComponent");
|
|
18
|
+
var _flexBox = require("@semcore/flex-box");
|
|
18
19
|
var _spin = _interopRequireDefault(require("@semcore/spin"));
|
|
19
20
|
var _react = _interopRequireDefault(require("react"));
|
|
20
21
|
/*!__reshadow-styles__:"./style/spin-container.shadow.css"*/
|
|
21
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
22
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SSpinContainer_1q7y0_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_1q7y0_gg_{z-index:0;position:relative}.___SOverlay_1q7y0_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_1q7y0_gg_._theme_invert_1q7y0_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(0, 8, 5, 0.262))}.___SOverlay_1q7y0_gg_._theme_dark_1q7y0_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_1q7y0_gg_._theme_custom_1q7y0_gg_{background-color:var(--background_1q7y0)}", /*__inner_css_end__*/"1q7y0_gg_"),
|
|
22
23
|
/*__reshadow_css_end__*/
|
|
23
24
|
{
|
|
24
|
-
"__SSpinContainer": "
|
|
25
|
-
"__SContent": "
|
|
26
|
-
"__SOverlay": "
|
|
27
|
-
"_theme_invert": "
|
|
28
|
-
"_theme_dark": "
|
|
29
|
-
"_theme_custom": "
|
|
30
|
-
"--background": "--
|
|
25
|
+
"__SSpinContainer": "___SSpinContainer_1q7y0_gg_",
|
|
26
|
+
"__SContent": "___SContent_1q7y0_gg_",
|
|
27
|
+
"__SOverlay": "___SOverlay_1q7y0_gg_",
|
|
28
|
+
"_theme_invert": "_theme_invert_1q7y0_gg_",
|
|
29
|
+
"_theme_dark": "_theme_dark_1q7y0_gg_",
|
|
30
|
+
"_theme_custom": "_theme_custom_1q7y0_gg_",
|
|
31
|
+
"--background": "--background_1q7y0"
|
|
31
32
|
});
|
|
32
33
|
var SpinContainerRoot = /*#__PURE__*/function (_Component) {
|
|
33
34
|
function SpinContainerRoot() {
|
|
@@ -99,7 +100,7 @@ var SpinContainerRoot = /*#__PURE__*/function (_Component) {
|
|
|
99
100
|
value: function render() {
|
|
100
101
|
var _ref = this.asProps,
|
|
101
102
|
_ref4;
|
|
102
|
-
var SSpinContainer =
|
|
103
|
+
var SSpinContainer = _flexBox.Box;
|
|
103
104
|
var _this$asProps2 = this.asProps,
|
|
104
105
|
styles = _this$asProps2.styles,
|
|
105
106
|
Children = _this$asProps2.Children,
|
|
@@ -128,7 +129,7 @@ var Overlay = /*#__PURE__*/function (_Component2) {
|
|
|
128
129
|
value: function render() {
|
|
129
130
|
var _ref2 = this.asProps,
|
|
130
131
|
_ref5;
|
|
131
|
-
var SOverlay =
|
|
132
|
+
var SOverlay = _flexBox.Box;
|
|
132
133
|
var _this$asProps3 = this.asProps,
|
|
133
134
|
styles = _this$asProps3.styles,
|
|
134
135
|
theme = _this$asProps3.theme,
|
|
@@ -137,7 +138,7 @@ var Overlay = /*#__PURE__*/function (_Component2) {
|
|
|
137
138
|
duration = _this$asProps3.duration,
|
|
138
139
|
resolveColor = _this$asProps3.resolveColor;
|
|
139
140
|
var useTheme = background ? 'custom' : theme;
|
|
140
|
-
return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(
|
|
141
|
+
return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_animation.FadeInOut, _ref5.cn("FadeInOut", {
|
|
141
142
|
"visible": loading,
|
|
142
143
|
"duration": duration
|
|
143
144
|
}), /*#__PURE__*/_react["default"].createElement(SOverlay, _ref5.cn("SOverlay", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
@@ -160,7 +161,7 @@ var Overlay = /*#__PURE__*/function (_Component2) {
|
|
|
160
161
|
function Content(props) {
|
|
161
162
|
var _ref3 = arguments[0],
|
|
162
163
|
_ref6;
|
|
163
|
-
var SContent =
|
|
164
|
+
var SContent = _flexBox.Box;
|
|
164
165
|
var styles = props.styles;
|
|
165
166
|
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SContent, _ref6.cn("SContent", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
|
|
166
167
|
}
|
|
@@ -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","style","sstyled","insert","SpinContainerRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","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 type { FadeInOutProps
|
|
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/SpinContainer.js
CHANGED
|
@@ -8,23 +8,24 @@ import { sstyled as _sstyled } from "@semcore/core";
|
|
|
8
8
|
import { assignProps as _assignProps3 } from "@semcore/core";
|
|
9
9
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
10
10
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
11
|
-
import { FadeInOut
|
|
11
|
+
import { FadeInOut } from '@semcore/animation';
|
|
12
12
|
import { createComponent, Component, sstyled, Root } from '@semcore/core';
|
|
13
13
|
import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
|
|
14
14
|
import { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';
|
|
15
|
+
import { Box } from '@semcore/flex-box';
|
|
15
16
|
import Spin from '@semcore/spin';
|
|
16
17
|
import React from 'react';
|
|
17
18
|
/*!__reshadow-styles__:"./style/spin-container.shadow.css"*/
|
|
18
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
19
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SSpinContainer_1q7y0_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_1q7y0_gg_{z-index:0;position:relative}.___SOverlay_1q7y0_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_1q7y0_gg_._theme_invert_1q7y0_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(0, 8, 5, 0.262))}.___SOverlay_1q7y0_gg_._theme_dark_1q7y0_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_1q7y0_gg_._theme_custom_1q7y0_gg_{background-color:var(--background_1q7y0)}", /*__inner_css_end__*/"1q7y0_gg_"),
|
|
19
20
|
/*__reshadow_css_end__*/
|
|
20
21
|
{
|
|
21
|
-
"__SSpinContainer": "
|
|
22
|
-
"__SContent": "
|
|
23
|
-
"__SOverlay": "
|
|
24
|
-
"_theme_invert": "
|
|
25
|
-
"_theme_dark": "
|
|
26
|
-
"_theme_custom": "
|
|
27
|
-
"--background": "--
|
|
22
|
+
"__SSpinContainer": "___SSpinContainer_1q7y0_gg_",
|
|
23
|
+
"__SContent": "___SContent_1q7y0_gg_",
|
|
24
|
+
"__SOverlay": "___SOverlay_1q7y0_gg_",
|
|
25
|
+
"_theme_invert": "_theme_invert_1q7y0_gg_",
|
|
26
|
+
"_theme_dark": "_theme_dark_1q7y0_gg_",
|
|
27
|
+
"_theme_custom": "_theme_custom_1q7y0_gg_",
|
|
28
|
+
"--background": "--background_1q7y0"
|
|
28
29
|
});
|
|
29
30
|
var SpinContainerRoot = /*#__PURE__*/function (_Component) {
|
|
30
31
|
function SpinContainerRoot() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpinContainer.js","names":["FadeInOut","
|
|
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 type { FadeInOutProps
|
|
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":[]}
|
|
@@ -4,10 +4,11 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
|
4
4
|
import _callSuper from "@babel/runtime/helpers/esm/callSuper";
|
|
5
5
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
|
-
import { sstyled, assignProps, Component
|
|
8
|
-
import {
|
|
7
|
+
import { sstyled, createComponent, assignProps, Component } from "@semcore/core";
|
|
8
|
+
import { FadeInOut } from "@semcore/animation";
|
|
9
9
|
import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
|
|
10
10
|
import { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
|
|
11
|
+
import { Box } from "@semcore/flex-box";
|
|
11
12
|
import Spin from "@semcore/spin";
|
|
12
13
|
import React from "react";
|
|
13
14
|
/*!__reshadow-styles__:"./style/spin-container.shadow.css"*/
|
|
@@ -15,18 +16,18 @@ var style = (
|
|
|
15
16
|
/*__reshadow_css_start__*/
|
|
16
17
|
(sstyled.insert(
|
|
17
18
|
/*__inner_css_start__*/
|
|
18
|
-
".
|
|
19
|
+
".___SSpinContainer_1q7y0_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_1q7y0_gg_{z-index:0;position:relative}.___SOverlay_1q7y0_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_1q7y0_gg_._theme_invert_1q7y0_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(0, 8, 5, 0.262))}.___SOverlay_1q7y0_gg_._theme_dark_1q7y0_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_1q7y0_gg_._theme_custom_1q7y0_gg_{background-color:var(--background_1q7y0)}",
|
|
19
20
|
/*__inner_css_end__*/
|
|
20
|
-
"
|
|
21
|
+
"1q7y0_gg_"
|
|
21
22
|
), /*__reshadow_css_end__*/
|
|
22
23
|
{
|
|
23
|
-
"__SSpinContainer": "
|
|
24
|
-
"__SContent": "
|
|
25
|
-
"__SOverlay": "
|
|
26
|
-
"_theme_invert": "
|
|
27
|
-
"_theme_dark": "
|
|
28
|
-
"_theme_custom": "
|
|
29
|
-
"--background": "--
|
|
24
|
+
"__SSpinContainer": "___SSpinContainer_1q7y0_gg_",
|
|
25
|
+
"__SContent": "___SContent_1q7y0_gg_",
|
|
26
|
+
"__SOverlay": "___SOverlay_1q7y0_gg_",
|
|
27
|
+
"_theme_invert": "_theme_invert_1q7y0_gg_",
|
|
28
|
+
"_theme_dark": "_theme_dark_1q7y0_gg_",
|
|
29
|
+
"_theme_custom": "_theme_custom_1q7y0_gg_",
|
|
30
|
+
"--background": "--background_1q7y0"
|
|
30
31
|
})
|
|
31
32
|
);
|
|
32
33
|
var SpinContainerRoot = /* @__PURE__ */ (function(_Component) {
|
package/lib/types/index.d.ts
CHANGED
|
@@ -1,7 +1,10 @@
|
|
|
1
|
-
import type { FadeInOutProps
|
|
2
|
-
import type { PropGetterFn, Intergalactic } from '@semcore/core';
|
|
1
|
+
import type { FadeInOutProps } from '@semcore/animation';
|
|
2
|
+
import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
|
|
3
|
+
import type { BoxProps } from '@semcore/flex-box';
|
|
3
4
|
import type { SpinProps } from '@semcore/spin';
|
|
4
5
|
|
|
6
|
+
/** @deprecated */
|
|
7
|
+
export interface ISpinContainerProps extends SpinContainerProps, UnknownProperties {}
|
|
5
8
|
export type SpinContainerProps = BoxProps &
|
|
6
9
|
SpinProps & {
|
|
7
10
|
/**
|
|
@@ -18,12 +21,18 @@ export type SpinContainerProps = BoxProps &
|
|
|
18
21
|
loading?: boolean;
|
|
19
22
|
};
|
|
20
23
|
|
|
24
|
+
/** @deprecated */
|
|
25
|
+
export interface ISpinOverlayProps extends SpinOverlayProps, UnknownProperties {}
|
|
21
26
|
export type SpinOverlayProps = BoxProps & FadeInOutProps & {};
|
|
22
27
|
|
|
28
|
+
/** @deprecated */
|
|
29
|
+
export interface ISpinContainerContext extends SpinContainerContext, UnknownProperties {}
|
|
23
30
|
export type SpinContainerContext = {
|
|
24
31
|
getOverlayProps: PropGetterFn;
|
|
25
32
|
};
|
|
26
33
|
|
|
34
|
+
/** @deprecated */
|
|
35
|
+
export interface ISpinContainerOverlayProps extends SpinContainerOverlayProps, UnknownProperties {}
|
|
27
36
|
export type SpinContainerOverlayProps = BoxProps & {
|
|
28
37
|
/**
|
|
29
38
|
* Css background; you can use your own color
|
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.1.
|
|
4
|
+
"version": "16.1.1",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"types": "lib/types/index.d.ts",
|
|
@@ -14,9 +14,9 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/spin": "16.1.
|
|
18
|
-
"@semcore/flex-box": "16.1.
|
|
19
|
-
"@semcore/animation": "16.1.
|
|
17
|
+
"@semcore/spin": "16.1.1",
|
|
18
|
+
"@semcore/flex-box": "16.1.1",
|
|
19
|
+
"@semcore/animation": "16.1.1"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
22
22
|
"@semcore/base-components": "^16.6.0"
|