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

package/es/HiAlertModal/HiAlertModal.js

@@ -1,52 +1,23 @@
-"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 _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
-
-var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
-
-var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
-
-var _DialogContentText = _interopRequireDefault(require("@material-ui/core/DialogContentText"));
-
-var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _HiButton = _interopRequireDefault(require("../HiButton"));
-
-var _HiIcon = _interopRequireDefault(require("../HiIcon"));
-
-var _helpers = require("../utils/helpers");
-
+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 Dialog
-var styles = function styles(theme) {
+import React from 'react';
+import Dialog from '@material-ui/core/Dialog';
+import DialogActions from '@material-ui/core/DialogActions';
+import DialogContent from '@material-ui/core/DialogContent';
+import DialogContentText from '@material-ui/core/DialogContentText';
+import DialogTitle from '@material-ui/core/DialogTitle';
+import { withStyles } from '@material-ui/core/styles';
+import HiButton from '../HiButton';
+import HiIcon from '../HiIcon';
+import { escapeHTML } from '../utils/helpers';
+export var styles = function styles(theme) {
   return {
     classContent: {
       fontSize: 14,
@@ -94,33 +65,33 @@ var styles = function styles(theme) {
  * Pop up d'alert
  */
 
-
-exports.styles = styles;
-
 var HiAlertModal =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  (0, _inherits2.default)(HiAlertModal, _React$PureComponent);
+  _inherits(HiAlertModal, _React$PureComponent);
 
   function HiAlertModal(props) {
     var _this;
 
-    (0, _classCallCheck2.default)(this, HiAlertModal);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiAlertModal).call(this, props));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleOnClose", function () {
+    _classCallCheck(this, HiAlertModal);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(HiAlertModal).call(this, props));
+
+    _defineProperty(_assertThisInitialized(_this), "handleOnClose", function () {
       if (_this.props.onClose) {
         _this.props.onClose();
       }
     });
-    _this.submitButtonRef = _react.default.createRef();
-    _this.cancelButtonRef = _react.default.createRef();
-    _this.handleOnClose = _this.handleOnClose.bind((0, _assertThisInitialized2.default)(_this));
-    _this.handleOnEntered = _this.handleOnEntered.bind((0, _assertThisInitialized2.default)(_this));
+
+    _this.submitButtonRef = React.createRef();
+    _this.cancelButtonRef = React.createRef();
+    _this.handleOnClose = _this.handleOnClose.bind(_assertThisInitialized(_this));
+    _this.handleOnEntered = _this.handleOnEntered.bind(_assertThisInitialized(_this));
     return _this;
   } // Appelé si clic en dehors de la pop up
 
 
-  (0, _createClass2.default)(HiAlertModal, [{
+  _createClass(HiAlertModal, [{
     key: "handleOnEntered",
     value: function handleOnEntered() {
       if (this.props.labelSubmitButton) {
@@ -151,19 +122,20 @@ function (_React$PureComponent) {
           submitColor = _this$props.submitColor,
           title = _this$props.title,
           theme = _this$props.theme,
-          props = (0, _objectWithoutProperties2.default)(_this$props, ["backgroundIcon", "iconSize", "classes", "content", "labelCancelButton", "labelSubmitButton", "onCancelClick", "onSubmitClick", "open", "cancelColor", "submitColor", "title", "theme"]);
+          props = _objectWithoutProperties(_this$props, ["backgroundIcon", "iconSize", "classes", "content", "labelCancelButton", "labelSubmitButton", "onCancelClick", "onSubmitClick", "open", "cancelColor", "submitColor", "title", "theme"]);
+
       var dialogContent = content;
 
       if (typeof content === 'string') {
-        dialogContent = _react.default.createElement("span", {
+        dialogContent = React.createElement("span", {
           // eslint-disable-next-line react/no-danger
           dangerouslySetInnerHTML: {
-            __html: (0, _helpers.escapeHTML)(content)
+            __html: escapeHTML(content)
           }
         });
       }
 
-      return _react.default.createElement(_Dialog.default, (0, _extends2.default)({
+      return React.createElement(Dialog, Object.assign({
         open: open,
         onClose: this.handleOnClose,
         onEntered: this.handleOnEntered,
@@ -171,26 +143,26 @@ function (_React$PureComponent) {
           root: classes.classDialogRoot,
           paper: classes.classDialogPaper
         }
-      }, props), backgroundIcon && _react.default.createElement("div", {
+      }, props), backgroundIcon && React.createElement("div", {
         className: classes.classBackgroundIcon
-      }, _react.default.createElement(_HiIcon.default, {
+      }, React.createElement(HiIcon, {
         color: "inherit",
         icon: backgroundIcon,
         size: iconSize
-      })), title && _react.default.createElement(_DialogTitle.default, {
+      })), title && React.createElement(DialogTitle, {
         disableTypography: true,
         classes: {
           root: classes.classTitle
         }
-      }, title), _react.default.createElement(_DialogContent.default, null, _react.default.createElement(_DialogContentText.default, {
+      }, title), React.createElement(DialogContent, null, React.createElement(DialogContentText, {
         classes: {
           root: classes.classContent
         }
-      }, dialogContent)), _react.default.createElement(_DialogActions.default, {
+      }, dialogContent)), React.createElement(DialogActions, {
         classes: {
           root: classes.classAction
         }
-      }, labelCancelButton && _react.default.createElement(_HiButton.default, {
+      }, labelCancelButton && React.createElement(HiButton, {
         classes: {
           root: classes.classCancelButton
         },
@@ -200,7 +172,7 @@ function (_React$PureComponent) {
         action: function action(actions) {
           _this2.cancelActionsRef = actions;
         }
-      }, labelCancelButton), labelSubmitButton && _react.default.createElement(_HiButton.default, {
+      }, labelCancelButton), labelSubmitButton && React.createElement(HiButton, {
         classes: {
           root: classes.classSubmitButton
         },
@@ -213,19 +185,18 @@ function (_React$PureComponent) {
       }, labelSubmitButton)));
     }
   }]);
+
   return HiAlertModal;
-}(_react.default.PureComponent);
+}(React.PureComponent);
 
-(0, _defineProperty2.default)(HiAlertModal, "defaultProps", {
+_defineProperty(HiAlertModal, "defaultProps", {
   content: '',
   cancelColor: 'neutral',
   submitColor: 'primary'
 });
 
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   hiComponent: true,
   name: 'HmuiHiAlertModal',
   withTheme: true
-})(HiAlertModal);
-
-exports.default = _default;
+})(HiAlertModal);

package/es/HiAlertModal/HiAlertModal.test.js

@@ -0,0 +1,189 @@
+import React from 'react';
+import { assert } from 'chai';
+import { spy, useFakeTimers } from 'sinon';
+import { createShallow, createMount, getClasses } from '../test-utils';
+import HiAlertModal from './HiAlertModal';
+import HiButton from '../HiButton';
+import HiIcon from '../HiIcon';
+import Dialog from '@material-ui/core/Dialog';
+import DialogActions from '@material-ui/core/DialogActions';
+import DialogContent from '@material-ui/core/DialogContent';
+import DialogTitle from '@material-ui/core/DialogTitle';
+describe('<HiAlertModal />', function () {
+  var mount;
+  var wrapper;
+  var shallow;
+  var componentClasses;
+  before(function () {
+    componentClasses = getClasses(React.createElement(HiAlertModal, {
+      open: true,
+      title: "Title",
+      content: "Content",
+      labelCancelButton: "Cancel Button",
+      labelSubmitButton: "Submit Button"
+    }));
+  });
+  beforeEach(function () {
+    mount = createMount();
+    shallow = createShallow({
+      dive: true
+    });
+  });
+  afterEach(function () {
+    mount.cleanUp();
+  }); // Tests component
+
+  it('Test mount component complete', function () {
+    wrapper = mount(React.createElement(HiAlertModal, {
+      open: true,
+      title: "Title",
+      content: "Content",
+      labelSubmitButton: "Submit Button",
+      labelCancelButton: "Cancel Button",
+      submitColor: "negative",
+      backgroundIcon: "mdi_bulletin_board"
+    }));
+    assert.strictEqual(wrapper.find(DialogTitle).length, 1, 'should have DialogTitle');
+    assert.strictEqual(wrapper.find(DialogContent).length, 1, 'should have DialogContent');
+    assert.strictEqual(wrapper.find(DialogActions).length, 1, 'should have DialogActions');
+    assert.strictEqual(wrapper.find(HiButton).length, 2, 'should have 2 HiButtons');
+    assert.strictEqual(wrapper.find(HiIcon).length, 1, 'should have 1 HiIcon');
+  });
+  it('Test mount component without background', function () {
+    wrapper = mount(React.createElement(HiAlertModal, {
+      open: true,
+      title: "Title",
+      content: "Content",
+      labelSubmitButton: "Submit Button",
+      labelCancelButton: "Cancel Button",
+      submitColor: "negative"
+    }));
+    assert.strictEqual(wrapper.find(DialogTitle).length, 1, 'should have DialogTitle');
+    assert.strictEqual(wrapper.find(DialogContent).length, 1, 'should have DialogContent');
+    assert.strictEqual(wrapper.find(DialogActions).length, 1, 'should have DialogActions');
+    assert.strictEqual(wrapper.find(HiButton).length, 2, 'should have 2 HiButtons');
+    assert.strictEqual(wrapper.find(HiIcon).length, 0, 'should have no HiIcon');
+  });
+  it('Test mount component without submit button', function () {
+    wrapper = mount(React.createElement(HiAlertModal, {
+      open: true,
+      title: "Title",
+      content: "Content",
+      labelCancelButton: "Cancel Button",
+      submitColor: "negative"
+    }));
+    assert.strictEqual(wrapper.find(DialogTitle).length, 1, 'should have DialogTitle');
+    assert.strictEqual(wrapper.find(DialogContent).length, 1, 'should have DialogContent');
+    assert.strictEqual(wrapper.find(DialogActions).length, 1, 'should have DialogActions');
+    assert.strictEqual(wrapper.find(HiButton).length, 1, 'should have 1 HiButton');
+    assert.strictEqual(wrapper.find(HiIcon).length, 0, 'should have no HiIcon');
+  });
+  it('Test mount component without cancel button', function () {
+    wrapper = mount(React.createElement(HiAlertModal, {
+      open: true,
+      title: "Title",
+      content: "Content",
+      labelSubmitButton: "Submit Button",
+      submitColor: "negative"
+    }));
+    assert.strictEqual(wrapper.find(DialogTitle).length, 1, 'should have DialogTitle');
+    assert.strictEqual(wrapper.find(DialogContent).length, 1, 'should have DialogContent');
+    assert.strictEqual(wrapper.find(DialogActions).length, 1, 'should have DialogActions');
+    assert.strictEqual(wrapper.find(HiButton).length, 1, 'should have 1 HiButton');
+    assert.strictEqual(wrapper.find(HiIcon).length, 0, 'should have no HiIcon');
+  });
+  describe('Focus', function () {
+    var clock;
+    beforeEach(function () {
+      clock = useFakeTimers();
+    });
+    afterEach(function () {
+      clock.restore;
+    });
+    it('Should focus on submit button when mounted with submit and cancel buttons', function () {
+      wrapper = mount(React.createElement(HiAlertModal, {
+        open: true,
+        title: "Title",
+        content: "Content",
+        labelCancelButton: "Cancel Button",
+        labelSubmitButton: "Submit Button"
+      }));
+      clock.tick(10000);
+      var focusedElement = document.activeElement;
+      var cancelButtonWrapper = wrapper.find("." + componentClasses.classCancelButton).first();
+      var submitButtonWrapper = wrapper.find("." + componentClasses.classSubmitButton).first();
+      assert.notStrictEqual(focusedElement, cancelButtonWrapper.getDOMNode(), 'Cancel button should not be focused');
+      assert.strictEqual(focusedElement, submitButtonWrapper.getDOMNode(), 'Submit button should be focused');
+    });
+    it('Should focus on submit button when mounted with only a submit button', function () {
+      wrapper = mount(React.createElement(HiAlertModal, {
+        open: true,
+        title: "Title",
+        content: "Content",
+        labelSubmitButton: "Submit Button"
+      }));
+      clock.tick(10000);
+      var focusedElement = document.activeElement;
+      var submitButtonWrapper = wrapper.find("." + componentClasses.classSubmitButton).first();
+      assert.strictEqual("Submit Button", submitButtonWrapper.text(), 'submitButtonWrapper variable isn\'t the submit button');
+      assert.strictEqual(focusedElement, submitButtonWrapper.getDOMNode(), 'Submit button should be focused');
+    });
+    it('Should focus on cancel button when mounted with only a cancel button', function () {
+      wrapper = mount(React.createElement(HiAlertModal, {
+        open: true,
+        title: "Title",
+        content: "Content",
+        labelCancelButton: "Cancel Button"
+      }));
+      clock.tick(10000);
+      var focusedElement = document.activeElement;
+      var cancelButtonWrapper = wrapper.find("." + componentClasses.classCancelButton).first();
+      assert.strictEqual("Cancel Button", cancelButtonWrapper.text(), 'cancelButtonWrapper variable isn\'t the cancel button');
+      assert.strictEqual(focusedElement, cancelButtonWrapper.getDOMNode(), 'Cancel button should be focused');
+    });
+  }); // Tests callbacks
+
+  describe('callbacks', function () {
+    it('should call handleClickSubmit or handleClickCancel when clicking on buttons.', function () {
+      var handleClickSubmit = spy();
+      var handleClickCancel = spy();
+      var handleClose = spy();
+      wrapper = mount(React.createElement(HiAlertModal, {
+        open: true,
+        title: "Title",
+        labelSubmitButton: "Submit",
+        labelCancelButton: "Cancel",
+        onSubmitClick: handleClickSubmit,
+        onCancelClick: handleClickCancel,
+        onClose: handleClose
+      }));
+      wrapper.find('button').first().simulate('click');
+      assert.strictEqual(handleClickCancel.callCount, 1, 'should have been called once handleClickSubmit');
+      wrapper.find('button').last().simulate('click');
+      assert.strictEqual(handleClickSubmit.callCount, 1, 'should have been called once handleClickCancel');
+    });
+    it('callbacks onclose', function () {
+      var handleClose = spy();
+      wrapper = shallow(React.createElement(HiAlertModal, {
+        open: true,
+        title: "Title",
+        labelSubmitButton: "Submit",
+        labelCancelButton: "Cancel",
+        onClose: handleClose
+      }));
+      wrapper.find(Dialog).props().onClose();
+      assert.strictEqual(handleClose.callCount, 1, 'should have been called once handleClose');
+    });
+    it('not callback onclose', function () {
+      var handleClose = spy();
+      wrapper = shallow(React.createElement(HiAlertModal, {
+        open: true,
+        title: "Title",
+        labelSubmitButton: "Submit",
+        labelCancelButton: "Cancel"
+      }));
+      wrapper.find(Dialog).props().onClose();
+      assert.strictEqual(handleClose.callCount, 0, 'should no have been called once handleClose');
+    });
+  });
+});

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

package/es/HiAppBar/HiAppBar.js

@@ -1,44 +1,20 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.styles = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-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 _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _AppBar = _interopRequireDefault(require("@material-ui/core/AppBar"));
-
-var _Collapse = _interopRequireDefault(require("@material-ui/core/Collapse"));
-
-var _Toolbar = _interopRequireDefault(require("@material-ui/core/Toolbar"));
-
-var _HiIcon = _interopRequireDefault(require("../HiIcon"));
-
-var _HiIconButton = _interopRequireDefault(require("../HiIconButton"));
-
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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";
 // @inheritedComponent AppBar
-var styles = function styles(theme) {
+import React from 'react';
+import classNames from 'classnames';
+import { withStyles } from '@material-ui/core/styles';
+import AppBar from '@material-ui/core/AppBar';
+import Collapse from '@material-ui/core/Collapse';
+import Toolbar from '@material-ui/core/Toolbar';
+import HiIcon from '../HiIcon';
+import HiIconButton from '../HiIconButton';
+export var styles = function styles(theme) {
   return {
     root: {},
     bar: {
@@ -63,30 +39,25 @@ var styles = function styles(theme) {
   };
 };
 
-exports.styles = styles;
-
-var _ref = _react.default.createElement(_HiIcon.default, {
-  icon: "keyboard_arrow_up"
-});
-
 var HiAppBar =
 /*#__PURE__*/
 function (_React$Component) {
-  (0, _inherits2.default)(HiAppBar, _React$Component);
+  _inherits(HiAppBar, _React$Component);
 
   function HiAppBar(props) {
     var _this;
 
-    (0, _classCallCheck2.default)(this, HiAppBar);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(HiAppBar).call(this, props));
+    _classCallCheck(this, HiAppBar);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(HiAppBar).call(this, props));
     _this.state = {
       collapsed: false
     };
-    _this.handleCollapse = _this.handleCollapse.bind((0, _assertThisInitialized2.default)(_this));
+    _this.handleCollapse = _this.handleCollapse.bind(_assertThisInitialized(_this));
     return _this;
   }
 
-  (0, _createClass2.default)(HiAppBar, [{
+  _createClass(HiAppBar, [{
     key: "handleCollapse",
     value: function handleCollapse() {
       this.props.onCollapse(!this.state.collapsed);
@@ -102,35 +73,35 @@ function (_React$Component) {
           focused = _this$props.focused,
           hideable = _this$props.hideable,
           position = _this$props.position;
-      return _react.default.createElement(_AppBar.default, {
-        className: (0, _classnames.default)(className, classes.bar, (0, _defineProperty2.default)({}, classes.focused, focused)),
+      return React.createElement(AppBar, {
+        className: classNames(className, classes.bar, _defineProperty({}, classes.focused, focused)),
         classes: {
           root: classes.root
         },
         elevation: 2,
         position: position,
         color: "default"
-      }, _react.default.createElement(_Collapse.default, {
-        className: (0, _classnames.default)((0, _defineProperty2.default)({}, classes.collapseOverflow, !hideable)),
+      }, React.createElement(Collapse, {
+        className: classNames(_defineProperty({}, classes.collapseOverflow, !hideable)),
         in: !collapsed
-      }, _react.default.createElement("div", null, _react.default.createElement(_Toolbar.default, null, children, hideable && _react.default.createElement(_HiIconButton.default, {
+      }, React.createElement("div", null, React.createElement(Toolbar, null, children, hideable && React.createElement(HiIconButton, {
         onClick: this.handleCollapse,
         color: "inherit",
         className: classes.iconButton
-      }, _ref)))));
+      }, React.createElement(HiIcon, {
+        icon: "keyboard_arrow_up"
+      }))))));
     }
   }]);
+
   return HiAppBar;
-}(_react.default.Component);
+}(React.Component);
 
 HiAppBar.defaultProps = {
   focused: false,
   hideable: false
 };
-
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   hiComponent: true,
   name: 'HmuiHiAppBar'
-})(HiAppBar);
-
-exports.default = _default;
+})(HiAppBar);

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

package/es/HiBadge/HiBadge.js

@@ -1,23 +1,9 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.styles = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _Badge = _interopRequireDefault(require("@material-ui/core/Badge"));
-
-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 Badge from '@material-ui/core/Badge';
+import { withStyles } from '@material-ui/core/styles';
+export var styles = function styles(theme) {
   return {
     // Usefull for style overriding
     root: {},
@@ -67,8 +53,6 @@ var styles = function styles(theme) {
   };
 };
 
-exports.styles = styles;
-
 function HiBadge(props) {
   var _classNames;
 
@@ -79,8 +63,8 @@ function HiBadge(props) {
       value = props.value;
   var length = value.toString().length;
   var finalValue = value > 100 ? '+100' : value;
-  var badgeClass = (0, _classnames.default)(classes.badge, (_classNames = {}, (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'), (0, _defineProperty2.default)(_classNames, classes.shortBadge, length < 2), (0, _defineProperty2.default)(_classNames, classes.mediumBadge, length === 2), (0, _defineProperty2.default)(_classNames, classes.longBadge, length > 2), _classNames));
-  return _react.default.createElement(_Badge.default, {
+  var badgeClass = classNames(classes.badge, (_classNames = {}, _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'), _defineProperty(_classNames, classes.shortBadge, length < 2), _defineProperty(_classNames, classes.mediumBadge, length === 2), _defineProperty(_classNames, classes.longBadge, length > 2), _classNames));
+  return React.createElement(Badge, {
     className: className,
     classes: {
       root: classes.root,
@@ -94,10 +78,7 @@ function HiBadge(props) {
 HiBadge.defaultProps = {
   color: 'primary'
 };
-
-var _default = (0, _styles.withStyles)(styles, {
+export default withStyles(styles, {
   hiComponent: true,
   name: 'HmuiHiBadge'
-})(HiBadge);
-
-exports.default = _default;
+})(HiBadge);