@semcore/widget-empty 4.44.0-prerelease.0 → 16.0.0-prerelease.0

package/lib/esm/WidgetEmpty.mjs

@@ -1,64 +1,78 @@
-import g from "@babel/runtime/helpers/esm/objectSpread2";
-import h from "@babel/runtime/helpers/esm/classCallCheck";
-import u from "@babel/runtime/helpers/esm/createClass";
-import x from "@babel/runtime/helpers/esm/inherits";
-import E from "@babel/runtime/helpers/esm/createSuper";
-import m from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as D } from "@semcore/utils/lib/core/index";
-import T, { sstyled as s, assignProps as c, Component as W } from "@semcore/core";
-import _ from "react";
-import { getIllustrationPath as C } from "@semcore/illustration";
-import { Flex as I, Box as f } from "@semcore/flex-box";
-import P from "@semcore/utils/lib/isNode";
-var b = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
+import React from "react";
+import { getIllustrationPath } from "@semcore/illustration";
+import { Flex, Box } from "@semcore/flex-box";
+import isNode from "@semcore/core/lib/utils/isNode";
+/*!__reshadow-styles__:"./style/widget-empty.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (D.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SWidgetEmpty_12olr_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_12olr_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___SDescription_12olr_gg_,.___STitle_12olr_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___STitle_12olr_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SDescription_12olr_gg_{text-align:center;text-wrap:balance;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);max-width:400px}.___STitle_12olr_gg_+.___SDescription_12olr_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_12olr_gg_+.___SDescription_12olr_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}",
-    "12olr_gg_"
-  ), {
-    __SWidgetEmpty: "___SWidgetEmpty_12olr_gg_",
-    __SImage: "___SImage_12olr_gg_",
-    __STitle: "___STitle_12olr_gg_",
-    __SDescription: "___SDescription_12olr_gg_"
+    ".___SWidgetEmpty_rymi7_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_rymi7_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___SDescription_rymi7_gg_,.___STitle_rymi7_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___STitle_rymi7_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SDescription_rymi7_gg_{text-align:center;text-wrap:balance;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);max-width:400px}.___STitle_rymi7_gg_+.___SDescription_rymi7_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_rymi7_gg_+.___SDescription_rymi7_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}",
+    /*__inner_css_end__*/
+    "rymi7_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SWidgetEmpty": "___SWidgetEmpty_rymi7_gg_",
+    "__SImage": "___SImage_rymi7_gg_",
+    "__STitle": "___STitle_rymi7_gg_",
+    "__SDescription": "___SDescription_rymi7_gg_"
   })
-), K = function(r) {
-  return C(r);
-}, p = /* @__PURE__ */ function(n) {
-  x(t, n);
-  var r = E(t);
-  function t() {
-    return h(this, t), r.apply(this, arguments);
+);
+var getIconPath = function getIconPath2(name) {
+  return getIllustrationPath(name);
+};
+var WidgetEmpty = /* @__PURE__ */ function(_Component) {
+  _inherits(WidgetEmpty2, _Component);
+  var _super = _createSuper(WidgetEmpty2);
+  function WidgetEmpty2() {
+    _classCallCheck(this, WidgetEmpty2);
+    return _super.apply(this, arguments);
   }
-  return u(t, [{
+  _createClass(WidgetEmpty2, [{
     key: "render",
-    value: function() {
-      var a = this.asProps, e, d = I, l = this.asProps, y = l.Children, o = l.icon, v = l.styles, S = "div";
-      return e = s(v), /* @__PURE__ */ _.createElement(d, e.cn("SWidgetEmpty", g({}, c({
-        role: "status"
-      }, a))), P(o) && /* @__PURE__ */ _.createElement(S, e.cn("SImage", {
+    value: function render() {
+      var _ref = this.asProps, _ref4;
+      var SWidgetEmpty = Flex;
+      var _this$asProps = this.asProps, Children = _this$asProps.Children, icon = _this$asProps.icon, styles = _this$asProps.styles;
+      var SImage = "div";
+      return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SWidgetEmpty, _ref4.cn("SWidgetEmpty", _objectSpread({}, assignProps({
+        "role": "status"
+      }, _ref))), isNode(icon) && /* @__PURE__ */ React.createElement(SImage, _ref4.cn("SImage", {
         "aria-hidden": "true"
-      }), typeof o == "string" ? /* @__PURE__ */ _.createElement("img", e.cn("img", {
-        src: o,
-        alt: ""
-      })) : o), /* @__PURE__ */ _.createElement(y, e.cn("Children", {})));
+      }), typeof icon === "string" ? /* @__PURE__ */ React.createElement("img", _ref4.cn("img", {
+        "src": icon,
+        "alt": ""
+      })) : icon), /* @__PURE__ */ React.createElement(Children, _ref4.cn("Children", {})));
     }
-  }]), t;
-}(W);
-m(p, "displayName", "WidgetEmpty");
-m(p, "style", b);
-var w = function(r) {
-  var t = arguments[0], i, a = f, e = r.styles;
-  return i = s(e), /* @__PURE__ */ _.createElement(a, i.cn("STitle", g({}, c({}, t))));
-}, j = function(r) {
-  var t = arguments[0], i, a = f, e = r.styles;
-  return i = s(e), /* @__PURE__ */ _.createElement(a, i.cn("SDescription", g({}, c({}, t))));
+  }]);
+  return WidgetEmpty2;
+}(Component);
+_defineProperty(WidgetEmpty, "displayName", "WidgetEmpty");
+_defineProperty(WidgetEmpty, "style", style);
+var Title = function Title2(props) {
+  var _ref2 = arguments[0], _ref5;
+  var STitle = Box;
+  var styles = props.styles;
+  return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(STitle, _ref5.cn("STitle", _objectSpread({}, assignProps({}, _ref2))));
+};
+var Description = function Description2(props) {
+  var _ref3 = arguments[0], _ref6;
+  var SDescription = Box;
+  var styles = props.styles;
+  return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SDescription, _ref6.cn("SDescription", _objectSpread({}, assignProps({}, _ref3))));
 };
-const L = T(p, {
-  Title: w,
-  Description: j
+const WidgetEmpty$1 = createComponent(WidgetEmpty, {
+  Title,
+  Description
 });
 export {
-  L as default,
-  K as getIconPath
+  WidgetEmpty$1 as default,
+  getIconPath
 };

package/lib/esm/index.mjs

@@ -1,9 +1,9 @@
-import { default as t, getIconPath as a } from "./WidgetEmpty.mjs";
-import { default as f } from "./NoData/index.mjs";
-import { default as l } from "./Error/index.mjs";
+import { default as default2, getIconPath } from "./WidgetEmpty.mjs";
+import { default as default3 } from "./NoData/index.mjs";
+import { default as default4 } from "./Error/index.mjs";
 export {
-  l as Error,
-  f as NoData,
-  t as default,
-  a as getIconPath
+  default4 as Error,
+  default3 as NoData,
+  default2 as default,
+  getIconPath
 };

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

@@ -0,0 +1,39 @@
+SWidgetEmpty {
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: var(--intergalactic-spacing-4x, 16px);
+}
+
+SImage {
+  display: flex;
+  align-items: flex-end;
+  justify-content: center;
+  margin-bottom: var(--intergalactic-spacing-3x, 12px);
+  width: 80px;
+  height: 80px;
+}
+
+STitle {
+  color: var(--intergalactic-text-secondary, #6c6e79);
+  font-size: var(--intergalactic-fs-300, 16px);
+  line-height: var(--intergalactic-lh-300, 150%);
+  font-weight: var(--intergalactic-bold, 700);
+}
+
+SDescription {
+  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, #6c6e79);
+  max-width: 400px;
+}
+
+STitle+SDescription {
+  margin-top: var(--intergalactic-spacing-1x, 4px);
+}
+
+SDescription+SDescription {
+  margin-top: var(--intergalactic-spacing-2x, 8px);
+}

package/lib/types/index.d.ts

@@ -1,7 +1,7 @@
 import { Intergalactic, UnknownProperties } from '@semcore/core';
 import { Box, FlexProps } from '@semcore/flex-box';
 import { TIllustrationNamesWidgetEmpty } from '@semcore/illustration';
-import { WithI18nEnhanceProps } from '@semcore/utils/lib/enhances/i18nEnhance';
+import { WithI18nEnhanceProps } from '@semcore/core/lib/utils/enhances/i18nEnhance';
 
 export type iconNamesWidgetEmpty = TIllustrationNamesWidgetEmpty;
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/widget-empty",
   "description": "Semrush WidgetEmpty Component",
-  "version": "4.44.0-prerelease.0",
+  "version": "16.0.0-prerelease.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,14 +14,11 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/flex-box": "5.41.1",
-    "@semcore/illustration": "2.44.0-prerelease.0",
-    "@semcore/utils": "4.48.1"
+    "@semcore/flex-box": "16.0.0-prerelease.0",
+    "@semcore/illustration": "16.0.0-prerelease.0"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.17.5",
-    "react": "16.8 - 18",
-    "react-dom": "16.8 - 18"
+    "@semcore/base-components": "^16.0.0-prerelease.0"
   },
   "repository": {
     "type": "git",