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

package/HiExpansionPanel/HiExpansionPanel.js

@@ -1,45 +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 _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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ExpansionPanel = _interopRequireDefault(require("@material-ui/core/ExpansionPanel"));
-
-var _ExpansionPanelSummary = _interopRequireDefault(require("@material-ui/core/ExpansionPanelSummary"));
-
-var _ExpansionPanelDetails = _interopRequireDefault(require("@material-ui/core/ExpansionPanelDetails"));
-
-var _HiIcon = _interopRequireDefault(require("./../HiIcon"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-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 _inherits from "@babel/runtime/helpers/esm/inherits";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import React from 'react';
+import ExpansionPanel from '@material-ui/core/ExpansionPanel';
+import ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';
+import ExpansionPanelDetails from '@material-ui/core/ExpansionPanelDetails';
+import HiIcon from './../HiIcon';
+import { withStyles } from '@material-ui/core/styles';
+import classNames from 'classnames';
+export var styles = function styles(theme) {
   return {
     summaryContent: {
       display: 'flex',
@@ -65,7 +39,7 @@ var styles = function styles(theme) {
       cursor: 'default',
       pointerEvents: 'none'
     },
-    heading: (0, _objectSpread2.default)({}, theme.typography.b1, {
+    heading: _objectSpread({}, theme.typography.b1, {
       height: 48,
       display: 'flex',
       alignItems: 'center',
@@ -73,7 +47,7 @@ var styles = function styles(theme) {
       lineHeight: '24px',
       fontWeight: theme.typography.fontWeightLight
     }),
-    secondaryHeading: (0, _objectSpread2.default)({}, theme.typography.b3, {
+    secondaryHeading: _objectSpread({}, theme.typography.b3, {
       color: theme.palette.neutral.light,
       height: 48,
       display: 'flex',
@@ -119,31 +93,24 @@ var styles = function styles(theme) {
  * HiExpansionPanel
  */
 
-
-exports.styles = styles;
-
-var _ref = _react.default.createElement(_HiIcon.default, {
-  icon: "mdi_menu_up",
-  size: 24
-});
-
 var HiExpansionPanel =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  (0, _inherits2.default)(HiExpansionPanel, _React$PureComponent);
+  _inherits(HiExpansionPanel, _React$PureComponent);
 
   function HiExpansionPanel(props) {
     var _this;
 
-    (0, _classCallCheck2.default)(this, HiExpansionPanel);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiExpansionPanel).call(this, props));
+    _classCallCheck(this, HiExpansionPanel);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(HiExpansionPanel).call(this, props));
     _this.state = {
       panelDetailsExited: !(props.collapseDisable || props.expanded)
     };
     return _this;
   }
 
-  (0, _createClass2.default)(HiExpansionPanel, [{
+  _createClass(HiExpansionPanel, [{
     key: "render",
     value: function render() {
       var _this2 = this;
@@ -158,9 +125,10 @@ function (_React$PureComponent) {
           children = _this$props.children,
           classes = _this$props.classes,
           expanded = _this$props.expanded,
-          props = (0, _objectWithoutProperties2.default)(_this$props, ["disabled", "heading", "secondaryHeading", "secondaryHeadingDisabled", "secondaryHeadingIcon", "collapseDisable", "children", "classes", "expanded"]);
+          props = _objectWithoutProperties(_this$props, ["disabled", "heading", "secondaryHeading", "secondaryHeadingDisabled", "secondaryHeadingIcon", "collapseDisable", "children", "classes", "expanded"]);
+
       var effectiveDisabled = disabled || !children;
-      return _react.default.createElement(_ExpansionPanel.default, (0, _extends2.default)({
+      return React.createElement(ExpansionPanel, Object.assign({
         disabled: effectiveDisabled,
         classes: {
           root: classes.panel,
@@ -180,39 +148,41 @@ function (_React$PureComponent) {
             });
           }
         }
-      }), _react.default.createElement(_ExpansionPanelSummary.default, {
+      }), React.createElement(ExpansionPanelSummary, {
         classes: {
           root: classes.summaryRoot,
           content: classes.summaryContent,
           expanded: classes.expanded,
           expandIcon: classes.expandIcon
         },
-        className: (0, _classnames.default)((0, _defineProperty2.default)({}, classes.collapseDisable, collapseDisable)),
-        expandIcon: !collapseDisable && _ref
-      }, _react.default.createElement("div", {
+        className: classNames(_defineProperty({}, classes.collapseDisable, collapseDisable)),
+        expandIcon: !collapseDisable && React.createElement(HiIcon, {
+          icon: "mdi_menu_up",
+          size: 24
+        })
+      }, React.createElement("div", {
         className: classes.heading
-      }, heading), _react.default.createElement("div", {
+      }, heading), React.createElement("div", {
         className: classes.secondaryHeading
-      }, _react.default.createElement("span", {
+      }, React.createElement("span", {
         className: classes.secondaryHeadingSpan
-      }, !effectiveDisabled ? secondaryHeading : secondaryHeadingDisabled), secondaryHeadingIcon)), !!children && _react.default.createElement(_ExpansionPanelDetails.default, {
-        className: (0, _classnames.default)(classes.panelDetails, (0, _defineProperty2.default)({}, classes.panelDetailsExited, this.state.panelDetailsExited))
+      }, !effectiveDisabled ? secondaryHeading : secondaryHeadingDisabled), secondaryHeadingIcon)), !!children && React.createElement(ExpansionPanelDetails, {
+        className: classNames(classes.panelDetails, _defineProperty({}, classes.panelDetailsExited, this.state.panelDetailsExited))
       }, children));
     }
   }]);
+
   return HiExpansionPanel;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
-(0, _defineProperty2.default)(HiExpansionPanel, "defaultProps", {
+_defineProperty(HiExpansionPanel, "defaultProps", {
   disabled: false,
   secondaryHeading: '',
   secondaryHeadingIcon: '',
   secondaryHeadingDisabled: 'PAS ENCORE COMPLETE'
 });
 
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   hiComponent: true,
   name: 'HmuiHiExpansionPanel'
-})(HiExpansionPanel);
-
-exports.default = _default;
+})(HiExpansionPanel);

package/HiExpansionPanel/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 _HiExpansionPanel = _interopRequireDefault(require("./HiExpansionPanel"));
-
-var _default = _HiExpansionPanel.default;
-exports.default = _default;
+import HiExpansionPanel from './HiExpansionPanel';
+export default HiExpansionPanel;

package/HiForm/HiAddressField.js

@@ -1,36 +1,15 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = 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 _HiSuggestSelectField = _interopRequireDefault(require("../HiSelect/HiSuggestSelectField"));
-
+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";
 // @inheritedComponent HiSuggestSelectField
-// OpenStreeMap API url
+import React from 'react';
+import HiSuggestSelectField from '../HiSelect/HiSuggestSelectField'; // OpenStreeMap API url
+
 var API_URL = 'https://nominatim.openstreetmap.org/search?q=';
 /**
  * Champs input adresse pour formulaire
@@ -39,14 +18,16 @@ var API_URL = 'https://nominatim.openstreetmap.org/search?q=';
 var HiAddressField =
 /*#__PURE__*/
 function (_React$Component) {
-  (0, _inherits2.default)(HiAddressField, _React$Component);
+  _inherits(HiAddressField, _React$Component);
 
   function HiAddressField(props) {
     var _this;
 
-    (0, _classCallCheck2.default)(this, HiAddressField);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiAddressField).call(this, props));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "displaySuggestions", function (predictions) {
+    _classCallCheck(this, HiAddressField);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(HiAddressField).call(this, props));
+
+    _defineProperty(_assertThisInitialized(_this), "displaySuggestions", function (predictions) {
       var options = [];
       var isExact = false;
       predictions.forEach(function (prediction) {
@@ -61,26 +42,27 @@ function (_React$Component) {
           type: 'icon',
           key: prediction.id
         });
-      }, (0, _assertThisInitialized2.default)(_this));
+      }, _assertThisInitialized(_this));
 
       _this.setState({
         options: options,
         isExact: isExact
       });
     });
+
     _this.state = {
       inputValue: null,
       options: [],
       isExact: false
     };
-    _this.handleSearch = _this.handleSearch.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleSelect = _this.handleSelect.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleReset = _this.handleReset.bind((0, _assertThisInitialized2.default)(_this));
-    _this.displaySuggestions = _this.displaySuggestions.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleSearch = _this.handleSearch.bind(_assertThisInitialized(_this));
+    _this.handleSelect = _this.handleSelect.bind(_assertThisInitialized(_this));
+    _this.handleReset = _this.handleReset.bind(_assertThisInitialized(_this));
+    _this.displaySuggestions = _this.displaySuggestions.bind(_assertThisInitialized(_this));
     return _this;
   }
 
-  (0, _createClass2.default)(HiAddressField, [{
+  _createClass(HiAddressField, [{
     key: "handleSearch",
     value: function handleSearch(event) {
       var _this2 = this;
@@ -129,14 +111,15 @@ function (_React$Component) {
           onSearch = _this$props.onSearch,
           onReset = _this$props.onReset,
           onSelect = _this$props.onSelect,
-          otherProps = (0, _objectWithoutProperties2.default)(_this$props, ["exactOnly", "onSearch", "onReset", "onSelect"]);
+          otherProps = _objectWithoutProperties(_this$props, ["exactOnly", "onSearch", "onReset", "onSelect"]);
+
       var _this$state = this.state,
           options = _this$state.options,
           isExact = _this$state.isExact; // On met le champ en erreur si une adresse exacte est éxigée
       // et si l'adresse courante n'est pas complète
 
       var showError = exactOnly && !isExact;
-      return _react.default.createElement(_HiSuggestSelectField.default, (0, _extends2.default)({
+      return React.createElement(HiSuggestSelectField, Object.assign({
         error: showError,
         options: options,
         onSearch: this.handleSearch,
@@ -146,8 +129,8 @@ function (_React$Component) {
       }, otherProps));
     }
   }]);
+
   return HiAddressField;
-}(_react.default.Component);
+}(React.Component);
 
-var _default = HiAddressField;
-exports.default = _default;
+export default HiAddressField;

package/HiForm/HiAddressField.test.js

@@ -0,0 +1,79 @@
+import React from 'react';
+import { assert } from 'chai';
+import { spy } from 'sinon';
+import { createShallow } from '../test-utils';
+import HiAddressField from './HiAddressField';
+import HiSuggestSelectField from '../HiSelect/HiSuggestSelectField';
+import HiSuggestSelect from '../HiSelect/HiSuggestSelect';
+
+require('isomorphic-fetch'); // pour la méthode fetch()
+
+
+describe('<HiAddressField />', function () {
+  var shallow;
+  before(function () {
+    shallow = createShallow();
+  });
+  it('should render HiAddressField', function () {
+    var handler = spy();
+    var wrapper = shallow(React.createElement(HiAddressField, {
+      onSearch: handler
+    }), {
+      disableLifecycleMethods: true
+    });
+    var fakeEvent = {
+      target: {
+        value: 'search'
+      }
+    };
+    wrapper.find(HiSuggestSelectField).props().onSearch(fakeEvent);
+    assert.strictEqual(handler.calledOnce, true, 'should have been called once.');
+    assert.strictEqual(handler.calledWith(fakeEvent), true, 'should have been called with "search".');
+  });
+  it('should reset HiAddressField', function () {
+    var handler = spy();
+    var wrapper = shallow(React.createElement(HiAddressField, {
+      onReset: handler
+    }), {
+      disableLifecycleMethods: true
+    });
+    wrapper.setState({
+      isExact: true,
+      options: ['not_empty']
+    });
+    wrapper.find(HiSuggestSelectField).props().onReset();
+    assert.strictEqual(handler.calledOnce, true, 'should have been called once.');
+    wrapper.update();
+    assert.strictEqual(wrapper.props().isExact, false, 'should not be exact after reset');
+    assert.strictEqual(wrapper.find(HiSuggestSelectField).dive().find(HiSuggestSelect).props().options.length, 0, 'should have been emptied');
+  });
+  it('should select a value for HiAddressField', function () {
+    var handler = spy();
+    var wrapper = shallow(React.createElement(HiAddressField, {
+      onSelect: handler
+    }), {
+      disableLifecycleMethods: true
+    });
+    var fakeEvent = {};
+    var fakeTextValue = 'test';
+    var fakeValue = {
+      label: fakeTextValue
+    };
+    wrapper.find(HiSuggestSelectField).props().onSelect(fakeEvent, fakeValue);
+    wrapper.update();
+    assert.strictEqual(wrapper.props().isExact, true, 'should be exact after a proposition has been selected');
+    assert.strictEqual(wrapper.find(HiSuggestSelectField).dive().find(HiSuggestSelect).props().options.length, 0, 'should have been emptied');
+  });
+  it('should render a HiAddressField expecting a real address', function () {
+    var wrapper = shallow(React.createElement(HiAddressField, {
+      exactOnly: true
+    }), {
+      disableLifecycleMethods: true
+    });
+    assert.strictEqual(wrapper.find(HiSuggestSelectField).dive().props().error, true, 'should be on error.');
+    wrapper.setState({
+      isExact: true
+    });
+    assert.strictEqual(wrapper.find(HiSuggestSelectField).dive().props().error, false, 'should not be on error.');
+  });
+});

package/HiForm/HiEmailField.js

@@ -1,53 +1,33 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = 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 _validator = _interopRequireDefault(require("validator"));
-
-var _HiTextField = _interopRequireDefault(require("./HiTextField"));
-
+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";
 // @inheritedComponent HiTextField
-
+import React from 'react';
+import validator from 'validator';
+import HiTextField from './HiTextField';
 /**
  * Champs input email pour formulaire
  */
+
 var HiEmailField =
 /*#__PURE__*/
 function (_React$Component) {
-  (0, _inherits2.default)(HiEmailField, _React$Component);
+  _inherits(HiEmailField, _React$Component);
 
   function HiEmailField(props) {
     var _this;
 
-    (0, _classCallCheck2.default)(this, HiEmailField);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiEmailField).call(this, props));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleBlur", function () {
-      if (_this.props.onError && _this.props.value !== '' && !_validator.default.isEmail(_this.props.value)) {
+    _classCallCheck(this, HiEmailField);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(HiEmailField).call(this, props));
+
+    _defineProperty(_assertThisInitialized(_this), "handleBlur", function () {
+      if (_this.props.onError && _this.props.value !== '' && !validator.isEmail(_this.props.value)) {
         _this.props.onError();
       }
 
@@ -55,18 +35,20 @@ function (_React$Component) {
         _this.props.onBlur();
       }
     });
-    _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)(_this));
+
+    _this.handleBlur = _this.handleBlur.bind(_assertThisInitialized(_this));
     return _this;
   }
 
-  (0, _createClass2.default)(HiEmailField, [{
+  _createClass(HiEmailField, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
           error = _this$props.error,
           errorText = _this$props.errorText,
-          otherProps = (0, _objectWithoutProperties2.default)(_this$props, ["error", "errorText"]);
-      return _react.default.createElement(_HiTextField.default, (0, _extends2.default)({}, otherProps, {
+          otherProps = _objectWithoutProperties(_this$props, ["error", "errorText"]);
+
+      return React.createElement(HiTextField, Object.assign({}, otherProps, {
         type: "email",
         error: error,
         errorText: errorText,
@@ -74,8 +56,8 @@ function (_React$Component) {
       }));
     }
   }]);
+
   return HiEmailField;
-}(_react.default.Component);
+}(React.Component);
 
-var _default = HiEmailField;
-exports.default = _default;
+export default HiEmailField;

package/HiForm/HiEmailField.test.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { assert } from 'chai';
+import { createShallow } from '../test-utils';
+import HiEmailField from './HiEmailField';
+import HiTextField from './HiTextField';
+describe('<HiEmailField />', function () {
+  var shallow;
+  before(function () {
+    shallow = createShallow({
+      dive: true
+    });
+  });
+  it('should render a <HiTextField />', function () {
+    var wrapper = shallow(React.createElement(HiEmailField, {
+      id: "test"
+    }));
+    assert.strictEqual(wrapper.find(HiTextField).length, 0, 'render HiTextField');
+  });
+});