@hipay/hipay-material-ui 3.7.2 → 3.7.4

package/HiChip/HiChip.js

@@ -190,7 +190,11 @@ var HiChip = function HiChip(props) {
       }, _iconProps));
     } else if ((0, _typeof2.default)(labelIcon) === 'object') {
       chipLabelIcon = (0, _objectSpread2.default)({}, labelIcon);
-      chipLabelIcon.props = (0, _objectSpread2.default)({}, _iconProps);
+      chipLabelIcon.props = (0, _objectSpread2.default)({}, _iconProps, {
+        style: {
+          fontSize: props.iconSize || 20
+        }
+      });
     }
   }
 

package/HiIcon/HiIcon.js

@@ -56,12 +56,12 @@ 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 iconName = icon !== null ? icon : children;
 
-  if ((0, _typeof2.default)(icon) === "object") {
-    return icon;
+  if (iconName && (0, _typeof2.default)(iconName) === "object") {
+    return iconName;
   }
 
-  var iconName = icon !== null ? icon : children;
   var iconType = (0, _react.useMemo)(function () {
     if (iconName && iconName.indexOf('fa-') === 0) {
       return "line_awesome";

package/HiPaymentMeans/HiPaymentMeans.js

@@ -180,7 +180,8 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       marginTop: 23,
       paddingLeft: 12,
       height: 10,
-      width: 234
+      width: 234,
+      textTransform: "uppercase"
     },
     number: {
       display: "block",
@@ -516,7 +517,7 @@ var HiPaymentMeans = function HiPaymentMeans(props) {
         className: (0, _classnames.default)(classes.stripeGradient, classes.stripeTopLeft, classes.stripeGradientTopLeft)
       }), cardNumber && /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.labelMedium, classes.ibanLabel)
-      }, PAYMENT_REFERENCE === type ? "REFERENCE" : "IBAN"), /*#__PURE__*/_react.default.createElement("div", {
+      }, PAYMENT_REFERENCE === type ? "REFERENCE" : translations.iban), /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.number, classes.ibanNumber),
         "data-name": "card_number"
       }, formatNumber), /*#__PURE__*/_react.default.createElement("div", {
@@ -589,7 +590,8 @@ HiPaymentMeans.defaultProps = {
     debit: "debit",
     gift_card: "GIFT CARD",
     gender_female: "Mrs",
-    gender_male: "Mr"
+    gender_male: "Mr",
+    iban: "IBAN"
   }
 };
 var _default = HiPaymentMeans;

package/es/HiChip/HiChip.js

@@ -190,7 +190,11 @@ var HiChip = function HiChip(props) {
       }, _iconProps));
     } else if ((0, _typeof2.default)(labelIcon) === 'object') {
       chipLabelIcon = (0, _objectSpread2.default)({}, labelIcon);
-      chipLabelIcon.props = (0, _objectSpread2.default)({}, _iconProps);
+      chipLabelIcon.props = (0, _objectSpread2.default)({}, _iconProps, {
+        style: {
+          fontSize: props.iconSize || 20
+        }
+      });
     }
   }
 

package/es/HiIcon/HiIcon.js

@@ -56,12 +56,12 @@ 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 iconName = icon !== null ? icon : children;
 
-  if ((0, _typeof2.default)(icon) === "object") {
-    return icon;
+  if (iconName && (0, _typeof2.default)(iconName) === "object") {
+    return iconName;
   }
 
-  var iconName = icon !== null ? icon : children;
   var iconType = (0, _react.useMemo)(function () {
     if (iconName && iconName.indexOf('fa-') === 0) {
       return "line_awesome";

package/es/HiPaymentMeans/HiPaymentMeans.js

@@ -180,7 +180,8 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       marginTop: 23,
       paddingLeft: 12,
       height: 10,
-      width: 234
+      width: 234,
+      textTransform: "uppercase"
     },
     number: {
       display: "block",
@@ -516,7 +517,7 @@ var HiPaymentMeans = function HiPaymentMeans(props) {
         className: (0, _classnames.default)(classes.stripeGradient, classes.stripeTopLeft, classes.stripeGradientTopLeft)
       }), cardNumber && /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.labelMedium, classes.ibanLabel)
-      }, PAYMENT_REFERENCE === type ? "REFERENCE" : "IBAN"), /*#__PURE__*/_react.default.createElement("div", {
+      }, PAYMENT_REFERENCE === type ? "REFERENCE" : translations.iban), /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(classes.number, classes.ibanNumber),
         "data-name": "card_number"
       }, formatNumber), /*#__PURE__*/_react.default.createElement("div", {
@@ -589,7 +590,8 @@ HiPaymentMeans.defaultProps = {
     debit: "debit",
     gift_card: "GIFT CARD",
     gender_female: "Mrs",
-    gender_male: "Mr"
+    gender_male: "Mr",
+    iban: "IBAN"
   }
 };
 var _default = HiPaymentMeans;

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

@@ -0,0 +1,55 @@
+"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 HiCalendarSliding = (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 /*#__PURE__*/_react.default.createElement(_Icon.default, (0, _extends2.default)({
+    style: (0, _objectSpread2.default)({}, style, {
+      fontSize: props.size || 24
+    })
+  }, other), /*#__PURE__*/_react.default.createElement("svg", {
+    viewBox: "0 0 543.72 543.72"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M407.48,0V54.75h26.74q22.92,0,38.83,15.28T489,109.51V489q0,22.92-15.92,38.84t-38.83,15.91H54.75q-22.92,0-38.83-15.91T0,489V109.51Q0,85.32,15.28,70T54.75,54.75H81.5V0h54.75V54.75H352.72V0Zm26.74,191H54.75V489H434.22Z",
+    fill: color
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M398.68,348.27l-56.55,55.89V362.08H171.81a43.9,43.9,0,0,1-15.11,20.39q-10.51,7.88-25,7.88-17.73-.63-29.59-12.49c-7.87-7.87-11.82-17.77-11.82-29.59s3.95-21.69,11.82-29.59,17.77-12,29.59-12.48q14.46,0,25,7.87a44,44,0,0,1,15.11,20.39H342.13V292.38Z",
+    fill: color
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    x: "152.07",
+    y: "328.16",
+    width: "191.56",
+    height: "40.23",
+    fill: color
+  })));
+});
+HiCalendarSliding.muiName = 'SvgIcon';
+var _default = HiCalendarSliding;
+exports.default = _default;

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

@@ -0,0 +1,51 @@
+"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 HiPrivate = (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 /*#__PURE__*/_react.default.createElement(_Icon.default, (0, _extends2.default)({
+    style: (0, _objectSpread2.default)({}, style, {
+      fontSize: props.size || 16
+    }),
+    color: props.color || theme.palette.neutral.main
+  }, other), /*#__PURE__*/_react.default.createElement("svg", {
+    id: "private",
+    "data-name": "private",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 275.3 360.62"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    className: "cls-1",
+    d: "M240.68,120.74q14.49,0,24.15,9.66t10.47,24.15V326.81q-.81,14.49-10.47,24.15t-24.15,9.66H34.61q-14.49,0-24.15-9.66T0,326.81V154.55q.8-14.49,10.46-24.15t24.15-9.66H51.52V86.13q.79-36.22,25.35-60.77T137.65,0q36.22.81,60.77,25.36t25.36,60.77v34.61Zm-103-86.13q-21.74.81-36.22,15.3T86.13,86.13v34.61h103V86.13q-.82-21.73-15.3-36.22T137.65,34.61Zm0,240.69q14.49-.8,24.15-10.47t9.66-24.15q0-14.49-9.66-24.15t-24.15-9.65q-14.49,0-24.15,9.65t-9.66,24.15q0,14.49,9.66,24.15T137.65,275.3Z",
+    fill: color
+  })));
+});
+HiPrivate.muiName = 'SvgIcon';
+var _default = HiPrivate;
+exports.default = _default;

package/es/styles/defaultOptions.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _theme = _interopRequireDefault(require("../theme"));
+
+var _default = {
+  defaultTheme: _theme.default,
+  index: 1
+};
+exports.default = _default;

package/es/test-utils/consoleErrorMock.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _sinon = require("sinon");
+
+var _default = function _default() {
+  console.error = (0, _sinon.spy)();
+};
+
+exports.default = _default;

package/hi-svg-icons/HiCalendarSliding.js

@@ -0,0 +1,55 @@
+"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 HiCalendarSliding = (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 /*#__PURE__*/_react.default.createElement(_Icon.default, (0, _extends2.default)({
+    style: (0, _objectSpread2.default)({}, style, {
+      fontSize: props.size || 24
+    })
+  }, other), /*#__PURE__*/_react.default.createElement("svg", {
+    viewBox: "0 0 543.72 543.72"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    d: "M407.48,0V54.75h26.74q22.92,0,38.83,15.28T489,109.51V489q0,22.92-15.92,38.84t-38.83,15.91H54.75q-22.92,0-38.83-15.91T0,489V109.51Q0,85.32,15.28,70T54.75,54.75H81.5V0h54.75V54.75H352.72V0Zm26.74,191H54.75V489H434.22Z",
+    fill: color
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M398.68,348.27l-56.55,55.89V362.08H171.81a43.9,43.9,0,0,1-15.11,20.39q-10.51,7.88-25,7.88-17.73-.63-29.59-12.49c-7.87-7.87-11.82-17.77-11.82-29.59s3.95-21.69,11.82-29.59,17.77-12,29.59-12.48q14.46,0,25,7.87a44,44,0,0,1,15.11,20.39H342.13V292.38Z",
+    fill: color
+  }), /*#__PURE__*/_react.default.createElement("rect", {
+    x: "152.07",
+    y: "328.16",
+    width: "191.56",
+    height: "40.23",
+    fill: color
+  })));
+});
+HiCalendarSliding.muiName = 'SvgIcon';
+var _default = HiCalendarSliding;
+exports.default = _default;

package/hi-svg-icons/HiPrivate.js

@@ -0,0 +1,51 @@
+"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 HiPrivate = (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 /*#__PURE__*/_react.default.createElement(_Icon.default, (0, _extends2.default)({
+    style: (0, _objectSpread2.default)({}, style, {
+      fontSize: props.size || 16
+    }),
+    color: props.color || theme.palette.neutral.main
+  }, other), /*#__PURE__*/_react.default.createElement("svg", {
+    id: "private",
+    "data-name": "private",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 275.3 360.62"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    className: "cls-1",
+    d: "M240.68,120.74q14.49,0,24.15,9.66t10.47,24.15V326.81q-.81,14.49-10.47,24.15t-24.15,9.66H34.61q-14.49,0-24.15-9.66T0,326.81V154.55q.8-14.49,10.46-24.15t24.15-9.66H51.52V86.13q.79-36.22,25.35-60.77T137.65,0q36.22.81,60.77,25.36t25.36,60.77v34.61Zm-103-86.13q-21.74.81-36.22,15.3T86.13,86.13v34.61h103V86.13q-.82-21.73-15.3-36.22T137.65,34.61Zm0,240.69q14.49-.8,24.15-10.47t9.66-24.15q0-14.49-9.66-24.15t-24.15-9.65q-14.49,0-24.15,9.65t-9.66,24.15q0,14.49,9.66,24.15T137.65,275.3Z",
+    fill: color
+  })));
+});
+HiPrivate.muiName = 'SvgIcon';
+var _default = HiPrivate;
+exports.default = _default;

package/package.json

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

package/styles/defaultOptions.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _theme = _interopRequireDefault(require("../theme"));
+
+var _default = {
+  defaultTheme: _theme.default,
+  index: 1
+};
+exports.default = _default;

package/test-utils/consoleErrorMock.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _sinon = require("sinon");
+
+var _default = function _default() {
+  console.error = (0, _sinon.spy)();
+};
+
+exports.default = _default;