@swan-io/lake 8.10.2 → 8.10.4
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/package.json +10 -11
- package/src/components/AutoWidthImage.d.ts +16 -20
- package/src/components/Avatar.d.ts +0 -1
- package/src/components/Box.d.ts +6 -6
- package/src/components/Card3dPreview.d.ts +0 -1
- package/src/components/Form.d.ts +21 -24
- package/src/components/Icon.d.ts +0 -1
- package/src/components/LakeHeading.d.ts +42 -23
- package/src/components/LakeTagInput.d.ts +25 -29
- package/src/components/LakeText.d.ts +18 -19
- package/src/components/LakeTextInput.d.ts +46 -49
- package/src/components/LakeTooltip.d.ts +3 -2
- package/src/components/Link.d.ts +28 -32
- package/src/components/LoadingView.d.ts +0 -1
- package/src/components/MultiSelect.d.ts +0 -1
- package/src/components/PlainListView.js +1 -0
- package/src/components/Pressable.d.ts +5 -317
- package/src/components/ScrollView.d.ts +4 -5
- package/src/components/Stack.d.ts +8 -8
- package/src/components/Svg.d.ts +5 -5
- package/src/components/Switch.d.ts +0 -1
- package/src/hooks/useBoolean.d.ts +5 -8
- package/src/hooks/useDisclosure.d.ts +5 -8
- package/src/utils/__tests__/rifm.test.js +2 -1
- package/src/utils/function.d.ts +1 -1
- package/src/utils/nullish.d.ts +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@swan-io/lake",
|
|
3
|
-
"version": "8.10.
|
|
3
|
+
"version": "8.10.4",
|
|
4
4
|
"engines": {
|
|
5
5
|
"node": ">=20.9.0",
|
|
6
6
|
"yarn": "^1.22.0"
|
|
@@ -26,12 +26,12 @@
|
|
|
26
26
|
],
|
|
27
27
|
"license": "MIT",
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@react-three/drei": "^9.
|
|
30
|
-
"@react-three/fiber": "^8.16.
|
|
29
|
+
"@react-three/drei": "^9.109.2",
|
|
30
|
+
"@react-three/fiber": "^8.16.8",
|
|
31
31
|
"@swan-io/boxed": "^2.3.0",
|
|
32
|
-
"@swan-io/chicane": "^2.
|
|
32
|
+
"@swan-io/chicane": "^2.1.0",
|
|
33
33
|
"@swan-io/use-form": "^2.0.5",
|
|
34
|
-
"dayjs": "^1.11.
|
|
34
|
+
"dayjs": "^1.11.12",
|
|
35
35
|
"polished": "^4.3.1",
|
|
36
36
|
"prism-react-renderer": "^2.3.1",
|
|
37
37
|
"react": "^18.3.1",
|
|
@@ -39,18 +39,17 @@
|
|
|
39
39
|
"react-dom": "^18.3.1",
|
|
40
40
|
"react-native-web": "^0.19.12",
|
|
41
41
|
"rifm": "^0.12.1",
|
|
42
|
-
"three": "^0.
|
|
42
|
+
"three": "^0.167.0",
|
|
43
43
|
"ts-dedent": "^2.2.0",
|
|
44
|
-
"ts-pattern": "^5.
|
|
45
|
-
"uuid": "^
|
|
44
|
+
"ts-pattern": "^5.2.0",
|
|
45
|
+
"uuid": "^10.0.0"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
48
|
"@types/react": "^18.3.3",
|
|
49
49
|
"@types/react-dom": "^18.3.0",
|
|
50
50
|
"@types/react-native": "^0.72.8",
|
|
51
51
|
"@types/three": "^0.163.0",
|
|
52
|
-
"
|
|
53
|
-
"
|
|
54
|
-
"type-fest": "^4.18.3"
|
|
52
|
+
"jsdom": "^24.1.1",
|
|
53
|
+
"type-fest": "^4.23.0"
|
|
55
54
|
}
|
|
56
55
|
}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { Image } from "react-native";
|
|
3
2
|
export declare const AutoWidthImage: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
|
|
4
|
-
style?: import("react-native").StyleProp<import("react-native").ImageStyle
|
|
3
|
+
style?: import("react-native").StyleProp<import("react-native").ImageStyle> | undefined;
|
|
5
4
|
role?: import("react-native").WebRole | undefined;
|
|
6
|
-
defaultSource?:
|
|
5
|
+
defaultSource?: ImageSourcePropType | string;
|
|
7
6
|
draggable?: boolean | undefined;
|
|
8
7
|
id?: string | undefined;
|
|
9
8
|
onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
|
|
@@ -18,7 +17,7 @@ export declare const AutoWidthImage: import("react").MemoExoticComponent<import(
|
|
|
18
17
|
borderBottomLeftRadius?: number | undefined;
|
|
19
18
|
borderBottomRightRadius?: number | undefined;
|
|
20
19
|
resizeMode?: import("react-native").ImageResizeMode | undefined;
|
|
21
|
-
resizeMethod?: "auto" | "
|
|
20
|
+
resizeMethod?: "auto" | "resize" | "scale" | undefined;
|
|
22
21
|
src?: string | undefined;
|
|
23
22
|
srcSet?: string | undefined;
|
|
24
23
|
loadingIndicatorSource?: import("react-native").ImageURISource | undefined;
|
|
@@ -36,10 +35,7 @@ export declare const AutoWidthImage: import("react").MemoExoticComponent<import(
|
|
|
36
35
|
onPartialLoad?: (() => void) | undefined;
|
|
37
36
|
fadeDuration?: number | undefined;
|
|
38
37
|
accessible?: boolean | undefined;
|
|
39
|
-
accessibilityActions?: readonly
|
|
40
|
-
name: string;
|
|
41
|
-
label?: string | undefined;
|
|
42
|
-
}>[] | undefined;
|
|
38
|
+
accessibilityActions?: readonly import("react-native").AccessibilityActionInfo[] | undefined;
|
|
43
39
|
accessibilityLabel?: string | undefined;
|
|
44
40
|
"aria-label"?: string | undefined;
|
|
45
41
|
accessibilityRole?: import("react-native").AccessibilityRole | undefined;
|
|
@@ -52,14 +48,14 @@ export declare const AutoWidthImage: import("react").MemoExoticComponent<import(
|
|
|
52
48
|
"aria-labelledby"?: string | undefined;
|
|
53
49
|
accessibilityHint?: string | undefined;
|
|
54
50
|
accessibilityValue?: import("react-native").AccessibilityValue | undefined;
|
|
55
|
-
"aria-valuemax"?:
|
|
56
|
-
"aria-valuemin"?:
|
|
57
|
-
"aria-valuenow"?:
|
|
58
|
-
"aria-valuetext"?:
|
|
51
|
+
"aria-valuemax"?: import("react-native").AccessibilityValue["max"] | undefined;
|
|
52
|
+
"aria-valuemin"?: import("react-native").AccessibilityValue["min"] | undefined;
|
|
53
|
+
"aria-valuenow"?: import("react-native").AccessibilityValue["now"] | undefined;
|
|
54
|
+
"aria-valuetext"?: import("react-native").AccessibilityValue["text"] | undefined;
|
|
59
55
|
onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
|
|
60
|
-
importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
|
|
56
|
+
importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined;
|
|
61
57
|
"aria-hidden"?: boolean | undefined;
|
|
62
|
-
"aria-live"?: "polite" | "assertive" | "off" | undefined;
|
|
58
|
+
"aria-live"?: ("polite" | "assertive" | "off") | undefined;
|
|
63
59
|
"aria-modal"?: boolean | undefined;
|
|
64
60
|
accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
|
|
65
61
|
accessibilityLabelledBy?: string | string[] | undefined;
|
|
@@ -70,7 +66,7 @@ export declare const AutoWidthImage: import("react").MemoExoticComponent<import(
|
|
|
70
66
|
onMagicTap?: (() => void) | undefined;
|
|
71
67
|
accessibilityIgnoresInvertColors?: boolean | undefined;
|
|
72
68
|
accessibilityLanguage?: string | undefined;
|
|
73
|
-
tabIndex?: 0 | -1 | undefined;
|
|
69
|
+
tabIndex?: (0 | -1) | undefined;
|
|
74
70
|
"aria-activedescendant"?: string | undefined;
|
|
75
71
|
"aria-atomic"?: boolean | undefined;
|
|
76
72
|
"aria-autocomplete"?: string | undefined;
|
|
@@ -78,7 +74,7 @@ export declare const AutoWidthImage: import("react").MemoExoticComponent<import(
|
|
|
78
74
|
"aria-colindex"?: number | undefined;
|
|
79
75
|
"aria-colspan"?: number | undefined;
|
|
80
76
|
"aria-controls"?: string | undefined;
|
|
81
|
-
"aria-current"?: boolean | "
|
|
77
|
+
"aria-current"?: (boolean | "page" | "step" | "location" | "date" | "time") | undefined;
|
|
82
78
|
"aria-describedby"?: string | undefined;
|
|
83
79
|
"aria-details"?: string | undefined;
|
|
84
80
|
"aria-errormessage"?: string | undefined;
|
|
@@ -89,7 +85,7 @@ export declare const AutoWidthImage: import("react").MemoExoticComponent<import(
|
|
|
89
85
|
"aria-level"?: number | undefined;
|
|
90
86
|
"aria-multiline"?: boolean | undefined;
|
|
91
87
|
"aria-multiselectable"?: boolean | undefined;
|
|
92
|
-
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
88
|
+
"aria-orientation"?: ("horizontal" | "vertical") | undefined;
|
|
93
89
|
"aria-owns"?: string | undefined;
|
|
94
90
|
"aria-placeholder"?: string | undefined;
|
|
95
91
|
"aria-posinset"?: number | undefined;
|
|
@@ -101,10 +97,10 @@ export declare const AutoWidthImage: import("react").MemoExoticComponent<import(
|
|
|
101
97
|
"aria-rowindex"?: number | undefined;
|
|
102
98
|
"aria-rowspan"?: number | undefined;
|
|
103
99
|
"aria-setsize"?: number | undefined;
|
|
104
|
-
"aria-sort"?: "
|
|
100
|
+
"aria-sort"?: ("ascending" | "descending" | "none" | "other") | undefined;
|
|
105
101
|
} & {
|
|
106
|
-
ariaLabel?: string
|
|
107
|
-
maxWidth?: number
|
|
102
|
+
ariaLabel?: string;
|
|
103
|
+
maxWidth?: number;
|
|
108
104
|
height: number;
|
|
109
105
|
sourceUri: string;
|
|
110
106
|
} & import("react").RefAttributes<Image>>>;
|
package/src/components/Box.d.ts
CHANGED
|
@@ -68,13 +68,13 @@ export type BoxProps = ViewProps & {
|
|
|
68
68
|
style?: StyleProp<ViewStyle>;
|
|
69
69
|
};
|
|
70
70
|
export declare const Box: import("react").ForwardRefExoticComponent<ViewProps & {
|
|
71
|
-
alignItems?: BoxAlignItems
|
|
71
|
+
alignItems?: BoxAlignItems;
|
|
72
72
|
children?: ReactNode;
|
|
73
|
-
direction?: BoxDirection
|
|
74
|
-
justifyContent?: BoxJustifyContent
|
|
75
|
-
wrap?: BoxWrap
|
|
76
|
-
grow?: number
|
|
77
|
-
shrink?: number
|
|
73
|
+
direction?: BoxDirection;
|
|
74
|
+
justifyContent?: BoxJustifyContent;
|
|
75
|
+
wrap?: BoxWrap;
|
|
76
|
+
grow?: number;
|
|
77
|
+
shrink?: number;
|
|
78
78
|
style?: StyleProp<ViewStyle>;
|
|
79
79
|
} & import("react").RefAttributes<View>>;
|
|
80
80
|
export {};
|
package/src/components/Form.d.ts
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
2
|
import { View } from "react-native";
|
|
3
3
|
export declare const Form: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
|
|
4
|
-
children?: ReactNode;
|
|
4
|
+
children?: ReactNode | undefined;
|
|
5
5
|
hitSlop?: import("react-native").Insets | undefined;
|
|
6
6
|
id?: string | undefined;
|
|
7
7
|
onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
|
|
8
|
-
pointerEvents?: "
|
|
8
|
+
pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
|
|
9
9
|
removeClippedSubviews?: boolean | undefined;
|
|
10
|
-
style?: import("react-native").StyleProp<import("react-native").ViewStyle
|
|
10
|
+
style?: import("react-native").StyleProp<import("react-native").ViewStyle> | undefined;
|
|
11
11
|
testID?: string | undefined;
|
|
12
12
|
nativeID?: string | undefined;
|
|
13
|
-
onKeyDown?: ((event: NativeSyntheticEvent<
|
|
14
|
-
onKeyDownCapture?: ((event: NativeSyntheticEvent<
|
|
15
|
-
onKeyUp?: ((event: NativeSyntheticEvent<
|
|
16
|
-
onKeyUpCapture?: ((event: NativeSyntheticEvent<
|
|
17
|
-
onScroll?: ((event: NativeSyntheticEvent<
|
|
13
|
+
onKeyDown?: ((event: NativeSyntheticEvent<React.KeyboardEvent>) => void) | undefined;
|
|
14
|
+
onKeyDownCapture?: ((event: NativeSyntheticEvent<React.KeyboardEvent>) => void) | undefined;
|
|
15
|
+
onKeyUp?: ((event: NativeSyntheticEvent<React.KeyboardEvent>) => void) | undefined;
|
|
16
|
+
onKeyUpCapture?: ((event: NativeSyntheticEvent<React.KeyboardEvent>) => void) | undefined;
|
|
17
|
+
onScroll?: ((event: NativeSyntheticEvent<React.UIEvent>) => void) | undefined;
|
|
18
18
|
collapsable?: boolean | undefined;
|
|
19
19
|
needsOffscreenAlphaCompositing?: boolean | undefined;
|
|
20
20
|
renderToHardwareTextureAndroid?: boolean | undefined;
|
|
@@ -57,10 +57,7 @@ export declare const Form: import("react").MemoExoticComponent<import("react").F
|
|
|
57
57
|
onPointerUp?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
58
58
|
onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
59
59
|
accessible?: boolean | undefined;
|
|
60
|
-
accessibilityActions?: readonly
|
|
61
|
-
name: string;
|
|
62
|
-
label?: string | undefined;
|
|
63
|
-
}>[] | undefined;
|
|
60
|
+
accessibilityActions?: readonly import("react-native").AccessibilityActionInfo[] | undefined;
|
|
64
61
|
accessibilityLabel?: string | undefined;
|
|
65
62
|
"aria-label"?: string | undefined;
|
|
66
63
|
accessibilityRole?: import("react-native").AccessibilityRole | undefined;
|
|
@@ -73,14 +70,14 @@ export declare const Form: import("react").MemoExoticComponent<import("react").F
|
|
|
73
70
|
"aria-labelledby"?: string | undefined;
|
|
74
71
|
accessibilityHint?: string | undefined;
|
|
75
72
|
accessibilityValue?: import("react-native").AccessibilityValue | undefined;
|
|
76
|
-
"aria-valuemax"?:
|
|
77
|
-
"aria-valuemin"?:
|
|
78
|
-
"aria-valuenow"?:
|
|
79
|
-
"aria-valuetext"?:
|
|
73
|
+
"aria-valuemax"?: import("react-native").AccessibilityValue["max"] | undefined;
|
|
74
|
+
"aria-valuemin"?: import("react-native").AccessibilityValue["min"] | undefined;
|
|
75
|
+
"aria-valuenow"?: import("react-native").AccessibilityValue["now"] | undefined;
|
|
76
|
+
"aria-valuetext"?: import("react-native").AccessibilityValue["text"] | undefined;
|
|
80
77
|
onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
|
|
81
|
-
importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
|
|
78
|
+
importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined;
|
|
82
79
|
"aria-hidden"?: boolean | undefined;
|
|
83
|
-
"aria-live"?: "polite" | "assertive" | "off" | undefined;
|
|
80
|
+
"aria-live"?: ("polite" | "assertive" | "off") | undefined;
|
|
84
81
|
"aria-modal"?: boolean | undefined;
|
|
85
82
|
accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
|
|
86
83
|
accessibilityLabelledBy?: string | string[] | undefined;
|
|
@@ -91,7 +88,7 @@ export declare const Form: import("react").MemoExoticComponent<import("react").F
|
|
|
91
88
|
onMagicTap?: (() => void) | undefined;
|
|
92
89
|
accessibilityIgnoresInvertColors?: boolean | undefined;
|
|
93
90
|
accessibilityLanguage?: string | undefined;
|
|
94
|
-
tabIndex?: 0 | -1 | undefined;
|
|
91
|
+
tabIndex?: (0 | -1) | undefined;
|
|
95
92
|
"aria-activedescendant"?: string | undefined;
|
|
96
93
|
"aria-atomic"?: boolean | undefined;
|
|
97
94
|
"aria-autocomplete"?: string | undefined;
|
|
@@ -99,7 +96,7 @@ export declare const Form: import("react").MemoExoticComponent<import("react").F
|
|
|
99
96
|
"aria-colindex"?: number | undefined;
|
|
100
97
|
"aria-colspan"?: number | undefined;
|
|
101
98
|
"aria-controls"?: string | undefined;
|
|
102
|
-
"aria-current"?: boolean | "
|
|
99
|
+
"aria-current"?: (boolean | "page" | "step" | "location" | "date" | "time") | undefined;
|
|
103
100
|
"aria-describedby"?: string | undefined;
|
|
104
101
|
"aria-details"?: string | undefined;
|
|
105
102
|
"aria-errormessage"?: string | undefined;
|
|
@@ -110,7 +107,7 @@ export declare const Form: import("react").MemoExoticComponent<import("react").F
|
|
|
110
107
|
"aria-level"?: number | undefined;
|
|
111
108
|
"aria-multiline"?: boolean | undefined;
|
|
112
109
|
"aria-multiselectable"?: boolean | undefined;
|
|
113
|
-
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
110
|
+
"aria-orientation"?: ("horizontal" | "vertical") | undefined;
|
|
114
111
|
"aria-owns"?: string | undefined;
|
|
115
112
|
"aria-placeholder"?: string | undefined;
|
|
116
113
|
"aria-posinset"?: number | undefined;
|
|
@@ -122,9 +119,9 @@ export declare const Form: import("react").MemoExoticComponent<import("react").F
|
|
|
122
119
|
"aria-rowindex"?: number | undefined;
|
|
123
120
|
"aria-rowspan"?: number | undefined;
|
|
124
121
|
"aria-setsize"?: number | undefined;
|
|
125
|
-
"aria-sort"?: "
|
|
122
|
+
"aria-sort"?: ("ascending" | "descending" | "none" | "other") | undefined;
|
|
126
123
|
} & {
|
|
127
124
|
children?: ReactNode;
|
|
128
|
-
onReset?: (
|
|
129
|
-
onSubmit?: (
|
|
125
|
+
onReset?: (event: React.FormEvent<HTMLElement>) => void;
|
|
126
|
+
onSubmit?: (event: React.FormEvent<HTMLElement>) => void;
|
|
130
127
|
} & import("react").RefAttributes<View>>>;
|
package/src/components/Icon.d.ts
CHANGED
|
@@ -1,11 +1,32 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
2
|
import { Text, TextStyle } from "react-native";
|
|
3
|
+
declare const alignments: {
|
|
4
|
+
center: {
|
|
5
|
+
textAlign: "center";
|
|
6
|
+
};
|
|
7
|
+
left: {
|
|
8
|
+
textAlign: "left";
|
|
9
|
+
};
|
|
10
|
+
right: {
|
|
11
|
+
textAlign: "right";
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
declare const variants: {
|
|
15
|
+
h1: TextStyle;
|
|
16
|
+
h2: TextStyle;
|
|
17
|
+
h3: TextStyle;
|
|
18
|
+
h4: TextStyle;
|
|
19
|
+
h5: TextStyle;
|
|
20
|
+
h6: TextStyle;
|
|
21
|
+
};
|
|
22
|
+
type HeadingAlign = keyof typeof alignments;
|
|
23
|
+
type HeadingVariant = keyof typeof variants;
|
|
3
24
|
export declare const LakeHeading: import("react").ForwardRefExoticComponent<{
|
|
4
25
|
allowFontScaling?: boolean | undefined;
|
|
5
|
-
children?: ReactNode;
|
|
6
|
-
ellipsizeMode?: "
|
|
26
|
+
children?: ReactNode | undefined;
|
|
27
|
+
ellipsizeMode?: "head" | "middle" | "tail" | "clip" | undefined;
|
|
7
28
|
id?: string | undefined;
|
|
8
|
-
lineBreakMode?: "
|
|
29
|
+
lineBreakMode?: "head" | "middle" | "tail" | "clip" | undefined;
|
|
9
30
|
numberOfLines?: number | undefined;
|
|
10
31
|
onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
|
|
11
32
|
onTextLayout?: ((event: import("react-native").NativeSyntheticEvent<import("react-native").TextLayoutEventData>) => void) | undefined;
|
|
@@ -13,7 +34,7 @@ export declare const LakeHeading: import("react").ForwardRefExoticComponent<{
|
|
|
13
34
|
onPressIn?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
14
35
|
onPressOut?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
15
36
|
onLongPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
16
|
-
style?: import("react-native").StyleProp<TextStyle
|
|
37
|
+
style?: import("react-native").StyleProp<TextStyle> | undefined;
|
|
17
38
|
testID?: string | undefined;
|
|
18
39
|
nativeID?: string | undefined;
|
|
19
40
|
maxFontSizeMultiplier?: number | null | undefined;
|
|
@@ -21,7 +42,7 @@ export declare const LakeHeading: import("react").ForwardRefExoticComponent<{
|
|
|
21
42
|
hrefAttrs?: import("react-native").HrefAttrs | undefined;
|
|
22
43
|
lang?: string | undefined;
|
|
23
44
|
adjustsFontSizeToFit?: boolean | undefined;
|
|
24
|
-
dynamicTypeRamp?: "
|
|
45
|
+
dynamicTypeRamp?: "caption2" | "caption1" | "footnote" | "subheadline" | "callout" | "body" | "headline" | "title3" | "title2" | "title1" | "largeTitle" | undefined;
|
|
25
46
|
minimumFontScale?: number | undefined;
|
|
26
47
|
suppressHighlighting?: boolean | undefined;
|
|
27
48
|
lineBreakStrategyIOS?: "none" | "standard" | "hangul-word" | "push-out" | undefined;
|
|
@@ -29,13 +50,10 @@ export declare const LakeHeading: import("react").ForwardRefExoticComponent<{
|
|
|
29
50
|
selectable?: boolean | undefined;
|
|
30
51
|
selectionColor?: import("react-native").ColorValue | undefined;
|
|
31
52
|
textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
|
|
32
|
-
dataDetectorType?:
|
|
53
|
+
dataDetectorType?: null | "phoneNumber" | "link" | "email" | "none" | "all" | undefined;
|
|
33
54
|
android_hyphenationFrequency?: "normal" | "none" | "full" | undefined;
|
|
34
55
|
accessible?: boolean | undefined;
|
|
35
|
-
accessibilityActions?: readonly
|
|
36
|
-
name: string;
|
|
37
|
-
label?: string | undefined;
|
|
38
|
-
}>[] | undefined;
|
|
56
|
+
accessibilityActions?: readonly import("react-native").AccessibilityActionInfo[] | undefined;
|
|
39
57
|
accessibilityLabel?: string | undefined;
|
|
40
58
|
"aria-label"?: string | undefined;
|
|
41
59
|
accessibilityRole?: import("react-native").AccessibilityRole | undefined;
|
|
@@ -48,14 +66,14 @@ export declare const LakeHeading: import("react").ForwardRefExoticComponent<{
|
|
|
48
66
|
"aria-labelledby"?: string | undefined;
|
|
49
67
|
accessibilityHint?: string | undefined;
|
|
50
68
|
accessibilityValue?: import("react-native").AccessibilityValue | undefined;
|
|
51
|
-
"aria-valuemax"?:
|
|
52
|
-
"aria-valuemin"?:
|
|
53
|
-
"aria-valuenow"?:
|
|
54
|
-
"aria-valuetext"?:
|
|
69
|
+
"aria-valuemax"?: import("react-native").AccessibilityValue["max"] | undefined;
|
|
70
|
+
"aria-valuemin"?: import("react-native").AccessibilityValue["min"] | undefined;
|
|
71
|
+
"aria-valuenow"?: import("react-native").AccessibilityValue["now"] | undefined;
|
|
72
|
+
"aria-valuetext"?: import("react-native").AccessibilityValue["text"] | undefined;
|
|
55
73
|
onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
|
|
56
|
-
importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
|
|
74
|
+
importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined;
|
|
57
75
|
"aria-hidden"?: boolean | undefined;
|
|
58
|
-
"aria-live"?: "polite" | "assertive" | "off" | undefined;
|
|
76
|
+
"aria-live"?: ("polite" | "assertive" | "off") | undefined;
|
|
59
77
|
"aria-modal"?: boolean | undefined;
|
|
60
78
|
accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
|
|
61
79
|
accessibilityLabelledBy?: string | string[] | undefined;
|
|
@@ -66,7 +84,7 @@ export declare const LakeHeading: import("react").ForwardRefExoticComponent<{
|
|
|
66
84
|
onMagicTap?: (() => void) | undefined;
|
|
67
85
|
accessibilityIgnoresInvertColors?: boolean | undefined;
|
|
68
86
|
accessibilityLanguage?: string | undefined;
|
|
69
|
-
tabIndex?: 0 | -1 | undefined;
|
|
87
|
+
tabIndex?: (0 | -1) | undefined;
|
|
70
88
|
"aria-activedescendant"?: string | undefined;
|
|
71
89
|
"aria-atomic"?: boolean | undefined;
|
|
72
90
|
"aria-autocomplete"?: string | undefined;
|
|
@@ -74,7 +92,7 @@ export declare const LakeHeading: import("react").ForwardRefExoticComponent<{
|
|
|
74
92
|
"aria-colindex"?: number | undefined;
|
|
75
93
|
"aria-colspan"?: number | undefined;
|
|
76
94
|
"aria-controls"?: string | undefined;
|
|
77
|
-
"aria-current"?: boolean | "
|
|
95
|
+
"aria-current"?: (boolean | "page" | "step" | "location" | "date" | "time") | undefined;
|
|
78
96
|
"aria-describedby"?: string | undefined;
|
|
79
97
|
"aria-details"?: string | undefined;
|
|
80
98
|
"aria-errormessage"?: string | undefined;
|
|
@@ -85,7 +103,7 @@ export declare const LakeHeading: import("react").ForwardRefExoticComponent<{
|
|
|
85
103
|
"aria-level"?: number | undefined;
|
|
86
104
|
"aria-multiline"?: boolean | undefined;
|
|
87
105
|
"aria-multiselectable"?: boolean | undefined;
|
|
88
|
-
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
106
|
+
"aria-orientation"?: ("horizontal" | "vertical") | undefined;
|
|
89
107
|
"aria-owns"?: string | undefined;
|
|
90
108
|
"aria-placeholder"?: string | undefined;
|
|
91
109
|
"aria-posinset"?: number | undefined;
|
|
@@ -97,12 +115,13 @@ export declare const LakeHeading: import("react").ForwardRefExoticComponent<{
|
|
|
97
115
|
"aria-rowindex"?: number | undefined;
|
|
98
116
|
"aria-rowspan"?: number | undefined;
|
|
99
117
|
"aria-setsize"?: number | undefined;
|
|
100
|
-
"aria-sort"?: "
|
|
118
|
+
"aria-sort"?: ("ascending" | "descending" | "none" | "other") | undefined;
|
|
101
119
|
} & {
|
|
102
|
-
align?:
|
|
120
|
+
align?: HeadingAlign;
|
|
103
121
|
children: ReactNode;
|
|
104
|
-
color?: string
|
|
122
|
+
color?: string;
|
|
105
123
|
level: 1 | 2 | 3 | 4 | 5 | 6 | "none";
|
|
106
124
|
userSelect?: TextStyle["userSelect"];
|
|
107
|
-
variant?:
|
|
125
|
+
variant?: HeadingVariant;
|
|
108
126
|
} & import("react").RefAttributes<Text>>;
|
|
127
|
+
export {};
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { NativeSyntheticEvent, TextInput, TextInputFocusEventData, TextInputKeyPressEventData, TextInputProps } from "react-native";
|
|
3
2
|
import { Merge } from "type-fest";
|
|
4
3
|
export type LakeTagInputProps = Merge<TextInputProps, {
|
|
@@ -53,8 +52,8 @@ export declare const LakeTagInput: import("react").ForwardRefExoticComponent<{
|
|
|
53
52
|
end?: number | undefined;
|
|
54
53
|
} | undefined;
|
|
55
54
|
selectionColor?: import("react-native").ColorValue | undefined;
|
|
56
|
-
style?: import("react-native").StyleProp<import("react-native").TextStyle
|
|
57
|
-
textAlign?: "left" | "
|
|
55
|
+
style?: import("react-native").StyleProp<import("react-native").TextStyle> | undefined;
|
|
56
|
+
textAlign?: "left" | "center" | "right" | undefined;
|
|
58
57
|
testID?: string | undefined;
|
|
59
58
|
inputAccessoryViewID?: string | undefined;
|
|
60
59
|
value?: string | undefined;
|
|
@@ -62,20 +61,20 @@ export declare const LakeTagInput: import("react").ForwardRefExoticComponent<{
|
|
|
62
61
|
role?: import("react-native").WebRole | undefined;
|
|
63
62
|
lang?: string | undefined;
|
|
64
63
|
initialValue?: string | undefined;
|
|
65
|
-
autoComplete?: "
|
|
66
|
-
enterKeyHint?: "enter" | "
|
|
64
|
+
autoComplete?: ("additional-name" | "address-level1" | "address-level2" | "address-level3" | "address-level4" | "address-line1" | "address-line2" | "address-line3" | "bday" | "bday-day" | "bday-month" | "bday-year" | "cc-additional-name" | "cc-csc" | "cc-exp" | "cc-exp-month" | "cc-exp-year" | "cc-family-name" | "cc-given-name" | "cc-name" | "cc-number" | "cc-type" | "country" | "country-name" | "current-password" | "email" | "family-name" | "given-name" | "honorific-prefix" | "honorific-suffix" | "impp" | "language" | "name" | "new-password" | "nickname" | "off" | "on" | "one-time-code" | "organization" | "organization-title" | "postal-code" | "sex" | "street-address" | "tel" | "tel-area-code" | "tel-country-code" | "tel-extension" | "tel-local" | "tel-national" | "transaction-amount" | "transaction-currency" | "url" | "username") | undefined;
|
|
65
|
+
enterKeyHint?: ("enter" | "done" | "go" | "next" | "previous" | "search" | "send") | undefined;
|
|
67
66
|
rows?: number | undefined;
|
|
68
|
-
children?: import("react").ReactNode;
|
|
67
|
+
children?: import("react").ReactNode | undefined;
|
|
69
68
|
hitSlop?: import("react-native").Insets | undefined;
|
|
70
69
|
id?: string | undefined;
|
|
71
70
|
onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
|
|
72
|
-
pointerEvents?: "
|
|
71
|
+
pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
|
|
73
72
|
removeClippedSubviews?: boolean | undefined;
|
|
74
73
|
nativeID?: string | undefined;
|
|
75
|
-
onKeyDown?: ((event: NativeSyntheticEvent<
|
|
76
|
-
onKeyDownCapture?: ((event: NativeSyntheticEvent<
|
|
77
|
-
onKeyUp?: ((event: NativeSyntheticEvent<
|
|
78
|
-
onKeyUpCapture?: ((event: NativeSyntheticEvent<
|
|
74
|
+
onKeyDown?: ((event: NativeSyntheticEvent<React.KeyboardEvent>) => void) | undefined;
|
|
75
|
+
onKeyDownCapture?: ((event: NativeSyntheticEvent<React.KeyboardEvent>) => void) | undefined;
|
|
76
|
+
onKeyUp?: ((event: NativeSyntheticEvent<React.KeyboardEvent>) => void) | undefined;
|
|
77
|
+
onKeyUpCapture?: ((event: NativeSyntheticEvent<React.KeyboardEvent>) => void) | undefined;
|
|
79
78
|
collapsable?: boolean | undefined;
|
|
80
79
|
needsOffscreenAlphaCompositing?: boolean | undefined;
|
|
81
80
|
renderToHardwareTextureAndroid?: boolean | undefined;
|
|
@@ -118,10 +117,7 @@ export declare const LakeTagInput: import("react").ForwardRefExoticComponent<{
|
|
|
118
117
|
onPointerUp?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
119
118
|
onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
120
119
|
accessible?: boolean | undefined;
|
|
121
|
-
accessibilityActions?: readonly
|
|
122
|
-
name: string;
|
|
123
|
-
label?: string | undefined;
|
|
124
|
-
}>[] | undefined;
|
|
120
|
+
accessibilityActions?: readonly import("react-native").AccessibilityActionInfo[] | undefined;
|
|
125
121
|
accessibilityLabel?: string | undefined;
|
|
126
122
|
"aria-label"?: string | undefined;
|
|
127
123
|
accessibilityRole?: import("react-native").AccessibilityRole | undefined;
|
|
@@ -134,14 +130,14 @@ export declare const LakeTagInput: import("react").ForwardRefExoticComponent<{
|
|
|
134
130
|
"aria-labelledby"?: string | undefined;
|
|
135
131
|
accessibilityHint?: string | undefined;
|
|
136
132
|
accessibilityValue?: import("react-native").AccessibilityValue | undefined;
|
|
137
|
-
"aria-valuemax"?:
|
|
138
|
-
"aria-valuemin"?:
|
|
139
|
-
"aria-valuenow"?:
|
|
140
|
-
"aria-valuetext"?:
|
|
133
|
+
"aria-valuemax"?: import("react-native").AccessibilityValue["max"] | undefined;
|
|
134
|
+
"aria-valuemin"?: import("react-native").AccessibilityValue["min"] | undefined;
|
|
135
|
+
"aria-valuenow"?: import("react-native").AccessibilityValue["now"] | undefined;
|
|
136
|
+
"aria-valuetext"?: import("react-native").AccessibilityValue["text"] | undefined;
|
|
141
137
|
onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
|
|
142
|
-
importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
|
|
138
|
+
importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined;
|
|
143
139
|
"aria-hidden"?: boolean | undefined;
|
|
144
|
-
"aria-live"?: "polite" | "assertive" | "off" | undefined;
|
|
140
|
+
"aria-live"?: ("polite" | "assertive" | "off") | undefined;
|
|
145
141
|
"aria-modal"?: boolean | undefined;
|
|
146
142
|
accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
|
|
147
143
|
accessibilityLabelledBy?: string | string[] | undefined;
|
|
@@ -152,7 +148,7 @@ export declare const LakeTagInput: import("react").ForwardRefExoticComponent<{
|
|
|
152
148
|
onMagicTap?: (() => void) | undefined;
|
|
153
149
|
accessibilityIgnoresInvertColors?: boolean | undefined;
|
|
154
150
|
accessibilityLanguage?: string | undefined;
|
|
155
|
-
tabIndex?: 0 | -1 | undefined;
|
|
151
|
+
tabIndex?: (0 | -1) | undefined;
|
|
156
152
|
"aria-activedescendant"?: string | undefined;
|
|
157
153
|
"aria-atomic"?: boolean | undefined;
|
|
158
154
|
"aria-autocomplete"?: string | undefined;
|
|
@@ -160,7 +156,7 @@ export declare const LakeTagInput: import("react").ForwardRefExoticComponent<{
|
|
|
160
156
|
"aria-colindex"?: number | undefined;
|
|
161
157
|
"aria-colspan"?: number | undefined;
|
|
162
158
|
"aria-controls"?: string | undefined;
|
|
163
|
-
"aria-current"?: boolean | "
|
|
159
|
+
"aria-current"?: (boolean | "page" | "step" | "location" | "date" | "time") | undefined;
|
|
164
160
|
"aria-describedby"?: string | undefined;
|
|
165
161
|
"aria-details"?: string | undefined;
|
|
166
162
|
"aria-errormessage"?: string | undefined;
|
|
@@ -171,7 +167,7 @@ export declare const LakeTagInput: import("react").ForwardRefExoticComponent<{
|
|
|
171
167
|
"aria-level"?: number | undefined;
|
|
172
168
|
"aria-multiline"?: boolean | undefined;
|
|
173
169
|
"aria-multiselectable"?: boolean | undefined;
|
|
174
|
-
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
170
|
+
"aria-orientation"?: ("horizontal" | "vertical") | undefined;
|
|
175
171
|
"aria-owns"?: string | undefined;
|
|
176
172
|
"aria-placeholder"?: string | undefined;
|
|
177
173
|
"aria-posinset"?: number | undefined;
|
|
@@ -183,7 +179,7 @@ export declare const LakeTagInput: import("react").ForwardRefExoticComponent<{
|
|
|
183
179
|
"aria-rowindex"?: number | undefined;
|
|
184
180
|
"aria-rowspan"?: number | undefined;
|
|
185
181
|
"aria-setsize"?: number | undefined;
|
|
186
|
-
"aria-sort"?: "
|
|
182
|
+
"aria-sort"?: ("ascending" | "descending" | "none" | "other") | undefined;
|
|
187
183
|
clearButtonMode?: "never" | "while-editing" | "unless-editing" | "always" | undefined;
|
|
188
184
|
clearTextOnFocus?: boolean | undefined;
|
|
189
185
|
dataDetectorTypes?: import("react-native").DataDetectorTypes | import("react-native").DataDetectorTypes[] | undefined;
|
|
@@ -193,11 +189,11 @@ export declare const LakeTagInput: import("react").ForwardRefExoticComponent<{
|
|
|
193
189
|
rejectResponderTermination?: boolean | null | undefined;
|
|
194
190
|
selectionState?: import("react-native").DocumentSelectionState | undefined;
|
|
195
191
|
spellCheck?: boolean | undefined;
|
|
196
|
-
textContentType?: "none" | "
|
|
192
|
+
textContentType?: "none" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "location" | "middleName" | "name" | "namePrefix" | "nameSuffix" | "nickname" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "username" | "password" | "newPassword" | "oneTimeCode" | undefined;
|
|
197
193
|
scrollEnabled?: boolean | undefined;
|
|
198
194
|
lineBreakStrategyIOS?: "none" | "standard" | "hangul-word" | "push-out" | undefined;
|
|
199
195
|
cursorColor?: import("react-native").ColorValue | null | undefined;
|
|
200
|
-
importantForAutofill?: "auto" | "
|
|
196
|
+
importantForAutofill?: "auto" | "no" | "noExcludeDescendants" | "yes" | "yesExcludeDescendants" | undefined;
|
|
201
197
|
disableFullscreenUI?: boolean | undefined;
|
|
202
198
|
inlineImageLeft?: string | undefined;
|
|
203
199
|
inlineImagePadding?: number | undefined;
|
|
@@ -205,9 +201,9 @@ export declare const LakeTagInput: import("react").ForwardRefExoticComponent<{
|
|
|
205
201
|
returnKeyLabel?: string | undefined;
|
|
206
202
|
textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
|
|
207
203
|
underlineColorAndroid?: import("react-native").ColorValue | undefined;
|
|
208
|
-
textAlignVertical?: "
|
|
204
|
+
textAlignVertical?: "auto" | "top" | "bottom" | "center" | undefined;
|
|
209
205
|
showSoftInputOnFocus?: boolean | undefined;
|
|
210
|
-
verticalAlign?: "
|
|
206
|
+
verticalAlign?: "auto" | "top" | "bottom" | "middle" | undefined;
|
|
211
207
|
readOnly?: boolean | undefined;
|
|
212
208
|
error?: string | undefined;
|
|
213
209
|
disabled?: boolean | undefined;
|
|
@@ -1,5 +1,17 @@
|
|
|
1
|
-
import { ReactNode } from "react";
|
|
1
|
+
import { ComponentProps, ReactNode } from "react";
|
|
2
2
|
import { Text, TextProps, TextStyle } from "react-native";
|
|
3
|
+
import { LakeTooltip } from "./LakeTooltip";
|
|
4
|
+
declare const alignments: {
|
|
5
|
+
center: {
|
|
6
|
+
textAlign: "center";
|
|
7
|
+
};
|
|
8
|
+
left: {
|
|
9
|
+
textAlign: "left";
|
|
10
|
+
};
|
|
11
|
+
right: {
|
|
12
|
+
textAlign: "right";
|
|
13
|
+
};
|
|
14
|
+
};
|
|
3
15
|
declare const variants: {
|
|
4
16
|
semibold: TextStyle;
|
|
5
17
|
medium: TextStyle;
|
|
@@ -9,27 +21,14 @@ declare const variants: {
|
|
|
9
21
|
smallMedium: TextStyle;
|
|
10
22
|
smallRegular: TextStyle;
|
|
11
23
|
};
|
|
24
|
+
type TextAlign = keyof typeof alignments;
|
|
12
25
|
export type TextVariant = keyof typeof variants;
|
|
13
26
|
export declare const LakeText: import("react").ForwardRefExoticComponent<TextProps & {
|
|
14
|
-
align?:
|
|
27
|
+
align?: TextAlign;
|
|
15
28
|
children: ReactNode;
|
|
16
|
-
color?: string
|
|
29
|
+
color?: string;
|
|
17
30
|
userSelect?: TextStyle["userSelect"];
|
|
18
|
-
variant?:
|
|
19
|
-
tooltip?: Omit<
|
|
20
|
-
children: ReactNode;
|
|
21
|
-
content: ReactNode;
|
|
22
|
-
describedBy?: string | undefined;
|
|
23
|
-
matchReferenceWidth?: boolean | undefined;
|
|
24
|
-
hideArrow?: boolean | undefined;
|
|
25
|
-
onHide?: (() => void) | undefined;
|
|
26
|
-
onShow?: (() => void) | undefined;
|
|
27
|
-
placement?: "left" | "right" | "center" | undefined;
|
|
28
|
-
width?: number | undefined;
|
|
29
|
-
maxWidth?: number | undefined;
|
|
30
|
-
togglableOnFocus?: boolean | undefined;
|
|
31
|
-
containerStyle?: import("react-native").StyleProp<import("react-native").ViewStyle>;
|
|
32
|
-
disabled?: boolean | undefined;
|
|
33
|
-
} & import("react").RefAttributes<import("./LakeTooltip").TooltipRef>, "children"> | undefined;
|
|
31
|
+
variant?: TextVariant;
|
|
32
|
+
tooltip?: Omit<ComponentProps<typeof LakeTooltip>, "children">;
|
|
34
33
|
} & import("react").RefAttributes<Text>>;
|
|
35
34
|
export {};
|