@hipay/hipay-material-ui 2.3.0-rcstyleguide-beta3 → 2.3.0-rcstyleguide-beta5

package/es/old_components/HiBreadcrumb/HiStepLabel.js

@@ -0,0 +1,173 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/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 _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
+
+var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
+
+var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _HiStepIcon = _interopRequireDefault(require("./HiStepIcon"));
+
+var _HiPin = _interopRequireDefault(require("../HiPin"));
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      display: 'flex',
+      alignItems: 'center'
+    },
+    hipin: {
+      marginLeft: 0
+    },
+    label: (0, _objectSpread2.default)({
+      display: 'inline-block',
+      marginLeft: 4,
+      fontWeight: theme.typography.fontWeightRegular,
+      color: theme.palette.neutral.main,
+      marginBottom: -4
+    }, theme.typography.b2),
+    labelHover: {
+      '&:hover': {
+        cursor: 'pointer'
+      }
+    },
+    labelContainer: {
+      display: 'flex',
+      alignItems: 'baseline'
+    },
+    largeLabelContainer: {
+      maxWidth: 300
+    },
+    shortLabelContainer: {
+      maxWidth: 160
+    },
+    frontLabel: {
+      fontSize: 18,
+      fontWeight: theme.typography.fontWeightLight,
+      marginLeft: 11
+    },
+    validated: {
+      color: theme.palette.positive.main
+    },
+    refused: {
+      color: theme.palette.negative.main
+    },
+    active: {
+      color: '#00ADE9'
+    },
+    activeStep: {
+      fontWeight: theme.typography.fontWeightMedium
+    },
+    warning: {
+      color: theme.palette.middle.main
+    },
+    light: {
+      color: '#FFFFFF'
+    },
+    pin: {
+      marginLeft: 4
+    },
+    shortEllipsis: {
+      display: 'inline-block',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'pre',
+      width: '100%'
+    },
+    longEllipsis: {
+      display: 'inline-block',
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'pre'
+    }
+  };
+};
+
+exports.styles = styles;
+
+var HiStepLabel =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiStepLabel, _React$PureComponent);
+
+  function HiStepLabel() {
+    (0, _classCallCheck2.default)(this, HiStepLabel);
+    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiStepLabel).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"]);
+      return _react.default.createElement("div", (0, _extends2.default)({
+        className: (0, _classnames.default)(classes.root, classNameProp)
+      }, other), _react.default.createElement(_HiStepIcon.default, {
+        active: active,
+        status: status,
+        type: type
+      }), _react.default.createElement("div", {
+        className: (0, _classnames.default)(classes.labelContainer, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.largeLabelContainer, type !== 'back'), (0, _defineProperty2.default)(_classNames, classes.shortLabelContainer, type === 'back'), _classNames))
+      }, _react.default.createElement("div", {
+        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 && _react.default.createElement("div", {
+        className: classes.pin
+      }, _react.default.createElement(_HiPin.default, {
+        className: classes.hipin,
+        color: "primary"
+      }, notificationNumber))));
+    }
+  }]);
+  return HiStepLabel;
+}(_react.default.PureComponent);
+
+(0, _defineProperty2.default)(HiStepLabel, "defaultProps", {
+  active: false,
+  children: '',
+  notificationNumber: 0,
+  status: 'unreviewed',
+  type: 'back'
+});
+
+var _default = (0, _styles.withStyles)(styles, {
+  hiComponent: true,
+  name: 'HiMuiHiStepLabel',
+  withTheme: true
+})(HiStepLabel);
+
+exports.default = _default;

package/es/old_components/HiBreadcrumb/HiStepper.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/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 _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
+
+var _classCallCheck2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
+
+var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = function styles() {
+  return {
+    root: {
+      width: '100%'
+    }
+  };
+};
+
+exports.styles = styles;
+
+var HiStepper =
+/*#__PURE__*/
+function (_React$PureComponent) {
+  (0, _inherits2.default)(HiStepper, _React$PureComponent);
+
+  function HiStepper() {
+    (0, _classCallCheck2.default)(this, HiStepper);
+    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiStepper).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;
+
+      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,
+          active: activeStep === index
+        }, step.props));
+      });
+      return _react.default.createElement("div", {
+        className: classes.root
+      }, steps);
+    }
+  }]);
+  return HiStepper;
+}(_react.default.PureComponent);
+
+(0, _defineProperty2.default)(HiStepper, "defaultProps", {
+  activeStep: 0
+});
+
+var _default = (0, _styles.withStyles)(styles, {
+  hiComponent: true,
+  name: 'MuiHiStepper'
+})(HiStepper);
+
+exports.default = _default;

package/es/old_components/HiBreadcrumb/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/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 _HiBreadcrumb.default;
+  }
+});
+
+var _HiBreadcrumb = _interopRequireDefault(require("./HiBreadcrumb"));

package/es/old_components/HiButton/HiButton.js

@@ -0,0 +1,92 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.useStyles = void 0;
+
+var _extends2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
+
+var useStyles = (0, _styles.makeStyles)(function (theme) {
+  return {
+    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'
+            }
+          }
+        };
+      }
+
+      return null;
+    },
+    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
+            }
+          }
+        };
+      }
+
+      return null;
+    },
+    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)
+        }
+      };
+    }
+  };
+});
+/**
+ * HiButton
+ * Inherited from Button
+ */
+
+exports.useStyles = useStyles;
+
+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)({
+    classes: classes
+  }, props, {
+    color: color
+  }));
+}
+
+HiButton.defaultProps = {
+  variant: 'text',
+  color: 'neutral'
+};
+var _default = HiButton;
+exports.default = _default;

package/es/old_components/HiButton/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@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/es/old_components/HiCell/CellAddress.js

@@ -0,0 +1,98 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/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("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
+
+var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = function styles() {
+  return {
+    rightEllipsisSpan: {
+      overflow: 'hidden',
+      textOverflow: 'ellipsis',
+      whiteSpace: 'pre',
+      width: '100%'
+    }
+  };
+};
+/**
+ * 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);
+
+  function CellAddress() {
+    (0, _classCallCheck2.default)(this, CellAddress);
+    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(CellAddress).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;
+      var labelItems = (view === 'l' ? [name, city, country] : [name, city, isoCountry]).filter(function (item) {
+        return item !== undefined;
+      });
+      var label = labelItems && labelItems.length > 0 ? labelItems.join(', ') : '';
+      var title = '';
+      if (name) title += "".concat(name, "\n");
+      if (streetAddress) title += "".concat(streetAddress, "\n");
+      if (city && postalCode) title += "".concat(city, ", ").concat(postalCode, "\n");
+      if (city && !postalCode) title += "".concat(city, "\n");
+      if (postalCode && !city) title += "".concat(postalCode, "\n");
+      if (country && isoCountry) title += "".concat(country, ", ").concat(isoCountry);
+      if (country && !isoCountry) title += country;
+      if (isoCountry && !country) title += isoCountry;
+      return _react.default.createElement("div", {
+        className: classes.rightEllipsisSpan,
+        title: title
+      }, label);
+    }
+  }]);
+  return CellAddress;
+}(_react.default.PureComponent);
+
+(0, _defineProperty2.default)(CellAddress, "defaultProps", {
+  view: 'l'
+});
+
+var _default = (0, _styles.withStyles)(styles, {
+  name: 'HmuiCellAddress'
+})(CellAddress);
+
+exports.default = _default;

package/es/old_components/HiCell/CellDate.js

@@ -0,0 +1,110 @@
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hmui-styleguide/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("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf3 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/inherits"));
+
+var _defineProperty2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hmui-styleguide/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _moment = _interopRequireDefault(require("moment"));
+
+require("moment/locale/fr");
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = {
+  rightEllipsisSpan: {
+    display: 'inline-block',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'pre',
+    width: '100%'
+  }
+};
+/**
+ * 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);
+
+  function CellDate() {
+    var _getPrototypeOf2;
+
+    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 = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(CellDate)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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;
+      if (!date) return '';
+      var mdate = (0, _moment.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') {
+        label = displayTime ? mdate.format("".concat(formatShort, " HH:mm:ss")) : mdate.format(formatShort);
+      } else {
+        label = displayTime ? mdate.format("".concat(formatShort.replace('YYYY', 'YY'), " HH:mm:ss")) : mdate.format(formatShort.replace('YYYY', 'YY'));
+      }
+
+      return _react.default.createElement("div", {
+        className: classes.rightEllipsisSpan
+      }, label);
+    }
+  }]);
+  return CellDate;
+}(_react.default.PureComponent);
+
+(0, _defineProperty2.default)(CellDate, "defaultProps", {
+  displayTime: false,
+  formatShort: 'DD/MM/YYYY',
+  locale: 'en',
+  view: 'm'
+});
+
+var _default = (0, _styles.withStyles)(styles, {
+  name: 'HmuiCellDate'
+})(CellDate);
+
+exports.default = _default;