@hipay/hipay-material-ui 3.7.11 → 3.7.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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",