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

package/es/HiDatePicker/HiDateRangeSelector.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,29 +12,52 @@ exports.findSeparator = findSeparator;
 exports.styles = void 0;
 exports.yearAndMonth = yearAndMonth;
 exports.yearAndQuarter = yearAndQuarter;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
 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 _reactDom = require("react-dom");
+
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
+
 var _HiSelectField = _interopRequireDefault(require("../HiSelect/HiSelectField"));
+
 var _HiDateRangePicker = _interopRequireDefault(require("./HiDateRangePicker"));
+
 var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
+
 var _reactDeviceDetect = require("react-device-detect");
+
 var _Calendar = _interopRequireDefault(require("mdi-material-ui/Calendar"));
+
 var _CalendarBlank = _interopRequireDefault(require("mdi-material-ui/CalendarBlank"));
+
 var _CalendarArrowRight = _interopRequireDefault(require("mdi-material-ui/CalendarArrowRight"));
+
 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; } }
+
 function findSeparator(format) {
   var str = '';
+
   if (format.search('[/]') >= 0) {
     str = '/';
   } else if (format.search('[-]') >= 0) {
@@ -41,87 +65,100 @@ function findSeparator(format) {
   } else if (format.search('[.]') >= 0) {
     str = '.';
   }
+
   return str;
 }
+
 function yearAndMonth(format, date) {
   var findY = function findY(el) {
     return el.toUpperCase().search('Y') >= 0;
   };
+
   var findM = function findM(el) {
     return el.toUpperCase().search('M') >= 0;
   };
+
   var s = findSeparator(format);
   var split = format.split(s);
   var indexY = split.findIndex(findY);
   var indexM = split.findIndex(findM);
   return indexY < indexM ? date.format(split[indexY] + s + split[indexM]) : date.format(split[indexM] + s + split[indexY]);
 }
+
 function yearAndQuarter(format, date, t) {
   var findY = function findY(el) {
     return el.toUpperCase().search('Y') >= 0;
   };
+
   var findM = function findM(el) {
     return el.toUpperCase().search('M') >= 0;
   };
+
   var s = findSeparator(format);
   var split = format.split(s);
   var indexY = split.findIndex(findY);
   var indexM = split.findIndex(findM);
   return indexY < indexM ? date.format("".concat(split[indexY]).concat(s, "[").concat(t.short_quarter, "]Q")) : date.format("[".concat(t.short_quarter, "]Q").concat(s).concat(split[indexY]));
 }
+
 function buildDateRangeInfo(t, from, to, format) {
   var options = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
   var _options$prefix = options.prefix,
-    prefix = _options$prefix === void 0 ? null : _options$prefix,
-    _options$toNow = options.toNow,
-    toNow = _options$toNow === void 0 ? false : _options$toNow,
-    _options$toToday = options.toToday,
-    toToday = _options$toToday === void 0 ? false : _options$toToday,
-    _options$displayDays = options.displayDays,
-    displayDays = _options$displayDays === void 0 ? true : _options$displayDays,
-    _options$displayDayNa = options.displayDayName,
-    displayDayName = _options$displayDayNa === void 0 ? false : _options$displayDayNa; // From
-  var info = "".concat(t.from, " ").concat(from.format(format), " ");
-
-  // Display day name
+      prefix = _options$prefix === void 0 ? null : _options$prefix,
+      _options$toNow = options.toNow,
+      toNow = _options$toNow === void 0 ? false : _options$toNow,
+      _options$toToday = options.toToday,
+      toToday = _options$toToday === void 0 ? false : _options$toToday,
+      _options$displayDays = options.displayDays,
+      displayDays = _options$displayDays === void 0 ? true : _options$displayDays,
+      _options$displayDayNa = options.displayDayName,
+      displayDayName = _options$displayDayNa === void 0 ? false : _options$displayDayNa; // From
+
+  var info = "".concat(t.from, " ").concat(from.format(format), " "); // Display day name
+
   if (displayDayName) {
     info = "".concat(t.from, " ").concat(from.format('dddd'), "  ").concat(from.format(format), " ");
-  }
+  } // To
+
 
-  // To
   if (toToday) {
     info += "".concat(t.to_today);
   } else if (toNow) {
     info += "".concat(t.to_now);
   } else {
     info += "".concat(t.to, " ").concat(to.format(format));
-  }
+  } // Prefix
+
 
-  // Prefix
   switch (prefix) {
     case 'week':
       info = "".concat(t.short_week).concat(from.format('w'), ", ").concat(info);
       break;
+
     case 'quarter':
       info = "".concat(t.short_quarter).concat(from.format('Q'), ", ").concat(info);
       break;
+
     default:
       break;
-  }
+  } // Display number of days
+
 
-  // Display number of days
   if (displayDays) {
     var days = Math.ceil(to.diff(from, 'days', true));
     info = "".concat(days, " ").concat(days === 1 ? t.day : t.days, ", ").concat(info);
   }
+
   return info;
 }
+
 function buildDateRangeOptionByKey(key, t, format) {
   var from;
   var label;
   var info;
   var to;
   var days;
+
   switch (key) {
     case 'custom':
       label = t.custom_period;
@@ -129,18 +166,21 @@ function buildDateRangeOptionByKey(key, t, format) {
       to = (0, _momentTimezone.default)().endOf('day');
       info = t.custom_period_info;
       break;
+
     case 'cd':
       label = t.today;
       from = (0, _momentTimezone.default)().startOf('day');
       to = (0, _momentTimezone.default)();
       info = "".concat(from.format(format));
       break;
+
     case 'pd':
       label = t.yesterday;
       from = (0, _momentTimezone.default)().subtract(1, 'day').startOf('day');
       to = (0, _momentTimezone.default)().subtract(1, 'day').endOf('day');
       info = "".concat(from.format(format));
       break;
+
     case 'cw':
       label = t.current_week;
       from = (0, _momentTimezone.default)().startOf('week');
@@ -151,6 +191,7 @@ function buildDateRangeOptionByKey(key, t, format) {
         displayDays: true
       });
       break;
+
     case 'pw':
       label = t.previous_week;
       from = (0, _momentTimezone.default)().subtract(1, 'week').startOf('week');
@@ -161,6 +202,7 @@ function buildDateRangeOptionByKey(key, t, format) {
         displayDays: true
       });
       break;
+
     case 'cm':
       label = t.current_month;
       from = (0, _momentTimezone.default)().startOf('month');
@@ -171,6 +213,7 @@ function buildDateRangeOptionByKey(key, t, format) {
         displayDays: true
       });
       break;
+
     case 'pm':
       label = t.previous_month;
       from = (0, _momentTimezone.default)().subtract(1, 'month').startOf('month');
@@ -178,6 +221,7 @@ function buildDateRangeOptionByKey(key, t, format) {
       days = from.daysInMonth();
       info = "".concat(days, " ").concat(days === 1 ? t.day : t.days, ", ").concat(yearAndMonth(format, from));
       break;
+
     case 'cq':
       label = t.current_quarter;
       from = (0, _momentTimezone.default)().startOf('quarter');
@@ -188,6 +232,7 @@ function buildDateRangeOptionByKey(key, t, format) {
         displayDays: true
       });
       break;
+
     case 'pq':
       label = t.previous_quarter;
       from = (0, _momentTimezone.default)().subtract(1, 'quarter').startOf('quarter');
@@ -198,6 +243,7 @@ function buildDateRangeOptionByKey(key, t, format) {
         displayDays: true
       });
       break;
+
     case 'cy':
       label = t.current_year;
       from = (0, _momentTimezone.default)().startOf('year');
@@ -208,12 +254,14 @@ function buildDateRangeOptionByKey(key, t, format) {
         displayDays: true
       });
       break;
+
     case '1':
       label = '24h';
       from = (0, _momentTimezone.default)().subtract(1, 'day');
       to = (0, _momentTimezone.default)();
       info = "".concat(t.from, " ").concat(from.format('HH:mm'), " ").concat(t.yesterday.toLowerCase(), " ").concat(t.to_now);
       break;
+
     default:
       if (parseInt(key) > 0) {
         label = "".concat(key, " ").concat(key === 1 ? t.day : t.days);
@@ -227,8 +275,10 @@ function buildDateRangeOptionByKey(key, t, format) {
           displayDayName: true
         });
       }
+
       break;
   }
+
   return {
     id: key,
     from: from,
@@ -237,7 +287,8 @@ function buildDateRangeOptionByKey(key, t, format) {
     to: to
   };
 }
-var styles = exports.styles = function styles(theme) {
+
+var styles = function styles(theme) {
   return {
     root: {
       maxWidth: 500,
@@ -280,37 +331,54 @@ var styles = exports.styles = function styles(theme) {
     }
   };
 };
+
+exports.styles = styles;
 var PRESET_PERIOD_LIST = ['cd', 'pd', 'cw', 'pw', 'cm', 'pm', 'cq', 'pq', 'cy'];
 var SLIDING_PERIOD_LIST = ['1', '7', '30', '365'];
 var CUSTOM_PERIOD_LIST = ['custom'];
+
 var _ref2 = /*#__PURE__*/_react.default.createElement(_CalendarBlank.default, null);
+
 var _ref3 = /*#__PURE__*/_react.default.createElement(_Calendar.default, null);
+
 var _ref4 = /*#__PURE__*/_react.default.createElement(_CalendarArrowRight.default, null);
+
 var HiDateRangeSelector = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(HiDateRangeSelector, _React$Component);
+
   var _super = _createSuper(HiDateRangeSelector);
+
   function HiDateRangeSelector(props) {
     var _this;
+
     (0, _classCallCheck2.default)(this, HiDateRangeSelector);
     _this = _super.call(this, props);
     _this.options = [];
+
     _this.handleBlur = function (event) {
       if (event instanceof Object && _this.props.onblur) {
         _this.props.onBlur(event);
       }
     };
+
     _this.handleReset = function (name) {
       _this.props.onChange(name, undefined);
+
       _this.props.onChange("".concat(name, "Error"), undefined);
     };
+
     _this.handleSelectChange = function (name) {
       return function (event, value) {
         _this.setState(function (prevState) {
-          return (0, _defineProperty2.default)((0, _defineProperty2.default)({}, name, value), "key", prevState.key === 1 ? 2 : 1);
+          var _ref;
+
+          return _ref = {}, (0, _defineProperty2.default)(_ref, name, value), (0, _defineProperty2.default)(_ref, "key", prevState.key === 1 ? 2 : 1), _ref;
         });
+
         _this.updateDates(value);
       };
     };
+
     _this.options = props.availableOptionKeys.map(function (key) {
       return buildDateRangeOptionByKey(key, props.translations, props.format);
     });
@@ -320,6 +388,7 @@ var HiDateRangeSelector = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
+
   (0, _createClass2.default)(HiDateRangeSelector, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -340,12 +409,14 @@ var HiDateRangeSelector = /*#__PURE__*/function (_React$Component) {
       var selectedOption = this.options.find(function (option) {
         return option.id === value;
       });
+
       if (selectedOption) {
         this.props.onChange('from', selectedOption.from.toDate());
         this.props.onChange('to', selectedOption.to.toDate());
         this.props.onChange('fromError', false);
         this.props.onChange('toError', false);
       }
+
       if (this.props.returnSelectValue === true) {
         this.props.onChange('period', value);
       }
@@ -354,8 +425,8 @@ var HiDateRangeSelector = /*#__PURE__*/function (_React$Component) {
     key: "buildOptions",
     value: function buildOptions() {
       var _this$props = this.props,
-        availableOptionKeys = _this$props.availableOptionKeys,
-        translations = _this$props.translations;
+          availableOptionKeys = _this$props.availableOptionKeys,
+          translations = _this$props.translations;
       var selectedPreset = this.state.selectedPreset;
       var options = [];
       var presetOptionsAvailable = availableOptionKeys.filter(function (option) {
@@ -367,6 +438,7 @@ var HiDateRangeSelector = /*#__PURE__*/function (_React$Component) {
       var customOptionsAvailable = availableOptionKeys.filter(function (option) {
         return CUSTOM_PERIOD_LIST.includes(option);
       });
+
       if (customOptionsAvailable.length) {
         options.push({
           id: 'custom_periods_subheader',
@@ -379,6 +451,7 @@ var HiDateRangeSelector = /*#__PURE__*/function (_React$Component) {
           collapseParent: true
         });
       }
+
       if (presetOptionsAvailable.length) {
         options.push({
           id: 'preset_periods_subheader',
@@ -391,6 +464,7 @@ var HiDateRangeSelector = /*#__PURE__*/function (_React$Component) {
           collapseParent: true
         });
       }
+
       if (slidingOptionsAvailable.length) {
         options.push({
           id: 'sliding_periods_subheader',
@@ -403,39 +477,41 @@ var HiDateRangeSelector = /*#__PURE__*/function (_React$Component) {
           collapseParent: true
         });
       }
+
       return options;
     }
   }, {
     key: "render",
     value: function render() {
       var _this2 = this;
+
       var _this$props2 = this.props,
-        availableOptionKeys = _this$props2.availableOptionKeys,
-        disabled = _this$props2.disabled,
-        enableTime = _this$props2.enableTime,
-        errorText = _this$props2.errorText,
-        fromError = _this$props2.fromError,
-        toError = _this$props2.toError,
-        helperIcon = _this$props2.helperIcon,
-        helperText = _this$props2.helperText,
-        idRange = _this$props2.idRange,
-        idSelect = _this$props2.idSelect,
-        minimumDate = _this$props2.minimumDate,
-        disableFutureDays = _this$props2.disableFutureDays,
-        label = _this$props2.label,
-        from = _this$props2.from,
-        onChange = _this$props2.onChange,
-        required = _this$props2.required,
-        to = _this$props2.to,
-        translations = _this$props2.translations,
-        classes = _this$props2.classes,
-        selectProps = _this$props2.selectProps,
-        staticPosition = _this$props2.staticPosition,
-        className = _this$props2.className,
-        props = (0, _objectWithoutProperties2.default)(_this$props2, ["availableOptionKeys", "disabled", "enableTime", "errorText", "fromError", "toError", "helperIcon", "helperText", "idRange", "idSelect", "minimumDate", "disableFutureDays", "label", "from", "onChange", "required", "to", "translations", "classes", "selectProps", "staticPosition", "className"]);
+          availableOptionKeys = _this$props2.availableOptionKeys,
+          disabled = _this$props2.disabled,
+          enableTime = _this$props2.enableTime,
+          errorText = _this$props2.errorText,
+          fromError = _this$props2.fromError,
+          toError = _this$props2.toError,
+          helperIcon = _this$props2.helperIcon,
+          helperText = _this$props2.helperText,
+          idRange = _this$props2.idRange,
+          idSelect = _this$props2.idSelect,
+          minimumDate = _this$props2.minimumDate,
+          disableFutureDays = _this$props2.disableFutureDays,
+          label = _this$props2.label,
+          from = _this$props2.from,
+          onChange = _this$props2.onChange,
+          required = _this$props2.required,
+          to = _this$props2.to,
+          translations = _this$props2.translations,
+          classes = _this$props2.classes,
+          selectProps = _this$props2.selectProps,
+          staticPosition = _this$props2.staticPosition,
+          className = _this$props2.className,
+          props = (0, _objectWithoutProperties2.default)(_this$props2, ["availableOptionKeys", "disabled", "enableTime", "errorText", "fromError", "toError", "helperIcon", "helperText", "idRange", "idSelect", "minimumDate", "disableFutureDays", "label", "from", "onChange", "required", "to", "translations", "classes", "selectProps", "staticPosition", "className"]);
       var _this$state = this.state,
-        selectedPreset = _this$state.selectedPreset,
-        containerWidth = _this$state.containerWidth;
+          selectedPreset = _this$state.selectedPreset,
+          containerWidth = _this$state.containerWidth;
       var hiSelectableListProps = {
         secondaryInline: false,
         hideCheckbox: true,
@@ -521,11 +597,13 @@ var HiDateRangeSelector = /*#__PURE__*/function (_React$Component) {
           selectedPreset: props.defaultPreset
         };
       }
+
       return null;
     }
   }]);
   return HiDateRangeSelector;
 }(_react.default.Component);
+
 HiDateRangeSelector.defaultProps = {
   availableOptionKeys: [].concat(PRESET_PERIOD_LIST, CUSTOM_PERIOD_LIST),
   disableFutureDays: true,
@@ -576,6 +654,9 @@ HiDateRangeSelector.defaultProps = {
     sliding_periods: 'Sliding periods'
   }
 };
-var _default = exports.default = (0, _withStyles.default)(styles, {
+
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiHiDateRangeSelector'
-})(HiDateRangeSelector);
+})(HiDateRangeSelector);
+
+exports.default = _default;

package/es/HiDatePicker/ListPicker.js

@@ -1,25 +1,41 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.default = void 0;
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
 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 _classnames = _interopRequireDefault(require("classnames"));
+
 var _reactCustomScrollbars = require("react-custom-scrollbars");
+
 var _MenuList = _interopRequireDefault(require("@mui/material/MenuList"));
+
 var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+
 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(theme) {
+
+var styles = function styles(theme) {
   return {
     itemRoot: {
       '&:hover': {
@@ -38,20 +54,29 @@ var styles = exports.styles = function styles(theme) {
     }
   };
 };
+
+exports.styles = styles;
+
 var ListPicker = /*#__PURE__*/function (_React$PureComponent) {
   (0, _inherits2.default)(ListPicker, _React$PureComponent);
+
   var _super = _createSuper(ListPicker);
+
   function ListPicker() {
     var _this;
+
     (0, _classCallCheck2.default)(this, ListPicker);
+
     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.scrollbars = void 0;
     _this.position = void 0;
     return _this;
   }
+
   (0, _createClass2.default)(ListPicker, [{
     key: "componentDidMount",
     value: function componentDidMount() {
@@ -65,12 +90,13 @@ var ListPicker = /*#__PURE__*/function (_React$PureComponent) {
     key: "render",
     value: function render() {
       var _this2 = this;
+
       var _this$props = this.props,
-        classes = _this$props.classes,
-        itemList = _this$props.itemList,
-        onItemClick = _this$props.onItemClick,
-        selectedItem = _this$props.selectedItem,
-        type = _this$props.type;
+          classes = _this$props.classes,
+          itemList = _this$props.itemList,
+          onItemClick = _this$props.onItemClick,
+          selectedItem = _this$props.selectedItem,
+          type = _this$props.type;
       this.position = itemList.indexOf(selectedItem);
       var now = new Date();
       return /*#__PURE__*/_react.default.createElement(_reactCustomScrollbars.Scrollbars, {
@@ -98,9 +124,13 @@ var ListPicker = /*#__PURE__*/function (_React$PureComponent) {
   }]);
   return ListPicker;
 }(_react.default.PureComponent);
+
 ListPicker.defaultProps = {
   initAtMiddleScroll: true
 };
-var _default = exports.default = (0, _withStyles.default)(styles, {
+
+var _default = (0, _withStyles.default)(styles, {
   name: 'HmuiListPicker'
-})(ListPicker);
+})(ListPicker);
+
+exports.default = _default;

package/es/HiDatePicker/NavBar.js

@@ -1,18 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.styles = exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+
 var _ChevronLeft = _interopRequireDefault(require("@mui/icons-material/ChevronLeft"));
+
 var _ChevronRight = _interopRequireDefault(require("@mui/icons-material/ChevronRight"));
+
 var _AccessTime = _interopRequireDefault(require("@mui/icons-material/AccessTime"));
+
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
-var styles = exports.styles = function styles(theme) {
+
+var styles = function styles(theme) {
   return {
     root: {
       width: '100%',
@@ -40,20 +49,26 @@ var styles = exports.styles = function styles(theme) {
     }
   };
 };
+
+exports.styles = styles;
+
 var _ref2 = /*#__PURE__*/_react.default.createElement(_ChevronLeft.default, null);
+
 var _ref3 = /*#__PURE__*/_react.default.createElement(_ChevronRight.default, null);
+
 var _ref4 = /*#__PURE__*/_react.default.createElement(_AccessTime.default, null);
+
 var NavBar = function NavBar(_ref) {
   var classes = _ref.classes,
-    _ref$locale = _ref.locale,
-    locale = _ref$locale === void 0 ? 'en_US' : _ref$locale,
-    localeUtils = _ref.localeUtils,
-    nextMonth = _ref.nextMonth,
-    onClockClick = _ref.onClockClick,
-    onPreviousClick = _ref.onPreviousClick,
-    onNextClick = _ref.onNextClick,
-    previousMonth = _ref.previousMonth,
-    showClockButton = _ref.showClockButton;
+      _ref$locale = _ref.locale,
+      locale = _ref$locale === void 0 ? 'en_US' : _ref$locale,
+      localeUtils = _ref.localeUtils,
+      nextMonth = _ref.nextMonth,
+      onClockClick = _ref.onClockClick,
+      onPreviousClick = _ref.onPreviousClick,
+      onNextClick = _ref.onNextClick,
+      previousMonth = _ref.previousMonth,
+      showClockButton = _ref.showClockButton;
   var months = localeUtils.getMonths(locale);
   var prev = "".concat(months[previousMonth.getMonth()], " ").concat(previousMonth.getFullYear());
   var next = "".concat(months[nextMonth.getMonth()], " ").concat(nextMonth.getFullYear());
@@ -81,10 +96,14 @@ var NavBar = function NavBar(_ref) {
     size: "large"
   }, _ref4));
 };
+
 NavBar.defaultProps = {
   showClockButton: false
 };
-var _default = exports.default = (0, _withStyles.default)(styles, {
+
+var _default = (0, _withStyles.default)(styles, {
   hiComponent: true,
   name: 'HmuiNavBar'
-})(NavBar);
+})(NavBar);
+
+exports.default = _default;