@hipay/hipay-material-ui 2.3.0-rc.4 → 2.3.0-rc.PSYCHE-2530

package/HiDatePicker/HiDateRangePicker.js

@@ -1,31 +1,33 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
 
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _classCallCheck2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
 
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
 
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn"));
 
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _getPrototypeOf2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _assertThisInitialized2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized"));
 
-var _react = _interopRequireDefault(require("react"));
+var _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
+
+var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
 
 var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
 
@@ -73,8 +75,7 @@ function (_React$Component) {
 
     (0, _classCallCheck2.default)(this, HiDateRangePicker);
     _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiDateRangePicker).call(this, props));
-
-    _this.handleDayChange = function (name, day) {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleDayChange", function (name, day) {
       if (day) {
         // if time disabled, focus TO input
         // else focus current input
@@ -100,15 +101,13 @@ function (_React$Component) {
           _this.openPanel('time');
         }
       }
-    };
-
-    _this.handleInputChange = function (inputName) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleInputChange", function (inputName) {
       return function (event) {
         _this.handleChange(inputName, event.target.value);
       };
-    };
-
-    _this.onDayToClick = function (day) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onDayToClick", function (day) {
       var change = (0, _momentTimezone.default)(day) >= (0, _momentTimezone.default)(_this.props.from);
       var today = (0, _momentTimezone.default)().tz(_this.props.timezoneName);
       var todayDate = new Date(today.year(), today.month(), today.date(), 23, 59, 59);
@@ -122,9 +121,8 @@ function (_React$Component) {
 
         document.activeElement.blur();
       }
-    };
-
-    _this.handleTimeChange = function (name, date, precision) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleTimeChange", function (name, date, precision) {
       _this.handleChange(name, date);
 
       if (name === 'from' && precision === 'minute') {
@@ -140,9 +138,8 @@ function (_React$Component) {
 
         document.activeElement.blur();
       }
-    };
-
-    _this.handleChange = function (name, day) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleChange", function (name, day) {
       var _this$props = _this.props,
           translations = _this$props.translations,
           timezoneName = _this$props.timezoneName;
@@ -190,9 +187,8 @@ function (_React$Component) {
       _this.props.onChange(name, date);
 
       _this.props.onChange("".concat(name, "Error"), error);
-    };
-
-    _this.handleChangeMobile = function (inputName) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleChangeMobile", function (inputName) {
       return function (event) {
         var date;
 
@@ -202,22 +198,19 @@ function (_React$Component) {
 
         _this.props.onChange(inputName, date);
       };
-    };
-
-    _this.handleCurrentMonthChange = function (day) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleCurrentMonthChange", function (day) {
       _this.setState({
         currentMonth: day,
         openedPanel: 'calendar'
       });
-    };
-
-    _this.handleDayPickerFocus = function (name) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleDayPickerFocus", function (name) {
       _this.setState({
         focusedInput: name
       });
-    };
-
-    _this.handleDayPickerBlur = function (name) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleDayPickerBlur", function (name) {
       _this.setState({
         focusedInput: ''
       });
@@ -233,13 +226,11 @@ function (_React$Component) {
           });
         }
       }, 100);
-    };
-
-    _this.handleReset = function (name) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleReset", function (name) {
       _this.handleChange(name, undefined);
-    };
-
-    _this.handleKeyDown = function (name) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleKeyDown", function (name) {
       return function (event) {
         if (event.key === 'Tab' && !event.shiftKey) {
           var nodeName = document.activeElement.nodeName;
@@ -275,15 +266,13 @@ function (_React$Component) {
           event.stopPropagation();
         }
       };
-    };
-
-    _this.openPanel = function (panel) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "openPanel", function (panel) {
       _this.setState({
         openedPanel: panel
       });
-    };
-
-    _this.renderCaption = function (propsCaption) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderCaption", function (propsCaption) {
       return _react.default.createElement(_Caption.default, (0, _extends2.default)({
         onMonthClick: function onMonthClick() {
           return _this.openPanel('months');
@@ -292,19 +281,17 @@ function (_React$Component) {
           return _this.openPanel('years');
         }
       }, propsCaption));
-    };
-
-    _this.renderNavBar = function (propsNavBar) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderNavBar", function (propsNavBar) {
       return _react.default.createElement(_NavBar.default, (0, _extends2.default)({
         showClockButton: _this.props.enableTime,
         onClockClick: function onClockClick() {
           return _this.openPanel('time');
         }
       }, propsNavBar));
-    };
-
-    _this.renderOverlay = function (name, propsOverlay, staticPosition) {
-      var rangeOverlayProps = (0, _extends2.default)({}, propsOverlay, {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderOverlay", function (name, propsOverlay, staticPosition) {
+      var rangeOverlayProps = (0, _objectSpread2.default)({}, propsOverlay, {
         side: name,
         staticPosition: staticPosition
       });
@@ -323,17 +310,14 @@ function (_React$Component) {
         default:
           return _react.default.createElement(_Overlay.default, rangeOverlayProps);
       }
-    };
-
-    _this.renderOverlayFrom = function (propsOverlay) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderOverlayFrom", function (propsOverlay) {
       return _this.renderOverlay('from', propsOverlay, _this.props.staticPosition);
-    };
-
-    _this.renderOverlayTo = function (propsOverlay) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderOverlayTo", function (propsOverlay) {
       return _this.renderOverlay('to', propsOverlay, _this.props.staticPosition);
-    };
-
-    _this.renderMonthPickerOverlay = function (name, propsOverlay) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderMonthPickerOverlay", function (name, propsOverlay) {
       var monthPickerProps = {
         value: _this.state.currentMonth,
         onChange: _this.handleCurrentMonthChange
@@ -341,9 +325,8 @@ function (_React$Component) {
       return _react.default.createElement(_MonthPickerOverlay.default, (0, _extends2.default)({
         key: "".concat(name, "-month-picker-overlay")
       }, monthPickerProps, propsOverlay));
-    };
-
-    _this.renderTimePickerOverlay = function (name, propsOverlay) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderTimePickerOverlay", function (name, propsOverlay) {
       var timePickerProps = {
         value: _this.props[name],
         onChange: function onChange(date, precision) {
@@ -356,9 +339,8 @@ function (_React$Component) {
       return _react.default.createElement(_TimePickerOverlay.default, (0, _extends2.default)({
         key: "".concat(name, "-time-picker-overlay")
       }, timePickerProps, propsOverlay));
-    };
-
-    _this.renderYearPickerOverlay = function (name, propsOverlay) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderYearPickerOverlay", function (name, propsOverlay) {
       var yearPickerProps = {
         value: _this.state.currentMonth,
         onChange: _this.handleCurrentMonthChange,
@@ -367,7 +349,7 @@ function (_React$Component) {
       return _react.default.createElement(_YearPickerOverlay.default, (0, _extends2.default)({
         key: "".concat(name, "-year-picker-overlay")
       }, yearPickerProps, propsOverlay));
-    };
+    });
 
     var _today = (0, _momentTimezone.default)().tz(_this.props.timezoneName);
 
@@ -448,7 +430,7 @@ function (_React$Component) {
         selectedDays.push(selected);
       }
 
-      var dayPickerProps = (0, _extends2.default)({
+      var dayPickerProps = (0, _objectSpread2.default)({
         classNames: classes,
         disabledDays: disabledDays,
         firstDayOfWeek: 1,
@@ -461,47 +443,47 @@ function (_React$Component) {
         todayButton: translations.today,
         weekdayElement: _Weekday.default
       }, props);
-      var fromDayPickerProps = (0, _extends2.default)({}, dayPickerProps, {
+      var fromDayPickerProps = (0, _objectSpread2.default)({}, dayPickerProps, {
         onTodayButtonClick: this.handleCurrentMonthChange,
         navbarElement: this.renderNavBar,
         captionElement: this.renderCaption,
-        disabledDays: (0, _extends2.default)({}, dayPickerProps.disabledDays, {
+        disabledDays: (0, _objectSpread2.default)({}, dayPickerProps.disabledDays, {
           before: minimumDate
         }, disableFutureDays && {
           after: now
-        }, to && {
+        }, {}, to && {
           after: to
         }),
         locale: locale,
         localeUtils: _hiLocaleUtils.default,
         month: this.state.currentMonth,
-        modifiers: (0, _extends2.default)({}, modifiers)
+        modifiers: (0, _objectSpread2.default)({}, modifiers)
       });
-      var toDayPickerProps = (0, _extends2.default)({}, dayPickerProps, {
+      var toDayPickerProps = (0, _objectSpread2.default)({}, dayPickerProps, {
         onTodayButtonClick: this.handleCurrentMonthChange,
         navbarElement: this.renderNavBar,
         onDayClick: this.onDayToClick,
         captionElement: this.renderCaption,
-        disabledDays: (0, _extends2.default)({}, dayPickerProps.disabledDays, {
+        disabledDays: (0, _objectSpread2.default)({}, dayPickerProps.disabledDays, {
           before: minimumDate
         }, disableFutureDays && {
           after: now
-        }, from && {
+        }, {}, from && {
           before: from
         }),
         locale: locale,
         localeUtils: _hiLocaleUtils.default,
         month: this.state.currentMonth,
-        modifiers: (0, _extends2.default)({}, modifiers)
+        modifiers: (0, _objectSpread2.default)({}, modifiers)
       }); // From & To InputProps
 
-      var fromInputProps = (0, _extends2.default)({}, onReset && {
+      var fromInputProps = (0, _objectSpread2.default)({}, onReset && {
         onReset: function onReset() {
           return _this2.handleReset('from');
         }
-      }, props, fromError && {
+      }, {}, props, {}, fromError && {
         error: true
-      }, labelFrom && {
+      }, {}, labelFrom && {
         label: labelFrom
       }, {
         id: "".concat(id, "-from"),
@@ -511,13 +493,13 @@ function (_React$Component) {
           onSubmit: this.props.onSubmit
         }
       });
-      var toInputProps = (0, _extends2.default)({}, onReset && {
+      var toInputProps = (0, _objectSpread2.default)({}, onReset && {
         onReset: function onReset() {
           return _this2.handleReset('to');
         }
-      }, props, toError && {
+      }, {}, props, {}, toError && {
         error: true
-      }, labelTo && {
+      }, {}, labelTo && {
         label: labelTo
       }, {
         id: "".concat(id, "-to"),
@@ -624,7 +606,7 @@ function (_React$Component) {
   return HiDateRangePicker;
 }(_react.default.Component);
 
-HiDateRangePicker.defaultProps = {
+(0, _defineProperty2.default)(HiDateRangePicker, "defaultProps", {
   disabledDays: {},
   disableFutureDays: true,
   staticPosition: false,
@@ -650,144 +632,7 @@ HiDateRangePicker.defaultProps = {
     date_superior_max_date: 'Date from cannot be greater than %s',
     date_inferior_min_date: 'Date from cannot be before than %s'
   }
-};
-HiDateRangePicker.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: _propTypes.default.object,
-
-  /**
-   * Inactif
-   */
-  disabled: _propTypes.default.bool,
-
-  /**
-   * http://react-day-picker.js.org/api/DayPicker#disabledDays
-   */
-  disabledDays: _propTypes.default.object,
-
-  /**
-   * Uniquement la sélection de date antérieures à aujourd'hui (inclu)
-   */
-  disableFutureDays: _propTypes.default.bool,
-
-  /**
-   * Ajoute la gestion de l'heure
-   */
-  enableTime: _propTypes.default.bool,
-
-  /**
-   * Texte de l'erreur
-   */
-  errorText: _propTypes.default.string,
-
-  /**
-   * Format des dates affichées
-   */
-  format: _propTypes.default.string,
-
-  /**
-   * Date de début sélectionnée
-   */
-  from: _propTypes.default.instanceOf(Date),
-  // from: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string]),
-
-  /**
-   * Erreur sur date from
-   */
-  fromError: _propTypes.default.bool,
-
-  /**
-   * @ignore
-   * Si true, on n'enveloppe pas le composant avec un HiFormControl
-   */
-  hasSelector: _propTypes.default.bool,
-
-  /**
-   * Si "true", le texte d'aide s'affichera seulement au clic sur l'icône "Information"
-   */
-  helperIcon: _propTypes.default.bool,
-
-  /**
-   * Texte de l'aide
-   */
-  helperText: _propTypes.default.string,
-
-  /**
-   * Utilisé pour construire les ids des champs from et to en les suffixant "-from" et "-to"
-   */
-  id: _propTypes.default.string.isRequired,
-
-  /**
-   * Label du champs de début
-   */
-  labelFrom: _propTypes.default.string,
-
-  /**
-   * Label du champs de fin
-   */
-  labelTo: _propTypes.default.string,
-
-  /**
-   * Locale utilisée
-   */
-  locale: _propTypes.default.string,
-
-  /**
-   * Date minimale sélectionnable
-   */
-  minimumDate: _propTypes.default.instanceOf(Date),
-
-  /**
-   * Callback à la sélection d'une date
-   * @param {string} nom de l'input
-   */
-  onBlur: _propTypes.default.func,
-
-  /**
-   * Callback à la sélection d'une date
-   * @param {string} nom du champs
-   * @param {string} nouvelle valeur du champs
-   */
-  onChange: _propTypes.default.func.isRequired,
-
-  /**
-   * Callback au reset de l'input
-   * @param {string} nom du champs réinitialisé
-   */
-  onReset: _propTypes.default.func,
-
-  /**
-   * Callback lorsque l'utilisateur tape sur "Entrée"
-   */
-  onSubmit: _propTypes.default.func,
-
-  /**
-   * Si true, le calendrier sera dans une div static plutot que dans une popper absolute
-   */
-  staticPosition: _propTypes.default.bool,
-
-  /**
-   * Timezone de l'utilisateur
-   */
-  timezoneName: _propTypes.default.string,
-
-  /**
-   * Date de fin sélectionnée
-   */
-  to: _propTypes.default.instanceOf(Date),
-
-  /**
-   * Erreur sur date to
-   */
-  toError: _propTypes.default.bool,
-
-  /**
-   * Traductions
-   */
-  translations: _propTypes.default.object
-} : {};
+});
 
 var _default = (0, _styles.withStyles)(_stylesheet.default, {
   name: 'HmuiHiDateRangePicker'