@rio-cloud/rio-uikit 0.16.1-beta.21 → 0.16.1-beta.22

package/lib/es/components/datepicker/DateRangePicker.js

@@ -1,73 +1,46 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.DateRangePickerPure = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _DatePicker = _interopRequireDefault(require("./DatePicker"));
-
 var _reactOnclickoutside = _interopRequireDefault(require("react-onclickoutside"));
-
 var _moment = _interopRequireDefault(require("moment"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _isNil = _interopRequireDefault(require("lodash/fp/isNil"));
-
 var _isNull = _interopRequireDefault(require("lodash/fp/isNull"));
-
 var _isEqual = _interopRequireDefault(require("lodash/fp/isEqual"));
-
 var _getDropDirection = _interopRequireDefault(require("../../utils/getDropDirection"));
-
 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 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) { (0, _defineProperty2["default"])(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 _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 Placeholder = function Placeholder(_ref) {
   var text = _ref.text;
   return /*#__PURE__*/_react["default"].createElement("span", {
     className: 'placeholder'
   }, text);
 };
+
 /**
  * The DateRangePicker
  */
 
-
 var propTypes = {
   startValue: _propTypes["default"].object,
   endValue: _propTypes["default"].object,
@@ -136,7 +109,8 @@ var defaultProps = {
     startValue: (0, _moment["default"])().subtract(1, 'months').startOf('month'),
     endValue: (0, _moment["default"])().subtract(1, 'months').endOf('month')
   }],
-  onRangeChange: function onRangeChange() {// function when range changes
+  onRangeChange: function onRangeChange() {
+    // function when range changes
   },
   autoDropDirection: true,
   dropup: false,
@@ -149,15 +123,11 @@ var defaultProps = {
 var LOCAL_DATE_FORMAT = 'dd L LT';
 var LOCAL_DATE_FORMAT_NO_TIME = 'dd L';
 var DROPDOWN_WIDTH = 600;
-
 var DateRangePicker = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(DateRangePicker, _Component);
-
   var _super = _createSuper(DateRangePicker);
-
   function DateRangePicker(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, DateRangePicker);
     _this = _super.call(this, props);
     var customRangeStartValue = props.startValue ? props.startValue : props.defaultStartValue;
@@ -190,54 +160,55 @@ var DateRangePicker = /*#__PURE__*/function (_Component) {
     _this.handleResetInternalState = _this.handleResetInternalState.bind((0, _assertThisInitialized2["default"])(_this));
     return _this;
   }
-
   (0, _createClass2["default"])(DateRangePicker, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this$props = this.props,
-          startValue = _this$props.startValue,
-          endValue = _this$props.endValue,
-          locale = _this$props.locale;
-
+        startValue = _this$props.startValue,
+        endValue = _this$props.endValue,
+        locale = _this$props.locale;
       if (!this.state.isMounted) {
         this.setState({
           isMounted: true
         });
-      } // initial mount value
-
+      }
 
+      // initial mount value
       if (startValue && endValue) {
         this.update(startValue, endValue, locale);
       }
     }
+
     /**
      * Responsible for handling start/end values given from outside (controlled component context).
      * @param {object} nextProps - The next props.
      * @returns {undefined}
      */
     // eslint-disable-next-line camelcase
-
   }, {
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
       var startValue = nextProps.startValue,
-          endValue = nextProps.endValue,
-          textDefault = nextProps.textDefault,
-          customRangeOnly = nextProps.customRangeOnly,
-          locale = nextProps.locale,
-          defaultStartValue = nextProps.defaultStartValue,
-          defaultEndValue = nextProps.defaultEndValue;
+        endValue = nextProps.endValue,
+        textDefault = nextProps.textDefault,
+        customRangeOnly = nextProps.customRangeOnly,
+        locale = nextProps.locale,
+        defaultStartValue = nextProps.defaultStartValue,
+        defaultEndValue = nextProps.defaultEndValue;
       var _this$state = this.state,
-          internalStartValue = _this$state.internalStartValue,
-          internalEndValue = _this$state.internalEndValue; // handle reset:
+        internalStartValue = _this$state.internalStartValue,
+        internalEndValue = _this$state.internalEndValue;
+
+      // handle reset:
       // reset condition 1 is for uncontrolled components,
       // making sure that when a time is selected, and then the locale changed, that the selection remains
+      var resetCondition1 = (0, _isNil["default"])(startValue) && (0, _isNil["default"])(endValue) && (0, _isNil["default"])(internalStartValue) && (0, _isNil["default"])(internalEndValue);
 
-      var resetCondition1 = (0, _isNil["default"])(startValue) && (0, _isNil["default"])(endValue) && (0, _isNil["default"])(internalStartValue) && (0, _isNil["default"])(internalEndValue); // reset condition 2 is for controlled components,
+      // reset condition 2 is for controlled components,
       // when a time is set / defined, and the controlling component wants a hard reset
+      var resetCondition2 = (0, _isNull["default"])(startValue) && (0, _isNull["default"])(endValue);
 
-      var resetCondition2 = (0, _isNull["default"])(startValue) && (0, _isNull["default"])(endValue); // reset to original state
-
+      // reset to original state
       if (resetCondition1 || resetCondition2) {
         this.setState({
           internalStartValue: undefined,
@@ -260,6 +231,7 @@ var DateRangePicker = /*#__PURE__*/function (_Component) {
         this.update(internalStartValue, internalEndValue, locale);
       }
     }
+
     /**
      * Converts start/end values to moments, makes them readable,
      * crafts a dropdownToggleText and updates state.
@@ -270,20 +242,22 @@ var DateRangePicker = /*#__PURE__*/function (_Component) {
      * @param {object} callback - callback to be called, after state has changed.
      * @returns {undefined}
      */
-
   }, {
     key: "update",
     value: function update(startValue, endValue, locale, extras, callback) {
       var hasTimePicker = this.props.hasTimePicker;
-      var format = hasTimePicker ? LOCAL_DATE_FORMAT : LOCAL_DATE_FORMAT_NO_TIME; // necessary to set start to startOf / end day to endOf, when selecting "without time"
+      var format = hasTimePicker ? LOCAL_DATE_FORMAT : LOCAL_DATE_FORMAT_NO_TIME;
 
+      // necessary to set start to startOf / end day to endOf, when selecting "without time"
       var finalStartValue = hasTimePicker ? (0, _moment["default"])(startValue) : (0, _moment["default"])(startValue).startOf('day');
-      var finalEndValue = hasTimePicker ? (0, _moment["default"])(endValue) : (0, _moment["default"])(endValue).endOf('day'); // composition of dropdownToggleText
+      var finalEndValue = hasTimePicker ? (0, _moment["default"])(endValue) : (0, _moment["default"])(endValue).endOf('day');
 
+      // composition of dropdownToggleText
       var startValueText = "".concat(finalStartValue.locale(locale).format(format));
       var endValueText = "".concat(finalEndValue.locale(locale).format(format));
-      var dropdownToggleText = startValueText === endValueText ? startValueText : "".concat(startValueText, " \u2192 ").concat(endValueText); // set state, and call callback
+      var dropdownToggleText = startValueText === endValueText ? startValueText : "".concat(startValueText, " \u2192 ").concat(endValueText);
 
+      // set state, and call callback
       this.setState(_objectSpread({
         internalStartValue: finalStartValue,
         internalEndValue: finalEndValue,
@@ -305,15 +279,14 @@ var DateRangePicker = /*#__PURE__*/function (_Component) {
         event.preventDefault();
         event.stopPropagation();
       }
-
       var _this$props2 = this.props,
-          textDefault = _this$props2.textDefault,
-          customRangeOnly = _this$props2.customRangeOnly,
-          defaultStartValue = _this$props2.defaultStartValue,
-          defaultEndValue = _this$props2.defaultEndValue,
-          pullRight = _this$props2.pullRight,
-          dropup = _this$props2.dropup,
-          onClear = _this$props2.onClear;
+        textDefault = _this$props2.textDefault,
+        customRangeOnly = _this$props2.customRangeOnly,
+        defaultStartValue = _this$props2.defaultStartValue,
+        defaultEndValue = _this$props2.defaultEndValue,
+        pullRight = _this$props2.pullRight,
+        dropup = _this$props2.dropup,
+        onClear = _this$props2.onClear;
       this.setState({
         internalStartValue: undefined,
         internalEndValue: undefined,
@@ -333,12 +306,12 @@ var DateRangePicker = /*#__PURE__*/function (_Component) {
       });
       onClear();
     }
+
     /**
      * Gets called by wrapper component "onClickOutside".
      * Responsible for closing the dropdown when a click occured outside.
      * @returns {undefined}
      */
-
   }, {
     key: "handleClickOutside",
     value: function handleClickOutside() {
@@ -348,21 +321,18 @@ var DateRangePicker = /*#__PURE__*/function (_Component) {
         });
       }
     }
+
     /**
      * Toggles dropdown open status and visibility of custom range area.
      * @param {object} event - mouse event on toggle dropdown
      * @returns {undefined}
      */
-
   }, {
     key: "toggleDropdownOpen",
     value: function toggleDropdownOpen(event) {
       var _this2 = this;
-
       var toggleNode = _reactDom["default"].findDOMNode(this.refDropdownToggle);
-
       var menuNode = _reactDom["default"].findDOMNode(this.refDropdownMenu);
-
       var dropDirection = this.isAutoDropActive() && !this.state.isDropdownOpen ? (0, _getDropDirection["default"])(toggleNode, menuNode) : {};
       var left = event.currentTarget.getBoundingClientRect().left;
       this.setState(function (prevState) {
@@ -379,6 +349,7 @@ var DateRangePicker = /*#__PURE__*/function (_Component) {
     value: function isAutoDropActive() {
       return !(!this.props.autoDropDirection || this.props.dropup || this.props.pullRight);
     }
+
     /**
      * Only gets called on manual change of datePicker (user interaction).
      * Has influence the validity of the end date.
@@ -390,7 +361,6 @@ var DateRangePicker = /*#__PURE__*/function (_Component) {
      * @param {object} isValidDate - if the date is valid or not.
      * @returns {undefined}
      */
-
   }, {
     key: "onStartChange",
     value: function onStartChange(startValue, isValidDate) {
@@ -398,35 +368,33 @@ var DateRangePicker = /*#__PURE__*/function (_Component) {
         isStartValid: false
       };
       var _this$props3 = this.props,
-          hasTimePicker = _this$props3.hasTimePicker,
-          minValue = _this$props3.minValue,
-          maxValue = _this$props3.maxValue;
+        hasTimePicker = _this$props3.hasTimePicker,
+        minValue = _this$props3.minValue,
+        maxValue = _this$props3.maxValue;
       var customRangeEndValue = this.state.customRangeEndValue;
-
       if (_moment["default"].isMoment(startValue)) {
         // necessary to set start to startOf / end day to endOf, when selecting "without time"
-        var finalStartValue = hasTimePicker ? startValue : (0, _moment["default"])(startValue).startOf('day'); // check validity of input (min/max)
+        var finalStartValue = hasTimePicker ? startValue : (0, _moment["default"])(startValue).startOf('day');
 
+        // check validity of input (min/max)
         var passesMin = minValue ? finalStartValue.isSameOrAfter((0, _moment["default"])(minValue)) : true;
         var passesMax = maxValue ? finalStartValue.isSameOrBefore((0, _moment["default"])(maxValue)) : true;
         var isValidInput = isValidDate && passesMin && passesMax;
         newState.isStartValid = isValidInput;
-
         if (isValidDate) {
           newState.customRangeStartValue = finalStartValue;
           newState.isEndValid = !customRangeEndValue.isBefore(finalStartValue);
         }
       }
-
       this.setState(newState);
     }
+
     /**
      * Only gets called on manual change of datePicker (user interaction)
      * @param {object} endValue - the start date (date or moment).
      * @param {object} isValidDate - if the date is valid or not.
      * @returns {undefined}
      */
-
   }, {
     key: "onEndChange",
     value: function onEndChange(endValue, isValidDate) {
@@ -434,80 +402,77 @@ var DateRangePicker = /*#__PURE__*/function (_Component) {
         isEndValid: false
       };
       var _this$props4 = this.props,
-          hasTimePicker = _this$props4.hasTimePicker,
-          minValue = _this$props4.minValue,
-          maxValue = _this$props4.maxValue;
-      var customRangeStartValue = this.state.customRangeStartValue; // let isValidInput = false;
+        hasTimePicker = _this$props4.hasTimePicker,
+        minValue = _this$props4.minValue,
+        maxValue = _this$props4.maxValue;
+      var customRangeStartValue = this.state.customRangeStartValue;
+      // let isValidInput = false;
 
       if (_moment["default"].isMoment(endValue)) {
         // necessary to set end of seconds and milliseconds for every end value
-        var correctedEndValue = isValidDate ? endValue.endOf('minute') : endValue; // necessary to set start to startOf / end day to endOf, when selecting "without time"
+        var correctedEndValue = isValidDate ? endValue.endOf('minute') : endValue;
 
-        var finalEndValue = hasTimePicker ? correctedEndValue : (0, _moment["default"])(endValue).endOf('day'); // check validity of input (min/max)
+        // necessary to set start to startOf / end day to endOf, when selecting "without time"
+        var finalEndValue = hasTimePicker ? correctedEndValue : (0, _moment["default"])(endValue).endOf('day');
 
+        // check validity of input (min/max)
         var passesMin = minValue ? finalEndValue.isSameOrAfter((0, _moment["default"])(minValue)) : true;
         var passesMax = maxValue ? finalEndValue.isSameOrBefore((0, _moment["default"])(maxValue)) : true;
         var isValidInput = isValidDate && passesMin && passesMax && finalEndValue.isAfter(customRangeStartValue);
         newState.isEndValid = isValidInput;
-
         if (isValidDate) {
           newState.customRangeEndValue = finalEndValue;
         }
       }
-
       this.setState(newState);
     }
+
     /**
      * Callback method for DatePicker to limit selection in DatePicker.
      * @param {object} current - Current date in the loop.
      * @returns {undefined}
      */
-
   }, {
     key: "getValidStartDates",
     value: function getValidStartDates(current) {
       var _this$props5 = this.props,
-          minValue = _this$props5.minValue,
-          maxValue = _this$props5.maxValue;
+        minValue = _this$props5.minValue,
+        maxValue = _this$props5.maxValue;
       var customRangeEndValue = (0, _moment["default"])(this.state.customRangeEndValue);
-
       if (current.isSame(customRangeEndValue, 'day')) {
         return true;
       }
-
       var passesMin = minValue ? current.isSameOrAfter((0, _moment["default"])(minValue)) : true;
       var passesMax = maxValue ? current.isSameOrBefore((0, _moment["default"])(maxValue)) : true;
       return passesMin && passesMax;
     }
+
     /**
      * Callback method for DatePicker to limit selection in DatePicker.
      * End date has to be after start date.
      * @param {object} current - Current date in the loop.
      * @returns {undefined}
      */
-
   }, {
     key: "getValidEndDates",
     value: function getValidEndDates(current) {
       var _this$props6 = this.props,
-          minValue = _this$props6.minValue,
-          maxValue = _this$props6.maxValue;
+        minValue = _this$props6.minValue,
+        maxValue = _this$props6.maxValue;
       var customRangeStartValue = (0, _moment["default"])(this.state.customRangeStartValue);
-
       if (current.isSame(customRangeStartValue, 'day')) {
         return true;
       }
-
       var passesMin = minValue ? current.isSameOrAfter((0, _moment["default"])(minValue)) : true;
       var passesMax = maxValue ? current.isSameOrBefore((0, _moment["default"])(maxValue)) : true;
       var isAfterStart = current.isAfter(customRangeStartValue);
       return passesMin && passesMax && isAfterStart;
     }
+
     /**
      * Gets called when "custom ..." has been selected.
      * @returns {undefined}
      */
-
   }, {
     key: "handleCustomToggle",
     value: function handleCustomToggle() {
@@ -523,44 +488,42 @@ var DateRangePicker = /*#__PURE__*/function (_Component) {
       if (typeof preset.onSelect === 'function') {
         preset.onSelect();
       }
-
       this.handleSelect(preset.startValue, preset.endValue);
     }
+
     /**
      * Gets called when a preset has been selected.
      * @param {object} startValue - the start date (date or moment).
      * @param {object} endValue - the start date (date or moment).
      * @returns {undefined}
      */
-
   }, {
     key: "handleSelect",
     value: function handleSelect(startValue, endValue) {
       var _this$props7 = this.props,
-          onRangeChange = _this$props7.onRangeChange,
-          locale = _this$props7.locale;
+        onRangeChange = _this$props7.onRangeChange,
+        locale = _this$props7.locale;
       var extras = {
         isDropdownOpen: false
       };
       this.update(startValue, endValue, locale, extras, onRangeChange);
     }
+
     /**
      * Gets called user clicks the apply button.
      * @returns {undefined}
      */
-
   }, {
     key: "handleCustomApply",
     value: function handleCustomApply() {
       var _this$state2 = this.state,
-          customRangeStartValue = _this$state2.customRangeStartValue,
-          customRangeEndValue = _this$state2.customRangeEndValue,
-          isStartValid = _this$state2.isStartValid,
-          isEndValid = _this$state2.isEndValid;
+        customRangeStartValue = _this$state2.customRangeStartValue,
+        customRangeEndValue = _this$state2.customRangeEndValue,
+        isStartValid = _this$state2.isStartValid,
+        isEndValid = _this$state2.isEndValid;
       var _this$props8 = this.props,
-          onRangeChange = _this$props8.onRangeChange,
-          locale = _this$props8.locale;
-
+        onRangeChange = _this$props8.onRangeChange,
+        locale = _this$props8.locale;
       if (isStartValid && isEndValid) {
         var extras = {
           isDropdownOpen: false
@@ -572,18 +535,18 @@ var DateRangePicker = /*#__PURE__*/function (_Component) {
     key: "getDropdownToggle",
     value: function getDropdownToggle(dropdownToggleText) {
       var _this3 = this;
-
       var _this$props9 = this.props,
-          children = _this$props9.children,
-          clearable = _this$props9.clearable;
+        children = _this$props9.children,
+        clearable = _this$props9.clearable;
       var _this$state3 = this.state,
-          startValueText = _this$state3.startValueText,
-          endValueText = _this$state3.endValueText;
+        startValueText = _this$state3.startValueText,
+        endValueText = _this$state3.endValueText;
       var isClearable = clearable && dropdownToggleText.type !== Placeholder;
       var labelClassNames = (0, _classnames["default"])(isClearable && 'withClearButton');
-      var isRenderCallback = children && typeof children === 'function'; // Note: due to issues with nested events in Firefox (for toggle and inside the clear)
-      // the toggle element must not be a <button> but a div.
+      var isRenderCallback = children && typeof children === 'function';
 
+      // Note: due to issues with nested events in Firefox (for toggle and inside the clear)
+      // the toggle element must not be a <button> but a div.
       return /*#__PURE__*/_react["default"].createElement("div", {
         type: 'button',
         className: 'DateRangePickerToggle form-control dropdown-toggle text-left',
@@ -636,47 +599,45 @@ var DateRangePicker = /*#__PURE__*/function (_Component) {
         onClick: this.toggleDropdownOpen,
         className: 'btn btn-default pull-right'
       }, textCancel)));
-    } // eslint-disable-next-line complexity
+    }
 
+    // eslint-disable-next-line complexity
   }, {
     key: "render",
     value: function render() {
       var _this4 = this;
-
       var _this$props10 = this.props,
-          locale = _this$props10.locale,
-          textCustom = _this$props10.textCustom,
-          textApply = _this$props10.textApply,
-          textCancel = _this$props10.textCancel,
-          textFrom = _this$props10.textFrom,
-          textTo = _this$props10.textTo,
-          textToday = _this$props10.textToday,
-          textLastWeek = _this$props10.textLastWeek,
-          textLastMonth = _this$props10.textLastMonth,
-          className = _this$props10.className,
-          clearable = _this$props10.clearable,
-          dropdownClass = _this$props10.dropdownClass,
-          dropdownMenuClass = _this$props10.dropdownMenuClass,
-          customPresets = _this$props10.customPresets,
-          hasTimePicker = _this$props10.hasTimePicker;
+        locale = _this$props10.locale,
+        textCustom = _this$props10.textCustom,
+        textApply = _this$props10.textApply,
+        textCancel = _this$props10.textCancel,
+        textFrom = _this$props10.textFrom,
+        textTo = _this$props10.textTo,
+        textToday = _this$props10.textToday,
+        textLastWeek = _this$props10.textLastWeek,
+        textLastMonth = _this$props10.textLastMonth,
+        className = _this$props10.className,
+        clearable = _this$props10.clearable,
+        dropdownClass = _this$props10.dropdownClass,
+        dropdownMenuClass = _this$props10.dropdownMenuClass,
+        customPresets = _this$props10.customPresets,
+        hasTimePicker = _this$props10.hasTimePicker;
       var _this$state4 = this.state,
-          customRangeStartValue = _this$state4.customRangeStartValue,
-          customRangeEndValue = _this$state4.customRangeEndValue,
-          isStartValid = _this$state4.isStartValid,
-          isEndValid = _this$state4.isEndValid,
-          isCustomVisible = _this$state4.isCustomVisible,
-          isDropdownOpen = _this$state4.isDropdownOpen,
-          dropdownToggleText = _this$state4.dropdownToggleText;
+        customRangeStartValue = _this$state4.customRangeStartValue,
+        customRangeEndValue = _this$state4.customRangeEndValue,
+        isStartValid = _this$state4.isStartValid,
+        isEndValid = _this$state4.isEndValid,
+        isCustomVisible = _this$state4.isCustomVisible,
+        isDropdownOpen = _this$state4.isDropdownOpen,
+        dropdownToggleText = _this$state4.dropdownToggleText;
       var pullRight = this.isAutoDropActive() ? this.state.pullRight : this.props.pullRight;
       var dropup = this.isAutoDropActive() ? this.state.dropup : this.props.dropup;
-
       if (customPresets && (0, _isEqual["default"])(customPresets, defaultProps.customPresets)) {
         // support backward compatibility to override default drop down text values
         customPresets[0].text = textToday;
         customPresets[1].text = textLastWeek;
         customPresets[2].text = textLastMonth;
       }
-
       var classes = (0, _classnames["default"])('DateRangePicker', className && className);
       var dropDownClassNames = (0, _classnames["default"])('select', 'dropdown', dropdownClass, isDropdownOpen && 'open', dropup && 'dropup');
       return /*#__PURE__*/_react["default"].createElement("div", {
@@ -736,11 +697,8 @@ var DateRangePicker = /*#__PURE__*/function (_Component) {
   }]);
   return DateRangePicker;
 }(_react.Component);
-
 exports.DateRangePickerPure = DateRangePicker;
 DateRangePicker.propTypes = propTypes;
 DateRangePicker.defaultProps = defaultProps;
-
 var _default = (0, _reactOnclickoutside["default"])(DateRangePicker);
-
 exports["default"] = _default;

package/lib/es/components/dialog/ConfirmationDialog.js

@@ -1,31 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Dialog = _interopRequireDefault(require("./Dialog"));
-
+var _excluded = ["content", "onClickCancel", "cancelButtonText", "onClickConfirm", "confirmButtonText", "disableConfirm"];
 /*
  * Confirmation dialog component to confirm or cancel an action
  */
 var ConfirmationDialog = function ConfirmationDialog(props) {
   var content = props.content,
-      onClickCancel = props.onClickCancel,
-      cancelButtonText = props.cancelButtonText,
-      onClickConfirm = props.onClickConfirm,
-      confirmButtonText = props.confirmButtonText,
-      disableConfirm = props.disableConfirm;
-
+    onClickCancel = props.onClickCancel,
+    cancelButtonText = props.cancelButtonText,
+    onClickConfirm = props.onClickConfirm,
+    confirmButtonText = props.confirmButtonText,
+    disableConfirm = props.disableConfirm,
+    remainingProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var footer = /*#__PURE__*/_react["default"].createElement("div", {
     className: "display-flex justify-content-end btn-toolbar"
   }, /*#__PURE__*/_react["default"].createElement("button", {
@@ -38,8 +34,7 @@ var ConfirmationDialog = function ConfirmationDialog(props) {
     onClick: onClickConfirm,
     disabled: disableConfirm
   }, confirmButtonText));
-
-  return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], (0, _extends2["default"])({}, props, {
+  return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], (0, _extends2["default"])({}, remainingProps, {
     body: content,
     footer: footer,
     onHide: onClickCancel,
@@ -48,7 +43,6 @@ var ConfirmationDialog = function ConfirmationDialog(props) {
     disableEsc: true
   }));
 };
-
 ConfirmationDialog.defaultProps = {
   show: false,
   onClickCancel: function onClickCancel() {},