@semcore/widget-empty 16.0.11 → 17.0.0-prerelease.18

package/lib/esm/WidgetEmpty.mjs

@@ -1,71 +1,70 @@
-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 _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
+import { createComponent, sstyled, Component, assignProps } from "@semcore/core";
+import { Flex, Box } from "@semcore/base-components";
 import isNode from "@semcore/core/lib/utils/isNode";
-import { Flex, Box } from "@semcore/flex-box";
 import { getIllustrationPath } from "@semcore/illustration";
 import React from "react";
 /*!__reshadow-styles__:"./style/widget-empty.shadow.css"*/
-var style = (
+const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SWidgetEmpty_171y9_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_171y9_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___SDescription_171y9_gg_,.___STitle_171y9_gg_{text-align:center;color:var(--intergalactic-text-secondary, #6c6e79)}.___STitle_171y9_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SDescription_171y9_gg_{text-wrap:balance;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);max-width:400px}.___STitle_171y9_gg_+.___SDescription_171y9_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_171y9_gg_+.___SDescription_171y9_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}",
+    ".___SWidgetEmpty_8oyu7_gg_{flex-direction:column;justify-content:center;align-items:center}.___SImage_8oyu7_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___SDescription_8oyu7_gg_,.___STitle_8oyu7_gg_{text-align:center;color:var(--intergalactic-text-secondary, #6c6e79)}.___STitle_8oyu7_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SDescription_8oyu7_gg_{text-wrap:balance;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);max-width:400px}.___STitle_8oyu7_gg_+.___SDescription_8oyu7_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_8oyu7_gg_+.___SDescription_8oyu7_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}",
     /*__inner_css_end__*/
-    "171y9_gg_"
+    "8oyu7_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SWidgetEmpty": "___SWidgetEmpty_171y9_gg_",
-    "__SImage": "___SImage_171y9_gg_",
-    "__STitle": "___STitle_171y9_gg_",
-    "__SDescription": "___SDescription_171y9_gg_"
+    "__SWidgetEmpty": "___SWidgetEmpty_8oyu7_gg_",
+    "__SImage": "___SImage_8oyu7_gg_",
+    "__STitle": "___STitle_8oyu7_gg_",
+    "__SDescription": "___SDescription_8oyu7_gg_"
   })
 );
-var getIconPath = function getIconPath2(name) {
-  return getIllustrationPath(name);
-};
-var WidgetEmpty = /* @__PURE__ */ (function(_Component) {
-  function WidgetEmpty2() {
-    _classCallCheck(this, WidgetEmpty2);
-    return _callSuper(this, WidgetEmpty2, arguments);
-  }
-  _inherits(WidgetEmpty2, _Component);
-  return _createClass(WidgetEmpty2, [{
-    key: "render",
-    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({
+const getIconPath = (name) => getIllustrationPath(name);
+class WidgetEmpty extends Component {
+  render() {
+    var _ref = this.asProps, _ref4;
+    const SWidgetEmpty = Flex;
+    const {
+      Children,
+      icon,
+      styles
+    } = this.asProps;
+    const SImage = "div";
+    return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SWidgetEmpty, _ref4.cn("SWidgetEmpty", {
+      ...assignProps({
         "role": "status"
-      }, _ref))), isNode(icon) && /* @__PURE__ */ React.createElement(SImage, _ref4.cn("SImage", {
-        "aria-hidden": "true"
-      }), typeof icon === "string" ? /* @__PURE__ */ React.createElement("img", _ref4.cn("img", {
-        "src": icon,
-        "alt": ""
-      })) : icon), /* @__PURE__ */ React.createElement(Children, _ref4.cn("Children", {})));
-    }
-  }]);
-})(Component);
+      }, _ref)
+    }), isNode(icon) && /* @__PURE__ */ React.createElement(SImage, _ref4.cn("SImage", {
+      "aria-hidden": "true"
+    }), typeof icon === "string" ? /* @__PURE__ */ React.createElement("img", _ref4.cn("img", {
+      "src": icon,
+      "alt": ""
+    })) : icon), /* @__PURE__ */ React.createElement(Children, _ref4.cn("Children", {})));
+  }
+}
 _defineProperty(WidgetEmpty, "displayName", "WidgetEmpty");
 _defineProperty(WidgetEmpty, "style", style);
-var Title = function Title2(props) {
+function Title(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) {
+  const STitle = Box;
+  const {
+    styles
+  } = props;
+  return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(STitle, _ref5.cn("STitle", {
+    ...assignProps({}, _ref2)
+  }));
+}
+function Description(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 SDescription = Box;
+  const {
+    styles
+  } = props;
+  return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SDescription, _ref6.cn("SDescription", {
+    ...assignProps({}, _ref3)
+  }));
+}
 const WidgetEmpty$1 = createComponent(WidgetEmpty, {
   Title,
   Description

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

@@ -2,7 +2,6 @@ SWidgetEmpty {
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  margin-bottom: var(--intergalactic-spacing-4x, 16px);
 }
 
 SImage {
@@ -37,4 +36,4 @@ STitle+SDescription {
 
 SDescription+SDescription {
   margin-top: var(--intergalactic-spacing-2x, 8px);
-}
+}

package/lib/types/index.d.ts

@@ -1,12 +1,10 @@
-import type { Intergalactic, UnknownProperties } from '@semcore/core';
+import type { Box, FlexProps } from '@semcore/base-components';
+import type { Intergalactic } from '@semcore/core';
 import type { WithI18nEnhanceProps } from '@semcore/core/lib/utils/enhances/i18nEnhance';
-import type { Box, FlexProps } from '@semcore/flex-box';
 import type { TIllustrationNamesWidgetEmpty } from '@semcore/illustration';
 
 export type iconNamesWidgetEmpty = TIllustrationNamesWidgetEmpty;
 
-/** @deprecated */
-export interface IWidgetEmptyProps extends WidgetEmptyProps, UnknownProperties {}
 export type WidgetEmptyProps = FlexProps & {
   /**
    * URL before the icon or the whole component
@@ -14,16 +12,12 @@ export type WidgetEmptyProps = FlexProps & {
   icon?: React.ReactNode;
 };
 
-/** @deprecated */
-export interface IWidgetErrorProps extends WidgetErrorProps, UnknownProperties {}
 export type WidgetErrorProps = WidgetEmptyProps &
   WithI18nEnhanceProps & {
     /** Error description. If it is absent, use the local default one */
     description?: React.ReactNode;
   };
 
-/** @deprecated */
-export interface IWidgetNoDataProps extends WidgetNoDataProps, UnknownProperties {}
 export type WidgetNoDataProps = WidgetEmptyProps &
   WithI18nEnhanceProps & {
     /** Error description. If it is absent, use the local default one */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/widget-empty",
   "description": "Semrush WidgetEmpty Component",
-  "version": "16.0.11",
+  "version": "17.0.0-prerelease.18",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,11 +14,10 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/flex-box": "16.0.11",
     "@semcore/illustration": "16.0.12"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.0.0"
+    "@semcore/base-components": "^17.0.0-prerelease.18"
   },
   "repository": {
     "type": "git",
@@ -26,8 +25,9 @@
     "directory": "semcore/widget-empty"
   },
   "devDependencies": {
+    "@semcore/core": "17.0.0-prerelease.18",
     "@semcore/testing-utils": "1.0.0",
-    "@semcore/core": "16.5.1"
+    "@semcore/base-components": "17.0.0-prerelease.18"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=js && pnpm vite build"