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

package/HiDatePicker/Overlays/MonthPickerOverlay.test.js

@@ -0,0 +1,50 @@
+/* eslint-disable */
+import React from 'react';
+import { assert } from 'chai';
+import { spy } from 'sinon';
+import MomentLocaleUtils from 'react-day-picker/moment';
+import { createShallow } from '../../test-utils/index';
+import MonthPickerOverlay from './MonthPickerOverlay';
+import ListPicker from '../ListPicker';
+describe('<MonthPickerOverlay />', function () {
+  var shallow;
+  before(function () {
+    shallow = createShallow({
+      dive: true
+    });
+  });
+  it('renders a functional month ListPicker', function () {
+    var handlerChange = spy();
+    var aprilLabel = 'April';
+    var januaryDate = new Date(1992, 0, 9);
+    var aprilDate = new Date(1992, 3, 9);
+    var wrapper = shallow(React.createElement(MonthPickerOverlay, {
+      value: januaryDate,
+      onChange: handlerChange,
+      localeUtils: MomentLocaleUtils
+    }, React.createElement("span", null, "children")));
+    assert.strictEqual(wrapper.name(), 'CustomOverlayLayoutWithoutFooter', 'should render a CustomOverlayLayoutWithoutFooter');
+    assert.strictEqual(wrapper.dive().find(ListPicker).length, 1, 'should include a ListPicker');
+    wrapper.dive().find(ListPicker).props().onItemClick(aprilLabel);
+    assert.strictEqual(handlerChange.calledOnce, true, 'should call onChange callback once');
+    assert.strictEqual(handlerChange.calledWith(aprilDate), true, 'should call onChange callback with updated month');
+  });
+  it('check months', function () {
+    var handlerChange = spy();
+    var januaryDate = new Date(1992, 0, 9);
+    var localeUtils = {
+      getMonths: function getMonths() {
+        return ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December', 'Other'];
+      }
+    };
+    var wrapper = shallow(React.createElement(MonthPickerOverlay, {
+      value: januaryDate,
+      onChange: handlerChange,
+      localeUtils: localeUtils
+    }, React.createElement("span", null, "children")));
+    assert.strictEqual(wrapper.name(), 'CustomOverlayLayoutWithoutFooter', 'should render a CustomOverlayLayoutWithoutFooter');
+    assert.strictEqual(wrapper.dive().find(ListPicker).length, 1, 'should include a ListPicker');
+    wrapper.dive().find(ListPicker).props().onItemClick('Other');
+    assert.strictEqual(handlerChange.callCount, 0, 'should not call onChange with month index >= 12');
+  });
+});

package/HiDatePicker/Overlays/Overlay.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 _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() {
+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() {
   return {
     paper: {
       width: '100%',
@@ -47,8 +31,6 @@ var styles = function styles() {
   };
 };
 
-exports.styles = styles;
-
 var Overlay = function Overlay(_ref) {
   var _classNames;
 
@@ -56,22 +38,23 @@ var Overlay = function Overlay(_ref) {
       children = _ref.children,
       side = _ref.side,
       staticPosition = _ref.staticPosition,
-      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);
+      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);
+
   return (// eslint-disable-next-line react/jsx-handler-names
-    _react.default.createElement(_Paper.default, {
+    React.createElement(Paper, {
       onBlur: paperProps.onBlur,
       onFocus: paperProps.onFocus,
       className: paperClass
-    }, _react.default.createElement("div", {
+    }, React.createElement("div", {
       className: classes.overlay
     }, children))
   );
 };
 
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   name: 'HmuiOverlay'
-})(Overlay);
-
-exports.default = _default;
+})(Overlay);

package/HiDatePicker/Overlays/Overlay.test.js

@@ -0,0 +1,20 @@
+/* eslint-disable */
+import React from 'react';
+import { assert } from 'chai';
+import { createShallow, getClasses } from '../../test-utils/index';
+import Overlay from './Overlay';
+describe('<Overlay />', function () {
+  var shallow;
+  var classes;
+  before(function () {
+    shallow = createShallow({
+      dive: true
+    });
+    classes = getClasses(React.createElement(Overlay, null));
+  });
+  it('renders a div containing a DayPickerInput', function () {
+    var wrapper = shallow(React.createElement(Overlay, null, React.createElement("span", null, "children")));
+    assert.strictEqual(wrapper.dive().name(), 'Paper', 'should render a Paper');
+    assert.strictEqual(wrapper.dive().hasClass(classes.paper), true, 'should render a Paper with paper class');
+  });
+});

package/HiDatePicker/Overlays/TimePickerOverlay.js

@@ -1,59 +1,33 @@
-"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-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) {
+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) {
   return {
     paper: {
       position: 'absolute',
       width: '100%',
       zIndex: 10
     },
-    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',
@@ -121,28 +95,28 @@ var styles = function styles(theme) {
   };
 };
 
-exports.styles = styles;
-
-var _ref = _react.default.createElement(_Calendar.default, null);
-
 var TimePickerOverlay =
 /*#__PURE__*/
 function (_React$Component) {
-  (0, _inherits2.default)(TimePickerOverlay, _React$Component);
+  _inherits(TimePickerOverlay, _React$Component);
 
   function TimePickerOverlay(props) {
     var _this;
 
-    (0, _classCallCheck2.default)(this, TimePickerOverlay);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(TimePickerOverlay).call(this, props));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "hours", Array.from(Array(24).keys()));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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));
+    _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));
     return _this;
   }
 
-  (0, _createClass2.default)(TimePickerOverlay, [{
+  _createClass(TimePickerOverlay, [{
     key: "handleHourClick",
     value: function handleHourClick(hour) {
       if (this.props.onChange) {
@@ -168,50 +142,50 @@ function (_React$Component) {
           onCalendarClick = _this$props.onCalendarClick,
           translations = _this$props.translations,
           value = _this$props.value,
-          props = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "onCalendarClick", "translations", "value"]);
+          props = _objectWithoutProperties(_this$props, ["classes", "onCalendarClick", "translations", "value"]);
+
       var hour = value ? value.getHours() : 0;
       var minute = value ? value.getMinutes() : 0;
-      return _react.default.createElement(_CustomOverlayLayout.default, (0, _extends2.default)({
-        headerElement: _react.default.createElement("div", {
+      return React.createElement(CustomOverlayLayout, Object.assign({
+        headerElement: React.createElement("div", {
           className: classes.titles
-        }, _react.default.createElement("div", {
+        }, React.createElement("div", {
           className: classes.timeTitle
-        }, translations.hour), _react.default.createElement("div", {
+        }, translations.hour), React.createElement("div", {
           className: classes.timeTitle
         }, translations.minute)),
-        absoluteElement: _react.default.createElement(_IconButton.default, {
+        absoluteElement: React.createElement(IconButton, {
           className: classes.clockIconButton,
           onClick: function onClick() {
             return onCalendarClick();
           }
-        }, _ref)
-      }, props), _react.default.createElement("div", {
+        }, React.createElement(CalendarIcon, null))
+      }, props), React.createElement("div", {
         className: classes.column
-      }, _react.default.createElement(_ListPicker.default, {
+      }, React.createElement(ListPicker, {
         itemList: this.hours,
         onItemClick: this.handleHourClick,
         selectedItem: hour
-      })), _react.default.createElement("div", {
+      })), React.createElement("div", {
         className: classes.column
-      }, _react.default.createElement(_ListPicker.default, {
+      }, React.createElement(ListPicker, {
         itemList: this.minutes,
         onItemClick: this.handleMinuteClick,
         selectedItem: minute
       })));
     }
   }]);
+
   return TimePickerOverlay;
-}(_react.default.Component);
+}(React.Component);
 
-(0, _defineProperty2.default)(TimePickerOverlay, "defaultProps", {
+_defineProperty(TimePickerOverlay, "defaultProps", {
   translations: {
     hour: 'Hour',
     minute: 'Minute'
   }
 });
 
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   name: 'HmuiTimePickerOverlay'
-})(TimePickerOverlay);
-
-exports.default = _default;
+})(TimePickerOverlay);

package/HiDatePicker/Overlays/TimePickerOverlay.test.js

@@ -0,0 +1,48 @@
+/* eslint-disable */
+import React from 'react';
+import { assert } from 'chai';
+import { spy } from 'sinon';
+import { createShallow } from '../../test-utils/index';
+import TimePickerOverlay from './TimePickerOverlay';
+import ListPicker from '../ListPicker';
+describe('<TimePickerOverlay />', function () {
+  var shallow;
+  before(function () {
+    shallow = createShallow({
+      dive: true
+    });
+  });
+  it('renders a functional hour & minute ListPicker', function () {
+    var handlerChange = spy();
+    var handlerCalendarClick = spy();
+    var hour = 16;
+    var minute = 17;
+    var date = new Date(1992, 3, 9, 0, 0);
+    var dateHour = new Date(1992, 3, 9, hour, 0);
+    var dateMinute = new Date(1992, 3, 9, 0, minute);
+    var wrapper = shallow(React.createElement(TimePickerOverlay, {
+      value: date,
+      onChange: handlerChange,
+      onCalendarClick: handlerCalendarClick
+    }, React.createElement("span", null, "children")));
+    assert.strictEqual(wrapper.dive().name(), 'CustomOverlayLayout', 'should render a CustomOverlayLayout');
+    assert.strictEqual(wrapper.dive().find(ListPicker).length, 2, 'should include 2 ListPicker');
+    wrapper.dive().find(ListPicker).first().props().onItemClick(hour);
+    wrapper.dive().find(ListPicker).at(1).props().onItemClick(minute);
+    assert.strictEqual(handlerChange.calledTwice, true, 'should call onChange callback twice');
+    assert.strictEqual(handlerChange.calledWith(dateHour), true, 'should call onChange callback with updated hours');
+    assert.strictEqual(handlerChange.calledWith(dateMinute), true, 'should call onChange callback with updated minutes');
+  });
+  it('renders a functional hour & minute ListPicker without callbacks', function () {
+    var hour = 16;
+    var minute = 17;
+    var date = new Date(1992, 3, 9, 0, 0);
+    var wrapper = shallow(React.createElement(TimePickerOverlay, {
+      value: date
+    }, React.createElement("span", null, "children")));
+    assert.strictEqual(wrapper.dive().name(), 'CustomOverlayLayout', 'should render a CustomOverlayLayout');
+    assert.strictEqual(wrapper.dive().find(ListPicker).length, 2, 'should include 2 ListPicker');
+    wrapper.dive().find(ListPicker).first().props().onItemClick(hour);
+    wrapper.dive().find(ListPicker).at(1).props().onItemClick(minute);
+  });
+});

package/HiDatePicker/Overlays/YearPickerOverlay.js

@@ -1,48 +1,30 @@
-"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 YearPickerOverlay =
 /*#__PURE__*/
 function (_React$Component) {
-  (0, _inherits2.default)(YearPickerOverlay, _React$Component);
+  _inherits(YearPickerOverlay, _React$Component);
 
   function YearPickerOverlay(props) {
     var _this;
 
-    (0, _classCallCheck2.default)(this, YearPickerOverlay);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(YearPickerOverlay).call(this, props));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "years", []);
-    _this.handleYearClick = _this.handleYearClick.bind((0, _assertThisInitialized2.default)(_this));
+    _classCallCheck(this, YearPickerOverlay);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(YearPickerOverlay).call(this, props));
+
+    _defineProperty(_assertThisInitialized(_this), "years", []);
+
+    _this.handleYearClick = _this.handleYearClick.bind(_assertThisInitialized(_this));
     var minDate = props.minimumDate;
 
     if (!minDate) {
@@ -72,7 +54,7 @@ function (_React$Component) {
     return _this;
   }
 
-  (0, _createClass2.default)(YearPickerOverlay, [{
+  _createClass(YearPickerOverlay, [{
     key: "handleYearClick",
     value: function handleYearClick(year) {
       if (this.props.onChange) {
@@ -87,10 +69,11 @@ function (_React$Component) {
       var _this$props = this.props,
           value = _this$props.value,
           translations = _this$props.translations,
-          props = (0, _objectWithoutProperties2.default)(_this$props, ["value", "translations"]);
-      return _react.default.createElement(_CustomOverlayLayoutWithoutFooter.default, (0, _extends2.default)({
+          props = _objectWithoutProperties(_this$props, ["value", "translations"]);
+
+      return React.createElement(CustomOverlayLayoutWithoutFooter, Object.assign({
         headerElement: translations.year
-      }, props), _react.default.createElement(_ListPicker.default, {
+      }, props), React.createElement(ListPicker, {
         itemList: this.years,
         onItemClick: this.handleYearClick,
         selectedItem: value ? value.getFullYear() : null,
@@ -98,13 +81,14 @@ function (_React$Component) {
       }));
     }
   }]);
+
   return YearPickerOverlay;
-}(_react.default.Component);
+}(React.Component);
 
-(0, _defineProperty2.default)(YearPickerOverlay, "defaultProps", {
+_defineProperty(YearPickerOverlay, "defaultProps", {
   translations: {
     year: 'Year'
   }
 });
-var _default = YearPickerOverlay;
-exports.default = _default;
+
+export default YearPickerOverlay;

package/HiDatePicker/Overlays/YearPickerOverlay.test.js

@@ -0,0 +1,79 @@
+/* eslint-disable */
+import React from 'react';
+import { assert } from 'chai';
+import { spy } from 'sinon';
+import { createShallow } from '../../test-utils/index';
+import YearPickerOverlay from './YearPickerOverlay';
+import ListPicker from '../ListPicker';
+describe('<YearPickerOverlay />', function () {
+  var shallow;
+  before(function () {
+    shallow = createShallow({
+      dive: true
+    });
+  });
+  it('renders a functional year ListPicker', function () {
+    var handlerChange = spy();
+    var date = new Date(2018, 3, 9);
+    var dateUpYear = new Date(2022, 3, 9);
+    var dateDownYear = new Date(2014, 3, 9);
+    var wrapper = shallow(React.createElement(YearPickerOverlay, {
+      value: date,
+      onChange: handlerChange
+    }, React.createElement("span", null, "children")));
+    assert.strictEqual(wrapper.name(), 'CustomOverlayLayoutWithoutFooter', 'should render a CustomOverlayLayoutWithoutFooter');
+    assert.strictEqual(wrapper.dive().find(ListPicker).length, 1, 'should include 1 ListPicker'); // From 2013 to 2018 + 10
+
+    assert.strictEqual(wrapper.dive().find(ListPicker).props().itemList.length, 16, 'should include 1 ListPicker with 16 items');
+    wrapper.dive().find(ListPicker).props().onItemClick(2022);
+    assert.strictEqual(handlerChange.calledOnce, true, 'should call onChange callback once');
+    assert.strictEqual(handlerChange.calledWith(dateUpYear), true, 'should call onChange callback with updated year');
+    wrapper.dive().find(ListPicker).props().onItemClick(2014);
+    assert.strictEqual(handlerChange.calledTwice, true, 'should call onChange callback twice');
+    assert.strictEqual(handlerChange.calledWith(dateDownYear), true, 'should call onChange callback with updated year');
+  });
+  it('renders a functional year ListPicker with defaut date', function () {
+    var handlerChange = spy();
+    var wrapper = shallow(React.createElement(YearPickerOverlay, {
+      onChange: handlerChange
+    }, React.createElement("span", null, "children")));
+    assert.strictEqual(wrapper.name(), 'CustomOverlayLayoutWithoutFooter', 'should render a CustomOverlayLayoutWithoutFooter');
+    assert.strictEqual(wrapper.dive().find(ListPicker).length, 1, 'should include 1 ListPicker'); // From 2013 to 2018 + 10
+
+    assert.strictEqual(wrapper.dive().find(ListPicker).props().itemList.length, 16, 'should include 1 ListPicker with 16 items');
+    wrapper.dive().find(ListPicker).props().onItemClick(2022);
+    assert.strictEqual(handlerChange.calledOnce, true, 'should call onChange callback once');
+    assert.strictEqual(handlerChange.args[0][0].getFullYear(), 2022, 'should call onChange callback with updated year');
+  });
+  it('renders a functional year ListPicker without callbacks', function () {
+    var date = new Date(2018, 3, 9);
+    var wrapper = shallow(React.createElement(YearPickerOverlay, {
+      value: date
+    }, React.createElement("span", null, "children")));
+    assert.strictEqual(wrapper.name(), 'CustomOverlayLayoutWithoutFooter', 'should render a CustomOverlayLayoutWithoutFooter');
+    assert.strictEqual(wrapper.dive().find(ListPicker).length, 1, 'should include 1 ListPicker'); // From 2013 to 2018 + 10
+
+    assert.strictEqual(wrapper.dive().find(ListPicker).props().itemList.length, 16, 'should include 1 ListPicker with 16 items');
+    wrapper.dive().find(ListPicker).props().onItemClick(2022);
+  });
+  it('renders a functional year ListPicker with disabled past date', function () {
+    var handlerChange = spy();
+    var wrapper = shallow(React.createElement(YearPickerOverlay, {
+      onChange: handlerChange,
+      disablePastDays: true
+    }, React.createElement("span", null, "children")));
+    assert.strictEqual(wrapper.name(), 'CustomOverlayLayoutWithoutFooter', 'should render a CustomOverlayLayoutWithoutFooter');
+    assert.strictEqual(wrapper.dive().find(ListPicker).length, 1, 'should include 1 ListPicker'); // 2018 + 10 (disabled past days)
+
+    assert.strictEqual(wrapper.dive().find(ListPicker).props().itemList.length, 11, 'should include 1 ListPicker with 11 items');
+  });
+  it('renders a functional year ListPicker with disabled future date', function () {
+    var wrapper = shallow(React.createElement(YearPickerOverlay, {
+      disableFutureDays: true
+    }, React.createElement("span", null, "children")));
+    assert.strictEqual(wrapper.name(), 'CustomOverlayLayoutWithoutFooter', 'should render a CustomOverlayLayoutWithoutFooter');
+    assert.strictEqual(wrapper.dive().find(ListPicker).length, 1, 'should include 1 ListPicker'); // From 2013 to 2018 (disabled future days)
+
+    assert.strictEqual(wrapper.dive().find(ListPicker).props().itemList.length, 6, 'should include 1 ListPicker with 11 items');
+  });
+});

package/HiDatePicker/Overlays/index.js

@@ -1,47 +1,5 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Overlay", {
-  enumerable: true,
-  get: function get() {
-    return _Overlay.default;
-  }
-});
-Object.defineProperty(exports, "CustomOverlayLayout", {
-  enumerable: true,
-  get: function get() {
-    return _CustomOverlayLayout.default;
-  }
-});
-Object.defineProperty(exports, "MonthPickerOverlay", {
-  enumerable: true,
-  get: function get() {
-    return _MonthPickerOverlay.default;
-  }
-});
-Object.defineProperty(exports, "TimePickerOverlay", {
-  enumerable: true,
-  get: function get() {
-    return _TimePickerOverlay.default;
-  }
-});
-Object.defineProperty(exports, "YearPickerOverlay", {
-  enumerable: true,
-  get: function get() {
-    return _YearPickerOverlay.default;
-  }
-});
-
-var _Overlay = _interopRequireDefault(require("./Overlay"));
-
-var _CustomOverlayLayout = _interopRequireDefault(require("./CustomOverlayLayout"));
-
-var _MonthPickerOverlay = _interopRequireDefault(require("./MonthPickerOverlay"));
-
-var _TimePickerOverlay = _interopRequireDefault(require("./TimePickerOverlay"));
-
-var _YearPickerOverlay = _interopRequireDefault(require("./YearPickerOverlay"));
+export { default as Overlay } from './Overlay';
+export { default as CustomOverlayLayout } from './CustomOverlayLayout';
+export { default as MonthPickerOverlay } from './MonthPickerOverlay';
+export { default as TimePickerOverlay } from './TimePickerOverlay';
+export { default as YearPickerOverlay } from './YearPickerOverlay';