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

package/es/HiDatePicker/ListPicker.js

@@ -1,112 +1,136 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { Scrollbars } from 'react-custom-scrollbars';
-import MenuList from '@material-ui/core/MenuList';
-import MenuItem from '@material-ui/core/MenuItem';
-import { withStyles } from '@material-ui/core/styles';
-export const styles = theme => ({
-  itemRoot: {
-    '&:hover': {
-      backgroundColor: theme.palette.hover
-    }
-  },
-  itemSelected: {
-    fontWeight: theme.typography.fontWeightMedium,
-    backgroundColor: theme.palette.selected
-  },
-  itemCentered: {
-    margin: 'auto'
-  },
-  currentDateItem: {
-    color: `${theme.palette.primary.main} !important`
-  }
+"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;
 
-class ListPicker extends React.PureComponent {
-  constructor(...args) {
-    super(...args);
-    this.scrollbars = void 0;
-    this.position = void 0;
-  }
+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 _getPrototypeOf3 = _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 _classnames = _interopRequireDefault(require("classnames"));
+
+var _reactCustomScrollbars = require("react-custom-scrollbars");
+
+var _MenuList = _interopRequireDefault(require("@material-ui/core/MenuList"));
+
+var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
+
+var _styles = require("@material-ui/core/styles");
 
-  componentDidMount() {
-    if (this.position && this.scrollbars) {
-      this.scrollbars.scrollTop((this.position - 2) * 40);
-    } else if (this.props.initAtMiddleScroll && this.scrollbars) {
-      this.scrollbars.scrollTop((this.scrollbars.getScrollHeight() - this.scrollbars.getClientHeight()) / 2 + 20);
+var styles = function styles(theme) {
+  return {
+    itemRoot: {
+      '&:hover': {
+        backgroundColor: theme.palette.hover
+      }
+    },
+    itemSelected: {
+      fontWeight: theme.typography.fontWeightMedium,
+      backgroundColor: theme.palette.selected
+    },
+    itemCentered: {
+      margin: 'auto'
+    },
+    currentDateItem: {
+      color: "".concat(theme.palette.primary.main, " !important")
+    }
+  };
+};
+
+exports.styles = styles;
+
+var ListPicker =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(ListPicker, _React$PureComponent);
+
+  function ListPicker() {
+    var _getPrototypeOf2;
+
+    var _this;
+
+    (0, _classCallCheck2.default)(this, ListPicker);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
     }
+
+    _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(ListPicker)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "scrollbars", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "position", void 0);
+    return _this;
   }
 
-  render() {
-    const {
-      classes,
-      itemList,
-      onItemClick,
-      selectedItem,
-      type
-    } = this.props;
-    this.position = itemList.indexOf(selectedItem);
-    const now = new Date();
-    return React.createElement(Scrollbars, {
-      autoHide: true,
-      ref: ref => {
-        this.scrollbars = ref;
+  (0, _createClass2.default)(ListPicker, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (this.position && this.scrollbars) {
+        this.scrollbars.scrollTop((this.position - 2) * 40);
+      } else if (this.props.initAtMiddleScroll && this.scrollbars) {
+        this.scrollbars.scrollTop((this.scrollbars.getScrollHeight() - this.scrollbars.getClientHeight()) / 2 + 20);
       }
-    }, React.createElement(MenuList, null, itemList.map((item, index) => {
-      const labelClass = classNames(classes.itemCentered, {
-        [classes.currentDateItem]: type === 'year' && now.getFullYear() === item || type === 'month' && now.getMonth() === index
-      });
-      return React.createElement(MenuItem, {
-        key: `item-${item}`,
-        classes: {
-          root: classes.itemRoot,
-          selected: classes.itemSelected
-        },
-        onClick: () => onItemClick(item),
-        selected: item === selectedItem
-      }, React.createElement("span", {
-        className: labelClass
-      }, item));
-    })));
-  }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
 
-}
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          itemList = _this$props.itemList,
+          onItemClick = _this$props.onItemClick,
+          selectedItem = _this$props.selectedItem,
+          type = _this$props.type;
+      this.position = itemList.indexOf(selectedItem);
+      var now = new Date();
+      return _react.default.createElement(_reactCustomScrollbars.Scrollbars, {
+        autoHide: true,
+        ref: function ref(_ref) {
+          _this2.scrollbars = _ref;
+        }
+      }, _react.default.createElement(_MenuList.default, null, itemList.map(function (item, index) {
+        var labelClass = (0, _classnames.default)(classes.itemCentered, (0, _defineProperty2.default)({}, classes.currentDateItem, type === 'year' && now.getFullYear() === item || type === 'month' && now.getMonth() === index));
+        return _react.default.createElement(_MenuItem.default, {
+          key: "item-".concat(item),
+          classes: {
+            root: classes.itemRoot,
+            selected: classes.itemSelected
+          },
+          onClick: function onClick() {
+            return onItemClick(item);
+          },
+          selected: item === selectedItem
+        }, _react.default.createElement("span", {
+          className: labelClass
+        }, item));
+      })));
+    }
+  }]);
+  return ListPicker;
+}(_react.default.PureComponent);
 
-ListPicker.defaultProps = {
+(0, _defineProperty2.default)(ListPicker, "defaultProps", {
   initAtMiddleScroll: true
-};
-ListPicker.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: PropTypes.object,
-
-  /**
-   * Initialise la liste scrollée au milieu
-   */
-  initAtMiddleScroll: PropTypes.bool,
-
-  /**
-   * Liste des items
-   */
-  itemList: PropTypes.array,
-
-  /**
-   * Fonction de callback au click d'un item
-   */
-  onItemClick: PropTypes.func,
-
-  /**
-   * Item sélectionné
-   */
-  selectedItem: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-
-  /**
-   * Type des données dans la liste
-   */
-  type: PropTypes.oneOf(['year', 'month'])
-} : {};
-export default withStyles(styles, {
+});
+
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiListPicker'
-})(ListPicker);
+})(ListPicker);
+
+exports.default = _default;

package/es/HiDatePicker/NavBar.js

@@ -1,124 +1,106 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import IconButton from '@material-ui/core/IconButton';
-import ChevronLeftIcon from '@material-ui/icons/ChevronLeft';
-import ChevronRightIcon from '@material-ui/icons/ChevronRight';
-import AccessTime from '@material-ui/icons/AccessTime';
-import { withStyles } from '@material-ui/core/styles';
-export const styles = theme => ({
-  root: {
-    width: '100%',
-    height: 40,
-    marginBottom: -40,
-    borderBottom: '1px solid',
-    borderBottomColor: theme.palette.divider
-  },
-  button: {
-    height: 32,
-    width: 32,
-    margin: '4px 24px',
-    padding: 0
-  },
-  left: {
-    float: 'left'
-  },
-  right: {
-    float: 'right'
-  },
-  bottomLeft: {
-    position: 'absolute',
-    left: 0,
-    bottom: 0
-  }
+"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 _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
+var _ChevronLeft = _interopRequireDefault(require("@material-ui/icons/ChevronLeft"));
+
+var _ChevronRight = _interopRequireDefault(require("@material-ui/icons/ChevronRight"));
+
+var _AccessTime = _interopRequireDefault(require("@material-ui/icons/AccessTime"));
+
+var _styles = require("@material-ui/core/styles");
 
-var _ref = React.createElement(ChevronLeftIcon, null);
-
-var _ref2 = React.createElement(ChevronRightIcon, null);
-
-var _ref3 = React.createElement(AccessTime, null);
-
-const NavBar = ({
-  classes,
-  locale = 'en_US',
-  localeUtils,
-  nextMonth,
-  onClockClick,
-  onPreviousClick,
-  onNextClick,
-  previousMonth,
-  showClockButton
-}) => {
-  const months = localeUtils.getMonths(locale);
-  const prev = `${months[previousMonth.getMonth()]} ${previousMonth.getFullYear()}`;
-  const next = `${months[nextMonth.getMonth()]} ${nextMonth.getFullYear()}`;
-  return React.createElement("div", {
+var styles = function styles(theme) {
+  return {
+    root: {
+      width: '100%',
+      height: 40,
+      marginBottom: -40,
+      borderBottom: '1px solid',
+      borderBottomColor: theme.palette.divider
+    },
+    button: {
+      height: 32,
+      width: 32,
+      margin: '4px 24px',
+      padding: 0
+    },
+    left: {
+      float: 'left'
+    },
+    right: {
+      float: 'right'
+    },
+    bottomLeft: {
+      position: 'absolute',
+      left: 0,
+      bottom: 0
+    }
+  };
+};
+
+exports.styles = styles;
+
+var _ref2 = _react.default.createElement(_ChevronLeft.default, null);
+
+var _ref3 = _react.default.createElement(_ChevronRight.default, null);
+
+var _ref4 = _react.default.createElement(_AccessTime.default, null);
+
+var NavBar = function NavBar(_ref) {
+  var classes = _ref.classes,
+      _ref$locale = _ref.locale,
+      locale = _ref$locale === void 0 ? 'en_US' : _ref$locale,
+      localeUtils = _ref.localeUtils,
+      nextMonth = _ref.nextMonth,
+      onClockClick = _ref.onClockClick,
+      onPreviousClick = _ref.onPreviousClick,
+      onNextClick = _ref.onNextClick,
+      previousMonth = _ref.previousMonth,
+      showClockButton = _ref.showClockButton;
+  var months = localeUtils.getMonths(locale);
+  var prev = "".concat(months[previousMonth.getMonth()], " ").concat(previousMonth.getFullYear());
+  var next = "".concat(months[nextMonth.getMonth()], " ").concat(nextMonth.getFullYear());
+  return _react.default.createElement("div", {
     className: classes.root
-  }, React.createElement(IconButton, {
-    className: classNames(classes.button, classes.left),
-    onClick: () => onPreviousClick(),
+  }, _react.default.createElement(_IconButton.default, {
+    className: (0, _classnames.default)(classes.button, classes.left),
+    onClick: function onClick() {
+      return onPreviousClick();
+    },
     title: prev
-  }, _ref), React.createElement(IconButton, {
-    className: classNames(classes.button, classes.right),
-    onClick: () => onNextClick(),
+  }, _ref2), _react.default.createElement(_IconButton.default, {
+    className: (0, _classnames.default)(classes.button, classes.right),
+    onClick: function onClick() {
+      return onNextClick();
+    },
     title: next
-  }, _ref2), showClockButton && React.createElement(IconButton, {
-    className: classNames(classes.button, classes.bottomLeft),
-    onClick: () => onClockClick()
-  }, _ref3));
+  }, _ref3), showClockButton && _react.default.createElement(_IconButton.default, {
+    className: (0, _classnames.default)(classes.button, classes.bottomLeft),
+    onClick: function onClick() {
+      return onClockClick();
+    }
+  }, _ref4));
 };
 
-NavBar.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: PropTypes.object,
-
-  /**
-   * ReactDayPicker prop
-   */
-  locale: PropTypes.string,
-
-  /**
-   * ReactDayPicker prop
-   */
-  localeUtils: PropTypes.object,
-
-  /**
-   * ReactDayPicker prop
-   */
-  nextMonth: PropTypes.object,
-
-  /**
-   * Fonction de callback au click sur la Clock
-   */
-  onClockClick: PropTypes.func,
-
-  /**
-   * ReactDayPicker prop
-   */
-  onNextClick: PropTypes.func,
-
-  /**
-   * ReactDayPicker prop
-   */
-  onPreviousClick: PropTypes.func,
-
-  /**
-   * ReactDayPicker prop
-   */
-  previousMonth: PropTypes.object,
-
-  /**
-   * Ajoute l'icône Clock dans le footer
-   */
-  showClockButton: PropTypes.bool
-} : {};
 NavBar.defaultProps = {
   showClockButton: false
 };
-export default withStyles(styles, {
+
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiNavBar'
-})(NavBar);
+})(NavBar);
+
+exports.default = _default;

package/es/HiDatePicker/Overlays/CustomOverlayLayout.js

@@ -1,114 +1,111 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import Paper from '@material-ui/core/Paper';
-import { withStyles } from '@material-ui/core/styles';
-export const styles = theme => ({
-  paper: {
-    width: '100%',
-    zIndex: 10
-  },
-  absolute: {
-    position: 'absolute'
-  },
-  relative: {
-    position: 'relative'
-  },
-  left: {
-    width: '200%',
-    left: 0
-  },
-  right: {
-    width: '200%',
-    left: '-100%'
-  },
-  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
-  }),
-  body: {
-    height: 245,
-    width: 224,
-    margin: 'auto'
-  },
-  footer: {
-    height: 40,
-    padding: '10px 0',
-    borderTop: '1px solid',
-    borderTopColor: theme.palette.divider
-  }
+"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 _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/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"));
 
-const CustomOverlayLayout = (_ref) => {
-  let {
-    classes,
-    children,
-    headerElement,
-    footerElement,
-    absoluteElement,
-    side,
-    staticPosition
-  } = _ref,
-      props = _objectWithoutProperties(_ref, ["classes", "children", "headerElement", "footerElement", "absoluteElement", "side", "staticPosition"]);
+var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
 
-  const paperClass = classNames(classes.paper, {
-    [classes.left]: side === 'from',
-    [classes.right]: side === 'to',
-    [classes.absolute]: staticPosition !== true,
-    [classes.relative]: staticPosition === true
-  });
+var _react = _interopRequireDefault(require("react"));
 
-  const paperProps = _objectSpread({}, props);
+var _classnames = _interopRequireDefault(require("classnames"));
 
+var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = function styles(theme) {
+  return {
+    paper: {
+      width: '100%',
+      zIndex: 10
+    },
+    absolute: {
+      position: 'absolute'
+    },
+    relative: {
+      position: 'relative'
+    },
+    left: {
+      width: '200%',
+      left: 0
+    },
+    right: {
+      width: '200%',
+      left: '-100%'
+    },
+    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
+    }),
+    body: {
+      height: 245,
+      width: 224,
+      margin: 'auto'
+    },
+    footer: {
+      height: 40,
+      padding: '10px 0',
+      borderTop: '1px solid',
+      borderTopColor: theme.palette.divider
+    }
+  };
+};
+
+exports.styles = styles;
+
+var CustomOverlayLayout = function CustomOverlayLayout(_ref) {
+  var _classNames;
+
+  var classes = _ref.classes,
+      children = _ref.children,
+      headerElement = _ref.headerElement,
+      footerElement = _ref.footerElement,
+      absoluteElement = _ref.absoluteElement,
+      side = _ref.side,
+      staticPosition = _ref.staticPosition,
+      props = (0, _objectWithoutProperties2.default)(_ref, ["classes", "children", "headerElement", "footerElement", "absoluteElement", "side", "staticPosition"]);
+  var paperClass = (0, _classnames.default)(classes.paper, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.left, side === 'from'), (0, _defineProperty2.default)(_classNames, classes.right, side === 'to'), (0, _defineProperty2.default)(_classNames, classes.absolute, staticPosition !== true), (0, _defineProperty2.default)(_classNames, classes.relative, staticPosition === true), _classNames));
+  var paperProps = (0, _objectSpread2.default)({}, props);
   return (// eslint-disable-next-line react/jsx-handler-names
-    React.createElement(Paper, {
+    _react.default.createElement(_Paper.default, {
       className: paperClass,
       onBlur: paperProps.onBlur,
       onFocus: paperProps.onFocus
-    }, React.createElement("div", {
+    }, _react.default.createElement("div", {
       className: classes.overlay
-    }, React.createElement("div", {
+    }, _react.default.createElement("div", {
       className: classes.header
-    }, headerElement), React.createElement("div", {
+    }, headerElement), _react.default.createElement("div", {
       className: classes.body
-    }, children), React.createElement("div", {
+    }, children), _react.default.createElement("div", {
       className: classes.footer
     }, footerElement), absoluteElement))
   );
 };
 
-CustomOverlayLayout.propTypes = process.env.NODE_ENV !== "production" ? {
-  absoluteElement: PropTypes.any,
-  children: PropTypes.any,
-
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: PropTypes.object,
-  footerElement: PropTypes.any,
-  headerElement: PropTypes.any,
-
-  /**
-   * Définit comment construire le Paper dans le cas d'un double input
-   */
-  side: PropTypes.string,
-  staticPosition: PropTypes.bool
-} : {};
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCustomOverlayLayout'
-})(CustomOverlayLayout);
+})(CustomOverlayLayout);
+
+exports.default = _default;