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

package/es/HiDatePicker/Overlays/TimePickerOverlay.js

@@ -1,203 +1,217 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import React from 'react';
-import PropTypes from 'prop-types';
-import IconButton from '@material-ui/core/IconButton';
-import CalendarIcon from 'mdi-material-ui/Calendar';
-import CustomOverlayLayout from './CustomOverlayLayout';
-import ListPicker from '../ListPicker';
-import { withStyles } from '@material-ui/core/styles';
-export const styles = theme => ({
-  paper: {
-    position: 'absolute',
-    width: '100%',
-    zIndex: 10
-  },
-  overlay: _objectSpread({
-    padding: 0,
-    height: 325,
-    textAlign: 'center'
-  }, theme.typography.body2, {
-    fontWeight: theme.typography.fontWeightRegular
-  }),
-  header: _objectSpread({
-    display: 'block',
-    height: 40,
-    textAlign: 'center',
-    padding: '10px 0'
-  }, theme.typography.body1, {
-    color: theme.palette.neutral.main,
-    borderBottom: '1px solid',
-    borderBottomColor: theme.palette.divider
-  }),
-  titles: {
-    width: 224,
-    margin: 'auto'
-  },
-  timeTitle: {
-    display: 'inline-block',
-    width: '50%'
-  },
-  body: {
-    height: 245,
-    width: 224,
-    margin: 'auto'
-  },
-  columnWrapper: {
-    height: '100%',
-    width: '100%'
-  },
-  column: {
-    display: 'inline-block',
-    height: '100%',
-    width: '50%'
-  },
-  listItem: {
-    height: 40,
-    textAlign: 'center'
-  },
-  itemRoot: {
-    '&:hover': {
-      backgroundColor: theme.palette.hover
-    }
-  },
-  itemSelected: {
-    fontWeight: theme.typography.fontWeightMedium,
-    backgroundColor: theme.palette.selected
-  },
-  itemCentered: {
-    margin: 'auto'
-  },
-  footer: {
-    height: 40,
-    padding: '10px 0',
-    borderTop: '1px solid',
-    borderTopColor: theme.palette.divider
-  },
-  clockIconButton: {
-    position: 'absolute',
-    left: 0,
-    bottom: 0,
-    height: 32,
-    width: 32,
-    margin: '4px 24px'
-  },
-  calendarButton: {
-    fontWeight: theme.typography.fontWeightMedium
-  }
+"use strict";
+
+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 = exports.styles = void 0;
 
-var _ref = React.createElement(CalendarIcon, null);
+var _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
 
-class TimePickerOverlay extends React.Component {
-  constructor(props) {
-    super(props);
-    this.hours = Array.from(Array(24).keys());
-    this.minutes = Array.from(Array(60).keys());
-    this.handleHourClick = this.handleHourClick.bind(this);
-    this.handleMinuteClick = this.handleMinuteClick.bind(this);
-  }
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
 
-  handleHourClick(hour) {
-    if (this.props.onChange) {
-      const date = this.props.value ? new Date(this.props.value) : new Date();
-      date.setHours(hour);
-      this.props.onChange(date, 'hour');
-    }
-  }
+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("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
+
+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("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
+
+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 _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 _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
+var _Calendar = _interopRequireDefault(require("mdi-material-ui/Calendar"));
 
-  handleMinuteClick(minute) {
-    if (this.props.onChange) {
-      const date = this.props.value ? new Date(this.props.value) : new Date();
-      date.setMinutes(minute);
-      this.props.onChange(date, 'minute');
+var _CustomOverlayLayout = _interopRequireDefault(require("./CustomOverlayLayout"));
+
+var _ListPicker = _interopRequireDefault(require("../ListPicker"));
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = function styles(theme) {
+  return {
+    paper: {
+      position: 'absolute',
+      width: '100%',
+      zIndex: 10
+    },
+    overlay: (0, _objectSpread2.default)({
+      padding: 0,
+      height: 325,
+      textAlign: 'center'
+    }, theme.typography.body2, {
+      fontWeight: theme.typography.fontWeightRegular
+    }),
+    header: (0, _objectSpread2.default)({
+      display: 'block',
+      height: 40,
+      textAlign: 'center',
+      padding: '10px 0'
+    }, theme.typography.body1, {
+      color: theme.palette.neutral.main,
+      borderBottom: '1px solid',
+      borderBottomColor: theme.palette.divider
+    }),
+    titles: {
+      width: 224,
+      margin: 'auto'
+    },
+    timeTitle: {
+      display: 'inline-block',
+      width: '50%'
+    },
+    body: {
+      height: 245,
+      width: 224,
+      margin: 'auto'
+    },
+    columnWrapper: {
+      height: '100%',
+      width: '100%'
+    },
+    column: {
+      display: 'inline-block',
+      height: '100%',
+      width: '50%'
+    },
+    listItem: {
+      height: 40,
+      textAlign: 'center'
+    },
+    itemRoot: {
+      '&:hover': {
+        backgroundColor: theme.palette.hover
+      }
+    },
+    itemSelected: {
+      fontWeight: theme.typography.fontWeightMedium,
+      backgroundColor: theme.palette.selected
+    },
+    itemCentered: {
+      margin: 'auto'
+    },
+    footer: {
+      height: 40,
+      padding: '10px 0',
+      borderTop: '1px solid',
+      borderTopColor: theme.palette.divider
+    },
+    clockIconButton: {
+      position: 'absolute',
+      left: 0,
+      bottom: 0,
+      height: 32,
+      width: 32,
+      margin: '4px 24px'
+    },
+    calendarButton: {
+      fontWeight: theme.typography.fontWeightMedium
     }
-  }
+  };
+};
+
+exports.styles = styles;
+
+var _ref = _react.default.createElement(_Calendar.default, null);
+
+var TimePickerOverlay =
+/*#__PURE__*/
+function (_React$Component) {
+  (0, _inherits2.default)(TimePickerOverlay, _React$Component);
 
-  render() {
-    const _this$props = this.props,
-          {
-      classes,
-      onCalendarClick,
-      translations,
-      value
-    } = _this$props,
-          props = _objectWithoutProperties(_this$props, ["classes", "onCalendarClick", "translations", "value"]);
-
-    const hour = value ? value.getHours() : 0;
-    const minute = value ? value.getMinutes() : 0;
-    return React.createElement(CustomOverlayLayout, _extends({
-      headerElement: React.createElement("div", {
-        className: classes.titles
-      }, React.createElement("div", {
-        className: classes.timeTitle
-      }, translations.hour), React.createElement("div", {
-        className: classes.timeTitle
-      }, translations.minute)),
-      absoluteElement: React.createElement(IconButton, {
-        className: classes.clockIconButton,
-        onClick: () => onCalendarClick()
-      }, _ref)
-    }, props), React.createElement("div", {
-      className: classes.column
-    }, React.createElement(ListPicker, {
-      itemList: this.hours,
-      onItemClick: this.handleHourClick,
-      selectedItem: hour
-    })), React.createElement("div", {
-      className: classes.column
-    }, React.createElement(ListPicker, {
-      itemList: this.minutes,
-      onItemClick: this.handleMinuteClick,
-      selectedItem: minute
-    })));
+  function TimePickerOverlay(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, TimePickerOverlay);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(TimePickerOverlay).call(this, props));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "hours", Array.from(Array(24).keys()));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "minutes", Array.from(Array(60).keys()));
+    _this.handleHourClick = _this.handleHourClick.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleMinuteClick = _this.handleMinuteClick.bind((0, _assertThisInitialized2.default)(_this));
+    return _this;
   }
 
-}
+  (0, _createClass2.default)(TimePickerOverlay, [{
+    key: "handleHourClick",
+    value: function handleHourClick(hour) {
+      if (this.props.onChange) {
+        var date = this.props.value ? new Date(this.props.value) : new Date();
+        date.setHours(hour);
+        this.props.onChange(date, 'hour');
+      }
+    }
+  }, {
+    key: "handleMinuteClick",
+    value: function handleMinuteClick(minute) {
+      if (this.props.onChange) {
+        var date = this.props.value ? new Date(this.props.value) : new Date();
+        date.setMinutes(minute);
+        this.props.onChange(date, 'minute');
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          onCalendarClick = _this$props.onCalendarClick,
+          translations = _this$props.translations,
+          value = _this$props.value,
+          props = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "onCalendarClick", "translations", "value"]);
+      var hour = value ? value.getHours() : 0;
+      var minute = value ? value.getMinutes() : 0;
+      return _react.default.createElement(_CustomOverlayLayout.default, (0, _extends2.default)({
+        headerElement: _react.default.createElement("div", {
+          className: classes.titles
+        }, _react.default.createElement("div", {
+          className: classes.timeTitle
+        }, translations.hour), _react.default.createElement("div", {
+          className: classes.timeTitle
+        }, translations.minute)),
+        absoluteElement: _react.default.createElement(_IconButton.default, {
+          className: classes.clockIconButton,
+          onClick: function onClick() {
+            return onCalendarClick();
+          }
+        }, _ref)
+      }, props), _react.default.createElement("div", {
+        className: classes.column
+      }, _react.default.createElement(_ListPicker.default, {
+        itemList: this.hours,
+        onItemClick: this.handleHourClick,
+        selectedItem: hour
+      })), _react.default.createElement("div", {
+        className: classes.column
+      }, _react.default.createElement(_ListPicker.default, {
+        itemList: this.minutes,
+        onItemClick: this.handleMinuteClick,
+        selectedItem: minute
+      })));
+    }
+  }]);
+  return TimePickerOverlay;
+}(_react.default.Component);
 
-TimePickerOverlay.defaultProps = {
+(0, _defineProperty2.default)(TimePickerOverlay, "defaultProps", {
   translations: {
     hour: 'Hour',
     minute: 'Minute'
   }
-};
-TimePickerOverlay.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * ReactDayPicker prop
-   */
-  children: PropTypes.element,
-
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: PropTypes.object,
-
-  /**
-   * Fonction de callback au click sur l'icône Calendar
-   */
-  onCalendarClick: PropTypes.func,
-
-  /**
-   * Callback à la sélection d'une date
-   */
-  onChange: PropTypes.func,
-
-  /**
-   * Définit comment construire le Paper dans le cas d'un double input
-   */
-  side: PropTypes.string,
-
-  /**
-   * Traductions
-   */
-  translations: PropTypes.object,
-
-  /**
-   * Date sélectionné
-   */
-  value: PropTypes.instanceOf(Date)
-} : {};
-export default withStyles(styles, {
+});
+
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiTimePickerOverlay'
-})(TimePickerOverlay);
+})(TimePickerOverlay);
+
+exports.default = _default;

package/es/HiDatePicker/Overlays/YearPickerOverlay.js

@@ -1,115 +1,110 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import React from 'react';
-import PropTypes from 'prop-types';
-import CustomOverlayLayoutWithoutFooter from './CustomOverlayLayoutWithoutFooter';
-import ListPicker from '../ListPicker';
-
-class YearPickerOverlay extends React.Component {
-  constructor(props) {
-    super(props);
-    this.years = [];
-    this.handleYearClick = this.handleYearClick.bind(this);
-    let minDate = props.minimumDate;
+"use strict";
+
+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 _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
+
+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 _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("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
+
+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("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
+
+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 _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 _react = _interopRequireDefault(require("react"));
+
+var _CustomOverlayLayoutWithoutFooter = _interopRequireDefault(require("./CustomOverlayLayoutWithoutFooter"));
+
+var _ListPicker = _interopRequireDefault(require("../ListPicker"));
+
+var YearPickerOverlay =
+/*#__PURE__*/
+function (_React$Component) {
+  (0, _inherits2.default)(YearPickerOverlay, _React$Component);
+
+  function YearPickerOverlay(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, YearPickerOverlay);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(YearPickerOverlay).call(this, props));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "years", []);
+    _this.handleYearClick = _this.handleYearClick.bind((0, _assertThisInitialized2.default)(_this));
+    var minDate = props.minimumDate;
 
     if (!minDate) {
-      let today = new Date();
+      var today = new Date();
       minDate = new Date(today.getFullYear() - 5, today.getMonth(), today.getDate()); // by default 5 years from now
     }
 
-    const currentYear = new Date().getFullYear();
-    const minimumYear = minDate.getFullYear();
-    this.years = [currentYear]; // get years from minimum date to now
+    var currentYear = new Date().getFullYear();
+    var minimumYear = minDate.getFullYear();
+    _this.years = [currentYear]; // get years from minimum date to now
 
     if (!props.disablePastDays && currentYear > minimumYear) {
-      this.years = this.years.concat(Array.from(Array(currentYear - minimumYear).keys(), key => key + minimumYear));
+      _this.years = _this.years.concat(Array.from(Array(currentYear - minimumYear).keys(), function (key) {
+        return key + minimumYear;
+      }));
     } // get years from now to at least 10 years forward or as much as past years
 
 
     if (!props.disableFutureDays) {
-      this.years = this.years.concat(Array.from(Array(Math.max(currentYear - minimumYear, 10)).keys(), key => key + currentYear + 1));
+      _this.years = _this.years.concat(Array.from(Array(Math.max(currentYear - minimumYear, 10)).keys(), function (key) {
+        return key + currentYear + 1;
+      }));
     }
 
-    this.years.sort();
-  }
+    _this.years.sort();
 
-  handleYearClick(year) {
-    if (this.props.onChange) {
-      const date = this.props.value ? new Date(this.props.value) : new Date();
-      date.setFullYear(year);
-      this.props.onChange(date);
-    }
-  }
-
-  render() {
-    const _this$props = this.props,
-          {
-      value,
-      translations
-    } = _this$props,
-          props = _objectWithoutProperties(_this$props, ["value", "translations"]);
-
-    return React.createElement(CustomOverlayLayoutWithoutFooter, _extends({
-      headerElement: translations.year
-    }, props), React.createElement(ListPicker, {
-      itemList: this.years,
-      onItemClick: this.handleYearClick,
-      selectedItem: value ? value.getFullYear() : null,
-      type: "year"
-    }));
+    return _this;
   }
 
-}
+  (0, _createClass2.default)(YearPickerOverlay, [{
+    key: "handleYearClick",
+    value: function handleYearClick(year) {
+      if (this.props.onChange) {
+        var date = this.props.value ? new Date(this.props.value) : new Date();
+        date.setFullYear(year);
+        this.props.onChange(date);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          value = _this$props.value,
+          translations = _this$props.translations,
+          props = (0, _objectWithoutProperties2.default)(_this$props, ["value", "translations"]);
+      return _react.default.createElement(_CustomOverlayLayoutWithoutFooter.default, (0, _extends2.default)({
+        headerElement: translations.year
+      }, props), _react.default.createElement(_ListPicker.default, {
+        itemList: this.years,
+        onItemClick: this.handleYearClick,
+        selectedItem: value ? value.getFullYear() : null,
+        type: "year"
+      }));
+    }
+  }]);
+  return YearPickerOverlay;
+}(_react.default.Component);
 
-YearPickerOverlay.defaultProps = {
+(0, _defineProperty2.default)(YearPickerOverlay, "defaultProps", {
   translations: {
     year: 'Year'
   }
-};
-YearPickerOverlay.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * ReactDayPicker prop
-   */
-  children: PropTypes.element,
-
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: PropTypes.object,
-
-  /**
-   * Uniquement la sélection de date antérieures à aujourd'hui (inclu)
-   */
-  disableFutureDays: PropTypes.bool,
-
-  /**
-   * Uniquement la sélection de date postérieures à aujourd'hui (inclu)
-   */
-  disablePastDays: PropTypes.bool,
-
-  /**
-   * ReactDayPicker prop
-   */
-  localeUtils: PropTypes.object,
-
-  /**
-   * Date minimale sélectionnable
-   */
-  minimumDate: PropTypes.instanceOf(Date),
-
-  /**
-   * Fonction de callback
-   */
-  onChange: PropTypes.func,
-
-  /**
-   * Traductions
-   */
-  translations: PropTypes.object,
-
-  /**
-   * Date du mois affiché
-   */
-  value: PropTypes.instanceOf(Date)
-} : {};
-export default YearPickerOverlay;
+});
+var _default = YearPickerOverlay;
+exports.default = _default;

package/es/HiDatePicker/Overlays/index.js

@@ -1,5 +1,47 @@
-export { default as Overlay } from './Overlay';
-export { default as CustomOverlayLayout } from './CustomOverlayLayout';
-export { default as MonthPickerOverlay } from './MonthPickerOverlay';
-export { default as TimePickerOverlay } from './TimePickerOverlay';
-export { default as YearPickerOverlay } from './YearPickerOverlay';
+"use strict";
+
+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
+});
+Object.defineProperty(exports, "Overlay", {
+  enumerable: true,
+  get: function get() {
+    return _Overlay.default;
+  }
+});
+Object.defineProperty(exports, "CustomOverlayLayout", {
+  enumerable: true,
+  get: function get() {
+    return _CustomOverlayLayout.default;
+  }
+});
+Object.defineProperty(exports, "MonthPickerOverlay", {
+  enumerable: true,
+  get: function get() {
+    return _MonthPickerOverlay.default;
+  }
+});
+Object.defineProperty(exports, "TimePickerOverlay", {
+  enumerable: true,
+  get: function get() {
+    return _TimePickerOverlay.default;
+  }
+});
+Object.defineProperty(exports, "YearPickerOverlay", {
+  enumerable: true,
+  get: function get() {
+    return _YearPickerOverlay.default;
+  }
+});
+
+var _Overlay = _interopRequireDefault(require("./Overlay"));
+
+var _CustomOverlayLayout = _interopRequireDefault(require("./CustomOverlayLayout"));
+
+var _MonthPickerOverlay = _interopRequireDefault(require("./MonthPickerOverlay"));
+
+var _TimePickerOverlay = _interopRequireDefault(require("./TimePickerOverlay"));
+
+var _YearPickerOverlay = _interopRequireDefault(require("./YearPickerOverlay"));