@hipay/hipay-material-ui 3.7.0 → 3.7.2

package/es/HiSelectableList/HiSelectableList.js

@@ -89,19 +89,23 @@ var HiSelectableList = /*#__PURE__*/function (_React$PureComponent) {
     };
 
     _this.handleKeyDown = function (event) {
-      var nextItem;
-      var key = (0, _keycode.default)(event);
-
-      if (key === 'down') {
-        event.preventDefault();
-        nextItem = (0, _helpers.getNextItemSelectable)(document.activeElement, 'down');
-      } else if (key === 'up') {
-        event.preventDefault();
-        nextItem = (0, _helpers.getNextItemSelectable)(document.activeElement, 'up');
-      }
+      if (_this.props.onKeyDown) {
+        _this.props.onKeyDown(event);
+      } else {
+        var nextItem;
+        var key = (0, _keycode.default)(event);
+
+        if (key === 'down') {
+          event.preventDefault();
+          nextItem = (0, _helpers.getNextItemSelectable)(document.activeElement, 'down');
+        } else if (key === 'up') {
+          event.preventDefault();
+          nextItem = (0, _helpers.getNextItemSelectable)(document.activeElement, 'up');
+        }
 
-      if (nextItem) {
-        nextItem.focus();
+        if (nextItem) {
+          nextItem.focus();
+        }
       }
     };
 

package/es/HiSelectableList/HiSelectableListItem.js

@@ -338,7 +338,7 @@ function HiSelectableListItem(props) {
     },
     className: (0, _classnames.default)(classes.listItem, classes.listItemHover, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.disabled, disabled), (0, _defineProperty2.default)(_classNames, classes.selected, selected), (0, _defineProperty2.default)(_classNames, classes.thin, thin), (0, _defineProperty2.default)(_classNames, classes.pinned, pinned), (0, _defineProperty2.default)(_classNames, classes.inline, secondaryInline), (0, _defineProperty2.default)(_classNames, classes.listItemWithoutSecondaryInline, !secondaryInline), (0, _defineProperty2.default)(_classNames, classes.listItemInlineWithInfoWithoutSecondary, secondaryInline && info && !secondaryLabel), _classNames)),
     disabled: disabled,
-    onClick: onSelect,
+    onClick: !disabled ? onSelect : undefined,
     style: {
       paddingLeft: "".concat(paddingLeft + level * 32, "px")
     }

package/es/HiTable/HiCellBuilder.js

@@ -70,144 +70,165 @@ var HiCellBuilder = /*#__PURE__*/function (_React$PureComponent) {
         var datacell = typeof rowdata[cell.colId] !== 'undefined' ? rowdata[cell.colId] : rowdata.datas[cell.colId];
 
         if (datacell !== null) {
-          if (cell.data !== undefined) {
-            var refproperties = cell.data.find(function (el) {
-              return el.id === datacell.value;
-            });
-
-            if (refproperties) {
-              Object.keys(refproperties).forEach(function (key) {
-                datacell[key] = refproperties[key];
-              });
-            }
-            /* else {
-               datacell = undefined;
-            }*/
+          // Handle mutliple values (details rows)
+          if (datacell.length === 1) {
+            datacell = datacell[0];
+          } else if (datacell.length > 1) {
+            var align;
 
-          }
-
-          if (datacell) {
             switch (cell.type) {
               case cst.TYPE_NUMERIC:
               case cst.TYPE_AMOUNT:
-                return /*#__PURE__*/_react.default.createElement(_CellNumeric.default, {
-                  value: datacell.value,
-                  view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
-                  precision: cell.precision,
-                  currency: datacell.currency,
-                  locale: datacell.locale || cell.locale || locale,
-                  isButton: datacell.isButton,
-                  onClick: datacell.handleClick,
-                  rowId: rowdata.rowId
-                });
-
-              case cst.TYPE_COUNTRY:
-                return /*#__PURE__*/_react.default.createElement(_CellImage.default, {
-                  label: datacell.label,
-                  shortLabel: datacell.id,
-                  path: datacell.img,
-                  size: datacell.size,
-                  view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
-                });
-
-              case cst.TYPE_IMAGE:
-                return /*#__PURE__*/_react.default.createElement(_CellImage.default, {
-                  label: datacell.label || datacell.value,
-                  shortLabel: datacell.id,
-                  path: datacell.img,
-                  size: datacell.size || cell.size,
-                  view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
-                  fallbackImage: datacell.fallbackImage,
-                  title: cell.title ? cell.title(datacell, cell) : datacell.title
-                });
-
-              case cst.TYPE_RATE:
-                return /*#__PURE__*/_react.default.createElement(_CellRate.default, {
-                  indicator: datacell.indicator,
-                  isPositive: datacell.isPositive,
-                  locale: datacell.locale || cell.locale || locale,
-                  value: datacell.value,
-                  trendchip: datacell.trendchip,
-                  view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
-                });
-
-              case cst.TYPE_ADDRESS:
-                return /*#__PURE__*/_react.default.createElement(_CellAddress.default, {
-                  city: datacell.city,
-                  country: datacell.country,
-                  isoCountry: datacell.isoCountry,
-                  name: datacell.name,
-                  postalCode: datacell.postalCode,
-                  streetAddress: datacell.streetAddress,
-                  view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
-                });
+                align = "right";
+                break;
 
-              case cst.TYPE_DATE:
-                return /*#__PURE__*/_react.default.createElement(_CellDate.default, {
-                  date: datacell.date,
-                  displayTime: datacell.displayTime,
-                  formatShort: datacell.formatShort,
-                  locale: datacell.locale || cell.precision || locale,
-                  view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
-                });
-
-              case cst.TYPE_ICON:
-                return /*#__PURE__*/_react.default.createElement(_CellIcon.default, {
-                  align: cell.align,
-                  color: datacell.color,
-                  icon: datacell.icon,
-                  label: datacell.label,
-                  onClick: datacell.handleClick,
-                  view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
-                  size: cell.size
-                });
-
-              case cst.TYPE_THIRD_PARTY_SECURITY:
-                return /*#__PURE__*/_react.default.createElement(_CellIcon.default, {
-                  color: datacell.color,
-                  icon: datacell.icon,
-                  label: datacell.label,
-                  view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
-                  size: cell.size
-                });
+              default:
+                align = "center";
+            }
 
-              case cst.TYPE_SENTINEL:
-                return /*#__PURE__*/_react.default.createElement(_CellSentinel.default, {
-                  color: datacell.color,
-                  label: datacell.label,
-                  letter: datacell.label2,
-                  active: datacell.active,
-                  reviewer: datacell.reviewer,
-                  outlined: datacell.outlined
-                });
+            return /*#__PURE__*/_react.default.createElement(_CellPinToAction.default, {
+              number: datacell.length,
+              color: "default",
+              align: align
+            });
+          }
 
-              case cst.TYPE_SCORE:
-                return /*#__PURE__*/_react.default.createElement(_CellSentinelScore.default, {
-                  value: datacell.value,
-                  result: datacell.result,
-                  active: datacell.active
-                });
+          if (datacell !== null) {
+            if (cell.data !== undefined) {
+              var refproperties = cell.data.find(function (el) {
+                return el.id === datacell.value;
+              });
 
-              case cst.TYPE_PIN_TO_ACTION:
-                return /*#__PURE__*/_react.default.createElement(_CellPinToAction.default, {
-                  number: datacell.number // eslint-disable-next-line react/jsx-handler-names
-                  ,
-                  onClick: datacell.onClick
+              if (refproperties) {
+                Object.keys(refproperties).forEach(function (key) {
+                  datacell[key] = refproperties[key];
                 });
+              }
+            }
 
-              case cst.TYPE_ACCOUNT_NUMBER:
-              case cst.TYPE_CUSTOMER_ACCOUNT_NUMBER:
-              default:
-                return /*#__PURE__*/_react.default.createElement(_CellTextStyled.default, {
-                  active: datacell.active,
-                  color: datacell.color,
-                  label: datacell.label,
-                  isButton: datacell.isButton,
-                  onClick: datacell.handleClick,
-                  title: cell.title ? cell.title(datacell, cell) : datacell.title,
-                  value: datacell.value,
-                  align: cell.align
-                });
+            if (datacell) {
+              switch (cell.type) {
+                case cst.TYPE_NUMERIC:
+                case cst.TYPE_AMOUNT:
+                  return /*#__PURE__*/_react.default.createElement(_CellNumeric.default, {
+                    value: datacell.value,
+                    view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
+                    precision: cell.precision,
+                    currency: datacell.currency,
+                    locale: datacell.locale || cell.locale || locale,
+                    isButton: datacell.isButton,
+                    onClick: datacell.handleClick,
+                    rowId: rowdata.rowId
+                  });
+
+                case cst.TYPE_COUNTRY:
+                  return /*#__PURE__*/_react.default.createElement(_CellImage.default, {
+                    label: datacell.label,
+                    shortLabel: datacell.id,
+                    path: datacell.img,
+                    size: datacell.size,
+                    view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
+                  });
+
+                case cst.TYPE_IMAGE:
+                  return /*#__PURE__*/_react.default.createElement(_CellImage.default, {
+                    label: datacell.label || datacell.value,
+                    shortLabel: datacell.shortLabel,
+                    path: datacell.img,
+                    size: datacell.size || cell.size,
+                    view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
+                    fallbackImage: datacell.fallbackImage,
+                    title: cell.title ? cell.title(datacell, cell) : datacell.title
+                  });
+
+                case cst.TYPE_RATE:
+                  return /*#__PURE__*/_react.default.createElement(_CellRate.default, {
+                    indicator: datacell.indicator,
+                    isPositive: datacell.isPositive,
+                    locale: datacell.locale || cell.locale || locale,
+                    value: datacell.value,
+                    trendchip: datacell.trendchip,
+                    view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
+                  });
+
+                case cst.TYPE_ADDRESS:
+                  return /*#__PURE__*/_react.default.createElement(_CellAddress.default, {
+                    city: datacell.city,
+                    country: datacell.country,
+                    isoCountry: datacell.isoCountry,
+                    name: datacell.name,
+                    postalCode: datacell.postalCode,
+                    streetAddress: datacell.streetAddress,
+                    view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
+                  });
+
+                case cst.TYPE_DATE:
+                  return /*#__PURE__*/_react.default.createElement(_CellDate.default, {
+                    date: datacell.date,
+                    displayTime: datacell.displayTime,
+                    formatShort: datacell.formatShort,
+                    locale: datacell.locale || cell.precision || locale,
+                    view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type]
+                  });
+
+                case cst.TYPE_ICON:
+                  return /*#__PURE__*/_react.default.createElement(_CellIcon.default, {
+                    align: cell.align,
+                    color: datacell.color,
+                    icon: datacell.icon,
+                    label: datacell.label,
+                    onClick: datacell.handleClick,
+                    view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
+                    size: cell.size
+                  });
+
+                case cst.TYPE_THIRD_PARTY_SECURITY:
+                  return /*#__PURE__*/_react.default.createElement(_CellIcon.default, {
+                    color: datacell.color,
+                    icon: datacell.icon,
+                    label: datacell.label,
+                    view: cell.view ? cell.view : cst.DEFAULT_VIEWS[cell.type],
+                    size: cell.size
+                  });
+
+                case cst.TYPE_SENTINEL:
+                  return /*#__PURE__*/_react.default.createElement(_CellSentinel.default, {
+                    color: datacell.color,
+                    label: datacell.label,
+                    letter: datacell.label2,
+                    active: datacell.active,
+                    reviewer: datacell.reviewer,
+                    outlined: datacell.outlined
+                  });
+
+                case cst.TYPE_SCORE:
+                  return /*#__PURE__*/_react.default.createElement(_CellSentinelScore.default, {
+                    value: datacell.value,
+                    result: datacell.result,
+                    active: datacell.active
+                  });
+
+                case cst.TYPE_PIN_TO_ACTION:
+                  return /*#__PURE__*/_react.default.createElement(_CellPinToAction.default, {
+                    number: datacell.number // eslint-disable-next-line react/jsx-handler-names
+                    ,
+                    onClick: datacell.onClick
+                  });
+
+                case cst.TYPE_ACCOUNT_NUMBER:
+                case cst.TYPE_CUSTOMER_ACCOUNT_NUMBER:
+                default:
+                  return /*#__PURE__*/_react.default.createElement(_CellTextStyled.default, {
+                    active: datacell.active,
+                    color: datacell.color,
+                    label: datacell.label,
+                    isButton: datacell.isButton,
+                    onClick: datacell.handleClick,
+                    title: cell.title ? cell.title(datacell, cell) : datacell.title,
+                    value: datacell.value,
+                    align: cell.align
+                  });
+              }
             }
           }
         }

package/es/hi-svg-icons/HiInvoiceMenu.js

@@ -24,7 +24,7 @@ var _styles = require("@material-ui/core/styles");
 /**
  * @ignore - internal component.
  */
-var HiInvoice = (0, _pure.default)(function (props) {
+var HiInvoiceMenu = (0, _pure.default)(function (props) {
   var theme = (0, _styles.useTheme)();
   var _props$color = props.color,
       color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
@@ -41,6 +41,6 @@ var HiInvoice = (0, _pure.default)(function (props) {
     fill: color
   })));
 });
-HiInvoice.muiName = 'SvgIcon';
-var _default = HiInvoice;
+HiInvoiceMenu.muiName = 'SvgIcon';
+var _default = HiInvoiceMenu;
 exports.default = _default;

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::$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>');
 }
 
 function findIndex(arr, pred) {

package/hi-svg-icons/HiInvoiceMenu.js

@@ -24,7 +24,7 @@ var _styles = require("@material-ui/core/styles");
 /**
  * @ignore - internal component.
  */
-var HiInvoice = (0, _pure.default)(function (props) {
+var HiInvoiceMenu = (0, _pure.default)(function (props) {
   var theme = (0, _styles.useTheme)();
   var _props$color = props.color,
       color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
@@ -41,6 +41,6 @@ var HiInvoice = (0, _pure.default)(function (props) {
     fill: color
   })));
 });
-HiInvoice.muiName = 'SvgIcon';
-var _default = HiInvoice;
+HiInvoiceMenu.muiName = 'SvgIcon';
+var _default = HiInvoiceMenu;
 exports.default = _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hipay/hipay-material-ui",
   "private": false,
-  "version": "3.7.0",
+  "version": "3.7.2",
   "description": "React components that implement Google's Material Design.",
   "repository": {
     "type": "git",
@@ -69,4 +69,4 @@
   },
   "main": "./index.js",
   "module": "./esm/index.js"
-}
+}

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::$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>');
 }
 
 function findIndex(arr, pred) {

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

@@ -1,51 +0,0 @@
-"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/hi-svg-icons/index.text.js

@@ -1,51 +0,0 @@
-"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();
-    });
-  });
-});