baseui 0.0.0-next-45f17dc → 0.0.0-next-dfcbae6
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.
- package/es/locale/tr_TR.js +115 -0
- package/es/notification/notification.js +8 -4
- package/es/payment-card/custom-cards.config.js +22 -0
- package/es/payment-card/icons/uatp.js +52 -0
- package/es/payment-card/payment-card.js +8 -3
- package/esm/locale/tr_TR.js +115 -0
- package/esm/notification/notification.js +8 -3
- package/esm/payment-card/custom-cards.config.js +22 -0
- package/esm/payment-card/icons/uatp.js +53 -0
- package/esm/payment-card/payment-card.js +9 -7
- package/list/index.d.ts +2 -2
- package/locale/tr_TR.js +123 -0
- package/locale/tr_TR.js.flow +124 -0
- package/notification/notification.js +8 -3
- package/notification/notification.js.flow +10 -1
- package/package.json +1 -1
- package/payment-card/custom-cards.config.js +30 -0
- package/payment-card/custom-cards.config.js.flow +29 -0
- package/payment-card/icons/uatp.js +67 -0
- package/payment-card/icons/uatp.js.flow +62 -0
- package/payment-card/payment-card.js +12 -7
- package/payment-card/payment-card.js.flow +12 -0
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Copyright (c) Uber Technologies, Inc.
|
|
3
|
+
|
|
4
|
+
This source code is licensed under the MIT license found in the
|
|
5
|
+
LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
export default {
|
|
8
|
+
accordion: {
|
|
9
|
+
collapse: 'Daralt',
|
|
10
|
+
expand: 'Genişlet'
|
|
11
|
+
},
|
|
12
|
+
breadcrumbs: {
|
|
13
|
+
ariaLabel: 'Navigasyon'
|
|
14
|
+
},
|
|
15
|
+
datepicker: {
|
|
16
|
+
ariaLabel: 'Bir tarih seçin.',
|
|
17
|
+
ariaLabelRange: 'Bir tarih aralığı seçin',
|
|
18
|
+
ariaLabelCalendar: 'Takvim',
|
|
19
|
+
ariaRoleDescriptionCalendarMonth: 'Aylık Takvim',
|
|
20
|
+
previousMonth: 'Geçtiğimiz ay.',
|
|
21
|
+
nextMonth: 'Gelecek ay.',
|
|
22
|
+
pastWeek: 'Geçen Hafta',
|
|
23
|
+
pastMonth: 'Geçen Ay',
|
|
24
|
+
pastThreeMonths: 'Son 3 Ay',
|
|
25
|
+
pastSixMonths: 'Son 6 Ay',
|
|
26
|
+
pastYear: 'Geçen Yıl',
|
|
27
|
+
pastTwoYears: 'Son 2 Yıl',
|
|
28
|
+
screenReaderMessageInput: 'Takvimle etkileşim kurmak ve bir tarih seçmek için aşağı ok tuşuna basın. Takvimi kapatmak için kaçış (ESC) düğmesine basın.',
|
|
29
|
+
selectedDate: 'Seçilen tarih ${date}.',
|
|
30
|
+
selectedDateRange: 'Seçilen tarih aralığı ${startDate} ile ${endDate} arasındadır.',
|
|
31
|
+
selectSecondDatePrompt: 'İkinci tarihi seçin.',
|
|
32
|
+
quickSelectLabel: 'Bir tarih aralığı seçin',
|
|
33
|
+
quickSelectAriaLabel: 'Bir tarih aralığı seçin',
|
|
34
|
+
quickSelectPlaceholder: 'Hiçbiri',
|
|
35
|
+
timeSelectEndLabel: 'Bitiş zamanı',
|
|
36
|
+
timeSelectStartLabel: 'Başlangıç zamanı',
|
|
37
|
+
timePickerAriaLabel12Hour: 'Bir zaman seçin, 12-saat formatında.',
|
|
38
|
+
timePickerAriaLabel24Hour: 'Bir zaman seçin, 24-saat formatında.',
|
|
39
|
+
timezonePickerAriaLabel: 'Bir saat dilimi seçin.',
|
|
40
|
+
selectedStartDateLabel: 'Seçilen başlangıç tarihi.',
|
|
41
|
+
selectedEndDateLabel: 'Seçilen bitiş tarihi.',
|
|
42
|
+
dateNotAvailableLabel: 'Kullanılabilir değil.',
|
|
43
|
+
dateAvailableLabel: 'Kullanılabilir.',
|
|
44
|
+
selectedLabel: 'Seçildi.',
|
|
45
|
+
chooseLabel: 'Seç'
|
|
46
|
+
},
|
|
47
|
+
datatable: {
|
|
48
|
+
emptyState: 'Tanımlanan filtre kriterleriyle eşleşen satır yok. Daha fazla veri görüntülemek için lütfen bir veya daha fazla filtreyi kaldırın.',
|
|
49
|
+
loadingState: 'Satır yükleniyor.',
|
|
50
|
+
searchAriaLabel: 'Metne göre ara',
|
|
51
|
+
filterAdd: 'Filtre Ekle',
|
|
52
|
+
filterExclude: 'Dahil etme',
|
|
53
|
+
filterApply: 'Uygula',
|
|
54
|
+
filterExcludeRange: 'Exclude range',
|
|
55
|
+
filterExcludeValue: 'Exclude value',
|
|
56
|
+
filterAppliedTo: 'uygulanan filtre',
|
|
57
|
+
optionsLabel: 'Filtrelenecek sütunu seçin',
|
|
58
|
+
optionsSearch: 'Filtrelemek için bir sütun arayın...',
|
|
59
|
+
optionsEmpty: 'Sütun yok.',
|
|
60
|
+
categoricalFilterSelectAll: 'Tümünü Seç',
|
|
61
|
+
categoricalFilterSelectClear: 'Temizle',
|
|
62
|
+
categoricalFilterEmpty: 'Kategori bulunamadı',
|
|
63
|
+
datetimeFilterRange: 'Aralık',
|
|
64
|
+
datetimeFilterRangeDatetime: 'Tarih, Zaman',
|
|
65
|
+
datetimeFilterRangeDate: 'Tarih',
|
|
66
|
+
datetimeFilterRangeTime: 'Zaman',
|
|
67
|
+
datetimeFilterCategorical: 'Kategorik',
|
|
68
|
+
datetimeFilterCategoricalWeekday: 'Hafta içi',
|
|
69
|
+
datetimeFilterCategoricalMonth: 'Ay',
|
|
70
|
+
datetimeFilterCategoricalQuarter: 'Çeyrek',
|
|
71
|
+
datetimeFilterCategoricalHalf: 'Yarım',
|
|
72
|
+
datetimeFilterCategoricalFirstHalf: 'H1',
|
|
73
|
+
datetimeFilterCategoricalSecondHalf: 'H2',
|
|
74
|
+
datetimeFilterCategoricalYear: 'Yıl',
|
|
75
|
+
numericalFilterRange: 'Aralık',
|
|
76
|
+
numericalFilterSingleValue: 'Single Value',
|
|
77
|
+
booleanFilterTrue: 'doğru',
|
|
78
|
+
booleanFilterFalse: 'yanlış',
|
|
79
|
+
booleanColumnTrueShort: 'D',
|
|
80
|
+
booleanColumnFalseShort: 'Y'
|
|
81
|
+
},
|
|
82
|
+
buttongroup: {
|
|
83
|
+
ariaLabel: 'buton grup'
|
|
84
|
+
},
|
|
85
|
+
fileuploader: {
|
|
86
|
+
dropFilesToUpload: 'Dosyaları yüklemek için buraya bırakın...',
|
|
87
|
+
or: '',
|
|
88
|
+
browseFiles: 'Dosyalara göz atın',
|
|
89
|
+
retry: 'Yüklemeyi Yeniden Dene',
|
|
90
|
+
cancel: 'İptal'
|
|
91
|
+
},
|
|
92
|
+
menu: {
|
|
93
|
+
noResultsMsg: 'Sonuç yok',
|
|
94
|
+
parentMenuItemAriaLabel: 'Şu anda iç içe bir liste kutusu açan bir öğedesiniz. Bu öğeye girmek için sağ ok ve geri dönmek için sol ok tuşuna basın.'
|
|
95
|
+
},
|
|
96
|
+
modal: {
|
|
97
|
+
close: 'Kapat'
|
|
98
|
+
},
|
|
99
|
+
drawer: {
|
|
100
|
+
close: 'Kapat'
|
|
101
|
+
},
|
|
102
|
+
pagination: {
|
|
103
|
+
prev: 'Önceki',
|
|
104
|
+
next: 'Sonraki',
|
|
105
|
+
preposition: 'nın'
|
|
106
|
+
},
|
|
107
|
+
select: {
|
|
108
|
+
noResultsMsg: 'Sonuç bulunamadı',
|
|
109
|
+
placeholder: 'Seç...',
|
|
110
|
+
create: 'Oluştur'
|
|
111
|
+
},
|
|
112
|
+
toast: {
|
|
113
|
+
close: 'Kapat'
|
|
114
|
+
}
|
|
115
|
+
};
|
|
@@ -15,10 +15,14 @@ export default class Notification extends React.Component {
|
|
|
15
15
|
render() {
|
|
16
16
|
const overrides = mergeOverrides({
|
|
17
17
|
Body: {
|
|
18
|
-
style: {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
18
|
+
style: ({
|
|
19
|
+
$theme
|
|
20
|
+
}) => ({
|
|
21
|
+
marginTop: $theme.sizing.scale600,
|
|
22
|
+
marginRight: $theme.sizing.scale600,
|
|
23
|
+
marginBottom: $theme.sizing.scale600,
|
|
24
|
+
marginLeft: $theme.sizing.scale600
|
|
25
|
+
})
|
|
22
26
|
}
|
|
23
27
|
}, this.props.overrides);
|
|
24
28
|
return /*#__PURE__*/React.createElement(Toast, _extends({
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Copyright (c) Uber Technologies, Inc.
|
|
3
|
+
|
|
4
|
+
This source code is licensed under the MIT license found in the
|
|
5
|
+
LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
/*
|
|
9
|
+
This file should be used for adding new card type configuration
|
|
10
|
+
*/
|
|
11
|
+
const UATP_CARD_TYPE_CONFIG = {
|
|
12
|
+
niceType: 'Uatp',
|
|
13
|
+
type: 'uatp',
|
|
14
|
+
patterns: [[1001, 1999]],
|
|
15
|
+
gaps: [4, 9],
|
|
16
|
+
lengths: [15],
|
|
17
|
+
code: {
|
|
18
|
+
name: 'CVV',
|
|
19
|
+
size: 0
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
export const CUSTOM_CARDS_CONFIGURATION = [UATP_CARD_TYPE_CONFIG];
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Copyright (c) Uber Technologies, Inc.
|
|
3
|
+
|
|
4
|
+
This source code is licensed under the MIT license found in the
|
|
5
|
+
LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import * as React from 'react';
|
|
8
|
+
|
|
9
|
+
const UatpIcon = ({
|
|
10
|
+
size
|
|
11
|
+
}) => /*#__PURE__*/React.createElement("svg", {
|
|
12
|
+
width: size,
|
|
13
|
+
height: size,
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
fill: "none",
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
17
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
18
|
+
d: "M23 4H1V20H23V4Z",
|
|
19
|
+
fill: "#F0F0F0"
|
|
20
|
+
}), /*#__PURE__*/React.createElement("g", {
|
|
21
|
+
clipPath: "url(#clip0_90345_28085)"
|
|
22
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
23
|
+
d: "M10.5057 9.64723H10.1817H9.70679V10.9659L10.3044 12.6255L11.4708 12.133L10.5057 9.64723Z",
|
|
24
|
+
fill: "#0A2C1B"
|
|
25
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
26
|
+
d: "M6.34592 14.6471L6.34001 9.64723H5.07682V13.7451C4.94173 13.7928 4.80176 13.8253 4.65948 13.8421C4.38337 13.8743 3.9371 13.9265 3.60459 13.6339C3.27002 13.3394 3.26507 12.8846 3.26655 12.7802V9.64723H2.00336V12.7802C1.96122 13.7182 2.32658 14.1754 2.45948 14.3209C3.17638 15.1058 4.54287 14.9387 5.39513 14.8345C5.71171 14.7958 6.02491 14.7331 6.33204 14.6471L6.32786 14.6427L6.34592 14.6471Z",
|
|
27
|
+
fill: "#0A2C1B"
|
|
28
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
29
|
+
d: "M21.999 11.453C21.9951 11.2269 21.9447 10.4929 21.3738 10.0162C21.1483 9.82795 20.9283 9.75218 20.7469 9.6897C20.5867 9.63455 20.2633 9.54148 19.3754 9.58086C18.9585 9.59952 18.5429 9.64148 18.1306 9.70653V14.8388H19.3938V13.3179C19.4958 13.3263 19.6189 13.3331 19.7586 13.3337C19.9448 13.3351 20.1309 13.325 20.3158 13.3033C20.4802 13.2817 21.266 13.1786 21.709 12.5414C22.0104 12.1079 22.0024 11.6443 21.999 11.453ZM20.5118 11.9928C20.3546 12.1594 20.1557 12.1903 19.9414 12.2236C19.7608 12.2514 19.5768 12.2484 19.3972 12.2148V10.7433C19.4924 10.7303 19.5885 10.7245 19.6845 10.7259C19.9706 10.73 20.2799 10.7344 20.4943 10.9523C20.6881 11.1491 20.6983 11.4123 20.699 11.4747C20.6996 11.5392 20.6985 11.7948 20.5118 11.9928Z",
|
|
30
|
+
fill: "#0A2C1B"
|
|
31
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
32
|
+
d: "M10.4995 13.1673L11.1015 14.8388H12.5212L11.6926 12.7045C11.3054 12.8761 10.9077 13.0304 10.4995 13.1673Z",
|
|
33
|
+
fill: "#0A2C1B"
|
|
34
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
35
|
+
d: "M6.60772 13.6849C6.59882 13.6856 6.59 13.6828 6.58303 13.6773C6.57607 13.6717 6.57148 13.6637 6.57019 13.6548C6.56891 13.646 6.57102 13.637 6.5761 13.6297C6.58119 13.6223 6.58887 13.6172 6.59759 13.6153C7.44534 13.4378 8.27682 13.1899 9.08338 12.8742C12.0436 11.7142 12.5355 10.4597 14.7222 9.60822C17.2224 8.63467 19.7225 9.06335 20.7271 9.30762C20.7338 9.30921 20.7396 9.31329 20.7433 9.31903C20.7471 9.32476 20.7485 9.3317 20.7473 9.33844C20.746 9.34518 20.7423 9.35119 20.7368 9.35525C20.7313 9.35931 20.7244 9.3611 20.7176 9.36026C19.7189 9.24529 18.7085 9.28396 17.7216 9.47491C15.1767 9.96677 14.237 11.2345 11.9094 12.341C10.7268 12.9032 8.98995 13.517 6.60772 13.6849Z",
|
|
36
|
+
fill: "#3EB54A"
|
|
37
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
38
|
+
d: "M16.9918 9.64723H12.6013V10.7793H14.1649V14.8388H15.4281V10.7793H16.9918V9.64723Z",
|
|
39
|
+
fill: "#0A2C1B"
|
|
40
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
41
|
+
d: "M9.23192 9.64723H8.95198L6.93652 14.8388H8.31211L9.70682 10.9659V9.64723H9.23192Z",
|
|
42
|
+
fill: "#0A2C1B"
|
|
43
|
+
})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
44
|
+
id: "clip0_90345_28085"
|
|
45
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
46
|
+
width: "20",
|
|
47
|
+
height: "5.92493",
|
|
48
|
+
fill: "white",
|
|
49
|
+
transform: "translate(2 9)"
|
|
50
|
+
}))));
|
|
51
|
+
|
|
52
|
+
export default UatpIcon;
|
|
@@ -24,7 +24,9 @@ import MaestroIcon from './icons/maestro.js';
|
|
|
24
24
|
import MastercardIcon from './icons/mastercard.js';
|
|
25
25
|
import UnionPayIcon from './icons/unionpay.js';
|
|
26
26
|
import VisaIcon from './icons/visa.js';
|
|
27
|
+
import UatpIcon from './icons/uatp.js';
|
|
27
28
|
import { IconWrapper as StyledIconWrapper } from './styled-components.js';
|
|
29
|
+
import { CUSTOM_CARDS_CONFIGURATION } from './custom-cards.config.js';
|
|
28
30
|
const CardTypeToComponent = {
|
|
29
31
|
visa: VisaIcon,
|
|
30
32
|
mastercard: MastercardIcon,
|
|
@@ -35,16 +37,19 @@ const CardTypeToComponent = {
|
|
|
35
37
|
unionpay: UnionPayIcon,
|
|
36
38
|
maestro: MaestroIcon,
|
|
37
39
|
elo: EloIcon,
|
|
38
|
-
generic: GenericIcon
|
|
40
|
+
generic: GenericIcon,
|
|
41
|
+
uatp: UatpIcon
|
|
39
42
|
};
|
|
40
43
|
|
|
41
44
|
class PaymentCard extends React.Component {
|
|
42
|
-
constructor(
|
|
43
|
-
super(
|
|
45
|
+
constructor(props) {
|
|
46
|
+
super(props); // For adding new custom card type, add card config to custom-cards.config.js
|
|
44
47
|
|
|
45
48
|
_defineProperty(this, "caretPosition", 0);
|
|
46
49
|
|
|
47
50
|
_defineProperty(this, "inRef", null);
|
|
51
|
+
|
|
52
|
+
CUSTOM_CARDS_CONFIGURATION.forEach(cardTypeConfig => valid.creditCardType.addCard(cardTypeConfig));
|
|
48
53
|
}
|
|
49
54
|
|
|
50
55
|
componentDidUpdate(prevProps) {
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Copyright (c) Uber Technologies, Inc.
|
|
3
|
+
|
|
4
|
+
This source code is licensed under the MIT license found in the
|
|
5
|
+
LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
export default {
|
|
8
|
+
accordion: {
|
|
9
|
+
collapse: 'Daralt',
|
|
10
|
+
expand: 'Genişlet'
|
|
11
|
+
},
|
|
12
|
+
breadcrumbs: {
|
|
13
|
+
ariaLabel: 'Navigasyon'
|
|
14
|
+
},
|
|
15
|
+
datepicker: {
|
|
16
|
+
ariaLabel: 'Bir tarih seçin.',
|
|
17
|
+
ariaLabelRange: 'Bir tarih aralığı seçin',
|
|
18
|
+
ariaLabelCalendar: 'Takvim',
|
|
19
|
+
ariaRoleDescriptionCalendarMonth: 'Aylık Takvim',
|
|
20
|
+
previousMonth: 'Geçtiğimiz ay.',
|
|
21
|
+
nextMonth: 'Gelecek ay.',
|
|
22
|
+
pastWeek: 'Geçen Hafta',
|
|
23
|
+
pastMonth: 'Geçen Ay',
|
|
24
|
+
pastThreeMonths: 'Son 3 Ay',
|
|
25
|
+
pastSixMonths: 'Son 6 Ay',
|
|
26
|
+
pastYear: 'Geçen Yıl',
|
|
27
|
+
pastTwoYears: 'Son 2 Yıl',
|
|
28
|
+
screenReaderMessageInput: 'Takvimle etkileşim kurmak ve bir tarih seçmek için aşağı ok tuşuna basın. Takvimi kapatmak için kaçış (ESC) düğmesine basın.',
|
|
29
|
+
selectedDate: 'Seçilen tarih ${date}.',
|
|
30
|
+
selectedDateRange: 'Seçilen tarih aralığı ${startDate} ile ${endDate} arasındadır.',
|
|
31
|
+
selectSecondDatePrompt: 'İkinci tarihi seçin.',
|
|
32
|
+
quickSelectLabel: 'Bir tarih aralığı seçin',
|
|
33
|
+
quickSelectAriaLabel: 'Bir tarih aralığı seçin',
|
|
34
|
+
quickSelectPlaceholder: 'Hiçbiri',
|
|
35
|
+
timeSelectEndLabel: 'Bitiş zamanı',
|
|
36
|
+
timeSelectStartLabel: 'Başlangıç zamanı',
|
|
37
|
+
timePickerAriaLabel12Hour: 'Bir zaman seçin, 12-saat formatında.',
|
|
38
|
+
timePickerAriaLabel24Hour: 'Bir zaman seçin, 24-saat formatında.',
|
|
39
|
+
timezonePickerAriaLabel: 'Bir saat dilimi seçin.',
|
|
40
|
+
selectedStartDateLabel: 'Seçilen başlangıç tarihi.',
|
|
41
|
+
selectedEndDateLabel: 'Seçilen bitiş tarihi.',
|
|
42
|
+
dateNotAvailableLabel: 'Kullanılabilir değil.',
|
|
43
|
+
dateAvailableLabel: 'Kullanılabilir.',
|
|
44
|
+
selectedLabel: 'Seçildi.',
|
|
45
|
+
chooseLabel: 'Seç'
|
|
46
|
+
},
|
|
47
|
+
datatable: {
|
|
48
|
+
emptyState: 'Tanımlanan filtre kriterleriyle eşleşen satır yok. Daha fazla veri görüntülemek için lütfen bir veya daha fazla filtreyi kaldırın.',
|
|
49
|
+
loadingState: 'Satır yükleniyor.',
|
|
50
|
+
searchAriaLabel: 'Metne göre ara',
|
|
51
|
+
filterAdd: 'Filtre Ekle',
|
|
52
|
+
filterExclude: 'Dahil etme',
|
|
53
|
+
filterApply: 'Uygula',
|
|
54
|
+
filterExcludeRange: 'Exclude range',
|
|
55
|
+
filterExcludeValue: 'Exclude value',
|
|
56
|
+
filterAppliedTo: 'uygulanan filtre',
|
|
57
|
+
optionsLabel: 'Filtrelenecek sütunu seçin',
|
|
58
|
+
optionsSearch: 'Filtrelemek için bir sütun arayın...',
|
|
59
|
+
optionsEmpty: 'Sütun yok.',
|
|
60
|
+
categoricalFilterSelectAll: 'Tümünü Seç',
|
|
61
|
+
categoricalFilterSelectClear: 'Temizle',
|
|
62
|
+
categoricalFilterEmpty: 'Kategori bulunamadı',
|
|
63
|
+
datetimeFilterRange: 'Aralık',
|
|
64
|
+
datetimeFilterRangeDatetime: 'Tarih, Zaman',
|
|
65
|
+
datetimeFilterRangeDate: 'Tarih',
|
|
66
|
+
datetimeFilterRangeTime: 'Zaman',
|
|
67
|
+
datetimeFilterCategorical: 'Kategorik',
|
|
68
|
+
datetimeFilterCategoricalWeekday: 'Hafta içi',
|
|
69
|
+
datetimeFilterCategoricalMonth: 'Ay',
|
|
70
|
+
datetimeFilterCategoricalQuarter: 'Çeyrek',
|
|
71
|
+
datetimeFilterCategoricalHalf: 'Yarım',
|
|
72
|
+
datetimeFilterCategoricalFirstHalf: 'H1',
|
|
73
|
+
datetimeFilterCategoricalSecondHalf: 'H2',
|
|
74
|
+
datetimeFilterCategoricalYear: 'Yıl',
|
|
75
|
+
numericalFilterRange: 'Aralık',
|
|
76
|
+
numericalFilterSingleValue: 'Single Value',
|
|
77
|
+
booleanFilterTrue: 'doğru',
|
|
78
|
+
booleanFilterFalse: 'yanlış',
|
|
79
|
+
booleanColumnTrueShort: 'D',
|
|
80
|
+
booleanColumnFalseShort: 'Y'
|
|
81
|
+
},
|
|
82
|
+
buttongroup: {
|
|
83
|
+
ariaLabel: 'buton grup'
|
|
84
|
+
},
|
|
85
|
+
fileuploader: {
|
|
86
|
+
dropFilesToUpload: 'Dosyaları yüklemek için buraya bırakın...',
|
|
87
|
+
or: '',
|
|
88
|
+
browseFiles: 'Dosyalara göz atın',
|
|
89
|
+
retry: 'Yüklemeyi Yeniden Dene',
|
|
90
|
+
cancel: 'İptal'
|
|
91
|
+
},
|
|
92
|
+
menu: {
|
|
93
|
+
noResultsMsg: 'Sonuç yok',
|
|
94
|
+
parentMenuItemAriaLabel: 'Şu anda iç içe bir liste kutusu açan bir öğedesiniz. Bu öğeye girmek için sağ ok ve geri dönmek için sol ok tuşuna basın.'
|
|
95
|
+
},
|
|
96
|
+
modal: {
|
|
97
|
+
close: 'Kapat'
|
|
98
|
+
},
|
|
99
|
+
drawer: {
|
|
100
|
+
close: 'Kapat'
|
|
101
|
+
},
|
|
102
|
+
pagination: {
|
|
103
|
+
prev: 'Önceki',
|
|
104
|
+
next: 'Sonraki',
|
|
105
|
+
preposition: 'nın'
|
|
106
|
+
},
|
|
107
|
+
select: {
|
|
108
|
+
noResultsMsg: 'Sonuç bulunamadı',
|
|
109
|
+
placeholder: 'Seç...',
|
|
110
|
+
create: 'Oluştur'
|
|
111
|
+
},
|
|
112
|
+
toast: {
|
|
113
|
+
close: 'Kapat'
|
|
114
|
+
}
|
|
115
|
+
};
|
|
@@ -50,9 +50,14 @@ var Notification = /*#__PURE__*/function (_React$Component) {
|
|
|
50
50
|
value: function render() {
|
|
51
51
|
var overrides = mergeOverrides({
|
|
52
52
|
Body: {
|
|
53
|
-
style: {
|
|
54
|
-
|
|
55
|
-
|
|
53
|
+
style: function style(_ref) {
|
|
54
|
+
var $theme = _ref.$theme;
|
|
55
|
+
return {
|
|
56
|
+
marginTop: $theme.sizing.scale600,
|
|
57
|
+
marginRight: $theme.sizing.scale600,
|
|
58
|
+
marginBottom: $theme.sizing.scale600,
|
|
59
|
+
marginLeft: $theme.sizing.scale600
|
|
60
|
+
};
|
|
56
61
|
}
|
|
57
62
|
}
|
|
58
63
|
}, this.props.overrides);
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Copyright (c) Uber Technologies, Inc.
|
|
3
|
+
|
|
4
|
+
This source code is licensed under the MIT license found in the
|
|
5
|
+
LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
/*
|
|
9
|
+
This file should be used for adding new card type configuration
|
|
10
|
+
*/
|
|
11
|
+
var UATP_CARD_TYPE_CONFIG = {
|
|
12
|
+
niceType: 'Uatp',
|
|
13
|
+
type: 'uatp',
|
|
14
|
+
patterns: [[1001, 1999]],
|
|
15
|
+
gaps: [4, 9],
|
|
16
|
+
lengths: [15],
|
|
17
|
+
code: {
|
|
18
|
+
name: 'CVV',
|
|
19
|
+
size: 0
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
export var CUSTOM_CARDS_CONFIGURATION = [UATP_CARD_TYPE_CONFIG];
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Copyright (c) Uber Technologies, Inc.
|
|
3
|
+
|
|
4
|
+
This source code is licensed under the MIT license found in the
|
|
5
|
+
LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
import * as React from 'react';
|
|
8
|
+
|
|
9
|
+
var UatpIcon = function UatpIcon(_ref) {
|
|
10
|
+
var size = _ref.size;
|
|
11
|
+
return /*#__PURE__*/React.createElement("svg", {
|
|
12
|
+
width: size,
|
|
13
|
+
height: size,
|
|
14
|
+
viewBox: "0 0 24 24",
|
|
15
|
+
fill: "none",
|
|
16
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
17
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
18
|
+
d: "M23 4H1V20H23V4Z",
|
|
19
|
+
fill: "#F0F0F0"
|
|
20
|
+
}), /*#__PURE__*/React.createElement("g", {
|
|
21
|
+
clipPath: "url(#clip0_90345_28085)"
|
|
22
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
23
|
+
d: "M10.5057 9.64723H10.1817H9.70679V10.9659L10.3044 12.6255L11.4708 12.133L10.5057 9.64723Z",
|
|
24
|
+
fill: "#0A2C1B"
|
|
25
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
26
|
+
d: "M6.34592 14.6471L6.34001 9.64723H5.07682V13.7451C4.94173 13.7928 4.80176 13.8253 4.65948 13.8421C4.38337 13.8743 3.9371 13.9265 3.60459 13.6339C3.27002 13.3394 3.26507 12.8846 3.26655 12.7802V9.64723H2.00336V12.7802C1.96122 13.7182 2.32658 14.1754 2.45948 14.3209C3.17638 15.1058 4.54287 14.9387 5.39513 14.8345C5.71171 14.7958 6.02491 14.7331 6.33204 14.6471L6.32786 14.6427L6.34592 14.6471Z",
|
|
27
|
+
fill: "#0A2C1B"
|
|
28
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
29
|
+
d: "M21.999 11.453C21.9951 11.2269 21.9447 10.4929 21.3738 10.0162C21.1483 9.82795 20.9283 9.75218 20.7469 9.6897C20.5867 9.63455 20.2633 9.54148 19.3754 9.58086C18.9585 9.59952 18.5429 9.64148 18.1306 9.70653V14.8388H19.3938V13.3179C19.4958 13.3263 19.6189 13.3331 19.7586 13.3337C19.9448 13.3351 20.1309 13.325 20.3158 13.3033C20.4802 13.2817 21.266 13.1786 21.709 12.5414C22.0104 12.1079 22.0024 11.6443 21.999 11.453ZM20.5118 11.9928C20.3546 12.1594 20.1557 12.1903 19.9414 12.2236C19.7608 12.2514 19.5768 12.2484 19.3972 12.2148V10.7433C19.4924 10.7303 19.5885 10.7245 19.6845 10.7259C19.9706 10.73 20.2799 10.7344 20.4943 10.9523C20.6881 11.1491 20.6983 11.4123 20.699 11.4747C20.6996 11.5392 20.6985 11.7948 20.5118 11.9928Z",
|
|
30
|
+
fill: "#0A2C1B"
|
|
31
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
32
|
+
d: "M10.4995 13.1673L11.1015 14.8388H12.5212L11.6926 12.7045C11.3054 12.8761 10.9077 13.0304 10.4995 13.1673Z",
|
|
33
|
+
fill: "#0A2C1B"
|
|
34
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
35
|
+
d: "M6.60772 13.6849C6.59882 13.6856 6.59 13.6828 6.58303 13.6773C6.57607 13.6717 6.57148 13.6637 6.57019 13.6548C6.56891 13.646 6.57102 13.637 6.5761 13.6297C6.58119 13.6223 6.58887 13.6172 6.59759 13.6153C7.44534 13.4378 8.27682 13.1899 9.08338 12.8742C12.0436 11.7142 12.5355 10.4597 14.7222 9.60822C17.2224 8.63467 19.7225 9.06335 20.7271 9.30762C20.7338 9.30921 20.7396 9.31329 20.7433 9.31903C20.7471 9.32476 20.7485 9.3317 20.7473 9.33844C20.746 9.34518 20.7423 9.35119 20.7368 9.35525C20.7313 9.35931 20.7244 9.3611 20.7176 9.36026C19.7189 9.24529 18.7085 9.28396 17.7216 9.47491C15.1767 9.96677 14.237 11.2345 11.9094 12.341C10.7268 12.9032 8.98995 13.517 6.60772 13.6849Z",
|
|
36
|
+
fill: "#3EB54A"
|
|
37
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
38
|
+
d: "M16.9918 9.64723H12.6013V10.7793H14.1649V14.8388H15.4281V10.7793H16.9918V9.64723Z",
|
|
39
|
+
fill: "#0A2C1B"
|
|
40
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
41
|
+
d: "M9.23192 9.64723H8.95198L6.93652 14.8388H8.31211L9.70682 10.9659V9.64723H9.23192Z",
|
|
42
|
+
fill: "#0A2C1B"
|
|
43
|
+
})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
44
|
+
id: "clip0_90345_28085"
|
|
45
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
46
|
+
width: "20",
|
|
47
|
+
height: "5.92493",
|
|
48
|
+
fill: "white",
|
|
49
|
+
transform: "translate(2 9)"
|
|
50
|
+
}))));
|
|
51
|
+
};
|
|
52
|
+
|
|
53
|
+
export default UatpIcon;
|
|
@@ -66,7 +66,9 @@ import MaestroIcon from './icons/maestro.js';
|
|
|
66
66
|
import MastercardIcon from './icons/mastercard.js';
|
|
67
67
|
import UnionPayIcon from './icons/unionpay.js';
|
|
68
68
|
import VisaIcon from './icons/visa.js';
|
|
69
|
+
import UatpIcon from './icons/uatp.js';
|
|
69
70
|
import { IconWrapper as StyledIconWrapper } from './styled-components.js';
|
|
71
|
+
import { CUSTOM_CARDS_CONFIGURATION } from './custom-cards.config.js';
|
|
70
72
|
var CardTypeToComponent = {
|
|
71
73
|
visa: VisaIcon,
|
|
72
74
|
mastercard: MastercardIcon,
|
|
@@ -77,7 +79,8 @@ var CardTypeToComponent = {
|
|
|
77
79
|
unionpay: UnionPayIcon,
|
|
78
80
|
maestro: MaestroIcon,
|
|
79
81
|
elo: EloIcon,
|
|
80
|
-
generic: GenericIcon
|
|
82
|
+
generic: GenericIcon,
|
|
83
|
+
uatp: UatpIcon
|
|
81
84
|
};
|
|
82
85
|
|
|
83
86
|
var PaymentCard = /*#__PURE__*/function (_React$Component) {
|
|
@@ -85,21 +88,20 @@ var PaymentCard = /*#__PURE__*/function (_React$Component) {
|
|
|
85
88
|
|
|
86
89
|
var _super = _createSuper(PaymentCard);
|
|
87
90
|
|
|
88
|
-
function PaymentCard() {
|
|
91
|
+
function PaymentCard(props) {
|
|
89
92
|
var _this;
|
|
90
93
|
|
|
91
94
|
_classCallCheck(this, PaymentCard);
|
|
92
95
|
|
|
93
|
-
|
|
94
|
-
args[_key] = arguments[_key];
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
_this = _super.call.apply(_super, [this].concat(args));
|
|
96
|
+
_this = _super.call(this, props); // For adding new custom card type, add card config to custom-cards.config.js
|
|
98
97
|
|
|
99
98
|
_defineProperty(_assertThisInitialized(_this), "caretPosition", 0);
|
|
100
99
|
|
|
101
100
|
_defineProperty(_assertThisInitialized(_this), "inRef", null);
|
|
102
101
|
|
|
102
|
+
CUSTOM_CARDS_CONFIGURATION.forEach(function (cardTypeConfig) {
|
|
103
|
+
return valid.creditCardType.addCard(cardTypeConfig);
|
|
104
|
+
});
|
|
103
105
|
return _this;
|
|
104
106
|
}
|
|
105
107
|
|
package/list/index.d.ts
CHANGED
|
@@ -47,11 +47,11 @@ export interface LabelOverrides {
|
|
|
47
47
|
}
|
|
48
48
|
|
|
49
49
|
export interface PropsT {
|
|
50
|
-
artwork?: React.ReactNode;
|
|
50
|
+
artwork?: (args: { size: number }) => React.ReactNode;
|
|
51
51
|
artworkSize?: ArtworkSizesT | number;
|
|
52
52
|
shape?: ShapeT;
|
|
53
53
|
children: React.ReactNode;
|
|
54
|
-
endEnhancer?: React.ReactNode;
|
|
54
|
+
endEnhancer?: () => React.ReactNode;
|
|
55
55
|
overrides?: ListOverrides;
|
|
56
56
|
sublist?: boolean;
|
|
57
57
|
}
|
package/locale/tr_TR.js
ADDED
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
/*
|
|
9
|
+
Copyright (c) Uber Technologies, Inc.
|
|
10
|
+
|
|
11
|
+
This source code is licensed under the MIT license found in the
|
|
12
|
+
LICENSE file in the root directory of this source tree.
|
|
13
|
+
*/
|
|
14
|
+
var _default = {
|
|
15
|
+
accordion: {
|
|
16
|
+
collapse: 'Daralt',
|
|
17
|
+
expand: 'Genişlet'
|
|
18
|
+
},
|
|
19
|
+
breadcrumbs: {
|
|
20
|
+
ariaLabel: 'Navigasyon'
|
|
21
|
+
},
|
|
22
|
+
datepicker: {
|
|
23
|
+
ariaLabel: 'Bir tarih seçin.',
|
|
24
|
+
ariaLabelRange: 'Bir tarih aralığı seçin',
|
|
25
|
+
ariaLabelCalendar: 'Takvim',
|
|
26
|
+
ariaRoleDescriptionCalendarMonth: 'Aylık Takvim',
|
|
27
|
+
previousMonth: 'Geçtiğimiz ay.',
|
|
28
|
+
nextMonth: 'Gelecek ay.',
|
|
29
|
+
pastWeek: 'Geçen Hafta',
|
|
30
|
+
pastMonth: 'Geçen Ay',
|
|
31
|
+
pastThreeMonths: 'Son 3 Ay',
|
|
32
|
+
pastSixMonths: 'Son 6 Ay',
|
|
33
|
+
pastYear: 'Geçen Yıl',
|
|
34
|
+
pastTwoYears: 'Son 2 Yıl',
|
|
35
|
+
screenReaderMessageInput: 'Takvimle etkileşim kurmak ve bir tarih seçmek için aşağı ok tuşuna basın. Takvimi kapatmak için kaçış (ESC) düğmesine basın.',
|
|
36
|
+
selectedDate: 'Seçilen tarih ${date}.',
|
|
37
|
+
selectedDateRange: 'Seçilen tarih aralığı ${startDate} ile ${endDate} arasındadır.',
|
|
38
|
+
selectSecondDatePrompt: 'İkinci tarihi seçin.',
|
|
39
|
+
quickSelectLabel: 'Bir tarih aralığı seçin',
|
|
40
|
+
quickSelectAriaLabel: 'Bir tarih aralığı seçin',
|
|
41
|
+
quickSelectPlaceholder: 'Hiçbiri',
|
|
42
|
+
timeSelectEndLabel: 'Bitiş zamanı',
|
|
43
|
+
timeSelectStartLabel: 'Başlangıç zamanı',
|
|
44
|
+
timePickerAriaLabel12Hour: 'Bir zaman seçin, 12-saat formatında.',
|
|
45
|
+
timePickerAriaLabel24Hour: 'Bir zaman seçin, 24-saat formatında.',
|
|
46
|
+
timezonePickerAriaLabel: 'Bir saat dilimi seçin.',
|
|
47
|
+
selectedStartDateLabel: 'Seçilen başlangıç tarihi.',
|
|
48
|
+
selectedEndDateLabel: 'Seçilen bitiş tarihi.',
|
|
49
|
+
dateNotAvailableLabel: 'Kullanılabilir değil.',
|
|
50
|
+
dateAvailableLabel: 'Kullanılabilir.',
|
|
51
|
+
selectedLabel: 'Seçildi.',
|
|
52
|
+
chooseLabel: 'Seç'
|
|
53
|
+
},
|
|
54
|
+
datatable: {
|
|
55
|
+
emptyState: 'Tanımlanan filtre kriterleriyle eşleşen satır yok. Daha fazla veri görüntülemek için lütfen bir veya daha fazla filtreyi kaldırın.',
|
|
56
|
+
loadingState: 'Satır yükleniyor.',
|
|
57
|
+
searchAriaLabel: 'Metne göre ara',
|
|
58
|
+
filterAdd: 'Filtre Ekle',
|
|
59
|
+
filterExclude: 'Dahil etme',
|
|
60
|
+
filterApply: 'Uygula',
|
|
61
|
+
filterExcludeRange: 'Exclude range',
|
|
62
|
+
filterExcludeValue: 'Exclude value',
|
|
63
|
+
filterAppliedTo: 'uygulanan filtre',
|
|
64
|
+
optionsLabel: 'Filtrelenecek sütunu seçin',
|
|
65
|
+
optionsSearch: 'Filtrelemek için bir sütun arayın...',
|
|
66
|
+
optionsEmpty: 'Sütun yok.',
|
|
67
|
+
categoricalFilterSelectAll: 'Tümünü Seç',
|
|
68
|
+
categoricalFilterSelectClear: 'Temizle',
|
|
69
|
+
categoricalFilterEmpty: 'Kategori bulunamadı',
|
|
70
|
+
datetimeFilterRange: 'Aralık',
|
|
71
|
+
datetimeFilterRangeDatetime: 'Tarih, Zaman',
|
|
72
|
+
datetimeFilterRangeDate: 'Tarih',
|
|
73
|
+
datetimeFilterRangeTime: 'Zaman',
|
|
74
|
+
datetimeFilterCategorical: 'Kategorik',
|
|
75
|
+
datetimeFilterCategoricalWeekday: 'Hafta içi',
|
|
76
|
+
datetimeFilterCategoricalMonth: 'Ay',
|
|
77
|
+
datetimeFilterCategoricalQuarter: 'Çeyrek',
|
|
78
|
+
datetimeFilterCategoricalHalf: 'Yarım',
|
|
79
|
+
datetimeFilterCategoricalFirstHalf: 'H1',
|
|
80
|
+
datetimeFilterCategoricalSecondHalf: 'H2',
|
|
81
|
+
datetimeFilterCategoricalYear: 'Yıl',
|
|
82
|
+
numericalFilterRange: 'Aralık',
|
|
83
|
+
numericalFilterSingleValue: 'Single Value',
|
|
84
|
+
booleanFilterTrue: 'doğru',
|
|
85
|
+
booleanFilterFalse: 'yanlış',
|
|
86
|
+
booleanColumnTrueShort: 'D',
|
|
87
|
+
booleanColumnFalseShort: 'Y'
|
|
88
|
+
},
|
|
89
|
+
buttongroup: {
|
|
90
|
+
ariaLabel: 'buton grup'
|
|
91
|
+
},
|
|
92
|
+
fileuploader: {
|
|
93
|
+
dropFilesToUpload: 'Dosyaları yüklemek için buraya bırakın...',
|
|
94
|
+
or: '',
|
|
95
|
+
browseFiles: 'Dosyalara göz atın',
|
|
96
|
+
retry: 'Yüklemeyi Yeniden Dene',
|
|
97
|
+
cancel: 'İptal'
|
|
98
|
+
},
|
|
99
|
+
menu: {
|
|
100
|
+
noResultsMsg: 'Sonuç yok',
|
|
101
|
+
parentMenuItemAriaLabel: 'Şu anda iç içe bir liste kutusu açan bir öğedesiniz. Bu öğeye girmek için sağ ok ve geri dönmek için sol ok tuşuna basın.'
|
|
102
|
+
},
|
|
103
|
+
modal: {
|
|
104
|
+
close: 'Kapat'
|
|
105
|
+
},
|
|
106
|
+
drawer: {
|
|
107
|
+
close: 'Kapat'
|
|
108
|
+
},
|
|
109
|
+
pagination: {
|
|
110
|
+
prev: 'Önceki',
|
|
111
|
+
next: 'Sonraki',
|
|
112
|
+
preposition: 'nın'
|
|
113
|
+
},
|
|
114
|
+
select: {
|
|
115
|
+
noResultsMsg: 'Sonuç bulunamadı',
|
|
116
|
+
placeholder: 'Seç...',
|
|
117
|
+
create: 'Oluştur'
|
|
118
|
+
},
|
|
119
|
+
toast: {
|
|
120
|
+
close: 'Kapat'
|
|
121
|
+
}
|
|
122
|
+
};
|
|
123
|
+
exports.default = _default;
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Copyright (c) Uber Technologies, Inc.
|
|
3
|
+
|
|
4
|
+
This source code is licensed under the MIT license found in the
|
|
5
|
+
LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
// @flow
|
|
8
|
+
|
|
9
|
+
export default {
|
|
10
|
+
accordion: {
|
|
11
|
+
collapse: 'Daralt',
|
|
12
|
+
expand: 'Genişlet',
|
|
13
|
+
},
|
|
14
|
+
breadcrumbs: {
|
|
15
|
+
ariaLabel: 'Navigasyon',
|
|
16
|
+
},
|
|
17
|
+
datepicker: {
|
|
18
|
+
ariaLabel: 'Bir tarih seçin.',
|
|
19
|
+
ariaLabelRange: 'Bir tarih aralığı seçin',
|
|
20
|
+
ariaLabelCalendar: 'Takvim',
|
|
21
|
+
ariaRoleDescriptionCalendarMonth: 'Aylık Takvim',
|
|
22
|
+
previousMonth: 'Geçtiğimiz ay.',
|
|
23
|
+
nextMonth: 'Gelecek ay.',
|
|
24
|
+
pastWeek: 'Geçen Hafta',
|
|
25
|
+
pastMonth: 'Geçen Ay',
|
|
26
|
+
pastThreeMonths: 'Son 3 Ay',
|
|
27
|
+
pastSixMonths: 'Son 6 Ay',
|
|
28
|
+
pastYear: 'Geçen Yıl',
|
|
29
|
+
pastTwoYears: 'Son 2 Yıl',
|
|
30
|
+
screenReaderMessageInput:
|
|
31
|
+
'Takvimle etkileşim kurmak ve bir tarih seçmek için aşağı ok tuşuna basın. Takvimi kapatmak için kaçış (ESC) düğmesine basın.',
|
|
32
|
+
selectedDate: 'Seçilen tarih ${date}.',
|
|
33
|
+
selectedDateRange: 'Seçilen tarih aralığı ${startDate} ile ${endDate} arasındadır.',
|
|
34
|
+
selectSecondDatePrompt: 'İkinci tarihi seçin.',
|
|
35
|
+
quickSelectLabel: 'Bir tarih aralığı seçin',
|
|
36
|
+
quickSelectAriaLabel: 'Bir tarih aralığı seçin',
|
|
37
|
+
quickSelectPlaceholder: 'Hiçbiri',
|
|
38
|
+
timeSelectEndLabel: 'Bitiş zamanı',
|
|
39
|
+
timeSelectStartLabel: 'Başlangıç zamanı',
|
|
40
|
+
timePickerAriaLabel12Hour: 'Bir zaman seçin, 12-saat formatında.',
|
|
41
|
+
timePickerAriaLabel24Hour: 'Bir zaman seçin, 24-saat formatında.',
|
|
42
|
+
timezonePickerAriaLabel: 'Bir saat dilimi seçin.',
|
|
43
|
+
selectedStartDateLabel: 'Seçilen başlangıç tarihi.',
|
|
44
|
+
selectedEndDateLabel: 'Seçilen bitiş tarihi.',
|
|
45
|
+
dateNotAvailableLabel: 'Kullanılabilir değil.',
|
|
46
|
+
dateAvailableLabel: 'Kullanılabilir.',
|
|
47
|
+
selectedLabel: 'Seçildi.',
|
|
48
|
+
chooseLabel: 'Seç',
|
|
49
|
+
},
|
|
50
|
+
datatable: {
|
|
51
|
+
emptyState:
|
|
52
|
+
'Tanımlanan filtre kriterleriyle eşleşen satır yok. Daha fazla veri görüntülemek için lütfen bir veya daha fazla filtreyi kaldırın.',
|
|
53
|
+
loadingState: 'Satır yükleniyor.',
|
|
54
|
+
searchAriaLabel: 'Metne göre ara',
|
|
55
|
+
filterAdd: 'Filtre Ekle',
|
|
56
|
+
filterExclude: 'Dahil etme',
|
|
57
|
+
filterApply: 'Uygula',
|
|
58
|
+
filterExcludeRange: 'Exclude range',
|
|
59
|
+
filterExcludeValue: 'Exclude value',
|
|
60
|
+
filterAppliedTo: 'uygulanan filtre',
|
|
61
|
+
optionsLabel: 'Filtrelenecek sütunu seçin',
|
|
62
|
+
optionsSearch: 'Filtrelemek için bir sütun arayın...',
|
|
63
|
+
optionsEmpty: 'Sütun yok.',
|
|
64
|
+
categoricalFilterSelectAll: 'Tümünü Seç',
|
|
65
|
+
categoricalFilterSelectClear: 'Temizle',
|
|
66
|
+
categoricalFilterEmpty: 'Kategori bulunamadı',
|
|
67
|
+
datetimeFilterRange: 'Aralık',
|
|
68
|
+
datetimeFilterRangeDatetime: 'Tarih, Zaman',
|
|
69
|
+
datetimeFilterRangeDate: 'Tarih',
|
|
70
|
+
datetimeFilterRangeTime: 'Zaman',
|
|
71
|
+
datetimeFilterCategorical: 'Kategorik',
|
|
72
|
+
datetimeFilterCategoricalWeekday: 'Hafta içi',
|
|
73
|
+
datetimeFilterCategoricalMonth: 'Ay',
|
|
74
|
+
datetimeFilterCategoricalQuarter: 'Çeyrek',
|
|
75
|
+
datetimeFilterCategoricalHalf: 'Yarım',
|
|
76
|
+
datetimeFilterCategoricalFirstHalf: 'H1',
|
|
77
|
+
datetimeFilterCategoricalSecondHalf: 'H2',
|
|
78
|
+
datetimeFilterCategoricalYear: 'Yıl',
|
|
79
|
+
numericalFilterRange: 'Aralık',
|
|
80
|
+
numericalFilterSingleValue: 'Single Value',
|
|
81
|
+
booleanFilterTrue: 'doğru',
|
|
82
|
+
booleanFilterFalse: 'yanlış',
|
|
83
|
+
booleanColumnTrueShort: 'D',
|
|
84
|
+
booleanColumnFalseShort: 'Y',
|
|
85
|
+
},
|
|
86
|
+
buttongroup: {
|
|
87
|
+
ariaLabel: 'buton grup',
|
|
88
|
+
},
|
|
89
|
+
fileuploader: {
|
|
90
|
+
dropFilesToUpload: 'Dosyaları yüklemek için buraya bırakın...',
|
|
91
|
+
or: '',
|
|
92
|
+
browseFiles: 'Dosyalara göz atın',
|
|
93
|
+
retry: 'Yüklemeyi Yeniden Dene',
|
|
94
|
+
cancel: 'İptal',
|
|
95
|
+
},
|
|
96
|
+
menu: {
|
|
97
|
+
noResultsMsg: 'Sonuç yok',
|
|
98
|
+
parentMenuItemAriaLabel:
|
|
99
|
+
'Şu anda iç içe bir liste kutusu açan bir öğedesiniz. Bu öğeye girmek için sağ ok ve geri dönmek için sol ok tuşuna basın.',
|
|
100
|
+
},
|
|
101
|
+
modal: {
|
|
102
|
+
close: 'Kapat',
|
|
103
|
+
},
|
|
104
|
+
drawer: {
|
|
105
|
+
close: 'Kapat',
|
|
106
|
+
},
|
|
107
|
+
pagination: {
|
|
108
|
+
prev: 'Önceki',
|
|
109
|
+
next: 'Sonraki',
|
|
110
|
+
preposition: 'nın',
|
|
111
|
+
},
|
|
112
|
+
select: {
|
|
113
|
+
noResultsMsg: 'Sonuç bulunamadı',
|
|
114
|
+
placeholder: 'Seç...',
|
|
115
|
+
create: 'Oluştur',
|
|
116
|
+
},
|
|
117
|
+
toast: {
|
|
118
|
+
close: 'Kapat',
|
|
119
|
+
},
|
|
120
|
+
};
|
|
121
|
+
|
|
122
|
+
declare var __DEV__: boolean;
|
|
123
|
+
declare var __NODE__: boolean;
|
|
124
|
+
declare var __BROWSER__: boolean;
|
|
@@ -57,9 +57,14 @@ var Notification = /*#__PURE__*/function (_React$Component) {
|
|
|
57
57
|
value: function render() {
|
|
58
58
|
var overrides = (0, _overrides.mergeOverrides)({
|
|
59
59
|
Body: {
|
|
60
|
-
style: {
|
|
61
|
-
|
|
62
|
-
|
|
60
|
+
style: function style(_ref) {
|
|
61
|
+
var $theme = _ref.$theme;
|
|
62
|
+
return {
|
|
63
|
+
marginTop: $theme.sizing.scale600,
|
|
64
|
+
marginRight: $theme.sizing.scale600,
|
|
65
|
+
marginBottom: $theme.sizing.scale600,
|
|
66
|
+
marginLeft: $theme.sizing.scale600
|
|
67
|
+
};
|
|
63
68
|
}
|
|
64
69
|
}
|
|
65
70
|
}, this.props.overrides);
|
|
@@ -19,7 +19,16 @@ export default class Notification extends React.Component<ToastPropsT> {
|
|
|
19
19
|
|
|
20
20
|
render() {
|
|
21
21
|
const overrides = mergeOverrides(
|
|
22
|
-
{
|
|
22
|
+
{
|
|
23
|
+
Body: {
|
|
24
|
+
style: ({ $theme }) => ({
|
|
25
|
+
marginTop: $theme.sizing.scale600,
|
|
26
|
+
marginRight: $theme.sizing.scale600,
|
|
27
|
+
marginBottom: $theme.sizing.scale600,
|
|
28
|
+
marginLeft: $theme.sizing.scale600,
|
|
29
|
+
}),
|
|
30
|
+
},
|
|
31
|
+
},
|
|
23
32
|
this.props.overrides
|
|
24
33
|
);
|
|
25
34
|
return <Toast data-baseweb="notification" {...this.props} overrides={overrides} />;
|
package/package.json
CHANGED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.CUSTOM_CARDS_CONFIGURATION = void 0;
|
|
7
|
+
|
|
8
|
+
/*
|
|
9
|
+
Copyright (c) Uber Technologies, Inc.
|
|
10
|
+
|
|
11
|
+
This source code is licensed under the MIT license found in the
|
|
12
|
+
LICENSE file in the root directory of this source tree.
|
|
13
|
+
*/
|
|
14
|
+
|
|
15
|
+
/*
|
|
16
|
+
This file should be used for adding new card type configuration
|
|
17
|
+
*/
|
|
18
|
+
var UATP_CARD_TYPE_CONFIG = {
|
|
19
|
+
niceType: 'Uatp',
|
|
20
|
+
type: 'uatp',
|
|
21
|
+
patterns: [[1001, 1999]],
|
|
22
|
+
gaps: [4, 9],
|
|
23
|
+
lengths: [15],
|
|
24
|
+
code: {
|
|
25
|
+
name: 'CVV',
|
|
26
|
+
size: 0
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
var CUSTOM_CARDS_CONFIGURATION = [UATP_CARD_TYPE_CONFIG];
|
|
30
|
+
exports.CUSTOM_CARDS_CONFIGURATION = CUSTOM_CARDS_CONFIGURATION;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Copyright (c) Uber Technologies, Inc.
|
|
3
|
+
|
|
4
|
+
This source code is licensed under the MIT license found in the
|
|
5
|
+
LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
//@flow
|
|
8
|
+
|
|
9
|
+
/*
|
|
10
|
+
This file should be used for adding new card type configuration
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
const UATP_CARD_TYPE_CONFIG = {
|
|
14
|
+
niceType: 'Uatp',
|
|
15
|
+
type: 'uatp',
|
|
16
|
+
patterns: [[1001, 1999]],
|
|
17
|
+
gaps: [4, 9],
|
|
18
|
+
lengths: [15],
|
|
19
|
+
code: {
|
|
20
|
+
name: 'CVV',
|
|
21
|
+
size: 0,
|
|
22
|
+
},
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
export const CUSTOM_CARDS_CONFIGURATION = [UATP_CARD_TYPE_CONFIG];
|
|
26
|
+
|
|
27
|
+
declare var __DEV__: boolean;
|
|
28
|
+
declare var __NODE__: boolean;
|
|
29
|
+
declare var __BROWSER__: boolean;
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = void 0;
|
|
9
|
+
|
|
10
|
+
var React = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
12
|
+
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
13
|
+
|
|
14
|
+
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
|
+
|
|
16
|
+
/*
|
|
17
|
+
Copyright (c) Uber Technologies, Inc.
|
|
18
|
+
|
|
19
|
+
This source code is licensed under the MIT license found in the
|
|
20
|
+
LICENSE file in the root directory of this source tree.
|
|
21
|
+
*/
|
|
22
|
+
var UatpIcon = function UatpIcon(_ref) {
|
|
23
|
+
var size = _ref.size;
|
|
24
|
+
return /*#__PURE__*/React.createElement("svg", {
|
|
25
|
+
width: size,
|
|
26
|
+
height: size,
|
|
27
|
+
viewBox: "0 0 24 24",
|
|
28
|
+
fill: "none",
|
|
29
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
30
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
31
|
+
d: "M23 4H1V20H23V4Z",
|
|
32
|
+
fill: "#F0F0F0"
|
|
33
|
+
}), /*#__PURE__*/React.createElement("g", {
|
|
34
|
+
clipPath: "url(#clip0_90345_28085)"
|
|
35
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
36
|
+
d: "M10.5057 9.64723H10.1817H9.70679V10.9659L10.3044 12.6255L11.4708 12.133L10.5057 9.64723Z",
|
|
37
|
+
fill: "#0A2C1B"
|
|
38
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
39
|
+
d: "M6.34592 14.6471L6.34001 9.64723H5.07682V13.7451C4.94173 13.7928 4.80176 13.8253 4.65948 13.8421C4.38337 13.8743 3.9371 13.9265 3.60459 13.6339C3.27002 13.3394 3.26507 12.8846 3.26655 12.7802V9.64723H2.00336V12.7802C1.96122 13.7182 2.32658 14.1754 2.45948 14.3209C3.17638 15.1058 4.54287 14.9387 5.39513 14.8345C5.71171 14.7958 6.02491 14.7331 6.33204 14.6471L6.32786 14.6427L6.34592 14.6471Z",
|
|
40
|
+
fill: "#0A2C1B"
|
|
41
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
42
|
+
d: "M21.999 11.453C21.9951 11.2269 21.9447 10.4929 21.3738 10.0162C21.1483 9.82795 20.9283 9.75218 20.7469 9.6897C20.5867 9.63455 20.2633 9.54148 19.3754 9.58086C18.9585 9.59952 18.5429 9.64148 18.1306 9.70653V14.8388H19.3938V13.3179C19.4958 13.3263 19.6189 13.3331 19.7586 13.3337C19.9448 13.3351 20.1309 13.325 20.3158 13.3033C20.4802 13.2817 21.266 13.1786 21.709 12.5414C22.0104 12.1079 22.0024 11.6443 21.999 11.453ZM20.5118 11.9928C20.3546 12.1594 20.1557 12.1903 19.9414 12.2236C19.7608 12.2514 19.5768 12.2484 19.3972 12.2148V10.7433C19.4924 10.7303 19.5885 10.7245 19.6845 10.7259C19.9706 10.73 20.2799 10.7344 20.4943 10.9523C20.6881 11.1491 20.6983 11.4123 20.699 11.4747C20.6996 11.5392 20.6985 11.7948 20.5118 11.9928Z",
|
|
43
|
+
fill: "#0A2C1B"
|
|
44
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
45
|
+
d: "M10.4995 13.1673L11.1015 14.8388H12.5212L11.6926 12.7045C11.3054 12.8761 10.9077 13.0304 10.4995 13.1673Z",
|
|
46
|
+
fill: "#0A2C1B"
|
|
47
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
48
|
+
d: "M6.60772 13.6849C6.59882 13.6856 6.59 13.6828 6.58303 13.6773C6.57607 13.6717 6.57148 13.6637 6.57019 13.6548C6.56891 13.646 6.57102 13.637 6.5761 13.6297C6.58119 13.6223 6.58887 13.6172 6.59759 13.6153C7.44534 13.4378 8.27682 13.1899 9.08338 12.8742C12.0436 11.7142 12.5355 10.4597 14.7222 9.60822C17.2224 8.63467 19.7225 9.06335 20.7271 9.30762C20.7338 9.30921 20.7396 9.31329 20.7433 9.31903C20.7471 9.32476 20.7485 9.3317 20.7473 9.33844C20.746 9.34518 20.7423 9.35119 20.7368 9.35525C20.7313 9.35931 20.7244 9.3611 20.7176 9.36026C19.7189 9.24529 18.7085 9.28396 17.7216 9.47491C15.1767 9.96677 14.237 11.2345 11.9094 12.341C10.7268 12.9032 8.98995 13.517 6.60772 13.6849Z",
|
|
49
|
+
fill: "#3EB54A"
|
|
50
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
51
|
+
d: "M16.9918 9.64723H12.6013V10.7793H14.1649V14.8388H15.4281V10.7793H16.9918V9.64723Z",
|
|
52
|
+
fill: "#0A2C1B"
|
|
53
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
54
|
+
d: "M9.23192 9.64723H8.95198L6.93652 14.8388H8.31211L9.70682 10.9659V9.64723H9.23192Z",
|
|
55
|
+
fill: "#0A2C1B"
|
|
56
|
+
})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
57
|
+
id: "clip0_90345_28085"
|
|
58
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
59
|
+
width: "20",
|
|
60
|
+
height: "5.92493",
|
|
61
|
+
fill: "white",
|
|
62
|
+
transform: "translate(2 9)"
|
|
63
|
+
}))));
|
|
64
|
+
};
|
|
65
|
+
|
|
66
|
+
var _default = UatpIcon;
|
|
67
|
+
exports.default = _default;
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
/*
|
|
2
|
+
Copyright (c) Uber Technologies, Inc.
|
|
3
|
+
|
|
4
|
+
This source code is licensed under the MIT license found in the
|
|
5
|
+
LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
// @flow
|
|
8
|
+
|
|
9
|
+
import * as React from 'react';
|
|
10
|
+
|
|
11
|
+
const UatpIcon = ({ size }: { size: string }) => (
|
|
12
|
+
<svg
|
|
13
|
+
width={size}
|
|
14
|
+
height={size}
|
|
15
|
+
viewBox="0 0 24 24"
|
|
16
|
+
fill="none"
|
|
17
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
18
|
+
>
|
|
19
|
+
<path d="M23 4H1V20H23V4Z" fill="#F0F0F0" />
|
|
20
|
+
<g clipPath="url(#clip0_90345_28085)">
|
|
21
|
+
<path
|
|
22
|
+
d="M10.5057 9.64723H10.1817H9.70679V10.9659L10.3044 12.6255L11.4708 12.133L10.5057 9.64723Z"
|
|
23
|
+
fill="#0A2C1B"
|
|
24
|
+
/>
|
|
25
|
+
<path
|
|
26
|
+
d="M6.34592 14.6471L6.34001 9.64723H5.07682V13.7451C4.94173 13.7928 4.80176 13.8253 4.65948 13.8421C4.38337 13.8743 3.9371 13.9265 3.60459 13.6339C3.27002 13.3394 3.26507 12.8846 3.26655 12.7802V9.64723H2.00336V12.7802C1.96122 13.7182 2.32658 14.1754 2.45948 14.3209C3.17638 15.1058 4.54287 14.9387 5.39513 14.8345C5.71171 14.7958 6.02491 14.7331 6.33204 14.6471L6.32786 14.6427L6.34592 14.6471Z"
|
|
27
|
+
fill="#0A2C1B"
|
|
28
|
+
/>
|
|
29
|
+
<path
|
|
30
|
+
d="M21.999 11.453C21.9951 11.2269 21.9447 10.4929 21.3738 10.0162C21.1483 9.82795 20.9283 9.75218 20.7469 9.6897C20.5867 9.63455 20.2633 9.54148 19.3754 9.58086C18.9585 9.59952 18.5429 9.64148 18.1306 9.70653V14.8388H19.3938V13.3179C19.4958 13.3263 19.6189 13.3331 19.7586 13.3337C19.9448 13.3351 20.1309 13.325 20.3158 13.3033C20.4802 13.2817 21.266 13.1786 21.709 12.5414C22.0104 12.1079 22.0024 11.6443 21.999 11.453ZM20.5118 11.9928C20.3546 12.1594 20.1557 12.1903 19.9414 12.2236C19.7608 12.2514 19.5768 12.2484 19.3972 12.2148V10.7433C19.4924 10.7303 19.5885 10.7245 19.6845 10.7259C19.9706 10.73 20.2799 10.7344 20.4943 10.9523C20.6881 11.1491 20.6983 11.4123 20.699 11.4747C20.6996 11.5392 20.6985 11.7948 20.5118 11.9928Z"
|
|
31
|
+
fill="#0A2C1B"
|
|
32
|
+
/>
|
|
33
|
+
<path
|
|
34
|
+
d="M10.4995 13.1673L11.1015 14.8388H12.5212L11.6926 12.7045C11.3054 12.8761 10.9077 13.0304 10.4995 13.1673Z"
|
|
35
|
+
fill="#0A2C1B"
|
|
36
|
+
/>
|
|
37
|
+
<path
|
|
38
|
+
d="M6.60772 13.6849C6.59882 13.6856 6.59 13.6828 6.58303 13.6773C6.57607 13.6717 6.57148 13.6637 6.57019 13.6548C6.56891 13.646 6.57102 13.637 6.5761 13.6297C6.58119 13.6223 6.58887 13.6172 6.59759 13.6153C7.44534 13.4378 8.27682 13.1899 9.08338 12.8742C12.0436 11.7142 12.5355 10.4597 14.7222 9.60822C17.2224 8.63467 19.7225 9.06335 20.7271 9.30762C20.7338 9.30921 20.7396 9.31329 20.7433 9.31903C20.7471 9.32476 20.7485 9.3317 20.7473 9.33844C20.746 9.34518 20.7423 9.35119 20.7368 9.35525C20.7313 9.35931 20.7244 9.3611 20.7176 9.36026C19.7189 9.24529 18.7085 9.28396 17.7216 9.47491C15.1767 9.96677 14.237 11.2345 11.9094 12.341C10.7268 12.9032 8.98995 13.517 6.60772 13.6849Z"
|
|
39
|
+
fill="#3EB54A"
|
|
40
|
+
/>
|
|
41
|
+
<path
|
|
42
|
+
d="M16.9918 9.64723H12.6013V10.7793H14.1649V14.8388H15.4281V10.7793H16.9918V9.64723Z"
|
|
43
|
+
fill="#0A2C1B"
|
|
44
|
+
/>
|
|
45
|
+
<path
|
|
46
|
+
d="M9.23192 9.64723H8.95198L6.93652 14.8388H8.31211L9.70682 10.9659V9.64723H9.23192Z"
|
|
47
|
+
fill="#0A2C1B"
|
|
48
|
+
/>
|
|
49
|
+
</g>
|
|
50
|
+
<defs>
|
|
51
|
+
<clipPath id="clip0_90345_28085">
|
|
52
|
+
<rect width="20" height="5.92493" fill="white" transform="translate(2 9)" />
|
|
53
|
+
</clipPath>
|
|
54
|
+
</defs>
|
|
55
|
+
</svg>
|
|
56
|
+
);
|
|
57
|
+
|
|
58
|
+
export default UatpIcon;
|
|
59
|
+
|
|
60
|
+
declare var __DEV__: boolean;
|
|
61
|
+
declare var __NODE__: boolean;
|
|
62
|
+
declare var __BROWSER__: boolean;
|
|
@@ -39,8 +39,12 @@ var _unionpay = _interopRequireDefault(require("./icons/unionpay.js"));
|
|
|
39
39
|
|
|
40
40
|
var _visa = _interopRequireDefault(require("./icons/visa.js"));
|
|
41
41
|
|
|
42
|
+
var _uatp = _interopRequireDefault(require("./icons/uatp.js"));
|
|
43
|
+
|
|
42
44
|
var _styledComponents = require("./styled-components.js");
|
|
43
45
|
|
|
46
|
+
var _customCardsConfig = require("./custom-cards.config.js");
|
|
47
|
+
|
|
44
48
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
45
49
|
|
|
46
50
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
|
|
@@ -101,7 +105,8 @@ var CardTypeToComponent = {
|
|
|
101
105
|
unionpay: _unionpay.default,
|
|
102
106
|
maestro: _maestro.default,
|
|
103
107
|
elo: _elo.default,
|
|
104
|
-
generic: _generic.default
|
|
108
|
+
generic: _generic.default,
|
|
109
|
+
uatp: _uatp.default
|
|
105
110
|
};
|
|
106
111
|
|
|
107
112
|
var PaymentCard = /*#__PURE__*/function (_React$Component) {
|
|
@@ -109,21 +114,21 @@ var PaymentCard = /*#__PURE__*/function (_React$Component) {
|
|
|
109
114
|
|
|
110
115
|
var _super = _createSuper(PaymentCard);
|
|
111
116
|
|
|
112
|
-
function PaymentCard() {
|
|
117
|
+
function PaymentCard(props) {
|
|
113
118
|
var _this;
|
|
114
119
|
|
|
115
120
|
_classCallCheck(this, PaymentCard);
|
|
116
121
|
|
|
117
|
-
|
|
118
|
-
args[_key] = arguments[_key];
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
_this = _super.call.apply(_super, [this].concat(args));
|
|
122
|
+
_this = _super.call(this, props); // For adding new custom card type, add card config to custom-cards.config.js
|
|
122
123
|
|
|
123
124
|
_defineProperty(_assertThisInitialized(_this), "caretPosition", 0);
|
|
124
125
|
|
|
125
126
|
_defineProperty(_assertThisInitialized(_this), "inRef", null);
|
|
126
127
|
|
|
128
|
+
_customCardsConfig.CUSTOM_CARDS_CONFIGURATION.forEach(function (cardTypeConfig) {
|
|
129
|
+
return valid.creditCardType.addCard(cardTypeConfig);
|
|
130
|
+
});
|
|
131
|
+
|
|
127
132
|
return _this;
|
|
128
133
|
}
|
|
129
134
|
|
|
@@ -24,11 +24,14 @@ import MaestroIcon from './icons/maestro.js';
|
|
|
24
24
|
import MastercardIcon from './icons/mastercard.js';
|
|
25
25
|
import UnionPayIcon from './icons/unionpay.js';
|
|
26
26
|
import VisaIcon from './icons/visa.js';
|
|
27
|
+
import UatpIcon from './icons/uatp.js';
|
|
27
28
|
|
|
28
29
|
import { IconWrapper as StyledIconWrapper } from './styled-components.js';
|
|
29
30
|
|
|
30
31
|
import type { PaymentCardPropsT } from './types.js';
|
|
31
32
|
|
|
33
|
+
import { CUSTOM_CARDS_CONFIGURATION } from './custom-cards.config.js';
|
|
34
|
+
|
|
32
35
|
const CardTypeToComponent = {
|
|
33
36
|
visa: VisaIcon,
|
|
34
37
|
mastercard: MastercardIcon,
|
|
@@ -40,6 +43,7 @@ const CardTypeToComponent = {
|
|
|
40
43
|
maestro: MaestroIcon,
|
|
41
44
|
elo: EloIcon,
|
|
42
45
|
generic: GenericIcon,
|
|
46
|
+
uatp: UatpIcon,
|
|
43
47
|
};
|
|
44
48
|
|
|
45
49
|
class PaymentCard extends React.Component<PaymentCardPropsT> {
|
|
@@ -61,6 +65,14 @@ class PaymentCard extends React.Component<PaymentCardPropsT> {
|
|
|
61
65
|
endEnhancer: null,
|
|
62
66
|
};
|
|
63
67
|
|
|
68
|
+
constructor(props: PaymentCardPropsT) {
|
|
69
|
+
super(props);
|
|
70
|
+
// For adding new custom card type, add card config to custom-cards.config.js
|
|
71
|
+
CUSTOM_CARDS_CONFIGURATION.forEach((cardTypeConfig) =>
|
|
72
|
+
valid.creditCardType.addCard(cardTypeConfig)
|
|
73
|
+
);
|
|
74
|
+
}
|
|
75
|
+
|
|
64
76
|
componentDidUpdate(prevProps: PaymentCardPropsT) {
|
|
65
77
|
if (this.inRef && prevProps.value !== this.props.value) {
|
|
66
78
|
this.inRef.setSelectionRange(this.caretPosition, this.caretPosition);
|