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

package/es/HiTable/HiTable.js

@@ -1,114 +1,101 @@
-// @inheritedComponent Table
-import React from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-import Table from '@material-ui/core/Table';
-import HiTableHeader from './HiTableHeader';
-import HiTableBody from './HiTableBody';
-
-const styles = theme => ({
-  root: {
-    backgroundColor: theme.palette.background3
-  }
+"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;
 
-class HiTable extends React.PureComponent {
-  constructor(props) {
-    super(props);
+var _classCallCheck2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
 
-    this.handleRequestSort = (event, property) => {
-      if (this.props.onSort) {
-        this.props.onSort(property);
-      }
-    };
+var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
 
-    this.handleRequestSort = this.handleRequestSort.bind(this);
-  }
+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"));
 
-  render() {
-    const {
-      classes,
-      data,
-      columns,
-      locale,
-      sortable,
-      onRowClick,
-      dense,
-      order,
-      orderBy
-    } = this.props;
-    return React.createElement(Table, {
-      className: classes.root
-    }, React.createElement(HiTableHeader, {
-      columns: columns,
-      order: order,
-      orderBy: orderBy,
-      onRequestSort: this.handleRequestSort,
-      sortable: sortable,
-      dense: dense
-    }), React.createElement(HiTableBody, {
-      data: data,
-      columns: columns,
-      onClick: onRowClick,
-      dense: dense,
-      locale: locale
-    }));
+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 _Table = _interopRequireDefault(require("@material-ui/core/Table"));
+
+var _HiTableHeader = _interopRequireDefault(require("./HiTableHeader"));
+
+var _HiTableBody = _interopRequireDefault(require("./HiTableBody"));
+
+// @inheritedComponent Table
+var styles = function styles(theme) {
+  return {
+    root: {
+      backgroundColor: theme.palette.background3
+    }
+  };
+};
+
+var HiTable =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiTable, _React$PureComponent);
+
+  function HiTable(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, HiTable);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiTable).call(this, props));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleRequestSort", function (event, property) {
+      if (_this.props.onSort) {
+        _this.props.onSort(property);
+      }
+    });
+    _this.handleRequestSort = _this.handleRequestSort.bind((0, _assertThisInitialized2.default)(_this));
+    return _this;
   }
 
-}
-
-HiTable.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Surcharge les classes du composant
-   */
-  classes: PropTypes.object,
-
-  /**
-   * En-tête des données et leurs paramètres
-   */
-  columns: PropTypes.object.isRequired,
-
-  /**
-   * Données du tableau
-   */
-  data: PropTypes.array.isRequired,
-
-  /**
-   * Densité d'affichage (joue sur la hauteur des lignes)
-   */
-  dense: PropTypes.bool,
-
-  /**
-   * Locale pour afficher les nombres et montants
-   */
-  locale: PropTypes.string,
-
-  /**
-   * Fonction se déclanchant au clic sur une ligne
-   */
-  onRowClick: PropTypes.func,
-
-  /**
-   * Fonction de trie des données
-   */
-  onSort: PropTypes.func,
-
-  /**
-   * Sens du tri
-   */
-  order: PropTypes.oneOf(['asc', 'desc']),
-
-  /**
-   * Id de la colonne trié
-   */
-  orderBy: PropTypes.string,
-
-  /**
-   * Le tableau est-il triable ?
-   */
-  sortable: PropTypes.bool
-} : {};
-export default withStyles(styles, {
+  (0, _createClass2.default)(HiTable, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          data = _this$props.data,
+          columns = _this$props.columns,
+          locale = _this$props.locale,
+          sortable = _this$props.sortable,
+          onRowClick = _this$props.onRowClick,
+          dense = _this$props.dense,
+          order = _this$props.order,
+          orderBy = _this$props.orderBy;
+      return _react.default.createElement(_Table.default, {
+        className: classes.root
+      }, _react.default.createElement(_HiTableHeader.default, {
+        columns: columns,
+        order: order,
+        orderBy: orderBy,
+        onRequestSort: this.handleRequestSort,
+        sortable: sortable,
+        dense: dense
+      }), _react.default.createElement(_HiTableBody.default, {
+        data: data,
+        columns: columns,
+        onClick: onRowClick,
+        dense: dense,
+        locale: locale
+      }));
+    }
+  }]);
+  return HiTable;
+}(_react.default.PureComponent);
+
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiTable'
-})(HiTable);
+})(HiTable);
+
+exports.default = _default;

package/es/HiTable/HiTableBody.js

@@ -1,56 +1,62 @@
+"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 _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 _react = _interopRequireDefault(require("react"));
+
+var _TableBody = _interopRequireDefault(require("@material-ui/core/TableBody/TableBody"));
+
+var _HiTableRow = _interopRequireDefault(require("./HiTableRow"));
+
 // @inheritedComponent TableBody
-import React from 'react';
-import PropTypes from 'prop-types';
-import TableBody from '@material-ui/core/TableBody/TableBody';
-import HiTableRow from './HiTableRow';
-
-class HiTableBody extends React.PureComponent {
-  render() {
-    const {
-      columns,
-      data,
-      dense,
-      locale,
-      onClick
-    } = this.props;
-    return React.createElement(TableBody, null, data.map(n => {
-      return React.createElement(HiTableRow, {
-        columns: columns,
-        rowdata: n,
-        key: n.rowId,
-        onClick: onClick,
-        dense: dense,
-        locale: locale
-      });
-    }));
+var HiTableBody =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiTableBody, _React$PureComponent);
+
+  function HiTableBody() {
+    (0, _classCallCheck2.default)(this, HiTableBody);
+    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiTableBody).apply(this, arguments));
   }
 
-}
-
-HiTableBody.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * En-tête des données et leurs paramètres
-   */
-  columns: PropTypes.object.isRequired,
-
-  /**
-   * Données du tableau
-   */
-  data: PropTypes.array.isRequired,
-
-  /**
-   * Densité d'affichage (joue sur la hauteur des lignes)
-   */
-  dense: PropTypes.bool,
-
-  /**
-   * Locale pour afficher les nombres et montants
-   */
-  locale: PropTypes.string,
-
-  /**
-   * Fonction appelée au clic sur une ligne
-   */
-  onClick: PropTypes.func
-} : {};
-export default HiTableBody;
+  (0, _createClass2.default)(HiTableBody, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          columns = _this$props.columns,
+          data = _this$props.data,
+          dense = _this$props.dense,
+          locale = _this$props.locale,
+          onClick = _this$props.onClick;
+      return _react.default.createElement(_TableBody.default, null, data.map(function (n) {
+        return _react.default.createElement(_HiTableRow.default, {
+          columns: columns,
+          rowdata: n,
+          key: n.rowId,
+          onClick: onClick,
+          dense: dense,
+          locale: locale
+        });
+      }));
+    }
+  }]);
+  return HiTableBody;
+}(_react.default.PureComponent);
+
+var _default = HiTableBody;
+exports.default = _default;

package/es/HiTable/HiTableHeader.js

@@ -1,124 +1,141 @@
-// @inheritedComponent TableHeader
-import React from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-import TableCell from '@material-ui/core/TableCell';
-import TableHead from '@material-ui/core/TableHead';
-import TableRow from '@material-ui/core/TableRow';
-import TableSortLabel from '@material-ui/core/TableSortLabel';
-import * as cst from './constants';
-
-const styles = theme => ({
-  head: {
-    cursor: 'inherit',
-    borderBottom: `solid 1px ${theme.palette.divider}`
-  },
-  cell: {
-    border: 'none',
-    paddingRight: '13px',
-    paddingLeft: '13px',
-    overflow: 'hidden',
-    textOverflow: 'ellipsis',
-    whiteSpace: 'nowrap'
-  },
-  icon: {
-    color: '#00ADE9'
-  }
+"use strict";
+
+var _interopRequireWildcard = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireWildcard");
+
+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;
 
-class HiTableHeader extends React.PureComponent {
-  constructor(...args) {
-    super(...args);
+var _classCallCheck2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
 
-    this.createSortHandler = property => event => {
-      this.props.onRequestSort(event, property);
-    };
-  }
+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 _styles = require("@material-ui/core/styles");
+
+var _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));
 
-  render() {
-    const {
-      classes,
-      columns,
-      order,
-      orderBy,
-      sortable,
-      dense
-    } = this.props;
-    return React.createElement(TableHead, {
-      className: classes.head
-    }, React.createElement(TableRow, {
-      style: {
-        height: dense ? cst.CELL_HEADER_HEIGHT_DENSE : cst.CELL_HEADER_HEIGHT,
-        whiteSpace: 'nowrap'
-      }
-    }, Object.keys(columns).map(key => {
-      const {
-        align,
-        colId,
-        type,
-        label,
-        smallLabel,
-        view,
-        headerTooltip
-      } = columns[key];
-      const finalLabel = view === 's' ? smallLabel : label;
-      return React.createElement(TableCell, {
-        key: colId,
-        className: classes.cell,
-        sortDirection: orderBy === colId ? order : false,
-        align: cst.ALIGN_RIGHT_TYPES.includes(type) || align === 'right' ? 'right' : 'inherit',
-        title: headerTooltip
-      }, sortable ? React.createElement(TableSortLabel, {
-        active: orderBy === colId,
-        direction: order,
-        onClick: this.createSortHandler(colId),
-        classes: {
-          icon: classes.icon
-        },
-        title: headerTooltip || label
-      }, finalLabel) : finalLabel);
-    }, this)));
+var _TableHead = _interopRequireDefault(require("@material-ui/core/TableHead"));
+
+var _TableRow = _interopRequireDefault(require("@material-ui/core/TableRow"));
+
+var _TableSortLabel = _interopRequireDefault(require("@material-ui/core/TableSortLabel"));
+
+var cst = _interopRequireWildcard(require("./constants"));
+
+// @inheritedComponent TableHeader
+var styles = function styles(theme) {
+  return {
+    head: {
+      cursor: 'inherit',
+      borderBottom: "solid 1px ".concat(theme.palette.divider)
+    },
+    cell: {
+      border: 'none',
+      paddingRight: '13px',
+      paddingLeft: '13px',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'nowrap'
+    },
+    icon: {
+      color: '#00ADE9'
+    }
+  };
+};
+
+var HiTableHeader =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiTableHeader, _React$PureComponent);
+
+  function HiTableHeader() {
+    var _getPrototypeOf2;
+
+    var _this;
+
+    (0, _classCallCheck2.default)(this, HiTableHeader);
+
+    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)(HiTableHeader)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "createSortHandler", function (property) {
+      return function (event) {
+        _this.props.onRequestSort(event, property);
+      };
+    });
+    return _this;
   }
 
-}
-
-HiTableHeader.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Surcharge les classes du composant
-   */
-  classes: PropTypes.object,
-
-  /**
-   * En-tête des données et leurs paramètres
-   */
-  columns: PropTypes.object.isRequired,
-
-  /**
-   * Le tableau est-il triable ?
-   */
-  dense: PropTypes.bool,
-
-  /**
-   * Fonction d'appel du trie des données
-   */
-  onRequestSort: PropTypes.func.isRequired,
-
-  /**
-   * Sens du tri
-   */
-  order: PropTypes.oneOf(['asc', 'desc']),
-
-  /**
-   * Id de la colonne trié
-   */
-  orderBy: PropTypes.string,
-
-  /**
-   * Densité d'affichage (joue sur la hauteur des lignes)
-   */
-  sortable: PropTypes.bool
-} : {};
-export default withStyles(styles, {
+  (0, _createClass2.default)(HiTableHeader, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          columns = _this$props.columns,
+          order = _this$props.order,
+          orderBy = _this$props.orderBy,
+          sortable = _this$props.sortable,
+          dense = _this$props.dense;
+      return _react.default.createElement(_TableHead.default, {
+        className: classes.head
+      }, _react.default.createElement(_TableRow.default, {
+        style: {
+          height: dense ? cst.CELL_HEADER_HEIGHT_DENSE : cst.CELL_HEADER_HEIGHT,
+          whiteSpace: 'nowrap'
+        }
+      }, Object.keys(columns).map(function (key) {
+        var _columns$key = columns[key],
+            align = _columns$key.align,
+            colId = _columns$key.colId,
+            type = _columns$key.type,
+            label = _columns$key.label,
+            smallLabel = _columns$key.smallLabel,
+            view = _columns$key.view,
+            headerTooltip = _columns$key.headerTooltip;
+        var finalLabel = view === 's' ? smallLabel : label;
+        return _react.default.createElement(_TableCell.default, {
+          key: colId,
+          className: classes.cell,
+          sortDirection: orderBy === colId ? order : false,
+          align: cst.ALIGN_RIGHT_TYPES.includes(type) || align === 'right' ? 'right' : 'inherit',
+          title: headerTooltip
+        }, sortable ? _react.default.createElement(_TableSortLabel.default, {
+          active: orderBy === colId,
+          direction: order,
+          onClick: _this2.createSortHandler(colId),
+          classes: {
+            icon: classes.icon
+          },
+          title: headerTooltip || label
+        }, finalLabel) : finalLabel);
+      }, this)));
+    }
+  }]);
+  return HiTableHeader;
+}(_react.default.PureComponent);
+
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiTableHeader'
-})(HiTableHeader);
+})(HiTableHeader);
+
+exports.default = _default;