@semcore/spin-container 6.2.20 → 6.2.21

package/CHANGELOG.md

@@ -2,11 +2,11 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [6.2.20] - 2023-03-28
+## [6.2.21] - 2023-04-03
 
 ### Changed
 
-- Version patch update due to children dependencies update (`@semcore/utils` [3.49.1 ~> 3.50.0], `@semcore/spin` [4.2.17 ~> 4.2.18], `@semcore/flex-box` [4.7.17 ~> 4.7.18], `@semcore/animation` [1.9.9 ~> 1.10.0]).
+- Version patch update due to children dependencies update (`@semcore/animation` [1.10.0 ~> 1.10.1]).
 
 ## [6.2.9] - 2023-02-09
 

package/lib/cjs/SpinContainer.js

@@ -1,78 +1,50 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _core = _interopRequireWildcard(require("@semcore/core"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _animation = require("@semcore/animation");
-
 var _spin = _interopRequireDefault(require("@semcore/spin"));
-
 var _flexBox = require("@semcore/flex-box");
-
 var _color = _interopRequireDefault(require("@semcore/utils/lib/color"));
-
 var _findComponent = require("@semcore/utils/lib/findComponent");
-
 /*__reshadow-styles__:"./style/spin-container.shadow.css"*/
-var style = (
-/*__reshadow_css_start__*/
-_core.sstyled.insert(
-/*__inner_css_start__*/
-".___SSpinContainer_1nfsa_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_1nfsa_gg_{z-index:0;position:relative}.___SOverlay_1nfsa_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_1nfsa_gg_._theme_invert_1nfsa_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_1nfsa_gg_._theme_dark_1nfsa_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_1nfsa_gg_._theme_custom_1nfsa_gg_{background-color:var(--background_1nfsa)}"
-/*__inner_css_end__*/
-, "1nfsa_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SSpinContainer": "___SSpinContainer_1nfsa_gg_",
-  "__SContent": "___SContent_1nfsa_gg_",
-  "__SOverlay": "___SOverlay_1nfsa_gg_",
-  "_theme_invert": "_theme_invert_1nfsa_gg_",
-  "_theme_dark": "_theme_dark_1nfsa_gg_",
-  "_theme_custom": "_theme_custom_1nfsa_gg_",
-  "--background": "--background_1nfsa"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SSpinContainer_1gqov_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_1gqov_gg_{z-index:0;position:relative}.___SOverlay_1gqov_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_1gqov_gg_._theme_invert_1gqov_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_1gqov_gg_._theme_dark_1gqov_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_1gqov_gg_._theme_custom_1gqov_gg_{background-color:var(--background_1gqov)}" /*__inner_css_end__*/, "1gqov_gg_") /*__reshadow_css_end__*/, {
+  "__SSpinContainer": "___SSpinContainer_1gqov_gg_",
+  "__SContent": "___SContent_1gqov_gg_",
+  "__SOverlay": "___SOverlay_1gqov_gg_",
+  "_theme_invert": "_theme_invert_1gqov_gg_",
+  "_theme_dark": "_theme_dark_1gqov_gg_",
+  "_theme_custom": "_theme_custom_1gqov_gg_",
+  "--background": "--background_1gqov"
 });
-
 var SpinContainerRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(SpinContainerRoot, _Component);
-
   var _super = (0, _createSuper2["default"])(SpinContainerRoot);
-
   function SpinContainerRoot() {
     (0, _classCallCheck2["default"])(this, SpinContainerRoot);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2["default"])(SpinContainerRoot, [{
     key: "getOverlayProps",
     value: function getOverlayProps() {
       var _this$asProps = this.asProps,
-          loading = _this$asProps.loading,
-          background = _this$asProps.background,
-          duration = _this$asProps.duration,
-          size = _this$asProps.size,
-          theme = _this$asProps.theme;
+        loading = _this$asProps.loading,
+        background = _this$asProps.background,
+        duration = _this$asProps.duration,
+        size = _this$asProps.size,
+        theme = _this$asProps.theme;
       return {
         background: background,
         // for Animated
@@ -87,13 +59,12 @@ var SpinContainerRoot = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-          _ref4;
-
+        _ref4;
       var SSpinContainer = _flexBox.Box;
       var _this$asProps2 = this.asProps,
-          styles = _this$asProps2.styles,
-          Children = _this$asProps2.Children,
-          loading = _this$asProps2.loading;
+        styles = _this$asProps2.styles,
+        Children = _this$asProps2.Children,
+        loading = _this$asProps2.loading;
       var advanceMode = (0, _findComponent.isAdvanceMode)(Children, [SpinContainer.Content.displayName, SpinContainer.Overlay.displayName]);
       return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSpinContainer, _ref4.cn("SSpinContainer", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "aria-busy": loading
@@ -102,7 +73,6 @@ var SpinContainerRoot = /*#__PURE__*/function (_Component) {
   }]);
   return SpinContainerRoot;
 }(_core.Component);
-
 (0, _defineProperty2["default"])(SpinContainerRoot, "displayName", 'SpinContainer');
 (0, _defineProperty2["default"])(SpinContainerRoot, "style", style);
 (0, _defineProperty2["default"])(SpinContainerRoot, "defaultProps", {
@@ -110,30 +80,25 @@ var SpinContainerRoot = /*#__PURE__*/function (_Component) {
   theme: 'dark',
   duration: 200
 });
-
 var Overlay = /*#__PURE__*/function (_Component2) {
   (0, _inherits2["default"])(Overlay, _Component2);
-
   var _super2 = (0, _createSuper2["default"])(Overlay);
-
   function Overlay() {
     (0, _classCallCheck2["default"])(this, Overlay);
     return _super2.apply(this, arguments);
   }
-
   (0, _createClass2["default"])(Overlay, [{
     key: "render",
     value: function render() {
       var _ref2 = this.asProps,
-          _ref5;
-
+        _ref5;
       var SOverlay = _flexBox.Box;
       var _this$asProps3 = this.asProps,
-          styles = _this$asProps3.styles,
-          theme = _this$asProps3.theme,
-          background = _this$asProps3.background,
-          loading = _this$asProps3.loading,
-          duration = _this$asProps3.duration;
+        styles = _this$asProps3.styles,
+        theme = _this$asProps3.theme,
+        background = _this$asProps3.background,
+        loading = _this$asProps3.loading,
+        duration = _this$asProps3.duration;
       var useTheme = background ? 'custom' : theme;
       return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_animation.FadeInOut, _ref5.cn("FadeInOut", {
         "visible": loading,
@@ -146,10 +111,9 @@ var Overlay = /*#__PURE__*/function (_Component2) {
   }]);
   return Overlay;
 }(_core.Component);
-
 (0, _defineProperty2["default"])(Overlay, "defaultProps", function (_ref7) {
   var size = _ref7.size,
-      theme = _ref7.theme;
+    theme = _ref7.theme;
   return {
     children: /*#__PURE__*/_react["default"].createElement(_spin["default"], {
       size: size,
@@ -157,16 +121,13 @@ var Overlay = /*#__PURE__*/function (_Component2) {
     })
   };
 });
-
 function Content(props) {
   var _ref3 = arguments[0],
-      _ref6;
-
+    _ref6;
   var SContent = _flexBox.Box;
   var styles = props.styles;
   return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SContent, _ref6.cn("SContent", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
 }
-
 var SpinContainer = (0, _core["default"])(SpinContainerRoot, {
   Overlay: Overlay,
   Content: Content

package/lib/cjs/SpinContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpinContainer.js","names":["SpinContainerRoot","asProps","loading","background","duration","size","theme","SSpinContainer","Box","styles","Children","advanceMode","isAdvanceMode","SpinContainer","Content","displayName","Overlay","sstyled","Component","style","SOverlay","useTheme","resolveColor","children","props","SContent","createComponent"],"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 resolveColor from '@semcore/utils/lib/color';\nimport { isAdvanceMode } from '@semcore/utils/lib/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\n  getOverlayProps() {\n    const { loading, background, duration, size, theme } = this.asProps;\n    return {\n      background,\n      // for Animated\n      loading,\n      duration,\n      // for Spin\n      size,\n      theme,\n    };\n  }\n\n  render() {\n    const SSpinContainer = Root;\n    const { styles, Children, loading } = this.asProps;\n\n    const advanceMode = isAdvanceMode(Children, [\n      SpinContainer.Content.displayName,\n      SpinContainer.Overlay.displayName,\n    ]);\n\n    return sstyled(styles)(\n      <SSpinContainer render={Box} aria-busy={loading}>\n        {advanceMode ? (\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 } = 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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"}
+{"version":3,"file":"SpinContainer.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_animation","_spin","_flexBox","_color","_findComponent","style","sstyled","insert","SpinContainerRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getOverlayProps","_this$asProps","asProps","loading","background","duration","size","theme","render","_ref","_ref4","SSpinContainer","Box","_this$asProps2","styles","Children","advanceMode","isAdvanceMode","SpinContainer","Content","displayName","Overlay","createElement","cn","_objectSpread2","assignProps","Fragment","Component","_defineProperty2","_Component2","_super2","_ref2","_ref5","SOverlay","_this$asProps3","useTheme","FadeInOut","resolveColor","_ref7","children","props","_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 resolveColor from '@semcore/utils/lib/color';\nimport { isAdvanceMode } from '@semcore/utils/lib/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\n  getOverlayProps() {\n    const { loading, background, duration, size, theme } = this.asProps;\n    return {\n      background,\n      // for Animated\n      loading,\n      duration,\n      // for Spin\n      size,\n      theme,\n    };\n  }\n\n  render() {\n    const SSpinContainer = Root;\n    const { styles, Children, loading } = this.asProps;\n\n    const advanceMode = isAdvanceMode(Children, [\n      SpinContainer.Content.displayName,\n      SpinContainer.Overlay.displayName,\n    ]);\n\n    return sstyled(styles)(\n      <SSpinContainer render={Box} aria-busy={loading}>\n        {advanceMode ? (\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 } = 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/cjs/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _SpinContainer["default"];
   }
 });
-
 var _SpinContainer = _interopRequireDefault(require("./SpinContainer"));
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './SpinContainer';\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
+{"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"}

package/lib/es6/SpinContainer.js

@@ -15,46 +15,32 @@ import Spin from '@semcore/spin';
 import { Box } from '@semcore/flex-box';
 import resolveColor from '@semcore/utils/lib/color';
 import { isAdvanceMode } from '@semcore/utils/lib/findComponent';
-
 /*__reshadow-styles__:"./style/spin-container.shadow.css"*/
-var style = (
-/*__reshadow_css_start__*/
-_sstyled.insert(
-/*__inner_css_start__*/
-".___SSpinContainer_1nfsa_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_1nfsa_gg_{z-index:0;position:relative}.___SOverlay_1nfsa_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_1nfsa_gg_._theme_invert_1nfsa_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_1nfsa_gg_._theme_dark_1nfsa_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_1nfsa_gg_._theme_custom_1nfsa_gg_{background-color:var(--background_1nfsa)}"
-/*__inner_css_end__*/
-, "1nfsa_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SSpinContainer": "___SSpinContainer_1nfsa_gg_",
-  "__SContent": "___SContent_1nfsa_gg_",
-  "__SOverlay": "___SOverlay_1nfsa_gg_",
-  "_theme_invert": "_theme_invert_1nfsa_gg_",
-  "_theme_dark": "_theme_dark_1nfsa_gg_",
-  "_theme_custom": "_theme_custom_1nfsa_gg_",
-  "--background": "--background_1nfsa"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSpinContainer_1gqov_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_1gqov_gg_{z-index:0;position:relative}.___SOverlay_1gqov_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_1gqov_gg_._theme_invert_1gqov_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_1gqov_gg_._theme_dark_1gqov_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_1gqov_gg_._theme_custom_1gqov_gg_{background-color:var(--background_1gqov)}" /*__inner_css_end__*/, "1gqov_gg_") /*__reshadow_css_end__*/, {
+  "__SSpinContainer": "___SSpinContainer_1gqov_gg_",
+  "__SContent": "___SContent_1gqov_gg_",
+  "__SOverlay": "___SOverlay_1gqov_gg_",
+  "_theme_invert": "_theme_invert_1gqov_gg_",
+  "_theme_dark": "_theme_dark_1gqov_gg_",
+  "_theme_custom": "_theme_custom_1gqov_gg_",
+  "--background": "--background_1gqov"
 });
-
 var SpinContainerRoot = /*#__PURE__*/function (_Component) {
   _inherits(SpinContainerRoot, _Component);
-
   var _super = _createSuper(SpinContainerRoot);
-
   function SpinContainerRoot() {
     _classCallCheck(this, SpinContainerRoot);
-
     return _super.apply(this, arguments);
   }
-
   _createClass(SpinContainerRoot, [{
     key: "getOverlayProps",
     value: function getOverlayProps() {
       var _this$asProps = this.asProps,
-          loading = _this$asProps.loading,
-          background = _this$asProps.background,
-          duration = _this$asProps.duration,
-          size = _this$asProps.size,
-          theme = _this$asProps.theme;
+        loading = _this$asProps.loading,
+        background = _this$asProps.background,
+        duration = _this$asProps.duration,
+        size = _this$asProps.size,
+        theme = _this$asProps.theme;
       return {
         background: background,
         // for Animated
@@ -69,57 +55,46 @@ var SpinContainerRoot = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-          _ref4;
-
+        _ref4;
       var SSpinContainer = Box;
       var _this$asProps2 = this.asProps,
-          styles = _this$asProps2.styles,
-          Children = _this$asProps2.Children,
-          loading = _this$asProps2.loading;
+        styles = _this$asProps2.styles,
+        Children = _this$asProps2.Children,
+        loading = _this$asProps2.loading;
       var advanceMode = isAdvanceMode(Children, [SpinContainer.Content.displayName, SpinContainer.Overlay.displayName]);
       return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SSpinContainer, _ref4.cn("SSpinContainer", _objectSpread({}, _assignProps({
         "aria-busy": loading
       }, _ref))), advanceMode ? /*#__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)));
     }
   }]);
-
   return SpinContainerRoot;
 }(Component);
-
 _defineProperty(SpinContainerRoot, "displayName", 'SpinContainer');
-
 _defineProperty(SpinContainerRoot, "style", style);
-
 _defineProperty(SpinContainerRoot, "defaultProps", {
   size: 'xxl',
   theme: 'dark',
   duration: 200
 });
-
 var Overlay = /*#__PURE__*/function (_Component2) {
   _inherits(Overlay, _Component2);
-
   var _super2 = _createSuper(Overlay);
-
   function Overlay() {
     _classCallCheck(this, Overlay);
-
     return _super2.apply(this, arguments);
   }
-
   _createClass(Overlay, [{
     key: "render",
     value: function render() {
       var _ref2 = this.asProps,
-          _ref5;
-
+        _ref5;
       var SOverlay = Box;
       var _this$asProps3 = this.asProps,
-          styles = _this$asProps3.styles,
-          theme = _this$asProps3.theme,
-          background = _this$asProps3.background,
-          loading = _this$asProps3.loading,
-          duration = _this$asProps3.duration;
+        styles = _this$asProps3.styles,
+        theme = _this$asProps3.theme,
+        background = _this$asProps3.background,
+        loading = _this$asProps3.loading,
+        duration = _this$asProps3.duration;
       var useTheme = background ? 'custom' : theme;
       return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(FadeInOut, _ref5.cn("FadeInOut", {
         "visible": loading,
@@ -130,13 +105,11 @@ var Overlay = /*#__PURE__*/function (_Component2) {
       }, _ref2)))));
     }
   }]);
-
   return Overlay;
 }(Component);
-
 _defineProperty(Overlay, "defaultProps", function (_ref7) {
   var size = _ref7.size,
-      theme = _ref7.theme;
+    theme = _ref7.theme;
   return {
     children: /*#__PURE__*/React.createElement(Spin, {
       size: size,
@@ -144,16 +117,13 @@ _defineProperty(Overlay, "defaultProps", function (_ref7) {
     })
   };
 });
-
 function Content(props) {
   var _ref3 = arguments[0],
-      _ref6;
-
+    _ref6;
   var SContent = Box;
   var styles = props.styles;
   return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SContent, _ref6.cn("SContent", _objectSpread({}, _assignProps3({}, _ref3))));
 }
-
 var SpinContainer = createComponent(SpinContainerRoot, {
   Overlay: Overlay,
   Content: Content

package/lib/es6/SpinContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpinContainer.js","names":["React","createComponent","Component","sstyled","Root","FadeInOut","Spin","Box","resolveColor","isAdvanceMode","SpinContainerRoot","asProps","loading","background","duration","size","theme","SSpinContainer","styles","Children","advanceMode","SpinContainer","Content","displayName","Overlay","style","SOverlay","useTheme","children","props","SContent"],"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 resolveColor from '@semcore/utils/lib/color';\nimport { isAdvanceMode } from '@semcore/utils/lib/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\n  getOverlayProps() {\n    const { loading, background, duration, size, theme } = this.asProps;\n    return {\n      background,\n      // for Animated\n      loading,\n      duration,\n      // for Spin\n      size,\n      theme,\n    };\n  }\n\n  render() {\n    const SSpinContainer = Root;\n    const { styles, Children, loading } = this.asProps;\n\n    const advanceMode = isAdvanceMode(Children, [\n      SpinContainer.Content.displayName,\n      SpinContainer.Overlay.displayName,\n    ]);\n\n    return sstyled(styles)(\n      <SSpinContainer render={Box} aria-busy={loading}>\n        {advanceMode ? (\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 } = 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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"}
+{"version":3,"file":"SpinContainer.js","names":["React","createComponent","Component","sstyled","Root","FadeInOut","Spin","Box","resolveColor","isAdvanceMode","style","_sstyled","insert","SpinContainerRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getOverlayProps","_this$asProps","asProps","loading","background","duration","size","theme","render","_ref","_ref4","SSpinContainer","_this$asProps2","styles","Children","advanceMode","SpinContainer","Content","displayName","Overlay","createElement","cn","_objectSpread","_assignProps","Fragment","_defineProperty","_Component2","_super2","_ref2","_ref5","SOverlay","_this$asProps3","useTheme","_assignProps2","_ref7","children","props","_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 resolveColor from '@semcore/utils/lib/color';\nimport { isAdvanceMode } from '@semcore/utils/lib/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\n  getOverlayProps() {\n    const { loading, background, duration, size, theme } = this.asProps;\n    return {\n      background,\n      // for Animated\n      loading,\n      duration,\n      // for Spin\n      size,\n      theme,\n    };\n  }\n\n  render() {\n    const SSpinContainer = Root;\n    const { styles, Children, loading } = this.asProps;\n\n    const advanceMode = isAdvanceMode(Children, [\n      SpinContainer.Content.displayName,\n      SpinContainer.Overlay.displayName,\n    ]);\n\n    return sstyled(styles)(\n      <SSpinContainer render={Box} aria-busy={loading}>\n        {advanceMode ? (\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 } = 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/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './SpinContainer';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,iBAAxB"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './SpinContainer';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/spin-container",
   "description": "Semrush SpinContainer Component",
-  "version": "6.2.20",
+  "version": "6.2.21",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "types": "lib/types/index.d.ts",