@coinbase/cds-mobile 8.40.0 → 8.40.2
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 +16 -0
- package/dts/alpha/tabbed-chips/TabbedChips.d.ts +14 -11
- package/dts/alpha/tabbed-chips/TabbedChips.d.ts.map +1 -1
- package/dts/carousel/Carousel.d.ts.map +1 -1
- package/dts/chips/TabbedChips.d.ts +5 -5
- package/dts/chips/TabbedChips.d.ts.map +1 -1
- package/dts/controls/Checkbox.d.ts +4 -4
- package/dts/controls/Checkbox.d.ts.map +1 -1
- package/dts/controls/CheckboxCell.d.ts +13 -12
- package/dts/controls/CheckboxCell.d.ts.map +1 -1
- package/dts/controls/CheckboxGroup.d.ts +10 -6
- package/dts/controls/CheckboxGroup.d.ts.map +1 -1
- package/dts/controls/Control.d.ts +9 -6
- package/dts/controls/Control.d.ts.map +1 -1
- package/dts/controls/ControlGroup.d.ts +16 -13
- package/dts/controls/ControlGroup.d.ts.map +1 -1
- package/dts/controls/Radio.d.ts +4 -4
- package/dts/controls/Radio.d.ts.map +1 -1
- package/dts/controls/RadioCell.d.ts +5 -5
- package/dts/controls/RadioCell.d.ts.map +1 -1
- package/dts/controls/RadioGroup.d.ts +8 -8
- package/dts/controls/RadioGroup.d.ts.map +1 -1
- package/dts/controls/Switch.d.ts +5 -2
- package/dts/controls/Switch.d.ts.map +1 -1
- package/dts/tabs/SegmentedTab.d.ts +4 -4
- package/dts/tabs/SegmentedTab.d.ts.map +1 -1
- package/dts/tabs/SegmentedTabs.d.ts +5 -5
- package/dts/tabs/SegmentedTabs.d.ts.map +1 -1
- package/dts/tabs/TabNavigation.d.ts +11 -10
- package/dts/tabs/TabNavigation.d.ts.map +1 -1
- package/dts/tabs/Tabs.d.ts +10 -9
- package/dts/tabs/Tabs.d.ts.map +1 -1
- package/dts/tour/Tour.d.ts +2 -2
- package/dts/tour/Tour.d.ts.map +1 -1
- package/esm/carousel/Carousel.js +5 -1
- package/esm/visualizations/ProgressCircle.js +1 -1
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -8,6 +8,22 @@ All notable changes to this project will be documented in this file.
|
|
|
8
8
|
|
|
9
9
|
<!-- template-start -->
|
|
10
10
|
|
|
11
|
+
## 8.40.2 (2/2/2026 PST)
|
|
12
|
+
|
|
13
|
+
#### 🐞 Fixes
|
|
14
|
+
|
|
15
|
+
- Fix: carousel block scrolling on y axis. [[#358](https://github.com/coinbase/cds/pull/358)] [DX-5096]
|
|
16
|
+
|
|
17
|
+
## 8.40.1 (1/30/2026 PST)
|
|
18
|
+
|
|
19
|
+
#### 🐞 Fixes
|
|
20
|
+
|
|
21
|
+
- Add Math.round to ProgressCircle accessibilityValue to prevent precision crash. [[#354](https://github.com/eccentricdz/cds/pull/354)] [HNWI-766]
|
|
22
|
+
|
|
23
|
+
#### 📘 Misc
|
|
24
|
+
|
|
25
|
+
- Add descriptive names for generic types. [[#341](https://github.com/coinbase/cds/pull/341)] [DX-5037]
|
|
26
|
+
|
|
11
27
|
## 8.40.0 ((1/28/2026, 11:12 AM PST))
|
|
12
28
|
|
|
13
29
|
This is an artificial version bump with no new change.
|
|
@@ -5,21 +5,24 @@ import type { TabValue } from '@coinbase/cds-common/tabs/useTabs';
|
|
|
5
5
|
import type { ChipProps } from '../../chips/ChipProps';
|
|
6
6
|
import { type BoxProps } from '../../layout';
|
|
7
7
|
import { type TabsBaseProps, type TabsProps } from '../../tabs';
|
|
8
|
-
export type TabbedChipProps<
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
export type TabbedChipProps<TabId extends string = string> = Omit<
|
|
9
|
+
ChipProps,
|
|
10
|
+
'children' | 'onPress'
|
|
11
|
+
> &
|
|
12
|
+
TabValue<TabId> & {
|
|
13
|
+
Component?: React.FC<Omit<ChipProps, 'children'> & TabValue<TabId>>;
|
|
11
14
|
};
|
|
12
|
-
export type TabbedChipsBaseProps<
|
|
13
|
-
TabsBaseProps<
|
|
15
|
+
export type TabbedChipsBaseProps<TabId extends string = string> = Omit<
|
|
16
|
+
TabsBaseProps<TabId>,
|
|
14
17
|
| 'TabComponent'
|
|
15
18
|
| 'TabsActiveIndicatorComponent'
|
|
16
19
|
| 'tabs'
|
|
17
20
|
| 'onActiveTabElementChange'
|
|
18
21
|
| 'activeBackground'
|
|
19
22
|
> & {
|
|
20
|
-
tabs: TabbedChipProps<
|
|
21
|
-
TabComponent?: React.FC<TabbedChipProps<
|
|
22
|
-
TabsActiveIndicatorComponent?: TabsProps<
|
|
23
|
+
tabs: TabbedChipProps<TabId>[];
|
|
24
|
+
TabComponent?: React.FC<TabbedChipProps<TabId>>;
|
|
25
|
+
TabsActiveIndicatorComponent?: TabsProps<TabId>['TabsActiveIndicatorComponent'];
|
|
23
26
|
/**
|
|
24
27
|
* Turn on to use a compact Chip component for each tab.
|
|
25
28
|
* @default false
|
|
@@ -31,7 +34,7 @@ export type TabbedChipsBaseProps<T extends string = string> = Omit<
|
|
|
31
34
|
*/
|
|
32
35
|
autoScrollOffset?: number;
|
|
33
36
|
};
|
|
34
|
-
export type TabbedChipsProps<
|
|
37
|
+
export type TabbedChipsProps<TabId extends string = string> = TabbedChipsBaseProps<TabId> &
|
|
35
38
|
SharedProps &
|
|
36
39
|
SharedAccessibilityProps & {
|
|
37
40
|
/**
|
|
@@ -55,8 +58,8 @@ export type TabbedChipsProps<T extends string = string> = TabbedChipsBaseProps<T
|
|
|
55
58
|
tabs?: StyleProp<ViewStyle>;
|
|
56
59
|
};
|
|
57
60
|
};
|
|
58
|
-
type TabbedChipsFC = <
|
|
59
|
-
props: TabbedChipsProps<
|
|
61
|
+
type TabbedChipsFC = <TabId extends string = string>(
|
|
62
|
+
props: TabbedChipsProps<TabId> & {
|
|
60
63
|
ref?: React.ForwardedRef<View>;
|
|
61
64
|
},
|
|
62
65
|
) => React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabbedChips.d.ts","sourceRoot":"","sources":["../../../src/alpha/tabbed-chips/TabbedChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAChF,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACrF,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAE7F,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGvD,OAAO,EAAO,KAAK,QAAQ,EAAoB,MAAM,cAAc,CAAC;AACpE,OAAO,EAAQ,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AA0BtE,MAAM,MAAM,eAAe,CAAC,
|
|
1
|
+
{"version":3,"file":"TabbedChips.d.ts","sourceRoot":"","sources":["../../../src/alpha/tabbed-chips/TabbedChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAChF,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AACrF,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAE7F,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGvD,OAAO,EAAO,KAAK,QAAQ,EAAoB,MAAM,cAAc,CAAC;AACpE,OAAO,EAAQ,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AA0BtE,MAAM,MAAM,eAAe,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CAC/D,SAAS,EACT,UAAU,GAAG,SAAS,CACvB,GACC,QAAQ,CAAC,KAAK,CAAC,GAAG;IAChB,SAAS,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;CACrE,CAAC;AAEJ,MAAM,MAAM,oBAAoB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CACpE,aAAa,CAAC,KAAK,CAAC,EAClB,cAAc,GACd,8BAA8B,GAC9B,MAAM,GACN,0BAA0B,GAC1B,kBAAkB,CACrB,GAAG;IACF,IAAI,EAAE,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;IAChD,4BAA4B,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,8BAA8B,CAAC,CAAC;IAChF;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,oBAAoB,CAAC,KAAK,CAAC,GACvF,WAAW,GACX,wBAAwB,GAAG;IACzB;;;OAGG;IACH,GAAG,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC1B,MAAM,CAAC,EAAE;QACP;;WAEG;QACH,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B;;WAEG;QACH,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KAC7B,CAAC;CACH,CAAC;AAEJ,KAAK,aAAa,GAAG,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EACjD,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;CAAE,KAChE,KAAK,CAAC,YAAY,CAAC;AA+ExB,eAAO,MAAM,WAAW,EAA2B,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../src/carousel/Carousel.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../src/carousel/Carousel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { View } from 'react-native';
|
|
3
3
|
import { type TabNavigationBaseProps } from '../tabs';
|
|
4
|
-
export type TabbedChipsBaseProps<
|
|
5
|
-
TabNavigationBaseProps<
|
|
4
|
+
export type TabbedChipsBaseProps<TabId extends string = string> = Omit<
|
|
5
|
+
TabNavigationBaseProps<TabId>,
|
|
6
6
|
'variant'
|
|
7
7
|
>;
|
|
8
|
-
export type TabbedChipsProps<
|
|
9
|
-
type TabbedChipsFC = <
|
|
10
|
-
props: TabbedChipsProps<
|
|
8
|
+
export type TabbedChipsProps<TabId extends string = string> = TabbedChipsBaseProps<TabId>;
|
|
9
|
+
type TabbedChipsFC = <TabId extends string = string>(
|
|
10
|
+
props: TabbedChipsProps<TabId> & {
|
|
11
11
|
ref?: React.ForwardedRef<View>;
|
|
12
12
|
},
|
|
13
13
|
) => React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabbedChips.d.ts","sourceRoot":"","sources":["../../src/chips/TabbedChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAEhF,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAMzC,OAAO,EAAE,KAAK,sBAAsB,EAAQ,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"TabbedChips.d.ts","sourceRoot":"","sources":["../../src/chips/TabbedChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAEhF,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAMzC,OAAO,EAAE,KAAK,sBAAsB,EAAQ,MAAM,SAAS,CAAC;AA4B5D,MAAM,MAAM,oBAAoB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CACpE,sBAAsB,CAAC,KAAK,CAAC,EAC7B,SAAS,CACV,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,oBAAoB,CAAC,KAAK,CAAC,CAAC;AAE1F,KAAK,aAAa,GAAG,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EACjD,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;CAAE,KAChE,KAAK,CAAC,YAAY,CAAC;AAoExB;;GAEG;AACH,eAAO,MAAM,WAAW,EAA2B,aAAa,CAAC"}
|
|
@@ -2,8 +2,8 @@ import React from 'react';
|
|
|
2
2
|
import type { View } from 'react-native';
|
|
3
3
|
import type { ThemeVars } from '@coinbase/cds-common';
|
|
4
4
|
import { type ControlBaseProps } from './Control';
|
|
5
|
-
export type CheckboxBaseProps<
|
|
6
|
-
export type CheckboxProps<
|
|
5
|
+
export type CheckboxBaseProps<CheckboxValue extends string> = ControlBaseProps<CheckboxValue>;
|
|
6
|
+
export type CheckboxProps<CheckboxValue extends string> = ControlBaseProps<CheckboxValue> & {
|
|
7
7
|
/** Sets the checked/active color of the control.
|
|
8
8
|
* @default bgPrimary
|
|
9
9
|
*/
|
|
@@ -14,8 +14,8 @@ export type CheckboxProps<T extends string> = ControlBaseProps<T> & {
|
|
|
14
14
|
*/
|
|
15
15
|
borderWidth?: ThemeVars.BorderWidth;
|
|
16
16
|
};
|
|
17
|
-
declare const CheckboxWithRef: <
|
|
18
|
-
props: CheckboxProps<
|
|
17
|
+
declare const CheckboxWithRef: <CheckboxValue extends string>(
|
|
18
|
+
props: CheckboxProps<CheckboxValue> & {
|
|
19
19
|
ref?: React.Ref<View>;
|
|
20
20
|
},
|
|
21
21
|
) => React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/controls/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAMtD,OAAO,EAAW,KAAK,gBAAgB,EAAyB,MAAM,WAAW,CAAC;AAElF,MAAM,MAAM,iBAAiB,CAAC,
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/controls/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAMtD,OAAO,EAAW,KAAK,gBAAgB,EAAyB,MAAM,WAAW,CAAC;AAElF,MAAM,MAAM,iBAAiB,CAAC,aAAa,SAAS,MAAM,IAAI,gBAAgB,CAAC,aAAa,CAAC,CAAC;AAE9F,MAAM,MAAM,aAAa,CAAC,aAAa,SAAS,MAAM,IAAI,gBAAgB,CAAC,aAAa,CAAC,GAAG;IAC1F;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC/B;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC;CACrC,CAAC;AAuEF,QAAA,MAAM,eAAe,EAiCf,CAAC,aAAa,SAAS,MAAM,EACjC,KAAK,EAAE,aAAa,CAAC,aAAa,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;CAAE,KAC5D,KAAK,CAAC,YAAY,CAAC;AAGxB,eAAO,MAAM,QAAQ,EAA4B,OAAO,eAAe,GACrE,KAAK,CAAC,mBAAmB,CAAC,OAAO,eAAe,CAAC,CAAC"}
|
|
@@ -3,26 +3,27 @@ import { type StyleProp, type TextStyle, type View, type ViewStyle } from 'react
|
|
|
3
3
|
import type { ThemeVars } from '@coinbase/cds-common/core/theme';
|
|
4
4
|
import { type PressableBaseProps } from '../system/Pressable';
|
|
5
5
|
import type { ControlBaseProps } from './Control';
|
|
6
|
-
export type CheckboxCellBaseProps<
|
|
6
|
+
export type CheckboxCellBaseProps<CheckboxValue extends string> = {
|
|
7
7
|
title: React.ReactNode;
|
|
8
8
|
description?: React.ReactNode;
|
|
9
9
|
columnGap?: ThemeVars.Space;
|
|
10
10
|
rowGap?: ThemeVars.Space;
|
|
11
11
|
pressedBorderColor?: ThemeVars.Color;
|
|
12
12
|
pressedBorderWidth?: ThemeVars.BorderWidth;
|
|
13
|
-
} & Omit<ControlBaseProps<
|
|
13
|
+
} & Omit<ControlBaseProps<CheckboxValue>, 'style' | 'children' | 'title'> &
|
|
14
14
|
Omit<PressableBaseProps, 'children' | 'noScaleOnPress'>;
|
|
15
|
-
export type CheckboxCellProps<
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
15
|
+
export type CheckboxCellProps<CheckboxValue extends string> =
|
|
16
|
+
CheckboxCellBaseProps<CheckboxValue> & {
|
|
17
|
+
styles?: {
|
|
18
|
+
root?: StyleProp<ViewStyle>;
|
|
19
|
+
checkboxContainer?: StyleProp<ViewStyle>;
|
|
20
|
+
contentContainer?: StyleProp<ViewStyle>;
|
|
21
|
+
title?: StyleProp<TextStyle>;
|
|
22
|
+
description?: StyleProp<TextStyle>;
|
|
23
|
+
};
|
|
22
24
|
};
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
props: CheckboxCellProps<T> & {
|
|
25
|
+
declare const CheckboxCellWithRef: <CheckboxValue extends string>(
|
|
26
|
+
props: CheckboxCellProps<CheckboxValue> & {
|
|
26
27
|
ref?: React.ForwardedRef<View>;
|
|
27
28
|
},
|
|
28
29
|
) => React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxCell.d.ts","sourceRoot":"","sources":["../../src/controls/CheckboxCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAChF,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,IAAI,EACT,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAMjE,OAAO,EAAa,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAIzE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAElD,MAAM,MAAM,qBAAqB,CAAC,
|
|
1
|
+
{"version":3,"file":"CheckboxCell.d.ts","sourceRoot":"","sources":["../../src/controls/CheckboxCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAChF,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,IAAI,EACT,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAMjE,OAAO,EAAa,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAIzE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAElD,MAAM,MAAM,qBAAqB,CAAC,aAAa,SAAS,MAAM,IAAI;IAChE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACzB,kBAAkB,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACrC,kBAAkB,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC;CAC5C,GAAG,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC,GACvE,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,gBAAgB,CAAC,CAAC;AAE1D,MAAM,MAAM,iBAAiB,CAAC,aAAa,SAAS,MAAM,IACxD,qBAAqB,CAAC,aAAa,CAAC,GAAG;IACrC,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACzC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACxC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC7B,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACpC,CAAC;CACH,CAAC;AAEJ,QAAA,MAAM,mBAAmB,EAuMnB,CAAC,aAAa,SAAS,MAAM,EACjC,KAAK,EAAE,iBAAiB,CAAC,aAAa,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;CAAE,KACzE,KAAK,CAAC,YAAY,CAAC;AAExB,eAAO,MAAM,YAAY,EAAgC,OAAO,mBAAmB,GACjF,KAAK,CAAC,mBAAmB,CAAC,OAAO,mBAAmB,CAAC,CAAC"}
|
|
@@ -19,23 +19,27 @@ import type { SharedProps } from '@coinbase/cds-common';
|
|
|
19
19
|
* onChange={(value) => onChange(value)}
|
|
20
20
|
* />
|
|
21
21
|
*/
|
|
22
|
-
export type CheckboxGroupBaseProps<
|
|
22
|
+
export type CheckboxGroupBaseProps<CheckboxValue extends string | number> = Omit<
|
|
23
|
+
ViewProps,
|
|
24
|
+
'children'
|
|
25
|
+
> &
|
|
23
26
|
SharedProps & {
|
|
24
27
|
/** Checkbox elements that are part of the checkbox group. */
|
|
25
28
|
children: React.ReactElement[];
|
|
26
29
|
/** Set a label summary for the group of checkboxes. */
|
|
27
30
|
label?: React.ReactNode;
|
|
28
31
|
/** Checkbox options that are checked. */
|
|
29
|
-
selectedValues: Set<
|
|
32
|
+
selectedValues: Set<CheckboxValue>;
|
|
30
33
|
/** Handle change events when user tap on the checkboxes */
|
|
31
|
-
onChange?: (value?:
|
|
34
|
+
onChange?: (value?: CheckboxValue) => void;
|
|
32
35
|
};
|
|
33
36
|
/**
|
|
34
37
|
* @deprecated CheckboxGroup is deprecated. Use ControlGroup with accessibilityRole="combobox" instead.
|
|
35
38
|
*/
|
|
36
|
-
export type CheckboxGroupProps<
|
|
37
|
-
|
|
38
|
-
|
|
39
|
+
export type CheckboxGroupProps<CheckboxValue extends string> =
|
|
40
|
+
CheckboxGroupBaseProps<CheckboxValue>;
|
|
41
|
+
declare const CheckboxGroupWithRef: <CheckboxValue extends string>(
|
|
42
|
+
props: CheckboxGroupProps<CheckboxValue> & {
|
|
39
43
|
ref?: React.Ref<View>;
|
|
40
44
|
},
|
|
41
45
|
) => React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../src/controls/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8D,MAAM,OAAO,CAAC;AACnF,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAMxD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,sBAAsB,CAAC,
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../src/controls/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8D,MAAM,OAAO,CAAC;AACnF,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAMxD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,sBAAsB,CAAC,aAAa,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CAC9E,SAAS,EACT,UAAU,CACX,GACC,WAAW,GAAG;IACZ,6DAA6D;IAC7D,QAAQ,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;IAC/B,uDAAuD;IACvD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,yCAAyC;IACzC,cAAc,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;IACnC,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEJ;;GAEG;AACH,MAAM,MAAM,kBAAkB,CAAC,aAAa,SAAS,MAAM,IACzD,sBAAsB,CAAC,aAAa,CAAC,CAAC;AAGxC,QAAA,MAAM,oBAAoB,EAqEpB,CAAC,aAAa,SAAS,MAAM,EACjC,KAAK,EAAE,kBAAkB,CAAC,aAAa,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;CAAE,KACjE,KAAK,CAAC,YAAY,CAAC;AAGxB;;GAEG;AACH,eAAO,MAAM,aAAa,EAAiC,OAAO,oBAAoB,GACpF,KAAK,CAAC,mBAAmB,CAAC,OAAO,oBAAoB,CAAC,CAAC"}
|
|
@@ -20,7 +20,7 @@ export type ControlIconProps = SharedProps & {
|
|
|
20
20
|
animatedOpacityValue: Animated.Value;
|
|
21
21
|
accessible?: boolean;
|
|
22
22
|
};
|
|
23
|
-
export type ControlBaseProps<
|
|
23
|
+
export type ControlBaseProps<ControlValue extends string> = Omit<
|
|
24
24
|
PressableProps,
|
|
25
25
|
'disabled' | 'children' | 'style'
|
|
26
26
|
> &
|
|
@@ -39,13 +39,13 @@ export type ControlBaseProps<T extends string> = Omit<
|
|
|
39
39
|
/** Set the control to ready-only. Similar effect as disabled. */
|
|
40
40
|
readOnly?: boolean;
|
|
41
41
|
/** Value of the option. Useful for multiple choice. */
|
|
42
|
-
value?:
|
|
42
|
+
value?: ControlValue;
|
|
43
43
|
/** Accessibility label describing the element. */
|
|
44
44
|
accessibilityLabel?: string;
|
|
45
45
|
/** Enable indeterminate state. Useful when you want to indicate that sub-items of a control are partially filled. */
|
|
46
46
|
indeterminate?: boolean;
|
|
47
47
|
/** Toggle control selected state. */
|
|
48
|
-
onChange?: (value:
|
|
48
|
+
onChange?: (value: ControlValue | undefined, checked?: boolean) => void;
|
|
49
49
|
/** Sets the checked/active color of the control.
|
|
50
50
|
* @default bgPrimary
|
|
51
51
|
*/
|
|
@@ -54,7 +54,10 @@ export type ControlBaseProps<T extends string> = Omit<
|
|
|
54
54
|
elevation?: ElevationLevels;
|
|
55
55
|
style?: ViewStyle;
|
|
56
56
|
};
|
|
57
|
-
export type ControlProps<
|
|
57
|
+
export type ControlProps<ControlValue extends string> = Omit<
|
|
58
|
+
ControlBaseProps<ControlValue>,
|
|
59
|
+
'children'
|
|
60
|
+
> & {
|
|
58
61
|
/** Control icon to show. */
|
|
59
62
|
children: React.ComponentType<React.PropsWithChildren<ControlIconProps>>;
|
|
60
63
|
/** Label associated with the multiple choice option control. */
|
|
@@ -62,8 +65,8 @@ export type ControlProps<T extends string> = Omit<ControlBaseProps<T>, 'children
|
|
|
62
65
|
/** If control is a switch. This will use switch motion token. */
|
|
63
66
|
shouldUseSwitchTransition?: boolean;
|
|
64
67
|
};
|
|
65
|
-
declare const ControlWithRef: <
|
|
66
|
-
props: ControlProps<
|
|
68
|
+
declare const ControlWithRef: <ControlValue extends string>(
|
|
69
|
+
props: ControlProps<ControlValue> & {
|
|
67
70
|
ref?: React.Ref<View>;
|
|
68
71
|
},
|
|
69
72
|
) => React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Control.d.ts","sourceRoot":"","sources":["../../src/controls/Control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoE,MAAM,OAAO,CAAC;AACzF,OAAO,EAAoC,IAAI,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,KAAK,EAEV,QAAQ,EACR,cAAc,EAEd,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAQjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAMpD,MAAM,MAAM,gBAAgB,GAAG,WAAW,GAAG;IAC3C,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC/B,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC7B,WAAW,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC9B,YAAY,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC;IACtC,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC;IACpC,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,kBAAkB,EAAE,QAAQ,CAAC,KAAK,CAAC;IACnC,oBAAoB,EAAE,QAAQ,CAAC,KAAK,CAAC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,
|
|
1
|
+
{"version":3,"file":"Control.d.ts","sourceRoot":"","sources":["../../src/controls/Control.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,34 +2,37 @@ import React from 'react';
|
|
|
2
2
|
import type { View } from 'react-native';
|
|
3
3
|
import type { SharedProps } from '@coinbase/cds-common';
|
|
4
4
|
import { type GroupProps } from '../layout';
|
|
5
|
-
export type ControlGroupOption<
|
|
5
|
+
export type ControlGroupOption<ControlComponentProps> = Omit<
|
|
6
|
+
ControlComponentProps,
|
|
7
|
+
'onChange' | 'checked' | 'value'
|
|
8
|
+
>;
|
|
6
9
|
export type ControlGroupProps<
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
value?:
|
|
10
|
+
ControlValue extends string,
|
|
11
|
+
ControlComponentProps extends {
|
|
12
|
+
value?: ControlValue;
|
|
10
13
|
},
|
|
11
14
|
> = Omit<GroupProps, 'children' | 'onChange'> &
|
|
12
15
|
SharedProps & {
|
|
13
16
|
/** The control component to render for each option. */
|
|
14
|
-
ControlComponent: React.ComponentType<
|
|
17
|
+
ControlComponent: React.ComponentType<ControlComponentProps>;
|
|
15
18
|
/** Control options for the group. */
|
|
16
|
-
options: (ControlGroupOption<
|
|
17
|
-
value:
|
|
19
|
+
options: (ControlGroupOption<ControlComponentProps> & {
|
|
20
|
+
value: ControlValue;
|
|
18
21
|
})[];
|
|
19
22
|
/** Set a label for the group. */
|
|
20
23
|
label?: React.ReactNode;
|
|
21
24
|
/** Current selected value(s). Use a string for single-select (e.g., RadioGroup) and an array of strings for multi-select (e.g., CheckboxGroup). */
|
|
22
|
-
value:
|
|
25
|
+
value: ControlValue | ControlValue[];
|
|
23
26
|
/** Handle change events. */
|
|
24
|
-
onChange?: (value:
|
|
27
|
+
onChange?: (value: ControlValue | undefined, checked?: boolean) => void;
|
|
25
28
|
};
|
|
26
29
|
declare const ControlGroupWithRef: <
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
value?:
|
|
30
|
+
ControlValue extends string,
|
|
31
|
+
ControlComponentProps extends {
|
|
32
|
+
value?: ControlValue;
|
|
30
33
|
},
|
|
31
34
|
>(
|
|
32
|
-
props: ControlGroupProps<
|
|
35
|
+
props: ControlGroupProps<ControlValue, ControlComponentProps> & {
|
|
33
36
|
ref?: React.Ref<View>;
|
|
34
37
|
},
|
|
35
38
|
) => React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ControlGroup.d.ts","sourceRoot":"","sources":["../../src/controls/ControlGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGxD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAEnD,MAAM,MAAM,kBAAkB,CAAC,
|
|
1
|
+
{"version":3,"file":"ControlGroup.d.ts","sourceRoot":"","sources":["../../src/controls/ControlGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGxD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAEnD,MAAM,MAAM,kBAAkB,CAAC,qBAAqB,IAAI,IAAI,CAC1D,qBAAqB,EACrB,UAAU,GAAG,SAAS,GAAG,OAAO,CACjC,CAAC;AAEF,MAAM,MAAM,iBAAiB,CAC3B,YAAY,SAAS,MAAM,EAC3B,qBAAqB,SAAS;IAAE,KAAK,CAAC,EAAE,YAAY,CAAA;CAAE,IACpD,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,UAAU,CAAC,GAC3C,WAAW,GAAG;IACZ,uDAAuD;IACvD,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC7D,qCAAqC;IACrC,OAAO,EAAE,CAAC,kBAAkB,CAAC,qBAAqB,CAAC,GAAG;QAAE,KAAK,EAAE,YAAY,CAAA;KAAE,CAAC,EAAE,CAAC;IACjF,iCAAiC;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mJAAmJ;IACnJ,KAAK,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACrC,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,GAAG,SAAS,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CACzE,CAAC;AAEJ,QAAA,MAAM,mBAAmB,EAqDR,CACf,YAAY,SAAS,MAAM,EAC3B,qBAAqB,SAAS;IAAE,KAAK,CAAC,EAAE,YAAY,CAAA;CAAE,EAEtD,KAAK,EAAE,iBAAiB,CAAC,YAAY,EAAE,qBAAqB,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;CAAE,KACtF,KAAK,CAAC,YAAY,CAAC;AAExB,eAAO,MAAM,YAAY,EAAgC,OAAO,mBAAmB,GACjF,KAAK,CAAC,mBAAmB,CAAC,OAAO,mBAAmB,CAAC,CAAC"}
|
package/dts/controls/Radio.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type View } from 'react-native';
|
|
3
3
|
import { type ControlBaseProps } from './Control';
|
|
4
|
-
export type RadioBaseProps<
|
|
5
|
-
export type RadioProps<
|
|
6
|
-
declare const RadioWithRef: <
|
|
7
|
-
props: RadioProps<
|
|
4
|
+
export type RadioBaseProps<RadioValue extends string> = ControlBaseProps<RadioValue>;
|
|
5
|
+
export type RadioProps<RadioValue extends string> = RadioBaseProps<RadioValue>;
|
|
6
|
+
declare const RadioWithRef: <RadioValue extends string>(
|
|
7
|
+
props: RadioProps<RadioValue> & {
|
|
8
8
|
ref?: React.Ref<View>;
|
|
9
9
|
},
|
|
10
10
|
) => React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/controls/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,EAAyC,KAAK,IAAI,EAAE,MAAM,cAAc,CAAC;AAOhF,OAAO,EAAW,KAAK,gBAAgB,EAAyB,MAAM,WAAW,CAAC;AASlF,MAAM,MAAM,cAAc,CAAC,
|
|
1
|
+
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/controls/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,EAAyC,KAAK,IAAI,EAAE,MAAM,cAAc,CAAC;AAOhF,OAAO,EAAW,KAAK,gBAAgB,EAAyB,MAAM,WAAW,CAAC;AASlF,MAAM,MAAM,cAAc,CAAC,UAAU,SAAS,MAAM,IAAI,gBAAgB,CAAC,UAAU,CAAC,CAAC;AAErF,MAAM,MAAM,UAAU,CAAC,UAAU,SAAS,MAAM,IAAI,cAAc,CAAC,UAAU,CAAC,CAAC;AAuD/E,QAAA,MAAM,YAAY,EAuBZ,CAAC,UAAU,SAAS,MAAM,EAC9B,KAAK,EAAE,UAAU,CAAC,UAAU,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;CAAE,KACtD,KAAK,CAAC,YAAY,CAAC;AAGxB,eAAO,MAAM,KAAK,EAAyB,OAAO,YAAY,GAC5D,KAAK,CAAC,mBAAmB,CAAC,OAAO,YAAY,CAAC,CAAC"}
|
|
@@ -3,16 +3,16 @@ import { type StyleProp, type TextStyle, type View, type ViewStyle } from 'react
|
|
|
3
3
|
import type { ThemeVars } from '@coinbase/cds-common/core/theme';
|
|
4
4
|
import { type PressableProps } from '../system/Pressable';
|
|
5
5
|
import type { ControlBaseProps } from './Control';
|
|
6
|
-
export type RadioCellBaseProps<
|
|
6
|
+
export type RadioCellBaseProps<RadioValue extends string> = {
|
|
7
7
|
title: React.ReactNode;
|
|
8
8
|
description?: React.ReactNode;
|
|
9
9
|
columnGap?: ThemeVars.Space;
|
|
10
10
|
rowGap?: ThemeVars.Space;
|
|
11
11
|
pressedBorderColor?: ThemeVars.Color;
|
|
12
12
|
pressedBorderWidth?: ThemeVars.BorderWidth;
|
|
13
|
-
} & Omit<ControlBaseProps<
|
|
13
|
+
} & Omit<ControlBaseProps<RadioValue>, 'style' | 'children' | 'title'> &
|
|
14
14
|
Omit<PressableProps, 'children' | 'noScaleOnPress'>;
|
|
15
|
-
export type RadioCellProps<
|
|
15
|
+
export type RadioCellProps<RadioValue extends string> = RadioCellBaseProps<RadioValue> & {
|
|
16
16
|
styles?: {
|
|
17
17
|
root?: StyleProp<ViewStyle>;
|
|
18
18
|
radioContainer?: StyleProp<ViewStyle>;
|
|
@@ -21,8 +21,8 @@ export type RadioCellProps<T extends string> = RadioCellBaseProps<T> & {
|
|
|
21
21
|
description?: StyleProp<TextStyle>;
|
|
22
22
|
};
|
|
23
23
|
};
|
|
24
|
-
declare const RadioCellWithRef: <
|
|
25
|
-
props: RadioCellProps<
|
|
24
|
+
declare const RadioCellWithRef: <RadioValue extends string>(
|
|
25
|
+
props: RadioCellProps<RadioValue> & {
|
|
26
26
|
ref?: React.ForwardedRef<View>;
|
|
27
27
|
},
|
|
28
28
|
) => React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioCell.d.ts","sourceRoot":"","sources":["../../src/controls/RadioCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAChF,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,IAAI,EACT,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAMjE,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAGrE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAGlD,MAAM,MAAM,kBAAkB,CAAC,
|
|
1
|
+
{"version":3,"file":"RadioCell.d.ts","sourceRoot":"","sources":["../../src/controls/RadioCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAChF,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,IAAI,EACT,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAMjE,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAGrE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAGlD,MAAM,MAAM,kBAAkB,CAAC,UAAU,SAAS,MAAM,IAAI;IAC1D,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACzB,kBAAkB,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACrC,kBAAkB,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC;CAC5C,GAAG,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC,GACpE,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,gBAAgB,CAAC,CAAC;AAEtD,MAAM,MAAM,cAAc,CAAC,UAAU,SAAS,MAAM,IAAI,kBAAkB,CAAC,UAAU,CAAC,GAAG;IACvF,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACtC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACxC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC7B,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACpC,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,gBAAgB,EAsMhB,CAAC,UAAU,SAAS,MAAM,EAC9B,KAAK,EAAE,cAAc,CAAC,UAAU,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;CAAE,KACnE,KAAK,CAAC,YAAY,CAAC;AAExB,eAAO,MAAM,SAAS,EAA6B,OAAO,gBAAgB,GACxE,KAAK,CAAC,mBAAmB,CAAC,OAAO,gBAAgB,CAAC,CAAC"}
|
|
@@ -21,7 +21,7 @@ export { Radio, type RadioBaseProps, type RadioProps };
|
|
|
21
21
|
* onChange={(value) => onChange(value)}
|
|
22
22
|
* />
|
|
23
23
|
*/
|
|
24
|
-
export type RadioGroupBaseProps<
|
|
24
|
+
export type RadioGroupBaseProps<RadioValue extends string> = Omit<
|
|
25
25
|
AccessibilityProps,
|
|
26
26
|
'accessibilityLabelledBy'
|
|
27
27
|
> &
|
|
@@ -31,26 +31,26 @@ export type RadioGroupBaseProps<T extends string> = Omit<
|
|
|
31
31
|
* Multiple choice options for the radio group. The object key represents
|
|
32
32
|
* the radio input value and the object value represents the radio option label.
|
|
33
33
|
*/
|
|
34
|
-
options: Record<
|
|
34
|
+
options: Record<RadioValue, string | React.ReactNode>;
|
|
35
35
|
/** Set a label summary for the group of radios. */
|
|
36
36
|
label?: React.ReactNode;
|
|
37
37
|
/** Currently selected value. */
|
|
38
|
-
value?:
|
|
38
|
+
value?: RadioValue;
|
|
39
39
|
/** Handle change event when pressing on a radio option. */
|
|
40
|
-
onChange?: RadioProps<
|
|
40
|
+
onChange?: RadioProps<RadioValue>['onChange'];
|
|
41
41
|
/** Sets the checked/active color of each control in the group.
|
|
42
42
|
* @default bgPrimary
|
|
43
43
|
*/
|
|
44
|
-
controlColor?: RadioProps<
|
|
44
|
+
controlColor?: RadioProps<RadioValue>['controlColor'];
|
|
45
45
|
/** A11Y label to indicate order of radio buttons when focused on one button */
|
|
46
46
|
radioAccessibilityLabel?: string;
|
|
47
47
|
};
|
|
48
48
|
/**
|
|
49
49
|
* @deprecated RadioGroup is deprecated. Use ControlGroup with accessibilityRole="radiogroup" instead.
|
|
50
50
|
*/
|
|
51
|
-
export type RadioGroupProps<
|
|
52
|
-
declare const RadioGroupWithRef: <
|
|
53
|
-
props: RadioGroupProps<
|
|
51
|
+
export type RadioGroupProps<RadioValue extends string> = RadioGroupBaseProps<RadioValue>;
|
|
52
|
+
declare const RadioGroupWithRef: <RadioValue extends string>(
|
|
53
|
+
props: RadioGroupProps<RadioValue> & {
|
|
54
54
|
ref?: React.Ref<View>;
|
|
55
55
|
},
|
|
56
56
|
) => React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/controls/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAIxD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGtD,OAAO,EAAE,KAAK,EAAE,KAAK,cAAc,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAEtE,OAAO,EAAE,KAAK,EAAE,KAAK,cAAc,EAAE,KAAK,UAAU,EAAE,CAAC;AAEvD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,mBAAmB,CAAC,
|
|
1
|
+
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../src/controls/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAIxD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGtD,OAAO,EAAE,KAAK,EAAE,KAAK,cAAc,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAEtE,OAAO,EAAE,KAAK,EAAE,KAAK,cAAc,EAAE,KAAK,UAAU,EAAE,CAAC;AAEvD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,mBAAmB,CAAC,UAAU,SAAS,MAAM,IAAI,IAAI,CAC/D,kBAAkB,EAClB,yBAAyB,CAC1B,GACC,WAAW,GACX,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,WAAW,GAAG,KAAK,CAAC,GAAG;IACxD;;;OAGG;IACH,OAAO,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;IACtD,mDAAmD;IACnD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,gCAAgC;IAChC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,CAAC;IAC9C;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,cAAc,CAAC,CAAC;IACtD,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC,CAAC;AAEJ;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,UAAU,SAAS,MAAM,IAAI,mBAAmB,CAAC,UAAU,CAAC,CAAC;AAEzF,QAAA,MAAM,iBAAiB,EA8EjB,CAAC,UAAU,SAAS,MAAM,EAC9B,KAAK,EAAE,eAAe,CAAC,UAAU,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;CAAE,KAC3D,KAAK,CAAC,YAAY,CAAC;AAGxB;;GAEG;AACH,eAAO,MAAM,UAAU,EAA8B,OAAO,iBAAiB,GAC3E,KAAK,CAAC,mBAAmB,CAAC,OAAO,iBAAiB,CAAC,CAAC"}
|
package/dts/controls/Switch.d.ts
CHANGED
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type View } from 'react-native';
|
|
3
3
|
import { type ControlBaseProps } from './Control';
|
|
4
|
-
export type SwitchBaseProps<
|
|
5
|
-
|
|
4
|
+
export type SwitchBaseProps<SwitchValue extends string> = Omit<
|
|
5
|
+
ControlBaseProps<SwitchValue>,
|
|
6
|
+
'style'
|
|
7
|
+
>;
|
|
8
|
+
export type SwitchProps<SwitchValue extends string> = SwitchBaseProps<SwitchValue>;
|
|
6
9
|
export declare const Switch: React.MemoExoticComponent<
|
|
7
10
|
React.ForwardRefExoticComponent<SwitchProps<string> & React.RefAttributes<View>>
|
|
8
11
|
>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/controls/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAc,KAAK,IAAI,EAAE,MAAM,cAAc,CAAC;AAMrD,OAAO,EAAW,KAAK,gBAAgB,EAAyB,MAAM,WAAW,CAAC;AAElF,MAAM,MAAM,eAAe,CAAC,
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/controls/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAc,KAAK,IAAI,EAAE,MAAM,cAAc,CAAC;AAMrD,OAAO,EAAW,KAAK,gBAAgB,EAAyB,MAAM,WAAW,CAAC;AAElF,MAAM,MAAM,eAAe,CAAC,WAAW,SAAS,MAAM,IAAI,IAAI,CAC5D,gBAAgB,CAAC,WAAW,CAAC,EAC7B,OAAO,CACR,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,WAAW,SAAS,MAAM,IAAI,eAAe,CAAC,WAAW,CAAC,CAAC;AA+GnF,eAAO,MAAM,MAAM,6GAAsB,CAAC"}
|
|
@@ -9,7 +9,7 @@ import {
|
|
|
9
9
|
import type { ThemeVars } from '@coinbase/cds-common/core/theme';
|
|
10
10
|
import { type TabValue } from '@coinbase/cds-common/tabs/useTabs';
|
|
11
11
|
import { type TextBaseProps } from '../typography/Text';
|
|
12
|
-
export type SegmentedTabProps<
|
|
12
|
+
export type SegmentedTabProps<TabId extends string = string> = TabValue<TabId> &
|
|
13
13
|
Pick<TextBaseProps, 'font' | 'fontFamily' | 'fontSize' | 'fontWeight' | 'lineHeight'> &
|
|
14
14
|
Omit<PressableProps, 'children' | 'disabled' | 'onPress' | 'style'> & {
|
|
15
15
|
/**
|
|
@@ -23,11 +23,11 @@ export type SegmentedTabProps<T extends string = string> = TabValue<T> &
|
|
|
23
23
|
*/
|
|
24
24
|
color?: ThemeVars.Color;
|
|
25
25
|
/** Callback that is fired when the SegmentedTab is pressed. */
|
|
26
|
-
onPress?: (id:
|
|
26
|
+
onPress?: (id: TabId, event: GestureResponderEvent) => void;
|
|
27
27
|
style?: StyleProp<ViewStyle>;
|
|
28
28
|
};
|
|
29
|
-
type SegmentedTabFC = <
|
|
30
|
-
props: SegmentedTabProps<
|
|
29
|
+
type SegmentedTabFC = <TabId extends string = string>(
|
|
30
|
+
props: SegmentedTabProps<TabId> & {
|
|
31
31
|
ref?: React.ForwardedRef<View>;
|
|
32
32
|
},
|
|
33
33
|
) => React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedTab.d.ts","sourceRoot":"","sources":["../../src/tabs/SegmentedTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EACL,KAAK,qBAAqB,EAE1B,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,IAAI,EACT,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAKlE,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAI9D,MAAM,MAAM,iBAAiB,CAAC,
|
|
1
|
+
{"version":3,"file":"SegmentedTab.d.ts","sourceRoot":"","sources":["../../src/tabs/SegmentedTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EACL,KAAK,qBAAqB,EAE1B,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,IAAI,EACT,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAKlE,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAI9D,MAAM,MAAM,iBAAiB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,QAAQ,CAAC,KAAK,CAAC,GAC5E,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,YAAY,GAAG,UAAU,GAAG,YAAY,GAAG,YAAY,CAAC,GACrF,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC,GAAG;IACpE;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACxB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC5D,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAIJ,KAAK,cAAc,GAAG,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EAClD,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;CAAE,KACjE,KAAK,CAAC,YAAY,CAAC;AAmGxB,eAAO,MAAM,YAAY,EAA4B,cAAc,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { View } from 'react-native';
|
|
3
3
|
import { type TabsProps } from './Tabs';
|
|
4
|
-
export type SegmentedTabsProps<
|
|
5
|
-
Pick<TabsProps<
|
|
4
|
+
export type SegmentedTabsProps<TabId extends string = string> = Partial<
|
|
5
|
+
Pick<TabsProps<TabId>, 'TabComponent' | 'TabsActiveIndicatorComponent'>
|
|
6
6
|
> &
|
|
7
|
-
Omit<TabsProps<
|
|
8
|
-
type SegmentedTabsFC = <
|
|
9
|
-
props: SegmentedTabsProps<
|
|
7
|
+
Omit<TabsProps<TabId>, 'TabComponent' | 'TabsActiveIndicatorComponent'>;
|
|
8
|
+
type SegmentedTabsFC = <TabId extends string = string>(
|
|
9
|
+
props: SegmentedTabsProps<TabId> & {
|
|
10
10
|
ref?: React.ForwardedRef<View>;
|
|
11
11
|
},
|
|
12
12
|
) => React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedTabs.d.ts","sourceRoot":"","sources":["../../src/tabs/SegmentedTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIzC,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAE9C,MAAM,MAAM,kBAAkB,CAAC,
|
|
1
|
+
{"version":3,"file":"SegmentedTabs.d.ts","sourceRoot":"","sources":["../../src/tabs/SegmentedTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIzC,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAE9C,MAAM,MAAM,kBAAkB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,OAAO,CACrE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,8BAA8B,CAAC,CACxE,GACC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,8BAA8B,CAAC,CAAC;AAE1E,KAAK,eAAe,GAAG,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EACnD,KAAK,EAAE,kBAAkB,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;CAAE,KAClE,KAAK,CAAC,YAAY,CAAC;AA8BxB,eAAO,MAAM,aAAa,EAA6B,eAAe,CAAC"}
|
|
@@ -4,10 +4,10 @@ import type { ThemeVars } from '@coinbase/cds-common/core/theme';
|
|
|
4
4
|
import type { SharedAccessibilityProps, SharedProps } from '@coinbase/cds-common/types';
|
|
5
5
|
import type { DotCountBaseProps } from '../dots';
|
|
6
6
|
import { type BoxBaseProps } from '../layout/Box';
|
|
7
|
-
export type TabProps<
|
|
7
|
+
export type TabProps<TabId extends string | undefined = string> = SharedProps &
|
|
8
8
|
Partial<Pick<DotCountBaseProps, 'max' | 'count'>> & {
|
|
9
9
|
/** The id should be a meaningful and useful identifier like "watchlist" or "forSale" */
|
|
10
|
-
id:
|
|
10
|
+
id: TabId;
|
|
11
11
|
/** Define a label for this Tab */
|
|
12
12
|
label: React.ReactNode;
|
|
13
13
|
/** See the Tabs TDD to understand which variant should be used.
|
|
@@ -19,7 +19,7 @@ export type TabProps<T extends string | undefined = string> = SharedProps &
|
|
|
19
19
|
/** Full length accessibility label when the child text is not descriptive enough. */
|
|
20
20
|
accessibilityLabel?: string;
|
|
21
21
|
/** Callback to fire when pressed */
|
|
22
|
-
onPress?: (id:
|
|
22
|
+
onPress?: (id: TabId) => void;
|
|
23
23
|
/** Render a custom Component for the Tab */
|
|
24
24
|
Component?: (props: CustomTabProps) => React.ReactNode;
|
|
25
25
|
};
|
|
@@ -32,17 +32,17 @@ export type CustomTabProps = Pick<TabProps, 'id'> & {
|
|
|
32
32
|
/** Define a label for this Tab */
|
|
33
33
|
label?: React.ReactNode;
|
|
34
34
|
};
|
|
35
|
-
export type TabNavigationBaseProps<
|
|
35
|
+
export type TabNavigationBaseProps<TabId extends string | undefined = string> = BoxBaseProps &
|
|
36
36
|
Pick<SharedAccessibilityProps, 'accessibilityLabel' | 'accessibilityLabelledBy'> &
|
|
37
37
|
Pick<TabProps, 'variant' | 'Component'> & {
|
|
38
38
|
/** The active tabId
|
|
39
39
|
* @default tabs[0].id
|
|
40
40
|
*/
|
|
41
|
-
value?:
|
|
41
|
+
value?: TabId;
|
|
42
42
|
/** Children should be TabLabels. If you only have one child, don't use tabs 🤪 */
|
|
43
|
-
tabs: TabProps<
|
|
43
|
+
tabs: TabProps<TabId>[];
|
|
44
44
|
/** Use the onChange handler to deal with any side effects, ie event tracking or showing a tooltip */
|
|
45
|
-
onChange: ((tabId:
|
|
45
|
+
onChange: ((tabId: TabId) => void) | React.Dispatch<React.SetStateAction<TabId>>;
|
|
46
46
|
/** This should always match the background color of the parent container
|
|
47
47
|
* @default: 'bg'
|
|
48
48
|
*/
|
|
@@ -74,9 +74,10 @@ export type TabNavigationBaseProps<T extends string | undefined = string> = BoxB
|
|
|
74
74
|
/** @danger This should only be used for accessibility purposes, eg: aria-controls https://accessibilityresources.org/aria-controls */
|
|
75
75
|
id?: string;
|
|
76
76
|
};
|
|
77
|
-
export type TabNavigationProps<
|
|
78
|
-
|
|
79
|
-
|
|
77
|
+
export type TabNavigationProps<TabId extends string | undefined = string> =
|
|
78
|
+
TabNavigationBaseProps<TabId>;
|
|
79
|
+
type TabNavigationFC = <TabId extends string | undefined = string>(
|
|
80
|
+
props: TabNavigationProps<TabId> & {
|
|
80
81
|
ref?: React.ForwardedRef<View>;
|
|
81
82
|
},
|
|
82
83
|
) => React.ReactElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabNavigation.d.ts","sourceRoot":"","sources":["../../src/tabs/TabNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsE,MAAM,OAAO,CAAC;AAC3F,OAAO,EAAc,IAAI,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAGxF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGjD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAQvD,MAAM,MAAM,QAAQ,CAAC,
|
|
1
|
+
{"version":3,"file":"TabNavigation.d.ts","sourceRoot":"","sources":["../../src/tabs/TabNavigation.tsx"],"names":[],"mappings":"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"}
|
package/dts/tabs/Tabs.d.ts
CHANGED
|
@@ -13,25 +13,26 @@ export declare const tabsSpringConfig: {
|
|
|
13
13
|
export type TabsActiveIndicatorProps = {
|
|
14
14
|
activeTabRect: Rect;
|
|
15
15
|
} & BoxProps;
|
|
16
|
-
export type TabComponent<
|
|
16
|
+
export type TabComponent<TabId extends string = string> = React.FC<TabValue<TabId>>;
|
|
17
17
|
export type TabsActiveIndicatorComponent = React.FC<TabsActiveIndicatorProps>;
|
|
18
|
-
export type TabsBaseProps<
|
|
18
|
+
export type TabsBaseProps<TabId extends string = string> = {
|
|
19
19
|
/** The array of tabs data. Each tab may optionally define a custom Component to render. */
|
|
20
|
-
tabs: (TabValue<
|
|
21
|
-
Component?: TabComponent<
|
|
20
|
+
tabs: (TabValue<TabId> & {
|
|
21
|
+
Component?: TabComponent<TabId>;
|
|
22
22
|
})[];
|
|
23
23
|
/** The default Component to render each tab. */
|
|
24
|
-
TabComponent: TabComponent<
|
|
24
|
+
TabComponent: TabComponent<TabId>;
|
|
25
25
|
/** The default Component to render the tabs active indicator. */
|
|
26
26
|
TabsActiveIndicatorComponent: TabsActiveIndicatorComponent;
|
|
27
27
|
/** Background color passed to the TabsActiveIndicatorComponent. */
|
|
28
28
|
activeBackground?: ThemeVars.Color;
|
|
29
29
|
/** Optional callback to receive the active tab element. */
|
|
30
30
|
onActiveTabElementChange?: (element: View | null) => void;
|
|
31
|
-
} & Omit<TabsOptions<
|
|
32
|
-
export type TabsProps<
|
|
33
|
-
|
|
34
|
-
|
|
31
|
+
} & Omit<TabsOptions<TabId>, 'tabs'>;
|
|
32
|
+
export type TabsProps<TabId extends string = string> = TabsBaseProps<TabId> &
|
|
33
|
+
Omit<HStackProps, 'onChange'>;
|
|
34
|
+
type TabsFC = <TabId extends string = string>(
|
|
35
|
+
props: TabsProps<TabId> & {
|
|
35
36
|
ref?: React.ForwardedRef<View>;
|
|
36
37
|
},
|
|
37
38
|
) => React.ReactElement;
|
package/dts/tabs/Tabs.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+E,MAAM,OAAO,CAAC;AACpG,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAOpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAGjE,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,QAAQ,EAEd,MAAM,mCAAmC,CAAC;AAE3C,OAAO,EAAe,KAAK,IAAI,EAAE,MAAM,iCAAiC,CAAC;AAEzE,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAmBvD,eAAO,MAAM,gBAAgB;;;;;CAKQ,CAAC;AAEtC,MAAM,MAAM,wBAAwB,GAAG;IACrC,aAAa,EAAE,IAAI,CAAC;CACrB,GAAG,QAAQ,CAAC;AAEb,MAAM,MAAM,YAAY,CAAC,
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+E,MAAM,OAAO,CAAC;AACpG,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAOpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAGjE,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,QAAQ,EAEd,MAAM,mCAAmC,CAAC;AAE3C,OAAO,EAAe,KAAK,IAAI,EAAE,MAAM,iCAAiC,CAAC;AAEzE,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAmBvD,eAAO,MAAM,gBAAgB;;;;;CAKQ,CAAC;AAEtC,MAAM,MAAM,wBAAwB,GAAG;IACrC,aAAa,EAAE,IAAI,CAAC;CACrB,GAAG,QAAQ,CAAC;AAEb,MAAM,MAAM,YAAY,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;AAEpF,MAAM,MAAM,4BAA4B,GAAG,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC;AAE9E,MAAM,MAAM,aAAa,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI;IACzD,2FAA2F;IAC3F,IAAI,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG;QAAE,SAAS,CAAC,EAAE,YAAY,CAAC,KAAK,CAAC,CAAA;KAAE,CAAC,EAAE,CAAC;IAChE,gDAAgD;IAChD,YAAY,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;IAClC,iEAAiE;IACjE,4BAA4B,EAAE,4BAA4B,CAAC;IAC3D,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACnC,2DAA2D;IAC3D,wBAAwB,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3D,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,CAAC;AAErC,MAAM,MAAM,SAAS,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,aAAa,CAAC,KAAK,CAAC,GACzE,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;AAEhC,KAAK,MAAM,GAAG,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EAC1C,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;CAAE,KACzD,KAAK,CAAC,YAAY,CAAC;AAsFxB,eAAO,MAAM,IAAI,EAAoB,MAAM,CAAC;AAE5C,eAAO,MAAM,mBAAmB,GAAI,uCAIjC,wBAAwB,4CAiC1B,CAAC"}
|
package/dts/tour/Tour.d.ts
CHANGED
|
@@ -24,7 +24,7 @@ export type TourMaskComponentProps = {
|
|
|
24
24
|
borderRadius?: string | number;
|
|
25
25
|
};
|
|
26
26
|
export type TourMaskComponent = React.FC<TourMaskComponentProps>;
|
|
27
|
-
export type TourProps<
|
|
27
|
+
export type TourProps<TourStepId extends string = string> = TourOptions<TourStepId> & {
|
|
28
28
|
children?: React.ReactNode;
|
|
29
29
|
/**
|
|
30
30
|
* The Component to render as a tour overlay and mask.
|
|
@@ -65,7 +65,7 @@ export type TourProps<T extends string = string> = TourOptions<T> & {
|
|
|
65
65
|
tourMaskBorderRadius?: string | number;
|
|
66
66
|
} & Pick<SharedAccessibilityProps, 'accessibilityLabel' | 'accessibilityLabelledBy' | 'id'> &
|
|
67
67
|
SharedProps;
|
|
68
|
-
type TourFC = <
|
|
68
|
+
type TourFC = <TourStepId extends string = string>(props: TourProps<TourStepId>) => React.ReactNode;
|
|
69
69
|
export declare const Tour: TourFC;
|
|
70
70
|
export {};
|
|
71
71
|
//# sourceMappingURL=Tour.d.ts.map
|
package/dts/tour/Tour.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tour.d.ts","sourceRoot":"","sources":["../../src/tour/Tour.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAS,IAAI,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAMxD,OAAO,KAAK,EACV,WAAW,EACX,sBAAsB,EAEvB,MAAM,mCAAmC,CAAC;AAE3C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AACpG,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,YAAY,EAClB,MAAM,mBAAmB,CAAC;AAmB3B,MAAM,MAAM,sBAAsB,GAAG;IACnC;;OAEG;IACH,oBAAoB,EAAE,IAAI,CAAC;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC;AAEjE,MAAM,MAAM,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"Tour.d.ts","sourceRoot":"","sources":["../../src/tour/Tour.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAS,IAAI,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAMxD,OAAO,KAAK,EACV,WAAW,EACX,sBAAsB,EAEvB,MAAM,mCAAmC,CAAC;AAE3C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AACpG,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,YAAY,EAClB,MAAM,mBAAmB,CAAC;AAmB3B,MAAM,MAAM,sBAAsB,GAAG;IACnC;;OAEG;IACH,oBAAoB,EAAE,IAAI,CAAC;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC;AAEjE,MAAM,MAAM,SAAS,CAAC,UAAU,SAAS,MAAM,GAAG,MAAM,IAAI,WAAW,CAAC,UAAU,CAAC,GAAG;IACpF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC;;;OAGG;IACH,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAChD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,oBAAoB,CAAC;IAC7C;;OAEG;IACH,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxC,GAAG,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,GAAG,yBAAyB,GAAG,IAAI,CAAC,GACzF,WAAW,CAAC;AAEd,KAAK,MAAM,GAAG,CAAC,UAAU,SAAS,MAAM,GAAG,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,UAAU,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;AA2IpG,eAAO,MAAM,IAAI,EAAoB,MAAM,CAAC"}
|
package/esm/carousel/Carousel.js
CHANGED
|
@@ -458,7 +458,11 @@ export const Carousel = /*#__PURE__*/memo(/*#__PURE__*/forwardRef((_ref4, ref) =
|
|
|
458
458
|
return targetOffsetScroll;
|
|
459
459
|
}
|
|
460
460
|
}, [drag, isLoopingActive, loopLength, maxScrollOffset, pageOffsets, updateVisibleCarouselItems, updateActivePageIndex]);
|
|
461
|
-
const panGesture = useMemo(() => Gesture.Pan()
|
|
461
|
+
const panGesture = useMemo(() => Gesture.Pan()
|
|
462
|
+
// Only activate when horizontal movement exceeds threshold
|
|
463
|
+
.activeOffsetX([-10, 10])
|
|
464
|
+
// Fail (let parent scroll) when vertical movement exceeds threshold first
|
|
465
|
+
.failOffsetY([-10, 10]).onStart(() => {
|
|
462
466
|
if (!isDragEnabled) return;
|
|
463
467
|
handleDragStart();
|
|
464
468
|
}).onUpdate(_ref5 => {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coinbase/cds-mobile",
|
|
3
|
-
"version": "8.40.
|
|
3
|
+
"version": "8.40.2",
|
|
4
4
|
"description": "Coinbase Design System - Mobile",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -198,9 +198,9 @@
|
|
|
198
198
|
"react-native-svg": "^14.1.0"
|
|
199
199
|
},
|
|
200
200
|
"dependencies": {
|
|
201
|
-
"@coinbase/cds-common": "^8.40.
|
|
202
|
-
"@coinbase/cds-icons": "^5.
|
|
203
|
-
"@coinbase/cds-illustrations": "^4.
|
|
201
|
+
"@coinbase/cds-common": "^8.40.2",
|
|
202
|
+
"@coinbase/cds-icons": "^5.10.0",
|
|
203
|
+
"@coinbase/cds-illustrations": "^4.30.0",
|
|
204
204
|
"@coinbase/cds-lottie-files": "^3.3.4",
|
|
205
205
|
"@coinbase/cds-utils": "^2.3.5",
|
|
206
206
|
"@floating-ui/react-native": "^0.10.5",
|