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

package/HiBreadcrumb/HiStepLabel.js

@@ -1,27 +1,45 @@
 "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 _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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
+
 var _HiStepIcon = _interopRequireDefault(require("./HiStepIcon"));
+
 var _HiPin = _interopRequireDefault(require("../HiPin"));
+
 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 = exports.styles = function styles(theme) {
+
+var styles = function styles(theme) {
   return {
     root: {
       display: 'flex',
@@ -92,26 +110,34 @@ var styles = exports.styles = function styles(theme) {
     }
   };
 };
+
+exports.styles = styles;
+
 var HiStepLabel = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(HiStepLabel, _React$PureComponent);
+
   var _super = _createSuper(HiStepLabel);
+
   function HiStepLabel() {
     (0, _classCallCheck2.default)(this, HiStepLabel);
     return _super.apply(this, arguments);
   }
+
   (0, _createClass2.default)(HiStepLabel, [{
     key: "render",
     value: function render() {
+      var _classNames, _classNames2;
+
       var _this$props = this.props,
-        active = _this$props.active,
-        children = _this$props.children,
-        classes = _this$props.classes,
-        classNameProp = _this$props.className,
-        notificationNumber = _this$props.notificationNumber,
-        status = _this$props.status,
-        type = _this$props.type,
-        disableNavigation = _this$props.disableNavigation,
-        other = (0, _objectWithoutProperties2.default)(_this$props, ["active", "children", "classes", "className", "notificationNumber", "status", "type", "disableNavigation"]);
+          active = _this$props.active,
+          children = _this$props.children,
+          classes = _this$props.classes,
+          classNameProp = _this$props.className,
+          notificationNumber = _this$props.notificationNumber,
+          status = _this$props.status,
+          type = _this$props.type,
+          disableNavigation = _this$props.disableNavigation,
+          other = (0, _objectWithoutProperties2.default)(_this$props, ["active", "children", "classes", "className", "notificationNumber", "status", "type", "disableNavigation"]);
       return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
         className: (0, _classnames.default)(classes.root, classNameProp)
       }, other), /*#__PURE__*/_react.default.createElement(_HiStepIcon.default, {
@@ -119,9 +145,9 @@ var HiStepLabel = /*#__PURE__*/function (_React$PureComponent) {
         status: status,
         type: type
       }), /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)(classes.labelContainer, (0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.largeLabelContainer, type !== 'back'), classes.shortLabelContainer, type === 'back'))
+        className: (0, _classnames.default)(classes.labelContainer, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.largeLabelContainer, type !== 'back'), (0, _defineProperty2.default)(_classNames, classes.shortLabelContainer, type === 'back'), _classNames))
       }, /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)(classes.label, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, classes.labelHover, disableNavigation === false), classes.validated, status === 'validated'), classes.refused, status === 'refused'), classes.warning, status === 'warning'), classes.active, status === 'active'), classes.light, type === 'front-light'), classes.activeStep, active), classes.frontLabel, type !== 'back'), classes.shortEllipsis, notificationNumber > 0), classes.longEllipsis, notificationNumber === 0 && type === 'back'))
+        className: (0, _classnames.default)(classes.label, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.labelHover, disableNavigation === false), (0, _defineProperty2.default)(_classNames2, classes.validated, status === 'validated'), (0, _defineProperty2.default)(_classNames2, classes.refused, status === 'refused'), (0, _defineProperty2.default)(_classNames2, classes.warning, status === 'warning'), (0, _defineProperty2.default)(_classNames2, classes.active, status === 'active'), (0, _defineProperty2.default)(_classNames2, classes.light, type === 'front-light'), (0, _defineProperty2.default)(_classNames2, classes.activeStep, active), (0, _defineProperty2.default)(_classNames2, classes.frontLabel, type !== 'back'), (0, _defineProperty2.default)(_classNames2, classes.shortEllipsis, notificationNumber > 0), (0, _defineProperty2.default)(_classNames2, classes.longEllipsis, notificationNumber === 0 && type === 'back'), _classNames2))
       }, children), notificationNumber > 0 && /*#__PURE__*/_react.default.createElement("div", {
         className: classes.pin
       }, /*#__PURE__*/_react.default.createElement(_HiPin.default, {
@@ -132,6 +158,7 @@ var HiStepLabel = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return HiStepLabel;
 }(_react.default.PureComponent);
+
 HiStepLabel.defaultProps = {
   active: false,
   children: '',
@@ -139,8 +166,11 @@ HiStepLabel.defaultProps = {
   status: 'unreviewed',
   type: 'back'
 };
-var _default = exports.default = (0, _withStyles.default)(styles, {
+
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HiMuiHiStepLabel',
   withTheme: true
-})(HiStepLabel);
+})(HiStepLabel);
+
+exports.default = _default;

package/HiBreadcrumb/HiStepper.js

@@ -1,42 +1,62 @@
 "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 = exports.styles = function styles() {
+
+var styles = function styles() {
   return {
     root: {
       width: '100%'
     }
   };
 };
+
+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,
@@ -50,10 +70,14 @@ var HiStepper = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return HiStepper;
 }(_react.default.PureComponent);
+
 HiStepper.defaultProps = {
   activeStep: 0
 };
-var _default = exports.default = (0, _withStyles.default)(styles, {
+
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'MuiHiStepper'
-})(HiStepper);
+})(HiStepper);
+
+exports.default = _default;

package/HiBreadcrumb/index.js

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

package/HiButton/HiButton.js

@@ -1,20 +1,31 @@
 "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(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: {},
     // a style rule
@@ -43,6 +54,7 @@ var useStyles = exports.useStyles = (0, _makeStyles.default)(function (theme) {
           }
         };
       }
+
       return null;
     },
     contained: function contained(props) {
@@ -94,6 +106,7 @@ var useStyles = exports.useStyles = (0, _makeStyles.default)(function (theme) {
           }
         };
       }
+
       return null;
     },
     outlined: function outlined(props) {
@@ -116,41 +129,51 @@ var useStyles = exports.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', '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,
@@ -159,9 +182,11 @@ var HiButton = _react.default.forwardRef(function (props, ref) {
     variant: _variant
   }, otherProps));
 });
+
 HiButton.defaultProps = {
   disableElevation: false,
   variant: 'text',
   color: 'neutral'
 };
-var _default = exports.default = HiButton;
+var _default = HiButton;
+exports.default = _default;

package/HiButton/index.js

@@ -1,9 +1,13 @@
 "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 = exports.default = _HiButton.default;
+
+var _default = _HiButton.default;
+exports.default = _default;

package/HiCell/CellAddress.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 _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 = exports.styles = function styles() {
+
+var styles = function styles() {
   return {
     rightEllipsisSpan: {
       overflow: 'hidden',
@@ -24,32 +35,38 @@ var styles = exports.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;
       });
@@ -71,9 +88,13 @@ var CellAddress = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return CellAddress;
 }(_react.default.PureComponent);
+
 CellAddress.defaultProps = {
   view: 'l'
 };
-var _default = exports.default = (0, _withStyles.default)(styles, {
+
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellAddress'
-})(CellAddress);
+})(CellAddress);
+
+exports.default = _default;

package/HiCell/CellDate.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 _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 = exports.styles = {
+
+var styles = {
   rightEllipsisSpan: {
     display: 'inline-block',
     overflow: 'hidden',
@@ -27,37 +39,46 @@ var styles = exports.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') {
@@ -65,6 +86,7 @@ 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);
@@ -72,12 +94,16 @@ 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 = exports.default = (0, _withStyles.default)(styles, {
+
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiCellDate'
-})(CellDate);
+})(CellDate);
+
+exports.default = _default;

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;