@hipay/hipay-material-ui 4.0.1-beta3 → 4.0.1-beta5

package/HiCell/CellHiddenContent.js

@@ -1,21 +1,33 @@
 "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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var useStyles = exports.useStyles = (0, _makeStyles.default)(function (theme) {
+
+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: {
       display: 'flex',
@@ -41,14 +53,18 @@ var useStyles = exports.useStyles = (0, _makeStyles.default)(function (theme) {
     iconDisable: {}
   };
 });
+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", {
@@ -59,23 +75,29 @@ 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 = exports.default = CellHiddenContent;
+
+var _default = CellHiddenContent;
+exports.default = _default;

package/HiCell/CellIcon.js

@@ -1,22 +1,35 @@
 "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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
+
 var _HiIcon = _interopRequireDefault(require("../HiIcon"));
+
 var _HiIconButton = _interopRequireDefault(require("../HiIconButton"));
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var styles = exports.styles = {
+
+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'
   },
@@ -35,29 +48,36 @@ var styles = exports.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 _callSuper(this, CellIcon, arguments);
+    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,
@@ -79,6 +99,7 @@ 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
@@ -97,10 +118,14 @@ var CellIcon = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return CellIcon;
 }(_react.default.PureComponent);
+
 CellIcon.defaultProps = {
   view: 'm',
   color: 'neutral'
 };
-var _default = exports.default = (0, _withStyles.default)(styles, {
+
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellIcon'
-})(CellIcon);
+})(CellIcon);
+
+exports.default = _default;

package/HiCell/CellImage.js

@@ -1,20 +1,31 @@
 "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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var styles = exports.styles = function styles() {
+
+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 {
     img: {
       height: 'auto',
@@ -32,6 +43,9 @@ var styles = exports.styles = function styles() {
     }
   };
 };
+
+exports.styles = styles;
+
 var handleError = function handleError(fallbackImage) {
   return function (e) {
     if (fallbackImage) {
@@ -41,30 +55,35 @@ var handleError = function handleError(fallbackImage) {
     }
   };
 };
-
 /**
  * Cette cellule permet d'afficher une image/logo (24px largeur) et un label (optionnel).
  * En vue large, aucun tooltip n'est affiché
  * En vue small (s) elle affiche uniquement l'image avec une largeur fixe.
  */
+
+
 var CellImage = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(CellImage, _React$PureComponent);
+
+  var _super = _createSuper(CellImage);
+
   function CellImage() {
     (0, _classCallCheck2.default)(this, CellImage);
-    return _callSuper(this, CellImage, arguments);
+    return _super.apply(this, arguments);
   }
+
   (0, _createClass2.default)(CellImage, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-        classes = _this$props.classes,
-        path = _this$props.path,
-        label = _this$props.label,
-        shortLabel = _this$props.shortLabel,
-        view = _this$props.view,
-        size = _this$props.size,
-        fallbackImage = _this$props.fallbackImage,
-        title = _this$props.title;
+          classes = _this$props.classes,
+          path = _this$props.path,
+          label = _this$props.label,
+          shortLabel = _this$props.shortLabel,
+          view = _this$props.view,
+          size = _this$props.size,
+          fallbackImage = _this$props.fallbackImage,
+          title = _this$props.title;
       var displayedLabel = shortLabel && view === 'm' ? shortLabel : label;
       return /*#__PURE__*/_react.default.createElement("div", {
         className: classes.wrapper,
@@ -83,10 +102,14 @@ var CellImage = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return CellImage;
 }(_react.default.PureComponent);
+
 CellImage.defaultProps = {
   size: 24,
   view: 's'
 };
-var _default = exports.default = (0, _withStyles.default)(styles, {
+
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellImage'
-})(CellImage);
+})(CellImage);
+
+exports.default = _default;

package/HiCell/CellNumeric.js

@@ -1,22 +1,35 @@
 "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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
+
 var _helpers = require("../utils/helpers");
+
 var _HiButton = _interopRequireDefault(require("../HiButton"));
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var styles = exports.styles = function styles() {
+
+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 {
     wrapper: {
       textAlign: 'right'
@@ -26,31 +39,39 @@ var styles = exports.styles = function styles() {
     }
   };
 };
-
 /**
  * Cette cellule permet d'afficher un volume ou un montant avec devise
  */
+
+
+exports.styles = styles;
+
 var CellNumeric = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(CellNumeric, _React$PureComponent);
+
+  var _super = _createSuper(CellNumeric);
+
   function CellNumeric() {
     (0, _classCallCheck2.default)(this, CellNumeric);
-    return _callSuper(this, CellNumeric, arguments);
+    return _super.apply(this, arguments);
   }
+
   (0, _createClass2.default)(CellNumeric, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-        classes = _this$props.classes,
-        value = _this$props.value,
-        locale = _this$props.locale,
-        currency = _this$props.currency,
-        view = _this$props.view,
-        precision = _this$props.precision,
-        isButton = _this$props.isButton,
-        onClick = _this$props.onClick,
-        rowId = _this$props.rowId;
+          classes = _this$props.classes,
+          value = _this$props.value,
+          locale = _this$props.locale,
+          currency = _this$props.currency,
+          view = _this$props.view,
+          precision = _this$props.precision,
+          isButton = _this$props.isButton,
+          onClick = _this$props.onClick,
+          rowId = _this$props.rowId;
       var displayedValue = '';
       var title = '';
+
       if (currency) {
         displayedValue = (0, _helpers.formatCurrencyAmount)(value, view, locale, currency, precision);
         title = (0, _helpers.formatCurrencyAmount)(value, 'l', locale, currency);
@@ -58,7 +79,9 @@ var CellNumeric = /*#__PURE__*/function (_React$PureComponent) {
         displayedValue = (0, _helpers.formatNumber)(value, view, locale, precision);
         title = (0, _helpers.formatNumber)(value, 'l', locale, precision);
       }
+
       var content = displayedValue;
+
       if (isButton) {
         content = /*#__PURE__*/_react.default.createElement(_HiButton.default, {
           onClick: onClick(rowId),
@@ -67,6 +90,7 @@ var CellNumeric = /*#__PURE__*/function (_React$PureComponent) {
           variant: "text"
         }, displayedValue);
       }
+
       return /*#__PURE__*/_react.default.createElement("div", {
         className: classes.wrapper,
         title: title
@@ -75,10 +99,14 @@ var CellNumeric = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return CellNumeric;
 }(_react.default.PureComponent);
+
 CellNumeric.defaultProps = {
   view: 'm',
   locale: 'en'
 };
-var _default = exports.default = (0, _withStyles.default)(styles, {
+
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellNumeric'
-})(CellNumeric);
+})(CellNumeric);
+
+exports.default = _default;

package/HiCell/CellPinToAction.js

@@ -1,21 +1,33 @@
 "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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
+
 var _HiPin = _interopRequireDefault(require("../HiPin"));
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var styles = exports.styles = {
+
+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 = {
   wrapperLeft: {
     maxWidth: '100%',
     display: 'inline-flex'
@@ -27,33 +39,42 @@ var styles = exports.styles = {
     textAlign: 'center'
   }
 };
-
 /**
  * Cette cellule permet d'afficher un pin avec callback (optionnel).
  */
+
+exports.styles = styles;
+
 var _ref = /*#__PURE__*/_react.default.createElement(_HiPin.default, null, "0");
+
 var CellPinToAction = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(CellPinToAction, _React$PureComponent);
+
+  var _super = _createSuper(CellPinToAction);
+
   function CellPinToAction() {
     (0, _classCallCheck2.default)(this, CellPinToAction);
-    return _callSuper(this, CellPinToAction, arguments);
+    return _super.apply(this, arguments);
   }
+
   (0, _createClass2.default)(CellPinToAction, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-        classes = _this$props.classes,
-        onClick = _this$props.onClick,
-        number = _this$props.number,
-        color = _this$props.color,
-        align = _this$props.align;
+          classes = _this$props.classes,
+          onClick = _this$props.onClick,
+          number = _this$props.number,
+          color = _this$props.color,
+          align = _this$props.align;
       if (number === undefined) return '';
       var wrapperClass = classes.wrapperLeft;
+
       if (align === "right") {
         wrapperClass = classes.wrapperRigth;
       } else if (align === "center") {
         wrapperClass = classes.wrapperCenter;
       }
+
       return /*#__PURE__*/_react.default.createElement("div", {
         className: wrapperClass
       }, number === 0 ? _ref : /*#__PURE__*/_react.default.createElement(_HiPin.default, {
@@ -64,10 +85,14 @@ var CellPinToAction = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return CellPinToAction;
 }(_react.default.PureComponent);
+
 CellPinToAction.defaultProps = {
   color: "primary",
   align: "left"
 };
-var _default = exports.default = (0, _withStyles.default)(styles, {
+
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellPin'
-})(CellPinToAction);
+})(CellPinToAction);
+
+exports.default = _default;