@coinbase/cds-web 8.28.2 → 8.30.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.
- package/CHANGELOG.md +14 -0
- package/dts/alpha/combobox/Combobox.d.ts +67 -0
- package/dts/alpha/combobox/Combobox.d.ts.map +1 -0
- package/dts/alpha/combobox/DefaultComboboxControl.d.ts +3 -0
- package/dts/alpha/combobox/DefaultComboboxControl.d.ts.map +1 -0
- package/dts/alpha/combobox/index.d.ts +3 -0
- package/dts/alpha/combobox/index.d.ts.map +1 -0
- package/dts/alpha/select/DefaultSelectControl.d.ts.map +1 -1
- package/dts/alpha/select/DefaultSelectDropdown.d.ts.map +1 -1
- package/dts/alpha/select/Select.d.ts.map +1 -1
- package/dts/alpha/select/types.d.ts +4 -0
- package/dts/alpha/select/types.d.ts.map +1 -1
- package/dts/alpha/select-chip/SelectChip.d.ts +12 -6
- package/dts/alpha/select-chip/SelectChip.d.ts.map +1 -1
- package/dts/alpha/select-chip/SelectChipControl.d.ts +2 -1
- package/dts/alpha/select-chip/SelectChipControl.d.ts.map +1 -1
- package/dts/alpha/tabbed-chips/TabbedChips.d.ts +5 -0
- package/dts/alpha/tabbed-chips/TabbedChips.d.ts.map +1 -1
- package/dts/chips/ChipProps.d.ts +6 -6
- package/dts/chips/ChipProps.d.ts.map +1 -1
- package/dts/hooks/useHorizontalScrollToTarget.d.ts +3 -3
- package/dts/hooks/useHorizontalScrollToTarget.d.ts.map +1 -1
- package/dts/overlays/FocusTrap.d.ts +1 -0
- package/dts/overlays/FocusTrap.d.ts.map +1 -1
- package/dts/overlays/tray/Tray.d.ts +6 -2
- package/dts/overlays/tray/Tray.d.ts.map +1 -1
- package/esm/alpha/combobox/Combobox.js +127 -0
- package/esm/alpha/combobox/DefaultComboboxControl.js +111 -0
- package/esm/alpha/combobox/index.js +2 -0
- package/esm/alpha/select/DefaultSelectControl.js +48 -39
- package/esm/alpha/select/DefaultSelectDropdown.js +6 -4
- package/esm/alpha/select/Select.js +3 -2
- package/esm/alpha/select-chip/SelectChip.js +27 -12
- package/esm/alpha/select-chip/SelectChipControl.js +6 -2
- package/esm/alpha/tabbed-chips/TabbedChips.js +4 -3
- package/esm/chips/TabbedChips.js +1 -1
- package/esm/hooks/useHorizontalScrollToTarget.js +6 -6
- package/esm/overlays/FocusTrap.js +1 -1
- package/esm/overlays/tray/Tray.js +5 -13
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -8,6 +8,20 @@ All notable changes to this project will be documented in this file.
|
|
|
8
8
|
|
|
9
9
|
<!-- template-start -->
|
|
10
10
|
|
|
11
|
+
## 8.30.0 (12/12/2025 PST)
|
|
12
|
+
|
|
13
|
+
#### 🚀 Updates
|
|
14
|
+
|
|
15
|
+
- Add autoScrollOffset prop to TabbedChips alpha. [[#232](https://github.com/coinbase/cds/pull/232)]
|
|
16
|
+
- Add maxWidth prop to SelectChip alpha [[#232](https://github.com/coinbase/cds/pull/232)] [DX-5072]
|
|
17
|
+
- Add displayValue prop to SelectChip alpha [[#232](https://github.com/coinbase/cds/pull/232)]
|
|
18
|
+
|
|
19
|
+
## 8.29.0 (12/12/2025 PST)
|
|
20
|
+
|
|
21
|
+
#### 🚀 Updates
|
|
22
|
+
|
|
23
|
+
- Combobox component and header prop for Tray. [[#182](https://github.com/coinbase/cds/pull/182)]
|
|
24
|
+
|
|
11
25
|
## 8.28.2 ((12/12/2025, 06:23 AM PST))
|
|
12
26
|
|
|
13
27
|
This is an artificial version bump with no new change.
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import type { SelectOptionList } from '../select';
|
|
2
|
+
import type {
|
|
3
|
+
SelectBaseProps,
|
|
4
|
+
SelectControlComponent,
|
|
5
|
+
SelectControlProps,
|
|
6
|
+
SelectOption,
|
|
7
|
+
SelectProps,
|
|
8
|
+
SelectRef,
|
|
9
|
+
SelectType,
|
|
10
|
+
} from '../select/Select';
|
|
11
|
+
export type ComboboxControlProps<
|
|
12
|
+
Type extends SelectType = 'single',
|
|
13
|
+
SelectOptionValue extends string = string,
|
|
14
|
+
> = SelectControlProps<Type, SelectOptionValue> &
|
|
15
|
+
Pick<ComboboxBaseProps<Type, SelectOptionValue>, 'hideSearchInput'> & {
|
|
16
|
+
/** Search text value */
|
|
17
|
+
searchText: string;
|
|
18
|
+
/** Search text change handler */
|
|
19
|
+
onSearch: (searchText: string) => void;
|
|
20
|
+
/** Reference to the combobox control for positioning */
|
|
21
|
+
controlRef: React.RefObject<ComboboxRef | null>;
|
|
22
|
+
/** Custom SelectControlComponent to wrap */
|
|
23
|
+
SelectControlComponent?: SelectControlComponent<Type, SelectOptionValue>;
|
|
24
|
+
};
|
|
25
|
+
export type ComboboxControlComponent = <
|
|
26
|
+
Type extends SelectType = 'single',
|
|
27
|
+
SelectOptionValue extends string = string,
|
|
28
|
+
>(
|
|
29
|
+
props: ComboboxControlProps<Type, SelectOptionValue>,
|
|
30
|
+
) => React.ReactElement;
|
|
31
|
+
export type ComboboxBaseProps<
|
|
32
|
+
Type extends SelectType = 'single',
|
|
33
|
+
SelectOptionValue extends string = string,
|
|
34
|
+
> = SelectBaseProps<Type, SelectOptionValue> & {
|
|
35
|
+
/** Controlled search text value */
|
|
36
|
+
searchText?: string;
|
|
37
|
+
/** Search text change handler */
|
|
38
|
+
onSearch?: (searchText: string) => void;
|
|
39
|
+
/** Custom filter function for searching options */
|
|
40
|
+
filterFunction?: (
|
|
41
|
+
options: SelectOptionList<Type, SelectOptionValue>,
|
|
42
|
+
searchText: string,
|
|
43
|
+
) => SelectOption<SelectOptionValue>[];
|
|
44
|
+
/** Default search text value for uncontrolled mode */
|
|
45
|
+
defaultSearchText?: string;
|
|
46
|
+
/** Hide the search input */
|
|
47
|
+
hideSearchInput?: boolean;
|
|
48
|
+
/** Custom ComboboxControlComponent to wrap SelectControlComponent. This component must be a stable reference */
|
|
49
|
+
ComboboxControlComponent?: ComboboxControlComponent;
|
|
50
|
+
};
|
|
51
|
+
export type ComboboxProps<
|
|
52
|
+
Type extends SelectType = 'single',
|
|
53
|
+
SelectOptionValue extends string = string,
|
|
54
|
+
> = ComboboxBaseProps<Type, SelectOptionValue> &
|
|
55
|
+
Pick<SelectProps<Type, SelectOptionValue>, 'styles' | 'classNames'>;
|
|
56
|
+
export type ComboboxRef = SelectRef;
|
|
57
|
+
type ComboboxComponent = <
|
|
58
|
+
Type extends SelectType = 'single',
|
|
59
|
+
SelectOptionValue extends string = string,
|
|
60
|
+
>(
|
|
61
|
+
props: ComboboxProps<Type, SelectOptionValue> & {
|
|
62
|
+
ref?: React.Ref<ComboboxRef>;
|
|
63
|
+
},
|
|
64
|
+
) => React.ReactElement;
|
|
65
|
+
export declare const Combobox: ComboboxComponent;
|
|
66
|
+
export {};
|
|
67
|
+
//# sourceMappingURL=Combobox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/alpha/combobox/Combobox.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAElD,OAAO,KAAK,EACV,eAAe,EACf,sBAAsB,EACtB,kBAAkB,EAClB,YAAY,EACZ,WAAW,EACX,SAAS,EACT,UAAU,EACX,MAAM,kBAAkB,CAAC;AAmC1B,MAAM,MAAM,oBAAoB,CAC9B,IAAI,SAAS,UAAU,GAAG,QAAQ,EAClC,iBAAiB,SAAS,MAAM,GAAG,MAAM,IACvC,kBAAkB,CAAC,IAAI,EAAE,iBAAiB,CAAC,GAC7C,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,GAAG;IACpE,wBAAwB;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,wDAAwD;IACxD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAChD,4CAA4C;IAC5C,sBAAsB,CAAC,EAAE,sBAAsB,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC;CAC1E,CAAC;AAEJ,MAAM,MAAM,wBAAwB,GAAG,CACrC,IAAI,SAAS,UAAU,GAAG,QAAQ,EAClC,iBAAiB,SAAS,MAAM,GAAG,MAAM,EAEzC,KAAK,EAAE,oBAAoB,CAAC,IAAI,EAAE,iBAAiB,CAAC,KACjD,KAAK,CAAC,YAAY,CAAC;AAExB,MAAM,MAAM,iBAAiB,CAC3B,IAAI,SAAS,UAAU,GAAG,QAAQ,EAClC,iBAAiB,SAAS,MAAM,GAAG,MAAM,IACvC,eAAe,CAAC,IAAI,EAAE,iBAAiB,CAAC,GAAG;IAC7C,mCAAmC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mDAAmD;IACnD,cAAc,CAAC,EAAE,CACf,OAAO,EAAE,gBAAgB,CAAC,IAAI,EAAE,iBAAiB,CAAC,EAClD,UAAU,EAAE,MAAM,KACf,YAAY,CAAC,iBAAiB,CAAC,EAAE,CAAC;IACvC,sDAAsD;IACtD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4BAA4B;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gHAAgH;IAChH,wBAAwB,CAAC,EAAE,wBAAwB,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,aAAa,CACvB,IAAI,SAAS,UAAU,GAAG,QAAQ,EAClC,iBAAiB,SAAS,MAAM,GAAG,MAAM,IACvC,iBAAiB,CAAC,IAAI,EAAE,iBAAiB,CAAC,GAC5C,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,iBAAiB,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAC,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG,SAAS,CAAC;AAEpC,KAAK,iBAAiB,GAAG,CACvB,IAAI,SAAS,UAAU,GAAG,QAAQ,EAClC,iBAAiB,SAAS,MAAM,GAAG,MAAM,EAEzC,KAAK,EAAE,aAAa,CAAC,IAAI,EAAE,iBAAiB,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;CAAE,KAC7E,KAAK,CAAC,YAAY,CAAC;AA4JxB,eAAO,MAAM,QAAQ,EAAmB,iBAAiB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DefaultComboboxControl.d.ts","sourceRoot":"","sources":["../../../src/alpha/combobox/DefaultComboboxControl.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,wBAAwB,EAAwB,MAAM,YAAY,CAAC;AAOjF,eAAO,MAAM,sBAAsB,EAqH9B,wBAAwB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/alpha/combobox/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,0BAA0B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultSelectControl.d.ts","sourceRoot":"","sources":["../../../src/alpha/select/DefaultSelectControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DefaultSelectControl.d.ts","sourceRoot":"","sources":["../../../src/alpha/select/DefaultSelectControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAgB9E,OAAO,EAEL,KAAK,kBAAkB,EAEvB,KAAK,UAAU,EAChB,MAAM,UAAU,CAAC;AAyBlB,KAAK,wBAAwB,GAAG,CAC9B,IAAI,SAAS,UAAU,EACvB,iBAAiB,SAAS,MAAM,GAAG,MAAM,EAEzC,KAAK,EAAE,kBAAkB,CAAC,IAAI,EAAE,iBAAiB,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;CAAE,KAClF,KAAK,CAAC,YAAY,CAAC;AA8YxB,eAAO,MAAM,oBAAoB,EAAoC,wBAAwB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultSelectDropdown.d.ts","sourceRoot":"","sources":["../../../src/alpha/select/DefaultSelectDropdown.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,mBAAmB,EAAsC,UAAU,EAAE,MAAM,UAAU,CAAC;AAMpG,KAAK,yBAAyB,GAAG,CAC/B,IAAI,SAAS,UAAU,EACvB,iBAAiB,SAAS,MAAM,GAAG,MAAM,EAEzC,KAAK,EAAE,mBAAmB,CAAC,IAAI,EAAE,iBAAiB,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,KACtF,KAAK,CAAC,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"DefaultSelectDropdown.d.ts","sourceRoot":"","sources":["../../../src/alpha/select/DefaultSelectDropdown.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,mBAAmB,EAAsC,UAAU,EAAE,MAAM,UAAU,CAAC;AAMpG,KAAK,yBAAyB,GAAG,CAC/B,IAAI,SAAS,UAAU,EACvB,iBAAiB,SAAS,MAAM,GAAG,MAAM,EAEzC,KAAK,EAAE,mBAAmB,CAAC,IAAI,EAAE,iBAAiB,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,KACtF,KAAK,CAAC,YAAY,CAAC;AA+ZxB,eAAO,MAAM,qBAAqB,EAAqC,yBAAyB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/alpha/select/Select.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/alpha/select/Select.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiC,KAAK,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAe/F,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAGtF,YAAY,EACV,eAAe,EACf,sBAAsB,EACtB,kBAAkB,EAClB,uBAAuB,EACvB,mBAAmB,EACnB,mCAAmC,EACnC,+BAA+B,EAC/B,YAAY,EACZ,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,0BAA0B,EAC1B,yBAAyB,EACzB,sBAAsB,EACtB,iBAAiB,EACjB,WAAW,EACX,UAAU,GACX,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAO,MAAM,yBAAyB,EAAE,mBAAmB,CAAC,oBAAoB,CAG/E,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,WAAW,GACjC,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC,GAAG;IACtC,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;CACjC,CAAC;AAEJ,KAAK,eAAe,GAAG,CACrB,IAAI,SAAS,UAAU,GAAG,QAAQ,EAClC,iBAAiB,SAAS,MAAM,GAAG,MAAM,EAEzC,KAAK,EAAE,WAAW,CAAC,IAAI,EAAE,iBAAiB,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;CAAE,KACzE,KAAK,CAAC,YAAY,CAAC;AAmQxB,eAAO,MAAM,MAAM,EAAiB,eAAe,CAAC"}
|
|
@@ -4,6 +4,7 @@ import type { CellBaseProps } from '../../cells/Cell';
|
|
|
4
4
|
import type { InputStackBaseProps } from '../../controls/InputStack';
|
|
5
5
|
import type { AriaHasPopupType } from '../../hooks/useA11yControlledVisibility';
|
|
6
6
|
import type { BoxDefaultElement, BoxProps } from '../../layout/Box';
|
|
7
|
+
import type { TrayProps } from '../../overlays/tray/Tray';
|
|
7
8
|
import type { PressableDefaultElement, PressableProps } from '../../system';
|
|
8
9
|
import type { InteractableBlendStyles } from '../../system/Interactable';
|
|
9
10
|
export type SelectType = 'single' | 'multi';
|
|
@@ -253,6 +254,7 @@ export type SelectDropdownProps<
|
|
|
253
254
|
> = SelectState<Type, SelectOptionValue> &
|
|
254
255
|
Pick<SharedAccessibilityProps, 'accessibilityLabel'> &
|
|
255
256
|
Omit<BoxProps<BoxDefaultElement>, 'onChange'> &
|
|
257
|
+
Pick<TrayProps, 'header' | 'footer'> &
|
|
256
258
|
Pick<SelectOptionProps<Type>, 'accessory' | 'media' | 'end'> & {
|
|
257
259
|
/** Whether this is for single or multi-select */
|
|
258
260
|
type?: Type;
|
|
@@ -375,6 +377,8 @@ export type SelectControlProps<
|
|
|
375
377
|
placeholder?: React.ReactNode;
|
|
376
378
|
/** Helper text displayed below the select */
|
|
377
379
|
helperText?: React.ReactNode;
|
|
380
|
+
/** Content node displayed below the selected values */
|
|
381
|
+
contentNode?: React.ReactNode;
|
|
378
382
|
/** Whether this is for single or multi-select */
|
|
379
383
|
type?: Type;
|
|
380
384
|
/** Whether the dropdown is currently open */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/alpha/select/types.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/alpha/select/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -2,18 +2,24 @@ import React from 'react';
|
|
|
2
2
|
import type { ChipBaseProps } from '../../chips';
|
|
3
3
|
import { type SelectRef } from '../select/Select';
|
|
4
4
|
import type { SelectProps, SelectType } from '../select/types';
|
|
5
|
-
export type SelectChipBaseProps = Pick<
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
export type SelectChipBaseProps = Pick<
|
|
6
|
+
ChipBaseProps,
|
|
7
|
+
'invertColorScheme' | 'numberOfLines' | 'maxWidth'
|
|
8
|
+
> & {
|
|
9
|
+
/**
|
|
10
|
+
* Override the displayed value in the chip control.
|
|
11
|
+
* Useful for avoiding truncation, especially in multi-select scenarios where multiple option labels might be too long to display.
|
|
12
|
+
* When provided, this value takes precedence over the default label generation.
|
|
13
|
+
*/
|
|
14
|
+
displayValue?: React.ReactNode;
|
|
15
|
+
};
|
|
10
16
|
export type SelectChipProps<
|
|
11
17
|
Type extends SelectType = 'single',
|
|
12
18
|
SelectOptionValue extends string = string,
|
|
13
19
|
> = SelectChipBaseProps &
|
|
14
20
|
Omit<
|
|
15
21
|
SelectProps<Type, SelectOptionValue>,
|
|
16
|
-
'SelectControlComponent' | 'helperText' | 'labelVariant' | 'variant'
|
|
22
|
+
'SelectControlComponent' | 'helperText' | 'labelVariant' | 'variant' | 'maxWidth'
|
|
17
23
|
>;
|
|
18
24
|
export declare const SelectChip: <
|
|
19
25
|
Type extends SelectType = 'single',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectChip.d.ts","sourceRoot":"","sources":["../../../src/alpha/select-chip/SelectChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"SelectChip.d.ts","sourceRoot":"","sources":["../../../src/alpha/select-chip/SelectChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,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,CACpC,aAAa,EACb,mBAAmB,GAAG,eAAe,GAAG,UAAU,CACnD,GAAG;IACF;;;;OAIG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC,CAAC;AAEF,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,GAAG,UAAU,CAClF,CAAC;AAqFJ,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"}
|
|
@@ -6,8 +6,9 @@ export declare const SelectChipControl: <
|
|
|
6
6
|
SelectOptionValue extends string = string,
|
|
7
7
|
>(
|
|
8
8
|
props: SelectControlProps<Type, SelectOptionValue> &
|
|
9
|
-
Pick<ChipBaseProps, 'invertColorScheme' | '
|
|
9
|
+
Pick<ChipBaseProps, 'invertColorScheme' | 'numberOfLines'> & {
|
|
10
10
|
ref?: React.Ref<HTMLElement>;
|
|
11
|
+
displayValue?: React.ReactNode;
|
|
11
12
|
},
|
|
12
13
|
) => React.ReactElement;
|
|
13
14
|
//# sourceMappingURL=SelectChipControl.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectChipControl.d.ts","sourceRoot":"","sources":["../../../src/alpha/select-chip/SelectChipControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,KAAK,aAAa,EAAa,MAAM,aAAa,CAAC;AAG5D,OAAO,EAEL,KAAK,kBAAkB,EAEvB,KAAK,UAAU,EAChB,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"SelectChipControl.d.ts","sourceRoot":"","sources":["../../../src/alpha/select-chip/SelectChipControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,KAAK,aAAa,EAAa,MAAM,aAAa,CAAC;AAG5D,OAAO,EAEL,KAAK,kBAAkB,EAEvB,KAAK,UAAU,EAChB,MAAM,iBAAiB,CAAC;AAiKzB,eAAO,MAAM,iBAAiB,EAAiC,CAC7D,IAAI,SAAS,UAAU,EACvB,iBAAiB,SAAS,MAAM,GAAG,MAAM,EAEzC,KAAK,EAAE,kBAAkB,CAAC,IAAI,EAAE,iBAAiB,CAAC,GAChD,IAAI,CAAC,aAAa,EAAE,mBAAmB,GAAG,eAAe,CAAC,GAAG;IAC3D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC,KACA,KAAK,CAAC,YAAY,CAAC"}
|
|
@@ -24,6 +24,11 @@ export type TabbedChipsBaseProps<T extends string = string> = Omit<
|
|
|
24
24
|
* @default false
|
|
25
25
|
*/
|
|
26
26
|
compact?: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* X position offset when auto-scrolling to active tab (to avoid active tab being covered by the paddle on the left side, default: 50px)
|
|
29
|
+
* @default 50
|
|
30
|
+
*/
|
|
31
|
+
autoScrollOffset?: number;
|
|
27
32
|
};
|
|
28
33
|
export type TabbedChipsProps<T extends string = string> = TabbedChipsBaseProps<T> &
|
|
29
34
|
SharedProps &
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabbedChips.d.ts","sourceRoot":"","sources":["../../../src/alpha/tabbed-chips/TabbedChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8E,MAAM,OAAO,CAAC;AACnG,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAE7F,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAGlE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAIvD,OAAO,EAAU,KAAK,oBAAoB,EAAE,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AACnF,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,YAAY,CAAC;AAmDpB,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,SAAS,CAAC,GAC9F,QAAQ,CAAC,CAAC,CAAC,GAAG;IACZ,SAAS,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;CACjE,CAAC;AAEJ,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CAChE,aAAa,CAAC,CAAC,CAAC,EACd,cAAc,GACd,8BAA8B,GAC9B,MAAM,GACN,0BAA0B,GAC1B,kBAAkB,CACrB,GAAG;IACF,YAAY,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5C,4BAA4B,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC;IAC5E,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TabbedChips.d.ts","sourceRoot":"","sources":["../../../src/alpha/tabbed-chips/TabbedChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8E,MAAM,OAAO,CAAC;AACnG,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAE7F,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAGlE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAIvD,OAAO,EAAU,KAAK,oBAAoB,EAAE,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AACnF,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,YAAY,CAAC;AAmDpB,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,SAAS,CAAC,GAC9F,QAAQ,CAAC,CAAC,CAAC,GAAG;IACZ,SAAS,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;CACjE,CAAC;AAEJ,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CAChE,aAAa,CAAC,CAAC,CAAC,EACd,cAAc,GACd,8BAA8B,GAC9B,MAAM,GACN,0BAA0B,GAC1B,kBAAkB,CACrB,GAAG;IACF,YAAY,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5C,4BAA4B,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC;IAC5E,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,oBAAoB,CAAC,CAAC,CAAC,GAC/E,WAAW,GACX,wBAAwB,GAAG;IACzB,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC7B,+BAA+B,CAAC,EAAE,MAAM,CAAC;IACzC,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC;;;OAGG;IACH,GAAG,CAAC,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAC,KAAK,CAAC,CAAC;IAC/C;;;;OAIG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAC,OAAO,CAAC,CAAC;IACnD,MAAM,CAAC,EAAE;QACP;;WAEG;QACH,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC3B;;WAEG;QACH,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACtC;;WAEG;QACH,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC7B;;WAEG;QACH,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC5B,CAAC;IACF,UAAU,CAAC,EAAE;QACX;;WAEG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;QACd;;WAEG;QACH,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB;;WAEG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH,CAAC;AAEJ,KAAK,aAAa,GAAG,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAC7C,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAA;CAAE,KACnE,KAAK,CAAC,YAAY,CAAC;AAwGxB,eAAO,MAAM,WAAW,EAA2B,aAAa,CAAC"}
|
package/dts/chips/ChipProps.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
+
import type { SharedAccessibilityProps, SharedProps } from '@coinbase/cds-common/types';
|
|
1
2
|
import type {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
} from '
|
|
6
|
-
import type { PressableDefaultElement, PressableProps } from '../system/Pressable';
|
|
3
|
+
PressableBaseProps,
|
|
4
|
+
PressableDefaultElement,
|
|
5
|
+
PressableProps,
|
|
6
|
+
} from '../system/Pressable';
|
|
7
7
|
export type ChipBaseProps = SharedProps &
|
|
8
8
|
Omit<
|
|
9
9
|
PressableProps<PressableDefaultElement>,
|
|
@@ -27,7 +27,7 @@ export type ChipBaseProps = SharedProps &
|
|
|
27
27
|
* If text content overflows, it will get truncated with an ellipsis.
|
|
28
28
|
* @default 200
|
|
29
29
|
*/
|
|
30
|
-
maxWidth?:
|
|
30
|
+
maxWidth?: PressableBaseProps['maxWidth'];
|
|
31
31
|
/**
|
|
32
32
|
* Invert the foreground and background colors to emphasize the Chip.
|
|
33
33
|
* Depending on your theme, it may be dangerous to use this prop in conjunction with `transparentWhileInactive`.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChipProps.d.ts","sourceRoot":"","sources":["../../src/chips/ChipProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"ChipProps.d.ts","sourceRoot":"","sources":["../../src/chips/ChipProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,wBAAwB,EACxB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAEpC,OAAO,KAAK,EACV,kBAAkB,EAClB,uBAAuB,EACvB,cAAc,EACf,MAAM,qBAAqB,CAAC;AAE7B,MAAM,MAAM,aAAa,GAAG,WAAW,GACrC,IAAI,CACF,cAAc,CAAC,uBAAuB,CAAC,EACrC,UAAU,GACV,SAAS,GACT,OAAO,GACP,eAAe,GACf,mBAAmB,GACnB,yBAAyB,GACzB,UAAU,GACV,OAAO,CACV,GACD,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,CAAC,GAAG;IACrD,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,wCAAwC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,uCAAuC;IACvC,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAC1C;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,iDAAiD;IACjD,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC3B,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC/B,CAAC;IACF,qCAAqC;IACrC,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAEJ,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC;AAEtC,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG;IACvC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export type UseHorizontalScrollToTargetOptions = {
|
|
2
2
|
scrollThrottleWaitTime?: number;
|
|
3
3
|
activeTarget?: HTMLElement | null;
|
|
4
|
-
|
|
4
|
+
autoScrollOffset?: number;
|
|
5
5
|
overflowThreshold?: number;
|
|
6
6
|
};
|
|
7
7
|
/**
|
|
@@ -11,13 +11,13 @@ export type UseHorizontalScrollToTargetOptions = {
|
|
|
11
11
|
*
|
|
12
12
|
* @param scrollThrottleWaitTime - Throttle time for scroll events (default: 200ms)
|
|
13
13
|
* @param activeTarget - The active element to scroll to when it's offscreen
|
|
14
|
-
* @param
|
|
14
|
+
* @param autoScrollOffset - X position offset when auto-scrolling to active target
|
|
15
15
|
* @param overflowThreshold - Threshold for detecting if content is offscreen (default: 5px)
|
|
16
16
|
*/
|
|
17
17
|
export declare const useHorizontalScrollToTarget: ({
|
|
18
18
|
scrollThrottleWaitTime,
|
|
19
19
|
activeTarget,
|
|
20
|
-
|
|
20
|
+
autoScrollOffset,
|
|
21
21
|
overflowThreshold,
|
|
22
22
|
}?: UseHorizontalScrollToTargetOptions) => {
|
|
23
23
|
scrollRef: import('react').RefObject<HTMLDivElement>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useHorizontalScrollToTarget.d.ts","sourceRoot":"","sources":["../../src/hooks/useHorizontalScrollToTarget.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,kCAAkC,GAAG;IAC/C,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,
|
|
1
|
+
{"version":3,"file":"useHorizontalScrollToTarget.d.ts","sourceRoot":"","sources":["../../src/hooks/useHorizontalScrollToTarget.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,kCAAkC,GAAG;IAC/C,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,2BAA2B,GAAI,iFAKzC,kCAAuC;;;;;CAkEzC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FocusTrap.d.ts","sourceRoot":"","sources":["../../src/overlays/FocusTrap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwD,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAMrD,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,YAAY,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;
|
|
1
|
+
{"version":3,"file":"FocusTrap.d.ts","sourceRoot":"","sources":["../../src/overlays/FocusTrap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwD,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAMrD,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,YAAY,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAGF,eAAO,MAAM,eAAe,UAAiD,CAAC;AA+B9E,eAAO,MAAM,SAAS,4CA6RpB,CAAC"}
|
|
@@ -5,7 +5,9 @@ export type TrayRenderChildren = React.FC<{
|
|
|
5
5
|
}>;
|
|
6
6
|
export type TrayBaseProps = {
|
|
7
7
|
children: React.ReactNode | TrayRenderChildren;
|
|
8
|
-
/**
|
|
8
|
+
/** ReactNode to render as the Drawer header */
|
|
9
|
+
header?: React.ReactNode;
|
|
10
|
+
/** ReactNode to render as the Drawer footer */
|
|
9
11
|
footer?: React.ReactNode;
|
|
10
12
|
/** HTML ID for the tray */
|
|
11
13
|
id?: string;
|
|
@@ -76,7 +78,9 @@ export declare const Tray: React.MemoExoticComponent<
|
|
|
76
78
|
React.ForwardRefExoticComponent<
|
|
77
79
|
{
|
|
78
80
|
children: React.ReactNode | TrayRenderChildren;
|
|
79
|
-
/**
|
|
81
|
+
/** ReactNode to render as the Drawer header */
|
|
82
|
+
header?: React.ReactNode;
|
|
83
|
+
/** ReactNode to render as the Drawer footer */
|
|
80
84
|
footer?: React.ReactNode;
|
|
81
85
|
/** HTML ID for the tray */
|
|
82
86
|
id?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tray.d.ts","sourceRoot":"","sources":["../../../src/overlays/tray/Tray.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAiBrE,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,EAAE,CAAC;IAAE,WAAW,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC,CAAC;AAEvE,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,kBAAkB,CAAC;IAC/C,
|
|
1
|
+
{"version":3,"file":"Tray.d.ts","sourceRoot":"","sources":["../../../src/overlays/tray/Tray.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAiBrE,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,EAAE,CAAC;IAAE,WAAW,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC,CAAC;AAEvE,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,kBAAkB,CAAC;IAC/C,+CAA+C;IAC/C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,2BAA2B;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qDAAqD;IACrD,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,GAAG,QAAQ,KAAK,IAAI,CAAC;IAC7D,kFAAkF;IAClF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,QAAQ,GAAG,aAAa,CAAC,CAAC;IACzD,gDAAgD;IAChD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;OAGG;IACH,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;;;OAMG;IACH,uBAAuB,CAAC,EAAE,wBAAwB,CAAC,oBAAoB,CAAC,CAAC;IACzE;;;;;;;OAOG;IACH,sBAAsB,CAAC,EAAE,wBAAwB,CAAC,mBAAmB,CAAC,CAAC;CACxE,GAAG,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,CAAC,CAAC;AAuBzD,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC;AAGtC,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,IAAI;cA/FL,KAAK,CAAC,SAAS,GAAG,kBAAkB;IAC9C,+CAA+C;aACtC,KAAK,CAAC,SAAS;IACxB,+CAA+C;aACtC,KAAK,CAAC,SAAS;IACxB,2BAA2B;SACtB,MAAM;IACX,oEAAoE;aAC3D,MAAM,IAAI;IACnB,qDAAqD;cAC3C,MAAM,IAAI;IACpB,qDAAqD;qBACpC,MAAM,IAAI;IAC3B;;;;OAIG;yBACkB,CAAC,OAAO,EAAE,SAAS,GAAG,QAAQ,KAAK,IAAI;IAC5D,kFAAkF;qBACjE,OAAO;IACxB;;;OAGG;WACI,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,QAAQ,GAAG,aAAa,CAAC;IACxD,gDAAgD;YACxC,KAAK,CAAC,SAAS;IACvB;;;OAGG;qCAC8B,MAAM;IACvC,mCAAmC;aAC1B,MAAM;IACf;;;;OAIG;4BACqB,OAAO;IAC/B;;;;;OAKG;4BACqB,OAAO;IAC/B;;;;;;OAMG;8BACuB,wBAAwB,CAAC,oBAAoB,CAAC;IACxE;;;;;;;OAOG;6BACsB,wBAAwB,CAAC,mBAAmB,CAAC;8FAuMvE,CAAC"}
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
const _excluded = ["ComboboxControlComponent"],
|
|
2
|
+
_excluded2 = ["type", "value", "onChange", "options", "open", "setOpen", "placeholder", "accessibilityLabel", "defaultOpen", "searchText", "onSearch", "defaultSearchText", "filterFunction", "SelectControlComponent", "ComboboxControlComponent", "hideSearchInput"];
|
|
3
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
6
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
7
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
8
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
9
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
10
|
+
import { createContext, forwardRef, memo, useCallback, useContext, useImperativeHandle, useMemo, useRef, useState } from 'react';
|
|
11
|
+
import Fuse from 'fuse.js';
|
|
12
|
+
import { DefaultSelectControl } from '../select/DefaultSelectControl';
|
|
13
|
+
import { Select } from '../select/Select';
|
|
14
|
+
import { DefaultComboboxControl } from './DefaultComboboxControl';
|
|
15
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
16
|
+
/**
|
|
17
|
+
* Context used for Combobox props needed to render to the ComboboxControlComponent.
|
|
18
|
+
* We use the any type here because the concrete type is not known at this point.
|
|
19
|
+
* The unknown type does not satisfy the SelectType type.
|
|
20
|
+
*/
|
|
21
|
+
const ComboboxContext = /*#__PURE__*/createContext(null);
|
|
22
|
+
const useComboboxContext = () => {
|
|
23
|
+
const context = useContext(ComboboxContext);
|
|
24
|
+
if (!context) {
|
|
25
|
+
throw new Error('Combobox components must be used within ComboboxContext.Provider');
|
|
26
|
+
}
|
|
27
|
+
return context;
|
|
28
|
+
};
|
|
29
|
+
/**
|
|
30
|
+
* Wraps the ComboboxControlComponent with passed in props and the ComboboxContext values.
|
|
31
|
+
* This allows the usage of all props when wanting to use a custom SelectControlComponent in Combobox.
|
|
32
|
+
* Otherwise, a customer using a custom component would need to use props and context to get the
|
|
33
|
+
* <ComboboxControlComponent> rendering correctly.
|
|
34
|
+
*/
|
|
35
|
+
const ComboboxControlContextAdapter = /*#__PURE__*/memo(_ref => {
|
|
36
|
+
let {
|
|
37
|
+
ComboboxControlComponent
|
|
38
|
+
} = _ref,
|
|
39
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
40
|
+
const {
|
|
41
|
+
searchText,
|
|
42
|
+
onSearch,
|
|
43
|
+
hideSearchInput,
|
|
44
|
+
options
|
|
45
|
+
} = useComboboxContext();
|
|
46
|
+
return /*#__PURE__*/_jsx(ComboboxControlComponent, _objectSpread(_objectSpread({}, props), {}, {
|
|
47
|
+
hideSearchInput: hideSearchInput,
|
|
48
|
+
onSearch: onSearch,
|
|
49
|
+
options: options,
|
|
50
|
+
searchText: searchText
|
|
51
|
+
}));
|
|
52
|
+
});
|
|
53
|
+
const ComboboxBase = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref2, ref) => {
|
|
54
|
+
let {
|
|
55
|
+
type = 'single',
|
|
56
|
+
value,
|
|
57
|
+
onChange,
|
|
58
|
+
options,
|
|
59
|
+
open: openProp,
|
|
60
|
+
setOpen: setOpenProp,
|
|
61
|
+
placeholder,
|
|
62
|
+
accessibilityLabel = 'Combobox control',
|
|
63
|
+
defaultOpen,
|
|
64
|
+
searchText: searchTextProp,
|
|
65
|
+
onSearch: onSearchProp,
|
|
66
|
+
defaultSearchText = '',
|
|
67
|
+
filterFunction,
|
|
68
|
+
SelectControlComponent = DefaultSelectControl,
|
|
69
|
+
ComboboxControlComponent = DefaultComboboxControl,
|
|
70
|
+
hideSearchInput
|
|
71
|
+
} = _ref2,
|
|
72
|
+
props = _objectWithoutProperties(_ref2, _excluded2);
|
|
73
|
+
const [searchTextInternal, setSearchTextInternal] = useState(defaultSearchText);
|
|
74
|
+
const searchText = searchTextProp !== null && searchTextProp !== void 0 ? searchTextProp : searchTextInternal;
|
|
75
|
+
const setSearchText = onSearchProp !== null && onSearchProp !== void 0 ? onSearchProp : setSearchTextInternal;
|
|
76
|
+
if (typeof searchTextProp === 'undefined' !== (typeof onSearchProp === 'undefined')) {
|
|
77
|
+
throw Error('Combobox component must be fully controlled or uncontrolled: "searchText" and "onSearch" props must be provided together or not at all');
|
|
78
|
+
}
|
|
79
|
+
const [openInternal, setOpenInternal] = useState(defaultOpen !== null && defaultOpen !== void 0 ? defaultOpen : false);
|
|
80
|
+
const open = openProp !== null && openProp !== void 0 ? openProp : openInternal;
|
|
81
|
+
const setOpen = setOpenProp !== null && setOpenProp !== void 0 ? setOpenProp : setOpenInternal;
|
|
82
|
+
if (typeof openProp === 'undefined' !== (typeof setOpenProp === 'undefined')) throw Error('Combobox component must be fully controlled or uncontrolled: "open" and "setOpen" props must be provided together or not at all');
|
|
83
|
+
const fuse = useMemo(() => new Fuse(options, {
|
|
84
|
+
keys: ['label', 'description'],
|
|
85
|
+
threshold: 0.3
|
|
86
|
+
}), [options]);
|
|
87
|
+
const filteredOptions = useMemo(() => {
|
|
88
|
+
if (searchText.length === 0) return options;
|
|
89
|
+
if (filterFunction) return filterFunction(options, searchText);
|
|
90
|
+
return fuse.search(searchText).map(result => result.item);
|
|
91
|
+
}, [filterFunction, fuse, options, searchText]);
|
|
92
|
+
const handleChange = useCallback(value => {
|
|
93
|
+
onChange === null || onChange === void 0 || onChange(value);
|
|
94
|
+
}, [onChange]);
|
|
95
|
+
const controlRef = useRef(null);
|
|
96
|
+
useImperativeHandle(ref, () => Object.assign(controlRef.current, {
|
|
97
|
+
open,
|
|
98
|
+
setOpen
|
|
99
|
+
}));
|
|
100
|
+
const ComboboxControl = useCallback(props => /*#__PURE__*/_jsx(ComboboxControlContextAdapter, _objectSpread(_objectSpread({}, props), {}, {
|
|
101
|
+
ComboboxControlComponent: ComboboxControlComponent,
|
|
102
|
+
SelectControlComponent: SelectControlComponent,
|
|
103
|
+
controlRef: controlRef
|
|
104
|
+
})), [SelectControlComponent, ComboboxControlComponent]);
|
|
105
|
+
return /*#__PURE__*/_jsx(ComboboxContext.Provider, {
|
|
106
|
+
value: {
|
|
107
|
+
searchText,
|
|
108
|
+
onSearch: setSearchText,
|
|
109
|
+
hideSearchInput: hideSearchInput !== null && hideSearchInput !== void 0 ? hideSearchInput : false,
|
|
110
|
+
options
|
|
111
|
+
},
|
|
112
|
+
children: /*#__PURE__*/_jsx(Select, _objectSpread({
|
|
113
|
+
ref: controlRef,
|
|
114
|
+
SelectControlComponent: ComboboxControl,
|
|
115
|
+
accessibilityLabel: accessibilityLabel,
|
|
116
|
+
defaultOpen: defaultOpen,
|
|
117
|
+
onChange: handleChange,
|
|
118
|
+
open: open,
|
|
119
|
+
options: filteredOptions,
|
|
120
|
+
placeholder: placeholder,
|
|
121
|
+
setOpen: setOpen,
|
|
122
|
+
type: type,
|
|
123
|
+
value: value
|
|
124
|
+
}, props))
|
|
125
|
+
});
|
|
126
|
+
}));
|
|
127
|
+
export const Combobox = ComboboxBase;
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
const _excluded = ["SelectControlComponent", "value", "placeholder", "controlRef", "hideSearchInput", "options", "open", "setOpen", "compact", "searchText", "onSearch"];
|
|
2
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
5
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
6
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
7
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
8
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
9
|
+
import { memo, useCallback, useEffect, useRef } from 'react';
|
|
10
|
+
import { NativeInput } from '../../controls/NativeInput';
|
|
11
|
+
import { HStack } from '../../layout';
|
|
12
|
+
import { NAVIGATION_KEYS } from '../../overlays/FocusTrap';
|
|
13
|
+
import { Text } from '../../typography';
|
|
14
|
+
import { DefaultSelectControl } from '../select/DefaultSelectControl';
|
|
15
|
+
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
16
|
+
const hasSelectedValue = currentValue => currentValue !== null && typeof currentValue !== 'undefined' && !(Array.isArray(currentValue) && currentValue.length === 0);
|
|
17
|
+
export const DefaultComboboxControl = /*#__PURE__*/memo(_ref => {
|
|
18
|
+
var _controlRef$current, _props$styles, _props$styles2;
|
|
19
|
+
let {
|
|
20
|
+
SelectControlComponent = DefaultSelectControl,
|
|
21
|
+
value,
|
|
22
|
+
placeholder,
|
|
23
|
+
controlRef,
|
|
24
|
+
hideSearchInput,
|
|
25
|
+
options,
|
|
26
|
+
open,
|
|
27
|
+
setOpen,
|
|
28
|
+
compact,
|
|
29
|
+
searchText,
|
|
30
|
+
onSearch
|
|
31
|
+
} = _ref,
|
|
32
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
33
|
+
const searchInputRef = useRef(null);
|
|
34
|
+
const hasValue = hasSelectedValue(value);
|
|
35
|
+
const shouldShowSearchInput = !hideSearchInput && (!hasValue || open);
|
|
36
|
+
useEffect(() => {
|
|
37
|
+
if (shouldShowSearchInput && open) {
|
|
38
|
+
var _searchInputRef$curre;
|
|
39
|
+
(_searchInputRef$curre = searchInputRef.current) === null || _searchInputRef$curre === void 0 || _searchInputRef$curre.focus();
|
|
40
|
+
}
|
|
41
|
+
}, [shouldShowSearchInput, open]);
|
|
42
|
+
const handleSearchChange = useCallback(event => {
|
|
43
|
+
onSearch(event.target.value);
|
|
44
|
+
}, [onSearch]);
|
|
45
|
+
const handleSearchClick = useCallback(event => {
|
|
46
|
+
event.stopPropagation();
|
|
47
|
+
setOpen(true);
|
|
48
|
+
}, [setOpen]);
|
|
49
|
+
return /*#__PURE__*/_jsx(SelectControlComponent, _objectSpread(_objectSpread({
|
|
50
|
+
ref: (_controlRef$current = controlRef.current) === null || _controlRef$current === void 0 ? void 0 : _controlRef$current.refs.setReference,
|
|
51
|
+
compact: compact,
|
|
52
|
+
open: open,
|
|
53
|
+
options: options,
|
|
54
|
+
setOpen: setOpen,
|
|
55
|
+
value: value
|
|
56
|
+
}, props), {}, {
|
|
57
|
+
contentNode: shouldShowSearchInput ? /*#__PURE__*/_jsx(HStack, {
|
|
58
|
+
flexGrow: 1,
|
|
59
|
+
flexWrap: "wrap",
|
|
60
|
+
width: "100%",
|
|
61
|
+
children: /*#__PURE__*/_jsx(NativeInput, {
|
|
62
|
+
ref: searchInputRef,
|
|
63
|
+
onChange: handleSearchChange,
|
|
64
|
+
onClick: handleSearchClick,
|
|
65
|
+
onKeyDown: event => {
|
|
66
|
+
if (!NAVIGATION_KEYS.includes(event.key)) {
|
|
67
|
+
event.stopPropagation();
|
|
68
|
+
}
|
|
69
|
+
if (event.key === 'Enter' || !NAVIGATION_KEYS.includes(event.key) && !event.shiftKey) {
|
|
70
|
+
setOpen(true);
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
placeholder: typeof placeholder === 'string' ? placeholder : undefined,
|
|
74
|
+
style: {
|
|
75
|
+
paddingLeft: 0,
|
|
76
|
+
paddingRight: 0,
|
|
77
|
+
height: hasValue ? 24 : compact ? 40 : 48,
|
|
78
|
+
minWidth: 0,
|
|
79
|
+
flexGrow: 1,
|
|
80
|
+
width: '100%',
|
|
81
|
+
overflow: 'hidden',
|
|
82
|
+
textOverflow: 'ellipsis',
|
|
83
|
+
whiteSpace: 'nowrap'
|
|
84
|
+
},
|
|
85
|
+
tabIndex: 0,
|
|
86
|
+
value: searchText
|
|
87
|
+
})
|
|
88
|
+
}) : /*#__PURE__*/_jsx(_Fragment, {
|
|
89
|
+
children: hasValue ? null : /*#__PURE__*/_jsx(Text, {
|
|
90
|
+
as: "p",
|
|
91
|
+
color: "fgMuted",
|
|
92
|
+
display: "block",
|
|
93
|
+
font: "body",
|
|
94
|
+
overflow: "truncate",
|
|
95
|
+
paddingY: 0,
|
|
96
|
+
children: placeholder
|
|
97
|
+
})
|
|
98
|
+
}),
|
|
99
|
+
placeholder: null,
|
|
100
|
+
styles: _objectSpread(_objectSpread({}, props.styles), {}, {
|
|
101
|
+
controlEndNode: _objectSpread(_objectSpread({}, (_props$styles = props.styles) === null || _props$styles === void 0 ? void 0 : _props$styles.controlEndNode), {}, {
|
|
102
|
+
alignItems: hasValue && shouldShowSearchInput ? 'flex-end' : 'center'
|
|
103
|
+
}),
|
|
104
|
+
controlValueNode: _objectSpread(_objectSpread({}, (_props$styles2 = props.styles) === null || _props$styles2 === void 0 ? void 0 : _props$styles2.controlValueNode), {}, {
|
|
105
|
+
paddingTop: hasValue ? compact ? 'var(--space-1)' : 'var(--space-1_5)' : 0,
|
|
106
|
+
paddingBottom: hasValue ? compact ? 'var(--space-1)' : 'var(--space-1_5)' : 0
|
|
107
|
+
})
|
|
108
|
+
}),
|
|
109
|
+
tabIndex: shouldShowSearchInput ? -1 : 0
|
|
110
|
+
}));
|
|
111
|
+
});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const _excluded = ["type", "options", "value", "onChange", "open", "placeholder", "disabled", "setOpen", "variant", "helperText", "label", "labelVariant", "startNode", "endNode", "compact", "blendStyles", "maxSelectedOptionsToShow", "hiddenSelectedOptionsLabel", "removeSelectedOptionAccessibilityLabel", "accessibilityLabel", "ariaHaspopup", "styles", "classNames"];
|
|
1
|
+
const _excluded = ["type", "options", "value", "onChange", "open", "placeholder", "disabled", "setOpen", "variant", "helperText", "label", "labelVariant", "contentNode", "startNode", "endNode", "compact", "blendStyles", "maxSelectedOptionsToShow", "hiddenSelectedOptionsLabel", "removeSelectedOptionAccessibilityLabel", "accessibilityLabel", "ariaHaspopup", "tabIndex", "styles", "classNames"];
|
|
2
2
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
4
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
@@ -13,6 +13,7 @@ import { InputLabel } from '../../controls/InputLabel';
|
|
|
13
13
|
import { InputStack } from '../../controls/InputStack';
|
|
14
14
|
import { cx } from '../../cx';
|
|
15
15
|
import { HStack } from '../../layout/HStack';
|
|
16
|
+
import { VStack } from '../../layout/VStack';
|
|
16
17
|
import { AnimatedCaret } from '../../motion/AnimatedCaret';
|
|
17
18
|
import { Pressable } from '../../system/Pressable';
|
|
18
19
|
import { Text } from '../../typography/Text';
|
|
@@ -48,6 +49,7 @@ const DefaultSelectControlComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(
|
|
|
48
49
|
helperText,
|
|
49
50
|
label,
|
|
50
51
|
labelVariant,
|
|
52
|
+
contentNode,
|
|
51
53
|
startNode,
|
|
52
54
|
endNode: customEndNode,
|
|
53
55
|
compact,
|
|
@@ -57,12 +59,13 @@ const DefaultSelectControlComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(
|
|
|
57
59
|
removeSelectedOptionAccessibilityLabel = 'Remove',
|
|
58
60
|
accessibilityLabel,
|
|
59
61
|
ariaHaspopup,
|
|
62
|
+
tabIndex = 0,
|
|
60
63
|
styles,
|
|
61
64
|
classNames
|
|
62
65
|
} = _ref,
|
|
63
66
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
64
|
-
const shouldShowCompactLabel = compact && label;
|
|
65
67
|
const isMultiSelect = type === 'multi';
|
|
68
|
+
const shouldShowCompactLabel = compact && label && !isMultiSelect;
|
|
66
69
|
const hasValue = value !== null && !(Array.isArray(value) && value.length === 0);
|
|
67
70
|
|
|
68
71
|
// Map of options to their values
|
|
@@ -131,22 +134,23 @@ const DefaultSelectControlComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(
|
|
|
131
134
|
style: styles === null || styles === void 0 ? void 0 : styles.controlHelperTextNode,
|
|
132
135
|
children: helperText
|
|
133
136
|
}) : helperText, [helperText, variant, classNames === null || classNames === void 0 ? void 0 : classNames.controlHelperTextNode, styles === null || styles === void 0 ? void 0 : styles.controlHelperTextNode]);
|
|
134
|
-
const labelNode = useMemo(() =>
|
|
137
|
+
const labelNode = useMemo(() => labelVariant === 'inside' ? /*#__PURE__*/_jsx(Pressable, {
|
|
135
138
|
noScaleOnPress: true,
|
|
136
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.controlLabelNode,
|
|
137
|
-
disabled: disabled,
|
|
138
|
-
height: 28,
|
|
139
139
|
onClick: () => setOpen(s => !s),
|
|
140
|
-
style: styles === null || styles === void 0 ? void 0 : styles.controlLabelNode,
|
|
141
|
-
tabIndex: -1,
|
|
142
140
|
children: /*#__PURE__*/_jsx(InputLabel, {
|
|
141
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.controlLabelNode,
|
|
143
142
|
color: "fg",
|
|
144
143
|
paddingBottom: 0,
|
|
145
|
-
|
|
146
|
-
|
|
144
|
+
paddingStart: 2,
|
|
145
|
+
style: styles === null || styles === void 0 ? void 0 : styles.controlLabelNode,
|
|
147
146
|
children: label
|
|
148
147
|
})
|
|
149
|
-
}) :
|
|
148
|
+
}) : typeof label === 'string' ? /*#__PURE__*/_jsx(InputLabel, {
|
|
149
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.controlLabelNode,
|
|
150
|
+
color: "fg",
|
|
151
|
+
style: styles === null || styles === void 0 ? void 0 : styles.controlLabelNode,
|
|
152
|
+
children: label
|
|
153
|
+
}) : label, [labelVariant, classNames === null || classNames === void 0 ? void 0 : classNames.controlLabelNode, styles === null || styles === void 0 ? void 0 : styles.controlLabelNode, label, setOpen]);
|
|
150
154
|
const valueNode = useMemo(() => {
|
|
151
155
|
var _ref5, _ref6, _option$label2;
|
|
152
156
|
if (hasValue && isMultiSelect) {
|
|
@@ -187,6 +191,7 @@ const DefaultSelectControlComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(
|
|
|
187
191
|
display: "block",
|
|
188
192
|
font: "body",
|
|
189
193
|
overflow: "truncate",
|
|
194
|
+
width: "100%",
|
|
190
195
|
children: content
|
|
191
196
|
}) : content;
|
|
192
197
|
}, [hasValue, isMultiSelect, optionsMap, placeholder, value, maxSelectedOptionsToShow, hiddenSelectedOptionsLabel, removeSelectedOptionAccessibilityLabel, handleUnselectValue]);
|
|
@@ -204,12 +209,14 @@ const DefaultSelectControlComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(
|
|
|
204
209
|
className: cx(noFocusOutlineCss, classNames === null || classNames === void 0 ? void 0 : classNames.controlInputNode),
|
|
205
210
|
disabled: disabled,
|
|
206
211
|
flexGrow: 1,
|
|
212
|
+
flexShrink: 1,
|
|
207
213
|
focusable: false,
|
|
208
214
|
minHeight: labelVariant === 'inside' ? LABEL_VARIANT_INSIDE_HEIGHT : compact ? COMPACT_HEIGHT : DEFAULT_HEIGHT,
|
|
209
215
|
minWidth: 0,
|
|
210
216
|
onClick: () => setOpen(s => !s),
|
|
211
217
|
paddingStart: 1,
|
|
212
218
|
style: styles === null || styles === void 0 ? void 0 : styles.controlInputNode,
|
|
219
|
+
tabIndex: tabIndex,
|
|
213
220
|
children: [!!startNode && /*#__PURE__*/_jsx(HStack, {
|
|
214
221
|
alignItems: "center",
|
|
215
222
|
className: classNames === null || classNames === void 0 ? void 0 : classNames.controlStartNode,
|
|
@@ -221,52 +228,54 @@ const DefaultSelectControlComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(
|
|
|
221
228
|
children: startNode
|
|
222
229
|
}), shouldShowCompactLabel ? /*#__PURE__*/_jsx(HStack, {
|
|
223
230
|
alignItems: "center",
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
width: "40%",
|
|
227
|
-
children: /*#__PURE__*/_jsx(InputLabel, {
|
|
228
|
-
color: "fg",
|
|
229
|
-
overflow: "truncate",
|
|
230
|
-
children: label
|
|
231
|
-
})
|
|
231
|
+
paddingX: 1,
|
|
232
|
+
children: labelNode
|
|
232
233
|
}) : null, /*#__PURE__*/_jsx(HStack, {
|
|
233
234
|
alignItems: "center",
|
|
234
|
-
|
|
235
|
+
flexGrow: 1,
|
|
236
|
+
flexShrink: 1,
|
|
237
|
+
height: "100%",
|
|
235
238
|
justifyContent: "space-between",
|
|
236
|
-
|
|
237
|
-
|
|
239
|
+
minWidth: 0,
|
|
240
|
+
width: "100%",
|
|
241
|
+
children: /*#__PURE__*/_jsxs(VStack, {
|
|
238
242
|
ref: valueNodeContainerRef,
|
|
239
|
-
alignItems: "
|
|
243
|
+
alignItems: "flex-start",
|
|
240
244
|
className: classNames === null || classNames === void 0 ? void 0 : classNames.controlValueNode,
|
|
241
245
|
flexGrow: 1,
|
|
242
246
|
flexShrink: 1,
|
|
243
247
|
flexWrap: "wrap",
|
|
244
248
|
gap: 1,
|
|
245
|
-
justifyContent:
|
|
246
|
-
|
|
247
|
-
|
|
249
|
+
justifyContent: "flex-start",
|
|
250
|
+
minWidth: 0,
|
|
251
|
+
overflow: "hidden",
|
|
248
252
|
paddingX: 1,
|
|
249
|
-
paddingY: labelVariant === 'inside'
|
|
253
|
+
paddingY: labelVariant === 'inside' && !isMultiSelect ? 0 : compact ? 1 : 1.5,
|
|
250
254
|
style: styles === null || styles === void 0 ? void 0 : styles.controlValueNode,
|
|
251
|
-
children: valueNode
|
|
255
|
+
children: [valueNode, contentNode]
|
|
252
256
|
})
|
|
253
257
|
})]
|
|
254
|
-
}), [accessibilityLabel, ariaHaspopup, interactableBlendStyles, classNames === null || classNames === void 0 ? void 0 : classNames.controlInputNode, classNames === null || classNames === void 0 ? void 0 : classNames.controlStartNode, classNames === null || classNames === void 0 ? void 0 : classNames.controlValueNode, disabled, styles === null || styles === void 0 ? void 0 : styles.controlInputNode, styles === null || styles === void 0 ? void 0 : styles.controlStartNode, styles === null || styles === void 0 ? void 0 : styles.controlValueNode, startNode, shouldShowCompactLabel,
|
|
255
|
-
const endNode = useMemo(() => /*#__PURE__*/_jsx(
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
children: /*#__PURE__*/_jsx(
|
|
261
|
-
"
|
|
262
|
-
|
|
263
|
-
|
|
258
|
+
}), [accessibilityLabel, ariaHaspopup, interactableBlendStyles, classNames === null || classNames === void 0 ? void 0 : classNames.controlInputNode, classNames === null || classNames === void 0 ? void 0 : classNames.controlStartNode, classNames === null || classNames === void 0 ? void 0 : classNames.controlValueNode, disabled, labelVariant, compact, styles === null || styles === void 0 ? void 0 : styles.controlInputNode, styles === null || styles === void 0 ? void 0 : styles.controlStartNode, styles === null || styles === void 0 ? void 0 : styles.controlValueNode, tabIndex, startNode, shouldShowCompactLabel, labelNode, isMultiSelect, valueNode, contentNode, setOpen]);
|
|
259
|
+
const endNode = useMemo(() => /*#__PURE__*/_jsx(Pressable, {
|
|
260
|
+
"aria-hidden": true,
|
|
261
|
+
flexShrink: 0,
|
|
262
|
+
onClick: () => setOpen(s => !s),
|
|
263
|
+
tabIndex: -1,
|
|
264
|
+
children: /*#__PURE__*/_jsx(HStack, {
|
|
265
|
+
alignItems: "center",
|
|
266
|
+
className: classNames === null || classNames === void 0 ? void 0 : classNames.controlEndNode,
|
|
267
|
+
flexGrow: 1,
|
|
268
|
+
height: "100%",
|
|
269
|
+
justifyContent: labelVariant === 'inside' ? 'flex-end' : undefined,
|
|
270
|
+
paddingX: 2,
|
|
271
|
+
paddingY: compact ? 1 : 1.5,
|
|
272
|
+
style: styles === null || styles === void 0 ? void 0 : styles.controlEndNode,
|
|
264
273
|
children: customEndNode ? customEndNode : /*#__PURE__*/_jsx(AnimatedCaret, {
|
|
265
274
|
color: !open ? 'fg' : variant ? variantColor[variant] : 'fgPrimary',
|
|
266
275
|
rotate: open ? 0 : 180
|
|
267
276
|
})
|
|
268
277
|
})
|
|
269
|
-
}), [
|
|
278
|
+
}), [classNames === null || classNames === void 0 ? void 0 : classNames.controlEndNode, labelVariant, compact, styles === null || styles === void 0 ? void 0 : styles.controlEndNode, customEndNode, open, variant, setOpen]);
|
|
270
279
|
return /*#__PURE__*/_jsx(InputStack, _objectSpread({
|
|
271
280
|
ref: ref,
|
|
272
281
|
blendStyles: interactableBlendStyles,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const _excluded = ["type", "options", "value", "onChange", "open", "setOpen", "controlRef", "disabled", "style", "styles", "className", "classNames", "compact", "label", "end", "selectAllLabel", "emptyOptionsLabel", "clearAllLabel", "hideSelectAll", "accessory", "media", "SelectOptionComponent", "SelectAllOptionComponent", "SelectEmptyDropdownContentsComponent", "SelectOptionGroupComponent", "accessibilityLabel", "accessibilityRoles"],
|
|
1
|
+
const _excluded = ["type", "options", "value", "onChange", "open", "setOpen", "controlRef", "disabled", "style", "styles", "className", "classNames", "compact", "label", "header", "footer", "end", "selectAllLabel", "emptyOptionsLabel", "clearAllLabel", "hideSelectAll", "accessory", "media", "SelectOptionComponent", "SelectAllOptionComponent", "SelectEmptyDropdownContentsComponent", "SelectOptionGroupComponent", "accessibilityLabel", "accessibilityRoles"],
|
|
2
2
|
_excluded2 = ["Component", "media", "accessory", "end", "disabled"];
|
|
3
3
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
4
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -46,6 +46,8 @@ const DefaultSelectDropdownComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef
|
|
|
46
46
|
classNames,
|
|
47
47
|
compact,
|
|
48
48
|
label,
|
|
49
|
+
header,
|
|
50
|
+
footer,
|
|
49
51
|
end,
|
|
50
52
|
selectAllLabel = 'Select all',
|
|
51
53
|
emptyOptionsLabel = 'No options available',
|
|
@@ -185,11 +187,11 @@ const DefaultSelectDropdownComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef
|
|
|
185
187
|
respectNegativeTabIndex: true,
|
|
186
188
|
restoreFocusOnUnmount: true,
|
|
187
189
|
onEscPress: handleEscPress,
|
|
188
|
-
children: /*#__PURE__*/
|
|
190
|
+
children: /*#__PURE__*/_jsxs(motion.div, {
|
|
189
191
|
animate: animateStyle,
|
|
190
192
|
exit: initialStyle,
|
|
191
193
|
initial: initialStyle,
|
|
192
|
-
children: /*#__PURE__*/_jsxs(Box, {
|
|
194
|
+
children: [header, /*#__PURE__*/_jsxs(Box, {
|
|
193
195
|
bordered: true,
|
|
194
196
|
borderRadius: 400,
|
|
195
197
|
elevation: 2,
|
|
@@ -303,7 +305,7 @@ const DefaultSelectDropdownComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef
|
|
|
303
305
|
label: emptyOptionsLabel,
|
|
304
306
|
styles: emptyDropdownContentsStyles
|
|
305
307
|
})]
|
|
306
|
-
})
|
|
308
|
+
}), footer]
|
|
307
309
|
})
|
|
308
310
|
})
|
|
309
311
|
}))
|
|
@@ -7,7 +7,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
|
|
|
7
7
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
8
8
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
9
9
|
import { forwardRef, memo, useImperativeHandle, useMemo, useRef, useState } from 'react';
|
|
10
|
-
import { flip, useFloating } from '@floating-ui/react-dom';
|
|
10
|
+
import { autoUpdate, flip, useFloating } from '@floating-ui/react-dom';
|
|
11
11
|
import { cx } from '../../cx';
|
|
12
12
|
import { useClickOutside } from '../../hooks/useClickOutside';
|
|
13
13
|
import { useHasMounted } from '../../hooks/useHasMounted';
|
|
@@ -85,7 +85,8 @@ const SelectBase = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
85
85
|
} = useFloating({
|
|
86
86
|
open,
|
|
87
87
|
middleware: [flip()],
|
|
88
|
-
placement: 'bottom-start'
|
|
88
|
+
placement: 'bottom-start',
|
|
89
|
+
whileElementsMounted: autoUpdate
|
|
89
90
|
});
|
|
90
91
|
useClickOutside(() => !disableClickOutsideClose && setOpen(false), {
|
|
91
92
|
ref: refs.floating,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const _excluded = ["invertColorScheme", "numberOfLines"];
|
|
1
|
+
const _excluded = ["invertColorScheme", "numberOfLines", "maxWidth", "displayValue"];
|
|
2
2
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
3
3
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
4
4
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -9,33 +9,48 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
|
|
|
9
9
|
import React, { forwardRef, memo, useMemo } from 'react';
|
|
10
10
|
import { Select } from '../select/Select';
|
|
11
11
|
import { SelectChipControl } from './SelectChipControl';
|
|
12
|
-
|
|
13
|
-
/**
|
|
14
|
-
* Chip-styled Select control built on top of the Alpha Select.
|
|
15
|
-
* Supports both single and multi selection via Select's `type` prop.
|
|
16
|
-
*/
|
|
17
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
18
13
|
/**
|
|
19
14
|
* Creates a wrapper component that injects invertColorScheme and numberOfLines
|
|
20
15
|
* into SelectChipControl. This is needed because Select doesn't pass these props
|
|
21
16
|
* to SelectControlComponent, but SelectChipControl requires them.
|
|
22
17
|
*/
|
|
23
|
-
function createSelectChipControlWrapper(
|
|
18
|
+
function createSelectChipControlWrapper(_ref) {
|
|
19
|
+
let {
|
|
20
|
+
invertColorScheme,
|
|
21
|
+
numberOfLines,
|
|
22
|
+
maxWidth,
|
|
23
|
+
displayValue
|
|
24
|
+
} = _ref;
|
|
24
25
|
return /*#__PURE__*/memo(/*#__PURE__*/forwardRef((controlProps, controlRef) => {
|
|
25
26
|
return /*#__PURE__*/_jsx(SelectChipControl, _objectSpread(_objectSpread({}, controlProps), {}, {
|
|
26
27
|
ref: controlRef,
|
|
28
|
+
displayValue: displayValue,
|
|
27
29
|
invertColorScheme: invertColorScheme,
|
|
30
|
+
maxWidth: maxWidth,
|
|
28
31
|
numberOfLines: numberOfLines
|
|
29
32
|
}));
|
|
30
33
|
}));
|
|
31
34
|
}
|
|
32
|
-
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* Chip-styled Select control built on top of the Alpha Select.
|
|
38
|
+
* Supports both single and multi selection via Select's `type` prop.
|
|
39
|
+
*/
|
|
40
|
+
const SelectChipComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref2, ref) => {
|
|
33
41
|
let {
|
|
34
42
|
invertColorScheme,
|
|
35
|
-
numberOfLines
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
43
|
+
numberOfLines,
|
|
44
|
+
maxWidth,
|
|
45
|
+
displayValue
|
|
46
|
+
} = _ref2,
|
|
47
|
+
props = _objectWithoutProperties(_ref2, _excluded);
|
|
48
|
+
const WrappedSelectChipControl = useMemo(() => createSelectChipControlWrapper({
|
|
49
|
+
invertColorScheme,
|
|
50
|
+
numberOfLines,
|
|
51
|
+
maxWidth,
|
|
52
|
+
displayValue
|
|
53
|
+
}), [displayValue, invertColorScheme, numberOfLines, maxWidth]);
|
|
39
54
|
return /*#__PURE__*/_jsx(Select, _objectSpread({
|
|
40
55
|
ref: ref,
|
|
41
56
|
SelectControlComponent: WrappedSelectChipControl,
|
|
@@ -23,7 +23,9 @@ const SelectChipControlComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_r
|
|
|
23
23
|
compact,
|
|
24
24
|
invertColorScheme,
|
|
25
25
|
numberOfLines,
|
|
26
|
-
disabled
|
|
26
|
+
disabled,
|
|
27
|
+
maxWidth,
|
|
28
|
+
displayValue
|
|
27
29
|
} = _ref;
|
|
28
30
|
const isMultiSelect = type === 'multi';
|
|
29
31
|
const hasValue = value !== null && !(Array.isArray(value) && value.length === 0);
|
|
@@ -66,6 +68,7 @@ const SelectChipControlComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_r
|
|
|
66
68
|
const labelContent = useMemo(() => {
|
|
67
69
|
var _ref3, _ref6, _ref7, _ref8, _opt$label2;
|
|
68
70
|
if (!hasValue) return (_ref3 = label !== null && label !== void 0 ? label : placeholder) !== null && _ref3 !== void 0 ? _ref3 : null;
|
|
71
|
+
if (displayValue) return displayValue;
|
|
69
72
|
if (isMultiSelect) {
|
|
70
73
|
const values = value;
|
|
71
74
|
const visible = values.slice(0, maxSelectedOptionsToShow);
|
|
@@ -79,7 +82,7 @@ const SelectChipControlComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_r
|
|
|
79
82
|
}
|
|
80
83
|
const opt = optionsMap.get(value);
|
|
81
84
|
return (_ref6 = (_ref7 = (_ref8 = (_opt$label2 = opt === null || opt === void 0 ? void 0 : opt.label) !== null && _opt$label2 !== void 0 ? _opt$label2 : opt === null || opt === void 0 ? void 0 : opt.description) !== null && _ref8 !== void 0 ? _ref8 : opt === null || opt === void 0 ? void 0 : opt.value) !== null && _ref7 !== void 0 ? _ref7 : placeholder) !== null && _ref6 !== void 0 ? _ref6 : null;
|
|
82
|
-
}, [hasValue, label, placeholder, isMultiSelect, optionsMap, value, maxSelectedOptionsToShow, hiddenSelectedOptionsLabel]);
|
|
85
|
+
}, [hasValue, label, placeholder, displayValue, isMultiSelect, optionsMap, value, maxSelectedOptionsToShow, hiddenSelectedOptionsLabel]);
|
|
83
86
|
const endNode = useMemo(() => {
|
|
84
87
|
return customEndNode !== null && customEndNode !== void 0 ? customEndNode : /*#__PURE__*/_jsx(AnimatedCaret, {
|
|
85
88
|
active: true,
|
|
@@ -106,6 +109,7 @@ const SelectChipControlComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_r
|
|
|
106
109
|
disabled: disabled,
|
|
107
110
|
end: endNode,
|
|
108
111
|
invertColorScheme: invertColorScheme,
|
|
112
|
+
maxWidth: maxWidth,
|
|
109
113
|
numberOfLines: numberOfLines,
|
|
110
114
|
onClick: () => setOpen(s => !s),
|
|
111
115
|
start: startNode,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const _excluded = ["label", "id"],
|
|
2
|
-
_excluded2 = ["tabs", "activeTab", "onChange", "TabComponent", "testID", "background", "gap", "previousArrowAccessibilityLabel", "nextArrowAccessibilityLabel", "width", "TabsActiveIndicatorComponent", "disabled", "compact", "styles", "classNames"];
|
|
2
|
+
_excluded2 = ["tabs", "activeTab", "onChange", "TabComponent", "testID", "background", "gap", "previousArrowAccessibilityLabel", "nextArrowAccessibilityLabel", "width", "TabsActiveIndicatorComponent", "disabled", "compact", "styles", "classNames", "autoScrollOffset"];
|
|
3
3
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
4
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
5
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
@@ -69,7 +69,8 @@ const TabbedChipsComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function
|
|
|
69
69
|
disabled,
|
|
70
70
|
compact,
|
|
71
71
|
styles,
|
|
72
|
-
classNames
|
|
72
|
+
classNames,
|
|
73
|
+
autoScrollOffset = 50
|
|
73
74
|
} = _ref2,
|
|
74
75
|
accessibilityProps = _objectWithoutProperties(_ref2, _excluded2);
|
|
75
76
|
const [scrollTarget, setScrollTarget] = useState(null);
|
|
@@ -80,7 +81,7 @@ const TabbedChipsComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function
|
|
|
80
81
|
handleScroll
|
|
81
82
|
} = useHorizontalScrollToTarget({
|
|
82
83
|
activeTarget: scrollTarget,
|
|
83
|
-
|
|
84
|
+
autoScrollOffset
|
|
84
85
|
});
|
|
85
86
|
const handleScrollLeft = useCallback(() => {
|
|
86
87
|
var _scrollRef$current;
|
package/esm/chips/TabbedChips.js
CHANGED
|
@@ -73,7 +73,7 @@ const TabbedChipsComponent = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function
|
|
|
73
73
|
handleScroll
|
|
74
74
|
} = useHorizontalScrollToTarget({
|
|
75
75
|
activeTarget: scrollTarget,
|
|
76
|
-
|
|
76
|
+
autoScrollOffset: 50
|
|
77
77
|
});
|
|
78
78
|
const activeTab = useMemo(() => tabs.find(tab => tab.id === value), [tabs, value]);
|
|
79
79
|
const handleChange = useCallback(tabValue => {
|
|
@@ -7,14 +7,14 @@ import throttle from 'lodash/throttle';
|
|
|
7
7
|
*
|
|
8
8
|
* @param scrollThrottleWaitTime - Throttle time for scroll events (default: 200ms)
|
|
9
9
|
* @param activeTarget - The active element to scroll to when it's offscreen
|
|
10
|
-
* @param
|
|
10
|
+
* @param autoScrollOffset - X position offset when auto-scrolling to active target
|
|
11
11
|
* @param overflowThreshold - Threshold for detecting if content is offscreen (default: 5px)
|
|
12
12
|
*/
|
|
13
13
|
export const useHorizontalScrollToTarget = function () {
|
|
14
14
|
let {
|
|
15
15
|
scrollThrottleWaitTime = 200,
|
|
16
16
|
activeTarget,
|
|
17
|
-
|
|
17
|
+
autoScrollOffset = 0,
|
|
18
18
|
overflowThreshold = 5
|
|
19
19
|
} = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
20
20
|
const scrollRef = useRef(null);
|
|
@@ -56,16 +56,16 @@ export const useHorizontalScrollToTarget = function () {
|
|
|
56
56
|
const targetWidth = activeTarget.offsetWidth;
|
|
57
57
|
const scrollLeft = container.scrollLeft;
|
|
58
58
|
const containerWidth = container.clientWidth;
|
|
59
|
-
const isOffscreenLeft = targetX < scrollLeft +
|
|
60
|
-
const isOffscreenRight = targetX + targetWidth > scrollLeft + containerWidth -
|
|
59
|
+
const isOffscreenLeft = targetX < scrollLeft + autoScrollOffset;
|
|
60
|
+
const isOffscreenRight = targetX + targetWidth > scrollLeft + containerWidth - autoScrollOffset;
|
|
61
61
|
if (isOffscreenLeft || isOffscreenRight) {
|
|
62
|
-
const scrollToX = isOffscreenLeft ? Math.max(0, targetX -
|
|
62
|
+
const scrollToX = isOffscreenLeft ? Math.max(0, targetX - autoScrollOffset) : targetX - autoScrollOffset;
|
|
63
63
|
container.scrollTo({
|
|
64
64
|
left: scrollToX,
|
|
65
65
|
behavior: 'smooth'
|
|
66
66
|
});
|
|
67
67
|
}
|
|
68
|
-
}, [activeTarget,
|
|
68
|
+
}, [activeTarget, autoScrollOffset]);
|
|
69
69
|
return {
|
|
70
70
|
scrollRef,
|
|
71
71
|
isScrollContentOffscreenLeft,
|
|
@@ -4,7 +4,7 @@ import { debounce } from '@coinbase/cds-common/utils/debounce';
|
|
|
4
4
|
import { getBrowserGlobals } from '../utils/browser';
|
|
5
5
|
import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
|
|
6
6
|
const DEBOUNCE_MS = 50;
|
|
7
|
-
const NAVIGATION_KEYS = ['Tab', 'ArrowDown', 'ArrowUp', 'Home', 'End'];
|
|
7
|
+
export const NAVIGATION_KEYS = ['Tab', 'ArrowDown', 'ArrowUp', 'Home', 'End'];
|
|
8
8
|
const ALPHABET_KEYS = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z'];
|
|
9
9
|
const FOCUSABLE_ELEMENTS_INCLUDING_TABINDEX = "".concat(FOCUSABLE_ELEMENTS, ", [tabindex]");
|
|
10
10
|
export const FocusTrap = /*#__PURE__*/memo(function FocusTrap(_ref) {
|
|
@@ -42,6 +42,8 @@ const ANIMATIONS = {
|
|
|
42
42
|
export const Tray = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function Tray(_ref, ref) {
|
|
43
43
|
let {
|
|
44
44
|
children,
|
|
45
|
+
header,
|
|
46
|
+
footer,
|
|
45
47
|
title,
|
|
46
48
|
onVisibilityChange,
|
|
47
49
|
verticalDrawerPercentageOfView = '85%',
|
|
@@ -51,7 +53,6 @@ export const Tray = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function Tray(_ref
|
|
|
51
53
|
preventDismiss = false,
|
|
52
54
|
id,
|
|
53
55
|
role = 'dialog',
|
|
54
|
-
footer,
|
|
55
56
|
accessibilityLabel = 'Tray',
|
|
56
57
|
focusTabIndexElements = false,
|
|
57
58
|
restoreFocusOnUnmount = true,
|
|
@@ -60,7 +61,6 @@ export const Tray = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function Tray(_ref
|
|
|
60
61
|
} = _ref;
|
|
61
62
|
const [isOpen, setIsOpen] = useState(true);
|
|
62
63
|
const trayRef = useRef(null);
|
|
63
|
-
const footerRef = useRef(null);
|
|
64
64
|
const controls = useAnimation();
|
|
65
65
|
const blockScroll = useScrollBlocker();
|
|
66
66
|
|
|
@@ -147,7 +147,7 @@ export const Tray = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function Tray(_ref
|
|
|
147
147
|
accessibilityLabel: accessibilityLabel,
|
|
148
148
|
alignItems: "center",
|
|
149
149
|
"aria-modal": "true",
|
|
150
|
-
background:
|
|
150
|
+
background: "bg",
|
|
151
151
|
borderTopLeftRadius: 400,
|
|
152
152
|
borderTopRightRadius: 400,
|
|
153
153
|
"data-testid": "tray",
|
|
@@ -161,9 +161,8 @@ export const Tray = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function Tray(_ref
|
|
|
161
161
|
maxWidth: "70em",
|
|
162
162
|
paddingX: 6,
|
|
163
163
|
width: "100%",
|
|
164
|
-
children: [/*#__PURE__*/_jsxs(HStack, {
|
|
164
|
+
children: [header, /*#__PURE__*/_jsxs(HStack, {
|
|
165
165
|
alignItems: "center",
|
|
166
|
-
background: "bg",
|
|
167
166
|
justifyContent: title ? 'space-between' : 'flex-end',
|
|
168
167
|
paddingBottom: 1,
|
|
169
168
|
paddingTop: 3,
|
|
@@ -190,14 +189,7 @@ export const Tray = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function Tray(_ref
|
|
|
190
189
|
children: typeof children === 'function' ? children({
|
|
191
190
|
handleClose
|
|
192
191
|
}) : children
|
|
193
|
-
}), footer
|
|
194
|
-
ref: footerRef,
|
|
195
|
-
background: "bg",
|
|
196
|
-
style: {
|
|
197
|
-
flexShrink: 0
|
|
198
|
-
},
|
|
199
|
-
children: footer
|
|
200
|
-
})]
|
|
192
|
+
}), footer]
|
|
201
193
|
})
|
|
202
194
|
})
|
|
203
195
|
})
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coinbase/cds-web",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.30.0",
|
|
4
4
|
"description": "Coinbase Design System - Web",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -147,7 +147,7 @@
|
|
|
147
147
|
"react-dom": "^18.3.1"
|
|
148
148
|
},
|
|
149
149
|
"dependencies": {
|
|
150
|
-
"@coinbase/cds-common": "^8.
|
|
150
|
+
"@coinbase/cds-common": "^8.30.0",
|
|
151
151
|
"@coinbase/cds-icons": "^5.8.0",
|
|
152
152
|
"@coinbase/cds-illustrations": "^4.29.0",
|
|
153
153
|
"@coinbase/cds-lottie-files": "^3.3.3",
|