@uiw/react-alert - npm Package Compare versions

Comparing version 4.21.23 to 5.0.0-bate.2.0

cjs/index.d.ts

 import { ModalProps } from '@uiw/react-modal';
 import { IProps } from '@uiw/utils';
-import './style/index.less';
+export * from './style';
 export interface AlertProps extends IProps, ModalProps {
@@ -9,1 +9,2 @@ width?: number;
 export default _default;
+//# sourceMappingURL=index.d.ts.map

cjs/index.js

@@ -7,2 +7,3 @@ "use strict";
 });
+var _exportNames = {};
 exports["default"] = void 0;
@@ -13,2 +14,14 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _reactModal = _interopRequireDefault(require("@uiw/react-modal"));
+var _style = require("./style");
+Object.keys(_style).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _style[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _style[key];
+    }
+  });
+});
 var _jsxRuntime = require("react/jsx-runtime");
@@ -25,3 +38,5 @@ var _excluded = ["prefixCls", "className", "width"];
   var cls = [prefixCls, className].filter(Boolean).join(' ').trim();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactModal["default"], (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, other), {}, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_style.AlertStyleWarp, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+    as: _reactModal["default"]
+  }, other), {}, {
     width: width,
@@ -33,3 +48,2 @@ className: cls,
 exports["default"] = _default;
-module.exports = exports.default;
 //# sourceMappingURL=index.js.map

esm/index.d.ts

 import { ModalProps } from '@uiw/react-modal';
 import { IProps } from '@uiw/utils';
-import './style/index.less';
+export * from './style';
 export interface AlertProps extends IProps, ModalProps {
@@ -9,1 +9,2 @@ width?: number;
 export default _default;
+//# sourceMappingURL=index.d.ts.map

esm/index.js

@@ -6,4 +6,5 @@ import _extends from "@babel/runtime/helpers/extends";
 import Modal from '@uiw/react-modal';
-import "./style/index.css";
+import { AlertStyleWarp } from './style';
 import { jsx as _jsx } from "react/jsx-runtime";
+export * from './style';
 export default (function (props) {
@@ -20,3 +21,5 @@ if (props === void 0) {
   var cls = [prefixCls, className].filter(Boolean).join(' ').trim();
-  return /*#__PURE__*/_jsx(Modal, _extends({}, other, {
+  return /*#__PURE__*/_jsx(AlertStyleWarp, _extends({
+    as: Modal
+  }, other, {
     width: width,
@@ -23,0 +26,0 @@ className: cls,

package.json

 {
   "name": "@uiw/react-alert",
-  "version": "4.21.23",
+  "version": "5.0.0-bate.2.0",
   "description": "Alert component",
@@ -44,8 +44,11 @@ "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-modal": "^4.21.23",
-    "@uiw/utils": "^4.21.23"
+    "@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/utils": "^5.0.0-bate.2.0"
   }
 }

README.md

@@ -18,3 +18,3 @@ Alert 确认对话框
 
-```jsx mdx:preview
+```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true
 import React from 'react';
@@ -72,3 +72,3 @@ import { Alert, ButtonGroup, Button } from 'uiw';
 
-```jsx mdx:preview
+```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true
 import React from 'react';
@@ -126,3 +126,3 @@ import { Alert, Button } from 'uiw';
 
-```jsx mdx:preview
+```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true
 import React from 'react';
@@ -219,3 +219,3 @@ import { Alert, ButtonGroup, Button } from 'uiw';
 
-```jsx mdx:preview
+```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true
 import React from 'react';
@@ -256,2 +256,3 @@ import { Alert, ButtonGroup, Button } from 'uiw';
           cancelText="取消按钮"
+          icon="circle-check"
           type="success"
@@ -319,3 +320,3 @@ onClosed={this.onClosed.bind(this, 'visible2')}
 
-```jsx mdx:preview
+```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true
 import React from 'react';
@@ -368,3 +369,3 @@ import { Alert, ButtonGroup, Button } from 'uiw';
 
-```jsx mdx:preview
+```jsx mdx:preview&background=#fff&codeSandbox=true&codePen=true
 import React from 'react';
@@ -421,3 +422,3 @@ import { Alert, ButtonGroup, Button } from 'uiw';
 | type | 按钮类型跟 `<Button>` 组件的 `type` 参数一致，同时会影响按钮颜色。 | String | `light` |
-| icon[`<Modal>`](#/components/modal) | 设置对话框右上角图标，，设置 `type` 将图标设置不同的颜色。当前属性为 [`<Icon>`](#/components/icon) 组件的 `type` 属性，所以可以参考该组件自定义图标。 | String/ReactNode | - |
+| icon[`<Modal>`](#/components/modal) | 设置对话框左上角图标，，设置 `type` 将图标设置不同的颜色。当前属性为 [`<Icon>`](#/components/icon) 组件的 `type` 属性，所以可以参考该组件自定义图标。 | String/ReactNode | - |
 | title[`<Modal>`](#/components/modal)  | 设置标题 | Function(e) | - |
@@ -424,0 +425,0 @@ | useButton[`<Modal>`](#/components/modal) | 是否使用默认按钮，如果设置 `false` 需要自定义按钮关闭 | Boolean | `true` |

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

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

50686

increased by69.04%

Number of package files

16

increased by14.29%

Lines of code

338

increased by60.19%

Number of lines in readme file

421

increased by0.24%

Worsened metrics

Dependency count

7

increased by75%

Number of low quality alerts

1

increased byInfinity%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

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

• + Added@uiw/react-icon@^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-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-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-modal@^5.0.0-bate.2.0

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