@jobber/components-native 0.92.0 → 0.94.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/dist/package.json +4 -2
  2. package/dist/src/BottomSheet/BottomSheet.js +58 -32
  3. package/dist/src/BottomSheet/BottomSheet.style.js +8 -9
  4. package/dist/src/BottomSheet/hooks/useBottomSheetBackHandler.js +26 -0
  5. package/dist/src/Content/ContentHorizontal.style.js +15 -0
  6. package/dist/src/Content/ContentSpaceAround.style.js +15 -0
  7. package/dist/src/Content/ContentVertical.style.js +15 -0
  8. package/dist/src/InputText/InputText.js +2 -2
  9. package/dist/tsconfig.build.tsbuildinfo +1 -1
  10. package/dist/types/src/BottomSheet/BottomSheet.d.ts +7 -3
  11. package/dist/types/src/BottomSheet/BottomSheet.style.d.ts +7 -14
  12. package/dist/types/src/BottomSheet/hooks/useBottomSheetBackHandler.d.ts +8 -0
  13. package/dist/types/src/Content/Content.d.ts +1 -1
  14. package/dist/types/src/Content/ContentHorizontal.style.d.ts +15 -0
  15. package/dist/types/src/Content/ContentSpaceAround.style.d.ts +15 -0
  16. package/dist/types/src/Content/ContentVertical.style.d.ts +15 -0
  17. package/dist/types/src/InputText/InputText.d.ts +1 -1
  18. package/package.json +4 -2
  19. package/src/BottomSheet/BottomSheet.stories.tsx +128 -0
  20. package/src/BottomSheet/BottomSheet.style.ts +7 -14
  21. package/src/BottomSheet/BottomSheet.test.tsx +19 -24
  22. package/src/BottomSheet/BottomSheet.tsx +112 -93
  23. package/src/BottomSheet/hooks/useBottomSheetBackHandler.test.ts +90 -0
  24. package/src/BottomSheet/hooks/useBottomSheetBackHandler.ts +41 -0
  25. package/src/Content/Content.tsx +6 -1
  26. package/src/Content/ContentHorizontal.style.ts +20 -0
  27. package/src/Content/ContentSpaceAround.style.ts +20 -0
  28. package/src/Content/ContentVertical.style.ts +20 -0
  29. package/src/InputText/InputText.tsx +3 -3
  30. package/src/ThumbnailList/__snapshots__/ThumbnailList.test.tsx.snap +199 -1
@@ -150,6 +150,204 @@ exports[`renders a thumbnail component with attachments 1`] = `
150
150
  "top": 0,
151
151
  }
152
152
  }
153
- />,
153
+ >
154
+ <View
155
+ backdropComponent={[Function]}
156
+ backgroundStyle={
157
+ {
158
+ "borderTopLeftRadius": 24,
159
+ "borderTopRightRadius": 24,
160
+ }
161
+ }
162
+ enablePanDownToClose={true}
163
+ handleStyle={
164
+ {
165
+ "display": "none",
166
+ }
167
+ }
168
+ keyboardBlurBehavior="restore"
169
+ style={
170
+ {
171
+ "display": "none",
172
+ }
173
+ }
174
+ testID="bottom-sheet-mock"
175
+ >
176
+ <View
177
+ style={
178
+ {
179
+ "paddingBottom": 8,
180
+ "paddingTop": 8,
181
+ }
182
+ }
183
+ testID="bottom-sheet-view"
184
+ >
185
+ <View
186
+ accessibilityLabel="Preview "
187
+ accessibilityState={
188
+ {
189
+ "busy": undefined,
190
+ "checked": undefined,
191
+ "disabled": undefined,
192
+ "expanded": undefined,
193
+ "selected": undefined,
194
+ }
195
+ }
196
+ accessibilityValue={
197
+ {
198
+ "max": undefined,
199
+ "min": undefined,
200
+ "now": undefined,
201
+ "text": undefined,
202
+ }
203
+ }
204
+ accessible={true}
205
+ collapsable={false}
206
+ focusable={true}
207
+ onClick={[Function]}
208
+ onResponderGrant={[Function]}
209
+ onResponderMove={[Function]}
210
+ onResponderRelease={[Function]}
211
+ onResponderTerminate={[Function]}
212
+ onResponderTerminationRequest={[Function]}
213
+ onStartShouldSetResponder={[Function]}
214
+ style={
215
+ {
216
+ "alignContent": "center",
217
+ "alignItems": "center",
218
+ "display": "flex",
219
+ "flexDirection": "row",
220
+ "opacity": 1,
221
+ "padding": 8,
222
+ }
223
+ }
224
+ >
225
+ <View
226
+ style={
227
+ {
228
+ "paddingHorizontal": 8,
229
+ }
230
+ }
231
+ >
232
+ <RNSVGSvgView
233
+ align="xMidYMid"
234
+ bbHeight={24}
235
+ bbWidth={24}
236
+ focusable={false}
237
+ meetOrSlice={0}
238
+ minX={0}
239
+ minY={0}
240
+ style={
241
+ [
242
+ {
243
+ "backgroundColor": "transparent",
244
+ "borderWidth": 0,
245
+ },
246
+ {
247
+ "display": "flex",
248
+ "fill": "hsl(198, 35%, 21%)",
249
+ "height": 24,
250
+ "verticalAlign": "middle",
251
+ "width": 24,
252
+ },
253
+ {
254
+ "flex": 0,
255
+ "height": 24,
256
+ "width": 24,
257
+ },
258
+ ]
259
+ }
260
+ testID="eye"
261
+ vbHeight={24}
262
+ vbWidth={24}
263
+ >
264
+ <RNSVGGroup
265
+ fill={
266
+ {
267
+ "payload": 4280499528,
268
+ "type": 0,
269
+ }
270
+ }
271
+ propList={
272
+ [
273
+ "fill",
274
+ ]
275
+ }
276
+ >
277
+ <RNSVGPath
278
+ d="M16 12a4 4 0 1 1-8 0 4 4 0 0 1 8 0Zm-2 0a2 2 0 1 0-4 0 2 2 0 0 0 4 0Z"
279
+ fill={
280
+ {
281
+ "payload": 4280499528,
282
+ "type": 0,
283
+ }
284
+ }
285
+ propList={
286
+ [
287
+ "fill",
288
+ ]
289
+ }
290
+ />
291
+ <RNSVGPath
292
+ d="M21.863 12.477C20.794 14.2 16.703 20 12 20c-4.702 0-8.795-5.8-9.863-7.523a.903.903 0 0 1 0-.954C3.205 9.8 7.297 4 12 4c4.703 0 8.794 5.8 9.863 7.523a.903.903 0 0 1 0 .954ZM20 12s-3.582-6-8-6-8 6-8 6 3.582 6 8 6 8-6 8-6Z"
293
+ fill={
294
+ {
295
+ "payload": 4280499528,
296
+ "type": 0,
297
+ }
298
+ }
299
+ propList={
300
+ [
301
+ "fill",
302
+ ]
303
+ }
304
+ />
305
+ </RNSVGGroup>
306
+ </RNSVGSvgView>
307
+ </View>
308
+ <View
309
+ style={
310
+ {
311
+ "flexShrink": 1,
312
+ "paddingHorizontal": 8,
313
+ }
314
+ }
315
+ >
316
+ <Text
317
+ accessibilityRole="text"
318
+ adjustsFontSizeToFit={false}
319
+ allowFontScaling={true}
320
+ collapsable={false}
321
+ maxFontSizeMultiplier={3.125}
322
+ selectable={true}
323
+ selectionColor="hsl(86, 100%, 46%)"
324
+ style={
325
+ [
326
+ {
327
+ "fontFamily": "inter-semibold",
328
+ },
329
+ {
330
+ "color": "hsl(197, 15%, 43%)",
331
+ },
332
+ {
333
+ "textAlign": "left",
334
+ },
335
+ {
336
+ "fontSize": 16,
337
+ "lineHeight": 20,
338
+ },
339
+ {
340
+ "letterSpacing": 0,
341
+ },
342
+ ]
343
+ }
344
+ >
345
+ Preview
346
+ </Text>
347
+ </View>
348
+ </View>
349
+ </View>
350
+ </View>
351
+ </View>,
154
352
  ]
155
353
  `;