@hipay/hipay-material-ui 2.3.1-rc4 → 2.3.1-rc5

package/es/HiDatePicker/HiDateRangeSelector.js

@@ -1,20 +1,49 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React from 'react';
-import moment from 'moment-timezone';
-import { findDOMNode } from 'react-dom';
-import { withStyles } from '@material-ui/core/styles';
-import HiSelectField from '../HiSelect/HiSelectField';
-import HiDateRangePicker from './HiDateRangePicker';
-import HiFormControl from '../HiForm/HiFormControl';
-import { isMobile } from 'react-device-detect';
-export function findSeparator(format) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findSeparator = findSeparator;
+exports.yearAndMonth = yearAndMonth;
+exports.yearAndQuarter = yearAndQuarter;
+exports.buildDateRangeOptionByKey = buildDateRangeOptionByKey;
+exports.default = exports.styles = void 0;
+
+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 _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 _momentTimezone = _interopRequireDefault(require("moment-timezone"));
+
+var _reactDom = require("react-dom");
+
+var _styles = require("@material-ui/core/styles");
+
+var _HiSelectField = _interopRequireDefault(require("../HiSelect/HiSelectField"));
+
+var _HiDateRangePicker = _interopRequireDefault(require("./HiDateRangePicker"));
+
+var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
+
+var _reactDeviceDetect = require("react-device-detect");
+
+function findSeparator(format) {
   var str = '';
 
   if (format.search('[/]') >= 0) {
@@ -27,7 +56,8 @@ export function findSeparator(format) {
 
   return str;
 }
-export function yearAndMonth(format, date) {
+
+function yearAndMonth(format, date) {
   var findY = function findY(el) {
     return el.toUpperCase().search('Y') >= 0;
   };
@@ -42,7 +72,8 @@ export function yearAndMonth(format, date) {
   var indexM = split.findIndex(findM);
   return indexY < indexM ? date.format(split[indexY] + s + split[indexM]) : date.format(split[indexM] + s + split[indexY]);
 }
-export function yearAndQuarter(format, date, t) {
+
+function yearAndQuarter(format, date, t) {
   var findY = function findY(el) {
     return el.toUpperCase().search('Y') >= 0;
   };
@@ -57,13 +88,15 @@ export function yearAndQuarter(format, date, t) {
   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]));
 }
-export function buildDateRangeOptionByKey(key, t, format, timezoneName) {
+
+function buildDateRangeOptionByKey(key, t, format, timezoneName) {
   var from;
   var label;
   var info;
   var to;
   var type;
-  moment.updateLocale('en', {
+
+  _momentTimezone.default.updateLocale('en', {
     week: {
       dow: 1
     }
@@ -72,71 +105,71 @@ export function buildDateRangeOptionByKey(key, t, format, timezoneName) {
   switch (key) {
     case 'custom':
       label = t.custom_period;
-      from = moment().tz(timezoneName).subtract(15, 'day').startOf('day');
-      to = moment().tz(timezoneName).endOf('day');
+      from = (0, _momentTimezone.default)().tz(timezoneName).subtract(15, 'day').startOf('day');
+      to = (0, _momentTimezone.default)().tz(timezoneName).endOf('day');
       type = 'primary-highlight';
       break;
 
     case 'cd':
       label = t.today;
-      from = moment().tz(timezoneName).startOf('day');
-      to = moment().tz(timezoneName).endOf('day');
+      from = (0, _momentTimezone.default)().tz(timezoneName).startOf('day');
+      to = (0, _momentTimezone.default)().tz(timezoneName).endOf('day');
       info = "".concat(from.format(format));
       break;
 
     case 'pd':
       label = t.yesterday;
-      from = moment().tz(timezoneName).subtract(1, 'day').startOf('day');
-      to = moment().tz(timezoneName).subtract(1, 'day').endOf('day');
+      from = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'day').startOf('day');
+      to = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'day').endOf('day');
       info = "".concat(from.format(format));
       break;
 
     case 'cw':
       label = t.current_week;
-      from = moment().tz(timezoneName).startOf('week');
-      to = moment().tz(timezoneName);
+      from = (0, _momentTimezone.default)().tz(timezoneName).startOf('week');
+      to = (0, _momentTimezone.default)().tz(timezoneName);
       info = "".concat(t.short_week).concat(from.format('w'), ", \n ").concat(from.format(format), " ").concat(t.to_now);
       break;
 
     case 'pw':
       label = t.previous_week;
-      from = moment().tz(timezoneName).subtract(1, 'week').startOf('week');
-      to = moment().tz(timezoneName).subtract(1, 'week').endOf('week');
+      from = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'week').startOf('week');
+      to = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'week').endOf('week');
       info = "".concat(t.short_week).concat(from.format('w'), ", ").concat(from.format(format), " ").concat(t.to, " ").concat(to.format(format));
       break;
 
     case 'cm':
       label = t.current_month;
-      from = moment().tz(timezoneName).startOf('month');
-      to = moment().tz(timezoneName);
+      from = (0, _momentTimezone.default)().tz(timezoneName).startOf('month');
+      to = (0, _momentTimezone.default)().tz(timezoneName);
       info = "".concat(from.format(format), " ").concat(t.to_now, ", ").concat(to.diff(from, 'days') + 1, " ").concat(t.days);
       break;
 
     case 'pm':
       label = t.previous_month;
-      from = moment().tz(timezoneName).subtract(1, 'month').startOf('month');
-      to = moment().tz(timezoneName).subtract(1, 'month').endOf('month');
+      from = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'month').startOf('month');
+      to = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'month').endOf('month');
       info = "".concat(yearAndMonth(format, from), ", ").concat(from.daysInMonth(), " ").concat(t.days);
       break;
 
     case 'cq':
       label = t.current_quarter;
-      from = moment().tz(timezoneName).startOf('quarter');
-      to = moment().tz(timezoneName);
+      from = (0, _momentTimezone.default)().tz(timezoneName).startOf('quarter');
+      to = (0, _momentTimezone.default)().tz(timezoneName);
       info = "".concat(yearAndQuarter(format, from, t), ", ").concat(from.format(format), " ").concat(t.to_now, ", ").concat(to.diff(from, 'days') + 1, " ").concat(t.days);
       break;
 
     case 'pq':
       label = t.previous_quarter;
-      from = moment().tz(timezoneName).subtract(1, 'quarter').startOf('quarter');
-      to = moment().tz(timezoneName).subtract(1, 'quarter').endOf('quarter');
+      from = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'quarter').startOf('quarter');
+      to = (0, _momentTimezone.default)().tz(timezoneName).subtract(1, 'quarter').endOf('quarter');
       info = "".concat(yearAndQuarter(format, from, t), ", ").concat(to.diff(from, 'days') + 1, " ").concat(t.days);
       break;
 
     case 'cy':
       label = t.current_year;
-      from = moment().tz(timezoneName).startOf('year');
-      to = moment().tz(timezoneName);
+      from = (0, _momentTimezone.default)().tz(timezoneName).startOf('year');
+      to = (0, _momentTimezone.default)().tz(timezoneName);
       info = "".concat(from.format(format), " ").concat(t.to_now, ", ").concat(to.diff(from, 'days') + 1, " ").concat(t.days);
       break;
 
@@ -153,7 +186,8 @@ export function buildDateRangeOptionByKey(key, t, format, timezoneName) {
     type: type
   };
 }
-export var styles = function styles() {
+
+var styles = function styles() {
   return {
     root: {
       maxWidth: 500,
@@ -195,43 +229,43 @@ export var styles = function styles() {
   };
 };
 
+exports.styles = styles;
+
 var HiDateRangeSelector =
 /*#__PURE__*/
 function (_React$Component) {
-  _inherits(HiDateRangeSelector, _React$Component);
+  (0, _inherits2.default)(HiDateRangeSelector, _React$Component);
 
   function HiDateRangeSelector(props) {
     var _this;
 
-    _classCallCheck(this, HiDateRangeSelector);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(HiDateRangeSelector).call(this));
-
-    _defineProperty(_assertThisInitialized(_this), "options", []);
+    (0, _classCallCheck2.default)(this, HiDateRangeSelector);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiDateRangeSelector).call(this));
+    _this.options = [];
 
-    _defineProperty(_assertThisInitialized(_this), "handleBlur", function (event) {
+    _this.handleBlur = function (event) {
       if (event instanceof Object && _this.props.onblur) {
         _this.props.onBlur(event);
       }
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleReset", function (name) {
+    _this.handleReset = function (name) {
       _this.props.onChange(name, undefined);
 
       _this.props.onChange("".concat(name, "Error"), undefined);
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleSelectChange", function (name) {
+    _this.handleSelectChange = function (name) {
       return function (event, value) {
         _this.setState(function (prevState) {
           var _ref;
 
-          return _ref = {}, _defineProperty(_ref, name, value), _defineProperty(_ref, "key", prevState.key === 1 ? 2 : 1), _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, props.timezoneName);
@@ -243,12 +277,12 @@ function (_React$Component) {
     return _this;
   }
 
-  _createClass(HiDateRangeSelector, [{
+  (0, _createClass2.default)(HiDateRangeSelector, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.container) {
         this.setState({
-          containerWidth: findDOMNode(this.container).clientWidth - 5
+          containerWidth: (0, _reactDom.findDOMNode)(this.container).clientWidth - 5
         });
       }
     }
@@ -312,15 +346,14 @@ function (_React$Component) {
           classes = _this$props.classes,
           selectProps = _this$props.selectProps,
           staticPosition = _this$props.staticPosition,
-          props = _objectWithoutProperties(_this$props, ["disabled", "enableTime", "errorText", "fromError", "toError", "helperIcon", "helperText", "idRange", "idSelect", "minimumDate", "label", "from", "onChange", "required", "to", "translations", "classes", "selectProps", "staticPosition"]);
-
+          props = (0, _objectWithoutProperties2.default)(_this$props, ["disabled", "enableTime", "errorText", "fromError", "toError", "helperIcon", "helperText", "idRange", "idSelect", "minimumDate", "label", "from", "onChange", "required", "to", "translations", "classes", "selectProps", "staticPosition"]);
       var _this$state = this.state,
           selectedPreset = _this$state.selectedPreset,
           containerWidth = _this$state.containerWidth;
       var hiSelectableListProps = {
         hideCheckbox: true
       };
-      return React.createElement(HiFormControl, {
+      return _react.default.createElement(_HiFormControl.default, {
         disabled: disabled,
         helperIcon: helperIcon,
         helperText: helperText,
@@ -330,7 +363,7 @@ function (_React$Component) {
         InputLabelProps: {
           className: classes.formControlLabel
         }
-      }, React.createElement("div", {
+      }, _react.default.createElement("div", {
         className: classes.root,
         style: containerWidth < 364 ? {
           flexDirection: 'column'
@@ -338,14 +371,14 @@ function (_React$Component) {
         ref: function ref(container) {
           _this3.container = container;
         }
-      }, React.createElement("div", {
+      }, _react.default.createElement("div", {
         className: classes.select,
         style: containerWidth < 364 ? {
           minWidth: '100%',
           paddingBottom: 8,
           paddingRight: 0
         } : {}
-      }, React.createElement(HiSelectField, Object.assign({
+      }, _react.default.createElement(_HiSelectField.default, (0, _extends2.default)({
         disabled: disabled,
         id: idSelect,
         label: label,
@@ -360,12 +393,12 @@ function (_React$Component) {
         containerWidth: this.state.containerWidth,
         staticPosition: staticPosition,
         onSubmit: this.props.onSubmit
-      }, selectProps))), (isMobile && selectedPreset === 'custom' || !isMobile) && React.createElement("div", {
+      }, selectProps))), (_reactDeviceDetect.isMobile && selectedPreset === 'custom' || !_reactDeviceDetect.isMobile) && _react.default.createElement("div", {
         className: classes.input,
         style: containerWidth < 364 ? {
           width: '100%'
         } : {}
-      }, React.createElement(HiDateRangePicker, Object.assign({
+      }, _react.default.createElement(_HiDateRangePicker.default, (0, _extends2.default)({
         key: this.state.key,
         classes: {
           root: classes.dateRangePicker
@@ -399,11 +432,10 @@ function (_React$Component) {
       return null;
     }
   }]);
-
   return HiDateRangeSelector;
-}(React.Component);
+}(_react.default.Component);
 
-_defineProperty(HiDateRangeSelector, "defaultProps", {
+HiDateRangeSelector.defaultProps = {
   availableOptionKeys: ['cd', 'pd', 'cw', 'pw', 'cm', 'pm', 'cq', 'pq', 'cy', 'custom'],
   enableTime: false,
   returnSelectValue: false,
@@ -444,8 +476,10 @@ _defineProperty(HiDateRangeSelector, "defaultProps", {
     missing_date_from: 'Missing date from',
     missing_date_to: 'Missing date to'
   }
-});
+};
 
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiHiDateRangeSelector'
-})(HiDateRangeSelector);
+})(HiDateRangeSelector);
+
+exports.default = _default;

package/es/HiDatePicker/ListPicker.js

@@ -1,17 +1,37 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React from 'react';
-import classNames from 'classnames';
-import { Scrollbars } from 'react-custom-scrollbars';
-import MenuList from '@material-ui/core/MenuList';
-import MenuItem from '@material-ui/core/MenuItem';
-import { withStyles } from '@material-ui/core/styles';
-export var styles = function styles(theme) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = 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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _reactCustomScrollbars = require("react-custom-scrollbars");
+
+var _MenuList = _interopRequireDefault(require("@material-ui/core/MenuList"));
+
+var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = function styles(theme) {
   return {
     itemRoot: {
       '&:hover': {
@@ -31,32 +51,31 @@ export var styles = function styles(theme) {
   };
 };
 
+exports.styles = styles;
+
 var ListPicker =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  _inherits(ListPicker, _React$PureComponent);
+  (0, _inherits2.default)(ListPicker, _React$PureComponent);
 
   function ListPicker() {
     var _getPrototypeOf2;
 
     var _this;
 
-    _classCallCheck(this, ListPicker);
+    (0, _classCallCheck2.default)(this, ListPicker);
 
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(ListPicker)).call.apply(_getPrototypeOf2, [this].concat(args)));
-
-    _defineProperty(_assertThisInitialized(_this), "scrollbars", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "position", void 0);
-
+    _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(ListPicker)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this.scrollbars = void 0;
+    _this.position = void 0;
     return _this;
   }
 
-  _createClass(ListPicker, [{
+  (0, _createClass2.default)(ListPicker, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.position && this.scrollbars) {
@@ -78,14 +97,14 @@ function (_React$PureComponent) {
           type = _this$props.type;
       this.position = itemList.indexOf(selectedItem);
       var now = new Date();
-      return React.createElement(Scrollbars, {
+      return _react.default.createElement(_reactCustomScrollbars.Scrollbars, {
         autoHide: true,
         ref: function ref(_ref) {
           _this2.scrollbars = _ref;
         }
-      }, React.createElement(MenuList, null, itemList.map(function (item, index) {
-        var labelClass = classNames(classes.itemCentered, _defineProperty({}, classes.currentDateItem, type === 'year' && now.getFullYear() === item || type === 'month' && now.getMonth() === index));
-        return React.createElement(MenuItem, {
+      }, _react.default.createElement(_MenuList.default, null, itemList.map(function (item, index) {
+        var labelClass = (0, _classnames.default)(classes.itemCentered, (0, _defineProperty2.default)({}, classes.currentDateItem, type === 'year' && now.getFullYear() === item || type === 'month' && now.getMonth() === index));
+        return _react.default.createElement(_MenuItem.default, {
           key: "item-".concat(item),
           classes: {
             root: classes.itemRoot,
@@ -95,20 +114,21 @@ function (_React$PureComponent) {
             return onItemClick(item);
           },
           selected: item === selectedItem
-        }, React.createElement("span", {
+        }, _react.default.createElement("span", {
           className: labelClass
         }, item));
       })));
     }
   }]);
-
   return ListPicker;
-}(React.PureComponent);
+}(_react.default.PureComponent);
 
-_defineProperty(ListPicker, "defaultProps", {
+ListPicker.defaultProps = {
   initAtMiddleScroll: true
-});
+};
 
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiListPicker'
-})(ListPicker);
+})(ListPicker);
+
+exports.default = _default;

package/es/HiDatePicker/NavBar.js

@@ -1,11 +1,27 @@
-import React from 'react';
-import classNames from 'classnames';
-import IconButton from '@material-ui/core/IconButton';
-import ChevronLeftIcon from '@material-ui/icons/ChevronLeft';
-import ChevronRightIcon from '@material-ui/icons/ChevronRight';
-import AccessTime from '@material-ui/icons/AccessTime';
-import { withStyles } from '@material-ui/core/styles';
-export var styles = function styles(theme) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
+var _ChevronLeft = _interopRequireDefault(require("@material-ui/icons/ChevronLeft"));
+
+var _ChevronRight = _interopRequireDefault(require("@material-ui/icons/ChevronRight"));
+
+var _AccessTime = _interopRequireDefault(require("@material-ui/icons/AccessTime"));
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = function styles(theme) {
   return {
     root: {
       width: '100%',
@@ -34,6 +50,14 @@ export var styles = function styles(theme) {
   };
 };
 
+exports.styles = styles;
+
+var _ref2 = _react.default.createElement(_ChevronLeft.default, null);
+
+var _ref3 = _react.default.createElement(_ChevronRight.default, null);
+
+var _ref4 = _react.default.createElement(_AccessTime.default, null);
+
 var NavBar = function NavBar(_ref) {
   var classes = _ref.classes,
       _ref$locale = _ref.locale,
@@ -48,32 +72,35 @@ var NavBar = function NavBar(_ref) {
   var months = localeUtils.getMonths(locale);
   var prev = "".concat(months[previousMonth.getMonth()], " ").concat(previousMonth.getFullYear());
   var next = "".concat(months[nextMonth.getMonth()], " ").concat(nextMonth.getFullYear());
-  return React.createElement("div", {
+  return _react.default.createElement("div", {
     className: classes.root
-  }, React.createElement(IconButton, {
-    className: classNames(classes.button, classes.left),
+  }, _react.default.createElement(_IconButton.default, {
+    className: (0, _classnames.default)(classes.button, classes.left),
     onClick: function onClick() {
       return onPreviousClick();
     },
     title: prev
-  }, React.createElement(ChevronLeftIcon, null)), React.createElement(IconButton, {
-    className: classNames(classes.button, classes.right),
+  }, _ref2), _react.default.createElement(_IconButton.default, {
+    className: (0, _classnames.default)(classes.button, classes.right),
     onClick: function onClick() {
       return onNextClick();
     },
     title: next
-  }, React.createElement(ChevronRightIcon, null)), showClockButton && React.createElement(IconButton, {
-    className: classNames(classes.button, classes.bottomLeft),
+  }, _ref3), showClockButton && _react.default.createElement(_IconButton.default, {
+    className: (0, _classnames.default)(classes.button, classes.bottomLeft),
     onClick: function onClick() {
       return onClockClick();
     }
-  }, React.createElement(AccessTime, null)));
+  }, _ref4));
 };
 
 NavBar.defaultProps = {
   showClockButton: false
 };
-export default withStyles(styles, {
+
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiNavBar'
-})(NavBar);
+})(NavBar);
+
+exports.default = _default;