@semcore/spin-container 7.40.2 → 7.40.3

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [7.40.3] - 2025-01-28
+
+### Changed
+
+- Remove `inert` attribute after the animation of Spin ends.
+
 ## [7.40.2] - 2025-01-03
 
 ### Removed

package/lib/cjs/SpinContainer.js

@@ -6,12 +6,13 @@ 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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _index = require("@semcore/utils/lib/core/index");
 var _core = _interopRequireWildcard(require("@semcore/core"));
 var _react = _interopRequireDefault(require("react"));
@@ -21,23 +22,53 @@ var _flexBox = require("@semcore/flex-box");
 var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
 var _findComponent = require("@semcore/utils/lib/findComponent");
 /*__reshadow-styles__:"./style/spin-container.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSpinContainer_yoab5_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_yoab5_gg_{z-index:0;position:relative}.___SOverlay_yoab5_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_yoab5_gg_._theme_invert_yoab5_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_yoab5_gg_._theme_dark_yoab5_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_yoab5_gg_._theme_custom_yoab5_gg_{background-color:var(--background_yoab5)}" /*__inner_css_end__*/, "yoab5_gg_") /*__reshadow_css_end__*/, {
-  "__SSpinContainer": "___SSpinContainer_yoab5_gg_",
-  "__SContent": "___SContent_yoab5_gg_",
-  "__SOverlay": "___SOverlay_yoab5_gg_",
-  "_theme_invert": "_theme_invert_yoab5_gg_",
-  "_theme_dark": "_theme_dark_yoab5_gg_",
-  "_theme_custom": "_theme_custom_yoab5_gg_",
-  "--background": "--background_yoab5"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSpinContainer_2nvxj_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_2nvxj_gg_{z-index:0;position:relative}.___SOverlay_2nvxj_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_2nvxj_gg_._theme_invert_2nvxj_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_2nvxj_gg_._theme_dark_2nvxj_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_2nvxj_gg_._theme_custom_2nvxj_gg_{background-color:var(--background_2nvxj)}" /*__inner_css_end__*/, "2nvxj_gg_") /*__reshadow_css_end__*/, {
+  "__SSpinContainer": "___SSpinContainer_2nvxj_gg_",
+  "__SContent": "___SContent_2nvxj_gg_",
+  "__SOverlay": "___SOverlay_2nvxj_gg_",
+  "_theme_invert": "_theme_invert_2nvxj_gg_",
+  "_theme_dark": "_theme_dark_2nvxj_gg_",
+  "_theme_custom": "_theme_custom_2nvxj_gg_",
+  "--background": "--background_2nvxj"
 });
 var SpinContainerRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(SpinContainerRoot, _Component);
   var _super = (0, _createSuper2["default"])(SpinContainerRoot);
   function SpinContainerRoot() {
+    var _this;
     (0, _classCallCheck2["default"])(this, SpinContainerRoot);
-    return _super.apply(this, arguments);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+      inert: _this.props.loading
+    });
+    return _this;
   }
   (0, _createClass2["default"])(SpinContainerRoot, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var _this2 = this;
+      var loading = this.props.loading;
+      if (prevProps.loading !== loading) {
+        if (this.inertTimer) {
+          clearTimeout(this.inertTimer);
+        }
+        if (loading) {
+          this.setState({
+            inert: true
+          });
+        } else {
+          this.inertTimer = setTimeout(function () {
+            _this2.setState({
+              inert: false
+            });
+          }, this.asProps.duration + 50);
+        }
+      }
+    }
+  }, {
     key: "getOverlayProps",
     value: function getOverlayProps() {
       var _this$asProps = this.asProps,
@@ -61,9 +92,9 @@ var SpinContainerRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "getContentProps",
     value: function getContentProps() {
-      var loading = this.asProps.loading;
+      var inert = this.state.inert;
       return {
-        inert: loading ? '' : undefined
+        inert: inert ? '' : undefined
       };
     }
   }, {
@@ -75,7 +106,6 @@ var SpinContainerRoot = /*#__PURE__*/function (_Component) {
       var _this$asProps2 = this.asProps,
         styles = _this$asProps2.styles,
         Children = _this$asProps2.Children,
-        loading = _this$asProps2.loading,
         forcedAdvancedMode = _this$asProps2.forcedAdvancedMode;
       var advancedMode = forcedAdvancedMode || (0, _findComponent.isAdvanceMode)(Children, [SpinContainer.Overlay.displayName]);
       return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSpinContainer, _ref4.cn("SSpinContainer", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref))), advancedMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SpinContainer.Content, null, /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {}))), /*#__PURE__*/_react["default"].createElement(SpinContainer.Overlay, null)));

package/lib/cjs/SpinContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpinContainer.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_animation","_spin","_flexBox","_resolveColorEnhance","_findComponent","style","_index","sstyled","insert","SpinContainerRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getOverlayProps","_this$asProps","asProps","loading","background","duration","size","theme","resolveColor","getContentProps","inert","undefined","render","_ref","_ref4","SSpinContainer","Box","_this$asProps2","styles","Children","forcedAdvancedMode","advancedMode","isAdvanceMode","SpinContainer","Overlay","displayName","createElement","cn","_objectSpread2","assignProps","Fragment","Content","Component","_defineProperty2","resolveColorEnhance","_Component2","_super2","_ref2","_ref5","SOverlay","_this$asProps3","useTheme","FadeInOut","_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 resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\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  static enhance = [resolveColorEnhance()];\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 { loading } = this.asProps;\n\n    return { inert: loading ? '' : undefined };\n  }\n\n  render() {\n    const SSpinContainer = Root;\n    const { styles, Children, loading, 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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"}
+{"version":3,"file":"SpinContainer.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_animation","_spin","_flexBox","_resolveColorEnhance","_findComponent","style","_index","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/utils/lib/enhances/resolveColorEnhance';\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  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 → SpinContainer.mjs}

@@ -1,9 +1,10 @@
-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 _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
 import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
@@ -16,23 +17,53 @@ import { Box } from '@semcore/flex-box';
 import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
 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_yoab5_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_yoab5_gg_{z-index:0;position:relative}.___SOverlay_yoab5_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_yoab5_gg_._theme_invert_yoab5_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_yoab5_gg_._theme_dark_yoab5_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_yoab5_gg_._theme_custom_yoab5_gg_{background-color:var(--background_yoab5)}" /*__inner_css_end__*/, "yoab5_gg_") /*__reshadow_css_end__*/, {
-  "__SSpinContainer": "___SSpinContainer_yoab5_gg_",
-  "__SContent": "___SContent_yoab5_gg_",
-  "__SOverlay": "___SOverlay_yoab5_gg_",
-  "_theme_invert": "_theme_invert_yoab5_gg_",
-  "_theme_dark": "_theme_dark_yoab5_gg_",
-  "_theme_custom": "_theme_custom_yoab5_gg_",
-  "--background": "--background_yoab5"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSpinContainer_2nvxj_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_2nvxj_gg_{z-index:0;position:relative}.___SOverlay_2nvxj_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_2nvxj_gg_._theme_invert_2nvxj_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_2nvxj_gg_._theme_dark_2nvxj_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_2nvxj_gg_._theme_custom_2nvxj_gg_{background-color:var(--background_2nvxj)}" /*__inner_css_end__*/, "2nvxj_gg_") /*__reshadow_css_end__*/, {
+  "__SSpinContainer": "___SSpinContainer_2nvxj_gg_",
+  "__SContent": "___SContent_2nvxj_gg_",
+  "__SOverlay": "___SOverlay_2nvxj_gg_",
+  "_theme_invert": "_theme_invert_2nvxj_gg_",
+  "_theme_dark": "_theme_dark_2nvxj_gg_",
+  "_theme_custom": "_theme_custom_2nvxj_gg_",
+  "--background": "--background_2nvxj"
 });
 var SpinContainerRoot = /*#__PURE__*/function (_Component) {
   _inherits(SpinContainerRoot, _Component);
   var _super = _createSuper(SpinContainerRoot);
   function SpinContainerRoot() {
+    var _this;
     _classCallCheck(this, SpinContainerRoot);
-    return _super.apply(this, arguments);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      inert: _this.props.loading
+    });
+    return _this;
   }
   _createClass(SpinContainerRoot, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var _this2 = this;
+      var loading = this.props.loading;
+      if (prevProps.loading !== loading) {
+        if (this.inertTimer) {
+          clearTimeout(this.inertTimer);
+        }
+        if (loading) {
+          this.setState({
+            inert: true
+          });
+        } else {
+          this.inertTimer = setTimeout(function () {
+            _this2.setState({
+              inert: false
+            });
+          }, this.asProps.duration + 50);
+        }
+      }
+    }
+  }, {
     key: "getOverlayProps",
     value: function getOverlayProps() {
       var _this$asProps = this.asProps,
@@ -56,9 +87,9 @@ var SpinContainerRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "getContentProps",
     value: function getContentProps() {
-      var loading = this.asProps.loading;
+      var inert = this.state.inert;
       return {
-        inert: loading ? '' : undefined
+        inert: inert ? '' : undefined
       };
     }
   }, {
@@ -70,7 +101,6 @@ var SpinContainerRoot = /*#__PURE__*/function (_Component) {
       var _this$asProps2 = this.asProps,
         styles = _this$asProps2.styles,
         Children = _this$asProps2.Children,
-        loading = _this$asProps2.loading,
         forcedAdvancedMode = _this$asProps2.forcedAdvancedMode;
       var advancedMode = forcedAdvancedMode || isAdvanceMode(Children, [SpinContainer.Overlay.displayName]);
       return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SSpinContainer, _ref4.cn("SSpinContainer", _objectSpread({}, _assignProps({}, _ref))), advancedMode ? /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {})) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SpinContainer.Content, null, /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {}))), /*#__PURE__*/React.createElement(SpinContainer.Overlay, null)));
@@ -140,4 +170,4 @@ var SpinContainer = createComponent(SpinContainerRoot, {
   Content: Content
 });
 export default SpinContainer;
-//# sourceMappingURL=SpinContainer.js.map
+//# sourceMappingURL=SpinContainer.mjs.map

package/lib/es6/SpinContainer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpinContainer.mjs","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/utils/lib/enhances/resolveColorEnhance';\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  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/index.d.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.mjs.map

package/lib/es6/index.d.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mjs","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { SpinProps } from '@semcore/spin';\nimport { BoxProps } from '@semcore/flex-box';\nimport { FadeInOutProps } from '@semcore/animation';\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":""}

package/lib/es6/{index.js → index.mjs}

@@ -1,2 +1,2 @@
 export { default } from './SpinContainer';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.mjs.map

package/lib/es6/index.mjs.map

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

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@semcore/spin-container",
   "description": "Semrush SpinContainer Component",
-  "version": "7.40.2",
+  "version": "7.40.3",
   "main": "lib/cjs/index.js",
-  "module": "lib/es6/index.js",
+  "module": "lib/es6/index.mjs",
   "types": "lib/types/index.d.ts",
   "sideEffects": false,
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "dependencies": {
-    "@semcore/utils": "4.44.1",
-    "@semcore/spin": "5.39.2",
-    "@semcore/flex-box": "5.39.1",
-    "@semcore/animation": "2.39.1"
+    "@semcore/utils": "4.45.0",
+    "@semcore/spin": "5.40.0",
+    "@semcore/flex-box": "5.40.0",
+    "@semcore/animation": "2.40.0"
   },
   "peerDependencies": {
     "@semcore/core": "^2.17.5",

package/lib/es6/SpinContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpinContainer.js","names":["React","createComponent","Component","sstyled","Root","FadeInOut","Spin","Box","resolveColorEnhance","isAdvanceMode","style","_sstyled","insert","SpinContainerRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getOverlayProps","_this$asProps","asProps","loading","background","duration","size","theme","resolveColor","getContentProps","inert","undefined","render","_ref","_ref4","SSpinContainer","_this$asProps2","styles","Children","forcedAdvancedMode","advancedMode","SpinContainer","Overlay","displayName","createElement","cn","_objectSpread","_assignProps","Fragment","Content","_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 resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\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  static enhance = [resolveColorEnhance()];\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 { loading } = this.asProps;\n\n    return { inert: loading ? '' : undefined };\n  }\n\n  render() {\n    const SSpinContainer = Root;\n    const { styles, Children, loading, 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":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACzE,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,OAAOC,IAAI,MAAM,eAAe;AAChC,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,mBAAmB,MAAM,iDAAiD;AACjF,SAASC,aAAa,QAAQ,kCAAkC;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI3DC,iBAAiB,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,iBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,iBAAA;EAAA,SAAAA,kBAAA;IAAAK,eAAA,OAAAL,iBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,iBAAA;IAAAS,GAAA;IAAAC,KAAA,EAUrB,SAAAC,gBAAA,EAAkB;MAChB,IAAAC,aAAA,GAAqE,IAAI,CAACC,OAAO;QAAzEC,OAAO,GAAAF,aAAA,CAAPE,OAAO;QAAEC,UAAU,GAAAH,aAAA,CAAVG,UAAU;QAAEC,QAAQ,GAAAJ,aAAA,CAARI,QAAQ;QAAEC,IAAI,GAAAL,aAAA,CAAJK,IAAI;QAAEC,KAAK,GAAAN,aAAA,CAALM,KAAK;QAAEC,YAAY,GAAAP,aAAA,CAAZO,YAAY;MAChE,OAAO;QACLJ,UAAU,EAAVA,UAAU;QACV;QACAD,OAAO,EAAPA,OAAO;QACPE,QAAQ,EAARA,QAAQ;QACR;QACAC,IAAI,EAAJA,IAAI;QACJC,KAAK,EAALA,KAAK;QACLC,YAAY,EAAZA;MACF,CAAC;IACH;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAU,gBAAA,EAAkB;MAChB,IAAQN,OAAO,GAAK,IAAI,CAACD,OAAO,CAAxBC,OAAO;MAEf,OAAO;QAAEO,KAAK,EAAEP,OAAO,GAAG,EAAE,GAAGQ;MAAU,CAAC;IAC5C;EAAC;IAAAb,GAAA;IAAAC,KAAA,EAED,SAAAa,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAX,OAAA;QAAAY,KAAA;MACP,IAAMC,cAAc,GAOMhC,GAAG;MAN7B,IAAAiC,cAAA,GAA0D,IAAI,CAACd,OAAO;QAA9De,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEC,QAAQ,GAAAF,cAAA,CAARE,QAAQ;QAAEf,OAAO,GAAAa,cAAA,CAAPb,OAAO;QAAEgB,kBAAkB,GAAAH,cAAA,CAAlBG,kBAAkB;MAErD,IAAMC,YAAY,GAChBD,kBAAkB,IAAIlC,aAAa,CAACiC,QAAQ,EAAE,CAACG,aAAa,CAACC,OAAO,CAACC,WAAW,CAAC,CAAC;MAEpF,OAAAT,KAAA,GAAOnC,OAAO,CAACsC,MAAM,CAAC,eACpBzC,KAAA,CAAAgD,aAAA,CAACT,cAAc,EAAAD,KAAA,CAAAW,EAAA,mBAAAC,aAAA,KAAAC,YAAA,KAAAd,IAAA,KACZO,YAAY,gBACX5C,KAAA,CAAAgD,aAAA,CAACN,QAAQ,EAAAJ,KAAA,CAAAW,EAAA,iBAAG,gBAEZjD,KAAA,CAAAgD,aAAA,CAAAhD,KAAA,CAAAoD,QAAA,qBACEpD,KAAA,CAAAgD,aAAA,CAACH,aAAa,CAACQ,OAAO,qBACpBrD,KAAA,CAAAgD,aAAA,CAACN,QAAQ,EAAAJ,KAAA,CAAAW,EAAA,iBAAG,CACU,eACxBjD,KAAA,CAAAgD,aAAA,CAACH,aAAa,CAACC,OAAO,OAAG,CAE5B,CACc;IAErB;EAAC;EAAA,OAAAjC,iBAAA;AAAA,EAnD6BX,SAAS;AAAAoD,eAAA,CAAnCzC,iBAAiB,iBACA,eAAe;AAAAyC,eAAA,CADhCzC,iBAAiB,WAENH,KAAK;AAAA4C,eAAA,CAFhBzC,iBAAiB,kBAGC;EACpBiB,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE,MAAM;EACbF,QAAQ,EAAE;AACZ,CAAC;AAAAyB,eAAA,CAPGzC,iBAAiB,aAQJ,CAACL,mBAAmB,EAAE,CAAC;AAAA,IA8CpCsC,OAAO,0BAAAS,WAAA;EAAAxC,SAAA,CAAA+B,OAAA,EAAAS,WAAA;EAAA,IAAAC,OAAA,GAAAvC,YAAA,CAAA6B,OAAA;EAAA,SAAAA,QAAA;IAAA5B,eAAA,OAAA4B,OAAA;IAAA,OAAAU,OAAA,CAAArC,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAyB,OAAA;IAAAxB,GAAA;IAAAC,KAAA,EAKX,SAAAa,OAAA,EAAS;MAAA,IAAAqB,KAAA,QAAA/B,OAAA;QAAAgC,KAAA;MACP,IAAMC,QAAQ,GAMQpD,GAAG;MALzB,IAAAqD,cAAA,GAAuE,IAAI,CAAClC,OAAO;QAA3Ee,MAAM,GAAAmB,cAAA,CAANnB,MAAM;QAAEV,KAAK,GAAA6B,cAAA,CAAL7B,KAAK;QAAEH,UAAU,GAAAgC,cAAA,CAAVhC,UAAU;QAAED,OAAO,GAAAiC,cAAA,CAAPjC,OAAO;QAAEE,QAAQ,GAAA+B,cAAA,CAAR/B,QAAQ;QAAEG,YAAY,GAAA4B,cAAA,CAAZ5B,YAAY;MAClE,IAAM6B,QAAQ,GAAGjC,UAAU,GAAG,QAAQ,GAAGG,KAAK;MAE9C,OAAA2B,KAAA,GAAOvD,OAAO,CAACsC,MAAM,CAAC,eACpBzC,KAAA,CAAAgD,aAAA,CAAC3C,SAAS,EAAAqD,KAAA,CAAAT,EAAA;QAAA,WAAUtB,OAAO;QAAA,YAAYE;MAAQ,iBAC7C7B,KAAA,CAAAgD,aAAA,CAACW,QAAQ,EAAAD,KAAA,CAAAT,EAAA,aAAAC,aAAA,KAAAY,aAAA;QAAA,aAAyBD,QAAQ;QAAA,kBAAkB7B,YAAY,CAACJ,UAAU;MAAC,GAAA6B,KAAA,IAAI,CAC9E;IAEhB;EAAC;EAAA,OAAAX,OAAA;AAAA,EAfmB5C,SAAS;AAAAoD,eAAA,CAAzBR,OAAO,kBACW,UAAAiB,KAAA;EAAA,IAAGjC,IAAI,GAAAiC,KAAA,CAAJjC,IAAI;IAAEC,KAAK,GAAAgC,KAAA,CAALhC,KAAK;EAAA,OAAQ;IAC1CiC,QAAQ,eAAEhE,KAAA,CAAAgD,aAAA,CAAC1C,IAAI;MAACwB,IAAI,EAAEA,IAAK;MAACC,KAAK,EAAEA;IAAM;EAC3C,CAAC;AAAA,CAAC;AAeJ,SAASsB,OAAOA,CAACY,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACtB,IAAMC,QAAQ,GAE2B9D,GAAG;EAD5C,IAAQkC,MAAM,GAAKwB,KAAK,CAAhBxB,MAAM;EACd,OAAA2B,KAAA,GAAOjE,OAAO,CAACsC,MAAM,CAAC,eAACzC,KAAA,CAAAgD,aAAA,CAACqB,QAAQ,EAAAD,KAAA,CAAAnB,EAAA,aAAAC,aAAA,KAAAoB,aAAA,KAAAJ,KAAA,IAAgB;AAClD;AAEA,IAAMrB,aAAa,GAAG5C,eAAe,CAACY,iBAAiB,EAAE;EACvDiC,OAAO,EAAPA,OAAO;EACPO,OAAO,EAAPA;AACF,CAAC,CAAC;AAEF,eAAeR,aAAa"}

package/lib/es6/index.d.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.d.js.map

package/lib/es6/index.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { SpinProps } from '@semcore/spin';\nimport { BoxProps } from '@semcore/flex-box';\nimport { FadeInOutProps } from '@semcore/animation';\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":""}

package/lib/es6/index.js.map

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