You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

пре 3 година
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. 'use strict';
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. var _extends2 = require('babel-runtime/helpers/extends');
  6. var _extends3 = _interopRequireDefault(_extends2);
  7. var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
  8. var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
  9. var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
  10. var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
  11. var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
  12. var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
  13. var _createClass2 = require('babel-runtime/helpers/createClass');
  14. var _createClass3 = _interopRequireDefault(_createClass2);
  15. var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
  16. var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
  17. var _inherits2 = require('babel-runtime/helpers/inherits');
  18. var _inherits3 = _interopRequireDefault(_inherits2);
  19. var _simpleAssign = require('simple-assign');
  20. var _simpleAssign2 = _interopRequireDefault(_simpleAssign);
  21. var _react = require('react');
  22. var _react2 = _interopRequireDefault(_react);
  23. var _propTypes = require('prop-types');
  24. var _propTypes2 = _interopRequireDefault(_propTypes);
  25. var _TransitionGroup = require('react-transition-group/TransitionGroup');
  26. var _TransitionGroup2 = _interopRequireDefault(_TransitionGroup);
  27. var _SlideInChild = require('./SlideInChild');
  28. var _SlideInChild2 = _interopRequireDefault(_SlideInChild);
  29. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  30. var SlideIn = function (_Component) {
  31. (0, _inherits3.default)(SlideIn, _Component);
  32. function SlideIn() {
  33. var _ref;
  34. var _temp, _this, _ret;
  35. (0, _classCallCheck3.default)(this, SlideIn);
  36. for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
  37. args[_key] = arguments[_key];
  38. }
  39. return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = SlideIn.__proto__ || (0, _getPrototypeOf2.default)(SlideIn)).call.apply(_ref, [this].concat(args))), _this), _this.getLeaveDirection = function () {
  40. return _this.props.direction;
  41. }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
  42. }
  43. (0, _createClass3.default)(SlideIn, [{
  44. key: 'render',
  45. value: function render() {
  46. var _this2 = this;
  47. var _props = this.props,
  48. enterDelay = _props.enterDelay,
  49. children = _props.children,
  50. childStyle = _props.childStyle,
  51. direction = _props.direction,
  52. style = _props.style,
  53. other = (0, _objectWithoutProperties3.default)(_props, ['enterDelay', 'children', 'childStyle', 'direction', 'style']);
  54. var prepareStyles = this.context.muiTheme.prepareStyles;
  55. var mergedRootStyles = (0, _simpleAssign2.default)({}, {
  56. position: 'relative',
  57. overflow: 'hidden',
  58. height: '100%'
  59. }, style);
  60. var newChildren = _react2.default.Children.map(children, function (child) {
  61. return _react2.default.createElement(
  62. _SlideInChild2.default,
  63. {
  64. key: child.key,
  65. direction: direction,
  66. enterDelay: enterDelay,
  67. getLeaveDirection: _this2.getLeaveDirection,
  68. style: childStyle
  69. },
  70. child
  71. );
  72. }, this);
  73. return _react2.default.createElement(
  74. _TransitionGroup2.default,
  75. (0, _extends3.default)({}, other, {
  76. style: prepareStyles(mergedRootStyles),
  77. component: 'div'
  78. }),
  79. newChildren
  80. );
  81. }
  82. }]);
  83. return SlideIn;
  84. }(_react.Component);
  85. SlideIn.defaultProps = {
  86. enterDelay: 0,
  87. direction: 'left'
  88. };
  89. SlideIn.contextTypes = {
  90. muiTheme: _propTypes2.default.object.isRequired
  91. };
  92. SlideIn.propTypes = process.env.NODE_ENV !== "production" ? {
  93. childStyle: _propTypes2.default.object,
  94. children: _propTypes2.default.node,
  95. direction: _propTypes2.default.oneOf(['left', 'right', 'up', 'down']),
  96. enterDelay: _propTypes2.default.number,
  97. style: _propTypes2.default.object
  98. } : {};
  99. exports.default = SlideIn;