@hipay/hipay-material-ui 2.1.0-RC1 → 2.2.0-RC1

package/HiDatePicker/Overlays/YearPickerOverlay.spec.js

@@ -1,127 +0,0 @@
-"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"));
-
-/* eslint-disable */
-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/es/HiDatePicker/Caption.spec.js

@@ -1,68 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { spy } from 'sinon';
-import MomentLocaleUtils from 'react-day-picker/moment';
-import { createShallow, createMount, getClasses } from '../test-utils';
-import Caption from './Caption';
-describe('<Caption />', () => {
-  let shallow;
-  let mount;
-  let classes;
-  let wrapper;
-  const date = new Date();
-
-  var _ref = React.createElement(Caption, {
-    date: date,
-    localeUtils: MomentLocaleUtils
-  });
-
-  before(() => {
-    shallow = createShallow({
-      untilSelector: 'Badge'
-    });
-    mount = createMount();
-    classes = getClasses(_ref);
-  });
-  after(() => {
-    mount.cleanUp();
-  });
-
-  var _ref2 = React.createElement(Caption, {
-    date: date,
-    localeUtils: MomentLocaleUtils
-  });
-
-  describe('text with leftIcon', () => {
-    before(() => {
-      wrapper = shallow(_ref2);
-    });
-    it('should render a div containing two spans', () => {
-      assert.strictEqual(wrapper.name(), 'div');
-      assert.strictEqual(wrapper.childAt(0).is('span'), true, 'should be a span');
-      assert.strictEqual(wrapper.childAt(2).is('span'), true, 'should be a span');
-    });
-    it('should merge user classes & spread custom props to the root node', () => {
-      assert.strictEqual(wrapper.hasClass(classes.caption), true);
-    });
-  });
-  describe('mount', () => {
-    it('should call onDelete when clicking', () => {
-      const handleClickMonth = spy();
-      const handleClickYear = spy();
-      wrapper = mount(React.createElement(Caption, {
-        date: date,
-        localeUtils: MomentLocaleUtils,
-        onMonthClick: handleClickMonth,
-        onYearClick: handleClickYear
-      }));
-      assert.strictEqual(wrapper.find('span').length, 2, 'should have 2 spans');
-      wrapper.find('span').at(0).simulate('click');
-      assert.strictEqual(handleClickMonth.callCount, 1, 'should have been called once handleClickMonth');
-      assert.strictEqual(handleClickYear.callCount, 0, 'should not have been called handleClickYear');
-      wrapper.find('span').at(1).simulate('click');
-      assert.strictEqual(handleClickMonth.callCount, 1, 'should not have been called twice handleClickMonth');
-      assert.strictEqual(handleClickYear.callCount, 1, 'should have been called once handleClickYear');
-      wrapper.unmount();
-    });
-  });
-});

package/es/HiDatePicker/ListPicker.spec.js

@@ -1,50 +0,0 @@
-import React from 'react';
-import { assert } from 'chai';
-import { spy } from 'sinon';
-import { MenuList, MenuItem } from '@material-ui/core/Menu';
-import { createShallow, createMount } from '../test-utils/index';
-import ListPicker from './ListPicker';
-describe('<ListPicker />', () => {
-  let shallow;
-  let mount;
-  let itemList;
-  before(() => {
-    shallow = createShallow({
-      dive: true
-    });
-    mount = createMount();
-    itemList = [1, 2, 3, 4];
-  });
-  after(() => {
-    mount.cleanUp();
-  });
-  describe('shallow', () => {
-    it('renders a Scrollable MenuList', () => {
-      const handlerClick = spy();
-      const 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', () => {
-    it('should mount', () => {
-      const wrapper = mount(React.createElement(ListPicker, {
-        itemList: itemList,
-        onItemClick: () => {},
-        selectedItem: 2,
-        initAtMiddleScroll: true
-      }));
-      assert.strictEqual(wrapper.name(), 'WithStyles(ListPicker)');
-    });
-  });
-});

package/es/HiDatePicker/NavBar.spec.js

@@ -1,39 +0,0 @@
-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 />', () => {
-  let shallow;
-  before(() => {
-    shallow = createShallow({
-      dive: true
-    });
-  });
-  it('renders a Scrollable MenuList', () => {
-    const handlerNextClick = spy();
-    const handlerPreviousClick = spy();
-    const handlerClockClick = spy();
-    const nextMonth = new Date(2018, 3, 1);
-    const prevMonth = new Date(2018, 1, 1);
-    const 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/MonthPickerOverlay.spec.js

@@ -1,53 +0,0 @@
-/* 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';
-
-var _ref = React.createElement("span", null, "children");
-
-var _ref2 = React.createElement("span", null, "children");
-
-describe('<MonthPickerOverlay />', () => {
-  let shallow;
-  before(() => {
-    shallow = createShallow({
-      dive: true
-    });
-  });
-  it('renders a functional month ListPicker', () => {
-    const handlerChange = spy();
-    const aprilLabel = 'April';
-    const januaryDate = new Date(1992, 0, 9);
-    const aprilDate = new Date(1992, 3, 9);
-    const wrapper = shallow(React.createElement(MonthPickerOverlay, {
-      value: januaryDate,
-      onChange: handlerChange,
-      localeUtils: MomentLocaleUtils
-    }, _ref));
-    assert.strictEqual(wrapper.name(), 'CustomOverlayLayout', 'should render a CustomOverlayLayout');
-    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', () => {
-    const handlerChange = spy();
-    const januaryDate = new Date(1992, 0, 9);
-    const localeUtils = {
-      getMonths: () => ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December', 'Other']
-    };
-    const wrapper = shallow(React.createElement(MonthPickerOverlay, {
-      value: januaryDate,
-      onChange: handlerChange,
-      localeUtils: localeUtils
-    }, _ref2));
-    assert.strictEqual(wrapper.name(), 'CustomOverlayLayout', 'should render a CustomOverlayLayout');
-    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/es/HiDatePicker/Overlays/Overlay.spec.js

@@ -1,25 +0,0 @@
-/* eslint-disable */
-import React from 'react';
-import { assert } from 'chai';
-import { createShallow, getClasses } from '../../test-utils/index';
-import Overlay from './Overlay';
-
-var _ref = React.createElement(Overlay, null);
-
-var _ref2 = React.createElement(Overlay, null, React.createElement("span", null, "children"));
-
-describe('<Overlay />', () => {
-  let shallow;
-  let classes;
-  before(() => {
-    shallow = createShallow({
-      dive: true
-    });
-    classes = getClasses(_ref);
-  });
-  it('renders a div containing a DayPickerInput', () => {
-    const wrapper = shallow(_ref2);
-    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/es/HiDatePicker/Overlays/TimePickerOverlay.spec.js

@@ -1,53 +0,0 @@
-/* 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';
-
-var _ref = React.createElement("span", null, "children");
-
-var _ref2 = React.createElement("span", null, "children");
-
-describe('<TimePickerOverlay />', () => {
-  let shallow;
-  before(() => {
-    shallow = createShallow({
-      dive: true
-    });
-  });
-  it('renders a functional hour & minute ListPicker', () => {
-    const handlerChange = spy();
-    const handlerCalendarClick = spy();
-    const hour = 16;
-    const minute = 17;
-    const date = new Date(1992, 3, 9, 0, 0);
-    const dateHour = new Date(1992, 3, 9, hour, 0);
-    const dateMinute = new Date(1992, 3, 9, 0, minute);
-    const wrapper = shallow(React.createElement(TimePickerOverlay, {
-      value: date,
-      onChange: handlerChange,
-      onCalendarClick: handlerCalendarClick
-    }, _ref));
-    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', () => {
-    const hour = 16;
-    const minute = 17;
-    const date = new Date(1992, 3, 9, 0, 0);
-    const wrapper = shallow(React.createElement(TimePickerOverlay, {
-      value: date
-    }, _ref2));
-    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/es/HiDatePicker/Overlays/YearPickerOverlay.spec.js

@@ -1,92 +0,0 @@
-/* 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';
-
-var _ref = React.createElement("span", null, "children");
-
-var _ref2 = React.createElement("span", null, "children");
-
-var _ref3 = React.createElement("span", null, "children");
-
-var _ref4 = React.createElement("span", null, "children");
-
-var _ref5 = React.createElement(YearPickerOverlay, {
-  disableFutureDays: true
-}, React.createElement("span", null, "children"));
-
-describe('<YearPickerOverlay />', () => {
-  let shallow;
-  before(() => {
-    shallow = createShallow({
-      dive: true
-    });
-  });
-  it('renders a functional year ListPicker', () => {
-    const handlerChange = spy();
-    const date = new Date(2018, 3, 9);
-    const dateUpYear = new Date(2022, 3, 9);
-    const dateDownYear = new Date(2014, 3, 9);
-    const wrapper = shallow(React.createElement(YearPickerOverlay, {
-      value: date,
-      onChange: handlerChange
-    }, _ref));
-    assert.strictEqual(wrapper.name(), 'CustomOverlayLayout', 'should render a CustomOverlayLayout');
-    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', () => {
-    const handlerChange = spy();
-    const currentDate = new Date();
-    const wrapper = shallow(React.createElement(YearPickerOverlay, {
-      onChange: handlerChange
-    }, _ref2));
-    assert.strictEqual(wrapper.name(), 'CustomOverlayLayout', 'should render a CustomOverlayLayout');
-    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');
-    currentDate.setFullYear(2022);
-    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', () => {
-    const date = new Date(2018, 3, 9);
-    const wrapper = shallow(React.createElement(YearPickerOverlay, {
-      value: date
-    }, _ref3));
-    assert.strictEqual(wrapper.name(), 'CustomOverlayLayout', 'should render a CustomOverlayLayout');
-    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', () => {
-    const handlerChange = spy();
-    const wrapper = shallow(React.createElement(YearPickerOverlay, {
-      onChange: handlerChange,
-      disablePastDays: true
-    }, _ref4));
-    assert.strictEqual(wrapper.name(), 'CustomOverlayLayout', 'should render a CustomOverlayLayout');
-    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', () => {
-    const wrapper = shallow(_ref5);
-    assert.strictEqual(wrapper.name(), 'CustomOverlayLayout', 'should render a CustomOverlayLayout');
-    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');
-  });
-});