@hipay/hipay-material-ui 3.2.0-PSYCHE-2816 → 3.2.0

package/HiCell/CellRate.js

@@ -23,11 +23,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _ArrowBottomRight = _interopRequireDefault(require("mdi-material-ui/ArrowBottomRight"));
-
-var _ArrowTopRight = _interopRequireDefault(require("mdi-material-ui/ArrowTopRight"));
-
-var _Equal = _interopRequireDefault(require("mdi-material-ui/Equal"));
+var _mdiMaterialUi = require("mdi-material-ui");
 
 var _helpers = require("../utils/helpers");
 
@@ -106,19 +102,19 @@ function (_React$PureComponent) {
 
       switch (trendchip) {
         case 'equal':
-          trendIcon = _react.default.createElement(_Equal.default, {
+          trendIcon = _react.default.createElement(_mdiMaterialUi.Equal, {
             className: (0, _classnames.default)(classes.trendChipIcon, classes.neutral)
           });
           break;
 
         case 'up':
-          trendIcon = _react.default.createElement(_ArrowTopRight.default, {
+          trendIcon = _react.default.createElement(_mdiMaterialUi.ArrowTopRight, {
             className: (0, _classnames.default)(classes.trendChipIcon, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.positive, isPositive), (0, _defineProperty2.default)(_classNames, classes.negative, !isPositive), _classNames))
           });
           break;
 
         case 'down':
-          trendIcon = _react.default.createElement(_ArrowBottomRight.default, {
+          trendIcon = _react.default.createElement(_mdiMaterialUi.ArrowBottomRight, {
             className: (0, _classnames.default)(classes.trendChipIcon, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.positive, !isPositive), (0, _defineProperty2.default)(_classNames2, classes.negative, isPositive), _classNames2))
           });
           break;

package/HiIcon/HiIcon.js

@@ -27,6 +27,8 @@ var _helpers = require("../utils/helpers");
 
 var hiSvgIcons = _interopRequireWildcard(require("../hi-svg-icons"));
 
+var mdi = _interopRequireWildcard(require("mdi-material-ui"));
+
 var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
     /* Styles applied to the root element. */
@@ -54,6 +56,7 @@ var HiIcon = _react.default.forwardRef(function (props, ref) {
       color = props.color,
       other = (0, _objectWithoutProperties2.default)(props, ["children", "className", "icon", "size", "color"]);
   var classes = useStyles(props);
+  var theme = (0, _styles.useTheme)();
   var iconName = icon !== null ? icon : children;
   var iconType = (0, _react.useMemo)(function () {
     if (iconName && iconName.indexOf('fa-') === 0) {
@@ -87,9 +90,8 @@ var HiIcon = _react.default.forwardRef(function (props, ref) {
       }, other));
 
     case "mdi":
-      var MdiIconComponent = require("mdi-material-ui/".concat((0, _helpers.capitalize)((0, _helpers.camelize)(iconName.slice(4))))).default;
-
-      return _react.default.createElement(MdiIconComponent, (0, _extends2.default)({
+      var MdiIconName = mdi[(0, _helpers.capitalize)((0, _helpers.camelize)(iconName.slice(4)))];
+      return _react.default.createElement(MdiIconName, (0, _extends2.default)({
         ref: ref,
         className: (0, _classnames.default)(className, (0, _defineProperty2.default)({}, classes.root, color !== "inherit")),
         color: "inherit",

package/es/HiCell/CellRate.js

@@ -23,11 +23,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _ArrowBottomRight = _interopRequireDefault(require("mdi-material-ui/ArrowBottomRight"));
-
-var _ArrowTopRight = _interopRequireDefault(require("mdi-material-ui/ArrowTopRight"));
-
-var _Equal = _interopRequireDefault(require("mdi-material-ui/Equal"));
+var _mdiMaterialUi = require("mdi-material-ui");
 
 var _helpers = require("../utils/helpers");
 
@@ -106,19 +102,19 @@ function (_React$PureComponent) {
 
       switch (trendchip) {
         case 'equal':
-          trendIcon = _react.default.createElement(_Equal.default, {
+          trendIcon = _react.default.createElement(_mdiMaterialUi.Equal, {
             className: (0, _classnames.default)(classes.trendChipIcon, classes.neutral)
           });
           break;
 
         case 'up':
-          trendIcon = _react.default.createElement(_ArrowTopRight.default, {
+          trendIcon = _react.default.createElement(_mdiMaterialUi.ArrowTopRight, {
             className: (0, _classnames.default)(classes.trendChipIcon, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.positive, isPositive), (0, _defineProperty2.default)(_classNames, classes.negative, !isPositive), _classNames))
           });
           break;
 
         case 'down':
-          trendIcon = _react.default.createElement(_ArrowBottomRight.default, {
+          trendIcon = _react.default.createElement(_mdiMaterialUi.ArrowBottomRight, {
             className: (0, _classnames.default)(classes.trendChipIcon, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, classes.positive, !isPositive), (0, _defineProperty2.default)(_classNames2, classes.negative, isPositive), _classNames2))
           });
           break;

package/es/HiIcon/HiIcon.js

@@ -27,6 +27,8 @@ var _helpers = require("../utils/helpers");
 
 var hiSvgIcons = _interopRequireWildcard(require("../hi-svg-icons"));
 
+var mdi = _interopRequireWildcard(require("mdi-material-ui"));
+
 var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
     /* Styles applied to the root element. */
@@ -54,6 +56,7 @@ var HiIcon = _react.default.forwardRef(function (props, ref) {
       color = props.color,
       other = (0, _objectWithoutProperties2.default)(props, ["children", "className", "icon", "size", "color"]);
   var classes = useStyles(props);
+  var theme = (0, _styles.useTheme)();
   var iconName = icon !== null ? icon : children;
   var iconType = (0, _react.useMemo)(function () {
     if (iconName && iconName.indexOf('fa-') === 0) {
@@ -87,9 +90,8 @@ var HiIcon = _react.default.forwardRef(function (props, ref) {
       }, other));
 
     case "mdi":
-      var MdiIconComponent = require("mdi-material-ui/".concat((0, _helpers.capitalize)((0, _helpers.camelize)(iconName.slice(4))))).default;
-
-      return _react.default.createElement(MdiIconComponent, (0, _extends2.default)({
+      var MdiIconName = mdi[(0, _helpers.capitalize)((0, _helpers.camelize)(iconName.slice(4)))];
+      return _react.default.createElement(MdiIconName, (0, _extends2.default)({
         ref: ref,
         className: (0, _classnames.default)(className, (0, _defineProperty2.default)({}, classes.root, color !== "inherit")),
         color: "inherit",

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

@@ -0,0 +1,51 @@
+"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");
+
+describe('hi-svg-icons', function () {
+  var shallow;
+  before(function () {
+    shallow = (0, _testUtils.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) {
+      done();
+      return;
+    }
+
+    _fs.default.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) {
+          return;
+        } // eslint-disable-next-line global-require, import/no-dynamic-require
+
+
+        var fileLoaded = require(_path.default.join(__dirname, file));
+
+        if (!fileLoaded.default) {
+          return;
+        }
+
+        var Icon = fileLoaded.default;
+        var wrapper = shallow(_react.default.createElement(Icon, {
+          className: "foo"
+        }));
+
+        _chai.assert.strictEqual(wrapper.hasClass('foo'), true);
+      });
+      done();
+    });
+  });
+});

package/es/utils/helpers.js

@@ -60,7 +60,7 @@ function contains(obj, pred) {
 
 
 function escapeHTML(unsafeStr) {
-  return unsafeStr.replace(/<br\/?>/g, '[br]').replace(/<strong>/g, '[[').replace(/<\/?strong>/g, ']]').replace(/<a(?: (.*?)=[\"\'](.*?)[\"\'])(?: (.*?)=[\"\'](.*?)[\"\'])?>(.*?)<\/a>/g, '[a:$1:$2:$3:$4]$5[a]').replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#39;').replace(/\[a:(.*?):(.*?):(.*?):(.*?)\](.*?)\[a\]/g, '<a $1=$2 $3=$4>$5</a>').replace(/\[\[/g, '<strong>').replace(/\]\]/g, '</strong>').replace(/\[br\]/g, '<br>');
+  return unsafeStr.replace(/<br\/?>/g, '[br]').replace(/<strong>/g, '[[').replace(/<\/?strong>/g, ']]').replace(/<a (.*?)>(.*?)<\/a>/g, '[a:$1]$2[a]').replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#39;').replace(/\[a:(.*?)\](.*?)\[a\]/g, '<a $1>$2</a>').replace(/\[\[/g, '<strong>').replace(/\]\]/g, '</strong>').replace(/\[br\]/g, '<br>');
 }
 
 function findIndex(arr, pred) {

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

@@ -0,0 +1,51 @@
+"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");
+
+describe('hi-svg-icons', function () {
+  var shallow;
+  before(function () {
+    shallow = (0, _testUtils.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) {
+      done();
+      return;
+    }
+
+    _fs.default.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) {
+          return;
+        } // eslint-disable-next-line global-require, import/no-dynamic-require
+
+
+        var fileLoaded = require(_path.default.join(__dirname, file));
+
+        if (!fileLoaded.default) {
+          return;
+        }
+
+        var Icon = fileLoaded.default;
+        var wrapper = shallow(_react.default.createElement(Icon, {
+          className: "foo"
+        }));
+
+        _chai.assert.strictEqual(wrapper.hasClass('foo'), true);
+      });
+      done();
+    });
+  });
+});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hipay/hipay-material-ui",
   "private": false,
-  "version": "3.2.0-PSYCHE-2816",
+  "version": "3.2.0",
   "description": "React components that implement Google's Material Design.",
   "repository": {
     "type": "git",
@@ -21,6 +21,7 @@
   "dependencies": {
     "@babel/plugin-transform-runtime": "^7.8.3",
     "@babel/runtime": "7.6.3",
+    "@material-ui/icons": "4.4.3",
     "brcast": "3.0.1",
     "classnames": "2.2.6",
     "cross-env": "6.0.3",
@@ -34,7 +35,7 @@
     "jss-vendor-prefixer": "8.0.1",
     "keycode": "2.2.0",
     "leaflet": "1.5.1",
-    "mdi-material-ui": "6.13.2",
+    "mdi-material-ui": "6.8.0",
     "mini-html-webpack-plugin": "1.0.0",
     "prop-types": "15.7.2",
     "react-custom-scrollbars": "4.2.1",

package/utils/helpers.js

@@ -60,7 +60,7 @@ function contains(obj, pred) {
 
 
 function escapeHTML(unsafeStr) {
-  return unsafeStr.replace(/<br\/?>/g, '[br]').replace(/<strong>/g, '[[').replace(/<\/?strong>/g, ']]').replace(/<a(?: (.*?)=[\"\'](.*?)[\"\'])(?: (.*?)=[\"\'](.*?)[\"\'])?>(.*?)<\/a>/g, '[a:$1:$2:$3:$4]$5[a]').replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#39;').replace(/\[a:(.*?):(.*?):(.*?):(.*?)\](.*?)\[a\]/g, '<a $1=$2 $3=$4>$5</a>').replace(/\[\[/g, '<strong>').replace(/\]\]/g, '</strong>').replace(/\[br\]/g, '<br>');
+  return unsafeStr.replace(/<br\/?>/g, '[br]').replace(/<strong>/g, '[[').replace(/<\/?strong>/g, ']]').replace(/<a (.*?)>(.*?)<\/a>/g, '[a:$1]$2[a]').replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#39;').replace(/\[a:(.*?)\](.*?)\[a\]/g, '<a $1>$2</a>').replace(/\[\[/g, '<strong>').replace(/\]\]/g, '</strong>').replace(/\[br\]/g, '<br>');
 }
 
 function findIndex(arr, pred) {