@coinbase/cds-mobile 9.22.0 → 9.23.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 +12 -0
- package/dts/carousel/Carousel.d.ts +6 -0
- package/dts/carousel/Carousel.d.ts.map +1 -1
- package/dts/tabs/DefaultTab.d.ts +7 -0
- package/dts/tabs/DefaultTab.d.ts.map +1 -1
- package/dts/tabs/Tabs.d.ts +19 -1
- package/dts/tabs/Tabs.d.ts.map +1 -1
- package/dts/visualizations/chart/PeriodSelector.d.ts.map +1 -1
- package/esm/carousel/Carousel.js +27 -8
- package/esm/carousel/__stories__/Carousel.stories.js +25 -1
- package/esm/tabs/DefaultTab.js +16 -3
- package/esm/tabs/Tabs.js +15 -1
- package/esm/visualizations/chart/PeriodSelector.js +4 -2
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -8,6 +8,18 @@ All notable changes to this project will be documented in this file.
|
|
|
8
8
|
|
|
9
9
|
<!-- template-start -->
|
|
10
10
|
|
|
11
|
+
## 9.23.0 (8/27/2026 PST)
|
|
12
|
+
|
|
13
|
+
#### 🚀 Updates
|
|
14
|
+
|
|
15
|
+
- Add uncontrolled initialPage prop to Carousel. [[#864](https://github.com/coinbase/cds/pull/864)]
|
|
16
|
+
|
|
17
|
+
## 9.22.1 (8/25/2026 PST)
|
|
18
|
+
|
|
19
|
+
#### 🐞 Fixes
|
|
20
|
+
|
|
21
|
+
- Support font props on Tabs. [[#825](https://github.com/coinbase/cds/pull/825)]
|
|
22
|
+
|
|
11
23
|
## 9.22.0 (8/25/2026 PST)
|
|
12
24
|
|
|
13
25
|
#### 🚀 Updates
|
|
@@ -141,6 +141,12 @@ export type CarouselBaseProps = SharedProps &
|
|
|
141
141
|
* @default 'page'
|
|
142
142
|
*/
|
|
143
143
|
snapMode?: 'item' | 'page';
|
|
144
|
+
/**
|
|
145
|
+
* Zero-based page index to show on first layout, with no animation. Uncontrolled —
|
|
146
|
+
* updating it later does not move the carousel. Out-of-range values are clamped.
|
|
147
|
+
* @default 0
|
|
148
|
+
*/
|
|
149
|
+
initialPage?: number;
|
|
144
150
|
/**
|
|
145
151
|
* Hides the navigation arrows (previous/next buttons).
|
|
146
152
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../src/carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../src/carousel/Carousel.tsx"],"names":[],"mappings":"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"}
|
package/dts/tabs/DefaultTab.d.ts
CHANGED
|
@@ -41,6 +41,13 @@ declare const DefaultTabComponent: React.MemoExoticComponent<
|
|
|
41
41
|
testID,
|
|
42
42
|
color,
|
|
43
43
|
activeColor,
|
|
44
|
+
font,
|
|
45
|
+
fontFamily,
|
|
46
|
+
fontSize,
|
|
47
|
+
fontWeight,
|
|
48
|
+
lineHeight,
|
|
49
|
+
align,
|
|
50
|
+
textTransform,
|
|
44
51
|
...props
|
|
45
52
|
}: DefaultTabProps<TabId> & {
|
|
46
53
|
ref?: React.Ref<View>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultTab.d.ts","sourceRoot":"","sources":["../../src/tabs/DefaultTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAC1D,OAAO,EACL,KAAK,qBAAqB,EAE1B,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,IAAI,EACT,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AAEpG,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAKpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAEhD,qEAAqE;AACrE,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,KAAK,CAAC,CAAC,GAClF,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,CAAC,CAAC;AAEvD,MAAM,MAAM,eAAe,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CAC/D,cAAc,EACd,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAC3C,GACC,iBAAiB,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,oBAAoB,CAAC,GAAG;IACjE,oFAAoF;IACpF,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;AAEJ,KAAK,mBAAmB,GAAG,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EACvD,KAAK,EAAE,eAAe,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;CAAE,KAC/D,KAAK,CAAC,YAAY,CAAC;AAExB,QAAA,MAAM,mBAAmB,8BACtB,KAAK,SAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"DefaultTab.d.ts","sourceRoot":"","sources":["../../src/tabs/DefaultTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAC1D,OAAO,EACL,KAAK,qBAAqB,EAE1B,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,IAAI,EACT,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAElE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AAEpG,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAKpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAEhD,qEAAqE;AACrE,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,KAAK,CAAC,CAAC,GAClF,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,CAAC,CAAC;AAEvD,MAAM,MAAM,eAAe,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CAC/D,cAAc,EACd,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAC3C,GACC,iBAAiB,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,oBAAoB,CAAC,GAAG;IACjE,oFAAoF;IACpF,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;AAEJ,KAAK,mBAAmB,GAAG,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EACvD,KAAK,EAAE,eAAe,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;CAAE,KAC/D,KAAK,CAAC,YAAY,CAAC;AAExB,QAAA,MAAM,mBAAmB,8BACtB,KAAK,SAAS,MAAM,8MAqBlB,eAAe,CAAC,KAAK,CAAC,GAAG;IAC1B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;CACvB,8CAoDF,CAAC;AAIF,eAAO,MAAM,UAAU,EAA0B,mBAAmB,CAAC"}
|
package/dts/tabs/Tabs.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ import { type TabsOptions, type TabValue } from '@coinbase/cds-common/tabs/useTa
|
|
|
5
5
|
import { type Rect } from '@coinbase/cds-common/types/Rect';
|
|
6
6
|
import type { BoxBaseProps, BoxProps } from '../layout/Box';
|
|
7
7
|
import type { HStackProps } from '../layout/HStack';
|
|
8
|
+
import type { TextBaseProps } from '../typography/Text';
|
|
8
9
|
export declare const tabsSpringConfig: {
|
|
9
10
|
readonly mass: 0.15;
|
|
10
11
|
readonly stiffness: 160;
|
|
@@ -27,6 +28,23 @@ export type TabComponentProps<
|
|
|
27
28
|
* Color when a tab is active.
|
|
28
29
|
*/
|
|
29
30
|
activeColor?: ThemeVars.Color;
|
|
31
|
+
/**
|
|
32
|
+
* Typography token applied to the tab's label text (from `Tabs` when set).
|
|
33
|
+
* @default "headline"
|
|
34
|
+
*/
|
|
35
|
+
font?: TextBaseProps['font'];
|
|
36
|
+
/** Font family override for the tab's label text (from `Tabs` when set). */
|
|
37
|
+
fontFamily?: TextBaseProps['fontFamily'];
|
|
38
|
+
/** Font size override for the tab's label text (from `Tabs` when set). */
|
|
39
|
+
fontSize?: TextBaseProps['fontSize'];
|
|
40
|
+
/** Font weight override for the tab's label text (from `Tabs` when set). */
|
|
41
|
+
fontWeight?: TextBaseProps['fontWeight'];
|
|
42
|
+
/** Line height override for the tab's label text (from `Tabs` when set). */
|
|
43
|
+
lineHeight?: TextBaseProps['lineHeight'];
|
|
44
|
+
/** Text alignment for the tab's label text (from `Tabs` when set). */
|
|
45
|
+
align?: TextBaseProps['align'];
|
|
46
|
+
/** Text transform applied to the tab's label text (from `Tabs` when set). */
|
|
47
|
+
textTransform?: TextBaseProps['textTransform'];
|
|
30
48
|
style?: StyleProp<ViewStyle>;
|
|
31
49
|
};
|
|
32
50
|
export type TabComponent<
|
|
@@ -39,7 +57,7 @@ export type TabsBaseProps<
|
|
|
39
57
|
TTab extends TabValue<TabId> = TabValue<TabId>,
|
|
40
58
|
> = Omit<BoxBaseProps, 'onChange'> &
|
|
41
59
|
Omit<TabsOptions<TabId, TTab>, 'tabs'> &
|
|
42
|
-
Pick<TabComponentProps<TabId, TTab>, 'color' | 'activeColor'> & {
|
|
60
|
+
Pick<TabComponentProps<TabId, TTab>, 'color' | 'activeColor' | 'align'> & {
|
|
43
61
|
/** The array of tabs data. Each tab may optionally define a custom Component to render. */
|
|
44
62
|
tabs: (TTab & {
|
|
45
63
|
Component?: TabComponent<TabId, TTab>;
|
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,KAA8E,MAAM,OAAO,CAAC;AACnG,OAAO,EAA0B,KAAK,SAAS,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAO5F,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;AAGzE,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8E,MAAM,OAAO,CAAC;AACnG,OAAO,EAA0B,KAAK,SAAS,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAO5F,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;AAGzE,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAiCxD,eAAO,MAAM,gBAAgB;;;;;CAKQ,CAAC;AAEtC,MAAM,MAAM,wBAAwB,GAAG;IACrC,aAAa,EAAE,IAAI,CAAC;CACrB,GAAG,QAAQ,CAAC;AAEb,MAAM,MAAM,iBAAiB,CAC3B,KAAK,SAAS,MAAM,GAAG,MAAM,EAC7B,IAAI,SAAS,QAAQ,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,IAC5C,IAAI,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC,GAAG;IACnC,EAAE,EAAE,KAAK,CAAC;IACV;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC9B;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,4EAA4E;IAC5E,UAAU,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACzC,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,4EAA4E;IAC5E,UAAU,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACzC,4EAA4E;IAC5E,UAAU,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACzC,sEAAsE;IACtE,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,6EAA6E;IAC7E,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,YAAY,CACtB,KAAK,SAAS,MAAM,GAAG,MAAM,EAC7B,IAAI,SAAS,QAAQ,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,IAC5C,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;AAE7C,MAAM,MAAM,4BAA4B,GAAG,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC;AAE9E,MAAM,MAAM,aAAa,CACvB,KAAK,SAAS,MAAM,GAAG,MAAM,EAC7B,IAAI,SAAS,QAAQ,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,IAC5C,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,GAChC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,GACtC,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,aAAa,GAAG,OAAO,CAAC,GAAG;IACxE,2FAA2F;IAC3F,IAAI,EAAE,CAAC,IAAI,GAAG;QAAE,SAAS,CAAC,EAAE,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;KAAE,CAAC,EAAE,CAAC;IAC3D,gDAAgD;IAChD,YAAY,CAAC,EAAE,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACzC,iEAAiE;IACjE,4BAA4B,CAAC,EAAE,4BAA4B,CAAC;IAC5D,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,CAAC;AAEJ,MAAM,MAAM,SAAS,CACnB,KAAK,SAAS,MAAM,GAAG,MAAM,EAC7B,IAAI,SAAS,QAAQ,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,IAC5C,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC,GAC5B,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG;IAC9B,kEAAkE;IAClE,MAAM,CAAC,EAAE;QACP,6BAA6B;QAC7B,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B,0CAA0C;QAC1C,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACpC,kBAAkB;QAClB,GAAG,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC3B,+BAA+B;QAC/B,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACxC,CAAC;CACH,CAAC;AAEJ,KAAK,MAAM,GAAG,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,QAAQ,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,EAC1F,KAAK,EAAE,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;CAAE,KAC/D,KAAK,CAAC,YAAY,CAAC;AAyJxB,eAAO,MAAM,IAAI,EAAoB,MAAM,CAAC;AAE5C,eAAO,MAAM,mBAAmB,GAAI,sDAMjC,wBAAwB,4CA6C1B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PeriodSelector.d.ts","sourceRoot":"","sources":["../../../src/visualizations/chart/PeriodSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAAc,IAAI,EAAE,MAAM,cAAc,CAAC;AAOhD,OAAO,EAEL,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,EACxB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAqB,KAAK,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAEnF,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAIjE,eAAO,MAAM,6BAA6B,6GASrC,wBAAwB,oDAiD5B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,aAAa,GAAG;IAClD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,GAAG,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,CAAC;AAStD,eAAO,MAAM,YAAY,oFASpB,iBAAiB,GAAG;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;CACvB,6CA0BF,CAAC;AAWF,MAAM,MAAM,uBAAuB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,sBAAsB,CAAC,KAAK,CAAC,CAAC;AAEnG,MAAM,MAAM,mBAAmB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,kBAAkB,CAAC,KAAK,CAAC,CAAC;AAE3F;;;GAGG;AACH,eAAO,MAAM,cAAc,iDAItB,mBAAmB,GAAG;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACtB,
|
|
1
|
+
{"version":3,"file":"PeriodSelector.d.ts","sourceRoot":"","sources":["../../../src/visualizations/chart/PeriodSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAAc,IAAI,EAAE,MAAM,cAAc,CAAC;AAOhD,OAAO,EAEL,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,EACxB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAqB,KAAK,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAEnF,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAIjE,eAAO,MAAM,6BAA6B,6GASrC,wBAAwB,oDAiD5B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,aAAa,GAAG;IAClD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,GAAG,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,CAAC;AAStD,eAAO,MAAM,YAAY,oFASpB,iBAAiB,GAAG;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;CACvB,6CA0BF,CAAC;AAWF,MAAM,MAAM,uBAAuB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,sBAAsB,CAAC,KAAK,CAAC,CAAC;AAEnG,MAAM,MAAM,mBAAmB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,kBAAkB,CAAC,KAAK,CAAC,CAAC;AAE3F;;;GAGG;AACH,eAAO,MAAM,cAAc,iDAItB,mBAAmB,GAAG;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACtB,6CA6BF,CAAC"}
|
package/esm/carousel/Carousel.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
const _excluded = ["ref"],
|
|
2
|
-
_excluded2 = ["children", "title", "hideNavigation", "hidePagination", "paginationVariant", "drag", "snapMode", "NavigationComponent", "PaginationComponent", "style", "styles", "nextPageAccessibilityLabel", "previousPageAccessibilityLabel", "startAutoplayAccessibilityLabel", "stopAutoplayAccessibilityLabel", "paginationAccessibilityLabel", "onChangePage", "onDragStart", "onDragEnd", "loop", "autoplay", "autoplayInterval"];
|
|
2
|
+
_excluded2 = ["children", "title", "hideNavigation", "hidePagination", "paginationVariant", "drag", "snapMode", "initialPage", "NavigationComponent", "PaginationComponent", "style", "styles", "nextPageAccessibilityLabel", "previousPageAccessibilityLabel", "startAutoplayAccessibilityLabel", "stopAutoplayAccessibilityLabel", "paginationAccessibilityLabel", "onChangePage", "onDragStart", "onDragEnd", "loop", "autoplay", "autoplayInterval"];
|
|
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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
5
|
-
import React, { memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
|
|
5
|
+
import React, { memo, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from 'react';
|
|
6
6
|
import { View } from 'react-native';
|
|
7
7
|
import { Gesture, GestureDetector } from 'react-native-gesture-handler';
|
|
8
8
|
import { useCarouselAutoplay } from '@coinbase/cds-common/carousel/useCarouselAutoplay';
|
|
@@ -270,6 +270,7 @@ export const Carousel = /*#__PURE__*/memo(_ref4 => {
|
|
|
270
270
|
paginationVariant,
|
|
271
271
|
drag = 'snap',
|
|
272
272
|
snapMode = 'page',
|
|
273
|
+
initialPage,
|
|
273
274
|
NavigationComponent = DefaultCarouselNavigation,
|
|
274
275
|
PaginationComponent = DefaultCarouselPagination,
|
|
275
276
|
style,
|
|
@@ -288,11 +289,12 @@ export const Carousel = /*#__PURE__*/memo(_ref4 => {
|
|
|
288
289
|
} = mergedProps,
|
|
289
290
|
props = _objectWithoutPropertiesLoose(mergedProps, _excluded2);
|
|
290
291
|
const carouselScrollX = useRef(0);
|
|
292
|
+
const hasAppliedInitialPageRef = useRef(false);
|
|
291
293
|
const animationApi = useSpring({
|
|
292
294
|
x: carouselScrollX.current,
|
|
293
295
|
config: animationConfig
|
|
294
296
|
});
|
|
295
|
-
const [activePageIndex, setActivePageIndex] = useState(0);
|
|
297
|
+
const [activePageIndex, setActivePageIndex] = useState(() => Math.max(0, initialPage != null ? initialPage : 0));
|
|
296
298
|
const [containerSize, onLayout] = useLayout();
|
|
297
299
|
const [carouselItemRects, setCarouselItemRects] = useState({});
|
|
298
300
|
const [visibleCarouselItems, setVisibleCarouselItems] = useState(new Set());
|
|
@@ -424,18 +426,35 @@ export const Carousel = /*#__PURE__*/memo(_ref4 => {
|
|
|
424
426
|
enabled: autoplay != null ? autoplay : false,
|
|
425
427
|
interval: autoplayInterval
|
|
426
428
|
});
|
|
427
|
-
const goToPage = useCallback(page
|
|
429
|
+
const goToPage = useCallback(function (page, _temp) {
|
|
430
|
+
let {
|
|
431
|
+
animate: shouldAnimate = true
|
|
432
|
+
} = _temp === void 0 ? {} : _temp;
|
|
428
433
|
const newPage = Math.max(0, Math.min(totalPages - 1, page));
|
|
429
434
|
updateActivePageIndex(newPage);
|
|
430
435
|
updateVisibleCarouselItems(pageOffsets[newPage]);
|
|
431
436
|
const targetOffset = isLoopingActive ? findNearestLoopOffset(carouselScrollX.current, [pageOffsets[newPage]], loopLength).offset : pageOffsets[newPage];
|
|
432
437
|
carouselScrollX.current = targetOffset;
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
438
|
+
if (shouldAnimate) {
|
|
439
|
+
animationApi.x.start({
|
|
440
|
+
to: targetOffset,
|
|
441
|
+
config: animationConfig
|
|
442
|
+
});
|
|
443
|
+
} else {
|
|
444
|
+
animationApi.x.set(targetOffset);
|
|
445
|
+
}
|
|
437
446
|
reset();
|
|
438
447
|
}, [totalPages, updateActivePageIndex, updateVisibleCarouselItems, pageOffsets, isLoopingActive, loopLength, animationApi.x, reset]);
|
|
448
|
+
useLayoutEffect(() => {
|
|
449
|
+
if (hasAppliedInitialPageRef.current || totalPages === 0) return;
|
|
450
|
+
hasAppliedInitialPageRef.current = true;
|
|
451
|
+
const targetPage = initialPage != null ? initialPage : 0;
|
|
452
|
+
if (targetPage > 0) {
|
|
453
|
+
goToPage(targetPage, {
|
|
454
|
+
animate: false
|
|
455
|
+
});
|
|
456
|
+
}
|
|
457
|
+
}, [totalPages, initialPage, goToPage]);
|
|
439
458
|
useImperativeHandle(ref, () => ({
|
|
440
459
|
activePageIndex,
|
|
441
460
|
totalPages,
|
|
@@ -650,6 +650,30 @@ const ImperativeApiExample = () => {
|
|
|
650
650
|
})
|
|
651
651
|
});
|
|
652
652
|
};
|
|
653
|
+
const InitialPageExample = () => {
|
|
654
|
+
const theme = useTheme();
|
|
655
|
+
return /*#__PURE__*/_jsx(Example, {
|
|
656
|
+
paddingX: 0,
|
|
657
|
+
children: /*#__PURE__*/_jsx(Carousel, {
|
|
658
|
+
initialPage: 2,
|
|
659
|
+
snapMode: "page",
|
|
660
|
+
styles: {
|
|
661
|
+
root: {
|
|
662
|
+
paddingHorizontal: theme.space[2]
|
|
663
|
+
},
|
|
664
|
+
carousel: {
|
|
665
|
+
gap: theme.space[2]
|
|
666
|
+
}
|
|
667
|
+
},
|
|
668
|
+
title: "Initial Page (opens on page 3)",
|
|
669
|
+
children: sampleItems.slice(0, 5).map((item, index) => /*#__PURE__*/_jsx(CarouselItem, {
|
|
670
|
+
id: "initial-page-" + index,
|
|
671
|
+
width: "100%",
|
|
672
|
+
children: item
|
|
673
|
+
}, "initial-page-" + index))
|
|
674
|
+
})
|
|
675
|
+
});
|
|
676
|
+
};
|
|
653
677
|
const LoopingExamples = () => {
|
|
654
678
|
const theme = useTheme();
|
|
655
679
|
const horizontalPadding = theme.space[2];
|
|
@@ -846,6 +870,6 @@ const AnimatedPaginationExample = () => {
|
|
|
846
870
|
export default function CarouselScreen() {
|
|
847
871
|
return /*#__PURE__*/_jsxs(ExampleScreen, {
|
|
848
872
|
paddingX: 0,
|
|
849
|
-
children: [/*#__PURE__*/_jsx(BasicExamples, {}), /*#__PURE__*/_jsx(CustomComponentsExample, {}), /*#__PURE__*/_jsx(DynamicContentExample, {}), /*#__PURE__*/_jsx(AnimatedExample, {}), /*#__PURE__*/_jsx(ImperativeApiExample, {}), /*#__PURE__*/_jsx(AnimatedPaginationExample, {}), /*#__PURE__*/_jsx(LoopingExamples, {}), /*#__PURE__*/_jsx(AutoplayExample, {})]
|
|
873
|
+
children: [/*#__PURE__*/_jsx(BasicExamples, {}), /*#__PURE__*/_jsx(CustomComponentsExample, {}), /*#__PURE__*/_jsx(DynamicContentExample, {}), /*#__PURE__*/_jsx(AnimatedExample, {}), /*#__PURE__*/_jsx(ImperativeApiExample, {}), /*#__PURE__*/_jsx(AnimatedPaginationExample, {}), /*#__PURE__*/_jsx(LoopingExamples, {}), /*#__PURE__*/_jsx(AutoplayExample, {}), /*#__PURE__*/_jsx(InitialPageExample, {})]
|
|
850
874
|
});
|
|
851
875
|
}
|
package/esm/tabs/DefaultTab.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const _excluded = ["ref", "id", "label", "disabled", "onPress", "count", "max", "accessibilityLabel", "style", "testID", "color", "activeColor"];
|
|
1
|
+
const _excluded = ["ref", "id", "label", "disabled", "onPress", "count", "max", "accessibilityLabel", "style", "testID", "color", "activeColor", "font", "fontFamily", "fontSize", "fontWeight", "lineHeight", "align", "textTransform"];
|
|
2
2
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
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
|
import React, { memo, useCallback } from 'react';
|
|
@@ -25,7 +25,14 @@ const DefaultTabComponent = /*#__PURE__*/memo(_ref => {
|
|
|
25
25
|
style,
|
|
26
26
|
testID,
|
|
27
27
|
color = 'fg',
|
|
28
|
-
activeColor = 'fgPrimary'
|
|
28
|
+
activeColor = 'fgPrimary',
|
|
29
|
+
font = 'headline',
|
|
30
|
+
fontFamily,
|
|
31
|
+
fontSize,
|
|
32
|
+
fontWeight,
|
|
33
|
+
lineHeight,
|
|
34
|
+
align,
|
|
35
|
+
textTransform
|
|
29
36
|
} = _ref,
|
|
30
37
|
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
31
38
|
const theme = useTheme();
|
|
@@ -59,9 +66,15 @@ const DefaultTabComponent = /*#__PURE__*/memo(_ref => {
|
|
|
59
66
|
alignItems: "center",
|
|
60
67
|
gap: 0.5,
|
|
61
68
|
children: [/*#__PURE__*/_jsx(Text, {
|
|
69
|
+
align: align,
|
|
62
70
|
color: isActive ? activeColor : color,
|
|
63
|
-
font:
|
|
71
|
+
font: font,
|
|
72
|
+
fontFamily: fontFamily,
|
|
73
|
+
fontSize: fontSize,
|
|
74
|
+
fontWeight: fontWeight,
|
|
75
|
+
lineHeight: lineHeight,
|
|
64
76
|
paddingY: 2,
|
|
77
|
+
textTransform: textTransform,
|
|
65
78
|
children: label
|
|
66
79
|
}), !!count && /*#__PURE__*/_jsx(DotCount, {
|
|
67
80
|
count: count,
|
package/esm/tabs/Tabs.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
const _excluded = ["id", "registerRef", "onLayout"],
|
|
2
2
|
_excluded2 = ["ref"],
|
|
3
|
-
_excluded3 = ["tabs", "TabComponent", "TabsActiveIndicatorComponent", "activeBackground", "color", "activeColor", "activeTab", "disabled", "onChange", "styles", "style", "role", "position", "alignSelf", "opacity", "onActiveTabElementChange", "borderRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderBottomLeftRadius", "borderBottomRightRadius", "testID"],
|
|
3
|
+
_excluded3 = ["tabs", "TabComponent", "TabsActiveIndicatorComponent", "activeBackground", "color", "activeColor", "font", "fontFamily", "fontSize", "fontWeight", "lineHeight", "align", "textTransform", "activeTab", "disabled", "onChange", "styles", "style", "role", "position", "alignSelf", "opacity", "onActiveTabElementChange", "borderRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderBottomLeftRadius", "borderBottomRightRadius", "testID"],
|
|
4
4
|
_excluded4 = ["id", "Component"],
|
|
5
5
|
_excluded5 = ["activeTabRect", "position", "style", "testID"];
|
|
6
6
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
@@ -57,6 +57,13 @@ const TabsComponent = /*#__PURE__*/memo(_ref2 => {
|
|
|
57
57
|
activeBackground,
|
|
58
58
|
color,
|
|
59
59
|
activeColor,
|
|
60
|
+
font,
|
|
61
|
+
fontFamily,
|
|
62
|
+
fontSize,
|
|
63
|
+
fontWeight,
|
|
64
|
+
lineHeight,
|
|
65
|
+
align,
|
|
66
|
+
textTransform,
|
|
60
67
|
activeTab,
|
|
61
68
|
disabled,
|
|
62
69
|
onChange,
|
|
@@ -160,6 +167,13 @@ const TabsComponent = /*#__PURE__*/memo(_ref2 => {
|
|
|
160
167
|
const renderedTabProps = _extends({
|
|
161
168
|
activeColor,
|
|
162
169
|
color,
|
|
170
|
+
font,
|
|
171
|
+
fontFamily,
|
|
172
|
+
fontSize,
|
|
173
|
+
fontWeight,
|
|
174
|
+
lineHeight,
|
|
175
|
+
align,
|
|
176
|
+
textTransform,
|
|
163
177
|
id,
|
|
164
178
|
style: styles == null ? void 0 : styles.tab
|
|
165
179
|
}, tabRest);
|
|
@@ -2,7 +2,7 @@ const _excluded = ["activeTabRect", "background", "position", "borderRadius", "s
|
|
|
2
2
|
_excluded2 = ["ref", "color", "label", "font", "hideDot", "style"],
|
|
3
3
|
_excluded3 = ["ref"],
|
|
4
4
|
_excluded4 = ["ref"],
|
|
5
|
-
_excluded5 = ["background", "activeBackground", "activeColor", "width", "justifyContent", "TabComponent", "TabsActiveIndicatorComponent"];
|
|
5
|
+
_excluded5 = ["background", "activeBackground", "activeColor", "width", "justifyContent", "TabComponent", "TabsActiveIndicatorComponent", "font"];
|
|
6
6
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
7
7
|
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; }
|
|
8
8
|
import React, { memo, useEffect, useMemo, useRef } from 'react';
|
|
@@ -145,7 +145,8 @@ export const PeriodSelector = /*#__PURE__*/memo(_ref4 => {
|
|
|
145
145
|
width = '100%',
|
|
146
146
|
justifyContent = 'space-between',
|
|
147
147
|
TabComponent = PeriodSelectorTab,
|
|
148
|
-
TabsActiveIndicatorComponent = PeriodSelectorActiveIndicator
|
|
148
|
+
TabsActiveIndicatorComponent = PeriodSelectorActiveIndicator,
|
|
149
|
+
font = 'label1'
|
|
149
150
|
} = mergedProps,
|
|
150
151
|
props = _objectWithoutPropertiesLoose(mergedProps, _excluded5);
|
|
151
152
|
return /*#__PURE__*/_jsx(SegmentedTabs, _extends({
|
|
@@ -155,6 +156,7 @@ export const PeriodSelector = /*#__PURE__*/memo(_ref4 => {
|
|
|
155
156
|
activeBackground: activeBackground,
|
|
156
157
|
activeColor: activeColor,
|
|
157
158
|
background: background,
|
|
159
|
+
font: font,
|
|
158
160
|
justifyContent: justifyContent,
|
|
159
161
|
width: width
|
|
160
162
|
}, props));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coinbase/cds-mobile",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.23.0",
|
|
4
4
|
"description": "Coinbase Design System - Mobile",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -218,7 +218,7 @@
|
|
|
218
218
|
"react-native-worklets": "0.5.2"
|
|
219
219
|
},
|
|
220
220
|
"dependencies": {
|
|
221
|
-
"@coinbase/cds-common": "^9.
|
|
221
|
+
"@coinbase/cds-common": "^9.23.0",
|
|
222
222
|
"@coinbase/cds-icons": "^5.22.0",
|
|
223
223
|
"@coinbase/cds-illustrations": "^4.48.0",
|
|
224
224
|
"@coinbase/cds-lottie-files": "^3.3.4",
|