@semcore/spin-container 16.1.0-prerelease.1 → 16.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/lib/cjs/SpinContainer.js +13 -14
  2. package/lib/cjs/SpinContainer.js.map +1 -1
  3. package/lib/cjs/index.d.js.map +1 -1
  4. package/lib/es6/SpinContainer.js +9 -10
  5. package/lib/es6/SpinContainer.js.map +1 -1
  6. package/lib/es6/index.d.js.map +1 -1
  7. package/lib/esm/SpinContainer.mjs +11 -12
  8. package/lib/types/index.d.ts +2 -11
  9. package/package.json +6 -6
package/lib/cjs/SpinContainer.js CHANGED
@@ -12,23 +12,22 @@ var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSup
12
12
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
13
13
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
14
14
  var _core = require("@semcore/core");
15
- var _animation = require("@semcore/animation");
15
+ var _baseComponents = require("@semcore/base-components");
16
16
  var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
17
17
  var _findComponent = require("@semcore/core/lib/utils/findComponent");
18
- var _flexBox = require("@semcore/flex-box");
19
18
  var _spin = _interopRequireDefault(require("@semcore/spin"));
20
19
  var _react = _interopRequireDefault(require("react"));
21
20
  /*!__reshadow-styles__:"./style/spin-container.shadow.css"*/
22
- var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SSpinContainer_1le15_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_1le15_gg_{z-index:0;position:relative}.___SOverlay_1le15_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_1le15_gg_._theme_invert_1le15_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(0, 8, 5, 0.262))}.___SOverlay_1le15_gg_._theme_dark_1le15_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_1le15_gg_._theme_custom_1le15_gg_{background-color:var(--background_1le15)}", /*__inner_css_end__*/"1le15_gg_"),
21
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SSpinContainer_1u990_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_1u990_gg_{z-index:0;position:relative}.___SOverlay_1u990_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_1u990_gg_._theme_invert_1u990_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(0, 8, 5, 0.262))}.___SOverlay_1u990_gg_._theme_dark_1u990_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_1u990_gg_._theme_custom_1u990_gg_{background-color:var(--background_1u990)}", /*__inner_css_end__*/"1u990_gg_"),
23
22
  /*__reshadow_css_end__*/
24
23
  {
25
- "__SSpinContainer": "___SSpinContainer_1le15_gg_",
26
- "__SContent": "___SContent_1le15_gg_",
27
- "__SOverlay": "___SOverlay_1le15_gg_",
28
- "_theme_invert": "_theme_invert_1le15_gg_",
29
- "_theme_dark": "_theme_dark_1le15_gg_",
30
- "_theme_custom": "_theme_custom_1le15_gg_",
31
- "--background": "--background_1le15"
24
+ "__SSpinContainer": "___SSpinContainer_1u990_gg_",
25
+ "__SContent": "___SContent_1u990_gg_",
26
+ "__SOverlay": "___SOverlay_1u990_gg_",
27
+ "_theme_invert": "_theme_invert_1u990_gg_",
28
+ "_theme_dark": "_theme_dark_1u990_gg_",
29
+ "_theme_custom": "_theme_custom_1u990_gg_",
30
+ "--background": "--background_1u990"
32
31
  });
33
32
  var SpinContainerRoot = /*#__PURE__*/function (_Component) {
34
33
  function SpinContainerRoot() {
@@ -100,7 +99,7 @@ var SpinContainerRoot = /*#__PURE__*/function (_Component) {
100
99
  value: function render() {
101
100
  var _ref = this.asProps,
102
101
  _ref4;
103
- var SSpinContainer = _flexBox.Box;
102
+ var SSpinContainer = _baseComponents.Box;
104
103
  var _this$asProps2 = this.asProps,
105
104
  styles = _this$asProps2.styles,
106
105
  Children = _this$asProps2.Children,
@@ -129,7 +128,7 @@ var Overlay = /*#__PURE__*/function (_Component2) {
129
128
  value: function render() {
130
129
  var _ref2 = this.asProps,
131
130
  _ref5;
132
- var SOverlay = _flexBox.Box;
131
+ var SOverlay = _baseComponents.Box;
133
132
  var _this$asProps3 = this.asProps,
134
133
  styles = _this$asProps3.styles,
135
134
  theme = _this$asProps3.theme,
@@ -138,7 +137,7 @@ var Overlay = /*#__PURE__*/function (_Component2) {
138
137
  duration = _this$asProps3.duration,
139
138
  resolveColor = _this$asProps3.resolveColor;
140
139
  var useTheme = background ? 'custom' : theme;
141
- return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_animation.FadeInOut, _ref5.cn("FadeInOut", {
140
+ return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_baseComponents.FadeInOut, _ref5.cn("FadeInOut", {
142
141
  "visible": loading,
143
142
  "duration": duration
144
143
  }), /*#__PURE__*/_react["default"].createElement(SOverlay, _ref5.cn("SOverlay", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
@@ -161,7 +160,7 @@ var Overlay = /*#__PURE__*/function (_Component2) {
161
160
  function Content(props) {
162
161
  var _ref3 = arguments[0],
163
162
  _ref6;
164
- var SContent = _flexBox.Box;
163
+ var SContent = _baseComponents.Box;
165
164
  var styles = props.styles;
166
165
  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SContent, _ref6.cn("SContent", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
167
166
  }
package/lib/cjs/SpinContainer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SpinContainer.js","names":["_core","require","_animation","_resolveColorEnhance","_interopRequireDefault","_findComponent","_flexBox","_spin","_react","style","sstyled","insert","SpinContainerRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","inert","props","loading","_inherits2","_createClass2","key","value","componentDidUpdate","prevProps","_this2","inertTimer","clearTimeout","setState","setTimeout","asProps","duration","getOverlayProps","_this$asProps","background","size","theme","resolveColor","getContentProps","state","undefined","render","_ref","_ref4","SSpinContainer","Box","_this$asProps2","styles","Children","forcedAdvancedMode","advancedMode","isAdvanceMode","SpinContainer","Overlay","displayName","createElement","cn","_objectSpread2","assignProps","Fragment","Content","Component","resolveColorEnhance","_Component2","_ref2","_ref5","SOverlay","_this$asProps3","useTheme","FadeInOut","_ref7","children","_ref3","arguments[0]","_ref6","SContent","createComponent","_default","exports"],"sources":["../../src/SpinContainer.jsx"],"sourcesContent":["import { FadeInOut } from '@semcore/animation';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport { Box } from '@semcore/flex-box';\nimport Spin from '@semcore/spin';\nimport React from 'react';\n\nimport style from './style/spin-container.shadow.css';\n\nclass SpinContainerRoot extends Component {\n static displayName = 'SpinContainer';\n static style = style;\n static defaultProps = {\n size: 'xxl',\n theme: 'dark',\n duration: 200,\n };\n\n static enhance = [resolveColorEnhance()];\n\n state = {\n inert: this.props.loading,\n };\n\n componentDidUpdate(prevProps) {\n const { loading } = this.props;\n if (prevProps.loading !== loading) {\n if (this.inertTimer) {\n clearTimeout(this.inertTimer);\n }\n\n if (loading) {\n this.setState({ inert: true });\n } else {\n this.inertTimer = setTimeout(() => {\n this.setState({ inert: false });\n }, this.asProps.duration + 50);\n }\n }\n }\n\n getOverlayProps() {\n const { loading, background, duration, size, theme, resolveColor } = this.asProps;\n return {\n background,\n // for Animated\n loading,\n duration,\n // for Spin\n size,\n theme,\n resolveColor,\n };\n }\n\n getContentProps() {\n const { inert } = this.state;\n\n return { inert: inert ? '' : undefined };\n }\n\n render() {\n const SSpinContainer = Root;\n const { styles, Children, forcedAdvancedMode } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode || isAdvanceMode(Children, [SpinContainer.Overlay.displayName]);\n\n return sstyled(styles)(\n <SSpinContainer render={Box}>\n {advancedMode\n ? (\n <Children />\n )\n : (\n <>\n <SpinContainer.Content>\n <Children />\n </SpinContainer.Content>\n <SpinContainer.Overlay />\n </>\n )}\n </SSpinContainer>,\n );\n }\n}\n\nclass Overlay extends Component {\n static defaultProps = ({ size, theme }) => ({\n children: <Spin size={size} theme={theme} />,\n });\n\n render() {\n const SOverlay = Root;\n const { styles, theme, background, loading, duration, resolveColor } = this.asProps;\n const useTheme = background ? 'custom' : theme;\n\n return sstyled(styles)(\n <FadeInOut visible={loading} duration={duration}>\n <SOverlay render={Box} use:theme={useTheme} use:background={resolveColor(background)} />\n </FadeInOut>,\n );\n }\n}\n\nfunction Content(props) {\n const SContent = Root;\n const { styles } = props;\n return sstyled(styles)(<SContent render={Box} />);\n}\n\nconst SpinContainer = createComponent(SpinContainerRoot, {\n Overlay,\n Content,\n});\n\nexport default SpinContainer;\n"],"mappings":";;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,UAAA,GAAAD,OAAA;AAEA,IAAAE,oBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,MAAA,GAAAJ,sBAAA,CAAAH,OAAA;AAA0B;AAAA,IAAAQ,KAAA,8BAAAT,KAAA,CAAAU,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAIpBC,iBAAiB,0BAAAC,UAAA;EAAA,SAAAD,kBAAA;IAAA,IAAAE,KAAA;IAAA,IAAAC,gBAAA,mBAAAH,iBAAA;IAAA,SAAAI,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,OAAAQ,WAAA,mBAAAV,iBAAA,KAAAW,MAAA,CAAAJ,IAAA;IAAA,IAAAK,gBAAA,aAAAV,KAAA,WAWb;MACNW,KAAK,EAAEX,KAAA,CAAKY,KAAK,CAACC;IACpB,CAAC;IAAA,OAAAb,KAAA;EAAA;EAAA,IAAAc,UAAA,aAAAhB,iBAAA,EAAAC,UAAA;EAAA,WAAAgB,aAAA,aAAAjB,iBAAA;IAAAkB,GAAA;IAAAC,KAAA,EAED,SAAAC,kBAAkBA,CAACC,SAAS,EAAE;MAAA,IAAAC,MAAA;MAC5B,IAAQP,OAAO,GAAK,IAAI,CAACD,KAAK,CAAtBC,OAAO;MACf,IAAIM,SAAS,CAACN,OAAO,KAAKA,OAAO,EAAE;QACjC,IAAI,IAAI,CAACQ,UAAU,EAAE;UACnBC,YAAY,CAAC,IAAI,CAACD,UAAU,CAAC;QAC/B;QAEA,IAAIR,OAAO,EAAE;UACX,IAAI,CAACU,QAAQ,CAAC;YAAEZ,KAAK,EAAE;UAAK,CAAC,CAAC;QAChC,CAAC,MAAM;UACL,IAAI,CAACU,UAAU,GAAGG,UAAU,CAAC,YAAM;YACjCJ,MAAI,CAACG,QAAQ,CAAC;cAAEZ,KAAK,EAAE;YAAM,CAAC,CAAC;UACjC,CAAC,EAAE,IAAI,CAACc,OAAO,CAACC,QAAQ,GAAG,EAAE,CAAC;QAChC;MACF;IACF;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAU,eAAeA,CAAA,EAAG;MAChB,IAAAC,aAAA,GAAqE,IAAI,CAACH,OAAO;QAAzEZ,OAAO,GAAAe,aAAA,CAAPf,OAAO;QAAEgB,UAAU,GAAAD,aAAA,CAAVC,UAAU;QAAEH,QAAQ,GAAAE,aAAA,CAARF,QAAQ;QAAEI,IAAI,GAAAF,aAAA,CAAJE,IAAI;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAEC,YAAY,GAAAJ,aAAA,CAAZI,YAAY;MAChE,OAAO;QACLH,UAAU,EAAVA,UAAU;QACV;QACAhB,OAAO,EAAPA,OAAO;QACPa,QAAQ,EAARA,QAAQ;QACR;QACAI,IAAI,EAAJA,IAAI;QACJC,KAAK,EAALA,KAAK;QACLC,YAAY,EAAZA;MACF,CAAC;IACH;EAAC;IAAAhB,GAAA;IAAAC,KAAA,EAED,SAAAgB,eAAeA,CAAA,EAAG;MAChB,IAAQtB,KAAK,GAAK,IAAI,CAACuB,KAAK,CAApBvB,KAAK;MAEb,OAAO;QAAEA,KAAK,EAAEA,KAAK,GAAG,EAAE,GAAGwB;MAAU,CAAC;IAC1C;EAAC;IAAAnB,GAAA;IAAAC,KAAA,EAED,SAAAmB,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAZ,OAAA;QAAAa,KAAA;MACP,IAAMC,cAAc,GAOMC,YAAG;MAN7B,IAAAC,cAAA,GAAiD,IAAI,CAAChB,OAAO;QAArDiB,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEC,QAAQ,GAAAF,cAAA,CAARE,QAAQ;QAAEC,kBAAkB,GAAAH,cAAA,CAAlBG,kBAAkB;MAE5C,IAAMC,YAAY,GAChBD,kBAAkB,IAAI,IAAAE,4BAAa,EAACH,QAAQ,EAAE,CAACI,aAAa,CAACC,OAAO,CAACC,WAAW,CAAC,CAAC;MAEpF,OAAAX,KAAA,GAAO,IAAA1C,aAAO,EAAC8C,MAAM,CAAC,eACpBhD,MAAA,YAAAwD,aAAA,CAACX,cAAc,EAAAD,KAAA,CAAAa,EAAA,uBAAAC,cAAA,qBAAAlE,KAAA,CAAAmE,WAAA,MAAAhB,IAAA,KACZQ,YAAY,gBAEPnD,MAAA,YAAAwD,aAAA,CAACP,QAAQ,EAAAL,KAAA,CAAAa,EAAA,gBAAE,CAAC,gBAGZzD,MAAA,YAAAwD,aAAA,CAAAxD,MAAA,YAAA4D,QAAA,qBACE5D,MAAA,YAAAwD,aAAA,CAACH,aAAa,CAACQ,OAAO,qBACpB7D,MAAA,YAAAwD,aAAA,CAACP,QAAQ,EAAAL,KAAA,CAAAa,EAAA,gBAAE,CACU,CAAC,eACxBzD,MAAA,YAAAwD,aAAA,CAACH,aAAa,CAACC,OAAO,MAAE,CACxB,CAEM,CAAC;IAErB;EAAC;AAAA,EA3E6BQ,eAAS;AAAA,IAAA9C,gBAAA,aAAnCZ,iBAAiB,iBACA,eAAe;AAAA,IAAAY,gBAAA,aADhCZ,iBAAiB,WAENH,KAAK;AAAA,IAAAe,gBAAA,aAFhBZ,iBAAiB,kBAGC;EACpBgC,IAAI,EAAE,KAAK;EACXC,KAAK,EAAE,MAAM;EACbL,QAAQ,EAAE;AACZ,CAAC;AAAA,IAAAhB,gBAAA,aAPGZ,iBAAiB,aASJ,CAAC,IAAA2D,+BAAmB,EAAC,CAAC,CAAC;AAAA,IAqEpCT,OAAO,0BAAAU,WAAA;EAAA,SAAAV,QAAA;IAAA,IAAA/C,gBAAA,mBAAA+C,OAAA;IAAA,WAAAxC,WAAA,mBAAAwC,OAAA,EAAA7C,SAAA;EAAA;EAAA,IAAAW,UAAA,aAAAkC,OAAA,EAAAU,WAAA;EAAA,WAAA3C,aAAA,aAAAiC,OAAA;IAAAhC,GAAA;IAAAC,KAAA,EAKX,SAAAmB,MAAMA,CAAA,EAAG;MAAA,IAAAuB,KAAA,QAAAlC,OAAA;QAAAmC,KAAA;MACP,IAAMC,QAAQ,GAMQrB,YAAG;MALzB,IAAAsB,cAAA,GAAuE,IAAI,CAACrC,OAAO;QAA3EiB,MAAM,GAAAoB,cAAA,CAANpB,MAAM;QAAEX,KAAK,GAAA+B,cAAA,CAAL/B,KAAK;QAAEF,UAAU,GAAAiC,cAAA,CAAVjC,UAAU;QAAEhB,OAAO,GAAAiD,cAAA,CAAPjD,OAAO;QAAEa,QAAQ,GAAAoC,cAAA,CAARpC,QAAQ;QAAEM,YAAY,GAAA8B,cAAA,CAAZ9B,YAAY;MAClE,IAAM+B,QAAQ,GAAGlC,UAAU,GAAG,QAAQ,GAAGE,KAAK;MAE9C,OAAA6B,KAAA,GAAO,IAAAhE,aAAO,EAAC8C,MAAM,CAAC,eACpBhD,MAAA,YAAAwD,aAAA,CAAC9D,UAAA,CAAA4E,SAAS,EAAAJ,KAAA,CAAAT,EAAA;QAAA,WAAUtC,OAAO;QAAA,YAAYa;MAAQ,iBAC7ChC,MAAA,YAAAwD,aAAA,CAACW,QAAQ,EAAAD,KAAA,CAAAT,EAAA,iBAAAC,cAAA,qBAAAlE,KAAA,CAAAmE,WAAA;QAAA,aAAyBU,QAAQ;QAAA,kBAAkB/B,YAAY,CAACH,UAAU;MAAC,GAAA8B,KAAA,GAAG,CAC9E,CAAC;IAEhB;EAAC;AAAA,EAfmBH,eAAS;AAAA,IAAA9C,gBAAA,aAAzBsC,OAAO,kBACW,UAAAiB,KAAA;EAAA,IAAGnC,IAAI,GAAAmC,KAAA,CAAJnC,IAAI;IAAEC,KAAK,GAAAkC,KAAA,CAALlC,KAAK;EAAA,OAAQ;IAC1CmC,QAAQ,eAAExE,MAAA,YAAAwD,aAAA,CAACzD,KAAA,WAAI;MAACqC,IAAI,EAAEA,IAAK;MAACC,KAAK,EAAEA;IAAM,CAAE;EAC7C,CAAC;AAAA,CAAC;AAeJ,SAASwB,OAAOA,CAAC3C,KAAK,EAAE;EAAA,IAAAuD,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACtB,IAAMC,QAAQ,GAE2B9B,YAAG;EAD5C,IAAQE,MAAM,GAAK9B,KAAK,CAAhB8B,MAAM;EACd,OAAA2B,KAAA,GAAO,IAAAzE,aAAO,EAAC8C,MAAM,CAAC,eAAChD,MAAA,YAAAwD,aAAA,CAACoB,QAAQ,EAAAD,KAAA,CAAAlB,EAAA,iBAAAC,cAAA,qBAAAlE,KAAA,CAAAmE,WAAA,MAAAc,KAAA,GAAe,CAAC;AAClD;AAEA,IAAMpB,aAAa,GAAG,IAAAwB,qBAAe,EAACzE,iBAAiB,EAAE;EACvDkD,OAAO,EAAPA,OAAO;EACPO,OAAO,EAAPA;AACF,CAAC,CAAC;AAAC,IAAAiB,QAAA,GAAAC,OAAA,cAEY1B,aAAa","ignoreList":[]}
1
+ {"version":3,"file":"SpinContainer.js","names":["_core","require","_baseComponents","_resolveColorEnhance","_interopRequireDefault","_findComponent","_spin","_react","style","sstyled","insert","SpinContainerRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","inert","props","loading","_inherits2","_createClass2","key","value","componentDidUpdate","prevProps","_this2","inertTimer","clearTimeout","setState","setTimeout","asProps","duration","getOverlayProps","_this$asProps","background","size","theme","resolveColor","getContentProps","state","undefined","render","_ref","_ref4","SSpinContainer","Box","_this$asProps2","styles","Children","forcedAdvancedMode","advancedMode","isAdvanceMode","SpinContainer","Overlay","displayName","createElement","cn","_objectSpread2","assignProps","Fragment","Content","Component","resolveColorEnhance","_Component2","_ref2","_ref5","SOverlay","_this$asProps3","useTheme","FadeInOut","_ref7","children","_ref3","arguments[0]","_ref6","SContent","createComponent","_default","exports"],"sources":["../../src/SpinContainer.jsx"],"sourcesContent":["import { FadeInOut, Box } from '@semcore/base-components';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport Spin from '@semcore/spin';\nimport React from 'react';\n\nimport style from './style/spin-container.shadow.css';\n\nclass SpinContainerRoot extends Component {\n static displayName = 'SpinContainer';\n static style = style;\n static defaultProps = {\n size: 'xxl',\n theme: 'dark',\n duration: 200,\n };\n\n static enhance = [resolveColorEnhance()];\n\n state = {\n inert: this.props.loading,\n };\n\n componentDidUpdate(prevProps) {\n const { loading } = this.props;\n if (prevProps.loading !== loading) {\n if (this.inertTimer) {\n clearTimeout(this.inertTimer);\n }\n\n if (loading) {\n this.setState({ inert: true });\n } else {\n this.inertTimer = setTimeout(() => {\n this.setState({ inert: false });\n }, this.asProps.duration + 50);\n }\n }\n }\n\n getOverlayProps() {\n const { loading, background, duration, size, theme, resolveColor } = this.asProps;\n return {\n background,\n // for Animated\n loading,\n duration,\n // for Spin\n size,\n theme,\n resolveColor,\n };\n }\n\n getContentProps() {\n const { inert } = this.state;\n\n return { inert: inert ? '' : undefined };\n }\n\n render() {\n const SSpinContainer = Root;\n const { styles, Children, forcedAdvancedMode } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode || isAdvanceMode(Children, [SpinContainer.Overlay.displayName]);\n\n return sstyled(styles)(\n <SSpinContainer render={Box}>\n {advancedMode\n ? (\n <Children />\n )\n : (\n <>\n <SpinContainer.Content>\n <Children />\n </SpinContainer.Content>\n <SpinContainer.Overlay />\n </>\n )}\n </SSpinContainer>,\n );\n }\n}\n\nclass Overlay extends Component {\n static defaultProps = ({ size, theme }) => ({\n children: <Spin size={size} theme={theme} />,\n });\n\n render() {\n const SOverlay = Root;\n const { styles, theme, background, loading, duration, resolveColor } = this.asProps;\n const useTheme = background ? 'custom' : theme;\n\n return sstyled(styles)(\n <FadeInOut visible={loading} duration={duration}>\n <SOverlay render={Box} use:theme={useTheme} use:background={resolveColor(background)} />\n </FadeInOut>,\n );\n }\n}\n\nfunction Content(props) {\n const SContent = Root;\n const { styles } = props;\n return sstyled(styles)(<SContent render={Box} />);\n}\n\nconst SpinContainer = createComponent(SpinContainerRoot, {\n Overlay,\n Content,\n});\n\nexport default SpinContainer;\n"],"mappings":"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","ignoreList":[]}
package/lib/cjs/index.d.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { FadeInOutProps } from '@semcore/animation';\nimport type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { BoxProps } from '@semcore/flex-box';\nimport type { SpinProps } from '@semcore/spin';\n\n/** @deprecated */\nexport interface ISpinContainerProps extends SpinContainerProps, UnknownProperties {}\nexport type SpinContainerProps = BoxProps &\n SpinProps & {\n /**\n * Color of container spinner; you can use your own color\n */\n background?: string;\n /** Duration of animation displaying in ms\n * @default 200\n */\n duration?: number;\n /**\n * Property responsible for displaying the spinner\n * */\n loading?: boolean;\n };\n\n/** @deprecated */\nexport interface ISpinOverlayProps extends SpinOverlayProps, UnknownProperties {}\nexport type SpinOverlayProps = BoxProps & FadeInOutProps & {};\n\n/** @deprecated */\nexport interface ISpinContainerContext extends SpinContainerContext, UnknownProperties {}\nexport type SpinContainerContext = {\n getOverlayProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ISpinContainerOverlayProps extends SpinContainerOverlayProps, UnknownProperties {}\nexport type SpinContainerOverlayProps = BoxProps & {\n /**\n * Css background; you can use your own color\n */\n background?: string;\n};\n\ndeclare const SpinContainer: Intergalactic.Component<\n 'div',\n SpinContainerProps,\n SpinContainerContext\n> & {\n Content: Intergalactic.Component<'div', SpinOverlayProps>;\n Overlay: Intergalactic.Component<'div', SpinContainerOverlayProps>;\n};\n\nexport default SpinContainer;\n"],"mappings":"","ignoreList":[]}
1
+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { FadeInOutProps, BoxProps } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { SpinProps } from '@semcore/spin';\n\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\nexport type SpinOverlayProps = BoxProps & FadeInOutProps & {};\n\nexport type SpinContainerContext = {\n getOverlayProps: PropGetterFn;\n};\n\nexport type SpinContainerOverlayProps = BoxProps & {\n /**\n * Css background; you can use your own color\n */\n background?: string;\n};\n\ndeclare const SpinContainer: Intergalactic.Component<\n 'div',\n SpinContainerProps,\n SpinContainerContext\n> & {\n Content: Intergalactic.Component<'div', SpinOverlayProps>;\n Overlay: Intergalactic.Component<'div', SpinContainerOverlayProps>;\n};\n\nexport default SpinContainer;\n"],"mappings":"","ignoreList":[]}
package/lib/es6/SpinContainer.js CHANGED
@@ -8,24 +8,23 @@ import { sstyled as _sstyled } from "@semcore/core";
8
8
  import { assignProps as _assignProps3 } from "@semcore/core";
9
9
  import { assignProps as _assignProps2 } from "@semcore/core";
10
10
  import { assignProps as _assignProps } from "@semcore/core";
11
- import { FadeInOut } from '@semcore/animation';
11
+ import { FadeInOut, Box } from '@semcore/base-components';
12
12
  import { createComponent, Component, sstyled, Root } from '@semcore/core';
13
13
  import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
14
14
  import { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';
15
- import { Box } from '@semcore/flex-box';
16
15
  import Spin from '@semcore/spin';
17
16
  import React from 'react';
18
17
  /*!__reshadow-styles__:"./style/spin-container.shadow.css"*/
19
- var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SSpinContainer_1le15_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_1le15_gg_{z-index:0;position:relative}.___SOverlay_1le15_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_1le15_gg_._theme_invert_1le15_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(0, 8, 5, 0.262))}.___SOverlay_1le15_gg_._theme_dark_1le15_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_1le15_gg_._theme_custom_1le15_gg_{background-color:var(--background_1le15)}", /*__inner_css_end__*/"1le15_gg_"),
18
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SSpinContainer_1u990_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_1u990_gg_{z-index:0;position:relative}.___SOverlay_1u990_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_1u990_gg_._theme_invert_1u990_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(0, 8, 5, 0.262))}.___SOverlay_1u990_gg_._theme_dark_1u990_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_1u990_gg_._theme_custom_1u990_gg_{background-color:var(--background_1u990)}", /*__inner_css_end__*/"1u990_gg_"),
20
19
  /*__reshadow_css_end__*/
21
20
  {
22
- "__SSpinContainer": "___SSpinContainer_1le15_gg_",
23
- "__SContent": "___SContent_1le15_gg_",
24
- "__SOverlay": "___SOverlay_1le15_gg_",
25
- "_theme_invert": "_theme_invert_1le15_gg_",
26
- "_theme_dark": "_theme_dark_1le15_gg_",
27
- "_theme_custom": "_theme_custom_1le15_gg_",
28
- "--background": "--background_1le15"
21
+ "__SSpinContainer": "___SSpinContainer_1u990_gg_",
22
+ "__SContent": "___SContent_1u990_gg_",
23
+ "__SOverlay": "___SOverlay_1u990_gg_",
24
+ "_theme_invert": "_theme_invert_1u990_gg_",
25
+ "_theme_dark": "_theme_dark_1u990_gg_",
26
+ "_theme_custom": "_theme_custom_1u990_gg_",
27
+ "--background": "--background_1u990"
29
28
  });
30
29
  var SpinContainerRoot = /*#__PURE__*/function (_Component) {
31
30
  function SpinContainerRoot() {
package/lib/es6/SpinContainer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SpinContainer.js","names":["FadeInOut","createComponent","Component","sstyled","Root","resolveColorEnhance","isAdvanceMode","Box","Spin","React","style","_sstyled","insert","SpinContainerRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","inert","props","loading","_inherits","_createClass","key","value","componentDidUpdate","prevProps","_this2","inertTimer","clearTimeout","setState","setTimeout","asProps","duration","getOverlayProps","_this$asProps","background","size","theme","resolveColor","getContentProps","state","undefined","render","_ref","_ref4","SSpinContainer","_this$asProps2","styles","Children","forcedAdvancedMode","advancedMode","SpinContainer","Overlay","displayName","createElement","cn","_objectSpread","_assignProps","Fragment","Content","_Component2","_ref2","_ref5","SOverlay","_this$asProps3","useTheme","_assignProps2","_ref7","children","_ref3","arguments[0]","_ref6","SContent","_assignProps3"],"sources":["../../src/SpinContainer.jsx"],"sourcesContent":["import { FadeInOut } from '@semcore/animation';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport { Box } from '@semcore/flex-box';\nimport Spin from '@semcore/spin';\nimport React from 'react';\n\nimport style from './style/spin-container.shadow.css';\n\nclass SpinContainerRoot extends Component {\n static displayName = 'SpinContainer';\n static style = style;\n static defaultProps = {\n size: 'xxl',\n theme: 'dark',\n duration: 200,\n };\n\n static enhance = [resolveColorEnhance()];\n\n state = {\n inert: this.props.loading,\n };\n\n componentDidUpdate(prevProps) {\n const { loading } = this.props;\n if (prevProps.loading !== loading) {\n if (this.inertTimer) {\n clearTimeout(this.inertTimer);\n }\n\n if (loading) {\n this.setState({ inert: true });\n } else {\n this.inertTimer = setTimeout(() => {\n this.setState({ inert: false });\n }, this.asProps.duration + 50);\n }\n }\n }\n\n getOverlayProps() {\n const { loading, background, duration, size, theme, resolveColor } = this.asProps;\n return {\n background,\n // for Animated\n loading,\n duration,\n // for Spin\n size,\n theme,\n resolveColor,\n };\n }\n\n getContentProps() {\n const { inert } = this.state;\n\n return { inert: inert ? '' : undefined };\n }\n\n render() {\n const SSpinContainer = Root;\n const { styles, Children, forcedAdvancedMode } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode || isAdvanceMode(Children, [SpinContainer.Overlay.displayName]);\n\n return sstyled(styles)(\n <SSpinContainer render={Box}>\n {advancedMode\n ? (\n <Children />\n )\n : (\n <>\n <SpinContainer.Content>\n <Children />\n </SpinContainer.Content>\n <SpinContainer.Overlay />\n </>\n )}\n </SSpinContainer>,\n );\n }\n}\n\nclass Overlay extends Component {\n static defaultProps = ({ size, theme }) => ({\n children: <Spin size={size} theme={theme} />,\n });\n\n render() {\n const SOverlay = Root;\n const { styles, theme, background, loading, duration, resolveColor } = this.asProps;\n const useTheme = background ? 'custom' : theme;\n\n return sstyled(styles)(\n <FadeInOut visible={loading} duration={duration}>\n <SOverlay render={Box} use:theme={useTheme} use:background={resolveColor(background)} />\n </FadeInOut>,\n );\n }\n}\n\nfunction Content(props) {\n const SContent = Root;\n const { styles } = props;\n return sstyled(styles)(<SContent render={Box} />);\n}\n\nconst SpinContainer = createComponent(SpinContainerRoot, {\n Overlay,\n Content,\n});\n\nexport default SpinContainer;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"SpinContainer.js","names":["FadeInOut","Box","createComponent","Component","sstyled","Root","resolveColorEnhance","isAdvanceMode","Spin","React","style","_sstyled","insert","SpinContainerRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","inert","props","loading","_inherits","_createClass","key","value","componentDidUpdate","prevProps","_this2","inertTimer","clearTimeout","setState","setTimeout","asProps","duration","getOverlayProps","_this$asProps","background","size","theme","resolveColor","getContentProps","state","undefined","render","_ref","_ref4","SSpinContainer","_this$asProps2","styles","Children","forcedAdvancedMode","advancedMode","SpinContainer","Overlay","displayName","createElement","cn","_objectSpread","_assignProps","Fragment","Content","_Component2","_ref2","_ref5","SOverlay","_this$asProps3","useTheme","_assignProps2","_ref7","children","_ref3","arguments[0]","_ref6","SContent","_assignProps3"],"sources":["../../src/SpinContainer.jsx"],"sourcesContent":["import { FadeInOut, Box } from '@semcore/base-components';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport Spin from '@semcore/spin';\nimport React from 'react';\n\nimport style from './style/spin-container.shadow.css';\n\nclass SpinContainerRoot extends Component {\n static displayName = 'SpinContainer';\n static style = style;\n static defaultProps = {\n size: 'xxl',\n theme: 'dark',\n duration: 200,\n };\n\n static enhance = [resolveColorEnhance()];\n\n state = {\n inert: this.props.loading,\n };\n\n componentDidUpdate(prevProps) {\n const { loading } = this.props;\n if (prevProps.loading !== loading) {\n if (this.inertTimer) {\n clearTimeout(this.inertTimer);\n }\n\n if (loading) {\n this.setState({ inert: true });\n } else {\n this.inertTimer = setTimeout(() => {\n this.setState({ inert: false });\n }, this.asProps.duration + 50);\n }\n }\n }\n\n getOverlayProps() {\n const { loading, background, duration, size, theme, resolveColor } = this.asProps;\n return {\n background,\n // for Animated\n loading,\n duration,\n // for Spin\n size,\n theme,\n resolveColor,\n };\n }\n\n getContentProps() {\n const { inert } = this.state;\n\n return { inert: inert ? '' : undefined };\n }\n\n render() {\n const SSpinContainer = Root;\n const { styles, Children, forcedAdvancedMode } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode || isAdvanceMode(Children, [SpinContainer.Overlay.displayName]);\n\n return sstyled(styles)(\n <SSpinContainer render={Box}>\n {advancedMode\n ? (\n <Children />\n )\n : (\n <>\n <SpinContainer.Content>\n <Children />\n </SpinContainer.Content>\n <SpinContainer.Overlay />\n </>\n )}\n </SSpinContainer>,\n );\n }\n}\n\nclass Overlay extends Component {\n static defaultProps = ({ size, theme }) => ({\n children: <Spin size={size} theme={theme} />,\n });\n\n render() {\n const SOverlay = Root;\n const { styles, theme, background, loading, duration, resolveColor } = this.asProps;\n const useTheme = background ? 'custom' : theme;\n\n return sstyled(styles)(\n <FadeInOut visible={loading} duration={duration}>\n <SOverlay render={Box} use:theme={useTheme} use:background={resolveColor(background)} />\n </FadeInOut>,\n );\n }\n}\n\nfunction Content(props) {\n const SContent = Root;\n const { styles } = props;\n return sstyled(styles)(<SContent render={Box} />);\n}\n\nconst SpinContainer = createComponent(SpinContainerRoot, {\n Overlay,\n Content,\n});\n\nexport default SpinContainer;\n"],"mappings":"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","ignoreList":[]}
package/lib/es6/index.d.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { FadeInOutProps } from '@semcore/animation';\nimport type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { BoxProps } from '@semcore/flex-box';\nimport type { SpinProps } from '@semcore/spin';\n\n/** @deprecated */\nexport interface ISpinContainerProps extends SpinContainerProps, UnknownProperties {}\nexport type SpinContainerProps = BoxProps &\n SpinProps & {\n /**\n * Color of container spinner; you can use your own color\n */\n background?: string;\n /** Duration of animation displaying in ms\n * @default 200\n */\n duration?: number;\n /**\n * Property responsible for displaying the spinner\n * */\n loading?: boolean;\n };\n\n/** @deprecated */\nexport interface ISpinOverlayProps extends SpinOverlayProps, UnknownProperties {}\nexport type SpinOverlayProps = BoxProps & FadeInOutProps & {};\n\n/** @deprecated */\nexport interface ISpinContainerContext extends SpinContainerContext, UnknownProperties {}\nexport type SpinContainerContext = {\n getOverlayProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ISpinContainerOverlayProps extends SpinContainerOverlayProps, UnknownProperties {}\nexport type SpinContainerOverlayProps = BoxProps & {\n /**\n * Css background; you can use your own color\n */\n background?: string;\n};\n\ndeclare const SpinContainer: Intergalactic.Component<\n 'div',\n SpinContainerProps,\n SpinContainerContext\n> & {\n Content: Intergalactic.Component<'div', SpinOverlayProps>;\n Overlay: Intergalactic.Component<'div', SpinContainerOverlayProps>;\n};\n\nexport default SpinContainer;\n"],"mappings":"","ignoreList":[]}
1
+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { FadeInOutProps, BoxProps } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { SpinProps } from '@semcore/spin';\n\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\nexport type SpinOverlayProps = BoxProps & FadeInOutProps & {};\n\nexport type SpinContainerContext = {\n getOverlayProps: PropGetterFn;\n};\n\nexport type SpinContainerOverlayProps = BoxProps & {\n /**\n * Css background; you can use your own color\n */\n background?: string;\n};\n\ndeclare const SpinContainer: Intergalactic.Component<\n 'div',\n SpinContainerProps,\n SpinContainerContext\n> & {\n Content: Intergalactic.Component<'div', SpinOverlayProps>;\n Overlay: Intergalactic.Component<'div', SpinContainerOverlayProps>;\n};\n\nexport default SpinContainer;\n"],"mappings":"","ignoreList":[]}
package/lib/esm/SpinContainer.mjs CHANGED
@@ -4,11 +4,10 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
4
4
  import _callSuper from "@babel/runtime/helpers/esm/callSuper";
5
5
  import _inherits from "@babel/runtime/helpers/esm/inherits";
6
6
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
7
- import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
8
- import { FadeInOut } from "@semcore/animation";
7
+ import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
8
+ import { Box, FadeInOut } from "@semcore/base-components";
9
9
  import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
10
10
  import { isAdvanceMode } from "@semcore/core/lib/utils/findComponent";
11
- import { Box } from "@semcore/flex-box";
12
11
  import Spin from "@semcore/spin";
13
12
  import React from "react";
14
13
  /*!__reshadow-styles__:"./style/spin-container.shadow.css"*/
@@ -16,18 +15,18 @@ var style = (
16
15
  /*__reshadow_css_start__*/
17
16
  (sstyled.insert(
18
17
  /*__inner_css_start__*/
19
- ".___SSpinContainer_1le15_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_1le15_gg_{z-index:0;position:relative}.___SOverlay_1le15_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_1le15_gg_._theme_invert_1le15_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(0, 8, 5, 0.262))}.___SOverlay_1le15_gg_._theme_dark_1le15_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_1le15_gg_._theme_custom_1le15_gg_{background-color:var(--background_1le15)}",
18
+ ".___SSpinContainer_1u990_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_1u990_gg_{z-index:0;position:relative}.___SOverlay_1u990_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_1u990_gg_._theme_invert_1u990_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(0, 8, 5, 0.262))}.___SOverlay_1u990_gg_._theme_dark_1u990_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_1u990_gg_._theme_custom_1u990_gg_{background-color:var(--background_1u990)}",
20
19
  /*__inner_css_end__*/
21
- "1le15_gg_"
20
+ "1u990_gg_"
22
21
  ), /*__reshadow_css_end__*/
23
22
  {
24
- "__SSpinContainer": "___SSpinContainer_1le15_gg_",
25
- "__SContent": "___SContent_1le15_gg_",
26
- "__SOverlay": "___SOverlay_1le15_gg_",
27
- "_theme_invert": "_theme_invert_1le15_gg_",
28
- "_theme_dark": "_theme_dark_1le15_gg_",
29
- "_theme_custom": "_theme_custom_1le15_gg_",
30
- "--background": "--background_1le15"
23
+ "__SSpinContainer": "___SSpinContainer_1u990_gg_",
24
+ "__SContent": "___SContent_1u990_gg_",
25
+ "__SOverlay": "___SOverlay_1u990_gg_",
26
+ "_theme_invert": "_theme_invert_1u990_gg_",
27
+ "_theme_dark": "_theme_dark_1u990_gg_",
28
+ "_theme_custom": "_theme_custom_1u990_gg_",
29
+ "--background": "--background_1u990"
31
30
  })
32
31
  );
33
32
  var SpinContainerRoot = /* @__PURE__ */ (function(_Component) {
package/lib/types/index.d.ts CHANGED
@@ -1,10 +1,7 @@
1
- import type { FadeInOutProps } from '@semcore/animation';
2
- import type { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
3
- import type { BoxProps } from '@semcore/flex-box';
1
+ import type { FadeInOutProps, BoxProps } from '@semcore/base-components';
2
+ import type { PropGetterFn, Intergalactic } from '@semcore/core';
4
3
  import type { SpinProps } from '@semcore/spin';
5
4
 
6
- /** @deprecated */
7
- export interface ISpinContainerProps extends SpinContainerProps, UnknownProperties {}
8
5
  export type SpinContainerProps = BoxProps &
9
6
  SpinProps & {
10
7
  /**
@@ -21,18 +18,12 @@ export type SpinContainerProps = BoxProps &
21
18
  loading?: boolean;
22
19
  };
23
20
 
24
- /** @deprecated */
25
- export interface ISpinOverlayProps extends SpinOverlayProps, UnknownProperties {}
26
21
  export type SpinOverlayProps = BoxProps & FadeInOutProps & {};
27
22
 
28
- /** @deprecated */
29
- export interface ISpinContainerContext extends SpinContainerContext, UnknownProperties {}
30
23
  export type SpinContainerContext = {
31
24
  getOverlayProps: PropGetterFn;
32
25
  };
33
26
 
34
- /** @deprecated */
35
- export interface ISpinContainerOverlayProps extends SpinContainerOverlayProps, UnknownProperties {}
36
27
  export type SpinContainerOverlayProps = BoxProps & {
37
28
  /**
38
29
  * Css background; you can use your own color
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/spin-container",
3
3
  "description": "Semrush SpinContainer Component",
4
- "version": "16.1.0-prerelease.1",
4
+ "version": "16.1.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "types": "lib/types/index.d.ts",
@@ -14,12 +14,12 @@
14
14
  "types": "./lib/types/index.d.ts"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/spin": "16.1.0-prerelease.1",
18
- "@semcore/flex-box": "16.1.0-prerelease.1",
19
- "@semcore/animation": "16.1.0-prerelease.1"
17
+ "@semcore/spin": "16.1.0",
18
+ "@semcore/flex-box": "16.1.0",
19
+ "@semcore/animation": "16.1.0"
20
20
  },
21
21
  "peerDependencies": {
22
- "@semcore/base-components": "^16.6.0-prerelease.1"
22
+ "@semcore/base-components": "^16.6.0"
23
23
  },
24
24
  "repository": {
25
25
  "type": "git",
@@ -27,7 +27,7 @@
27
27
  "directory": "semcore/spin-container"
28
28
  },
29
29
  "devDependencies": {
30
- "@semcore/core": "16.6.0-prerelease.1",
30
+ "@semcore/core": "16.6.0",
31
31
  "@semcore/testing-utils": "1.0.0"
32
32
  },
33
33
  "scripts": {