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

package/es/HiDatePicker/Weekday.js

@@ -1,13 +1,4 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
+import React from 'react';
 
 var Weekday = function Weekday(_ref) {
   var weekday = _ref.weekday,
@@ -15,11 +6,10 @@ var Weekday = function Weekday(_ref) {
       localeUtils = _ref.localeUtils,
       locale = _ref.locale;
   var weekdayName = localeUtils.formatWeekdayLong(weekday, locale);
-  return _react.default.createElement("div", {
+  return React.createElement("div", {
     className: className,
     title: weekdayName
   }, weekdayName.slice(0, 1));
 };
 
-var _default = Weekday;
-exports.default = _default;
+export default Weekday;

package/es/HiDatePicker/hiLocaleUtils.js

@@ -1,9 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
 var WEEKDAYS_LONG = {
   en_US: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
   fr_FR: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi']
@@ -140,5 +134,4 @@ var HiLocaleUtils = {
   getMonths: getMonths,
   formatLocale: formatLocale
 };
-var _default = HiLocaleUtils;
-exports.default = _default;
+export default HiLocaleUtils;

package/es/HiDatePicker/hiLocaleUtils.test.js

@@ -0,0 +1,51 @@
+import { assert } from 'chai';
+import localeUtils from './hiLocaleUtils';
+describe('HiDatePicker/HiLocaleUtils.js', function () {
+  describe('formatLocale', function () {
+    it('should work', function () {
+      assert.strictEqual(localeUtils.formatLocale('fr_FR'), 'fr_FR');
+    });
+  });
+  describe('formatDay', function () {
+    it('should work', function () {
+      var d = new Date('2018-11-23');
+      assert.strictEqual(localeUtils.formatDay(d), 'Friday, 23 November 2018');
+      assert.strictEqual(localeUtils.formatDay(d, 'fr_FR'), 'Vendredi, 23 Novembre 2018');
+    });
+  });
+  describe('formatMonthTitle', function () {
+    it('should work', function () {
+      var d = new Date('2018-11-23');
+      assert.strictEqual(localeUtils.formatMonthTitle(d), 'November 2018');
+      assert.strictEqual(localeUtils.formatMonthTitle(d, 'fr_FR'), 'Novembre 2018');
+    });
+  });
+  describe('formatWeekdayShort', function () {
+    it('should work', function () {
+      assert.strictEqual(localeUtils.formatWeekdayShort(0), 'Su');
+      assert.strictEqual(localeUtils.formatWeekdayShort(0, 'fr_FR'), 'Di');
+    });
+  });
+  describe('formatWeekdayLong', function () {
+    it('should work', function () {
+      assert.strictEqual(localeUtils.formatWeekdayLong(0), 'Sunday');
+      assert.strictEqual(localeUtils.formatWeekdayLong(0, 'fr_FR'), 'Dimanche');
+    });
+  });
+  describe('getFirstDayOfWeek', function () {
+    it('should work', function () {
+      assert.strictEqual(localeUtils.getFirstDayOfWeek(), 0);
+      assert.strictEqual(localeUtils.getFirstDayOfWeek('fr_FR'), 1);
+    });
+  });
+  describe('getMonths', function () {
+    it('should work', function () {
+      var actualJSONUS = JSON.stringify(localeUtils.getMonths());
+      var expectedJSONUS = JSON.stringify(['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']);
+      assert.strictEqual(actualJSONUS, expectedJSONUS);
+      var actualJSONFR = JSON.stringify(localeUtils.getMonths('fr_FR'));
+      var expectedJSONFR = JSON.stringify(['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre']);
+      assert.strictEqual(actualJSONFR, expectedJSONFR);
+    });
+  });
+});

package/es/HiDatePicker/index.js

@@ -1,15 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _HiDatePicker.default;
-  }
-});
-
-var _HiDatePicker = _interopRequireDefault(require("./HiDatePicker"));
+export { default } from './HiDatePicker';

package/es/HiDatePicker/stylesheet.js

@@ -1,17 +1,6 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
-
-var _default = function _default(theme) {
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { fade } from '@material-ui/core/styles/colorManipulator';
+export default (function (theme) {
   return {
     root: {
       position: 'relative',
@@ -20,7 +9,7 @@ var _default = function _default(theme) {
       minWidth: 252,
       maxWidth: 500
     },
-    rootMobile: (0, _objectSpread2.default)({}, theme.typography.b1, {
+    rootMobile: _objectSpread({}, theme.typography.b1, {
       backgroundColor: theme.palette.background2,
       borderBottom: '1px solid #E0E0E0',
       borderLeft: 'none',
@@ -125,7 +114,7 @@ var _default = function _default(theme) {
       height: 40
     },
     // Cell displaying the weekday name
-    weekday: (0, _objectSpread2.default)({
+    weekday: _objectSpread({
       display: 'table-cell'
     }, theme.typography.body2, {
       color: theme.palette.neutral.main,
@@ -154,7 +143,7 @@ var _default = function _default(theme) {
       borderRight: '1px solid #eaecec'
     },
     // The single day cell
-    day: (0, _objectSpread2.default)({
+    day: _objectSpread({
       display: 'table-cell',
       padding: '4px 8px',
       textAlign: 'center',
@@ -174,7 +163,7 @@ var _default = function _default(theme) {
       width: '100%'
     },
     // The today button (only with todayButton prop)
-    todayButton: (0, _objectSpread2.default)({
+    todayButton: _objectSpread({
       display: 'table',
       minWidth: 230,
       margin: '0 auto',
@@ -189,7 +178,7 @@ var _default = function _default(theme) {
       fontWeight: theme.typography.fontWeightMedium,
       textTransform: 'uppercase',
       '&:hover': {
-        backgroundColor: (0, _colorManipulator.fade)(theme.palette.neutral.dark, theme.palette.action.hoverOpacity),
+        backgroundColor: fade(theme.palette.neutral.dark, theme.palette.action.hoverOpacity),
         // Reset on touch devices, it doesn't add specificity
         '@media (hover: none)': {
           backgroundColor: 'transparent'
@@ -261,6 +250,4 @@ var _default = function _default(theme) {
       }
     }
   };
-};
-
-exports.default = _default;
+});

package/es/HiDotsStepper/HiDot.js

@@ -1,37 +1,15 @@
-"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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _HiIcon = _interopRequireDefault(require("../HiIcon"));
-
-var _HiIconButton = _interopRequireDefault(require("../HiIconButton"));
-
-var styles = function styles() {
+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 _inherits from "@babel/runtime/helpers/esm/inherits";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import React from 'react';
+import { withStyles } from '@material-ui/core/styles';
+import HiIcon from '../HiIcon';
+import HiIconButton from '../HiIconButton';
+export var styles = function styles() {
   return {
     dot: {
       padding: 4,
@@ -42,27 +20,18 @@ var styles = function styles() {
   };
 };
 
-exports.styles = styles;
-
-var _ref = _react.default.createElement(_HiIcon.default, {
-  size: 24
-}, "radio_button_checked");
-
-var _ref2 = _react.default.createElement(_HiIcon.default, {
-  size: 12
-}, "lens");
-
 var HiDot =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  (0, _inherits2.default)(HiDot, _React$PureComponent);
+  _inherits(HiDot, _React$PureComponent);
 
   function HiDot() {
-    (0, _classCallCheck2.default)(this, HiDot);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiDot).apply(this, arguments));
+    _classCallCheck(this, HiDot);
+
+    return _possibleConstructorReturn(this, _getPrototypeOf(HiDot).apply(this, arguments));
   }
 
-  (0, _createClass2.default)(HiDot, [{
+  _createClass(HiDot, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -70,7 +39,8 @@ function (_React$PureComponent) {
           status = _this$props.status,
           classes = _this$props.classes,
           onClick = _this$props.onClick,
-          props = (0, _objectWithoutProperties2.default)(_this$props, ["active", "status", "classes", "onClick"]);
+          props = _objectWithoutProperties(_this$props, ["active", "status", "classes", "onClick"]);
+
       var dotColor;
 
       if (!status || status === 'unreviewed') {
@@ -79,24 +49,27 @@ function (_React$PureComponent) {
         dotColor = status === 'refused' ? 'negative' : 'positive';
       }
 
-      return _react.default.createElement(_HiIconButton.default, (0, _extends2.default)({
+      return React.createElement(HiIconButton, Object.assign({
         className: classes.dot,
         color: dotColor,
         onClick: onClick
-      }, props), active ? _ref : _ref2);
+      }, props), active ? React.createElement(HiIcon, {
+        size: 24
+      }, "radio_button_checked") : React.createElement(HiIcon, {
+        size: 12
+      }, "lens"));
     }
   }]);
+
   return HiDot;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
-(0, _defineProperty2.default)(HiDot, "defaultProps", {
+_defineProperty(HiDot, "defaultProps", {
   active: false,
   status: 'unreviewed'
 });
 
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   hiComponent: true,
   name: 'HmuiHiDot'
-})(HiDot);
-
-exports.default = _default;
+})(HiDot);

package/es/HiDotsStepper/HiDot.test.js

@@ -0,0 +1,55 @@
+import React from 'react';
+import { assert } from 'chai';
+import { createShallow } from '../test-utils';
+import HiDot from './HiDot';
+import HiIcon from '../HiIcon';
+describe('<HiDot />', function () {
+  var shallow;
+  before(function () {
+    shallow = createShallow();
+  });
+  describe('<HiDot />', function () {
+    it('should have its props correctly received', function () {
+      var wrapper = shallow(React.createElement(HiDot, {
+        active: true
+      }));
+      assert.strictEqual(wrapper.prop('active'), true);
+    });
+    it('should have good color applied : validated status', function () {
+      var wrapper = shallow(React.createElement(HiDot, {
+        status: "validated"
+      }));
+      assert.strictEqual(wrapper.dive().dive().props().color, 'positive');
+    });
+    it('should have good color applied : refused status', function () {
+      var wrapper = shallow(React.createElement(HiDot, {
+        status: "refused"
+      }));
+      assert.strictEqual(wrapper.dive().dive().props().color, 'negative');
+    });
+    it('should have good color applied : no status', function () {
+      var wrapper = shallow(React.createElement(HiDot, null));
+      assert.strictEqual(wrapper.dive().dive().props().color, 'default');
+    });
+    it('should have good size applied : active dot', function () {
+      var wrapper = shallow(React.createElement(HiDot, {
+        active: true
+      }));
+      assert.strictEqual(wrapper.dive().find(HiIcon).props().size, 24);
+    });
+    it('should have good size applied : default dot', function () {
+      var wrapper = shallow(React.createElement(HiDot, null));
+      assert.strictEqual(wrapper.dive().find(HiIcon).props().size, 12);
+    });
+    it('should have good icon applied : active dot', function () {
+      var wrapper = shallow(React.createElement(HiDot, {
+        active: true
+      }));
+      assert.strictEqual(wrapper.dive().find(HiIcon).props().children, 'radio_button_checked');
+    });
+    it('should have good icon applied : default dot', function () {
+      var wrapper = shallow(React.createElement(HiDot, null));
+      assert.strictEqual(wrapper.dive().find(HiIcon).props().children, 'lens');
+    });
+  });
+});

package/es/HiDotsStepper/HiDotsStepper.js

@@ -1,33 +1,14 @@
-"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 _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 _styles = require("@material-ui/core/styles");
-
-var _HiDot = _interopRequireDefault(require("./HiDot"));
-
-var styles = function styles() {
+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 { withStyles } from '@material-ui/core/styles';
+import HiDot from './HiDot';
+export var styles = function styles() {
   return {
     dotStepper: {
       width: '100%',
@@ -41,24 +22,25 @@ var styles = function styles() {
   };
 };
 
-exports.styles = styles;
-
 var HiDotsStepper =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  (0, _inherits2.default)(HiDotsStepper, _React$PureComponent);
+  _inherits(HiDotsStepper, _React$PureComponent);
 
   function HiDotsStepper(props) {
     var _this;
 
-    (0, _classCallCheck2.default)(this, HiDotsStepper);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiDotsStepper).call(this, props));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClick", function (activeStep) {
+    _classCallCheck(this, HiDotsStepper);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(HiDotsStepper).call(this, props));
+
+    _defineProperty(_assertThisInitialized(_this), "handleClick", function (activeStep) {
       return function () {
         _this.props.onChange(activeStep);
       };
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleNavigation", function (e) {
+
+    _defineProperty(_assertThisInitialized(_this), "handleNavigation", function (e) {
       var _this$props = _this.props,
           activeStep = _this$props.activeStep,
           steps = _this$props.steps;
@@ -71,12 +53,13 @@ function (_React$PureComponent) {
 
       _this.props.onChange(nextStep);
     });
-    _this.handleClick = _this.handleClick.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleNavigation = _this.handleNavigation.bind((0, _assertThisInitialized2.default)(_this));
+
+    _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_this));
+    _this.handleNavigation = _this.handleNavigation.bind(_assertThisInitialized(_this));
     return _this;
   }
 
-  (0, _createClass2.default)(HiDotsStepper, [{
+  _createClass(HiDotsStepper, [{
     key: "render",
     value: function render() {
       var _this2 = this;
@@ -85,12 +68,12 @@ function (_React$PureComponent) {
           classes = _this$props2.classes,
           activeStep = _this$props2.activeStep,
           steps = _this$props2.steps;
-      return _react.default.createElement("div", {
+      return React.createElement("div", {
         role: "presentation",
         className: classes.dotStepper,
         onKeyDown: this.handleNavigation
       }, steps.map(function (step, idx) {
-        return _react.default.createElement(_HiDot.default, {
+        return React.createElement(HiDot, {
           key: step.id,
           tabIndex: step.id,
           status: step.status,
@@ -100,12 +83,11 @@ function (_React$PureComponent) {
       }));
     }
   }]);
+
   return HiDotsStepper;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   hiComponent: true,
   name: 'HmuiHiDotsStepper'
-})(HiDotsStepper);
-
-exports.default = _default;
+})(HiDotsStepper);

package/es/HiDotsStepper/HiDotsStepper.test.js

@@ -0,0 +1,90 @@
+import React from 'react';
+import { assert } from 'chai';
+import { spy } from 'sinon';
+import { createShallow, createMount } from '../test-utils';
+import HiDotsStepper from './HiDotsStepper';
+import HiDot from './HiDot';
+describe('<HiDotsStepper />', function () {
+  var shallow;
+  var mount;
+  var wrapper;
+  var props = {
+    steps: [{
+      id: 0,
+      status: 'validated'
+    }, {
+      id: 1,
+      status: 'unreviewed'
+    }, {
+      id: 2,
+      status: 'refused'
+    }],
+    activeStep: 0
+  };
+  before(function () {
+    shallow = createShallow();
+  });
+  beforeEach(function () {
+    mount = createMount();
+  });
+  afterEach(function () {
+    mount.cleanUp();
+  });
+  describe('Working onClick & onNavigation callbacks', function () {
+    it('should test onClick callbacks', function () {
+      var handleChange = spy();
+      wrapper = shallow(React.createElement(HiDotsStepper, Object.assign({}, props, {
+        onChange: handleChange
+      })));
+      wrapper.dive().find(HiDot).at(1).props().onClick();
+      assert.strictEqual(handleChange.calledOnce, true);
+      assert.strictEqual(handleChange.calledWith(1), true);
+    });
+    it('should test onNavigation callbacks', function () {
+      var handleChange = spy();
+      wrapper = mount(React.createElement(HiDotsStepper, Object.assign({}, props, {
+        onChange: handleChange
+      })));
+      wrapper.find('button').at(0).simulate('focus'); // Active step = 0
+      // -> = 1
+
+      wrapper.find('div[role="presentation"]').at(0).simulate('keyDown', {
+        key: 'ArrowRight'
+      });
+      assert.strictEqual(handleChange.calledOnce, true);
+      assert.strictEqual(handleChange.calledWith(1), true); // <- = 2
+
+      wrapper.find('div[role="presentation"]').at(0).simulate('keyDown', {
+        key: 'ArrowLeft'
+      });
+      assert.strictEqual(handleChange.calledTwice, true);
+      assert.strictEqual(handleChange.calledWith(2), true); // Active step = 2
+
+      wrapper.setProps({
+        activeStep: 2
+      });
+      wrapper.update();
+      wrapper.find('button').at(2).simulate('focus'); // -> = 1
+
+      wrapper.find('div[role="presentation"]').at(0).simulate('keyDown', {
+        key: 'ArrowRight'
+      });
+      assert.strictEqual(handleChange.calledThrice, true);
+      assert.strictEqual(handleChange.calledWith(1), true); // <- = 1
+
+      wrapper.find('div[role="presentation"]').at(0).simulate('keyDown', {
+        key: 'ArrowLeft'
+      });
+      assert.strictEqual(handleChange.callCount, 4);
+      assert.strictEqual(handleChange.calledWith(1), true);
+    });
+  });
+  describe('mount', function () {
+    describe('callbacks', function () {
+      it('should instanciate correctly', function () {
+        wrapper = mount(React.createElement(HiDotsStepper, props));
+        assert.instanceOf(wrapper.instance(), HiDotsStepper);
+      });
+    });
+  });
+});

package/es/HiDotsStepper/index.js

@@ -1,23 +1,2 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "HiDot", {
-  enumerable: true,
-  get: function get() {
-    return _HiDot.default;
-  }
-});
-Object.defineProperty(exports, "HiDotsStepper", {
-  enumerable: true,
-  get: function get() {
-    return _HiDotsStepper.default;
-  }
-});
-
-var _HiDot = _interopRequireDefault(require("./HiDot"));
-
-var _HiDotsStepper = _interopRequireDefault(require("./HiDotsStepper"));
+export { default as HiDot } from './HiDot';
+export { default as HiDotsStepper } from './HiDotsStepper';