@semcore/spin-container 16.0.0-prerelease.9 → 16.0.1-prerelease.2

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.
Files changed (8) hide show
  1. package/CHANGELOG.md +25 -1
  2. package/lib/cjs/SpinContainer.js +11 -9
  3. package/lib/cjs/SpinContainer.js.map +1 -1
  4. package/lib/es6/SpinContainer.js +11 -9
  5. package/lib/es6/SpinContainer.js.map +1 -1
  6. package/lib/esm/SpinContainer.mjs +13 -10
  7. package/lib/esm/style/spin-container.shadow.css +35 -0
  8. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -2,12 +2,36 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
- ## [16.0.0] - 2025-03-26
5
+ ## [16.0.1] - 2025-05-30
6
+
7
+ ### Changed
8
+
9
+ - Version patch update due to children dependencies update (`@semcore/spin` [16.0.0 ~> 16.0.1], `@semcore/flex-box` [16.0.0 ~> 16.0.1], `@semcore/animation` [16.0.0 ~> 16.0.1], `@semcore/base-components` [16.0.0 ~> 16.0.1]).
10
+
11
+ ## [16.0.0] - 2025-05-19
6
12
 
7
13
  ### Added
8
14
 
9
15
  - Major version.
10
16
 
17
+ ## [7.41.4] - 2025-05-13
18
+
19
+ ### Changed
20
+
21
+ - Version patch update due to children dependencies update (`@semcore/utils` [4.48.4 ~> 4.48.5], `@semcore/spin` [5.41.3 ~> 5.41.4], `@semcore/flex-box` [5.41.3 ~> 5.41.4], `@semcore/animation` [2.41.3 ~> 2.41.4], `@semcore/core` [2.39.3 ~> 2.39.4]).
22
+
23
+ ## [7.41.3] - 2025-05-09
24
+
25
+ ### Changed
26
+
27
+ - Version patch update due to children dependencies update (`@semcore/utils` [4.48.2 ~> 4.48.4], `@semcore/spin` [5.41.2 ~> 5.41.3], `@semcore/flex-box` [5.41.2 ~> 5.41.3], `@semcore/animation` [2.41.2 ~> 2.41.3], `@semcore/core` [2.39.2 ~> 2.39.3]).
28
+
29
+ ## [7.41.2] - 2025-04-04
30
+
31
+ ### Changed
32
+
33
+ - Version patch update due to children dependencies update (`@semcore/utils` [4.48.1 ~> 4.48.2], `@semcore/spin` [5.41.1 ~> 5.41.2], `@semcore/flex-box` [5.41.1 ~> 5.41.2], `@semcore/animation` [2.41.1 ~> 2.41.2], `@semcore/core` [2.39.1 ~> 2.39.2]).
34
+
11
35
  ## [7.41.1] - 2025-03-20
12
36
 
13
37
  ### Changed
package/lib/cjs/SpinContainer.js CHANGED
@@ -19,15 +19,17 @@ var _spin = _interopRequireDefault(require("@semcore/spin"));
19
19
  var _flexBox = require("@semcore/flex-box");
20
20
  var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
21
21
  var _findComponent = require("@semcore/core/lib/utils/findComponent");
22
- /*__reshadow-styles__:"./style/spin-container.shadow.css"*/
23
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SSpinContainer_quxrx_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_quxrx_gg_{z-index:0;position:relative}.___SOverlay_quxrx_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_quxrx_gg_._theme_invert_quxrx_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_quxrx_gg_._theme_dark_quxrx_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_quxrx_gg_._theme_custom_quxrx_gg_{background-color:var(--background_quxrx)}" /*__inner_css_end__*/, "quxrx_gg_") /*__reshadow_css_end__*/, {
24
- "__SSpinContainer": "___SSpinContainer_quxrx_gg_",
25
- "__SContent": "___SContent_quxrx_gg_",
26
- "__SOverlay": "___SOverlay_quxrx_gg_",
27
- "_theme_invert": "_theme_invert_quxrx_gg_",
28
- "_theme_dark": "_theme_dark_quxrx_gg_",
29
- "_theme_custom": "_theme_custom_quxrx_gg_",
30
- "--background": "--background_quxrx"
22
+ /*!__reshadow-styles__:"./style/spin-container.shadow.css"*/
23
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SSpinContainer_es23p_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_es23p_gg_{z-index:0;position:relative}.___SOverlay_es23p_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_es23p_gg_._theme_invert_es23p_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_es23p_gg_._theme_dark_es23p_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_es23p_gg_._theme_custom_es23p_gg_{background-color:var(--background_es23p)}", /*__inner_css_end__*/"es23p_gg_"),
24
+ /*__reshadow_css_end__*/
25
+ {
26
+ "__SSpinContainer": "___SSpinContainer_es23p_gg_",
27
+ "__SContent": "___SContent_es23p_gg_",
28
+ "__SOverlay": "___SOverlay_es23p_gg_",
29
+ "_theme_invert": "_theme_invert_es23p_gg_",
30
+ "_theme_dark": "_theme_dark_es23p_gg_",
31
+ "_theme_custom": "_theme_custom_es23p_gg_",
32
+ "--background": "--background_es23p"
31
33
  });
32
34
  var SpinContainerRoot = /*#__PURE__*/function (_Component) {
33
35
  (0, _inherits2["default"])(SpinContainerRoot, _Component);
package/lib/cjs/SpinContainer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SpinContainer.js","names":["_core","require","_react","_interopRequireDefault","_animation","_spin","_flexBox","_resolveColorEnhance","_findComponent","style","sstyled","insert","SpinContainerRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","inert","props","loading","_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","_super2","_ref2","_ref5","SOverlay","_this$asProps3","useTheme","FadeInOut","_ref7","children","_ref3","arguments[0]","_ref6","SContent","createComponent","_default","exports"],"sources":["../../src/SpinContainer.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { FadeInOut } from '@semcore/animation';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\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 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 <Children />\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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"}
1
+ {"version":3,"file":"SpinContainer.js","names":["_core","require","_react","_interopRequireDefault","_animation","_spin","_flexBox","_resolveColorEnhance","_findComponent","style","sstyled","insert","SpinContainerRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","inert","props","loading","_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","_super2","_ref2","_ref5","SOverlay","_this$asProps3","useTheme","FadeInOut","_ref7","children","_ref3","arguments[0]","_ref6","SContent","createComponent","_default","exports"],"sources":["../../src/SpinContainer.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { FadeInOut } from '@semcore/animation';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\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 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 <Children />\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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"}
package/lib/es6/SpinContainer.js CHANGED
@@ -16,15 +16,17 @@ import Spin from '@semcore/spin';
16
16
  import { Box } from '@semcore/flex-box';
17
17
  import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
18
18
  import { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';
19
- /*__reshadow-styles__:"./style/spin-container.shadow.css"*/
20
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSpinContainer_quxrx_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_quxrx_gg_{z-index:0;position:relative}.___SOverlay_quxrx_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_quxrx_gg_._theme_invert_quxrx_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_quxrx_gg_._theme_dark_quxrx_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_quxrx_gg_._theme_custom_quxrx_gg_{background-color:var(--background_quxrx)}" /*__inner_css_end__*/, "quxrx_gg_") /*__reshadow_css_end__*/, {
21
- "__SSpinContainer": "___SSpinContainer_quxrx_gg_",
22
- "__SContent": "___SContent_quxrx_gg_",
23
- "__SOverlay": "___SOverlay_quxrx_gg_",
24
- "_theme_invert": "_theme_invert_quxrx_gg_",
25
- "_theme_dark": "_theme_dark_quxrx_gg_",
26
- "_theme_custom": "_theme_custom_quxrx_gg_",
27
- "--background": "--background_quxrx"
19
+ /*!__reshadow-styles__:"./style/spin-container.shadow.css"*/
20
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSpinContainer_es23p_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_es23p_gg_{z-index:0;position:relative}.___SOverlay_es23p_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_es23p_gg_._theme_invert_es23p_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_es23p_gg_._theme_dark_es23p_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_es23p_gg_._theme_custom_es23p_gg_{background-color:var(--background_es23p)}", /*__inner_css_end__*/"es23p_gg_"),
21
+ /*__reshadow_css_end__*/
22
+ {
23
+ "__SSpinContainer": "___SSpinContainer_es23p_gg_",
24
+ "__SContent": "___SContent_es23p_gg_",
25
+ "__SOverlay": "___SOverlay_es23p_gg_",
26
+ "_theme_invert": "_theme_invert_es23p_gg_",
27
+ "_theme_dark": "_theme_dark_es23p_gg_",
28
+ "_theme_custom": "_theme_custom_es23p_gg_",
29
+ "--background": "--background_es23p"
28
30
  });
29
31
  var SpinContainerRoot = /*#__PURE__*/function (_Component) {
30
32
  _inherits(SpinContainerRoot, _Component);
package/lib/es6/SpinContainer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SpinContainer.js","names":["React","createComponent","Component","sstyled","Root","FadeInOut","Spin","Box","resolveColorEnhance","isAdvanceMode","style","_sstyled","insert","SpinContainerRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","inert","props","loading","_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","_super2","_ref2","_ref5","SOverlay","_this$asProps3","useTheme","_assignProps2","_ref7","children","_ref3","arguments[0]","_ref6","SContent","_assignProps3"],"sources":["../../src/SpinContainer.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { FadeInOut } from '@semcore/animation';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\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 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 <Children />\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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"}
1
+ {"version":3,"file":"SpinContainer.js","names":["React","createComponent","Component","sstyled","Root","FadeInOut","Spin","Box","resolveColorEnhance","isAdvanceMode","style","_sstyled","insert","SpinContainerRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","inert","props","loading","_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","_super2","_ref2","_ref5","SOverlay","_this$asProps3","useTheme","_assignProps2","_ref7","children","_ref3","arguments[0]","_ref6","SContent","_assignProps3"],"sources":["../../src/SpinContainer.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { FadeInOut } from '@semcore/animation';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\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 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 <Children />\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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"}
package/lib/esm/SpinContainer.mjs CHANGED
@@ -12,20 +12,23 @@ import Spin from "@semcore/spin";
12
12
  import { Box } from "@semcore/flex-box";
13
13
  import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
14
14
  import { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
15
+ /*!__reshadow-styles__:"./style/spin-container.shadow.css"*/
15
16
  var style = (
16
17
  /*__reshadow_css_start__*/
17
18
  (sstyled.insert(
18
19
  /*__inner_css_start__*/
19
- ".___SSpinContainer_quxrx_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_quxrx_gg_{z-index:0;position:relative}.___SOverlay_quxrx_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_quxrx_gg_._theme_invert_quxrx_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_quxrx_gg_._theme_dark_quxrx_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_quxrx_gg_._theme_custom_quxrx_gg_{background-color:var(--background_quxrx)}",
20
- "quxrx_gg_"
21
- ), {
22
- "__SSpinContainer": "___SSpinContainer_quxrx_gg_",
23
- "__SContent": "___SContent_quxrx_gg_",
24
- "__SOverlay": "___SOverlay_quxrx_gg_",
25
- "_theme_invert": "_theme_invert_quxrx_gg_",
26
- "_theme_dark": "_theme_dark_quxrx_gg_",
27
- "_theme_custom": "_theme_custom_quxrx_gg_",
28
- "--background": "--background_quxrx"
20
+ ".___SSpinContainer_es23p_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_es23p_gg_{z-index:0;position:relative}.___SOverlay_es23p_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_es23p_gg_._theme_invert_es23p_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_es23p_gg_._theme_dark_es23p_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_es23p_gg_._theme_custom_es23p_gg_{background-color:var(--background_es23p)}",
21
+ /*__inner_css_end__*/
22
+ "es23p_gg_"
23
+ ), /*__reshadow_css_end__*/
24
+ {
25
+ "__SSpinContainer": "___SSpinContainer_es23p_gg_",
26
+ "__SContent": "___SContent_es23p_gg_",
27
+ "__SOverlay": "___SOverlay_es23p_gg_",
28
+ "_theme_invert": "_theme_invert_es23p_gg_",
29
+ "_theme_dark": "_theme_dark_es23p_gg_",
30
+ "_theme_custom": "_theme_custom_es23p_gg_",
31
+ "--background": "--background_es23p"
29
32
  })
30
33
  );
31
34
  var SpinContainerRoot = /* @__PURE__ */ function(_Component) {
package/lib/esm/style/spin-container.shadow.css ADDED
@@ -0,0 +1,35 @@
1
+ SSpinContainer {
2
+ z-index: 0;
3
+ position: relative;
4
+ display: block;
5
+ overflow: hidden;
6
+ }
7
+
8
+ SContent {
9
+ z-index: 0;
10
+ position: relative;
11
+ }
12
+
13
+ SOverlay {
14
+ z-index: 1;
15
+ display: flex;
16
+ width: 100%;
17
+ height: 100%;
18
+ justify-content: center;
19
+ align-items: center;
20
+ position: absolute;
21
+ top: 0;
22
+ left: 0;
23
+ }
24
+
25
+ SOverlay[theme='invert'] {
26
+ background-color: var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4));
27
+ }
28
+
29
+ SOverlay[theme='dark'] {
30
+ background-color: var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85));
31
+ }
32
+
33
+ SOverlay[theme='custom'] {
34
+ background-color: var(--background);
35
+ }
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.0-prerelease.9",
4
+ "version": "16.0.1-prerelease.2",
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.0-prerelease.9",
18
- "@semcore/flex-box": "16.0.0-prerelease.9",
19
- "@semcore/animation": "16.0.0-prerelease.9"
17
+ "@semcore/spin": "16.0.1-prerelease.2",
18
+ "@semcore/flex-box": "16.0.1-prerelease.2",
19
+ "@semcore/animation": "16.0.1-prerelease.2"
20
20
  },
21
21
  "peerDependencies": {
22
- "@semcore/base-components": "^16.0.0-prerelease.9"
22
+ "@semcore/base-components": "^16.0.1-prerelease.2"
23
23
  },
24
24
  "repository": {
25
25
  "type": "git",