@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.
Files changed (224) hide show
  1. package/README.md +27 -2
  2. package/lib/commonjs/components/Alert.js +3 -1
  3. package/lib/commonjs/components/Alert.js.map +1 -1
  4. package/lib/commonjs/components/AlertDialog.js +5 -2
  5. package/lib/commonjs/components/AlertDialog.js.map +1 -1
  6. package/lib/commonjs/components/Badge.js +37 -2
  7. package/lib/commonjs/components/Badge.js.map +1 -1
  8. package/lib/commonjs/components/Button.js +32 -1
  9. package/lib/commonjs/components/Button.js.map +1 -1
  10. package/lib/commonjs/components/Carousel.js +12 -2
  11. package/lib/commonjs/components/Carousel.js.map +1 -1
  12. package/lib/commonjs/components/Checkbox.js +2 -0
  13. package/lib/commonjs/components/Checkbox.js.map +1 -1
  14. package/lib/commonjs/components/Chip.js +208 -0
  15. package/lib/commonjs/components/Chip.js.map +1 -0
  16. package/lib/commonjs/components/Choice.js +116 -0
  17. package/lib/commonjs/components/Choice.js.map +1 -0
  18. package/lib/commonjs/components/Dialog.js +27 -16
  19. package/lib/commonjs/components/Dialog.js.map +1 -1
  20. package/lib/commonjs/components/DropdownMenu.js +73 -57
  21. package/lib/commonjs/components/DropdownMenu.js.map +1 -1
  22. package/lib/commonjs/components/EmptyState.js +9 -2
  23. package/lib/commonjs/components/EmptyState.js.map +1 -1
  24. package/lib/commonjs/components/Feed.js +7 -3
  25. package/lib/commonjs/components/Feed.js.map +1 -1
  26. package/lib/commonjs/components/Feedback.js +77 -0
  27. package/lib/commonjs/components/Feedback.js.map +1 -0
  28. package/lib/commonjs/components/Filter.js +93 -0
  29. package/lib/commonjs/components/Filter.js.map +1 -0
  30. package/lib/commonjs/components/IndexLevel.js +4 -3
  31. package/lib/commonjs/components/IndexLevel.js.map +1 -1
  32. package/lib/commonjs/components/Input.js +149 -45
  33. package/lib/commonjs/components/Input.js.map +1 -1
  34. package/lib/commonjs/components/InvitePopover.js +4 -1
  35. package/lib/commonjs/components/InvitePopover.js.map +1 -1
  36. package/lib/commonjs/components/MemberRow.js +3 -4
  37. package/lib/commonjs/components/MemberRow.js.map +1 -1
  38. package/lib/commonjs/components/PostForm.js +18 -8
  39. package/lib/commonjs/components/PostForm.js.map +1 -1
  40. package/lib/commonjs/components/PrizeCollection.js +1 -1
  41. package/lib/commonjs/components/RadioGroup.js +7 -0
  42. package/lib/commonjs/components/RadioGroup.js.map +1 -1
  43. package/lib/commonjs/components/Select.js +1 -1
  44. package/lib/commonjs/components/Sheet.js +4 -1
  45. package/lib/commonjs/components/Sheet.js.map +1 -1
  46. package/lib/commonjs/components/Skeleton.js +55 -4
  47. package/lib/commonjs/components/Skeleton.js.map +1 -1
  48. package/lib/commonjs/components/Switch.js +2 -0
  49. package/lib/commonjs/components/Switch.js.map +1 -1
  50. package/lib/commonjs/components/Tabs.js +2 -0
  51. package/lib/commonjs/components/Tabs.js.map +1 -1
  52. package/lib/commonjs/components/Toast.js +355 -79
  53. package/lib/commonjs/components/Toast.js.map +1 -1
  54. package/lib/commonjs/editor/NoteEditor.js +41 -14
  55. package/lib/commonjs/editor/NoteEditor.js.map +1 -1
  56. package/lib/commonjs/editor/editorHtml.generated.js +1 -1
  57. package/lib/commonjs/editor/editorHtml.generated.js.map +1 -1
  58. package/lib/commonjs/hooks/useThemeColor.js +693 -65
  59. package/lib/commonjs/hooks/useThemeColor.js.map +1 -1
  60. package/lib/commonjs/hooks/useTrackedText.js +21 -0
  61. package/lib/commonjs/hooks/useTrackedText.js.map +1 -0
  62. package/lib/commonjs/index.js +46 -0
  63. package/lib/commonjs/index.js.map +1 -1
  64. package/lib/commonjs/lib/optional-deps.js +20 -0
  65. package/lib/commonjs/lib/optional-deps.js.map +1 -0
  66. package/lib/commonjs/lib/touch-target.js +19 -0
  67. package/lib/commonjs/lib/touch-target.js.map +1 -0
  68. package/lib/module/components/Alert.js +3 -1
  69. package/lib/module/components/Alert.js.map +1 -1
  70. package/lib/module/components/AlertDialog.js +5 -2
  71. package/lib/module/components/AlertDialog.js.map +1 -1
  72. package/lib/module/components/Badge.js +36 -2
  73. package/lib/module/components/Badge.js.map +1 -1
  74. package/lib/module/components/Button.js +32 -1
  75. package/lib/module/components/Button.js.map +1 -1
  76. package/lib/module/components/Carousel.js +12 -2
  77. package/lib/module/components/Carousel.js.map +1 -1
  78. package/lib/module/components/Checkbox.js +2 -0
  79. package/lib/module/components/Checkbox.js.map +1 -1
  80. package/lib/module/components/Chip.js +204 -0
  81. package/lib/module/components/Chip.js.map +1 -0
  82. package/lib/module/components/Choice.js +112 -0
  83. package/lib/module/components/Choice.js.map +1 -0
  84. package/lib/module/components/Dialog.js +28 -17
  85. package/lib/module/components/Dialog.js.map +1 -1
  86. package/lib/module/components/DropdownMenu.js +74 -58
  87. package/lib/module/components/DropdownMenu.js.map +1 -1
  88. package/lib/module/components/EmptyState.js +9 -2
  89. package/lib/module/components/EmptyState.js.map +1 -1
  90. package/lib/module/components/Feed.js +7 -3
  91. package/lib/module/components/Feed.js.map +1 -1
  92. package/lib/module/components/Feedback.js +74 -0
  93. package/lib/module/components/Feedback.js.map +1 -0
  94. package/lib/module/components/Filter.js +89 -0
  95. package/lib/module/components/Filter.js.map +1 -0
  96. package/lib/module/components/IndexLevel.js +4 -3
  97. package/lib/module/components/IndexLevel.js.map +1 -1
  98. package/lib/module/components/Input.js +149 -45
  99. package/lib/module/components/Input.js.map +1 -1
  100. package/lib/module/components/InvitePopover.js +4 -1
  101. package/lib/module/components/InvitePopover.js.map +1 -1
  102. package/lib/module/components/MemberRow.js +3 -4
  103. package/lib/module/components/MemberRow.js.map +1 -1
  104. package/lib/module/components/PostForm.js +18 -8
  105. package/lib/module/components/PostForm.js.map +1 -1
  106. package/lib/module/components/PrizeCollection.js +1 -1
  107. package/lib/module/components/RadioGroup.js +7 -0
  108. package/lib/module/components/RadioGroup.js.map +1 -1
  109. package/lib/module/components/Select.js +1 -1
  110. package/lib/module/components/Sheet.js +4 -1
  111. package/lib/module/components/Sheet.js.map +1 -1
  112. package/lib/module/components/Skeleton.js +56 -5
  113. package/lib/module/components/Skeleton.js.map +1 -1
  114. package/lib/module/components/Switch.js +2 -0
  115. package/lib/module/components/Switch.js.map +1 -1
  116. package/lib/module/components/Tabs.js +2 -0
  117. package/lib/module/components/Tabs.js.map +1 -1
  118. package/lib/module/components/Toast.js +360 -84
  119. package/lib/module/components/Toast.js.map +1 -1
  120. package/lib/module/editor/NoteEditor.js +41 -14
  121. package/lib/module/editor/NoteEditor.js.map +1 -1
  122. package/lib/module/editor/editorHtml.generated.js +1 -1
  123. package/lib/module/editor/editorHtml.generated.js.map +1 -1
  124. package/lib/module/hooks/useThemeColor.js +693 -65
  125. package/lib/module/hooks/useThemeColor.js.map +1 -1
  126. package/lib/module/hooks/useTrackedText.js +18 -0
  127. package/lib/module/hooks/useTrackedText.js.map +1 -0
  128. package/lib/module/index.js +8 -0
  129. package/lib/module/index.js.map +1 -1
  130. package/lib/module/lib/optional-deps.js +16 -0
  131. package/lib/module/lib/optional-deps.js.map +1 -0
  132. package/lib/module/lib/touch-target.js +15 -0
  133. package/lib/module/lib/touch-target.js.map +1 -0
  134. package/lib/typescript/components/Alert.d.ts.map +1 -1
  135. package/lib/typescript/components/AlertDialog.d.ts.map +1 -1
  136. package/lib/typescript/components/Badge.d.ts +1 -1
  137. package/lib/typescript/components/Badge.d.ts.map +1 -1
  138. package/lib/typescript/components/Button.d.ts.map +1 -1
  139. package/lib/typescript/components/Carousel.d.ts +1 -1
  140. package/lib/typescript/components/Carousel.d.ts.map +1 -1
  141. package/lib/typescript/components/Checkbox.d.ts.map +1 -1
  142. package/lib/typescript/components/Chip.d.ts +30 -0
  143. package/lib/typescript/components/Chip.d.ts.map +1 -0
  144. package/lib/typescript/components/Choice.d.ts +17 -0
  145. package/lib/typescript/components/Choice.d.ts.map +1 -0
  146. package/lib/typescript/components/Dialog.d.ts.map +1 -1
  147. package/lib/typescript/components/DropdownMenu.d.ts +0 -7
  148. package/lib/typescript/components/DropdownMenu.d.ts.map +1 -1
  149. package/lib/typescript/components/EmptyState.d.ts +3 -2
  150. package/lib/typescript/components/EmptyState.d.ts.map +1 -1
  151. package/lib/typescript/components/Feed.d.ts.map +1 -1
  152. package/lib/typescript/components/Feedback.d.ts +17 -0
  153. package/lib/typescript/components/Feedback.d.ts.map +1 -0
  154. package/lib/typescript/components/Filter.d.ts +17 -0
  155. package/lib/typescript/components/Filter.d.ts.map +1 -0
  156. package/lib/typescript/components/IndexLevel.d.ts.map +1 -1
  157. package/lib/typescript/components/Input.d.ts +3 -3
  158. package/lib/typescript/components/Input.d.ts.map +1 -1
  159. package/lib/typescript/components/InvitePopover.d.ts.map +1 -1
  160. package/lib/typescript/components/MemberRow.d.ts.map +1 -1
  161. package/lib/typescript/components/PostForm.d.ts.map +1 -1
  162. package/lib/typescript/components/RadioGroup.d.ts.map +1 -1
  163. package/lib/typescript/components/Sheet.d.ts.map +1 -1
  164. package/lib/typescript/components/Skeleton.d.ts +1 -1
  165. package/lib/typescript/components/Skeleton.d.ts.map +1 -1
  166. package/lib/typescript/components/Switch.d.ts.map +1 -1
  167. package/lib/typescript/components/Tabs.d.ts.map +1 -1
  168. package/lib/typescript/components/Tag.d.ts +2 -2
  169. package/lib/typescript/components/ThemedIcon.d.ts +1 -1
  170. package/lib/typescript/components/ThemedIcon.d.ts.map +1 -1
  171. package/lib/typescript/components/Toast.d.ts +24 -13
  172. package/lib/typescript/components/Toast.d.ts.map +1 -1
  173. package/lib/typescript/editor/NoteEditor.d.ts.map +1 -1
  174. package/lib/typescript/editor/editorHtml.generated.d.ts.map +1 -1
  175. package/lib/typescript/hooks/useThemeColor.d.ts +0 -10
  176. package/lib/typescript/hooks/useThemeColor.d.ts.map +1 -1
  177. package/lib/typescript/hooks/useTrackedText.d.ts +6 -0
  178. package/lib/typescript/hooks/useTrackedText.d.ts.map +1 -0
  179. package/lib/typescript/index.d.ts +9 -1
  180. package/lib/typescript/index.d.ts.map +1 -1
  181. package/lib/typescript/lib/optional-deps.d.ts +23 -0
  182. package/lib/typescript/lib/optional-deps.d.ts.map +1 -0
  183. package/lib/typescript/lib/touch-target.d.ts +5 -0
  184. package/lib/typescript/lib/touch-target.d.ts.map +1 -0
  185. package/package.json +6 -1
  186. package/setup/createMedwayUiNavigator.tsx +4 -7
  187. package/setup/metro.js +12 -3
  188. package/setup/tokens.native.css +268 -258
  189. package/src/components/Alert.tsx +3 -1
  190. package/src/components/AlertDialog.tsx +8 -3
  191. package/src/components/Badge.tsx +51 -3
  192. package/src/components/Button.tsx +39 -1
  193. package/src/components/Carousel.tsx +17 -3
  194. package/src/components/Checkbox.tsx +2 -0
  195. package/src/components/Chip.tsx +227 -0
  196. package/src/components/Choice.tsx +139 -0
  197. package/src/components/Dialog.tsx +39 -23
  198. package/src/components/DropdownMenu.tsx +99 -87
  199. package/src/components/EmptyState.tsx +18 -3
  200. package/src/components/Feed.tsx +4 -3
  201. package/src/components/Feedback.tsx +111 -0
  202. package/src/components/Filter.tsx +106 -0
  203. package/src/components/IndexLevel.tsx +8 -10
  204. package/src/components/Input.tsx +142 -54
  205. package/src/components/InvitePopover.tsx +5 -1
  206. package/src/components/MemberRow.tsx +3 -5
  207. package/src/components/PostForm.tsx +16 -9
  208. package/src/components/PrizeCollection.tsx +1 -1
  209. package/src/components/RadioGroup.tsx +8 -0
  210. package/src/components/Select.tsx +1 -1
  211. package/src/components/Sheet.tsx +4 -1
  212. package/src/components/Skeleton.tsx +47 -6
  213. package/src/components/Switch.tsx +2 -0
  214. package/src/components/Tabs.tsx +2 -0
  215. package/src/components/ThemedIcon.tsx +1 -1
  216. package/src/components/Toast.tsx +489 -87
  217. package/src/editor/NoteEditor.tsx +50 -11
  218. package/src/editor/editorHtml.generated.ts +1 -1
  219. package/src/hooks/useThemeColor.ts +757 -64
  220. package/src/hooks/useTrackedText.ts +20 -0
  221. package/src/index.ts +36 -1
  222. package/src/lib/optional-deps.ts +27 -0
  223. package/src/lib/touch-target.ts +12 -0
  224. 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/50", className),
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/50", overlayClassName)
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
- const renderIcon = icon => {
143
- if (/*#__PURE__*/(0, _react.isValidElement)(icon)) {
144
- return /*#__PURE__*/(0, _react.cloneElement)(icon, {
145
- size: 32,
146
- strokeWidth: 2.2
147
- });
148
- }
149
- return icon;
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
- ...props,
154
- children: [iconLeft && renderIcon(iconLeft), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
155
- className: "text-title-md font-semibold leading-title-md text-content-title flex-1",
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 && renderIcon(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","DialogTitle","iconLeft","iconRight","renderIcon","icon","isValidElement","cloneElement","size","strokeWidth","Title","Text","DialogDescription","Description"],"sourceRoot":"../../../src","sources":["components/Dialog.tsx"],"mappings":"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","ignoreList":[]}
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":"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","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
- * Content renderizado no OverlayHost do MedwayUiProvider (acima da stack).
83
- * Mantém Root/Trigger do @rn-primitives/dropdown-menu para open + measure.
84
- *
85
- * `triggerPosition` vem em coordenadas de janela (pageX/pageY). O OverlayHost
86
- * fica abaixo do header da navegação, então subtraímos a origem do host.
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
- overlay.unmount(id);
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
- return;
115
- }
116
- let left = triggerPosition.pageX - hostOrigin.x;
117
- if (align === "end") {
118
- left = triggerPosition.pageX + triggerPosition.width - menuWidth - hostOrigin.x;
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, children, className, close, id, open, overlay, showOverlay, sideOffset, triggerPosition]);
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