@razorpay/blade 11.1.1 → 11.2.1
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/build/lib/native/components/Amount/Amount.js +4 -3
- package/build/lib/native/components/Amount/Amount.js.map +1 -1
- package/build/lib/native/components/Amount/amountTokens.js +2 -2
- package/build/lib/native/components/Amount/amountTokens.js.map +1 -1
- package/build/lib/native/components/Dropdown/Dropdown.js +1 -1
- package/build/lib/native/components/Dropdown/Dropdown.js.map +1 -1
- package/build/lib/web/development/components/Amount/Amount.js +107 -106
- package/build/lib/web/development/components/Amount/Amount.js.map +1 -1
- package/build/lib/web/development/components/Amount/amountTokens.js +1 -415
- package/build/lib/web/development/components/Amount/amountTokens.js.map +1 -1
- package/build/lib/web/development/components/Dropdown/Dropdown.js +1 -1
- package/build/lib/web/development/components/Dropdown/Dropdown.js.map +1 -1
- package/build/lib/web/development/components/Input/BaseInput/BaseInputTagSlot.web.js +15 -1
- package/build/lib/web/development/components/Input/BaseInput/BaseInputTagSlot.web.js.map +1 -1
- package/build/lib/web/production/components/Amount/Amount.js +107 -106
- package/build/lib/web/production/components/Amount/Amount.js.map +1 -1
- package/build/lib/web/production/components/Amount/amountTokens.js +1 -415
- package/build/lib/web/production/components/Amount/amountTokens.js.map +1 -1
- package/build/lib/web/production/components/Dropdown/Dropdown.js +1 -1
- package/build/lib/web/production/components/Dropdown/Dropdown.js.map +1 -1
- package/build/lib/web/production/components/Input/BaseInput/BaseInputTagSlot.web.js +15 -1
- package/build/lib/web/production/components/Input/BaseInput/BaseInputTagSlot.web.js.map +1 -1
- package/build/types/components/index.d.ts +4 -384
- package/build/types/components/index.native.d.ts +4 -384
- package/package.json +6 -3
|
@@ -62,419 +62,5 @@ var amountLineHeights = {
|
|
|
62
62
|
}
|
|
63
63
|
};
|
|
64
64
|
|
|
65
|
-
|
|
66
|
-
var currencyIndicatorMapping = {
|
|
67
|
-
AED: {
|
|
68
|
-
'currency-symbol': 'د.إ',
|
|
69
|
-
'currency-code': 'AED'
|
|
70
|
-
},
|
|
71
|
-
ALL: {
|
|
72
|
-
'currency-symbol': 'Lek',
|
|
73
|
-
'currency-code': 'ALL'
|
|
74
|
-
},
|
|
75
|
-
AMD: {
|
|
76
|
-
'currency-symbol': '֏',
|
|
77
|
-
'currency-code': 'AMD'
|
|
78
|
-
},
|
|
79
|
-
ARS: {
|
|
80
|
-
'currency-symbol': 'ARS',
|
|
81
|
-
'currency-code': 'ARS'
|
|
82
|
-
},
|
|
83
|
-
AUD: {
|
|
84
|
-
'currency-symbol': 'A$',
|
|
85
|
-
'currency-code': 'AUD'
|
|
86
|
-
},
|
|
87
|
-
AWG: {
|
|
88
|
-
'currency-symbol': 'Afl.',
|
|
89
|
-
'currency-code': 'AWG'
|
|
90
|
-
},
|
|
91
|
-
BBD: {
|
|
92
|
-
'currency-symbol': '$',
|
|
93
|
-
'currency-code': 'BBD'
|
|
94
|
-
},
|
|
95
|
-
BDT: {
|
|
96
|
-
'currency-symbol': '৳',
|
|
97
|
-
'currency-code': 'BDT'
|
|
98
|
-
},
|
|
99
|
-
BMD: {
|
|
100
|
-
'currency-symbol': '$',
|
|
101
|
-
'currency-code': 'BMD'
|
|
102
|
-
},
|
|
103
|
-
BND: {
|
|
104
|
-
'currency-symbol': 'BND',
|
|
105
|
-
'currency-code': 'BND'
|
|
106
|
-
},
|
|
107
|
-
BOB: {
|
|
108
|
-
'currency-symbol': 'Bs',
|
|
109
|
-
'currency-code': 'BOB'
|
|
110
|
-
},
|
|
111
|
-
BSD: {
|
|
112
|
-
'currency-symbol': 'B$',
|
|
113
|
-
'currency-code': 'BSD'
|
|
114
|
-
},
|
|
115
|
-
BWP: {
|
|
116
|
-
'currency-symbol': 'P',
|
|
117
|
-
'currency-code': 'BWP'
|
|
118
|
-
},
|
|
119
|
-
BZD: {
|
|
120
|
-
'currency-symbol': 'BZ$',
|
|
121
|
-
'currency-code': 'BZD'
|
|
122
|
-
},
|
|
123
|
-
CAD: {
|
|
124
|
-
'currency-symbol': 'C$',
|
|
125
|
-
'currency-code': 'CAD'
|
|
126
|
-
},
|
|
127
|
-
CHF: {
|
|
128
|
-
'currency-symbol': 'CHf',
|
|
129
|
-
'currency-code': 'CHF'
|
|
130
|
-
},
|
|
131
|
-
CNY: {
|
|
132
|
-
'currency-symbol': '¥',
|
|
133
|
-
'currency-code': 'CNY'
|
|
134
|
-
},
|
|
135
|
-
COP: {
|
|
136
|
-
'currency-symbol': 'COL$',
|
|
137
|
-
'currency-code': 'COP'
|
|
138
|
-
},
|
|
139
|
-
CRC: {
|
|
140
|
-
'currency-symbol': '₡',
|
|
141
|
-
'currency-code': 'CRC'
|
|
142
|
-
},
|
|
143
|
-
CUP: {
|
|
144
|
-
'currency-symbol': '$MN',
|
|
145
|
-
'currency-code': 'CUP'
|
|
146
|
-
},
|
|
147
|
-
CZK: {
|
|
148
|
-
'currency-symbol': 'Kč',
|
|
149
|
-
'currency-code': 'CZK'
|
|
150
|
-
},
|
|
151
|
-
DKK: {
|
|
152
|
-
'currency-symbol': 'DKK',
|
|
153
|
-
'currency-code': 'DKK'
|
|
154
|
-
},
|
|
155
|
-
DOP: {
|
|
156
|
-
'currency-symbol': 'RD$',
|
|
157
|
-
'currency-code': 'DOP'
|
|
158
|
-
},
|
|
159
|
-
DZD: {
|
|
160
|
-
'currency-symbol': 'د.ج',
|
|
161
|
-
'currency-code': 'DZD'
|
|
162
|
-
},
|
|
163
|
-
EGP: {
|
|
164
|
-
'currency-symbol': 'E£',
|
|
165
|
-
'currency-code': 'EGP'
|
|
166
|
-
},
|
|
167
|
-
ETB: {
|
|
168
|
-
'currency-symbol': 'ብር',
|
|
169
|
-
'currency-code': 'ETB'
|
|
170
|
-
},
|
|
171
|
-
EUR: {
|
|
172
|
-
'currency-symbol': '€',
|
|
173
|
-
'currency-code': 'EUR'
|
|
174
|
-
},
|
|
175
|
-
FJD: {
|
|
176
|
-
'currency-symbol': 'FJ$',
|
|
177
|
-
'currency-code': 'FJD'
|
|
178
|
-
},
|
|
179
|
-
GBP: {
|
|
180
|
-
'currency-symbol': '£',
|
|
181
|
-
'currency-code': 'GBP'
|
|
182
|
-
},
|
|
183
|
-
GHS: {
|
|
184
|
-
'currency-symbol': 'GH₵',
|
|
185
|
-
'currency-code': 'GHS'
|
|
186
|
-
},
|
|
187
|
-
GIP: {
|
|
188
|
-
'currency-symbol': 'GIP',
|
|
189
|
-
'currency-code': 'GIP'
|
|
190
|
-
},
|
|
191
|
-
GMD: {
|
|
192
|
-
'currency-symbol': 'D',
|
|
193
|
-
'currency-code': 'GMD'
|
|
194
|
-
},
|
|
195
|
-
GTQ: {
|
|
196
|
-
'currency-symbol': 'Q',
|
|
197
|
-
'currency-code': 'GTQ'
|
|
198
|
-
},
|
|
199
|
-
GYD: {
|
|
200
|
-
'currency-symbol': 'G$',
|
|
201
|
-
'currency-code': 'GYD'
|
|
202
|
-
},
|
|
203
|
-
HKD: {
|
|
204
|
-
'currency-symbol': 'HK$',
|
|
205
|
-
'currency-code': 'HKD'
|
|
206
|
-
},
|
|
207
|
-
HNL: {
|
|
208
|
-
'currency-symbol': 'HNL',
|
|
209
|
-
'currency-code': 'HNL'
|
|
210
|
-
},
|
|
211
|
-
HRK: {
|
|
212
|
-
'currency-symbol': 'kn',
|
|
213
|
-
'currency-code': 'HRK'
|
|
214
|
-
},
|
|
215
|
-
HTG: {
|
|
216
|
-
'currency-symbol': 'G',
|
|
217
|
-
'currency-code': 'HTG'
|
|
218
|
-
},
|
|
219
|
-
HUF: {
|
|
220
|
-
'currency-symbol': 'Ft',
|
|
221
|
-
'currency-code': 'HUF'
|
|
222
|
-
},
|
|
223
|
-
IDR: {
|
|
224
|
-
'currency-symbol': 'Rp',
|
|
225
|
-
'currency-code': 'IDR'
|
|
226
|
-
},
|
|
227
|
-
ILS: {
|
|
228
|
-
'currency-symbol': '₪',
|
|
229
|
-
'currency-code': 'ILS'
|
|
230
|
-
},
|
|
231
|
-
INR: {
|
|
232
|
-
'currency-symbol': '₹',
|
|
233
|
-
'currency-code': 'INR'
|
|
234
|
-
},
|
|
235
|
-
JMD: {
|
|
236
|
-
'currency-symbol': 'J$',
|
|
237
|
-
'currency-code': 'JMD'
|
|
238
|
-
},
|
|
239
|
-
KES: {
|
|
240
|
-
'currency-symbol': 'Ksh',
|
|
241
|
-
'currency-code': 'KES'
|
|
242
|
-
},
|
|
243
|
-
KGS: {
|
|
244
|
-
'currency-symbol': 'Лв',
|
|
245
|
-
'currency-code': 'KGS'
|
|
246
|
-
},
|
|
247
|
-
KHR: {
|
|
248
|
-
'currency-symbol': '៛',
|
|
249
|
-
'currency-code': 'KHR'
|
|
250
|
-
},
|
|
251
|
-
KYD: {
|
|
252
|
-
'currency-symbol': 'CI$',
|
|
253
|
-
'currency-code': 'KYD'
|
|
254
|
-
},
|
|
255
|
-
KZT: {
|
|
256
|
-
'currency-symbol': '₸',
|
|
257
|
-
'currency-code': 'KZT'
|
|
258
|
-
},
|
|
259
|
-
LAK: {
|
|
260
|
-
'currency-symbol': '₭',
|
|
261
|
-
'currency-code': 'LAK'
|
|
262
|
-
},
|
|
263
|
-
LKR: {
|
|
264
|
-
'currency-symbol': 'රු',
|
|
265
|
-
'currency-code': 'LKR'
|
|
266
|
-
},
|
|
267
|
-
LRD: {
|
|
268
|
-
'currency-symbol': 'L$',
|
|
269
|
-
'currency-code': 'LRD'
|
|
270
|
-
},
|
|
271
|
-
LSL: {
|
|
272
|
-
'currency-symbol': 'LSL',
|
|
273
|
-
'currency-code': 'LSL'
|
|
274
|
-
},
|
|
275
|
-
MAD: {
|
|
276
|
-
'currency-symbol': 'د.م.',
|
|
277
|
-
'currency-code': 'MAD'
|
|
278
|
-
},
|
|
279
|
-
MDL: {
|
|
280
|
-
'currency-symbol': 'MDL',
|
|
281
|
-
'currency-code': 'MDL'
|
|
282
|
-
},
|
|
283
|
-
MKD: {
|
|
284
|
-
'currency-symbol': 'ден',
|
|
285
|
-
'currency-code': 'MKD'
|
|
286
|
-
},
|
|
287
|
-
MMK: {
|
|
288
|
-
'currency-symbol': 'MMK',
|
|
289
|
-
'currency-code': 'MMK'
|
|
290
|
-
},
|
|
291
|
-
MNT: {
|
|
292
|
-
'currency-symbol': '₮',
|
|
293
|
-
'currency-code': 'MNT'
|
|
294
|
-
},
|
|
295
|
-
MOP: {
|
|
296
|
-
'currency-symbol': 'MOP$',
|
|
297
|
-
'currency-code': 'MOP'
|
|
298
|
-
},
|
|
299
|
-
MUR: {
|
|
300
|
-
'currency-symbol': '₨',
|
|
301
|
-
'currency-code': 'MUR'
|
|
302
|
-
},
|
|
303
|
-
MVR: {
|
|
304
|
-
'currency-symbol': 'Rf',
|
|
305
|
-
'currency-code': 'MVR'
|
|
306
|
-
},
|
|
307
|
-
MWK: {
|
|
308
|
-
'currency-symbol': 'MK',
|
|
309
|
-
'currency-code': 'MWK'
|
|
310
|
-
},
|
|
311
|
-
MXN: {
|
|
312
|
-
'currency-symbol': 'Mex$',
|
|
313
|
-
'currency-code': 'MXN'
|
|
314
|
-
},
|
|
315
|
-
MYR: {
|
|
316
|
-
'currency-symbol': 'RM',
|
|
317
|
-
'currency-code': 'MYR'
|
|
318
|
-
},
|
|
319
|
-
NAD: {
|
|
320
|
-
'currency-symbol': 'N$',
|
|
321
|
-
'currency-code': 'NAD'
|
|
322
|
-
},
|
|
323
|
-
NGN: {
|
|
324
|
-
'currency-symbol': '₦',
|
|
325
|
-
'currency-code': 'NGN'
|
|
326
|
-
},
|
|
327
|
-
NIO: {
|
|
328
|
-
'currency-symbol': 'NIO',
|
|
329
|
-
'currency-code': 'NIO'
|
|
330
|
-
},
|
|
331
|
-
NOK: {
|
|
332
|
-
'currency-symbol': 'NOK',
|
|
333
|
-
'currency-code': 'NOK'
|
|
334
|
-
},
|
|
335
|
-
NPR: {
|
|
336
|
-
'currency-symbol': 'रू',
|
|
337
|
-
'currency-code': 'NPR'
|
|
338
|
-
},
|
|
339
|
-
NZD: {
|
|
340
|
-
'currency-symbol': 'NZ$',
|
|
341
|
-
'currency-code': 'NZD'
|
|
342
|
-
},
|
|
343
|
-
PEN: {
|
|
344
|
-
'currency-symbol': 'S/',
|
|
345
|
-
'currency-code': 'PEN'
|
|
346
|
-
},
|
|
347
|
-
PGK: {
|
|
348
|
-
'currency-symbol': 'PGK',
|
|
349
|
-
'currency-code': 'PGK'
|
|
350
|
-
},
|
|
351
|
-
PHP: {
|
|
352
|
-
'currency-symbol': '₱',
|
|
353
|
-
'currency-code': 'PHP'
|
|
354
|
-
},
|
|
355
|
-
PKR: {
|
|
356
|
-
'currency-symbol': '₨',
|
|
357
|
-
'currency-code': 'PKR'
|
|
358
|
-
},
|
|
359
|
-
QAR: {
|
|
360
|
-
'currency-symbol': 'QR',
|
|
361
|
-
'currency-code': 'QAR'
|
|
362
|
-
},
|
|
363
|
-
RUB: {
|
|
364
|
-
'currency-symbol': '₽',
|
|
365
|
-
'currency-code': 'RUB'
|
|
366
|
-
},
|
|
367
|
-
SAR: {
|
|
368
|
-
'currency-symbol': 'SR',
|
|
369
|
-
'currency-code': 'SAR'
|
|
370
|
-
},
|
|
371
|
-
SCR: {
|
|
372
|
-
'currency-symbol': 'SRe',
|
|
373
|
-
'currency-code': 'SCR'
|
|
374
|
-
},
|
|
375
|
-
SEK: {
|
|
376
|
-
'currency-symbol': 'SEK',
|
|
377
|
-
'currency-code': 'SEK'
|
|
378
|
-
},
|
|
379
|
-
SGD: {
|
|
380
|
-
'currency-symbol': 'S$',
|
|
381
|
-
'currency-code': 'SGD'
|
|
382
|
-
},
|
|
383
|
-
SLL: {
|
|
384
|
-
'currency-symbol': 'Le',
|
|
385
|
-
'currency-code': 'SLL'
|
|
386
|
-
},
|
|
387
|
-
SOS: {
|
|
388
|
-
'currency-symbol': 'Sh.so.',
|
|
389
|
-
'currency-code': 'SOS'
|
|
390
|
-
},
|
|
391
|
-
SSP: {
|
|
392
|
-
'currency-symbol': 'SS£',
|
|
393
|
-
'currency-code': 'SSP'
|
|
394
|
-
},
|
|
395
|
-
SVC: {
|
|
396
|
-
'currency-symbol': '₡',
|
|
397
|
-
'currency-code': 'SVC'
|
|
398
|
-
},
|
|
399
|
-
SZL: {
|
|
400
|
-
'currency-symbol': 'E',
|
|
401
|
-
'currency-code': 'SZL'
|
|
402
|
-
},
|
|
403
|
-
THB: {
|
|
404
|
-
'currency-symbol': '฿',
|
|
405
|
-
'currency-code': 'THB'
|
|
406
|
-
},
|
|
407
|
-
TTD: {
|
|
408
|
-
'currency-symbol': 'TT$',
|
|
409
|
-
'currency-code': 'TTD'
|
|
410
|
-
},
|
|
411
|
-
TZS: {
|
|
412
|
-
'currency-symbol': 'Sh',
|
|
413
|
-
'currency-code': 'TZS'
|
|
414
|
-
},
|
|
415
|
-
USD: {
|
|
416
|
-
'currency-symbol': '$',
|
|
417
|
-
'currency-code': 'USD'
|
|
418
|
-
},
|
|
419
|
-
UYU: {
|
|
420
|
-
'currency-symbol': '$U',
|
|
421
|
-
'currency-code': 'UYU'
|
|
422
|
-
},
|
|
423
|
-
UZS: {
|
|
424
|
-
'currency-symbol': "so'm",
|
|
425
|
-
'currency-code': 'UZS'
|
|
426
|
-
},
|
|
427
|
-
YER: {
|
|
428
|
-
'currency-symbol': '﷼',
|
|
429
|
-
'currency-code': 'YER'
|
|
430
|
-
},
|
|
431
|
-
ZAR: {
|
|
432
|
-
'currency-symbol': 'R',
|
|
433
|
-
'currency-code': 'ZAR'
|
|
434
|
-
},
|
|
435
|
-
KWD: {
|
|
436
|
-
'currency-symbol': 'د.ك',
|
|
437
|
-
'currency-code': 'KWD'
|
|
438
|
-
},
|
|
439
|
-
BHD: {
|
|
440
|
-
'currency-symbol': 'د.ب.',
|
|
441
|
-
'currency-code': 'BHD'
|
|
442
|
-
},
|
|
443
|
-
OMR: {
|
|
444
|
-
'currency-symbol': 'ر.ع.',
|
|
445
|
-
'currency-code': 'OMR'
|
|
446
|
-
}
|
|
447
|
-
};
|
|
448
|
-
var getCurrencyAbbreviations = function getCurrencyAbbreviations(currency) {
|
|
449
|
-
if (currency === 'INR') {
|
|
450
|
-
return [{
|
|
451
|
-
value: 1e7,
|
|
452
|
-
symbol: 'Cr'
|
|
453
|
-
}, {
|
|
454
|
-
value: 1e5,
|
|
455
|
-
symbol: 'L'
|
|
456
|
-
}, {
|
|
457
|
-
value: 1e3,
|
|
458
|
-
symbol: 'k'
|
|
459
|
-
}];
|
|
460
|
-
}
|
|
461
|
-
return [{
|
|
462
|
-
value: 1e9,
|
|
463
|
-
symbol: 'B'
|
|
464
|
-
}, {
|
|
465
|
-
value: 1e6,
|
|
466
|
-
symbol: 'M'
|
|
467
|
-
}, {
|
|
468
|
-
value: 1e3,
|
|
469
|
-
symbol: 'K'
|
|
470
|
-
}];
|
|
471
|
-
};
|
|
472
|
-
var currencyPositionMapping = {
|
|
473
|
-
DZD: 'right',
|
|
474
|
-
BHD: 'right',
|
|
475
|
-
OMR: 'right',
|
|
476
|
-
KWD: 'right'
|
|
477
|
-
};
|
|
478
|
-
|
|
479
|
-
export { amountLineHeights, currencyIndicatorMapping, currencyPositionMapping, getCurrencyAbbreviations, normalAmountSizes, subtleFontSizes };
|
|
65
|
+
export { amountLineHeights, normalAmountSizes, subtleFontSizes };
|
|
480
66
|
//# sourceMappingURL=amountTokens.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"amountTokens.js","sources":["../../../../../../src/components/Amount/amountTokens.ts"],"sourcesContent":["import type { FontSize, Typography } from '~tokens/global';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\n\ntype AmountSizes = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';\n\ntype AmountDisplayProps = {\n type?: 'display';\n size?: Extract<AmountSizes, 'small' | 'medium' | 'large' | 'xlarge'>;\n weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;\n};\n\ntype AmountHeadingProps = {\n type?: 'heading';\n size?: Extract<AmountSizes, 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge'>;\n weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'semibold'>;\n};\n\ntype AmountBodyProps = {\n type?: 'body';\n size?: Extract<AmountSizes, 'xsmall' | 'small' | 'medium' | 'large'>;\n weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;\n};\n\ntype AmountTypeProps = AmountDisplayProps | AmountHeadingProps | AmountBodyProps;\n\nconst normalAmountSizes: Record<\n 'body' | 'heading' | 'display',\n Partial<Record<NonNullable<AmountTypeProps['size']>, keyof FontSize>>\n> = {\n body: {\n xsmall: 25,\n small: 75,\n medium: 100,\n large: 200,\n },\n heading: {\n small: 300,\n medium: 400,\n large: 500,\n xlarge: 600,\n '2xlarge': 700,\n },\n display: {\n small: 800,\n medium: 900,\n large: 1000,\n xlarge: 1100,\n },\n};\n\nconst subtleFontSizes: Record<\n 'body' | 'heading' | 'display',\n Partial<Record<NonNullable<AmountTypeProps['size']>, keyof FontSize>>\n> = {\n body: {\n xsmall: normalAmountSizes.body.xsmall,\n small: normalAmountSizes.body.xsmall,\n medium: normalAmountSizes.body.xsmall,\n large: normalAmountSizes.body.small,\n },\n heading: {\n small: normalAmountSizes.body.small,\n medium: normalAmountSizes.body.medium,\n large: normalAmountSizes.body.large,\n xlarge: normalAmountSizes.heading.medium,\n '2xlarge': normalAmountSizes.heading.large,\n },\n display: {\n small: normalAmountSizes.heading.xlarge,\n medium: normalAmountSizes.heading['2xlarge'],\n large: normalAmountSizes.heading['2xlarge'],\n xlarge: normalAmountSizes.display.small,\n },\n};\n\nconst amountLineHeights: Record<\n 'body' | 'heading' | 'display',\n Partial<Record<NonNullable<AmountTypeProps['size']>, keyof Typography['lineHeights']>>\n> = {\n body: {\n xsmall: 25,\n small: 75,\n medium: 100,\n large: 200,\n },\n heading: {\n small: 300,\n medium: 400,\n large: 500,\n xlarge: 600,\n '2xlarge': 700,\n },\n display: {\n small: 800,\n medium: 900,\n large: 1000,\n xlarge: 1100,\n },\n};\n\n// All the supported currency codes are taken from Razorpay's Merchant Dashboard codebase\nconst currencyIndicatorMapping = {\n AED: { 'currency-symbol': 'د.إ', 'currency-code': 'AED' },\n ALL: { 'currency-symbol': 'Lek', 'currency-code': 'ALL' },\n AMD: { 'currency-symbol': '֏', 'currency-code': 'AMD' },\n ARS: { 'currency-symbol': 'ARS', 'currency-code': 'ARS' },\n AUD: { 'currency-symbol': 'A$', 'currency-code': 'AUD' },\n AWG: { 'currency-symbol': 'Afl.', 'currency-code': 'AWG' },\n BBD: { 'currency-symbol': '$', 'currency-code': 'BBD' },\n BDT: { 'currency-symbol': '৳', 'currency-code': 'BDT' },\n BMD: { 'currency-symbol': '$', 'currency-code': 'BMD' },\n BND: { 'currency-symbol': 'BND', 'currency-code': 'BND' },\n BOB: { 'currency-symbol': 'Bs', 'currency-code': 'BOB' },\n BSD: { 'currency-symbol': 'B$', 'currency-code': 'BSD' },\n BWP: { 'currency-symbol': 'P', 'currency-code': 'BWP' },\n BZD: { 'currency-symbol': 'BZ$', 'currency-code': 'BZD' },\n CAD: { 'currency-symbol': 'C$', 'currency-code': 'CAD' },\n CHF: { 'currency-symbol': 'CHf', 'currency-code': 'CHF' },\n CNY: { 'currency-symbol': '¥', 'currency-code': 'CNY' },\n COP: { 'currency-symbol': 'COL$', 'currency-code': 'COP' },\n CRC: { 'currency-symbol': '₡', 'currency-code': 'CRC' },\n CUP: { 'currency-symbol': '$MN', 'currency-code': 'CUP' },\n CZK: { 'currency-symbol': 'Kč', 'currency-code': 'CZK' },\n DKK: { 'currency-symbol': 'DKK', 'currency-code': 'DKK' },\n DOP: { 'currency-symbol': 'RD$', 'currency-code': 'DOP' },\n DZD: { 'currency-symbol': 'د.ج', 'currency-code': 'DZD' },\n EGP: { 'currency-symbol': 'E£', 'currency-code': 'EGP' },\n ETB: { 'currency-symbol': 'ብር', 'currency-code': 'ETB' },\n EUR: { 'currency-symbol': '€', 'currency-code': 'EUR' },\n FJD: { 'currency-symbol': 'FJ$', 'currency-code': 'FJD' },\n GBP: { 'currency-symbol': '£', 'currency-code': 'GBP' },\n GHS: { 'currency-symbol': 'GH₵', 'currency-code': 'GHS' },\n GIP: { 'currency-symbol': 'GIP', 'currency-code': 'GIP' },\n GMD: { 'currency-symbol': 'D', 'currency-code': 'GMD' },\n GTQ: { 'currency-symbol': 'Q', 'currency-code': 'GTQ' },\n GYD: { 'currency-symbol': 'G$', 'currency-code': 'GYD' },\n HKD: { 'currency-symbol': 'HK$', 'currency-code': 'HKD' },\n HNL: { 'currency-symbol': 'HNL', 'currency-code': 'HNL' },\n HRK: { 'currency-symbol': 'kn', 'currency-code': 'HRK' },\n HTG: { 'currency-symbol': 'G', 'currency-code': 'HTG' },\n HUF: { 'currency-symbol': 'Ft', 'currency-code': 'HUF' },\n IDR: { 'currency-symbol': 'Rp', 'currency-code': 'IDR' },\n ILS: { 'currency-symbol': '₪', 'currency-code': 'ILS' },\n INR: { 'currency-symbol': '₹', 'currency-code': 'INR' },\n JMD: { 'currency-symbol': 'J$', 'currency-code': 'JMD' },\n KES: { 'currency-symbol': 'Ksh', 'currency-code': 'KES' },\n KGS: { 'currency-symbol': 'Лв', 'currency-code': 'KGS' },\n KHR: { 'currency-symbol': '៛', 'currency-code': 'KHR' },\n KYD: { 'currency-symbol': 'CI$', 'currency-code': 'KYD' },\n KZT: { 'currency-symbol': '₸', 'currency-code': 'KZT' },\n LAK: { 'currency-symbol': '₭', 'currency-code': 'LAK' },\n LKR: { 'currency-symbol': 'රු', 'currency-code': 'LKR' },\n LRD: { 'currency-symbol': 'L$', 'currency-code': 'LRD' },\n LSL: { 'currency-symbol': 'LSL', 'currency-code': 'LSL' },\n MAD: { 'currency-symbol': 'د.م.', 'currency-code': 'MAD' },\n MDL: { 'currency-symbol': 'MDL', 'currency-code': 'MDL' },\n MKD: { 'currency-symbol': 'ден', 'currency-code': 'MKD' },\n MMK: { 'currency-symbol': 'MMK', 'currency-code': 'MMK' },\n MNT: { 'currency-symbol': '₮', 'currency-code': 'MNT' },\n MOP: { 'currency-symbol': 'MOP$', 'currency-code': 'MOP' },\n MUR: { 'currency-symbol': '₨', 'currency-code': 'MUR' },\n MVR: { 'currency-symbol': 'Rf', 'currency-code': 'MVR' },\n MWK: { 'currency-symbol': 'MK', 'currency-code': 'MWK' },\n MXN: { 'currency-symbol': 'Mex$', 'currency-code': 'MXN' },\n MYR: { 'currency-symbol': 'RM', 'currency-code': 'MYR' },\n NAD: { 'currency-symbol': 'N$', 'currency-code': 'NAD' },\n NGN: { 'currency-symbol': '₦', 'currency-code': 'NGN' },\n NIO: { 'currency-symbol': 'NIO', 'currency-code': 'NIO' },\n NOK: { 'currency-symbol': 'NOK', 'currency-code': 'NOK' },\n NPR: { 'currency-symbol': 'रू', 'currency-code': 'NPR' },\n NZD: { 'currency-symbol': 'NZ$', 'currency-code': 'NZD' },\n PEN: { 'currency-symbol': 'S/', 'currency-code': 'PEN' },\n PGK: { 'currency-symbol': 'PGK', 'currency-code': 'PGK' },\n PHP: { 'currency-symbol': '₱', 'currency-code': 'PHP' },\n PKR: { 'currency-symbol': '₨', 'currency-code': 'PKR' },\n QAR: { 'currency-symbol': 'QR', 'currency-code': 'QAR' },\n RUB: { 'currency-symbol': '₽', 'currency-code': 'RUB' },\n SAR: { 'currency-symbol': 'SR', 'currency-code': 'SAR' },\n SCR: { 'currency-symbol': 'SRe', 'currency-code': 'SCR' },\n SEK: { 'currency-symbol': 'SEK', 'currency-code': 'SEK' },\n SGD: { 'currency-symbol': 'S$', 'currency-code': 'SGD' },\n SLL: { 'currency-symbol': 'Le', 'currency-code': 'SLL' },\n SOS: { 'currency-symbol': 'Sh.so.', 'currency-code': 'SOS' },\n SSP: { 'currency-symbol': 'SS£', 'currency-code': 'SSP' },\n SVC: { 'currency-symbol': '₡', 'currency-code': 'SVC' },\n SZL: { 'currency-symbol': 'E', 'currency-code': 'SZL' },\n THB: { 'currency-symbol': '฿', 'currency-code': 'THB' },\n TTD: { 'currency-symbol': 'TT$', 'currency-code': 'TTD' },\n TZS: { 'currency-symbol': 'Sh', 'currency-code': 'TZS' },\n USD: { 'currency-symbol': '$', 'currency-code': 'USD' },\n UYU: { 'currency-symbol': '$U', 'currency-code': 'UYU' },\n UZS: { 'currency-symbol': \"so'm\", 'currency-code': 'UZS' },\n YER: { 'currency-symbol': '﷼', 'currency-code': 'YER' },\n ZAR: { 'currency-symbol': 'R', 'currency-code': 'ZAR' },\n KWD: { 'currency-symbol': 'د.ك', 'currency-code': 'KWD' },\n BHD: { 'currency-symbol': 'د.ب.', 'currency-code': 'BHD' },\n OMR: { 'currency-symbol': 'ر.ع.', 'currency-code': 'OMR' },\n};\n\ntype CurrencyAbbreviation = {\n value: number;\n symbol: string;\n};\n\ntype Currency = keyof typeof currencyIndicatorMapping;\n\nconst getCurrencyAbbreviations = (currency: Currency): CurrencyAbbreviation[] => {\n if (currency === 'INR') {\n return [\n { value: 1e7, symbol: 'Cr' },\n { value: 1e5, symbol: 'L' },\n { value: 1e3, symbol: 'k' },\n ];\n }\n\n return [\n { value: 1e9, symbol: 'B' },\n { value: 1e6, symbol: 'M' },\n { value: 1e3, symbol: 'K' },\n ];\n};\n\nconst currencyPositionMapping: Record<string, string> = {\n DZD: 'right',\n BHD: 'right',\n OMR: 'right',\n KWD: 'right',\n};\n\nexport {\n subtleFontSizes,\n normalAmountSizes,\n amountLineHeights,\n currencyPositionMapping,\n currencyIndicatorMapping,\n getCurrencyAbbreviations,\n};\n\nexport type { Currency, AmountBodyProps, AmountDisplayProps, AmountHeadingProps, AmountTypeProps };\n"],"names":["normalAmountSizes","body","xsmall","small","medium","large","heading","xlarge","display","subtleFontSizes","amountLineHeights","currencyIndicatorMapping","AED","ALL","AMD","ARS","AUD","AWG","BBD","BDT","BMD","BND","BOB","BSD","BWP","BZD","CAD","CHF","CNY","COP","CRC","CUP","CZK","DKK","DOP","DZD","EGP","ETB","EUR","FJD","GBP","GHS","GIP","GMD","GTQ","GYD","HKD","HNL","HRK","HTG","HUF","IDR","ILS","INR","JMD","KES","KGS","KHR","KYD","KZT","LAK","LKR","LRD","LSL","MAD","MDL","MKD","MMK","MNT","MOP","MUR","MVR","MWK","MXN","MYR","NAD","NGN","NIO","NOK","NPR","NZD","PEN","PGK","PHP","PKR","QAR","RUB","SAR","SCR","SEK","SGD","SLL","SOS","SSP","SVC","SZL","THB","TTD","TZS","USD","UYU","UZS","YER","ZAR","KWD","BHD","OMR","getCurrencyAbbreviations","currency","value","symbol","currencyPositionMapping"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"amountTokens.js","sources":["../../../../../../src/components/Amount/amountTokens.ts"],"sourcesContent":["import type { FontSize, Typography } from '~tokens/global';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\n\ntype AmountSizes = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge';\n\ntype AmountDisplayProps = {\n type?: 'display';\n size?: Extract<AmountSizes, 'small' | 'medium' | 'large' | 'xlarge'>;\n weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;\n};\n\ntype AmountHeadingProps = {\n type?: 'heading';\n size?: Extract<AmountSizes, 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge'>;\n weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'semibold'>;\n};\n\ntype AmountBodyProps = {\n type?: 'body';\n size?: Extract<AmountSizes, 'xsmall' | 'small' | 'medium' | 'large'>;\n weight?: Extract<BaseTextProps['fontWeight'], 'regular' | 'medium' | 'semibold'>;\n};\n\ntype AmountTypeProps = AmountDisplayProps | AmountHeadingProps | AmountBodyProps;\n\nconst normalAmountSizes: Record<\n 'body' | 'heading' | 'display',\n Partial<Record<NonNullable<AmountTypeProps['size']>, keyof FontSize>>\n> = {\n body: {\n xsmall: 25,\n small: 75,\n medium: 100,\n large: 200,\n },\n heading: {\n small: 300,\n medium: 400,\n large: 500,\n xlarge: 600,\n '2xlarge': 700,\n },\n display: {\n small: 800,\n medium: 900,\n large: 1000,\n xlarge: 1100,\n },\n};\n\nconst subtleFontSizes: Record<\n 'body' | 'heading' | 'display',\n Partial<Record<NonNullable<AmountTypeProps['size']>, keyof FontSize>>\n> = {\n body: {\n xsmall: normalAmountSizes.body.xsmall,\n small: normalAmountSizes.body.xsmall,\n medium: normalAmountSizes.body.xsmall,\n large: normalAmountSizes.body.small,\n },\n heading: {\n small: normalAmountSizes.body.small,\n medium: normalAmountSizes.body.medium,\n large: normalAmountSizes.body.large,\n xlarge: normalAmountSizes.heading.medium,\n '2xlarge': normalAmountSizes.heading.large,\n },\n display: {\n small: normalAmountSizes.heading.xlarge,\n medium: normalAmountSizes.heading['2xlarge'],\n large: normalAmountSizes.heading['2xlarge'],\n xlarge: normalAmountSizes.display.small,\n },\n};\n\nconst amountLineHeights: Record<\n 'body' | 'heading' | 'display',\n Partial<Record<NonNullable<AmountTypeProps['size']>, keyof Typography['lineHeights']>>\n> = {\n body: {\n xsmall: 25,\n small: 75,\n medium: 100,\n large: 200,\n },\n heading: {\n small: 300,\n medium: 400,\n large: 500,\n xlarge: 600,\n '2xlarge': 700,\n },\n display: {\n small: 800,\n medium: 900,\n large: 1000,\n xlarge: 1100,\n },\n};\n\nexport { subtleFontSizes, normalAmountSizes, amountLineHeights };\n\nexport type { AmountBodyProps, AmountDisplayProps, AmountHeadingProps, AmountTypeProps };\n"],"names":["normalAmountSizes","body","xsmall","small","medium","large","heading","xlarge","display","subtleFontSizes","amountLineHeights"],"mappings":"AAyBA,IAAMA,iBAGL,GAAG;AACFC,EAAAA,IAAI,EAAE;AACJC,IAAAA,MAAM,EAAE,EAAE;AACVC,IAAAA,KAAK,EAAE,EAAE;AACTC,IAAAA,MAAM,EAAE,GAAG;AACXC,IAAAA,KAAK,EAAE,GAAA;GACR;AACDC,EAAAA,OAAO,EAAE;AACPH,IAAAA,KAAK,EAAE,GAAG;AACVC,IAAAA,MAAM,EAAE,GAAG;AACXC,IAAAA,KAAK,EAAE,GAAG;AACVE,IAAAA,MAAM,EAAE,GAAG;AACX,IAAA,SAAS,EAAE,GAAA;GACZ;AACDC,EAAAA,OAAO,EAAE;AACPL,IAAAA,KAAK,EAAE,GAAG;AACVC,IAAAA,MAAM,EAAE,GAAG;AACXC,IAAAA,KAAK,EAAE,IAAI;AACXE,IAAAA,MAAM,EAAE,IAAA;AACV,GAAA;AACF,EAAC;AAED,IAAME,eAGL,GAAG;AACFR,EAAAA,IAAI,EAAE;AACJC,IAAAA,MAAM,EAAEF,iBAAiB,CAACC,IAAI,CAACC,MAAM;AACrCC,IAAAA,KAAK,EAAEH,iBAAiB,CAACC,IAAI,CAACC,MAAM;AACpCE,IAAAA,MAAM,EAAEJ,iBAAiB,CAACC,IAAI,CAACC,MAAM;AACrCG,IAAAA,KAAK,EAAEL,iBAAiB,CAACC,IAAI,CAACE,KAAAA;GAC/B;AACDG,EAAAA,OAAO,EAAE;AACPH,IAAAA,KAAK,EAAEH,iBAAiB,CAACC,IAAI,CAACE,KAAK;AACnCC,IAAAA,MAAM,EAAEJ,iBAAiB,CAACC,IAAI,CAACG,MAAM;AACrCC,IAAAA,KAAK,EAAEL,iBAAiB,CAACC,IAAI,CAACI,KAAK;AACnCE,IAAAA,MAAM,EAAEP,iBAAiB,CAACM,OAAO,CAACF,MAAM;AACxC,IAAA,SAAS,EAAEJ,iBAAiB,CAACM,OAAO,CAACD,KAAAA;GACtC;AACDG,EAAAA,OAAO,EAAE;AACPL,IAAAA,KAAK,EAAEH,iBAAiB,CAACM,OAAO,CAACC,MAAM;AACvCH,IAAAA,MAAM,EAAEJ,iBAAiB,CAACM,OAAO,CAAC,SAAS,CAAC;AAC5CD,IAAAA,KAAK,EAAEL,iBAAiB,CAACM,OAAO,CAAC,SAAS,CAAC;AAC3CC,IAAAA,MAAM,EAAEP,iBAAiB,CAACQ,OAAO,CAACL,KAAAA;AACpC,GAAA;AACF,EAAC;AAED,IAAMO,iBAGL,GAAG;AACFT,EAAAA,IAAI,EAAE;AACJC,IAAAA,MAAM,EAAE,EAAE;AACVC,IAAAA,KAAK,EAAE,EAAE;AACTC,IAAAA,MAAM,EAAE,GAAG;AACXC,IAAAA,KAAK,EAAE,GAAA;GACR;AACDC,EAAAA,OAAO,EAAE;AACPH,IAAAA,KAAK,EAAE,GAAG;AACVC,IAAAA,MAAM,EAAE,GAAG;AACXC,IAAAA,KAAK,EAAE,GAAG;AACVE,IAAAA,MAAM,EAAE,GAAG;AACX,IAAA,SAAS,EAAE,GAAA;GACZ;AACDC,EAAAA,OAAO,EAAE;AACPL,IAAAA,KAAK,EAAE,GAAG;AACVC,IAAAA,MAAM,EAAE,GAAG;AACXC,IAAAA,KAAK,EAAE,IAAI;AACXE,IAAAA,MAAM,EAAE,IAAA;AACV,GAAA;AACF;;;;"}
|
|
@@ -241,7 +241,7 @@ var _Dropdown = function _Dropdown(_ref) {
|
|
|
241
241
|
if (!target || !dropdown) {
|
|
242
242
|
return;
|
|
243
243
|
}
|
|
244
|
-
var isOutsideClick = !dropdown.contains(target) && !((_isTagDismissedRef$cu = isTagDismissedRef.current) !== null && _isTagDismissedRef$cu !== void 0 && _isTagDismissedRef$cu.value);
|
|
244
|
+
var isOutsideClick = !dropdown.contains(target) && !((_isTagDismissedRef$cu = isTagDismissedRef.current) !== null && _isTagDismissedRef$cu !== void 0 && _isTagDismissedRef$cu.value) && document.body.contains(target);
|
|
245
245
|
var isDropdownOpenState = isDropdownOpenRef.current;
|
|
246
246
|
if (isOutsideClick && isDropdownOpenState) {
|
|
247
247
|
close();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sources":["../../../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownContext } from './useDropdown';\nimport type { DropdownContextType } from './useDropdown';\nimport type { DropdownProps } from './types';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { useId } from '~utils/useId';\nimport { ComponentIds as bottomSheetComponentIds } from '~components/BottomSheet/componentIds';\nimport { BottomSheetAndDropdownGlueContext } from '~components/BottomSheet/BottomSheetContext';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { isReactNative } from '~utils';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { throwBladeError } from '~utils/logger';\nimport type { ContainerElementType } from '~utils/types';\nimport { useControllableState } from '~utils/useControllable';\n\nconst validDropdownChildren = [\n dropdownComponentIds.triggers.SelectInput,\n dropdownComponentIds.triggers.DropdownButton,\n dropdownComponentIds.triggers.DropdownLink,\n dropdownComponentIds.DropdownOverlay,\n dropdownComponentIds.triggers.AutoComplete,\n bottomSheetComponentIds.BottomSheet,\n];\n\n/**\n * ### Dropdown component\n *\n * Dropdown component is generic component that controls the dropdown functionality.\n * It can be used with multiple triggers and mostly contains ActionList component inside it\n *\n * ---\n *\n * #### Usage\n *\n * ```jsx\n * <Dropdown selectionType=\"single\">\n * <SelectInput />\n * <DropdownOverlay>\n * <ActionList>\n * <ActionListItem />\n * <ActionListItem />\n * </ActionList>\n * </DropdownOverlay>\n * </Dropdown>\n * ```\n *\n * ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-select--with-single-select Dropdown Documentation}\n */\nconst _Dropdown = ({\n children,\n isOpen: isOpenControlled,\n onOpenChange,\n selectionType = 'single',\n testID,\n ...styledProps\n}: DropdownProps): React.ReactElement => {\n const [options, setOptions] = React.useState<DropdownContextType['options']>([]);\n const [filteredValues, setFilteredValues] = React.useState<string[]>([]);\n const [selectedIndices, setSelectedIndices] = React.useState<\n DropdownContextType['selectedIndices']\n >([]);\n const [controlledValueIndices, setControlledValueIndices] = React.useState<\n DropdownContextType['selectedIndices']\n >([]);\n const [activeIndex, setActiveIndex] = React.useState(-1);\n const [activeTagIndex, setActiveTagIndex] = React.useState(-1);\n const [shouldIgnoreBlurAnimation, setShouldIgnoreBlurAnimation] = React.useState(false);\n const [hasFooterAction, setHasFooterAction] = React.useState(false);\n const [\n hasAutoCompleteInBottomSheetHeader,\n setHasAutoCompleteInBottomSheetHeader,\n ] = React.useState(false);\n const [isKeydownPressed, setIsKeydownPressed] = React.useState(false);\n const [changeCallbackTriggerer, setChangeCallbackTriggerer] = React.useState<\n DropdownContextType['changeCallbackTriggerer']\n >(0);\n const [isControlled, setIsControlled] = React.useState(false);\n // keep track if dropdown contains bottomsheet\n const [dropdownHasBottomSheet, setDropdownHasBottomSheet] = React.useState(false);\n\n /**\n * In inputs, actual input is smaller than the visible input wrapper.\n * You can set this reference in such cases so floating ui calculations happen correctly\n * */\n const triggererWrapperRef = React.useRef<ContainerElementType>(null);\n const triggererRef = React.useRef<HTMLButtonElement>(null);\n const actionListItemRef = React.useRef<HTMLDivElement>(null);\n const dropdownTriggerer = React.useRef<DropdownContextType['dropdownTriggerer']>();\n const isTagDismissedRef = React.useRef<{ value: boolean } | null>({ value: false });\n const visibleTagsCountRef = React.useRef<{ value: number }>({ value: 0 });\n const dropdownContainerRef = React.useRef<HTMLDivElement>(null);\n\n const dropdownBaseId = useId('dropdown');\n const isDropdownOpenRef = React.useRef(isOpenControlled);\n\n const [isDropdownOpen, setIsDropdownOpen] = useControllableState({\n value: isOpenControlled,\n defaultValue: false,\n onChange: (isOpenControlledValue) => {\n isDropdownOpenRef.current = isOpenControlledValue;\n onOpenChange?.(isOpenControlledValue);\n },\n });\n\n isDropdownOpenRef.current = isDropdownOpen;\n\n const setIsOpen = (isOpenValue: boolean): void => {\n isDropdownOpenRef.current = isOpenValue;\n setIsDropdownOpen(() => isOpenValue);\n };\n\n const close = React.useCallback(() => {\n setActiveTagIndex(-1);\n setIsOpen(false);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n React.Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n if (__DEV__) {\n if (!validDropdownChildren.includes(getComponentId(child) ?? '')) {\n throwBladeError({\n message: `Dropdown can only have one of following elements as children - \\n\\n ${validDropdownChildren.join(\n ', ',\n )} \\n\\n Check out: https://blade.razorpay.com/?path=/story/components-dropdown`,\n moduleName: 'Dropdown',\n });\n }\n }\n\n if (isValidAllowedChildren(child, dropdownComponentIds.triggers.SelectInput)) {\n dropdownTriggerer.current = 'SelectInput';\n }\n\n if (isValidAllowedChildren(child, dropdownComponentIds.triggers.DropdownButton)) {\n dropdownTriggerer.current = 'DropdownButton';\n }\n\n if (isValidAllowedChildren(child, dropdownComponentIds.triggers.AutoComplete)) {\n dropdownTriggerer.current = 'AutoComplete';\n }\n }\n });\n\n const contextValue = React.useMemo<DropdownContextType>(\n () => ({\n isOpen: isDropdownOpen,\n setIsOpen,\n close,\n selectedIndices,\n setSelectedIndices,\n controlledValueIndices,\n setControlledValueIndices,\n options,\n setOptions,\n filteredValues,\n setFilteredValues,\n activeIndex,\n setActiveIndex,\n activeTagIndex,\n setActiveTagIndex,\n visibleTagsCountRef,\n shouldIgnoreBlurAnimation,\n setShouldIgnoreBlurAnimation,\n isKeydownPressed,\n setIsKeydownPressed,\n dropdownBaseId,\n triggererRef,\n triggererWrapperRef,\n actionListItemRef,\n selectionType,\n hasFooterAction,\n setHasFooterAction,\n hasAutoCompleteInBottomSheetHeader,\n setHasAutoCompleteInBottomSheetHeader,\n dropdownTriggerer: dropdownTriggerer.current,\n changeCallbackTriggerer,\n setChangeCallbackTriggerer,\n isControlled,\n setIsControlled,\n isTagDismissedRef,\n }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [\n isDropdownOpen,\n isOpenControlled,\n selectedIndices,\n controlledValueIndices,\n options,\n filteredValues,\n activeIndex,\n activeTagIndex,\n shouldIgnoreBlurAnimation,\n selectionType,\n hasFooterAction,\n isKeydownPressed,\n changeCallbackTriggerer,\n isControlled,\n ],\n );\n\n const BottomSheetAndDropdownGlueContextValue = React.useMemo((): BottomSheetAndDropdownGlueContext => {\n return {\n isOpen: isDropdownOpen,\n dropdownHasBottomSheet,\n hasAutoCompleteInBottomSheetHeader,\n setDropdownHasBottomSheet,\n // This is the dismiss function which will be injected into the BottomSheet\n // Basically <BottomSheet onDismiss={onBottomSheetDismiss} />\n onBottomSheetDismiss: close,\n };\n }, [dropdownHasBottomSheet, hasAutoCompleteInBottomSheetHeader, isDropdownOpen, close]);\n\n React.useEffect((): (() => void) | undefined => {\n if (!isReactNative()) {\n const dropdown = dropdownContainerRef.current;\n\n const documentClickHandler = (e: MouseEvent): void => {\n const target = e.target as HTMLDivElement;\n\n if (!target || !dropdown) {\n return;\n }\n\n const isOutsideClick = !dropdown.contains(target) && !isTagDismissedRef.current?.value;\n\n const isDropdownOpenState = isDropdownOpenRef.current;\n if (isOutsideClick && isDropdownOpenState) {\n close();\n }\n\n if (isTagDismissedRef.current?.value) {\n isTagDismissedRef.current.value = false;\n }\n };\n\n const documentFocusHandler = (e: FocusEvent): void => {\n const target = e.relatedTarget as HTMLDivElement;\n setActiveIndex(-1);\n\n if (!dropdown || !target) {\n return;\n }\n\n if (!dropdown.contains(target)) {\n close();\n }\n };\n\n document.addEventListener('click', documentClickHandler);\n document.addEventListener('focusout', documentFocusHandler);\n\n return (): void => {\n document.removeEventListener('click', documentClickHandler);\n document.removeEventListener('focusout', documentFocusHandler);\n };\n }\n\n return undefined;\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return (\n <BottomSheetAndDropdownGlueContext.Provider value={BottomSheetAndDropdownGlueContextValue}>\n <DropdownContext.Provider value={contextValue}>\n <BaseBox\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref={dropdownContainerRef as any}\n {...metaAttribute({ name: MetaConstants.Dropdown, testID })}\n {...getStyledProps(styledProps)}\n >\n <BaseBox position=\"relative\" textAlign={'left' as never}>\n {children}\n </BaseBox>\n </BaseBox>\n </DropdownContext.Provider>\n </BottomSheetAndDropdownGlueContext.Provider>\n );\n};\n\nconst Dropdown = assignWithoutSideEffects(_Dropdown, {\n componentId: dropdownComponentIds.Dropdown,\n});\n\nexport { Dropdown };\n"],"names":["validDropdownChildren","dropdownComponentIds","triggers","SelectInput","DropdownButton","DropdownLink","DropdownOverlay","AutoComplete","bottomSheetComponentIds","BottomSheet","_Dropdown","_ref","children","isOpenControlled","isOpen","onOpenChange","_ref$selectionType","selectionType","testID","styledProps","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","options","setOptions","_React$useState3","_React$useState4","filteredValues","setFilteredValues","_React$useState5","_React$useState6","selectedIndices","setSelectedIndices","_React$useState7","_React$useState8","controlledValueIndices","setControlledValueIndices","_React$useState9","_React$useState10","activeIndex","setActiveIndex","_React$useState11","_React$useState12","activeTagIndex","setActiveTagIndex","_React$useState13","_React$useState14","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","_React$useState15","_React$useState16","hasFooterAction","setHasFooterAction","_React$useState17","_React$useState18","hasAutoCompleteInBottomSheetHeader","setHasAutoCompleteInBottomSheetHeader","_React$useState19","_React$useState20","isKeydownPressed","setIsKeydownPressed","_React$useState21","_React$useState22","changeCallbackTriggerer","setChangeCallbackTriggerer","_React$useState23","_React$useState24","isControlled","setIsControlled","_React$useState25","_React$useState26","dropdownHasBottomSheet","setDropdownHasBottomSheet","triggererWrapperRef","useRef","triggererRef","actionListItemRef","dropdownTriggerer","isTagDismissedRef","value","visibleTagsCountRef","dropdownContainerRef","dropdownBaseId","useId","isDropdownOpenRef","_useControllableState","useControllableState","defaultValue","onChange","isOpenControlledValue","current","_useControllableState2","isDropdownOpen","setIsDropdownOpen","setIsOpen","isOpenValue","close","useCallback","Children","map","child","isValidElement","_getComponentId","includes","getComponentId","throwBladeError","message","concat","join","moduleName","isValidAllowedChildren","contextValue","useMemo","BottomSheetAndDropdownGlueContextValue","onBottomSheetDismiss","useEffect","isReactNative","dropdown","documentClickHandler","e","_isTagDismissedRef$cu","_isTagDismissedRef$cu2","target","isOutsideClick","contains","isDropdownOpenState","documentFocusHandler","relatedTarget","document","addEventListener","removeEventListener","undefined","_jsx","BottomSheetAndDropdownGlueContext","Provider","DropdownContext","BaseBox","_objectSpread","ref","metaAttribute","name","MetaConstants","Dropdown","getStyledProps","position","textAlign","assignWithoutSideEffects","componentId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,IAAMA,qBAAqB,GAAG,CAC5BC,oBAAoB,CAACC,QAAQ,CAACC,WAAW,EACzCF,oBAAoB,CAACC,QAAQ,CAACE,cAAc,EAC5CH,oBAAoB,CAACC,QAAQ,CAACG,YAAY,EAC1CJ,oBAAoB,CAACK,eAAe,EACpCL,oBAAoB,CAACC,QAAQ,CAACK,YAAY,EAC1CC,YAAuB,CAACC,WAAW,CACpC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAO0B;AAAA,EAAA,IANvCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACAC,gBAAgB,GAAAF,IAAA,CAAxBG,MAAM;IACNC,YAAY,GAAAJ,IAAA,CAAZI,YAAY;IAAAC,kBAAA,GAAAL,IAAA,CACZM,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,kBAAA;IACxBE,MAAM,GAAAP,IAAA,CAANO,MAAM;AACHC,IAAAA,WAAW,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA,CAAA;AAEd,EAAA,IAAAC,eAAA,GAA8BC,cAAK,CAACC,QAAQ,CAAiC,EAAE,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAJ,eAAA,EAAA,CAAA,CAAA;AAAzEK,IAAAA,OAAO,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,UAAU,GAAAH,gBAAA,CAAA,CAAA,CAAA,CAAA;AAC1B,EAAA,IAAAI,gBAAA,GAA4CN,cAAK,CAACC,QAAQ,CAAW,EAAE,CAAC;IAAAM,gBAAA,GAAAJ,cAAA,CAAAG,gBAAA,EAAA,CAAA,CAAA;AAAjEE,IAAAA,cAAc,GAAAD,gBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,iBAAiB,GAAAF,gBAAA,CAAA,CAAA,CAAA,CAAA;AACxC,EAAA,IAAAG,gBAAA,GAA8CV,cAAK,CAACC,QAAQ,CAE1D,EAAE,CAAC;IAAAU,gBAAA,GAAAR,cAAA,CAAAO,gBAAA,EAAA,CAAA,CAAA;AAFEE,IAAAA,eAAe,GAAAD,gBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,kBAAkB,GAAAF,gBAAA,CAAA,CAAA,CAAA,CAAA;AAG1C,EAAA,IAAAG,gBAAA,GAA4Dd,cAAK,CAACC,QAAQ,CAExE,EAAE,CAAC;IAAAc,gBAAA,GAAAZ,cAAA,CAAAW,gBAAA,EAAA,CAAA,CAAA;AAFEE,IAAAA,sBAAsB,GAAAD,gBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,yBAAyB,GAAAF,gBAAA,CAAA,CAAA,CAAA,CAAA;EAGxD,IAAAG,gBAAA,GAAsClB,cAAK,CAACC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAAAkB,iBAAA,GAAAhB,cAAA,CAAAe,gBAAA,EAAA,CAAA,CAAA;AAAjDE,IAAAA,WAAW,GAAAD,iBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,cAAc,GAAAF,iBAAA,CAAA,CAAA,CAAA,CAAA;EAClC,IAAAG,iBAAA,GAA4CtB,cAAK,CAACC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAAAsB,iBAAA,GAAApB,cAAA,CAAAmB,iBAAA,EAAA,CAAA,CAAA;AAAvDE,IAAAA,cAAc,GAAAD,iBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,iBAAiB,GAAAF,iBAAA,CAAA,CAAA,CAAA,CAAA;AACxC,EAAA,IAAAG,iBAAA,GAAkE1B,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAA0B,iBAAA,GAAAxB,cAAA,CAAAuB,iBAAA,EAAA,CAAA,CAAA;AAAhFE,IAAAA,yBAAyB,GAAAD,iBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,4BAA4B,GAAAF,iBAAA,CAAA,CAAA,CAAA,CAAA;AAC9D,EAAA,IAAAG,iBAAA,GAA8C9B,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAA8B,iBAAA,GAAA5B,cAAA,CAAA2B,iBAAA,EAAA,CAAA,CAAA;AAA5DE,IAAAA,eAAe,GAAAD,iBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,kBAAkB,GAAAF,iBAAA,CAAA,CAAA,CAAA,CAAA;AAC1C,EAAA,IAAAG,iBAAA,GAGIlC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAAkC,iBAAA,GAAAhC,cAAA,CAAA+B,iBAAA,EAAA,CAAA,CAAA;AAFvBE,IAAAA,kCAAkC,GAAAD,iBAAA,CAAA,CAAA,CAAA;AAClCE,IAAAA,qCAAqC,GAAAF,iBAAA,CAAA,CAAA,CAAA,CAAA;AAEvC,EAAA,IAAAG,iBAAA,GAAgDtC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAAsC,iBAAA,GAAApC,cAAA,CAAAmC,iBAAA,EAAA,CAAA,CAAA;AAA9DE,IAAAA,gBAAgB,GAAAD,iBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,mBAAmB,GAAAF,iBAAA,CAAA,CAAA,CAAA,CAAA;AAC5C,EAAA,IAAAG,iBAAA,GAA8D1C,cAAK,CAACC,QAAQ,CAE1E,CAAC,CAAC;IAAA0C,iBAAA,GAAAxC,cAAA,CAAAuC,iBAAA,EAAA,CAAA,CAAA;AAFGE,IAAAA,uBAAuB,GAAAD,iBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,0BAA0B,GAAAF,iBAAA,CAAA,CAAA,CAAA,CAAA;AAG1D,EAAA,IAAAG,iBAAA,GAAwC9C,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAA8C,iBAAA,GAAA5C,cAAA,CAAA2C,iBAAA,EAAA,CAAA,CAAA;AAAtDE,IAAAA,YAAY,GAAAD,iBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,eAAe,GAAAF,iBAAA,CAAA,CAAA,CAAA,CAAA;AACpC;AACA,EAAA,IAAAG,iBAAA,GAA4DlD,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAAkD,iBAAA,GAAAhD,cAAA,CAAA+C,iBAAA,EAAA,CAAA,CAAA;AAA1EE,IAAAA,sBAAsB,GAAAD,iBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,yBAAyB,GAAAF,iBAAA,CAAA,CAAA,CAAA,CAAA;;AAExD;AACF;AACA;AACA;AACE,EAAA,IAAMG,mBAAmB,GAAGtD,cAAK,CAACuD,MAAM,CAAuB,IAAI,CAAC,CAAA;AACpE,EAAA,IAAMC,YAAY,GAAGxD,cAAK,CAACuD,MAAM,CAAoB,IAAI,CAAC,CAAA;AAC1D,EAAA,IAAME,iBAAiB,GAAGzD,cAAK,CAACuD,MAAM,CAAiB,IAAI,CAAC,CAAA;AAC5D,EAAA,IAAMG,iBAAiB,GAAG1D,cAAK,CAACuD,MAAM,EAA4C,CAAA;AAClF,EAAA,IAAMI,iBAAiB,GAAG3D,cAAK,CAACuD,MAAM,CAA4B;AAAEK,IAAAA,KAAK,EAAE,KAAA;AAAM,GAAC,CAAC,CAAA;AACnF,EAAA,IAAMC,mBAAmB,GAAG7D,cAAK,CAACuD,MAAM,CAAoB;AAAEK,IAAAA,KAAK,EAAE,CAAA;AAAE,GAAC,CAAC,CAAA;AACzE,EAAA,IAAME,oBAAoB,GAAG9D,cAAK,CAACuD,MAAM,CAAiB,IAAI,CAAC,CAAA;AAE/D,EAAA,IAAMQ,cAAc,GAAGC,KAAK,CAAC,UAAU,CAAC,CAAA;AACxC,EAAA,IAAMC,iBAAiB,GAAGjE,cAAK,CAACuD,MAAM,CAACjE,gBAAgB,CAAC,CAAA;EAExD,IAAA4E,qBAAA,GAA4CC,oBAAoB,CAAC;AAC/DP,MAAAA,KAAK,EAAEtE,gBAAgB;AACvB8E,MAAAA,YAAY,EAAE,KAAK;AACnBC,MAAAA,QAAQ,EAAE,SAAAA,QAACC,CAAAA,qBAAqB,EAAK;QACnCL,iBAAiB,CAACM,OAAO,GAAGD,qBAAqB,CAAA;AACjD9E,QAAAA,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAY,CAAG8E,qBAAqB,CAAC,CAAA;AACvC,OAAA;AACF,KAAC,CAAC;IAAAE,sBAAA,GAAArE,cAAA,CAAA+D,qBAAA,EAAA,CAAA,CAAA;AAPKO,IAAAA,cAAc,GAAAD,sBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,iBAAiB,GAAAF,sBAAA,CAAA,CAAA,CAAA,CAAA;EASxCP,iBAAiB,CAACM,OAAO,GAAGE,cAAc,CAAA;AAE1C,EAAA,IAAME,SAAS,GAAG,SAAZA,SAASA,CAAIC,WAAoB,EAAW;IAChDX,iBAAiB,CAACM,OAAO,GAAGK,WAAW,CAAA;AACvCF,IAAAA,iBAAiB,CAAC,YAAA;AAAA,MAAA,OAAME,WAAW,CAAA;KAAC,CAAA,CAAA;GACrC,CAAA;AAED,EAAA,IAAMC,KAAK,GAAG7E,cAAK,CAAC8E,WAAW,CAAC,YAAM;IACpCrD,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAA;IACrBkD,SAAS,CAAC,KAAK,CAAC,CAAA;AAChB;GACD,EAAE,EAAE,CAAC,CAAA;EAEN3E,cAAK,CAAC+E,QAAQ,CAACC,GAAG,CAAC3F,QAAQ,EAAE,UAAC4F,KAAK,EAAK;AACtC,IAAA,kBAAIjF,cAAK,CAACkF,cAAc,CAACD,KAAK,CAAC,EAAE;AAC/B,MAAA,IAAI,IAAO,EAAE;AAAA,QAAA,IAAAE,eAAA,CAAA;AACX,QAAA,IAAI,CAAC1G,qBAAqB,CAAC2G,QAAQ,CAAAD,CAAAA,eAAA,GAACE,cAAc,CAACJ,KAAK,CAAC,cAAAE,eAAA,KAAA,KAAA,CAAA,GAAAA,eAAA,GAAI,EAAE,CAAC,EAAE;AAChEG,UAAAA,eAAe,CAAC;YACdC,OAAO,EAAA,sEAAA,CAAAC,MAAA,CAAyE/G,qBAAqB,CAACgH,IAAI,CACxG,IACF,CAAC,EAA8E,8EAAA,CAAA;AAC/EC,YAAAA,UAAU,EAAE,UAAA;AACd,WAAC,CAAC,CAAA;AACJ,SAAA;AACF,OAAA;MAEA,IAAIC,sBAAsB,CAACV,KAAK,EAAEvG,oBAAoB,CAACC,QAAQ,CAACC,WAAW,CAAC,EAAE;QAC5E8E,iBAAiB,CAACa,OAAO,GAAG,aAAa,CAAA;AAC3C,OAAA;MAEA,IAAIoB,sBAAsB,CAACV,KAAK,EAAEvG,oBAAoB,CAACC,QAAQ,CAACE,cAAc,CAAC,EAAE;QAC/E6E,iBAAiB,CAACa,OAAO,GAAG,gBAAgB,CAAA;AAC9C,OAAA;MAEA,IAAIoB,sBAAsB,CAACV,KAAK,EAAEvG,oBAAoB,CAACC,QAAQ,CAACK,YAAY,CAAC,EAAE;QAC7E0E,iBAAiB,CAACa,OAAO,GAAG,cAAc,CAAA;AAC5C,OAAA;AACF,KAAA;AACF,GAAC,CAAC,CAAA;AAEF,EAAA,IAAMqB,YAAY,GAAG5F,cAAK,CAAC6F,OAAO,CAChC,YAAA;IAAA,OAAO;AACLtG,MAAAA,MAAM,EAAEkF,cAAc;AACtBE,MAAAA,SAAS,EAATA,SAAS;AACTE,MAAAA,KAAK,EAALA,KAAK;AACLjE,MAAAA,eAAe,EAAfA,eAAe;AACfC,MAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBG,MAAAA,sBAAsB,EAAtBA,sBAAsB;AACtBC,MAAAA,yBAAyB,EAAzBA,yBAAyB;AACzBb,MAAAA,OAAO,EAAPA,OAAO;AACPC,MAAAA,UAAU,EAAVA,UAAU;AACVG,MAAAA,cAAc,EAAdA,cAAc;AACdC,MAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBW,MAAAA,WAAW,EAAXA,WAAW;AACXC,MAAAA,cAAc,EAAdA,cAAc;AACdG,MAAAA,cAAc,EAAdA,cAAc;AACdC,MAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBoC,MAAAA,mBAAmB,EAAnBA,mBAAmB;AACnBjC,MAAAA,yBAAyB,EAAzBA,yBAAyB;AACzBC,MAAAA,4BAA4B,EAA5BA,4BAA4B;AAC5BW,MAAAA,gBAAgB,EAAhBA,gBAAgB;AAChBC,MAAAA,mBAAmB,EAAnBA,mBAAmB;AACnBsB,MAAAA,cAAc,EAAdA,cAAc;AACdP,MAAAA,YAAY,EAAZA,YAAY;AACZF,MAAAA,mBAAmB,EAAnBA,mBAAmB;AACnBG,MAAAA,iBAAiB,EAAjBA,iBAAiB;AACjB/D,MAAAA,aAAa,EAAbA,aAAa;AACbsC,MAAAA,eAAe,EAAfA,eAAe;AACfC,MAAAA,kBAAkB,EAAlBA,kBAAkB;AAClBG,MAAAA,kCAAkC,EAAlCA,kCAAkC;AAClCC,MAAAA,qCAAqC,EAArCA,qCAAqC;MACrCqB,iBAAiB,EAAEA,iBAAiB,CAACa,OAAO;AAC5C3B,MAAAA,uBAAuB,EAAvBA,uBAAuB;AACvBC,MAAAA,0BAA0B,EAA1BA,0BAA0B;AAC1BG,MAAAA,YAAY,EAAZA,YAAY;AACZC,MAAAA,eAAe,EAAfA,eAAe;AACfU,MAAAA,iBAAiB,EAAjBA,iBAAAA;KACD,CAAA;GAAC;AACF;AACA,EAAA,CACEc,cAAc,EACdnF,gBAAgB,EAChBsB,eAAe,EACfI,sBAAsB,EACtBZ,OAAO,EACPI,cAAc,EACdY,WAAW,EACXI,cAAc,EACdI,yBAAyB,EACzBlC,aAAa,EACbsC,eAAe,EACfQ,gBAAgB,EAChBI,uBAAuB,EACvBI,YAAY,CAEhB,CAAC,CAAA;AAED,EAAA,IAAM8C,sCAAsC,GAAG9F,cAAK,CAAC6F,OAAO,CAAC,YAAyC;IACpG,OAAO;AACLtG,MAAAA,MAAM,EAAEkF,cAAc;AACtBrB,MAAAA,sBAAsB,EAAtBA,sBAAsB;AACtBhB,MAAAA,kCAAkC,EAAlCA,kCAAkC;AAClCiB,MAAAA,yBAAyB,EAAzBA,yBAAyB;AACzB;AACA;AACA0C,MAAAA,oBAAoB,EAAElB,KAAAA;KACvB,CAAA;GACF,EAAE,CAACzB,sBAAsB,EAAEhB,kCAAkC,EAAEqC,cAAc,EAAEI,KAAK,CAAC,CAAC,CAAA;EAEvF7E,cAAK,CAACgG,SAAS,CAAC,YAAgC;AAC9C,IAAA,IAAI,CAACC,aAAa,EAAE,EAAE;AACpB,MAAA,IAAMC,QAAQ,GAAGpC,oBAAoB,CAACS,OAAO,CAAA;AAE7C,MAAA,IAAM4B,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,CAAa,EAAW;QAAA,IAAAC,qBAAA,EAAAC,sBAAA,CAAA;AACpD,QAAA,IAAMC,MAAM,GAAGH,CAAC,CAACG,MAAwB,CAAA;AAEzC,QAAA,IAAI,CAACA,MAAM,IAAI,CAACL,QAAQ,EAAE;AACxB,UAAA,OAAA;AACF,SAAA;QAEA,IAAMM,cAAc,GAAG,CAACN,QAAQ,CAACO,QAAQ,CAACF,MAAM,CAAC,IAAI,GAAAF,qBAAA,GAAC1C,iBAAiB,CAACY,OAAO,cAAA8B,qBAAA,KAAA,KAAA,CAAA,IAAzBA,qBAAA,CAA2BzC,KAAK,CAAA,CAAA;AAEtF,QAAA,IAAM8C,mBAAmB,GAAGzC,iBAAiB,CAACM,OAAO,CAAA;QACrD,IAAIiC,cAAc,IAAIE,mBAAmB,EAAE;AACzC7B,UAAAA,KAAK,EAAE,CAAA;AACT,SAAA;QAEA,IAAAyB,CAAAA,sBAAA,GAAI3C,iBAAiB,CAACY,OAAO,MAAA+B,IAAAA,IAAAA,sBAAA,KAAzBA,KAAAA,CAAAA,IAAAA,sBAAA,CAA2B1C,KAAK,EAAE;AACpCD,UAAAA,iBAAiB,CAACY,OAAO,CAACX,KAAK,GAAG,KAAK,CAAA;AACzC,SAAA;OACD,CAAA;AAED,MAAA,IAAM+C,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIP,CAAa,EAAW;AACpD,QAAA,IAAMG,MAAM,GAAGH,CAAC,CAACQ,aAA+B,CAAA;QAChDvF,cAAc,CAAC,CAAC,CAAC,CAAC,CAAA;AAElB,QAAA,IAAI,CAAC6E,QAAQ,IAAI,CAACK,MAAM,EAAE;AACxB,UAAA,OAAA;AACF,SAAA;AAEA,QAAA,IAAI,CAACL,QAAQ,CAACO,QAAQ,CAACF,MAAM,CAAC,EAAE;AAC9B1B,UAAAA,KAAK,EAAE,CAAA;AACT,SAAA;OACD,CAAA;AAEDgC,MAAAA,QAAQ,CAACC,gBAAgB,CAAC,OAAO,EAAEX,oBAAoB,CAAC,CAAA;AACxDU,MAAAA,QAAQ,CAACC,gBAAgB,CAAC,UAAU,EAAEH,oBAAoB,CAAC,CAAA;AAE3D,MAAA,OAAO,YAAY;AACjBE,QAAAA,QAAQ,CAACE,mBAAmB,CAAC,OAAO,EAAEZ,oBAAoB,CAAC,CAAA;AAC3DU,QAAAA,QAAQ,CAACE,mBAAmB,CAAC,UAAU,EAAEJ,oBAAoB,CAAC,CAAA;OAC/D,CAAA;AACH,KAAA;AAEA,IAAA,OAAOK,SAAS,CAAA;AAChB;GACD,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,oBACEC,GAAA,CAACC,iCAAiC,CAACC,QAAQ,EAAA;AAACvD,IAAAA,KAAK,EAAEkC,sCAAuC;AAAAzG,IAAAA,QAAA,eACxF4H,GAAA,CAACG,eAAe,CAACD,QAAQ,EAAA;AAACvD,MAAAA,KAAK,EAAEgC,YAAa;MAAAvG,QAAA,eAC5C4H,GAAA,CAACI,OAAAA;AACC;AAAA,QAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACAC,QAAAA,GAAG,EAAEzD,oBAAAA;AAA4B,OAAA,EAC7B0D,aAAa,CAAC;QAAEC,IAAI,EAAEC,aAAa,CAACC,QAAQ;AAAEhI,QAAAA,MAAM,EAANA,MAAAA;AAAO,OAAC,CAAC,CAAA,EACvDiI,cAAc,CAAChI,WAAW,CAAC,CAAA,EAAA,EAAA,EAAA;QAAAP,QAAA,eAE/B4H,GAAA,CAACI,OAAO,EAAA;AAACQ,UAAAA,QAAQ,EAAC,UAAU;AAACC,UAAAA,SAAS,EAAE,MAAgB;AAAAzI,UAAAA,QAAA,EACrDA,QAAAA;SACM,CAAA;OACF,CAAA,CAAA;KACe,CAAA;AAAC,GACe,CAAC,CAAA;AAEjD,CAAC,CAAA;AAED,IAAMsI,QAAQ,gBAAGI,wBAAwB,CAAC5I,SAAS,EAAE;EACnD6I,WAAW,EAAEtJ,oBAAoB,CAACiJ,QAAAA;AACpC,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sources":["../../../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownContext } from './useDropdown';\nimport type { DropdownContextType } from './useDropdown';\nimport type { DropdownProps } from './types';\nimport { dropdownComponentIds } from './dropdownComponentIds';\nimport { useId } from '~utils/useId';\nimport { ComponentIds as bottomSheetComponentIds } from '~components/BottomSheet/componentIds';\nimport { BottomSheetAndDropdownGlueContext } from '~components/BottomSheet/BottomSheetContext';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport BaseBox from '~components/Box/BaseBox';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getComponentId, isValidAllowedChildren } from '~utils/isValidAllowedChildren';\nimport { isReactNative } from '~utils';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { throwBladeError } from '~utils/logger';\nimport type { ContainerElementType } from '~utils/types';\nimport { useControllableState } from '~utils/useControllable';\n\nconst validDropdownChildren = [\n dropdownComponentIds.triggers.SelectInput,\n dropdownComponentIds.triggers.DropdownButton,\n dropdownComponentIds.triggers.DropdownLink,\n dropdownComponentIds.DropdownOverlay,\n dropdownComponentIds.triggers.AutoComplete,\n bottomSheetComponentIds.BottomSheet,\n];\n\n/**\n * ### Dropdown component\n *\n * Dropdown component is generic component that controls the dropdown functionality.\n * It can be used with multiple triggers and mostly contains ActionList component inside it\n *\n * ---\n *\n * #### Usage\n *\n * ```jsx\n * <Dropdown selectionType=\"single\">\n * <SelectInput />\n * <DropdownOverlay>\n * <ActionList>\n * <ActionListItem />\n * <ActionListItem />\n * </ActionList>\n * </DropdownOverlay>\n * </Dropdown>\n * ```\n *\n * ---\n *\n * Checkout {@link https://blade.razorpay.com/?path=/docs/components-dropdown-with-select--with-single-select Dropdown Documentation}\n */\nconst _Dropdown = ({\n children,\n isOpen: isOpenControlled,\n onOpenChange,\n selectionType = 'single',\n testID,\n ...styledProps\n}: DropdownProps): React.ReactElement => {\n const [options, setOptions] = React.useState<DropdownContextType['options']>([]);\n const [filteredValues, setFilteredValues] = React.useState<string[]>([]);\n const [selectedIndices, setSelectedIndices] = React.useState<\n DropdownContextType['selectedIndices']\n >([]);\n const [controlledValueIndices, setControlledValueIndices] = React.useState<\n DropdownContextType['selectedIndices']\n >([]);\n const [activeIndex, setActiveIndex] = React.useState(-1);\n const [activeTagIndex, setActiveTagIndex] = React.useState(-1);\n const [shouldIgnoreBlurAnimation, setShouldIgnoreBlurAnimation] = React.useState(false);\n const [hasFooterAction, setHasFooterAction] = React.useState(false);\n const [\n hasAutoCompleteInBottomSheetHeader,\n setHasAutoCompleteInBottomSheetHeader,\n ] = React.useState(false);\n const [isKeydownPressed, setIsKeydownPressed] = React.useState(false);\n const [changeCallbackTriggerer, setChangeCallbackTriggerer] = React.useState<\n DropdownContextType['changeCallbackTriggerer']\n >(0);\n const [isControlled, setIsControlled] = React.useState(false);\n // keep track if dropdown contains bottomsheet\n const [dropdownHasBottomSheet, setDropdownHasBottomSheet] = React.useState(false);\n\n /**\n * In inputs, actual input is smaller than the visible input wrapper.\n * You can set this reference in such cases so floating ui calculations happen correctly\n * */\n const triggererWrapperRef = React.useRef<ContainerElementType>(null);\n const triggererRef = React.useRef<HTMLButtonElement>(null);\n const actionListItemRef = React.useRef<HTMLDivElement>(null);\n const dropdownTriggerer = React.useRef<DropdownContextType['dropdownTriggerer']>();\n const isTagDismissedRef = React.useRef<{ value: boolean } | null>({ value: false });\n const visibleTagsCountRef = React.useRef<{ value: number }>({ value: 0 });\n const dropdownContainerRef = React.useRef<HTMLDivElement>(null);\n\n const dropdownBaseId = useId('dropdown');\n const isDropdownOpenRef = React.useRef(isOpenControlled);\n\n const [isDropdownOpen, setIsDropdownOpen] = useControllableState({\n value: isOpenControlled,\n defaultValue: false,\n onChange: (isOpenControlledValue) => {\n isDropdownOpenRef.current = isOpenControlledValue;\n onOpenChange?.(isOpenControlledValue);\n },\n });\n\n isDropdownOpenRef.current = isDropdownOpen;\n\n const setIsOpen = (isOpenValue: boolean): void => {\n isDropdownOpenRef.current = isOpenValue;\n setIsDropdownOpen(() => isOpenValue);\n };\n\n const close = React.useCallback(() => {\n setActiveTagIndex(-1);\n setIsOpen(false);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n React.Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n if (__DEV__) {\n if (!validDropdownChildren.includes(getComponentId(child) ?? '')) {\n throwBladeError({\n message: `Dropdown can only have one of following elements as children - \\n\\n ${validDropdownChildren.join(\n ', ',\n )} \\n\\n Check out: https://blade.razorpay.com/?path=/story/components-dropdown`,\n moduleName: 'Dropdown',\n });\n }\n }\n\n if (isValidAllowedChildren(child, dropdownComponentIds.triggers.SelectInput)) {\n dropdownTriggerer.current = 'SelectInput';\n }\n\n if (isValidAllowedChildren(child, dropdownComponentIds.triggers.DropdownButton)) {\n dropdownTriggerer.current = 'DropdownButton';\n }\n\n if (isValidAllowedChildren(child, dropdownComponentIds.triggers.AutoComplete)) {\n dropdownTriggerer.current = 'AutoComplete';\n }\n }\n });\n\n const contextValue = React.useMemo<DropdownContextType>(\n () => ({\n isOpen: isDropdownOpen,\n setIsOpen,\n close,\n selectedIndices,\n setSelectedIndices,\n controlledValueIndices,\n setControlledValueIndices,\n options,\n setOptions,\n filteredValues,\n setFilteredValues,\n activeIndex,\n setActiveIndex,\n activeTagIndex,\n setActiveTagIndex,\n visibleTagsCountRef,\n shouldIgnoreBlurAnimation,\n setShouldIgnoreBlurAnimation,\n isKeydownPressed,\n setIsKeydownPressed,\n dropdownBaseId,\n triggererRef,\n triggererWrapperRef,\n actionListItemRef,\n selectionType,\n hasFooterAction,\n setHasFooterAction,\n hasAutoCompleteInBottomSheetHeader,\n setHasAutoCompleteInBottomSheetHeader,\n dropdownTriggerer: dropdownTriggerer.current,\n changeCallbackTriggerer,\n setChangeCallbackTriggerer,\n isControlled,\n setIsControlled,\n isTagDismissedRef,\n }),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [\n isDropdownOpen,\n isOpenControlled,\n selectedIndices,\n controlledValueIndices,\n options,\n filteredValues,\n activeIndex,\n activeTagIndex,\n shouldIgnoreBlurAnimation,\n selectionType,\n hasFooterAction,\n isKeydownPressed,\n changeCallbackTriggerer,\n isControlled,\n ],\n );\n\n const BottomSheetAndDropdownGlueContextValue = React.useMemo((): BottomSheetAndDropdownGlueContext => {\n return {\n isOpen: isDropdownOpen,\n dropdownHasBottomSheet,\n hasAutoCompleteInBottomSheetHeader,\n setDropdownHasBottomSheet,\n // This is the dismiss function which will be injected into the BottomSheet\n // Basically <BottomSheet onDismiss={onBottomSheetDismiss} />\n onBottomSheetDismiss: close,\n };\n }, [dropdownHasBottomSheet, hasAutoCompleteInBottomSheetHeader, isDropdownOpen, close]);\n\n React.useEffect((): (() => void) | undefined => {\n if (!isReactNative()) {\n const dropdown = dropdownContainerRef.current;\n\n const documentClickHandler = (e: MouseEvent): void => {\n const target = e.target as HTMLDivElement;\n\n if (!target || !dropdown) {\n return;\n }\n\n const isOutsideClick =\n !dropdown.contains(target) &&\n !isTagDismissedRef.current?.value &&\n document.body.contains(target);\n\n const isDropdownOpenState = isDropdownOpenRef.current;\n if (isOutsideClick && isDropdownOpenState) {\n close();\n }\n\n if (isTagDismissedRef.current?.value) {\n isTagDismissedRef.current.value = false;\n }\n };\n\n const documentFocusHandler = (e: FocusEvent): void => {\n const target = e.relatedTarget as HTMLDivElement;\n setActiveIndex(-1);\n\n if (!dropdown || !target) {\n return;\n }\n\n if (!dropdown.contains(target)) {\n close();\n }\n };\n\n document.addEventListener('click', documentClickHandler);\n document.addEventListener('focusout', documentFocusHandler);\n\n return (): void => {\n document.removeEventListener('click', documentClickHandler);\n document.removeEventListener('focusout', documentFocusHandler);\n };\n }\n\n return undefined;\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n return (\n <BottomSheetAndDropdownGlueContext.Provider value={BottomSheetAndDropdownGlueContextValue}>\n <DropdownContext.Provider value={contextValue}>\n <BaseBox\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref={dropdownContainerRef as any}\n {...metaAttribute({ name: MetaConstants.Dropdown, testID })}\n {...getStyledProps(styledProps)}\n >\n <BaseBox position=\"relative\" textAlign={'left' as never}>\n {children}\n </BaseBox>\n </BaseBox>\n </DropdownContext.Provider>\n </BottomSheetAndDropdownGlueContext.Provider>\n );\n};\n\nconst Dropdown = assignWithoutSideEffects(_Dropdown, {\n componentId: dropdownComponentIds.Dropdown,\n});\n\nexport { Dropdown };\n"],"names":["validDropdownChildren","dropdownComponentIds","triggers","SelectInput","DropdownButton","DropdownLink","DropdownOverlay","AutoComplete","bottomSheetComponentIds","BottomSheet","_Dropdown","_ref","children","isOpenControlled","isOpen","onOpenChange","_ref$selectionType","selectionType","testID","styledProps","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","options","setOptions","_React$useState3","_React$useState4","filteredValues","setFilteredValues","_React$useState5","_React$useState6","selectedIndices","setSelectedIndices","_React$useState7","_React$useState8","controlledValueIndices","setControlledValueIndices","_React$useState9","_React$useState10","activeIndex","setActiveIndex","_React$useState11","_React$useState12","activeTagIndex","setActiveTagIndex","_React$useState13","_React$useState14","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","_React$useState15","_React$useState16","hasFooterAction","setHasFooterAction","_React$useState17","_React$useState18","hasAutoCompleteInBottomSheetHeader","setHasAutoCompleteInBottomSheetHeader","_React$useState19","_React$useState20","isKeydownPressed","setIsKeydownPressed","_React$useState21","_React$useState22","changeCallbackTriggerer","setChangeCallbackTriggerer","_React$useState23","_React$useState24","isControlled","setIsControlled","_React$useState25","_React$useState26","dropdownHasBottomSheet","setDropdownHasBottomSheet","triggererWrapperRef","useRef","triggererRef","actionListItemRef","dropdownTriggerer","isTagDismissedRef","value","visibleTagsCountRef","dropdownContainerRef","dropdownBaseId","useId","isDropdownOpenRef","_useControllableState","useControllableState","defaultValue","onChange","isOpenControlledValue","current","_useControllableState2","isDropdownOpen","setIsDropdownOpen","setIsOpen","isOpenValue","close","useCallback","Children","map","child","isValidElement","_getComponentId","includes","getComponentId","throwBladeError","message","concat","join","moduleName","isValidAllowedChildren","contextValue","useMemo","BottomSheetAndDropdownGlueContextValue","onBottomSheetDismiss","useEffect","isReactNative","dropdown","documentClickHandler","e","_isTagDismissedRef$cu","_isTagDismissedRef$cu2","target","isOutsideClick","contains","document","body","isDropdownOpenState","documentFocusHandler","relatedTarget","addEventListener","removeEventListener","undefined","_jsx","BottomSheetAndDropdownGlueContext","Provider","DropdownContext","BaseBox","_objectSpread","ref","metaAttribute","name","MetaConstants","Dropdown","getStyledProps","position","textAlign","assignWithoutSideEffects","componentId"],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
2
2
|
import React__default from 'react';
|
|
3
|
+
import styled from 'styled-components';
|
|
3
4
|
import { BASEINPUT_DEFAULT_HEIGHT } from './baseInputConfig.js';
|
|
4
5
|
import '../../Box/BaseBox/index.js';
|
|
5
6
|
import '../../Typography/index.js';
|
|
@@ -91,6 +92,19 @@ var getSelectedTextWithoutTags = function getSelectedTextWithoutTags(_ref2) {
|
|
|
91
92
|
}
|
|
92
93
|
return "".concat(items, " Selected");
|
|
93
94
|
};
|
|
95
|
+
var TagSlotContainer = /*#__PURE__*/styled(BaseBox).withConfig({
|
|
96
|
+
displayName: "BaseInputTagSlotweb__TagSlotContainer",
|
|
97
|
+
componentId: "sc-1bt1h3t-0"
|
|
98
|
+
})(function () {
|
|
99
|
+
return {
|
|
100
|
+
// hides the scrollbar of tagslot
|
|
101
|
+
'::-webkit-scrollbar': {
|
|
102
|
+
display: 'none'
|
|
103
|
+
},
|
|
104
|
+
'-ms-overflow-style': 'none',
|
|
105
|
+
'scrollbar-width': 'none'
|
|
106
|
+
};
|
|
107
|
+
});
|
|
94
108
|
var BaseInputTagSlot = function BaseInputTagSlot(_ref3) {
|
|
95
109
|
var renderAs = _ref3.renderAs,
|
|
96
110
|
children = _ref3.children,
|
|
@@ -150,7 +164,7 @@ var BaseInputTagSlot = function BaseInputTagSlot(_ref3) {
|
|
|
150
164
|
|
|
151
165
|
// tag height changes in mobile and desktop so we keep different paddings to make it look as expected
|
|
152
166
|
var paddingYWithTags = isMobile ? 'spacing.1' : 'spacing.2';
|
|
153
|
-
return /*#__PURE__*/jsxs(
|
|
167
|
+
return /*#__PURE__*/jsxs(TagSlotContainer, {
|
|
154
168
|
ref: slotRef,
|
|
155
169
|
className: "tags-slot",
|
|
156
170
|
paddingY: paddingYWithTags,
|