rc-notification - npm Package Compare versions

Comparing version 5.0.0-alpha.0 to 5.0.0-alpha.1

es/Notifications.d.ts

@@ -12,2 +12,3 @@ import * as React from 'react';
     prefixCls?: string;
+    style?: React.CSSProperties;
     motion?: CSSMotionProps;
@@ -14,0 +15,0 @@ container?: HTMLElement;

es/Notifications.js

@@ -17,4 +17,3 @@ import _extends from "@babel/runtime/helpers/esm/extends";
       maxCount = props.maxCount,
-      top = props.top,
-      bottom = props.bottom;
+      style = props.style;
 
@@ -130,6 +129,3 @@ var _React$useState = React.useState([]),
       className: classNames(prefixCls, "".concat(prefixCls, "-topRight")),
-      style: {
-        top: top,
-        bottom: bottom
-      },
+      style: style,
       keys: keys,
@@ -144,3 +140,3 @@ motionAppear: true
           className = _ref.className,
-          style = _ref.style;
+          motionStyle = _ref.style;
       var key = config.key;
@@ -153,3 +149,3 @@ var configClassName = config.className,
         className: classNames(className, configClassName),
-        style: _objectSpread(_objectSpread({}, style), configStyle),
+        style: _objectSpread(_objectSpread({}, motionStyle), configStyle),
         key: key,
@@ -156,0 +152,0 @@ eventKey: key,

es/useNotification.d.ts

@@ -14,4 +14,4 @@ import * as React from 'react';
     duration?: number;
-    top?: number;
-    bottom?: number;
+    /** Config for notification holder style */
+    style?: React.CSSProperties;
 }
@@ -18,0 +18,0 @@ export interface NotificationAPI {

es/useNotification.js

@@ -5,3 +5,3 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["getContainer", "motion", "prefixCls", "maxCount", "top", "bottom"];
+var _excluded = ["getContainer", "motion", "prefixCls", "maxCount", "style"];
 import * as React from 'react';
@@ -22,4 +22,3 @@ import Notifications from './Notifications';
       maxCount = rootConfig.maxCount,
-      top = rootConfig.top,
-      bottom = rootConfig.bottom,
+      style = rootConfig.style,
       shareConfig = _objectWithoutProperties(rootConfig, _excluded);
@@ -39,4 +38,3 @@
     maxCount: maxCount,
-    top: top,
-    bottom: bottom
+    style: style
   });
@@ -43,0 +41,0 @@

lib/Notifications.d.ts

@@ -12,2 +12,3 @@ import * as React from 'react';
     prefixCls?: string;
+    style?: React.CSSProperties;
     motion?: CSSMotionProps;
@@ -14,0 +15,0 @@ container?: HTMLElement;

lib/Notifications.js

@@ -37,4 +37,3 @@ "use strict";
       maxCount = props.maxCount,
-      top = props.top,
-      bottom = props.bottom;
+      style = props.style;
 
@@ -148,6 +147,3 @@ var _React$useState = React.useState([]),
       className: (0, _classnames.default)(prefixCls, "".concat(prefixCls, "-topRight")),
-      style: {
-        top: top,
-        bottom: bottom
-      },
+      style: style,
       keys: keys,
@@ -162,3 +158,3 @@ motionAppear: true
           className = _ref.className,
-          style = _ref.style;
+          motionStyle = _ref.style;
       var key = config.key;
@@ -171,3 +167,3 @@ var configClassName = config.className,
         className: (0, _classnames.default)(className, configClassName),
-        style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, style), configStyle),
+        style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, motionStyle), configStyle),
         key: key,
@@ -174,0 +170,0 @@ eventKey: key,

lib/useNotification.d.ts

@@ -14,4 +14,4 @@ import * as React from 'react';
     duration?: number;
-    top?: number;
-    bottom?: number;
+    /** Config for notification holder style */
+    style?: React.CSSProperties;
 }
@@ -18,0 +18,0 @@ export interface NotificationAPI {

lib/useNotification.js

@@ -24,3 +24,3 @@ "use strict";
 
-var _excluded = ["getContainer", "motion", "prefixCls", "maxCount", "top", "bottom"];
+var _excluded = ["getContainer", "motion", "prefixCls", "maxCount", "style"];
 
@@ -38,4 +38,3 @@ var defaultGetContainer = function defaultGetContainer() {
       maxCount = rootConfig.maxCount,
-      top = rootConfig.top,
-      bottom = rootConfig.bottom,
+      style = rootConfig.style,
       shareConfig = (0, _objectWithoutProperties2.default)(rootConfig, _excluded);
@@ -55,4 +54,3 @@
     maxCount: maxCount,
-    top: top,
-    bottom: bottom
+    style: style
   });
@@ -59,0 +57,0 @@

package.json

 {
   "name": "rc-notification",
-  "version": "5.0.0-alpha.0",
+  "version": "5.0.0-alpha.1",
   "description": "notification ui component for react",
@@ -5,0 +5,0 @@ "engines": {

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

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

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

Improved metrics

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

44684

decreased by-0.17%

Lines of code

830

decreased by-1.19%

No dependency changes