@oxyhq/bloom 0.15.0 → 0.16.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 (208) hide show
  1. package/lib/commonjs/alert-dialog/AlertDialog.js +35 -27
  2. package/lib/commonjs/alert-dialog/AlertDialog.js.map +1 -1
  3. package/lib/commonjs/alert-dialog/index.js +1 -1
  4. package/lib/commonjs/alert-dialog/index.js.map +1 -1
  5. package/lib/commonjs/alert-dialog/index.web.js +1 -1
  6. package/lib/commonjs/alert-dialog/index.web.js.map +1 -1
  7. package/lib/commonjs/command/Command.js +27 -16
  8. package/lib/commonjs/command/Command.js.map +1 -1
  9. package/lib/commonjs/command/index.js +1 -1
  10. package/lib/commonjs/command/index.js.map +1 -1
  11. package/lib/commonjs/command/index.web.js +1 -1
  12. package/lib/commonjs/command/index.web.js.map +1 -1
  13. package/lib/commonjs/dialog/Dialog.js +39 -152
  14. package/lib/commonjs/dialog/Dialog.js.map +1 -1
  15. package/lib/commonjs/dialog/Dialog.web.js +61 -196
  16. package/lib/commonjs/dialog/Dialog.web.js.map +1 -1
  17. package/lib/commonjs/dialog/DialogBottomSheet.js +205 -0
  18. package/lib/commonjs/dialog/DialogBottomSheet.js.map +1 -0
  19. package/lib/commonjs/dialog/DialogContent.js +155 -0
  20. package/lib/commonjs/dialog/DialogContent.js.map +1 -0
  21. package/lib/commonjs/dialog/index.js +0 -13
  22. package/lib/commonjs/dialog/index.js.map +1 -1
  23. package/lib/commonjs/dialog/index.web.js +0 -19
  24. package/lib/commonjs/dialog/index.web.js.map +1 -1
  25. package/lib/commonjs/index.js +0 -29
  26. package/lib/commonjs/index.js.map +1 -1
  27. package/lib/commonjs/index.web.js +6 -35
  28. package/lib/commonjs/index.web.js.map +1 -1
  29. package/lib/module/alert-dialog/AlertDialog.js +35 -27
  30. package/lib/module/alert-dialog/AlertDialog.js.map +1 -1
  31. package/lib/module/alert-dialog/index.js +2 -2
  32. package/lib/module/alert-dialog/index.js.map +1 -1
  33. package/lib/module/alert-dialog/index.web.js +2 -2
  34. package/lib/module/alert-dialog/index.web.js.map +1 -1
  35. package/lib/module/command/Command.js +27 -16
  36. package/lib/module/command/Command.js.map +1 -1
  37. package/lib/module/command/index.js +2 -2
  38. package/lib/module/command/index.js.map +1 -1
  39. package/lib/module/command/index.web.js +2 -2
  40. package/lib/module/command/index.web.js.map +1 -1
  41. package/lib/module/dialog/Dialog.js +42 -155
  42. package/lib/module/dialog/Dialog.js.map +1 -1
  43. package/lib/module/dialog/Dialog.web.js +63 -198
  44. package/lib/module/dialog/Dialog.web.js.map +1 -1
  45. package/lib/module/dialog/DialogBottomSheet.js +200 -0
  46. package/lib/module/dialog/DialogBottomSheet.js.map +1 -0
  47. package/lib/module/dialog/DialogContent.js +148 -0
  48. package/lib/module/dialog/DialogContent.js.map +1 -0
  49. package/lib/module/dialog/index.js +0 -1
  50. package/lib/module/dialog/index.js.map +1 -1
  51. package/lib/module/dialog/index.web.js +0 -1
  52. package/lib/module/dialog/index.web.js.map +1 -1
  53. package/lib/module/index.js +1 -3
  54. package/lib/module/index.js.map +1 -1
  55. package/lib/module/index.web.js +1 -3
  56. package/lib/module/index.web.js.map +1 -1
  57. package/lib/typescript/commonjs/alert-dialog/AlertDialog.d.ts +13 -12
  58. package/lib/typescript/commonjs/alert-dialog/AlertDialog.d.ts.map +1 -1
  59. package/lib/typescript/commonjs/alert-dialog/index.d.ts.map +1 -1
  60. package/lib/typescript/commonjs/alert-dialog/index.web.d.ts.map +1 -1
  61. package/lib/typescript/commonjs/command/Command.d.ts +8 -8
  62. package/lib/typescript/commonjs/command/Command.d.ts.map +1 -1
  63. package/lib/typescript/commonjs/command/index.d.ts.map +1 -1
  64. package/lib/typescript/commonjs/command/index.web.d.ts.map +1 -1
  65. package/lib/typescript/commonjs/dialog/Dialog.d.ts +2 -3
  66. package/lib/typescript/commonjs/dialog/Dialog.d.ts.map +1 -1
  67. package/lib/typescript/commonjs/dialog/Dialog.web.d.ts +11 -8
  68. package/lib/typescript/commonjs/dialog/Dialog.web.d.ts.map +1 -1
  69. package/lib/typescript/commonjs/dialog/DialogBottomSheet.d.ts +29 -0
  70. package/lib/typescript/commonjs/dialog/DialogBottomSheet.d.ts.map +1 -0
  71. package/lib/typescript/commonjs/dialog/DialogContent.d.ts +32 -0
  72. package/lib/typescript/commonjs/dialog/DialogContent.d.ts.map +1 -0
  73. package/lib/typescript/commonjs/dialog/index.d.ts +0 -2
  74. package/lib/typescript/commonjs/dialog/index.d.ts.map +1 -1
  75. package/lib/typescript/commonjs/dialog/index.web.d.ts +0 -2
  76. package/lib/typescript/commonjs/dialog/index.web.d.ts.map +1 -1
  77. package/lib/typescript/commonjs/index.d.ts +2 -4
  78. package/lib/typescript/commonjs/index.d.ts.map +1 -1
  79. package/lib/typescript/commonjs/index.web.d.ts +2 -4
  80. package/lib/typescript/commonjs/index.web.d.ts.map +1 -1
  81. package/lib/typescript/module/alert-dialog/AlertDialog.d.ts +13 -12
  82. package/lib/typescript/module/alert-dialog/AlertDialog.d.ts.map +1 -1
  83. package/lib/typescript/module/alert-dialog/index.d.ts.map +1 -1
  84. package/lib/typescript/module/alert-dialog/index.web.d.ts.map +1 -1
  85. package/lib/typescript/module/command/Command.d.ts +8 -8
  86. package/lib/typescript/module/command/Command.d.ts.map +1 -1
  87. package/lib/typescript/module/command/index.d.ts.map +1 -1
  88. package/lib/typescript/module/command/index.web.d.ts.map +1 -1
  89. package/lib/typescript/module/dialog/Dialog.d.ts +2 -3
  90. package/lib/typescript/module/dialog/Dialog.d.ts.map +1 -1
  91. package/lib/typescript/module/dialog/Dialog.web.d.ts +11 -8
  92. package/lib/typescript/module/dialog/Dialog.web.d.ts.map +1 -1
  93. package/lib/typescript/module/dialog/DialogBottomSheet.d.ts +29 -0
  94. package/lib/typescript/module/dialog/DialogBottomSheet.d.ts.map +1 -0
  95. package/lib/typescript/module/dialog/DialogContent.d.ts +32 -0
  96. package/lib/typescript/module/dialog/DialogContent.d.ts.map +1 -0
  97. package/lib/typescript/module/dialog/index.d.ts +0 -2
  98. package/lib/typescript/module/dialog/index.d.ts.map +1 -1
  99. package/lib/typescript/module/dialog/index.web.d.ts +0 -2
  100. package/lib/typescript/module/dialog/index.web.d.ts.map +1 -1
  101. package/lib/typescript/module/index.d.ts +2 -4
  102. package/lib/typescript/module/index.d.ts.map +1 -1
  103. package/lib/typescript/module/index.web.d.ts +2 -4
  104. package/lib/typescript/module/index.web.d.ts.map +1 -1
  105. package/package.json +1 -18
  106. package/src/__tests__/AlertDialog.test.tsx +122 -0
  107. package/src/__tests__/BottomSheetGesture.test.tsx +135 -0
  108. package/src/__tests__/Command.test.tsx +107 -0
  109. package/src/__tests__/DialogBottomSheet.test.tsx +130 -0
  110. package/src/alert-dialog/AlertDialog.tsx +46 -36
  111. package/src/alert-dialog/index.ts +2 -2
  112. package/src/alert-dialog/index.web.ts +2 -2
  113. package/src/command/Command.tsx +30 -19
  114. package/src/command/index.ts +2 -2
  115. package/src/command/index.web.ts +2 -2
  116. package/src/dialog/Dialog.tsx +35 -168
  117. package/src/dialog/Dialog.web.tsx +52 -209
  118. package/src/dialog/DialogBottomSheet.tsx +235 -0
  119. package/src/dialog/DialogContent.tsx +157 -0
  120. package/src/dialog/index.ts +0 -2
  121. package/src/dialog/index.web.ts +0 -6
  122. package/src/index.ts +0 -11
  123. package/src/index.web.ts +0 -11
  124. package/lib/commonjs/dialog/CenteredDialog.js +0 -252
  125. package/lib/commonjs/dialog/CenteredDialog.js.map +0 -1
  126. package/lib/commonjs/dialog/CenteredDialog.web.js +0 -330
  127. package/lib/commonjs/dialog/CenteredDialog.web.js.map +0 -1
  128. package/lib/commonjs/dialog/centered-dialog-tokens.js +0 -62
  129. package/lib/commonjs/dialog/centered-dialog-tokens.js.map +0 -1
  130. package/lib/commonjs/dialog/centered-dialog-types.js +0 -6
  131. package/lib/commonjs/dialog/centered-dialog-types.js.map +0 -1
  132. package/lib/commonjs/responsive-sheet/ResponsiveSheet.js +0 -97
  133. package/lib/commonjs/responsive-sheet/ResponsiveSheet.js.map +0 -1
  134. package/lib/commonjs/responsive-sheet/ResponsiveSheet.web.js +0 -84
  135. package/lib/commonjs/responsive-sheet/ResponsiveSheet.web.js.map +0 -1
  136. package/lib/commonjs/responsive-sheet/index.js +0 -19
  137. package/lib/commonjs/responsive-sheet/index.js.map +0 -1
  138. package/lib/commonjs/responsive-sheet/index.web.js +0 -19
  139. package/lib/commonjs/responsive-sheet/index.web.js.map +0 -1
  140. package/lib/commonjs/responsive-sheet/types.js +0 -6
  141. package/lib/commonjs/responsive-sheet/types.js.map +0 -1
  142. package/lib/module/dialog/CenteredDialog.js +0 -246
  143. package/lib/module/dialog/CenteredDialog.js.map +0 -1
  144. package/lib/module/dialog/CenteredDialog.web.js +0 -324
  145. package/lib/module/dialog/CenteredDialog.web.js.map +0 -1
  146. package/lib/module/dialog/centered-dialog-tokens.js +0 -58
  147. package/lib/module/dialog/centered-dialog-tokens.js.map +0 -1
  148. package/lib/module/dialog/centered-dialog-types.js +0 -4
  149. package/lib/module/dialog/centered-dialog-types.js.map +0 -1
  150. package/lib/module/responsive-sheet/ResponsiveSheet.js +0 -90
  151. package/lib/module/responsive-sheet/ResponsiveSheet.js.map +0 -1
  152. package/lib/module/responsive-sheet/ResponsiveSheet.web.js +0 -77
  153. package/lib/module/responsive-sheet/ResponsiveSheet.web.js.map +0 -1
  154. package/lib/module/responsive-sheet/index.js +0 -4
  155. package/lib/module/responsive-sheet/index.js.map +0 -1
  156. package/lib/module/responsive-sheet/index.web.js +0 -12
  157. package/lib/module/responsive-sheet/index.web.js.map +0 -1
  158. package/lib/module/responsive-sheet/types.js +0 -4
  159. package/lib/module/responsive-sheet/types.js.map +0 -1
  160. package/lib/typescript/commonjs/dialog/CenteredDialog.d.ts +0 -22
  161. package/lib/typescript/commonjs/dialog/CenteredDialog.d.ts.map +0 -1
  162. package/lib/typescript/commonjs/dialog/CenteredDialog.web.d.ts +0 -31
  163. package/lib/typescript/commonjs/dialog/CenteredDialog.web.d.ts.map +0 -1
  164. package/lib/typescript/commonjs/dialog/centered-dialog-tokens.d.ts +0 -47
  165. package/lib/typescript/commonjs/dialog/centered-dialog-tokens.d.ts.map +0 -1
  166. package/lib/typescript/commonjs/dialog/centered-dialog-types.d.ts +0 -74
  167. package/lib/typescript/commonjs/dialog/centered-dialog-types.d.ts.map +0 -1
  168. package/lib/typescript/commonjs/responsive-sheet/ResponsiveSheet.d.ts +0 -22
  169. package/lib/typescript/commonjs/responsive-sheet/ResponsiveSheet.d.ts.map +0 -1
  170. package/lib/typescript/commonjs/responsive-sheet/ResponsiveSheet.web.d.ts +0 -16
  171. package/lib/typescript/commonjs/responsive-sheet/ResponsiveSheet.web.d.ts.map +0 -1
  172. package/lib/typescript/commonjs/responsive-sheet/index.d.ts +0 -3
  173. package/lib/typescript/commonjs/responsive-sheet/index.d.ts.map +0 -1
  174. package/lib/typescript/commonjs/responsive-sheet/index.web.d.ts +0 -3
  175. package/lib/typescript/commonjs/responsive-sheet/index.web.d.ts.map +0 -1
  176. package/lib/typescript/commonjs/responsive-sheet/types.d.ts +0 -58
  177. package/lib/typescript/commonjs/responsive-sheet/types.d.ts.map +0 -1
  178. package/lib/typescript/module/dialog/CenteredDialog.d.ts +0 -22
  179. package/lib/typescript/module/dialog/CenteredDialog.d.ts.map +0 -1
  180. package/lib/typescript/module/dialog/CenteredDialog.web.d.ts +0 -31
  181. package/lib/typescript/module/dialog/CenteredDialog.web.d.ts.map +0 -1
  182. package/lib/typescript/module/dialog/centered-dialog-tokens.d.ts +0 -47
  183. package/lib/typescript/module/dialog/centered-dialog-tokens.d.ts.map +0 -1
  184. package/lib/typescript/module/dialog/centered-dialog-types.d.ts +0 -74
  185. package/lib/typescript/module/dialog/centered-dialog-types.d.ts.map +0 -1
  186. package/lib/typescript/module/responsive-sheet/ResponsiveSheet.d.ts +0 -22
  187. package/lib/typescript/module/responsive-sheet/ResponsiveSheet.d.ts.map +0 -1
  188. package/lib/typescript/module/responsive-sheet/ResponsiveSheet.web.d.ts +0 -16
  189. package/lib/typescript/module/responsive-sheet/ResponsiveSheet.web.d.ts.map +0 -1
  190. package/lib/typescript/module/responsive-sheet/index.d.ts +0 -3
  191. package/lib/typescript/module/responsive-sheet/index.d.ts.map +0 -1
  192. package/lib/typescript/module/responsive-sheet/index.web.d.ts +0 -3
  193. package/lib/typescript/module/responsive-sheet/index.web.d.ts.map +0 -1
  194. package/lib/typescript/module/responsive-sheet/types.d.ts +0 -58
  195. package/lib/typescript/module/responsive-sheet/types.d.ts.map +0 -1
  196. package/src/__tests__/CenteredDialog.test.tsx +0 -108
  197. package/src/__tests__/ResponsiveSheet.test.tsx +0 -88
  198. package/src/dialog/CenteredDialog.stories.tsx +0 -125
  199. package/src/dialog/CenteredDialog.tsx +0 -305
  200. package/src/dialog/CenteredDialog.web.tsx +0 -374
  201. package/src/dialog/centered-dialog-tokens.ts +0 -68
  202. package/src/dialog/centered-dialog-types.ts +0 -74
  203. package/src/responsive-sheet/ResponsiveSheet.stories.tsx +0 -54
  204. package/src/responsive-sheet/ResponsiveSheet.tsx +0 -88
  205. package/src/responsive-sheet/ResponsiveSheet.web.tsx +0 -76
  206. package/src/responsive-sheet/index.ts +0 -6
  207. package/src/responsive-sheet/index.web.ts +0 -14
  208. package/src/responsive-sheet/types.ts +0 -60
@@ -1 +0,0 @@
1
- {"version":3,"names":["_ResponsiveSheetWeb","require"],"sourceRoot":"../../../src","sources":["responsive-sheet/index.web.ts"],"mappings":";;;;;;;;;;;;;;;;;AAQA,IAAAA,mBAAA,GAAAC,OAAA","ignoreList":[]}
@@ -1,6 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sourceRoot":"../../../src","sources":["responsive-sheet/types.ts"],"mappings":"","ignoreList":[]}
@@ -1,246 +0,0 @@
1
- "use strict";
2
-
3
- import React, { useMemo } from 'react';
4
- import { Modal, Pressable, ScrollView, StyleSheet, View } from 'react-native';
5
- import { useInteractionState } from "../hooks/useInteractionState.js";
6
- import { TimesLarge_Stroke2_Corner0_Rounded as CloseIcon } from "../icons/Times.js";
7
- import { useTheme } from "../theme/use-theme.js";
8
- import { Text } from "../typography/index.js";
9
- import { CARD_RADIUS, DEFAULT_MAX_WIDTH, MAX_HEIGHT_FRACTION, resolveSpacing, VIEWPORT_GUTTER } from "./centered-dialog-tokens.js";
10
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
11
- const CLOSE_HIT_SLOP = {
12
- top: 8,
13
- bottom: 8,
14
- left: 8,
15
- right: 8
16
- };
17
-
18
- /** Stable testID for the dimmed backdrop. Overridden when a `testID` is set. */
19
- export const CENTERED_DIALOG_BACKDROP_TESTID = 'bloom-centered-dialog-backdrop';
20
-
21
- /**
22
- * @deprecated Use `<Dialog placement="center">` instead.
23
- *
24
- * Native variant of `<CenteredDialog>`.
25
- *
26
- * A controlled, centered modal: a transparent RN `Modal` (fade animation,
27
- * own native window) hosting a dimmed full-screen backdrop and a centered,
28
- * rounded card styled entirely from Bloom theme tokens.
29
- *
30
- * The backdrop is a sibling `Pressable` rendered BEHIND the card (absolute
31
- * filled), never a parent of it — so a tap on the card never bubbles to the
32
- * backdrop's close handler and the card never ends up nested inside the
33
- * backdrop's pressable on web.
34
- *
35
- * Dismissal: backdrop tap (when `dismissible`), the header close button, and
36
- * the Android hardware back button (`onRequestClose`) all call `onClose`.
37
- */
38
- export function CenteredDialog({
39
- visible,
40
- onClose,
41
- title,
42
- dismissible = true,
43
- maxWidth = DEFAULT_MAX_WIDTH,
44
- compact = true,
45
- showClose,
46
- children,
47
- footer,
48
- accessibilityLabel,
49
- closeAccessibilityLabel = 'Close dialog',
50
- backdropAccessibilityLabel = 'Dismiss dialog',
51
- cardStyle,
52
- contentStyle,
53
- testID
54
- }) {
55
- const theme = useTheme();
56
- const backdropPress = useInteractionState();
57
- const spacing = useMemo(() => resolveSpacing(compact), [compact]);
58
- const resolvedShowClose = showClose ?? Boolean(title);
59
- const hasHeader = Boolean(title) || resolvedShowClose;
60
- const handleBackdropPress = dismissible ? onClose : undefined;
61
- // Android's hardware back must always be answerable; when the dialog is
62
- // non-dismissible we still need a handler (RN requires one for transparent
63
- // modals) — make it a no-op so back does nothing rather than crash.
64
- const handleRequestClose = dismissible ? onClose : noop;
65
- return /*#__PURE__*/_jsx(Modal, {
66
- visible: visible,
67
- transparent: true,
68
- animationType: "fade",
69
- statusBarTranslucent: true,
70
- onRequestClose: handleRequestClose,
71
- children: /*#__PURE__*/_jsxs(View, {
72
- style: [styles.root, {
73
- padding: VIEWPORT_GUTTER
74
- }],
75
- children: [/*#__PURE__*/_jsx(Pressable, {
76
- testID: testID ? `${testID}-backdrop` : CENTERED_DIALOG_BACKDROP_TESTID,
77
- style: [styles.backdrop, {
78
- backgroundColor: theme.colors.overlay
79
- }, backdropPress.state && styles.backdropPressed],
80
- onPress: handleBackdropPress,
81
- onPressIn: backdropPress.onIn,
82
- onPressOut: backdropPress.onOut,
83
- disabled: !dismissible,
84
- accessibilityRole: "button",
85
- accessibilityLabel: backdropAccessibilityLabel
86
- }), /*#__PURE__*/_jsxs(View, {
87
- testID: testID,
88
- accessibilityLabel: accessibilityLabel ?? title,
89
- style: [styles.card, {
90
- maxWidth,
91
- maxHeight: `${MAX_HEIGHT_FRACTION * 100}%`,
92
- backgroundColor: theme.colors.card,
93
- borderColor: theme.colors.border,
94
- shadowColor: theme.colors.shadow
95
- }, cardStyle],
96
- children: [hasHeader ? /*#__PURE__*/_jsx(DialogHeader, {
97
- title: title,
98
- showClose: resolvedShowClose,
99
- padding: spacing.pad,
100
- gap: spacing.headerGap,
101
- closeAccessibilityLabel: closeAccessibilityLabel,
102
- onClose: onClose
103
- }) : null, /*#__PURE__*/_jsx(ScrollView, {
104
- style: styles.bodyScroll,
105
- contentContainerStyle: [{
106
- padding: spacing.pad,
107
- paddingTop: hasHeader ? spacing.headerGap : spacing.pad,
108
- gap: spacing.contentGap
109
- }, contentStyle],
110
- showsVerticalScrollIndicator: false,
111
- keyboardShouldPersistTaps: "handled",
112
- children: children
113
- }), footer ? /*#__PURE__*/_jsx(View, {
114
- style: [styles.footer, {
115
- padding: spacing.pad,
116
- paddingTop: spacing.footerGap,
117
- borderTopColor: theme.colors.borderLight
118
- }],
119
- children: footer
120
- }) : null]
121
- })]
122
- })
123
- });
124
- }
125
- function DialogHeader({
126
- title,
127
- showClose,
128
- padding,
129
- gap,
130
- closeAccessibilityLabel,
131
- onClose
132
- }) {
133
- const theme = useTheme();
134
- return /*#__PURE__*/_jsxs(View, {
135
- style: [styles.header, {
136
- paddingHorizontal: padding,
137
- paddingTop: padding,
138
- gap
139
- }],
140
- children: [title ? /*#__PURE__*/_jsx(Text, {
141
- accessibilityRole: "header",
142
- numberOfLines: 2,
143
- style: [styles.title, {
144
- color: theme.colors.text
145
- }],
146
- children: title
147
- }) : /*#__PURE__*/_jsx(View, {
148
- style: styles.titleSpacer
149
- }), showClose ? /*#__PURE__*/_jsx(CloseButton, {
150
- accessibilityLabel: closeAccessibilityLabel,
151
- onPress: onClose
152
- }) : null]
153
- });
154
- }
155
- function CloseButton({
156
- accessibilityLabel,
157
- onPress
158
- }) {
159
- const theme = useTheme();
160
- const press = useInteractionState();
161
- return /*#__PURE__*/_jsx(Pressable, {
162
- onPress: onPress,
163
- onPressIn: press.onIn,
164
- onPressOut: press.onOut,
165
- hitSlop: CLOSE_HIT_SLOP,
166
- accessibilityRole: "button",
167
- accessibilityLabel: accessibilityLabel,
168
- style: [styles.closeButton, {
169
- backgroundColor: theme.colors.contrast50
170
- }, press.state && styles.closeButtonPressed],
171
- children: /*#__PURE__*/_jsx(CloseIcon, {
172
- size: "sm",
173
- fill: theme.colors.textSecondary
174
- })
175
- });
176
- }
177
- function noop() {
178
- /* non-dismissible: hardware back is intentionally inert */
179
- }
180
- const styles = StyleSheet.create({
181
- root: {
182
- flex: 1,
183
- alignItems: 'center',
184
- justifyContent: 'center'
185
- },
186
- backdrop: {
187
- // Spell out the absolute-fill rect (matches `Fill`'s canonical style)
188
- // rather than spreading the deprecated `StyleSheet.absoluteFillObject`,
189
- // which RN 0.83's generated types no longer surface on the `StyleSheet`
190
- // namespace and which downstream type-checks reject.
191
- position: 'absolute',
192
- top: 0,
193
- right: 0,
194
- bottom: 0,
195
- left: 0
196
- },
197
- // A subtle deepening on press confirms the tap-to-dismiss affordance.
198
- backdropPressed: {
199
- opacity: 0.92
200
- },
201
- card: {
202
- width: '100%',
203
- borderRadius: CARD_RADIUS,
204
- borderWidth: StyleSheet.hairlineWidth,
205
- overflow: 'hidden',
206
- shadowOpacity: 0.18,
207
- shadowRadius: 24,
208
- shadowOffset: {
209
- width: 0,
210
- height: 8
211
- },
212
- elevation: 12
213
- },
214
- header: {
215
- flexDirection: 'row',
216
- alignItems: 'flex-start',
217
- justifyContent: 'space-between'
218
- },
219
- title: {
220
- flex: 1,
221
- fontSize: 17,
222
- fontWeight: '700',
223
- lineHeight: 22
224
- },
225
- titleSpacer: {
226
- flex: 1
227
- },
228
- closeButton: {
229
- width: 28,
230
- height: 28,
231
- borderRadius: 14,
232
- alignItems: 'center',
233
- justifyContent: 'center'
234
- },
235
- closeButtonPressed: {
236
- opacity: 0.7
237
- },
238
- bodyScroll: {
239
- flexGrow: 0,
240
- flexShrink: 1
241
- },
242
- footer: {
243
- borderTopWidth: StyleSheet.hairlineWidth
244
- }
245
- });
246
- //# sourceMappingURL=CenteredDialog.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["React","useMemo","Modal","Pressable","ScrollView","StyleSheet","View","useInteractionState","TimesLarge_Stroke2_Corner0_Rounded","CloseIcon","useTheme","Text","CARD_RADIUS","DEFAULT_MAX_WIDTH","MAX_HEIGHT_FRACTION","resolveSpacing","VIEWPORT_GUTTER","jsx","_jsx","jsxs","_jsxs","CLOSE_HIT_SLOP","top","bottom","left","right","CENTERED_DIALOG_BACKDROP_TESTID","CenteredDialog","visible","onClose","title","dismissible","maxWidth","compact","showClose","children","footer","accessibilityLabel","closeAccessibilityLabel","backdropAccessibilityLabel","cardStyle","contentStyle","testID","theme","backdropPress","spacing","resolvedShowClose","Boolean","hasHeader","handleBackdropPress","undefined","handleRequestClose","noop","transparent","animationType","statusBarTranslucent","onRequestClose","style","styles","root","padding","backdrop","backgroundColor","colors","overlay","state","backdropPressed","onPress","onPressIn","onIn","onPressOut","onOut","disabled","accessibilityRole","card","maxHeight","borderColor","border","shadowColor","shadow","DialogHeader","pad","gap","headerGap","bodyScroll","contentContainerStyle","paddingTop","contentGap","showsVerticalScrollIndicator","keyboardShouldPersistTaps","footerGap","borderTopColor","borderLight","header","paddingHorizontal","numberOfLines","color","text","titleSpacer","CloseButton","press","hitSlop","closeButton","contrast50","closeButtonPressed","size","fill","textSecondary","create","flex","alignItems","justifyContent","position","opacity","width","borderRadius","borderWidth","hairlineWidth","overflow","shadowOpacity","shadowRadius","shadowOffset","height","elevation","flexDirection","fontSize","fontWeight","lineHeight","flexGrow","flexShrink","borderTopWidth"],"sourceRoot":"../../../src","sources":["dialog/CenteredDialog.tsx"],"mappings":"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","ignoreList":[]}
@@ -1,324 +0,0 @@
1
- "use strict";
2
-
3
- import React, { useEffect, useMemo, useState } from 'react';
4
- import { Pressable, ScrollView, StyleSheet, View } from 'react-native';
5
- import { RemoveScrollBar } from 'react-remove-scroll-bar';
6
- import { useInteractionStates } from "../hooks/useInteractionState.js";
7
- import { TimesLarge_Stroke2_Corner0_Rounded as CloseIcon } from "../icons/Times.js";
8
- import { Portal } from "../portal/index.web.js";
9
- import { createOverlayZIndex } from "../styles/z-index.js";
10
- import { useTheme } from "../theme/use-theme.js";
11
- import { Text } from "../typography/index.js";
12
- import { CARD_RADIUS, DEFAULT_MAX_WIDTH, MAX_HEIGHT_FRACTION, resolveSpacing, VIEWPORT_GUTTER } from "./centered-dialog-tokens.js";
13
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
14
- const FADE_OUT_DURATION = 150;
15
- const CLOSE_HIT_SLOP = {
16
- top: 8,
17
- bottom: 8,
18
- left: 8,
19
- right: 8
20
- };
21
- const dialogZIndex = createOverlayZIndex();
22
-
23
- /** Stable testID for the dimmed backdrop. Overridden when a `testID` is set. */
24
- export const CENTERED_DIALOG_BACKDROP_TESTID = 'bloom-centered-dialog-backdrop';
25
- const stopPropagation = e => e.stopPropagation();
26
-
27
- /**
28
- * @deprecated Use `<Dialog placement="center">` instead.
29
- *
30
- * Web variant of `<CenteredDialog>`.
31
- *
32
- * A centered modal card rendered into the Bloom Portal at the end of
33
- * `document.body`. Identical prop surface to native — `visible`, `onClose`,
34
- * `title`, `compact`, etc. — so call sites are platform agnostic.
35
- *
36
- * Differences from the native fork (necessary, not behavioural):
37
- * - Portal + `RemoveScrollBar` lock the underlying page while open.
38
- * - `Escape` dismisses (when `dismissible`).
39
- * - A `role="dialog"` panel with `aria-label`/`aria-modal` for a11y.
40
- * - A CSS fade/zoom keyframe matches the native modal's `fade` animation;
41
- * the keyframes are injected once (idempotent) into `<head>`.
42
- *
43
- * The backdrop is a sibling element BEHIND the card, and the card stops
44
- * click/press propagation so a tap on the card never dismisses.
45
- */
46
- export function CenteredDialog({
47
- visible,
48
- onClose,
49
- title,
50
- dismissible = true,
51
- maxWidth = DEFAULT_MAX_WIDTH,
52
- compact = true,
53
- showClose,
54
- children,
55
- footer,
56
- accessibilityLabel,
57
- closeAccessibilityLabel = 'Close dialog',
58
- backdropAccessibilityLabel = 'Dismiss dialog',
59
- cardStyle,
60
- contentStyle,
61
- testID
62
- }) {
63
- const theme = useTheme();
64
- // `rendered` keeps the dialog mounted through its fade-out so a controlled
65
- // `visible` flip to `false` still plays an exit animation (matching the
66
- // native `Modal animationType="fade"`, which animates both directions).
67
- const [rendered, setRendered] = useState(visible);
68
- const isClosing = rendered && !visible;
69
- useKeyframes();
70
-
71
- // Mount immediately when opened; defer unmount until the exit animation
72
- // has played when closed.
73
- useEffect(() => {
74
- if (visible) {
75
- setRendered(true);
76
- return;
77
- }
78
- if (!rendered) return;
79
- const timer = setTimeout(() => setRendered(false), FADE_OUT_DURATION);
80
- return () => clearTimeout(timer);
81
- }, [visible, rendered]);
82
-
83
- // Escape-to-close while open. Scoped to the open lifetime so stacked
84
- // dialogs don't fight for the keydown — the top-most one wins via
85
- // document-level event order.
86
- useEffect(() => {
87
- if (!visible || !dismissible || typeof document === 'undefined') return;
88
- const handler = e => {
89
- if (e.key === 'Escape') {
90
- e.stopPropagation();
91
- onClose();
92
- }
93
- };
94
- document.addEventListener('keydown', handler);
95
- return () => document.removeEventListener('keydown', handler);
96
- }, [visible, dismissible, onClose]);
97
- const spacing = useMemo(() => resolveSpacing(compact), [compact]);
98
- const resolvedShowClose = showClose ?? Boolean(title);
99
- const hasHeader = Boolean(title) || resolvedShowClose;
100
- if (!rendered) return null;
101
-
102
- // While closing, the backdrop must not re-trigger onClose (it's mid-exit).
103
- const handleBackdropPress = dismissible && !isClosing ? onClose : undefined;
104
- return /*#__PURE__*/_jsxs(Portal, {
105
- children: [/*#__PURE__*/_jsx(RemoveScrollBar, {}), /*#__PURE__*/_jsxs(View, {
106
- style: [styles.root, {
107
- padding: VIEWPORT_GUTTER
108
- }],
109
- children: [/*#__PURE__*/_jsx(Pressable, {
110
- testID: testID ? `${testID}-backdrop` : CENTERED_DIALOG_BACKDROP_TESTID,
111
- onPress: handleBackdropPress,
112
- disabled: !dismissible,
113
- accessibilityRole: "button",
114
- accessibilityLabel: backdropAccessibilityLabel,
115
- style: [styles.backdrop, {
116
- backgroundColor: theme.colors.overlay
117
- }, backdropAnimation(isClosing)]
118
- }), /*#__PURE__*/_jsxs(View, {
119
- testID: testID,
120
- role: "dialog",
121
- "aria-modal": true,
122
- "aria-label": accessibilityLabel ?? title,
123
- onStartShouldSetResponder: returnsTrue,
124
- onResponderRelease: stopPropagation,
125
- onClick: stopPropagation,
126
- style: [styles.card, {
127
- maxWidth,
128
- maxHeight: `${MAX_HEIGHT_FRACTION * 100}%`,
129
- backgroundColor: theme.colors.card,
130
- borderColor: theme.colors.border,
131
- shadowColor: theme.colors.shadow
132
- }, cardAnimation(isClosing), cardStyle],
133
- children: [hasHeader ? /*#__PURE__*/_jsx(DialogHeader, {
134
- title: title,
135
- showClose: resolvedShowClose,
136
- padding: spacing.pad,
137
- gap: spacing.headerGap,
138
- closeAccessibilityLabel: closeAccessibilityLabel,
139
- onClose: onClose
140
- }) : null, /*#__PURE__*/_jsx(ScrollView, {
141
- style: styles.bodyScroll,
142
- contentContainerStyle: [{
143
- padding: spacing.pad,
144
- paddingTop: hasHeader ? spacing.headerGap : spacing.pad,
145
- gap: spacing.contentGap
146
- }, contentStyle],
147
- showsVerticalScrollIndicator: false,
148
- keyboardShouldPersistTaps: "handled",
149
- children: children
150
- }), footer ? /*#__PURE__*/_jsx(View, {
151
- style: [styles.footer, {
152
- padding: spacing.pad,
153
- paddingTop: spacing.footerGap,
154
- borderTopColor: theme.colors.borderLight
155
- }],
156
- children: footer
157
- }) : null]
158
- })]
159
- })]
160
- });
161
- }
162
- function DialogHeader({
163
- title,
164
- showClose,
165
- padding,
166
- gap,
167
- closeAccessibilityLabel,
168
- onClose
169
- }) {
170
- const theme = useTheme();
171
- return /*#__PURE__*/_jsxs(View, {
172
- style: [styles.header, {
173
- paddingHorizontal: padding,
174
- paddingTop: padding,
175
- gap
176
- }],
177
- children: [title ? /*#__PURE__*/_jsx(Text, {
178
- accessibilityRole: "header",
179
- numberOfLines: 2,
180
- style: [styles.title, {
181
- color: theme.colors.text
182
- }],
183
- children: title
184
- }) : /*#__PURE__*/_jsx(View, {
185
- style: styles.titleSpacer
186
- }), showClose ? /*#__PURE__*/_jsx(CloseButton, {
187
- accessibilityLabel: closeAccessibilityLabel,
188
- onPress: onClose
189
- }) : null]
190
- });
191
- }
192
- function CloseButton({
193
- accessibilityLabel,
194
- onPress
195
- }) {
196
- const theme = useTheme();
197
- const {
198
- hovered,
199
- pressed,
200
- hoverHandlers,
201
- pressHandlers
202
- } = useInteractionStates();
203
- return /*#__PURE__*/_jsx(Pressable, {
204
- onPress: onPress,
205
- ...hoverHandlers,
206
- ...pressHandlers,
207
- hitSlop: CLOSE_HIT_SLOP,
208
- accessibilityRole: "button",
209
- accessibilityLabel: accessibilityLabel,
210
- style: [styles.closeButton, {
211
- backgroundColor: theme.colors.contrast50
212
- }, (hovered || pressed) && styles.closeButtonActive],
213
- children: /*#__PURE__*/_jsx(CloseIcon, {
214
- size: "sm",
215
- fill: theme.colors.textSecondary
216
- })
217
- });
218
- }
219
- const returnsTrue = () => true;
220
- function backdropAnimation(isClosing) {
221
- return isClosing ? {
222
- animation: `bloomCenteredDialogFadeOut ease-in ${FADE_OUT_DURATION}ms forwards`
223
- } : {
224
- animation: 'bloomCenteredDialogFadeIn ease-out 150ms'
225
- };
226
- }
227
- function cardAnimation(isClosing) {
228
- return isClosing ? {
229
- animation: `bloomCenteredDialogZoomOut ease-in ${FADE_OUT_DURATION}ms forwards`
230
- } : {
231
- animation: 'bloomCenteredDialogZoomIn cubic-bezier(0.16, 1, 0.3, 1) 200ms'
232
- };
233
- }
234
- const KEYFRAMES_ID = 'bloom-centered-dialog-keyframes';
235
-
236
- /**
237
- * CSS keyframes powering the web enter/exit animation. Injected once into
238
- * `<head>` on first mount (keyed by id so re-mounts and multiple dialogs
239
- * don't duplicate the rule). Mirrors the native modal's `fade` feel with a
240
- * subtle zoom on the card.
241
- */
242
- export const BLOOM_CENTERED_DIALOG_CSS = `
243
- @keyframes bloomCenteredDialogFadeIn { from { opacity: 0; } to { opacity: 1; } }
244
- @keyframes bloomCenteredDialogFadeOut { from { opacity: 1; } to { opacity: 0; } }
245
- @keyframes bloomCenteredDialogZoomIn { from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: scale(1); } }
246
- @keyframes bloomCenteredDialogZoomOut { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0.96); } }
247
- `;
248
- function useKeyframes() {
249
- useEffect(() => {
250
- if (typeof document === 'undefined') return;
251
- if (document.getElementById(KEYFRAMES_ID)) return;
252
- const style = document.createElement('style');
253
- style.id = KEYFRAMES_ID;
254
- style.textContent = BLOOM_CENTERED_DIALOG_CSS;
255
- document.head.appendChild(style);
256
- }, []);
257
- }
258
- const styles = StyleSheet.create({
259
- root: {
260
- position: 'fixed',
261
- top: 0,
262
- left: 0,
263
- right: 0,
264
- bottom: 0,
265
- zIndex: dialogZIndex.backdrop,
266
- alignItems: 'center',
267
- justifyContent: 'center',
268
- pointerEvents: 'auto'
269
- },
270
- backdrop: {
271
- position: 'fixed',
272
- top: 0,
273
- left: 0,
274
- right: 0,
275
- bottom: 0
276
- },
277
- card: {
278
- position: 'relative',
279
- width: '100%',
280
- borderRadius: CARD_RADIUS,
281
- borderWidth: 1,
282
- overflow: 'hidden',
283
- shadowOpacity: 0.18,
284
- shadowRadius: 24,
285
- shadowOffset: {
286
- width: 0,
287
- height: 8
288
- },
289
- zIndex: dialogZIndex.surface
290
- },
291
- header: {
292
- flexDirection: 'row',
293
- alignItems: 'flex-start',
294
- justifyContent: 'space-between'
295
- },
296
- title: {
297
- flex: 1,
298
- fontSize: 17,
299
- fontWeight: '700',
300
- lineHeight: 22
301
- },
302
- titleSpacer: {
303
- flex: 1
304
- },
305
- closeButton: {
306
- width: 28,
307
- height: 28,
308
- borderRadius: 14,
309
- alignItems: 'center',
310
- justifyContent: 'center',
311
- cursor: 'pointer'
312
- },
313
- closeButtonActive: {
314
- opacity: 0.7
315
- },
316
- bodyScroll: {
317
- flexGrow: 0,
318
- flexShrink: 1
319
- },
320
- footer: {
321
- borderTopWidth: 1
322
- }
323
- });
324
- //# sourceMappingURL=CenteredDialog.web.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["React","useEffect","useMemo","useState","Pressable","ScrollView","StyleSheet","View","RemoveScrollBar","useInteractionStates","TimesLarge_Stroke2_Corner0_Rounded","CloseIcon","Portal","createOverlayZIndex","useTheme","Text","CARD_RADIUS","DEFAULT_MAX_WIDTH","MAX_HEIGHT_FRACTION","resolveSpacing","VIEWPORT_GUTTER","jsx","_jsx","jsxs","_jsxs","FADE_OUT_DURATION","CLOSE_HIT_SLOP","top","bottom","left","right","dialogZIndex","CENTERED_DIALOG_BACKDROP_TESTID","stopPropagation","e","CenteredDialog","visible","onClose","title","dismissible","maxWidth","compact","showClose","children","footer","accessibilityLabel","closeAccessibilityLabel","backdropAccessibilityLabel","cardStyle","contentStyle","testID","theme","rendered","setRendered","isClosing","useKeyframes","timer","setTimeout","clearTimeout","document","handler","key","addEventListener","removeEventListener","spacing","resolvedShowClose","Boolean","hasHeader","handleBackdropPress","undefined","style","styles","root","padding","onPress","disabled","accessibilityRole","backdrop","backgroundColor","colors","overlay","backdropAnimation","role","onStartShouldSetResponder","returnsTrue","onResponderRelease","onClick","card","maxHeight","borderColor","border","shadowColor","shadow","cardAnimation","DialogHeader","pad","gap","headerGap","bodyScroll","contentContainerStyle","paddingTop","contentGap","showsVerticalScrollIndicator","keyboardShouldPersistTaps","footerGap","borderTopColor","borderLight","header","paddingHorizontal","numberOfLines","color","text","titleSpacer","CloseButton","hovered","pressed","hoverHandlers","pressHandlers","hitSlop","closeButton","contrast50","closeButtonActive","size","fill","textSecondary","animation","KEYFRAMES_ID","BLOOM_CENTERED_DIALOG_CSS","getElementById","createElement","id","textContent","head","appendChild","create","position","zIndex","alignItems","justifyContent","pointerEvents","width","borderRadius","borderWidth","overflow","shadowOpacity","shadowRadius","shadowOffset","height","surface","flexDirection","flex","fontSize","fontWeight","lineHeight","cursor","opacity","flexGrow","flexShrink","borderTopWidth"],"sourceRoot":"../../../src","sources":["dialog/CenteredDialog.web.tsx"],"mappings":"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","ignoreList":[]}
@@ -1,58 +0,0 @@
1
- "use strict";
2
-
3
- import { borderRadius, space } from "../styles/tokens.js";
4
-
5
- /**
6
- * Shared layout constants for `<CenteredDialog>`, kept in one module so the
7
- * native and web forks render identically. All values are Bloom theme tokens
8
- * (`styles/tokens`) — no ad-hoc magic numbers.
9
- *
10
- * COMPACT is the priority: the `compact` spacing set is the default and is
11
- * deliberately tight (≈`space.md`), so the card reads snug out of the box.
12
- * The `cozy` set is the opt-out (`compact={false}`) for roomier dialogs.
13
- */
14
-
15
- /** Default max card width — comfortable for a compact dialog. */
16
- export const DEFAULT_MAX_WIDTH = 440;
17
-
18
- /** Card height is capped at this fraction of the viewport; body scrolls. */
19
- export const MAX_HEIGHT_FRACTION = 0.8;
20
-
21
- /** Card corner radius (token: `borderRadius.lg` = 16). */
22
- export const CARD_RADIUS = borderRadius.lg;
23
-
24
- /** Outer gutter between the card edge and the viewport edge (token `space.lg`). */
25
- export const VIEWPORT_GUTTER = space.lg;
26
- /**
27
- * Compact (default) — tight, snug spacing built on `space.md` (12).
28
- *
29
- * pad = space.md (12)
30
- * headerGap = space.sm (8)
31
- * footerGap = space.md (12)
32
- * contentGap = space.sm (8)
33
- */
34
- export const COMPACT_SPACING = {
35
- pad: space.md,
36
- headerGap: space.sm,
37
- footerGap: space.md,
38
- contentGap: space.sm
39
- };
40
-
41
- /**
42
- * Cozy (`compact={false}`) — roomier spacing built on `space.xl` (20).
43
- *
44
- * pad = space.xl (20)
45
- * headerGap = space.md (12)
46
- * footerGap = space.lg (16)
47
- * contentGap = space.md (12)
48
- */
49
- export const COZY_SPACING = {
50
- pad: space.xl,
51
- headerGap: space.md,
52
- footerGap: space.lg,
53
- contentGap: space.md
54
- };
55
- export function resolveSpacing(compact) {
56
- return compact ? COMPACT_SPACING : COZY_SPACING;
57
- }
58
- //# sourceMappingURL=centered-dialog-tokens.js.map