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

package/es/HiDatePicker/Overlays/CustomOverlayLayout.js

@@ -1,11 +1,27 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React from 'react';
-import classNames from 'classnames';
-import Paper from '@material-ui/core/Paper';
-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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = function styles(theme) {
   return {
     paper: {
       width: '100%',
@@ -25,14 +41,14 @@ export var styles = function styles(theme) {
       width: '200%',
       left: '-100%'
     },
-    overlay: _objectSpread({
+    overlay: (0, _objectSpread2.default)({
       padding: 0,
       height: 325,
       textAlign: 'center'
     }, theme.typography.body2, {
       fontWeight: theme.typography.fontWeightRegular
     }),
-    header: _objectSpread({
+    header: (0, _objectSpread2.default)({
       display: 'block',
       height: 40,
       textAlign: 'center',
@@ -56,6 +72,8 @@ export var styles = function styles(theme) {
   };
 };
 
+exports.styles = styles;
+
 var CustomOverlayLayout = function CustomOverlayLayout(_ref) {
   var _classNames;
 
@@ -66,29 +84,28 @@ var CustomOverlayLayout = function CustomOverlayLayout(_ref) {
       absoluteElement = _ref.absoluteElement,
       side = _ref.side,
       staticPosition = _ref.staticPosition,
-      props = _objectWithoutProperties(_ref, ["classes", "children", "headerElement", "footerElement", "absoluteElement", "side", "staticPosition"]);
-
-  var paperClass = classNames(classes.paper, (_classNames = {}, _defineProperty(_classNames, classes.left, side === 'from'), _defineProperty(_classNames, classes.right, side === 'to'), _defineProperty(_classNames, classes.absolute, staticPosition !== true), _defineProperty(_classNames, classes.relative, staticPosition === true), _classNames));
-
-  var paperProps = _objectSpread({}, props);
-
+      props = (0, _objectWithoutProperties2.default)(_ref, ["classes", "children", "headerElement", "footerElement", "absoluteElement", "side", "staticPosition"]);
+  var paperClass = (0, _classnames.default)(classes.paper, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.left, side === 'from'), (0, _defineProperty2.default)(_classNames, classes.right, side === 'to'), (0, _defineProperty2.default)(_classNames, classes.absolute, staticPosition !== true), (0, _defineProperty2.default)(_classNames, classes.relative, staticPosition === true), _classNames));
+  var paperProps = (0, _objectSpread2.default)({}, props);
   return (// eslint-disable-next-line react/jsx-handler-names
-    React.createElement(Paper, {
+    _react.default.createElement(_Paper.default, {
       className: paperClass,
       onBlur: paperProps.onBlur,
       onFocus: paperProps.onFocus
-    }, React.createElement("div", {
+    }, _react.default.createElement("div", {
       className: classes.overlay
-    }, React.createElement("div", {
+    }, _react.default.createElement("div", {
       className: classes.header
-    }, headerElement), React.createElement("div", {
+    }, headerElement), _react.default.createElement("div", {
       className: classes.body
-    }, children), React.createElement("div", {
+    }, children), _react.default.createElement("div", {
       className: classes.footer
     }, footerElement), absoluteElement))
   );
 };
 
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCustomOverlayLayout'
-})(CustomOverlayLayout);
+})(CustomOverlayLayout);
+
+exports.default = _default;

package/es/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js

@@ -1,11 +1,27 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React from 'react';
-import classNames from 'classnames';
-import Paper from '@material-ui/core/Paper';
-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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = function styles(theme) {
   return {
     paper: {
       width: '100%',
@@ -25,14 +41,14 @@ export var styles = function styles(theme) {
       width: '200%',
       left: '-100%'
     },
-    overlay: _objectSpread({
+    overlay: (0, _objectSpread2.default)({
       padding: 0,
       height: 325,
       textAlign: 'center'
     }, theme.typography.body2, {
       fontWeight: theme.typography.fontWeightRegular
     }),
-    header: _objectSpread({
+    header: (0, _objectSpread2.default)({
       display: 'block',
       height: 40,
       textAlign: 'center',
@@ -50,6 +66,8 @@ export var styles = function styles(theme) {
   };
 };
 
+exports.styles = styles;
+
 var CustomOverlayLayoutWithoutFooter = function CustomOverlayLayoutWithoutFooter(_ref) {
   var _classNames;
 
@@ -60,27 +78,26 @@ var CustomOverlayLayoutWithoutFooter = function CustomOverlayLayoutWithoutFooter
       absoluteElement = _ref.absoluteElement,
       side = _ref.side,
       staticPosition = _ref.staticPosition,
-      props = _objectWithoutProperties(_ref, ["classes", "children", "headerElement", "footerElement", "absoluteElement", "side", "staticPosition"]);
-
-  var paperClass = classNames(classes.paper, (_classNames = {}, _defineProperty(_classNames, classes.left, side === 'from'), _defineProperty(_classNames, classes.right, side === 'to'), _defineProperty(_classNames, classes.absolute, staticPosition !== true), _defineProperty(_classNames, classes.relative, staticPosition === true), _classNames));
-
-  var paperProps = _objectSpread({}, props);
-
+      props = (0, _objectWithoutProperties2.default)(_ref, ["classes", "children", "headerElement", "footerElement", "absoluteElement", "side", "staticPosition"]);
+  var paperClass = (0, _classnames.default)(classes.paper, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.left, side === 'from'), (0, _defineProperty2.default)(_classNames, classes.right, side === 'to'), (0, _defineProperty2.default)(_classNames, classes.absolute, staticPosition !== true), (0, _defineProperty2.default)(_classNames, classes.relative, staticPosition === true), _classNames));
+  var paperProps = (0, _objectSpread2.default)({}, props);
   return (// eslint-disable-next-line react/jsx-handler-names
-    React.createElement(Paper, {
+    _react.default.createElement(_Paper.default, {
       className: paperClass,
       onBlur: paperProps.onBlur,
       onFocus: paperProps.onFocus
-    }, React.createElement("div", {
+    }, _react.default.createElement("div", {
       className: classes.overlay
-    }, React.createElement("div", {
+    }, _react.default.createElement("div", {
       className: classes.header
-    }, headerElement), React.createElement("div", {
+    }, headerElement), _react.default.createElement("div", {
       className: classes.body
     }, children), absoluteElement))
   );
 };
 
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiCustomOverlayLayoutWithoutFooter'
-})(CustomOverlayLayoutWithoutFooter);
+})(CustomOverlayLayoutWithoutFooter);
+
+exports.default = _default;

package/es/HiDatePicker/Overlays/MonthPickerOverlay.js

@@ -1,35 +1,51 @@
-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 CustomOverlayLayoutWithoutFooter from './CustomOverlayLayoutWithoutFooter';
-import ListPicker from '../ListPicker';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _CustomOverlayLayoutWithoutFooter = _interopRequireDefault(require("./CustomOverlayLayoutWithoutFooter"));
+
+var _ListPicker = _interopRequireDefault(require("../ListPicker"));
 
 var MonthPickerOverlay =
 /*#__PURE__*/
 function (_React$Component) {
-  _inherits(MonthPickerOverlay, _React$Component);
+  (0, _inherits2.default)(MonthPickerOverlay, _React$Component);
 
   function MonthPickerOverlay(props) {
     var _this;
 
-    _classCallCheck(this, MonthPickerOverlay);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(MonthPickerOverlay).call(this));
-
-    _defineProperty(_assertThisInitialized(_this), "months", []);
-
-    _this.handleMonthClick = _this.handleMonthClick.bind(_assertThisInitialized(_this));
+    (0, _classCallCheck2.default)(this, MonthPickerOverlay);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(MonthPickerOverlay).call(this));
+    _this.months = [];
+    _this.handleMonthClick = _this.handleMonthClick.bind((0, _assertThisInitialized2.default)(_this));
     _this.months = props.localeUtils ? props.localeUtils.getMonths(props.children.props.locale) : props.children.props.localeUtils.getMonths(props.children.props.locale);
     return _this;
   }
 
-  _createClass(MonthPickerOverlay, [{
+  (0, _createClass2.default)(MonthPickerOverlay, [{
     key: "handleMonthClick",
     value: function handleMonthClick(month) {
       var monthIndex = this.months.indexOf(month);
@@ -46,13 +62,12 @@ function (_React$Component) {
       var _this$props = this.props,
           value = _this$props.value,
           translations = _this$props.translations,
-          props = _objectWithoutProperties(_this$props, ["value", "translations"]);
-
+          props = (0, _objectWithoutProperties2.default)(_this$props, ["value", "translations"]);
       var now = new Date();
       var currentMonth = props.localeUtils ? props.localeUtils.getMonths(props.children.props.locale)[now.getMonth()] : props.children.props.localeUtils.getMonths(props.children.props.locale)[now.getMonth()];
-      return React.createElement(CustomOverlayLayoutWithoutFooter, Object.assign({
+      return _react.default.createElement(_CustomOverlayLayoutWithoutFooter.default, (0, _extends2.default)({
         headerElement: translations.month
-      }, props), React.createElement(ListPicker, {
+      }, props), _react.default.createElement(_ListPicker.default, {
         itemList: this.months,
         onItemClick: this.handleMonthClick,
         selectedItem: currentMonth,
@@ -60,14 +75,13 @@ function (_React$Component) {
       }));
     }
   }]);
-
   return MonthPickerOverlay;
-}(React.Component);
+}(_react.default.Component);
 
-_defineProperty(MonthPickerOverlay, "defaultProps", {
+MonthPickerOverlay.defaultProps = {
   translations: {
     month: 'Month'
   }
-});
-
-export default MonthPickerOverlay;
+};
+var _default = MonthPickerOverlay;
+exports.default = _default;

package/es/HiDatePicker/Overlays/Overlay.js

@@ -1,11 +1,27 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import React from 'react';
-import classNames from 'classnames';
-import Paper from '@material-ui/core/Paper';
-import { withStyles } from '@material-ui/core/styles';
-export var styles = function styles() {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = function styles() {
   return {
     paper: {
       width: '100%',
@@ -31,6 +47,8 @@ export var styles = function styles() {
   };
 };
 
+exports.styles = styles;
+
 var Overlay = function Overlay(_ref) {
   var _classNames;
 
@@ -38,23 +56,22 @@ var Overlay = function Overlay(_ref) {
       children = _ref.children,
       side = _ref.side,
       staticPosition = _ref.staticPosition,
-      props = _objectWithoutProperties(_ref, ["classes", "children", "side", "staticPosition"]);
-
-  var paperClass = classNames(classes.paper, (_classNames = {}, _defineProperty(_classNames, classes.left, side === 'from'), _defineProperty(_classNames, classes.right, side === 'to'), _defineProperty(_classNames, classes.absolute, staticPosition !== true), _defineProperty(_classNames, classes.relative, staticPosition === true), _classNames));
-
-  var paperProps = _objectSpread({}, props);
-
+      props = (0, _objectWithoutProperties2.default)(_ref, ["classes", "children", "side", "staticPosition"]);
+  var paperClass = (0, _classnames.default)(classes.paper, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.left, side === 'from'), (0, _defineProperty2.default)(_classNames, classes.right, side === 'to'), (0, _defineProperty2.default)(_classNames, classes.absolute, staticPosition !== true), (0, _defineProperty2.default)(_classNames, classes.relative, staticPosition === true), _classNames));
+  var paperProps = (0, _objectSpread2.default)({}, props);
   return (// eslint-disable-next-line react/jsx-handler-names
-    React.createElement(Paper, {
+    _react.default.createElement(_Paper.default, {
       onBlur: paperProps.onBlur,
       onFocus: paperProps.onFocus,
       className: paperClass
-    }, React.createElement("div", {
+    }, _react.default.createElement("div", {
       className: classes.overlay
     }, children))
   );
 };
 
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiOverlay'
-})(Overlay);
+})(Overlay);
+
+exports.default = _default;

package/es/HiDatePicker/Overlays/TimePickerOverlay.js

@@ -1,33 +1,57 @@
-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 _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React from 'react';
-import IconButton from '@material-ui/core/IconButton';
-import CalendarIcon from 'mdi-material-ui/Calendar';
-import CustomOverlayLayout from './CustomOverlayLayout';
-import ListPicker from '../ListPicker';
-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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
+var _Calendar = _interopRequireDefault(require("mdi-material-ui/Calendar"));
+
+var _CustomOverlayLayout = _interopRequireDefault(require("./CustomOverlayLayout"));
+
+var _ListPicker = _interopRequireDefault(require("../ListPicker"));
+
+var _styles = require("@material-ui/core/styles");
+
+var styles = function styles(theme) {
   return {
     paper: {
       position: 'absolute',
       width: '100%',
       zIndex: 10
     },
-    overlay: _objectSpread({
+    overlay: (0, _objectSpread2.default)({
       padding: 0,
       height: 325,
       textAlign: 'center'
     }, theme.typography.body2, {
       fontWeight: theme.typography.fontWeightRegular
     }),
-    header: _objectSpread({
+    header: (0, _objectSpread2.default)({
       display: 'block',
       height: 40,
       textAlign: 'center',
@@ -95,28 +119,28 @@ export var styles = function styles(theme) {
   };
 };
 
+exports.styles = styles;
+
+var _ref = _react.default.createElement(_Calendar.default, null);
+
 var TimePickerOverlay =
 /*#__PURE__*/
 function (_React$Component) {
-  _inherits(TimePickerOverlay, _React$Component);
+  (0, _inherits2.default)(TimePickerOverlay, _React$Component);
 
   function TimePickerOverlay(props) {
     var _this;
 
-    _classCallCheck(this, TimePickerOverlay);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(TimePickerOverlay).call(this, props));
-
-    _defineProperty(_assertThisInitialized(_this), "hours", Array.from(Array(24).keys()));
-
-    _defineProperty(_assertThisInitialized(_this), "minutes", Array.from(Array(60).keys()));
-
-    _this.handleHourClick = _this.handleHourClick.bind(_assertThisInitialized(_this));
-    _this.handleMinuteClick = _this.handleMinuteClick.bind(_assertThisInitialized(_this));
+    (0, _classCallCheck2.default)(this, TimePickerOverlay);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(TimePickerOverlay).call(this, props));
+    _this.hours = Array.from(Array(24).keys());
+    _this.minutes = Array.from(Array(60).keys());
+    _this.handleHourClick = _this.handleHourClick.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleMinuteClick = _this.handleMinuteClick.bind((0, _assertThisInitialized2.default)(_this));
     return _this;
   }
 
-  _createClass(TimePickerOverlay, [{
+  (0, _createClass2.default)(TimePickerOverlay, [{
     key: "handleHourClick",
     value: function handleHourClick(hour) {
       if (this.props.onChange) {
@@ -142,50 +166,50 @@ function (_React$Component) {
           onCalendarClick = _this$props.onCalendarClick,
           translations = _this$props.translations,
           value = _this$props.value,
-          props = _objectWithoutProperties(_this$props, ["classes", "onCalendarClick", "translations", "value"]);
-
+          props = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "onCalendarClick", "translations", "value"]);
       var hour = value ? value.getHours() : 0;
       var minute = value ? value.getMinutes() : 0;
-      return React.createElement(CustomOverlayLayout, Object.assign({
-        headerElement: React.createElement("div", {
+      return _react.default.createElement(_CustomOverlayLayout.default, (0, _extends2.default)({
+        headerElement: _react.default.createElement("div", {
           className: classes.titles
-        }, React.createElement("div", {
+        }, _react.default.createElement("div", {
           className: classes.timeTitle
-        }, translations.hour), React.createElement("div", {
+        }, translations.hour), _react.default.createElement("div", {
           className: classes.timeTitle
         }, translations.minute)),
-        absoluteElement: React.createElement(IconButton, {
+        absoluteElement: _react.default.createElement(_IconButton.default, {
           className: classes.clockIconButton,
           onClick: function onClick() {
             return onCalendarClick();
           }
-        }, React.createElement(CalendarIcon, null))
-      }, props), React.createElement("div", {
+        }, _ref)
+      }, props), _react.default.createElement("div", {
         className: classes.column
-      }, React.createElement(ListPicker, {
+      }, _react.default.createElement(_ListPicker.default, {
         itemList: this.hours,
         onItemClick: this.handleHourClick,
         selectedItem: hour
-      })), React.createElement("div", {
+      })), _react.default.createElement("div", {
         className: classes.column
-      }, React.createElement(ListPicker, {
+      }, _react.default.createElement(_ListPicker.default, {
         itemList: this.minutes,
         onItemClick: this.handleMinuteClick,
         selectedItem: minute
       })));
     }
   }]);
-
   return TimePickerOverlay;
-}(React.Component);
+}(_react.default.Component);
 
-_defineProperty(TimePickerOverlay, "defaultProps", {
+TimePickerOverlay.defaultProps = {
   translations: {
     hour: 'Hour',
     minute: 'Minute'
   }
-});
+};
 
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   name: 'HmuiTimePickerOverlay'
-})(TimePickerOverlay);
+})(TimePickerOverlay);
+
+exports.default = _default;