@uiw/react-notify - npm Package Compare versions

Comparing version 4.21.23 to 5.0.0-bate.2.0

cjs/Container.d.ts

@@ -24,1 +24,2 @@ import React from 'react';
 }
+//# sourceMappingURL=Container.d.ts.map

cjs/Container.js

@@ -17,3 +17,3 @@ "use strict";
 var _react = _interopRequireDefault(require("react"));
-var _reactAlert = _interopRequireDefault(require("@uiw/react-alert"));
+var _style = require("./style");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -89,4 +89,4 @@ var _excluded = ["description", "isOpen"];
       var placement = this.state.placement;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react["default"].Fragment, {
-        children: placement && Object.keys(this.state.notifys[placement]).map(function (key) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react["default"].Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_style.NotifyGlobalStyle, {}), placement && Object.keys(this.state.notifys[placement]).map(function (key) {
           var _this3$state$notifys$ = _this3.state.notifys[placement][key],
@@ -99,3 +99,3 @@ description = _this3$state$notifys$.description,
           }
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactAlert["default"], (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_style.NotifyStyleAlertBase, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
             className: prefixCls,
@@ -110,3 +110,3 @@ useButton: false,
           }), key);
-        })
+        })]
       });
@@ -113,0 +113,0 @@ }

cjs/index.d.ts

 import React from 'react';
 import { AlertProps } from '@uiw/react-alert';
 import { Placement, ContainerNotifys } from './Container';
-import './style/index.less';
 export interface NotificationCreateProps extends Omit<AlertProps, 'type'> {
@@ -32,1 +31,2 @@ placement?: Placement;
 export default _default;
+//# sourceMappingURL=index.d.ts.map

cjs/index.js

@@ -13,2 +13,7 @@ "use strict";
 var _Container = _interopRequireDefault(require("./Container"));
+var _CircleCheck = require("@uiw/icons/lib/CircleCheck");
+var _Warning = require("@uiw/icons/lib/Warning");
+var _Information = require("@uiw/icons/lib/Information");
+var _CircleClose = require("@uiw/icons/lib/CircleClose");
+var _reactIcon = require("@uiw/react-icon");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -26,12 +31,20 @@ var notifys = {};
       case 'success':
-        props.icon = 'circle-check';
+        props.icon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcon.IconStyleBase, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircleCheck.CircleCheck, {})
+        });
         break;
       case 'warning':
-        props.icon = 'warning';
+        props.icon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcon.IconStyleBase, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Warning.Warning, {})
+        });
         break;
       case 'info':
-        props.icon = 'information';
+        props.icon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcon.IconStyleBase, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Information.Information, {})
+        });
         break;
       case 'error':
-        props.icon = 'circle-close';
+        props.icon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcon.IconStyleBase, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircleClose.CircleClose, {})
+        });
         break;
@@ -38,0 +51,0 @@ default:

esm/Container.d.ts

@@ -24,1 +24,2 @@ import React from 'react';
 }
+//# sourceMappingURL=Container.d.ts.map

esm/Container.js

@@ -5,4 +5,5 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import Alert from '@uiw/react-alert';
+import { NotifyStyleAlertBase, NotifyGlobalStyle } from './style';
 import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var notifys = {};
@@ -66,4 +67,4 @@ var timer = {};
     } = this.state;
-    return /*#__PURE__*/_jsx(React.Fragment, {
-      children: placement && Object.keys(this.state.notifys[placement]).map(key => {
+    return /*#__PURE__*/_jsxs(React.Fragment, {
+      children: [/*#__PURE__*/_jsx(NotifyGlobalStyle, {}), placement && Object.keys(this.state.notifys[placement]).map(key => {
         var _this$state$notifys$p = this.state.notifys[placement][key],
@@ -78,3 +79,3 @@ {
         }
-        return /*#__PURE__*/_jsx(Alert, _extends({
+        return /*#__PURE__*/_jsx(NotifyStyleAlertBase, _extends({
           className: prefixCls,
@@ -89,3 +90,3 @@ useButton: false,
         }), key);
-      })
+      })]
     });
@@ -92,0 +93,0 @@ }

esm/index.d.ts

 import React from 'react';
 import { AlertProps } from '@uiw/react-alert';
 import { Placement, ContainerNotifys } from './Container';
-import './style/index.less';
 export interface NotificationCreateProps extends Omit<AlertProps, 'type'> {
@@ -32,1 +31,2 @@ placement?: Placement;
 export default _default;
+//# sourceMappingURL=index.d.ts.map

esm/index.js

@@ -6,3 +6,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import Container from './Container';
-import "./style/index.css";
+import { CircleCheck } from '@uiw/icons/lib/CircleCheck';
+import { Warning } from '@uiw/icons/lib/Warning';
+import { Information } from '@uiw/icons/lib/Information';
+import { CircleClose } from '@uiw/icons/lib/CircleClose';
+import { IconStyleBase } from '@uiw/react-icon';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -22,12 +26,20 @@ var notifys = {};
       case 'success':
-        props.icon = 'circle-check';
+        props.icon = /*#__PURE__*/_jsx(IconStyleBase, {
+          children: /*#__PURE__*/_jsx(CircleCheck, {})
+        });
         break;
       case 'warning':
-        props.icon = 'warning';
+        props.icon = /*#__PURE__*/_jsx(IconStyleBase, {
+          children: /*#__PURE__*/_jsx(Warning, {})
+        });
         break;
       case 'info':
-        props.icon = 'information';
+        props.icon = /*#__PURE__*/_jsx(IconStyleBase, {
+          children: /*#__PURE__*/_jsx(Information, {})
+        });
         break;
       case 'error':
-        props.icon = 'circle-close';
+        props.icon = /*#__PURE__*/_jsx(IconStyleBase, {
+          children: /*#__PURE__*/_jsx(CircleClose, {})
+        });
         break;
@@ -34,0 +46,0 @@ default:

package.json

 {
   "name": "@uiw/react-notify",
-  "version": "4.21.23",
+  "version": "5.0.0-bate.2.0",
   "description": "Notify component",
@@ -44,10 +44,13 @@ "author": "Kenny Wong <[e-mail]>",
     "react": ">=16.9.0",
-    "react-dom": ">=16.9.0"
+    "react-dom": ">=16.9.0",
+    "styled-components": ">=5.3.5"
   },
   "dependencies": {
-    "@uiw/react-alert": "^4.21.23",
-    "@uiw/react-button": "^4.21.23",
-    "@uiw/react-icon": "^4.21.23",
-    "@uiw/utils": "^4.21.23"
+    "@uiw/react-alert": "^5.0.0-bate.2.0",
+    "@uiw/react-button": "^5.0.0-bate.2.0",
+    "@uiw/react-icon": "^5.0.0-bate.2.0",
+    "@uiw/react-modal": "^5.0.0-bate.2.0",
+    "@uiw/react-overlay": "^5.0.0-bate.2.0",
+    "@uiw/utils": "^5.0.0-bate.2.0"
   }
 }

README.md

@@ -18,7 +18,7 @@ Notify 消息通知
 
-```jsx mdx:preview&bg=#fff
+```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true
 import React from 'react';
 import { Button, Notify } from 'uiw';
 
-export default function Demo() {
+const Demo = () => {
   return (
@@ -71,2 +71,3 @@ <div>
 }
+export default Demo
 ```
@@ -77,7 +78,7 @@
 
-```jsx mdx:preview&bg=#fff
+```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true
 import React from 'react';
 import { Button, Notify } from 'uiw';
 
-export default function Demo() {
+const Demo = () => {
   return (
@@ -123,2 +124,3 @@ <div>
 }
+export default Demo
 ```
@@ -128,7 +130,7 @@
 
-```jsx mdx:preview&bg=#fff
+```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true
 import React from 'react';
 import { Button, Notify } from 'uiw';
 
-export default function Demo() {
+const Demo = () => {
   return (
@@ -151,2 +153,3 @@ <div>
 }
+export default Demo
 ```
@@ -156,7 +159,7 @@
 
-```jsx mdx:preview&bg=#fff
+```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true
 import React from 'react';
 import { Button, Notify } from 'uiw';
 
-export default function Demo() {
+const Demo = () => {
   return (
@@ -192,2 +195,3 @@ <div>
 }
+export default Demo
 ```
@@ -197,7 +201,7 @@
 
-```jsx mdx:preview&bg=#fff
+```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true
 import React from 'react';
 import { Button, Notify } from 'uiw';
 
-export default function Demo() {
+const Demo = () => {
   return (
@@ -219,2 +223,3 @@ <div>
 }
+export default Demo
 ```
@@ -224,7 +229,7 @@
 
-```jsx mdx:preview&bg=#fff
+```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true
 import React from 'react';
 import { Button, Notify } from 'uiw';
 
-export default function Demo() {
+const Demo = () => {
   return (
@@ -255,2 +260,3 @@ <div>
 }
+export default Demo
 ```
@@ -257,0 +263,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

85221

increased by30.61%

Number of package files

23

increased by9.52%

Lines of code

907

increased by8.23%

Number of lines in readme file

274

increased by2.24%

Worsened metrics

Dependency count

9

increased by50%

Number of low quality alerts

1

increased byInfinity%

Dependency changes

• + Added@uiw/react-modal@^5.0.0-bate.2.0

• + Added@uiw/react-overlay@^5.0.0-bate.2.0

• + Added@emotion/is-prop-valid@1.2.2(transitive)

• + Added@emotion/memoize@0.8.1(transitive)

• + Added@emotion/unitless@0.8.1(transitive)

• + Added@types/stylis@4.2.5(transitive)

• + Added@uiw/icons@2.6.1(transitive)

• + Added@uiw/react-alert@5.0.0-bate-9(transitive)

• + Added@uiw/react-button@5.0.0-bate-9(transitive)

• + Added@uiw/react-icon@5.0.0-bate-9(transitive)

• + Added@uiw/react-modal@5.0.0-bate-9(transitive)

• + Added@uiw/react-overlay@5.0.0-bate-9(transitive)

• + Added@uiw/react-portal@5.0.0-bate-9(transitive)

• + Added@uiw/utils@5.0.0-bate-9(transitive)

• + Addedcamelize@1.0.1(transitive)

• + Addedcss-color-keywords@1.0.0(transitive)

• + Addedcss-to-react-native@3.2.0(transitive)

• + Addednanoid@3.3.8(transitive)

• + Addedpicocolors@1.1.1(transitive)

• + Addedpostcss@8.4.38(transitive)

• + Addedpostcss-value-parser@4.2.0(transitive)

• + Addedshallowequal@1.1.0(transitive)

• + Addedsource-map-js@1.2.1(transitive)

• + Addedstyled-components@6.1.13(transitive)

• + Addedstylis@4.3.2(transitive)

• + Addedtslib@2.6.2(transitive)

• - Removed@uiw/icons@2.6.10(transitive)

• - Removed@uiw/react-alert@4.22.3(transitive)

• - Removed@uiw/react-button@4.22.3(transitive)

• - Removed@uiw/react-icon@4.22.3(transitive)

• - Removed@uiw/react-modal@4.22.3(transitive)

• - Removed@uiw/react-overlay@4.22.3(transitive)

• - Removed@uiw/react-portal@4.22.3(transitive)

• - Removed@uiw/utils@4.22.3(transitive)

• Updated@uiw/react-alert@^5.0.0-bate.2.0

• Updated@uiw/react-button@^5.0.0-bate.2.0

• Updated@uiw/react-icon@^5.0.0-bate.2.0

• Updated@uiw/utils@^5.0.0-bate.2.0