@hipay/hipay-material-ui 1.0.0-beta.9 → 2.0.0-beta.35

package/HiDatePicker/Overlays/YearPickerOverlay.js

@@ -1,174 +1,154 @@
-'use strict';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
+exports.default = void 0;
 
-var _extends2 = require('babel-runtime/helpers/extends');
-
-var _extends3 = _interopRequireDefault(_extends2);
-
-var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
-
-var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
-
-var _from = require('babel-runtime/core-js/array/from');
-
-var _from2 = _interopRequireDefault(_from);
-
-var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
-
-var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
-
-var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
-
-var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
-
-var _createClass2 = require('babel-runtime/helpers/createClass');
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _createClass3 = _interopRequireDefault(_createClass2);
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-var _inherits2 = require('babel-runtime/helpers/inherits');
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-var _inherits3 = _interopRequireDefault(_inherits2);
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-var _react = require('react');
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _react2 = _interopRequireDefault(_react);
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
-var _propTypes = require('prop-types');
+var _react = _interopRequireDefault(require("react"));
 
-var _propTypes2 = _interopRequireDefault(_propTypes);
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _CustomOverlayLayout = require('./CustomOverlayLayout');
+var _CustomOverlayLayout = _interopRequireDefault(require("./CustomOverlayLayout"));
 
-var _CustomOverlayLayout2 = _interopRequireDefault(_CustomOverlayLayout);
+var _ListPicker = _interopRequireDefault(require("../ListPicker"));
 
-var _ListPicker = require('../ListPicker');
+// @flow weak
+var YearPickerOverlay =
+/*#__PURE__*/
+function (_React$Component) {
+  (0, _inherits2.default)(YearPickerOverlay, _React$Component);
 
-var _ListPicker2 = _interopRequireDefault(_ListPicker);
+  function YearPickerOverlay(props) {
+    var _this;
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+    (0, _classCallCheck2.default)(this, YearPickerOverlay);
+    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(YearPickerOverlay).call(this));
+    _this.years = [];
+    _this.handleYearClick = _this.handleYearClick.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    var currentYear = new Date().getFullYear();
+    var minimumYear = props.minimumDate.getFullYear();
+    _this.years = [currentYear]; // get years from minimum date to now
 
-//  weak
+    if (!props.disablePastDays && currentYear > minimumYear) {
+      _this.years = _this.years.concat(Array.from(Array(currentYear - minimumYear).keys(), function (key) {
+        return key + minimumYear;
+      }));
+    } // get years from now to at least 10 years forward or as much as past years
 
-var YearPickerOverlay = function (_React$Component) {
-    (0, _inherits3.default)(YearPickerOverlay, _React$Component);
 
-    function YearPickerOverlay(props) {
-        (0, _classCallCheck3.default)(this, YearPickerOverlay);
-
-        var _this = (0, _possibleConstructorReturn3.default)(this, (YearPickerOverlay.__proto__ || (0, _getPrototypeOf2.default)(YearPickerOverlay)).call(this));
-
-        _this.years = [];
-
-
-        _this.handleYearClick = _this.handleYearClick.bind(_this);
-
-        var currentYear = new Date().getFullYear();
-        var minimumYear = props.minimumDate.getFullYear();
-
-        _this.years = [currentYear];
+    if (!props.disableFutureDays) {
+      _this.years = _this.years.concat(Array.from(Array(Math.max(currentYear - minimumYear, 10)).keys(), function (key) {
+        return key + currentYear + 1;
+      }));
+    }
 
-        // get years from minimum date to now
-        if (!props.disablePastDays && currentYear > minimumYear) {
-            _this.years = _this.years.concat((0, _from2.default)(Array(currentYear - minimumYear).keys(), function (key) {
-                return key + minimumYear;
-            }));
-        }
+    _this.years.sort();
 
-        // get years from now to at least 10 years forward or as much as past years
-        if (!props.disableFutureDays) {
-            _this.years = _this.years.concat((0, _from2.default)(Array(Math.max(currentYear - minimumYear, 10)).keys(), function (key) {
-                return key + currentYear + 1;
-            }));
-        }
+    return _this;
+  }
 
-        _this.years.sort();
-        return _this;
+  (0, _createClass2.default)(YearPickerOverlay, [{
+    key: "handleYearClick",
+    value: function handleYearClick(year) {
+      if (this.props.onChange) {
+        var date = this.props.value ? new Date(this.props.value) : new Date();
+        date.setFullYear(year);
+        this.props.onChange(date);
+      }
     }
-
-    (0, _createClass3.default)(YearPickerOverlay, [{
-        key: 'handleYearClick',
-        value: function handleYearClick(year) {
-            if (this.props.onChange) {
-                var date = this.props.value ? new Date(this.props.value) : new Date();
-                date.setFullYear(year);
-                this.props.onChange(date);
-            }
-        }
-    }, {
-        key: 'render',
-        value: function render() {
-            var _props = this.props,
-                value = _props.value,
-                translations = _props.translations,
-                props = (0, _objectWithoutProperties3.default)(_props, ['value', 'translations']);
-
-
-            return _react2.default.createElement(
-                _CustomOverlayLayout2.default,
-                (0, _extends3.default)({ headerElement: translations.year }, props),
-                _react2.default.createElement(_ListPicker2.default, {
-                    itemList: this.years,
-                    onItemClick: this.handleYearClick,
-                    selectedItem: value ? value.getFullYear() : null,
-                    type: 'year'
-                })
-            );
-        }
-    }]);
-    return YearPickerOverlay;
-}(_react2.default.Component);
+  }, {
+    key: "render",
+    value: function render() {
+      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(_CustomOverlayLayout.default, (0, _extends2.default)({
+        headerElement: translations.year
+      }, props), _react.default.createElement(_ListPicker.default, {
+        itemList: this.years,
+        onItemClick: this.handleYearClick,
+        selectedItem: value ? value.getFullYear() : null,
+        type: "year"
+      }));
+    }
+  }]);
+  return YearPickerOverlay;
+}(_react.default.Component);
 
 YearPickerOverlay.defaultProps = {
-    disableFutureDays: false,
-    disablePastDays: false,
-    minimumDate: new Date(2013, 4, 1), // by default 1 May 2013
-    translations: {
-        year: 'Year'
-    }
+  disableFutureDays: false,
+  disablePastDays: false,
+  minimumDate: new Date(2013, 4, 1),
+  // by default 1 May 2013
+  translations: {
+    year: 'Year'
+  }
 };
 YearPickerOverlay.propTypes = process.env.NODE_ENV !== "production" ? {
-    /**
-     * ReactDayPicker prop
-     */
-    children: _propTypes2.default.element,
-    /**
-     * Useful to extend the style applied to components.
-     */
-    classes: _propTypes2.default.object,
-    /**
-     * Uniquement la sélection de date antérieures à aujourd'hui (inclu)
-     */
-    disableFutureDays: _propTypes2.default.bool,
-    /**
-     * Uniquement la sélection de date postérieures à aujourd'hui (inclu)
-     */
-    disablePastDays: _propTypes2.default.bool,
-    /**
-     * ReactDayPicker prop
-     */
-    localeUtils: _propTypes2.default.object,
-    /**
-     * Date minimale sélectionnable
-     */
-    minimumDate: _propTypes2.default.instanceOf(Date),
-    /**
-     * Fonction de callback
-     */
-    onChange: _propTypes2.default.func,
-    /**
-     * Traductions
-     */
-    translations: _propTypes2.default.object,
-    /**
-     * Date du mois affiché
-     */
-    value: _propTypes2.default.instanceOf(Date)
+  /**
+   * ReactDayPicker prop
+   */
+  children: _propTypes.default.element,
+
+  /**
+   * Useful to extend the style applied to components.
+   */
+  classes: _propTypes.default.object,
+
+  /**
+   * Uniquement la sélection de date antérieures à aujourd'hui (inclu)
+   */
+  disableFutureDays: _propTypes.default.bool,
+
+  /**
+   * Uniquement la sélection de date postérieures à aujourd'hui (inclu)
+   */
+  disablePastDays: _propTypes.default.bool,
+
+  /**
+   * ReactDayPicker prop
+   */
+  localeUtils: _propTypes.default.object,
+
+  /**
+   * Date minimale sélectionnable
+   */
+  minimumDate: _propTypes.default.instanceOf(Date),
+
+  /**
+   * Fonction de callback
+   */
+  onChange: _propTypes.default.func,
+
+  /**
+   * Traductions
+   */
+  translations: _propTypes.default.object,
+
+  /**
+   * Date du mois affiché
+   */
+  value: _propTypes.default.instanceOf(Date)
 } : {};
-exports.default = YearPickerOverlay;
+var _default = YearPickerOverlay;
+exports.default = _default;

package/HiDatePicker/Overlays/YearPickerOverlay.spec.js

@@ -0,0 +1,127 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _chai = require("chai");
+
+var _sinon = require("sinon");
+
+var _index = require("../../test-utils/index");
+
+var _YearPickerOverlay = _interopRequireDefault(require("./YearPickerOverlay"));
+
+var _ListPicker = _interopRequireDefault(require("../ListPicker"));
+
+// @flow
+var _ref = _react.default.createElement("span", null, "children");
+
+var _ref2 = _react.default.createElement("span", null, "children");
+
+var _ref3 = _react.default.createElement("span", null, "children");
+
+var _ref4 = _react.default.createElement("span", null, "children");
+
+var _ref5 = _react.default.createElement(_YearPickerOverlay.default, {
+  disableFutureDays: true
+}, _react.default.createElement("span", null, "children"));
+
+describe('<YearPickerOverlay />', function () {
+  var shallow;
+  before(function () {
+    shallow = (0, _index.createShallow)({
+      dive: true
+    });
+  });
+  it('renders a functional year ListPicker', function () {
+    var handlerChange = (0, _sinon.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.default.createElement(_YearPickerOverlay.default, {
+      value: date,
+      onChange: handlerChange
+    }, _ref));
+
+    _chai.assert.strictEqual(wrapper.name(), 'CustomOverlayLayout', 'should render a CustomOverlayLayout');
+
+    _chai.assert.strictEqual(wrapper.dive().find(_ListPicker.default).length, 1, 'should include 1 ListPicker'); // From 2013 to 2018 + 10
+
+
+    _chai.assert.strictEqual(wrapper.dive().find(_ListPicker.default).props().itemList.length, 16, 'should include 1 ListPicker with 16 items');
+
+    wrapper.dive().find(_ListPicker.default).props().onItemClick(2022);
+
+    _chai.assert.strictEqual(handlerChange.calledOnce, true, 'should call onChange callback once');
+
+    _chai.assert.strictEqual(handlerChange.calledWith(dateUpYear), true, 'should call onChange callback with updated year');
+
+    wrapper.dive().find(_ListPicker.default).props().onItemClick(2014);
+
+    _chai.assert.strictEqual(handlerChange.calledTwice, true, 'should call onChange callback twice');
+
+    _chai.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 = (0, _sinon.spy)();
+    var currentDate = new Date();
+    var wrapper = shallow(_react.default.createElement(_YearPickerOverlay.default, {
+      onChange: handlerChange
+    }, _ref2));
+
+    _chai.assert.strictEqual(wrapper.name(), 'CustomOverlayLayout', 'should render a CustomOverlayLayout');
+
+    _chai.assert.strictEqual(wrapper.dive().find(_ListPicker.default).length, 1, 'should include 1 ListPicker'); // From 2013 to 2018 + 10
+
+
+    _chai.assert.strictEqual(wrapper.dive().find(_ListPicker.default).props().itemList.length, 16, 'should include 1 ListPicker with 16 items');
+
+    wrapper.dive().find(_ListPicker.default).props().onItemClick(2022);
+
+    _chai.assert.strictEqual(handlerChange.calledOnce, true, 'should call onChange callback once');
+
+    currentDate.setFullYear(2022);
+
+    _chai.assert.isBelow(handlerChange.args[0][0].getTime() - currentDate.getTime(), 10, '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.default.createElement(_YearPickerOverlay.default, {
+      value: date
+    }, _ref3));
+
+    _chai.assert.strictEqual(wrapper.name(), 'CustomOverlayLayout', 'should render a CustomOverlayLayout');
+
+    _chai.assert.strictEqual(wrapper.dive().find(_ListPicker.default).length, 1, 'should include 1 ListPicker'); // From 2013 to 2018 + 10
+
+
+    _chai.assert.strictEqual(wrapper.dive().find(_ListPicker.default).props().itemList.length, 16, 'should include 1 ListPicker with 16 items');
+
+    wrapper.dive().find(_ListPicker.default).props().onItemClick(2022);
+  });
+  it('renders a functional year ListPicker with disabled past date', function () {
+    var handlerChange = (0, _sinon.spy)();
+    var wrapper = shallow(_react.default.createElement(_YearPickerOverlay.default, {
+      onChange: handlerChange,
+      disablePastDays: true
+    }, _ref4));
+
+    _chai.assert.strictEqual(wrapper.name(), 'CustomOverlayLayout', 'should render a CustomOverlayLayout');
+
+    _chai.assert.strictEqual(wrapper.dive().find(_ListPicker.default).length, 1, 'should include 1 ListPicker'); // 2018 + 10 (disabled past days)
+
+
+    _chai.assert.strictEqual(wrapper.dive().find(_ListPicker.default).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(_ref5);
+
+    _chai.assert.strictEqual(wrapper.name(), 'CustomOverlayLayout', 'should render a CustomOverlayLayout');
+
+    _chai.assert.strictEqual(wrapper.dive().find(_ListPicker.default).length, 1, 'should include 1 ListPicker'); // From 2013 to 2018 (disabled future days)
+
+
+    _chai.assert.strictEqual(wrapper.dive().find(_ListPicker.default).props().itemList.length, 6, 'should include 1 ListPicker with 11 items');
+  });
+});

package/HiDatePicker/Overlays/index.js

@@ -1,52 +1,47 @@
-'use strict';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-var _Overlay = require('./Overlay');
-
-Object.defineProperty(exports, 'Overlay', {
+Object.defineProperty(exports, "Overlay", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_Overlay).default;
+    return _Overlay.default;
   }
 });
-
-var _CustomOverlayLayout = require('./CustomOverlayLayout');
-
-Object.defineProperty(exports, 'CustomOverlayLayout', {
+Object.defineProperty(exports, "CustomOverlayLayout", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_CustomOverlayLayout).default;
+    return _CustomOverlayLayout.default;
   }
 });
-
-var _MonthPickerOverlay = require('./MonthPickerOverlay');
-
-Object.defineProperty(exports, 'MonthPickerOverlay', {
+Object.defineProperty(exports, "MonthPickerOverlay", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_MonthPickerOverlay).default;
+    return _MonthPickerOverlay.default;
   }
 });
-
-var _TimePickerOverlay = require('./TimePickerOverlay');
-
-Object.defineProperty(exports, 'TimePickerOverlay', {
+Object.defineProperty(exports, "TimePickerOverlay", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_TimePickerOverlay).default;
+    return _TimePickerOverlay.default;
   }
 });
-
-var _YearPickerOverlay = require('./YearPickerOverlay');
-
-Object.defineProperty(exports, 'YearPickerOverlay', {
+Object.defineProperty(exports, "YearPickerOverlay", {
   enumerable: true,
   get: function get() {
-    return _interopRequireDefault(_YearPickerOverlay).default;
+    return _YearPickerOverlay.default;
   }
 });
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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"));

package/HiDatePicker/Weekday.js

@@ -1,52 +1,49 @@
-'use strict';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _react = _interopRequireDefault(require("react"));
 
-//  weak
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
+// @flow weak
 var Weekday = function Weekday(_ref) {
   var weekday = _ref.weekday,
       className = _ref.className,
       localeUtils = _ref.localeUtils,
       locale = _ref.locale;
-
   var weekdayName = localeUtils.formatWeekdayLong(weekday, locale);
-  return _react2.default.createElement(
-    'div',
-    { className: className, title: weekdayName },
-    weekdayName.slice(0, 1)
-  );
+  return _react.default.createElement("div", {
+    className: className,
+    title: weekdayName
+  }, weekdayName.slice(0, 1));
 };
 
 Weekday.propTypes = process.env.NODE_ENV !== "production" ? {
   /**
    * ReactDayPicker prop
    */
-  className: _propTypes2.default.string,
+  className: _propTypes.default.string,
+
   /**
    * ReactDayPicker prop
    */
-  locale: _propTypes2.default.string,
+  locale: _propTypes.default.string,
+
   /**
    * ReactDayPicker prop
    */
-  localeUtils: _propTypes2.default.object,
+  localeUtils: _propTypes.default.object,
+
   /**
    * ReactDayPicker prop
    */
-  weekday: _propTypes2.default.number
+  weekday: _propTypes.default.number
 } : {};
-
-exports.default = Weekday;
+var _default = Weekday;
+exports.default = _default;