@expo/ui 55.0.4 → 55.0.6
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 +22 -1
- package/android/build.gradle +2 -2
- package/android/src/main/java/expo/modules/ui/AlertDialogView.kt +56 -28
- package/android/src/main/java/expo/modules/ui/BasicAlertDialogView.kt +9 -1
- package/android/src/main/java/expo/modules/ui/CarouselView.kt +93 -67
- package/android/src/main/java/expo/modules/ui/DividerView.kt +21 -2
- package/android/src/main/java/expo/modules/ui/ExpoUIModule.kt +25 -17
- package/android/src/main/java/expo/modules/ui/ModifierRegistry.kt +6 -0
- package/android/src/main/java/expo/modules/ui/PullToRefreshBoxView.kt +20 -3
- package/android/src/main/java/expo/modules/ui/SlotView.kt +8 -0
- package/android/src/main/java/expo/modules/ui/SurfaceView.kt +88 -11
- package/android/src/main/java/expo/modules/ui/TextInputView.kt +15 -3
- package/android/src/main/java/expo/modules/ui/TextView.kt +145 -12
- package/build/jetpack-compose/AlertDialog/index.d.ts +72 -36
- package/build/jetpack-compose/AlertDialog/index.d.ts.map +1 -1
- package/build/jetpack-compose/BasicAlertDialog/index.d.ts +7 -2
- package/build/jetpack-compose/BasicAlertDialog/index.d.ts.map +1 -1
- package/build/jetpack-compose/Card/index.d.ts.map +1 -1
- package/build/jetpack-compose/Carousel/index.d.ts +86 -23
- package/build/jetpack-compose/Carousel/index.d.ts.map +1 -1
- package/build/jetpack-compose/Divider/index.d.ts +20 -5
- package/build/jetpack-compose/Divider/index.d.ts.map +1 -1
- package/build/jetpack-compose/Progress/index.d.ts +6 -7
- package/build/jetpack-compose/Progress/index.d.ts.map +1 -1
- package/build/jetpack-compose/PullToRefreshBox/index.d.ts +34 -9
- package/build/jetpack-compose/PullToRefreshBox/index.d.ts.map +1 -1
- package/build/jetpack-compose/Surface/index.d.ts +52 -2
- package/build/jetpack-compose/Surface/index.d.ts.map +1 -1
- package/build/jetpack-compose/Text/index.d.ts +77 -89
- package/build/jetpack-compose/Text/index.d.ts.map +1 -1
- package/build/jetpack-compose/TextInput/index.d.ts +18 -3
- package/build/jetpack-compose/TextInput/index.d.ts.map +1 -1
- package/build/jetpack-compose/index.d.ts +2 -2
- package/build/jetpack-compose/index.d.ts.map +1 -1
- package/build/jetpack-compose/modifiers/index.d.ts +5 -0
- package/build/jetpack-compose/modifiers/index.d.ts.map +1 -1
- package/build/swift-ui/modifiers/index.d.ts +1 -1
- package/build/types.d.ts +26 -0
- package/build/types.d.ts.map +1 -1
- package/expo-module.config.json +1 -1
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/{55.0.4/expo.modules.ui-55.0.4-sources.jar → 55.0.6/expo.modules.ui-55.0.6-sources.jar} +0 -0
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.6/expo.modules.ui-55.0.6-sources.jar.md5 +1 -0
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.6/expo.modules.ui-55.0.6-sources.jar.sha1 +1 -0
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.6/expo.modules.ui-55.0.6-sources.jar.sha256 +1 -0
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.6/expo.modules.ui-55.0.6-sources.jar.sha512 +1 -0
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.6/expo.modules.ui-55.0.6.aar +0 -0
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.6/expo.modules.ui-55.0.6.aar.md5 +1 -0
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.6/expo.modules.ui-55.0.6.aar.sha1 +1 -0
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.6/expo.modules.ui-55.0.6.aar.sha256 +1 -0
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.6/expo.modules.ui-55.0.6.aar.sha512 +1 -0
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/{55.0.4/expo.modules.ui-55.0.4.module → 55.0.6/expo.modules.ui-55.0.6.module} +22 -22
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.6/expo.modules.ui-55.0.6.module.md5 +1 -0
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.6/expo.modules.ui-55.0.6.module.sha1 +1 -0
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.6/expo.modules.ui-55.0.6.module.sha256 +1 -0
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.6/expo.modules.ui-55.0.6.module.sha512 +1 -0
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/{55.0.4/expo.modules.ui-55.0.4.pom → 55.0.6/expo.modules.ui-55.0.6.pom} +1 -1
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.6/expo.modules.ui-55.0.6.pom.md5 +1 -0
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.6/expo.modules.ui-55.0.6.pom.sha1 +1 -0
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.6/expo.modules.ui-55.0.6.pom.sha256 +1 -0
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.6/expo.modules.ui-55.0.6.pom.sha512 +1 -0
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml +4 -4
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.md5 +1 -1
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.sha1 +1 -1
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.sha256 +1 -1
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.sha512 +1 -1
- package/package.json +2 -2
- package/src/jetpack-compose/AlertDialog/index.tsx +94 -41
- package/src/jetpack-compose/BasicAlertDialog/index.tsx +9 -2
- package/src/jetpack-compose/Card/index.tsx +4 -2
- package/src/jetpack-compose/Carousel/index.tsx +118 -30
- package/src/jetpack-compose/Divider/index.tsx +34 -14
- package/src/jetpack-compose/Progress/index.tsx +11 -9
- package/src/jetpack-compose/PullToRefreshBox/index.tsx +35 -18
- package/src/jetpack-compose/Surface/index.tsx +75 -4
- package/src/jetpack-compose/Text/index.tsx +171 -101
- package/src/jetpack-compose/TextInput/index.tsx +38 -8
- package/src/jetpack-compose/index.ts +2 -2
- package/src/jetpack-compose/modifiers/index.ts +10 -0
- package/src/swift-ui/modifiers/index.ts +1 -1
- package/src/types.ts +27 -0
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.4/expo.modules.ui-55.0.4-sources.jar.md5 +0 -1
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.4/expo.modules.ui-55.0.4-sources.jar.sha1 +0 -1
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.4/expo.modules.ui-55.0.4-sources.jar.sha256 +0 -1
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.4/expo.modules.ui-55.0.4-sources.jar.sha512 +0 -1
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.4/expo.modules.ui-55.0.4.aar +0 -0
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.4/expo.modules.ui-55.0.4.aar.md5 +0 -1
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.4/expo.modules.ui-55.0.4.aar.sha1 +0 -1
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.4/expo.modules.ui-55.0.4.aar.sha256 +0 -1
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.4/expo.modules.ui-55.0.4.aar.sha512 +0 -1
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.4/expo.modules.ui-55.0.4.module.md5 +0 -1
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.4/expo.modules.ui-55.0.4.module.sha1 +0 -1
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.4/expo.modules.ui-55.0.4.module.sha256 +0 -1
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.4/expo.modules.ui-55.0.4.module.sha512 +0 -1
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.4/expo.modules.ui-55.0.4.pom.md5 +0 -1
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.4/expo.modules.ui-55.0.4.pom.sha1 +0 -1
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.4/expo.modules.ui-55.0.4.pom.sha256 +0 -1
- package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.4/expo.modules.ui-55.0.4.pom.sha512 +0 -1
|
@@ -1,38 +1,101 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { type ModifierConfig } from '../../types';
|
|
2
|
+
/**
|
|
3
|
+
* Per-side padding values in dp for carousel content.
|
|
4
|
+
*/
|
|
2
5
|
export type PaddingValuesRecord = {
|
|
3
6
|
start?: number;
|
|
4
7
|
top?: number;
|
|
5
8
|
end?: number;
|
|
6
9
|
bottom?: number;
|
|
7
10
|
};
|
|
8
|
-
|
|
11
|
+
/**
|
|
12
|
+
* Fling behavior type for controlling carousel snapping.
|
|
13
|
+
*/
|
|
9
14
|
export type FlingBehaviorType = 'singleAdvance' | 'noSnap';
|
|
10
|
-
|
|
15
|
+
/**
|
|
16
|
+
* Shared props across all carousel components.
|
|
17
|
+
*/
|
|
18
|
+
export type CarouselCommonConfig = {
|
|
11
19
|
/**
|
|
12
|
-
*
|
|
20
|
+
* Spacing between items in dp.
|
|
21
|
+
* @default 0
|
|
13
22
|
*/
|
|
14
|
-
modifiers?: ExpoModifier[];
|
|
15
|
-
/** Carousel variant */
|
|
16
|
-
variant?: CarouselVariant;
|
|
17
|
-
/** Spacing between items (dp) */
|
|
18
23
|
itemSpacing?: number;
|
|
19
|
-
/**
|
|
24
|
+
/**
|
|
25
|
+
* Padding for carousel content (dp or object).
|
|
26
|
+
*/
|
|
20
27
|
contentPadding?: number | PaddingValuesRecord;
|
|
21
|
-
/**
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
/** Fling behavior type */
|
|
28
|
+
/**
|
|
29
|
+
* Controls snapping behavior when the user flings the carousel.
|
|
30
|
+
* `'singleAdvance'` snaps to the next item, `'noSnap'` allows free scrolling.
|
|
31
|
+
*/
|
|
26
32
|
flingBehavior?: FlingBehaviorType;
|
|
27
|
-
/**
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
33
|
+
/**
|
|
34
|
+
* Whether the user can scroll the carousel.
|
|
35
|
+
* @default true
|
|
36
|
+
*/
|
|
37
|
+
userScrollEnabled?: boolean;
|
|
38
|
+
/**
|
|
39
|
+
* Modifiers for the component.
|
|
40
|
+
*/
|
|
41
|
+
modifiers?: ModifierConfig[];
|
|
42
|
+
/**
|
|
43
|
+
* Children to render as carousel items.
|
|
44
|
+
*/
|
|
32
45
|
children: React.ReactNode;
|
|
33
46
|
};
|
|
34
|
-
type
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
47
|
+
export type HorizontalCenteredHeroCarouselProps = CarouselCommonConfig & {
|
|
48
|
+
/**
|
|
49
|
+
* Maximum width of the hero item in dp.
|
|
50
|
+
* When unspecified, the hero item will be as wide as possible.
|
|
51
|
+
*/
|
|
52
|
+
maxItemWidth?: number;
|
|
53
|
+
/**
|
|
54
|
+
* Minimum width of small peek items in dp.
|
|
55
|
+
* @default CarouselDefaults.MinSmallItemSize
|
|
56
|
+
*/
|
|
57
|
+
minSmallItemWidth?: number;
|
|
58
|
+
/**
|
|
59
|
+
* Maximum width of small peek items in dp.
|
|
60
|
+
* @default CarouselDefaults.MaxSmallItemSize
|
|
61
|
+
*/
|
|
62
|
+
maxSmallItemWidth?: number;
|
|
63
|
+
};
|
|
64
|
+
/**
|
|
65
|
+
* A hero carousel that centers one large item between two small peek items,
|
|
66
|
+
* matching Compose's `HorizontalCenteredHeroCarousel`.
|
|
67
|
+
*/
|
|
68
|
+
export declare const HorizontalCenteredHeroCarousel: import("react").ComponentType<HorizontalCenteredHeroCarouselProps>;
|
|
69
|
+
export type HorizontalMultiBrowseCarouselProps = CarouselCommonConfig & {
|
|
70
|
+
/**
|
|
71
|
+
* The preferred width of the large item in dp.
|
|
72
|
+
*/
|
|
73
|
+
preferredItemWidth: number;
|
|
74
|
+
/**
|
|
75
|
+
* Minimum width of small peek items in dp.
|
|
76
|
+
* @default CarouselDefaults.MinSmallItemSize
|
|
77
|
+
*/
|
|
78
|
+
minSmallItemWidth?: number;
|
|
79
|
+
/**
|
|
80
|
+
* Maximum width of small peek items in dp.
|
|
81
|
+
* @default CarouselDefaults.MaxSmallItemSize
|
|
82
|
+
*/
|
|
83
|
+
maxSmallItemWidth?: number;
|
|
84
|
+
};
|
|
85
|
+
/**
|
|
86
|
+
* A carousel that shows a large item alongside smaller peek items,
|
|
87
|
+
* matching Compose's `HorizontalMultiBrowseCarousel`.
|
|
88
|
+
*/
|
|
89
|
+
export declare const HorizontalMultiBrowseCarousel: import("react").ComponentType<HorizontalMultiBrowseCarouselProps>;
|
|
90
|
+
export type HorizontalUncontainedCarouselProps = CarouselCommonConfig & {
|
|
91
|
+
/**
|
|
92
|
+
* The width of each item in dp.
|
|
93
|
+
*/
|
|
94
|
+
itemWidth: number;
|
|
95
|
+
};
|
|
96
|
+
/**
|
|
97
|
+
* A carousel where each item has a fixed width with free-form scrolling,
|
|
98
|
+
* matching Compose's `HorizontalUncontainedCarousel`.
|
|
99
|
+
*/
|
|
100
|
+
export declare const HorizontalUncontainedCarousel: import("react").ComponentType<HorizontalUncontainedCarouselProps>;
|
|
38
101
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Carousel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Carousel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,eAAe,GAAG,QAAQ,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,mBAAmB,CAAC;IAC9C;;;OAGG;IACH,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAsBF,MAAM,MAAM,mCAAmC,GAAG,oBAAoB,GAAG;IACvE;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,8BAA8B,oEAGxC,CAAC;AAMJ,MAAM,MAAM,kCAAkC,GAAG,oBAAoB,GAAG;IACtE;;OAEG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,6BAA6B,mEACwD,CAAC;AAMnG,MAAM,MAAM,kCAAkC,GAAG,oBAAoB,GAAG;IACtE;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,6BAA6B,mEACwD,CAAC"}
|
|
@@ -1,12 +1,27 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { type ColorValue } from 'react-native';
|
|
2
|
+
import { type ModifierConfig } from '../../types';
|
|
3
|
+
export type DividerCommonConfig = {
|
|
4
|
+
/**
|
|
5
|
+
* Thickness of the divider line. Accepts dp values; use `StyleSheet.hairlineWidth` for a single-pixel line.
|
|
6
|
+
*/
|
|
7
|
+
thickness?: number;
|
|
8
|
+
/**
|
|
9
|
+
* Color of the divider line.
|
|
10
|
+
*/
|
|
11
|
+
color?: ColorValue;
|
|
3
12
|
/**
|
|
4
13
|
* Modifiers for the component.
|
|
5
14
|
*/
|
|
6
|
-
modifiers?:
|
|
15
|
+
modifiers?: ModifierConfig[];
|
|
7
16
|
};
|
|
8
17
|
/**
|
|
9
|
-
* A
|
|
18
|
+
* A horizontal divider line that groups content in lists and layouts,
|
|
19
|
+
* matching Compose's `HorizontalDivider`.
|
|
20
|
+
*/
|
|
21
|
+
export declare const HorizontalDivider: import("react").ComponentType<DividerCommonConfig>;
|
|
22
|
+
/**
|
|
23
|
+
* A vertical divider line that groups content in layouts,
|
|
24
|
+
* matching Compose's `VerticalDivider`.
|
|
10
25
|
*/
|
|
11
|
-
export declare
|
|
26
|
+
export declare const VerticalDivider: import("react").ComponentType<DividerCommonConfig>;
|
|
12
27
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Divider/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Divider/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;CAC9B,CAAC;AAuBF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,oDAAkD,CAAC;AAEjF;;;GAGG;AACH,eAAO,MAAM,eAAe,oDAAgD,CAAC"}
|
|
@@ -7,7 +7,7 @@ export type StrokeCap = 'round' | 'butt' | 'square';
|
|
|
7
7
|
/**
|
|
8
8
|
* Common props shared by all progress indicator variants.
|
|
9
9
|
*/
|
|
10
|
-
type
|
|
10
|
+
export type ProgressCommonConfig = {
|
|
11
11
|
/**
|
|
12
12
|
* The current progress value between `0` and `1`. Omit for indeterminate.
|
|
13
13
|
*/
|
|
@@ -43,7 +43,7 @@ export type DrawStopIndicatorConfig = {
|
|
|
43
43
|
*/
|
|
44
44
|
stopSize?: number;
|
|
45
45
|
};
|
|
46
|
-
export type LinearProgressIndicatorProps =
|
|
46
|
+
export type LinearProgressIndicatorProps = ProgressCommonConfig & {
|
|
47
47
|
/**
|
|
48
48
|
* Stroke cap style for the indicator ends.
|
|
49
49
|
* @default 'round'
|
|
@@ -64,7 +64,7 @@ export type LinearProgressIndicatorProps = BaseProgressProps & {
|
|
|
64
64
|
* Matches the Jetpack Compose `LinearProgressIndicator`.
|
|
65
65
|
*/
|
|
66
66
|
export declare const LinearProgressIndicator: import("react").ComponentType<LinearProgressIndicatorProps>;
|
|
67
|
-
export type CircularProgressIndicatorProps =
|
|
67
|
+
export type CircularProgressIndicatorProps = ProgressCommonConfig & {
|
|
68
68
|
/**
|
|
69
69
|
* Width of the circular stroke in dp.
|
|
70
70
|
*/
|
|
@@ -85,7 +85,7 @@ export type CircularProgressIndicatorProps = BaseProgressProps & {
|
|
|
85
85
|
* Matches the Jetpack Compose `CircularProgressIndicator`.
|
|
86
86
|
*/
|
|
87
87
|
export declare const CircularProgressIndicator: import("react").ComponentType<CircularProgressIndicatorProps>;
|
|
88
|
-
export type LinearWavyProgressIndicatorProps =
|
|
88
|
+
export type LinearWavyProgressIndicatorProps = ProgressCommonConfig & {
|
|
89
89
|
/**
|
|
90
90
|
* Size of the stop indicator in dp at the end of the determinate progress track.
|
|
91
91
|
*/
|
|
@@ -97,12 +97,11 @@ export type LinearWavyProgressIndicatorProps = BaseProgressProps & {
|
|
|
97
97
|
* Matches the Jetpack Compose `LinearWavyProgressIndicator`.
|
|
98
98
|
*/
|
|
99
99
|
export declare const LinearWavyProgressIndicator: import("react").ComponentType<LinearWavyProgressIndicatorProps>;
|
|
100
|
-
export type CircularWavyProgressIndicatorProps =
|
|
100
|
+
export type CircularWavyProgressIndicatorProps = ProgressCommonConfig;
|
|
101
101
|
/**
|
|
102
102
|
* A circular progress indicator with wavy animation style.
|
|
103
103
|
*
|
|
104
104
|
* Matches the Jetpack Compose `CircularWavyProgressIndicator`.
|
|
105
105
|
*/
|
|
106
|
-
export declare const CircularWavyProgressIndicator: import("react").ComponentType<
|
|
107
|
-
export {};
|
|
106
|
+
export declare const CircularWavyProgressIndicator: import("react").ComponentType<ProgressCommonConfig>;
|
|
108
107
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Progress/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEpD;;GAEG;AACH,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Progress/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEpD;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;CAC9B,CAAC;AAwBF;;;GAGG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,4BAA4B,GAAG,oBAAoB,GAAG;IAChE;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,iBAAiB,CAAC,EAAE,uBAAuB,CAAC;CAC7C,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,6DAEnC,CAAC;AAMF,MAAM,MAAM,8BAA8B,GAAG,oBAAoB,GAAG;IAClE;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,+DAErC,CAAC;AAMF,MAAM,MAAM,gCAAgC,GAAG,oBAAoB,GAAG;IACpE;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,iEACsD,CAAC;AAM/F,MAAM,MAAM,kCAAkC,GAAG,oBAAoB,CAAC;AAEtE;;;;GAIG;AACH,eAAO,MAAM,6BAA6B,qDACwD,CAAC"}
|
|
@@ -1,4 +1,25 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type ColorValue } from 'react-native';
|
|
2
|
+
import { type ModifierConfig } from '../../types';
|
|
3
|
+
import { type ContentAlignment } from '../layout-types';
|
|
4
|
+
/**
|
|
5
|
+
* Configuration for the loading indicator shown during pull-to-refresh.
|
|
6
|
+
*/
|
|
7
|
+
export type PullToRefreshIndicatorProps = {
|
|
8
|
+
/**
|
|
9
|
+
* Color of the loading indicator spinner.
|
|
10
|
+
* @default MaterialTheme.colorScheme.primary
|
|
11
|
+
*/
|
|
12
|
+
color?: ColorValue;
|
|
13
|
+
/**
|
|
14
|
+
* Background color of the loading indicator container.
|
|
15
|
+
* @default MaterialTheme.colorScheme.surfaceContainerHigh
|
|
16
|
+
*/
|
|
17
|
+
containerColor?: ColorValue;
|
|
18
|
+
/**
|
|
19
|
+
* Modifiers for the loading indicator.
|
|
20
|
+
*/
|
|
21
|
+
modifiers?: ModifierConfig[];
|
|
22
|
+
};
|
|
2
23
|
export type PullToRefreshBoxProps = {
|
|
3
24
|
/**
|
|
4
25
|
* Whether the content is refreshing.
|
|
@@ -6,26 +27,30 @@ export type PullToRefreshBoxProps = {
|
|
|
6
27
|
*/
|
|
7
28
|
isRefreshing?: boolean;
|
|
8
29
|
/**
|
|
9
|
-
* Callback
|
|
30
|
+
* Callback that is called when the user pulls to refresh.
|
|
10
31
|
*/
|
|
11
32
|
onRefresh?: () => void;
|
|
12
33
|
/**
|
|
13
|
-
*
|
|
34
|
+
* Alignment of children within the box.
|
|
35
|
+
* @default 'topStart'
|
|
14
36
|
*/
|
|
15
|
-
|
|
37
|
+
contentAlignment?: ContentAlignment;
|
|
16
38
|
/**
|
|
17
|
-
*
|
|
18
|
-
|
|
39
|
+
* Configuration for the loading indicator shown during pull-to-refresh.
|
|
40
|
+
*/
|
|
41
|
+
indicator?: PullToRefreshIndicatorProps;
|
|
42
|
+
/**
|
|
43
|
+
* Modifiers for the component.
|
|
19
44
|
*/
|
|
20
|
-
|
|
45
|
+
modifiers?: ModifierConfig[];
|
|
21
46
|
/**
|
|
22
47
|
* The content to refresh.
|
|
23
48
|
*/
|
|
24
49
|
children: React.ReactNode;
|
|
25
50
|
};
|
|
26
51
|
/**
|
|
27
|
-
*
|
|
28
|
-
*
|
|
52
|
+
* A pull-to-refresh container that wraps scrollable content and shows a refresh indicator when pulled,
|
|
53
|
+
* matching Compose's `PullToRefreshBox`.
|
|
29
54
|
*/
|
|
30
55
|
export declare function PullToRefreshBox(props: PullToRefreshBoxProps): import("react").JSX.Element;
|
|
31
56
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/PullToRefreshBox/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/PullToRefreshBox/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGxD;;GAEG;AACH,MAAM,MAAM,2BAA2B,GAAG;IACxC;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,2BAA2B,CAAC;IACxC;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAsBF;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BAE5D"}
|
|
@@ -1,6 +1,22 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type ColorValue } from 'react-native';
|
|
3
|
-
import { type
|
|
3
|
+
import { type ModifierConfig } from '../../types';
|
|
4
|
+
import { ShapeJSXElement } from '../Shape';
|
|
5
|
+
/**
|
|
6
|
+
* Border stroke configuration.
|
|
7
|
+
*/
|
|
8
|
+
export type SurfaceBorder = {
|
|
9
|
+
/**
|
|
10
|
+
* Border width in dp.
|
|
11
|
+
* @default 1
|
|
12
|
+
*/
|
|
13
|
+
width?: number;
|
|
14
|
+
/**
|
|
15
|
+
* Border color.
|
|
16
|
+
* @default MaterialTheme.colorScheme.outline
|
|
17
|
+
*/
|
|
18
|
+
color?: ColorValue;
|
|
19
|
+
};
|
|
4
20
|
export type SurfaceProps = {
|
|
5
21
|
/**
|
|
6
22
|
* The content to display inside the surface.
|
|
@@ -29,10 +45,44 @@ export type SurfaceProps = {
|
|
|
29
45
|
* @default 0
|
|
30
46
|
*/
|
|
31
47
|
shadowElevation?: number;
|
|
48
|
+
/**
|
|
49
|
+
* Shape configuration for clipping the surface.
|
|
50
|
+
*/
|
|
51
|
+
shape?: ShapeJSXElement;
|
|
52
|
+
/**
|
|
53
|
+
* Border stroke drawn around the surface.
|
|
54
|
+
*/
|
|
55
|
+
border?: SurfaceBorder;
|
|
56
|
+
/**
|
|
57
|
+
* Whether the surface is enabled and responds to user interaction.
|
|
58
|
+
*
|
|
59
|
+
* @default true
|
|
60
|
+
*/
|
|
61
|
+
enabled?: boolean;
|
|
62
|
+
/**
|
|
63
|
+
* Whether the surface is in a selected state. When provided together with `onClick`,
|
|
64
|
+
* the surface becomes a selectable surface that visually reflects its selection state.
|
|
65
|
+
*/
|
|
66
|
+
selected?: boolean;
|
|
67
|
+
/**
|
|
68
|
+
* Whether the surface is in a checked (toggled on) state. When provided together with
|
|
69
|
+
* `onCheckedChange`, the surface becomes a toggleable surface.
|
|
70
|
+
*/
|
|
71
|
+
checked?: boolean;
|
|
72
|
+
/**
|
|
73
|
+
* Called when the surface is clicked. Providing this callback makes the surface clickable.
|
|
74
|
+
* When combined with `selected`, the surface becomes a selectable variant.
|
|
75
|
+
*/
|
|
76
|
+
onClick?: () => void;
|
|
77
|
+
/**
|
|
78
|
+
* Called when the checked state of a toggleable surface changes.
|
|
79
|
+
* Providing this callback together with `checked` enables the toggleable variant.
|
|
80
|
+
*/
|
|
81
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
32
82
|
/**
|
|
33
83
|
* Modifiers for the component.
|
|
34
84
|
*/
|
|
35
|
-
modifiers?:
|
|
85
|
+
modifiers?: ModifierConfig[];
|
|
36
86
|
};
|
|
37
87
|
/**
|
|
38
88
|
* A Material Design surface container. Surface is responsible for:
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Surface/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Surface/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAClE,OAAO,EAAiB,eAAe,EAAyB,MAAM,UAAU,CAAC;AAGjF;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B;;;;;OAKG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IAEvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAE7C;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;CAC9B,CAAC;AAgCF;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,qBAE1C"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type ModifierConfig } from '../../types';
|
|
2
3
|
/**
|
|
3
4
|
* Font weight options for text styling.
|
|
4
5
|
*/
|
|
@@ -17,30 +18,56 @@ export type TextAlign = 'left' | 'right' | 'center' | 'justify' | 'start' | 'end
|
|
|
17
18
|
export type TextDecoration = 'none' | 'underline' | 'lineThrough';
|
|
18
19
|
/**
|
|
19
20
|
* Text overflow behavior options.
|
|
21
|
+
* - 'clip': Clips the overflowing text to fit its container
|
|
22
|
+
* - 'ellipsis': Uses an ellipsis to indicate that the text has overflowed
|
|
23
|
+
* - 'visible': Renders overflow text outside its container
|
|
20
24
|
*/
|
|
21
25
|
export type TextOverflow = 'clip' | 'ellipsis' | 'visible';
|
|
26
|
+
/**
|
|
27
|
+
* Line break strategy options.
|
|
28
|
+
* - 'simple': Basic line breaking.
|
|
29
|
+
* - 'heading': Optimized for short text like headings.
|
|
30
|
+
* - 'paragraph': Produces more balanced line lengths for body text.
|
|
31
|
+
*/
|
|
32
|
+
export type TextLineBreak = 'simple' | 'heading' | 'paragraph';
|
|
33
|
+
/**
|
|
34
|
+
* Font family for text styling.
|
|
35
|
+
* Built-in system families: 'default', 'sansSerif', 'serif', 'monospace', 'cursive'.
|
|
36
|
+
* Custom font families loaded via expo-font can be referenced by name (for example, 'Inter-Bold').
|
|
37
|
+
*/
|
|
38
|
+
export type TextFontFamily = 'default' | 'sansSerif' | 'serif' | 'monospace' | 'cursive' | (string & {});
|
|
39
|
+
/**
|
|
40
|
+
* Text shadow configuration.
|
|
41
|
+
* Corresponds to Jetpack Compose's Shadow class.
|
|
42
|
+
*/
|
|
43
|
+
export type TextShadow = {
|
|
44
|
+
/**
|
|
45
|
+
* The color of the shadow.
|
|
46
|
+
*/
|
|
47
|
+
color?: string;
|
|
48
|
+
/**
|
|
49
|
+
* The horizontal offset of the shadow in dp.
|
|
50
|
+
*/
|
|
51
|
+
offsetX?: number;
|
|
52
|
+
/**
|
|
53
|
+
* The vertical offset of the shadow in dp.
|
|
54
|
+
*/
|
|
55
|
+
offsetY?: number;
|
|
56
|
+
/**
|
|
57
|
+
* The blur radius of the shadow in dp.
|
|
58
|
+
*/
|
|
59
|
+
blurRadius?: number;
|
|
60
|
+
};
|
|
22
61
|
/**
|
|
23
62
|
* Material 3 Typography scale styles.
|
|
24
63
|
* Corresponds to MaterialTheme.typography in Jetpack Compose.
|
|
25
64
|
*/
|
|
26
65
|
export type TypographyStyle = 'displayLarge' | 'displayMedium' | 'displaySmall' | 'headlineLarge' | 'headlineMedium' | 'headlineSmall' | 'titleLarge' | 'titleMedium' | 'titleSmall' | 'bodyLarge' | 'bodyMedium' | 'bodySmall' | 'labelLarge' | 'labelMedium' | 'labelSmall';
|
|
27
66
|
/**
|
|
28
|
-
*
|
|
29
|
-
*
|
|
67
|
+
* Shared span-level style properties used by both `TextStyle` and `TextSpanRecord`.
|
|
68
|
+
* Adding a property here ensures it's available on both parent text and nested spans.
|
|
30
69
|
*/
|
|
31
|
-
export type
|
|
32
|
-
/**
|
|
33
|
-
* Material 3 Typography style to use as the base style.
|
|
34
|
-
* When specified, applies the predefined Material 3 typography style.
|
|
35
|
-
* Other properties in this style object will override specific values from the typography.
|
|
36
|
-
*
|
|
37
|
-
* @example
|
|
38
|
-
* ```tsx
|
|
39
|
-
* style={{ typography: "bodyLarge" }}
|
|
40
|
-
* style={{ typography: "headlineMedium", fontWeight: "bold" }}
|
|
41
|
-
* ```
|
|
42
|
-
*/
|
|
43
|
-
typography?: TypographyStyle;
|
|
70
|
+
export type TextSpanStyleBase = {
|
|
44
71
|
/**
|
|
45
72
|
* The font size in sp (scale-independent pixels).
|
|
46
73
|
*/
|
|
@@ -54,9 +81,9 @@ export type TextStyle = {
|
|
|
54
81
|
*/
|
|
55
82
|
fontStyle?: TextFontStyle;
|
|
56
83
|
/**
|
|
57
|
-
* The
|
|
84
|
+
* The font family.
|
|
58
85
|
*/
|
|
59
|
-
|
|
86
|
+
fontFamily?: TextFontFamily;
|
|
60
87
|
/**
|
|
61
88
|
* The text decoration.
|
|
62
89
|
*/
|
|
@@ -65,14 +92,43 @@ export type TextStyle = {
|
|
|
65
92
|
* The letter spacing in sp.
|
|
66
93
|
*/
|
|
67
94
|
letterSpacing?: number;
|
|
95
|
+
/**
|
|
96
|
+
* The background color behind the text.
|
|
97
|
+
*/
|
|
98
|
+
background?: string;
|
|
99
|
+
/**
|
|
100
|
+
* The shadow applied to the text.
|
|
101
|
+
*/
|
|
102
|
+
shadow?: TextShadow;
|
|
103
|
+
};
|
|
104
|
+
/**
|
|
105
|
+
* Text style properties that can be applied to text.
|
|
106
|
+
* Corresponds to Jetpack Compose's `TextStyle`.
|
|
107
|
+
*/
|
|
108
|
+
export type TextStyle = TextSpanStyleBase & {
|
|
109
|
+
/**
|
|
110
|
+
* Material 3 Typography style to use as the base style.
|
|
111
|
+
* When specified, applies the predefined Material 3 typography style.
|
|
112
|
+
* Other properties in this style object will override specific values from the typography.
|
|
113
|
+
*/
|
|
114
|
+
typography?: TypographyStyle;
|
|
115
|
+
/**
|
|
116
|
+
* The text alignment.
|
|
117
|
+
*/
|
|
118
|
+
textAlign?: TextAlign;
|
|
68
119
|
/**
|
|
69
120
|
* The line height in sp.
|
|
70
121
|
*/
|
|
71
122
|
lineHeight?: number;
|
|
123
|
+
/**
|
|
124
|
+
* The line break strategy.
|
|
125
|
+
*/
|
|
126
|
+
lineBreak?: TextLineBreak;
|
|
72
127
|
};
|
|
73
128
|
export type TextProps = {
|
|
74
129
|
/**
|
|
75
|
-
* The text content to display.
|
|
130
|
+
* The text content to display. Can be a string, number, or nested `Text` components
|
|
131
|
+
* for inline styled spans.
|
|
76
132
|
*/
|
|
77
133
|
children?: React.ReactNode;
|
|
78
134
|
/**
|
|
@@ -81,9 +137,6 @@ export type TextProps = {
|
|
|
81
137
|
color?: string;
|
|
82
138
|
/**
|
|
83
139
|
* How visual overflow should be handled.
|
|
84
|
-
* - 'clip': Clips the overflowing text to fix its container
|
|
85
|
-
* - 'ellipsis': Uses an ellipsis to indicate that the text has overflowed
|
|
86
|
-
* - 'visible': Renders overflow text outside its container
|
|
87
140
|
*/
|
|
88
141
|
overflow?: TextOverflow;
|
|
89
142
|
/**
|
|
@@ -108,75 +161,10 @@ export type TextProps = {
|
|
|
108
161
|
/**
|
|
109
162
|
* Modifiers for the component.
|
|
110
163
|
*/
|
|
111
|
-
modifiers?:
|
|
164
|
+
modifiers?: ModifierConfig[];
|
|
112
165
|
};
|
|
113
166
|
/**
|
|
114
167
|
* Renders a Text component using Jetpack Compose.
|
|
115
|
-
*
|
|
116
|
-
* The Text component provides comprehensive text styling capabilities.
|
|
117
|
-
* The API is aligned with Jetpack Compose's Text composable, where:
|
|
118
|
-
* - Top-level props (color, maxLines, etc.) match Compose's Text parameters
|
|
119
|
-
* - `style` object corresponds to TextStyle, including typography, fontSize, fontWeight, textAlign, etc.
|
|
120
|
-
* - `style.typography` applies Material 3 typography styles (like MaterialTheme.typography)
|
|
121
|
-
*
|
|
122
|
-
* @example
|
|
123
|
-
* Basic usage:
|
|
124
|
-
* ```tsx
|
|
125
|
-
* import { Text } from 'expo-ui';
|
|
126
|
-
*
|
|
127
|
-
* <Text>Hello World</Text>
|
|
128
|
-
* ```
|
|
129
|
-
*
|
|
130
|
-
* @example
|
|
131
|
-
* Using Material 3 Typography (matches Jetpack Compose MaterialTheme.typography):
|
|
132
|
-
* ```tsx
|
|
133
|
-
* <Text style={{ typography: "bodyLarge" }}>Body text</Text>
|
|
134
|
-
* <Text style={{ typography: "headlineMedium" }}>Headline</Text>
|
|
135
|
-
* <Text style={{ typography: "titleSmall" }}>Small title</Text>
|
|
136
|
-
* ```
|
|
137
|
-
*
|
|
138
|
-
* @example
|
|
139
|
-
* Typography with style overrides:
|
|
140
|
-
* ```tsx
|
|
141
|
-
* <Text
|
|
142
|
-
* color="#007AFF"
|
|
143
|
-
* style={{
|
|
144
|
-
* typography: "bodyLarge",
|
|
145
|
-
* fontWeight: "bold" // Override the typography's font weight
|
|
146
|
-
* }}
|
|
147
|
-
* >
|
|
148
|
-
* Custom styled body text
|
|
149
|
-
* </Text>
|
|
150
|
-
* ```
|
|
151
|
-
*
|
|
152
|
-
* @example
|
|
153
|
-
* With custom style object (matches Jetpack Compose TextStyle):
|
|
154
|
-
* ```tsx
|
|
155
|
-
* <Text
|
|
156
|
-
* color="#007AFF"
|
|
157
|
-
* style={{
|
|
158
|
-
* fontSize: 18,
|
|
159
|
-
* fontWeight: "bold",
|
|
160
|
-
* textAlign: "center",
|
|
161
|
-
* letterSpacing: 1.2
|
|
162
|
-
* }}
|
|
163
|
-
* modifiers={[ExpoUI.padding(16)]}
|
|
164
|
-
* >
|
|
165
|
-
* Styled text
|
|
166
|
-
* </Text>
|
|
167
|
-
* ```
|
|
168
|
-
*
|
|
169
|
-
* @example
|
|
170
|
-
* Text truncation with ellipsis:
|
|
171
|
-
* ```tsx
|
|
172
|
-
* <Text
|
|
173
|
-
* maxLines={2}
|
|
174
|
-
* overflow="ellipsis"
|
|
175
|
-
* >
|
|
176
|
-
* This is a very long text that will be truncated after two lines
|
|
177
|
-
* with an ellipsis at the end to indicate there's more content...
|
|
178
|
-
* </Text>
|
|
179
|
-
* ```
|
|
180
168
|
*/
|
|
181
|
-
export declare function Text(props: TextProps):
|
|
169
|
+
export declare function Text(props: TextProps): React.JSX.Element;
|
|
182
170
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Text/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Text/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -76,15 +76,30 @@ export type TextInputProps = {
|
|
|
76
76
|
*/
|
|
77
77
|
autoCapitalize?: 'characters' | 'none' | 'sentences' | 'unspecified' | 'words';
|
|
78
78
|
/**
|
|
79
|
-
*
|
|
79
|
+
* Placeholder text shown inside the field when empty and focused.
|
|
80
|
+
*
|
|
80
81
|
*/
|
|
82
|
+
placeholder?: string;
|
|
83
|
+
/** Modifiers for the component */
|
|
81
84
|
modifiers?: ExpoModifier[];
|
|
85
|
+
/**
|
|
86
|
+
* Slot children (e.g. `TextInput.Label`).
|
|
87
|
+
*/
|
|
88
|
+
children?: React.ReactNode;
|
|
82
89
|
};
|
|
83
|
-
export type NativeTextInputProps = Omit<TextInputProps, 'onChangeText'
|
|
90
|
+
export type NativeTextInputProps = Omit<TextInputProps, 'onChangeText' | 'children'> & {
|
|
91
|
+
children?: React.ReactNode;
|
|
92
|
+
} & ViewEvent<'onValueChanged', {
|
|
84
93
|
value: string;
|
|
85
94
|
}>;
|
|
86
95
|
/**
|
|
87
96
|
* Renders a `TextInput` component.
|
|
88
97
|
*/
|
|
89
|
-
|
|
98
|
+
declare function TextInputComponent(props: TextInputProps): import("react").JSX.Element;
|
|
99
|
+
declare namespace TextInputComponent {
|
|
100
|
+
var Label: (props: {
|
|
101
|
+
children: React.ReactNode;
|
|
102
|
+
}) => import("react").JSX.Element;
|
|
103
|
+
}
|
|
104
|
+
export { TextInputComponent as TextInput };
|
|
90
105
|
//# sourceMappingURL=index.d.ts.map
|