Socket
Socket
Sign inDemoInstall

rc-notification

Package Overview
Dependencies
Maintainers
3
Versions
75
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

rc-notification - npm Package Compare versions

Comparing version 1.4.2 to 1.4.3

es/index.js

4

lib/index.js

@@ -11,5 +11,5 @@ 'use strict';

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
exports["default"] = _Notification2["default"];
exports['default'] = _Notification2['default'];
module.exports = exports['default'];

@@ -7,2 +7,22 @@ 'use strict';

var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
var _defineProperty3 = _interopRequireDefault(_defineProperty2);
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _createClass2 = require('babel-runtime/helpers/createClass');
var _createClass3 = _interopRequireDefault(_createClass2);
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = require('babel-runtime/helpers/inherits');
var _inherits3 = _interopRequireDefault(_inherits2);
var _react = require('react');

@@ -20,21 +40,13 @@

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
var Notice = function (_Component) {
_inherits(Notice, _Component);
(0, _inherits3['default'])(Notice, _Component);
function Notice() {
var _ref;
var _temp, _this, _ret;
_classCallCheck(this, Notice);
(0, _classCallCheck3['default'])(this, Notice);

@@ -45,3 +57,3 @@ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {

return _ret = (_temp = (_this = _possibleConstructorReturn(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.clearCloseTimer = function () {
return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, (_ref = Notice.__proto__ || Object.getPrototypeOf(Notice)).call.apply(_ref, [this].concat(args))), _this), _this.clearCloseTimer = function () {
if (_this.closeTimer) {

@@ -54,41 +66,45 @@ clearTimeout(_this.closeTimer);

_this.props.onClose();
}, _temp), _possibleConstructorReturn(_this, _ret);
}, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);
}
Notice.prototype.componentDidMount = function componentDidMount() {
var _this2 = this;
(0, _createClass3['default'])(Notice, [{
key: 'componentDidMount',
value: function componentDidMount() {
var _this2 = this;
if (this.props.duration) {
this.closeTimer = setTimeout(function () {
_this2.close();
}, this.props.duration * 1000);
if (this.props.duration) {
this.closeTimer = setTimeout(function () {
_this2.close();
}, this.props.duration * 1000);
}
}
};
}, {
key: 'componentWillUnmount',
value: function componentWillUnmount() {
this.clearCloseTimer();
}
}, {
key: 'render',
value: function render() {
var _className;
Notice.prototype.componentWillUnmount = function componentWillUnmount() {
this.clearCloseTimer();
};
Notice.prototype.render = function render() {
var _className;
var props = this.props;
var componentClass = props.prefixCls + '-notice';
var className = (_className = {}, _defineProperty(_className, '' + componentClass, 1), _defineProperty(_className, componentClass + '-closable', props.closable), _defineProperty(_className, props.className, !!props.className), _className);
return _react2["default"].createElement(
'div',
{ className: (0, _classnames2["default"])(className), style: props.style },
_react2["default"].createElement(
var props = this.props;
var componentClass = props.prefixCls + '-notice';
var className = (_className = {}, (0, _defineProperty3['default'])(_className, '' + componentClass, 1), (0, _defineProperty3['default'])(_className, componentClass + '-closable', props.closable), (0, _defineProperty3['default'])(_className, props.className, !!props.className), _className);
return _react2['default'].createElement(
'div',
{ className: componentClass + '-content' },
props.children
),
props.closable ? _react2["default"].createElement(
'a',
{ tabIndex: '0', onClick: this.close, className: componentClass + '-close' },
_react2["default"].createElement('span', { className: componentClass + '-close-x' })
) : null
);
};
{ className: (0, _classnames2['default'])(className), style: props.style },
_react2['default'].createElement(
'div',
{ className: componentClass + '-content' },
props.children
),
props.closable ? _react2['default'].createElement(
'a',
{ tabIndex: '0', onClick: this.close, className: componentClass + '-close' },
_react2['default'].createElement('span', { className: componentClass + '-close-x' })
) : null
);
}
}]);
return Notice;

@@ -98,5 +114,5 @@ }(_react.Component);

Notice.propTypes = {
duration: _propTypes2["default"].number,
onClose: _propTypes2["default"].func,
children: _propTypes2["default"].any
duration: _propTypes2['default'].number,
onClose: _propTypes2['default'].func,
children: _propTypes2['default'].any
};

@@ -112,3 +128,3 @@ Notice.defaultProps = {

};
exports["default"] = Notice;
exports['default'] = Notice;
module.exports = exports['default'];

@@ -7,4 +7,30 @@ 'use strict';

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
var _defineProperty3 = _interopRequireDefault(_defineProperty2);
var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _createClass2 = require('babel-runtime/helpers/createClass');
var _createClass3 = _interopRequireDefault(_createClass2);
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = require('babel-runtime/helpers/inherits');
var _inherits3 = _interopRequireDefault(_inherits2);
var _react = require('react');

@@ -38,16 +64,4 @@

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
var seed = 0;

@@ -61,8 +75,10 @@ var now = Date.now();

var Notification = function (_Component) {
_inherits(Notification, _Component);
(0, _inherits3['default'])(Notification, _Component);
function Notification() {
var _ref;
var _temp, _this, _ret;
_classCallCheck(this, Notification);
(0, _classCallCheck3['default'])(this, Notification);

@@ -73,3 +89,3 @@ for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {

return _ret = (_temp = (_this = _possibleConstructorReturn(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.state = {
return _ret = (_temp = (_this = (0, _possibleConstructorReturn3['default'])(this, (_ref = Notification.__proto__ || Object.getPrototypeOf(Notification)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
notices: []

@@ -96,43 +112,46 @@ }, _this.add = function (notice) {

});
}, _temp), _possibleConstructorReturn(_this, _ret);
}, _temp), (0, _possibleConstructorReturn3['default'])(_this, _ret);
}
Notification.prototype.getTransitionName = function getTransitionName() {
var props = this.props;
var transitionName = props.transitionName;
if (!transitionName && props.animation) {
transitionName = props.prefixCls + '-' + props.animation;
(0, _createClass3['default'])(Notification, [{
key: 'getTransitionName',
value: function getTransitionName() {
var props = this.props;
var transitionName = props.transitionName;
if (!transitionName && props.animation) {
transitionName = props.prefixCls + '-' + props.animation;
}
return transitionName;
}
return transitionName;
};
}, {
key: 'render',
value: function render() {
var _this2 = this,
_className;
Notification.prototype.render = function render() {
var _this2 = this,
_className;
var props = this.props;
var noticeNodes = this.state.notices.map(function (notice) {
var onClose = (0, _createChainedFunction2["default"])(_this2.remove.bind(_this2, notice.key), notice.onClose);
return _react2["default"].createElement(
_Notice2["default"],
_extends({
prefixCls: props.prefixCls
}, notice, {
onClose: onClose
}),
notice.content
var props = this.props;
var noticeNodes = this.state.notices.map(function (notice) {
var onClose = (0, _createChainedFunction2['default'])(_this2.remove.bind(_this2, notice.key), notice.onClose);
return _react2['default'].createElement(
_Notice2['default'],
(0, _extends3['default'])({
prefixCls: props.prefixCls
}, notice, {
onClose: onClose
}),
notice.content
);
});
var className = (_className = {}, (0, _defineProperty3['default'])(_className, props.prefixCls, 1), (0, _defineProperty3['default'])(_className, props.className, !!props.className), _className);
return _react2['default'].createElement(
'div',
{ className: (0, _classnames2['default'])(className), style: props.style },
_react2['default'].createElement(
_rcAnimate2['default'],
{ transitionName: this.getTransitionName() },
noticeNodes
)
);
});
var className = (_className = {}, _defineProperty(_className, props.prefixCls, 1), _defineProperty(_className, props.className, !!props.className), _className);
return _react2["default"].createElement(
'div',
{ className: (0, _classnames2["default"])(className), style: props.style },
_react2["default"].createElement(
_rcAnimate2["default"],
{ transitionName: this.getTransitionName() },
noticeNodes
)
);
};
}
}]);
return Notification;

@@ -142,6 +161,6 @@ }(_react.Component);

Notification.propTypes = {
prefixCls: _propTypes2["default"].string,
transitionName: _propTypes2["default"].string,
animation: _propTypes2["default"].oneOfType([_propTypes2["default"].string, _propTypes2["default"].object]),
style: _propTypes2["default"].object
prefixCls: _propTypes2['default'].string,
transitionName: _propTypes2['default'].string,
animation: _propTypes2['default'].oneOfType([_propTypes2['default'].string, _propTypes2['default'].object]),
style: _propTypes2['default'].object
};

@@ -159,5 +178,5 @@ Notification.defaultProps = {

Notification.newInstance = function newNotificationInstance(properties) {
var _ref = properties || {},
getContainer = _ref.getContainer,
props = _objectWithoutProperties(_ref, ['getContainer']);
var _ref2 = properties || {},
getContainer = _ref2.getContainer,
props = (0, _objectWithoutProperties3['default'])(_ref2, ['getContainer']);

@@ -171,3 +190,3 @@ var div = void 0;

}
var notification = _reactDom2["default"].render(_react2["default"].createElement(Notification, props), div);
var notification = _reactDom2['default'].render(_react2['default'].createElement(Notification, props), div);
return {

@@ -183,3 +202,3 @@ notice: function notice(noticeProps) {

destroy: function destroy() {
_reactDom2["default"].unmountComponentAtNode(div);
_reactDom2['default'].unmountComponentAtNode(div);
document.body.removeChild(div);

@@ -190,3 +209,3 @@ }

exports["default"] = Notification;
exports['default'] = Notification;
module.exports = exports['default'];
{
"name": "rc-notification",
"version": "1.4.2",
"version": "1.4.3",
"description": "notification ui component for react",

@@ -18,2 +18,3 @@ "keywords": [

"lib",
"es",
"assets/*.css"

@@ -30,2 +31,3 @@ ],

"main": "lib/index",
"module": "es/index",
"config": {

@@ -38,3 +40,4 @@ "port": 8000

"start": "rc-tools run server",
"pub": "rc-tools run pub",
"compile": "rc-tools run compile --babel-runtime",
"pub": "rc-tools run pub --babel-runtime",
"lint": "rc-tools run lint",

@@ -50,3 +53,3 @@ "karma": "rc-tools run karma",

"pre-commit": "1.x",
"rc-tools": "5.x",
"rc-tools": "6.x",
"react": "15.x",

@@ -59,2 +62,3 @@ "react-dom": "15.x"

"dependencies": {
"babel-runtime": "^6.23.0",
"classnames": "2.x",

@@ -61,0 +65,0 @@ "prop-types": "^15.5.8",

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc