@semcore/widget-empty 16.1.0-prerelease.3 → 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.
- package/lib/cjs/WidgetEmpty.js +9 -9
- package/lib/cjs/WidgetEmpty.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/style/widget-empty.shadow.css +1 -2
- package/lib/es6/WidgetEmpty.js +6 -6
- package/lib/es6/WidgetEmpty.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/style/widget-empty.shadow.css +1 -2
- package/lib/esm/Error/index.mjs +1 -1
- package/lib/esm/NoData/index.mjs +1 -1
- package/lib/esm/WidgetEmpty.mjs +8 -8
- package/lib/esm/style/widget-empty.shadow.css +1 -2
- package/lib/types/index.d.ts +2 -8
- package/package.json +5 -5
package/lib/cjs/WidgetEmpty.js
CHANGED
|
@@ -12,18 +12,18 @@ 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 _baseComponents = require("@semcore/base-components");
|
|
15
16
|
var _isNode = _interopRequireDefault(require("@semcore/core/lib/utils/isNode"));
|
|
16
|
-
var _flexBox = require("@semcore/flex-box");
|
|
17
17
|
var _illustration = require("@semcore/illustration");
|
|
18
18
|
var _react = _interopRequireDefault(require("react"));
|
|
19
19
|
/*!__reshadow-styles__:"./style/widget-empty.shadow.css"*/
|
|
20
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
20
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SWidgetEmpty_yz1ej_gg_{flex-direction:column;justify-content:center;align-items:center}.___SImage_yz1ej_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___STitle_yz1ej_gg_{text-align:center;color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}@supports (color:color(display-p3 0 0 0%)){.___STitle_yz1ej_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STitle_yz1ej_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SDescription_yz1ej_gg_{text-align:center;text-wrap:balance;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));max-width:400px}@supports (color:color(display-p3 0 0 0%)){.___SDescription_yz1ej_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SDescription_yz1ej_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___STitle_yz1ej_gg_+.___SDescription_yz1ej_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_yz1ej_gg_+.___SDescription_yz1ej_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}", /*__inner_css_end__*/"yz1ej_gg_"),
|
|
21
21
|
/*__reshadow_css_end__*/
|
|
22
22
|
{
|
|
23
|
-
"__SWidgetEmpty": "
|
|
24
|
-
"__SImage": "
|
|
25
|
-
"__STitle": "
|
|
26
|
-
"__SDescription": "
|
|
23
|
+
"__SWidgetEmpty": "___SWidgetEmpty_yz1ej_gg_",
|
|
24
|
+
"__SImage": "___SImage_yz1ej_gg_",
|
|
25
|
+
"__STitle": "___STitle_yz1ej_gg_",
|
|
26
|
+
"__SDescription": "___SDescription_yz1ej_gg_"
|
|
27
27
|
});
|
|
28
28
|
var getIconPath = exports.getIconPath = function getIconPath(name) {
|
|
29
29
|
return (0, _illustration.getIllustrationPath)(name);
|
|
@@ -39,7 +39,7 @@ var WidgetEmpty = /*#__PURE__*/function (_Component) {
|
|
|
39
39
|
value: function render() {
|
|
40
40
|
var _ref = this.asProps,
|
|
41
41
|
_ref4;
|
|
42
|
-
var SWidgetEmpty =
|
|
42
|
+
var SWidgetEmpty = _baseComponents.Flex;
|
|
43
43
|
var _this$asProps = this.asProps,
|
|
44
44
|
Children = _this$asProps.Children,
|
|
45
45
|
icon = _this$asProps.icon,
|
|
@@ -61,14 +61,14 @@ var WidgetEmpty = /*#__PURE__*/function (_Component) {
|
|
|
61
61
|
function Title(props) {
|
|
62
62
|
var _ref2 = arguments[0],
|
|
63
63
|
_ref5;
|
|
64
|
-
var STitle =
|
|
64
|
+
var STitle = _baseComponents.Box;
|
|
65
65
|
var styles = props.styles;
|
|
66
66
|
return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STitle, _ref5.cn("STitle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))));
|
|
67
67
|
}
|
|
68
68
|
function Description(props) {
|
|
69
69
|
var _ref3 = arguments[0],
|
|
70
70
|
_ref6;
|
|
71
|
-
var SDescription =
|
|
71
|
+
var SDescription = _baseComponents.Box;
|
|
72
72
|
var styles = props.styles;
|
|
73
73
|
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SDescription, _ref6.cn("SDescription", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
|
|
74
74
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WidgetEmpty.js","names":["_core","require","
|
|
1
|
+
{"version":3,"file":"WidgetEmpty.js","names":["_core","require","_baseComponents","_isNode","_interopRequireDefault","_illustration","_react","style","sstyled","insert","getIconPath","exports","name","getIllustrationPath","WidgetEmpty","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","asProps","_ref4","SWidgetEmpty","Flex","_this$asProps","Children","icon","styles","SImage","createElement","cn","_objectSpread2","assignProps","isNode","Component","_defineProperty2","Title","props","_ref2","arguments[0]","_ref5","STitle","Box","Description","_ref3","_ref6","SDescription","_default","createComponent"],"sources":["../../src/WidgetEmpty.jsx"],"sourcesContent":["import { Box, Flex } from '@semcore/base-components';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport { getIllustrationPath } from '@semcore/illustration';\nimport React from 'react';\n\nimport style from './style/widget-empty.shadow.css';\n\nexport const getIconPath = (name) => getIllustrationPath(name);\n\nclass WidgetEmpty extends Component {\n static displayName = 'WidgetEmpty';\n static style = style;\n\n render() {\n const SWidgetEmpty = Root;\n const { Children, icon, styles } = this.asProps;\n const SImage = 'div';\n\n return sstyled(styles)(\n <SWidgetEmpty render={Flex} role='status'>\n {isNode(icon) && (\n <SImage aria-hidden='true'>\n {typeof icon === 'string' ? <img src={icon} alt='' /> : icon}\n </SImage>\n )}\n <Children />\n </SWidgetEmpty>,\n );\n }\n}\n\nfunction Title(props) {\n const STitle = Root;\n const { styles } = props;\n return sstyled(styles)(<STitle render={Box} />);\n}\n\nfunction Description(props) {\n const SDescription = Root;\n const { styles } = props;\n return sstyled(styles)(<SDescription render={Box} />);\n}\n\nexport default createComponent(WidgetEmpty, {\n Title,\n Description,\n});\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 {
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { Box, FlexProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { WithI18nEnhanceProps } from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport type { TIllustrationNamesWidgetEmpty } from '@semcore/illustration';\n\nexport type iconNamesWidgetEmpty = TIllustrationNamesWidgetEmpty;\n\nexport type WidgetEmptyProps = FlexProps & {\n /**\n * URL before the icon or the whole component\n */\n icon?: React.ReactNode;\n};\n\nexport type WidgetErrorProps = WidgetEmptyProps &\n WithI18nEnhanceProps & {\n /** Error description. If it is absent, use the local default one */\n description?: React.ReactNode;\n };\n\nexport type WidgetNoDataProps = WidgetEmptyProps &\n WithI18nEnhanceProps & {\n /** Error description. If it is absent, use the local default one */\n description?: React.ReactNode;\n /** Data types */\n type?: iconNamesWidgetEmpty;\n };\n\ndeclare const WidgetEmpty: Intergalactic.Component<'div', WidgetEmptyProps> & {\n Title: typeof Box;\n Description: typeof Box;\n};\n\nexport declare const NoData: Intergalactic.Component<'div', WidgetNoDataProps>;\nexport declare const Error: Intergalactic.Component<'div', WidgetErrorProps>;\nexport declare const getIconPath: (name: string) => string;\n\nexport default WidgetEmpty;\n"],"mappings":"","ignoreList":[]}
|
|
@@ -2,7 +2,6 @@ SWidgetEmpty {
|
|
|
2
2
|
flex-direction: column;
|
|
3
3
|
justify-content: center;
|
|
4
4
|
align-items: center;
|
|
5
|
-
margin-bottom: var(--intergalactic-spacing-4x, 16px);
|
|
6
5
|
}
|
|
7
6
|
|
|
8
7
|
SImage {
|
|
@@ -37,4 +36,4 @@ STitle+SDescription {
|
|
|
37
36
|
|
|
38
37
|
SDescription+SDescription {
|
|
39
38
|
margin-top: var(--intergalactic-spacing-2x, 8px);
|
|
40
|
-
}
|
|
39
|
+
}
|
package/lib/es6/WidgetEmpty.js
CHANGED
|
@@ -8,19 +8,19 @@ 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 { Box, Flex } from '@semcore/base-components';
|
|
11
12
|
import { createComponent, Component, sstyled, Root } from '@semcore/core';
|
|
12
13
|
import isNode from '@semcore/core/lib/utils/isNode';
|
|
13
|
-
import { Box, Flex } from '@semcore/flex-box';
|
|
14
14
|
import { getIllustrationPath } from '@semcore/illustration';
|
|
15
15
|
import React from 'react';
|
|
16
16
|
/*!__reshadow-styles__:"./style/widget-empty.shadow.css"*/
|
|
17
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
17
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SWidgetEmpty_yz1ej_gg_{flex-direction:column;justify-content:center;align-items:center}.___SImage_yz1ej_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___STitle_yz1ej_gg_{text-align:center;color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}@supports (color:color(display-p3 0 0 0%)){.___STitle_yz1ej_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STitle_yz1ej_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SDescription_yz1ej_gg_{text-align:center;text-wrap:balance;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));max-width:400px}@supports (color:color(display-p3 0 0 0%)){.___SDescription_yz1ej_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SDescription_yz1ej_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___STitle_yz1ej_gg_+.___SDescription_yz1ej_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_yz1ej_gg_+.___SDescription_yz1ej_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}", /*__inner_css_end__*/"yz1ej_gg_"),
|
|
18
18
|
/*__reshadow_css_end__*/
|
|
19
19
|
{
|
|
20
|
-
"__SWidgetEmpty": "
|
|
21
|
-
"__SImage": "
|
|
22
|
-
"__STitle": "
|
|
23
|
-
"__SDescription": "
|
|
20
|
+
"__SWidgetEmpty": "___SWidgetEmpty_yz1ej_gg_",
|
|
21
|
+
"__SImage": "___SImage_yz1ej_gg_",
|
|
22
|
+
"__STitle": "___STitle_yz1ej_gg_",
|
|
23
|
+
"__SDescription": "___SDescription_yz1ej_gg_"
|
|
24
24
|
});
|
|
25
25
|
export var getIconPath = function getIconPath(name) {
|
|
26
26
|
return getIllustrationPath(name);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WidgetEmpty.js","names":["
|
|
1
|
+
{"version":3,"file":"WidgetEmpty.js","names":["Box","Flex","createComponent","Component","sstyled","Root","isNode","getIllustrationPath","React","style","_sstyled","insert","getIconPath","name","WidgetEmpty","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_ref","asProps","_ref4","SWidgetEmpty","_this$asProps","Children","icon","styles","SImage","createElement","cn","_objectSpread","_assignProps","_defineProperty","Title","props","_ref2","arguments[0]","_ref5","STitle","_assignProps2","Description","_ref3","_ref6","SDescription","_assignProps3"],"sources":["../../src/WidgetEmpty.jsx"],"sourcesContent":["import { Box, Flex } from '@semcore/base-components';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport isNode from '@semcore/core/lib/utils/isNode';\nimport { getIllustrationPath } from '@semcore/illustration';\nimport React from 'react';\n\nimport style from './style/widget-empty.shadow.css';\n\nexport const getIconPath = (name) => getIllustrationPath(name);\n\nclass WidgetEmpty extends Component {\n static displayName = 'WidgetEmpty';\n static style = style;\n\n render() {\n const SWidgetEmpty = Root;\n const { Children, icon, styles } = this.asProps;\n const SImage = 'div';\n\n return sstyled(styles)(\n <SWidgetEmpty render={Flex} role='status'>\n {isNode(icon) && (\n <SImage aria-hidden='true'>\n {typeof icon === 'string' ? <img src={icon} alt='' /> : icon}\n </SImage>\n )}\n <Children />\n </SWidgetEmpty>,\n );\n }\n}\n\nfunction Title(props) {\n const STitle = Root;\n const { styles } = props;\n return sstyled(styles)(<STitle render={Box} />);\n}\n\nfunction Description(props) {\n const SDescription = Root;\n const { styles } = props;\n return sstyled(styles)(<SDescription render={Box} />);\n}\n\nexport default createComponent(WidgetEmpty, {\n Title,\n Description,\n});\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 {
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { Box, FlexProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { WithI18nEnhanceProps } from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport type { TIllustrationNamesWidgetEmpty } from '@semcore/illustration';\n\nexport type iconNamesWidgetEmpty = TIllustrationNamesWidgetEmpty;\n\nexport type WidgetEmptyProps = FlexProps & {\n /**\n * URL before the icon or the whole component\n */\n icon?: React.ReactNode;\n};\n\nexport type WidgetErrorProps = WidgetEmptyProps &\n WithI18nEnhanceProps & {\n /** Error description. If it is absent, use the local default one */\n description?: React.ReactNode;\n };\n\nexport type WidgetNoDataProps = WidgetEmptyProps &\n WithI18nEnhanceProps & {\n /** Error description. If it is absent, use the local default one */\n description?: React.ReactNode;\n /** Data types */\n type?: iconNamesWidgetEmpty;\n };\n\ndeclare const WidgetEmpty: Intergalactic.Component<'div', WidgetEmptyProps> & {\n Title: typeof Box;\n Description: typeof Box;\n};\n\nexport declare const NoData: Intergalactic.Component<'div', WidgetNoDataProps>;\nexport declare const Error: Intergalactic.Component<'div', WidgetErrorProps>;\nexport declare const getIconPath: (name: string) => string;\n\nexport default WidgetEmpty;\n"],"mappings":"","ignoreList":[]}
|
|
@@ -2,7 +2,6 @@ SWidgetEmpty {
|
|
|
2
2
|
flex-direction: column;
|
|
3
3
|
justify-content: center;
|
|
4
4
|
align-items: center;
|
|
5
|
-
margin-bottom: var(--intergalactic-spacing-4x, 16px);
|
|
6
5
|
}
|
|
7
6
|
|
|
8
7
|
SImage {
|
|
@@ -37,4 +36,4 @@ STitle+SDescription {
|
|
|
37
36
|
|
|
38
37
|
SDescription+SDescription {
|
|
39
38
|
margin-top: var(--intergalactic-spacing-2x, 8px);
|
|
40
|
-
}
|
|
39
|
+
}
|
package/lib/esm/Error/index.mjs
CHANGED
|
@@ -3,7 +3,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
|
3
3
|
import _callSuper from "@babel/runtime/helpers/esm/callSuper";
|
|
4
4
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
5
5
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
6
|
-
import {
|
|
6
|
+
import { assignProps, Component, createComponent } from "@semcore/core";
|
|
7
7
|
import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
|
|
8
8
|
import React from "react";
|
|
9
9
|
import WidgetEmpty, { getIconPath } from "../WidgetEmpty.mjs";
|
package/lib/esm/NoData/index.mjs
CHANGED
|
@@ -3,7 +3,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
|
3
3
|
import _callSuper from "@babel/runtime/helpers/esm/callSuper";
|
|
4
4
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
5
5
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
6
|
-
import {
|
|
6
|
+
import { assignProps, Component, createComponent } from "@semcore/core";
|
|
7
7
|
import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
|
|
8
8
|
import React from "react";
|
|
9
9
|
import WidgetEmpty, { getIconPath } from "../WidgetEmpty.mjs";
|
package/lib/esm/WidgetEmpty.mjs
CHANGED
|
@@ -4,9 +4,9 @@ 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 {
|
|
7
|
+
import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
|
|
8
|
+
import { Flex, Box } from "@semcore/base-components";
|
|
8
9
|
import isNode from "@semcore/core/lib/utils/isNode";
|
|
9
|
-
import { Flex, Box } from "@semcore/flex-box";
|
|
10
10
|
import { getIllustrationPath } from "@semcore/illustration";
|
|
11
11
|
import React from "react";
|
|
12
12
|
/*!__reshadow-styles__:"./style/widget-empty.shadow.css"*/
|
|
@@ -14,15 +14,15 @@ var style = (
|
|
|
14
14
|
/*__reshadow_css_start__*/
|
|
15
15
|
(sstyled.insert(
|
|
16
16
|
/*__inner_css_start__*/
|
|
17
|
-
".
|
|
17
|
+
".___SWidgetEmpty_yz1ej_gg_{flex-direction:column;justify-content:center;align-items:center}.___SImage_yz1ej_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___STitle_yz1ej_gg_{text-align:center;color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}@supports (color:color(display-p3 0 0 0%)){.___STitle_yz1ej_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STitle_yz1ej_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SDescription_yz1ej_gg_{text-align:center;text-wrap:balance;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));max-width:400px}@supports (color:color(display-p3 0 0 0%)){.___SDescription_yz1ej_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SDescription_yz1ej_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___STitle_yz1ej_gg_+.___SDescription_yz1ej_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_yz1ej_gg_+.___SDescription_yz1ej_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}",
|
|
18
18
|
/*__inner_css_end__*/
|
|
19
|
-
"
|
|
19
|
+
"yz1ej_gg_"
|
|
20
20
|
), /*__reshadow_css_end__*/
|
|
21
21
|
{
|
|
22
|
-
"__SWidgetEmpty": "
|
|
23
|
-
"__SImage": "
|
|
24
|
-
"__STitle": "
|
|
25
|
-
"__SDescription": "
|
|
22
|
+
"__SWidgetEmpty": "___SWidgetEmpty_yz1ej_gg_",
|
|
23
|
+
"__SImage": "___SImage_yz1ej_gg_",
|
|
24
|
+
"__STitle": "___STitle_yz1ej_gg_",
|
|
25
|
+
"__SDescription": "___SDescription_yz1ej_gg_"
|
|
26
26
|
})
|
|
27
27
|
);
|
|
28
28
|
var getIconPath = function getIconPath2(name) {
|
|
@@ -2,7 +2,6 @@ SWidgetEmpty {
|
|
|
2
2
|
flex-direction: column;
|
|
3
3
|
justify-content: center;
|
|
4
4
|
align-items: center;
|
|
5
|
-
margin-bottom: var(--intergalactic-spacing-4x, 16px);
|
|
6
5
|
}
|
|
7
6
|
|
|
8
7
|
SImage {
|
|
@@ -37,4 +36,4 @@ STitle+SDescription {
|
|
|
37
36
|
|
|
38
37
|
SDescription+SDescription {
|
|
39
38
|
margin-top: var(--intergalactic-spacing-2x, 8px);
|
|
40
|
-
}
|
|
39
|
+
}
|
package/lib/types/index.d.ts
CHANGED
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { Box, FlexProps } from '@semcore/base-components';
|
|
2
|
+
import type { Intergalactic } from '@semcore/core';
|
|
2
3
|
import type { WithI18nEnhanceProps } from '@semcore/core/lib/utils/enhances/i18nEnhance';
|
|
3
|
-
import type { Box, FlexProps } from '@semcore/flex-box';
|
|
4
4
|
import type { TIllustrationNamesWidgetEmpty } from '@semcore/illustration';
|
|
5
5
|
|
|
6
6
|
export type iconNamesWidgetEmpty = TIllustrationNamesWidgetEmpty;
|
|
7
7
|
|
|
8
|
-
/** @deprecated */
|
|
9
|
-
export interface IWidgetEmptyProps extends WidgetEmptyProps, UnknownProperties {}
|
|
10
8
|
export type WidgetEmptyProps = FlexProps & {
|
|
11
9
|
/**
|
|
12
10
|
* URL before the icon or the whole component
|
|
@@ -14,16 +12,12 @@ export type WidgetEmptyProps = FlexProps & {
|
|
|
14
12
|
icon?: React.ReactNode;
|
|
15
13
|
};
|
|
16
14
|
|
|
17
|
-
/** @deprecated */
|
|
18
|
-
export interface IWidgetErrorProps extends WidgetErrorProps, UnknownProperties {}
|
|
19
15
|
export type WidgetErrorProps = WidgetEmptyProps &
|
|
20
16
|
WithI18nEnhanceProps & {
|
|
21
17
|
/** Error description. If it is absent, use the local default one */
|
|
22
18
|
description?: React.ReactNode;
|
|
23
19
|
};
|
|
24
20
|
|
|
25
|
-
/** @deprecated */
|
|
26
|
-
export interface IWidgetNoDataProps extends WidgetNoDataProps, UnknownProperties {}
|
|
27
21
|
export type WidgetNoDataProps = WidgetEmptyProps &
|
|
28
22
|
WithI18nEnhanceProps & {
|
|
29
23
|
/** Error description. If it is absent, use the local default one */
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/widget-empty",
|
|
3
3
|
"description": "Semrush WidgetEmpty Component",
|
|
4
|
-
"version": "16.1.0
|
|
4
|
+
"version": "16.1.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,11 +14,11 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/flex-box": "16.1.0
|
|
18
|
-
"@semcore/illustration": "16.1.0
|
|
17
|
+
"@semcore/flex-box": "16.1.0",
|
|
18
|
+
"@semcore/illustration": "16.1.0"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
|
-
"@semcore/base-components": "^16.6.0
|
|
21
|
+
"@semcore/base-components": "^16.6.0"
|
|
22
22
|
},
|
|
23
23
|
"repository": {
|
|
24
24
|
"type": "git",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@semcore/testing-utils": "1.0.0",
|
|
30
|
-
"@semcore/core": "16.6.0
|
|
30
|
+
"@semcore/core": "16.6.0"
|
|
31
31
|
},
|
|
32
32
|
"scripts": {
|
|
33
33
|
"build": "pnpm semcore-builder --source=js && pnpm vite build"
|