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

package/HiButton/HiButton.js

@@ -1,239 +1,92 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+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;
+exports.default = exports.useStyles = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
 
 var _styles = require("@material-ui/core/styles");
 
 var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
 
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
-// @inheritedComponent Button
 var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
-    root: {
-      '&$containedDisabled': {
-        color: theme.palette.neutral.contrastText,
-        backgroundColor: theme.palette.neutral.main
+    root: {},
+    // a style rule
+    label: {},
+    // a nested style rule
+    text: function text(props) {
+      if (['neutral', 'positive', 'middle', 'negative'].includes(props.color)) {
+        return {
+          color: props.disabled ? theme.palette.action.disabled : theme.palette[props.color].main,
+          '&:hover': {
+            backgroundColor: (0, _colorManipulator.fade)(theme.palette[props.color].main, theme.palette.action.hoverOpacity),
+            // Reset on touch devices, it doesn't add specificity
+            '@media (hover: none)': {
+              backgroundColor: 'transparent'
+            }
+          }
+        };
       }
-    },
-    containedDisabled: {},
-    textNeutral: {
-      color: theme.palette.neutral.main,
-      '&$disabled': {
-        color: theme.palette.action.disabled
-      }
-    },
-    textPositive: {
-      color: theme.palette.positive.main,
-      '&:hover': {
-        backgroundColor: (0, _colorManipulator.fade)(theme.palette.positive.main, theme.palette.action.hoverOpacity),
-        // Reset on touch devices, it doesn't add specificity
-        '@media (hover: none)': {
-          backgroundColor: 'transparent'
-        }
-      },
-      '&$disabled': {
-        color: theme.palette.action.disabled
-      }
-    },
-    textNegative: {
-      color: theme.palette.negative.main,
-      '&:hover': {
-        backgroundColor: (0, _colorManipulator.fade)(theme.palette.negative.main, theme.palette.action.hoverOpacity),
-        // Reset on touch devices, it doesn't add specificity
-        '@media (hover: none)': {
-          backgroundColor: 'transparent'
-        }
-      },
-      '&$disabled': {
-        color: theme.palette.action.disabled
-      }
-    },
-    textMiddle: {
-      color: theme.palette.middle.main,
-      '&:hover': {
-        backgroundColor: (0, _colorManipulator.fade)(theme.palette.middle.main, theme.palette.action.hoverOpacity),
-        // Reset on touch devices, it doesn't add specificity
-        '@media (hover: none)': {
-          backgroundColor: 'transparent'
-        }
-      },
-      '&$disabled': {
-        color: theme.palette.action.disabled
-      }
-    },
 
-    /* Styles applied to the root element if `variant="[contained ]"` and `color="positive"`. */
-    containedPrimary: {
-      '&$disabled': {
-        color: theme.palette.neutral.contrastText,
-        backgroundColor: theme.palette.neutral.main
-      }
+      return null;
     },
-    containedPositive: {
-      color: theme.palette.positive.contrastText,
-      backgroundColor: theme.palette.positive.main,
-      '&:hover': {
-        backgroundColor: theme.palette.positive.dark,
-        // Reset on touch devices, it doesn't add specificity
-        '@media (hover: none)': {
-          backgroundColor: theme.palette.positive.main
-        }
-      },
-      '&$disabled': {
-        color: theme.palette.neutral.contrastText,
-        backgroundColor: theme.palette.neutral.main
-      }
-    },
-
-    /* Styles applied to the root element if `variant="[contained]"` and `color="negative"`. */
-    containedNegative: {
-      color: theme.palette.negative.contrastText,
-      backgroundColor: theme.palette.negative.main,
-      '&:hover': {
-        backgroundColor: theme.palette.negative.dark,
-        // Reset on touch devices, it doesn't add specificity
-        '@media (hover: none)': {
-          backgroundColor: theme.palette.negative.main
-        }
-      },
-      '&$disabled': {
-        color: theme.palette.neutral.contrastText,
-        backgroundColor: theme.palette.neutral.main
+    contained: function contained(props) {
+      if (['neutral', 'positive', 'middle', 'negative'].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,
+          '&:hover': {
+            backgroundColor: theme.palette[props.color].dark,
+            // Reset on touch devices, it doesn't add specificity
+            '@media (hover: none)': {
+              backgroundColor: theme.palette[props.color].main
+            }
+          }
+        };
       }
-    },
 
-    /* Styles applied to the root element if `variant="[contained]"` and `color="middle"`. */
-    containedMiddle: {
-      color: theme.palette.middle.contrastText,
-      backgroundColor: theme.palette.middle.main,
-      '&:hover': {
-        backgroundColor: theme.palette.middle.dark,
-        // Reset on touch devices, it doesn't add specificity
-        '@media (hover: none)': {
-          backgroundColor: theme.palette.middle.main
-        }
-      },
-      '&$disabled': {
-        color: theme.palette.neutral.contrastText,
-        backgroundColor: theme.palette.neutral.main
-      }
+      return null;
     },
-
-    /* Styles applied to the root element if `variant="[contained]"` and `color="neutral"`. */
-    containedNeutral: {
-      color: theme.palette.neutral.contrastText,
-      backgroundColor: theme.palette.neutral.main,
-      '&:hover': {
-        backgroundColor: theme.palette.neutral.dark,
-        // Reset on touch devices, it doesn't add specificity
-        '@media (hover: none)': {
-          backgroundColor: theme.palette.neutral.main
+    outlined: function outlined(props) {
+      return ['neutral', 'positive', 'middle', 'negative'].includes(props.color) && {
+        color: theme.palette[props.color].main,
+        border: "1px solid ".concat((0, _colorManipulator.fade)(theme.palette[props.color].main, 0.5)),
+        '&:hover': {
+          border: "1px solid ".concat(theme.palette[props.color].main)
         }
-      },
-      '&$disabled': {
-        color: theme.palette.neutral.contrastText,
-        backgroundColor: theme.palette.neutral.main
-      }
-    },
-
-    /* Styles applied to the root element if `variant="outlined"` and `color="positive"`. */
-    outlinedPositive: {
-      border: "1px solid ".concat((0, _colorManipulator.fade)(theme.palette.positive.main, 0.5)),
-      '&:hover': {
-        border: "1px solid ".concat(theme.palette.positive.main)
-      }
-    },
-
-    /* Styles applied to the root element if `variant="outlined"` and `color="negative"`. */
-    outlinedNegative: {
-      border: "1px solid ".concat((0, _colorManipulator.fade)(theme.palette.negative.main, 0.5)),
-      '&:hover': {
-        border: "1px solid ".concat(theme.palette.negative.main)
-      }
-    },
-
-    /* Styles applied to the root element if `variant="outlined"` and `color="middle"`. */
-    outlinedMiddle: {
-      border: "1px solid ".concat((0, _colorManipulator.fade)(theme.palette.middle.main, 0.5)),
-      '&:hover': {
-        border: "1px solid ".concat(theme.palette.middle.main)
-      }
-    },
-
-    /* Styles applied to the root element if `variant="outlined"` and `color="neutral"`. */
-    outlinedNeutral: {
-      border: "1px solid ".concat((0, _colorManipulator.fade)(theme.palette.neutral.main, 0.5)),
-      '&:hover': {
-        border: "1px solid ".concat(theme.palette.neutral.main)
-      }
-    },
-    disabled: {}
+      };
+    }
   };
 });
+/**
+ * HiButton
+ * Inherited from Button
+ */
 
-var HiButton = _react.default.forwardRef(function (props, ref) {
-  var _classNames;
+exports.useStyles = useStyles;
 
-  var children = props.children,
-      className = props.className,
-      color = props.color,
-      variant = props.variant,
-      disabled = props.disabled,
-      other = (0, _objectWithoutProperties2.default)(props, ["children", "className", "color", "variant", "disabled"]);
-  var classes = useStyles();
-  var hcolor = ['positive', 'negative', 'middle', 'neutral'].includes(color) ? 'inherit' : color;
-  var contained = variant === 'contained';
-  var buttonClassNames = (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.containedDisabled, variant === 'contained' && disabled), (0, _defineProperty2.default)(_classNames, classes.textPositive, (variant === 'text' || variant === 'outlined') && color === 'positive'), (0, _defineProperty2.default)(_classNames, classes.textNegative, (variant === 'text' || variant === 'outlined') && color === 'negative'), (0, _defineProperty2.default)(_classNames, classes.textMiddle, (variant === 'text' || variant === 'outlined') && color === 'middle'), (0, _defineProperty2.default)(_classNames, classes.textNeutral, (variant === 'text' || variant === 'outlined') && (color === 'default' || color === 'neutral')), (0, _defineProperty2.default)(_classNames, classes.containedPrimary, contained && color === 'primary'), (0, _defineProperty2.default)(_classNames, classes.containedPositive, contained && color === 'positive'), (0, _defineProperty2.default)(_classNames, classes.containedNegative, contained && color === 'negative'), (0, _defineProperty2.default)(_classNames, classes.containedMiddle, contained && color === 'middle'), (0, _defineProperty2.default)(_classNames, classes.containedNeutral, contained && (color === 'default' || color === 'neutral')), (0, _defineProperty2.default)(_classNames, classes.outlinedPositive, variant === 'outlined' && color === 'positive'), (0, _defineProperty2.default)(_classNames, classes.outlinedNegative, variant === 'outlined' && color === 'negative'), (0, _defineProperty2.default)(_classNames, classes.outlinedMiddle, variant === 'outlined' && color === 'middle'), (0, _defineProperty2.default)(_classNames, classes.outlinedNeutral, variant === 'outlined' && (color === 'default' || color === 'neutral')), (0, _defineProperty2.default)(_classNames, classes.disabled, disabled), _classNames));
+function HiButton(props) {
+  var classes = useStyles(props);
+  var color = ['neutral', 'positive', 'middle', 'negative'].includes(props.color) ? 'inherit' : props.color;
   return _react.default.createElement(_Button.default, (0, _extends2.default)({
-    className: className,
-    classes: {
-      root: buttonClassNames
-    },
-    color: hcolor,
-    variant: variant,
-    disabled: disabled,
-    buttonRef: ref
-  }, other), children);
-});
-
-HiButton.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Surcharge des classes
-   */
-  className: _propTypes.default.string,
-
-  /**
-   * The color of the component. It supports those theme colors that make sense for this component.
-   */
-  color: _propTypes.default.oneOf(['default', 'inherit', 'primary', 'secondary', 'positive', 'negative', 'middle', 'neutral']),
+    classes: classes
+  }, props, {
+    color: color
+  }));
+}
 
-  /**
-   * The variant to use.
-   */
-  variant: _propTypes.default.oneOf(['text', 'outlined', 'contained'])
-} : {};
 HiButton.defaultProps = {
-  color: 'neutral',
-  variant: 'text'
+  variant: 'text',
+  color: 'neutral'
 };
 var _default = HiButton;
 exports.default = _default;

package/HiButton/index.js

@@ -1,15 +1,13 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+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
 });
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _HiButton.default;
-  }
-});
+exports.default = void 0;
+
+var _HiButton = _interopRequireDefault(require("./HiButton"));
 
-var _HiButton = _interopRequireDefault(require("./HiButton"));
+var _default = _HiButton.default;
+exports.default = _default;

package/HiCell/CellAddress.js

@@ -1,25 +1,25 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+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("@babel/runtime/helpers/classCallCheck"));
+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("@babel/runtime/helpers/createClass"));
+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("@babel/runtime/helpers/possibleConstructorReturn"));
+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("@babel/runtime/helpers/getPrototypeOf"));
+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("@babel/runtime/helpers/inherits"));
+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 _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
 
 var _styles = require("@material-ui/core/styles");
 
@@ -87,50 +87,9 @@ function (_React$PureComponent) {
   return CellAddress;
 }(_react.default.PureComponent);
 
-CellAddress.defaultProps = {
+(0, _defineProperty2.default)(CellAddress, "defaultProps", {
   view: 'l'
-};
-CellAddress.propTypes = process.env.NODE_ENV !== "production" ? {
-  /**
-   * Ville
-   */
-  city: _propTypes.default.string,
-
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: _propTypes.default.object,
-
-  /**
-   * Pays
-   */
-  country: _propTypes.default.string,
-
-  /**
-   * Code ISO du pays
-   */
-  isoCountry: _propTypes.default.string,
-
-  /**
-   * Nom du lieu
-   */
-  name: _propTypes.default.string,
-
-  /**
-   * Code postal
-   */
-  postalCode: _propTypes.default.string,
-
-  /**
-   * Numéro et nom de la rue
-   */
-  streetAddress: _propTypes.default.string,
-
-  /**
-   * View (L/M/S)
-   */
-  view: _propTypes.default.oneOf(['l', 'm', 's'])
-} : {};
+});
 
 var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCellAddress'

package/HiCell/CellDate.js

@@ -1,25 +1,27 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+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("@babel/runtime/helpers/classCallCheck"));
+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("@babel/runtime/helpers/createClass"));
+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("@babel/runtime/helpers/possibleConstructorReturn"));
+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("@babel/runtime/helpers/getPrototypeOf"));
+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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+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 _react = _interopRequireDefault(require("react"));
+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 _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
 
 var _moment = _interopRequireDefault(require("moment"));
 
@@ -59,7 +61,7 @@ function (_React$PureComponent) {
     }
 
     _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(CellDate)).call.apply(_getPrototypeOf2, [this].concat(args)));
-    _this.formatLong = 'dddd DD MMMM YYYY HH:mm:ss';
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "formatLong", 'dddd DD MMMM YYYY HH:mm:ss');
     return _this;
   }
 
@@ -94,44 +96,12 @@ function (_React$PureComponent) {
   return CellDate;
 }(_react.default.PureComponent);
 
-CellDate.defaultProps = {
+(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.default.object,
-
-  /**
-   * Date as string
-   */
-  date: _propTypes.default.string,
-
-  /**
-   * Affiche l'heure
-   */
-  displayTime: _propTypes.default.bool,
-
-  /**
-   * Format de la date en vue small (ex: DD/MM/YYYY)
-   * @see https://momentjs.com/docs/#/parsing/string-format/
-   */
-  formatShort: _propTypes.default.string,
-
-  /**
-   * Locale moment
-   */
-  locale: _propTypes.default.string,
-
-  /**
-   * View (L/M/S)
-   */
-  view: _propTypes.default.oneOf(['l', 'm', 's'])
-} : {};
+});
 
 var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCellDate'

package/HiCell/CellIcon.js

@@ -1,25 +1,25 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+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("@babel/runtime/helpers/classCallCheck"));
+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("@babel/runtime/helpers/createClass"));
+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("@babel/runtime/helpers/possibleConstructorReturn"));
+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("@babel/runtime/helpers/getPrototypeOf"));
+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("@babel/runtime/helpers/inherits"));
+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 _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
 
 var _styles = require("@material-ui/core/styles");
 
@@ -117,52 +117,10 @@ function (_React$PureComponent) {
   return CellIcon;
 }(_react.default.PureComponent);
 
-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.default.oneOf(['right']),
-
-  /**
-   * Useful to extend the style applied to components.
-   */
-  classes: _propTypes.default.object,
-
-  /**
-   * Couleur de l'icône
-   */
-  color: _propTypes.default.string,
-
-  /**
-   * Icon name [from material-design-icons](https://materialdesignicons.com/)
-   * used by HiIconBuilder
-   */
-  icon: _propTypes.default.string,
-
-  /**
-   * Label
-   */
-  label: _propTypes.default.string,
-
-  /**
-   * Fonction déclenchée lors du clic
-   */
-  onClick: _propTypes.default.func,
-
-  /**
-   * View (L/M/S)
-   */
-  size: _propTypes.default.number,
-
-  /**
-   * Icon size
-   */
-  view: _propTypes.default.oneOf(['l', 'm', 's'])
-} : {};
+});
 
 var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCellIcon'