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

package/es/HiDatePicker/ListPicker.js

@@ -1,39 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.styles = void 0;
-
-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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-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) {
+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) {
   return {
     itemRoot: {
       '&:hover': {
@@ -53,31 +31,32 @@ var styles = function styles(theme) {
   };
 };
 
-exports.styles = styles;
-
 var ListPicker =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  (0, _inherits2.default)(ListPicker, _React$PureComponent);
+  _inherits(ListPicker, _React$PureComponent);
 
   function ListPicker() {
     var _getPrototypeOf2;
 
     var _this;
 
-    (0, _classCallCheck2.default)(this, ListPicker);
+    _classCallCheck(this, ListPicker);
 
     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)(ListPicker)).call.apply(_getPrototypeOf2, [this].concat(args)));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "scrollbars", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "position", void 0);
+    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(ListPicker)).call.apply(_getPrototypeOf2, [this].concat(args)));
+
+    _defineProperty(_assertThisInitialized(_this), "scrollbars", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "position", void 0);
+
     return _this;
   }
 
-  (0, _createClass2.default)(ListPicker, [{
+  _createClass(ListPicker, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.position && this.scrollbars) {
@@ -99,14 +78,14 @@ function (_React$PureComponent) {
           type = _this$props.type;
       this.position = itemList.indexOf(selectedItem);
       var now = new Date();
-      return _react.default.createElement(_reactCustomScrollbars.Scrollbars, {
+      return React.createElement(Scrollbars, {
         autoHide: true,
         ref: function ref(_ref) {
           _this2.scrollbars = _ref;
         }
-      }, _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, {
+      }, 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, {
           key: "item-".concat(item),
           classes: {
             root: classes.itemRoot,
@@ -116,21 +95,20 @@ function (_React$PureComponent) {
             return onItemClick(item);
           },
           selected: item === selectedItem
-        }, _react.default.createElement("span", {
+        }, React.createElement("span", {
           className: labelClass
         }, item));
       })));
     }
   }]);
+
   return ListPicker;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
-(0, _defineProperty2.default)(ListPicker, "defaultProps", {
+_defineProperty(ListPicker, "defaultProps", {
   initAtMiddleScroll: true
 });
 
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   name: 'HmuiListPicker'
-})(ListPicker);
-
-exports.default = _default;
+})(ListPicker);

package/es/HiDatePicker/ListPicker.test.js

@@ -0,0 +1,53 @@
+import React from 'react';
+import { assert } from 'chai';
+import { spy } from 'sinon';
+import MenuList from '@material-ui/core/MenuList';
+import MenuItem from '@material-ui/core/MenuItem';
+import { createShallow, createMount } from '../test-utils/index';
+import ListPicker from './ListPicker';
+describe('<ListPicker />', function () {
+  var shallow;
+  var mount;
+  var itemList;
+  before(function () {
+    shallow = createShallow({
+      dive: true
+    });
+    itemList = [1, 2, 3, 4];
+  });
+  beforeEach(function () {
+    mount = createMount();
+  });
+  afterEach(function () {
+    mount.cleanUp();
+  });
+  describe('shallow', function () {
+    it('renders a Scrollable MenuList', function () {
+      var handlerClick = spy();
+      var wrapper = shallow(React.createElement(ListPicker, {
+        itemList: itemList,
+        onItemClick: handlerClick,
+        selectedItem: 2,
+        initAtMiddleScroll: true
+      }));
+      assert.strictEqual(wrapper.name(), 'Scrollbars', 'should render a Scrollbars container');
+      assert.strictEqual(wrapper.dive().find(MenuList).length, 1, 'should include a MenuList');
+      assert.strictEqual(wrapper.dive().find(MenuItem).length, 4, 'should include 4 MenuItem'); // Click on [4] item
+
+      wrapper.dive().find(MenuItem).at(3).props().onClick();
+      assert.strictEqual(handlerClick.calledOnce, true, 'should call onChange callback once');
+      assert.strictEqual(handlerClick.calledWith(4), true, 'should call onChange callback with selected item');
+    });
+  });
+  describe('mount', function () {
+    it('should mount', function () {
+      var wrapper = mount(React.createElement(ListPicker, {
+        itemList: itemList,
+        onItemClick: function onItemClick() {},
+        selectedItem: 2,
+        initAtMiddleScroll: true
+      }));
+      assert.strictEqual(wrapper.name(), 'WithStyles(ListPicker)');
+    });
+  });
+});

package/es/HiDatePicker/NavBar.js

@@ -1,27 +1,11 @@
-"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) {
+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) {
   return {
     root: {
       width: '100%',
@@ -50,14 +34,6 @@ 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,
@@ -72,35 +48,32 @@ 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.default.createElement("div", {
+  return React.createElement("div", {
     className: classes.root
-  }, _react.default.createElement(_IconButton.default, {
-    className: (0, _classnames.default)(classes.button, classes.left),
+  }, React.createElement(IconButton, {
+    className: classNames(classes.button, classes.left),
     onClick: function onClick() {
       return onPreviousClick();
     },
     title: prev
-  }, _ref2), _react.default.createElement(_IconButton.default, {
-    className: (0, _classnames.default)(classes.button, classes.right),
+  }, React.createElement(ChevronLeftIcon, null)), React.createElement(IconButton, {
+    className: classNames(classes.button, classes.right),
     onClick: function onClick() {
       return onNextClick();
     },
     title: next
-  }, _ref3), showClockButton && _react.default.createElement(_IconButton.default, {
-    className: (0, _classnames.default)(classes.button, classes.bottomLeft),
+  }, React.createElement(ChevronRightIcon, null)), showClockButton && React.createElement(IconButton, {
+    className: classNames(classes.button, classes.bottomLeft),
     onClick: function onClick() {
       return onClockClick();
     }
-  }, _ref4));
+  }, React.createElement(AccessTime, null)));
 };
 
 NavBar.defaultProps = {
   showClockButton: false
 };
-
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   hiComponent: true,
   name: 'HmuiNavBar'
-})(NavBar);
-
-exports.default = _default;
+})(NavBar);

package/es/HiDatePicker/NavBar.test.js

@@ -0,0 +1,39 @@
+import React from 'react';
+import { assert } from 'chai';
+import { spy } from 'sinon';
+import MomentLocaleUtils from 'react-day-picker/moment';
+import IconButton from '@material-ui/core/IconButton';
+import { createShallow } from '../test-utils/index';
+import NavBar from './NavBar';
+describe('<NavBar />', function () {
+  var shallow;
+  before(function () {
+    shallow = createShallow({
+      dive: true
+    });
+  });
+  it('renders a Scrollable MenuList', function () {
+    var handlerNextClick = spy();
+    var handlerPreviousClick = spy();
+    var handlerClockClick = spy();
+    var nextMonth = new Date(2018, 3, 1);
+    var prevMonth = new Date(2018, 1, 1);
+    var wrapper = shallow(React.createElement(NavBar, {
+      nextMonth: nextMonth,
+      previousMonth: prevMonth,
+      onNextClick: handlerNextClick,
+      onPreviousClick: handlerPreviousClick,
+      onClockClick: handlerClockClick,
+      showClockButton: true,
+      localeUtils: MomentLocaleUtils
+    }));
+    assert.strictEqual(wrapper.find(IconButton).length, 3, 'should include 3 IconButtons'); // Click on [4] item
+
+    wrapper.find(IconButton).at(0).props().onClick();
+    wrapper.find(IconButton).at(1).props().onClick();
+    wrapper.find(IconButton).at(2).props().onClick();
+    assert.strictEqual(handlerPreviousClick.calledOnce, true, 'should call onPreviousClick callback once');
+    assert.strictEqual(handlerNextClick.calledOnce, true, 'should call onNextClick callback once');
+    assert.strictEqual(handlerClockClick.calledOnce, true, 'should call onClockClick callback once');
+  });
+});

package/es/HiDatePicker/Overlays/CustomOverlayLayout.js

@@ -1,27 +1,11 @@
-"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) {
+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) {
   return {
     paper: {
       width: '100%',
@@ -41,14 +25,14 @@ var styles = function styles(theme) {
       width: '200%',
       left: '-100%'
     },
-    overlay: (0, _objectSpread2.default)({
+    overlay: _objectSpread({
       padding: 0,
       height: 325,
       textAlign: 'center'
     }, theme.typography.body2, {
       fontWeight: theme.typography.fontWeightRegular
     }),
-    header: (0, _objectSpread2.default)({
+    header: _objectSpread({
       display: 'block',
       height: 40,
       textAlign: 'center',
@@ -72,8 +56,6 @@ var styles = function styles(theme) {
   };
 };
 
-exports.styles = styles;
-
 var CustomOverlayLayout = function CustomOverlayLayout(_ref) {
   var _classNames;
 
@@ -84,28 +66,29 @@ var CustomOverlayLayout = function CustomOverlayLayout(_ref) {
       absoluteElement = _ref.absoluteElement,
       side = _ref.side,
       staticPosition = _ref.staticPosition,
-      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);
+      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);
+
   return (// eslint-disable-next-line react/jsx-handler-names
-    _react.default.createElement(_Paper.default, {
+    React.createElement(Paper, {
       className: paperClass,
       onBlur: paperProps.onBlur,
       onFocus: paperProps.onFocus
-    }, _react.default.createElement("div", {
+    }, React.createElement("div", {
       className: classes.overlay
-    }, _react.default.createElement("div", {
+    }, React.createElement("div", {
       className: classes.header
-    }, headerElement), _react.default.createElement("div", {
+    }, headerElement), React.createElement("div", {
       className: classes.body
-    }, children), _react.default.createElement("div", {
+    }, children), React.createElement("div", {
       className: classes.footer
     }, footerElement), absoluteElement))
   );
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   name: 'HmuiCustomOverlayLayout'
-})(CustomOverlayLayout);
-
-exports.default = _default;
+})(CustomOverlayLayout);

package/es/HiDatePicker/Overlays/CustomOverlayLayoutWithoutFooter.js

@@ -1,27 +1,11 @@
-"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) {
+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) {
   return {
     paper: {
       width: '100%',
@@ -41,14 +25,14 @@ var styles = function styles(theme) {
       width: '200%',
       left: '-100%'
     },
-    overlay: (0, _objectSpread2.default)({
+    overlay: _objectSpread({
       padding: 0,
       height: 325,
       textAlign: 'center'
     }, theme.typography.body2, {
       fontWeight: theme.typography.fontWeightRegular
     }),
-    header: (0, _objectSpread2.default)({
+    header: _objectSpread({
       display: 'block',
       height: 40,
       textAlign: 'center',
@@ -66,8 +50,6 @@ var styles = function styles(theme) {
   };
 };
 
-exports.styles = styles;
-
 var CustomOverlayLayoutWithoutFooter = function CustomOverlayLayoutWithoutFooter(_ref) {
   var _classNames;
 
@@ -78,26 +60,27 @@ var CustomOverlayLayoutWithoutFooter = function CustomOverlayLayoutWithoutFooter
       absoluteElement = _ref.absoluteElement,
       side = _ref.side,
       staticPosition = _ref.staticPosition,
-      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);
+      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);
+
   return (// eslint-disable-next-line react/jsx-handler-names
-    _react.default.createElement(_Paper.default, {
+    React.createElement(Paper, {
       className: paperClass,
       onBlur: paperProps.onBlur,
       onFocus: paperProps.onFocus
-    }, _react.default.createElement("div", {
+    }, React.createElement("div", {
       className: classes.overlay
-    }, _react.default.createElement("div", {
+    }, React.createElement("div", {
       className: classes.header
-    }, headerElement), _react.default.createElement("div", {
+    }, headerElement), React.createElement("div", {
       className: classes.body
     }, children), absoluteElement))
   );
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   name: 'HmuiCustomOverlayLayoutWithoutFooter'
-})(CustomOverlayLayoutWithoutFooter);
-
-exports.default = _default;
+})(CustomOverlayLayoutWithoutFooter);

package/es/HiDatePicker/Overlays/MonthPickerOverlay.js

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