@hipay/hipay-material-ui 1.0.0-beta.1 → 1.0.0-beta.11

package/utils/HiIconBuilder.js

@@ -44,6 +44,10 @@ var _classnames = require('classnames');
 
 var _classnames2 = _interopRequireDefault(_classnames);
 
+var _index = require('keycode/index');
+
+var _index2 = _interopRequireDefault(_index);
+
 var _hiGetMdiIcon = require('./hiGetMdiIcon');
 
 var _hiGetMdiIcon2 = _interopRequireDefault(_hiGetMdiIcon);
@@ -56,10 +60,6 @@ var hiIcon = _interopRequireWildcard(_svgIcons);
 
 var _helpers = require('./helpers');
 
-var _index = require('keycode/index');
-
-var _index2 = _interopRequireDefault(_index);
-
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -97,7 +97,9 @@ var HiIconBuilder = function (_PureComponent) {
                 className = _props.className,
                 style = _props.style,
                 onClick = _props.onClick,
-                others = (0, _objectWithoutProperties3.default)(_props, ['icon', 'size', 'className', 'style', 'onClick']);
+                color = _props.color,
+                backgroundColor = _props.backgroundColor,
+                others = (0, _objectWithoutProperties3.default)(_props, ['icon', 'size', 'className', 'style', 'onClick', 'color', 'backgroundColor']);
 
 
             var props = {};
@@ -116,7 +118,7 @@ var HiIconBuilder = function (_PureComponent) {
                     className: (0, _classnames2.default)('fa', icon, className),
                     style: (0, _extends3.default)({
                         fontSize: size
-                    }, style),
+                    }, color && { color: color }, backgroundColor && { backgroundColor: backgroundColor, padding: 2, borderRadius: size }, style),
                     onClick: onClick
                 }, props, others));
             }
@@ -132,7 +134,7 @@ var HiIconBuilder = function (_PureComponent) {
                 style: (0, _extends3.default)({
                     height: size,
                     width: size
-                }, style),
+                }, color && { color: color }, backgroundColor && { backgroundColor: backgroundColor, padding: 2, borderRadius: size }, style),
                 onClick: onClick
             }, props, others));
         }
@@ -144,10 +146,18 @@ HiIconBuilder.defaultProps = {
     size: 20
 };
 HiIconBuilder.propTypes = process.env.NODE_ENV !== "production" ? {
+    /**
+     * Couleur du fond
+     */
+    backgroundColor: _propTypes2.default.string,
     /**
      * Permet de surcharger la classe
      */
     className: _propTypes2.default.string,
+    /**
+     * Couleur de l'icône
+     */
+    color: _propTypes2.default.string,
     /**
      * Nom de l'icône
      */

package/utils/hiHelpers.js

@@ -169,7 +169,7 @@ function arrayUnique(array) {
  * @param array
  */
 function escapeHTML(unsafeStr) {
-    return unsafeStr.replace('<strong>', '[[').replace('</strong>', ']]').replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\"/g, '&quot;').replace(/\'/g, '&#39;').replace('[[', '<strong>').replace(']]', '</strong>');
+    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/>');
 }
 
 /**
@@ -189,7 +189,7 @@ function getNextItemSelectable(node, direction) {
     } else if (node.previousSibling === null) {
         return null;
     } else if (node.previousSibling.tabIndex === -1) {
-        return this.getNextItemSelectable(node.previousSibling, direction);
+        return getNextItemSelectable(node.previousSibling, direction);
     }
     return node.previousSibling;
 }