@semcore/widget-empty 4.44.0-prerelease.0 → 4.44.0-prerelease.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 +20 -2
- package/lib/cjs/WidgetEmpty.js +8 -6
- package/lib/cjs/WidgetEmpty.js.map +1 -1
- package/lib/cjs/style/widget-empty.shadow.css +2 -2
- package/lib/es6/WidgetEmpty.js +8 -6
- package/lib/es6/WidgetEmpty.js.map +1 -1
- package/lib/es6/style/widget-empty.shadow.css +2 -2
- package/lib/esm/Error/index.mjs +32 -29
- package/lib/esm/Error/translations/__intergalactic-dynamic-locales.mjs +32 -32
- package/lib/esm/Error/translations/de.json.mjs +8 -6
- package/lib/esm/Error/translations/en.json.mjs +8 -6
- package/lib/esm/Error/translations/es.json.mjs +8 -6
- package/lib/esm/Error/translations/fr.json.mjs +8 -6
- package/lib/esm/Error/translations/it.json.mjs +8 -6
- package/lib/esm/Error/translations/ja.json.mjs +8 -6
- package/lib/esm/Error/translations/ko.json.mjs +8 -6
- package/lib/esm/Error/translations/nl.json.mjs +8 -6
- package/lib/esm/Error/translations/pl.json.mjs +8 -6
- package/lib/esm/Error/translations/pt.json.mjs +8 -6
- package/lib/esm/Error/translations/ru.json.mjs +8 -6
- package/lib/esm/Error/translations/sv.json.mjs +8 -6
- package/lib/esm/Error/translations/tr.json.mjs +8 -6
- package/lib/esm/Error/translations/vi.json.mjs +8 -6
- package/lib/esm/Error/translations/zh.json.mjs +8 -6
- package/lib/esm/NoData/index.mjs +32 -29
- package/lib/esm/NoData/translations/__intergalactic-dynamic-locales.mjs +32 -32
- package/lib/esm/NoData/translations/de.json.mjs +8 -6
- package/lib/esm/NoData/translations/en.json.mjs +8 -6
- package/lib/esm/NoData/translations/es.json.mjs +8 -6
- package/lib/esm/NoData/translations/fr.json.mjs +8 -6
- package/lib/esm/NoData/translations/it.json.mjs +8 -6
- package/lib/esm/NoData/translations/ja.json.mjs +8 -6
- package/lib/esm/NoData/translations/ko.json.mjs +8 -6
- package/lib/esm/NoData/translations/nl.json.mjs +8 -6
- package/lib/esm/NoData/translations/pl.json.mjs +8 -6
- package/lib/esm/NoData/translations/pt.json.mjs +8 -6
- package/lib/esm/NoData/translations/ru.json.mjs +8 -6
- package/lib/esm/NoData/translations/sv.json.mjs +8 -6
- package/lib/esm/NoData/translations/tr.json.mjs +8 -6
- package/lib/esm/NoData/translations/vi.json.mjs +8 -6
- package/lib/esm/NoData/translations/zh.json.mjs +8 -6
- package/lib/esm/WidgetEmpty.mjs +68 -53
- package/lib/esm/index.mjs +7 -7
- package/lib/esm/style/widget-empty.shadow.css +39 -0
- package/package.json +5 -5
package/lib/esm/NoData/index.mjs
CHANGED
|
@@ -1,37 +1,40 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import { localizedMessages
|
|
11
|
-
var
|
|
12
|
-
|
|
13
|
-
var
|
|
14
|
-
function
|
|
15
|
-
|
|
1
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
2
|
+
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
3
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
4
|
+
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
|
|
5
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
6
|
+
import createComponent, { assignProps, Component } from "@semcore/core";
|
|
7
|
+
import React from "react";
|
|
8
|
+
import WidgetEmpty, { getIconPath } from "../WidgetEmpty.mjs";
|
|
9
|
+
import i18nEnhance from "@semcore/utils/lib/enhances/i18nEnhance";
|
|
10
|
+
import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
|
|
11
|
+
var NoData = /* @__PURE__ */ function(_Component) {
|
|
12
|
+
_inherits(NoData2, _Component);
|
|
13
|
+
var _super = _createSuper(NoData2);
|
|
14
|
+
function NoData2() {
|
|
15
|
+
_classCallCheck(this, NoData2);
|
|
16
|
+
return _super.apply(this, arguments);
|
|
16
17
|
}
|
|
17
|
-
|
|
18
|
+
_createClass(NoData2, [{
|
|
18
19
|
key: "render",
|
|
19
|
-
value: function() {
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
20
|
+
value: function render() {
|
|
21
|
+
var _ref = this.asProps;
|
|
22
|
+
var _this$asProps = this.asProps, Children = _this$asProps.Children, type = _this$asProps.type, description = _this$asProps.description, getI18nText = _this$asProps.getI18nText;
|
|
23
|
+
return /* @__PURE__ */ React.createElement(WidgetEmpty, assignProps({
|
|
24
|
+
"icon": getIconPath(type)
|
|
25
|
+
}, _ref), /* @__PURE__ */ React.createElement(WidgetEmpty.Title, null, getI18nText("title")), /* @__PURE__ */ React.createElement(WidgetEmpty.Description, null, description || getI18nText("description")), /* @__PURE__ */ React.createElement(Children, null));
|
|
24
26
|
}
|
|
25
|
-
}])
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
27
|
+
}]);
|
|
28
|
+
return NoData2;
|
|
29
|
+
}(Component);
|
|
30
|
+
_defineProperty(NoData, "displayName", "WidgetNoData");
|
|
31
|
+
_defineProperty(NoData, "enhance", [i18nEnhance(localizedMessages)]);
|
|
32
|
+
_defineProperty(NoData, "defaultProps", {
|
|
33
|
+
i18n: localizedMessages,
|
|
31
34
|
locale: "en",
|
|
32
35
|
type: "other-data"
|
|
33
36
|
});
|
|
34
|
-
const
|
|
37
|
+
const index = createComponent(NoData);
|
|
35
38
|
export {
|
|
36
|
-
|
|
39
|
+
index as default
|
|
37
40
|
};
|
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
var
|
|
17
|
-
de
|
|
18
|
-
en
|
|
19
|
-
es
|
|
20
|
-
fr
|
|
21
|
-
it
|
|
22
|
-
ja
|
|
23
|
-
ko
|
|
24
|
-
nl
|
|
25
|
-
pt
|
|
26
|
-
ru
|
|
27
|
-
tr
|
|
28
|
-
vi
|
|
29
|
-
zh
|
|
30
|
-
pl
|
|
31
|
-
sv
|
|
1
|
+
import de from "./de.json.mjs";
|
|
2
|
+
import en from "./en.json.mjs";
|
|
3
|
+
import es from "./es.json.mjs";
|
|
4
|
+
import fr from "./fr.json.mjs";
|
|
5
|
+
import it from "./it.json.mjs";
|
|
6
|
+
import ja from "./ja.json.mjs";
|
|
7
|
+
import ko from "./ko.json.mjs";
|
|
8
|
+
import nl from "./nl.json.mjs";
|
|
9
|
+
import pt from "./pt.json.mjs";
|
|
10
|
+
import ru from "./ru.json.mjs";
|
|
11
|
+
import tr from "./tr.json.mjs";
|
|
12
|
+
import vi from "./vi.json.mjs";
|
|
13
|
+
import zh from "./zh.json.mjs";
|
|
14
|
+
import pl from "./pl.json.mjs";
|
|
15
|
+
import sv from "./sv.json.mjs";
|
|
16
|
+
var localizedMessages = {
|
|
17
|
+
de,
|
|
18
|
+
en,
|
|
19
|
+
es,
|
|
20
|
+
fr,
|
|
21
|
+
it,
|
|
22
|
+
ja,
|
|
23
|
+
ko,
|
|
24
|
+
nl,
|
|
25
|
+
pt,
|
|
26
|
+
ru,
|
|
27
|
+
tr,
|
|
28
|
+
vi,
|
|
29
|
+
zh,
|
|
30
|
+
pl,
|
|
31
|
+
sv
|
|
32
32
|
};
|
|
33
33
|
export {
|
|
34
|
-
|
|
34
|
+
localizedMessages
|
|
35
35
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const title = "Nichts gefunden";
|
|
2
|
+
const description = "Ändern Sie Ihre Filter.";
|
|
3
|
+
const de = {
|
|
4
|
+
title,
|
|
5
|
+
description
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
de as default,
|
|
9
|
+
description,
|
|
10
|
+
title
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const title = "Nothing found";
|
|
2
|
+
const description = "Try changing your filters.";
|
|
3
|
+
const en = {
|
|
4
|
+
title,
|
|
5
|
+
description
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
en as default,
|
|
9
|
+
description,
|
|
10
|
+
title
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const title = "Ningún resultado";
|
|
2
|
+
const description = "Prueba a cambiar los filtros.";
|
|
3
|
+
const es = {
|
|
4
|
+
title,
|
|
5
|
+
description
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
es as default,
|
|
9
|
+
description,
|
|
10
|
+
title
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const title = "Rien n’a été trouvé";
|
|
2
|
+
const description = "Essayez de changer vos filtres.";
|
|
3
|
+
const fr = {
|
|
4
|
+
title,
|
|
5
|
+
description
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
fr as default,
|
|
9
|
+
description,
|
|
10
|
+
title
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const title = "Nessun risultato trovato";
|
|
2
|
+
const description = "Prova a modificare i filtri.";
|
|
3
|
+
const it = {
|
|
4
|
+
title,
|
|
5
|
+
description
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
it as default,
|
|
9
|
+
description,
|
|
10
|
+
title
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const title = "検索結果なし";
|
|
2
|
+
const description = "フィルターを変更します。";
|
|
3
|
+
const ja = {
|
|
4
|
+
title,
|
|
5
|
+
description
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
ja as default,
|
|
9
|
+
description,
|
|
10
|
+
title
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const title = "결과가 없습니다";
|
|
2
|
+
const description = "필터를 변경해 보세요.";
|
|
3
|
+
const ko = {
|
|
4
|
+
title,
|
|
5
|
+
description
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
ko as default,
|
|
9
|
+
description,
|
|
10
|
+
title
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const title = "Niets gevonden";
|
|
2
|
+
const description = "Probeer het nog eens met andere filters.";
|
|
3
|
+
const nl = {
|
|
4
|
+
title,
|
|
5
|
+
description
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
nl as default,
|
|
9
|
+
description,
|
|
10
|
+
title
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const title = "Niczego nie znaleziono";
|
|
2
|
+
const description = "Spróbuj zmienić filtry.";
|
|
3
|
+
const pl = {
|
|
4
|
+
title,
|
|
5
|
+
description
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
pl as default,
|
|
9
|
+
description,
|
|
10
|
+
title
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const title = "Nada encontrado";
|
|
2
|
+
const description = "Tente alterar seus filtros.";
|
|
3
|
+
const pt = {
|
|
4
|
+
title,
|
|
5
|
+
description
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
pt as default,
|
|
9
|
+
description,
|
|
10
|
+
title
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const title = "Данные отсутствуют";
|
|
2
|
+
const description = "Попробуйте изменить дату или настройки фильтров.";
|
|
3
|
+
const ru = {
|
|
4
|
+
title,
|
|
5
|
+
description
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
ru as default,
|
|
9
|
+
description,
|
|
10
|
+
title
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const title = "Inget hittades";
|
|
2
|
+
const description = "Prova att ändra dina filter.";
|
|
3
|
+
const sv = {
|
|
4
|
+
title,
|
|
5
|
+
description
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
sv as default,
|
|
9
|
+
description,
|
|
10
|
+
title
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const title = "Hiçbir şey bulunamadı";
|
|
2
|
+
const description = "Filtrelerinizi değiştirmeyi deneyin.";
|
|
3
|
+
const tr = {
|
|
4
|
+
title,
|
|
5
|
+
description
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
tr as default,
|
|
9
|
+
description,
|
|
10
|
+
title
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const title = "Không tìm thấy gì";
|
|
2
|
+
const description = "Thử thay đổi bộ lọc của bạn.";
|
|
3
|
+
const vi = {
|
|
4
|
+
title,
|
|
5
|
+
description
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
vi as default,
|
|
9
|
+
description,
|
|
10
|
+
title
|
|
9
11
|
};
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
const title = "未找到任何数据";
|
|
2
|
+
const description = "尝试更改筛选器。";
|
|
3
|
+
const zh = {
|
|
4
|
+
title,
|
|
5
|
+
description
|
|
4
6
|
};
|
|
5
7
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
zh as default,
|
|
9
|
+
description,
|
|
10
|
+
title
|
|
9
11
|
};
|
package/lib/esm/WidgetEmpty.mjs
CHANGED
|
@@ -1,64 +1,79 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import { sstyled
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import { getIllustrationPath
|
|
11
|
-
import { Flex
|
|
12
|
-
import
|
|
13
|
-
|
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
|
+
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
5
|
+
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
|
|
6
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
|
+
import { sstyled } from "@semcore/utils/lib/core/index";
|
|
8
|
+
import createComponent, { sstyled as sstyled$1, assignProps, Component } from "@semcore/core";
|
|
9
|
+
import React from "react";
|
|
10
|
+
import { getIllustrationPath } from "@semcore/illustration";
|
|
11
|
+
import { Flex, Box } from "@semcore/flex-box";
|
|
12
|
+
import isNode from "@semcore/utils/lib/isNode";
|
|
13
|
+
/*!__reshadow-styles__:"./style/widget-empty.shadow.css"*/
|
|
14
|
+
var style = (
|
|
14
15
|
/*__reshadow_css_start__*/
|
|
15
|
-
(
|
|
16
|
+
(sstyled.insert(
|
|
16
17
|
/*__inner_css_start__*/
|
|
17
|
-
".
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
18
|
+
".___SWidgetEmpty_v8it2_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_v8it2_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___STitle_v8it2_gg_{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_v8it2_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STitle_v8it2_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SDescription_v8it2_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_v8it2_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SDescription_v8it2_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___STitle_v8it2_gg_+.___SDescription_v8it2_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_v8it2_gg_+.___SDescription_v8it2_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}",
|
|
19
|
+
/*__inner_css_end__*/
|
|
20
|
+
"v8it2_gg_"
|
|
21
|
+
), /*__reshadow_css_end__*/
|
|
22
|
+
{
|
|
23
|
+
"__SWidgetEmpty": "___SWidgetEmpty_v8it2_gg_",
|
|
24
|
+
"__SImage": "___SImage_v8it2_gg_",
|
|
25
|
+
"__STitle": "___STitle_v8it2_gg_",
|
|
26
|
+
"__SDescription": "___SDescription_v8it2_gg_"
|
|
24
27
|
})
|
|
25
|
-
)
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
28
|
+
);
|
|
29
|
+
var getIconPath = function getIconPath2(name) {
|
|
30
|
+
return getIllustrationPath(name);
|
|
31
|
+
};
|
|
32
|
+
var WidgetEmpty = /* @__PURE__ */ function(_Component) {
|
|
33
|
+
_inherits(WidgetEmpty2, _Component);
|
|
34
|
+
var _super = _createSuper(WidgetEmpty2);
|
|
35
|
+
function WidgetEmpty2() {
|
|
36
|
+
_classCallCheck(this, WidgetEmpty2);
|
|
37
|
+
return _super.apply(this, arguments);
|
|
32
38
|
}
|
|
33
|
-
|
|
39
|
+
_createClass(WidgetEmpty2, [{
|
|
34
40
|
key: "render",
|
|
35
|
-
value: function() {
|
|
36
|
-
var
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
41
|
+
value: function render() {
|
|
42
|
+
var _ref = this.asProps, _ref4;
|
|
43
|
+
var SWidgetEmpty = Flex;
|
|
44
|
+
var _this$asProps = this.asProps, Children = _this$asProps.Children, icon = _this$asProps.icon, styles = _this$asProps.styles;
|
|
45
|
+
var SImage = "div";
|
|
46
|
+
return _ref4 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SWidgetEmpty, _ref4.cn("SWidgetEmpty", _objectSpread({}, assignProps({
|
|
47
|
+
"role": "status"
|
|
48
|
+
}, _ref))), isNode(icon) && /* @__PURE__ */ React.createElement(SImage, _ref4.cn("SImage", {
|
|
40
49
|
"aria-hidden": "true"
|
|
41
|
-
}), typeof
|
|
42
|
-
src:
|
|
43
|
-
alt: ""
|
|
44
|
-
})) :
|
|
50
|
+
}), typeof icon === "string" ? /* @__PURE__ */ React.createElement("img", _ref4.cn("img", {
|
|
51
|
+
"src": icon,
|
|
52
|
+
"alt": ""
|
|
53
|
+
})) : icon), /* @__PURE__ */ React.createElement(Children, _ref4.cn("Children", {})));
|
|
45
54
|
}
|
|
46
|
-
}])
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
var
|
|
55
|
-
return
|
|
55
|
+
}]);
|
|
56
|
+
return WidgetEmpty2;
|
|
57
|
+
}(Component);
|
|
58
|
+
_defineProperty(WidgetEmpty, "displayName", "WidgetEmpty");
|
|
59
|
+
_defineProperty(WidgetEmpty, "style", style);
|
|
60
|
+
var Title = function Title2(props) {
|
|
61
|
+
var _ref2 = arguments[0], _ref5;
|
|
62
|
+
var STitle = Box;
|
|
63
|
+
var styles = props.styles;
|
|
64
|
+
return _ref5 = sstyled$1(styles), /* @__PURE__ */ React.createElement(STitle, _ref5.cn("STitle", _objectSpread({}, assignProps({}, _ref2))));
|
|
65
|
+
};
|
|
66
|
+
var Description = function Description2(props) {
|
|
67
|
+
var _ref3 = arguments[0], _ref6;
|
|
68
|
+
var SDescription = Box;
|
|
69
|
+
var styles = props.styles;
|
|
70
|
+
return _ref6 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SDescription, _ref6.cn("SDescription", _objectSpread({}, assignProps({}, _ref3))));
|
|
56
71
|
};
|
|
57
|
-
const
|
|
58
|
-
Title
|
|
59
|
-
Description
|
|
72
|
+
const WidgetEmpty$1 = createComponent(WidgetEmpty, {
|
|
73
|
+
Title,
|
|
74
|
+
Description
|
|
60
75
|
});
|
|
61
76
|
export {
|
|
62
|
-
|
|
63
|
-
|
|
77
|
+
WidgetEmpty$1 as default,
|
|
78
|
+
getIconPath
|
|
64
79
|
};
|
package/lib/esm/index.mjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { default as
|
|
2
|
-
import { default as
|
|
3
|
-
import { default as
|
|
1
|
+
import { default as default2, getIconPath } from "./WidgetEmpty.mjs";
|
|
2
|
+
import { default as default3 } from "./NoData/index.mjs";
|
|
3
|
+
import { default as default4 } from "./Error/index.mjs";
|
|
4
4
|
export {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
default4 as Error,
|
|
6
|
+
default3 as NoData,
|
|
7
|
+
default2 as default,
|
|
8
|
+
getIconPath
|
|
9
9
|
};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
SWidgetEmpty {
|
|
2
|
+
flex-direction: column;
|
|
3
|
+
justify-content: center;
|
|
4
|
+
align-items: center;
|
|
5
|
+
margin-bottom: var(--intergalactic-spacing-4x, 16px);
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
SImage {
|
|
9
|
+
display: flex;
|
|
10
|
+
align-items: flex-end;
|
|
11
|
+
justify-content: center;
|
|
12
|
+
margin-bottom: var(--intergalactic-spacing-3x, 12px);
|
|
13
|
+
width: 80px;
|
|
14
|
+
height: 80px;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
STitle {
|
|
18
|
+
color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
|
|
19
|
+
font-size: var(--intergalactic-fs-300, 16px);
|
|
20
|
+
line-height: var(--intergalactic-lh-300, 150%);
|
|
21
|
+
font-weight: var(--intergalactic-bold, 700);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
SDescription {
|
|
25
|
+
text-align: center;
|
|
26
|
+
text-wrap: balance;
|
|
27
|
+
font-size: var(--intergalactic-fs-200, 14px);
|
|
28
|
+
line-height: var(--intergalactic-lh-200, 142%);
|
|
29
|
+
color: var(--intergalactic-text-secondary, oklch(0.088 0.026 147.7 / 0.583));
|
|
30
|
+
max-width: 400px;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
STitle+SDescription {
|
|
34
|
+
margin-top: var(--intergalactic-spacing-1x, 4px);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
SDescription+SDescription {
|
|
38
|
+
margin-top: var(--intergalactic-spacing-2x, 8px);
|
|
39
|
+
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/widget-empty",
|
|
3
3
|
"description": "Semrush WidgetEmpty Component",
|
|
4
|
-
"version": "4.44.0-prerelease.
|
|
4
|
+
"version": "4.44.0-prerelease.1",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,12 +14,12 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/flex-box": "5.
|
|
18
|
-
"@semcore/illustration": "2.
|
|
19
|
-
"@semcore/utils": "4.
|
|
17
|
+
"@semcore/flex-box": "5.42.0-prerelease.1",
|
|
18
|
+
"@semcore/illustration": "2.45.0-prerelease.1",
|
|
19
|
+
"@semcore/utils": "4.49.0-prerelease.1"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
22
|
-
"@semcore/core": "^2.
|
|
22
|
+
"@semcore/core": "^2.40.0-prerelease.1",
|
|
23
23
|
"react": "16.8 - 18",
|
|
24
24
|
"react-dom": "16.8 - 18"
|
|
25
25
|
},
|