@coinbase/cds-mobile 8.25.0 → 8.26.0

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.
Files changed (77) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dts/alpha/select/DefaultSelectControl.d.ts +2 -8
  3. package/dts/alpha/select/DefaultSelectControl.d.ts.map +1 -1
  4. package/dts/alpha/select/DefaultSelectDropdown.d.ts.map +1 -1
  5. package/dts/alpha/select/DefaultSelectOptionGroup.d.ts +8 -0
  6. package/dts/alpha/select/DefaultSelectOptionGroup.d.ts.map +1 -0
  7. package/dts/alpha/select/Select.d.ts +23 -366
  8. package/dts/alpha/select/Select.d.ts.map +1 -1
  9. package/dts/alpha/select/index.d.ts +2 -0
  10. package/dts/alpha/select/index.d.ts.map +1 -1
  11. package/dts/alpha/select/types.d.ts +486 -0
  12. package/dts/alpha/select/types.d.ts.map +1 -0
  13. package/dts/alpha/select-chip/SelectChip.d.ts +26 -0
  14. package/dts/alpha/select-chip/SelectChip.d.ts.map +1 -0
  15. package/dts/alpha/select-chip/SelectChipControl.d.ts +14 -0
  16. package/dts/alpha/select-chip/SelectChipControl.d.ts.map +1 -0
  17. package/dts/alpha/select-chip/index.d.ts +3 -0
  18. package/dts/alpha/select-chip/index.d.ts.map +1 -0
  19. package/dts/chips/Chip.d.ts.map +1 -1
  20. package/dts/chips/SelectChip.d.ts +8 -0
  21. package/dts/chips/SelectChip.d.ts.map +1 -1
  22. package/dts/examples/ExampleScreen.d.ts +26 -1
  23. package/dts/examples/ExampleScreen.d.ts.map +1 -1
  24. package/esm/alpha/select/DefaultSelectControl.js +46 -8
  25. package/esm/alpha/select/DefaultSelectDropdown.js +100 -31
  26. package/esm/alpha/select/DefaultSelectOption.js +1 -1
  27. package/esm/alpha/select/DefaultSelectOptionGroup.js +90 -0
  28. package/esm/alpha/select/Select.js +10 -26
  29. package/esm/alpha/select/index.js +3 -1
  30. package/esm/alpha/select/types.js +50 -0
  31. package/esm/alpha/select-chip/SelectChip.js +31 -0
  32. package/esm/alpha/select-chip/SelectChipControl.js +111 -0
  33. package/esm/alpha/select-chip/__stories__/SelectChip.stories.js +538 -0
  34. package/esm/alpha/select-chip/index.js +2 -0
  35. package/esm/banner/__stories__/Banner.stories.js +133 -294
  36. package/esm/banner/__stories__/BannerActions.stories.js +276 -0
  37. package/esm/banner/__stories__/BannerLayout.stories.js +329 -0
  38. package/esm/cells/__stories__/ListCell.stories.js +1 -17
  39. package/esm/cells/__stories__/ListCellFallback.stories.js +1 -0
  40. package/esm/chips/Chip.js +4 -1
  41. package/esm/chips/SelectChip.js +9 -0
  42. package/esm/examples/ExampleScreen.js +79 -58
  43. package/esm/icons/__stories__/IconSheet.js +35 -13
  44. package/esm/illustrations/__stories__/HeroSquare.stories.js +70 -2
  45. package/esm/illustrations/__stories__/Pictogram.stories.js +70 -2
  46. package/esm/illustrations/__stories__/SpotIcon.stories.js +70 -2
  47. package/esm/illustrations/__stories__/SpotRectangle.stories.js +68 -2
  48. package/esm/illustrations/__stories__/SpotSquare.stories.js +68 -2
  49. package/esm/media/__stories__/CarouselMedia.stories.js +2 -5
  50. package/esm/numpad/__stories__/Numpad.stories.js +8 -5
  51. package/esm/page/__stories__/PageFooter.stories.js +5 -4
  52. package/esm/page/__stories__/PageFooterInPage.stories.js +20 -19
  53. package/esm/page/__stories__/PageHeader.stories.js +4 -4
  54. package/esm/page/__stories__/PageHeaderInErrorEmptyState.stories.js +6 -4
  55. package/esm/page/__stories__/PageHeaderInPage.stories.js +20 -18
  56. package/esm/section-header/__stories__/SectionHeader.stories.js +4 -4
  57. package/esm/sticky-footer/__stories__/StickyFooter.stories.js +6 -8
  58. package/esm/tour/__stories__/Tour.stories.js +13 -166
  59. package/esm/typography/__stories__/TextBody.stories.js +2 -0
  60. package/esm/typography/__stories__/TextCaption.stories.js +2 -0
  61. package/esm/typography/__stories__/TextCore.stories.js +2 -0
  62. package/esm/typography/__stories__/TextDisplay1.stories.js +2 -0
  63. package/esm/typography/__stories__/TextDisplay2.stories.js +2 -0
  64. package/esm/typography/__stories__/TextDisplay3.stories.js +2 -0
  65. package/esm/typography/__stories__/TextHeadline.stories.js +2 -0
  66. package/esm/typography/__stories__/TextLabel1.stories.js +2 -0
  67. package/esm/typography/__stories__/TextLabel2.stories.js +2 -0
  68. package/esm/typography/__stories__/TextLegal.stories.js +2 -0
  69. package/esm/typography/__stories__/TextTitle1.stories.js +2 -0
  70. package/esm/typography/__stories__/TextTitle2.stories.js +2 -0
  71. package/esm/typography/__stories__/TextTitle3.stories.js +2 -0
  72. package/esm/typography/__stories__/TextTitle4.stories.js +2 -0
  73. package/package.json +2 -2
  74. package/esm/icons/__stories__/Icon.stories.js +0 -98
  75. package/esm/illustrations/__stories__/getIllustrationSheet.js +0 -164
  76. /package/esm/alpha/select/__stories__/{Select.stories.js → AlphaSelect.stories.js} +0 -0
  77. /package/esm/alpha/tabbed-chips/__stories__/{TabbedChips.stories.js → AlphaTabbedChips.stories.js} +0 -0
@@ -0,0 +1,486 @@
1
+ import type React from 'react';
2
+ import type { AccessibilityRole, StyleProp, TouchableOpacity, View, ViewStyle } from 'react-native';
3
+ import type { SharedAccessibilityProps } from '@coinbase/cds-common/types';
4
+ import type { CellBaseProps } from '../../cells/Cell';
5
+ import type { InputStackBaseProps } from '../../controls/InputStack';
6
+ import type { BoxProps } from '../../layout';
7
+ import type { DrawerRefBaseProps } from '../../overlays';
8
+ import type { InteractableBlendStyles } from '../../system/Interactable';
9
+ import type { PressableProps } from '../../system/Pressable';
10
+ export type SelectType = 'single' | 'multi';
11
+ /**
12
+ * Configuration for a single option in the Select component
13
+ */
14
+ export type SelectOption<SelectOptionValue extends string = string> = {
15
+ /** The value associated with this option */
16
+ value: SelectOptionValue | null;
17
+ /** The label displayed for the option */
18
+ label?: React.ReactNode;
19
+ /** Additional description text shown below the label */
20
+ description?: React.ReactNode;
21
+ /** Whether this option is disabled and cannot be selected */
22
+ disabled?: boolean;
23
+ };
24
+ /**
25
+ * Props for individual option components within the Select dropdown
26
+ */
27
+ export type SelectOptionProps<
28
+ Type extends SelectType = 'single',
29
+ SelectOptionValue extends string = string,
30
+ > = SelectOption<SelectOptionValue> &
31
+ Pick<CellBaseProps, 'accessory' | 'media' | 'end'> &
32
+ Omit<PressableProps, 'value' | 'type' | 'onClick' | 'onPress'> & {
33
+ /** Press handler for the option */
34
+ onPress?: (value: SelectOptionValue | null) => void;
35
+ /** Whether this is for single or multi-select */
36
+ type?: Type;
37
+ /** Whether this option is currently selected */
38
+ selected?: boolean;
39
+ /** Whether the option is in an indeterminate state (for multi-select) */
40
+ indeterminate?: boolean;
41
+ /** Whether to allow multiline text in the option */
42
+ multiline?: boolean;
43
+ /** Accessibility role for the option element */
44
+ accessibilityRole?: AccessibilityRole;
45
+ /** Whether to use compact styling for the option */
46
+ compact?: boolean;
47
+ /** Style object for the option */
48
+ style?: StyleProp<ViewStyle>;
49
+ /** Custom styles for different parts of the option */
50
+ styles?: {
51
+ /** Styles for the option cell element */
52
+ optionCell?: StyleProp<ViewStyle>;
53
+ /** Styles for the option content wrapper */
54
+ optionContent?: StyleProp<ViewStyle>;
55
+ /** Styles for the option label element */
56
+ optionLabel?: StyleProp<ViewStyle>;
57
+ /** Styles for the option description element */
58
+ optionDescription?: StyleProp<ViewStyle>;
59
+ /** Styles for the select all divider element */
60
+ selectAllDivider?: StyleProp<ViewStyle>;
61
+ };
62
+ };
63
+ /**
64
+ * Custom UI to render for an option in the Select component options array
65
+ */
66
+ export type SelectOptionCustomUI<
67
+ Type extends SelectType = 'single',
68
+ SelectOptionValue extends string = string,
69
+ > = Pick<SelectOptionProps<Type>, 'accessory' | 'media' | 'end'> & {
70
+ /** Custom component to render the option */
71
+ Component?: SelectOptionComponent<Type, SelectOptionValue>;
72
+ };
73
+ export type SelectOptionComponent<
74
+ Type extends SelectType = 'single',
75
+ SelectOptionValue extends string = string,
76
+ > = React.FC<
77
+ SelectOptionProps<Type, SelectOptionValue> & {
78
+ /** Ref forwarding currently not supported. This will be updated once Cell supports ref forwarding. */
79
+ ref?: React.Ref<View>;
80
+ }
81
+ >;
82
+ /**
83
+ * Configuration for a group of options in the Select component
84
+ */
85
+ export type SelectOptionGroup<
86
+ Type extends SelectType = 'single',
87
+ SelectOptionValue extends string = string,
88
+ > = {
89
+ /** The label displayed for the group header */
90
+ label: string;
91
+ /** The options within this group */
92
+ options: (SelectOption<SelectOptionValue> & SelectOptionCustomUI<Type, SelectOptionValue>)[];
93
+ /** Whether this group is disabled */
94
+ disabled?: boolean;
95
+ };
96
+ /**
97
+ * Props for the option group component in the Select dropdown
98
+ */
99
+ export type SelectOptionGroupProps<
100
+ Type extends SelectType = 'single',
101
+ SelectOptionValue extends string = string,
102
+ > = {
103
+ /** The label for this group */
104
+ label: string;
105
+ /** The options within this group */
106
+ options: (SelectOption<SelectOptionValue> & SelectOptionCustomUI<Type, SelectOptionValue>)[];
107
+ /** Component to render individual options */
108
+ SelectOptionComponent: SelectOptionComponent<Type, SelectOptionValue>;
109
+ /** Current selected value(s) */
110
+ value: Type extends 'multi' ? SelectOptionValue[] : SelectOptionValue | null;
111
+ /** Handler for option selection */
112
+ onChange: (
113
+ value: Type extends 'multi'
114
+ ? SelectOptionValue | SelectOptionValue[] | null
115
+ : SelectOptionValue | null,
116
+ ) => void;
117
+ /** Function to update the dropdown open state */
118
+ setOpen: (open: boolean | ((open: boolean) => boolean)) => void;
119
+ /** Whether this is for single or multi-select */
120
+ type?: Type;
121
+ /** Accessibility role for options */
122
+ accessibilityRole?: AccessibilityRole;
123
+ /** Accessory element to display with options */
124
+ accessory?: React.ReactElement;
125
+ /** Media element to display with options */
126
+ media?: React.ReactElement;
127
+ /** End element to display with options */
128
+ end?: React.ReactNode;
129
+ /** Whether the dropdown is disabled */
130
+ disabled?: boolean;
131
+ /** Whether the options should be compact */
132
+ compact?: boolean;
133
+ /** Custom styles for the option group and options */
134
+ styles?: {
135
+ /** Styles for the option group element */
136
+ optionGroup?: StyleProp<ViewStyle>;
137
+ /** Styles for individual options */
138
+ option?: StyleProp<ViewStyle>;
139
+ /** Blend styles for option interactivity */
140
+ optionBlendStyles?: InteractableBlendStyles;
141
+ /** Styles for the option cell element */
142
+ optionCell?: StyleProp<ViewStyle>;
143
+ /** Styles for the option content wrapper */
144
+ optionContent?: StyleProp<ViewStyle>;
145
+ /** Styles for the option label element */
146
+ optionLabel?: StyleProp<ViewStyle>;
147
+ /** Styles for the option description element */
148
+ optionDescription?: StyleProp<ViewStyle>;
149
+ /** Styles for the select all divider element */
150
+ selectAllDivider?: StyleProp<ViewStyle>;
151
+ };
152
+ };
153
+ export type SelectOptionGroupComponent<
154
+ Type extends SelectType = 'single',
155
+ SelectOptionValue extends string = string,
156
+ > = React.FC<SelectOptionGroupProps<Type, SelectOptionValue>>;
157
+ /**
158
+ * Custom UI to render for an option group in the Select component options array
159
+ */
160
+ export type SelectOptionGroupCustomUI<
161
+ Type extends SelectType = 'single',
162
+ SelectOptionValue extends string = string,
163
+ > = {
164
+ /** Custom component to render the option group */
165
+ Component?: SelectOptionGroupComponent<Type, SelectOptionValue>;
166
+ };
167
+ /**
168
+ * Array of options for the Select component. Can be individual options or groups with `label` and `options`
169
+ */
170
+ export type SelectOptionList<
171
+ Type extends SelectType = 'single',
172
+ SelectOptionValue extends string = string,
173
+ > = (
174
+ | (SelectOption<SelectOptionValue> & SelectOptionCustomUI<Type, SelectOptionValue>)
175
+ | (SelectOptionGroup<Type, SelectOptionValue> &
176
+ SelectOptionGroupCustomUI<Type, SelectOptionValue>)
177
+ )[];
178
+ /**
179
+ * Type guard to check if an option is a group
180
+ */
181
+ export declare function isSelectOptionGroup<
182
+ Type extends SelectType = 'single',
183
+ SelectOptionValue extends string = string,
184
+ >(
185
+ option:
186
+ | (SelectOption<SelectOptionValue> & SelectOptionCustomUI<Type, SelectOptionValue>)
187
+ | (SelectOptionGroup<Type, SelectOptionValue> &
188
+ SelectOptionGroupCustomUI<Type, SelectOptionValue>),
189
+ ): option is SelectOptionGroup<Type, SelectOptionValue> &
190
+ SelectOptionGroupCustomUI<Type, SelectOptionValue>;
191
+ export type SelectEmptyDropdownContentProps = {
192
+ label: string;
193
+ /** Custom styles for different parts of the empty dropdown content */
194
+ styles?: {
195
+ /** Styles for the container element */
196
+ emptyContentsContainer?: StyleProp<ViewStyle>;
197
+ /** Styles for the text element */
198
+ emptyContentsText?: StyleProp<ViewStyle>;
199
+ };
200
+ };
201
+ export type SelectEmptyDropdownContentComponent = React.FC<SelectEmptyDropdownContentProps>;
202
+ type SelectState<Type extends SelectType = 'single', SelectOptionValue extends string = string> = {
203
+ value: Type extends 'multi' ? SelectOptionValue[] : SelectOptionValue | null;
204
+ onChange: (
205
+ value: Type extends 'multi'
206
+ ? SelectOptionValue | SelectOptionValue[] | null
207
+ : SelectOptionValue | null,
208
+ ) => void;
209
+ };
210
+ /**
211
+ * Props for the select control component (the clickable input that opens the dropdown)
212
+ */
213
+ export type SelectControlProps<
214
+ Type extends SelectType = 'single',
215
+ SelectOptionValue extends string = string,
216
+ > = Pick<SharedAccessibilityProps, 'accessibilityLabel' | 'accessibilityHint'> &
217
+ Omit<BoxProps, 'borderWidth' | 'onChange'> &
218
+ Pick<
219
+ InputStackBaseProps,
220
+ 'disabled' | 'startNode' | 'variant' | 'labelVariant' | 'testID' | 'endNode'
221
+ > &
222
+ SelectState<Type, SelectOptionValue> & {
223
+ /** Array of options to display in the select dropdown. Can be individual options or groups with `label` and `options` */
224
+ options: SelectOptionList<Type, SelectOptionValue>;
225
+ /** Label displayed above the control */
226
+ label?: React.ReactNode;
227
+ /** Placeholder text displayed when no option is selected */
228
+ placeholder?: React.ReactNode;
229
+ /** Helper text displayed below the select */
230
+ helperText?: React.ReactNode;
231
+ /** Whether this is for single or multi-select */
232
+ type?: Type;
233
+ /** Whether the dropdown is currently open */
234
+ open: boolean;
235
+ /** Function to update the dropdown open state */
236
+ setOpen: (open: boolean | ((open: boolean) => boolean)) => void;
237
+ /** Maximum number of selected options to show before truncating */
238
+ maxSelectedOptionsToShow?: number;
239
+ /** Label to show for showcasing count of hidden selected options */
240
+ hiddenSelectedOptionsLabel?: string;
241
+ /** Accessibility label for each chip in a multi-select */
242
+ removeSelectedOptionAccessibilityLabel?: string;
243
+ /** Blend styles for control interactivity */
244
+ blendStyles?: InteractableBlendStyles;
245
+ /** Whether to use compact styling for the control */
246
+ compact?: boolean;
247
+ /** Style object for the control */
248
+ style?: StyleProp<ViewStyle>;
249
+ /** Custom styles for different parts of the control */
250
+ styles?: {
251
+ /** Styles for the start node element */
252
+ controlStartNode?: StyleProp<ViewStyle>;
253
+ /** Styles for the input node element */
254
+ controlInputNode?: StyleProp<ViewStyle>;
255
+ /** Styles for the value node element */
256
+ controlValueNode?: StyleProp<ViewStyle>;
257
+ /** Styles for the label node element */
258
+ controlLabelNode?: StyleProp<ViewStyle>;
259
+ /** Styles for the helper text node element */
260
+ controlHelperTextNode?: StyleProp<ViewStyle>;
261
+ /** Styles for the end node element */
262
+ controlEndNode?: StyleProp<ViewStyle>;
263
+ };
264
+ };
265
+ export type SelectControlComponent<
266
+ Type extends SelectType = 'single',
267
+ SelectOptionValue extends string = string,
268
+ > = React.FC<
269
+ SelectControlProps<Type, SelectOptionValue> & {
270
+ ref?: React.Ref<TouchableOpacity>;
271
+ }
272
+ >;
273
+ /**
274
+ * Props for the dropdown component that contains the list of options
275
+ */
276
+ export type SelectDropdownProps<
277
+ Type extends SelectType = 'single',
278
+ SelectOptionValue extends string = string,
279
+ > = SelectState<Type, SelectOptionValue> &
280
+ Pick<SharedAccessibilityProps, 'accessibilityLabel'> &
281
+ Omit<BoxProps, 'onChange'> &
282
+ Pick<SelectOptionProps<Type, SelectOptionValue>, 'accessory' | 'media' | 'end'> & {
283
+ /** Whether this is for single or multi-select */
284
+ type?: Type;
285
+ /** Array of options with their configuration and optional custom components. Can be individual options or groups with `label` and `options` */
286
+ options: SelectOptionList<Type, SelectOptionValue>;
287
+ /** Whether the dropdown is currently open */
288
+ open: boolean;
289
+ /** Function to update the dropdown open state */
290
+ setOpen: (open: boolean | ((open: boolean) => boolean)) => void;
291
+ /** Label displayed above the dropdown */
292
+ label?: React.ReactNode;
293
+ /** Whether the dropdown is disabled */
294
+ disabled?: boolean;
295
+ /** Label for the "Select All" option in multi-select mode */
296
+ selectAllLabel?: string;
297
+ /** Label displayed when there are no options available */
298
+ emptyOptionsLabel?: string;
299
+ /** Label for the "Clear All" option in multi-select mode */
300
+ clearAllLabel?: string;
301
+ /** Whether to hide the "Select All" option in multi-select mode */
302
+ hideSelectAll?: boolean;
303
+ /** Reference to the control element for positioning */
304
+ controlRef: React.MutableRefObject<View | null>;
305
+ /** Inline styles for the dropdown */
306
+ style?: StyleProp<ViewStyle>;
307
+ /** Custom styles for dropdown elements */
308
+ styles?: {
309
+ /** Styles for the dropdown root container */
310
+ root?: StyleProp<ViewStyle>;
311
+ /** Styles for individual options */
312
+ option?: StyleProp<ViewStyle>;
313
+ /** Blend styles for option interactivity */
314
+ optionBlendStyles?: InteractableBlendStyles;
315
+ /** Styles for the option cell element */
316
+ optionCell?: StyleProp<ViewStyle>;
317
+ /** Styles for the option content wrapper */
318
+ optionContent?: StyleProp<ViewStyle>;
319
+ /** Styles for the option group element */
320
+ optionGroup?: StyleProp<ViewStyle>;
321
+ /** Styles for the option label element */
322
+ optionLabel?: StyleProp<ViewStyle>;
323
+ /** Styles for the option description element */
324
+ optionDescription?: StyleProp<ViewStyle>;
325
+ /** Styles for the select all divider element */
326
+ selectAllDivider?: StyleProp<ViewStyle>;
327
+ /** Styles for the empty contents container element */
328
+ emptyContentsContainer?: StyleProp<ViewStyle>;
329
+ /** Styles for the empty contents text element */
330
+ emptyContentsText?: StyleProp<ViewStyle>;
331
+ };
332
+ /** Whether to use compact styling for the dropdown */
333
+ compact?: boolean;
334
+ /** Custom component to render individual options */
335
+ SelectOptionComponent?: SelectOptionComponent<Type, SelectOptionValue>;
336
+ /** Custom component to render the "Select All" option */
337
+ SelectAllOptionComponent?: SelectOptionComponent<Type, SelectOptionValue>;
338
+ /** Custom component to render when no options are available */
339
+ SelectEmptyDropdownContentsComponent?: SelectEmptyDropdownContentComponent;
340
+ /** Custom component to render group headers */
341
+ SelectOptionGroupComponent?: SelectOptionGroupComponent<Type, SelectOptionValue>;
342
+ /** Accessibility roles for dropdown elements */
343
+ accessibilityRoles?: {
344
+ /** Accessibility role for option elements */
345
+ option?: AccessibilityRole;
346
+ };
347
+ };
348
+ export type SelectDropdownComponent<
349
+ Type extends SelectType = 'single',
350
+ SelectOptionValue extends string = string,
351
+ > = React.FC<
352
+ SelectDropdownProps<Type, SelectOptionValue> & {
353
+ ref?: React.Ref<DrawerRefBaseProps>;
354
+ }
355
+ >;
356
+ export type SelectBaseProps<
357
+ Type extends SelectType = 'single',
358
+ SelectOptionValue extends string = string,
359
+ > = Pick<SharedAccessibilityProps, 'accessibilityLabel' | 'accessibilityHint'> &
360
+ SelectState<Type, SelectOptionValue> &
361
+ Pick<
362
+ SelectControlProps<Type, SelectOptionValue>,
363
+ | 'label'
364
+ | 'placeholder'
365
+ | 'helperText'
366
+ | 'hiddenSelectedOptionsLabel'
367
+ | 'removeSelectedOptionAccessibilityLabel'
368
+ | 'startNode'
369
+ | 'variant'
370
+ | 'disabled'
371
+ | 'labelVariant'
372
+ | 'endNode'
373
+ > &
374
+ Pick<SelectOptionProps<Type, SelectOptionValue>, 'accessory' | 'media' | 'end'> &
375
+ Pick<
376
+ SelectDropdownProps<Type, SelectOptionValue>,
377
+ | 'selectAllLabel'
378
+ | 'emptyOptionsLabel'
379
+ | 'clearAllLabel'
380
+ | 'hideSelectAll'
381
+ | 'accessibilityRoles'
382
+ > & {
383
+ /** Whether the select allows single or multiple selections */
384
+ type?: Type;
385
+ /** Array of options to display in the select dropdown. Can be individual options or groups with `label` and `options` */
386
+ options: SelectOptionList<Type, SelectOptionValue>;
387
+ /** Controlled open state of the dropdown */
388
+ open?: boolean;
389
+ /** Callback to update the open state */
390
+ setOpen?: (open: boolean | ((open: boolean) => boolean)) => void;
391
+ /** Whether clicking outside the dropdown should close it */
392
+ disableClickOutsideClose?: boolean;
393
+ /** Whether to use compact styling for the select */
394
+ compact?: boolean;
395
+ /** Initial open state when component mounts (uncontrolled mode) */
396
+ defaultOpen?: boolean;
397
+ /** Maximum number of selected options to show before truncating */
398
+ maxSelectedOptionsToShow?: number;
399
+ /** Custom component to render the dropdown container */
400
+ SelectDropdownComponent?: SelectDropdownComponent<Type, SelectOptionValue>;
401
+ /** Custom component to render the select control */
402
+ SelectControlComponent?: SelectControlComponent<Type, SelectOptionValue>;
403
+ /** Custom component to render individual options */
404
+ SelectOptionComponent?: SelectOptionComponent<Type, SelectOptionValue>;
405
+ /** Custom component to render the "Select All" option */
406
+ SelectAllOptionComponent?: SelectOptionComponent<Type, SelectOptionValue>;
407
+ /** Custom component to render when no options are available */
408
+ SelectEmptyDropdownContentsComponent?: SelectEmptyDropdownContentComponent;
409
+ /** Custom component to render group headers */
410
+ SelectOptionGroupComponent?: SelectOptionGroupComponent<Type, SelectOptionValue>;
411
+ /** Inline styles for the root element */
412
+ style?: StyleProp<ViewStyle>;
413
+ /** Test ID for the root element */
414
+ testID?: string;
415
+ };
416
+ /**
417
+ * Props for the Select component
418
+ */
419
+ export type SelectProps<
420
+ Type extends SelectType = 'single',
421
+ SelectOptionValue extends string = string,
422
+ > = SelectBaseProps<Type, SelectOptionValue> & {
423
+ /** Custom styles for different parts of the select */
424
+ styles?: {
425
+ /** Styles for the root element */
426
+ root?: StyleProp<ViewStyle>;
427
+ /** Styles for the control element */
428
+ control?: StyleProp<ViewStyle>;
429
+ /** Styles for the start node element */
430
+ controlStartNode?: StyleProp<ViewStyle>;
431
+ /** Styles for the input node element */
432
+ controlInputNode?: StyleProp<ViewStyle>;
433
+ /** Styles for the value node element */
434
+ controlValueNode?: StyleProp<ViewStyle>;
435
+ /** Styles for the label node element */
436
+ controlLabelNode?: StyleProp<ViewStyle>;
437
+ /** Styles for the helper text node element */
438
+ controlHelperTextNode?: StyleProp<ViewStyle>;
439
+ /** Styles for the end node element */
440
+ controlEndNode?: StyleProp<ViewStyle>;
441
+ /** Blend styles for control interactivity */
442
+ controlBlendStyles?: InteractableBlendStyles;
443
+ /** Styles for the dropdown container */
444
+ dropdown?: StyleProp<ViewStyle>;
445
+ /** Styles for individual options */
446
+ option?: StyleProp<ViewStyle>;
447
+ /** Styles for the option cell element */
448
+ optionCell?: StyleProp<ViewStyle>;
449
+ /** Styles for the option content wrapper */
450
+ optionContent?: StyleProp<ViewStyle>;
451
+ /** Styles for the option label element */
452
+ optionLabel?: StyleProp<ViewStyle>;
453
+ /** Styles for the option description element */
454
+ optionDescription?: StyleProp<ViewStyle>;
455
+ /** Blend styles for option interactivity */
456
+ optionBlendStyles?: InteractableBlendStyles;
457
+ /** Styles for the select all divider element */
458
+ selectAllDivider?: StyleProp<ViewStyle>;
459
+ /** Styles for the empty contents container element */
460
+ emptyContentsContainer?: StyleProp<ViewStyle>;
461
+ /** Styles for the empty contents text element */
462
+ emptyContentsText?: StyleProp<ViewStyle>;
463
+ /** Styles for the option group element */
464
+ optionGroup?: StyleProp<ViewStyle>;
465
+ };
466
+ };
467
+ export type SelectRef = View &
468
+ Pick<SelectProps, 'open' | 'setOpen'> & {
469
+ refs: {
470
+ reference: React.RefObject<View>;
471
+ floating: React.RefObject<View> | null;
472
+ };
473
+ };
474
+ /**
475
+ * Type for the Select component function signature
476
+ */
477
+ export type SelectComponent = <
478
+ Type extends SelectType = 'single',
479
+ SelectOptionValue extends string = string,
480
+ >(
481
+ props: SelectProps<Type, SelectOptionValue> & {
482
+ ref?: React.Ref<SelectRef>;
483
+ },
484
+ ) => React.ReactElement;
485
+ export {};
486
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/alpha/select/types.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,26 @@
1
+ import React from 'react';
2
+ import type { ChipBaseProps } from '../../chips/ChipProps';
3
+ import { type SelectRef } from '../select/Select';
4
+ import type { SelectProps, SelectType } from '../select/types';
5
+ export type SelectChipBaseProps = Pick<ChipBaseProps, 'invertColorScheme' | 'numberOfLines'>;
6
+ /**
7
+ * Chip-styled Select control built on top of the Alpha Select.
8
+ * Supports both single and multi selection via Select's `type` prop.
9
+ */
10
+ export type SelectChipProps<
11
+ Type extends SelectType = 'single',
12
+ SelectOptionValue extends string = string,
13
+ > = SelectChipBaseProps &
14
+ Omit<
15
+ SelectProps<Type, SelectOptionValue>,
16
+ 'SelectControlComponent' | 'helperText' | 'labelVariant' | 'variant'
17
+ >;
18
+ export declare const SelectChip: <
19
+ Type extends SelectType = 'single',
20
+ SelectOptionValue extends string = string,
21
+ >(
22
+ props: SelectChipProps<Type, SelectOptionValue> & {
23
+ ref?: React.Ref<SelectRef>;
24
+ },
25
+ ) => React.ReactElement;
26
+ //# sourceMappingURL=SelectChip.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SelectChip.d.ts","sourceRoot":"","sources":["../../../src/alpha/select-chip/SelectChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAU,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,KAAK,EAAsB,WAAW,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAInF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,aAAa,EAAE,mBAAmB,GAAG,eAAe,CAAC,CAAC;AAE7F;;;GAGG;AACH,MAAM,MAAM,eAAe,CACzB,IAAI,SAAS,UAAU,GAAG,QAAQ,EAClC,iBAAiB,SAAS,MAAM,GAAG,MAAM,IACvC,mBAAmB,GACrB,IAAI,CACF,WAAW,CAAC,IAAI,EAAE,iBAAiB,CAAC,EACpC,wBAAwB,GAAG,YAAY,GAAG,cAAc,GAAG,SAAS,CACrE,CAAC;AAkCJ,eAAO,MAAM,UAAU,EAA0B,CAC/C,IAAI,SAAS,UAAU,GAAG,QAAQ,EAClC,iBAAiB,SAAS,MAAM,GAAG,MAAM,EAEzC,KAAK,EAAE,eAAe,CAAC,IAAI,EAAE,iBAAiB,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;CAAE,KAC7E,KAAK,CAAC,YAAY,CAAC"}
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ import type { View } from 'react-native';
3
+ import type { ChipBaseProps } from '../../chips/ChipProps';
4
+ import { type SelectControlProps, type SelectType } from '../select/types';
5
+ export declare const SelectChipControl: <
6
+ Type extends SelectType,
7
+ SelectOptionValue extends string = string,
8
+ >(
9
+ props: SelectControlProps<Type, SelectOptionValue> &
10
+ Partial<Pick<ChipBaseProps, 'invertColorScheme' | 'numberOfLines'>> & {
11
+ ref?: React.Ref<View>;
12
+ },
13
+ ) => React.ReactElement;
14
+ //# sourceMappingURL=SelectChipControl.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SelectChipControl.d.ts","sourceRoot":"","sources":["../../../src/alpha/select-chip/SelectChipControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAG3D,OAAO,EAEL,KAAK,kBAAkB,EAEvB,KAAK,UAAU,EAChB,MAAM,iBAAiB,CAAC;AAuJzB,eAAO,MAAM,iBAAiB,EAAiC,CAC7D,IAAI,SAAS,UAAU,EACvB,iBAAiB,SAAS,MAAM,GAAG,MAAM,EAEzC,KAAK,EAAE,kBAAkB,CAAC,IAAI,EAAE,iBAAiB,CAAC,GAChD,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,mBAAmB,GAAG,eAAe,CAAC,CAAC,GAAG;IACpE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;CACvB,KACA,KAAK,CAAC,YAAY,CAAC"}
@@ -0,0 +1,3 @@
1
+ export * from './SelectChip';
2
+ export * from './SelectChipControl';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/alpha/select-chip/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../src/chips/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AASzC;;GAEG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;YAyDT,CAAN;eAAqC,CAAC;;+BA4BvC,CAAC"}
1
+ {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../src/chips/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AASzC;;GAEG;AACH,eAAO,MAAM,IAAI;;;;;;;;;;;;YAyDR,CAAC;eACS,CAAC;;+BA8BnB,CAAC"}
@@ -3,6 +3,10 @@ import type { View } from 'react-native';
3
3
  import type { SelectBaseProps } from '../controls/Select';
4
4
  import type { TrayBaseProps } from '../overlays/tray/Tray';
5
5
  import type { ChipProps } from './ChipProps';
6
+ /**
7
+ * @deprecated This component is deprecated. Please use the new SelectChip alpha component instead.
8
+ * @see {@link @coinbase/cds-mobile/alpha/select-chip/SelectChip}
9
+ */
6
10
  export type SelectChipProps = Pick<
7
11
  SelectBaseProps,
8
12
  'onChange' | 'valueLabel' | 'placeholder' | 'value'
@@ -13,6 +17,10 @@ export type SelectChipProps = Pick<
13
17
  /** Indicates that the control is being used to manipulate data elsewhere */
14
18
  active?: boolean;
15
19
  };
20
+ /**
21
+ * @deprecated This component is deprecated. Please use the new SelectChip alpha component instead.
22
+ * @see {@link @coinbase/cds-mobile/alpha/select-chip/SelectChip}
23
+ */
16
24
  export declare const SelectChip: React.MemoExoticComponent<
17
25
  React.ForwardRefExoticComponent<
18
26
  Pick<SelectBaseProps, 'value' | 'onChange' | 'placeholder' | 'valueLabel'> &
@@ -1 +1 @@
1
- {"version":3,"file":"SelectChip.d.ts","sourceRoot":"","sources":["../../src/chips/SelectChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqE,MAAM,OAAO,CAAC;AAC1F,OAAO,KAAK,EAAyB,IAAI,EAAE,MAAM,cAAc,CAAC;AAKhE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAO1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,eAAe,EACf,UAAU,GAAG,YAAY,GAAG,aAAa,GAAG,OAAO,CACpD,GACC,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,QAAQ,CAAC,GACtC,IAAI,CAAC,aAAa,EAAE,iBAAiB,GAAG,UAAU,CAAC,GAAG;IACpD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4EAA4E;IAC5E,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEJ,eAAO,MAAM,UAAU;cALT,KAAK,CAAC,SAAS;IACzB,4EAA4E;aACnE,OAAO;+BAoInB,CAAC"}
1
+ {"version":3,"file":"SelectChip.d.ts","sourceRoot":"","sources":["../../src/chips/SelectChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqE,MAAM,OAAO,CAAC;AAC1F,OAAO,KAAK,EAAyB,IAAI,EAAE,MAAM,cAAc,CAAC;AAKhE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAO1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAG7C;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,eAAe,EACf,UAAU,GAAG,YAAY,GAAG,aAAa,GAAG,OAAO,CACpD,GACC,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,QAAQ,CAAC,GACtC,IAAI,CAAC,aAAa,EAAE,iBAAiB,GAAG,UAAU,CAAC,GAAG;IACpD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4EAA4E;IAC5E,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEJ;;;GAGG;AACH,eAAO,MAAM,UAAU;cATT,KAAK,CAAC,SAAS;IACzB,4EAA4E;aACnE,OAAO;+BAwInB,CAAC"}
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ import { ScrollView } from 'react-native';
2
3
  import type { PaddingProps } from '@coinbase/cds-common/types';
3
4
  import type { BoxProps } from '../layout/Box';
4
5
  type ExampleRenderChildren = () => NonNullable<JSX.Element>;
@@ -6,6 +7,7 @@ export type ExampleProps = {
6
7
  children: ExampleRenderChildren | React.ReactNode[] | React.ReactNode;
7
8
  inline?: boolean;
8
9
  title?: string;
10
+ hideDivider?: boolean;
9
11
  titlePadding?: PaddingProps;
10
12
  } & Omit<BoxProps, 'children'>;
11
13
  export declare const Example: ({
@@ -13,8 +15,31 @@ export declare const Example: ({
13
15
  inline,
14
16
  title,
15
17
  titlePadding,
18
+ hideDivider,
16
19
  ...props
17
20
  }: ExampleProps) => import('react/jsx-runtime').JSX.Element;
18
- export declare const ExampleScreen: React.FC<React.PropsWithChildren<unknown>>;
21
+ export declare const ExampleScreen: React.ForwardRefExoticComponent<
22
+ import('../styles/styleProps').StyleProps & {
23
+ children?: React.ReactNode;
24
+ style?: import('react-native').Animated.WithAnimatedValue<
25
+ import('react-native').StyleProp<import('react-native').ViewStyle>
26
+ >;
27
+ animated?: boolean;
28
+ elevation?: import('@coinbase/cds-common').ElevationLevels;
29
+ font?: import('@coinbase/cds-common').ThemeVars.FontFamily | 'inherit';
30
+ pin?: import('@coinbase/cds-common').PinningDirection;
31
+ bordered?: boolean;
32
+ borderedTop?: boolean;
33
+ borderedBottom?: boolean;
34
+ borderedStart?: boolean;
35
+ borderedEnd?: boolean;
36
+ borderedHorizontal?: boolean;
37
+ borderedVertical?: boolean;
38
+ dangerouslySetBackground?: string;
39
+ testID?: string;
40
+ } & {
41
+ children?: React.ReactNode | undefined;
42
+ } & React.RefAttributes<ScrollView>
43
+ >;
19
44
  export {};
20
45
  //# sourceMappingURL=ExampleScreen.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ExampleScreen.d.ts","sourceRoot":"","sources":["../../src/examples/ExampleScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAG/D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAM9C,KAAK,qBAAqB,GAAG,MAAM,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AAC5D,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,qBAAqB,GAAG,KAAK,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IACtE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AAE/B,eAAO,MAAM,OAAO,GAAI,qDAAqD,YAAY,4CAiCxF,CAAC;AAmBF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAOpE,CAAC"}
1
+ {"version":3,"file":"ExampleScreen.d.ts","sourceRoot":"","sources":["../../src/examples/ExampleScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AACvF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAG/D,OAAO,KAAK,EAAgB,QAAQ,EAAE,MAAM,eAAe,CAAC;AAM5D,KAAK,qBAAqB,GAAG,MAAM,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AAC5D,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,qBAAqB,GAAG,KAAK,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IACtE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AAM/B,eAAO,MAAM,OAAO,GAAI,kEAOrB,YAAY,4CA8Bd,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;oCAsCzB,CAAC"}