@semcore/widget-empty 3.4.2 → 3.5.0

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [3.5.0] - 2022-10-06
+
+### Changed
+
+- Version minor update due to children dependencies update (`@semcore/illustration` [1.1.5 ~> 1.2.0]).
+
 ## [3.4.2] - 2022-09-27
 
 ### Changed
@@ -36,24 +42,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Version patch update due to children dependencies update (`@semcore/utils` [3.37.0 ~> 3.37.1], `@semcore/flex-box` [4.5.10 ~> 4.5.11]).
 
-## [3.2.3] - 2022-08-18
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.36.0 ~> 3.37.0], `@semcore/flex-box` [4.5.9 ~> 4.5.10]).
-
-## [3.2.2] - 2022-08-11
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.35.1 ~> 3.36.0], `@semcore/flex-box` [4.5.8 ~> 4.5.9]).
-
-## [3.2.1] - 2022-07-22
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.34.0 ~> 3.35.0], `@semcore/flex-box` [4.5.6 ~> 4.5.7]).
-
 ## [3.2.0] - 2022-06-30
 
 ### Changed
@@ -72,12 +60,6 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
 
 - Version patch update due to children dependencies update (`@semcore/utils` [3.32.1 ~> 3.32.2], `@semcore/flex-box` [4.5.3 ~> 4.5.4]).
 
-## [3.0.1] - 2022-05-19
-
-### Changed
-
-- Version patch update due to children dependencies update (`@semcore/utils` [3.32.0 ~> 3.32.1], `@semcore/flex-box` [4.5.1 ~> 4.5.3]).
-
 ## [3.0.0] - 2022-05-17
 
 ### BREAK

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright ©, 2022, Semrush Inc. (written by Roman Lysov, Sergey Kobets, Mikhail Karachev, Julia Mnizhek, Elena Krasnopolskaia, Mikhail Sereniti).
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/lib/cjs/WidgetEmpty.js

@@ -48,15 +48,15 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SWidgetEmpty_4citj_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:16px}.___SImage_4citj_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:12px}.___STitle_4citj_gg_{color:#6c6e79}.___STitle_4citj_gg_{font-size:16px;line-height:1.5;font-weight:700}.___SDescription_4citj_gg_{text-align:center;font-size:14px;line-height:1.42;color:#6c6e79;max-width:400px}.___STitle_4citj_gg_+.___SDescription_4citj_gg_{margin-top:4px}.___SDescription_4citj_gg_+.___SDescription_4citj_gg_{margin-top:8px}"
+":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SWidgetEmpty_1yxj5_gg_ {\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 16px;\n}\n\n.___SImage_1yxj5_gg_ {\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  margin-bottom: 12px;\n}\n\n.___STitle_1yxj5_gg_ {\n  color: #6c6e79;\n}\n\n.___STitle_1yxj5_gg_ {\n  font-size: 16px;\n  line-height: 1.5;\n  font-weight: bold;\n}\n\n.___SDescription_1yxj5_gg_ {\n  text-align: center;\n  font-size: 14px;\n  line-height: 1.42;\n  color: #6c6e79;\n  max-width: 400px;\n}\n\n.___STitle_1yxj5_gg_ + .___SDescription_1yxj5_gg_ {\n  margin-top: 4px;\n}\n\n.___SDescription_1yxj5_gg_ + .___SDescription_1yxj5_gg_ {\n  margin-top: 8px;\n}\n"
 /*__inner_css_end__*/
-, "4citj_gg_")
+, "1yxj5_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SWidgetEmpty": "___SWidgetEmpty_4citj_gg_",
-  "__SImage": "___SImage_4citj_gg_",
-  "__STitle": "___STitle_4citj_gg_",
-  "__SDescription": "___SDescription_4citj_gg_"
+  "__SWidgetEmpty": "___SWidgetEmpty_1yxj5_gg_",
+  "__SImage": "___SImage_1yxj5_gg_",
+  "__STitle": "___STitle_1yxj5_gg_",
+  "__SDescription": "___SDescription_1yxj5_gg_"
 });
 
 var getIconPath = function getIconPath(name) {

package/lib/cjs/index.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.d.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { CProps, ReturnEl } from '@semcore/core';\nimport { Box, IFlexProps } from '@semcore/flex-box';\nimport { TIllustrationNamesWidgetEmpty } from '@semcore/illustration';\nimport { IWithI18nEnhanceProps } from '@semcore/utils/lib/enhances/i18nEnhance';\n\nexport type iconNamesWidgetEmpty = TIllustrationNamesWidgetEmpty;\n\nexport interface IWidgetEmptyProps extends IFlexProps {\n  /**\n   * URL before the icon or the whole component\n   */\n  icon?: React.ReactNode;\n}\n\nexport interface IWidgetErrorProps extends IWidgetEmptyProps, IWithI18nEnhanceProps {\n  /** Error description. If it is absent, use the local default one */\n  description?: React.ReactNode;\n}\n\nexport interface IWidgetNoDataProps extends IWidgetEmptyProps, IWithI18nEnhanceProps {\n  /** Error description. If it is absent, use the local default one */\n  description?: React.ReactNode;\n  /* Data types */\n  type?: iconNamesWidgetEmpty;\n}\n\ndeclare const WidgetEmpty: (<T>(props: CProps<IWidgetEmptyProps> & T) => ReturnEl) & {\n  Title: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;\n  Description: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;\n};\n\nexport declare const NoData: <T>(props: CProps<IWidgetNoDataProps> & T) => ReturnEl;\nexport declare const Error: <T>(props: CProps<IWidgetErrorProps> & T) => ReturnEl;\nexport declare const getIconPath: (name: string) => string;\n\nexport default WidgetEmpty;\n"],"mappings":""}

package/lib/es6/WidgetEmpty.js

@@ -28,15 +28,15 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SWidgetEmpty_4citj_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:16px}.___SImage_4citj_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:12px}.___STitle_4citj_gg_{color:#6c6e79}.___STitle_4citj_gg_{font-size:16px;line-height:1.5;font-weight:700}.___SDescription_4citj_gg_{text-align:center;font-size:14px;line-height:1.42;color:#6c6e79;max-width:400px}.___STitle_4citj_gg_+.___SDescription_4citj_gg_{margin-top:4px}.___SDescription_4citj_gg_+.___SDescription_4citj_gg_{margin-top:8px}"
+":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SWidgetEmpty_1yxj5_gg_ {\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 16px;\n}\n\n.___SImage_1yxj5_gg_ {\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  margin-bottom: 12px;\n}\n\n.___STitle_1yxj5_gg_ {\n  color: #6c6e79;\n}\n\n.___STitle_1yxj5_gg_ {\n  font-size: 16px;\n  line-height: 1.5;\n  font-weight: bold;\n}\n\n.___SDescription_1yxj5_gg_ {\n  text-align: center;\n  font-size: 14px;\n  line-height: 1.42;\n  color: #6c6e79;\n  max-width: 400px;\n}\n\n.___STitle_1yxj5_gg_ + .___SDescription_1yxj5_gg_ {\n  margin-top: 4px;\n}\n\n.___SDescription_1yxj5_gg_ + .___SDescription_1yxj5_gg_ {\n  margin-top: 8px;\n}\n"
 /*__inner_css_end__*/
-, "4citj_gg_")
+, "1yxj5_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SWidgetEmpty": "___SWidgetEmpty_4citj_gg_",
-  "__SImage": "___SImage_4citj_gg_",
-  "__STitle": "___STitle_4citj_gg_",
-  "__SDescription": "___SDescription_4citj_gg_"
+  "__SWidgetEmpty": "___SWidgetEmpty_1yxj5_gg_",
+  "__SImage": "___SImage_1yxj5_gg_",
+  "__STitle": "___STitle_1yxj5_gg_",
+  "__SDescription": "___SDescription_1yxj5_gg_"
 });
 export var getIconPath = function getIconPath(name) {
   return getIllustrationPath(name);

package/lib/es6/index.d.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { CProps, ReturnEl } from '@semcore/core';\nimport { Box, IFlexProps } from '@semcore/flex-box';\nimport { TIllustrationNamesWidgetEmpty } from '@semcore/illustration';\nimport { IWithI18nEnhanceProps } from '@semcore/utils/lib/enhances/i18nEnhance';\n\nexport type iconNamesWidgetEmpty = TIllustrationNamesWidgetEmpty;\n\nexport interface IWidgetEmptyProps extends IFlexProps {\n  /**\n   * URL before the icon or the whole component\n   */\n  icon?: React.ReactNode;\n}\n\nexport interface IWidgetErrorProps extends IWidgetEmptyProps, IWithI18nEnhanceProps {\n  /** Error description. If it is absent, use the local default one */\n  description?: React.ReactNode;\n}\n\nexport interface IWidgetNoDataProps extends IWidgetEmptyProps, IWithI18nEnhanceProps {\n  /** Error description. If it is absent, use the local default one */\n  description?: React.ReactNode;\n  /* Data types */\n  type?: iconNamesWidgetEmpty;\n}\n\ndeclare const WidgetEmpty: (<T>(props: CProps<IWidgetEmptyProps> & T) => ReturnEl) & {\n  Title: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;\n  Description: <T>(props: ComponentProps<typeof Box> & T) => ReturnEl;\n};\n\nexport declare const NoData: <T>(props: CProps<IWidgetNoDataProps> & T) => ReturnEl;\nexport declare const Error: <T>(props: CProps<IWidgetErrorProps> & T) => ReturnEl;\nexport declare const getIconPath: (name: string) => string;\n\nexport default WidgetEmpty;\n"],"mappings":""}

package/lib/types/index.d.ts

@@ -30,9 +30,8 @@ declare const WidgetEmpty: (<T>(props: CProps<IWidgetEmptyProps> & T) => ReturnE
   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 declare const NoData: <T>(props: CProps<IWidgetNoDataProps> & T) => ReturnEl;
+export declare const Error: <T>(props: CProps<IWidgetErrorProps> & T) => ReturnEl;
+export declare const getIconPath: (name: string) => string;
 
 export default WidgetEmpty;
-export { getIconPath, NoData, Error };

package/package.json

@@ -1,20 +1,16 @@
 {
   "name": "@semcore/widget-empty",
   "description": "Semrush WidgetEmpty Component",
-  "version": "3.4.2",
+  "version": "3.5.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
   "sideEffects": false,
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
-  "scripts": {
-    "build": "build --source=js",
-    "test": "jest"
-  },
   "dependencies": {
     "@semcore/flex-box": "^4",
-    "@semcore/illustration": "1.1.2",
+    "@semcore/illustration": "1.2.0",
     "@semcore/utils": "^3.27"
   },
   "peerDependencies": {
@@ -30,6 +26,11 @@
     "directory": "semcore/widget-empty"
   },
   "devDependencies": {
+    "@types/react": "16.8 - 17",
     "@semcore/jest-preset-ui": "1.0.0"
+  },
+  "scripts": {
+    "build": "pnpm semcore-builder --source=js",
+    "test": "jest"
   }
-}
+}

package/lib/cjs/index.d.ts

@@ -1,38 +0,0 @@
-import { ComponentProps } from 'react';
-import { CProps, ReturnEl } from '@semcore/core';
-import { Box, IFlexProps } from '@semcore/flex-box';
-import { TIllustrationNamesWidgetEmpty } from '@semcore/illustration';
-import { IWithI18nEnhanceProps } from '@semcore/utils/lib/enhances/i18nEnhance';
-
-export type iconNamesWidgetEmpty = TIllustrationNamesWidgetEmpty;
-
-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?: iconNamesWidgetEmpty;
-}
-
-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.d.ts

@@ -1,38 +0,0 @@
-import { ComponentProps } from 'react';
-import { CProps, ReturnEl } from '@semcore/core';
-import { Box, IFlexProps } from '@semcore/flex-box';
-import { TIllustrationNamesWidgetEmpty } from '@semcore/illustration';
-import { IWithI18nEnhanceProps } from '@semcore/utils/lib/enhances/i18nEnhance';
-
-export type iconNamesWidgetEmpty = TIllustrationNamesWidgetEmpty;
-
-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?: iconNamesWidgetEmpty;
-}
-
-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 };