@hipay/hipay-material-ui 4.0.0 → 4.0.1-beta5

package/HiDatePicker/HiDatePicker.js

@@ -1,62 +1,103 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
+
 var _moment = _interopRequireDefault(require("react-day-picker/moment"));
+
 var _hiLocaleUtils = _interopRequireDefault(require("./hiLocaleUtils"));
+
 var _DayPickerInput = _interopRequireDefault(require("react-day-picker/DayPickerInput"));
+
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
+
 var _Caption = _interopRequireDefault(require("./Caption"));
+
 var _Overlay = _interopRequireDefault(require("./Overlays/Overlay"));
+
 var _TimePickerOverlay = _interopRequireDefault(require("./Overlays/TimePickerOverlay"));
+
 var _MonthPickerOverlay = _interopRequireDefault(require("./Overlays/MonthPickerOverlay"));
+
 var _YearPickerOverlay = _interopRequireDefault(require("./Overlays/YearPickerOverlay"));
+
 var _NavBar = _interopRequireDefault(require("./NavBar"));
+
 var _Weekday = _interopRequireDefault(require("./Weekday"));
+
 var _HiTextField = _interopRequireDefault(require("../HiForm/HiTextField"));
+
 var _stylesheet = _interopRequireDefault(require("./stylesheet"));
+
 var _reactDeviceDetect = require("react-device-detect");
+
 var _HiDatePickerMobile = _interopRequireDefault(require("./HiDatePickerMobile"));
+
 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 HiDatePicker = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(HiDatePicker, _React$Component);
+
   var _super = _createSuper(HiDatePicker);
+
   function HiDatePicker(props) {
     var _this;
+
     (0, _classCallCheck2.default)(this, HiDatePicker);
     _this = _super.call(this);
+
     _this.handleInputChange = function (event) {
       _this.props.onChange(event.target.value);
     };
+
     _this.handleKeyDown = function (name) {
       return function (event) {
         if (event.key === 'Escape' && !event.shiftKey) {
           _this.datePickerInput.hideDayPicker();
+
           event.stopPropagation();
         }
       };
     };
+
     _this.handleReset = function () {
       var today = (0, _momentTimezone.default)();
+
       _this.handleCurrentMonthChange(new Date(today.year(), today.month(), today.date(), today.hours(), today.minutes(), today.seconds(), today.milliseconds()));
+
       _this.props.onReset();
     };
+
     _this.handleDayChange = function (day, modifiers) {
       if (day) {
         if (modifiers.selected) {
@@ -71,8 +112,10 @@ var HiDatePicker = /*#__PURE__*/function (_React$Component) {
               day.setHours(0, 0);
             }
           }
+
           _this.props.onChange(day);
         }
+
         if (day instanceof Date && !_this.props.enableTime && modifiers.selected !== true) {
           // Hide overlay & remove focus on input
           document.activeElement.blur();
@@ -82,25 +125,33 @@ var HiDatePicker = /*#__PURE__*/function (_React$Component) {
         }
       }
     };
+
     _this.handleChangeMobile = function (event) {
       var date;
+
       if (event.target.value) {
         date = new Date(event.target.value);
       }
+
       _this.props.onChange(date);
     };
+
     _this.handleCalendarClick = function () {
       _this.openPanel('calendar');
     };
+
     _this.handleClockClick = function () {
       _this.openPanel('time');
     };
+
     _this.handleMonthClick = function () {
       _this.openPanel('months');
     };
+
     _this.handleYearClick = function () {
       _this.openPanel('years');
     };
+
     _this.handleCurrentMonthChange = function (day) {
       _this.setState({
         // Current Month can't be anterior to minimumDate
@@ -108,36 +159,45 @@ var HiDatePicker = /*#__PURE__*/function (_React$Component) {
         openedPanel: 'calendar'
       });
     };
+
     _this.handleTimeChange = function (date, precision) {
       _this.props.onChange(date);
+
       if (date instanceof Date && precision === 'minute') {
         document.activeElement.blur();
       }
     };
+
     _this.openPanel = function (panel) {
       _this.setState({
         openedPanel: panel
       });
     };
+
     _this.renderCaption = function (propsCaption) {
       return /*#__PURE__*/_react.default.createElement(_Caption.default, (0, _extends2.default)({
         onMonthClick: _this.handleMonthClick,
         onYearClick: _this.handleYearClick
       }, propsCaption));
     };
+
     _this.renderOverlay = function (propsOverlay) {
       switch (_this.state.openedPanel) {
         case 'time':
           return _this.renderTimePickerOverlay(propsOverlay);
+
         case 'months':
           return _this.renderMonthPickerOverlay(propsOverlay);
+
         case 'years':
           return _this.renderYearPickerOverlay(propsOverlay);
+
         case 'calendar':
         default:
           return /*#__PURE__*/_react.default.createElement(_Overlay.default, propsOverlay);
       }
     };
+
     _this.renderMonthPickerOverlay = function (propsOverlay) {
       var monthPickerProps = {
         value: _this.state.currentMonth,
@@ -147,6 +207,7 @@ var HiDatePicker = /*#__PURE__*/function (_React$Component) {
         key: 'month-picker-overlay'
       }, monthPickerProps, propsOverlay));
     };
+
     _this.renderTimePickerOverlay = function (propsOverlay) {
       var timePickerProps = {
         value: _this.props.value,
@@ -157,6 +218,7 @@ var HiDatePicker = /*#__PURE__*/function (_React$Component) {
         key: 'time-picker-overlay'
       }, timePickerProps, propsOverlay));
     };
+
     _this.renderYearPickerOverlay = function (propsOverlay) {
       var yearPickerProps = {
         value: _this.state.currentMonth,
@@ -168,13 +230,16 @@ var HiDatePicker = /*#__PURE__*/function (_React$Component) {
         key: 'year-picker-overlay'
       }, yearPickerProps, propsOverlay));
     };
+
     var _today = (0, _momentTimezone.default)();
+
     _this.state = {
       openedPanel: 'calendar',
       currentMonth: props.value ? props.value : new Date(_today.year(), _today.month(), _today.date(), _today.hours(), _today.minutes(), _today.seconds(), _today.milliseconds())
     };
     return _this;
   }
+
   (0, _createClass2.default)(HiDatePicker, [{
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
@@ -184,21 +249,22 @@ var HiDatePicker = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this2 = this;
+
       var _this$props = this.props,
-        classes = _this$props.classes,
-        disabledDays = _this$props.disabledDays,
-        disablePastDays = _this$props.disablePastDays,
-        disableFutureDays = _this$props.disableFutureDays,
-        enableTime = _this$props.enableTime,
-        format = _this$props.format,
-        locale = _this$props.locale,
-        minimumDate = _this$props.minimumDate,
-        onReset = _this$props.onReset,
-        translations = _this$props.translations,
-        value = _this$props.value,
-        hideOnDayClick = _this$props.hideOnDayClick,
-        HiInputProps = _this$props.HiInputProps,
-        props = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "disabledDays", "disablePastDays", "disableFutureDays", "enableTime", "format", "locale", "minimumDate", "onReset", "translations", "value", "hideOnDayClick", "HiInputProps"]);
+          classes = _this$props.classes,
+          disabledDays = _this$props.disabledDays,
+          disablePastDays = _this$props.disablePastDays,
+          disableFutureDays = _this$props.disableFutureDays,
+          enableTime = _this$props.enableTime,
+          format = _this$props.format,
+          locale = _this$props.locale,
+          minimumDate = _this$props.minimumDate,
+          onReset = _this$props.onReset,
+          translations = _this$props.translations,
+          value = _this$props.value,
+          hideOnDayClick = _this$props.hideOnDayClick,
+          HiInputProps = _this$props.HiInputProps,
+          props = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "disabledDays", "disablePastDays", "disableFutureDays", "enableTime", "format", "locale", "minimumDate", "onReset", "translations", "value", "hideOnDayClick", "HiInputProps"]);
       var currentMonth = this.state.currentMonth;
       var today = (0, _momentTimezone.default)();
       var effectiveDisabledDays = (0, _objectSpread2.default)({}, disablePastDays && {
@@ -247,9 +313,11 @@ var HiDatePicker = /*#__PURE__*/function (_React$Component) {
           onSubmit: this.props.onSubmit
         }
       });
+
       if (typeof HiInputProps !== "undefined") {
         inputProps.HiInputProps = (0, _objectSpread2.default)({}, inputProps.HiInputProps, {}, HiInputProps);
       }
+
       return /*#__PURE__*/_react.default.createElement("div", {
         className: classes.root,
         onKeyDown: this.handleKeyDown()
@@ -290,6 +358,7 @@ var HiDatePicker = /*#__PURE__*/function (_React$Component) {
   }]);
   return HiDatePicker;
 }(_react.default.Component);
+
 HiDatePicker.defaultProps = {
   disabledDays: [],
   disablePastDays: false,
@@ -304,6 +373,9 @@ HiDatePicker.defaultProps = {
     today: 'today'
   }
 };
-var _default = exports.default = (0, _withStyles.default)(_stylesheet.default, {
+
+var _default = (0, _withStyles.default)(_stylesheet.default, {
   name: 'HmuiHiDatePicker'
-})(HiDatePicker);
+})(HiDatePicker);
+
+exports.default = _default;

package/HiDatePicker/HiDatePickerMobile.js

@@ -1,55 +1,77 @@
 "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/esm/extends"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
+
 var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
+
 var _stylesheet = _interopRequireDefault(require("./stylesheet"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
+
 var _HiInput = _interopRequireDefault(require("../HiForm/HiInput"));
+
 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 HiDatePickerMobile = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(HiDatePickerMobile, _React$Component);
+
   var _super = _createSuper(HiDatePickerMobile);
+
   function HiDatePickerMobile() {
     (0, _classCallCheck2.default)(this, HiDatePickerMobile);
     return _super.apply(this, arguments);
   }
+
   (0, _createClass2.default)(HiDatePickerMobile, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-        classes = _this$props.classes,
-        id = _this$props.id,
-        label = _this$props.label,
-        required = _this$props.required,
-        disabled = _this$props.disabled,
-        error = _this$props.error,
-        errorText = _this$props.errorText,
-        helperIcon = _this$props.helperIcon,
-        helperText = _this$props.helperText,
-        enableTime = _this$props.enableTime,
-        value = _this$props.value,
-        disablePastDays = _this$props.disablePastDays,
-        disableFutureDays = _this$props.disableFutureDays,
-        minimumDate = _this$props.minimumDate,
-        today = _this$props.today,
-        range = _this$props.range,
-        format = _this$props.format;
+          classes = _this$props.classes,
+          id = _this$props.id,
+          label = _this$props.label,
+          required = _this$props.required,
+          disabled = _this$props.disabled,
+          error = _this$props.error,
+          errorText = _this$props.errorText,
+          helperIcon = _this$props.helperIcon,
+          helperText = _this$props.helperText,
+          enableTime = _this$props.enableTime,
+          value = _this$props.value,
+          disablePastDays = _this$props.disablePastDays,
+          disableFutureDays = _this$props.disableFutureDays,
+          minimumDate = _this$props.minimumDate,
+          today = _this$props.today,
+          range = _this$props.range,
+          format = _this$props.format;
       var addtionalProps = (0, _objectSpread2.default)({}, this.props.disabled && {
         disabled: "disabled"
       });
@@ -82,4 +104,7 @@ var HiDatePickerMobile = /*#__PURE__*/function (_React$Component) {
   }]);
   return HiDatePickerMobile;
 }(_react.default.Component);
-var _default = exports.default = (0, _withStyles.default)(_stylesheet.default)(HiDatePickerMobile);
+
+var _default = (0, _withStyles.default)(_stylesheet.default)(HiDatePickerMobile);
+
+exports.default = _default;