1 | "use strict";
|
2 |
|
3 | var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4 |
|
5 | exports.__esModule = true;
|
6 | exports.default = void 0;
|
7 |
|
8 | var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
9 |
|
10 | var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
11 |
|
12 | var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
13 |
|
14 | var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
15 |
|
16 | var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
|
17 |
|
18 | var _react = _interopRequireDefault(require("react"));
|
19 |
|
20 | var _propTypes = _interopRequireDefault(require("prop-types"));
|
21 |
|
22 | var _classnames = _interopRequireDefault(require("classnames"));
|
23 |
|
24 | var _reactTransitionGroup = require("react-transition-group");
|
25 |
|
26 | var _utils = require("./utils");
|
27 |
|
28 | function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
29 |
|
30 | function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
31 |
|
32 | var CarouselItem = function (_React$Component) {
|
33 | (0, _inheritsLoose2.default)(CarouselItem, _React$Component);
|
34 |
|
35 | function CarouselItem(props) {
|
36 | var _this;
|
37 |
|
38 | _this = _React$Component.call(this, props) || this;
|
39 | _this.state = {
|
40 | startAnimation: false
|
41 | };
|
42 | _this.onEnter = _this.onEnter.bind((0, _assertThisInitialized2.default)(_this));
|
43 | _this.onEntering = _this.onEntering.bind((0, _assertThisInitialized2.default)(_this));
|
44 | _this.onExit = _this.onExit.bind((0, _assertThisInitialized2.default)(_this));
|
45 | _this.onExiting = _this.onExiting.bind((0, _assertThisInitialized2.default)(_this));
|
46 | _this.onExited = _this.onExited.bind((0, _assertThisInitialized2.default)(_this));
|
47 | return _this;
|
48 | }
|
49 |
|
50 | var _proto = CarouselItem.prototype;
|
51 |
|
52 | _proto.onEnter = function onEnter(node, isAppearing) {
|
53 | this.setState({
|
54 | startAnimation: false
|
55 | });
|
56 | this.props.onEnter(node, isAppearing);
|
57 | };
|
58 |
|
59 | _proto.onEntering = function onEntering(node, isAppearing) {
|
60 |
|
61 | var offsetHeight = node.offsetHeight;
|
62 | this.setState({
|
63 | startAnimation: true
|
64 | });
|
65 | this.props.onEntering(node, isAppearing);
|
66 | return offsetHeight;
|
67 | };
|
68 |
|
69 | _proto.onExit = function onExit(node) {
|
70 | this.setState({
|
71 | startAnimation: false
|
72 | });
|
73 | this.props.onExit(node);
|
74 | };
|
75 |
|
76 | _proto.onExiting = function onExiting(node) {
|
77 | this.setState({
|
78 | startAnimation: true
|
79 | });
|
80 | node.dispatchEvent(new CustomEvent('slide.bs.carousel'));
|
81 | this.props.onExiting(node);
|
82 | };
|
83 |
|
84 | _proto.onExited = function onExited(node) {
|
85 | node.dispatchEvent(new CustomEvent('slid.bs.carousel'));
|
86 | this.props.onExited(node);
|
87 | };
|
88 |
|
89 | _proto.render = function render() {
|
90 | var _this2 = this;
|
91 |
|
92 | var _this$props = this.props,
|
93 | isIn = _this$props.in,
|
94 | children = _this$props.children,
|
95 | cssModule = _this$props.cssModule,
|
96 | slide = _this$props.slide,
|
97 | Tag = _this$props.tag,
|
98 | className = _this$props.className,
|
99 | transitionProps = (0, _objectWithoutPropertiesLoose2.default)(_this$props, ["in", "children", "cssModule", "slide", "tag", "className"]);
|
100 | return _react.default.createElement(_reactTransitionGroup.Transition, (0, _extends2.default)({}, transitionProps, {
|
101 | enter: slide,
|
102 | exit: slide,
|
103 | in: isIn,
|
104 | onEnter: this.onEnter,
|
105 | onEntering: this.onEntering,
|
106 | onExit: this.onExit,
|
107 | onExiting: this.onExiting,
|
108 | onExited: this.onExited
|
109 | }), function (status) {
|
110 | var direction = _this2.context.direction;
|
111 | var isActive = status === _utils.TransitionStatuses.ENTERED || status === _utils.TransitionStatuses.EXITING;
|
112 | var directionClassName = (status === _utils.TransitionStatuses.ENTERING || status === _utils.TransitionStatuses.EXITING) && _this2.state.startAnimation && (direction === 'right' ? 'carousel-item-left' : 'carousel-item-right');
|
113 | var orderClassName = status === _utils.TransitionStatuses.ENTERING && (direction === 'right' ? 'carousel-item-next' : 'carousel-item-prev');
|
114 | var itemClasses = (0, _utils.mapToCssModules)((0, _classnames.default)(className, 'carousel-item', isActive && 'active', directionClassName, orderClassName), cssModule);
|
115 | return _react.default.createElement(Tag, {
|
116 | className: itemClasses
|
117 | }, children);
|
118 | });
|
119 | };
|
120 |
|
121 | return CarouselItem;
|
122 | }(_react.default.Component);
|
123 |
|
124 | CarouselItem.propTypes = _objectSpread(_objectSpread({}, _reactTransitionGroup.Transition.propTypes), {}, {
|
125 | tag: _utils.tagPropType,
|
126 | in: _propTypes.default.bool,
|
127 | cssModule: _propTypes.default.object,
|
128 | children: _propTypes.default.node,
|
129 | slide: _propTypes.default.bool,
|
130 | className: _propTypes.default.string
|
131 | });
|
132 | CarouselItem.defaultProps = _objectSpread(_objectSpread({}, _reactTransitionGroup.Transition.defaultProps), {}, {
|
133 | tag: 'div',
|
134 | timeout: _utils.TransitionTimeouts.Carousel,
|
135 | slide: true
|
136 | });
|
137 | CarouselItem.contextTypes = {
|
138 | direction: _propTypes.default.string
|
139 | };
|
140 | var _default = CarouselItem;
|
141 | exports.default = _default; |
\ | No newline at end of file |