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

package/components/datepicker/DateRangePicker.js

@@ -5,18 +5,14 @@ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-
 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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
-
 /**
  * @fileOverview: Wrapper component for React-Datetime.
  */
+
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
@@ -28,18 +24,17 @@ import isNil from 'lodash/fp/isNil';
 import isNull from 'lodash/fp/isNull';
 import isEqual from 'lodash/fp/isEqual';
 import getDropDirection from '../../utils/getDropDirection';
-
 var Placeholder = function Placeholder(_ref) {
   var text = _ref.text;
   return /*#__PURE__*/React.createElement("span", {
     className: 'placeholder'
   }, text);
 };
+
 /**
  * The DateRangePicker
  */
 
-
 var propTypes = {
   startValue: PropTypes.object,
   endValue: PropTypes.object,
@@ -108,7 +103,8 @@ var defaultProps = {
     startValue: moment().subtract(1, 'months').startOf('month'),
     endValue: moment().subtract(1, 'months').endOf('month')
   }],
-  onRangeChange: function onRangeChange() {// function when range changes
+  onRangeChange: function onRangeChange() {
+    // function when range changes
   },
   autoDropDirection: true,
   dropup: false,
@@ -121,17 +117,12 @@ 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) {
   _inherits(DateRangePicker, _Component);
-
   var _super = _createSuper(DateRangePicker);
-
   function DateRangePicker(props) {
     var _this;
-
     _classCallCheck(this, DateRangePicker);
-
     _this = _super.call(this, props);
     var customRangeStartValue = props.startValue ? props.startValue : props.defaultStartValue;
     var customRangeEndValue = props.endValue ? props.endValue : props.defaultEndValue;
@@ -163,54 +154,55 @@ var DateRangePicker = /*#__PURE__*/function (_Component) {
     _this.handleResetInternalState = _this.handleResetInternalState.bind(_assertThisInitialized(_this));
     return _this;
   }
-
   _createClass(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 = isNil(startValue) && isNil(endValue) && isNil(internalStartValue) && isNil(internalEndValue);
 
-      var resetCondition1 = isNil(startValue) && isNil(endValue) && isNil(internalStartValue) && isNil(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 = isNull(startValue) && isNull(endValue);
 
-      var resetCondition2 = isNull(startValue) && isNull(endValue); // reset to original state
-
+      // reset to original state
       if (resetCondition1 || resetCondition2) {
         this.setState({
           internalStartValue: undefined,
@@ -233,6 +225,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.
@@ -243,20 +236,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 ? moment(startValue) : moment(startValue).startOf('day');
-      var finalEndValue = hasTimePicker ? moment(endValue) : moment(endValue).endOf('day'); // composition of dropdownToggleText
+      var finalEndValue = hasTimePicker ? moment(endValue) : moment(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,
@@ -278,15 +273,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,
@@ -306,12 +300,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() {
@@ -321,17 +315,16 @@ 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.findDOMNode(this.refDropdownToggle);
       var menuNode = ReactDOM.findDOMNode(this.refDropdownMenu);
       var dropDirection = this.isAutoDropActive() && !this.state.isDropdownOpen ? getDropDirection(toggleNode, menuNode) : {};
@@ -350,6 +343,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.
@@ -361,7 +355,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) {
@@ -369,35 +362,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.isMoment(startValue)) {
         // necessary to set start to startOf / end day to endOf, when selecting "without time"
-        var finalStartValue = hasTimePicker ? startValue : moment(startValue).startOf('day'); // check validity of input (min/max)
+        var finalStartValue = hasTimePicker ? startValue : moment(startValue).startOf('day');
 
+        // check validity of input (min/max)
         var passesMin = minValue ? finalStartValue.isSameOrAfter(moment(minValue)) : true;
         var passesMax = maxValue ? finalStartValue.isSameOrBefore(moment(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) {
@@ -405,80 +396,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.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 : moment(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 : moment(endValue).endOf('day');
 
+        // check validity of input (min/max)
         var passesMin = minValue ? finalEndValue.isSameOrAfter(moment(minValue)) : true;
         var passesMax = maxValue ? finalEndValue.isSameOrBefore(moment(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 = moment(this.state.customRangeEndValue);
-
       if (current.isSame(customRangeEndValue, 'day')) {
         return true;
       }
-
       var passesMin = minValue ? current.isSameOrAfter(moment(minValue)) : true;
       var passesMax = maxValue ? current.isSameOrBefore(moment(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 = moment(this.state.customRangeStartValue);
-
       if (current.isSame(customRangeStartValue, 'day')) {
         return true;
       }
-
       var passesMin = minValue ? current.isSameOrAfter(moment(minValue)) : true;
       var passesMax = maxValue ? current.isSameOrBefore(moment(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() {
@@ -494,44 +482,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
@@ -543,18 +529,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 = classNames(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.createElement("div", {
         type: 'button',
         className: 'DateRangePickerToggle form-control dropdown-toggle text-left',
@@ -607,47 +593,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 && isEqual(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 = classNames('DateRangePicker', className && className);
       var dropDownClassNames = classNames('select', 'dropdown', dropdownClass, isDropdownOpen && 'open', dropup && 'dropup');
       return /*#__PURE__*/React.createElement("div", {
@@ -705,10 +689,8 @@ var DateRangePicker = /*#__PURE__*/function (_Component) {
       })))), this.getCustomPanelButtons(isCustomVisible, isStartValid, isEndValid, textApply, textCancel))));
     }
   }]);
-
   return DateRangePicker;
 }(Component);
-
 DateRangePicker.propTypes = propTypes;
 DateRangePicker.defaultProps = defaultProps;
 export default onClickOutside(DateRangePicker);

package/components/dialog/ConfirmationDialog.js

@@ -1,18 +1,21 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["content", "onClickCancel", "cancelButtonText", "onClickConfirm", "confirmButtonText", "disableConfirm"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import Dialog from './Dialog';
+
 /*
  * 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 = _objectWithoutProperties(props, _excluded);
   var footer = /*#__PURE__*/React.createElement("div", {
     className: "display-flex justify-content-end btn-toolbar"
   }, /*#__PURE__*/React.createElement("button", {
@@ -25,7 +28,7 @@ var ConfirmationDialog = function ConfirmationDialog(props) {
     onClick: onClickConfirm,
     disabled: disableConfirm
   }, confirmButtonText));
-  return /*#__PURE__*/React.createElement(Dialog, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(Dialog, _extends({}, remainingProps, {
     body: content,
     footer: footer,
     onHide: onClickCancel,
@@ -34,7 +37,6 @@ var ConfirmationDialog = function ConfirmationDialog(props) {
     disableEsc: true
   }));
 };
-
 ConfirmationDialog.defaultProps = {
   show: false,
   onClickCancel: function onClickCancel() {},