@hipay/hipay-material-ui 3.7.11 → 3.7.13

Sign up to get free protection for your applications and to get access to all the features.
@@ -6,19 +6,24 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  var WEEKDAYS_LONG = {
8
8
  en_US: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
9
- fr_FR: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi']
9
+ fr_FR: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
10
+ it_IT: ['Domenica', 'Lunedì', 'Martedì', 'Miercoledi', 'Giovedi', 'Venerdì', 'Sabato']
10
11
  };
11
12
  var WEEKDAYS_SHORT = {
12
13
  en_US: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
13
- fr_FR: ['Di', 'Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa']
14
+ fr_FR: ['Di', 'Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa'],
15
+ it_IT: ['Di', 'Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa']
14
16
  };
15
17
  var MONTHS = {
16
18
  en_US: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
17
- fr_FR: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre']
19
+ fr_FR: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
20
+ it_IT: ['Gennaio', 'Febbraio', 'Marzo', 'Aprile', 'Maggio', 'Giugno', 'Luglio', 'Agosto', 'Settembre', 'Ottobre', 'Novembre', 'Dicembre']
18
21
  };
19
22
  var FIRST_DAY = {
20
23
  en_US: 0,
21
- fr_FR: 1 // Use Monday as first day of the week
24
+ fr_FR: 1,
25
+ // Use Monday as first day of the week
26
+ it_IT: 1 // Use Monday as first day of the week
22
27
 
23
28
  };
24
29
  /**
@@ -187,6 +187,13 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
187
187
  width: 234,
188
188
  textTransform: "uppercase"
189
189
  },
190
+ entityLabel: {
191
+ float: "left",
192
+ paddingLeft: 12,
193
+ height: 10,
194
+ width: 234,
195
+ textTransform: "uppercase"
196
+ },
190
197
  number: {
191
198
  display: "block",
192
199
  float: "left",
@@ -231,6 +238,15 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
231
238
  whiteSpace: "nowrap",
232
239
  textOverflow: "ellipsis"
233
240
  },
241
+ entityNumber: {
242
+ fontSize: 14,
243
+ height: 16,
244
+ width: 256,
245
+ paddingLeft: 12,
246
+ overflow: "hidden",
247
+ whiteSpace: "nowrap",
248
+ textOverflow: "ellipsis"
249
+ },
234
250
  memberSince: {
235
251
  display: "block",
236
252
  float: "left",
@@ -357,7 +373,8 @@ var HiPaymentMeans = function HiPaymentMeans(props) {
357
373
  translations = props.translations,
358
374
  type = props.type,
359
375
  yearMember = props.yearMember,
360
- fallbackImage = props.fallbackImage;
376
+ fallbackImage = props.fallbackImage,
377
+ entity = props.entity;
361
378
  var classes = useStyles(props);
362
379
  var theme = (0, _styles.useTheme)();
363
380
  var formatNumber = (0, _react.useMemo)(function () {
@@ -524,7 +541,11 @@ var HiPaymentMeans = function HiPaymentMeans(props) {
524
541
  }, PAYMENT_REFERENCE === type ? "REFERENCE" : translations.iban), /*#__PURE__*/_react.default.createElement("div", {
525
542
  className: (0, _classnames.default)(classes.number, classes.ibanNumber),
526
543
  "data-name": "card_number"
527
- }, formatNumber), /*#__PURE__*/_react.default.createElement("div", {
544
+ }, formatNumber), entity && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
545
+ className: (0, _classnames.default)(classes.labelMedium, classes.entityLabel)
546
+ }, translations.entity ? translations.entity : "ENTITY"), /*#__PURE__*/_react.default.createElement("div", {
547
+ className: (0, _classnames.default)(classes.number, classes.entityNumber)
548
+ }, entity)), /*#__PURE__*/_react.default.createElement("div", {
528
549
  className: (0, _classnames.default)(classes.labelLarge, classes.userNameSepa),
529
550
  title: username,
530
551
  "data-name": "card_name"
@@ -6,19 +6,24 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  var WEEKDAYS_LONG = {
8
8
  en_US: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
9
- fr_FR: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi']
9
+ fr_FR: ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'],
10
+ it_IT: ['Domenica', 'Lunedì', 'Martedì', 'Miercoledi', 'Giovedi', 'Venerdì', 'Sabato']
10
11
  };
11
12
  var WEEKDAYS_SHORT = {
12
13
  en_US: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
13
- fr_FR: ['Di', 'Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa']
14
+ fr_FR: ['Di', 'Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa'],
15
+ it_IT: ['Di', 'Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa']
14
16
  };
15
17
  var MONTHS = {
16
18
  en_US: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
17
- fr_FR: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre']
19
+ fr_FR: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'],
20
+ it_IT: ['Gennaio', 'Febbraio', 'Marzo', 'Aprile', 'Maggio', 'Giugno', 'Luglio', 'Agosto', 'Settembre', 'Ottobre', 'Novembre', 'Dicembre']
18
21
  };
19
22
  var FIRST_DAY = {
20
23
  en_US: 0,
21
- fr_FR: 1 // Use Monday as first day of the week
24
+ fr_FR: 1,
25
+ // Use Monday as first day of the week
26
+ it_IT: 1 // Use Monday as first day of the week
22
27
 
23
28
  };
24
29
  /**
@@ -187,6 +187,13 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
187
187
  width: 234,
188
188
  textTransform: "uppercase"
189
189
  },
190
+ entityLabel: {
191
+ float: "left",
192
+ paddingLeft: 12,
193
+ height: 10,
194
+ width: 234,
195
+ textTransform: "uppercase"
196
+ },
190
197
  number: {
191
198
  display: "block",
192
199
  float: "left",
@@ -231,6 +238,15 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
231
238
  whiteSpace: "nowrap",
232
239
  textOverflow: "ellipsis"
233
240
  },
241
+ entityNumber: {
242
+ fontSize: 14,
243
+ height: 16,
244
+ width: 256,
245
+ paddingLeft: 12,
246
+ overflow: "hidden",
247
+ whiteSpace: "nowrap",
248
+ textOverflow: "ellipsis"
249
+ },
234
250
  memberSince: {
235
251
  display: "block",
236
252
  float: "left",
@@ -357,7 +373,8 @@ var HiPaymentMeans = function HiPaymentMeans(props) {
357
373
  translations = props.translations,
358
374
  type = props.type,
359
375
  yearMember = props.yearMember,
360
- fallbackImage = props.fallbackImage;
376
+ fallbackImage = props.fallbackImage,
377
+ entity = props.entity;
361
378
  var classes = useStyles(props);
362
379
  var theme = (0, _styles.useTheme)();
363
380
  var formatNumber = (0, _react.useMemo)(function () {
@@ -524,7 +541,11 @@ var HiPaymentMeans = function HiPaymentMeans(props) {
524
541
  }, PAYMENT_REFERENCE === type ? "REFERENCE" : translations.iban), /*#__PURE__*/_react.default.createElement("div", {
525
542
  className: (0, _classnames.default)(classes.number, classes.ibanNumber),
526
543
  "data-name": "card_number"
527
- }, formatNumber), /*#__PURE__*/_react.default.createElement("div", {
544
+ }, formatNumber), entity && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
545
+ className: (0, _classnames.default)(classes.labelMedium, classes.entityLabel)
546
+ }, translations.entity ? translations.entity : "ENTITY"), /*#__PURE__*/_react.default.createElement("div", {
547
+ className: (0, _classnames.default)(classes.number, classes.entityNumber)
548
+ }, entity)), /*#__PURE__*/_react.default.createElement("div", {
528
549
  className: (0, _classnames.default)(classes.labelLarge, classes.userNameSepa),
529
550
  title: username,
530
551
  "data-name": "card_name"
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@hipay/hipay-material-ui",
3
3
  "private": false,
4
- "version": "3.7.11",
4
+ "version": "3.7.13",
5
5
  "description": "React components that implement Google's Material Design.",
6
6
  "repository": {
7
7
  "type": "git",