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

package/HiBreadcrumb/HiStepper.js

@@ -1,31 +1,13 @@
-"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 _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 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 _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';
+export var styles = function styles() {
   return {
     root: {
       width: '100%'
@@ -33,49 +15,45 @@ var styles = function styles() {
   };
 };
 
-exports.styles = styles;
-
 var HiStepper =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  (0, _inherits2.default)(HiStepper, _React$PureComponent);
+  _inherits(HiStepper, _React$PureComponent);
 
   function HiStepper() {
-    (0, _classCallCheck2.default)(this, HiStepper);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiStepper).apply(this, arguments));
+    _classCallCheck(this, HiStepper);
+
+    return _possibleConstructorReturn(this, _getPrototypeOf(HiStepper).apply(this, arguments));
   }
 
-  (0, _createClass2.default)(HiStepper, [{
+  _createClass(HiStepper, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
           classes = _this$props.classes,
           activeStep = _this$props.activeStep,
           children = _this$props.children;
-
-      var childrenArray = _react.default.Children.toArray(children.props.children);
-
+      var childrenArray = React.Children.toArray(children.props.children);
       var steps = childrenArray.map(function (step, index) {
-        return _react.default.cloneElement(step, (0, _objectSpread2.default)({
+        return React.cloneElement(step, _objectSpread({
           index: index,
           active: activeStep === index
         }, step.props));
       });
-      return _react.default.createElement("div", {
+      return React.createElement("div", {
         className: classes.root
       }, steps);
     }
   }]);
+
   return HiStepper;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
-(0, _defineProperty2.default)(HiStepper, "defaultProps", {
+_defineProperty(HiStepper, "defaultProps", {
   activeStep: 0
 });
 
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   hiComponent: true,
   name: 'MuiHiStepper'
-})(HiStepper);
-
-exports.default = _default;
+})(HiStepper);

package/HiBreadcrumb/HiStepper.test.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { assert } from 'chai';
+import { createShallow } from '../test-utils';
+import HiStepper from './HiStepper';
+import HiStep from './HiStep';
+import HiStepLabel from './HiStepLabel';
+describe('<HiStepper />', function () {
+  var shallow;
+  var wrapper;
+  var children = React.createElement(HiStep, {
+    key: 1
+  }, React.createElement(HiStepLabel, {
+    status: "unreviewed",
+    notificationNumber: 0
+  }, "Label"));
+  before(function () {
+    shallow = createShallow();
+  });
+  describe('Generic tests', function () {
+    before(function () {
+      wrapper = shallow(React.createElement(HiStepper, null, children));
+    });
+    it('should render a HiStepper component', function () {
+      assert.strictEqual(wrapper.name(), 'HiStepper');
+    });
+    it('should render a div containing children steps', function () {
+      assert.strictEqual(wrapper.dive().name(), 'div');
+    });
+    it('should render a HiStep', function () {
+      assert.strictEqual(wrapper.find(HiStep).length, 1);
+    });
+  });
+});

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

package/HiButton/HiButton.js

@@ -1,23 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.useStyles = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
-
-var useStyles = (0, _styles.makeStyles)(function (theme) {
+import React from 'react';
+import Button from '@material-ui/core/Button';
+import { makeStyles } from '@material-ui/core/styles';
+import { fade } from '@material-ui/core/styles/colorManipulator';
+export var useStyles = makeStyles(function (theme) {
   return {
     root: {},
     // a style rule
@@ -28,7 +13,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
         return {
           color: props.disabled ? theme.palette.action.disabled : theme.palette[props.color].main,
           '&:hover': {
-            backgroundColor: (0, _colorManipulator.fade)(theme.palette[props.color].main, theme.palette.action.hoverOpacity),
+            backgroundColor: fade(theme.palette[props.color].main, theme.palette.action.hoverOpacity),
             // Reset on touch devices, it doesn't add specificity
             '@media (hover: none)': {
               backgroundColor: 'transparent'
@@ -59,7 +44,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     outlined: function outlined(props) {
       return ['neutral', 'positive', 'middle', 'negative'].includes(props.color) && {
         color: theme.palette[props.color].main,
-        border: "1px solid ".concat((0, _colorManipulator.fade)(theme.palette[props.color].main, 0.5)),
+        border: "1px solid ".concat(fade(theme.palette[props.color].main, 0.5)),
         '&:hover': {
           border: "1px solid ".concat(theme.palette[props.color].main)
         }
@@ -72,12 +57,10 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
  * Inherited from Button
  */
 
-exports.useStyles = useStyles;
-
 function HiButton(props) {
   var classes = useStyles(props);
   var color = ['neutral', 'positive', 'middle', 'negative'].includes(props.color) ? 'inherit' : props.color;
-  return _react.default.createElement(_Button.default, (0, _extends2.default)({
+  return React.createElement(Button, Object.assign({
     classes: classes
   }, props, {
     color: color
@@ -88,5 +71,4 @@ HiButton.defaultProps = {
   variant: 'text',
   color: 'neutral'
 };
-var _default = HiButton;
-exports.default = _default;
+export default HiButton;

package/HiButton/index.js

@@ -1,13 +1,2 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _HiButton = _interopRequireDefault(require("./HiButton"));
-
-var _default = _HiButton.default;
-exports.default = _default;
+import HiButton from './HiButton';
+export default HiButton;

package/HiCell/CellAddress.js

@@ -1,29 +1,12 @@
-"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 _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 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 _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';
+export var styles = function styles() {
   return {
     rightEllipsisSpan: {
       overflow: 'hidden',
@@ -40,20 +23,18 @@ var styles = function styles() {
  * - tous les champs définis sont affichés dans le tooltip
  */
 
-
-exports.styles = styles;
-
 var CellAddress =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  (0, _inherits2.default)(CellAddress, _React$PureComponent);
+  _inherits(CellAddress, _React$PureComponent);
 
   function CellAddress() {
-    (0, _classCallCheck2.default)(this, CellAddress);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(CellAddress).apply(this, arguments));
+    _classCallCheck(this, CellAddress);
+
+    return _possibleConstructorReturn(this, _getPrototypeOf(CellAddress).apply(this, arguments));
   }
 
-  (0, _createClass2.default)(CellAddress, [{
+  _createClass(CellAddress, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -78,21 +59,20 @@ function (_React$PureComponent) {
       if (country && isoCountry) title += "".concat(country, ", ").concat(isoCountry);
       if (country && !isoCountry) title += country;
       if (isoCountry && !country) title += isoCountry;
-      return _react.default.createElement("div", {
+      return React.createElement("div", {
         className: classes.rightEllipsisSpan,
         title: title
       }, label);
     }
   }]);
+
   return CellAddress;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
-(0, _defineProperty2.default)(CellAddress, "defaultProps", {
+_defineProperty(CellAddress, "defaultProps", {
   view: 'l'
 });
 
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   name: 'HmuiCellAddress'
-})(CellAddress);
-
-exports.default = _default;
+})(CellAddress);

package/HiCell/CellAddress.test.js

@@ -0,0 +1,75 @@
+import React from 'react';
+import { assert } from 'chai';
+import { createShallow } from '../test-utils';
+import CellAddress from './CellAddress';
+describe('<CellAddress />', function () {
+  var shallow;
+  before(function () {
+    before(function () {
+      shallow = createShallow({
+        dive: true
+      });
+    });
+    it('should render a the name and the city', function () {
+      var wrapper = shallow(React.createElement(CellAddress, {
+        type: 'address',
+        streetAddress: '12 rue Zimzim Zidane',
+        city: 'Paris',
+        country: 'France'
+      }));
+      assert.strictEqual(wrapper.find('div').text(), 'Paris, France', 'Should have correct text.');
+    });
+    it('should render a the city and the country', function () {
+      var wrapper = shallow(React.createElement(CellAddress, {
+        type: 'address',
+        streetAddress: '12 rue Zimzim Zidane',
+        city: 'Paris',
+        country: 'France',
+        isoCountry: 'FR',
+        view: 's'
+      }));
+      assert.strictEqual(wrapper.find('div').text(), 'Paris, FR', 'Should have correct text.');
+    });
+    it('should render only the city', function () {
+      var wrapper = shallow(React.createElement(CellAddress, {
+        sticky: true,
+        type: 'address',
+        streetAddress: '12 rue Zimzim Zidane',
+        city: 'Paris',
+        country: 'France',
+        view: 's'
+      }));
+      assert.strictEqual(wrapper.find('div').text(), 'Paris', 'Should have correct text.');
+    });
+    it('should render only the country', function () {
+      var wrapper = shallow(React.createElement(CellAddress, {
+        type: 'address',
+        streetAddress: '12 rue Zimzim Zidane',
+        country: 'France',
+        isoCountry: 'FR'
+      }));
+      assert.strictEqual(wrapper.find('div').text(), 'France', 'Should have correct text.');
+    });
+    it('should render only the iso country', function () {
+      var wrapper = shallow(React.createElement(CellAddress, {
+        type: 'address',
+        streetAddress: '12 rue Zimzim Zidane',
+        country: 'France',
+        isoCountry: 'FR',
+        view: 's'
+      }));
+      assert.strictEqual(wrapper.find('div').text(), 'FR', 'Should have correct text.');
+    });
+    it('should render name and the iso country', function () {
+      var wrapper = shallow(React.createElement(CellAddress, {
+        type: 'address',
+        streetAddress: '12 rue Zimzim Zidane',
+        country: 'France',
+        name: 'address',
+        isoCountry: 'FR',
+        view: 'l'
+      }));
+      assert.strictEqual(wrapper.find('div').text(), 'address, ', 'Should have correct text.');
+    });
+  });
+});

package/HiCell/CellDate.js

@@ -1,35 +1,15 @@
-"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 _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 _moment = _interopRequireDefault(require("moment"));
-
-require("moment/locale/fr");
-
-var _styles = require("@material-ui/core/styles");
-
-var 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 moment from 'moment';
+import 'moment/locale/fr';
+import { withStyles } from '@material-ui/core/styles';
+export var styles = {
   rightEllipsisSpan: {
     display: 'inline-block',
     overflow: 'hidden',
@@ -42,30 +22,30 @@ var styles = {
  * Cette cellule permet d'afficher une date en fonction de la locale de l'utilisateur
  */
 
-exports.styles = styles;
-
 var CellDate =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  (0, _inherits2.default)(CellDate, _React$PureComponent);
+  _inherits(CellDate, _React$PureComponent);
 
   function CellDate() {
     var _getPrototypeOf2;
 
     var _this;
 
-    (0, _classCallCheck2.default)(this, CellDate);
+    _classCallCheck(this, CellDate);
 
     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)(CellDate)).call.apply(_getPrototypeOf2, [this].concat(args)));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "formatLong", 'dddd DD MMMM YYYY HH:mm:ss');
+    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(CellDate)).call.apply(_getPrototypeOf2, [this].concat(args)));
+
+    _defineProperty(_assertThisInitialized(_this), "formatLong", 'dddd DD MMMM YYYY HH:mm:ss');
+
     return _this;
   }
 
-  (0, _createClass2.default)(CellDate, [{
+  _createClass(CellDate, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -76,7 +56,7 @@ function (_React$PureComponent) {
           view = _this$props.view,
           formatShort = _this$props.formatShort;
       if (!date) return '';
-      var mdate = (0, _moment.default)(date);
+      var mdate = moment(date);
       mdate.locale(locale);
       var label;
 
@@ -88,23 +68,22 @@ function (_React$PureComponent) {
         label = displayTime ? mdate.format("".concat(formatShort.replace('YYYY', 'YY'), " HH:mm:ss")) : mdate.format(formatShort.replace('YYYY', 'YY'));
       }
 
-      return _react.default.createElement("div", {
+      return React.createElement("div", {
         className: classes.rightEllipsisSpan
       }, label);
     }
   }]);
+
   return CellDate;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
-(0, _defineProperty2.default)(CellDate, "defaultProps", {
+_defineProperty(CellDate, "defaultProps", {
   displayTime: false,
   formatShort: 'DD/MM/YYYY',
   locale: 'en',
   view: 'm'
 });
 
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   name: 'HmuiCellDate'
-})(CellDate);
-
-exports.default = _default;
+})(CellDate);