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

package/HiPdfReader/HiPdfReader.js

@@ -1,43 +1,19 @@
-"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 _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 _HiButton = _interopRequireDefault(require("../HiButton"));
-
-var _HiIcon = _interopRequireDefault(require("../HiIcon"));
-
-var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress/"));
-
-var _styles = require("@material-ui/core/styles");
-
-// import ChevronLeftIcon from '@material-ui/icons/ChevronLeft';
+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 HiButton from '../HiButton';
+import HiIcon from '../HiIcon'; // import ChevronLeftIcon from '@material-ui/icons/ChevronLeft';
 // import ChevronRightIcon from '@material-ui/icons/ChevronRight/';
-var styles = function styles(theme) {
+
+import CircularProgress from '@material-ui/core/CircularProgress/';
+import { withStyles } from '@material-ui/core/styles';
+export var styles = function styles(theme) {
   return {
     root: {
       position: 'relative'
@@ -82,47 +58,37 @@ var styles = function styles(theme) {
   };
 }; // Constantes utilisées pour le redimentionnement du PDF (format mobile par exemple)
 
-
-exports.styles = styles;
 var maxWindowWidth = 900;
 var maxPdfWidth = 600;
 var Document;
 var Page;
 
-var _ref2 = _react.default.createElement(_CircularProgress.default, null);
-
-var _ref3 = _react.default.createElement(_HiIcon.default, {
-  icon: "chevron_left"
-});
-
-var _ref4 = _react.default.createElement(_HiIcon.default, {
-  icon: "chevron_right"
-});
-
 var HiPdfReader =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  (0, _inherits2.default)(HiPdfReader, _React$PureComponent);
+  _inherits(HiPdfReader, _React$PureComponent);
 
   function HiPdfReader() {
     var _getPrototypeOf2;
 
     var _this;
 
-    (0, _classCallCheck2.default)(this, HiPdfReader);
+    _classCallCheck(this, HiPdfReader);
 
     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)(HiPdfReader)).call.apply(_getPrototypeOf2, [this].concat(args)));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(HiPdfReader)).call.apply(_getPrototypeOf2, [this].concat(args)));
+
+    _defineProperty(_assertThisInitialized(_this), "state", {
       numPages: null,
       pageNumber: 1,
       error: false,
       width: 600
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleLoadSuccess", function (_ref) {
+
+    _defineProperty(_assertThisInitialized(_this), "handleLoadSuccess", function (_ref) {
       var numPages = _ref.numPages;
 
       _this.setState({
@@ -130,29 +96,33 @@ function (_React$PureComponent) {
         error: false
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleLoadError", function () {
+
+    _defineProperty(_assertThisInitialized(_this), "handleLoadError", function () {
       _this.setState({
         error: true
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClickNextPage", function () {
+
+    _defineProperty(_assertThisInitialized(_this), "handleClickNextPage", function () {
       _this.setState(function (prevState) {
         return {
           pageNumber: prevState.pageNumber + 1
         };
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleClickPreviousPage", function () {
+
+    _defineProperty(_assertThisInitialized(_this), "handleClickPreviousPage", function () {
       _this.setState(function (prevState) {
         return {
           pageNumber: prevState.pageNumber - 1
         };
       });
     });
+
     return _this;
   }
 
-  (0, _createClass2.default)(HiPdfReader, [{
+  _createClass(HiPdfReader, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.updateDimensions();
@@ -194,52 +164,57 @@ function (_React$PureComponent) {
           pageNumber = _this$state.pageNumber,
           numPages = _this$state.numPages,
           error = _this$state.error;
+
       var _this$props = this.props,
           classes = _this$props.classes,
           file = _this$props.file,
           displayPagination = _this$props.displayPagination,
           displayNavigationButtons = _this$props.displayNavigationButtons,
-          props = (0, _objectWithoutProperties2.default)(_this$props, ["classes", "file", "displayPagination", "displayNavigationButtons"]);
+          props = _objectWithoutProperties(_this$props, ["classes", "file", "displayPagination", "displayNavigationButtons"]);
+
       if (!Document || !Page) return null;
-      return _react.default.createElement("div", {
+      return React.createElement("div", {
         className: classes.root
-      }, _react.default.createElement(Document, (0, _extends2.default)({
+      }, React.createElement(Document, Object.assign({
         className: classes.style,
         file: file,
         onLoadSuccess: this.handleLoadSuccess,
         onLoadError: this.handleLoadError,
-        loading: _ref2
-      }, props), _react.default.createElement(Page, {
+        loading: React.createElement(CircularProgress, null)
+      }, props), React.createElement(Page, {
         pageNumber: pageNumber,
         renderAnnotations: false,
         renderTextLayer: false,
         width: this.state.width
-      })), !error && numPages > 1 && displayPagination && _react.default.createElement("span", {
+      })), !error && numPages > 1 && displayPagination && React.createElement("span", {
         className: classes.pageNumber
-      }, "Page ", pageNumber, " sur ", numPages), !error && numPages > 1 && displayNavigationButtons && _react.default.createElement("span", {
+      }, "Page ", pageNumber, " sur ", numPages), !error && numPages > 1 && displayNavigationButtons && React.createElement("span", {
         className: classes.pagesNavigation
-      }, _react.default.createElement(_HiButton.default, {
+      }, React.createElement(HiButton, {
         onClick: this.handleClickPreviousPage,
         disabled: pageNumber === 1,
         className: classes.navigationButton
-      }, _ref3), _react.default.createElement(_HiButton.default, {
+      }, React.createElement(HiIcon, {
+        icon: "chevron_left"
+      })), React.createElement(HiButton, {
         onClick: this.handleClickNextPage,
         disabled: pageNumber === numPages,
         className: classes.navigationButton
-      }, _ref4)));
+      }, React.createElement(HiIcon, {
+        icon: "chevron_right"
+      }))));
     }
   }]);
+
   return HiPdfReader;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
-(0, _defineProperty2.default)(HiPdfReader, "defaultProps", {
+_defineProperty(HiPdfReader, "defaultProps", {
   displayPagination: true,
   displayNavigationButtons: true
 });
 
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   name: 'HmuiHiPdfReader',
   index: 51
-})(HiPdfReader);
-
-exports.default = _default;
+})(HiPdfReader);

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

package/HiPin/HiPin.js

@@ -1,23 +1,8 @@
-"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 _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 styles = function styles(theme) {
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import React from 'react';
+import classNames from 'classnames';
+import { withStyles } from '@material-ui/core/styles';
+export var styles = function styles(theme) {
   return {
     root: {
       display: 'inline-block',
@@ -72,9 +57,6 @@ var styles = function styles(theme) {
  *
  */
 
-
-exports.styles = styles;
-
 function HiPin(props) {
   var _classNames;
 
@@ -83,8 +65,8 @@ function HiPin(props) {
       color = props.color,
       onClick = props.onClick,
       className = props.className;
-  var pinClass = (0, _classnames.default)(classes.root, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.clickable, onClick), (0, _defineProperty2.default)(_classNames, classes.primary, color === 'primary'), (0, _defineProperty2.default)(_classNames, classes.secondary, color === 'secondary'), (0, _defineProperty2.default)(_classNames, classes.positive, color === 'positive'), (0, _defineProperty2.default)(_classNames, classes.negative, color === 'negative'), (0, _defineProperty2.default)(_classNames, classes.middle, color === 'middle'), (0, _defineProperty2.default)(_classNames, classes.neutral, color === 'neutral'), _classNames), className);
-  return _react.default.createElement("div", (0, _extends2.default)({
+  var pinClass = classNames(classes.root, (_classNames = {}, _defineProperty(_classNames, classes.clickable, onClick), _defineProperty(_classNames, classes.primary, color === 'primary'), _defineProperty(_classNames, classes.secondary, color === 'secondary'), _defineProperty(_classNames, classes.positive, color === 'positive'), _defineProperty(_classNames, classes.negative, color === 'negative'), _defineProperty(_classNames, classes.middle, color === 'middle'), _defineProperty(_classNames, classes.neutral, color === 'neutral'), _classNames), className);
+  return React.createElement("div", Object.assign({
     className: pinClass
   }, onClick && {
     onClick: onClick,
@@ -95,10 +77,7 @@ function HiPin(props) {
 HiPin.defaultProps = {
   color: 'default'
 };
-
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   hiComponent: true,
   name: 'HmuiHiPin'
-})(HiPin);
-
-exports.default = _default;
+})(HiPin);

package/HiPin/HiPin.test.js

@@ -0,0 +1,61 @@
+import React from 'react';
+import { assert } from 'chai';
+import { createShallow, getClasses } from '../test-utils';
+import HiPin from './HiPin';
+describe('<HiPin />', function () {
+  var shallow;
+  var classes;
+  before(function () {
+    shallow = createShallow({
+      dive: true
+    });
+    classes = getClasses(React.createElement(HiPin, null, "x"));
+  });
+  it('should render a <div> element', function () {
+    var wrapper = shallow(React.createElement(HiPin, null, "x"));
+    assert.strictEqual(wrapper.find('div').length, 1);
+  });
+  it('should render clickable <div> component', function () {
+    var wrapper = shallow(React.createElement(HiPin, {
+      onClick: function onClick() {}
+    }, "x"));
+    assert.strictEqual(wrapper.hasClass(classes.root), true);
+    assert.strictEqual(wrapper.hasClass(classes.clickable), true);
+  });
+  it('should render primary color prop to <div> component', function () {
+    var wrapper = shallow(React.createElement(HiPin, {
+      color: "primary"
+    }, "x"));
+    assert.strictEqual(wrapper.hasClass(classes.primary), true);
+  });
+  it('should render secondary color prop to <div> component', function () {
+    var wrapper = shallow(React.createElement(HiPin, {
+      color: "secondary"
+    }, "x"));
+    assert.strictEqual(wrapper.hasClass(classes.secondary), true);
+  });
+  it('should render with the positive classes', function () {
+    var wrapper = shallow(React.createElement(HiPin, {
+      color: "positive"
+    }, "x"));
+    assert.strictEqual(wrapper.hasClass(classes.positive), true);
+  });
+  it('should render with the negative classes', function () {
+    var wrapper = shallow(React.createElement(HiPin, {
+      color: "negative"
+    }, "x"));
+    assert.strictEqual(wrapper.hasClass(classes.negative), true);
+  });
+  it('should render with the middle classes', function () {
+    var wrapper = shallow(React.createElement(HiPin, {
+      color: "middle"
+    }, "x"));
+    assert.strictEqual(wrapper.hasClass(classes.middle), true);
+  });
+  it('should render with the neutral classes', function () {
+    var wrapper = shallow(React.createElement(HiPin, {
+      color: "neutral"
+    }, "x"));
+    assert.strictEqual(wrapper.hasClass(classes.neutral), true);
+  });
+});

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

package/HiRadio/HiRadio.js

@@ -1,20 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.styles = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
-
 // @inheritedComponent Radio
-var styles = function styles(theme) {
+import React from 'react';
+import { withStyles } from '@material-ui/core/styles';
+import Radio from '@material-ui/core/Radio';
+export var styles = function styles(theme) {
   return {
     checked: {
       color: theme.palette.neutral.main
@@ -29,8 +17,6 @@ var styles = function styles(theme) {
   };
 };
 
-exports.styles = styles;
-
 var HiRadio = function HiRadio(_ref) {
   var checked = _ref.checked,
       classes = _ref.classes,
@@ -41,7 +27,7 @@ var HiRadio = function HiRadio(_ref) {
       onChange = _ref.onChange,
       value = _ref.value;
   var hcolor = ['positive', 'negative', 'middle', 'neutral', 'inherit'].includes(color) ? 'default' : color;
-  return _react.default.createElement(_Radio.default, {
+  return React.createElement(Radio, {
     className: className,
     classes: {
       root: classes.root,
@@ -58,10 +44,7 @@ var HiRadio = function HiRadio(_ref) {
 };
 
 HiRadio.defaultProps = {};
-
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   hiComponent: true,
   name: 'HmuiHiRadio'
-})(HiRadio);
-
-exports.default = _default;
+})(HiRadio);

package/HiRadio/HiRadio.test.js

@@ -0,0 +1,57 @@
+import React from 'react';
+import { assert } from 'chai';
+import { spy } from 'sinon';
+import { createMount, createShallow } from '../test-utils';
+import Radio from '@material-ui/core/Radio';
+import HiRadio from './HiRadio';
+describe('<HiRadio/>', function () {
+  var shallow;
+  var mount;
+  before(function () {
+    shallow = createShallow({
+      dive: true
+    });
+  });
+  beforeEach(function () {
+    mount = createMount();
+  });
+  afterEach(function () {
+    mount.cleanUp();
+  });
+  it('Should render a Radio', function () {
+    var wrapper = shallow(React.createElement(HiRadio, null));
+    assert.strictEqual(wrapper.find(Radio).length, 1, 'render Radio');
+  });
+  var event = {
+    target: {
+      checked: false
+    }
+  };
+  it('should call onChange exactly once with event', function () {
+    var onChangeSpy = spy();
+    var wrapper = mount(React.createElement(HiRadio, {
+      onChange: onChangeSpy
+    }));
+    assert.strictEqual(onChangeSpy.callCount, 0);
+    wrapper.find('input').simulate('change', event);
+    assert.strictEqual(onChangeSpy.callCount, 1);
+    assert.strictEqual(onChangeSpy.args[0][0].target, event.target);
+    onChangeSpy.resetHistory();
+  });
+  it('should call onChange exactly once with event', function () {
+    var onChangeSpy = spy();
+    var wrapper = mount(React.createElement(HiRadio, {
+      onChange: onChangeSpy
+    }));
+    assert.strictEqual(onChangeSpy.callCount, 0);
+    wrapper.find('input').simulate('change', null);
+    assert.strictEqual(onChangeSpy.callCount, 1);
+    onChangeSpy.resetHistory();
+  });
+  it('should mount', function () {
+    var wrapper = mount(React.createElement(HiRadio, {
+      onChange: undefined
+    }));
+    assert.strictEqual(wrapper.find(Radio).length, 1, 'render Radio');
+  });
+});

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