@medway-ui/native 1.6.1 → 1.7.1
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 +41 -14
- 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 +41 -14
- 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 +268 -258
- 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 +50 -11
- 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
|
@@ -0,0 +1,208 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Chip = Chip;
|
|
7
|
+
exports.chipVariants = exports.chipTextVariants = exports.chipBackgroundVariants = void 0;
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _classVarianceAuthority = require("class-variance-authority");
|
|
10
|
+
var _native = require("@medway-ui/icons/native");
|
|
11
|
+
var _Text = require("@/components/Text");
|
|
12
|
+
var _ThemedIcon = require("@/components/ThemedIcon");
|
|
13
|
+
var _utils = require("@/lib/utils");
|
|
14
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
+
const chipVariants = exports.chipVariants = (0, _classVarianceAuthority.cva)("flex-row shrink-0 items-center justify-center rounded-sm", {
|
|
16
|
+
variants: {
|
|
17
|
+
size: {
|
|
18
|
+
sm: "gap-2 px-3 py-2",
|
|
19
|
+
md: "gap-2.5 px-3.5 py-2.5",
|
|
20
|
+
lg: "gap-3 px-4 py-3"
|
|
21
|
+
},
|
|
22
|
+
disabled: {
|
|
23
|
+
true: "",
|
|
24
|
+
false: ""
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
defaultVariants: {
|
|
28
|
+
size: "lg",
|
|
29
|
+
disabled: false
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
const chipBackgroundVariants = exports.chipBackgroundVariants = (0, _classVarianceAuthority.cva)("", {
|
|
33
|
+
variants: {
|
|
34
|
+
variant: {
|
|
35
|
+
regular: "bg-primary-background-fill",
|
|
36
|
+
"regular-soft": "bg-primary-background-soft",
|
|
37
|
+
emphasis: "bg-secondary-background-fill",
|
|
38
|
+
"emphasis-soft": "bg-secondary-background-soft",
|
|
39
|
+
gray: "bg-gray-background-fill",
|
|
40
|
+
"gray-soft": "bg-gray-background-soft",
|
|
41
|
+
success: "bg-green-background-fill",
|
|
42
|
+
"success-soft": "bg-green-background-soft",
|
|
43
|
+
error: "bg-red-background-fill",
|
|
44
|
+
"error-soft": "bg-red-background-soft",
|
|
45
|
+
warning: "bg-yellow-background-fill",
|
|
46
|
+
"warning-soft": "bg-yellow-background-soft",
|
|
47
|
+
go: "bg-go-background-fill",
|
|
48
|
+
"go-soft": "bg-go-background-soft",
|
|
49
|
+
cm: "bg-cm-background-fill",
|
|
50
|
+
"cm-soft": "bg-cm-background-soft",
|
|
51
|
+
cir: "bg-cir-background-fill",
|
|
52
|
+
"cir-soft": "bg-cir-background-soft",
|
|
53
|
+
ped: "bg-ped-background-fill",
|
|
54
|
+
"ped-soft": "bg-ped-background-soft",
|
|
55
|
+
prev: "bg-prev-background-fill",
|
|
56
|
+
"prev-soft": "bg-prev-background-soft",
|
|
57
|
+
ia: "bg-secondary-background-fill",
|
|
58
|
+
"ia-soft": "bg-secondary-background-soft"
|
|
59
|
+
},
|
|
60
|
+
disabled: {
|
|
61
|
+
true: "bg-gray-background-soft-muted",
|
|
62
|
+
false: ""
|
|
63
|
+
}
|
|
64
|
+
},
|
|
65
|
+
compoundVariants: [{
|
|
66
|
+
variant: undefined,
|
|
67
|
+
disabled: false,
|
|
68
|
+
className: "bg-surface-elevated shadow-sm"
|
|
69
|
+
}],
|
|
70
|
+
defaultVariants: {
|
|
71
|
+
disabled: false
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
const chipTextVariants = exports.chipTextVariants = (0, _classVarianceAuthority.cva)("text-center font-semibold", {
|
|
75
|
+
variants: {
|
|
76
|
+
size: {
|
|
77
|
+
sm: "text-xs",
|
|
78
|
+
md: "text-sm",
|
|
79
|
+
lg: "text-md"
|
|
80
|
+
},
|
|
81
|
+
variant: {
|
|
82
|
+
regular: "text-primary-foreground-onfill",
|
|
83
|
+
"regular-soft": "text-primary-foreground",
|
|
84
|
+
emphasis: "text-secondary-foreground-onfill",
|
|
85
|
+
"emphasis-soft": "text-secondary-foreground",
|
|
86
|
+
gray: "text-gray-foreground-onfill",
|
|
87
|
+
"gray-soft": "text-gray-foreground",
|
|
88
|
+
success: "text-green-foreground-onfill",
|
|
89
|
+
"success-soft": "text-green-foreground",
|
|
90
|
+
error: "text-red-foreground-onfill",
|
|
91
|
+
"error-soft": "text-red-foreground",
|
|
92
|
+
warning: "text-yellow-foreground-onfill",
|
|
93
|
+
"warning-soft": "text-yellow-foreground",
|
|
94
|
+
go: "text-go-foreground-onfill",
|
|
95
|
+
"go-soft": "text-go-foreground",
|
|
96
|
+
cm: "text-cm-foreground-onfill",
|
|
97
|
+
"cm-soft": "text-cm-foreground",
|
|
98
|
+
cir: "text-cir-foreground-onfill",
|
|
99
|
+
"cir-soft": "text-cir-foreground",
|
|
100
|
+
ped: "text-ped-foreground-onfill",
|
|
101
|
+
"ped-soft": "text-ped-foreground",
|
|
102
|
+
prev: "text-prev-foreground-onfill",
|
|
103
|
+
"prev-soft": "text-prev-foreground",
|
|
104
|
+
ia: "text-primary-foreground-onfill",
|
|
105
|
+
"ia-soft": "text-secondary-foreground"
|
|
106
|
+
},
|
|
107
|
+
disabled: {
|
|
108
|
+
true: "font-medium text-gray-foreground-muted",
|
|
109
|
+
false: ""
|
|
110
|
+
}
|
|
111
|
+
},
|
|
112
|
+
compoundVariants: [{
|
|
113
|
+
variant: undefined,
|
|
114
|
+
disabled: false,
|
|
115
|
+
className: "text-primary-foreground"
|
|
116
|
+
}],
|
|
117
|
+
defaultVariants: {
|
|
118
|
+
size: "lg",
|
|
119
|
+
disabled: false
|
|
120
|
+
}
|
|
121
|
+
});
|
|
122
|
+
const CHIP_ICON_SIZE = {
|
|
123
|
+
sm: 16,
|
|
124
|
+
md: 20,
|
|
125
|
+
lg: 24
|
|
126
|
+
};
|
|
127
|
+
const CHIP_ICON_COLOR_TOKEN = {
|
|
128
|
+
regular: "primary-foreground-onfill",
|
|
129
|
+
"regular-soft": "primary-foreground",
|
|
130
|
+
emphasis: "secondary-foreground-onfill",
|
|
131
|
+
"emphasis-soft": "secondary-foreground",
|
|
132
|
+
gray: "gray-foreground-onfill",
|
|
133
|
+
"gray-soft": "gray-foreground",
|
|
134
|
+
success: "green-foreground-onfill",
|
|
135
|
+
"success-soft": "green-foreground",
|
|
136
|
+
error: "red-foreground-onfill",
|
|
137
|
+
"error-soft": "red-foreground",
|
|
138
|
+
warning: "yellow-foreground-onfill",
|
|
139
|
+
"warning-soft": "yellow-foreground",
|
|
140
|
+
go: "go-foreground-onfill",
|
|
141
|
+
"go-soft": "go-foreground",
|
|
142
|
+
cm: "cm-foreground-onfill",
|
|
143
|
+
"cm-soft": "cm-foreground",
|
|
144
|
+
cir: "cir-foreground-onfill",
|
|
145
|
+
"cir-soft": "cir-foreground",
|
|
146
|
+
ped: "ped-foreground-onfill",
|
|
147
|
+
"ped-soft": "ped-foreground",
|
|
148
|
+
prev: "prev-foreground-onfill",
|
|
149
|
+
"prev-soft": "prev-foreground",
|
|
150
|
+
ia: "primary-foreground-onfill",
|
|
151
|
+
"ia-soft": "secondary-foreground"
|
|
152
|
+
};
|
|
153
|
+
function Chip({
|
|
154
|
+
children,
|
|
155
|
+
size = "lg",
|
|
156
|
+
variant,
|
|
157
|
+
disabled = false,
|
|
158
|
+
onPress,
|
|
159
|
+
onDismiss,
|
|
160
|
+
dismissAccessibilityLabel,
|
|
161
|
+
className
|
|
162
|
+
}) {
|
|
163
|
+
const iconSize = CHIP_ICON_SIZE[size ?? "lg"];
|
|
164
|
+
const variantIconColor = variant ? CHIP_ICON_COLOR_TOKEN[variant] : "primary-foreground";
|
|
165
|
+
const iconColor = disabled ? "gray-foreground-muted" : variantIconColor;
|
|
166
|
+
const containerClass = (0, _utils.cn)(chipVariants({
|
|
167
|
+
size,
|
|
168
|
+
disabled
|
|
169
|
+
}), chipBackgroundVariants({
|
|
170
|
+
variant,
|
|
171
|
+
disabled
|
|
172
|
+
}), className);
|
|
173
|
+
const content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
174
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
175
|
+
className: (0, _utils.cn)(chipTextVariants({
|
|
176
|
+
size,
|
|
177
|
+
variant,
|
|
178
|
+
disabled
|
|
179
|
+
})),
|
|
180
|
+
children: children
|
|
181
|
+
}), onDismiss ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
182
|
+
onPress: onDismiss,
|
|
183
|
+
disabled: disabled,
|
|
184
|
+
accessibilityRole: "button",
|
|
185
|
+
accessibilityLabel: dismissAccessibilityLabel ?? "Remover",
|
|
186
|
+
hitSlop: 6,
|
|
187
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThemedIcon.ThemedIcon, {
|
|
188
|
+
icon: _native.CloseSm,
|
|
189
|
+
size: iconSize,
|
|
190
|
+
colorToken: iconColor
|
|
191
|
+
})
|
|
192
|
+
}) : null]
|
|
193
|
+
});
|
|
194
|
+
if (onPress) {
|
|
195
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
196
|
+
onPress: onPress,
|
|
197
|
+
disabled: disabled,
|
|
198
|
+
accessibilityRole: "button",
|
|
199
|
+
className: containerClass,
|
|
200
|
+
children: content
|
|
201
|
+
});
|
|
202
|
+
}
|
|
203
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
204
|
+
className: containerClass,
|
|
205
|
+
children: content
|
|
206
|
+
});
|
|
207
|
+
}
|
|
208
|
+
//# sourceMappingURL=Chip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_native","_Text","_ThemedIcon","_utils","_jsxRuntime","chipVariants","exports","cva","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","cn","content","jsxs","Fragment","jsx","Text","Pressable","accessibilityRole","accessibilityLabel","hitSlop","ThemedIcon","icon","CloseSm","colorToken","View"],"sourceRoot":"../../../src","sources":["components/Chip.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Choice = Choice;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var MedwayIcons = _interopRequireWildcard(require("@medway-ui/icons/native"));
|
|
9
|
+
var _Text = require("@/components/Text");
|
|
10
|
+
var _ThemedIcon = require("@/components/ThemedIcon");
|
|
11
|
+
var _useThemeColor = require("@/hooks/useThemeColor");
|
|
12
|
+
var _utils = require("@/lib/utils");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
15
|
+
const SIZE_MAP = {
|
|
16
|
+
sm: {
|
|
17
|
+
container: "gap-2 px-3 py-2",
|
|
18
|
+
text: "text-xs",
|
|
19
|
+
icon: 16
|
|
20
|
+
},
|
|
21
|
+
md: {
|
|
22
|
+
container: "gap-2.5 px-3.5 py-2.5",
|
|
23
|
+
text: "text-sm",
|
|
24
|
+
icon: 20
|
|
25
|
+
},
|
|
26
|
+
lg: {
|
|
27
|
+
container: "gap-3 px-4 py-3",
|
|
28
|
+
text: "text-base",
|
|
29
|
+
icon: 24
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
const THEME_SELECTED_OUTER_BG = {
|
|
33
|
+
gray: "bg-gray-background-soft",
|
|
34
|
+
primary: "bg-primary-background-fill",
|
|
35
|
+
secondary: "bg-secondary-background-fill",
|
|
36
|
+
green: "bg-green-background-fill",
|
|
37
|
+
red: "bg-red-background-fill",
|
|
38
|
+
yellow: "bg-yellow-background-fill",
|
|
39
|
+
cm: "bg-cm-background-fill",
|
|
40
|
+
go: "bg-go-background-fill",
|
|
41
|
+
cir: "bg-cir-background-fill-emphasis",
|
|
42
|
+
ped: "bg-ped-background-fill-emphasis",
|
|
43
|
+
prev: "bg-prev-background-fill"
|
|
44
|
+
};
|
|
45
|
+
const THEME_CHECK_COLOR_TOKEN = {
|
|
46
|
+
gray: "secondary-foreground",
|
|
47
|
+
primary: "primary-foreground",
|
|
48
|
+
secondary: "secondary-foreground",
|
|
49
|
+
green: "green-foreground",
|
|
50
|
+
red: "red-foreground",
|
|
51
|
+
yellow: "yellow-foreground",
|
|
52
|
+
cm: "cm-foreground",
|
|
53
|
+
go: "go-foreground",
|
|
54
|
+
cir: "cir-foreground",
|
|
55
|
+
ped: "ped-foreground",
|
|
56
|
+
prev: "prev-foreground"
|
|
57
|
+
};
|
|
58
|
+
const SHADOW_STYLE = {
|
|
59
|
+
shadowOffset: {
|
|
60
|
+
width: 0,
|
|
61
|
+
height: 2
|
|
62
|
+
},
|
|
63
|
+
shadowOpacity: 0.08,
|
|
64
|
+
shadowRadius: 4,
|
|
65
|
+
elevation: 2
|
|
66
|
+
};
|
|
67
|
+
function Choice({
|
|
68
|
+
label,
|
|
69
|
+
selected = false,
|
|
70
|
+
disabled = false,
|
|
71
|
+
size = "md",
|
|
72
|
+
theme = "gray",
|
|
73
|
+
icon,
|
|
74
|
+
onPress,
|
|
75
|
+
className
|
|
76
|
+
}) {
|
|
77
|
+
const sz = SIZE_MAP[size] ?? SIZE_MAP.md;
|
|
78
|
+
const shadowColor = (0, _useThemeColor.useThemeColor)("gray-700");
|
|
79
|
+
const outerBg = disabled ? "bg-gray-background-soft-muted" : selected ? THEME_SELECTED_OUTER_BG[theme] : "bg-gray-background-soft";
|
|
80
|
+
const textClass = disabled ? "font-medium text-gray-foreground-muted" : selected ? "font-semibold text-primary-foreground" : "font-medium text-gray-foreground";
|
|
81
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
82
|
+
onPress: disabled ? undefined : onPress,
|
|
83
|
+
disabled: disabled,
|
|
84
|
+
accessibilityRole: "button",
|
|
85
|
+
accessibilityState: {
|
|
86
|
+
selected,
|
|
87
|
+
disabled
|
|
88
|
+
},
|
|
89
|
+
className: (0, _utils.cn)("rounded-md", outerBg, className),
|
|
90
|
+
style: {
|
|
91
|
+
padding: 2
|
|
92
|
+
},
|
|
93
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
94
|
+
className: (0, _utils.cn)("flex-row items-center justify-center rounded-md", sz.container, selected ? "bg-surface-card" : "bg-transparent"),
|
|
95
|
+
style: selected ? {
|
|
96
|
+
...SHADOW_STYLE,
|
|
97
|
+
shadowColor
|
|
98
|
+
} : undefined,
|
|
99
|
+
children: [icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
100
|
+
className: "shrink-0",
|
|
101
|
+
children: icon
|
|
102
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
103
|
+
className: (0, _utils.cn)("text-center", sz.text, textClass),
|
|
104
|
+
children: label
|
|
105
|
+
}), selected ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
106
|
+
className: "shrink-0",
|
|
107
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThemedIcon.ThemedIcon, {
|
|
108
|
+
icon: MedwayIcons.Check,
|
|
109
|
+
size: sz.icon,
|
|
110
|
+
colorToken: THEME_CHECK_COLOR_TOKEN[theme]
|
|
111
|
+
})
|
|
112
|
+
}) : null]
|
|
113
|
+
})
|
|
114
|
+
});
|
|
115
|
+
}
|
|
116
|
+
//# sourceMappingURL=Choice.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","MedwayIcons","_interopRequireWildcard","_Text","_ThemedIcon","_useThemeColor","_utils","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","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","useThemeColor","outerBg","textClass","jsx","Pressable","undefined","accessibilityRole","accessibilityState","cn","style","padding","children","jsxs","View","Text","ThemedIcon","Check","colorToken"],"sourceRoot":"../../../src","sources":["components/Choice.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -56,7 +56,7 @@ function DialogOverlay({
|
|
|
56
56
|
...props
|
|
57
57
|
}) {
|
|
58
58
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogPrimitive.Overlay, {
|
|
59
|
-
className: (0, _utils.cn)("absolute inset-0 bg-black
|
|
59
|
+
className: (0, _utils.cn)("absolute inset-0 bg-black-48", className),
|
|
60
60
|
...props
|
|
61
61
|
});
|
|
62
62
|
}
|
|
@@ -70,13 +70,16 @@ function DialogContainer({
|
|
|
70
70
|
const closeIconColor = (0, _useThemeColor.useThemeColor)("gray-foreground");
|
|
71
71
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(DialogPrimitive.Portal, {
|
|
72
72
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(DialogPrimitive.Overlay, {
|
|
73
|
-
className: (0, _utils.cn)("absolute inset-0 bg-black
|
|
73
|
+
className: (0, _utils.cn)("absolute inset-0 bg-black-48", overlayClassName)
|
|
74
74
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogPrimitive.Content, {
|
|
75
75
|
className: "absolute inset-0 items-center justify-center px-4",
|
|
76
76
|
...props,
|
|
77
77
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
78
78
|
className: (0, _utils.cn)("relative flex-col max-h-[90%] w-full rounded-xl bg-background shadow-lg overflow-hidden", className),
|
|
79
79
|
children: [children, showCloseButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogPrimitive.Close, {
|
|
80
|
+
accessibilityRole: "button",
|
|
81
|
+
accessibilityLabel: "Fechar",
|
|
82
|
+
hitSlop: 8,
|
|
80
83
|
className: "absolute right-3 top-3 rounded-pill p-1.5 active:bg-gray-background-soft",
|
|
81
84
|
children: closeIconColor && /*#__PURE__*/(0, _jsxRuntime.jsx)(_native.CloseMd, {
|
|
82
85
|
width: 16,
|
|
@@ -132,6 +135,16 @@ function DialogFooter({
|
|
|
132
135
|
})]
|
|
133
136
|
});
|
|
134
137
|
}
|
|
138
|
+
const DIALOG_TITLE_ICON_SIZE = 32;
|
|
139
|
+
const DIALOG_TITLE_CLASS_NAME = "text-title-md font-semibold leading-title-md text-content-title";
|
|
140
|
+
function renderTitleIcon(icon) {
|
|
141
|
+
if (! /*#__PURE__*/(0, _react.isValidElement)(icon)) return icon;
|
|
142
|
+
return /*#__PURE__*/(0, _react.cloneElement)(icon, {
|
|
143
|
+
width: DIALOG_TITLE_ICON_SIZE,
|
|
144
|
+
height: DIALOG_TITLE_ICON_SIZE,
|
|
145
|
+
strokeWidth: 2.2
|
|
146
|
+
});
|
|
147
|
+
}
|
|
135
148
|
function DialogTitle({
|
|
136
149
|
className,
|
|
137
150
|
iconLeft,
|
|
@@ -139,22 +152,20 @@ function DialogTitle({
|
|
|
139
152
|
children,
|
|
140
153
|
...props
|
|
141
154
|
}) {
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
};
|
|
151
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(DialogPrimitive.Title, {
|
|
155
|
+
if (!iconLeft && !iconRight) {
|
|
156
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogPrimitive.Title, {
|
|
157
|
+
className: (0, _utils.cn)(DIALOG_TITLE_CLASS_NAME, className),
|
|
158
|
+
...props,
|
|
159
|
+
children: children
|
|
160
|
+
});
|
|
161
|
+
}
|
|
162
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
152
163
|
className: (0, _utils.cn)("flex-row items-center gap-3", className),
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
164
|
+
children: [iconLeft ? renderTitleIcon(iconLeft) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(DialogPrimitive.Title, {
|
|
165
|
+
className: (0, _utils.cn)(DIALOG_TITLE_CLASS_NAME, "flex-1"),
|
|
166
|
+
...props,
|
|
156
167
|
children: children
|
|
157
|
-
}), iconRight
|
|
168
|
+
}), iconRight ? renderTitleIcon(iconRight) : null]
|
|
158
169
|
});
|
|
159
170
|
}
|
|
160
171
|
function DialogDescription({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","DialogPrimitive","_interopRequireWildcard","_native","_useThemeColor","_utils","_Separator","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Dialog","props","jsx","Root","DialogTrigger","Trigger","DialogPortal","Portal","DialogClose","Close","DialogOverlay","className","Overlay","cn","DialogContainer","overlayClassName","children","showCloseButton","closeIconColor","useThemeColor","jsxs","Content","View","CloseMd","width","height","color","DialogContent","containerClassName","ScrollView","contentContainerStyle","flexGrow","DialogHeader","separator","Fragment","Separator","DialogFooter","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","DialogPrimitive","_interopRequireWildcard","_native","_useThemeColor","_utils","_Separator","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Dialog","props","jsx","Root","DialogTrigger","Trigger","DialogPortal","Portal","DialogClose","Close","DialogOverlay","className","Overlay","cn","DialogContainer","overlayClassName","children","showCloseButton","closeIconColor","useThemeColor","jsxs","Content","View","accessibilityRole","accessibilityLabel","hitSlop","CloseMd","width","height","color","DialogContent","containerClassName","ScrollView","contentContainerStyle","flexGrow","DialogHeader","separator","Fragment","Separator","DialogFooter","DIALOG_TITLE_ICON_SIZE","DIALOG_TITLE_CLASS_NAME","renderTitleIcon","icon","isValidElement","cloneElement","strokeWidth","DialogTitle","iconLeft","iconRight","Title","DialogDescription","Description"],"sourceRoot":"../../../src","sources":["components/Dialog.tsx"],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAC,uBAAA,CAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AAAmD,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAG,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAoBnD,SAASkB,MAAMA,CAAC;EAAE,GAAGC;AAAiC,CAAC,EAAE;EACvD,oBAAO,IAAArB,WAAA,CAAAsB,GAAA,EAAC5B,eAAe,CAAC6B,IAAI;IAAA,GAAKF;EAAK,CAAG,CAAC;AAC5C;AAEA,SAASG,aAAaA,CAAC;EAAE,GAAGH;AAAoC,CAAC,EAAE;EACjE,oBAAO,IAAArB,WAAA,CAAAsB,GAAA,EAAC5B,eAAe,CAAC+B,OAAO;IAAA,GAAKJ;EAAK,CAAG,CAAC;AAC/C;AAEA,SAASK,YAAYA,CAAC;EAAE,GAAGL;AAAmC,CAAC,EAAE;EAC/D,oBAAO,IAAArB,WAAA,CAAAsB,GAAA,EAAC5B,eAAe,CAACiC,MAAM;IAAA,GAAKN;EAAK,CAAG,CAAC;AAC9C;AAEA,SAASO,WAAWA,CAAC;EAAE,GAAGP;AAAkC,CAAC,EAAE;EAC7D,oBAAO,IAAArB,WAAA,CAAAsB,GAAA,EAAC5B,eAAe,CAACmC,KAAK;IAAA,GAAKR;EAAK,CAAG,CAAC;AAC7C;AAEA,SAASS,aAAaA,CAAC;EAAEC,SAAS;EAAE,GAAGV;AAAoC,CAAC,EAAE;EAC5E,oBACE,IAAArB,WAAA,CAAAsB,GAAA,EAAC5B,eAAe,CAACsC,OAAO;IACtBD,SAAS,EAAE,IAAAE,SAAE,EAAC,8BAA8B,EAAEF,SAAS,CAAE;IAAA,GACrDV;EAAK,CACV,CAAC;AAEN;AAEA,SAASa,eAAeA,CAAC;EACvBH,SAAS;EACTI,gBAAgB;EAChBC,QAAQ;EACRC,eAAe,GAAG,IAAI;EACtB,GAAGhB;AACiB,CAAC,EAAE;EACvB,MAAMiB,cAAc,GAAG,IAAAC,4BAAa,EAAC,iBAAiB,CAAC;EAEvD,oBACE,IAAAvC,WAAA,CAAAwC,IAAA,EAAC9C,eAAe,CAACiC,MAAM;IAAAS,QAAA,gBACrB,IAAApC,WAAA,CAAAsB,GAAA,EAAC5B,eAAe,CAACsC,OAAO;MACtBD,SAAS,EAAE,IAAAE,SAAE,EAAC,8BAA8B,EAAEE,gBAAgB;IAAE,CACjE,CAAC,eACF,IAAAnC,WAAA,CAAAsB,GAAA,EAAC5B,eAAe,CAAC+C,OAAO;MACtBV,SAAS,EAAC,mDAAmD;MAAA,GACzDV,KAAK;MAAAe,QAAA,eAET,IAAApC,WAAA,CAAAwC,IAAA,EAAC/C,YAAA,CAAAiD,IAAI;QACHX,SAAS,EAAE,IAAAE,SAAE,EACX,yFAAyF,EACzFF,SACF,CAAE;QAAAK,QAAA,GAEDA,QAAQ,EACRC,eAAe,iBACd,IAAArC,WAAA,CAAAsB,GAAA,EAAC5B,eAAe,CAACmC,KAAK;UACpBc,iBAAiB,EAAC,QAAQ;UAC1BC,kBAAkB,EAAC,QAAQ;UAC3BC,OAAO,EAAE,CAAE;UACXd,SAAS,EAAC,0EAA0E;UAAAK,QAAA,EAEnFE,cAAc,iBAAI,IAAAtC,WAAA,CAAAsB,GAAA,EAAC1B,OAAA,CAAAkD,OAAO;YAACC,KAAK,EAAE,EAAG;YAACC,MAAM,EAAE,EAAG;YAACC,KAAK,EAAEX;UAAe,CAAE;QAAC,CACvD,CACxB;MAAA,CACG;IAAC,CACgB,CAAC;EAAA,CACJ,CAAC;AAE7B;AAEA,SAASY,aAAaA,CAAC;EACrBC,kBAAkB;EAClBpB,SAAS;EACTK;AAKF,CAAC,EAAE;EACD,oBACE,IAAApC,WAAA,CAAAsB,GAAA,EAAC7B,YAAA,CAAA2D,UAAU;IACTrB,SAAS,EAAE,IAAAE,SAAE,EAAC,QAAQ,EAAEkB,kBAAkB,CAAE;IAC5CE,qBAAqB,EAAE;MAAEC,QAAQ,EAAE;IAAE,CAAE;IAAAlB,QAAA,eAEvC,IAAApC,WAAA,CAAAsB,GAAA,EAAC7B,YAAA,CAAAiD,IAAI;MAACX,SAAS,EAAE,IAAAE,SAAE,EAAC,WAAW,EAAEF,SAAS,CAAE;MAAAK,QAAA,EACzCA;IAAQ,CACL;EAAC,CACG,CAAC;AAEjB;AAEA,SAASmB,YAAYA,CAAC;EAAExB,SAAS;EAAEyB,SAAS,GAAG,KAAK;EAAEpB,QAAQ;EAAE,GAAGf;AAAyB,CAAC,EAAE;EAC7F,oBACE,IAAArB,WAAA,CAAAwC,IAAA,EAAAxC,WAAA,CAAAyD,QAAA;IAAArB,QAAA,gBACE,IAAApC,WAAA,CAAAsB,GAAA,EAAC7B,YAAA,CAAAiD,IAAI;MAACX,SAAS,EAAE,IAAAE,SAAE,EAAC,+BAA+B,EAAEF,SAAS,CAAE;MAAA,GAAKV,KAAK;MAAAe,QAAA,EACvEA;IAAQ,CACL,CAAC,EACNoB,SAAS,iBAAI,IAAAxD,WAAA,CAAAsB,GAAA,EAACvB,UAAA,CAAA2D,SAAS,IAAE,CAAC;EAAA,CAC3B,CAAC;AAEP;AAEA,SAASC,YAAYA,CAAC;EAAE5B,SAAS;EAAEyB,SAAS,GAAG,KAAK;EAAEpB,QAAQ;EAAE,GAAGf;AAAyB,CAAC,EAAE;EAC7F,oBACE,IAAArB,WAAA,CAAAwC,IAAA,EAAAxC,WAAA,CAAAyD,QAAA;IAAArB,QAAA,GACGoB,SAAS,iBAAI,IAAAxD,WAAA,CAAAsB,GAAA,EAACvB,UAAA,CAAA2D,SAAS,IAAE,CAAC,eAC3B,IAAA1D,WAAA,CAAAsB,GAAA,EAAC7B,YAAA,CAAAiD,IAAI;MACHX,SAAS,EAAE,IAAAE,SAAE,EAAC,0BAA0B,EAAEF,SAAS,CAAE;MAAA,GACjDV,KAAK;MAAAe,QAAA,EAERA;IAAQ,CACL,CAAC;EAAA,CACP,CAAC;AAEP;AAEA,MAAMwB,sBAAsB,GAAG,EAAE;AACjC,MAAMC,uBAAuB,GAAG,iEAAiE;AAEjG,SAASC,eAAeA,CAACC,IAAe,EAAE;EACxC,IAAI,eAAC,IAAAC,qBAAc,EAACD,IAAI,CAAC,EAAE,OAAOA,IAAI;EAEtC,oBAAO,IAAAE,mBAAY,EACjBF,IAAI,EACJ;IACEhB,KAAK,EAAEa,sBAAsB;IAC7BZ,MAAM,EAAEY,sBAAsB;IAC9BM,WAAW,EAAE;EACf,CACF,CAAC;AACH;AAEA,SAASC,WAAWA,CAAC;EAAEpC,SAAS;EAAEqC,QAAQ;EAAEC,SAAS;EAAEjC,QAAQ;EAAE,GAAGf;AAAwB,CAAC,EAAE;EAC7F,IAAI,CAAC+C,QAAQ,IAAI,CAACC,SAAS,EAAE;IAC3B,oBACE,IAAArE,WAAA,CAAAsB,GAAA,EAAC5B,eAAe,CAAC4E,KAAK;MAACvC,SAAS,EAAE,IAAAE,SAAE,EAAC4B,uBAAuB,EAAE9B,SAAS,CAAE;MAAA,GAAKV,KAAK;MAAAe,QAAA,EAChFA;IAAQ,CACY,CAAC;EAE5B;EAEA,oBACE,IAAApC,WAAA,CAAAwC,IAAA,EAAC/C,YAAA,CAAAiD,IAAI;IAACX,SAAS,EAAE,IAAAE,SAAE,EAAC,6BAA6B,EAAEF,SAAS,CAAE;IAAAK,QAAA,GAC3DgC,QAAQ,GAAGN,eAAe,CAACM,QAAQ,CAAC,GAAG,IAAI,eAC5C,IAAApE,WAAA,CAAAsB,GAAA,EAAC5B,eAAe,CAAC4E,KAAK;MAACvC,SAAS,EAAE,IAAAE,SAAE,EAAC4B,uBAAuB,EAAE,QAAQ,CAAE;MAAA,GAAKxC,KAAK;MAAAe,QAAA,EAC/EA;IAAQ,CACY,CAAC,EACvBiC,SAAS,GAAGP,eAAe,CAACO,SAAS,CAAC,GAAG,IAAI;EAAA,CAC1C,CAAC;AAEX;AAEA,SAASE,iBAAiBA,CAAC;EAAExC,SAAS;EAAE,GAAGV;AAAwC,CAAC,EAAE;EACpF,oBACE,IAAArB,WAAA,CAAAsB,GAAA,EAAC5B,eAAe,CAAC8E,WAAW;IAC1BzC,SAAS,EAAE,IAAAE,SAAE,EAAC,2CAA2C,EAAEF,SAAS,CAAE;IAAA,GAClEV;EAAK,CACV,CAAC;AAEN","ignoreList":[]}
|
|
@@ -13,6 +13,7 @@ var _react = require("react");
|
|
|
13
13
|
var _reactNative = require("react-native");
|
|
14
14
|
var _Text = require("@/components/Text");
|
|
15
15
|
var DropdownMenuPrimitive = _interopRequireWildcard(require("@rn-primitives/dropdown-menu"));
|
|
16
|
+
var _useThemeColor = require("@/hooks/useThemeColor");
|
|
16
17
|
var _overlayHost = require("@/lib/overlay-host");
|
|
17
18
|
var _utils = require("@/lib/utils");
|
|
18
19
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
@@ -66,6 +67,7 @@ const DropdownMenuTrigger = exports.DropdownMenuTrigger = /*#__PURE__*/(0, _reac
|
|
|
66
67
|
ref: ref,
|
|
67
68
|
collapsable: false,
|
|
68
69
|
accessibilityRole: "button",
|
|
70
|
+
hitSlop: 6,
|
|
69
71
|
className: (0, _utils.cn)("items-center justify-center", className),
|
|
70
72
|
style: state => [{
|
|
71
73
|
minWidth: 32,
|
|
@@ -77,14 +79,29 @@ const DropdownMenuTrigger = exports.DropdownMenuTrigger = /*#__PURE__*/(0, _reac
|
|
|
77
79
|
children: children
|
|
78
80
|
});
|
|
79
81
|
});
|
|
82
|
+
const MENU_WIDTH = 200;
|
|
83
|
+
const MENU_EDGE_GAP = 8;
|
|
80
84
|
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
85
|
+
// triggerPosition vem em coordenadas de janela; o OverlayHost fica abaixo do header, então subtrai a origem.
|
|
86
|
+
function computeMenuPosition({
|
|
87
|
+
triggerPosition,
|
|
88
|
+
hostOrigin,
|
|
89
|
+
align,
|
|
90
|
+
sideOffset
|
|
91
|
+
}) {
|
|
92
|
+
const windowWidth = _reactNative.Dimensions.get("window").width;
|
|
93
|
+
const alignOffset = {
|
|
94
|
+
start: 0,
|
|
95
|
+
center: triggerPosition.width / 2 - MENU_WIDTH / 2,
|
|
96
|
+
end: triggerPosition.width - MENU_WIDTH
|
|
97
|
+
};
|
|
98
|
+
const rawLeft = triggerPosition.pageX + alignOffset[align] - hostOrigin.x;
|
|
99
|
+
const maxLeft = windowWidth - hostOrigin.x - MENU_WIDTH - MENU_EDGE_GAP;
|
|
100
|
+
return {
|
|
101
|
+
left: Math.max(MENU_EDGE_GAP, Math.min(rawLeft, maxLeft)),
|
|
102
|
+
top: triggerPosition.pageY + triggerPosition.height + sideOffset - hostOrigin.y
|
|
103
|
+
};
|
|
104
|
+
}
|
|
88
105
|
function DropdownMenuContent({
|
|
89
106
|
className,
|
|
90
107
|
align = "end",
|
|
@@ -101,61 +118,62 @@ function DropdownMenuContent({
|
|
|
101
118
|
open,
|
|
102
119
|
triggerPosition
|
|
103
120
|
} = DropdownMenuPrimitive.useRootContext();
|
|
121
|
+
const [menuPosition, setMenuPosition] = (0, _react.useState)(null);
|
|
122
|
+
const surfaceColor = (0, _useThemeColor.useThemeColor)("surface-elevated");
|
|
123
|
+
const borderColor = (0, _useThemeColor.useThemeColor)("gray-stroke-muted");
|
|
124
|
+
const backdropColor = (0, _useThemeColor.useThemeColor)("black-48");
|
|
104
125
|
(0, _react.useEffect)(() => {
|
|
105
126
|
if (!open || !triggerPosition) {
|
|
106
|
-
|
|
127
|
+
setMenuPosition(null);
|
|
107
128
|
return;
|
|
108
129
|
}
|
|
109
130
|
let cancelled = false;
|
|
110
|
-
const menuWidth = 200;
|
|
111
|
-
const windowWidth = _reactNative.Dimensions.get("window").width;
|
|
112
131
|
overlay.measureHostOrigin(hostOrigin => {
|
|
113
|
-
if (cancelled)
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
} else if (align === "center") {
|
|
120
|
-
left = triggerPosition.pageX + triggerPosition.width / 2 - menuWidth / 2 - hostOrigin.x;
|
|
121
|
-
}
|
|
122
|
-
left = Math.max(8, Math.min(left, windowWidth - hostOrigin.x - menuWidth - 8));
|
|
123
|
-
const top = triggerPosition.pageY + triggerPosition.height + sideOffset - hostOrigin.y;
|
|
124
|
-
overlay.mount(id, /*#__PURE__*/(0, _jsxRuntime.jsx)(MenuActionsContext.Provider, {
|
|
125
|
-
value: {
|
|
126
|
-
close
|
|
127
|
-
},
|
|
128
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
129
|
-
style: styles.layer,
|
|
130
|
-
pointerEvents: "box-none",
|
|
131
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
132
|
-
accessibilityLabel: "Fechar menu",
|
|
133
|
-
style: [_reactNative.StyleSheet.absoluteFill, showOverlay ? styles.backdrop : null],
|
|
134
|
-
onPress: close
|
|
135
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
136
|
-
className: (0, _utils.cn)("overflow-hidden rounded-md border border-gray-stroke-muted bg-surface-elevated p-1 shadow-md", className)
|
|
137
|
-
// Fallback visual caso NativeWind não aplique no host de overlay
|
|
138
|
-
,
|
|
139
|
-
style: [styles.menu, {
|
|
140
|
-
top,
|
|
141
|
-
left,
|
|
142
|
-
width: menuWidth,
|
|
143
|
-
backgroundColor: "white",
|
|
144
|
-
borderRadius: 8,
|
|
145
|
-
borderWidth: 1,
|
|
146
|
-
borderColor: "#E7E9EF",
|
|
147
|
-
padding: 4
|
|
148
|
-
}],
|
|
149
|
-
children: children
|
|
150
|
-
})]
|
|
151
|
-
})
|
|
132
|
+
if (cancelled) return;
|
|
133
|
+
setMenuPosition(computeMenuPosition({
|
|
134
|
+
triggerPosition,
|
|
135
|
+
hostOrigin,
|
|
136
|
+
align,
|
|
137
|
+
sideOffset
|
|
152
138
|
}));
|
|
153
139
|
});
|
|
154
140
|
return () => {
|
|
155
141
|
cancelled = true;
|
|
156
|
-
overlay.unmount(id);
|
|
157
142
|
};
|
|
158
|
-
}, [align,
|
|
143
|
+
}, [align, open, overlay, sideOffset, triggerPosition]);
|
|
144
|
+
(0, _react.useEffect)(() => {
|
|
145
|
+
if (!menuPosition) {
|
|
146
|
+
overlay.unmount(id);
|
|
147
|
+
return;
|
|
148
|
+
}
|
|
149
|
+
overlay.mount(id, /*#__PURE__*/(0, _jsxRuntime.jsx)(MenuActionsContext.Provider, {
|
|
150
|
+
value: {
|
|
151
|
+
close
|
|
152
|
+
},
|
|
153
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
154
|
+
style: styles.layer,
|
|
155
|
+
pointerEvents: "box-none",
|
|
156
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
157
|
+
accessibilityLabel: "Fechar menu",
|
|
158
|
+
style: [_reactNative.StyleSheet.absoluteFill, showOverlay ? {
|
|
159
|
+
backgroundColor: backdropColor
|
|
160
|
+
} : null],
|
|
161
|
+
onPress: close
|
|
162
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
163
|
+
className: (0, _utils.cn)("overflow-hidden rounded-md border border-gray-stroke-muted bg-surface-elevated p-1 shadow-md", className),
|
|
164
|
+
style: [styles.menu, {
|
|
165
|
+
top: menuPosition.top,
|
|
166
|
+
left: menuPosition.left,
|
|
167
|
+
width: MENU_WIDTH,
|
|
168
|
+
backgroundColor: surfaceColor,
|
|
169
|
+
borderColor
|
|
170
|
+
}],
|
|
171
|
+
children: children
|
|
172
|
+
})]
|
|
173
|
+
})
|
|
174
|
+
}));
|
|
175
|
+
}, [backdropColor, borderColor, children, className, close, id, menuPosition, overlay, showOverlay, surfaceColor]);
|
|
176
|
+
(0, _react.useEffect)(() => () => overlay.unmount(id), [id, overlay]);
|
|
159
177
|
return null;
|
|
160
178
|
}
|
|
161
179
|
function DropdownMenuGroup({
|
|
@@ -211,15 +229,13 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
211
229
|
layer: {
|
|
212
230
|
..._reactNative.StyleSheet.absoluteFill
|
|
213
231
|
},
|
|
214
|
-
backdrop: {
|
|
215
|
-
// Alinhado ao Dialog/Sheet (`bg-black/50`); style explícito porque
|
|
216
|
-
// NativeWind pode não aplicar classes montadas no OverlayHost.
|
|
217
|
-
backgroundColor: "rgba(0, 0, 0, 0.5)"
|
|
218
|
-
},
|
|
219
232
|
menu: {
|
|
220
233
|
position: "absolute",
|
|
221
234
|
zIndex: 2,
|
|
222
|
-
elevation: 8
|
|
235
|
+
elevation: 8,
|
|
236
|
+
borderRadius: 8,
|
|
237
|
+
borderWidth: 1,
|
|
238
|
+
padding: 4
|
|
223
239
|
}
|
|
224
240
|
});
|
|
225
241
|
//# sourceMappingURL=DropdownMenu.js.map
|