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

package/hi-svg-icons/index.js

@@ -1,151 +1,18 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "HiAccount", {
-  enumerable: true,
-  get: function get() {
-    return _HiAccount.default;
-  }
-});
-Object.defineProperty(exports, "HiAll", {
-  enumerable: true,
-  get: function get() {
-    return _HiAll.default;
-  }
-});
-Object.defineProperty(exports, "HiBilling", {
-  enumerable: true,
-  get: function get() {
-    return _HiBilling.default;
-  }
-});
-Object.defineProperty(exports, "HiBriefcaseRescue", {
-  enumerable: true,
-  get: function get() {
-    return _HiBriefcaseRescue.default;
-  }
-});
-Object.defineProperty(exports, "HiCatalog", {
-  enumerable: true,
-  get: function get() {
-    return _HiCatalog.default;
-  }
-});
-Object.defineProperty(exports, "HiCustomer", {
-  enumerable: true,
-  get: function get() {
-    return _HiCustomer.default;
-  }
-});
-Object.defineProperty(exports, "HiFinance", {
-  enumerable: true,
-  get: function get() {
-    return _HiFinance.default;
-  }
-});
-Object.defineProperty(exports, "HiRoute", {
-  enumerable: true,
-  get: function get() {
-    return _HiRoute.default;
-  }
-});
-Object.defineProperty(exports, "HiSettlement", {
-  enumerable: true,
-  get: function get() {
-    return _HiSettlement.default;
-  }
-});
-Object.defineProperty(exports, "HiSizeLarge", {
-  enumerable: true,
-  get: function get() {
-    return _HiSizeLarge.default;
-  }
-});
-Object.defineProperty(exports, "HiSizeMedium", {
-  enumerable: true,
-  get: function get() {
-    return _HiSizeMedium.default;
-  }
-});
-Object.defineProperty(exports, "HiSizeSmall", {
-  enumerable: true,
-  get: function get() {
-    return _HiSizeSmall.default;
-  }
-});
-Object.defineProperty(exports, "HiTransaction", {
-  enumerable: true,
-  get: function get() {
-    return _HiTransaction.default;
-  }
-});
-Object.defineProperty(exports, "HiUser", {
-  enumerable: true,
-  get: function get() {
-    return _HiUser.default;
-  }
-});
-Object.defineProperty(exports, "HiWidget", {
-  enumerable: true,
-  get: function get() {
-    return _HiWidget.default;
-  }
-});
-Object.defineProperty(exports, "HiActivity", {
-  enumerable: true,
-  get: function get() {
-    return _HiActivity.default;
-  }
-});
-Object.defineProperty(exports, "HiPermission", {
-  enumerable: true,
-  get: function get() {
-    return _HiPermission.default;
-  }
-});
-Object.defineProperty(exports, "HiDownload", {
-  enumerable: true,
-  get: function get() {
-    return _HiDownload.default;
-  }
-});
-
-var _HiAccount = _interopRequireDefault(require("./HiAccount"));
-
-var _HiAll = _interopRequireDefault(require("./HiAll"));
-
-var _HiBilling = _interopRequireDefault(require("./HiBilling"));
-
-var _HiBriefcaseRescue = _interopRequireDefault(require("./HiBriefcaseRescue"));
-
-var _HiCatalog = _interopRequireDefault(require("./HiCatalog"));
-
-var _HiCustomer = _interopRequireDefault(require("./HiCustomer"));
-
-var _HiFinance = _interopRequireDefault(require("./HiFinance"));
-
-var _HiRoute = _interopRequireDefault(require("./HiRoute"));
-
-var _HiSettlement = _interopRequireDefault(require("./HiSettlement"));
-
-var _HiSizeLarge = _interopRequireDefault(require("./HiSizeLarge"));
-
-var _HiSizeMedium = _interopRequireDefault(require("./HiSizeMedium"));
-
-var _HiSizeSmall = _interopRequireDefault(require("./HiSizeSmall"));
-
-var _HiTransaction = _interopRequireDefault(require("./HiTransaction"));
-
-var _HiUser = _interopRequireDefault(require("./HiUser"));
-
-var _HiWidget = _interopRequireDefault(require("./HiWidget"));
-
-var _HiActivity = _interopRequireDefault(require("./HiActivity"));
-
-var _HiPermission = _interopRequireDefault(require("./HiPermission"));
-
-var _HiDownload = _interopRequireDefault(require("./HiDownload"));
+export { default as HiAccount } from './HiAccount';
+export { default as HiAll } from './HiAll';
+export { default as HiBilling } from './HiBilling';
+export { default as HiBriefcaseRescue } from './HiBriefcaseRescue';
+export { default as HiCatalog } from './HiCatalog';
+export { default as HiCustomer } from './HiCustomer';
+export { default as HiFinance } from './HiFinance';
+export { default as HiRoute } from './HiRoute';
+export { default as HiSettlement } from './HiSettlement';
+export { default as HiSizeLarge } from './HiSizeLarge';
+export { default as HiSizeMedium } from './HiSizeMedium';
+export { default as HiSizeSmall } from './HiSizeSmall';
+export { default as HiTransaction } from './HiTransaction';
+export { default as HiUser } from './HiUser';
+export { default as HiWidget } from './HiWidget';
+export { default as HiActivity } from './HiActivity';
+export { default as HiPermission } from './HiPermission';
+export { default as HiDownload } from './HiDownload';

package/hi-svg-icons/index.text.js

@@ -1,30 +1,21 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _fs = _interopRequireDefault(require("fs"));
-
-var _path = _interopRequireDefault(require("path"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _chai = require("chai");
-
-var _testUtils = require("../test-utils");
-
+import fs from 'fs';
+import path from 'path';
+import React from 'react';
+import { assert } from 'chai';
+import { createShallow } from '../test-utils';
 describe('hi-svg-icons', function () {
   var shallow;
   before(function () {
-    shallow = (0, _testUtils.createShallow)();
+    shallow = createShallow();
   });
   it('should be able to render all of them', function (done) {
     // This test can only be run on the node env
-    if (!_fs.default.readdir) {
+    if (!fs.readdir) {
       done();
       return;
     }
 
-    _fs.default.readdir(__dirname, function (err, files) {
+    fs.readdir(__dirname, function (err, files) {
       files.forEach(function (file) {
         // Ignore no js files and tests
         if (file.indexOf('.js') === -1 || file.indexOf('text.js') > -1) {
@@ -32,18 +23,17 @@ describe('hi-svg-icons', function () {
         } // eslint-disable-next-line global-require, import/no-dynamic-require
 
 
-        var fileLoaded = require(_path.default.join(__dirname, file));
+        var fileLoaded = require(path.join(__dirname, file));
 
         if (!fileLoaded.default) {
           return;
         }
 
         var Icon = fileLoaded.default;
-        var wrapper = shallow(_react.default.createElement(Icon, {
+        var wrapper = shallow(React.createElement(Icon, {
           className: "foo"
         }));
-
-        _chai.assert.strictEqual(wrapper.hasClass('foo'), true);
+        assert.strictEqual(wrapper.hasClass('foo'), true);
       });
       done();
     });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hipay/hipay-material-ui",
   "private": false,
-  "version": "2.3.1-rc3",
+  "version": "2.3.1-rc4",
   "description": "React components that implement Google's Material Design.",
   "repository": {
     "type": "git",

package/styleguide/Wrapper.js

@@ -1,51 +1,34 @@
-"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 _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 _react = _interopRequireWildcard(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _theme = _interopRequireDefault(require("../theme"));
-
-require("../index.css");
+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 React, { Component } from 'react';
+import { MuiThemeProvider } from '@material-ui/core/styles';
+import theme from '../theme';
+import '../index.css';
 
 var Wrapper =
 /*#__PURE__*/
 function (_Component) {
-  (0, _inherits2.default)(Wrapper, _Component);
+  _inherits(Wrapper, _Component);
 
   function Wrapper() {
-    (0, _classCallCheck2.default)(this, Wrapper);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(Wrapper).apply(this, arguments));
+    _classCallCheck(this, Wrapper);
+
+    return _possibleConstructorReturn(this, _getPrototypeOf(Wrapper).apply(this, arguments));
   }
 
-  (0, _createClass2.default)(Wrapper, [{
+  _createClass(Wrapper, [{
     key: "render",
     value: function render() {
-      return _react.default.createElement(_styles.MuiThemeProvider, {
-        theme: _theme.default
+      return React.createElement(MuiThemeProvider, {
+        theme: theme
       }, this.props.children);
     }
   }]);
+
   return Wrapper;
-}(_react.Component);
+}(Component);
 
-exports.default = Wrapper;
+export { Wrapper as default };

package/styles/MuiThemeProvider.js

@@ -1,70 +1,50 @@
-"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 _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 _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 _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _warning = _interopRequireDefault(require("warning"));
-
-var _brcast = _interopRequireDefault(require("brcast"));
-
-var _themeListener = _interopRequireWildcard(require("./themeListener"));
-
-var _exactProp = _interopRequireDefault(require("../utils/exactProp"));
-
+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 _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 PropTypes from 'prop-types';
+import warning from 'warning';
+import createBroadcast from 'brcast';
+import themeListener, { CHANNEL } from './themeListener';
+import exactProp from '../utils/exactProp';
 /**
  * This component takes a `theme` property.
  * It makes the `theme` available down the React tree thanks to React context.
  * This component should preferably be used at **the root of your component tree**.
  */
+
 var MuiThemeProvider =
 /*#__PURE__*/
 function (_React$Component) {
-  (0, _inherits2.default)(MuiThemeProvider, _React$Component);
+  _inherits(MuiThemeProvider, _React$Component);
 
   // We are not using the React state in order to avoid unnecessary rerender.
   function MuiThemeProvider(props, context) {
     var _this;
 
-    (0, _classCallCheck2.default)(this, MuiThemeProvider);
-    _this = (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(MuiThemeProvider).call(this)); // Get the outer theme from the context, can be null
+    _classCallCheck(this, MuiThemeProvider);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(MuiThemeProvider).call(this)); // Get the outer theme from the context, can be null
+
+    _defineProperty(_assertThisInitialized(_this), "broadcast", createBroadcast());
 
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "broadcast", (0, _brcast.default)());
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "unsubscribeId", null);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "outerTheme", null);
-    _this.outerTheme = _themeListener.default.initial(context); // Propagate the theme so it can be accessed by the children
+    _defineProperty(_assertThisInitialized(_this), "unsubscribeId", null);
+
+    _defineProperty(_assertThisInitialized(_this), "outerTheme", null);
+
+    _this.outerTheme = themeListener.initial(context); // Propagate the theme so it can be accessed by the children
 
     _this.broadcast.setState(_this.mergeOuterLocalTheme(props.theme));
 
     return _this;
   }
 
-  (0, _createClass2.default)(MuiThemeProvider, [{
+  _createClass(MuiThemeProvider, [{
     key: "getChildContext",
     value: function getChildContext() {
       var _ref;
@@ -82,7 +62,7 @@ function (_React$Component) {
         muiThemeProviderOptions.disableStylesGeneration = disableStylesGeneration;
       }
 
-      return _ref = {}, (0, _defineProperty2.default)(_ref, _themeListener.CHANNEL, this.broadcast), (0, _defineProperty2.default)(_ref, "muiThemeProviderOptions", muiThemeProviderOptions), _ref;
+      return _ref = {}, _defineProperty(_ref, CHANNEL, this.broadcast), _defineProperty(_ref, "muiThemeProviderOptions", muiThemeProviderOptions), _ref;
     }
   }, {
     key: "componentDidMount",
@@ -90,7 +70,7 @@ function (_React$Component) {
       var _this2 = this;
 
       // Subscribe on the outer theme, if present
-      this.unsubscribeId = _themeListener.default.subscribe(this.context, function (outerTheme) {
+      this.unsubscribeId = themeListener.subscribe(this.context, function (outerTheme) {
         _this2.outerTheme = outerTheme; // Forward the parent theme update to the children
 
         _this2.broadcast.setState(_this2.mergeOuterLocalTheme(_this2.props.theme));
@@ -108,7 +88,7 @@ function (_React$Component) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       if (this.unsubscribeId !== null) {
-        _themeListener.default.unsubscribe(this.context, this.unsubscribeId);
+        themeListener.unsubscribe(this.context, this.unsubscribeId);
       }
     } // Simple merge between the outer theme and the local theme
 
@@ -117,7 +97,7 @@ function (_React$Component) {
     value: function mergeOuterLocalTheme(localTheme) {
       // To support composition of theme.
       if (typeof localTheme === 'function') {
-        process.env.NODE_ENV !== "production" ? (0, _warning.default)(this.outerTheme, ['Material-UI: you are providing a theme function property ' + 'to the MuiThemeProvider component:', '<MuiThemeProvider theme={outerTheme => outerTheme} />', 'However, no outer theme is present.', 'Make sure a theme is already injected higher in the React tree ' + 'or provide a theme object.'].join('\n')) : void 0;
+        warning(this.outerTheme, ['Material-UI: you are providing a theme function property ' + 'to the MuiThemeProvider component:', '<MuiThemeProvider theme={outerTheme => outerTheme} />', 'However, no outer theme is present.', 'Make sure a theme is already injected higher in the React tree ' + 'or provide a theme object.'].join('\n'));
         return localTheme(this.outerTheme);
       }
 
@@ -125,7 +105,7 @@ function (_React$Component) {
         return localTheme;
       }
 
-      return (0, _objectSpread2.default)({}, this.outerTheme, {}, localTheme);
+      return _objectSpread({}, this.outerTheme, {}, localTheme);
     }
   }, {
     key: "render",
@@ -142,14 +122,14 @@ function (_React$Component) {
       return this.props.children;
     }
   }]);
+
   return MuiThemeProvider;
-}(_react.default.Component);
+}(React.Component);
 
-MuiThemeProvider.childContextTypes = (0, _objectSpread2.default)({}, _themeListener.default.contextTypes, {
-  muiThemeProviderOptions: _propTypes.default.object
+MuiThemeProvider.childContextTypes = _objectSpread({}, themeListener.contextTypes, {
+  muiThemeProviderOptions: PropTypes.object
 });
-MuiThemeProvider.contextTypes = (0, _objectSpread2.default)({}, _themeListener.default.contextTypes, {
-  muiThemeProviderOptions: _propTypes.default.object
+MuiThemeProvider.contextTypes = _objectSpread({}, themeListener.contextTypes, {
+  muiThemeProviderOptions: PropTypes.object
 });
-var _default = MuiThemeProvider;
-exports.default = _default;
+export default MuiThemeProvider;

package/styles/colorManipulator.js

@@ -1,25 +1,5 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.convertHexToRGB = convertHexToRGB;
-exports.rgbToHex = rgbToHex;
-exports.decomposeColor = decomposeColor;
-exports.recomposeColor = recomposeColor;
-exports.getContrastRatio = getContrastRatio;
-exports.getLuminance = getLuminance;
-exports.emphasize = emphasize;
-exports.fade = fade;
-exports.darken = darken;
-exports.lighten = lighten;
-
-var _warning = _interopRequireDefault(require("warning"));
-
 /* eslint-disable no-use-before-define */
-
+import warning from 'warning';
 /**
  * Returns a number whose value is limited to the given range.
  *
@@ -28,10 +8,11 @@ var _warning = _interopRequireDefault(require("warning"));
  * @param {number} max The upper boundary of the output range
  * @returns {number} A number in the range [min, max]
  */
+
 function clamp(value) {
   var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   var max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-  process.env.NODE_ENV !== "production" ? (0, _warning.default)(value >= min && value <= max, "Material-UI: the value provided ".concat(value, " is out of range [").concat(min, ", ").concat(max, "].")) : void 0;
+  warning(value >= min && value <= max, "Material-UI: the value provided ".concat(value, " is out of range [").concat(min, ", ").concat(max, "]."));
 
   if (value < min) {
     return min;
@@ -51,7 +32,7 @@ function clamp(value) {
  */
 
 
-function convertHexToRGB(color) {
+export function convertHexToRGB(color) {
   color = color.substr(1);
   var re = new RegExp(".{1,".concat(color.length / 3, "}"), 'g');
   var colors = color.match(re);
@@ -73,8 +54,7 @@ function convertHexToRGB(color) {
  * @returns {string} A CSS rgb color string, i.e. #nnnnnn
  */
 
-
-function rgbToHex(color) {
+export function rgbToHex(color) {
   // Pass hex straight through
   if (color.indexOf('#') === 0) {
     return color;
@@ -102,8 +82,7 @@ function rgbToHex(color) {
  * @returns {object} - A MUI color object: {type: string, values: number[]}
  */
 
-
-function decomposeColor(color) {
+export function decomposeColor(color) {
   if (color.charAt(0) === '#') {
     return decomposeColor(convertHexToRGB(color));
   }
@@ -135,8 +114,7 @@ function decomposeColor(color) {
  * @returns {string} A CSS color string
  */
 
-
-function recomposeColor(color) {
+export function recomposeColor(color) {
   var type = color.type;
   var values = color.values;
 
@@ -164,8 +142,7 @@ function recomposeColor(color) {
  * @returns {number} A contrast ratio value in the range 0 - 21.
  */
 
-
-function getContrastRatio(foreground, background) {
+export function getContrastRatio(foreground, background) {
   var lumA = getLuminance(foreground);
   var lumB = getLuminance(background);
   return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05);
@@ -180,8 +157,7 @@ function getContrastRatio(foreground, background) {
  * @returns {number} The relative brightness of the color in the range 0 - 1
  */
 
-
-function getLuminance(color) {
+export function getLuminance(color) {
   var decomposedColor = decomposeColor(color);
 
   if (decomposedColor.type.indexOf('rgb') !== -1) {
@@ -206,8 +182,7 @@ function getLuminance(color) {
  * @returns {string} A CSS color string. Hex input values are returned as rgb
  */
 
-
-function emphasize(color) {
+export function emphasize(color) {
   var coefficient = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.15;
   return getLuminance(color) > 0.5 ? darken(color, coefficient) : lighten(color, coefficient);
 }
@@ -220,9 +195,8 @@ function emphasize(color) {
  * @returns {string} A CSS color string. Hex input values are returned as rgb
  */
 
-
-function fade(color, value) {
-  process.env.NODE_ENV !== "production" ? (0, _warning.default)(color, "Material-UI: missing color argument in fade(".concat(color, ", ").concat(value, ").")) : void 0;
+export function fade(color, value) {
+  warning(color, "Material-UI: missing color argument in fade(".concat(color, ", ").concat(value, ")."));
   if (!color) return color;
   color = decomposeColor(color);
   value = clamp(value);
@@ -242,9 +216,8 @@ function fade(color, value) {
  * @returns {string} A CSS color string. Hex input values are returned as rgb
  */
 
-
-function darken(color, coefficient) {
-  process.env.NODE_ENV !== "production" ? (0, _warning.default)(color, "Material-UI: missing color argument in darken(".concat(color, ", ").concat(coefficient, ").")) : void 0;
+export function darken(color, coefficient) {
+  warning(color, "Material-UI: missing color argument in darken(".concat(color, ", ").concat(coefficient, ")."));
   if (!color) return color;
   color = decomposeColor(color);
   coefficient = clamp(coefficient);
@@ -267,9 +240,8 @@ function darken(color, coefficient) {
  * @returns {string} A CSS color string. Hex input values are returned as rgb
  */
 
-
-function lighten(color, coefficient) {
-  process.env.NODE_ENV !== "production" ? (0, _warning.default)(color, "Material-UI: missing color argument in lighten(".concat(color, ", ").concat(coefficient, ").")) : void 0;
+export function lighten(color, coefficient) {
+  warning(color, "Material-UI: missing color argument in lighten(".concat(color, ", ").concat(coefficient, ")."));
   if (!color) return color;
   color = decomposeColor(color);
   coefficient = clamp(coefficient);