@medway-ui/native 1.6.0 → 1.7.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/README.md +27 -2
- package/lib/commonjs/components/Alert.js +3 -1
- package/lib/commonjs/components/Alert.js.map +1 -1
- package/lib/commonjs/components/AlertDialog.js +5 -2
- package/lib/commonjs/components/AlertDialog.js.map +1 -1
- package/lib/commonjs/components/Badge.js +37 -2
- package/lib/commonjs/components/Badge.js.map +1 -1
- package/lib/commonjs/components/Button.js +32 -1
- package/lib/commonjs/components/Button.js.map +1 -1
- package/lib/commonjs/components/Carousel.js +12 -2
- package/lib/commonjs/components/Carousel.js.map +1 -1
- package/lib/commonjs/components/Checkbox.js +2 -0
- package/lib/commonjs/components/Checkbox.js.map +1 -1
- package/lib/commonjs/components/Chip.js +208 -0
- package/lib/commonjs/components/Chip.js.map +1 -0
- package/lib/commonjs/components/Choice.js +116 -0
- package/lib/commonjs/components/Choice.js.map +1 -0
- package/lib/commonjs/components/Dialog.js +27 -16
- package/lib/commonjs/components/Dialog.js.map +1 -1
- package/lib/commonjs/components/DropdownMenu.js +73 -57
- package/lib/commonjs/components/DropdownMenu.js.map +1 -1
- package/lib/commonjs/components/EmptyState.js +9 -2
- package/lib/commonjs/components/EmptyState.js.map +1 -1
- package/lib/commonjs/components/Feed.js +7 -3
- package/lib/commonjs/components/Feed.js.map +1 -1
- package/lib/commonjs/components/Feedback.js +77 -0
- package/lib/commonjs/components/Feedback.js.map +1 -0
- package/lib/commonjs/components/Filter.js +93 -0
- package/lib/commonjs/components/Filter.js.map +1 -0
- package/lib/commonjs/components/IndexLevel.js +4 -3
- package/lib/commonjs/components/IndexLevel.js.map +1 -1
- package/lib/commonjs/components/Input.js +149 -45
- package/lib/commonjs/components/Input.js.map +1 -1
- package/lib/commonjs/components/InvitePopover.js +4 -1
- package/lib/commonjs/components/InvitePopover.js.map +1 -1
- package/lib/commonjs/components/MemberRow.js +3 -4
- package/lib/commonjs/components/MemberRow.js.map +1 -1
- package/lib/commonjs/components/PostForm.js +18 -8
- package/lib/commonjs/components/PostForm.js.map +1 -1
- package/lib/commonjs/components/PrizeCollection.js +1 -1
- package/lib/commonjs/components/RadioGroup.js +7 -0
- package/lib/commonjs/components/RadioGroup.js.map +1 -1
- package/lib/commonjs/components/Select.js +1 -1
- package/lib/commonjs/components/Sheet.js +4 -1
- package/lib/commonjs/components/Sheet.js.map +1 -1
- package/lib/commonjs/components/Skeleton.js +55 -4
- package/lib/commonjs/components/Skeleton.js.map +1 -1
- package/lib/commonjs/components/Switch.js +2 -0
- package/lib/commonjs/components/Switch.js.map +1 -1
- package/lib/commonjs/components/Tabs.js +2 -0
- package/lib/commonjs/components/Tabs.js.map +1 -1
- package/lib/commonjs/components/Toast.js +355 -79
- package/lib/commonjs/components/Toast.js.map +1 -1
- package/lib/commonjs/editor/NoteEditor.js +36 -11
- package/lib/commonjs/editor/NoteEditor.js.map +1 -1
- package/lib/commonjs/editor/editorHtml.generated.js +1 -1
- package/lib/commonjs/editor/editorHtml.generated.js.map +1 -1
- package/lib/commonjs/hooks/useThemeColor.js +693 -65
- package/lib/commonjs/hooks/useThemeColor.js.map +1 -1
- package/lib/commonjs/hooks/useTrackedText.js +21 -0
- package/lib/commonjs/hooks/useTrackedText.js.map +1 -0
- package/lib/commonjs/index.js +46 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/lib/optional-deps.js +20 -0
- package/lib/commonjs/lib/optional-deps.js.map +1 -0
- package/lib/commonjs/lib/touch-target.js +19 -0
- package/lib/commonjs/lib/touch-target.js.map +1 -0
- package/lib/module/components/Alert.js +3 -1
- package/lib/module/components/Alert.js.map +1 -1
- package/lib/module/components/AlertDialog.js +5 -2
- package/lib/module/components/AlertDialog.js.map +1 -1
- package/lib/module/components/Badge.js +36 -2
- package/lib/module/components/Badge.js.map +1 -1
- package/lib/module/components/Button.js +32 -1
- package/lib/module/components/Button.js.map +1 -1
- package/lib/module/components/Carousel.js +12 -2
- package/lib/module/components/Carousel.js.map +1 -1
- package/lib/module/components/Checkbox.js +2 -0
- package/lib/module/components/Checkbox.js.map +1 -1
- package/lib/module/components/Chip.js +204 -0
- package/lib/module/components/Chip.js.map +1 -0
- package/lib/module/components/Choice.js +112 -0
- package/lib/module/components/Choice.js.map +1 -0
- package/lib/module/components/Dialog.js +28 -17
- package/lib/module/components/Dialog.js.map +1 -1
- package/lib/module/components/DropdownMenu.js +74 -58
- package/lib/module/components/DropdownMenu.js.map +1 -1
- package/lib/module/components/EmptyState.js +9 -2
- package/lib/module/components/EmptyState.js.map +1 -1
- package/lib/module/components/Feed.js +7 -3
- package/lib/module/components/Feed.js.map +1 -1
- package/lib/module/components/Feedback.js +74 -0
- package/lib/module/components/Feedback.js.map +1 -0
- package/lib/module/components/Filter.js +89 -0
- package/lib/module/components/Filter.js.map +1 -0
- package/lib/module/components/IndexLevel.js +4 -3
- package/lib/module/components/IndexLevel.js.map +1 -1
- package/lib/module/components/Input.js +149 -45
- package/lib/module/components/Input.js.map +1 -1
- package/lib/module/components/InvitePopover.js +4 -1
- package/lib/module/components/InvitePopover.js.map +1 -1
- package/lib/module/components/MemberRow.js +3 -4
- package/lib/module/components/MemberRow.js.map +1 -1
- package/lib/module/components/PostForm.js +18 -8
- package/lib/module/components/PostForm.js.map +1 -1
- package/lib/module/components/PrizeCollection.js +1 -1
- package/lib/module/components/RadioGroup.js +7 -0
- package/lib/module/components/RadioGroup.js.map +1 -1
- package/lib/module/components/Select.js +1 -1
- package/lib/module/components/Sheet.js +4 -1
- package/lib/module/components/Sheet.js.map +1 -1
- package/lib/module/components/Skeleton.js +56 -5
- package/lib/module/components/Skeleton.js.map +1 -1
- package/lib/module/components/Switch.js +2 -0
- package/lib/module/components/Switch.js.map +1 -1
- package/lib/module/components/Tabs.js +2 -0
- package/lib/module/components/Tabs.js.map +1 -1
- package/lib/module/components/Toast.js +360 -84
- package/lib/module/components/Toast.js.map +1 -1
- package/lib/module/editor/NoteEditor.js +36 -11
- package/lib/module/editor/NoteEditor.js.map +1 -1
- package/lib/module/editor/editorHtml.generated.js +1 -1
- package/lib/module/editor/editorHtml.generated.js.map +1 -1
- package/lib/module/hooks/useThemeColor.js +693 -65
- package/lib/module/hooks/useThemeColor.js.map +1 -1
- package/lib/module/hooks/useTrackedText.js +18 -0
- package/lib/module/hooks/useTrackedText.js.map +1 -0
- package/lib/module/index.js +8 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/lib/optional-deps.js +16 -0
- package/lib/module/lib/optional-deps.js.map +1 -0
- package/lib/module/lib/touch-target.js +15 -0
- package/lib/module/lib/touch-target.js.map +1 -0
- package/lib/typescript/components/Alert.d.ts.map +1 -1
- package/lib/typescript/components/AlertDialog.d.ts.map +1 -1
- package/lib/typescript/components/Badge.d.ts +1 -1
- package/lib/typescript/components/Badge.d.ts.map +1 -1
- package/lib/typescript/components/Button.d.ts.map +1 -1
- package/lib/typescript/components/Carousel.d.ts +1 -1
- package/lib/typescript/components/Carousel.d.ts.map +1 -1
- package/lib/typescript/components/Checkbox.d.ts.map +1 -1
- package/lib/typescript/components/Chip.d.ts +30 -0
- package/lib/typescript/components/Chip.d.ts.map +1 -0
- package/lib/typescript/components/Choice.d.ts +17 -0
- package/lib/typescript/components/Choice.d.ts.map +1 -0
- package/lib/typescript/components/Dialog.d.ts.map +1 -1
- package/lib/typescript/components/DropdownMenu.d.ts +0 -7
- package/lib/typescript/components/DropdownMenu.d.ts.map +1 -1
- package/lib/typescript/components/EmptyState.d.ts +3 -2
- package/lib/typescript/components/EmptyState.d.ts.map +1 -1
- package/lib/typescript/components/Feed.d.ts.map +1 -1
- package/lib/typescript/components/Feedback.d.ts +17 -0
- package/lib/typescript/components/Feedback.d.ts.map +1 -0
- package/lib/typescript/components/Filter.d.ts +17 -0
- package/lib/typescript/components/Filter.d.ts.map +1 -0
- package/lib/typescript/components/IndexLevel.d.ts.map +1 -1
- package/lib/typescript/components/Input.d.ts +3 -3
- package/lib/typescript/components/Input.d.ts.map +1 -1
- package/lib/typescript/components/InvitePopover.d.ts.map +1 -1
- package/lib/typescript/components/MemberRow.d.ts.map +1 -1
- package/lib/typescript/components/PostForm.d.ts.map +1 -1
- package/lib/typescript/components/RadioGroup.d.ts.map +1 -1
- package/lib/typescript/components/Sheet.d.ts.map +1 -1
- package/lib/typescript/components/Skeleton.d.ts +1 -1
- package/lib/typescript/components/Skeleton.d.ts.map +1 -1
- package/lib/typescript/components/Switch.d.ts.map +1 -1
- package/lib/typescript/components/Tabs.d.ts.map +1 -1
- package/lib/typescript/components/Tag.d.ts +2 -2
- package/lib/typescript/components/ThemedIcon.d.ts +1 -1
- package/lib/typescript/components/ThemedIcon.d.ts.map +1 -1
- package/lib/typescript/components/Toast.d.ts +24 -13
- package/lib/typescript/components/Toast.d.ts.map +1 -1
- package/lib/typescript/editor/NoteEditor.d.ts.map +1 -1
- package/lib/typescript/editor/editorHtml.generated.d.ts.map +1 -1
- package/lib/typescript/hooks/useThemeColor.d.ts +0 -10
- package/lib/typescript/hooks/useThemeColor.d.ts.map +1 -1
- package/lib/typescript/hooks/useTrackedText.d.ts +6 -0
- package/lib/typescript/hooks/useTrackedText.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +9 -1
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/lib/optional-deps.d.ts +23 -0
- package/lib/typescript/lib/optional-deps.d.ts.map +1 -0
- package/lib/typescript/lib/touch-target.d.ts +5 -0
- package/lib/typescript/lib/touch-target.d.ts.map +1 -0
- package/package.json +6 -1
- package/setup/createMedwayUiNavigator.tsx +4 -7
- package/setup/metro.js +12 -3
- package/setup/tokens.native.css +4 -0
- package/src/components/Alert.tsx +3 -1
- package/src/components/AlertDialog.tsx +8 -3
- package/src/components/Badge.tsx +51 -3
- package/src/components/Button.tsx +39 -1
- package/src/components/Carousel.tsx +17 -3
- package/src/components/Checkbox.tsx +2 -0
- package/src/components/Chip.tsx +227 -0
- package/src/components/Choice.tsx +139 -0
- package/src/components/Dialog.tsx +39 -23
- package/src/components/DropdownMenu.tsx +99 -87
- package/src/components/EmptyState.tsx +18 -3
- package/src/components/Feed.tsx +4 -3
- package/src/components/Feedback.tsx +111 -0
- package/src/components/Filter.tsx +106 -0
- package/src/components/IndexLevel.tsx +8 -10
- package/src/components/Input.tsx +142 -54
- package/src/components/InvitePopover.tsx +5 -1
- package/src/components/MemberRow.tsx +3 -5
- package/src/components/PostForm.tsx +16 -9
- package/src/components/PrizeCollection.tsx +1 -1
- package/src/components/RadioGroup.tsx +8 -0
- package/src/components/Select.tsx +1 -1
- package/src/components/Sheet.tsx +4 -1
- package/src/components/Skeleton.tsx +47 -6
- package/src/components/Switch.tsx +2 -0
- package/src/components/Tabs.tsx +2 -0
- package/src/components/ThemedIcon.tsx +1 -1
- package/src/components/Toast.tsx +489 -87
- package/src/editor/NoteEditor.tsx +47 -10
- package/src/editor/editorHtml.generated.ts +1 -1
- package/src/hooks/useThemeColor.ts +757 -64
- package/src/hooks/useTrackedText.ts +20 -0
- package/src/index.ts +36 -1
- package/src/lib/optional-deps.ts +27 -0
- package/src/lib/touch-target.ts +12 -0
- package/setup/index.tsx +0 -42
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useState","cssInterop","CheckboxPrimitive","cva","cn","Check","RemoveMinus","useThemeColor","jsx","_jsx","jsxs","_jsxs","StyledCheckboxRoot","Root","className","StyledCheckboxIndicator","Indicator","ICON_SIZES","sm","md","lg","CHECKBOX_DIMENSIONS","checkboxVariants","variants","variant","regular","size","checked","true","false","disabled","defaultVariants","Checkbox","uncheckIcon","defaultChecked","onCheckedChange","style","children","props","resolvedSize","iconSize","dimension","internalChecked","setInternalChecked","isControlled","undefined","isChecked","iconColor","handleCheckedChange","nextChecked","rootStyle","width","height","minWidth","minHeight","borderWidth","borderRadius","alignItems","justifyContent","state","strokeWidth","color"],"sourceRoot":"../../../src","sources":["components/Checkbox.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAwB,OAAO;AAEhD,SAASC,UAAU,QAAQ,YAAY;AACvC,OAAO,KAAKC,iBAAiB,MAAM,yBAAyB;AAC5D,SAASC,GAAG,QAA2B,0BAA0B;AACjE,SAASC,EAAE,QAAQ,aAAa;AAChC,SAASC,KAAK,EAAEC,WAAW,QAAQ,yBAAyB;AAC5D,SAASC,aAAa,QAAQ,uBAAuB;;AAErD;AACA;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AACA,MAAMC,kBAAkB,
|
|
1
|
+
{"version":3,"names":["useState","cssInterop","CheckboxPrimitive","cva","cn","getMinTouchHitSlop","Check","RemoveMinus","useThemeColor","jsx","_jsx","jsxs","_jsxs","StyledCheckboxRoot","Root","className","StyledCheckboxIndicator","Indicator","ICON_SIZES","sm","md","lg","CHECKBOX_DIMENSIONS","checkboxVariants","variants","variant","regular","size","checked","true","false","disabled","defaultVariants","Checkbox","uncheckIcon","defaultChecked","onCheckedChange","style","children","props","resolvedSize","iconSize","dimension","internalChecked","setInternalChecked","isControlled","undefined","isChecked","iconColor","handleCheckedChange","nextChecked","rootStyle","width","height","minWidth","minHeight","borderWidth","borderRadius","alignItems","justifyContent","hitSlop","state","strokeWidth","color"],"sourceRoot":"../../../src","sources":["components/Checkbox.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,204 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Pressable, View } from "react-native";
|
|
4
|
+
import { cva } from "class-variance-authority";
|
|
5
|
+
import { CloseSm } from "@medway-ui/icons/native";
|
|
6
|
+
import { Text } from "@/components/Text";
|
|
7
|
+
import { ThemedIcon } from "@/components/ThemedIcon";
|
|
8
|
+
import { cn } from "@/lib/utils";
|
|
9
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
+
const chipVariants = cva("flex-row shrink-0 items-center justify-center rounded-sm", {
|
|
11
|
+
variants: {
|
|
12
|
+
size: {
|
|
13
|
+
sm: "gap-2 px-3 py-2",
|
|
14
|
+
md: "gap-2.5 px-3.5 py-2.5",
|
|
15
|
+
lg: "gap-3 px-4 py-3"
|
|
16
|
+
},
|
|
17
|
+
disabled: {
|
|
18
|
+
true: "",
|
|
19
|
+
false: ""
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
defaultVariants: {
|
|
23
|
+
size: "lg",
|
|
24
|
+
disabled: false
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
const chipBackgroundVariants = cva("", {
|
|
28
|
+
variants: {
|
|
29
|
+
variant: {
|
|
30
|
+
regular: "bg-primary-background-fill",
|
|
31
|
+
"regular-soft": "bg-primary-background-soft",
|
|
32
|
+
emphasis: "bg-secondary-background-fill",
|
|
33
|
+
"emphasis-soft": "bg-secondary-background-soft",
|
|
34
|
+
gray: "bg-gray-background-fill",
|
|
35
|
+
"gray-soft": "bg-gray-background-soft",
|
|
36
|
+
success: "bg-green-background-fill",
|
|
37
|
+
"success-soft": "bg-green-background-soft",
|
|
38
|
+
error: "bg-red-background-fill",
|
|
39
|
+
"error-soft": "bg-red-background-soft",
|
|
40
|
+
warning: "bg-yellow-background-fill",
|
|
41
|
+
"warning-soft": "bg-yellow-background-soft",
|
|
42
|
+
go: "bg-go-background-fill",
|
|
43
|
+
"go-soft": "bg-go-background-soft",
|
|
44
|
+
cm: "bg-cm-background-fill",
|
|
45
|
+
"cm-soft": "bg-cm-background-soft",
|
|
46
|
+
cir: "bg-cir-background-fill",
|
|
47
|
+
"cir-soft": "bg-cir-background-soft",
|
|
48
|
+
ped: "bg-ped-background-fill",
|
|
49
|
+
"ped-soft": "bg-ped-background-soft",
|
|
50
|
+
prev: "bg-prev-background-fill",
|
|
51
|
+
"prev-soft": "bg-prev-background-soft",
|
|
52
|
+
ia: "bg-secondary-background-fill",
|
|
53
|
+
"ia-soft": "bg-secondary-background-soft"
|
|
54
|
+
},
|
|
55
|
+
disabled: {
|
|
56
|
+
true: "bg-gray-background-soft-muted",
|
|
57
|
+
false: ""
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
compoundVariants: [{
|
|
61
|
+
variant: undefined,
|
|
62
|
+
disabled: false,
|
|
63
|
+
className: "bg-surface-elevated shadow-sm"
|
|
64
|
+
}],
|
|
65
|
+
defaultVariants: {
|
|
66
|
+
disabled: false
|
|
67
|
+
}
|
|
68
|
+
});
|
|
69
|
+
const chipTextVariants = cva("text-center font-semibold", {
|
|
70
|
+
variants: {
|
|
71
|
+
size: {
|
|
72
|
+
sm: "text-xs",
|
|
73
|
+
md: "text-sm",
|
|
74
|
+
lg: "text-md"
|
|
75
|
+
},
|
|
76
|
+
variant: {
|
|
77
|
+
regular: "text-primary-foreground-onfill",
|
|
78
|
+
"regular-soft": "text-primary-foreground",
|
|
79
|
+
emphasis: "text-secondary-foreground-onfill",
|
|
80
|
+
"emphasis-soft": "text-secondary-foreground",
|
|
81
|
+
gray: "text-gray-foreground-onfill",
|
|
82
|
+
"gray-soft": "text-gray-foreground",
|
|
83
|
+
success: "text-green-foreground-onfill",
|
|
84
|
+
"success-soft": "text-green-foreground",
|
|
85
|
+
error: "text-red-foreground-onfill",
|
|
86
|
+
"error-soft": "text-red-foreground",
|
|
87
|
+
warning: "text-yellow-foreground-onfill",
|
|
88
|
+
"warning-soft": "text-yellow-foreground",
|
|
89
|
+
go: "text-go-foreground-onfill",
|
|
90
|
+
"go-soft": "text-go-foreground",
|
|
91
|
+
cm: "text-cm-foreground-onfill",
|
|
92
|
+
"cm-soft": "text-cm-foreground",
|
|
93
|
+
cir: "text-cir-foreground-onfill",
|
|
94
|
+
"cir-soft": "text-cir-foreground",
|
|
95
|
+
ped: "text-ped-foreground-onfill",
|
|
96
|
+
"ped-soft": "text-ped-foreground",
|
|
97
|
+
prev: "text-prev-foreground-onfill",
|
|
98
|
+
"prev-soft": "text-prev-foreground",
|
|
99
|
+
ia: "text-primary-foreground-onfill",
|
|
100
|
+
"ia-soft": "text-secondary-foreground"
|
|
101
|
+
},
|
|
102
|
+
disabled: {
|
|
103
|
+
true: "font-medium text-gray-foreground-muted",
|
|
104
|
+
false: ""
|
|
105
|
+
}
|
|
106
|
+
},
|
|
107
|
+
compoundVariants: [{
|
|
108
|
+
variant: undefined,
|
|
109
|
+
disabled: false,
|
|
110
|
+
className: "text-primary-foreground"
|
|
111
|
+
}],
|
|
112
|
+
defaultVariants: {
|
|
113
|
+
size: "lg",
|
|
114
|
+
disabled: false
|
|
115
|
+
}
|
|
116
|
+
});
|
|
117
|
+
const CHIP_ICON_SIZE = {
|
|
118
|
+
sm: 16,
|
|
119
|
+
md: 20,
|
|
120
|
+
lg: 24
|
|
121
|
+
};
|
|
122
|
+
const CHIP_ICON_COLOR_TOKEN = {
|
|
123
|
+
regular: "primary-foreground-onfill",
|
|
124
|
+
"regular-soft": "primary-foreground",
|
|
125
|
+
emphasis: "secondary-foreground-onfill",
|
|
126
|
+
"emphasis-soft": "secondary-foreground",
|
|
127
|
+
gray: "gray-foreground-onfill",
|
|
128
|
+
"gray-soft": "gray-foreground",
|
|
129
|
+
success: "green-foreground-onfill",
|
|
130
|
+
"success-soft": "green-foreground",
|
|
131
|
+
error: "red-foreground-onfill",
|
|
132
|
+
"error-soft": "red-foreground",
|
|
133
|
+
warning: "yellow-foreground-onfill",
|
|
134
|
+
"warning-soft": "yellow-foreground",
|
|
135
|
+
go: "go-foreground-onfill",
|
|
136
|
+
"go-soft": "go-foreground",
|
|
137
|
+
cm: "cm-foreground-onfill",
|
|
138
|
+
"cm-soft": "cm-foreground",
|
|
139
|
+
cir: "cir-foreground-onfill",
|
|
140
|
+
"cir-soft": "cir-foreground",
|
|
141
|
+
ped: "ped-foreground-onfill",
|
|
142
|
+
"ped-soft": "ped-foreground",
|
|
143
|
+
prev: "prev-foreground-onfill",
|
|
144
|
+
"prev-soft": "prev-foreground",
|
|
145
|
+
ia: "primary-foreground-onfill",
|
|
146
|
+
"ia-soft": "secondary-foreground"
|
|
147
|
+
};
|
|
148
|
+
function Chip({
|
|
149
|
+
children,
|
|
150
|
+
size = "lg",
|
|
151
|
+
variant,
|
|
152
|
+
disabled = false,
|
|
153
|
+
onPress,
|
|
154
|
+
onDismiss,
|
|
155
|
+
dismissAccessibilityLabel,
|
|
156
|
+
className
|
|
157
|
+
}) {
|
|
158
|
+
const iconSize = CHIP_ICON_SIZE[size ?? "lg"];
|
|
159
|
+
const variantIconColor = variant ? CHIP_ICON_COLOR_TOKEN[variant] : "primary-foreground";
|
|
160
|
+
const iconColor = disabled ? "gray-foreground-muted" : variantIconColor;
|
|
161
|
+
const containerClass = cn(chipVariants({
|
|
162
|
+
size,
|
|
163
|
+
disabled
|
|
164
|
+
}), chipBackgroundVariants({
|
|
165
|
+
variant,
|
|
166
|
+
disabled
|
|
167
|
+
}), className);
|
|
168
|
+
const content = /*#__PURE__*/_jsxs(_Fragment, {
|
|
169
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
170
|
+
className: cn(chipTextVariants({
|
|
171
|
+
size,
|
|
172
|
+
variant,
|
|
173
|
+
disabled
|
|
174
|
+
})),
|
|
175
|
+
children: children
|
|
176
|
+
}), onDismiss ? /*#__PURE__*/_jsx(Pressable, {
|
|
177
|
+
onPress: onDismiss,
|
|
178
|
+
disabled: disabled,
|
|
179
|
+
accessibilityRole: "button",
|
|
180
|
+
accessibilityLabel: dismissAccessibilityLabel ?? "Remover",
|
|
181
|
+
hitSlop: 6,
|
|
182
|
+
children: /*#__PURE__*/_jsx(ThemedIcon, {
|
|
183
|
+
icon: CloseSm,
|
|
184
|
+
size: iconSize,
|
|
185
|
+
colorToken: iconColor
|
|
186
|
+
})
|
|
187
|
+
}) : null]
|
|
188
|
+
});
|
|
189
|
+
if (onPress) {
|
|
190
|
+
return /*#__PURE__*/_jsx(Pressable, {
|
|
191
|
+
onPress: onPress,
|
|
192
|
+
disabled: disabled,
|
|
193
|
+
accessibilityRole: "button",
|
|
194
|
+
className: containerClass,
|
|
195
|
+
children: content
|
|
196
|
+
});
|
|
197
|
+
}
|
|
198
|
+
return /*#__PURE__*/_jsx(View, {
|
|
199
|
+
className: containerClass,
|
|
200
|
+
children: content
|
|
201
|
+
});
|
|
202
|
+
}
|
|
203
|
+
export { Chip, chipVariants, chipBackgroundVariants, chipTextVariants };
|
|
204
|
+
//# sourceMappingURL=Chip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Pressable","View","cva","CloseSm","Text","ThemedIcon","cn","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","chipVariants","variants","size","sm","md","lg","disabled","true","false","defaultVariants","chipBackgroundVariants","variant","regular","emphasis","gray","success","error","warning","go","cm","cir","ped","prev","ia","compoundVariants","undefined","className","chipTextVariants","CHIP_ICON_SIZE","CHIP_ICON_COLOR_TOKEN","Chip","children","onPress","onDismiss","dismissAccessibilityLabel","iconSize","variantIconColor","iconColor","containerClass","content","accessibilityRole","accessibilityLabel","hitSlop","icon","colorToken"],"sourceRoot":"../../../src","sources":["components/Chip.tsx"],"mappings":";;AACA,SAASA,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC9C,SAASC,GAAG,QAA2B,0BAA0B;AACjE,SAASC,OAAO,QAAQ,yBAAyB;AAEjD,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,EAAE,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAEjC,MAAMC,YAAY,GAAGX,GAAG,CACtB,0DAA0D,EAC1D;EACEY,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,iBAAiB;MACrBC,EAAE,EAAE,uBAAuB;MAC3BC,EAAE,EAAE;IACN,CAAC;IACDC,QAAQ,EAAE;MAAEC,IAAI,EAAE,EAAE;MAAEC,KAAK,EAAE;IAAG;EAClC,CAAC;EACDC,eAAe,EAAE;IAAEP,IAAI,EAAE,IAAI;IAAEI,QAAQ,EAAE;EAAM;AACjD,CACF,CAAC;AAED,MAAMI,sBAAsB,GAAGrB,GAAG,CAAC,EAAE,EAAE;EACrCY,QAAQ,EAAE;IACRU,OAAO,EAAE;MACPC,OAAO,EAAE,4BAA4B;MACrC,cAAc,EAAE,4BAA4B;MAC5CC,QAAQ,EAAE,8BAA8B;MACxC,eAAe,EAAE,8BAA8B;MAC/CC,IAAI,EAAE,yBAAyB;MAC/B,WAAW,EAAE,yBAAyB;MACtCC,OAAO,EAAE,0BAA0B;MACnC,cAAc,EAAE,0BAA0B;MAC1CC,KAAK,EAAE,wBAAwB;MAC/B,YAAY,EAAE,wBAAwB;MACtCC,OAAO,EAAE,2BAA2B;MACpC,cAAc,EAAE,2BAA2B;MAC3CC,EAAE,EAAE,uBAAuB;MAC3B,SAAS,EAAE,uBAAuB;MAClCC,EAAE,EAAE,uBAAuB;MAC3B,SAAS,EAAE,uBAAuB;MAClCC,GAAG,EAAE,wBAAwB;MAC7B,UAAU,EAAE,wBAAwB;MACpCC,GAAG,EAAE,wBAAwB;MAC7B,UAAU,EAAE,wBAAwB;MACpCC,IAAI,EAAE,yBAAyB;MAC/B,WAAW,EAAE,yBAAyB;MACtCC,EAAE,EAAE,8BAA8B;MAClC,SAAS,EAAE;IACb,CAAC;IACDjB,QAAQ,EAAE;MACRC,IAAI,EAAE,+BAA+B;MACrCC,KAAK,EAAE;IACT;EACF,CAAC;EACDgB,gBAAgB,EAAE,CAChB;IACEb,OAAO,EAAEc,SAAS;IAClBnB,QAAQ,EAAE,KAAK;IACfoB,SAAS,EAAE;EACb,CAAC,CACF;EACDjB,eAAe,EAAE;IAAEH,QAAQ,EAAE;EAAM;AACrC,CAAC,CAAC;AAEF,MAAMqB,gBAAgB,GAAGtC,GAAG,CAAC,2BAA2B,EAAE;EACxDY,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE;IACN,CAAC;IACDM,OAAO,EAAE;MACPC,OAAO,EAAE,gCAAgC;MACzC,cAAc,EAAE,yBAAyB;MACzCC,QAAQ,EAAE,kCAAkC;MAC5C,eAAe,EAAE,2BAA2B;MAC5CC,IAAI,EAAE,6BAA6B;MACnC,WAAW,EAAE,sBAAsB;MACnCC,OAAO,EAAE,8BAA8B;MACvC,cAAc,EAAE,uBAAuB;MACvCC,KAAK,EAAE,4BAA4B;MACnC,YAAY,EAAE,qBAAqB;MACnCC,OAAO,EAAE,+BAA+B;MACxC,cAAc,EAAE,wBAAwB;MACxCC,EAAE,EAAE,2BAA2B;MAC/B,SAAS,EAAE,oBAAoB;MAC/BC,EAAE,EAAE,2BAA2B;MAC/B,SAAS,EAAE,oBAAoB;MAC/BC,GAAG,EAAE,4BAA4B;MACjC,UAAU,EAAE,qBAAqB;MACjCC,GAAG,EAAE,4BAA4B;MACjC,UAAU,EAAE,qBAAqB;MACjCC,IAAI,EAAE,6BAA6B;MACnC,WAAW,EAAE,sBAAsB;MACnCC,EAAE,EAAE,gCAAgC;MACpC,SAAS,EAAE;IACb,CAAC;IACDjB,QAAQ,EAAE;MACRC,IAAI,EAAE,wCAAwC;MAC9CC,KAAK,EAAE;IACT;EACF,CAAC;EACDgB,gBAAgB,EAAE,CAChB;IACEb,OAAO,EAAEc,SAAS;IAClBnB,QAAQ,EAAE,KAAK;IACfoB,SAAS,EAAE;EACb,CAAC,CACF;EACDjB,eAAe,EAAE;IAAEP,IAAI,EAAE,IAAI;IAAEI,QAAQ,EAAE;EAAM;AACjD,CAAC,CAAC;AAOF,MAAMsB,cAAwC,GAAG;EAC/CzB,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;AAED,MAAMwB,qBAAkD,GAAG;EACzDjB,OAAO,EAAE,2BAA2B;EACpC,cAAc,EAAE,oBAAoB;EACpCC,QAAQ,EAAE,6BAA6B;EACvC,eAAe,EAAE,sBAAsB;EACvCC,IAAI,EAAE,wBAAwB;EAC9B,WAAW,EAAE,iBAAiB;EAC9BC,OAAO,EAAE,yBAAyB;EAClC,cAAc,EAAE,kBAAkB;EAClCC,KAAK,EAAE,uBAAuB;EAC9B,YAAY,EAAE,gBAAgB;EAC9BC,OAAO,EAAE,0BAA0B;EACnC,cAAc,EAAE,mBAAmB;EACnCC,EAAE,EAAE,sBAAsB;EAC1B,SAAS,EAAE,eAAe;EAC1BC,EAAE,EAAE,sBAAsB;EAC1B,SAAS,EAAE,eAAe;EAC1BC,GAAG,EAAE,uBAAuB;EAC5B,UAAU,EAAE,gBAAgB;EAC5BC,GAAG,EAAE,uBAAuB;EAC5B,UAAU,EAAE,gBAAgB;EAC5BC,IAAI,EAAE,wBAAwB;EAC9B,WAAW,EAAE,iBAAiB;EAC9BC,EAAE,EAAE,2BAA2B;EAC/B,SAAS,EAAE;AACb,CAAC;AAaD,SAASO,IAAIA,CAAC;EACZC,QAAQ;EACR7B,IAAI,GAAG,IAAI;EACXS,OAAO;EACPL,QAAQ,GAAG,KAAK;EAChB0B,OAAO;EACPC,SAAS;EACTC,yBAAyB;EACzBR;AACS,CAAC,EAAE;EACZ,MAAMS,QAAQ,GAAGP,cAAc,CAAC1B,IAAI,IAAI,IAAI,CAAC;EAC7C,MAAMkC,gBAAgB,GAAGzB,OAAO,GAC5BkB,qBAAqB,CAAClB,OAAO,CAAC,GAC9B,oBAAoB;EACxB,MAAM0B,SAAS,GAAG/B,QAAQ,GAAG,uBAAuB,GAAG8B,gBAAgB;EAEvE,MAAME,cAAc,GAAG7C,EAAE,CACvBO,YAAY,CAAC;IAAEE,IAAI;IAAEI;EAAS,CAAC,CAAC,EAChCI,sBAAsB,CAAC;IAAEC,OAAO;IAAEL;EAAS,CAAC,CAAC,EAC7CoB,SACF,CAAC;EAED,MAAMa,OAAO,gBACXxC,KAAA,CAAAF,SAAA;IAAAkC,QAAA,gBACEpC,IAAA,CAACJ,IAAI;MAACmC,SAAS,EAAEjC,EAAE,CAACkC,gBAAgB,CAAC;QAAEzB,IAAI;QAAES,OAAO;QAAEL;MAAS,CAAC,CAAC,CAAE;MAAAyB,QAAA,EAChEA;IAAQ,CACL,CAAC,EACNE,SAAS,gBACRtC,IAAA,CAACR,SAAS;MACR6C,OAAO,EAAEC,SAAU;MACnB3B,QAAQ,EAAEA,QAAS;MACnBkC,iBAAiB,EAAC,QAAQ;MAC1BC,kBAAkB,EAAEP,yBAAyB,IAAI,SAAU;MAC3DQ,OAAO,EAAE,CAAE;MAAAX,QAAA,eAEXpC,IAAA,CAACH,UAAU;QACTmD,IAAI,EAAErD,OAAiB;QACvBY,IAAI,EAAEiC,QAAS;QACfS,UAAU,EAAEP;MAAU,CACvB;IAAC,CACO,CAAC,GACV,IAAI;EAAA,CACR,CACH;EAED,IAAIL,OAAO,EAAE;IACX,oBACErC,IAAA,CAACR,SAAS;MACR6C,OAAO,EAAEA,OAAQ;MACjB1B,QAAQ,EAAEA,QAAS;MACnBkC,iBAAiB,EAAC,QAAQ;MAC1Bd,SAAS,EAAEY,cAAe;MAAAP,QAAA,EAEzBQ;IAAO,CACC,CAAC;EAEhB;EAEA,oBAAO5C,IAAA,CAACP,IAAI;IAACsC,SAAS,EAAEY,cAAe;IAAAP,QAAA,EAAEQ;EAAO,CAAO,CAAC;AAC1D;AAEA,SAAST,IAAI,EAAE9B,YAAY,EAAEU,sBAAsB,EAAEiB,gBAAgB","ignoreList":[]}
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Pressable, View } from "react-native";
|
|
4
|
+
import * as MedwayIcons from "@medway-ui/icons/native";
|
|
5
|
+
import { Text } from "@/components/Text";
|
|
6
|
+
import { ThemedIcon } from "@/components/ThemedIcon";
|
|
7
|
+
import { useThemeColor } from "@/hooks/useThemeColor";
|
|
8
|
+
import { cn } from "@/lib/utils";
|
|
9
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
+
const SIZE_MAP = {
|
|
11
|
+
sm: {
|
|
12
|
+
container: "gap-2 px-3 py-2",
|
|
13
|
+
text: "text-xs",
|
|
14
|
+
icon: 16
|
|
15
|
+
},
|
|
16
|
+
md: {
|
|
17
|
+
container: "gap-2.5 px-3.5 py-2.5",
|
|
18
|
+
text: "text-sm",
|
|
19
|
+
icon: 20
|
|
20
|
+
},
|
|
21
|
+
lg: {
|
|
22
|
+
container: "gap-3 px-4 py-3",
|
|
23
|
+
text: "text-base",
|
|
24
|
+
icon: 24
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
const THEME_SELECTED_OUTER_BG = {
|
|
28
|
+
gray: "bg-gray-background-soft",
|
|
29
|
+
primary: "bg-primary-background-fill",
|
|
30
|
+
secondary: "bg-secondary-background-fill",
|
|
31
|
+
green: "bg-green-background-fill",
|
|
32
|
+
red: "bg-red-background-fill",
|
|
33
|
+
yellow: "bg-yellow-background-fill",
|
|
34
|
+
cm: "bg-cm-background-fill",
|
|
35
|
+
go: "bg-go-background-fill",
|
|
36
|
+
cir: "bg-cir-background-fill-emphasis",
|
|
37
|
+
ped: "bg-ped-background-fill-emphasis",
|
|
38
|
+
prev: "bg-prev-background-fill"
|
|
39
|
+
};
|
|
40
|
+
const THEME_CHECK_COLOR_TOKEN = {
|
|
41
|
+
gray: "secondary-foreground",
|
|
42
|
+
primary: "primary-foreground",
|
|
43
|
+
secondary: "secondary-foreground",
|
|
44
|
+
green: "green-foreground",
|
|
45
|
+
red: "red-foreground",
|
|
46
|
+
yellow: "yellow-foreground",
|
|
47
|
+
cm: "cm-foreground",
|
|
48
|
+
go: "go-foreground",
|
|
49
|
+
cir: "cir-foreground",
|
|
50
|
+
ped: "ped-foreground",
|
|
51
|
+
prev: "prev-foreground"
|
|
52
|
+
};
|
|
53
|
+
const SHADOW_STYLE = {
|
|
54
|
+
shadowOffset: {
|
|
55
|
+
width: 0,
|
|
56
|
+
height: 2
|
|
57
|
+
},
|
|
58
|
+
shadowOpacity: 0.08,
|
|
59
|
+
shadowRadius: 4,
|
|
60
|
+
elevation: 2
|
|
61
|
+
};
|
|
62
|
+
function Choice({
|
|
63
|
+
label,
|
|
64
|
+
selected = false,
|
|
65
|
+
disabled = false,
|
|
66
|
+
size = "md",
|
|
67
|
+
theme = "gray",
|
|
68
|
+
icon,
|
|
69
|
+
onPress,
|
|
70
|
+
className
|
|
71
|
+
}) {
|
|
72
|
+
const sz = SIZE_MAP[size] ?? SIZE_MAP.md;
|
|
73
|
+
const shadowColor = useThemeColor("gray-700");
|
|
74
|
+
const outerBg = disabled ? "bg-gray-background-soft-muted" : selected ? THEME_SELECTED_OUTER_BG[theme] : "bg-gray-background-soft";
|
|
75
|
+
const textClass = disabled ? "font-medium text-gray-foreground-muted" : selected ? "font-semibold text-primary-foreground" : "font-medium text-gray-foreground";
|
|
76
|
+
return /*#__PURE__*/_jsx(Pressable, {
|
|
77
|
+
onPress: disabled ? undefined : onPress,
|
|
78
|
+
disabled: disabled,
|
|
79
|
+
accessibilityRole: "button",
|
|
80
|
+
accessibilityState: {
|
|
81
|
+
selected,
|
|
82
|
+
disabled
|
|
83
|
+
},
|
|
84
|
+
className: cn("rounded-md", outerBg, className),
|
|
85
|
+
style: {
|
|
86
|
+
padding: 2
|
|
87
|
+
},
|
|
88
|
+
children: /*#__PURE__*/_jsxs(View, {
|
|
89
|
+
className: cn("flex-row items-center justify-center rounded-md", sz.container, selected ? "bg-surface-card" : "bg-transparent"),
|
|
90
|
+
style: selected ? {
|
|
91
|
+
...SHADOW_STYLE,
|
|
92
|
+
shadowColor
|
|
93
|
+
} : undefined,
|
|
94
|
+
children: [icon ? /*#__PURE__*/_jsx(View, {
|
|
95
|
+
className: "shrink-0",
|
|
96
|
+
children: icon
|
|
97
|
+
}) : null, /*#__PURE__*/_jsx(Text, {
|
|
98
|
+
className: cn("text-center", sz.text, textClass),
|
|
99
|
+
children: label
|
|
100
|
+
}), selected ? /*#__PURE__*/_jsx(View, {
|
|
101
|
+
className: "shrink-0",
|
|
102
|
+
children: /*#__PURE__*/_jsx(ThemedIcon, {
|
|
103
|
+
icon: MedwayIcons.Check,
|
|
104
|
+
size: sz.icon,
|
|
105
|
+
colorToken: THEME_CHECK_COLOR_TOKEN[theme]
|
|
106
|
+
})
|
|
107
|
+
}) : null]
|
|
108
|
+
})
|
|
109
|
+
});
|
|
110
|
+
}
|
|
111
|
+
export { Choice };
|
|
112
|
+
//# sourceMappingURL=Choice.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Pressable","View","MedwayIcons","Text","ThemedIcon","useThemeColor","cn","jsx","_jsx","jsxs","_jsxs","SIZE_MAP","sm","container","text","icon","md","lg","THEME_SELECTED_OUTER_BG","gray","primary","secondary","green","red","yellow","cm","go","cir","ped","prev","THEME_CHECK_COLOR_TOKEN","SHADOW_STYLE","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","Choice","label","selected","disabled","size","theme","onPress","className","sz","shadowColor","outerBg","textClass","undefined","accessibilityRole","accessibilityState","style","padding","children","Check","colorToken"],"sourceRoot":"../../../src","sources":["components/Choice.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { isValidElement, cloneElement } from "react";
|
|
4
|
-
import { View,
|
|
4
|
+
import { View, ScrollView } from "react-native";
|
|
5
5
|
import * as DialogPrimitive from "@rn-primitives/dialog";
|
|
6
6
|
import { CloseMd } from "@medway-ui/icons/native";
|
|
7
7
|
import { useThemeColor } from "@/hooks/useThemeColor";
|
|
@@ -41,7 +41,7 @@ function DialogOverlay({
|
|
|
41
41
|
...props
|
|
42
42
|
}) {
|
|
43
43
|
return /*#__PURE__*/_jsx(DialogPrimitive.Overlay, {
|
|
44
|
-
className: cn("absolute inset-0 bg-black
|
|
44
|
+
className: cn("absolute inset-0 bg-black-48", className),
|
|
45
45
|
...props
|
|
46
46
|
});
|
|
47
47
|
}
|
|
@@ -55,13 +55,16 @@ function DialogContainer({
|
|
|
55
55
|
const closeIconColor = useThemeColor("gray-foreground");
|
|
56
56
|
return /*#__PURE__*/_jsxs(DialogPrimitive.Portal, {
|
|
57
57
|
children: [/*#__PURE__*/_jsx(DialogPrimitive.Overlay, {
|
|
58
|
-
className: cn("absolute inset-0 bg-black
|
|
58
|
+
className: cn("absolute inset-0 bg-black-48", overlayClassName)
|
|
59
59
|
}), /*#__PURE__*/_jsx(DialogPrimitive.Content, {
|
|
60
60
|
className: "absolute inset-0 items-center justify-center px-4",
|
|
61
61
|
...props,
|
|
62
62
|
children: /*#__PURE__*/_jsxs(View, {
|
|
63
63
|
className: cn("relative flex-col max-h-[90%] w-full rounded-xl bg-background shadow-lg overflow-hidden", className),
|
|
64
64
|
children: [children, showCloseButton && /*#__PURE__*/_jsx(DialogPrimitive.Close, {
|
|
65
|
+
accessibilityRole: "button",
|
|
66
|
+
accessibilityLabel: "Fechar",
|
|
67
|
+
hitSlop: 8,
|
|
65
68
|
className: "absolute right-3 top-3 rounded-pill p-1.5 active:bg-gray-background-soft",
|
|
66
69
|
children: closeIconColor && /*#__PURE__*/_jsx(CloseMd, {
|
|
67
70
|
width: 16,
|
|
@@ -117,6 +120,16 @@ function DialogFooter({
|
|
|
117
120
|
})]
|
|
118
121
|
});
|
|
119
122
|
}
|
|
123
|
+
const DIALOG_TITLE_ICON_SIZE = 32;
|
|
124
|
+
const DIALOG_TITLE_CLASS_NAME = "text-title-md font-semibold leading-title-md text-content-title";
|
|
125
|
+
function renderTitleIcon(icon) {
|
|
126
|
+
if (! /*#__PURE__*/isValidElement(icon)) return icon;
|
|
127
|
+
return /*#__PURE__*/cloneElement(icon, {
|
|
128
|
+
width: DIALOG_TITLE_ICON_SIZE,
|
|
129
|
+
height: DIALOG_TITLE_ICON_SIZE,
|
|
130
|
+
strokeWidth: 2.2
|
|
131
|
+
});
|
|
132
|
+
}
|
|
120
133
|
function DialogTitle({
|
|
121
134
|
className,
|
|
122
135
|
iconLeft,
|
|
@@ -124,22 +137,20 @@ function DialogTitle({
|
|
|
124
137
|
children,
|
|
125
138
|
...props
|
|
126
139
|
}) {
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
};
|
|
136
|
-
return /*#__PURE__*/_jsxs(DialogPrimitive.Title, {
|
|
140
|
+
if (!iconLeft && !iconRight) {
|
|
141
|
+
return /*#__PURE__*/_jsx(DialogPrimitive.Title, {
|
|
142
|
+
className: cn(DIALOG_TITLE_CLASS_NAME, className),
|
|
143
|
+
...props,
|
|
144
|
+
children: children
|
|
145
|
+
});
|
|
146
|
+
}
|
|
147
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
137
148
|
className: cn("flex-row items-center gap-3", className),
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
149
|
+
children: [iconLeft ? renderTitleIcon(iconLeft) : null, /*#__PURE__*/_jsx(DialogPrimitive.Title, {
|
|
150
|
+
className: cn(DIALOG_TITLE_CLASS_NAME, "flex-1"),
|
|
151
|
+
...props,
|
|
141
152
|
children: children
|
|
142
|
-
}), iconRight
|
|
153
|
+
}), iconRight ? renderTitleIcon(iconRight) : null]
|
|
143
154
|
});
|
|
144
155
|
}
|
|
145
156
|
function DialogDescription({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["isValidElement","cloneElement","View","
|
|
1
|
+
{"version":3,"names":["isValidElement","cloneElement","View","ScrollView","DialogPrimitive","CloseMd","useThemeColor","cn","Separator","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Dialog","props","Root","DialogTrigger","Trigger","DialogPortal","Portal","DialogClose","Close","DialogOverlay","className","Overlay","DialogContainer","overlayClassName","children","showCloseButton","closeIconColor","Content","accessibilityRole","accessibilityLabel","hitSlop","width","height","color","DialogContent","containerClassName","contentContainerStyle","flexGrow","DialogHeader","separator","DialogFooter","DIALOG_TITLE_ICON_SIZE","DIALOG_TITLE_CLASS_NAME","renderTitleIcon","icon","strokeWidth","DialogTitle","iconLeft","iconRight","Title","DialogDescription","Description"],"sourceRoot":"../../../src","sources":["components/Dialog.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { createContext, forwardRef, useContext, useEffect, useId, useMemo } from "react";
|
|
3
|
+
import { createContext, forwardRef, useContext, useEffect, useId, useMemo, useState } from "react";
|
|
4
4
|
import { Dimensions, Pressable, StyleSheet, View } from "react-native";
|
|
5
5
|
import { Text } from "@/components/Text";
|
|
6
6
|
import * as DropdownMenuPrimitive from "@rn-primitives/dropdown-menu";
|
|
7
|
+
import { useThemeColor } from "@/hooks/useThemeColor";
|
|
7
8
|
import { useOverlayHost } from "@/lib/overlay-host";
|
|
8
9
|
import { cn } from "@/lib/utils";
|
|
9
10
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
@@ -56,6 +57,7 @@ const DropdownMenuTrigger = /*#__PURE__*/forwardRef(function DropdownMenuTrigger
|
|
|
56
57
|
ref: ref,
|
|
57
58
|
collapsable: false,
|
|
58
59
|
accessibilityRole: "button",
|
|
60
|
+
hitSlop: 6,
|
|
59
61
|
className: cn("items-center justify-center", className),
|
|
60
62
|
style: state => [{
|
|
61
63
|
minWidth: 32,
|
|
@@ -67,14 +69,29 @@ const DropdownMenuTrigger = /*#__PURE__*/forwardRef(function DropdownMenuTrigger
|
|
|
67
69
|
children: children
|
|
68
70
|
});
|
|
69
71
|
});
|
|
72
|
+
const MENU_WIDTH = 200;
|
|
73
|
+
const MENU_EDGE_GAP = 8;
|
|
70
74
|
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
75
|
+
// triggerPosition vem em coordenadas de janela; o OverlayHost fica abaixo do header, então subtrai a origem.
|
|
76
|
+
function computeMenuPosition({
|
|
77
|
+
triggerPosition,
|
|
78
|
+
hostOrigin,
|
|
79
|
+
align,
|
|
80
|
+
sideOffset
|
|
81
|
+
}) {
|
|
82
|
+
const windowWidth = Dimensions.get("window").width;
|
|
83
|
+
const alignOffset = {
|
|
84
|
+
start: 0,
|
|
85
|
+
center: triggerPosition.width / 2 - MENU_WIDTH / 2,
|
|
86
|
+
end: triggerPosition.width - MENU_WIDTH
|
|
87
|
+
};
|
|
88
|
+
const rawLeft = triggerPosition.pageX + alignOffset[align] - hostOrigin.x;
|
|
89
|
+
const maxLeft = windowWidth - hostOrigin.x - MENU_WIDTH - MENU_EDGE_GAP;
|
|
90
|
+
return {
|
|
91
|
+
left: Math.max(MENU_EDGE_GAP, Math.min(rawLeft, maxLeft)),
|
|
92
|
+
top: triggerPosition.pageY + triggerPosition.height + sideOffset - hostOrigin.y
|
|
93
|
+
};
|
|
94
|
+
}
|
|
78
95
|
function DropdownMenuContent({
|
|
79
96
|
className,
|
|
80
97
|
align = "end",
|
|
@@ -91,61 +108,62 @@ function DropdownMenuContent({
|
|
|
91
108
|
open,
|
|
92
109
|
triggerPosition
|
|
93
110
|
} = DropdownMenuPrimitive.useRootContext();
|
|
111
|
+
const [menuPosition, setMenuPosition] = useState(null);
|
|
112
|
+
const surfaceColor = useThemeColor("surface-elevated");
|
|
113
|
+
const borderColor = useThemeColor("gray-stroke-muted");
|
|
114
|
+
const backdropColor = useThemeColor("black-48");
|
|
94
115
|
useEffect(() => {
|
|
95
116
|
if (!open || !triggerPosition) {
|
|
96
|
-
|
|
117
|
+
setMenuPosition(null);
|
|
97
118
|
return;
|
|
98
119
|
}
|
|
99
120
|
let cancelled = false;
|
|
100
|
-
const menuWidth = 200;
|
|
101
|
-
const windowWidth = Dimensions.get("window").width;
|
|
102
121
|
overlay.measureHostOrigin(hostOrigin => {
|
|
103
|
-
if (cancelled)
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
} else if (align === "center") {
|
|
110
|
-
left = triggerPosition.pageX + triggerPosition.width / 2 - menuWidth / 2 - hostOrigin.x;
|
|
111
|
-
}
|
|
112
|
-
left = Math.max(8, Math.min(left, windowWidth - hostOrigin.x - menuWidth - 8));
|
|
113
|
-
const top = triggerPosition.pageY + triggerPosition.height + sideOffset - hostOrigin.y;
|
|
114
|
-
overlay.mount(id, /*#__PURE__*/_jsx(MenuActionsContext.Provider, {
|
|
115
|
-
value: {
|
|
116
|
-
close
|
|
117
|
-
},
|
|
118
|
-
children: /*#__PURE__*/_jsxs(View, {
|
|
119
|
-
style: styles.layer,
|
|
120
|
-
pointerEvents: "box-none",
|
|
121
|
-
children: [/*#__PURE__*/_jsx(Pressable, {
|
|
122
|
-
accessibilityLabel: "Fechar menu",
|
|
123
|
-
style: [StyleSheet.absoluteFill, showOverlay ? styles.backdrop : null],
|
|
124
|
-
onPress: close
|
|
125
|
-
}), /*#__PURE__*/_jsx(View, {
|
|
126
|
-
className: cn("overflow-hidden rounded-md border border-gray-stroke-muted bg-surface-elevated p-1 shadow-md", className)
|
|
127
|
-
// Fallback visual caso NativeWind não aplique no host de overlay
|
|
128
|
-
,
|
|
129
|
-
style: [styles.menu, {
|
|
130
|
-
top,
|
|
131
|
-
left,
|
|
132
|
-
width: menuWidth,
|
|
133
|
-
backgroundColor: "white",
|
|
134
|
-
borderRadius: 8,
|
|
135
|
-
borderWidth: 1,
|
|
136
|
-
borderColor: "#E7E9EF",
|
|
137
|
-
padding: 4
|
|
138
|
-
}],
|
|
139
|
-
children: children
|
|
140
|
-
})]
|
|
141
|
-
})
|
|
122
|
+
if (cancelled) return;
|
|
123
|
+
setMenuPosition(computeMenuPosition({
|
|
124
|
+
triggerPosition,
|
|
125
|
+
hostOrigin,
|
|
126
|
+
align,
|
|
127
|
+
sideOffset
|
|
142
128
|
}));
|
|
143
129
|
});
|
|
144
130
|
return () => {
|
|
145
131
|
cancelled = true;
|
|
146
|
-
overlay.unmount(id);
|
|
147
132
|
};
|
|
148
|
-
}, [align,
|
|
133
|
+
}, [align, open, overlay, sideOffset, triggerPosition]);
|
|
134
|
+
useEffect(() => {
|
|
135
|
+
if (!menuPosition) {
|
|
136
|
+
overlay.unmount(id);
|
|
137
|
+
return;
|
|
138
|
+
}
|
|
139
|
+
overlay.mount(id, /*#__PURE__*/_jsx(MenuActionsContext.Provider, {
|
|
140
|
+
value: {
|
|
141
|
+
close
|
|
142
|
+
},
|
|
143
|
+
children: /*#__PURE__*/_jsxs(View, {
|
|
144
|
+
style: styles.layer,
|
|
145
|
+
pointerEvents: "box-none",
|
|
146
|
+
children: [/*#__PURE__*/_jsx(Pressable, {
|
|
147
|
+
accessibilityLabel: "Fechar menu",
|
|
148
|
+
style: [StyleSheet.absoluteFill, showOverlay ? {
|
|
149
|
+
backgroundColor: backdropColor
|
|
150
|
+
} : null],
|
|
151
|
+
onPress: close
|
|
152
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
153
|
+
className: cn("overflow-hidden rounded-md border border-gray-stroke-muted bg-surface-elevated p-1 shadow-md", className),
|
|
154
|
+
style: [styles.menu, {
|
|
155
|
+
top: menuPosition.top,
|
|
156
|
+
left: menuPosition.left,
|
|
157
|
+
width: MENU_WIDTH,
|
|
158
|
+
backgroundColor: surfaceColor,
|
|
159
|
+
borderColor
|
|
160
|
+
}],
|
|
161
|
+
children: children
|
|
162
|
+
})]
|
|
163
|
+
})
|
|
164
|
+
}));
|
|
165
|
+
}, [backdropColor, borderColor, children, className, close, id, menuPosition, overlay, showOverlay, surfaceColor]);
|
|
166
|
+
useEffect(() => () => overlay.unmount(id), [id, overlay]);
|
|
149
167
|
return null;
|
|
150
168
|
}
|
|
151
169
|
function DropdownMenuGroup({
|
|
@@ -201,15 +219,13 @@ const styles = StyleSheet.create({
|
|
|
201
219
|
layer: {
|
|
202
220
|
...StyleSheet.absoluteFill
|
|
203
221
|
},
|
|
204
|
-
backdrop: {
|
|
205
|
-
// Alinhado ao Dialog/Sheet (`bg-black/50`); style explícito porque
|
|
206
|
-
// NativeWind pode não aplicar classes montadas no OverlayHost.
|
|
207
|
-
backgroundColor: "rgba(0, 0, 0, 0.5)"
|
|
208
|
-
},
|
|
209
222
|
menu: {
|
|
210
223
|
position: "absolute",
|
|
211
224
|
zIndex: 2,
|
|
212
|
-
elevation: 8
|
|
225
|
+
elevation: 8,
|
|
226
|
+
borderRadius: 8,
|
|
227
|
+
borderWidth: 1,
|
|
228
|
+
padding: 4
|
|
213
229
|
}
|
|
214
230
|
});
|
|
215
231
|
export { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger };
|