arrows.js 4.1 KB

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