arrows.js 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. Object.defineProperty(exports, "__esModule", {
  4. value: true
  5. });
  6. exports.PrevArrow = exports.NextArrow = void 0;
  7. var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
  8. var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
  9. var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
  10. var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
  11. var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
  12. var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
  13. var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
  14. var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
  15. var _react = _interopRequireDefault(require("react"));
  16. var _classnames = _interopRequireDefault(require("classnames"));
  17. var _innerSliderUtils = require("./utils/innerSliderUtils");
  18. function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
  19. var PrevArrow = exports.PrevArrow = /*#__PURE__*/function (_React$PureComponent) {
  20. function PrevArrow() {
  21. (0, _classCallCheck2["default"])(this, PrevArrow);
  22. return _callSuper(this, PrevArrow, arguments);
  23. }
  24. (0, _inherits2["default"])(PrevArrow, _React$PureComponent);
  25. return (0, _createClass2["default"])(PrevArrow, [{
  26. key: "clickHandler",
  27. value: function clickHandler(options, e) {
  28. if (e) {
  29. e.preventDefault();
  30. }
  31. this.props.clickHandler(options, e);
  32. }
  33. }, {
  34. key: "render",
  35. value: function render() {
  36. var prevClasses = {
  37. "slick-arrow": true,
  38. "slick-prev": true
  39. };
  40. var prevHandler = this.clickHandler.bind(this, {
  41. message: "previous"
  42. });
  43. if (!this.props.infinite && (this.props.currentSlide === 0 || this.props.slideCount <= this.props.slidesToShow)) {
  44. prevClasses["slick-disabled"] = true;
  45. prevHandler = null;
  46. }
  47. var prevArrowProps = {
  48. key: "0",
  49. "data-role": "none",
  50. className: (0, _classnames["default"])(prevClasses),
  51. style: {
  52. display: "block"
  53. },
  54. onClick: prevHandler
  55. };
  56. var customProps = {
  57. currentSlide: this.props.currentSlide,
  58. slideCount: this.props.slideCount
  59. };
  60. var prevArrow;
  61. if (this.props.prevArrow) {
  62. prevArrow = /*#__PURE__*/_react["default"].cloneElement(this.props.prevArrow, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, prevArrowProps), customProps));
  63. } else {
  64. prevArrow = /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({
  65. key: "0",
  66. type: "button"
  67. }, prevArrowProps), " ", "Previous");
  68. }
  69. return prevArrow;
  70. }
  71. }]);
  72. }(_react["default"].PureComponent);
  73. var NextArrow = exports.NextArrow = /*#__PURE__*/function (_React$PureComponent2) {
  74. function NextArrow() {
  75. (0, _classCallCheck2["default"])(this, NextArrow);
  76. return _callSuper(this, NextArrow, arguments);
  77. }
  78. (0, _inherits2["default"])(NextArrow, _React$PureComponent2);
  79. return (0, _createClass2["default"])(NextArrow, [{
  80. key: "clickHandler",
  81. value: function clickHandler(options, e) {
  82. if (e) {
  83. e.preventDefault();
  84. }
  85. this.props.clickHandler(options, e);
  86. }
  87. }, {
  88. key: "render",
  89. value: function render() {
  90. var nextClasses = {
  91. "slick-arrow": true,
  92. "slick-next": true
  93. };
  94. var nextHandler = this.clickHandler.bind(this, {
  95. message: "next"
  96. });
  97. if (!(0, _innerSliderUtils.canGoNext)(this.props)) {
  98. nextClasses["slick-disabled"] = true;
  99. nextHandler = null;
  100. }
  101. var nextArrowProps = {
  102. key: "1",
  103. "data-role": "none",
  104. className: (0, _classnames["default"])(nextClasses),
  105. style: {
  106. display: "block"
  107. },
  108. onClick: nextHandler
  109. };
  110. var customProps = {
  111. currentSlide: this.props.currentSlide,
  112. slideCount: this.props.slideCount
  113. };
  114. var nextArrow;
  115. if (this.props.nextArrow) {
  116. nextArrow = /*#__PURE__*/_react["default"].cloneElement(this.props.nextArrow, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, nextArrowProps), customProps));
  117. } else {
  118. nextArrow = /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({
  119. key: "1",
  120. type: "button"
  121. }, nextArrowProps), " ", "Next");
  122. }
  123. return nextArrow;
  124. }
  125. }]);
  126. }(_react["default"].PureComponent);