@semcore/widget-empty 2.6.5 → 3.0.0

package/CHANGELOG.md

@@ -2,6 +2,28 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [3.0.0] - 2022-05-17
+
+### BREAK
+
+- Updated styles according to the library redesign policy.
+
+### Added
+
+- Added `coffee`/`heat-map-chart`/`kagi-chart`/`radial-tree-chart`/`suggestion`/`under-construction` illustrations.
+
+## [2.7.0] - 2022-04-14
+
+### Added
+
+- Added `radial-tree-chart` illustration.
+
+## [2.6.6] - 2022-03-14
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/utils` [3.31.2 ~> 3.31.2], `@semcore/flex-box` [4.5.0 ~> 4.5.1]).
+
 ## [2.6.5] - 2022-02-24
 
 ### Added
@@ -12,13 +34,13 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 ### Changed
 
-- Remove don't use dependency `@semcore/link`, `@semcore/button`.
+- Removed unused dependencies `@semcore/link`, `@semcore/button`.
 
 ## [2.6.3] - 2022-01-18
 
 ### Changed
 
-- Remove don't use dependency `@semcore/icon`.
+- Removed unused dependencies `@semcore/icon`.
 
 ## [2.6.2] - 2021-8-26
 

package/lib/cjs/Error/index.js

@@ -86,8 +86,7 @@ var Error = /*#__PURE__*/function (_Component) {
   (0, _createClass2["default"])(Error, [{
     key: "render",
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0];
-
+      var _ref = this.asProps;
       var _this$asProps = this.asProps,
           Children = _this$asProps.Children,
           description = _this$asProps.description,

package/lib/cjs/Error/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Error/index.js"],"names":["i18n","de","en","es","fr","it","ja","ru","zh","pt","ko","vi","Error","asProps","Children","description","getI18nText","title","descriptionText","WidgetEmpty","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA;;AAFA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,IAAI,GAAG;AAAEC,EAAAA,EAAE,EAAFA,cAAF;AAAMC,EAAAA,EAAE,EAAFA,cAAN;AAAUC,EAAAA,EAAE,EAAFA,cAAV;AAAcC,EAAAA,EAAE,EAAFA,cAAd;AAAkBC,EAAAA,EAAE,EAAFA,cAAlB;AAAsBC,EAAAA,EAAE,EAAFA,cAAtB;AAA0BC,EAAAA,EAAE,EAAFA,cAA1B;AAA8BC,EAAAA,EAAE,EAAFA,cAA9B;AAAkCC,EAAAA,EAAE,EAAFA,cAAlC;AAAsCC,EAAAA,EAAE,EAAFA,cAAtC;AAA0CC,EAAAA,EAAE,EAAFA;AAA1C,CAAb;;IAEMC,K;;;;;;;;;;;;WAOJ,kBAAS;AAAA;;AACP,0BAA+C,KAAKC,OAApD;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,WAAlB,iBAAkBA,WAAlB;AAAA,UAA+BC,WAA/B,iBAA+BA,WAA/B;;AACA,yBAAgDA,WAAW,EAA3D;AAAA,UAAQC,KAAR,gBAAQA,KAAR;AAAA,UAA4BC,eAA5B,gBAAeH,WAAf;;AAEA,0BACE,gCAAcI,uBAAd;AAAA,gBAAiC,8BAAY,SAAZ;AAAjC,6BACE,gCAAC,uBAAD,CAAa,KAAb,QAAoBF,KAApB,CADF,eAEE,gCAAC,uBAAD,CAAa,WAAb,QAA0BF,WAAW,IAAIG,eAAzC,CAFF,eAGE,gCAAC,QAAD,OAHF,CADF;AAOD;;;EAlBiBE,e;;iCAAdR,K,iBACiB,a;iCADjBA,K,kBAEkB;AACpBZ,EAAAA,IAAI,EAAJA;AADoB,C;iCAFlBY,K,aAKa,CAAC,8BAAD,C;;eAgBJ,sBAAgBA,KAAhB,C","sourcesContent":["import React from 'react';\nimport WidgetEmpty, { getIconPath } from '../WidgetEmpty';\nimport createComponent, { Component, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport de from './translations/de.json';\nimport en from './translations/en.json';\nimport es from './translations/es.json';\nimport fr from './translations/fr.json';\nimport it from './translations/it.json';\nimport ja from './translations/ja.json';\nimport pt from './translations/pt.json';\nimport ru from './translations/ru.json';\nimport zh from './translations/zh.json';\nimport ko from './translations/ko.json';\nimport vi from './translations/vi.json';\n\nconst i18n = { de, en, es, fr, it, ja, ru, zh, pt, ko, vi };\n\nclass Error extends Component {\n  static displayName = 'WidgetError';\n  static defaultProps = {\n    i18n,\n  };\n  static enhance = [i18nEnhance()];\n\n  render() {\n    const { Children, description, getI18nText } = this.asProps;\n    const { title, description: descriptionText } = getI18nText();\n\n    return (\n      <Root render={WidgetEmpty} icon={getIconPath('warning')}>\n        <WidgetEmpty.Title>{title}</WidgetEmpty.Title>\n        <WidgetEmpty.Description>{description || descriptionText}</WidgetEmpty.Description>\n        <Children />\n      </Root>\n    );\n  }\n}\n\nexport default createComponent(Error);\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/Error/index.jsx"],"names":["i18n","de","en","es","fr","it","ja","ru","zh","pt","ko","vi","Error","asProps","Children","description","getI18nText","title","descriptionText","WidgetEmpty","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA;;AAFA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,IAAI,GAAG;AAAEC,EAAAA,EAAE,EAAFA,cAAF;AAAMC,EAAAA,EAAE,EAAFA,cAAN;AAAUC,EAAAA,EAAE,EAAFA,cAAV;AAAcC,EAAAA,EAAE,EAAFA,cAAd;AAAkBC,EAAAA,EAAE,EAAFA,cAAlB;AAAsBC,EAAAA,EAAE,EAAFA,cAAtB;AAA0BC,EAAAA,EAAE,EAAFA,cAA1B;AAA8BC,EAAAA,EAAE,EAAFA,cAA9B;AAAkCC,EAAAA,EAAE,EAAFA,cAAlC;AAAsCC,EAAAA,EAAE,EAAFA,cAAtC;AAA0CC,EAAAA,EAAE,EAAFA;AAA1C,CAAb;;IAEMC,K;;;;;;;;;;;;WAOJ,kBAAS;AAAA;AACP,0BAA+C,KAAKC,OAApD;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,WAAlB,iBAAkBA,WAAlB;AAAA,UAA+BC,WAA/B,iBAA+BA,WAA/B;;AACA,yBAAgDA,WAAW,EAA3D;AAAA,UAAQC,KAAR,gBAAQA,KAAR;AAAA,UAA4BC,eAA5B,gBAAeH,WAAf;;AAEA,0BACE,gCAAcI,uBAAd;AAAA,gBAAiC,8BAAY,SAAZ;AAAjC,6BACE,gCAAC,uBAAD,CAAa,KAAb,QAAoBF,KAApB,CADF,eAEE,gCAAC,uBAAD,CAAa,WAAb,QAA0BF,WAAW,IAAIG,eAAzC,CAFF,eAGE,gCAAC,QAAD,OAHF,CADF;AAOD;;;EAlBiBE,e;;iCAAdR,K,iBACiB,a;iCADjBA,K,kBAEkB;AACpBZ,EAAAA,IAAI,EAAJA;AADoB,C;iCAFlBY,K,aAKa,CAAC,8BAAD,C;;eAgBJ,sBAAgBA,KAAhB,C","sourcesContent":["import React from 'react';\nimport WidgetEmpty, { getIconPath } from '../WidgetEmpty';\nimport createComponent, { Component, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport de from './translations/de.json';\nimport en from './translations/en.json';\nimport es from './translations/es.json';\nimport fr from './translations/fr.json';\nimport it from './translations/it.json';\nimport ja from './translations/ja.json';\nimport pt from './translations/pt.json';\nimport ru from './translations/ru.json';\nimport zh from './translations/zh.json';\nimport ko from './translations/ko.json';\nimport vi from './translations/vi.json';\n\nconst i18n = { de, en, es, fr, it, ja, ru, zh, pt, ko, vi };\n\nclass Error extends Component {\n  static displayName = 'WidgetError';\n  static defaultProps = {\n    i18n,\n  };\n  static enhance = [i18nEnhance()];\n\n  render() {\n    const { Children, description, getI18nText } = this.asProps;\n    const { title, description: descriptionText } = getI18nText();\n\n    return (\n      <Root render={WidgetEmpty} icon={getIconPath('warning')}>\n        <WidgetEmpty.Title>{title}</WidgetEmpty.Title>\n        <WidgetEmpty.Description>{description || descriptionText}</WidgetEmpty.Description>\n        <Children />\n      </Root>\n    );\n  }\n}\n\nexport default createComponent(Error);\n"],"file":"index.js"}

package/lib/cjs/NoData/index.js

@@ -86,8 +86,7 @@ var NoData = /*#__PURE__*/function (_Component) {
   (0, _createClass2["default"])(NoData, [{
     key: "render",
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0];
-
+      var _ref = this.asProps;
       var _this$asProps = this.asProps,
           Children = _this$asProps.Children,
           type = _this$asProps.type,

package/lib/cjs/NoData/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/NoData/index.js"],"names":["i18n","de","en","es","fr","it","ja","ru","zh","pt","ko","vi","NoData","asProps","Children","type","description","getI18nText","title","descriptionText","WidgetEmpty","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA;;AAFA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,IAAI,GAAG;AAAEC,EAAAA,EAAE,EAAFA,cAAF;AAAMC,EAAAA,EAAE,EAAFA,cAAN;AAAUC,EAAAA,EAAE,EAAFA,cAAV;AAAcC,EAAAA,EAAE,EAAFA,cAAd;AAAkBC,EAAAA,EAAE,EAAFA,cAAlB;AAAsBC,EAAAA,EAAE,EAAFA,cAAtB;AAA0BC,EAAAA,EAAE,EAAFA,cAA1B;AAA8BC,EAAAA,EAAE,EAAFA,cAA9B;AAAkCC,EAAAA,EAAE,EAAFA,cAAlC;AAAsCC,EAAAA,EAAE,EAAFA,cAAtC;AAA0CC,EAAAA,EAAE,EAAFA;AAA1C,CAAb;;IAEMC,M;;;;;;;;;;;;WAQJ,kBAAS;AAAA;;AACP,0BAAqD,KAAKC,OAA1D;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,IAAlB,iBAAkBA,IAAlB;AAAA,UAAwBC,WAAxB,iBAAwBA,WAAxB;AAAA,UAAqCC,WAArC,iBAAqCA,WAArC;;AACA,yBAAgDA,WAAW,EAA3D;AAAA,UAAQC,KAAR,gBAAQA,KAAR;AAAA,UAA4BC,eAA5B,gBAAeH,WAAf;;AACA,0BACE,gCAAcI,uBAAd;AAAA,gBAAiC,8BAAYL,IAAZ;AAAjC,6BACE,gCAAC,uBAAD,CAAa,KAAb,QAAoBG,KAApB,CADF,eAEE,gCAAC,uBAAD,CAAa,WAAb,QAA0BF,WAAW,IAAIG,eAAzC,CAFF,eAGE,gCAAC,QAAD,OAHF,CADF;AAOD;;;EAlBkBE,e;;iCAAfT,M,iBACiB,c;iCADjBA,M,aAEa,CAAC,8BAAD,C;iCAFbA,M,kBAGkB;AACpBZ,EAAAA,IAAI,EAAJA,IADoB;AAEpBe,EAAAA,IAAI,EAAE;AAFc,C;;eAkBT,sBAAgBH,MAAhB,C","sourcesContent":["import React from 'react';\nimport WidgetEmpty, { getIconPath } from '../WidgetEmpty';\nimport createComponent, { Component, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport de from './translations/de.json';\nimport en from './translations/en.json';\nimport es from './translations/es.json';\nimport fr from './translations/fr.json';\nimport it from './translations/it.json';\nimport ja from './translations/ja.json';\nimport pt from './translations/pt.json';\nimport ru from './translations/ru.json';\nimport zh from './translations/zh.json';\nimport ko from './translations/ko.json';\nimport vi from './translations/vi.json';\n\nconst i18n = { de, en, es, fr, it, ja, ru, zh, pt, ko, vi };\n\nclass NoData extends Component {\n  static displayName = 'WidgetNoData';\n  static enhance = [i18nEnhance()];\n  static defaultProps = {\n    i18n,\n    type: 'other-data',\n  };\n\n  render() {\n    const { Children, type, description, getI18nText } = this.asProps;\n    const { title, description: descriptionText } = getI18nText();\n    return (\n      <Root render={WidgetEmpty} icon={getIconPath(type)}>\n        <WidgetEmpty.Title>{title}</WidgetEmpty.Title>\n        <WidgetEmpty.Description>{description || descriptionText}</WidgetEmpty.Description>\n        <Children />\n      </Root>\n    );\n  }\n}\n\nexport default createComponent(NoData);\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/NoData/index.jsx"],"names":["i18n","de","en","es","fr","it","ja","ru","zh","pt","ko","vi","NoData","asProps","Children","type","description","getI18nText","title","descriptionText","WidgetEmpty","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA;;AAFA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,IAAI,GAAG;AAAEC,EAAAA,EAAE,EAAFA,cAAF;AAAMC,EAAAA,EAAE,EAAFA,cAAN;AAAUC,EAAAA,EAAE,EAAFA,cAAV;AAAcC,EAAAA,EAAE,EAAFA,cAAd;AAAkBC,EAAAA,EAAE,EAAFA,cAAlB;AAAsBC,EAAAA,EAAE,EAAFA,cAAtB;AAA0BC,EAAAA,EAAE,EAAFA,cAA1B;AAA8BC,EAAAA,EAAE,EAAFA,cAA9B;AAAkCC,EAAAA,EAAE,EAAFA,cAAlC;AAAsCC,EAAAA,EAAE,EAAFA,cAAtC;AAA0CC,EAAAA,EAAE,EAAFA;AAA1C,CAAb;;IAEMC,M;;;;;;;;;;;;WAQJ,kBAAS;AAAA;AACP,0BAAqD,KAAKC,OAA1D;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,IAAlB,iBAAkBA,IAAlB;AAAA,UAAwBC,WAAxB,iBAAwBA,WAAxB;AAAA,UAAqCC,WAArC,iBAAqCA,WAArC;;AACA,yBAAgDA,WAAW,EAA3D;AAAA,UAAQC,KAAR,gBAAQA,KAAR;AAAA,UAA4BC,eAA5B,gBAAeH,WAAf;;AACA,0BACE,gCAAcI,uBAAd;AAAA,gBAAiC,8BAAYL,IAAZ;AAAjC,6BACE,gCAAC,uBAAD,CAAa,KAAb,QAAoBG,KAApB,CADF,eAEE,gCAAC,uBAAD,CAAa,WAAb,QAA0BF,WAAW,IAAIG,eAAzC,CAFF,eAGE,gCAAC,QAAD,OAHF,CADF;AAOD;;;EAlBkBE,e;;iCAAfT,M,iBACiB,c;iCADjBA,M,aAEa,CAAC,8BAAD,C;iCAFbA,M,kBAGkB;AACpBZ,EAAAA,IAAI,EAAJA,IADoB;AAEpBe,EAAAA,IAAI,EAAE;AAFc,C;;eAkBT,sBAAgBH,MAAhB,C","sourcesContent":["import React from 'react';\nimport WidgetEmpty, { getIconPath } from '../WidgetEmpty';\nimport createComponent, { Component, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport de from './translations/de.json';\nimport en from './translations/en.json';\nimport es from './translations/es.json';\nimport fr from './translations/fr.json';\nimport it from './translations/it.json';\nimport ja from './translations/ja.json';\nimport pt from './translations/pt.json';\nimport ru from './translations/ru.json';\nimport zh from './translations/zh.json';\nimport ko from './translations/ko.json';\nimport vi from './translations/vi.json';\n\nconst i18n = { de, en, es, fr, it, ja, ru, zh, pt, ko, vi };\n\nclass NoData extends Component {\n  static displayName = 'WidgetNoData';\n  static enhance = [i18nEnhance()];\n  static defaultProps = {\n    i18n,\n    type: 'other-data',\n  };\n\n  render() {\n    const { Children, type, description, getI18nText } = this.asProps;\n    const { title, description: descriptionText } = getI18nText();\n    return (\n      <Root render={WidgetEmpty} icon={getIconPath(type)}>\n        <WidgetEmpty.Title>{title}</WidgetEmpty.Title>\n        <WidgetEmpty.Description>{description || descriptionText}</WidgetEmpty.Description>\n        <Children />\n      </Root>\n    );\n  }\n}\n\nexport default createComponent(NoData);\n"],"file":"index.js"}

package/lib/cjs/WidgetEmpty.js

@@ -29,8 +29,6 @@ var _flexBox = require("@semcore/flex-box");
 
 var _isNode = _interopRequireDefault(require("@semcore/utils/lib/isNode"));
 
-var _this = void 0;
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -48,17 +46,17 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SWidgetEmpty_1ui0d_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:16px}.___SImage_1ui0d_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:12px}.___STitle_1ui0d_gg_{color:#757575}.___STitle_1ui0d_gg_{font-size:16px;line-height:1.5;font-weight:700}.___SDescription_1ui0d_gg_{text-align:center;font-size:14px;line-height:1.42;color:#757575;max-width:400px}.___STitle_1ui0d_gg_+.___SDescription_1ui0d_gg_{margin-top:4px}.___SDescription_1ui0d_gg_+.___SDescription_1ui0d_gg_{margin-top:8px}"
+".___SWidgetEmpty_lxb2f_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:16px}.___SImage_lxb2f_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:12px}.___STitle_lxb2f_gg_{color:#6c6e79}.___STitle_lxb2f_gg_{font-size:16px;line-height:1.5;font-weight:700}.___SDescription_lxb2f_gg_{text-align:center;font-size:14px;line-height:1.42;color:#6c6e79;max-width:400px}.___STitle_lxb2f_gg_+.___SDescription_lxb2f_gg_{margin-top:4px}.___SDescription_lxb2f_gg_+.___SDescription_lxb2f_gg_{margin-top:8px}"
 /*__inner_css_end__*/
-, "1ncdu8o_gg_")
+, "p56ifs_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SWidgetEmpty": "___SWidgetEmpty_1ui0d_gg_",
-  "__SImage": "___SImage_1ui0d_gg_",
-  "__STitle": "___STitle_1ui0d_gg_",
-  "__SDescription": "___SDescription_1ui0d_gg_"
+  "__SWidgetEmpty": "___SWidgetEmpty_lxb2f_gg_",
+  "__SImage": "___SImage_lxb2f_gg_",
+  "__STitle": "___STitle_lxb2f_gg_",
+  "__SDescription": "___SDescription_lxb2f_gg_"
 });
-var version = "2.6.5";
+var version = "3.0.0";
 
 var getIconPath = function getIconPath(name) {
   return "https://static.semrush.com/ui-kit/widget-empty/".concat(version, "/").concat(name, ".svg");
@@ -79,7 +77,7 @@ var WidgetEmpty = /*#__PURE__*/function (_Component) {
   (0, _createClass2["default"])(WidgetEmpty, [{
     key: "render",
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0],
+      var _ref = this.asProps,
           _ref4;
 
       var SWidgetEmpty = _flexBox.Flex;
@@ -103,7 +101,7 @@ var WidgetEmpty = /*#__PURE__*/function (_Component) {
 (0, _defineProperty2["default"])(WidgetEmpty, "style", style);
 
 var Title = function Title(props) {
-  var _ref2 = _this ? _this.asProps : arguments[0],
+  var _ref2 = arguments[0],
       _ref5;
 
   var STitle = _flexBox.Box;
@@ -112,7 +110,7 @@ var Title = function Title(props) {
 };
 
 var Description = function Description(props) {
-  var _ref3 = _this ? _this.asProps : arguments[0],
+  var _ref3 = arguments[0],
       _ref6;
 
   var SDescription = _flexBox.Box;

package/lib/cjs/WidgetEmpty.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/WidgetEmpty.js"],"names":["version","getIconPath","name","WidgetEmpty","SWidgetEmpty","Flex","asProps","Children","icon","styles","SImage","Component","style","Title","props","STitle","Box","Description","SDescription"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,OAAO,UAAb;;AAIO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,IAAD,EAAU;AACnC,kEAAyDF,OAAzD,cAAoEE,IAApE;AACD,CAFM;;;;IAIDC,W;;;;;;;;;;;;WAIJ,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAKMC,aALxB;AACA,0BAAmC,KAAKC,OAAxC;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,IAAlB,iBAAkBA,IAAlB;AAAA,UAAwBC,MAAxB,iBAAwBA,MAAxB;AACA,UAAMC,MAAM,GAAG,KAAf;AAEA,qBAAO,mBAAQD,MAAR,CAAP,eACE,gCAAC,YAAD,iFACG,wBAAOD,IAAP,kBACC,gCAAC,MAAD,0BACG,OAAOA,IAAP,KAAgB,QAAhB,gBACC;AAAA,eAAUA,IAAV;AAAA,eAAoB,mBAApB;AAAA,iBAA+C,GAA/C;AAAA,kBAA4D;AAA5D,SADD,GAGCA,IAJJ,CAFJ,eAUE,gCAAC,QAAD,2BAVF,CADF;AAcD;;;EAvBuBG,e;;iCAApBR,W,iBACiB,a;iCADjBA,W,WAEWS,K;;AAwBjB,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD,EAAW;AAAA;AAAA;;AACvB,MAAMC,MAAM,GAE2BC,YAFvC;AACA,MAAQP,MAAR,GAAmBK,KAAnB,CAAQL,MAAR;AACA,iBAAO,mBAAQA,MAAR,CAAP,eAAuB,gCAAC,MAAD,2EAAvB;AACD,CAJD;;AAMA,IAAMQ,WAAW,GAAG,SAAdA,WAAc,CAACH,KAAD,EAAW;AAAA;AAAA;;AAC7B,MAAMI,YAAY,GAE2BF,YAF7C;AACA,MAAQP,MAAR,GAAmBK,KAAnB,CAAQL,MAAR;AACA,iBAAO,mBAAQA,MAAR,CAAP,eAAuB,gCAAC,YAAD,iFAAvB;AACD,CAJD;;eAMe,sBAAgBN,WAAhB,EAA6B;AAC1CU,EAAAA,KAAK,EAALA,KAD0C;AAE1CI,EAAAA,WAAW,EAAXA;AAF0C,CAA7B,C","sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex } from '@semcore/flex-box';\nimport isNode from '@semcore/utils/lib/isNode';\n\nimport style from './style/widget-empty.shadow.css';\n\nconst version = preval`\n  module.exports = require('../package.json').version\n`;\n\nexport const getIconPath = (name) => {\n  return `https://static.semrush.com/ui-kit/widget-empty/${version}/${name}.svg`;\n};\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}>\n        {isNode(icon) && (\n          <SImage>\n            {typeof icon === 'string' ? (\n              <img src={icon} alt=\"widget empty icon\" width={100} height={72} />\n            ) : (\n              icon\n            )}\n          </SImage>\n        )}\n        <Children />\n      </SWidgetEmpty>,\n    );\n  }\n}\n\nconst Title = (props) => {\n  const STitle = Root;\n  const { styles } = props;\n  return sstyled(styles)(<STitle render={Box} />);\n};\n\nconst 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"],"file":"WidgetEmpty.js"}
+{"version":3,"sources":["../../src/WidgetEmpty.jsx"],"names":["version","getIconPath","name","WidgetEmpty","SWidgetEmpty","Flex","asProps","Children","icon","styles","SImage","Component","style","Title","props","STitle","Box","Description","SDescription"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,OAAO,UAAb;;AAIO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,IAAD,EAAU;AACnC,kEAAyDF,OAAzD,cAAoEE,IAApE;AACD,CAFM;;;;IAIDC,W;;;;;;;;;;;;WAIJ,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAKMC,aALxB;AACA,0BAAmC,KAAKC,OAAxC;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,IAAlB,iBAAkBA,IAAlB;AAAA,UAAwBC,MAAxB,iBAAwBA,MAAxB;AACA,UAAMC,MAAM,GAAG,KAAf;AAEA,qBAAO,mBAAQD,MAAR,CAAP,eACE,gCAAC,YAAD,iFACG,wBAAOD,IAAP,kBACC,gCAAC,MAAD,0BACG,OAAOA,IAAP,KAAgB,QAAhB,gBACC;AAAA,eAAUA,IAAV;AAAA,eAAoB,mBAApB;AAAA,iBAA+C,GAA/C;AAAA,kBAA4D;AAA5D,SADD,GAGCA,IAJJ,CAFJ,eAUE,gCAAC,QAAD,2BAVF,CADF;AAcD;;;EAvBuBG,e;;iCAApBR,W,iBACiB,a;iCADjBA,W,WAEWS,K;;AAwBjB,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD,EAAW;AAAA;AAAA;;AACvB,MAAMC,MAAM,GAE2BC,YAFvC;AACA,MAAQP,MAAR,GAAmBK,KAAnB,CAAQL,MAAR;AACA,iBAAO,mBAAQA,MAAR,CAAP,eAAuB,gCAAC,MAAD,2EAAvB;AACD,CAJD;;AAMA,IAAMQ,WAAW,GAAG,SAAdA,WAAc,CAACH,KAAD,EAAW;AAAA;AAAA;;AAC7B,MAAMI,YAAY,GAE2BF,YAF7C;AACA,MAAQP,MAAR,GAAmBK,KAAnB,CAAQL,MAAR;AACA,iBAAO,mBAAQA,MAAR,CAAP,eAAuB,gCAAC,YAAD,iFAAvB;AACD,CAJD;;eAMe,sBAAgBN,WAAhB,EAA6B;AAC1CU,EAAAA,KAAK,EAALA,KAD0C;AAE1CI,EAAAA,WAAW,EAAXA;AAF0C,CAA7B,C","sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex } from '@semcore/flex-box';\nimport isNode from '@semcore/utils/lib/isNode';\n\nimport style from './style/widget-empty.shadow.css';\n\nconst version = preval`\n  module.exports = require('../package.json').version\n`;\n\nexport const getIconPath = (name) => {\n  return `https://static.semrush.com/ui-kit/widget-empty/${version}/${name}.svg`;\n};\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}>\n        {isNode(icon) && (\n          <SImage>\n            {typeof icon === 'string' ? (\n              <img src={icon} alt=\"widget empty icon\" width={100} height={72} />\n            ) : (\n              icon\n            )}\n          </SImage>\n        )}\n        <Children />\n      </SWidgetEmpty>,\n    );\n  }\n}\n\nconst Title = (props) => {\n  const STitle = Root;\n  const { styles } = props;\n  return sstyled(styles)(<STitle render={Box} />);\n};\n\nconst 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"],"file":"WidgetEmpty.js"}

package/lib/cjs/index.d.ts

@@ -0,0 +1,71 @@
+import { ComponentProps } from 'react';
+import { CProps, ReturnEl } from '@semcore/core';
+import { Box, IFlexProps } from '@semcore/flex-box';
+import { IWithI18nEnhanceProps } from '@semcore/utils/lib/enhances/i18nEnhance';
+
+export type iconNames =
+  | 'area-chart'
+  | 'choropleth-map-chart'
+  | 'coffee'
+  | 'combined-chart'
+  | 'congrats'
+  | 'deleted-page'
+  | 'donut-chart'
+  | 'duplicates'
+  | 'funnel-chart'
+  | 'good'
+  | 'heat-map-chart'
+  | 'horizontal-bar-chart'
+  | 'kagi-chart'
+  | 'line-chart'
+  | 'lollipop-chart'
+  | 'nexttime'
+  | 'nothing-found'
+  | 'other-data'
+  | 'pie-chart'
+  | 'processing'
+  | 'radar-chart'
+  | 'radial-tree-chart'
+  | 'sankey-chart'
+  | 'scatter-plot-chart'
+  | 'stacked-area-chart'
+  | 'suggestion'
+  | 'suggestions'
+  | 'table'
+  | 'tag-cloud'
+  | 'text-links-etc'
+  | 'under-construction'
+  | 'venn-chart'
+  | 'vertical-bar-chart'
+  | 'warning';
+
+export interface IWidgetEmptyProps extends IFlexProps {
+  /**
+   * URL before the icon or the whole component
+   */
+  icon?: React.ReactNode;
+}
+
+export interface IWidgetErrorProps extends IWidgetEmptyProps, IWithI18nEnhanceProps {
+  /** Error description. If it is absent, use the local default one */
+  description?: React.ReactNode;
+}
+
+export interface IWidgetNoDataProps extends IWidgetEmptyProps, IWithI18nEnhanceProps {
+  /** Error description. If it is absent, use the local default one */
+  description?: React.ReactNode;
+  /* Data types */
+  type?: iconNames;
+}
+
+declare const WidgetEmpty: (<T>(props: CProps<IWidgetEmptyProps> & T) => ReturnEl) & {
+  Title: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;
+  Description: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;
+};
+
+declare const NoData: <T>(props: CProps<IWidgetNoDataProps> & T) => ReturnEl;
+declare const Error: <T>(props: CProps<IWidgetErrorProps> & T) => ReturnEl;
+declare const getIconPath: (name: string) => string;
+
+export default WidgetEmpty;
+export { getIconPath, NoData, Error };

package/lib/cjs/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _typeof = require("@babel/runtime/helpers/typeof");
 
 Object.defineProperty(exports, "__esModule", {
@@ -42,33 +44,9 @@ Object.keys(_WidgetEmpty).forEach(function (key) {
   });
 });
 
-var _NoData = _interopRequireWildcard(require("./NoData"));
-
-Object.keys(_NoData).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _NoData[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _NoData[key];
-    }
-  });
-});
+var _NoData = _interopRequireDefault(require("./NoData"));
 
-var _Error = _interopRequireWildcard(require("./Error"));
-
-Object.keys(_Error).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Error[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Error[key];
-    }
-  });
-});
+var _Error = _interopRequireDefault(require("./Error"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAEA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAEA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export { default } from './WidgetEmpty';\nexport * from './WidgetEmpty';\n\nexport { default as NoData } from './NoData';\nexport * from './NoData';\n\nexport { default as Error } from './Error';\nexport * from './Error';\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAEA;;AAEA","sourcesContent":["export { default } from './WidgetEmpty';\nexport * from './WidgetEmpty';\n\nexport { default as NoData } from './NoData';\n\nexport { default as Error } from './Error';\n"],"file":"index.js"}

package/lib/cjs/style/widget-empty.shadow.css

@@ -15,7 +15,7 @@ SImage {
 }
 
 STitle {
-  color: var(--gray60);
+  color: var(--gray-500);
 }
 
 STitle {
@@ -28,7 +28,7 @@ SDescription {
   text-align: center;
   font-size: var(--fs-200);
   line-height: var(--lh-200);
-  color: var(--gray60);
+  color: var(--gray-500);
   max-width: 400px;
 }
 

package/lib/es6/Error/index.js

@@ -53,8 +53,7 @@ var Error = /*#__PURE__*/function (_Component) {
   _createClass(Error, [{
     key: "render",
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0];
-
+      var _ref = this.asProps;
       var _this$asProps = this.asProps,
           Children = _this$asProps.Children,
           description = _this$asProps.description,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Error/index.js"],"names":["React","WidgetEmpty","getIconPath","createComponent","Component","Root","i18nEnhance","de","en","es","fr","it","ja","pt","ru","zh","ko","vi","i18n","Error","asProps","Children","description","getI18nText","title","descriptionText"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,WAAP,IAAsBC,WAAtB,QAAyC,gBAAzC;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,QAAiD,eAAjD;AACA,OAAOC,WAAP,MAAwB,yCAAxB;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AAEA,IAAMC,IAAI,GAAG;AAAEX,EAAAA,EAAE,EAAFA,EAAF;AAAMC,EAAAA,EAAE,EAAFA,EAAN;AAAUC,EAAAA,EAAE,EAAFA,EAAV;AAAcC,EAAAA,EAAE,EAAFA,EAAd;AAAkBC,EAAAA,EAAE,EAAFA,EAAlB;AAAsBC,EAAAA,EAAE,EAAFA,EAAtB;AAA0BE,EAAAA,EAAE,EAAFA,EAA1B;AAA8BC,EAAAA,EAAE,EAAFA,EAA9B;AAAkCF,EAAAA,EAAE,EAAFA,EAAlC;AAAsCG,EAAAA,EAAE,EAAFA,EAAtC;AAA0CC,EAAAA,EAAE,EAAFA;AAA1C,CAAb;;IAEME,K;;;;;;;;;;;;;WAOJ,kBAAS;AAAA;;AACP,0BAA+C,KAAKC,OAApD;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,WAAlB,iBAAkBA,WAAlB;AAAA,UAA+BC,WAA/B,iBAA+BA,WAA/B;;AACA,yBAAgDA,WAAW,EAA3D;AAAA,UAAQC,KAAR,gBAAQA,KAAR;AAAA,UAA4BC,eAA5B,gBAAeH,WAAf;;AAEA,0BACE,oBAAcrB,WAAd;AAAA,gBAAiCC,WAAW,CAAC,SAAD;AAA5C,6BACE,oBAAC,WAAD,CAAa,KAAb,QAAoBsB,KAApB,CADF,eAEE,oBAAC,WAAD,CAAa,WAAb,QAA0BF,WAAW,IAAIG,eAAzC,CAFF,eAGE,oBAAC,QAAD,OAHF,CADF;AAOD;;;;EAlBiBrB,S;;gBAAde,K,iBACiB,a;;gBADjBA,K,kBAEkB;AACpBD,EAAAA,IAAI,EAAJA;AADoB,C;;gBAFlBC,K,aAKa,CAACb,WAAW,EAAZ,C;;AAgBnB,eAAeH,eAAe,CAACgB,KAAD,CAA9B","sourcesContent":["import React from 'react';\nimport WidgetEmpty, { getIconPath } from '../WidgetEmpty';\nimport createComponent, { Component, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport de from './translations/de.json';\nimport en from './translations/en.json';\nimport es from './translations/es.json';\nimport fr from './translations/fr.json';\nimport it from './translations/it.json';\nimport ja from './translations/ja.json';\nimport pt from './translations/pt.json';\nimport ru from './translations/ru.json';\nimport zh from './translations/zh.json';\nimport ko from './translations/ko.json';\nimport vi from './translations/vi.json';\n\nconst i18n = { de, en, es, fr, it, ja, ru, zh, pt, ko, vi };\n\nclass Error extends Component {\n  static displayName = 'WidgetError';\n  static defaultProps = {\n    i18n,\n  };\n  static enhance = [i18nEnhance()];\n\n  render() {\n    const { Children, description, getI18nText } = this.asProps;\n    const { title, description: descriptionText } = getI18nText();\n\n    return (\n      <Root render={WidgetEmpty} icon={getIconPath('warning')}>\n        <WidgetEmpty.Title>{title}</WidgetEmpty.Title>\n        <WidgetEmpty.Description>{description || descriptionText}</WidgetEmpty.Description>\n        <Children />\n      </Root>\n    );\n  }\n}\n\nexport default createComponent(Error);\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/Error/index.jsx"],"names":["React","WidgetEmpty","getIconPath","createComponent","Component","Root","i18nEnhance","de","en","es","fr","it","ja","pt","ru","zh","ko","vi","i18n","Error","asProps","Children","description","getI18nText","title","descriptionText"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,WAAP,IAAsBC,WAAtB,QAAyC,gBAAzC;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,QAAiD,eAAjD;AACA,OAAOC,WAAP,MAAwB,yCAAxB;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AAEA,IAAMC,IAAI,GAAG;AAAEX,EAAAA,EAAE,EAAFA,EAAF;AAAMC,EAAAA,EAAE,EAAFA,EAAN;AAAUC,EAAAA,EAAE,EAAFA,EAAV;AAAcC,EAAAA,EAAE,EAAFA,EAAd;AAAkBC,EAAAA,EAAE,EAAFA,EAAlB;AAAsBC,EAAAA,EAAE,EAAFA,EAAtB;AAA0BE,EAAAA,EAAE,EAAFA,EAA1B;AAA8BC,EAAAA,EAAE,EAAFA,EAA9B;AAAkCF,EAAAA,EAAE,EAAFA,EAAlC;AAAsCG,EAAAA,EAAE,EAAFA,EAAtC;AAA0CC,EAAAA,EAAE,EAAFA;AAA1C,CAAb;;IAEME,K;;;;;;;;;;;;;WAOJ,kBAAS;AAAA;AACP,0BAA+C,KAAKC,OAApD;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,WAAlB,iBAAkBA,WAAlB;AAAA,UAA+BC,WAA/B,iBAA+BA,WAA/B;;AACA,yBAAgDA,WAAW,EAA3D;AAAA,UAAQC,KAAR,gBAAQA,KAAR;AAAA,UAA4BC,eAA5B,gBAAeH,WAAf;;AAEA,0BACE,oBAAcrB,WAAd;AAAA,gBAAiCC,WAAW,CAAC,SAAD;AAA5C,6BACE,oBAAC,WAAD,CAAa,KAAb,QAAoBsB,KAApB,CADF,eAEE,oBAAC,WAAD,CAAa,WAAb,QAA0BF,WAAW,IAAIG,eAAzC,CAFF,eAGE,oBAAC,QAAD,OAHF,CADF;AAOD;;;;EAlBiBrB,S;;gBAAde,K,iBACiB,a;;gBADjBA,K,kBAEkB;AACpBD,EAAAA,IAAI,EAAJA;AADoB,C;;gBAFlBC,K,aAKa,CAACb,WAAW,EAAZ,C;;AAgBnB,eAAeH,eAAe,CAACgB,KAAD,CAA9B","sourcesContent":["import React from 'react';\nimport WidgetEmpty, { getIconPath } from '../WidgetEmpty';\nimport createComponent, { Component, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport de from './translations/de.json';\nimport en from './translations/en.json';\nimport es from './translations/es.json';\nimport fr from './translations/fr.json';\nimport it from './translations/it.json';\nimport ja from './translations/ja.json';\nimport pt from './translations/pt.json';\nimport ru from './translations/ru.json';\nimport zh from './translations/zh.json';\nimport ko from './translations/ko.json';\nimport vi from './translations/vi.json';\n\nconst i18n = { de, en, es, fr, it, ja, ru, zh, pt, ko, vi };\n\nclass Error extends Component {\n  static displayName = 'WidgetError';\n  static defaultProps = {\n    i18n,\n  };\n  static enhance = [i18nEnhance()];\n\n  render() {\n    const { Children, description, getI18nText } = this.asProps;\n    const { title, description: descriptionText } = getI18nText();\n\n    return (\n      <Root render={WidgetEmpty} icon={getIconPath('warning')}>\n        <WidgetEmpty.Title>{title}</WidgetEmpty.Title>\n        <WidgetEmpty.Description>{description || descriptionText}</WidgetEmpty.Description>\n        <Children />\n      </Root>\n    );\n  }\n}\n\nexport default createComponent(Error);\n"],"file":"index.js"}

package/lib/es6/NoData/index.js

@@ -53,8 +53,7 @@ var NoData = /*#__PURE__*/function (_Component) {
   _createClass(NoData, [{
     key: "render",
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0];
-
+      var _ref = this.asProps;
       var _this$asProps = this.asProps,
           Children = _this$asProps.Children,
           type = _this$asProps.type,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/NoData/index.js"],"names":["React","WidgetEmpty","getIconPath","createComponent","Component","Root","i18nEnhance","de","en","es","fr","it","ja","pt","ru","zh","ko","vi","i18n","NoData","asProps","Children","type","description","getI18nText","title","descriptionText"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,WAAP,IAAsBC,WAAtB,QAAyC,gBAAzC;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,QAAiD,eAAjD;AACA,OAAOC,WAAP,MAAwB,yCAAxB;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AAEA,IAAMC,IAAI,GAAG;AAAEX,EAAAA,EAAE,EAAFA,EAAF;AAAMC,EAAAA,EAAE,EAAFA,EAAN;AAAUC,EAAAA,EAAE,EAAFA,EAAV;AAAcC,EAAAA,EAAE,EAAFA,EAAd;AAAkBC,EAAAA,EAAE,EAAFA,EAAlB;AAAsBC,EAAAA,EAAE,EAAFA,EAAtB;AAA0BE,EAAAA,EAAE,EAAFA,EAA1B;AAA8BC,EAAAA,EAAE,EAAFA,EAA9B;AAAkCF,EAAAA,EAAE,EAAFA,EAAlC;AAAsCG,EAAAA,EAAE,EAAFA,EAAtC;AAA0CC,EAAAA,EAAE,EAAFA;AAA1C,CAAb;;IAEME,M;;;;;;;;;;;;;WAQJ,kBAAS;AAAA;;AACP,0BAAqD,KAAKC,OAA1D;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,IAAlB,iBAAkBA,IAAlB;AAAA,UAAwBC,WAAxB,iBAAwBA,WAAxB;AAAA,UAAqCC,WAArC,iBAAqCA,WAArC;;AACA,yBAAgDA,WAAW,EAA3D;AAAA,UAAQC,KAAR,gBAAQA,KAAR;AAAA,UAA4BC,eAA5B,gBAAeH,WAAf;;AACA,0BACE,oBAActB,WAAd;AAAA,gBAAiCC,WAAW,CAACoB,IAAD;AAA5C,6BACE,oBAAC,WAAD,CAAa,KAAb,QAAoBG,KAApB,CADF,eAEE,oBAAC,WAAD,CAAa,WAAb,QAA0BF,WAAW,IAAIG,eAAzC,CAFF,eAGE,oBAAC,QAAD,OAHF,CADF;AAOD;;;;EAlBkBtB,S;;gBAAfe,M,iBACiB,c;;gBADjBA,M,aAEa,CAACb,WAAW,EAAZ,C;;gBAFba,M,kBAGkB;AACpBD,EAAAA,IAAI,EAAJA,IADoB;AAEpBI,EAAAA,IAAI,EAAE;AAFc,C;;AAkBxB,eAAenB,eAAe,CAACgB,MAAD,CAA9B","sourcesContent":["import React from 'react';\nimport WidgetEmpty, { getIconPath } from '../WidgetEmpty';\nimport createComponent, { Component, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport de from './translations/de.json';\nimport en from './translations/en.json';\nimport es from './translations/es.json';\nimport fr from './translations/fr.json';\nimport it from './translations/it.json';\nimport ja from './translations/ja.json';\nimport pt from './translations/pt.json';\nimport ru from './translations/ru.json';\nimport zh from './translations/zh.json';\nimport ko from './translations/ko.json';\nimport vi from './translations/vi.json';\n\nconst i18n = { de, en, es, fr, it, ja, ru, zh, pt, ko, vi };\n\nclass NoData extends Component {\n  static displayName = 'WidgetNoData';\n  static enhance = [i18nEnhance()];\n  static defaultProps = {\n    i18n,\n    type: 'other-data',\n  };\n\n  render() {\n    const { Children, type, description, getI18nText } = this.asProps;\n    const { title, description: descriptionText } = getI18nText();\n    return (\n      <Root render={WidgetEmpty} icon={getIconPath(type)}>\n        <WidgetEmpty.Title>{title}</WidgetEmpty.Title>\n        <WidgetEmpty.Description>{description || descriptionText}</WidgetEmpty.Description>\n        <Children />\n      </Root>\n    );\n  }\n}\n\nexport default createComponent(NoData);\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/NoData/index.jsx"],"names":["React","WidgetEmpty","getIconPath","createComponent","Component","Root","i18nEnhance","de","en","es","fr","it","ja","pt","ru","zh","ko","vi","i18n","NoData","asProps","Children","type","description","getI18nText","title","descriptionText"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,WAAP,IAAsBC,WAAtB,QAAyC,gBAAzC;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,QAAiD,eAAjD;AACA,OAAOC,WAAP,MAAwB,yCAAxB;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AACA,OAAOC,EAAP,MAAe,wBAAf;AAEA,IAAMC,IAAI,GAAG;AAAEX,EAAAA,EAAE,EAAFA,EAAF;AAAMC,EAAAA,EAAE,EAAFA,EAAN;AAAUC,EAAAA,EAAE,EAAFA,EAAV;AAAcC,EAAAA,EAAE,EAAFA,EAAd;AAAkBC,EAAAA,EAAE,EAAFA,EAAlB;AAAsBC,EAAAA,EAAE,EAAFA,EAAtB;AAA0BE,EAAAA,EAAE,EAAFA,EAA1B;AAA8BC,EAAAA,EAAE,EAAFA,EAA9B;AAAkCF,EAAAA,EAAE,EAAFA,EAAlC;AAAsCG,EAAAA,EAAE,EAAFA,EAAtC;AAA0CC,EAAAA,EAAE,EAAFA;AAA1C,CAAb;;IAEME,M;;;;;;;;;;;;;WAQJ,kBAAS;AAAA;AACP,0BAAqD,KAAKC,OAA1D;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,IAAlB,iBAAkBA,IAAlB;AAAA,UAAwBC,WAAxB,iBAAwBA,WAAxB;AAAA,UAAqCC,WAArC,iBAAqCA,WAArC;;AACA,yBAAgDA,WAAW,EAA3D;AAAA,UAAQC,KAAR,gBAAQA,KAAR;AAAA,UAA4BC,eAA5B,gBAAeH,WAAf;;AACA,0BACE,oBAActB,WAAd;AAAA,gBAAiCC,WAAW,CAACoB,IAAD;AAA5C,6BACE,oBAAC,WAAD,CAAa,KAAb,QAAoBG,KAApB,CADF,eAEE,oBAAC,WAAD,CAAa,WAAb,QAA0BF,WAAW,IAAIG,eAAzC,CAFF,eAGE,oBAAC,QAAD,OAHF,CADF;AAOD;;;;EAlBkBtB,S;;gBAAfe,M,iBACiB,c;;gBADjBA,M,aAEa,CAACb,WAAW,EAAZ,C;;gBAFba,M,kBAGkB;AACpBD,EAAAA,IAAI,EAAJA,IADoB;AAEpBI,EAAAA,IAAI,EAAE;AAFc,C;;AAkBxB,eAAenB,eAAe,CAACgB,MAAD,CAA9B","sourcesContent":["import React from 'react';\nimport WidgetEmpty, { getIconPath } from '../WidgetEmpty';\nimport createComponent, { Component, Root } from '@semcore/core';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport de from './translations/de.json';\nimport en from './translations/en.json';\nimport es from './translations/es.json';\nimport fr from './translations/fr.json';\nimport it from './translations/it.json';\nimport ja from './translations/ja.json';\nimport pt from './translations/pt.json';\nimport ru from './translations/ru.json';\nimport zh from './translations/zh.json';\nimport ko from './translations/ko.json';\nimport vi from './translations/vi.json';\n\nconst i18n = { de, en, es, fr, it, ja, ru, zh, pt, ko, vi };\n\nclass NoData extends Component {\n  static displayName = 'WidgetNoData';\n  static enhance = [i18nEnhance()];\n  static defaultProps = {\n    i18n,\n    type: 'other-data',\n  };\n\n  render() {\n    const { Children, type, description, getI18nText } = this.asProps;\n    const { title, description: descriptionText } = getI18nText();\n    return (\n      <Root render={WidgetEmpty} icon={getIconPath(type)}>\n        <WidgetEmpty.Title>{title}</WidgetEmpty.Title>\n        <WidgetEmpty.Description>{description || descriptionText}</WidgetEmpty.Description>\n        <Children />\n      </Root>\n    );\n  }\n}\n\nexport default createComponent(NoData);\n"],"file":"index.js"}

package/lib/es6/WidgetEmpty.js

@@ -9,8 +9,6 @@ import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
 
-var _this = this;
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -29,17 +27,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SWidgetEmpty_1ui0d_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:16px}.___SImage_1ui0d_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:12px}.___STitle_1ui0d_gg_{color:#757575}.___STitle_1ui0d_gg_{font-size:16px;line-height:1.5;font-weight:700}.___SDescription_1ui0d_gg_{text-align:center;font-size:14px;line-height:1.42;color:#757575;max-width:400px}.___STitle_1ui0d_gg_+.___SDescription_1ui0d_gg_{margin-top:4px}.___SDescription_1ui0d_gg_+.___SDescription_1ui0d_gg_{margin-top:8px}"
+".___SWidgetEmpty_lxb2f_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:16px}.___SImage_lxb2f_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:12px}.___STitle_lxb2f_gg_{color:#6c6e79}.___STitle_lxb2f_gg_{font-size:16px;line-height:1.5;font-weight:700}.___SDescription_lxb2f_gg_{text-align:center;font-size:14px;line-height:1.42;color:#6c6e79;max-width:400px}.___STitle_lxb2f_gg_+.___SDescription_lxb2f_gg_{margin-top:4px}.___SDescription_lxb2f_gg_+.___SDescription_lxb2f_gg_{margin-top:8px}"
 /*__inner_css_end__*/
-, "1ncdu8o_gg_")
+, "p56ifs_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SWidgetEmpty": "___SWidgetEmpty_1ui0d_gg_",
-  "__SImage": "___SImage_1ui0d_gg_",
-  "__STitle": "___STitle_1ui0d_gg_",
-  "__SDescription": "___SDescription_1ui0d_gg_"
+  "__SWidgetEmpty": "___SWidgetEmpty_lxb2f_gg_",
+  "__SImage": "___SImage_lxb2f_gg_",
+  "__STitle": "___STitle_lxb2f_gg_",
+  "__SDescription": "___SDescription_lxb2f_gg_"
 });
-var version = "2.6.5";
+var version = "3.0.0";
 export var getIconPath = function getIconPath(name) {
   return "https://static.semrush.com/ui-kit/widget-empty/".concat(version, "/").concat(name, ".svg");
 };
@@ -58,7 +56,7 @@ var WidgetEmpty = /*#__PURE__*/function (_Component) {
   _createClass(WidgetEmpty, [{
     key: "render",
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0],
+      var _ref = this.asProps,
           _ref4;
 
       var SWidgetEmpty = Flex;
@@ -84,7 +82,7 @@ _defineProperty(WidgetEmpty, "displayName", 'WidgetEmpty');
 _defineProperty(WidgetEmpty, "style", style);
 
 var Title = function Title(props) {
-  var _ref2 = _this ? _this.asProps : arguments[0],
+  var _ref2 = arguments[0],
       _ref5;
 
   var STitle = Box;
@@ -93,7 +91,7 @@ var Title = function Title(props) {
 };
 
 var Description = function Description(props) {
-  var _ref3 = _this ? _this.asProps : arguments[0],
+  var _ref3 = arguments[0],
       _ref6;
 
   var SDescription = Box;

package/lib/es6/WidgetEmpty.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/WidgetEmpty.js"],"names":["React","createComponent","Component","sstyled","Root","Box","Flex","isNode","version","getIconPath","name","WidgetEmpty","SWidgetEmpty","asProps","Children","icon","styles","SImage","style","Title","props","STitle","Description","SDescription"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,OAArC,EAA8CC,IAA9C,QAA0D,eAA1D;AACA,SAASC,GAAT,EAAcC,IAAd,QAA0B,mBAA1B;AACA,OAAOC,MAAP,MAAmB,2BAAnB;;;;;;;;;;;;;;;;;AAIA,IAAMC,OAAO,UAAb;AAIA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,IAAD,EAAU;AACnC,kEAAyDF,OAAzD,cAAoEE,IAApE;AACD,CAFM;;IAIDC,W;;;;;;;;;;;;;WAIJ,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAKMN,IALxB;AACA,0BAAmC,KAAKO,OAAxC;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,IAAlB,iBAAkBA,IAAlB;AAAA,UAAwBC,MAAxB,iBAAwBA,MAAxB;AACA,UAAMC,MAAM,GAAG,KAAf;AAEA,qBAAOd,OAAO,CAACa,MAAD,CAAd,eACE,oBAAC,YAAD,uEACGT,MAAM,CAACQ,IAAD,CAAN,iBACC,oBAAC,MAAD,0BACG,OAAOA,IAAP,KAAgB,QAAhB,gBACC;AAAA,eAAUA,IAAV;AAAA,eAAoB,mBAApB;AAAA,iBAA+C,GAA/C;AAAA,kBAA4D;AAA5D,SADD,GAGCA,IAJJ,CAFJ,eAUE,oBAAC,QAAD,2BAVF,CADF;AAcD;;;;EAvBuBb,S;;gBAApBS,W,iBACiB,a;;gBADjBA,W,WAEWO,K;;AAwBjB,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD,EAAW;AAAA;AAAA;;AACvB,MAAMC,MAAM,GAE2BhB,GAFvC;AACA,MAAQW,MAAR,GAAmBI,KAAnB,CAAQJ,MAAR;AACA,iBAAOb,OAAO,CAACa,MAAD,CAAd,eAAuB,oBAAC,MAAD,kEAAvB;AACD,CAJD;;AAMA,IAAMM,WAAW,GAAG,SAAdA,WAAc,CAACF,KAAD,EAAW;AAAA;AAAA;;AAC7B,MAAMG,YAAY,GAE2BlB,GAF7C;AACA,MAAQW,MAAR,GAAmBI,KAAnB,CAAQJ,MAAR;AACA,iBAAOb,OAAO,CAACa,MAAD,CAAd,eAAuB,oBAAC,YAAD,wEAAvB;AACD,CAJD;;AAMA,eAAef,eAAe,CAACU,WAAD,EAAc;AAC1CQ,EAAAA,KAAK,EAALA,KAD0C;AAE1CG,EAAAA,WAAW,EAAXA;AAF0C,CAAd,CAA9B","sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex } from '@semcore/flex-box';\nimport isNode from '@semcore/utils/lib/isNode';\n\nimport style from './style/widget-empty.shadow.css';\n\nconst version = preval`\n  module.exports = require('../package.json').version\n`;\n\nexport const getIconPath = (name) => {\n  return `https://static.semrush.com/ui-kit/widget-empty/${version}/${name}.svg`;\n};\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}>\n        {isNode(icon) && (\n          <SImage>\n            {typeof icon === 'string' ? (\n              <img src={icon} alt=\"widget empty icon\" width={100} height={72} />\n            ) : (\n              icon\n            )}\n          </SImage>\n        )}\n        <Children />\n      </SWidgetEmpty>,\n    );\n  }\n}\n\nconst Title = (props) => {\n  const STitle = Root;\n  const { styles } = props;\n  return sstyled(styles)(<STitle render={Box} />);\n};\n\nconst 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"],"file":"WidgetEmpty.js"}
+{"version":3,"sources":["../../src/WidgetEmpty.jsx"],"names":["React","createComponent","Component","sstyled","Root","Box","Flex","isNode","version","getIconPath","name","WidgetEmpty","SWidgetEmpty","asProps","Children","icon","styles","SImage","style","Title","props","STitle","Description","SDescription"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,OAArC,EAA8CC,IAA9C,QAA0D,eAA1D;AACA,SAASC,GAAT,EAAcC,IAAd,QAA0B,mBAA1B;AACA,OAAOC,MAAP,MAAmB,2BAAnB;;;;;;;;;;;;;;;;;AAIA,IAAMC,OAAO,UAAb;AAIA,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,IAAD,EAAU;AACnC,kEAAyDF,OAAzD,cAAoEE,IAApE;AACD,CAFM;;IAIDC,W;;;;;;;;;;;;;WAIJ,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAKMN,IALxB;AACA,0BAAmC,KAAKO,OAAxC;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,IAAlB,iBAAkBA,IAAlB;AAAA,UAAwBC,MAAxB,iBAAwBA,MAAxB;AACA,UAAMC,MAAM,GAAG,KAAf;AAEA,qBAAOd,OAAO,CAACa,MAAD,CAAd,eACE,oBAAC,YAAD,uEACGT,MAAM,CAACQ,IAAD,CAAN,iBACC,oBAAC,MAAD,0BACG,OAAOA,IAAP,KAAgB,QAAhB,gBACC;AAAA,eAAUA,IAAV;AAAA,eAAoB,mBAApB;AAAA,iBAA+C,GAA/C;AAAA,kBAA4D;AAA5D,SADD,GAGCA,IAJJ,CAFJ,eAUE,oBAAC,QAAD,2BAVF,CADF;AAcD;;;;EAvBuBb,S;;gBAApBS,W,iBACiB,a;;gBADjBA,W,WAEWO,K;;AAwBjB,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD,EAAW;AAAA;AAAA;;AACvB,MAAMC,MAAM,GAE2BhB,GAFvC;AACA,MAAQW,MAAR,GAAmBI,KAAnB,CAAQJ,MAAR;AACA,iBAAOb,OAAO,CAACa,MAAD,CAAd,eAAuB,oBAAC,MAAD,kEAAvB;AACD,CAJD;;AAMA,IAAMM,WAAW,GAAG,SAAdA,WAAc,CAACF,KAAD,EAAW;AAAA;AAAA;;AAC7B,MAAMG,YAAY,GAE2BlB,GAF7C;AACA,MAAQW,MAAR,GAAmBI,KAAnB,CAAQJ,MAAR;AACA,iBAAOb,OAAO,CAACa,MAAD,CAAd,eAAuB,oBAAC,YAAD,wEAAvB;AACD,CAJD;;AAMA,eAAef,eAAe,CAACU,WAAD,EAAc;AAC1CQ,EAAAA,KAAK,EAALA,KAD0C;AAE1CG,EAAAA,WAAW,EAAXA;AAF0C,CAAd,CAA9B","sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex } from '@semcore/flex-box';\nimport isNode from '@semcore/utils/lib/isNode';\n\nimport style from './style/widget-empty.shadow.css';\n\nconst version = preval`\n  module.exports = require('../package.json').version\n`;\n\nexport const getIconPath = (name) => {\n  return `https://static.semrush.com/ui-kit/widget-empty/${version}/${name}.svg`;\n};\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}>\n        {isNode(icon) && (\n          <SImage>\n            {typeof icon === 'string' ? (\n              <img src={icon} alt=\"widget empty icon\" width={100} height={72} />\n            ) : (\n              icon\n            )}\n          </SImage>\n        )}\n        <Children />\n      </SWidgetEmpty>,\n    );\n  }\n}\n\nconst Title = (props) => {\n  const STitle = Root;\n  const { styles } = props;\n  return sstyled(styles)(<STitle render={Box} />);\n};\n\nconst 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"],"file":"WidgetEmpty.js"}

package/lib/es6/index.d.ts

@@ -0,0 +1,71 @@
+import { ComponentProps } from 'react';
+import { CProps, ReturnEl } from '@semcore/core';
+import { Box, IFlexProps } from '@semcore/flex-box';
+import { IWithI18nEnhanceProps } from '@semcore/utils/lib/enhances/i18nEnhance';
+
+export type iconNames =
+  | 'area-chart'
+  | 'choropleth-map-chart'
+  | 'coffee'
+  | 'combined-chart'
+  | 'congrats'
+  | 'deleted-page'
+  | 'donut-chart'
+  | 'duplicates'
+  | 'funnel-chart'
+  | 'good'
+  | 'heat-map-chart'
+  | 'horizontal-bar-chart'
+  | 'kagi-chart'
+  | 'line-chart'
+  | 'lollipop-chart'
+  | 'nexttime'
+  | 'nothing-found'
+  | 'other-data'
+  | 'pie-chart'
+  | 'processing'
+  | 'radar-chart'
+  | 'radial-tree-chart'
+  | 'sankey-chart'
+  | 'scatter-plot-chart'
+  | 'stacked-area-chart'
+  | 'suggestion'
+  | 'suggestions'
+  | 'table'
+  | 'tag-cloud'
+  | 'text-links-etc'
+  | 'under-construction'
+  | 'venn-chart'
+  | 'vertical-bar-chart'
+  | 'warning';
+
+export interface IWidgetEmptyProps extends IFlexProps {
+  /**
+   * URL before the icon or the whole component
+   */
+  icon?: React.ReactNode;
+}
+
+export interface IWidgetErrorProps extends IWidgetEmptyProps, IWithI18nEnhanceProps {
+  /** Error description. If it is absent, use the local default one */
+  description?: React.ReactNode;
+}
+
+export interface IWidgetNoDataProps extends IWidgetEmptyProps, IWithI18nEnhanceProps {
+  /** Error description. If it is absent, use the local default one */
+  description?: React.ReactNode;
+  /* Data types */
+  type?: iconNames;
+}
+
+declare const WidgetEmpty: (<T>(props: CProps<IWidgetEmptyProps> & T) => ReturnEl) & {
+  Title: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;
+  Description: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;
+};
+
+declare const NoData: <T>(props: CProps<IWidgetNoDataProps> & T) => ReturnEl;
+declare const Error: <T>(props: CProps<IWidgetErrorProps> & T) => ReturnEl;
+declare const getIconPath: (name: string) => string;
+
+export default WidgetEmpty;
+export { getIconPath, NoData, Error };

package/lib/es6/index.js

@@ -1,7 +1,5 @@
 export { default } from './WidgetEmpty';
 export * from './WidgetEmpty';
 export { default as NoData } from './NoData';
-export * from './NoData';
 export { default as Error } from './Error';
-export * from './Error';
 //# sourceMappingURL=index.js.map

package/lib/es6/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.js"],"names":["default","NoData","Error"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB;AACA,cAAc,eAAd;AAEA,SAASA,OAAO,IAAIC,MAApB,QAAkC,UAAlC;AACA,cAAc,UAAd;AAEA,SAASD,OAAO,IAAIE,KAApB,QAAiC,SAAjC;AACA,cAAc,SAAd","sourcesContent":["export { default } from './WidgetEmpty';\nexport * from './WidgetEmpty';\n\nexport { default as NoData } from './NoData';\nexport * from './NoData';\n\nexport { default as Error } from './Error';\nexport * from './Error';\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/index.js"],"names":["default","NoData","Error"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB;AACA,cAAc,eAAd;AAEA,SAASA,OAAO,IAAIC,MAApB,QAAkC,UAAlC;AAEA,SAASD,OAAO,IAAIE,KAApB,QAAiC,SAAjC","sourcesContent":["export { default } from './WidgetEmpty';\nexport * from './WidgetEmpty';\n\nexport { default as NoData } from './NoData';\n\nexport { default as Error } from './Error';\n"],"file":"index.js"}

package/lib/es6/style/widget-empty.shadow.css

@@ -15,7 +15,7 @@ SImage {
 }
 
 STitle {
-  color: var(--gray60);
+  color: var(--gray-500);
 }
 
 STitle {
@@ -28,7 +28,7 @@ SDescription {
   text-align: center;
   font-size: var(--fs-200);
   line-height: var(--lh-200);
-  color: var(--gray60);
+  color: var(--gray-500);
   max-width: 400px;
 }
 

package/lib/types/index.d.ts

@@ -6,6 +6,7 @@ import { IWithI18nEnhanceProps } from '@semcore/utils/lib/enhances/i18nEnhance';
 export type iconNames =
   | 'area-chart'
   | 'choropleth-map-chart'
+  | 'coffee'
   | 'combined-chart'
   | 'congrats'
   | 'deleted-page'
@@ -13,7 +14,9 @@ export type iconNames =
   | 'duplicates'
   | 'funnel-chart'
   | 'good'
+  | 'heat-map-chart'
   | 'horizontal-bar-chart'
+  | 'kagi-chart'
   | 'line-chart'
   | 'lollipop-chart'
   | 'nexttime'
@@ -22,13 +25,16 @@ export type iconNames =
   | 'pie-chart'
   | 'processing'
   | 'radar-chart'
+  | 'radial-tree-chart'
   | 'sankey-chart'
   | 'scatter-plot-chart'
   | 'stacked-area-chart'
+  | 'suggestion'
   | 'suggestions'
   | 'table'
   | 'tag-cloud'
   | 'text-links-etc'
+  | 'under-construction'
   | 'venn-chart'
   | 'vertical-bar-chart'
   | 'warning';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/widget-empty",
   "description": "SEMRush WidgetEmpty Component",
-  "version": "2.6.5",
+  "version": "3.0.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -11,7 +11,7 @@
   "scripts": {
     "build": "build --source=js",
     "test": "jest",
-    "deploy": "gcs-upload svg/*.svg"
+    "upload-static": "gcs-upload svg/*.svg"
   },
   "dependencies": {
     "@semcore/utils": "^3.27",
@@ -28,5 +28,8 @@
     "type": "git",
     "url": "https://github.com/semrush/intergalactic.git",
     "directory": "semcore/widget-empty"
+  },
+  "devDependencies": {
+    "@semcore/jest-preset-ui": "1.0.0"
   }
 }