@spothero/ui 15.10.9 → 16.0.0-beta.0

package/backlog/DateTime/DatePicker.js

@@ -1,279 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
-var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _v = _interopRequireDefault(require("uuid/v4"));
-
-var _ssrWindow = require("ssr-window");
-
-var _reactTether = _interopRequireDefault(require("react-tether"));
-
-var _omit = _interopRequireDefault(require("lodash/omit"));
-
-var _calendar = _interopRequireDefault(require("@spothero/icons/calendar"));
-
-var _dom = _interopRequireDefault(require("@spothero/utils/dom"));
-
-var _DatePickerCalendar = _interopRequireDefault(require("./DatePickerCalendar"));
-
-var _TextInput = _interopRequireDefault(require("../TextInput/TextInput"));
-
-var _Portal = _interopRequireDefault(require("../Portal/Portal"));
-
-var _excluded = ["className", "id", "calendarClassName", "disabled", "disablePast", "disableBefore", "disableAfter", "label", "name", "useIcon", "iconPosition", "placeholder", "useTetherShim", "autoFocus", "focus", "overrideInitialMonthWithSelected", "displayFormat"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var DatePicker = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(DatePicker, _Component);
-
-  var _super = _createSuper(DatePicker);
-
-  function DatePicker(props) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, DatePicker);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onBodyClick", function (evt) {
-      if ((!_dom.default.parent(evt.target, 'FormElement-control') || !_dom.default.parent(evt.target, ".DatePicker-".concat(_this.props.id))) && !_dom.default.parent(evt.target, ".".concat(_this._TETHER_CLASS))) {
-        _this.setState({
-          showCalendar: false
-        });
-
-        _this.node.blur();
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onInputFocus", function (evt) {
-      _this.setState({
-        showCalendar: true
-      });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onInputChange", function (selectedDate) {
-      _this.setState({
-        selectedDate: selectedDate
-      });
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onDateChange", function (selectedDate) {
-      _this.setState({
-        showCalendar: false,
-        selectedDate: selectedDate,
-        tetherKey: (0, _v.default)()
-      });
-    });
-    var id = props.id,
-        _selectedDate = props.selectedDate;
-
-    if (!id) {
-      throw new Error("The prop 'id' is required to make DatePicker accessible for users using assistive technologies such as screen readers. Check the render method of DatePicker.");
-    }
-
-    _this._TETHER_CLASS = "DatePicker-tether-".concat(id);
-    _this.state = {
-      showCalendar: false,
-      selectedDate: _selectedDate,
-      tetherKey: (0, _v.default)()
-    };
-    return _this;
-  }
-
-  (0, _createClass2.default)(DatePicker, [{
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      var _this$props = this.props,
-          useTetherShim = _this$props.useTetherShim,
-          onChange = _this$props.onChange;
-      var _this$state = this.state,
-          showCalendar = _this$state.showCalendar,
-          selectedDate = _this$state.selectedDate;
-      var prevShowCalendar = prevState.showCalendar,
-          prevSelectedDate = prevState.selectedDate;
-
-      if (showCalendar && showCalendar !== prevShowCalendar) {
-        _ssrWindow.document.body.addEventListener('mousedown', this._onBodyClick);
-
-        _ssrWindow.document.body.addEventListener('touchstart', this._onBodyClick);
-
-        if (useTetherShim) {
-          _dom.default.addClass('html', 'DatePicker-tether-shim-open');
-        }
-      } else {
-        this._removeBodyClickListener();
-      }
-
-      if (selectedDate !== prevSelectedDate && onChange) {
-        onChange(selectedDate);
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this._removeBodyClickListener();
-    }
-  }, {
-    key: "_removeBodyClickListener",
-    value: function _removeBodyClickListener() {
-      _ssrWindow.document.body.removeEventListener('mousedown', this._onBodyClick);
-
-      _ssrWindow.document.body.removeEventListener('touchstart', this._onBodyClick);
-
-      if (this.props.useTetherShim) {
-        _dom.default.removeClass('html', 'DatePicker-tether-shim-open');
-      }
-    }
-    /**
-     * Getter for the input DOM element.
-     *
-     * @public
-     * @returns {Element} - The input element.
-     */
-
-  }, {
-    key: "node",
-    get: function get() {
-      return this._textInput.node;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      var _this$props2 = this.props,
-          className = _this$props2.className,
-          id = _this$props2.id,
-          calendarClassName = _this$props2.calendarClassName,
-          disabled = _this$props2.disabled,
-          disablePast = _this$props2.disablePast,
-          disableBefore = _this$props2.disableBefore,
-          disableAfter = _this$props2.disableAfter,
-          label = _this$props2.label,
-          name = _this$props2.name,
-          useIcon = _this$props2.useIcon,
-          iconPosition = _this$props2.iconPosition,
-          placeholder = _this$props2.placeholder,
-          useTetherShim = _this$props2.useTetherShim,
-          autoFocus = _this$props2.autoFocus,
-          focus = _this$props2.focus,
-          overrideInitialMonthWithSelected = _this$props2.overrideInitialMonthWithSelected,
-          displayFormat = _this$props2.displayFormat,
-          attrs = (0, _objectWithoutProperties2.default)(_this$props2, _excluded);
-      var spreadProps = (0, _omit.default)(attrs, ['onChange']);
-      var _this$state2 = this.state,
-          showCalendar = _this$state2.showCalendar,
-          tetherKey = _this$state2.tetherKey,
-          selectedDate = _this$state2.selectedDate;
-      var classes = (0, _classnames.default)('DatePicker', "DatePicker-".concat(id), {
-        'DatePicker-disabled': disabled
-      }, className);
-      var containerClasses = (0, _classnames.default)('DatePicker-input-container', {
-        'DatePicker-input-container-with-icon': useIcon
-      });
-      var tetherClasses = (0, _classnames.default)('DatePicker-tether', {
-        'DatePicker-tether-centered-with-shim': useTetherShim
-      }, this._TETHER_CLASS);
-      var inputDisplay = displayFormat && selectedDate ? displayFormat(selectedDate) : selectedDate;
-      /* eslint-disable react/jsx-no-bind */
-
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: classes
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: containerClasses
-      }, label, /*#__PURE__*/_react.default.createElement(_reactTether.default, {
-        key: tetherKey,
-        className: tetherClasses,
-        attachment: "top left",
-        targetAttachment: "bottom left",
-        constraints: [{
-          to: 'window',
-          pin: true
-        }],
-        renderTarget: function renderTarget(ref) {
-          return /*#__PURE__*/_react.default.createElement("span", {
-            ref: ref
-          }, /*#__PURE__*/_react.default.createElement(_TextInput.default, (0, _extends2.default)({
-            ref: function ref(node) {
-              _this2._textInput = node;
-            },
-            name: name,
-            disabled: disabled,
-            defaultValue: inputDisplay,
-            onFocus: _this2._onInputFocus,
-            icon: useIcon ? /*#__PURE__*/_react.default.createElement(_calendar.default, {
-              className: "Icon-calendar"
-            }) : null,
-            iconPosition: iconPosition,
-            autoFocus: autoFocus,
-            focus: focus,
-            placeholder: placeholder,
-            readOnly: true // TODO: Figure out why `aria-label` attribute gets removed after spreading
-
-          }, spreadProps)));
-        },
-        renderElement: function renderElement(ref) {
-          return showCalendar && /*#__PURE__*/_react.default.createElement(_DatePickerCalendar.default, {
-            ref: ref,
-            className: calendarClassName,
-            onChange: _this2._onDateChange,
-            selectedDate: selectedDate,
-            disablePast: disablePast,
-            disableBefore: disableBefore,
-            disableAfter: disableAfter,
-            overrideInitialMonthWithSelected: overrideInitialMonthWithSelected
-          });
-        }
-      }), useTetherShim && showCalendar && /*#__PURE__*/_react.default.createElement(_Portal.default, null, /*#__PURE__*/_react.default.createElement("div", {
-        className: "DatePicker-calendar-shim"
-      }))));
-      /* eslint-ensable react/jsx-no-bind */
-    }
-  }]);
-  return DatePicker;
-}(_react.Component);
-
-exports.default = DatePicker;
-(0, _defineProperty2.default)(DatePicker, "defaultProps", {
-  disablePast: true,
-  useIcon: true,
-  overrideInitialMonthWithSelected: true,
-  iconPosition: 'right'
-});

package/backlog/DateTime/DatePickerCalendar.js

@@ -1,199 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
-var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _moment = _interopRequireDefault(require("moment"));
-
-var _reactDayPicker = _interopRequireWildcard(require("react-day-picker"));
-
-var _date = _interopRequireDefault(require("@spothero/utils/date"));
-
-var _DatePickerCalendarNavigation = _interopRequireDefault(require("./DatePickerCalendarNavigation"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var DATE = new Date();
-
-var DatePickerCalendar = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(DatePickerCalendar, _Component);
-
-  var _super = _createSuper(DatePickerCalendar);
-
-  function DatePickerCalendar(props) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, DatePickerCalendar);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
-      selectedDate: _this.props.selectedDate
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onDaySelected", function (day, _ref, evt) {
-      var selected = _ref.selected,
-          disabled = _ref.disabled;
-
-      if (disabled) {
-        return;
-      }
-
-      var onChange = _this.props.onChange;
-      var selectedDate = (0, _moment.default)(day).format('MM/DD/YYYY');
-
-      _this.setState({
-        selectedDate: selectedDate
-      });
-
-      if (onChange) {
-        onChange(selectedDate);
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_modifierSelected", function (day) {
-      var selectedDate = _this.state.selectedDate;
-
-      if (!(0, _isEmpty.default)(selectedDate)) {
-        return _reactDayPicker.DateUtils.isSameDay(_date.default.getAsDate(selectedDate), day);
-      } else {
-        return null;
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_modifierDisabled", function (day) {
-      var _this$props = _this.props,
-          disablePast = _this$props.disablePast,
-          disableBefore = _this$props.disableBefore,
-          disableAfter = _this$props.disableAfter;
-      var isDayDisabled = false;
-      var disableDay = false;
-
-      if (disableBefore) {
-        disableDay = _date.default.isBefore(day, _date.default.getAsDate(disableBefore));
-        isDayDisabled = disableDay;
-      }
-
-      if (disableAfter && !isDayDisabled) {
-        disableDay = _date.default.isAfter(day, _date.default.getAsDate(disableAfter));
-        isDayDisabled = disableDay;
-      }
-
-      if (disablePast && !isDayDisabled) {
-        disableDay = _reactDayPicker.DateUtils.isPastDay(day);
-      }
-
-      return disableDay;
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_renderDayMarkup", function (day) {
-      var _context, _context2;
-
-      var m = (0, _moment.default)(day);
-      var date = (0, _concat.default)(_context = (0, _concat.default)(_context2 = "".concat(m.format('MM'), "/")).call(_context2, m.format('DD'), "/")).call(_context, m.format('YYYY'));
-      return /*#__PURE__*/_react.default.createElement("span", {
-        "data-date": date
-      }, day.getDate());
-    });
-    _this._weekdayTitles = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];
-    return _this;
-  }
-
-  (0, _createClass2.default)(DatePickerCalendar, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          className = _this$props2.className,
-          initialMonth = _this$props2.initialMonth,
-          disablePast = _this$props2.disablePast,
-          disableBefore = _this$props2.disableBefore,
-          disableAfter = _this$props2.disableAfter,
-          overrideInitialMonthWithSelected = _this$props2.overrideInitialMonthWithSelected;
-      var selectedDate = this.state.selectedDate;
-      var classes = (0, _classnames.default)('DatePicker-calendar', className);
-      var firstMonth = initialMonth;
-      var fromMonth = disablePast ? DATE : null;
-      var toMonth = null;
-
-      if (disableBefore) {
-        var beforeDate = _date.default.getAsDate(disableBefore);
-
-        if (fromMonth) {
-          if (_date.default.isAfter(beforeDate, fromMonth)) {
-            fromMonth = beforeDate;
-          }
-        } else {
-          fromMonth = beforeDate;
-        }
-
-        firstMonth = fromMonth;
-      }
-
-      if (disableAfter) {
-        toMonth = _date.default.getAsDate(disableAfter);
-      }
-
-      if (selectedDate && overrideInitialMonthWithSelected) {
-        firstMonth = _date.default.getAsDate(selectedDate);
-      }
-
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: classes
-      }, /*#__PURE__*/_react.default.createElement(_reactDayPicker.default, {
-        selectedDays: this._modifierSelected,
-        disabledDays: this._modifierDisabled,
-        onDayClick: this._onDaySelected,
-        fromMonth: fromMonth,
-        toMonth: toMonth,
-        initialMonth: firstMonth,
-        renderDay: this._renderDayMarkup,
-        weekdaysShort: this._weekdayTitles,
-        navbarElement: /*#__PURE__*/_react.default.createElement(_DatePickerCalendarNavigation.default, null),
-        showOutsideDays: true
-      }));
-    }
-  }]);
-  return DatePickerCalendar;
-}(_react.Component);
-
-exports.default = DatePickerCalendar;
-(0, _defineProperty2.default)(DatePickerCalendar, "defaultProps", {
-  selectedDate: '',
-  initialMonth: DATE,
-  disablePast: true,
-  overrideInitialMonthWithSelected: true
-});

package/backlog/DateTime/DatePickerCalendarNavigation.js

@@ -1,102 +0,0 @@
-"use strict";
-
-var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
-var _Reflect$construct = require("@babel/runtime-corejs3/core-js-stable/reflect/construct");
-
-var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
-var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _reactDayPicker = require("react-day-picker");
-
-var _chevronLeft = _interopRequireDefault(require("@spothero/icons/chevron-left"));
-
-var _chevronRight = _interopRequireDefault(require("@spothero/icons/chevron-right"));
-
-var _Button = _interopRequireDefault(require("../v1/components/Button/Button"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var DatePickerCalendarNavigation = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(DatePickerCalendarNavigation, _Component);
-
-  var _super = _createSuper(DatePickerCalendarNavigation);
-
-  function DatePickerCalendarNavigation() {
-    var _context;
-
-    var _this;
-
-    (0, _classCallCheck2.default)(this, DatePickerCalendarNavigation);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, (0, _concat.default)(_context = [this]).call(_context, args));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onPreviousClick", function () {
-      _this.props.onPreviousClick();
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_onNextClick", function () {
-      _this.props.onNextClick();
-    });
-    return _this;
-  }
-
-  (0, _createClass2.default)(DatePickerCalendarNavigation, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          className = _this$props.className,
-          showPreviousButton = _this$props.showPreviousButton,
-          showNextButton = _this$props.showNextButton;
-      var classes = (0, _classnames.default)('DatePickerCalendarNavigation', className);
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: classes
-      }, showPreviousButton && /*#__PURE__*/_react.default.createElement(_Button.default, {
-        className: "DayPicker-NavButton DayPicker-NavButton--prev",
-        onClick: this._onPreviousClick
-      }, /*#__PURE__*/_react.default.createElement(_chevronLeft.default, null)), showNextButton && /*#__PURE__*/_react.default.createElement(_Button.default, {
-        className: "DayPicker-NavButton DayPicker-NavButton--next",
-        onClick: this._onNextClick
-      }, /*#__PURE__*/_react.default.createElement(_chevronRight.default, null)));
-    }
-  }]);
-  return DatePickerCalendarNavigation;
-}(_react.Component);
-
-exports.default = DatePickerCalendarNavigation;