@semcore/spin-container 6.2.10 → 6.2.12

package/CHANGELOG.md

@@ -2,11 +2,11 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [6.2.10] - 2023-02-20
+## [6.2.12] - 2023-02-28
 
 ### Changed
 
-- Version patch update due to children dependencies update (`@semcore/utils` [3.46.1 ~> 3.47.0], `@semcore/spin` [4.2.8 ~> 4.2.9], `@semcore/flex-box` [4.7.8 ~> 4.7.9], `@semcore/animation` [1.8.11 ~> 1.9.0]).
+- Version patch update due to children dependencies update (`@semcore/animation` [1.9.1 ~> 1.9.2]).
 
 ## [6.2.9] - 2023-02-09
 

package/lib/cjs/SpinContainer.js

@@ -1,23 +1,23 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
+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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -35,41 +35,29 @@ var _color = _interopRequireDefault(require("@semcore/utils/lib/color"));
 
 var _findComponent = require("@semcore/utils/lib/findComponent");
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 /*__reshadow-styles__:"./style/spin-container.shadow.css"*/
 var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SSpinContainer_gp0y5_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_gp0y5_gg_{z-index:0;position:relative}.___SOverlay_gp0y5_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_gp0y5_gg_._theme_invert_gp0y5_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_gp0y5_gg_._theme_dark_gp0y5_gg_{background-color:rgba(255,255,255,.85)}.___SOverlay_gp0y5_gg_._theme_custom_gp0y5_gg_{background-color:var(--background_gp0y5)}"
+".___SSpinContainer_mmm85_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_mmm85_gg_{z-index:0;position:relative}.___SOverlay_mmm85_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_mmm85_gg_._theme_invert_mmm85_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_mmm85_gg_._theme_dark_mmm85_gg_{background-color:rgba(255,255,255,.85)}.___SOverlay_mmm85_gg_._theme_custom_mmm85_gg_{background-color:var(--background_mmm85)}"
 /*__inner_css_end__*/
-, "gp0y5_gg_")
+, "mmm85_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SSpinContainer": "___SSpinContainer_gp0y5_gg_",
-  "__SContent": "___SContent_gp0y5_gg_",
-  "__SOverlay": "___SOverlay_gp0y5_gg_",
-  "_theme_invert": "_theme_invert_gp0y5_gg_",
-  "_theme_dark": "_theme_dark_gp0y5_gg_",
-  "_theme_custom": "_theme_custom_gp0y5_gg_",
-  "--background": "--background_gp0y5"
+  "__SSpinContainer": "___SSpinContainer_mmm85_gg_",
+  "__SContent": "___SContent_mmm85_gg_",
+  "__SOverlay": "___SOverlay_mmm85_gg_",
+  "_theme_invert": "_theme_invert_mmm85_gg_",
+  "_theme_dark": "_theme_dark_mmm85_gg_",
+  "_theme_custom": "_theme_custom_mmm85_gg_",
+  "--background": "--background_mmm85"
 });
 
 var SpinContainerRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(SpinContainerRoot, _Component);
 
-  var _super = _createSuper(SpinContainerRoot);
+  var _super = (0, _createSuper2["default"])(SpinContainerRoot);
 
   function SpinContainerRoot() {
     (0, _classCallCheck2["default"])(this, SpinContainerRoot);
@@ -107,7 +95,7 @@ var SpinContainerRoot = /*#__PURE__*/function (_Component) {
           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", _objectSpread({}, (0, _core.assignProps)({
+      return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSpinContainer, _ref4.cn("SSpinContainer", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "aria-busy": loading
       }, _ref))), advanceMode ? /*#__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)));
     }
@@ -126,7 +114,7 @@ var SpinContainerRoot = /*#__PURE__*/function (_Component) {
 var Overlay = /*#__PURE__*/function (_Component2) {
   (0, _inherits2["default"])(Overlay, _Component2);
 
-  var _super2 = _createSuper(Overlay);
+  var _super2 = (0, _createSuper2["default"])(Overlay);
 
   function Overlay() {
     (0, _classCallCheck2["default"])(this, Overlay);
@@ -150,7 +138,7 @@ var Overlay = /*#__PURE__*/function (_Component2) {
       return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_animation.FadeInOut, _ref5.cn("FadeInOut", {
         "visible": loading,
         "duration": duration
-      }), /*#__PURE__*/_react["default"].createElement(SOverlay, _ref5.cn("SOverlay", _objectSpread({}, (0, _core.assignProps)({
+      }), /*#__PURE__*/_react["default"].createElement(SOverlay, _ref5.cn("SOverlay", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "use:theme": useTheme,
         "use:background": (0, _color["default"])(background)
       }, _ref2)))));
@@ -176,7 +164,7 @@ function Content(props) {
 
   var SContent = _flexBox.Box;
   var styles = props.styles;
-  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SContent, _ref6.cn("SContent", _objectSpread({}, (0, _core.assignProps)({}, _ref3))));
+  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, {

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":["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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"}

package/lib/es6/SpinContainer.js

@@ -1,22 +1,13 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 import React from 'react';
 import createComponent, { Component, sstyled, Root } from '@semcore/core';
 import { FadeInOut } from '@semcore/animation';
@@ -30,18 +21,18 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SSpinContainer_gp0y5_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_gp0y5_gg_{z-index:0;position:relative}.___SOverlay_gp0y5_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_gp0y5_gg_._theme_invert_gp0y5_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_gp0y5_gg_._theme_dark_gp0y5_gg_{background-color:rgba(255,255,255,.85)}.___SOverlay_gp0y5_gg_._theme_custom_gp0y5_gg_{background-color:var(--background_gp0y5)}"
+".___SSpinContainer_mmm85_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_mmm85_gg_{z-index:0;position:relative}.___SOverlay_mmm85_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_mmm85_gg_._theme_invert_mmm85_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_mmm85_gg_._theme_dark_mmm85_gg_{background-color:rgba(255,255,255,.85)}.___SOverlay_mmm85_gg_._theme_custom_mmm85_gg_{background-color:var(--background_mmm85)}"
 /*__inner_css_end__*/
-, "gp0y5_gg_")
+, "mmm85_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SSpinContainer": "___SSpinContainer_gp0y5_gg_",
-  "__SContent": "___SContent_gp0y5_gg_",
-  "__SOverlay": "___SOverlay_gp0y5_gg_",
-  "_theme_invert": "_theme_invert_gp0y5_gg_",
-  "_theme_dark": "_theme_dark_gp0y5_gg_",
-  "_theme_custom": "_theme_custom_gp0y5_gg_",
-  "--background": "--background_gp0y5"
+  "__SSpinContainer": "___SSpinContainer_mmm85_gg_",
+  "__SContent": "___SContent_mmm85_gg_",
+  "__SOverlay": "___SOverlay_mmm85_gg_",
+  "_theme_invert": "_theme_invert_mmm85_gg_",
+  "_theme_dark": "_theme_dark_mmm85_gg_",
+  "_theme_custom": "_theme_custom_mmm85_gg_",
+  "--background": "--background_mmm85"
 });
 
 var SpinContainerRoot = /*#__PURE__*/function (_Component) {

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","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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"}

package/package.json

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