@appannie/react-infinite-calendar/es/Calendar/withMonthRange.js

Infinite scrolling date-picker built with React, with localization, themes, keyboard support, and more.

import _objectSpread from '@babel/runtime/helpers/objectSpread2';
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
import { max, min, startOfMonth, endOfMonth } from '../utils/dateFnV2.js';
import { compose, withState, withProps } from 'recompose';
import { withDefaultProps } from './index.js';
import { withImmutableProps } from '../utils/index.js';
import { getInitialDate, EVENT_TYPE, getSortedSelection } from './Range/index.js';

var isTouchDevice = false;
var withMonthRange = compose(withDefaultProps, withState('scrollDate', 'setScrollDate', getInitialDate), withState('selectionStart', 'setSelectionStart', null), withImmutableProps(function (_ref) {
  var YearsComponent = _ref.YearsComponent;
  return {
    YearsComponent: YearsComponent
  };
}), withProps(function (_ref2) {
  var passThrough = _ref2.passThrough,
      selected = _ref2.selected,
      props = _objectWithoutProperties(_ref2, ["passThrough", "selected"]);

  return {
    /* eslint-disable sort-keys */
    passThrough: _objectSpread(_objectSpread({}, passThrough), {}, {
      Years: {
        onSelect: function onSelect(date) {
          return handleSelect(date, _objectSpread({
            selected: selected
          }, props));
        },
        handlers: {
          onMouseOver: !isTouchDevice && props.selectionStart ? function (e) {
            return handleMouseOver(e, _objectSpread({
              selected: selected
            }, props));
          } : null
        }
      }
    }),
    selected: {
      start: selected && selected.start,
      end: selected && selected.end
    }
  };
}));

function handleSelect(date, _ref3) {
  var onSelect = _ref3.onSelect,
      selectionStart = _ref3.selectionStart,
      setSelectionStart = _ref3.setSelectionStart,
      min = _ref3.min,
      max = _ref3.max,
      minDate = _ref3.minDate,
      maxDate = _ref3.maxDate;

  if (selectionStart) {
    onSelect(_objectSpread({
      eventType: EVENT_TYPE.END
    }, getMonthRangeDate({
      start: selectionStart,
      end: date,
      minSelected: minDate,
      maxSelected: maxDate,
      minScrolled: min,
      maxScrolled: max
    })));
    setSelectionStart(null);
  } else {
    onSelect(_objectSpread({
      eventType: EVENT_TYPE.START
    }, getMonthRangeDate({
      start: date,
      end: date,
      minSelected: minDate,
      maxSelected: maxDate,
      minScrolled: min,
      maxScrolled: max
    })));
    setSelectionStart(date);
  }
}

function handleMouseOver(e, _ref4) {
  var onSelect = _ref4.onSelect,
      selectionStart = _ref4.selectionStart;
  e.stopPropagation();
  var month = e.target.getAttribute('data-month');

  if (!month) {
    return;
  }

  onSelect(_objectSpread({
    eventType: EVENT_TYPE.HOVER
  }, getMonthRangeDate({
    start: selectionStart,
    end: month
  })));
}

function getMonthRangeDate(_ref5) {
  var start = _ref5.start,
      end = _ref5.end,
      minSelected = _ref5.minSelected,
      maxSelected = _ref5.maxSelected,
      minScrolled = _ref5.minScrolled,
      maxScrolled = _ref5.maxScrolled;
  var sortedDate = getSortedSelection({
    start: start,
    end: end
  });
  var compareStartDate = [];
  var compareEndDate = [];

  if (sortedDate.start) {
    compareStartDate.push(sortedDate.start, startOfMonth(sortedDate.start));
    minScrolled && compareStartDate.push(minScrolled);
    minSelected && compareStartDate.push(minSelected);
  }

  if (sortedDate.end) {
    compareEndDate.push(endOfMonth(sortedDate.end));
    maxScrolled && compareEndDate.push(maxScrolled);
    maxSelected && compareEndDate.push(maxSelected);
  }

  return {
    start: compareStartDate.length > 0 ? max.apply(void 0, compareStartDate) : sortedDate.start,
    end: compareEndDate.length > 0 ? min.apply(void 0, compareEndDate) : sortedDate.end
  };
}

if (typeof window !== 'undefined') {
  window.addEventListener('touchstart', function onTouch() {
    isTouchDevice = true;
    window.removeEventListener('touchstart', onTouch, false);
  });
}

export { withMonthRange };