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

package/es/HiCell/CellDate.js

@@ -1,8 +1,35 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import moment from 'moment-timezone';
-import { withStyles } from '@material-ui/core/styles';
-export const styles = {
+"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 _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 _moment = _interopRequireDefault(require("moment"));
+
+require("moment/locale/fr");
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = {
   rightEllipsisSpan: {
     display: 'inline-block',
     overflow: 'hidden',
@@ -15,79 +42,69 @@ export const styles = {
  * Cette cellule permet d'afficher une date en fonction de la locale de l'utilisateur
  */
 
-class CellDate extends React.PureComponent {
-  constructor(...args) {
-    super(...args);
-    this.formatLong = 'dddd DD MMMM YYYY HH:mm:ss';
-  }
+exports.styles = styles;
+
+var CellDate =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(CellDate, _React$PureComponent);
+
+  function CellDate() {
+    var _getPrototypeOf2;
+
+    var _this;
+
+    (0, _classCallCheck2.default)(this, CellDate);
 
-  render() {
-    const {
-      classes,
-      displayTime,
-      date,
-      locale,
-      view,
-      formatShort
-    } = this.props;
-    if (!date) return '';
-    const mdate = moment(date);
-    mdate.locale(locale);
-    let label;
-
-    if (view === 'l') {
-      label = displayTime ? mdate.format(this.formatLong) : mdate.format(this.formatLong.replace(' HH:mm:ss', ''));
-    } else if (view === 'm') {
-      label = displayTime ? mdate.format(`${formatShort} HH:mm:ss`) : mdate.format(formatShort);
-    } else {
-      label = displayTime ? mdate.format(`${formatShort.replace('YYYY', 'YY')} HH:mm:ss`) : mdate.format(formatShort.replace('YYYY', 'YY'));
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
     }
 
-    return React.createElement("div", {
-      className: classes.rightEllipsisSpan
-    }, label);
+    _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(CellDate)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "formatLong", 'dddd DD MMMM YYYY HH:mm:ss');
+    return _this;
   }
 
-}
+  (0, _createClass2.default)(CellDate, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          displayTime = _this$props.displayTime,
+          date = _this$props.date,
+          locale = _this$props.locale,
+          view = _this$props.view,
+          formatShort = _this$props.formatShort;
+      if (!date) return '';
+      var mdate = (0, _moment.default)(date);
+      mdate.locale(locale);
+      var label;
 
-CellDate.defaultProps = {
+      if (view === 'l') {
+        label = displayTime ? mdate.format(this.formatLong) : mdate.format(this.formatLong.replace(' HH:mm:ss', ''));
+      } else if (view === 'm') {
+        label = displayTime ? mdate.format("".concat(formatShort, " HH:mm:ss")) : mdate.format(formatShort);
+      } else {
+        label = displayTime ? mdate.format("".concat(formatShort.replace('YYYY', 'YY'), " HH:mm:ss")) : mdate.format(formatShort.replace('YYYY', 'YY'));
+      }
+
+      return _react.default.createElement("div", {
+        className: classes.rightEllipsisSpan
+      }, label);
+    }
+  }]);
+  return CellDate;
+}(_react.default.PureComponent);
+
+(0, _defineProperty2.default)(CellDate, "defaultProps", {
   displayTime: false,
   formatShort: 'DD/MM/YYYY',
   locale: 'en',
   view: 'm'
-};
-CellDate.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: PropTypes.object,
-
-  /**
-   * Date as string
-   */
-  date: PropTypes.string,
-
-  /**
-   * Affiche l'heure
-   */
-  displayTime: PropTypes.bool,
-
-  /**
-   * Format de la date en vue small (ex: DD/MM/YYYY)
-   * @see https://momentjs.com/docs/#/parsing/string-format/
-   */
-  formatShort: PropTypes.string,
-
-  /**
-   * Locale moment
-   */
-  locale: PropTypes.string,
-
-  /**
-   * View (L/M/S)
-   */
-  view: PropTypes.oneOf(['l', 'm', 's'])
-} : {};
-export default withStyles(styles, {
+});
+
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCellDate'
-})(CellDate);
+})(CellDate);
+
+exports.default = _default;

package/es/HiCell/CellIcon.js

@@ -1,9 +1,33 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-import HiIcon from '../HiIcon';
-import HiIconButton from '../HiIconButton';
-export const styles = {
+"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 _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 _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 _styles = require("@material-ui/core/styles");
+
+var _HiIcon = _interopRequireDefault(require("../HiIcon"));
+
+var _HiIconButton = _interopRequireDefault(require("../HiIconButton"));
+
+var styles = {
   icon: {
     float: 'left'
   },
@@ -27,105 +51,79 @@ export const styles = {
  * En vue small (s) elle affiche uniquement l'icône avec une largeur fixe.
  */
 
-class CellIcon extends React.PureComponent {
-  render() {
-    const {
-      align,
-      classes,
-      color,
-      icon,
-      label,
-      onClick,
-      size,
-      view
-    } = this.props;
-
-    if (onClick) {
-      return React.createElement("div", {
+exports.styles = styles;
+
+var CellIcon =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(CellIcon, _React$PureComponent);
+
+  function CellIcon() {
+    (0, _classCallCheck2.default)(this, CellIcon);
+    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(CellIcon).apply(this, arguments));
+  }
+
+  (0, _createClass2.default)(CellIcon, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          align = _this$props.align,
+          classes = _this$props.classes,
+          color = _this$props.color,
+          icon = _this$props.icon,
+          label = _this$props.label,
+          onClick = _this$props.onClick,
+          size = _this$props.size,
+          view = _this$props.view;
+
+      if (onClick) {
+        return _react.default.createElement("div", {
+          className: align === 'right' ? classes.flexContent : classes.wrapper,
+          title: label
+        }, _react.default.createElement(_HiIconButton.default, {
+          color: 'inherit',
+          style: {
+            color: color,
+            fontSize: size || 24,
+            maxHeight: 31,
+            maxWidth: 31
+          },
+          onClick: onClick
+        }, _react.default.createElement(_HiIcon.default, {
+          className: classes.icon,
+          icon: icon,
+          color: color
+        }), view !== 's' && label && _react.default.createElement("span", {
+          className: classes.label
+        }, label)));
+      }
+
+      return _react.default.createElement("div", {
         className: align === 'right' ? classes.flexContent : classes.wrapper,
         title: label
-      }, React.createElement(HiIconButton, {
+      }, _react.default.createElement(_HiIcon.default, {
         color: 'inherit',
         style: {
-          color,
-          fontSize: size || 24,
-          maxHeight: 31,
-          maxWidth: 31
+          color: color,
+          fontSize: size || 24
         },
-        onClick: onClick
-      }, React.createElement(HiIcon, {
         className: classes.icon,
-        icon: icon,
-        color: color
-      }), view !== 's' && label && React.createElement("span", {
+        icon: icon
+      }), view !== 's' && label && _react.default.createElement("span", {
         className: classes.label
-      }, label)));
+      }, label));
     }
+  }]);
+  return CellIcon;
+}(_react.default.PureComponent);
 
-    return React.createElement("div", {
-      className: align === 'right' ? classes.flexContent : classes.wrapper,
-      title: label
-    }, React.createElement(HiIcon, {
-      color: 'inherit',
-      style: {
-        color,
-        fontSize: size || 24
-      },
-      className: classes.icon,
-      icon: icon
-    }), view !== 's' && label && React.createElement("span", {
-      className: classes.label
-    }, label));
-  }
-
-}
-
-CellIcon.defaultProps = {
+(0, _defineProperty2.default)(CellIcon, "defaultProps", {
   view: 'm',
   color: 'neutral'
-};
-CellIcon.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Alignement de l'icône dans sa cellule
-   */
-  align: PropTypes.oneOf(['right']),
-
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: PropTypes.object,
-
-  /**
-   * Couleur de l'icône
-   */
-  color: PropTypes.string,
-
-  /**
-   * Icon name [from material-design-icons](https://materialdesignicons.com/)
-   * used by HiIconBuilder
-   */
-  icon: PropTypes.string,
-
-  /**
-   * Label
-   */
-  label: PropTypes.string,
-
-  /**
-   * Fonction déclenchée lors du clic
-   */
-  onClick: PropTypes.func,
-
-  /**
-   * View (L/M/S)
-   */
-  size: PropTypes.number,
-
-  /**
-   * Icon size
-   */
-  view: PropTypes.oneOf(['l', 'm', 's'])
-} : {};
-export default withStyles(styles, {
+});
+
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCellIcon'
-})(CellIcon);
+})(CellIcon);
+
+exports.default = _default;

package/es/HiCell/CellImage.js

@@ -1,29 +1,57 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-export const styles = () => ({
-  img: {
-    height: 'auto',
-    float: 'left'
-  },
-  label: {
-    marginLeft: 5,
-    whiteSpace: 'nowrap',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis'
-  },
-  wrapper: {
-    display: 'flex',
-    alignItems: 'center'
-  }
+"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;
 
-const handleError = fallbackImage => e => {
-  if (fallbackImage) {
-    e.target.src = `${fallbackImage}`;
-  } else {
-    e.target.style.display = 'none';
-  }
+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 _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 _styles = require("@material-ui/core/styles");
+
+var styles = function styles() {
+  return {
+    img: {
+      height: 'auto',
+      float: 'left'
+    },
+    label: {
+      marginLeft: 5,
+      whiteSpace: 'nowrap',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis'
+    },
+    wrapper: {
+      display: 'flex',
+      alignItems: 'center'
+    }
+  };
+};
+
+exports.styles = styles;
+
+var handleError = function handleError(fallbackImage) {
+  return function (e) {
+    if (fallbackImage) {
+      e.target.src = "".concat(fallbackImage);
+    } else {
+      e.target.style.display = 'none';
+    }
+  };
 };
 /**
  * Cette cellule permet d'afficher une image/logo (24px largeur) et un label (optionnel).
@@ -32,83 +60,56 @@ const handleError = fallbackImage => e => {
  */
 
 
-class CellImage extends React.PureComponent {
-  render() {
-    const {
-      classes,
-      path,
-      label,
-      shortLabel,
-      view,
-      size,
-      fallbackImage,
-      title
-    } = this.props;
-    if (!path || path === '') return '';
-    return React.createElement("div", {
-      className: classes.wrapper,
-      title: label
-    }, React.createElement("img", {
-      src: path,
-      alt: label,
-      title: title,
-      className: classes.img,
-      width: size,
-      onError: handleError(fallbackImage)
-    }), shortLabel && view === 'm' && React.createElement("span", {
-      className: classes.label
-    }, shortLabel), label && (view === 'l' || view === 'm' && !shortLabel) && React.createElement("span", {
-      className: classes.label
-    }, label));
+var CellImage =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(CellImage, _React$PureComponent);
+
+  function CellImage() {
+    (0, _classCallCheck2.default)(this, CellImage);
+    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(CellImage).apply(this, arguments));
   }
 
-}
+  (0, _createClass2.default)(CellImage, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          path = _this$props.path,
+          label = _this$props.label,
+          shortLabel = _this$props.shortLabel,
+          view = _this$props.view,
+          size = _this$props.size,
+          fallbackImage = _this$props.fallbackImage,
+          title = _this$props.title;
+      if (!path || path === '') return '';
+      return _react.default.createElement("div", {
+        className: classes.wrapper,
+        title: label
+      }, _react.default.createElement("img", {
+        src: path,
+        alt: label,
+        title: title,
+        className: classes.img,
+        width: size,
+        onError: handleError(fallbackImage)
+      }), shortLabel && view === 'm' && _react.default.createElement("span", {
+        className: classes.label
+      }, shortLabel), label && (view === 'l' || view === 'm' && !shortLabel) && _react.default.createElement("span", {
+        className: classes.label
+      }, label));
+    }
+  }]);
+  return CellImage;
+}(_react.default.PureComponent);
 
-CellImage.defaultProps = {
+(0, _defineProperty2.default)(CellImage, "defaultProps", {
   size: 24,
   view: 's'
-};
-CellImage.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: PropTypes.object,
-
-  /**
-   * Fallback image path
-   */
-  fallbackImage: PropTypes.string,
-
-  /**
-   * Label
-   */
-  label: PropTypes.string,
-
-  /**
-   * Image path
-   */
-  path: PropTypes.string,
-
-  /**
-   * Short label
-   */
-  shortLabel: PropTypes.string,
-
-  /**
-   * Image size
-   */
-  size: PropTypes.number,
-
-  /**
-   * Title.
-   */
-  title: PropTypes.string,
-
-  /**
-   * View (L/M/S)
-   */
-  view: PropTypes.oneOf(['l', 'm', 's'])
-} : {};
-export default withStyles(styles, {
+});
+
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCellImage'
-})(CellImage);
+})(CellImage);
+
+exports.default = _default;