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

package/HiBreadcrumb/HiStepper.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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 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 _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 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; } }
-
 var styles = function styles() {
   return {
     root: {
@@ -34,29 +22,22 @@ var styles = function styles() {
     }
   };
 };
-
 exports.styles = styles;
-
 var HiStepper = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiStepper, _React$PureComponent);
-
   var _super = _createSuper(HiStepper);
-
   function HiStepper() {
     (0, _classCallCheck2.default)(this, HiStepper);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(HiStepper, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          classes = _this$props.classes,
-          activeStep = _this$props.activeStep,
-          children = _this$props.children;
-
+        classes = _this$props.classes,
+        activeStep = _this$props.activeStep,
+        children = _this$props.children;
       var childrenArray = _react.default.Children.toArray(children.props.children);
-
       var steps = childrenArray.map(function (step, index) {
         return _react.default.cloneElement(step, (0, _objectSpread2.default)({
           index: index,
@@ -70,14 +51,11 @@ var HiStepper = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return HiStepper;
 }(_react.default.PureComponent);
-
 HiStepper.defaultProps = {
   activeStep: 0
 };
-
 var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'MuiHiStepper'
 })(HiStepper);
-
 exports.default = _default;

package/HiBreadcrumb/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "default", {
     return _HiBreadcrumb.default;
   }
 });
-
 var _HiBreadcrumb = _interopRequireDefault(require("./HiBreadcrumb"));

package/HiButton/HiButton.js

@@ -1,30 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useStyles = exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
-
 var _styles = require("@mui/material/styles");
-
 var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
-
 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; }
-
 var useStyles = (0, _makeStyles.default)(function (theme) {
   return {
     root: {},
@@ -32,7 +21,7 @@ var useStyles = (0, _makeStyles.default)(function (theme) {
     label: {},
     // a nested style rule
     text: function text(props) {
-      if (['neutral', 'positive', 'middle', 'negative'].includes(props.color)) {
+      if (['neutral', 'success', 'warning', 'error'].includes(props.color)) {
         return {
           color: props.disabled ? theme.palette.action.disabled : theme.palette[props.color].main,
           '&:hover': {
@@ -54,11 +43,10 @@ var useStyles = (0, _makeStyles.default)(function (theme) {
           }
         };
       }
-
       return null;
     },
     contained: function contained(props) {
-      if (props.variant === 'contained' && ['neutral', 'positive', 'middle', 'negative'].includes(props.color)) {
+      if (props.variant === 'contained' && ['neutral', 'success', 'warning', 'error'].includes(props.color)) {
         return {
           color: props.disabled ? theme.palette.neutral.contrastText : theme.palette[props.color].contrastText,
           backgroundColor: props.disabled ? theme.palette.neutral.main : theme.palette[props.color].main,
@@ -106,11 +94,10 @@ var useStyles = (0, _makeStyles.default)(function (theme) {
           }
         };
       }
-
       return null;
     },
     outlined: function outlined(props) {
-      if (['neutral', 'positive', 'middle', 'negative'].includes(props.color)) {
+      if (['neutral', 'success', 'warning', 'error'].includes(props.color)) {
         return {
           color: theme.palette[props.color].main,
           border: "1px solid ".concat((0, _styles.alpha)(theme.palette[props.color].main, 0.5)),
@@ -129,51 +116,42 @@ var useStyles = (0, _makeStyles.default)(function (theme) {
           }
         };
       }
-
       return null;
     }
   };
 });
+
 /**
  * HiButton
  * Inherited from Button
  */
-
 exports.useStyles = useStyles;
-
 var HiButton = _react.default.forwardRef(function (props, ref) {
   var disableElevation = props.disableElevation,
-      variant = props.variant,
-      color = props.color,
-      otherProps = (0, _objectWithoutProperties2.default)(props, ["disableElevation", "variant", "color"]);
+    variant = props.variant,
+    color = props.color,
+    otherProps = (0, _objectWithoutProperties2.default)(props, ["disableElevation", "variant", "color"]);
   var classes = useStyles(props);
   var style = (0, _react.useMemo)(function () {
     var style = {};
-
     if (disableElevation) {
       style.boxShadow = 'none';
     }
-
     return style;
   }, [disableElevation]);
-
   var _color = (0, _react.useMemo)(function () {
-    if (['neutral', 'positive', 'middle', 'negative'].includes(color) || /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(color) // isHexColor
+    if (['neutral', 'success', 'warning', 'error'].includes(color) || /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(color) // isHexColor
     ) {
       return 'inherit';
     }
-
     return color;
   }, [color]);
-
   var _variant = (0, _react.useMemo)(function () {
     if (variant === 'containedLight') {
       return 'contained';
     }
-
     return variant;
   }, [variant]);
-
   return /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
     ref: ref,
     style: style,
@@ -182,7 +160,6 @@ var HiButton = _react.default.forwardRef(function (props, ref) {
     variant: _variant
   }, otherProps));
 });
-
 HiButton.defaultProps = {
   disableElevation: false,
   variant: 'text',

package/HiButton/index.js

@@ -1,13 +1,10 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _HiButton = _interopRequireDefault(require("./HiButton"));
-
 var _default = _HiButton.default;
 exports.default = _default;

package/HiCell/CellAddress.js

@@ -1,30 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = 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 _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 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; } }
-
 var styles = function styles() {
   return {
     rightEllipsisSpan: {
@@ -35,38 +24,33 @@ var styles = function styles() {
     }
   };
 };
+
 /**
  * Cette cellule permet d'afficher une adresse ou le nom d'un lieu
  * - si le nom du lieu est défini, on affiche le lieu et la ville
  * - sinon on affiche la ville et le pays
  * - tous les champs définis sont affichés dans le tooltip
  */
-
-
 exports.styles = styles;
-
 var CellAddress = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(CellAddress, _React$PureComponent);
-
   var _super = _createSuper(CellAddress);
-
   function CellAddress() {
     (0, _classCallCheck2.default)(this, CellAddress);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2.default)(CellAddress, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          classes = _this$props.classes,
-          streetAddress = _this$props.streetAddress,
-          name = _this$props.name,
-          city = _this$props.city,
-          postalCode = _this$props.postalCode,
-          view = _this$props.view,
-          country = _this$props.country,
-          isoCountry = _this$props.isoCountry;
+        classes = _this$props.classes,
+        streetAddress = _this$props.streetAddress,
+        name = _this$props.name,
+        city = _this$props.city,
+        postalCode = _this$props.postalCode,
+        view = _this$props.view,
+        country = _this$props.country,
+        isoCountry = _this$props.isoCountry;
       var labelItems = (view === 'l' ? [name, city, country] : [name, city, isoCountry]).filter(function (item) {
         return item !== undefined;
       });
@@ -88,13 +72,10 @@ var CellAddress = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return CellAddress;
 }(_react.default.PureComponent);
-
 CellAddress.defaultProps = {
   view: 'l'
 };
-
 var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellAddress'
 })(CellAddress);
-
 exports.default = _default;

package/HiCell/CellDate.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 _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 _momentTimezone = _interopRequireDefault(require("moment-timezone"));
-
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 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; } }
-
 var styles = {
   rightEllipsisSpan: {
     display: 'inline-block',
@@ -39,46 +27,38 @@ var styles = {
     }
   }
 };
+
 /**
  * Cette cellule permet d'afficher une date en fonction de la locale de l'utilisateur
  */
-
 exports.styles = styles;
-
 var CellDate = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(CellDate, _React$PureComponent);
-
   var _super = _createSuper(CellDate);
-
   function CellDate() {
     var _this;
-
     (0, _classCallCheck2.default)(this, CellDate);
-
     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.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;
+        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, _momentTimezone.default)(date);
       mdate.locale(locale);
       var label;
-
       if (view === 'l') {
         label = displayTime ? mdate.format(this.formatLong) : mdate.format(this.formatLong.replace(' HH:mm:ss', ''));
       } else if (view === 'm') {
@@ -86,7 +66,6 @@ var CellDate = /*#__PURE__*/function (_React$PureComponent) {
       } else {
         label = displayTime ? mdate.format("".concat(formatShort.replace('YYYY', 'YY'), " HH:mm:ss")) : mdate.format(formatShort.replace('YYYY', 'YY'));
       }
-
       return /*#__PURE__*/_react.default.createElement("div", {
         className: classes.rightEllipsisSpan
       }, label);
@@ -94,16 +73,13 @@ var CellDate = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return CellDate;
 }(_react.default.PureComponent);
-
 CellDate.defaultProps = {
   displayTime: false,
   formatShort: 'DD/MM/YYYY',
   locale: 'en',
   view: 'm'
 };
-
 var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellDate'
 })(CellDate);
-
 exports.default = _default;

package/HiCell/CellHiddenContent.js

@@ -1,32 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useStyles = exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _VisibilityRounded = _interopRequireDefault(require("@mui/icons-material/VisibilityRounded"));
-
 var _VisibilityOffRounded = _interopRequireDefault(require("@mui/icons-material/VisibilityOffRounded"));
-
 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; }
-
 var useStyles = (0, _makeStyles.default)(function (theme) {
   return {
     root: {
@@ -54,17 +42,14 @@ var useStyles = (0, _makeStyles.default)(function (theme) {
   };
 });
 exports.useStyles = useStyles;
-
 var CellHiddenContent = function CellHiddenContent(props) {
   var _props$value = props.value,
-      value = _props$value === void 0 ? null : _props$value;
+    value = _props$value === void 0 ? null : _props$value;
   var classes = useStyles(props);
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      display = _useState2[0],
-      setDisplay = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    display = _useState2[0],
+    setDisplay = _useState2[1];
   var content = (0, _react.useMemo)(function () {
     if (true === display) {
       return /*#__PURE__*/_react.default.createElement("div", {
@@ -75,29 +60,24 @@ var CellHiddenContent = function CellHiddenContent(props) {
         className: classes.label
       }, value));
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: classes.wrapper
     }, /*#__PURE__*/_react.default.createElement(_VisibilityRounded.default, {
       className: (0, _classnames.default)(classes.icon, (0, _defineProperty2.default)({}, classes.iconDisable, null == value))
     }));
   }, [value, display]);
-
   var handleClick = function handleClick(e) {
     e.preventDefault();
     e.stopPropagation();
-
     if (null != value) {
       setDisplay(!display);
     }
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: classes.root,
     title: value,
     onClick: handleClick
   }, content);
 };
-
 var _default = CellHiddenContent;
 exports.default = _default;

package/HiCell/CellIcon.js

@@ -1,34 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = 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 _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
-
 var _HiIconButton = _interopRequireDefault(require("../HiIconButton"));
-
 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; } }
-
 var styles = {
   icon: {
     float: 'left'
@@ -48,36 +35,31 @@ var styles = {
     justifyContent: 'flex-end'
   }
 };
+
 /**
  * Cette cellule permet d'afficher une icône et un label (optionnel).
  * En vue small (s) elle affiche uniquement l'icône avec une largeur fixe.
  */
-
 exports.styles = styles;
-
 var CellIcon = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(CellIcon, _React$PureComponent);
-
   var _super = _createSuper(CellIcon);
-
   function CellIcon() {
     (0, _classCallCheck2.default)(this, CellIcon);
     return _super.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;
-
+        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 /*#__PURE__*/_react.default.createElement("div", {
           className: align === 'right' ? classes.flexContent : classes.wrapper,
@@ -99,7 +81,6 @@ var CellIcon = /*#__PURE__*/function (_React$PureComponent) {
           className: classes.label
         }, label)));
       }
-
       return /*#__PURE__*/_react.default.createElement("div", {
         className: align === 'right' ? classes.flexContent : classes.wrapper,
         title: label
@@ -118,14 +99,11 @@ var CellIcon = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return CellIcon;
 }(_react.default.PureComponent);
-
 CellIcon.defaultProps = {
   view: 'm',
   color: 'neutral'
 };
-
 var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellIcon'
 })(CellIcon);
-
 exports.default = _default;