@metamask/design-system-react-native 0.20.0 → 0.22.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 +28 -1
- package/dist/components/AvatarIcon/AvatarIcon.cjs +2 -1
- package/dist/components/AvatarIcon/AvatarIcon.cjs.map +1 -1
- package/dist/components/AvatarIcon/AvatarIcon.constants.cjs +16 -16
- package/dist/components/AvatarIcon/AvatarIcon.constants.cjs.map +1 -1
- package/dist/components/AvatarIcon/AvatarIcon.constants.d.cts +1 -1
- package/dist/components/AvatarIcon/AvatarIcon.constants.d.cts.map +1 -1
- package/dist/components/AvatarIcon/AvatarIcon.constants.d.mts +1 -1
- package/dist/components/AvatarIcon/AvatarIcon.constants.d.mts.map +1 -1
- package/dist/components/AvatarIcon/AvatarIcon.constants.mjs +1 -1
- package/dist/components/AvatarIcon/AvatarIcon.constants.mjs.map +1 -1
- package/dist/components/AvatarIcon/AvatarIcon.d.cts.map +1 -1
- package/dist/components/AvatarIcon/AvatarIcon.d.mts.map +1 -1
- package/dist/components/AvatarIcon/AvatarIcon.mjs +2 -1
- package/dist/components/AvatarIcon/AvatarIcon.mjs.map +1 -1
- package/dist/components/AvatarIcon/AvatarIcon.types.cjs.map +1 -1
- package/dist/components/AvatarIcon/AvatarIcon.types.d.cts +3 -13
- package/dist/components/AvatarIcon/AvatarIcon.types.d.cts.map +1 -1
- package/dist/components/AvatarIcon/AvatarIcon.types.d.mts +3 -13
- package/dist/components/AvatarIcon/AvatarIcon.types.d.mts.map +1 -1
- package/dist/components/AvatarIcon/AvatarIcon.types.mjs.map +1 -1
- package/dist/components/AvatarIcon/index.cjs +4 -4
- package/dist/components/AvatarIcon/index.cjs.map +1 -1
- package/dist/components/AvatarIcon/index.d.cts +1 -1
- package/dist/components/AvatarIcon/index.d.cts.map +1 -1
- package/dist/components/AvatarIcon/index.d.mts +1 -1
- package/dist/components/AvatarIcon/index.d.mts.map +1 -1
- package/dist/components/AvatarIcon/index.mjs +1 -1
- package/dist/components/AvatarIcon/index.mjs.map +1 -1
- package/dist/components/BadgeIcon/BadgeIcon.cjs +2 -1
- package/dist/components/BadgeIcon/BadgeIcon.cjs.map +1 -1
- package/dist/components/BadgeIcon/BadgeIcon.d.cts.map +1 -1
- package/dist/components/BadgeIcon/BadgeIcon.d.mts.map +1 -1
- package/dist/components/BadgeIcon/BadgeIcon.mjs +2 -1
- package/dist/components/BadgeIcon/BadgeIcon.mjs.map +1 -1
- package/dist/components/BadgeIcon/BadgeIcon.types.cjs.map +1 -1
- package/dist/components/BadgeIcon/BadgeIcon.types.d.cts +5 -7
- package/dist/components/BadgeIcon/BadgeIcon.types.d.cts.map +1 -1
- package/dist/components/BadgeIcon/BadgeIcon.types.d.mts +5 -7
- package/dist/components/BadgeIcon/BadgeIcon.types.d.mts.map +1 -1
- package/dist/components/BadgeIcon/BadgeIcon.types.mjs.map +1 -1
- package/dist/components/BannerBase/BannerBase.cjs +2 -3
- package/dist/components/BannerBase/BannerBase.cjs.map +1 -1
- package/dist/components/BannerBase/BannerBase.d.cts.map +1 -1
- package/dist/components/BannerBase/BannerBase.d.mts.map +1 -1
- package/dist/components/BannerBase/BannerBase.mjs +1 -2
- package/dist/components/BannerBase/BannerBase.mjs.map +1 -1
- package/dist/components/Button/Button.cjs +6 -6
- package/dist/components/Button/Button.cjs.map +1 -1
- package/dist/components/Button/Button.d.cts.map +1 -1
- package/dist/components/Button/Button.d.mts.map +1 -1
- package/dist/components/Button/Button.mjs +1 -1
- package/dist/components/Button/Button.mjs.map +1 -1
- package/dist/components/Button/Button.types.cjs.map +1 -1
- package/dist/components/Button/Button.types.d.cts +2 -7
- package/dist/components/Button/Button.types.d.cts.map +1 -1
- package/dist/components/Button/Button.types.d.mts +2 -7
- package/dist/components/Button/Button.types.d.mts.map +1 -1
- package/dist/components/Button/Button.types.mjs.map +1 -1
- package/dist/components/Button/index.cjs +3 -3
- package/dist/components/Button/index.cjs.map +1 -1
- package/dist/components/Button/index.d.cts +1 -1
- package/dist/components/Button/index.d.cts.map +1 -1
- package/dist/components/Button/index.d.mts +1 -1
- package/dist/components/Button/index.d.mts.map +1 -1
- package/dist/components/Button/index.mjs +1 -1
- package/dist/components/Button/index.mjs.map +1 -1
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.cjs +2 -0
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.cjs.map +1 -1
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.d.cts.map +1 -1
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.d.mts.map +1 -1
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.mjs +2 -0
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.mjs.map +1 -1
- package/dist/components/Button/variants/ButtonPrimary/index.cjs +1 -3
- package/dist/components/Button/variants/ButtonPrimary/index.cjs.map +1 -1
- package/dist/components/Button/variants/ButtonPrimary/index.d.cts +0 -1
- package/dist/components/Button/variants/ButtonPrimary/index.d.cts.map +1 -1
- package/dist/components/Button/variants/ButtonPrimary/index.d.mts +0 -1
- package/dist/components/Button/variants/ButtonPrimary/index.d.mts.map +1 -1
- package/dist/components/Button/variants/ButtonPrimary/index.mjs +0 -1
- package/dist/components/Button/variants/ButtonPrimary/index.mjs.map +1 -1
- package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.cjs +2 -0
- package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.cjs.map +1 -1
- package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.d.cts.map +1 -1
- package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.d.mts.map +1 -1
- package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.mjs +2 -0
- package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.mjs.map +1 -1
- package/dist/components/Button/variants/ButtonSecondary/index.cjs +1 -3
- package/dist/components/Button/variants/ButtonSecondary/index.cjs.map +1 -1
- package/dist/components/Button/variants/ButtonSecondary/index.d.cts +0 -1
- package/dist/components/Button/variants/ButtonSecondary/index.d.cts.map +1 -1
- package/dist/components/Button/variants/ButtonSecondary/index.d.mts +0 -1
- package/dist/components/Button/variants/ButtonSecondary/index.d.mts.map +1 -1
- package/dist/components/Button/variants/ButtonSecondary/index.mjs +0 -1
- package/dist/components/Button/variants/ButtonSecondary/index.mjs.map +1 -1
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.cjs +2 -0
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.cjs.map +1 -1
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.d.cts.map +1 -1
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.d.mts.map +1 -1
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.mjs +2 -0
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.mjs.map +1 -1
- package/dist/components/Button/variants/ButtonTertiary/index.cjs +1 -3
- package/dist/components/Button/variants/ButtonTertiary/index.cjs.map +1 -1
- package/dist/components/Button/variants/ButtonTertiary/index.d.cts +0 -1
- package/dist/components/Button/variants/ButtonTertiary/index.d.cts.map +1 -1
- package/dist/components/Button/variants/ButtonTertiary/index.d.mts +0 -1
- package/dist/components/Button/variants/ButtonTertiary/index.d.mts.map +1 -1
- package/dist/components/Button/variants/ButtonTertiary/index.mjs +0 -1
- package/dist/components/Button/variants/ButtonTertiary/index.mjs.map +1 -1
- package/dist/components/ButtonBase/ButtonBase.cjs +2 -2
- package/dist/components/ButtonBase/ButtonBase.cjs.map +1 -1
- package/dist/components/ButtonBase/ButtonBase.constants.cjs +4 -4
- package/dist/components/ButtonBase/ButtonBase.constants.cjs.map +1 -1
- package/dist/components/ButtonBase/ButtonBase.constants.d.cts +1 -1
- package/dist/components/ButtonBase/ButtonBase.constants.d.cts.map +1 -1
- package/dist/components/ButtonBase/ButtonBase.constants.d.mts +1 -1
- package/dist/components/ButtonBase/ButtonBase.constants.d.mts.map +1 -1
- package/dist/components/ButtonBase/ButtonBase.constants.mjs +1 -1
- package/dist/components/ButtonBase/ButtonBase.constants.mjs.map +1 -1
- package/dist/components/ButtonBase/ButtonBase.d.cts.map +1 -1
- package/dist/components/ButtonBase/ButtonBase.d.mts.map +1 -1
- package/dist/components/ButtonBase/ButtonBase.mjs +1 -1
- package/dist/components/ButtonBase/ButtonBase.mjs.map +1 -1
- package/dist/components/ButtonBase/ButtonBase.types.cjs.map +1 -1
- package/dist/components/ButtonBase/ButtonBase.types.d.cts +3 -32
- package/dist/components/ButtonBase/ButtonBase.types.d.cts.map +1 -1
- package/dist/components/ButtonBase/ButtonBase.types.d.mts +3 -32
- package/dist/components/ButtonBase/ButtonBase.types.d.mts.map +1 -1
- package/dist/components/ButtonBase/ButtonBase.types.mjs.map +1 -1
- package/dist/components/ButtonBase/index.cjs +2 -2
- package/dist/components/ButtonBase/index.cjs.map +1 -1
- package/dist/components/ButtonBase/index.d.cts +1 -1
- package/dist/components/ButtonBase/index.d.cts.map +1 -1
- package/dist/components/ButtonBase/index.d.mts +1 -1
- package/dist/components/ButtonBase/index.d.mts.map +1 -1
- package/dist/components/ButtonBase/index.mjs +1 -1
- package/dist/components/ButtonBase/index.mjs.map +1 -1
- package/dist/components/ButtonHero/index.cjs +2 -2
- package/dist/components/ButtonHero/index.cjs.map +1 -1
- package/dist/components/ButtonHero/index.d.cts +1 -1
- package/dist/components/ButtonHero/index.d.cts.map +1 -1
- package/dist/components/ButtonHero/index.d.mts +1 -1
- package/dist/components/ButtonHero/index.d.mts.map +1 -1
- package/dist/components/ButtonHero/index.mjs +1 -1
- package/dist/components/ButtonHero/index.mjs.map +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.cjs +6 -6
- package/dist/components/ButtonIcon/ButtonIcon.cjs.map +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.constants.cjs +7 -8
- package/dist/components/ButtonIcon/ButtonIcon.constants.cjs.map +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.constants.d.cts +1 -2
- package/dist/components/ButtonIcon/ButtonIcon.constants.d.cts.map +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.constants.d.mts +1 -2
- package/dist/components/ButtonIcon/ButtonIcon.constants.d.mts.map +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.constants.mjs +1 -2
- package/dist/components/ButtonIcon/ButtonIcon.constants.mjs.map +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.d.cts.map +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.d.mts.map +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.mjs +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.mjs.map +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.types.cjs.map +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.types.d.cts +3 -26
- package/dist/components/ButtonIcon/ButtonIcon.types.d.cts.map +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.types.d.mts +3 -26
- package/dist/components/ButtonIcon/ButtonIcon.types.d.mts.map +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.types.mjs.map +1 -1
- package/dist/components/ButtonIcon/index.cjs +3 -3
- package/dist/components/ButtonIcon/index.cjs.map +1 -1
- package/dist/components/ButtonIcon/index.d.cts +1 -1
- package/dist/components/ButtonIcon/index.d.cts.map +1 -1
- package/dist/components/ButtonIcon/index.d.mts +1 -1
- package/dist/components/ButtonIcon/index.d.mts.map +1 -1
- package/dist/components/ButtonIcon/index.mjs +1 -1
- package/dist/components/ButtonIcon/index.mjs.map +1 -1
- package/dist/components/Icon/Icon.assets.cjs +2 -0
- package/dist/components/Icon/Icon.assets.cjs.map +1 -1
- package/dist/components/Icon/Icon.assets.d.cts.map +1 -1
- package/dist/components/Icon/Icon.assets.d.mts.map +1 -1
- package/dist/components/Icon/Icon.assets.mjs +2 -0
- package/dist/components/Icon/Icon.assets.mjs.map +1 -1
- package/dist/components/Icon/assets/telegram.svg +3 -0
- package/dist/components/Input/Input.cjs +2 -2
- package/dist/components/Input/Input.cjs.map +1 -1
- package/dist/components/Input/Input.d.cts +1 -1
- package/dist/components/Input/Input.d.mts +1 -1
- package/dist/components/Input/Input.mjs +2 -2
- package/dist/components/Input/Input.mjs.map +1 -1
- package/dist/components/Input/Input.types.cjs.map +1 -1
- package/dist/components/Input/Input.types.d.cts +1 -1
- package/dist/components/Input/Input.types.d.mts +1 -1
- package/dist/components/Input/Input.types.mjs.map +1 -1
- package/dist/components/KeyValueColumn/KeyValueColumn.cjs +2 -2
- package/dist/components/KeyValueColumn/KeyValueColumn.cjs.map +1 -1
- package/dist/components/KeyValueColumn/KeyValueColumn.d.cts.map +1 -1
- package/dist/components/KeyValueColumn/KeyValueColumn.d.mts.map +1 -1
- package/dist/components/KeyValueColumn/KeyValueColumn.mjs +2 -2
- package/dist/components/KeyValueColumn/KeyValueColumn.mjs.map +1 -1
- package/dist/components/KeyValueRow/KeyValueRow.cjs +2 -2
- package/dist/components/KeyValueRow/KeyValueRow.cjs.map +1 -1
- package/dist/components/KeyValueRow/KeyValueRow.d.cts.map +1 -1
- package/dist/components/KeyValueRow/KeyValueRow.d.mts.map +1 -1
- package/dist/components/KeyValueRow/KeyValueRow.mjs +2 -2
- package/dist/components/KeyValueRow/KeyValueRow.mjs.map +1 -1
- package/dist/components/TabEmptyState/TabEmptyState.cjs +1 -1
- package/dist/components/TabEmptyState/TabEmptyState.cjs.map +1 -1
- package/dist/components/TabEmptyState/TabEmptyState.d.cts.map +1 -1
- package/dist/components/TabEmptyState/TabEmptyState.d.mts.map +1 -1
- package/dist/components/TabEmptyState/TabEmptyState.mjs +1 -1
- package/dist/components/TabEmptyState/TabEmptyState.mjs.map +1 -1
- package/dist/components/TextField/TextField.cjs +10 -30
- package/dist/components/TextField/TextField.cjs.map +1 -1
- package/dist/components/TextField/TextField.d.cts +159 -7
- package/dist/components/TextField/TextField.d.cts.map +1 -1
- package/dist/components/TextField/TextField.d.mts +159 -7
- package/dist/components/TextField/TextField.d.mts.map +1 -1
- package/dist/components/TextField/TextField.mjs +12 -32
- package/dist/components/TextField/TextField.mjs.map +1 -1
- package/dist/components/TextField/TextField.types.cjs.map +1 -1
- package/dist/components/TextField/TextField.types.d.cts +41 -16
- package/dist/components/TextField/TextField.types.d.cts.map +1 -1
- package/dist/components/TextField/TextField.types.d.mts +41 -16
- package/dist/components/TextField/TextField.types.d.mts.map +1 -1
- package/dist/components/TextField/TextField.types.mjs.map +1 -1
- package/dist/components/TextFieldSearch/TextFieldSearch.cjs.map +1 -1
- package/dist/components/TextFieldSearch/TextFieldSearch.d.cts +160 -8
- package/dist/components/TextFieldSearch/TextFieldSearch.d.cts.map +1 -1
- package/dist/components/TextFieldSearch/TextFieldSearch.d.mts +160 -8
- package/dist/components/TextFieldSearch/TextFieldSearch.d.mts.map +1 -1
- package/dist/components/TextFieldSearch/TextFieldSearch.mjs.map +1 -1
- package/dist/components/Toast/Toast.types.cjs.map +1 -1
- package/dist/components/Toast/Toast.types.d.cts +1 -2
- package/dist/components/Toast/Toast.types.d.cts.map +1 -1
- package/dist/components/Toast/Toast.types.d.mts +1 -2
- package/dist/components/Toast/Toast.types.d.mts.map +1 -1
- package/dist/components/Toast/Toast.types.mjs.map +1 -1
- package/dist/types/index.cjs +3 -71
- package/dist/types/index.cjs.map +1 -1
- package/dist/types/index.d.cts +0 -66
- package/dist/types/index.d.cts.map +1 -1
- package/dist/types/index.d.mts +0 -66
- package/dist/types/index.d.mts.map +1 -1
- package/dist/types/index.mjs +0 -72
- package/dist/types/index.mjs.map +1 -1
- package/package.json +2 -2
|
@@ -1,14 +1,166 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import type {
|
|
3
|
-
export declare const TextFieldSearch: React.ForwardRefExoticComponent<
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
import type { View } from "react-native/index.js";
|
|
3
|
+
export declare const TextFieldSearch: React.ForwardRefExoticComponent<import("@metamask/design-system-shared").TextFieldPropsShared & {
|
|
4
|
+
onFocus?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputFocusEventData>) => void) | undefined;
|
|
5
|
+
onBlur?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputFocusEventData>) => void) | undefined;
|
|
6
|
+
inputProps?: {
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
hitSlop?: number | import("react-native").Insets | null | undefined;
|
|
9
|
+
id?: string | undefined;
|
|
10
|
+
needsOffscreenAlphaCompositing?: boolean | undefined;
|
|
11
|
+
onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
|
|
12
|
+
pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
|
|
13
|
+
removeClippedSubviews?: boolean | undefined;
|
|
14
|
+
testID?: string | undefined;
|
|
15
|
+
nativeID?: string | undefined;
|
|
16
|
+
collapsable?: boolean | undefined;
|
|
17
|
+
collapsableChildren?: boolean | undefined;
|
|
18
|
+
renderToHardwareTextureAndroid?: boolean | undefined;
|
|
19
|
+
focusable?: boolean | undefined;
|
|
20
|
+
tabIndex?: 0 | -1 | undefined;
|
|
21
|
+
shouldRasterizeIOS?: boolean | undefined;
|
|
22
|
+
isTVSelectable?: boolean | undefined;
|
|
23
|
+
hasTVPreferredFocus?: boolean | undefined;
|
|
24
|
+
tvParallaxShiftDistanceX?: number | undefined;
|
|
25
|
+
tvParallaxShiftDistanceY?: number | undefined;
|
|
26
|
+
tvParallaxTiltAngle?: number | undefined;
|
|
27
|
+
tvParallaxMagnification?: number | undefined;
|
|
28
|
+
onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
29
|
+
onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
30
|
+
onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
31
|
+
onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
32
|
+
onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
33
|
+
onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
34
|
+
onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
35
|
+
onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
36
|
+
onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
37
|
+
onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
38
|
+
onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
39
|
+
onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
40
|
+
onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
41
|
+
onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
42
|
+
onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
43
|
+
onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
44
|
+
onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
45
|
+
onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
46
|
+
onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
47
|
+
onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
48
|
+
onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
49
|
+
onPointerMove?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
50
|
+
onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
51
|
+
onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
52
|
+
onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
53
|
+
onPointerDown?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
54
|
+
onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
55
|
+
onPointerUp?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
56
|
+
onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
57
|
+
accessible?: boolean | undefined;
|
|
58
|
+
accessibilityActions?: readonly Readonly<{
|
|
59
|
+
name: string;
|
|
60
|
+
label?: string | undefined;
|
|
61
|
+
}>[] | undefined;
|
|
62
|
+
accessibilityLabel?: string | undefined;
|
|
63
|
+
'aria-label'?: string | undefined;
|
|
64
|
+
accessibilityRole?: import("react-native").AccessibilityRole | undefined;
|
|
65
|
+
accessibilityState?: import("react-native").AccessibilityState | undefined;
|
|
66
|
+
'aria-busy'?: boolean | undefined;
|
|
67
|
+
'aria-checked'?: boolean | "mixed" | undefined;
|
|
68
|
+
'aria-disabled'?: boolean | undefined;
|
|
69
|
+
'aria-expanded'?: boolean | undefined;
|
|
70
|
+
'aria-selected'?: boolean | undefined;
|
|
71
|
+
accessibilityHint?: string | undefined;
|
|
72
|
+
accessibilityValue?: import("react-native").AccessibilityValue | undefined;
|
|
73
|
+
'aria-valuemax'?: number | undefined;
|
|
74
|
+
'aria-valuemin'?: number | undefined;
|
|
75
|
+
'aria-valuenow'?: number | undefined;
|
|
76
|
+
'aria-valuetext'?: string | undefined;
|
|
77
|
+
onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
|
|
78
|
+
importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
|
|
79
|
+
'aria-hidden'?: boolean | undefined;
|
|
80
|
+
'aria-modal'?: boolean | undefined;
|
|
81
|
+
role?: import("react-native").Role | undefined;
|
|
82
|
+
accessibilityLabelledBy?: string | string[] | undefined;
|
|
83
|
+
'aria-labelledby'?: string | undefined;
|
|
84
|
+
accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
|
|
85
|
+
'aria-live'?: "polite" | "assertive" | "off" | undefined;
|
|
86
|
+
accessibilityElementsHidden?: boolean | undefined;
|
|
87
|
+
accessibilityViewIsModal?: boolean | undefined;
|
|
88
|
+
onAccessibilityEscape?: (() => void) | undefined;
|
|
89
|
+
onAccessibilityTap?: (() => void) | undefined;
|
|
90
|
+
onMagicTap?: (() => void) | undefined;
|
|
91
|
+
accessibilityIgnoresInvertColors?: boolean | undefined;
|
|
92
|
+
accessibilityLanguage?: string | undefined;
|
|
93
|
+
accessibilityShowsLargeContentViewer?: boolean | undefined;
|
|
94
|
+
accessibilityLargeContentTitle?: string | undefined;
|
|
95
|
+
twClassName?: string | undefined;
|
|
96
|
+
onPress?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined;
|
|
97
|
+
onPressIn?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined;
|
|
98
|
+
onPressOut?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined;
|
|
99
|
+
allowFontScaling?: boolean | undefined;
|
|
100
|
+
numberOfLines?: number | undefined;
|
|
101
|
+
maxFontSizeMultiplier?: number | null | undefined;
|
|
102
|
+
lineBreakStrategyIOS?: "none" | "standard" | "hangul-word" | "push-out" | undefined;
|
|
103
|
+
selectionColor?: import("react-native").ColorValue | undefined;
|
|
104
|
+
textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
|
|
105
|
+
rejectResponderTermination?: boolean | null | undefined;
|
|
106
|
+
onChange?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputChangeEventData>) => void) | undefined;
|
|
107
|
+
autoCapitalize?: "none" | "sentences" | "words" | "characters" | undefined;
|
|
108
|
+
autoComplete?: "off" | "name" | "email" | "additional-name" | "address-line1" | "address-line2" | "birthdate-day" | "birthdate-full" | "birthdate-month" | "birthdate-year" | "cc-csc" | "cc-exp" | "cc-exp-day" | "cc-exp-month" | "cc-exp-year" | "cc-number" | "cc-name" | "cc-given-name" | "cc-middle-name" | "cc-family-name" | "cc-type" | "country" | "current-password" | "family-name" | "gender" | "given-name" | "honorific-prefix" | "honorific-suffix" | "name-family" | "name-given" | "name-middle" | "name-middle-initial" | "name-prefix" | "name-suffix" | "new-password" | "nickname" | "one-time-code" | "organization" | "organization-title" | "password" | "password-new" | "postal-address" | "postal-address-country" | "postal-address-extended" | "postal-address-extended-postal-code" | "postal-address-locality" | "postal-address-region" | "postal-code" | "street-address" | "sms-otp" | "tel" | "tel-country-code" | "tel-national" | "tel-device" | "url" | "username" | "username-new" | undefined;
|
|
109
|
+
autoCorrect?: boolean | undefined;
|
|
110
|
+
blurOnSubmit?: boolean | undefined;
|
|
111
|
+
submitBehavior?: import("react-native").SubmitBehavior | undefined;
|
|
112
|
+
caretHidden?: boolean | undefined;
|
|
113
|
+
contextMenuHidden?: boolean | undefined;
|
|
114
|
+
keyboardType?: import("react-native").KeyboardTypeOptions | undefined;
|
|
115
|
+
inputMode?: import("react-native").InputModeOptions | undefined;
|
|
116
|
+
maxLength?: number | undefined;
|
|
117
|
+
multiline?: boolean | undefined;
|
|
118
|
+
onContentSizeChange?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputContentSizeChangeEventData>) => void) | undefined;
|
|
119
|
+
onEndEditing?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputEndEditingEventData>) => void) | undefined;
|
|
120
|
+
onSelectionChange?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputSelectionChangeEventData>) => void) | undefined;
|
|
121
|
+
onSubmitEditing?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputSubmitEditingEventData>) => void) | undefined;
|
|
122
|
+
onScroll?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputScrollEventData>) => void) | undefined;
|
|
123
|
+
onKeyPress?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputKeyPressEventData>) => void) | undefined;
|
|
124
|
+
readOnly?: boolean | undefined;
|
|
125
|
+
returnKeyType?: import("react-native").ReturnKeyTypeOptions | undefined;
|
|
126
|
+
enterKeyHint?: import("react-native").EnterKeyHintTypeOptions | undefined;
|
|
127
|
+
secureTextEntry?: boolean | undefined;
|
|
128
|
+
selectTextOnFocus?: boolean | undefined;
|
|
129
|
+
selection?: {
|
|
130
|
+
start: number;
|
|
131
|
+
end?: number | undefined;
|
|
132
|
+
} | undefined;
|
|
133
|
+
textAlign?: "center" | "left" | "right" | undefined;
|
|
134
|
+
inputAccessoryViewID?: string | undefined;
|
|
135
|
+
clearButtonMode?: "never" | "while-editing" | "unless-editing" | "always" | undefined;
|
|
136
|
+
clearTextOnFocus?: boolean | undefined;
|
|
137
|
+
dataDetectorTypes?: import("react-native").DataDetectorTypes | import("react-native").DataDetectorTypes[] | undefined;
|
|
138
|
+
enablesReturnKeyAutomatically?: boolean | undefined;
|
|
139
|
+
keyboardAppearance?: "default" | "light" | "dark" | undefined;
|
|
140
|
+
passwordRules?: string | null | undefined;
|
|
141
|
+
selectionState?: import("react-native").DocumentSelectionState | undefined;
|
|
142
|
+
spellCheck?: boolean | undefined;
|
|
143
|
+
textContentType?: "none" | "name" | "nickname" | "password" | "username" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "creditCardExpiration" | "creditCardExpirationMonth" | "creditCardExpirationYear" | "creditCardSecurityCode" | "creditCardType" | "creditCardName" | "creditCardGivenName" | "creditCardMiddleName" | "creditCardFamilyName" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "location" | "middleName" | "namePrefix" | "nameSuffix" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "newPassword" | "oneTimeCode" | "birthdate" | "birthdateDay" | "birthdateMonth" | "birthdateYear" | undefined;
|
|
144
|
+
scrollEnabled?: boolean | undefined;
|
|
145
|
+
smartInsertDelete?: boolean | undefined;
|
|
146
|
+
cursorColor?: import("react-native").ColorValue | null | undefined;
|
|
147
|
+
selectionHandleColor?: import("react-native").ColorValue | null | undefined;
|
|
148
|
+
importantForAutofill?: "auto" | "yes" | "no" | "noExcludeDescendants" | "yesExcludeDescendants" | undefined;
|
|
149
|
+
disableFullscreenUI?: boolean | undefined;
|
|
150
|
+
inlineImageLeft?: string | undefined;
|
|
151
|
+
inlineImagePadding?: number | undefined;
|
|
152
|
+
returnKeyLabel?: string | undefined;
|
|
153
|
+
underlineColorAndroid?: import("react-native").ColorValue | undefined;
|
|
154
|
+
textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
|
|
155
|
+
showSoftInputOnFocus?: boolean | undefined;
|
|
156
|
+
verticalAlign?: "auto" | "middle" | "top" | "bottom" | undefined;
|
|
157
|
+
} | undefined;
|
|
158
|
+
inputRef?: React.Ref<import("react-native").TextInput> | undefined;
|
|
8
159
|
twClassName?: string | undefined;
|
|
9
160
|
style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
|
|
10
|
-
|
|
161
|
+
testID?: string | undefined;
|
|
162
|
+
} & Omit<import("../index.cjs").BoxProps, "children" | "style" | "testID" | "accessible" | "twClassName" | "onBlur" | "onFocus" | keyof import("@metamask/design-system-shared").TextFieldPropsShared | "inputProps" | "inputRef"> & {
|
|
11
163
|
clearButtonProps?: Partial<import("../ButtonIcon/index.cjs").ButtonIconProps> | undefined;
|
|
12
164
|
onPressClearButton: () => void;
|
|
13
|
-
} & React.RefAttributes<
|
|
165
|
+
} & React.RefAttributes<View>>;
|
|
14
166
|
//# sourceMappingURL=TextFieldSearch.d.cts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextFieldSearch.d.cts","sourceRoot":"","sources":["../../../src/components/TextFieldSearch/TextFieldSearch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkC,cAAc;AACvD,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"TextFieldSearch.d.cts","sourceRoot":"","sources":["../../../src/components/TextFieldSearch/TextFieldSearch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkC,cAAc;AACvD,OAAO,KAAK,EAAE,IAAI,EAAE,8BAAqB;AAQzC,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAwD3B,CAAC"}
|
|
@@ -1,14 +1,166 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import type {
|
|
3
|
-
export declare const TextFieldSearch: React.ForwardRefExoticComponent<
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
import type { View } from "react-native/index.js";
|
|
3
|
+
export declare const TextFieldSearch: React.ForwardRefExoticComponent<import("@metamask/design-system-shared").TextFieldPropsShared & {
|
|
4
|
+
onFocus?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputFocusEventData>) => void) | undefined;
|
|
5
|
+
onBlur?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputFocusEventData>) => void) | undefined;
|
|
6
|
+
inputProps?: {
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
hitSlop?: number | import("react-native").Insets | null | undefined;
|
|
9
|
+
id?: string | undefined;
|
|
10
|
+
needsOffscreenAlphaCompositing?: boolean | undefined;
|
|
11
|
+
onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | undefined;
|
|
12
|
+
pointerEvents?: "box-none" | "none" | "box-only" | "auto" | undefined;
|
|
13
|
+
removeClippedSubviews?: boolean | undefined;
|
|
14
|
+
testID?: string | undefined;
|
|
15
|
+
nativeID?: string | undefined;
|
|
16
|
+
collapsable?: boolean | undefined;
|
|
17
|
+
collapsableChildren?: boolean | undefined;
|
|
18
|
+
renderToHardwareTextureAndroid?: boolean | undefined;
|
|
19
|
+
focusable?: boolean | undefined;
|
|
20
|
+
tabIndex?: 0 | -1 | undefined;
|
|
21
|
+
shouldRasterizeIOS?: boolean | undefined;
|
|
22
|
+
isTVSelectable?: boolean | undefined;
|
|
23
|
+
hasTVPreferredFocus?: boolean | undefined;
|
|
24
|
+
tvParallaxShiftDistanceX?: number | undefined;
|
|
25
|
+
tvParallaxShiftDistanceY?: number | undefined;
|
|
26
|
+
tvParallaxTiltAngle?: number | undefined;
|
|
27
|
+
tvParallaxMagnification?: number | undefined;
|
|
28
|
+
onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
29
|
+
onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
30
|
+
onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
31
|
+
onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
32
|
+
onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
33
|
+
onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
34
|
+
onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
35
|
+
onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
36
|
+
onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
37
|
+
onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
38
|
+
onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
39
|
+
onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | undefined;
|
|
40
|
+
onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
41
|
+
onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
42
|
+
onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
43
|
+
onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
44
|
+
onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
|
|
45
|
+
onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
46
|
+
onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
47
|
+
onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
48
|
+
onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
49
|
+
onPointerMove?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
50
|
+
onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
51
|
+
onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
52
|
+
onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
53
|
+
onPointerDown?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
54
|
+
onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
55
|
+
onPointerUp?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
56
|
+
onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
|
|
57
|
+
accessible?: boolean | undefined;
|
|
58
|
+
accessibilityActions?: readonly Readonly<{
|
|
59
|
+
name: string;
|
|
60
|
+
label?: string | undefined;
|
|
61
|
+
}>[] | undefined;
|
|
62
|
+
accessibilityLabel?: string | undefined;
|
|
63
|
+
'aria-label'?: string | undefined;
|
|
64
|
+
accessibilityRole?: import("react-native").AccessibilityRole | undefined;
|
|
65
|
+
accessibilityState?: import("react-native").AccessibilityState | undefined;
|
|
66
|
+
'aria-busy'?: boolean | undefined;
|
|
67
|
+
'aria-checked'?: boolean | "mixed" | undefined;
|
|
68
|
+
'aria-disabled'?: boolean | undefined;
|
|
69
|
+
'aria-expanded'?: boolean | undefined;
|
|
70
|
+
'aria-selected'?: boolean | undefined;
|
|
71
|
+
accessibilityHint?: string | undefined;
|
|
72
|
+
accessibilityValue?: import("react-native").AccessibilityValue | undefined;
|
|
73
|
+
'aria-valuemax'?: number | undefined;
|
|
74
|
+
'aria-valuemin'?: number | undefined;
|
|
75
|
+
'aria-valuenow'?: number | undefined;
|
|
76
|
+
'aria-valuetext'?: string | undefined;
|
|
77
|
+
onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | undefined;
|
|
78
|
+
importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants" | undefined;
|
|
79
|
+
'aria-hidden'?: boolean | undefined;
|
|
80
|
+
'aria-modal'?: boolean | undefined;
|
|
81
|
+
role?: import("react-native").Role | undefined;
|
|
82
|
+
accessibilityLabelledBy?: string | string[] | undefined;
|
|
83
|
+
'aria-labelledby'?: string | undefined;
|
|
84
|
+
accessibilityLiveRegion?: "none" | "polite" | "assertive" | undefined;
|
|
85
|
+
'aria-live'?: "polite" | "assertive" | "off" | undefined;
|
|
86
|
+
accessibilityElementsHidden?: boolean | undefined;
|
|
87
|
+
accessibilityViewIsModal?: boolean | undefined;
|
|
88
|
+
onAccessibilityEscape?: (() => void) | undefined;
|
|
89
|
+
onAccessibilityTap?: (() => void) | undefined;
|
|
90
|
+
onMagicTap?: (() => void) | undefined;
|
|
91
|
+
accessibilityIgnoresInvertColors?: boolean | undefined;
|
|
92
|
+
accessibilityLanguage?: string | undefined;
|
|
93
|
+
accessibilityShowsLargeContentViewer?: boolean | undefined;
|
|
94
|
+
accessibilityLargeContentTitle?: string | undefined;
|
|
95
|
+
twClassName?: string | undefined;
|
|
96
|
+
onPress?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined;
|
|
97
|
+
onPressIn?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined;
|
|
98
|
+
onPressOut?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").NativeTouchEvent>) => void) | undefined;
|
|
99
|
+
allowFontScaling?: boolean | undefined;
|
|
100
|
+
numberOfLines?: number | undefined;
|
|
101
|
+
maxFontSizeMultiplier?: number | null | undefined;
|
|
102
|
+
lineBreakStrategyIOS?: "none" | "standard" | "hangul-word" | "push-out" | undefined;
|
|
103
|
+
selectionColor?: import("react-native").ColorValue | undefined;
|
|
104
|
+
textBreakStrategy?: "simple" | "highQuality" | "balanced" | undefined;
|
|
105
|
+
rejectResponderTermination?: boolean | null | undefined;
|
|
106
|
+
onChange?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputChangeEventData>) => void) | undefined;
|
|
107
|
+
autoCapitalize?: "none" | "sentences" | "words" | "characters" | undefined;
|
|
108
|
+
autoComplete?: "off" | "name" | "email" | "additional-name" | "address-line1" | "address-line2" | "birthdate-day" | "birthdate-full" | "birthdate-month" | "birthdate-year" | "cc-csc" | "cc-exp" | "cc-exp-day" | "cc-exp-month" | "cc-exp-year" | "cc-number" | "cc-name" | "cc-given-name" | "cc-middle-name" | "cc-family-name" | "cc-type" | "country" | "current-password" | "family-name" | "gender" | "given-name" | "honorific-prefix" | "honorific-suffix" | "name-family" | "name-given" | "name-middle" | "name-middle-initial" | "name-prefix" | "name-suffix" | "new-password" | "nickname" | "one-time-code" | "organization" | "organization-title" | "password" | "password-new" | "postal-address" | "postal-address-country" | "postal-address-extended" | "postal-address-extended-postal-code" | "postal-address-locality" | "postal-address-region" | "postal-code" | "street-address" | "sms-otp" | "tel" | "tel-country-code" | "tel-national" | "tel-device" | "url" | "username" | "username-new" | undefined;
|
|
109
|
+
autoCorrect?: boolean | undefined;
|
|
110
|
+
blurOnSubmit?: boolean | undefined;
|
|
111
|
+
submitBehavior?: import("react-native").SubmitBehavior | undefined;
|
|
112
|
+
caretHidden?: boolean | undefined;
|
|
113
|
+
contextMenuHidden?: boolean | undefined;
|
|
114
|
+
keyboardType?: import("react-native").KeyboardTypeOptions | undefined;
|
|
115
|
+
inputMode?: import("react-native").InputModeOptions | undefined;
|
|
116
|
+
maxLength?: number | undefined;
|
|
117
|
+
multiline?: boolean | undefined;
|
|
118
|
+
onContentSizeChange?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputContentSizeChangeEventData>) => void) | undefined;
|
|
119
|
+
onEndEditing?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputEndEditingEventData>) => void) | undefined;
|
|
120
|
+
onSelectionChange?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputSelectionChangeEventData>) => void) | undefined;
|
|
121
|
+
onSubmitEditing?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputSubmitEditingEventData>) => void) | undefined;
|
|
122
|
+
onScroll?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputScrollEventData>) => void) | undefined;
|
|
123
|
+
onKeyPress?: ((e: import("react-native").NativeSyntheticEvent<import("react-native").TextInputKeyPressEventData>) => void) | undefined;
|
|
124
|
+
readOnly?: boolean | undefined;
|
|
125
|
+
returnKeyType?: import("react-native").ReturnKeyTypeOptions | undefined;
|
|
126
|
+
enterKeyHint?: import("react-native").EnterKeyHintTypeOptions | undefined;
|
|
127
|
+
secureTextEntry?: boolean | undefined;
|
|
128
|
+
selectTextOnFocus?: boolean | undefined;
|
|
129
|
+
selection?: {
|
|
130
|
+
start: number;
|
|
131
|
+
end?: number | undefined;
|
|
132
|
+
} | undefined;
|
|
133
|
+
textAlign?: "center" | "left" | "right" | undefined;
|
|
134
|
+
inputAccessoryViewID?: string | undefined;
|
|
135
|
+
clearButtonMode?: "never" | "while-editing" | "unless-editing" | "always" | undefined;
|
|
136
|
+
clearTextOnFocus?: boolean | undefined;
|
|
137
|
+
dataDetectorTypes?: import("react-native").DataDetectorTypes | import("react-native").DataDetectorTypes[] | undefined;
|
|
138
|
+
enablesReturnKeyAutomatically?: boolean | undefined;
|
|
139
|
+
keyboardAppearance?: "default" | "light" | "dark" | undefined;
|
|
140
|
+
passwordRules?: string | null | undefined;
|
|
141
|
+
selectionState?: import("react-native").DocumentSelectionState | undefined;
|
|
142
|
+
spellCheck?: boolean | undefined;
|
|
143
|
+
textContentType?: "none" | "name" | "nickname" | "password" | "username" | "URL" | "addressCity" | "addressCityAndState" | "addressState" | "countryName" | "creditCardNumber" | "creditCardExpiration" | "creditCardExpirationMonth" | "creditCardExpirationYear" | "creditCardSecurityCode" | "creditCardType" | "creditCardName" | "creditCardGivenName" | "creditCardMiddleName" | "creditCardFamilyName" | "emailAddress" | "familyName" | "fullStreetAddress" | "givenName" | "jobTitle" | "location" | "middleName" | "namePrefix" | "nameSuffix" | "organizationName" | "postalCode" | "streetAddressLine1" | "streetAddressLine2" | "sublocality" | "telephoneNumber" | "newPassword" | "oneTimeCode" | "birthdate" | "birthdateDay" | "birthdateMonth" | "birthdateYear" | undefined;
|
|
144
|
+
scrollEnabled?: boolean | undefined;
|
|
145
|
+
smartInsertDelete?: boolean | undefined;
|
|
146
|
+
cursorColor?: import("react-native").ColorValue | null | undefined;
|
|
147
|
+
selectionHandleColor?: import("react-native").ColorValue | null | undefined;
|
|
148
|
+
importantForAutofill?: "auto" | "yes" | "no" | "noExcludeDescendants" | "yesExcludeDescendants" | undefined;
|
|
149
|
+
disableFullscreenUI?: boolean | undefined;
|
|
150
|
+
inlineImageLeft?: string | undefined;
|
|
151
|
+
inlineImagePadding?: number | undefined;
|
|
152
|
+
returnKeyLabel?: string | undefined;
|
|
153
|
+
underlineColorAndroid?: import("react-native").ColorValue | undefined;
|
|
154
|
+
textAlignVertical?: "auto" | "center" | "top" | "bottom" | undefined;
|
|
155
|
+
showSoftInputOnFocus?: boolean | undefined;
|
|
156
|
+
verticalAlign?: "auto" | "middle" | "top" | "bottom" | undefined;
|
|
157
|
+
} | undefined;
|
|
158
|
+
inputRef?: React.Ref<import("react-native").TextInput> | undefined;
|
|
8
159
|
twClassName?: string | undefined;
|
|
9
160
|
style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
|
|
10
|
-
|
|
161
|
+
testID?: string | undefined;
|
|
162
|
+
} & Omit<import("../index.mjs").BoxProps, "children" | "style" | "testID" | "accessible" | "twClassName" | "onBlur" | "onFocus" | keyof import("@metamask/design-system-shared").TextFieldPropsShared | "inputProps" | "inputRef"> & {
|
|
11
163
|
clearButtonProps?: Partial<import("../ButtonIcon/index.mjs").ButtonIconProps> | undefined;
|
|
12
164
|
onPressClearButton: () => void;
|
|
13
|
-
} & React.RefAttributes<
|
|
165
|
+
} & React.RefAttributes<View>>;
|
|
14
166
|
//# sourceMappingURL=TextFieldSearch.d.mts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextFieldSearch.d.mts","sourceRoot":"","sources":["../../../src/components/TextFieldSearch/TextFieldSearch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkC,cAAc;AACvD,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"TextFieldSearch.d.mts","sourceRoot":"","sources":["../../../src/components/TextFieldSearch/TextFieldSearch.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkC,cAAc;AACvD,OAAO,KAAK,EAAE,IAAI,EAAE,8BAAqB;AAQzC,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8BAwD3B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextFieldSearch.mjs","sourceRoot":"","sources":["../../../src/components/TextFieldSearch/TextFieldSearch.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,6CAA6C;AACnE,OAAO,QAAO,EAAE,UAAU,EAAE,WAAW,EAAE,cAAc;;AAGvD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,gCAAsB;AAC3D,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,0BAAgB;AAC9D,OAAO,EAAE,SAAS,EAAE,+BAAqB;AAIzC,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACvC,CACE,EACE,kBAAkB,EAClB,gBAAgB,EAChB,KAAK,EACL,KAAK,EACL,cAAc,EACd,YAAY,EACZ,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IACzB,MAAM,cAAc,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAEhD,MAAM,UAAU,GAAG,CACjB,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CACtB,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAClB,KAAK,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,EACjC,CACH,CAAC;IAEF,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,kBAAkB,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,MAAM,WAAW,GAAG,CAClB,CAAC,UAAU,CACT,IAAI,CAAC,CAAC,cAAc,CAAC,EAAE,CAAC,CACxB,QAAQ,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAC3B,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,eAAe,EAAE,CAAC,CAChD,OAAO,CAAC,CAAC,kBAAkB,CAAC,CAC5B,IAAI,gBAAgB,CAAC,EACrB,CACH,CAAC;IAEF,OAAO,CACL,CAAC,SAAS,CACR,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,cAAc,CAAC,CACb,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,CAC3D,CACD,YAAY,CAAC,CACX,YAAY,KAAK,SAAS;YACxB,CAAC,CAAC,YAAY;YACd,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,WAAW,CAClC,CACD,MAAM,CAAC,iBAAiB,CACxB,KAAK,CAAC,CAAC,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,EAC/B,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC","sourcesContent":["import { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React, { forwardRef, useCallback } from 'react';\nimport type {
|
|
1
|
+
{"version":3,"file":"TextFieldSearch.mjs","sourceRoot":"","sources":["../../../src/components/TextFieldSearch/TextFieldSearch.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,6CAA6C;AACnE,OAAO,QAAO,EAAE,UAAU,EAAE,WAAW,EAAE,cAAc;;AAGvD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,gCAAsB;AAC3D,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,0BAAgB;AAC9D,OAAO,EAAE,SAAS,EAAE,+BAAqB;AAIzC,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACvC,CACE,EACE,kBAAkB,EAClB,gBAAgB,EAChB,KAAK,EACL,KAAK,EACL,cAAc,EACd,YAAY,EACZ,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,EAAE,GAAG,WAAW,EAAE,CAAC;IACzB,MAAM,cAAc,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAEhD,MAAM,UAAU,GAAG,CACjB,CAAC,IAAI,CACH,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CACtB,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAClB,KAAK,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,EACjC,CACH,CAAC;IAEF,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,kBAAkB,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,MAAM,WAAW,GAAG,CAClB,CAAC,UAAU,CACT,IAAI,CAAC,CAAC,cAAc,CAAC,EAAE,CAAC,CACxB,QAAQ,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAC3B,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,eAAe,EAAE,CAAC,CAChD,OAAO,CAAC,CAAC,kBAAkB,CAAC,CAC5B,IAAI,gBAAgB,CAAC,EACrB,CACH,CAAC;IAEF,OAAO,CACL,CAAC,SAAS,CACR,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,cAAc,CAAC,CACb,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,UAAU,CAC3D,CACD,YAAY,CAAC,CACX,YAAY,KAAK,SAAS;YACxB,CAAC,CAAC,YAAY;YACd,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,WAAW,CAClC,CACD,MAAM,CAAC,iBAAiB,CACxB,KAAK,CAAC,CAAC,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,EAC/B,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC","sourcesContent":["import { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React, { forwardRef, useCallback } from 'react';\nimport type { View } from 'react-native';\n\nimport { ButtonIcon, ButtonIconSize } from '../ButtonIcon';\nimport { Icon, IconColor, IconName, IconSize } from '../Icon';\nimport { TextField } from '../TextField';\n\nimport type { TextFieldSearchProps } from './TextFieldSearch.types';\n\nexport const TextFieldSearch = forwardRef<View, TextFieldSearchProps>(\n (\n {\n onPressClearButton,\n clearButtonProps,\n value,\n style,\n startAccessory,\n endAccessory,\n ...props\n },\n ref,\n ) => {\n const tw = useTailwind();\n const containerStyle = tw.style('rounded-full');\n\n const searchIcon = (\n <Icon\n name={IconName.Search}\n size={IconSize.Md}\n color={IconColor.IconAlternative}\n />\n );\n\n const clearButtonHandler = useCallback(() => {\n onPressClearButton();\n }, [onPressClearButton]);\n\n const clearButton = (\n <ButtonIcon\n size={ButtonIconSize.Md}\n iconName={IconName.CircleX}\n iconProps={{ color: IconColor.IconAlternative }}\n onPress={clearButtonHandler}\n {...clearButtonProps}\n />\n );\n\n return (\n <TextField\n ref={ref}\n {...props}\n value={value}\n startAccessory={\n startAccessory !== undefined ? startAccessory : searchIcon\n }\n endAccessory={\n endAccessory !== undefined\n ? endAccessory\n : Boolean(value) && clearButton\n }\n testID=\"textfieldsearch\"\n style={[containerStyle, style]}\n />\n );\n },\n);\n\nTextFieldSearch.displayName = 'TextFieldSearch';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.types.cjs","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"Toast.types.cjs","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":";;;AAcA;;GAEG;AACH,IAAY,YAMX;AAND,WAAY,YAAY;IACtB,+BAAe,CAAA;IACf,mCAAmB,CAAA;IACnB,mCAAmB,CAAA;IACnB,2BAAW,CAAA;IACX,6BAAa,CAAA;AACf,CAAC,EANW,YAAY,4BAAZ,YAAY,QAMvB;AA4CD,IAAY,uBAEX;AAFD,WAAY,uBAAuB;IACjC,wCAAa,CAAA;AACf,CAAC,EAFW,uBAAuB,uCAAvB,uBAAuB,QAElC","sourcesContent":["// Third party dependencies.\nimport type {\n AvatarIconSeverity,\n IconName,\n} from '@metamask/design-system-shared';\nimport type { ReactElement } from 'react';\nimport type { ViewProps } from 'react-native';\n\n// External Dependencies.\nimport type { AvatarAccountVariant } from '../AvatarAccount';\nimport type { ButtonProps } from '../Button';\nimport type { ButtonIconProps } from '../ButtonIcon';\nimport type { ImageOrSvgSrc } from '../temp-components/ImageOrSvg';\n\n/**\n * Toast variants.\n */\nexport enum ToastVariant {\n Plain = 'Plain',\n Account = 'Account',\n Network = 'Network',\n App = 'App',\n Icon = 'Icon',\n}\n\n/**\n * Options for the main text in the toast.\n */\nexport type ToastLabelOptions = {\n label: string;\n isBold?: boolean;\n}[];\n\n/**\n * Options for the description text in the toast.\n */\nexport type ToastDescriptionOptions = {\n description: string;\n};\n\n/**\n * Options for displaying a Link in the toast.\n */\nexport type ToastLinkButtonOptions = {\n label: string;\n onPress: () => void;\n};\n\n/**\n * Common toast option shared between all other options.\n */\ntype BaseToastVariants = {\n hasNoTimeout: boolean;\n labelOptions: ToastLabelOptions;\n descriptionOptions?: ToastDescriptionOptions;\n linkButtonOptions?: ToastLinkButtonOptions;\n closeButtonOptions?: ToastCloseButtonOptions;\n startAccessory?: ReactElement;\n bottomOffset?: number;\n};\n\nexport type ToastCloseButtonIconOptions = Omit<ButtonIconProps, 'variant'> & {\n variant: ToastCloseButtonVariant;\n};\n\nexport type ToastCloseButtonOptions = ButtonProps | ToastCloseButtonIconOptions;\n\nexport enum ToastCloseButtonVariant {\n Icon = 'Icon',\n}\n\n/**\n * Plain toast option.\n */\ntype PlainToastOption = {\n variant: ToastVariant.Plain;\n} & BaseToastVariants;\n\n/**\n * Account toast option.\n */\ntype AccountToastOption = {\n variant: ToastVariant.Account;\n accountAddress: string;\n accountAvatarType: AvatarAccountVariant;\n} & BaseToastVariants;\n\n/**\n * Network toast option.\n */\ntype NetworkToastOption = {\n variant: ToastVariant.Network;\n networkName?: string;\n networkImageSource: ImageOrSvgSrc;\n} & BaseToastVariants;\n\n/**\n * App toast option.\n */\ntype AppToastOption = {\n variant: ToastVariant.App;\n appIconSource: ImageOrSvgSrc;\n} & BaseToastVariants;\n\ntype IconToastOption = {\n variant: ToastVariant.Icon;\n iconName: IconName;\n severity?: AvatarIconSeverity;\n} & BaseToastVariants;\n\n/**\n * Different toast options combined in a union type.\n */\nexport type ToastOptions =\n | PlainToastOption\n | AccountToastOption\n | NetworkToastOption\n | AppToastOption\n | IconToastOption;\n\n/**\n * Toast component reference.\n */\nexport type ToastRef = {\n showToast: (toastOptions: ToastOptions) => void;\n closeToast: () => void;\n};\n\n/**\n * Toast component props.\n * Extends ViewProps to inherit standard React Native props such as testID and accessibilityLabel.\n */\nexport type ToastProps = {\n /**\n * Optional Tailwind CSS classes for the toast container.\n */\n twClassName?: string;\n /**\n * Props spread to the labels container View (e.g., testID for testing).\n */\n labelsContainerProps?: Omit<ViewProps, 'children' | 'style'>;\n} & Omit<ViewProps, 'style'>;\n\n/**\n * Toast context parameters.\n */\nexport type ToastContextParams = {\n toastRef: React.RefObject<ToastRef> | undefined;\n};\n"]}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
+
import type { AvatarIconSeverity, IconName } from "@metamask/design-system-shared";
|
|
1
2
|
import type { ReactElement } from "react";
|
|
2
3
|
import type { ViewProps } from "react-native/index.js";
|
|
3
|
-
import type { AvatarIconSeverity } from "../../types/index.cjs";
|
|
4
4
|
import type { AvatarAccountVariant } from "../AvatarAccount/index.cjs";
|
|
5
5
|
import type { ButtonProps } from "../Button/index.cjs";
|
|
6
6
|
import type { ButtonIconProps } from "../ButtonIcon/index.cjs";
|
|
7
|
-
import type { IconName } from "../Icon/index.cjs";
|
|
8
7
|
import type { ImageOrSvgSrc } from "../temp-components/ImageOrSvg/index.cjs";
|
|
9
8
|
/**
|
|
10
9
|
* Toast variants.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.types.d.cts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Toast.types.d.cts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
+
import type { AvatarIconSeverity, IconName } from "@metamask/design-system-shared";
|
|
1
2
|
import type { ReactElement } from "react";
|
|
2
3
|
import type { ViewProps } from "react-native/index.js";
|
|
3
|
-
import type { AvatarIconSeverity } from "../../types/index.mjs";
|
|
4
4
|
import type { AvatarAccountVariant } from "../AvatarAccount/index.mjs";
|
|
5
5
|
import type { ButtonProps } from "../Button/index.mjs";
|
|
6
6
|
import type { ButtonIconProps } from "../ButtonIcon/index.mjs";
|
|
7
|
-
import type { IconName } from "../Icon/index.mjs";
|
|
8
7
|
import type { ImageOrSvgSrc } from "../temp-components/ImageOrSvg/index.mjs";
|
|
9
8
|
/**
|
|
10
9
|
* Toast variants.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.types.d.mts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Toast.types.d.mts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.types.mjs","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Toast.types.mjs","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AAcA;;GAEG;AACH,MAAM,CAAN,IAAY,YAMX;AAND,WAAY,YAAY;IACtB,+BAAe,CAAA;IACf,mCAAmB,CAAA;IACnB,mCAAmB,CAAA;IACnB,2BAAW,CAAA;IACX,6BAAa,CAAA;AACf,CAAC,EANW,YAAY,KAAZ,YAAY,QAMvB;AA4CD,MAAM,CAAN,IAAY,uBAEX;AAFD,WAAY,uBAAuB;IACjC,wCAAa,CAAA;AACf,CAAC,EAFW,uBAAuB,KAAvB,uBAAuB,QAElC","sourcesContent":["// Third party dependencies.\nimport type {\n AvatarIconSeverity,\n IconName,\n} from '@metamask/design-system-shared';\nimport type { ReactElement } from 'react';\nimport type { ViewProps } from 'react-native';\n\n// External Dependencies.\nimport type { AvatarAccountVariant } from '../AvatarAccount';\nimport type { ButtonProps } from '../Button';\nimport type { ButtonIconProps } from '../ButtonIcon';\nimport type { ImageOrSvgSrc } from '../temp-components/ImageOrSvg';\n\n/**\n * Toast variants.\n */\nexport enum ToastVariant {\n Plain = 'Plain',\n Account = 'Account',\n Network = 'Network',\n App = 'App',\n Icon = 'Icon',\n}\n\n/**\n * Options for the main text in the toast.\n */\nexport type ToastLabelOptions = {\n label: string;\n isBold?: boolean;\n}[];\n\n/**\n * Options for the description text in the toast.\n */\nexport type ToastDescriptionOptions = {\n description: string;\n};\n\n/**\n * Options for displaying a Link in the toast.\n */\nexport type ToastLinkButtonOptions = {\n label: string;\n onPress: () => void;\n};\n\n/**\n * Common toast option shared between all other options.\n */\ntype BaseToastVariants = {\n hasNoTimeout: boolean;\n labelOptions: ToastLabelOptions;\n descriptionOptions?: ToastDescriptionOptions;\n linkButtonOptions?: ToastLinkButtonOptions;\n closeButtonOptions?: ToastCloseButtonOptions;\n startAccessory?: ReactElement;\n bottomOffset?: number;\n};\n\nexport type ToastCloseButtonIconOptions = Omit<ButtonIconProps, 'variant'> & {\n variant: ToastCloseButtonVariant;\n};\n\nexport type ToastCloseButtonOptions = ButtonProps | ToastCloseButtonIconOptions;\n\nexport enum ToastCloseButtonVariant {\n Icon = 'Icon',\n}\n\n/**\n * Plain toast option.\n */\ntype PlainToastOption = {\n variant: ToastVariant.Plain;\n} & BaseToastVariants;\n\n/**\n * Account toast option.\n */\ntype AccountToastOption = {\n variant: ToastVariant.Account;\n accountAddress: string;\n accountAvatarType: AvatarAccountVariant;\n} & BaseToastVariants;\n\n/**\n * Network toast option.\n */\ntype NetworkToastOption = {\n variant: ToastVariant.Network;\n networkName?: string;\n networkImageSource: ImageOrSvgSrc;\n} & BaseToastVariants;\n\n/**\n * App toast option.\n */\ntype AppToastOption = {\n variant: ToastVariant.App;\n appIconSource: ImageOrSvgSrc;\n} & BaseToastVariants;\n\ntype IconToastOption = {\n variant: ToastVariant.Icon;\n iconName: IconName;\n severity?: AvatarIconSeverity;\n} & BaseToastVariants;\n\n/**\n * Different toast options combined in a union type.\n */\nexport type ToastOptions =\n | PlainToastOption\n | AccountToastOption\n | NetworkToastOption\n | AppToastOption\n | IconToastOption;\n\n/**\n * Toast component reference.\n */\nexport type ToastRef = {\n showToast: (toastOptions: ToastOptions) => void;\n closeToast: () => void;\n};\n\n/**\n * Toast component props.\n * Extends ViewProps to inherit standard React Native props such as testID and accessibilityLabel.\n */\nexport type ToastProps = {\n /**\n * Optional Tailwind CSS classes for the toast container.\n */\n twClassName?: string;\n /**\n * Props spread to the labels container View (e.g., testID for testing).\n */\n labelsContainerProps?: Omit<ViewProps, 'children' | 'style'>;\n} & Omit<ViewProps, 'style'>;\n\n/**\n * Toast context parameters.\n */\nexport type ToastContextParams = {\n toastRef: React.RefObject<ToastRef> | undefined;\n};\n"]}
|
package/dist/types/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.AvatarGroupVariant = exports.AvatarSize = exports.AvatarNetworkSize = exports.AvatarGroupSize = exports.IconSize = exports.IconName = exports.IconColor = exports.AvatarBaseShape = exports.AvatarBaseSize = void 0;
|
|
4
4
|
var design_system_shared_1 = require("@metamask/design-system-shared");
|
|
5
5
|
Object.defineProperty(exports, "AvatarBaseSize", { enumerable: true, get: function () { return design_system_shared_1.AvatarBaseSize; } });
|
|
6
6
|
Object.defineProperty(exports, "AvatarBaseShape", { enumerable: true, get: function () { return design_system_shared_1.AvatarBaseShape; } });
|
|
@@ -14,11 +14,9 @@ Object.defineProperty(exports, "IconSize", { enumerable: true, get: function ()
|
|
|
14
14
|
var design_system_shared_3 = require("@metamask/design-system-shared");
|
|
15
15
|
Object.defineProperty(exports, "AvatarGroupSize", { enumerable: true, get: function () { return design_system_shared_3.AvatarBaseSize; } });
|
|
16
16
|
var design_system_shared_4 = require("@metamask/design-system-shared");
|
|
17
|
-
Object.defineProperty(exports, "
|
|
17
|
+
Object.defineProperty(exports, "AvatarNetworkSize", { enumerable: true, get: function () { return design_system_shared_4.AvatarBaseSize; } });
|
|
18
18
|
var design_system_shared_5 = require("@metamask/design-system-shared");
|
|
19
|
-
Object.defineProperty(exports, "
|
|
20
|
-
var design_system_shared_6 = require("@metamask/design-system-shared");
|
|
21
|
-
Object.defineProperty(exports, "AvatarSize", { enumerable: true, get: function () { return design_system_shared_6.AvatarBaseSize; } });
|
|
19
|
+
Object.defineProperty(exports, "AvatarSize", { enumerable: true, get: function () { return design_system_shared_5.AvatarBaseSize; } });
|
|
22
20
|
/**
|
|
23
21
|
* AvatarGroup - variant
|
|
24
22
|
*/
|
|
@@ -29,70 +27,4 @@ var AvatarGroupVariant;
|
|
|
29
27
|
AvatarGroupVariant["Network"] = "network";
|
|
30
28
|
AvatarGroupVariant["Token"] = "token";
|
|
31
29
|
})(AvatarGroupVariant || (exports.AvatarGroupVariant = AvatarGroupVariant = {}));
|
|
32
|
-
/**
|
|
33
|
-
* AvatarIcon - severity
|
|
34
|
-
*/
|
|
35
|
-
var AvatarIconSeverity;
|
|
36
|
-
(function (AvatarIconSeverity) {
|
|
37
|
-
AvatarIconSeverity["Neutral"] = "neutral";
|
|
38
|
-
AvatarIconSeverity["Info"] = "info";
|
|
39
|
-
AvatarIconSeverity["Success"] = "success";
|
|
40
|
-
// eslint-disable-next-line @typescript-eslint/no-shadow
|
|
41
|
-
AvatarIconSeverity["Error"] = "error";
|
|
42
|
-
AvatarIconSeverity["Warning"] = "warning";
|
|
43
|
-
})(AvatarIconSeverity || (exports.AvatarIconSeverity = AvatarIconSeverity = {}));
|
|
44
|
-
/**
|
|
45
|
-
* ButtonBase - size
|
|
46
|
-
*/
|
|
47
|
-
var ButtonBaseSize;
|
|
48
|
-
(function (ButtonBaseSize) {
|
|
49
|
-
/**
|
|
50
|
-
* Represents a small button size (32px).
|
|
51
|
-
*/
|
|
52
|
-
ButtonBaseSize["Sm"] = "sm";
|
|
53
|
-
/**
|
|
54
|
-
* Represents a medium button size (40px).
|
|
55
|
-
*/
|
|
56
|
-
ButtonBaseSize["Md"] = "md";
|
|
57
|
-
/**
|
|
58
|
-
* Represents a large button size (48px).
|
|
59
|
-
*/
|
|
60
|
-
ButtonBaseSize["Lg"] = "lg";
|
|
61
|
-
})(ButtonBaseSize || (exports.ButtonHeroSize = exports.ButtonTertiarySize = exports.ButtonSecondarySize = exports.ButtonPrimarySize = exports.ButtonSize = exports.ButtonBaseSize = ButtonBaseSize = {}));
|
|
62
|
-
/**
|
|
63
|
-
* Button - variant
|
|
64
|
-
*/
|
|
65
|
-
var ButtonVariant;
|
|
66
|
-
(function (ButtonVariant) {
|
|
67
|
-
ButtonVariant["Primary"] = "primary";
|
|
68
|
-
ButtonVariant["Secondary"] = "secondary";
|
|
69
|
-
ButtonVariant["Tertiary"] = "tertiary";
|
|
70
|
-
})(ButtonVariant || (exports.ButtonVariant = ButtonVariant = {}));
|
|
71
|
-
/**
|
|
72
|
-
* ButtonIcon - size
|
|
73
|
-
*/
|
|
74
|
-
var ButtonIconSize;
|
|
75
|
-
(function (ButtonIconSize) {
|
|
76
|
-
/**
|
|
77
|
-
* Represents a small button size (24px).
|
|
78
|
-
*/
|
|
79
|
-
ButtonIconSize["Sm"] = "sm";
|
|
80
|
-
/**
|
|
81
|
-
* Represents a medium button size (32px).
|
|
82
|
-
*/
|
|
83
|
-
ButtonIconSize["Md"] = "md";
|
|
84
|
-
/**
|
|
85
|
-
* Represents a large button size (40px).
|
|
86
|
-
*/
|
|
87
|
-
ButtonIconSize["Lg"] = "lg";
|
|
88
|
-
})(ButtonIconSize || (exports.ButtonIconSize = ButtonIconSize = {}));
|
|
89
|
-
/**
|
|
90
|
-
* ButtonIcon - variant
|
|
91
|
-
*/
|
|
92
|
-
var ButtonIconVariant;
|
|
93
|
-
(function (ButtonIconVariant) {
|
|
94
|
-
ButtonIconVariant["Default"] = "default";
|
|
95
|
-
ButtonIconVariant["Filled"] = "filled";
|
|
96
|
-
ButtonIconVariant["Floating"] = "floating";
|
|
97
|
-
})(ButtonIconVariant || (exports.ButtonIconVariant = ButtonIconVariant = {}));
|
|
98
30
|
//# sourceMappingURL=index.cjs.map
|
package/dist/types/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":";;;AAAA,uEAGwC;AAFtC,sHAAA,cAAc,OAAA;AACd,uHAAA,eAAe,OAAA;AAEjB;;GAEG;AACH,uEAA+E;AAAtE,iHAAA,SAAS,OAAA;AAAE,gHAAA,QAAQ,OAAA;AAAE,gHAAA,QAAQ,OAAA;AACtC,uEAAmF;AAA1E,uHAAA,cAAc,OAAmB;AAC1C,
|
|
1
|
+
{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":";;;AAAA,uEAGwC;AAFtC,sHAAA,cAAc,OAAA;AACd,uHAAA,eAAe,OAAA;AAEjB;;GAEG;AACH,uEAA+E;AAAtE,iHAAA,SAAS,OAAA;AAAE,gHAAA,QAAQ,OAAA;AAAE,gHAAA,QAAQ,OAAA;AACtC,uEAAmF;AAA1E,uHAAA,cAAc,OAAmB;AAC1C,uEAAqF;AAA5E,yHAAA,cAAc,OAAqB;AAC5C,uEAA8E;AAArE,kHAAA,cAAc,OAAc;AAErC;;GAEG;AACH,IAAY,kBAKX;AALD,WAAY,kBAAkB;IAC5B,yCAAmB,CAAA;IACnB,yCAAmB,CAAA;IACnB,yCAAmB,CAAA;IACnB,qCAAe,CAAA;AACjB,CAAC,EALW,kBAAkB,kCAAlB,kBAAkB,QAK7B","sourcesContent":["export {\n AvatarBaseSize,\n AvatarBaseShape,\n} from '@metamask/design-system-shared';\n/**\n * TODO: Remove the following exports and update imports in components to import directly from `@metamask/design-system-shared` once all components have been migrated to React Native.\n */\nexport { IconColor, IconName, IconSize } from '@metamask/design-system-shared';\nexport { AvatarBaseSize as AvatarGroupSize } from '@metamask/design-system-shared';\nexport { AvatarBaseSize as AvatarNetworkSize } from '@metamask/design-system-shared';\nexport { AvatarBaseSize as AvatarSize } from '@metamask/design-system-shared';\n\n/**\n * AvatarGroup - variant\n */\nexport enum AvatarGroupVariant {\n Account = 'account',\n Favicon = 'favicon',\n Network = 'network',\n Token = 'token',\n}\n"]}
|