@synerise/ds-date-range-picker 0.10.1 → 0.11.3

package/dist/RangeFilter/utils.js

@@ -1,24 +1,9 @@
 var _denormalizers, _validators;
 
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var _excluded = ["start", "stop", "day"],
+    _excluded2 = ["from", "to", "day"],
+    _excluded3 = ["restricted", "display"],
+    _excluded4 = ["restricted", "display"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
@@ -26,8 +11,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import { groupBy, omit, range } from 'lodash';
@@ -43,7 +26,7 @@ export var mapTimeSchema = function mapTimeSchema(item) {
   var start = item.start,
       stop = item.stop,
       day = item.day,
-      rest = _objectWithoutProperties(item, ["start", "stop", "day"]);
+      rest = _objectWithoutPropertiesLoose(item, _excluded);
 
   return _objectSpread({
     from: start,
@@ -62,7 +45,7 @@ export var denormMapTimeSchema = function denormMapTimeSchema(item) {
   var from = item.from,
       to = item.to,
       day = item.day,
-      rest = _objectWithoutProperties(item, ["from", "to", "day"]);
+      rest = _objectWithoutPropertiesLoose(item, _excluded2);
 
   return _objectSpread({
     start: from,
@@ -101,7 +84,7 @@ export var normalizeValue = function normalizeValue(_ref) {
         }).map(function (_ref2) {
           var restricted = _ref2.restricted,
               display = _ref2.display,
-              rest = _objectWithoutProperties(_ref2, ["restricted", "display"]);
+              rest = _objectWithoutPropertiesLoose(_ref2, _excluded3);
 
           return mapTimeSchema(rest);
         });
@@ -109,10 +92,8 @@ export var normalizeValue = function normalizeValue(_ref) {
         if (def.period === DAYS_OF_PERIOD_ENUM.DAY_OF_WEEK) {
           rules.push({
             weeks: Object.entries(groupBy(days, 'week')).map(function (_ref3) {
-              var _ref4 = _slicedToArray(_ref3, 2),
-                  week = _ref4[0],
-                  daysArray = _ref4[1];
-
+              var week = _ref3[0],
+                  daysArray = _ref3[1];
               return {
                 week: +week + 1,
                 days: daysArray.map(function (day) {
@@ -146,10 +127,10 @@ export var normalizeValue = function normalizeValue(_ref) {
   // @ts-ignore
 
 
-  result.days = days.map(function (_ref5) {
-    var restricted = _ref5.restricted,
-        display = _ref5.display,
-        rest = _objectWithoutProperties(_ref5, ["restricted", "display"]);
+  result.days = days.map(function (_ref4) {
+    var restricted = _ref4.restricted,
+        display = _ref4.display,
+        rest = _objectWithoutPropertiesLoose(_ref4, _excluded4);
 
     return rest;
   });
@@ -157,17 +138,21 @@ export var normalizeValue = function normalizeValue(_ref) {
 };
 export var createWeeklyRange = function createWeeklyRange(days) {
   return range(0, 8).reduce(function (acc, i) {
+    var _objectSpread2;
+
     var day = days.find(function (d) {
       return d.day === i;
     });
-    return day ? _objectSpread({}, acc, _defineProperty({}, i - 1, _objectSpread({}, denormMapTimeSchema(day), {
+    return day ? _objectSpread({}, acc, (_objectSpread2 = {}, _objectSpread2[i - 1] = _objectSpread({}, denormMapTimeSchema(day), {
       restricted: true,
       display: true
-    }))) : acc;
+    }), _objectSpread2)) : acc;
   }, {});
 };
 export var createMonthlyWeekDayRange = function createMonthlyWeekDayRange(rules) {
   return range(0, 7 * 5 + 1).reduce(function (acc, i) {
+    var _objectSpread3;
+
     var weekStartIndex = Math.floor(i / 7);
     var week = weekStartIndex;
     var dayOfWeek = i - weekStartIndex * 7; // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
@@ -176,40 +161,42 @@ export var createMonthlyWeekDayRange = function createMonthlyWeekDayRange(rules)
     var days = rules.weeks && rules.weeks.reduce( // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
     // @ts-ignore
     function (prev, item) {
-      return [].concat(_toConsumableArray(prev), _toConsumableArray(item.days.map(function (day) {
+      return [].concat(prev, item.days.map(function (day) {
         return _objectSpread({}, denormMapTimeSchema(day), {
           week: item.week - 1
         });
-      })));
+      }));
     }, []);
     var day = days.find(function (d) {
       return d.week === week && d.day === dayOfWeek;
     });
-    return day ? _objectSpread({}, acc, _defineProperty({}, i, _objectSpread({}, day, {
+    return day ? _objectSpread({}, acc, (_objectSpread3 = {}, _objectSpread3[i] = _objectSpread({}, day, {
       restricted: true,
       display: true
-    }))) : acc;
+    }), _objectSpread3)) : acc;
   }, {});
 };
 export var createMonthlyDayRange = function createMonthlyDayRange(rules) {
   return range(0, 32).reduce(function (acc, i) {
+    var _objectSpread4;
+
     var day = rules.days && rules.days.find(function (d) {
       return d.day === i;
     });
-    return day ? _objectSpread({}, acc, _defineProperty({}, i - 1, _objectSpread({}, denormMapTimeSchema(day), {
+    return day ? _objectSpread({}, acc, (_objectSpread4 = {}, _objectSpread4[i - 1] = _objectSpread({}, denormMapTimeSchema(day), {
       restricted: true,
       display: true
-    }))) : acc;
+    }), _objectSpread4)) : acc;
   }, {});
 };
-export var denormalizers = (_denormalizers = {}, _defineProperty(_denormalizers, TYPES.DAILY, function (values) {
+export var denormalizers = (_denormalizers = {}, _denormalizers[TYPES.DAILY] = function (values) {
   return denormMapTimeSchema(values);
-}), _defineProperty(_denormalizers, TYPES.WEEKLY, function (values) {
+}, _denormalizers[TYPES.WEEKLY] = function (values) {
   return createWeeklyRange(values.days);
-}), _defineProperty(_denormalizers, TYPES.MONTHLY, function (values) {
+}, _denormalizers[TYPES.MONTHLY] = function (values) {
   var _monthlyDenormalizers;
 
-  var monthlyDenormalizers = (_monthlyDenormalizers = {}, _defineProperty(_monthlyDenormalizers, DAYS_OF_PERIOD_ENUM.DAY_OF_MONTH, createMonthlyDayRange), _defineProperty(_monthlyDenormalizers, DAYS_OF_PERIOD_ENUM.DAY_OF_WEEK, createMonthlyWeekDayRange), _monthlyDenormalizers);
+  var monthlyDenormalizers = (_monthlyDenormalizers = {}, _monthlyDenormalizers[DAYS_OF_PERIOD_ENUM.DAY_OF_MONTH] = createMonthlyDayRange, _monthlyDenormalizers[DAYS_OF_PERIOD_ENUM.DAY_OF_WEEK] = createMonthlyWeekDayRange, _monthlyDenormalizers);
   return values.rules.map(function (value) {
     return {
       period: value.type,
@@ -220,17 +207,17 @@ export var denormalizers = (_denormalizers = {}, _defineProperty(_denormalizers,
       definition: monthlyDenormalizers[value.type](value)
     };
   });
-}), _denormalizers); // eslint-disable-next-line @typescript-eslint/no-explicit-any
+}, _denormalizers); // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
-export var validators = (_validators = {}, _defineProperty(_validators, TYPES.DAILY, function (values) {
+export var validators = (_validators = {}, _validators[TYPES.DAILY] = function (values) {
   var _values$definition, _values$definition2;
 
-  return Boolean(!!(values === null || values === void 0 ? void 0 : (_values$definition = values.definition) === null || _values$definition === void 0 ? void 0 : _values$definition.start) && !!(values === null || values === void 0 ? void 0 : (_values$definition2 = values.definition) === null || _values$definition2 === void 0 ? void 0 : _values$definition2.stop));
-}), _defineProperty(_validators, TYPES.WEEKLY, function (values) {
-  return Boolean((values === null || values === void 0 ? void 0 : values.definition) && !!Object.keys(values.definition).length);
-}), _defineProperty(_validators, TYPES.MONTHLY, function (values) {
-  return Boolean((values === null || values === void 0 ? void 0 : values.definition) && !!Object.keys(values.definition) && Object.keys(values.definition[0].definition).length > 0);
-}), _validators);
+  return Boolean(!!(values != null && (_values$definition = values.definition) != null && _values$definition.start) && !!(values != null && (_values$definition2 = values.definition) != null && _values$definition2.stop));
+}, _validators[TYPES.WEEKLY] = function (values) {
+  return Boolean((values == null ? void 0 : values.definition) && !!Object.keys(values.definition).length);
+}, _validators[TYPES.MONTHLY] = function (values) {
+  return Boolean((values == null ? void 0 : values.definition) && !!Object.keys(values.definition) && Object.keys(values.definition[0].definition).length > 0);
+}, _validators);
 export var denormalizeValue = function denormalizeValue(values) {
   return {
     type: values.type,
@@ -243,7 +230,7 @@ var alwaysValid = function alwaysValid() {
 };
 
 export var isValidValue = function isValidValue(value) {
-  var validator = typeof validators[value === null || value === void 0 ? void 0 : value.type] === 'function' ? validators[value.type] : alwaysValid;
+  var validator = typeof validators[value == null ? void 0 : value.type] === 'function' ? validators[value.type] : alwaysValid;
   return validator(value);
 };
 export var isDuplicate = function isDuplicate(itemsList, item) {
@@ -257,7 +244,7 @@ export var addSuffixToDuplicate = function addSuffixToDuplicate(itemsList, edite
 
   while (isDuplicate(itemsList, newItem)) {
     newItem = _objectSpread({}, newItem, {
-      name: "".concat(newItem.name || DEFAULT_NAME, " (1)")
+      name: (newItem.name || DEFAULT_NAME) + " (1)"
     });
   }
 

package/dist/RangePicker/RangePicker.js

@@ -1,30 +1,12 @@
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import * as React from 'react';
 import { DateUtils } from 'react-day-picker';
@@ -35,8 +17,7 @@ import TimePicker from '@synerise/ds-date-picker/dist/Elements/TimePicker/TimePi
 import { DayBackground, DayForeground, DayText, DayTooltip } from '@synerise/ds-date-picker/dist/Elements/DayPicker/DayPicker.styles';
 import YearPicker from '@synerise/ds-date-picker/dist/Elements/YearPicker/YearPicker';
 import DayPicker from '@synerise/ds-date-picker/dist/Elements/DayPicker/DayPicker';
-import Icon from '@synerise/ds-icon';
-import { CalendarM, ClockM } from '@synerise/ds-icon/dist/icons';
+import Icon, { CalendarM, ClockM } from '@synerise/ds-icon';
 import { fnsDifferenceInYears } from '@synerise/ds-date-picker/dist/fns';
 import fnsFormat from '@synerise/ds-date-picker/dist/format';
 import { legacyParse } from '@date-fns/upgrade/v2';
@@ -53,32 +34,28 @@ var NOOP = function NOOP() {};
 var TOOLTIP_FORMAT = 'MMM d, yyyy, HH:mm';
 
 var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
-  _inherits(RangePicker, _React$PureComponent);
-
-  var _super = _createSuper(RangePicker);
+  _inheritsLoose(RangePicker, _React$PureComponent);
 
   function RangePicker(props) {
     var _this;
 
-    _classCallCheck(this, RangePicker);
+    _this = _React$PureComponent.call(this, props) || this; // eslint-disable-next-line react/state-in-constructor
 
-    _this = _super.call(this, props); // eslint-disable-next-line react/state-in-constructor
+    _defineProperty(_assertThisInitialized(_this), "componentDidUpdate", NOOP);
 
-    _this.componentDidUpdate = NOOP;
-
-    _this.handleDayMouseEnter = function (day) {
+    _defineProperty(_assertThisInitialized(_this), "handleDayMouseEnter", function (day) {
       _this.setState({
         enteredTo: day
       });
-    };
+    });
 
-    _this.handleDayMouseLeave = function () {
+    _defineProperty(_assertThisInitialized(_this), "handleDayMouseLeave", function () {
       _this.setState({
         enteredTo: null
       });
-    };
+    });
 
-    _this.handleDayClick = function (day, modifiers, e) {
+    _defineProperty(_assertThisInitialized(_this), "handleDayClick", function (day, modifiers, e) {
       e.preventDefault();
       var _this$props = _this.props,
           value = _this$props.value,
@@ -105,9 +82,9 @@ var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
         from: from,
         to: to
       });
-    };
+    });
 
-    _this.handleFromTimeChange = function (from) {
+    _defineProperty(_assertThisInitialized(_this), "handleFromTimeChange", function (from) {
       var _this$props2 = _this.props,
           onChange = _this$props2.onChange,
           value = _this$props2.value;
@@ -116,9 +93,9 @@ var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
         from: from,
         to: value.to
       });
-    };
+    });
 
-    _this.handleToTimeChange = function (to) {
+    _defineProperty(_assertThisInitialized(_this), "handleToTimeChange", function (to) {
       var _this$props3 = _this.props,
           onChange = _this$props3.onChange,
           value = _this$props3.value;
@@ -127,9 +104,9 @@ var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
         from: value.from,
         to: to
       });
-    };
+    });
 
-    _this.handleAddDay = function (numberOfDays, side) {
+    _defineProperty(_assertThisInitialized(_this), "handleAddDay", function (numberOfDays, side) {
       if (side === COLUMNS.LEFT) {
         var _this$props4 = _this.props,
             onChange = _this$props4.onChange,
@@ -150,9 +127,9 @@ var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
           to: fnsAddDays(legacyParse(_value.to), numberOfDays)
         }));
       }
-    };
+    });
 
-    _this.handleSideMonthChange = function (side, month, mode) {
+    _defineProperty(_assertThisInitialized(_this), "handleSideMonthChange", function (side, month, mode) {
       var opposite = side === COLUMNS.LEFT ? COLUMNS.RIGHT : COLUMNS.LEFT;
 
       var _assertThisInitialize = _assertThisInitialized(_this),
@@ -165,10 +142,12 @@ var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
         var adjacentMonth = ADD.MONTHS(month, dir);
 
         _this.setState(function (prevState) {
-          return _objectSpread({}, prevState, _defineProperty({}, side, _objectSpread({}, state[side], {
+          var _objectSpread2;
+
+          return _objectSpread({}, prevState, (_objectSpread2 = {}, _objectSpread2[side] = _objectSpread({}, state[side], {
             adjacentMonth: adjacentMonth,
             mode: mode
-          })));
+          }), _objectSpread2));
         });
 
         return;
@@ -180,68 +159,72 @@ var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
         _this.setState(function (prevState) {
           var _objectSpread3;
 
-          return _objectSpread({}, prevState, (_objectSpread3 = {}, _defineProperty(_objectSpread3, opposite, _objectSpread({}, state[opposite], {
+          return _objectSpread({}, prevState, (_objectSpread3 = {}, _objectSpread3[opposite] = _objectSpread({}, state[opposite], {
             month: ADD.MONTHS(month, _dir)
-          })), _defineProperty(_objectSpread3, side, _objectSpread({}, state[side], {
+          }), _objectSpread3[side] = _objectSpread({}, state[side], {
             month: month,
             mode: mode
-          })), _objectSpread3));
+          }), _objectSpread3));
         });
 
         return;
       }
 
       _this.setState(function (prevState) {
-        return _objectSpread({}, prevState, _defineProperty({}, side, _objectSpread({}, state[side], {
+        var _objectSpread4;
+
+        return _objectSpread({}, prevState, (_objectSpread4 = {}, _objectSpread4[side] = _objectSpread({}, state[side], {
           month: month,
           mode: mode
-        })));
+        }), _objectSpread4));
       });
-    };
+    });
 
-    _this.handleSideModeChange = function (side, mode) {
+    _defineProperty(_assertThisInitialized(_this), "handleSideModeChange", function (side, mode) {
       _this.setState(function (prevState) {
-        return _objectSpread({}, prevState, _defineProperty({}, side, _objectSpread({}, prevState[side], {
+        var _objectSpread5;
+
+        return _objectSpread({}, prevState, (_objectSpread5 = {}, _objectSpread5[side] = _objectSpread({}, prevState[side], {
           mode: mode
-        })));
+        }), _objectSpread5));
       });
-    };
+    });
 
-    _this.renderDay = function (day) {
+    _defineProperty(_assertThisInitialized(_this), "renderDay", function (day) {
       var text = day.getDate();
       var _this$props6 = _this.props,
           value = _this$props6.value,
           intl = _this$props6.intl;
-      return React.createElement(React.Fragment, null, React.createElement(DayBackground, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DayBackground, {
         className: "DayPicker-Day-BG"
-      }), React.createElement(DayText, {
+      }), /*#__PURE__*/React.createElement(DayText, {
         className: "DayPicker-Day-Text",
         "data-attr": text
-      }, value.to && value.from && React.createElement(DayTooltip, null, fnsFormat(legacyParse(value.from), TOOLTIP_FORMAT, intl.locale), " -", ' ', fnsFormat(legacyParse(value.to), TOOLTIP_FORMAT, intl.locale)), text), React.createElement(DayForeground, {
+      }, value.to && value.from && /*#__PURE__*/React.createElement(DayTooltip, null, fnsFormat(legacyParse(value.from), TOOLTIP_FORMAT, intl.locale), " -", ' ', fnsFormat(legacyParse(value.to), TOOLTIP_FORMAT, intl.locale)), text), /*#__PURE__*/React.createElement(DayForeground, {
         className: "DayPicker-Day-FG"
       }));
-    };
+    });
 
-    _this.renderYearPicker = function (side) {
+    _defineProperty(_assertThisInitialized(_this), "renderYearPicker", function (side) {
       var currentSide = _this.state[side];
       var month = currentSide.month;
-      return React.createElement(YearPicker, {
-        key: "year_picker_".concat(side),
+      return /*#__PURE__*/React.createElement(YearPicker, {
+        key: "year_picker_" + side,
         value: month instanceof Date ? month : new Date(month),
         onChange: function onChange(m) {
           return _this.handleSideMonthChange(side, m, 'date');
         }
       });
-    };
+    });
 
-    _this.renderMonthPicker = function (side) {
+    _defineProperty(_assertThisInitialized(_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];
       var oppositeMonth = legacyParse(oppositeSide.month);
-      return React.createElement(MonthPicker, {
-        key: "month_picker_".concat(opposite),
+      return /*#__PURE__*/React.createElement(MonthPicker, {
+        key: "month_picker_" + opposite,
         max: side === COLUMNS.LEFT ? ADD.MONTHS(oppositeMonth, -1) : undefined,
         min: side === COLUMNS.RIGHT ? ADD.MONTHS(oppositeMonth, 1) : undefined,
         value: currentSide.month instanceof Date ? currentSide.month : new Date(currentSide.month),
@@ -249,9 +232,9 @@ var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
           return _this.handleSideMonthChange(side, month, 'date');
         }
       });
-    };
+    });
 
-    _this.renderDatePicker = function (side) {
+    _defineProperty(_assertThisInitialized(_this), "renderDatePicker", function (side) {
       var _this$props7 = _this.props,
           value = _this$props7.value,
           disabledDate = _this$props7.disabledDate,
@@ -273,8 +256,8 @@ var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
       var parsedRight = legacyParse(right.month);
       var adjacentMonths = forceAdjacentMonths || fnsIsSameMonth(ADD.MONTHS(parsedLeft, 1), parsedRight);
       var adjacentYears = forceAdjacentMonths || fnsDifferenceInYears(ADD.MONTHS(parsedLeft, 1), parsedRight) === 0;
-      return React.createElement(DayPicker, {
-        key: "day_picker_".concat(side),
+      return /*#__PURE__*/React.createElement(DayPicker, {
+        key: "day_picker_" + side,
         className: type.toLowerCase(),
         canChangeMonth: false,
         disabledDays: disabledDate,
@@ -307,9 +290,9 @@ var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
         ,
         selectedDays: selectedDays
       });
-    };
+    });
 
-    _this.renderTimePicker = function (side) {
+    _defineProperty(_assertThisInitialized(_this), "renderTimePicker", function (side) {
       var value = _this.props.value;
       var from = value.from,
           to = value.to;
@@ -323,8 +306,8 @@ var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
       switch (side) {
         case COLUMNS.LEFT:
           {
-            return React.createElement(TimePicker, {
-              key: "time-picker-".concat(side),
+            return /*#__PURE__*/React.createElement(TimePicker, {
+              key: "time-picker-" + side,
               value: getDateFromString(from),
               onChange: _this.handleFromTimeChange,
               disabledHours: getDisabledTimeOptions(from, 'HOURS', null, to),
@@ -341,8 +324,8 @@ var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
 
         case COLUMNS.RIGHT:
           {
-            return React.createElement(TimePicker, {
-              key: "time-picker-".concat(side),
+            return /*#__PURE__*/React.createElement(TimePicker, {
+              key: "time-picker-" + side,
               value: getDateFromString(to),
               onChange: _this.handleToTimeChange,
               disabledHours: getDisabledTimeOptions(to, 'HOURS', from, null),
@@ -360,9 +343,9 @@ var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
         default:
           return null;
       }
-    };
+    });
 
-    _this.renderSide = function (side) {
+    _defineProperty(_assertThisInitialized(_this), "renderSide", function (side) {
       var mode = _this.props.mode;
       var sideState = _this.state[side];
       if (mode === MODES.TIME) return _this.renderTimePicker(side);
@@ -380,7 +363,7 @@ var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
         default:
           return null;
       }
-    };
+    });
 
     _this.state = _objectSpread({
       enteredTo: null
@@ -388,56 +371,54 @@ var RangePicker = /*#__PURE__*/function (_React$PureComponent) {
     return _this;
   }
 
-  _createClass(RangePicker, [{
-    key: "getSnapshotBeforeUpdate",
-    value: function getSnapshotBeforeUpdate(prevProps) {
-      var _prevProps$value, _prevProps$value2;
+  var _proto = RangePicker.prototype;
 
-      var _this$props8 = this.props,
-          value = _this$props8.value,
-          forceAdjacentMonths = _this$props8.forceAdjacentMonths;
-      var left = this.state.left;
+  _proto.getSnapshotBeforeUpdate = function getSnapshotBeforeUpdate(prevProps) {
+    var _prevProps$value, _prevProps$value2;
 
-      if (!!(value === null || value === void 0 ? void 0 : value.to) && (value === null || value === void 0 ? void 0 : value.to) !== (prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$value = prevProps.value) === null || _prevProps$value === void 0 ? void 0 : _prevProps$value.to) && !fnsIsSameMonth(legacyParse(value.to), legacyParse(left.month)) || !!(value === null || value === void 0 ? void 0 : value.from) && (value === null || value === void 0 ? void 0 : value.from) !== (prevProps === null || prevProps === void 0 ? void 0 : (_prevProps$value2 = prevProps.value) === null || _prevProps$value2 === void 0 ? void 0 : _prevProps$value2.from) && !fnsIsSameMonth(legacyParse(value.from), legacyParse(left.month)) || forceAdjacentMonths !== prevProps.forceAdjacentMonths) {
-        this.setState(getSidesState(value, forceAdjacentMonths));
-      }
+    var _this$props8 = this.props,
+        value = _this$props8.value,
+        forceAdjacentMonths = _this$props8.forceAdjacentMonths;
+    var left = this.state.left;
 
-      return null;
+    if (!!(value != null && value.to) && (value == null ? void 0 : value.to) !== (prevProps == null ? void 0 : (_prevProps$value = prevProps.value) == null ? void 0 : _prevProps$value.to) && !fnsIsSameMonth(legacyParse(value.to), legacyParse(left.month)) || !!(value != null && value.from) && (value == null ? void 0 : value.from) !== (prevProps == null ? void 0 : (_prevProps$value2 = prevProps.value) == null ? void 0 : _prevProps$value2.from) && !fnsIsSameMonth(legacyParse(value.from), legacyParse(left.month)) || forceAdjacentMonths !== prevProps.forceAdjacentMonths) {
+      this.setState(getSidesState(value, forceAdjacentMonths));
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props9 = this.props,
-          mode = _this$props9.mode,
-          onChange = _this$props9.onChange,
-          value = _this$props9.value,
-          canSwitchMode = _this$props9.canSwitchMode,
-          dateOnly = _this$props9.dateOnly,
-          onSwitchMode = _this$props9.onSwitchMode,
-          texts = _this$props9.texts;
-      return React.createElement(React.Fragment, null, React.createElement(S.Sides, null, React.createElement(S.Side, {
-        mode: mode
-      }, this.renderSide(COLUMNS.LEFT)), React.createElement(S.Side, {
-        mode: mode
-      }, this.renderSide(COLUMNS.RIGHT))), React.createElement(S.PickerFooter, null, React.createElement(Range, {
-        onClick: function onClick() {
-          onChange(_objectSpread({}, value, {
-            type: 'ABSOLUTE',
-            to: fnsAddMinutes(new Date(), 1),
-            from: new Date()
-          }));
-        }
-      }, texts.now), React.createElement(S.FooterSeparator, null), !dateOnly && React.createElement(S.DateTimeModeSwitch, {
-        type: "ghost",
-        mode: "label-icon",
-        disabled: !canSwitchMode,
-        onClick: onSwitchMode,
-        className: "ds-date-time-switch"
-      }, mode === MODES.TIME ? texts.selectDate : texts.selectTime, React.createElement(Icon, {
-        component: mode === MODES.TIME ? React.createElement(CalendarM, null) : React.createElement(ClockM, null)
-      }))));
-    }
-  }]);
+
+    return null;
+  };
+
+  _proto.render = function render() {
+    var _this$props9 = this.props,
+        mode = _this$props9.mode,
+        onChange = _this$props9.onChange,
+        value = _this$props9.value,
+        canSwitchMode = _this$props9.canSwitchMode,
+        dateOnly = _this$props9.dateOnly,
+        onSwitchMode = _this$props9.onSwitchMode,
+        texts = _this$props9.texts;
+    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, {
+      mode: mode
+    }, this.renderSide(COLUMNS.RIGHT))), /*#__PURE__*/React.createElement(S.PickerFooter, null, /*#__PURE__*/React.createElement(Range, {
+      onClick: function onClick() {
+        onChange(_objectSpread({}, value, {
+          type: 'ABSOLUTE',
+          to: fnsAddMinutes(new Date(), 1),
+          from: new Date()
+        }));
+      }
+    }, texts.now), /*#__PURE__*/React.createElement(S.FooterSeparator, null), !dateOnly && /*#__PURE__*/React.createElement(S.DateTimeModeSwitch, {
+      type: "ghost",
+      mode: "label-icon",
+      disabled: !canSwitchMode,
+      onClick: onSwitchMode,
+      className: "ds-date-time-switch"
+    }, mode === MODES.TIME ? texts.selectDate : texts.selectTime, /*#__PURE__*/React.createElement(Icon, {
+      component: mode === MODES.TIME ? /*#__PURE__*/React.createElement(CalendarM, null) : /*#__PURE__*/React.createElement(ClockM, null)
+    }))));
+  };
 
   return RangePicker;
 }(React.PureComponent);

package/dist/RangePicker/RangePicker.types.js

@@ -0,0 +1 @@
+export {};