@semcore/spin-container 6.2.40 → 7.0.0-beta.1
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.
- package/CHANGELOG.md +3 -3
- package/lib/cjs/SpinContainer.js +8 -8
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/es6/SpinContainer.js +8 -8
- package/lib/es6/index.d.js.map +1 -1
- package/lib/types/index.d.ts +39 -28
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [
|
|
5
|
+
## [7.0.0] - 2023-07-15
|
|
6
6
|
|
|
7
|
-
###
|
|
7
|
+
### Break
|
|
8
8
|
|
|
9
|
-
-
|
|
9
|
+
- Strict, backward incompatible typings.
|
|
10
10
|
|
|
11
11
|
## [6.2.39] - 2023-06-27
|
|
12
12
|
|
package/lib/cjs/SpinContainer.js
CHANGED
|
@@ -20,14 +20,14 @@ var _flexBox = require("@semcore/flex-box");
|
|
|
20
20
|
var _color = _interopRequireDefault(require("@semcore/utils/lib/color"));
|
|
21
21
|
var _findComponent = require("@semcore/utils/lib/findComponent");
|
|
22
22
|
/*__reshadow-styles__:"./style/spin-container.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__SSpinContainer": "
|
|
25
|
-
"__SContent": "
|
|
26
|
-
"__SOverlay": "
|
|
27
|
-
"_theme_invert": "
|
|
28
|
-
"_theme_dark": "
|
|
29
|
-
"_theme_custom": "
|
|
30
|
-
"--background": "--
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SSpinContainer_opmz1_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_opmz1_gg_{z-index:0;position:relative}.___SOverlay_opmz1_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_opmz1_gg_._theme_invert_opmz1_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_opmz1_gg_._theme_dark_opmz1_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_opmz1_gg_._theme_custom_opmz1_gg_{background-color:var(--background_opmz1)}" /*__inner_css_end__*/, "opmz1_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SSpinContainer": "___SSpinContainer_opmz1_gg_",
|
|
25
|
+
"__SContent": "___SContent_opmz1_gg_",
|
|
26
|
+
"__SOverlay": "___SOverlay_opmz1_gg_",
|
|
27
|
+
"_theme_invert": "_theme_invert_opmz1_gg_",
|
|
28
|
+
"_theme_dark": "_theme_dark_opmz1_gg_",
|
|
29
|
+
"_theme_custom": "_theme_custom_opmz1_gg_",
|
|
30
|
+
"--background": "--background_opmz1"
|
|
31
31
|
});
|
|
32
32
|
var SpinContainerRoot = /*#__PURE__*/function (_Component) {
|
|
33
33
|
(0, _inherits2["default"])(SpinContainerRoot, _Component);
|
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 { PropGetterFn,
|
|
1
|
+
{"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/SpinContainer.js
CHANGED
|
@@ -16,14 +16,14 @@ import { Box } from '@semcore/flex-box';
|
|
|
16
16
|
import resolveColor from '@semcore/utils/lib/color';
|
|
17
17
|
import { isAdvanceMode } from '@semcore/utils/lib/findComponent';
|
|
18
18
|
/*__reshadow-styles__:"./style/spin-container.shadow.css"*/
|
|
19
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
20
|
-
"__SSpinContainer": "
|
|
21
|
-
"__SContent": "
|
|
22
|
-
"__SOverlay": "
|
|
23
|
-
"_theme_invert": "
|
|
24
|
-
"_theme_dark": "
|
|
25
|
-
"_theme_custom": "
|
|
26
|
-
"--background": "--
|
|
19
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSpinContainer_opmz1_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_opmz1_gg_{z-index:0;position:relative}.___SOverlay_opmz1_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_opmz1_gg_._theme_invert_opmz1_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_opmz1_gg_._theme_dark_opmz1_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_opmz1_gg_._theme_custom_opmz1_gg_{background-color:var(--background_opmz1)}" /*__inner_css_end__*/, "opmz1_gg_") /*__reshadow_css_end__*/, {
|
|
20
|
+
"__SSpinContainer": "___SSpinContainer_opmz1_gg_",
|
|
21
|
+
"__SContent": "___SContent_opmz1_gg_",
|
|
22
|
+
"__SOverlay": "___SOverlay_opmz1_gg_",
|
|
23
|
+
"_theme_invert": "_theme_invert_opmz1_gg_",
|
|
24
|
+
"_theme_dark": "_theme_dark_opmz1_gg_",
|
|
25
|
+
"_theme_custom": "_theme_custom_opmz1_gg_",
|
|
26
|
+
"--background": "--background_opmz1"
|
|
27
27
|
});
|
|
28
28
|
var SpinContainerRoot = /*#__PURE__*/function (_Component) {
|
|
29
29
|
_inherits(SpinContainerRoot, _Component);
|
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 { PropGetterFn,
|
|
1
|
+
{"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/types/index.d.ts
CHANGED
|
@@ -1,41 +1,52 @@
|
|
|
1
|
-
import { PropGetterFn,
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
1
|
+
import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';
|
|
2
|
+
import { SpinProps } from '@semcore/spin';
|
|
3
|
+
import { BoxProps } from '@semcore/flex-box';
|
|
4
|
+
import { FadeInOutProps } from '@semcore/animation';
|
|
5
5
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
6
|
+
/** @deprecated */
|
|
7
|
+
export interface ISpinContainerProps extends SpinContainerProps, UnknownProperties {}
|
|
8
|
+
export type SpinContainerProps = BoxProps &
|
|
9
|
+
SpinProps & {
|
|
10
|
+
/**
|
|
11
|
+
* Color of container spinner; you can use your own color
|
|
12
|
+
*/
|
|
13
|
+
background?: string;
|
|
14
|
+
/** Duration of animation displaying in ms
|
|
15
|
+
* @default 200
|
|
16
|
+
*/
|
|
17
|
+
duration?: number;
|
|
18
|
+
/**
|
|
19
|
+
* Property responsible for displaying the spinner
|
|
20
|
+
* */
|
|
21
|
+
loading?: boolean;
|
|
22
|
+
};
|
|
20
23
|
|
|
21
|
-
|
|
24
|
+
/** @deprecated */
|
|
25
|
+
export interface ISpinOverlayProps extends SpinOverlayProps, UnknownProperties {}
|
|
26
|
+
export type SpinOverlayProps = BoxProps & FadeInOutProps & {};
|
|
22
27
|
|
|
23
|
-
|
|
28
|
+
/** @deprecated */
|
|
29
|
+
export interface ISpinContainerContext extends SpinContainerContext, UnknownProperties {}
|
|
30
|
+
export type SpinContainerContext = {
|
|
24
31
|
getOverlayProps: PropGetterFn;
|
|
25
|
-
}
|
|
32
|
+
};
|
|
26
33
|
|
|
27
|
-
|
|
34
|
+
/** @deprecated */
|
|
35
|
+
export interface ISpinContainerOverlayProps extends SpinContainerOverlayProps, UnknownProperties {}
|
|
36
|
+
export type SpinContainerOverlayProps = BoxProps & {
|
|
28
37
|
/**
|
|
29
38
|
* Css background; you can use your own color
|
|
30
39
|
*/
|
|
31
40
|
background?: string;
|
|
32
|
-
}
|
|
41
|
+
};
|
|
33
42
|
|
|
34
|
-
declare const SpinContainer:
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
43
|
+
declare const SpinContainer: Intergalactic.Component<
|
|
44
|
+
'div',
|
|
45
|
+
SpinContainerProps,
|
|
46
|
+
SpinContainerContext
|
|
47
|
+
> & {
|
|
48
|
+
Content: Intergalactic.Component<'div', SpinOverlayProps>;
|
|
49
|
+
Overlay: Intergalactic.Component<'div', SpinContainerOverlayProps>;
|
|
39
50
|
};
|
|
40
51
|
|
|
41
52
|
export default SpinContainer;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/spin-container",
|
|
3
3
|
"description": "Semrush SpinContainer Component",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "7.0.0-beta.1",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"types": "lib/types/index.d.ts",
|
|
@@ -9,13 +9,13 @@
|
|
|
9
9
|
"author": "UI-kit team <ui-kit-team@semrush.com>",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@semcore/utils": "
|
|
13
|
-
"@semcore/spin": "
|
|
14
|
-
"@semcore/flex-box": "
|
|
15
|
-
"@semcore/animation": "
|
|
12
|
+
"@semcore/utils": "4.0.0-beta.1",
|
|
13
|
+
"@semcore/spin": "5.0.0-beta.1",
|
|
14
|
+
"@semcore/flex-box": "5.0.0-beta.1",
|
|
15
|
+
"@semcore/animation": "2.0.0-beta.1"
|
|
16
16
|
},
|
|
17
17
|
"peerDependencies": {
|
|
18
|
-
"@semcore/core": "
|
|
18
|
+
"@semcore/core": "2.0.0-beta.1",
|
|
19
19
|
"react": "16.8 - 18",
|
|
20
20
|
"react-dom": "16.8 - 18"
|
|
21
21
|
},
|