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

package/es/test-utils/until.test.js

@@ -0,0 +1,157 @@
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+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 _inherits from "@babel/runtime/helpers/esm/inherits";
+import assert from 'assert';
+import React from 'react';
+import PropTypes from 'prop-types';
+import { shallow } from 'enzyme';
+import until from './until';
+
+var Div = function Div() {
+  return React.createElement("div", null);
+};
+
+var hoc = function hoc(Component) {
+  return function () {
+    return React.createElement(Component, null);
+  };
+};
+
+describe('until', function () {
+  it('shallow renders the current wrapper one level deep', function () {
+    var EnhancedDiv = hoc(Div);
+    var wrapper = until.call(shallow(React.createElement(EnhancedDiv, null)), 'Div');
+    assert.strictEqual(wrapper.contains(React.createElement("div", null)), true);
+  });
+  it('shallow renders the current wrapper several levels deep', function () {
+    var EnhancedDiv = hoc(hoc(hoc(Div)));
+    var wrapper = until.call(shallow(React.createElement(EnhancedDiv, null)), 'Div');
+    assert.strictEqual(wrapper.contains(React.createElement("div", null)), true);
+  });
+  it('stops shallow rendering when the wrapper is empty', function () {
+    var nullHoc = function nullHoc() {
+      return function () {
+        return null;
+      };
+    };
+
+    var EnhancedDiv = nullHoc();
+    var wrapper = until.call(shallow(React.createElement(EnhancedDiv, null)), 'Div');
+    assert.strictEqual(wrapper.html(), null);
+  });
+  it('shallow renders as much as possible when no selector is provided', function () {
+    var EnhancedDiv = hoc(hoc(Div));
+    var wrapper = until.call(shallow(React.createElement(EnhancedDiv, null)));
+    assert.strictEqual(wrapper.contains(React.createElement("div", null)), true);
+  });
+  it('shallow renders the current wrapper even if the selector never matches', function () {
+    var EnhancedDiv = hoc(Div);
+    var wrapper = until.call(shallow(React.createElement(EnhancedDiv, null)), 'NotDiv');
+    assert.strictEqual(wrapper.contains(React.createElement("div", null)), true);
+  });
+  it('stops shallow rendering when it encounters a DOM element', function () {
+    var wrapper = until.call(shallow(React.createElement("div", null, React.createElement(Div, null))), 'Div');
+    assert.strictEqual(wrapper.contains(React.createElement("div", null, React.createElement(Div, null))), true);
+  });
+  it('throws when assert.strictEqual called on an empty wrapper', function () {
+    assert.throws(function () {
+      until.call(shallow(React.createElement(Div, null)).find('Foo'), 'div');
+    }, Error, 'Method “until” is only meant to be run on a single node. 0 found instead.');
+  });
+  it('shallow renders non-root wrappers', function () {
+    var Container = function Container() {
+      return React.createElement("div", null, React.createElement(Div, null));
+    };
+
+    var wrapper = until.call(shallow(React.createElement(Container, null)).find(Div));
+    assert.strictEqual(wrapper.contains(React.createElement("div", null)), true);
+  }); // eslint-disable-next-line react/prefer-stateless-function
+
+  var Foo =
+  /*#__PURE__*/
+  function (_React$Component) {
+    _inherits(Foo, _React$Component);
+
+    function Foo() {
+      _classCallCheck(this, Foo);
+
+      return _possibleConstructorReturn(this, _getPrototypeOf(Foo).apply(this, arguments));
+    }
+
+    _createClass(Foo, [{
+      key: "render",
+      value: function render() {
+        return React.createElement(Div, null);
+      }
+    }]);
+
+    return Foo;
+  }(React.Component);
+
+  Foo.contextTypes = {
+    quux: PropTypes.bool.isRequired
+  };
+  it('context propagation passes down context from the root component', function () {
+    var EnhancedFoo = hoc(Foo);
+    var options = {
+      context: {
+        quux: true
+      }
+    };
+    var wrapper = until.call(shallow(React.createElement(EnhancedFoo, null), options), 'Foo', options);
+    assert.strictEqual(wrapper.context('quux'), true);
+    assert.strictEqual(wrapper.contains(React.createElement(Div, null)), true);
+  }); // eslint-disable-next-line react/no-multi-comp
+
+  var Bar =
+  /*#__PURE__*/
+  function (_React$Component2) {
+    _inherits(Bar, _React$Component2);
+
+    function Bar() {
+      var _getPrototypeOf2;
+
+      var _this;
+
+      _classCallCheck(this, Bar);
+
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Bar)).call.apply(_getPrototypeOf2, [this].concat(args)));
+
+      _defineProperty(_assertThisInitialized(_this), "getChildContext", function () {
+        return {
+          quux: true
+        };
+      });
+
+      return _this;
+    }
+
+    _createClass(Bar, [{
+      key: "render",
+      value: function render() {
+        return React.createElement(Foo, null);
+      }
+    }]);
+
+    return Bar;
+  }(React.Component);
+
+  _defineProperty(Bar, "childContextTypes", {
+    quux: PropTypes.bool
+  });
+
+  it('context propagation passes down context from an intermediary component', function () {
+    var EnhancedBar = hoc(Bar);
+    var wrapper = until.call(shallow(React.createElement(EnhancedBar, null)), 'Foo');
+    assert.strictEqual(wrapper.context('quux'), true);
+    assert.strictEqual(wrapper.contains(React.createElement(Div, null)), true);
+  });
+});

package/es/test-utils/unwrap.js

@@ -1,10 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = unwrap;
-
-function unwrap(component) {
+export default function unwrap(component) {
   return component.Naked ? unwrap(component.Naked) : component;
 }

package/es/theme/palette.js

@@ -1,17 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.palette = void 0;
-
 var _require = require('@material-ui/core/colors'),
     red = _require.red,
     grey = _require.grey;
 
 var common = require('@material-ui/core/colors/common');
 
-var palette = {
+export var palette = {
   primary: {
     light: '#5bc8ef',
     main: '#00ade9',
@@ -102,5 +95,4 @@ var palette = {
     paper: common.white,
     default: grey[50]
   }
-};
-exports.palette = palette;
+};

package/es/theme/typography.js

@@ -1,10 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.typography = void 0;
-
 var _require = require('./palette'),
     palette = _require.palette;
 
@@ -29,7 +22,7 @@ var pxToRem = function pxToRem(value) {
   return "".concat(value / htmlFontSize * coef, "rem");
 };
 
-var typography = {
+export var typography = {
   pxToRem: pxToRem,
   round: round,
   fontFamily: fontFamily,
@@ -166,5 +159,4 @@ var typography = {
     fontFamily: fontFamily,
     color: palette.text.primary
   }
-};
-exports.typography = typography;
+};

package/es/theme.js

@@ -1,10 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
 var _require = require('@material-ui/core/styles'),
     createMuiTheme = _require.createMuiTheme;
 
@@ -14,9 +7,7 @@ var _require2 = require('./theme/palette'),
 var _require3 = require('./theme/typography'),
     typography = _require3.typography;
 
-var _default = createMuiTheme({
+export default createMuiTheme({
   palette: palette,
   typography: typography
-});
-
-exports.default = _default;
+});

package/es/transitions/utils.js

@@ -1,18 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getTransitionProps = getTransitionProps;
-exports.reflow = void 0;
-
-var reflow = function reflow(node) {
+export var reflow = function reflow(node) {
   return node.scrollTop;
 };
-
-exports.reflow = reflow;
-
-function getTransitionProps(props, options) {
+export function getTransitionProps(props, options) {
   var timeout = props.timeout,
       _props$style = props.style,
       style = _props$style === void 0 ? {} : _props$style;

package/es/utils/exactProp.js

@@ -1,22 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.specialProperty = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 // This module is based on https://github.com/airbnb/prop-types-exact repository.
 // However, in order to reduce the number of dependencies and to remove some extra safe checks
 // the module was forked.
 // Only exported for test purposes.
-var specialProperty = "exact-prop: \u200B";
-exports.specialProperty = specialProperty;
+export var specialProperty = "exact-prop: \u200B";
 
 function exactProp(propTypes) {
   /* istanbul ignore if */
@@ -24,7 +12,7 @@ function exactProp(propTypes) {
     return propTypes;
   }
 
-  return (0, _objectSpread3.default)({}, propTypes, (0, _defineProperty2.default)({}, specialProperty, function (props) {
+  return _objectSpread({}, propTypes, _defineProperty({}, specialProperty, function (props) {
     var unsupportedProps = Object.keys(props).filter(function (prop) {
       return !propTypes.hasOwnProperty(prop);
     });
@@ -39,5 +27,4 @@ function exactProp(propTypes) {
   }));
 }
 
-var _default = exactProp;
-exports.default = _default;
+export default exactProp;

package/es/utils/helpers.js

@@ -1,31 +1,6 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.camelize = camelize;
-exports.capitalize = capitalize;
-exports.contains = contains;
-exports.escapeHTML = escapeHTML;
-exports.findIndex = findIndex;
-exports.find = find;
-exports.createChainedFunction = createChainedFunction;
-exports.arrayUnique = arrayUnique;
-exports.formatNumber = formatNumber;
-exports.formatCurrencyAmount = formatCurrencyAmount;
-exports.formatRate = formatRate;
-exports.getNextItemSelectable = getNextItemSelectable;
-exports.foldAccents = foldAccents;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
-
-var _warning = _interopRequireDefault(require("warning"));
-
-function camelize(string) {
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import warning from 'warning';
+export function camelize(string) {
   string = string.replace(/(_\w)/g, function (m) {
     return m[1].toUpperCase();
   });
@@ -35,16 +10,14 @@ function camelize(string) {
     return index === 0 ? match.toLowerCase() : match.toUpperCase();
   });
 }
-
-function capitalize(string) {
+export function capitalize(string) {
   if (process.env.NODE_ENV !== 'production' && typeof string !== 'string') {
     throw new Error('Material-UI: capitalize(string) expects a string argument.');
   }
 
   return string.charAt(0).toUpperCase() + string.slice(1);
 }
-
-function contains(obj, pred) {
+export function contains(obj, pred) {
   return Object.keys(pred).every(function (key) {
     return obj.hasOwnProperty(key) && obj[key] === pred[key];
   });
@@ -57,13 +30,11 @@ function contains(obj, pred) {
  * @returns {*}
  */
 
-
-function escapeHTML(unsafeStr) {
+export function escapeHTML(unsafeStr) {
   return unsafeStr.replace(/<br\/?>/g, '[br]').replace(/<strong>/g, '[[').replace(/<\/?strong>/g, ']]').replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#39;').replace(/\[\[/g, '<strong>').replace(/\]\]/g, '</strong>').replace(/\[br\]/g, '<br>');
 }
-
-function findIndex(arr, pred) {
-  var predType = (0, _typeof2.default)(pred);
+export function findIndex(arr, pred) {
+  var predType = typeof pred;
 
   for (var i = 0; i < arr.length; i += 1) {
     if (predType === 'function' && !!pred(arr[i], i, arr) === true) {
@@ -81,8 +52,7 @@ function findIndex(arr, pred) {
 
   return -1;
 }
-
-function find(arr, pred) {
+export function find(arr, pred) {
   var index = findIndex(arr, pred);
   return index > -1 ? arr[index] : undefined;
 }
@@ -96,8 +66,7 @@ function find(arr, pred) {
  * @returns {function|null}
  */
 
-
-function createChainedFunction() {
+export function createChainedFunction() {
   for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {
     funcs[_key] = arguments[_key];
   }
@@ -107,7 +76,7 @@ function createChainedFunction() {
       return acc;
     }
 
-    process.env.NODE_ENV !== "production" ? (0, _warning.default)(typeof func === 'function', 'Material-UI: invalid Argument Type, must only provide functions, undefined, or null.') : void 0;
+    warning(typeof func === 'function', 'Material-UI: invalid Argument Type, must only provide functions, undefined, or null.');
     return function chainedFunction() {
       for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
         args[_key2] = arguments[_key2];
@@ -126,9 +95,8 @@ function createChainedFunction() {
  * @param array
  */
 
-
-function arrayUnique(array) {
-  var a = (0, _toConsumableArray2.default)(array);
+export function arrayUnique(array) {
+  var a = _toConsumableArray(array);
 
   for (var i = 0; i < a.length; i + 1) {
     for (var j = i + 1; j < a.length; j + 1) {
@@ -147,8 +115,7 @@ function arrayUnique(array) {
  * @param precision
  */
 
-
-function formatNumber(number) {
+export function formatNumber(number) {
   var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'l';
   var locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'en-EN';
   var precision = arguments.length > 3 ? arguments[3] : undefined;
@@ -195,8 +162,7 @@ function formatNumber(number) {
  * @param currency  - ISO 4217
  */
 
-
-function formatCurrencyAmount(amount) {
+export function formatCurrencyAmount(amount) {
   var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'l';
   var locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'en-EN';
   var currency = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'EUR';
@@ -256,8 +222,7 @@ function formatCurrencyAmount(amount) {
  * @param locale
  */
 
-
-function formatRate(rate) {
+export function formatRate(rate) {
   var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'l';
   var locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'en-EN';
   var effectiveSize = 0;
@@ -278,8 +243,7 @@ function formatRate(rate) {
  * @returns {*}
  */
 
-
-function getNextItemSelectable(node, direction) {
+export function getNextItemSelectable(node, direction) {
   if (direction === 'down') {
     if (node.nextSibling === null) {
       return null;
@@ -308,8 +272,7 @@ function getNextItemSelectable(node, direction) {
  * @returns {*}
  */
 
-
-function foldAccents(toFold) {
+export function foldAccents(toFold) {
   return toFold.replace(/([àáâãäå])|([ç])|([èéêë])|([ìíîï])|([ñ])|([òóôõöø])|([ß])|([ùúûü])|([ÿ])|([æ])|([œ])|([+])|([\\])|([[])|([\]])|([(])|([)])|([?])|([*])/g, function (str, a, c, e, i, n, o, s, u, y, ae, oe, plus, backSlash, lc, rc, lp, rp, interogation, star) {
     if (a) return 'a';
     if (c) return 'c';

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

package/es/withMobileDialog/withMobileDialog.js

@@ -1,25 +1,11 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-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 _react = _interopRequireDefault(require("react"));
-
-var _withWidth = _interopRequireWildcard(require("@material-ui/core/withWidth"));
-
+import React from 'react';
+import withWidth, { isWidthDown } from '@material-ui/core/withWidth';
 /**
  * Dialog will responsively be full screen *at or below* the given breakpoint
  * (defaults to 'sm' for mobile devices).
  * Notice that this Higher-order Component is incompatible with server side rendering.
  */
+
 var withMobileDialog = function withMobileDialog() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function (Component) {
@@ -27,14 +13,13 @@ var withMobileDialog = function withMobileDialog() {
         breakpoint = _options$breakpoint === void 0 ? 'sm' : _options$breakpoint;
 
     function WithMobileDialog(props) {
-      return _react.default.createElement(Component, (0, _extends2.default)({
-        fullScreen: (0, _withWidth.isWidthDown)(breakpoint, props.width)
+      return React.createElement(Component, Object.assign({
+        fullScreen: isWidthDown(breakpoint, props.width)
       }, props));
     }
 
-    return (0, _withWidth.default)()(WithMobileDialog);
+    return withWidth()(WithMobileDialog);
   };
 };
 
-var _default = withMobileDialog;
-exports.default = _default;
+export default withMobileDialog;

package/es/withMobileDialog/withMobileDialog.test.js

@@ -0,0 +1,67 @@
+import React from 'react';
+import { assert } from 'chai';
+import { createShallow, getClasses } from '../test-utils';
+import Paper from '@material-ui/core/Paper';
+import Dialog from '@material-ui/core/Dialog';
+import withMobileDialog from './withMobileDialog';
+describe('withMobileDialog', function () {
+  var shallow;
+  var classes;
+  var defaultProps = {
+    open: false
+  };
+  before(function () {
+    shallow = createShallow({
+      untilSelector: 'Dialog'
+    });
+    classes = getClasses(React.createElement(Dialog, defaultProps, "foo"));
+  });
+
+  function isFullScreen(breakpoints, width) {
+    breakpoints.forEach(function (breakpoint) {
+      it("is for width: ".concat(width, " <= ").concat(breakpoint), function () {
+        var ResponsiveDialog = withMobileDialog({
+          breakpoint: breakpoint
+        })(Dialog);
+        var wrapper = shallow(React.createElement(ResponsiveDialog, Object.assign({}, defaultProps, {
+          width: width
+        }), "foo"));
+        assert.strictEqual(wrapper.find(Paper).hasClass(classes.paperFullScreen), true);
+      });
+    });
+  }
+
+  function isNotFullScreen(breakpoints, width) {
+    breakpoints.forEach(function (breakpoint) {
+      it("is not for width: ".concat(width, " > ").concat(breakpoint), function () {
+        var ResponsiveDialog = withMobileDialog({
+          breakpoint: breakpoint
+        })(Dialog);
+        var wrapper = shallow(React.createElement(ResponsiveDialog, Object.assign({}, defaultProps, {
+          width: width
+        }), "foo"));
+        assert.strictEqual(wrapper.find(Paper).hasClass(classes.paperFullScreen), false);
+      });
+    });
+  }
+
+  describe('screen width: xs', function () {
+    isFullScreen(['xs', 'sm', 'md', 'lg', 'xl'], 'xs');
+  });
+  describe('screen width: sm (default)', function () {
+    isFullScreen(['sm', 'md', 'lg', 'xl'], 'sm');
+    isNotFullScreen(['xs'], 'sm');
+  });
+  describe('screen width: md', function () {
+    isFullScreen(['md', 'lg', 'xl'], 'md');
+    isNotFullScreen(['xs', 'sm'], 'md');
+  });
+  describe('screen width: lg', function () {
+    isFullScreen(['lg', 'xl'], 'lg');
+    isNotFullScreen(['xs', 'sm', 'md'], 'lg');
+  });
+  describe('screen width: xl', function () {
+    isFullScreen(['xl'], 'xl');
+    isNotFullScreen(['xs', 'sm', 'md', 'lg'], 'xl');
+  });
+});

package/hi-svg-icons/HiAccount.js

@@ -1,58 +1,40 @@
-"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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _pure = _interopRequireDefault(require("recompose/pure"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
-
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import React from 'react';
+import pure from 'recompose/pure';
+import { withStyles } from '@material-ui/core/styles';
+import Icon from '@material-ui/core/Icon';
 /**
  * @ignore - internal component.
  */
-var HiAccount = (0, _pure.default)(function (props) {
+
+var HiAccount = pure(function (props) {
   var _props$color = props.color,
       color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
-      other = (0, _objectWithoutProperties2.default)(props, ["color"]);
-  return _react.default.createElement(_Icon.default, {
-    style: (0, _objectSpread2.default)({}, props.style, {
+      other = _objectWithoutProperties(props, ["color"]);
+
+  return React.createElement(Icon, {
+    style: _objectSpread({}, props.style, {
       fontSize: props.size || 24
     })
-  }, _react.default.createElement("svg", (0, _extends2.default)({
+  }, React.createElement("svg", Object.assign({
     viewBox: "0 0 37.5 39"
-  }, other), _react.default.createElement("g", {
+  }, other), React.createElement("g", {
     transform: "translate(-8111 -110)"
-  }, _react.default.createElement("circle", {
+  }, React.createElement("circle", {
     cx: 8124.9,
     cy: 134.9,
     r: 13.9,
     opacity: 0.16,
     fill: color
-  }), _react.default.createElement("path", {
+  }), React.createElement("path", {
     // eslint-disable-next-line max-len
     d: "M8117 118.1H8144V124.8h-1.1v18H8118.2v-18h-1.1V118.1zm2.3 2.3v2.2h22.5v-2.2h-22.5zm1.1 4.5v15.8h20.2v-15.8h-20.2zm6.6 2.2h7c.3 0 .6.1.8.3s.3.5.3.8c0 .3-.1.6-.3.8s-.5.3-.8.3h-6.8-.1c-.3 0-.5-.1-.8-.3-.2-.2-.4-.5-.4-.8 0-.3.1-.5.3-.7s.5-.3.8-.4z",
     fill: color
   }))));
 });
 HiAccount.muiName = 'SvgIcon';
-
-var _default = (0, _styles.withStyles)({}, {
+export default withStyles({}, {
   hiComponent: true,
   withTheme: true
-})(HiAccount);
-
-exports.default = _default;
+})(HiAccount);