@synerise/ds-date-range-picker 0.31.1 → 0.31.3

package/dist/RangeFilter/Shared/TimeWindow/TimeWindow.js

@@ -1,23 +1,13 @@
 var _excluded = ["days", "numberOfDays", "daily", "intl", "texts", "disabled"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 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; }
-
 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, createRef } from 'react';
 import { range } from 'lodash';
 import { FormattedMessage, injectIntl } from 'react-intl';
@@ -34,39 +24,31 @@ import Day from './Day/Day';
 import SelectionHint from '../SelectionHint/SelectionHint';
 import { EU_NOTATION_MONTH_DAYS_INDEXES, EU_NOTATION_WEEK_DAYS_INDEXES, US_NOTATION_MONTH_DAYS_INDEXES, US_NOTATION_WEEK_DAYS_INDEXES } from './constants/timeWindow.constants';
 export var DEFAULT_LIMIT_MODE = 'Range';
-
 var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
   function TimeWindowBase() {
     var _this;
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _PureComponent.call.apply(_PureComponent, [this].concat(args)) || this;
-
     // eslint-disable-next-line react/destructuring-assignment
     _defineProperty(_this, "state", {
       activeDays: _this.props.daily ? [0] : [],
       controlKeyPressed: false
     });
-
     _defineProperty(_this, "wrapperRef", createRef());
-
     _defineProperty(_this, "isDayRestricted", function (dayKey) {
       var days = _this.props.days;
       return !!days[dayKey] && days[dayKey].restricted;
     });
-
     _defineProperty(_this, "checkActiveDay", function (dayKey) {
       var isRangeDefined = _this.state.isRangeDefined;
       if (!_this.isDayRestricted(dayKey) && isRangeDefined && !_this.haveActiveDaysCommonRange()) _this.checkDay(dayKey);
       var _this$state = _this.state,
-          activeDays = _this$state.activeDays,
-          controlKeyPressed = _this$state.controlKeyPressed,
-          shiftKeyPressed = _this$state.shiftKeyPressed;
+        activeDays = _this$state.activeDays,
+        controlKeyPressed = _this$state.controlKeyPressed,
+        shiftKeyPressed = _this$state.shiftKeyPressed;
       var updatedActiveDay = [];
-
       if (controlKeyPressed) {
         updatedActiveDay = activeDays.includes(dayKey) ? activeDays : [].concat(activeDays, [dayKey]);
       } else if (activeDays.length > 0 && shiftKeyPressed) {
@@ -74,87 +56,71 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
       } else {
         updatedActiveDay = [dayKey];
       }
-
       _this.setState(function (state) {
         return _objectSpread({}, state, {
           activeDays: updatedActiveDay
         });
       });
     });
-
     _defineProperty(_this, "uncheckActiveDay", function (dayKey) {
       var _this$state2 = _this.state,
-          activeDays = _this$state2.activeDays,
-          controlKeyPressed = _this$state2.controlKeyPressed;
+        activeDays = _this$state2.activeDays,
+        controlKeyPressed = _this$state2.controlKeyPressed;
       var updatedActiveDay = [];
-
       if (controlKeyPressed) {
         updatedActiveDay = activeDays.filter(function (day) {
           return day !== dayKey;
         });
       }
-
       _this.setState(function (state) {
         return _objectSpread({}, state, {
           activeDays: updatedActiveDay
         });
       });
-
       _this.removeDaySelection(dayKey);
     });
-
     _defineProperty(_this, "handleToggleDay", function (dayKey, forcedState) {
       var _this$state3 = _this.state,
-          activeDays = _this$state3.activeDays,
-          controlKeyPressed = _this$state3.controlKeyPressed;
-
+        activeDays = _this$state3.activeDays,
+        controlKeyPressed = _this$state3.controlKeyPressed;
       if (typeof forcedState !== 'undefined') {
         if (controlKeyPressed && forcedState) {
           activeDays.includes(dayKey) ? _this.uncheckActiveDay(dayKey) : _this.checkActiveDay(dayKey);
           return;
         }
-
         forcedState ? _this.checkActiveDay(dayKey) : _this.uncheckActiveDay(dayKey);
       } else {
         activeDays.includes(dayKey) ? _this.uncheckActiveDay(dayKey) : _this.checkActiveDay(dayKey);
       }
     });
-
     _defineProperty(_this, "handleClearDay", function (dayKey) {
       _this.removeDaySelection(dayKey);
     });
-
     _defineProperty(_this, "handleDayChange", function (dayKey, dayChanges) {
       var _objectSpread2;
-
       var _this$props = _this.props,
-          onChange = _this$props.onChange,
-          days = _this$props.days;
+        onChange = _this$props.onChange,
+        days = _this$props.days;
       onChange(_objectSpread({}, days, (_objectSpread2 = {}, _objectSpread2[dayKey] = _objectSpread({}, _this.getDayValue(dayKey), {}, dayChanges), _objectSpread2)));
     });
-
     _defineProperty(_this, "removeDaySelection", function (dayKey) {
       var _this$props2 = _this.props,
-          onChange = _this$props2.onChange,
-          days = _this$props2.days;
+        onChange = _this$props2.onChange,
+        days = _this$props2.days;
       var updatedDays = days;
       delete updatedDays[dayKey];
       onChange(updatedDays);
     });
-
     _defineProperty(_this, "checkDay", function (dayKey) {
       var onCheckDay = _this.props.onCheckDay;
-
       _this.handleDayChange(dayKey, {
         start: DEFAULT_RANGE_START,
         stop: DEFAULT_RANGE_END,
         restricted: true,
         display: true
       });
-
       onCheckDay && onCheckDay(dayKey);
     });
-
     _defineProperty(_this, "handleDayTimeChange", function (value, dayKey) {
       _this.handleDayChange(dayKey, {
         restricted: true,
@@ -163,11 +129,10 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
         inverted: Boolean(value[2])
       });
     });
-
     _defineProperty(_this, "handleMultipleDayTimeChange", function (value) {
       var _this$props3 = _this.props,
-          onChange = _this$props3.onChange,
-          days = _this$props3.days;
+        onChange = _this$props3.onChange,
+        days = _this$props3.days;
       var activeDays = _this.state.activeDays;
       var updatedDays = {};
       activeDays.forEach(function (k) {
@@ -181,11 +146,10 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
       });
       onChange(_objectSpread({}, days, {}, updatedDays));
     });
-
     _defineProperty(_this, "handleRangeDelete", function () {
       var _this$props4 = _this.props,
-          onChange = _this$props4.onChange,
-          days = _this$props4.days;
+        onChange = _this$props4.onChange,
+        days = _this$props4.days;
       var activeDays = _this.state.activeDays;
       var updatedDays = days;
       activeDays.forEach(function (k) {
@@ -193,35 +157,29 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
       });
       onChange(_objectSpread({}, updatedDays));
     });
-
     _defineProperty(_this, "handleClearSelection", function () {
       _this.setState({
         activeDays: [],
         isRangeDefined: false
       });
     });
-
     _defineProperty(_this, "handleSelectAll", function () {
       var keys = _this.getAllKeys();
-
       var onSelectAll = _this.props.onSelectAll;
-
       _this.setState({
         activeDays: keys
       }, function () {
         onSelectAll && onSelectAll();
       });
     });
-
     _defineProperty(_this, "getDayValue", function (dayKey) {
       var _customDays$dayKey, _customDays$dayKey2;
-
       var _this$props5 = _this.props,
-          days = _this$props5.days,
-          dayTemplate = _this$props5.dayTemplate,
-          customDays = _this$props5.customDays,
-          daily = _this$props5.daily,
-          valueSelectionModes = _this$props5.valueSelectionModes;
+        days = _this$props5.days,
+        dayTemplate = _this$props5.dayTemplate,
+        customDays = _this$props5.customDays,
+        daily = _this$props5.daily,
+        valueSelectionModes = _this$props5.valueSelectionModes;
       var dayValue = {};
       if (daily) dayValue = days;else if (days[dayKey]) dayValue = days[dayKey];else if (typeof dayKey === 'number') dayValue = dayTemplate(dayKey);else if (customDays && (_customDays$dayKey = customDays[dayKey]) != null && _customDays$dayKey.template && ((_customDays$dayKey2 = customDays[dayKey]) == null ? void 0 : _customDays$dayKey2.template) !== null) {
         dayValue = customDays[dayKey].template;
@@ -235,93 +193,74 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
         mode: valueSelectionModes[0] || DEFAULT_LIMIT_MODE
       }, dayValue);
     });
-
     _defineProperty(_this, "getDayLabel", function (dayKey, _long) {
       var _this$props6 = _this.props,
-          dayFormatter = _this$props6.dayFormatter,
-          customDays = _this$props6.customDays;
+        dayFormatter = _this$props6.dayFormatter,
+        customDays = _this$props6.customDays;
       var label;
-
       if (typeof dayKey === 'string' && customDays && customDays[dayKey]) {
         label = customDays[dayKey][_long ? 'longLabel' : 'label'] || customDays[dayKey].label;
       }
-
       if (!label) label = dayFormatter(dayKey, _long);
       return label;
     });
-
     _defineProperty(_this, "handleRangePaste", function (dayKeys) {
       var rangeClipboard = _this.props.rangeClipboard;
       var activeDays = _this.state.activeDays;
-
       if (rangeClipboard != null && rangeClipboard.stop && rangeClipboard != null && rangeClipboard.start) {
         activeDays.length > 1 ? _this.handleMultipleDayTimeChange([getDateFromDayValue(rangeClipboard.start), getDateFromDayValue(rangeClipboard.stop), rangeClipboard == null ? void 0 : rangeClipboard.inverted]) : _this.handleDayTimeChange([getDateFromDayValue(rangeClipboard.start), getDateFromDayValue(rangeClipboard.stop), rangeClipboard == null ? void 0 : rangeClipboard.inverted], dayKeys);
       }
     });
-
     _defineProperty(_this, "handleRangeCopy", function () {
       var onRangeCopy = _this.props.onRangeCopy;
       var activeDays = _this.state.activeDays;
-
       var dayValue = _this.getDayValue(activeDays[0]);
-
       onRangeCopy && onRangeCopy({
         start: dayValue.start,
         stop: dayValue.stop,
         inverted: dayValue.inverted
       });
     });
-
     _defineProperty(_this, "replaceDaysIndexesForUSNotation", function (daysIndexes) {
       var isSundayFirstWeekDay = _this.props.isSundayFirstWeekDay;
       var stringifyDaysIndexes = JSON.stringify(daysIndexes);
       var stringifyEUNotationWeekDaysIndexes = JSON.stringify(EU_NOTATION_WEEK_DAYS_INDEXES);
       var stringifyEUNotationMonthDaysIndexes = JSON.stringify(EU_NOTATION_MONTH_DAYS_INDEXES);
       var result = daysIndexes;
-
       if (stringifyDaysIndexes === stringifyEUNotationWeekDaysIndexes && isSundayFirstWeekDay) {
         result = US_NOTATION_WEEK_DAYS_INDEXES;
       }
-
       if (stringifyDaysIndexes === stringifyEUNotationMonthDaysIndexes && isSundayFirstWeekDay) {
         result = US_NOTATION_MONTH_DAYS_INDEXES;
       }
-
       return result;
     });
-
     _defineProperty(_this, "getAllKeys", function () {
       var _this$props7 = _this.props,
-          numberOfDays = _this$props7.numberOfDays,
-          customDays = _this$props7.customDays;
+        numberOfDays = _this$props7.numberOfDays,
+        customDays = _this$props7.customDays;
       var keys = range(numberOfDays);
       keys = _this.replaceDaysIndexesForUSNotation(keys).slice();
       if (customDays) keys = [].concat(keys, Object.keys(customDays));
       return keys;
     });
-
     _defineProperty(_this, "renderDay", function (dayKey) {
       var _this$props8 = _this.props,
-          customDays = _this$props8.customDays,
-          intl = _this$props8.intl,
-          readOnly = _this$props8.readOnly,
-          texts = _this$props8.texts;
+        customDays = _this$props8.customDays,
+        intl = _this$props8.intl,
+        readOnly = _this$props8.readOnly,
+        texts = _this$props8.texts;
       var activeDays = _this.state.activeDays;
-
       var isRestricted = _this.isDayRestricted(dayKey);
-
       var isActive = activeDays.includes(dayKey);
       var Component;
-
       if (typeof dayKey === 'string' && customDays && customDays[dayKey]) {
         var CustomComponent = customDays[dayKey].component;
         if (CustomComponent) Component = CustomComponent;
       }
-
       if (!Component) {
         Component = Day;
       }
-
       return /*#__PURE__*/React.createElement(Component, {
         key: dayKey,
         dayKey: dayKey,
@@ -336,35 +275,31 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
         texts: texts
       });
     });
-
     _defineProperty(_this, "handleRangeAdd", function () {
       var daily = _this.props.daily;
-
       if (!daily && !_this.haveActiveDaysCommonRange()) {
         _this.handleMultipleDayTimeChange([getDateFromDayValue(DEFAULT_RANGE_START), getDateFromDayValue(DEFAULT_RANGE_END), false]);
       }
-
       _this.setState({
         isRangeDefined: true
       });
     });
-
     _defineProperty(_this, "renderRangeForm", function (dayKeys) {
       var activeDays = _this.state.activeDays;
       var _this$props9 = _this.props,
-          hideHeader = _this$props9.hideHeader,
-          headerOptions = _this$props9.headerOptions,
-          monthlyFilterPeriod = _this$props9.monthlyFilterPeriod,
-          monthlyFilter = _this$props9.monthlyFilter,
-          daily = _this$props9.daily,
-          days = _this$props9.days,
-          onChange = _this$props9.onChange,
-          texts = _this$props9.texts,
-          valueSelectionModes = _this$props9.valueSelectionModes,
-          renderRangeFormSuffix = _this$props9.renderRangeFormSuffix,
-          timePickerProps = _this$props9.timePickerProps,
-          disabled = _this$props9.disabled,
-          rangeDisplayMode = _this$props9.rangeDisplayMode;
+        hideHeader = _this$props9.hideHeader,
+        headerOptions = _this$props9.headerOptions,
+        monthlyFilterPeriod = _this$props9.monthlyFilterPeriod,
+        monthlyFilter = _this$props9.monthlyFilter,
+        daily = _this$props9.daily,
+        days = _this$props9.days,
+        onChange = _this$props9.onChange,
+        texts = _this$props9.texts,
+        valueSelectionModes = _this$props9.valueSelectionModes,
+        renderRangeFormSuffix = _this$props9.renderRangeFormSuffix,
+        timePickerProps = _this$props9.timePickerProps,
+        disabled = _this$props9.disabled,
+        rangeDisplayMode = _this$props9.rangeDisplayMode;
       return /*#__PURE__*/React.createElement(RangeFormContainer, {
         disabled: disabled,
         onChange: onChange,
@@ -392,32 +327,26 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
         rangeDisplayMode: rangeDisplayMode
       });
     });
-
     _defineProperty(_this, "haveActiveDaysCommonRange", function () {
       var activeDays = _this.state.activeDays;
       var days = _this.props.days;
       var previousDay;
       var activeDaysHaveDifferentRanges = activeDays.some(function (dayIndex) {
         var _previousDay, _previousDay2;
-
         var currentDay = days[dayIndex];
-
         if (!currentDay) {
           return true;
         }
-
         if (!previousDay) {
           previousDay = currentDay;
           return false;
         }
-
         var areRangeDifferent = (currentDay == null ? void 0 : currentDay.start) !== ((_previousDay = previousDay) == null ? void 0 : _previousDay.start) || (currentDay == null ? void 0 : currentDay.stop) !== ((_previousDay2 = previousDay) == null ? void 0 : _previousDay2.stop);
         previousDay = currentDay;
         return areRangeDifferent;
       });
       return !activeDaysHaveDifferentRanges;
     });
-
     _defineProperty(_this, "handleKeyDown", function (e) {
       if (e.key === 'Shift') {
         _this.setState(function (state) {
@@ -427,7 +356,6 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
           });
         });
       }
-
       if (e.key === 'Control' || e.key === 'Meta') {
         _this.setState(function (state) {
           return _objectSpread({}, state, {
@@ -437,7 +365,6 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
         });
       }
     });
-
     _defineProperty(_this, "handleKeyUp", function (e) {
       if (e.key === 'Control' || e.key === 'Meta') {
         _this.setState(function (state) {
@@ -446,7 +373,6 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
           });
         });
       }
-
       if (e.key === 'Shift') {
         _this.setState(function (state) {
           return _objectSpread({}, state, {
@@ -455,27 +381,20 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
         });
       }
     });
-
     return _this;
   }
-
   _inheritsLoose(TimeWindowBase, _PureComponent);
-
   var _proto = TimeWindowBase.prototype;
-
   _proto.componentDidMount = function componentDidMount() {
     var wrapper = this.wrapperRef;
-
     if (wrapper != null && wrapper.current && wrapper.current !== null) {
       // focus on wrapper to enable listening for keydown without having to click on wrapper
       wrapper.current.focus();
     }
   };
-
   _proto.componentDidUpdate = function componentDidUpdate(prevProps, prevState) {
     var activeDays = this.state.activeDays;
     var hasCommonRange = this.haveActiveDaysCommonRange();
-
     if (prevState.isRangeDefined !== hasCommonRange && activeDays.length) {
       // eslint-disable-next-line react/no-did-update-set-state
       this.setState(function (state) {
@@ -485,20 +404,18 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
       });
     }
   };
-
   _proto.render = function render() {
     var _this$props10 = this.props,
-        days = _this$props10.days,
-        numberOfDays = _this$props10.numberOfDays,
-        daily = _this$props10.daily,
-        intl = _this$props10.intl,
-        texts = _this$props10.texts,
-        disabled = _this$props10.disabled,
-        rest = _objectWithoutPropertiesLoose(_this$props10, _excluded);
-
+      days = _this$props10.days,
+      numberOfDays = _this$props10.numberOfDays,
+      daily = _this$props10.daily,
+      intl = _this$props10.intl,
+      texts = _this$props10.texts,
+      disabled = _this$props10.disabled,
+      rest = _objectWithoutPropertiesLoose(_this$props10, _excluded);
     var _this$state4 = this.state,
-        activeDays = _this$state4.activeDays,
-        isRangeDefined = _this$state4.isRangeDefined;
+      activeDays = _this$state4.activeDays,
+      isRangeDefined = _this$state4.isRangeDefined;
     var keys = this.getAllKeys();
     var singleMode = keys.length === 1;
     var rangeFormKey = singleMode ? keys[0] : activeDays;
@@ -533,10 +450,8 @@ var TimeWindowBase = /*#__PURE__*/function (_PureComponent) {
       onClick: this.handleRangeAdd
     })));
   };
-
   return TimeWindowBase;
 }(PureComponent);
-
 _defineProperty(TimeWindowBase, "defaultProps", {
   days: {},
   numberOfDays: 1,
@@ -553,5 +468,4 @@ _defineProperty(TimeWindowBase, "defaultProps", {
     });
   }
 });
-
 export default withDataFormat(injectIntl(TimeWindowBase));

package/dist/RangeFilter/Shared/TimeWindow/utils.js

@@ -14,7 +14,6 @@ export var reverseRange = function reverseRange(inputRange, groupItem) {
   var grouping = function grouping(item) {
     return Math.floor(item / groupItem);
   };
-
   return flatten(reverse(values(groupBy(inputRange, grouping))));
 };
 export var getDefaultFilterForLimitMode = function getDefaultFilterForLimitMode(mode) {
@@ -24,13 +23,11 @@ export var getDefaultFilterForLimitMode = function getDefaultFilterForLimitMode(
         start: DEFAULT_RANGE_START,
         stop: DEFAULT_RANGE_START
       };
-
     case 'Range':
       return {
         start: DEFAULT_RANGE_START,
         stop: DEFAULT_RANGE_END
       };
-
     default:
       return {};
   }

package/dist/RangeFilter/constants.js

@@ -14,19 +14,15 @@ export var MONTH_DAYS = function MONTH_DAYS(locale) {
   });
 };
 export var DAYS_OF_PERIOD_ENUM;
-
 (function (DAYS_OF_PERIOD_ENUM) {
   DAYS_OF_PERIOD_ENUM["DAY_OF_MONTH"] = "MONTH";
   DAYS_OF_PERIOD_ENUM["DAY_OF_WEEK"] = "WEEK";
 })(DAYS_OF_PERIOD_ENUM || (DAYS_OF_PERIOD_ENUM = {}));
-
 export var COUNTED_FROM_ENUM;
-
 (function (COUNTED_FROM_ENUM) {
   COUNTED_FROM_ENUM["BEGINNING"] = "BEGINNING";
   COUNTED_FROM_ENUM["ENDING"] = "ENDING";
 })(COUNTED_FROM_ENUM || (COUNTED_FROM_ENUM = {}));
-
 export var TYPES = {
   DAILY: 'DAILY',
   WEEKLY: 'WEEKLY',