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

package/HiBadge/HiBadge.test.js

@@ -0,0 +1,49 @@
+import React from 'react';
+import { assert } from 'chai';
+import { createShallow, getClasses } from '../test-utils';
+import HiBadge from './HiBadge';
+describe('<HiBadge />', function () {
+  var shallow;
+  var classes;
+  before(function () {
+    shallow = createShallow({
+      untilSelector: 'Badge'
+    });
+    classes = getClasses(React.createElement(HiBadge, {
+      value: 5
+    }, React.createElement("div", {
+      className: "unique"
+    }, "Hello World")));
+  });
+  var testChildren = React.createElement("div", {
+    className: "unique"
+  }, "Hello World");
+  it('renders children and badgeContent', function () {
+    var wrapper = shallow(React.createElement(HiBadge, {
+      value: 5
+    }, testChildren));
+    assert.strictEqual(wrapper.contains(testChildren), true, 'should contain the children');
+    assert.strictEqual(wrapper.text(), 'Hello World5', 'should contain the children with badge value < 100');
+    assert.ok(wrapper.find('span').length, 'should contain the badgeContent');
+    assert.strictEqual(wrapper.find('span').at(1).hasClass(classes.badge), true, 'should have badge class');
+    assert.strictEqual(wrapper.find('span').at(1).hasClass(classes.shortBadge), true, 'should have shortBadge class');
+  });
+  it('renders children and badgeContent', function () {
+    var wrapper = shallow(React.createElement(HiBadge, {
+      value: 500
+    }, testChildren));
+    assert.strictEqual(wrapper.contains(testChildren), true, 'should contain the children');
+    assert.strictEqual(wrapper.text(), 'Hello World+100', 'should contain the children with badge value > 100');
+    assert.ok(wrapper.find('span').length, 'should contain the badgeContent');
+    assert.strictEqual(wrapper.find('span').at(1).hasClass(classes.longBadge), true, 'should have longBadge class');
+  });
+  it('renders children and badgeContent', function () {
+    var wrapper = shallow(React.createElement(HiBadge, {
+      value: 50
+    }, testChildren));
+    assert.strictEqual(wrapper.contains(testChildren), true, 'should contain the children');
+    assert.strictEqual(wrapper.text(), 'Hello World50', 'should contain the children with badge value = 50');
+    assert.ok(wrapper.find('span').length, 'should contain the badgeContent');
+    assert.strictEqual(wrapper.find('span').at(1).hasClass(classes.mediumBadge), true, 'should have mediumBadge class');
+  });
+});

package/HiBadge/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 _HiBadge.default;
-  }
-});
-
-var _HiBadge = _interopRequireDefault(require("./HiBadge"));
+export { default } from './HiBadge';

package/HiBreadcrumb/HiBreadcrumb.js

@@ -1,62 +1,45 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
-var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _HiStep = _interopRequireDefault(require("./HiStep"));
-
-var _HiStepLabel = _interopRequireDefault(require("./HiStepLabel"));
-
-var _HiStepper = _interopRequireDefault(require("./HiStepper"));
+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 HiStep from './HiStep';
+import HiStepLabel from './HiStepLabel';
+import HiStepper from './HiStepper';
 
 var HiBreadcrumb =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  (0, _inherits2.default)(HiBreadcrumb, _React$PureComponent);
+  _inherits(HiBreadcrumb, _React$PureComponent);
 
   function HiBreadcrumb() {
     var _getPrototypeOf2;
 
     var _this;
 
-    (0, _classCallCheck2.default)(this, HiBreadcrumb);
+    _classCallCheck(this, HiBreadcrumb);
 
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
-    _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(HiBreadcrumb)).call.apply(_getPrototypeOf2, [this].concat(args)));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleStep", function (idx) {
+    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(HiBreadcrumb)).call.apply(_getPrototypeOf2, [this].concat(args)));
+
+    _defineProperty(_assertThisInitialized(_this), "handleStep", function (idx) {
       return function () {
         if (_this.props.disableNavigation === false) {
           _this.props.handleStep(idx);
         }
       };
     });
+
     return _this;
   }
 
-  (0, _createClass2.default)(HiBreadcrumb, [{
+  _createClass(HiBreadcrumb, [{
     key: "render",
     value: function render() {
       var _this2 = this;
@@ -67,12 +50,12 @@ function (_React$PureComponent) {
           steps = _this$props.steps,
           type = _this$props.type,
           disableNavigation = _this$props.disableNavigation;
-      return _react.default.createElement(_HiStepper.default, {
+      return React.createElement(HiStepper, {
         activeStep: activeStep,
         type: type
-      }, _react.default.createElement(_react.default.Fragment, null, steps.map(function (step, index) {
+      }, React.createElement(React.Fragment, null, steps.map(function (step, index) {
         var validConnector = step.status === 'validated' && index < steps.length - 1 && (steps[index + 1].status === 'validated' || steps[index + 1].status === 'active');
-        return _react.default.createElement(_HiStep.default, {
+        return React.createElement(HiStep, {
           index: step.id,
           content: step.content,
           key: step.id,
@@ -82,7 +65,7 @@ function (_React$PureComponent) {
           type: type,
           steps: steps,
           active: activeStep === step.id
-        }, _react.default.createElement(_HiStepLabel.default, {
+        }, React.createElement(HiStepLabel, {
           classes: classes,
           active: activeStep === step.id,
           status: step.status,
@@ -93,13 +76,14 @@ function (_React$PureComponent) {
       })));
     }
   }]);
+
   return HiBreadcrumb;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
-(0, _defineProperty2.default)(HiBreadcrumb, "defaultProps", {
+_defineProperty(HiBreadcrumb, "defaultProps", {
   activeStep: 0,
   type: 'back',
   disableNavigation: false
 });
-var _default = HiBreadcrumb;
-exports.default = _default;
+
+export default HiBreadcrumb;

package/HiBreadcrumb/HiBreadcrumb.test.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import { assert } from 'chai';
+import { spy } from 'sinon';
+import { createShallow } from '../test-utils';
+import HiBreadcrumb from './HiBreadcrumb';
+import HiStep from './HiStep';
+describe('<HiBreadcrumb />', function () {
+  var shallow;
+  var wrapper;
+  var handleStep = spy();
+  before(function () {
+    shallow = createShallow();
+    wrapper = shallow(React.createElement(HiBreadcrumb, {
+      activeStep: 0,
+      steps: [{
+        id: 0,
+        status: 'unreviewed',
+        label: 'test',
+        notificationNumber: 2
+      }, {
+        id: 1,
+        status: 'validated',
+        label: 'test',
+        notificationNumber: 0
+      }, {
+        id: 2,
+        status: 'active',
+        label: 'test',
+        notificationNumber: 1
+      }],
+      handleStep: handleStep
+    }));
+  });
+  it('should render a HiStepper component', function () {
+    assert.strictEqual(wrapper.dive().name(), 'HiStepper');
+  });
+  it('should check its props', function () {
+    assert.strictEqual(wrapper.find(HiStep).length, 3);
+  });
+  it('should have its callbacks checked', function () {
+    wrapper.dive().find(HiStep).at(1).props().onClick();
+    assert.strictEqual(handleStep.calledOnce, true);
+  });
+});

package/HiBreadcrumb/HiStep.js

@@ -1,39 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.styles = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
-var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _HiStepConnector = _interopRequireDefault(require("./HiStepConnector"));
-
-var _HiStepContent = _interopRequireDefault(require("./HiStepContent"));
-
-var styles = function styles() {
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+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 classNames from 'classnames';
+import HiStepConnector from './HiStepConnector';
+import HiStepContent from './HiStepContent';
+export var styles = function styles() {
   return {
     lastStep: {
       marginBottom: 40
@@ -44,35 +22,36 @@ var styles = function styles() {
   };
 };
 
-exports.styles = styles;
-
 var HiStep =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  (0, _inherits2.default)(HiStep, _React$PureComponent);
+  _inherits(HiStep, _React$PureComponent);
 
   function HiStep() {
     var _getPrototypeOf2;
 
     var _this;
 
-    (0, _classCallCheck2.default)(this, HiStep);
+    _classCallCheck(this, HiStep);
 
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
-    _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(HiStep)).call.apply(_getPrototypeOf2, [this].concat(args)));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "focus", function () {
+    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(HiStep)).call.apply(_getPrototypeOf2, [this].concat(args)));
+
+    _defineProperty(_assertThisInitialized(_this), "focus", function () {
       return _this.ref.focus;
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleRef", function (component) {
+
+    _defineProperty(_assertThisInitialized(_this), "handleRef", function (component) {
       _this.ref = component;
     });
+
     return _this;
   }
 
-  (0, _createClass2.default)(HiStep, [{
+  _createClass(HiStep, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -86,43 +65,42 @@ function (_React$PureComponent) {
           steps = _this$props.steps,
           type = _this$props.type,
           validConnector = _this$props.validConnector;
-      return _react.default.createElement("div", {
+      return React.createElement("div", {
         role: "button",
         tabIndex: index,
-        className: (0, _classnames.default)(classes.step, (0, _defineProperty2.default)({}, classes.lastStep, isLast && type !== 'back')),
+        className: classNames(classes.step, _defineProperty({}, classes.lastStep, isLast && type !== 'back')),
         onClick: onClick,
         onKeyDown: onClick
-      }, _react.default.Children.map(children, function (child) {
-        return _react.default.cloneElement(child, (0, _objectSpread2.default)({
+      }, React.Children.map(children, function (child) {
+        return React.cloneElement(child, _objectSpread({
           active: active
         }, child.props));
-      }), !isLast && _react.default.createElement(_HiStepConnector.default, {
+      }), !isLast && React.createElement(HiStepConnector, {
         validConnector: validConnector,
         type: type,
         steps: steps,
         active: active,
         content: content
-      }), content && active && isLast && type === 'front-light' && _react.default.createElement(_HiStepContent.default, {
+      }), content && active && isLast && type === 'front-light' && React.createElement(HiStepContent, {
         content: content,
         isLast: true
       }));
     }
   }]);
+
   return HiStep;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
-(0, _defineProperty2.default)(HiStep, "defaultProps", {
+_defineProperty(HiStep, "defaultProps", {
   active: false,
-  content: _react.default.createElement("span", null),
+  content: React.createElement("span", null),
   isLast: false,
   steps: [],
   type: 'back',
   validConnector: false
 });
 
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   hiComponent: true,
   name: 'MuiHiStep'
-})(HiStep);
-
-exports.default = _default;
+})(HiStep);

package/HiBreadcrumb/HiStep.test.js

@@ -0,0 +1,47 @@
+import React from 'react';
+import { assert } from 'chai';
+import { createShallow } from '../test-utils';
+import HiStep from './HiStep';
+describe('<HiStep />', function () {
+  var shallow;
+  before(function () {
+    shallow = createShallow();
+  });
+  it('should render a HiStep component', function () {
+    var wrapper = shallow(React.createElement(HiStep, {
+      index: 0
+    }));
+    assert.strictEqual(wrapper.name(), 'HiStep');
+  });
+  it('should render a connector', function () {
+    var wrapper = shallow(React.createElement(HiStep, {
+      index: 0
+    }));
+    assert.strictEqual(wrapper.dive().find('WithStyles(HiStepConnector)').dive().name(), 'HiStepConnector');
+  });
+  it("should not render a connector if it's the last step", function () {
+    var wrapper = shallow(React.createElement(HiStep, {
+      isLast: true,
+      index: 0
+    }));
+    assert.strictEqual(wrapper.dive().find('WithStyles(HiStepConnector)').length, 0);
+  });
+  it("should render some content if it's the last step and it's a front-light breadcrumb", function () {
+    var wrapper = shallow(React.createElement(HiStep, {
+      isLast: true,
+      index: 0,
+      type: "front-light",
+      content: React.createElement("div", null, "Some content"),
+      active: true
+    }));
+    assert.strictEqual(wrapper.dive().childAt(0).dive().name(), 'HiStepContent');
+  });
+  it('should render its children', function () {
+    var wrapper = shallow(React.createElement(HiStep, {
+      index: 0
+    }, React.createElement("div", {
+      id: "test"
+    }, "label test")));
+    assert.strictEqual(wrapper.dive().find('div#test').props().active, false);
+  });
+});

package/HiBreadcrumb/HiStepConnector.js

@@ -1,39 +1,16 @@
-"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 _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _HiStepContent = _interopRequireDefault(require("./HiStepContent"));
-
-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 React from 'react';
+import classNames from 'classnames';
+import { withStyles } from '@material-ui/core/styles';
+import HiStepContent from './HiStepContent';
+export var styles = function styles(theme) {
   return {
     root: {
       display: 'flex',
@@ -61,27 +38,25 @@ var styles = function styles(theme) {
  * @ignore - internal component.
  */
 
-
-exports.styles = styles;
-
 var HiStepConnector =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  (0, _inherits2.default)(HiStepConnector, _React$PureComponent);
+  _inherits(HiStepConnector, _React$PureComponent);
 
   function HiStepConnector(props) {
     var _this;
 
-    (0, _classCallCheck2.default)(this, HiStepConnector);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiStepConnector).call(this, props));
+    _classCallCheck(this, HiStepConnector);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(HiStepConnector).call(this, props));
     _this.state = {
       height: 800
     };
-    _this.updateWindowDimensions = _this.updateWindowDimensions.bind((0, _assertThisInitialized2.default)(_this));
+    _this.updateWindowDimensions = _this.updateWindowDimensions.bind(_assertThisInitialized(_this));
     return _this;
   }
 
-  (0, _createClass2.default)(HiStepConnector, [{
+  _createClass(HiStepConnector, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.updateWindowDimensions();
@@ -112,10 +87,11 @@ function (_React$PureComponent) {
           steps = _this$props.steps,
           type = _this$props.type,
           validConnector = _this$props.validConnector,
-          other = (0, _objectWithoutProperties2.default)(_this$props, ["active", "className", "classes", "content", "steps", "type", "validConnector"]);
+          other = _objectWithoutProperties(_this$props, ["active", "className", "classes", "content", "steps", "type", "validConnector"]);
+
       var height = this.state.height;
-      var className = (0, _classnames.default)(classes.root, classNameProp);
-      var lineClassName = (0, _classnames.default)(classes.line, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.greenLine, validConnector), (0, _defineProperty2.default)(_classNames, classes.lightLine, type === 'front-light'), _classNames));
+      var className = classNames(classes.root, classNameProp);
+      var lineClassName = classNames(classes.line, (_classNames = {}, _defineProperty(_classNames, classes.greenLine, validConnector), _defineProperty(_classNames, classes.lightLine, type === 'front-light'), _classNames));
       var lineHeight = 40;
 
       if (type !== 'back') {
@@ -135,30 +111,29 @@ function (_React$PureComponent) {
         };
       }
 
-      return _react.default.createElement("div", (0, _extends2.default)({
+      return React.createElement("div", Object.assign({
         className: className
-      }, other), _react.default.createElement("span", {
+      }, other), React.createElement("span", {
         className: lineClassName,
         style: heightStyle
-      }), type === 'front-light' && active && content && _react.default.createElement(_HiStepContent.default, {
+      }), type === 'front-light' && active && content && React.createElement(HiStepContent, {
         content: content
       }));
     }
   }]);
+
   return HiStepConnector;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
-(0, _defineProperty2.default)(HiStepConnector, "defaultProps", {
+_defineProperty(HiStepConnector, "defaultProps", {
   active: false,
-  content: _react.default.createElement("span", null),
+  content: React.createElement("span", null),
   steps: [],
   type: 'back',
   validConnector: false
 });
 
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   hiComponent: true,
   name: 'HiMuiHiStepConnector'
-})(HiStepConnector);
-
-exports.default = _default;
+})(HiStepConnector);