@hipay/hipay-material-ui 3.15.2 → 3.15.3-beta.0

package/es/HiSwitch/HiSwitch.js

@@ -1,32 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _SwitchBase = _interopRequireDefault(require("@mui/material/internal/SwitchBase"));
-
 var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
-
 var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
-
 var _helpers = require("../utils/helpers");
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 var styles = function styles(theme) {
   return {
     root: {
@@ -98,16 +86,16 @@ var styles = function styles(theme) {
       color: theme.palette.secondary.contrastText
     },
     iconCheckedPositive: {
-      backgroundColor: theme.palette.positive.main,
-      color: theme.palette.positive.contrastText
+      backgroundColor: theme.palette.success.main,
+      color: theme.palette.success.contrastText
     },
     iconCheckedNegative: {
-      backgroundColor: theme.palette.negative.main,
-      color: theme.palette.negative.contrastText
+      backgroundColor: theme.palette.error.main,
+      color: theme.palette.error.contrastText
     },
     iconCheckedMiddle: {
-      backgroundColor: theme.palette.middle.main,
-      color: theme.palette.middle.contrastText
+      backgroundColor: theme.palette.warning.main,
+      color: theme.palette.warning.contrastText
     },
     iconCheckedNeutral: {
       backgroundColor: theme.palette.neutral.main,
@@ -130,21 +118,21 @@ var styles = function styles(theme) {
     checkedPositive: {
       transform: 'translateX(18px)',
       '& + $bar': {
-        backgroundColor: theme.palette.positive.main,
+        backgroundColor: theme.palette.success.main,
         opacity: 0.5
       }
     },
     checkedNegative: {
       transform: 'translateX(18px)',
       '& + $bar': {
-        backgroundColor: theme.palette.negative.main,
+        backgroundColor: theme.palette.error.main,
         opacity: 0.5
       }
     },
     checkedMiddle: {
       transform: 'translateX(18px)',
       '& + $bar': {
-        backgroundColor: theme.palette.middle.main,
+        backgroundColor: theme.palette.warning.main,
         opacity: 0.5
       }
     },
@@ -157,29 +145,23 @@ var styles = function styles(theme) {
     }
   };
 };
-
 exports.styles = styles;
-
 function HiSwitch(props) {
   var _classNames;
-
   var classes = props.classes,
-      className = props.className,
-      checked = props.checked,
-      color = props.color,
-      disabled = props.disabled,
-      other = (0, _objectWithoutProperties2.default)(props, ["classes", "className", "checked", "color", "disabled"]);
-  var isHiColor = ['primary', 'secondary', 'positive', 'negative', 'middle', 'neutral'].includes(color);
+    className = props.className,
+    checked = props.checked,
+    color = props.color,
+    disabled = props.disabled,
+    other = (0, _objectWithoutProperties2.default)(props, ["classes", "className", "checked", "color", "disabled"]);
+  var isHiColor = ['primary', 'secondary', 'success', 'error', 'warning', 'neutral'].includes(color);
   var iconClass = (0, _classnames.default)(classes.icon, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.iconNotChecked, !checked), (0, _defineProperty2.default)(_classNames, classes.iconChecked, checked), (0, _defineProperty2.default)(_classNames, classes.iconCheckedNeutral, !disabled && checked && !isHiColor), (0, _defineProperty2.default)(_classNames, classes["iconChecked".concat((0, _helpers.capitalize)(color))], !disabled && checked && isHiColor), (0, _defineProperty2.default)(_classNames, classes.iconDisabled, disabled), _classNames));
-
   var icon = /*#__PURE__*/_react.default.createElement(_Close.default, {
     className: iconClass
   });
-
   var checkedIcon = /*#__PURE__*/_react.default.createElement(_Check.default, {
     className: iconClass
   });
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(classes.root, className)
   }, /*#__PURE__*/_react.default.createElement(_SwitchBase.default, (0, _extends2.default)({
@@ -200,14 +182,11 @@ function HiSwitch(props) {
     className: classes.bar
   }));
 }
-
 HiSwitch.defaultProps = {
   color: 'inherit'
 };
-
 var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiSwitch'
 })(HiSwitch);
-
 exports.default = _default;

package/es/HiSwitch/HiSwitchState.js

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _HiButton = _interopRequireDefault(require("../HiButton"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 var _helpers = require("../utils/helpers");
-
 var styles = function styles(theme) {
   return {
     root: {
@@ -69,20 +61,20 @@ var styles = function styles(theme) {
     },
     checkedPositive: {
       '&:not($disabled)': {
-        backgroundColor: theme.palette.positive.main,
-        color: theme.palette.positive.contrastText
+        backgroundColor: theme.palette.success.main,
+        color: theme.palette.success.contrastText
       }
     },
     checkedNegative: {
       '&:not($disabled)': {
-        backgroundColor: theme.palette.negative.main,
-        color: theme.palette.negative.contrastText
+        backgroundColor: theme.palette.error.main,
+        color: theme.palette.error.contrastText
       }
     },
     checkedMiddle: {
       '&:not($disabled)': {
-        backgroundColor: theme.palette.middle.main,
-        color: theme.palette.middle.contrastText
+        backgroundColor: theme.palette.warning.main,
+        color: theme.palette.warning.contrastText
       }
     },
     checkedNeutral: {
@@ -100,28 +92,25 @@ var styles = function styles(theme) {
     }
   };
 };
+
 /**
  * Ce composant affiche un switch entre 2 valeurs associées à deux labels.
  * par défaut ON/OFF associé à true/false.
  */
-
-
 exports.styles = styles;
-
 function HiSwitchState(props) {
   var _classNames, _classNames2;
-
   var classes = props.classes,
-      className = props.className,
-      checked = props.checked,
-      color = props.color,
-      leftLabel = props.leftLabel,
-      rightLabel = props.rightLabel,
-      leftValue = props.leftValue,
-      rightValue = props.rightValue,
-      disabled = props.disabled,
-      onChange = props.onChange;
-  var isHiColor = ['primary', 'secondary', 'positive', 'negative', 'middle', 'neutral'].includes(color);
+    className = props.className,
+    checked = props.checked,
+    color = props.color,
+    leftLabel = props.leftLabel,
+    rightLabel = props.rightLabel,
+    leftValue = props.leftValue,
+    rightValue = props.rightValue,
+    disabled = props.disabled,
+    onChange = props.onChange;
+  var isHiColor = ['primary', 'secondary', 'success', 'error', 'warning', 'neutral'].includes(color);
   var buttonLeftClass = (0, _classnames.default)(classes.button, classes.buttonLeft, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.checked, checked === leftValue), (0, _defineProperty2.default)(_classNames, classes.checkedNeutral, !disabled && checked === leftValue && !isHiColor), (0, _defineProperty2.default)(_classNames, classes["checked".concat((0, _helpers.capitalize)(color))], !disabled && checked === leftValue && isHiColor), (0, _defineProperty2.default)(_classNames, classes.disabled, disabled), _classNames));
   var buttonRightClass = (0, _classnames.default)(classes.button, classes.buttonRight, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.checked, checked === rightValue), (0, _defineProperty2.default)(_classNames2, classes.checkedNeutral, !disabled && checked === rightValue && !isHiColor), (0, _defineProperty2.default)(_classNames2, classes["checked".concat((0, _helpers.capitalize)(color))], !disabled && checked === rightValue && isHiColor), (0, _defineProperty2.default)(_classNames2, classes.disabled, disabled), _classNames2));
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -144,7 +133,6 @@ function HiSwitchState(props) {
     disabled: disabled
   }, rightLabel));
 }
-
 HiSwitchState.defaultProps = {
   checked: 'on',
   color: 'inherit',
@@ -154,10 +142,8 @@ HiSwitchState.defaultProps = {
   rightValue: 'on',
   disabled: false
 };
-
 var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiHiSwitchState'
 })(HiSwitchState);
-
 exports.default = _default;

package/es/HiSwitch/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,7 +16,5 @@ Object.defineProperty(exports, "default", {
     return _HiSwitch.default;
   }
 });
-
 var _HiSwitch = _interopRequireDefault(require("./HiSwitch"));
-
 var _HiSwitchState = _interopRequireDefault(require("./HiSwitchState"));

package/es/HiTable/HiCellBuilder.js

@@ -1,117 +1,78 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 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 _TableCell = _interopRequireDefault(require("@mui/material/TableCell"));
-
 var _CellAddress = _interopRequireDefault(require("../HiCell/CellAddress"));
-
 var _CellDate = _interopRequireDefault(require("../HiCell/CellDate"));
-
 var _CellIcon = _interopRequireDefault(require("../HiCell/CellIcon"));
-
 var _CellImage = _interopRequireDefault(require("../HiCell/CellImage"));
-
 var _CellNumeric = _interopRequireDefault(require("../HiCell/CellNumeric"));
-
 var _CellSentinel = _interopRequireDefault(require("../HiCell/CellSentinel"));
-
 var _CellSentinelScore = _interopRequireDefault(require("../HiCell/CellSentinelScore"));
-
 var _CellTextStyled = _interopRequireDefault(require("../HiCell/CellTextStyled"));
-
 var _CellRate = _interopRequireDefault(require("../HiCell/CellRate"));
-
 var _CellPinToAction = _interopRequireDefault(require("../HiCell/CellPinToAction"));
-
 var cst = _interopRequireWildcard(require("./constants"));
-
 var _CellHiddenContent = _interopRequireDefault(require("../HiCell/CellHiddenContent"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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; } }
-
+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; } } // @inheritedComponent CellBuilder
 var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiCellBuilder, _React$PureComponent);
-
   var _super = _createSuper(HiCellBuilder);
-
   function HiCellBuilder() {
     var _this;
-
     (0, _classCallCheck2.default)(this, HiCellBuilder);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _this.createCell = function (cell, rowdata, locale) {
       if (typeof rowdata[cell.colId] !== 'undefined' || typeof rowdata.datas[cell.colId] !== 'undefined') {
         var datacell = typeof rowdata[cell.colId] !== 'undefined' ? rowdata[cell.colId] : rowdata.datas[cell.colId];
-
         if (datacell !== null) {
           // Handle mutliple values (details rows)
           if (datacell.length === 1) {
             datacell = datacell[0];
           } else if (datacell.length > 1) {
             var align;
-
             switch (cell.type) {
               case cst.TYPE_NUMERIC:
               case cst.TYPE_AMOUNT:
                 align = "right";
                 break;
-
               default:
                 align = "center";
             }
-
             return /*#__PURE__*/_react.default.createElement(_CellPinToAction.default, {
               number: datacell.length,
               color: "default",
               align: align
             });
           }
-
           if (datacell !== null) {
             if (cell.data !== undefined) {
               var refproperties = cell.data.find(function (el) {
                 return el.id === datacell.value;
               });
-
               if (refproperties) {
                 Object.keys(refproperties).forEach(function (key) {
                   datacell[key] = refproperties[key];
                 });
               }
             }
-
             if (datacell) {
               switch (cell.type) {
                 case cst.TYPE_NUMERIC:
@@ -126,7 +87,6 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
                     onClick: datacell.handleClick,
                     rowId: rowdata.rowId
                   });
-
                 case cst.TYPE_COUNTRY:
                   return /*#__PURE__*/_react.default.createElement(_CellImage.default, {
                     label: datacell.label,
@@ -135,7 +95,6 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
                     size: datacell.size,
                     view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
                   });
-
                 case cst.TYPE_IMAGE:
                   return /*#__PURE__*/_react.default.createElement(_CellImage.default, {
                     label: datacell.label || datacell.value,
@@ -146,7 +105,6 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
                     fallbackImage: datacell.fallbackImage,
                     title: cell.title ? cell.title(datacell, cell) : datacell.title
                   });
-
                 case cst.TYPE_RATE:
                   return /*#__PURE__*/_react.default.createElement(_CellRate.default, {
                     indicator: datacell.indicator,
@@ -156,7 +114,6 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
                     trendchip: datacell.trendchip,
                     view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
                   });
-
                 case cst.TYPE_ADDRESS:
                   return /*#__PURE__*/_react.default.createElement(_CellAddress.default, {
                     city: datacell.city,
@@ -167,7 +124,6 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
                     streetAddress: datacell.streetAddress,
                     view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
                   });
-
                 case cst.TYPE_DATE:
                 case cst.TYPE_MONTH:
                   return /*#__PURE__*/_react.default.createElement(_CellDate.default, {
@@ -178,7 +134,6 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
                     locale: datacell.locale || cell.precision || locale,
                     view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
                   });
-
                 case cst.TYPE_ICON:
                   return /*#__PURE__*/_react.default.createElement(_CellIcon.default, {
                     align: cell.align,
@@ -189,7 +144,6 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
                     view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
                     size: cell.size
                   });
-
                 case cst.TYPE_THIRD_PARTY_SECURITY:
                   return /*#__PURE__*/_react.default.createElement(_CellIcon.default, {
                     color: datacell.color,
@@ -198,7 +152,6 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
                     view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
                     size: cell.size
                   });
-
                 case cst.TYPE_SENTINEL:
                   return /*#__PURE__*/_react.default.createElement(_CellSentinel.default, {
                     color: datacell.color,
@@ -208,26 +161,23 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
                     reviewer: datacell.reviewer,
                     outlined: datacell.outlined
                   });
-
                 case cst.TYPE_SCORE:
                   return /*#__PURE__*/_react.default.createElement(_CellSentinelScore.default, {
                     value: datacell.value,
                     result: datacell.result,
                     active: datacell.active
                   });
-
                 case cst.TYPE_PIN_TO_ACTION:
                   return /*#__PURE__*/_react.default.createElement(_CellPinToAction.default, {
-                    number: datacell.number // eslint-disable-next-line react/jsx-handler-names
+                    number: datacell.number
+                    // eslint-disable-next-line react/jsx-handler-names
                     ,
                     onClick: datacell.onClick
                   });
-
                 case cst.TYPE_HIDDEN_CONTENT:
                   return /*#__PURE__*/_react.default.createElement(_CellHiddenContent.default, {
                     value: datacell.value
                   });
-
                 case cst.TYPE_ACCOUNT_NUMBER:
                 case cst.TYPE_CUSTOMER_ACCOUNT_NUMBER:
                 default:
@@ -246,21 +196,18 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
           }
         }
       }
-
       return null;
     };
-
     return _this;
   }
-
   (0, _createClass2.default)(HiCellBuilder, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          className = _this$props.className,
-          column = _this$props.column,
-          data = _this$props.data,
-          locale = _this$props.locale;
+        className = _this$props.className,
+        column = _this$props.column,
+        data = _this$props.data,
+        locale = _this$props.locale;
       return /*#__PURE__*/_react.default.createElement(_TableCell.default, {
         className: className
       }, this.createCell(column, data, locale));
@@ -268,6 +215,5 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return HiCellBuilder;
 }(_react.default.PureComponent);
-
 var _default = HiCellBuilder;
 exports.default = _default;

package/es/HiTable/HiTable.js

@@ -1,37 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
-
 var _Table = _interopRequireDefault(require("@mui/material/Table"));
-
 var _Skeleton = _interopRequireDefault(require("@mui/material/Skeleton"));
-
 var _HiTableHeader = _interopRequireDefault(require("./HiTableHeader"));
-
 var _HiTableBody = _interopRequireDefault(require("./HiTableBody"));
-
 var _HiPagination = _interopRequireDefault(require("../HiPagination"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 // @inheritedComponent Table
+
 var useStyles = (0, _makeStyles.default)(function (theme) {
   return {
     root: {
@@ -51,74 +38,61 @@ var useStyles = (0, _makeStyles.default)(function (theme) {
     }
   };
 });
-
 var HiTable = function HiTable(props) {
   var activePagination = props.activePagination,
-      nbPages = props.nbPages,
-      data = props.data,
-      columns = props.columns,
-      locale = props.locale,
-      loading = props.loading,
-      pageProp = props.page,
-      sortable = props.sortable,
-      onRowClick = props.onRowClick,
-      dense = props.dense,
-      order = props.order,
-      orderBy = props.orderBy,
-      onSort = props.onSort,
-      onChangePage = props.onChangePage;
+    nbPages = props.nbPages,
+    data = props.data,
+    columns = props.columns,
+    locale = props.locale,
+    loading = props.loading,
+    pageProp = props.page,
+    sortable = props.sortable,
+    onRowClick = props.onRowClick,
+    dense = props.dense,
+    order = props.order,
+    orderBy = props.orderBy,
+    onSort = props.onSort,
+    onChangePage = props.onChangePage;
   var classes = useStyles();
-
   var _useState = (0, _react.useState)(pageProp || 1),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      page = _useState2[0],
-      setPage = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    page = _useState2[0],
+    setPage = _useState2[1];
   (0, _react.useEffect)(function () {
     if (pageProp) {
       setPage(pageProp);
     }
   }, [pageProp]);
-
   var handleRequestSort = function handleRequestSort(event, property) {
     if (onSort) {
       onSort(property);
       setPage(1);
     }
   };
-
   var handleChangePage = function handleChangePage(event, page) {
     setPage(page);
-
     if (onChangePage) {
       onChangePage(event, page);
     }
   };
-
   var displayedData = (0, _react.useMemo)(function () {
     var _data = (0, _toConsumableArray2.default)(data);
-
     if (_data.length > 10) {
       var itemFromIndex = (page - 1) * 10;
       var itemToIndex = page * 10;
-
       if (itemToIndex > _data.length) {
         itemToIndex = _data.length;
       }
-
       return _data.slice(itemFromIndex, itemToIndex);
     }
-
     return _data;
   }, [page, data, order]);
   var activatePagination = activePagination;
   var pageCount = nbPages;
-
   if (data.length > 10) {
     pageCount = Math.ceil(data.length / 10);
     activatePagination = true;
   }
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Table.default, {
     className: classes.root
   }, /*#__PURE__*/_react.default.createElement(_HiTableHeader.default, {
@@ -205,7 +179,6 @@ var HiTable = function HiTable(props) {
     page: page
   }));
 };
-
 HiTable.defaultProps = {
   activePagination: false,
   nbPages: 1