@hipay/hipay-material-ui 3.6.0 → 3.6.1

package/HiCell/CellImage.js

@@ -79,12 +79,12 @@ function (_React$PureComponent) {
           view = _this$props.view,
           size = _this$props.size,
           fallbackImage = _this$props.fallbackImage,
-          title = _this$props.title;
-      if (!path || path === '') return '';
+          title = _this$props.title,
+          value = _this$props.value;
       return _react.default.createElement("div", {
         className: classes.wrapper,
         title: label
-      }, _react.default.createElement("img", {
+      }, path && path !== '' && _react.default.createElement("img", {
         src: path,
         alt: label,
         title: title,

package/HiSelect/HiSuggestSelect.js

@@ -251,7 +251,8 @@ function (_React$PureComponent) {
           disabled: true,
           centered: true,
           checkbox: false,
-          label: showNoResults ? translations.no_result_match : translations.min_length
+          label: showNoResults ? translations.no_result_match : translations.min_length,
+          selectable: false
         }];
       }
 

package/HiSelectableList/HiSelectableList.js

@@ -151,8 +151,8 @@ function (_React$PureComponent) {
         hoverIcon: hoverIcon,
         icon: icon,
         level: level,
-        onSelect: _this.handleSelect(item),
-        onKeyDown: onKeyDown,
+        onSelect: item.selectable !== false ? _this.handleSelect(item) : undefined,
+        onKeyDown: item.selectable !== false ? onKeyDown : undefined,
         onKeyUp: onKeyUp,
         selected: selectedItemIdList.includes(item.id) // item props override upper props (disabled, hideCheckbox, icon, level...)
         ,

package/HiTable/HiCellBuilder.js

@@ -78,9 +78,11 @@ function (_React$PureComponent) {
               Object.keys(refproperties).forEach(function (key) {
                 datacell[key] = refproperties[key];
               });
-            } else {
-              datacell = undefined;
             }
+            /* else {
+               datacell = undefined;
+            }*/
+
           }
 
           if (datacell) {
@@ -109,7 +111,7 @@ function (_React$PureComponent) {
 
               case cst.TYPE_IMAGE:
                 return _react.default.createElement(_CellImage.default, {
-                  label: datacell.label,
+                  label: datacell.label || datacell.value,
                   shortLabel: datacell.id,
                   path: datacell.img,
                   size: datacell.size || cell.size,

package/es/HiCell/CellImage.js

@@ -79,12 +79,12 @@ function (_React$PureComponent) {
           view = _this$props.view,
           size = _this$props.size,
           fallbackImage = _this$props.fallbackImage,
-          title = _this$props.title;
-      if (!path || path === '') return '';
+          title = _this$props.title,
+          value = _this$props.value;
       return _react.default.createElement("div", {
         className: classes.wrapper,
         title: label
-      }, _react.default.createElement("img", {
+      }, path && path !== '' && _react.default.createElement("img", {
         src: path,
         alt: label,
         title: title,

package/es/HiSelect/HiSuggestSelect.js

@@ -251,7 +251,8 @@ function (_React$PureComponent) {
           disabled: true,
           centered: true,
           checkbox: false,
-          label: showNoResults ? translations.no_result_match : translations.min_length
+          label: showNoResults ? translations.no_result_match : translations.min_length,
+          selectable: false
         }];
       }
 

package/es/HiSelectableList/HiSelectableList.js

@@ -151,8 +151,8 @@ function (_React$PureComponent) {
         hoverIcon: hoverIcon,
         icon: icon,
         level: level,
-        onSelect: _this.handleSelect(item),
-        onKeyDown: onKeyDown,
+        onSelect: item.selectable !== false ? _this.handleSelect(item) : undefined,
+        onKeyDown: item.selectable !== false ? onKeyDown : undefined,
         onKeyUp: onKeyUp,
         selected: selectedItemIdList.includes(item.id) // item props override upper props (disabled, hideCheckbox, icon, level...)
         ,

package/es/HiTable/HiCellBuilder.js

@@ -78,9 +78,11 @@ function (_React$PureComponent) {
               Object.keys(refproperties).forEach(function (key) {
                 datacell[key] = refproperties[key];
               });
-            } else {
-              datacell = undefined;
             }
+            /* else {
+               datacell = undefined;
+            }*/
+
           }
 
           if (datacell) {
@@ -109,7 +111,7 @@ function (_React$PureComponent) {
 
               case cst.TYPE_IMAGE:
                 return _react.default.createElement(_CellImage.default, {
-                  label: datacell.label,
+                  label: datacell.label || datacell.value,
                   shortLabel: datacell.id,
                   path: datacell.img,
                   size: datacell.size || cell.size,

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

@@ -0,0 +1,52 @@
+"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 _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+
+var _styles = require("@material-ui/core/styles");
+
+/**
+ * @ignore - internal component.
+ */
+var HiInvoice = (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,
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
+    style: (0, _objectSpread2.default)({}, style, {
+      fontSize: props.size || 24
+    })
+  }, other), _react.default.createElement("svg", {
+    viewBox: "0 0 28.35 28.35"
+  }, _react.default.createElement("circle", {
+    cx: "11.83",
+    cy: "16.66",
+    r: "9",
+    fill: color,
+    opacity: 0.16
+  }), _react.default.createElement("path", {
+    d: "M13.42,4.05a2.05,2.05,0,0,1,2,1.5h5.53V12.3h1.5v12H11.92V22.8h-6V5.55h5.53A2.07,2.07,0,0,1,13.42,4.05Zm-6,3V21.3h4.5v-9h7.5V7.05h-1.5v3h-9v-3ZM14,5.76a.75.75,0,0,0-1.29.54v.75H10.42v1.5h6V7.05H14.17V6.3A.73.73,0,0,0,14,5.76Zm-.54,8v9h7.5v-9Z",
+    fill: color
+  })));
+});
+HiInvoice.muiName = 'SvgIcon';
+var _default = HiInvoice;
+exports.default = _default;

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

@@ -0,0 +1,52 @@
+"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 _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+
+var _styles = require("@material-ui/core/styles");
+
+/**
+ * @ignore - internal component.
+ */
+var HiInvoice = (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,
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
+    style: (0, _objectSpread2.default)({}, style, {
+      fontSize: props.size || 24
+    })
+  }, other), _react.default.createElement("svg", {
+    viewBox: "0 0 28.35 28.35"
+  }, _react.default.createElement("circle", {
+    cx: "11.83",
+    cy: "16.66",
+    r: "9",
+    fill: color,
+    opacity: 0.16
+  }), _react.default.createElement("path", {
+    d: "M13.42,4.05a2.05,2.05,0,0,1,2,1.5h5.53V12.3h1.5v12H11.92V22.8h-6V5.55h5.53A2.07,2.07,0,0,1,13.42,4.05Zm-6,3V21.3h4.5v-9h7.5V7.05h-1.5v3h-9v-3ZM14,5.76a.75.75,0,0,0-1.29.54v.75H10.42v1.5h6V7.05H14.17V6.3A.73.73,0,0,0,14,5.76Zm-.54,8v9h7.5v-9Z",
+    fill: color
+  })));
+});
+HiInvoice.muiName = 'SvgIcon';
+var _default = HiInvoice;
+exports.default = _default;

package/hi-svg-icons/HiInvoice.js

@@ -0,0 +1,52 @@
+"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 _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+
+var _styles = require("@material-ui/core/styles");
+
+/**
+ * @ignore - internal component.
+ */
+var HiInvoice = (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,
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
+    style: (0, _objectSpread2.default)({}, style, {
+      fontSize: props.size || 24
+    })
+  }, other), _react.default.createElement("svg", {
+    viewBox: "0 0 28.35 28.35"
+  }, _react.default.createElement("circle", {
+    cx: "11.83",
+    cy: "16.66",
+    r: "9",
+    fill: color,
+    opacity: 0.16
+  }), _react.default.createElement("path", {
+    d: "M13.42,4.05a2.05,2.05,0,0,1,2,1.5h5.53V12.3h1.5v12H11.92V22.8h-6V5.55h5.53A2.07,2.07,0,0,1,13.42,4.05Zm-6,3V21.3h4.5v-9h7.5V7.05h-1.5v3h-9v-3ZM14,5.76a.75.75,0,0,0-1.29.54v.75H10.42v1.5h6V7.05H14.17V6.3A.73.73,0,0,0,14,5.76Zm-.54,8v9h7.5v-9Z",
+    fill: color
+  })));
+});
+HiInvoice.muiName = 'SvgIcon';
+var _default = HiInvoice;
+exports.default = _default;

package/hi-svg-icons/HiInvoiceMenu.js

@@ -0,0 +1,52 @@
+"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 _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+
+var _styles = require("@material-ui/core/styles");
+
+/**
+ * @ignore - internal component.
+ */
+var HiInvoice = (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,
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
+    style: (0, _objectSpread2.default)({}, style, {
+      fontSize: props.size || 24
+    })
+  }, other), _react.default.createElement("svg", {
+    viewBox: "0 0 28.35 28.35"
+  }, _react.default.createElement("circle", {
+    cx: "11.83",
+    cy: "16.66",
+    r: "9",
+    fill: color,
+    opacity: 0.16
+  }), _react.default.createElement("path", {
+    d: "M13.42,4.05a2.05,2.05,0,0,1,2,1.5h5.53V12.3h1.5v12H11.92V22.8h-6V5.55h5.53A2.07,2.07,0,0,1,13.42,4.05Zm-6,3V21.3h4.5v-9h7.5V7.05h-1.5v3h-9v-3ZM14,5.76a.75.75,0,0,0-1.29.54v.75H10.42v1.5h6V7.05H14.17V6.3A.73.73,0,0,0,14,5.76Zm-.54,8v9h7.5v-9Z",
+    fill: color
+  })));
+});
+HiInvoice.muiName = 'SvgIcon';
+var _default = HiInvoice;
+exports.default = _default;

package/package.json

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