@synerise/ds-date-range-picker 0.31.2 → 0.31.4

package/dist/RangePicker/RangePicker.js

@@ -1,17 +1,10 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-
 import React, { PureComponent } from 'react';
 import { DateUtils } from 'react-day-picker';
 import fnsIsSameDay from 'date-fns/isSameDay';
@@ -33,24 +26,20 @@ import * as S from './RangePicker.styles';
 import { ABSOLUTE, COLUMNS, MODES } from '../constants';
 import ADD from '../dateUtils/add';
 import getDateFromString from '../dateUtils/getDateFromString';
-import { getSidesState, getDisabledTimeOptions, getModifiers } from './utils'; // eslint-disable-next-line @typescript-eslint/no-empty-function
+import { getSidesState, getDisabledTimeOptions, getModifiers } from './utils';
 
+// eslint-disable-next-line @typescript-eslint/no-empty-function
 var NOOP = function NOOP() {};
-
 var TOOLTIP_FORMAT = 'MMM d, yyyy, HH:mm';
-
 function replaceRange(value, day) {
   var from = value.from,
-      to = value.to;
-
+    to = value.to;
   if (from && typeof from === 'object') {
     from = new Date(from.getTime());
   }
-
   if (to && typeof to === 'object') {
     to = new Date(to.getTime());
   }
-
   if (!from) {
     from = day;
   } else if (from && to && DateUtils.isSameDay(from, to) && DateUtils.isSameDay(day, from)) {
@@ -64,50 +53,41 @@ function replaceRange(value, day) {
     to = null;
   } else {
     to = day;
-
     if (DateUtils.isDayBefore(to, from)) {
       to = from;
       from = day;
     }
   }
-
   return {
     from: from,
     to: to
   };
 }
-
 var RangePicker = /*#__PURE__*/function (_PureComponent) {
   function RangePicker(props) {
     var _this;
-
-    _this = _PureComponent.call(this, props) || this; // eslint-disable-next-line react/state-in-constructor
-
+    _this = _PureComponent.call(this, props) || this;
+    // eslint-disable-next-line react/state-in-constructor
     _defineProperty(_this, "componentDidUpdate", NOOP);
-
     _defineProperty(_this, "handleDayMouseEnter", function (day) {
       _this.setState({
         enteredTo: day
       });
     });
-
     _defineProperty(_this, "handleDayMouseLeave", function () {
       _this.setState({
         enteredTo: null
       });
     });
-
     _defineProperty(_this, "handleDayClick", function (day, modifiers, e) {
       e.preventDefault();
       var _this$props = _this.props,
-          value = _this$props.value,
-          onChange = _this$props.onChange;
+        value = _this$props.value,
+        onChange = _this$props.onChange;
       if (modifiers.disabled) return;
-
       var _replaceRange = replaceRange(value, day),
-          from = _replaceRange.from,
-          to = _replaceRange.to;
-
+        from = _replaceRange.from,
+        to = _replaceRange.to;
       from = from ? fnsStartOfDay(from) : from;
       to = to ? fnsEndOfDay(to) : to;
       onChange && onChange({
@@ -116,80 +96,67 @@ var RangePicker = /*#__PURE__*/function (_PureComponent) {
         to: to
       });
     });
-
     _defineProperty(_this, "handleFromTimeChange", function (from) {
       var _this$props2 = _this.props,
-          onChange = _this$props2.onChange,
-          value = _this$props2.value;
+        onChange = _this$props2.onChange,
+        value = _this$props2.value;
       onChange({
         type: ABSOLUTE,
         from: from,
         to: value.to
       });
     });
-
     _defineProperty(_this, "handleToTimeChange", function (to) {
       var _this$props3 = _this.props,
-          onChange = _this$props3.onChange,
-          value = _this$props3.value;
+        onChange = _this$props3.onChange,
+        value = _this$props3.value;
       onChange({
         type: ABSOLUTE,
         from: value.from,
         to: to
       });
     });
-
     _defineProperty(_this, "handleAddDay", function (numberOfDays, side) {
       if (side === COLUMNS.LEFT) {
         var _this$props4 = _this.props,
-            onChange = _this$props4.onChange,
-            value = _this$props4.value;
+          onChange = _this$props4.onChange,
+          value = _this$props4.value;
         onChange(_objectSpread({}, value, {
           type: ABSOLUTE,
           from: fnsAddDays(legacyParse(value.from), numberOfDays)
         }));
       }
-
       if (side === COLUMNS.RIGHT) {
         var _this$props5 = _this.props,
-            _onChange = _this$props5.onChange,
-            _value = _this$props5.value;
-
+          _onChange = _this$props5.onChange,
+          _value = _this$props5.value;
         _onChange(_objectSpread({}, _value, {
           type: ABSOLUTE,
           to: fnsAddDays(legacyParse(_value.to), numberOfDays)
         }));
       }
     });
-
     _defineProperty(_this, "handleSideMonthChange", function (side, month, mode) {
       var opposite = side === COLUMNS.LEFT ? COLUMNS.RIGHT : COLUMNS.LEFT;
       var _this2 = _this,
-          state = _this2.state;
+        state = _this2.state;
       var forceAdjacentMonths = _this.props.forceAdjacentMonths;
-
       if (fnsIsSameMonth(month, state[opposite])) {
         var dir = fnsIsAfter(month, legacyParse(state[side].month)) ? 1 : -1;
         var adjacentMonth = ADD.MONTHS(month, dir);
-
         _this.setState(function (prevState) {
           var _objectSpread2;
-
           return _objectSpread({}, prevState, (_objectSpread2 = {}, _objectSpread2[side] = _objectSpread({}, state[side], {
             adjacentMonth: adjacentMonth,
             mode: mode
           }), _objectSpread2));
         });
-
         return;
       }
-
       if (forceAdjacentMonths) {
         var _dir = side === COLUMNS.RIGHT ? -1 : 1;
-
         _this.setState(function (prevState) {
           var _objectSpread3;
-
           return _objectSpread({}, prevState, (_objectSpread3 = {}, _objectSpread3[opposite] = _objectSpread({}, state[opposite], {
             month: ADD.MONTHS(month, _dir)
           }), _objectSpread3[side] = _objectSpread({}, state[side], {
@@ -197,45 +164,36 @@ var RangePicker = /*#__PURE__*/function (_PureComponent) {
             mode: mode
           }), _objectSpread3));
         });
-
         return;
       }
-
       _this.setState(function (prevState) {
         var _objectSpread4;
-
         return _objectSpread({}, prevState, (_objectSpread4 = {}, _objectSpread4[side] = _objectSpread({}, state[side], {
           month: month,
           mode: mode
         }), _objectSpread4));
       });
     });
-
     _defineProperty(_this, "handleSideModeChange", function (side, mode) {
       _this.setState(function (prevState) {
         var _objectSpread5;
-
         return _objectSpread({}, prevState, (_objectSpread5 = {}, _objectSpread5[side] = _objectSpread({}, prevState[side], {
           mode: mode
         }), _objectSpread5));
       });
     });
-
     _defineProperty(_this, "renderDay", function (day) {
       var text = day.getDate();
       var _this$props6 = _this.props,
-          value = _this$props6.value,
-          intl = _this$props6.intl,
-          formatValue = _this$props6.formatValue;
-
+        value = _this$props6.value,
+        intl = _this$props6.intl,
+        formatValue = _this$props6.formatValue;
       var formatDate = function formatDate(date) {
         if (typeof date === 'string') {
           return fnsFormat(legacyParse(date), TOOLTIP_FORMAT, intl.locale);
         }
-
         return formatValue(date, _objectSpread({}, getDefaultDataTimeOptions(true)));
       };
-
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DayBackground, {
         className: "DayPicker-Day-BG"
       }), /*#__PURE__*/React.createElement(DayText, {
@@ -245,7 +203,6 @@ var RangePicker = /*#__PURE__*/function (_PureComponent) {
         className: "DayPicker-Day-FG"
       }));
     });
-
     _defineProperty(_this, "renderYearPicker", function (side) {
       var currentSide = _this.state[side];
       var month = currentSide.month;
@@ -257,12 +214,11 @@ var RangePicker = /*#__PURE__*/function (_PureComponent) {
         }
       });
     });
-
     _defineProperty(_this, "renderMonthPicker", function (side) {
       var opposite = side === COLUMNS.LEFT ? COLUMNS.RIGHT : COLUMNS.LEFT;
       var _this$state = _this.state,
-          currentSide = _this$state[side],
-          oppositeSide = _this$state[opposite];
+        currentSide = _this$state[side],
+        oppositeSide = _this$state[opposite];
       var oppositeMonth = legacyParse(oppositeSide.month);
       return /*#__PURE__*/React.createElement(MonthPicker, {
         key: "month_picker_" + opposite,
@@ -274,20 +230,19 @@ var RangePicker = /*#__PURE__*/function (_PureComponent) {
         }
       });
     });
-
     _defineProperty(_this, "renderDatePicker", function (side) {
       var _this$props7 = _this.props,
-          value = _this$props7.value,
-          disabledDate = _this$props7.disabledDate,
-          forceAdjacentMonths = _this$props7.forceAdjacentMonths;
+        value = _this$props7.value,
+        disabledDate = _this$props7.disabledDate,
+        forceAdjacentMonths = _this$props7.forceAdjacentMonths;
       var _this$state2 = _this.state,
-          enteredTo = _this$state2.enteredTo,
-          left = _this$state2.left,
-          right = _this$state2.right,
-          sideState = _this$state2[side];
+        enteredTo = _this$state2.enteredTo,
+        left = _this$state2.left,
+        right = _this$state2.right,
+        sideState = _this$state2[side];
       var from = value.from,
-          to = value.to,
-          type = value.type;
+        to = value.to,
+        type = value.type;
       var modifiers = getModifiers(fnsIsValid(from) ? from : null, fnsIsValid(to) ? to : null, enteredTo);
       var selectedDays = fnsIsValid(from) && fnsIsValid(to) ? [from, {
         from: from,
@@ -326,27 +281,25 @@ var RangePicker = /*#__PURE__*/function (_PureComponent) {
         },
         fixedWeeks: true,
         showOutsideDay: true,
-        modifiers: modifiers // @ts-ignore
+        modifiers: modifiers
+        // @ts-ignore
         ,
-        onDayClick: _this.handleDayClick // @ts-ignore
+        onDayClick: _this.handleDayClick
+        // @ts-ignore
         ,
         selectedDays: selectedDays
       });
     });
-
     _defineProperty(_this, "renderTimePicker", function (side) {
       var _this$props8 = _this.props,
-          value = _this$props8.value,
-          is12HoursClock = _this$props8.is12HoursClock;
+        value = _this$props8.value,
+        is12HoursClock = _this$props8.is12HoursClock;
       var from = value.from,
-          to = value.to;
-
+        to = value.to;
       if (!from || !to) {
         return null;
       }
-
       var sidesAreAdjacent = fnsIsSameDay(legacyParse(from), legacyParse(to));
-
       switch (side) {
         case COLUMNS.LEFT:
           {
@@ -365,7 +318,6 @@ var RangePicker = /*#__PURE__*/function (_PureComponent) {
               }
             });
           }
-
         case COLUMNS.RIGHT:
           {
             return /*#__PURE__*/React.createElement(TimePicker, {
@@ -383,97 +335,79 @@ var RangePicker = /*#__PURE__*/function (_PureComponent) {
               }
             });
           }
-
         default:
           return null;
       }
     });
-
     _defineProperty(_this, "renderSide", function (side) {
       var mode = _this.props.mode;
       var sideState = _this.state[side];
       if (mode === MODES.TIME) return _this.renderTimePicker(side);
-
       switch (sideState.mode) {
         case 'date':
           return _this.renderDatePicker(side);
-
         case 'month':
           return _this.renderMonthPicker(side);
-
         case 'year':
           return _this.renderYearPicker(side);
-
         default:
           return null;
       }
     });
-
     _this.state = _objectSpread({
       enteredTo: null
     }, getSidesState(props.value));
     return _this;
   }
-
   _inheritsLoose(RangePicker, _PureComponent);
-
   var _proto = RangePicker.prototype;
-
   _proto.getSnapshotBeforeUpdate = function getSnapshotBeforeUpdate(prevProps) {
     var _prevProps$value, _prevProps$value2;
-
     var _this$props9 = this.props,
-        value = _this$props9.value,
-        forceAdjacentMonths = _this$props9.forceAdjacentMonths,
-        startAlwaysOnTheLeft = _this$props9.startAlwaysOnTheLeft;
+      value = _this$props9.value,
+      forceAdjacentMonths = _this$props9.forceAdjacentMonths,
+      startAlwaysOnTheLeft = _this$props9.startAlwaysOnTheLeft;
     var _this$props$jumpToSta = this.props.jumpToStartAndEnd,
-        jumpToStartAndEnd = _this$props$jumpToSta === void 0 ? true : _this$props$jumpToSta;
+      jumpToStartAndEnd = _this$props$jumpToSta === void 0 ? true : _this$props$jumpToSta;
     var _this$state3 = this.state,
-        left = _this$state3.left,
-        right = _this$state3.right;
+      left = _this$state3.left,
+      right = _this$state3.right;
     var toDateChanged = !!(value != null && value.to) && (value == null ? void 0 : value.to) !== (prevProps == null || (_prevProps$value = prevProps.value) == null ? void 0 : _prevProps$value.to);
     var fromDateChanged = !!(value != null && value.from) && (value == null ? void 0 : value.from) !== (prevProps == null || (_prevProps$value2 = prevProps.value) == null ? void 0 : _prevProps$value2.from);
     var startOnLeft = fnsIsSameMonth(legacyParse(value.from), legacyParse(left.month));
     var endOnLeft = fnsIsSameMonth(legacyParse(value.to), legacyParse(left.month));
-
     if (fromDateChanged && !endOnLeft || toDateChanged && !endOnLeft || forceAdjacentMonths !== prevProps.forceAdjacentMonths) {
       if (startAlwaysOnTheLeft) {
         this.setState(getSidesState(value, forceAdjacentMonths));
       }
     }
-
     if (jumpToStartAndEnd && (fromDateChanged || toDateChanged)) {
       var startOnRight = fnsIsSameMonth(legacyParse(value.from), legacyParse(right.month));
       var isStartVisible = startOnLeft || startOnRight;
-
       if (!isStartVisible) {
         this.setState(getSidesState(value, forceAdjacentMonths));
         return null;
       }
-
       var endOnRight = fnsIsSameMonth(legacyParse(value.to), legacyParse(right.month));
       var isEndVisible = endOnLeft || endOnRight;
-
       if (!isEndVisible) {
         this.setState(getSidesState(value, forceAdjacentMonths));
         return null;
       }
     }
-
     return null;
   };
-
   _proto.render = function render() {
     var _this$props10 = this.props,
-        mode = _this$props10.mode,
-        onChange = _this$props10.onChange,
-        value = _this$props10.value,
-        canSwitchMode = _this$props10.canSwitchMode,
-        dateOnly = _this$props10.dateOnly,
-        onSwitchMode = _this$props10.onSwitchMode,
-        texts = _this$props10.texts;
+      mode = _this$props10.mode,
+      onChange = _this$props10.onChange,
+      value = _this$props10.value,
+      canSwitchMode = _this$props10.canSwitchMode,
+      dateOnly = _this$props10.dateOnly,
+      onSwitchMode = _this$props10.onSwitchMode,
+      texts = _this$props10.texts;
     var _this$props$showNowBu = this.props.showNowButton,
-        showNowButton = _this$props$showNowBu === void 0 ? true : _this$props$showNowBu;
+      showNowButton = _this$props$showNowBu === void 0 ? true : _this$props$showNowBu;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.Sides, null, /*#__PURE__*/React.createElement(S.Side, {
       mode: mode
     }, this.renderSide(COLUMNS.LEFT)), /*#__PURE__*/React.createElement(S.Side, {
@@ -482,14 +416,12 @@ var RangePicker = /*#__PURE__*/function (_PureComponent) {
       onClick: function onClick(_ref) {
         var currentTarget = _ref.currentTarget;
         var now = new Date();
-
         var literallyNow = _objectSpread({}, value, {
           translationKey: 'now',
           type: 'ABSOLUTE',
           from: now,
           to: fnsAddMinutes(now, 1)
         });
-
         onChange(literallyNow);
         currentTarget.blur();
       }
@@ -504,8 +436,6 @@ var RangePicker = /*#__PURE__*/function (_PureComponent) {
       component: mode === MODES.TIME ? /*#__PURE__*/React.createElement(CalendarM, null) : /*#__PURE__*/React.createElement(ClockM, null)
     }))));
   };
-
   return RangePicker;
 }(PureComponent);
-
 export default withDataFormat(RangePicker);

package/dist/RangePicker/utils.js

@@ -13,11 +13,9 @@ import ADD from '../dateUtils/add';
 import format from '../dateUtils/format';
 var NOW = new Date();
 var HOURS_GRANULARITY = 'HOURS';
-
 var getAmOrPmFromDate = function getAmOrPmFromDate(date) {
   return dayjs(date).get(HOUR) >= HOUR_12 ? PM : AM;
 };
-
 var getInterval = function getInterval(initialDate, startDate, endDate) {
   if (!startDate && !endDate) {
     return {
@@ -25,69 +23,55 @@ var getInterval = function getInterval(initialDate, startDate, endDate) {
       end: fnsEndOfDay(initialDate)
     };
   }
-
   if (!startDate && endDate) {
     return {
       start: fnsIsBefore(initialDate, endDate) ? fnsStartOfDay(initialDate) : fnsStartOfDay(endDate),
       end: endDate
     };
   }
-
   if (!endDate && startDate) {
     return {
       start: startDate,
       end: fnsIsBefore(initialDate, startDate) ? fnsEndOfDay(startDate) : fnsEndOfDay(initialDate)
     };
   }
-
   return {
     start: startDate,
     end: endDate
   };
 };
-
 export var getDisabledTimeOptions = function getDisabledTimeOptions(initialDay, granularity, initialLowerLimit, initialUpperLimit, is12HoursClock) {
   if (initialLowerLimit === void 0) {
     initialLowerLimit = null;
   }
-
   if (initialUpperLimit === void 0) {
     initialUpperLimit = null;
   }
-
   var day = initialDay;
   var lowerLimit = initialLowerLimit;
   var upperLimit = initialUpperLimit;
-
   if (!day) {
     return [];
   }
-
   var dayBuilder = dayjs(day);
   var dayAsDate = typeof day === 'string' ? legacyParse(day) : day;
   var dayClockMode = getAmOrPmFromDate(dayAsDate);
   var disableMeridienToggle = false;
-
   if (is12HoursClock && granularity === HOURS_GRANULARITY) {
     var diff;
-
     if (lowerLimit) {
       diff = dayBuilder.diff(dayjs(lowerLimit), 'minute') / 60;
-
       if (diff < 12 && dayClockMode === PM) {
         disableMeridienToggle = true;
       }
     }
-
     if (upperLimit) {
       diff = dayjs(upperLimit).diff(dayBuilder, 'minute') / 60;
-
       if (diff < 12 && dayClockMode === AM) {
         disableMeridienToggle = true;
       }
     }
   }
-
   var intervalStartDate = lowerLimit ? legacyParse(lowerLimit) : undefined;
   var intervalEndDate = upperLimit ? legacyParse(upperLimit) : undefined;
   var interval = getInterval(dayAsDate, intervalStartDate, intervalEndDate);
@@ -99,7 +83,6 @@ export var getDisabledTimeOptions = function getDisabledTimeOptions(initialDay,
   }).map(function (option) {
     return GET[granularity](option);
   });
-
   if (is12HoursClock && granularity === HOURS_GRANULARITY) {
     if (dayClockMode === AM) {
       result = result.filter(function (item) {
@@ -110,26 +93,21 @@ export var getDisabledTimeOptions = function getDisabledTimeOptions(initialDay,
         return item >= HOUR_12;
       });
     }
-
     result = result.map(function (item) {
       return MAP_24_HOUR_TO_12[item];
     });
-
     if (disableMeridienToggle) {
       result.push(DISABLE_CLOCK_MODE_HOUR);
     }
   }
-
   return result;
 };
 export var getSidesState = function getSidesState(value, forceAdjacentMonths) {
   var from = fnsStartOfMonth(fnsIsValid(value.from) ? legacyParse(value.from) : new Date());
   var to = fnsIsValid(value.to) ? fnsStartOfMonth(legacyParse(value.to)) : from;
-
   if (fnsIsSameMonth(from, to)) {
     to = ADD.MONTHS(to, 1);
   }
-
   return {
     left: {
       month: from,