stream-chat-react-native-core 9.10.0 → 9.10.1-beta.2

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 (52) hide show
  1. package/lib/commonjs/components/UIComponents/PortalWhileClosingView.js +8 -5
  2. package/lib/commonjs/components/UIComponents/PortalWhileClosingView.js.map +1 -1
  3. package/lib/commonjs/contexts/overlayContext/ClosingPortalHostsLayer.js +8 -4
  4. package/lib/commonjs/contexts/overlayContext/ClosingPortalHostsLayer.js.map +1 -1
  5. package/lib/commonjs/contexts/overlayContext/MessageOverlayHostLayer.js +25 -11
  6. package/lib/commonjs/contexts/overlayContext/MessageOverlayHostLayer.js.map +1 -1
  7. package/lib/commonjs/contexts/overlayContext/OverlayHostLayerContext.js +10 -0
  8. package/lib/commonjs/contexts/overlayContext/OverlayHostLayerContext.js.map +1 -0
  9. package/lib/commonjs/contexts/overlayContext/OverlayProvider.js +16 -6
  10. package/lib/commonjs/contexts/overlayContext/OverlayProvider.js.map +1 -1
  11. package/lib/commonjs/state-store/message-overlay-store.js +47 -18
  12. package/lib/commonjs/state-store/message-overlay-store.js.map +1 -1
  13. package/lib/commonjs/version.json +1 -1
  14. package/lib/module/components/UIComponents/PortalWhileClosingView.js +8 -5
  15. package/lib/module/components/UIComponents/PortalWhileClosingView.js.map +1 -1
  16. package/lib/module/contexts/overlayContext/ClosingPortalHostsLayer.js +8 -4
  17. package/lib/module/contexts/overlayContext/ClosingPortalHostsLayer.js.map +1 -1
  18. package/lib/module/contexts/overlayContext/MessageOverlayHostLayer.js +25 -11
  19. package/lib/module/contexts/overlayContext/MessageOverlayHostLayer.js.map +1 -1
  20. package/lib/module/contexts/overlayContext/OverlayHostLayerContext.js +10 -0
  21. package/lib/module/contexts/overlayContext/OverlayHostLayerContext.js.map +1 -0
  22. package/lib/module/contexts/overlayContext/OverlayProvider.js +16 -6
  23. package/lib/module/contexts/overlayContext/OverlayProvider.js.map +1 -1
  24. package/lib/module/state-store/message-overlay-store.js +47 -18
  25. package/lib/module/state-store/message-overlay-store.js.map +1 -1
  26. package/lib/module/version.json +1 -1
  27. package/lib/typescript/components/UIComponents/PortalWhileClosingView.d.ts.map +1 -1
  28. package/lib/typescript/contexts/overlayContext/ClosingPortalHostsLayer.d.ts +10 -1
  29. package/lib/typescript/contexts/overlayContext/ClosingPortalHostsLayer.d.ts.map +1 -1
  30. package/lib/typescript/contexts/overlayContext/MessageOverlayHostLayer.d.ts +9 -1
  31. package/lib/typescript/contexts/overlayContext/MessageOverlayHostLayer.d.ts.map +1 -1
  32. package/lib/typescript/contexts/overlayContext/OverlayHostLayerContext.d.ts +8 -0
  33. package/lib/typescript/contexts/overlayContext/OverlayHostLayerContext.d.ts.map +1 -0
  34. package/lib/typescript/contexts/overlayContext/OverlayProvider.d.ts.map +1 -1
  35. package/lib/typescript/state-store/message-overlay-store.d.ts +16 -0
  36. package/lib/typescript/state-store/message-overlay-store.d.ts.map +1 -1
  37. package/package.json +14 -14
  38. package/src/components/MessageInput/__tests__/__snapshots__/AttachButton.test.tsx.snap +1809 -1704
  39. package/src/components/MessageInput/__tests__/__snapshots__/SendButton.test.tsx.snap +1208 -1138
  40. package/src/components/MessageList/__tests__/__snapshots__/ScrollToBottomButton.test.tsx.snap +128 -121
  41. package/src/components/Thread/__tests__/__snapshots__/Thread.test.tsx.snap +722 -680
  42. package/src/components/UIComponents/PortalWhileClosingView.tsx +15 -4
  43. package/src/components/UIComponents/__tests__/PortalWhileClosingView.test.tsx +38 -0
  44. package/src/contexts/overlayContext/ClosingPortalHostsLayer.tsx +18 -2
  45. package/src/contexts/overlayContext/MessageOverlayHostLayer.tsx +47 -16
  46. package/src/contexts/overlayContext/OverlayHostLayerContext.ts +9 -0
  47. package/src/contexts/overlayContext/OverlayProvider.tsx +12 -7
  48. package/src/contexts/overlayContext/__tests__/ClosingPortalHostsLayer.test.tsx +27 -0
  49. package/src/contexts/overlayContext/__tests__/MessageOverlayHostLayer.test.tsx +84 -6
  50. package/src/state-store/__tests__/message-overlay-store.test.tsx +97 -0
  51. package/src/state-store/message-overlay-store.ts +70 -11
  52. package/src/version.json +1 -1
package/src/components/Thread/__tests__/__snapshots__/Thread.test.tsx.snap CHANGED
@@ -1834,104 +1834,136 @@ exports[`Thread should match thread snapshot 1`] = `
1834
1834
  ]
1835
1835
  }
1836
1836
  >
1837
- <View
1838
- handlerTags={
1839
- [
1840
- 27,
1841
- 26,
1842
- 25,
1843
- ]
1844
- }
1845
- onGestureHandlerEvent={[Function]}
1846
- onGestureHandlerReanimatedEvent={[Function]}
1847
- onGestureHandlerStateChange={[Function]}
1848
- onGestureHandlerTouchEvent={[Function]}
1849
- onStartShouldSetResponder={[Function]}
1850
- pointerEvents="box-none"
1851
- style={
1837
+ <RNGestureHandlerButton
1838
+ accessibilityRole="button"
1839
+ accessibilityState={
1852
1840
  {
1853
- "display": "contents",
1841
+ "disabled": false,
1842
+ "selected": false,
1854
1843
  }
1855
1844
  }
1856
- >
1857
- <RNGestureHandlerButton
1858
- accessibilityRole="button"
1859
- accessibilityState={
1860
- {
1861
- "disabled": false,
1862
- "selected": false,
1863
- }
1845
+ accessible={true}
1846
+ activeUnderlayOpacity={0.105}
1847
+ cancelOnLeave={true}
1848
+ defaultOpacity={1}
1849
+ defaultUnderlayOpacity={0}
1850
+ enabled={true}
1851
+ gestureHitSlop={
1852
+ {
1853
+ "bottom": 0,
1854
+ "left": 0,
1855
+ "right": 0,
1856
+ "top": 0,
1864
1857
  }
1865
- accessible={true}
1866
- enabled={true}
1867
- hitSlop={
1868
- {
1869
- "bottom": 0,
1870
- "left": 0,
1871
- "right": 0,
1872
- "top": 0,
1873
- }
1858
+ }
1859
+ gestureTestID="attach-button"
1860
+ handlerTag={13}
1861
+ hasLongPressHandler={false}
1862
+ hitSlop={
1863
+ {
1864
+ "bottom": 0,
1865
+ "left": 0,
1866
+ "right": 0,
1867
+ "top": 0,
1874
1868
  }
1875
- onLayout={[Function]}
1876
- rippleColor="transparent"
1869
+ }
1870
+ hoverAnimationInDuration={50}
1871
+ hoverAnimationOutDuration={100}
1872
+ longPressAnimationOutDuration={100}
1873
+ longPressDuration={500}
1874
+ onButtonInteractionFinished={[Function]}
1875
+ onButtonLongPress={[Function]}
1876
+ onButtonPress={[Function]}
1877
+ onButtonPressIn={[Function]}
1878
+ onButtonPressOut={[Function]}
1879
+ onLayout={[Function]}
1880
+ onStartShouldSetResponderCapture={[Function]}
1881
+ rippleColor="transparent"
1882
+ style={
1883
+ [
1884
+ {},
1885
+ [
1886
+ {
1887
+ "backgroundColor": "transparent",
1888
+ "paddingHorizontal": 0,
1889
+ },
1890
+ {
1891
+ "alignItems": "center",
1892
+ "borderRadius": 9999,
1893
+ "flex": 1,
1894
+ "flexDirection": "row",
1895
+ "gap": 8,
1896
+ "justifyContent": "center",
1897
+ },
1898
+ ],
1899
+ ]
1900
+ }
1901
+ tapAnimationInDuration={50}
1902
+ tapAnimationOutDuration={100}
1903
+ testID="attach-button"
1904
+ testOnly_onPress={[Function]}
1905
+ underlayColor="transparent"
1906
+ >
1907
+ <RNSVGSvgView
1908
+ align="xMidYMid"
1909
+ bbHeight={20}
1910
+ bbWidth={20}
1911
+ fill="none"
1912
+ focusable={false}
1913
+ height={20}
1914
+ meetOrSlice={0}
1915
+ minX={0}
1916
+ minY={0}
1917
+ stroke="#1a1b25"
1918
+ strokeWidth={1.5}
1877
1919
  style={
1878
1920
  [
1879
- {},
1880
- [
1881
- {
1882
- "backgroundColor": "transparent",
1883
- "paddingHorizontal": 0,
1884
- },
1885
- {
1886
- "alignItems": "center",
1887
- "borderRadius": 9999,
1888
- "flex": 1,
1889
- "flexDirection": "row",
1890
- "gap": 8,
1891
- "justifyContent": "center",
1892
- },
1893
- ],
1921
+ {
1922
+ "backgroundColor": "transparent",
1923
+ "borderWidth": 0,
1924
+ },
1925
+ {
1926
+ "flex": 0,
1927
+ "height": 20,
1928
+ "width": 20,
1929
+ },
1894
1930
  ]
1895
1931
  }
1896
- testID="attach-button"
1897
- testOnly_onPress={[Function]}
1932
+ vbHeight={20}
1933
+ vbWidth={20}
1934
+ width={20}
1898
1935
  >
1899
- <RNSVGSvgView
1900
- align="xMidYMid"
1901
- bbHeight={20}
1902
- bbWidth={20}
1903
- fill="none"
1904
- focusable={false}
1905
- height={20}
1906
- meetOrSlice={0}
1907
- minX={0}
1908
- minY={0}
1909
- stroke="#1a1b25"
1910
- strokeWidth={1.5}
1911
- style={
1936
+ <RNSVGGroup
1937
+ fill={null}
1938
+ propList={
1912
1939
  [
1913
- {
1914
- "backgroundColor": "transparent",
1915
- "borderWidth": 0,
1916
- },
1917
- {
1918
- "flex": 0,
1919
- "height": 20,
1920
- "width": 20,
1921
- },
1940
+ "fill",
1941
+ "stroke",
1942
+ "strokeWidth",
1922
1943
  ]
1923
1944
  }
1924
- vbHeight={20}
1925
- vbWidth={20}
1926
- width={20}
1945
+ stroke={
1946
+ {
1947
+ "payload": 4279900965,
1948
+ "type": 0,
1949
+ }
1950
+ }
1951
+ strokeWidth={1.5}
1927
1952
  >
1928
- <RNSVGGroup
1929
- fill={null}
1953
+ <RNSVGPath
1954
+ d="M3.125 10H16.875M10 3.125V16.875"
1955
+ fill={
1956
+ {
1957
+ "payload": 4278190080,
1958
+ "type": 0,
1959
+ }
1960
+ }
1930
1961
  propList={
1931
1962
  [
1932
- "fill",
1933
1963
  "stroke",
1934
1964
  "strokeWidth",
1965
+ "strokeLinecap",
1966
+ "strokeLinejoin",
1935
1967
  ]
1936
1968
  }
1937
1969
  stroke={
@@ -1940,38 +1972,13 @@ exports[`Thread should match thread snapshot 1`] = `
1940
1972
  "type": 0,
1941
1973
  }
1942
1974
  }
1975
+ strokeLinecap={1}
1976
+ strokeLinejoin={1}
1943
1977
  strokeWidth={1.5}
1944
- >
1945
- <RNSVGPath
1946
- d="M3.125 10H16.875M10 3.125V16.875"
1947
- fill={
1948
- {
1949
- "payload": 4278190080,
1950
- "type": 0,
1951
- }
1952
- }
1953
- propList={
1954
- [
1955
- "stroke",
1956
- "strokeWidth",
1957
- "strokeLinecap",
1958
- "strokeLinejoin",
1959
- ]
1960
- }
1961
- stroke={
1962
- {
1963
- "payload": 4279900965,
1964
- "type": 0,
1965
- }
1966
- }
1967
- strokeLinecap={1}
1968
- strokeLinejoin={1}
1969
- strokeWidth={1.5}
1970
- />
1971
- </RNSVGGroup>
1972
- </RNSVGSvgView>
1973
- </RNGestureHandlerButton>
1974
- </View>
1978
+ />
1979
+ </RNSVGGroup>
1980
+ </RNSVGSvgView>
1981
+ </RNGestureHandlerButton>
1975
1982
  </View>
1976
1983
  </View>
1977
1984
  </View>
@@ -2213,142 +2220,149 @@ exports[`Thread should match thread snapshot 1`] = `
2213
2220
  ]
2214
2221
  }
2215
2222
  >
2216
- <View
2217
- handlerTags={
2218
- [
2219
- 30,
2220
- 29,
2221
- 28,
2222
- ]
2223
- }
2224
- onGestureHandlerEvent={[Function]}
2225
- onGestureHandlerReanimatedEvent={[Function]}
2226
- onGestureHandlerStateChange={[Function]}
2227
- onGestureHandlerTouchEvent={[Function]}
2228
- onStartShouldSetResponder={[Function]}
2229
- pointerEvents="box-none"
2230
- style={
2223
+ <RNGestureHandlerButton
2224
+ accessibilityRole="button"
2225
+ accessibilityState={
2231
2226
  {
2232
- "display": "contents",
2227
+ "disabled": true,
2228
+ "selected": false,
2233
2229
  }
2234
2230
  }
2235
- >
2236
- <RNGestureHandlerButton
2237
- accessibilityRole="button"
2238
- accessibilityState={
2239
- {
2240
- "disabled": true,
2241
- "selected": false,
2242
- }
2231
+ accessible={true}
2232
+ activeUnderlayOpacity={0.105}
2233
+ cancelOnLeave={true}
2234
+ defaultOpacity={1}
2235
+ defaultUnderlayOpacity={0}
2236
+ enabled={false}
2237
+ gestureHitSlop={
2238
+ {
2239
+ "bottom": 0,
2240
+ "left": 0,
2241
+ "right": 0,
2242
+ "top": 0,
2243
2243
  }
2244
- accessible={true}
2245
- enabled={false}
2246
- hitSlop={
2247
- {
2248
- "bottom": 0,
2249
- "left": 0,
2250
- "right": 0,
2251
- "top": 0,
2252
- }
2244
+ }
2245
+ gestureTestID="send-button"
2246
+ handlerTag={14}
2247
+ hasLongPressHandler={false}
2248
+ hitSlop={
2249
+ {
2250
+ "bottom": 0,
2251
+ "left": 0,
2252
+ "right": 0,
2253
+ "top": 0,
2253
2254
  }
2254
- onLayout={[Function]}
2255
- rippleColor="transparent"
2255
+ }
2256
+ hoverAnimationInDuration={50}
2257
+ hoverAnimationOutDuration={100}
2258
+ longPressAnimationOutDuration={100}
2259
+ longPressDuration={500}
2260
+ onButtonInteractionFinished={[Function]}
2261
+ onButtonLongPress={[Function]}
2262
+ onButtonPress={[Function]}
2263
+ onButtonPressIn={[Function]}
2264
+ onButtonPressOut={[Function]}
2265
+ onLayout={[Function]}
2266
+ onStartShouldSetResponderCapture={[Function]}
2267
+ rippleColor="transparent"
2268
+ style={
2269
+ [
2270
+ {},
2271
+ [
2272
+ {
2273
+ "backgroundColor": "transparent",
2274
+ "paddingHorizontal": 0,
2275
+ },
2276
+ {
2277
+ "alignItems": "center",
2278
+ "borderRadius": 9999,
2279
+ "flex": 1,
2280
+ "flexDirection": "row",
2281
+ "gap": 8,
2282
+ "justifyContent": "center",
2283
+ },
2284
+ ],
2285
+ ]
2286
+ }
2287
+ tapAnimationInDuration={50}
2288
+ tapAnimationOutDuration={100}
2289
+ testID="send-button"
2290
+ testOnly_onPress={[Function]}
2291
+ underlayColor="transparent"
2292
+ >
2293
+ <RNSVGSvgView
2294
+ align="xMidYMid"
2295
+ bbHeight={20}
2296
+ bbWidth={20}
2297
+ fill="none"
2298
+ focusable={false}
2299
+ height={20}
2300
+ meetOrSlice={0}
2301
+ minX={0}
2302
+ minY={0}
2303
+ strokeWidth={1.5}
2256
2304
  style={
2257
2305
  [
2258
- {},
2259
- [
2260
- {
2261
- "backgroundColor": "transparent",
2262
- "paddingHorizontal": 0,
2263
- },
2264
- {
2265
- "alignItems": "center",
2266
- "borderRadius": 9999,
2267
- "flex": 1,
2268
- "flexDirection": "row",
2269
- "gap": 8,
2270
- "justifyContent": "center",
2271
- },
2272
- ],
2306
+ {
2307
+ "backgroundColor": "transparent",
2308
+ "borderWidth": 0,
2309
+ },
2310
+ {
2311
+ "flex": 0,
2312
+ "height": 20,
2313
+ "width": 20,
2314
+ },
2273
2315
  ]
2274
2316
  }
2275
- testID="send-button"
2276
- testOnly_onPress={[Function]}
2317
+ testID="send-right"
2318
+ vbHeight={20}
2319
+ vbWidth={20}
2320
+ width={20}
2277
2321
  >
2278
- <RNSVGSvgView
2279
- align="xMidYMid"
2280
- bbHeight={20}
2281
- bbWidth={20}
2282
- fill="none"
2283
- focusable={false}
2284
- height={20}
2285
- meetOrSlice={0}
2286
- minX={0}
2287
- minY={0}
2288
- strokeWidth={1.5}
2289
- style={
2322
+ <RNSVGGroup
2323
+ fill={null}
2324
+ propList={
2290
2325
  [
2291
- {
2292
- "backgroundColor": "transparent",
2293
- "borderWidth": 0,
2294
- },
2295
- {
2296
- "flex": 0,
2297
- "height": 20,
2298
- "width": 20,
2299
- },
2326
+ "fill",
2327
+ "strokeWidth",
2300
2328
  ]
2301
2329
  }
2302
- testID="send-right"
2303
- vbHeight={20}
2304
- vbWidth={20}
2305
- width={20}
2330
+ strokeWidth={1.5}
2306
2331
  >
2307
2332
  <RNSVGGroup
2308
- fill={null}
2309
- propList={
2310
- [
2311
- "fill",
2312
- "strokeWidth",
2313
- ]
2333
+ fill={
2334
+ {
2335
+ "payload": 4278190080,
2336
+ "type": 0,
2337
+ }
2314
2338
  }
2315
- strokeWidth={1.5}
2316
2339
  >
2317
- <RNSVGGroup
2318
- fill={
2340
+ <RNSVGPath
2341
+ d="M11.2498 10H6.24982M6.24982 10L3.7881 2.71328C3.74537 2.59349 3.7402 2.4635 3.7733 2.34069C3.80639 2.21788 3.87616 2.10808 3.9733 2.02597C4.07044 1.94386 4.19032 1.89335 4.31693 1.88117C4.44353 1.86899 4.57084 1.89573 4.68185 1.95781L17.8069 9.4461C17.9045 9.50015 17.986 9.57937 18.0427 9.67555C18.0994 9.77172 18.1293 9.88133 18.1293 9.99297C18.1293 10.1046 18.0994 10.2142 18.0427 10.3104C17.986 10.4066 17.9045 10.4858 17.8069 10.5398L4.68185 18.0469C4.57051 18.1096 4.4426 18.1367 4.31537 18.1245C4.18815 18.1123 4.06772 18.0614 3.97032 17.9787C3.87292 17.8959 3.80323 17.7853 3.77065 17.6617C3.73807 17.5381 3.74416 17.4075 3.7881 17.2875L6.24982 10Z"
2342
+ fill={null}
2343
+ propList={
2344
+ [
2345
+ "fill",
2346
+ "stroke",
2347
+ "strokeWidth",
2348
+ "strokeLinecap",
2349
+ "strokeLinejoin",
2350
+ ]
2351
+ }
2352
+ stroke={
2319
2353
  {
2320
- "payload": 4278190080,
2354
+ "payload": 4288916666,
2321
2355
  "type": 0,
2322
2356
  }
2323
2357
  }
2324
- >
2325
- <RNSVGPath
2326
- d="M11.2498 10H6.24982M6.24982 10L3.7881 2.71328C3.74537 2.59349 3.7402 2.4635 3.7733 2.34069C3.80639 2.21788 3.87616 2.10808 3.9733 2.02597C4.07044 1.94386 4.19032 1.89335 4.31693 1.88117C4.44353 1.86899 4.57084 1.89573 4.68185 1.95781L17.8069 9.4461C17.9045 9.50015 17.986 9.57937 18.0427 9.67555C18.0994 9.77172 18.1293 9.88133 18.1293 9.99297C18.1293 10.1046 18.0994 10.2142 18.0427 10.3104C17.986 10.4066 17.9045 10.4858 17.8069 10.5398L4.68185 18.0469C4.57051 18.1096 4.4426 18.1367 4.31537 18.1245C4.18815 18.1123 4.06772 18.0614 3.97032 17.9787C3.87292 17.8959 3.80323 17.7853 3.77065 17.6617C3.73807 17.5381 3.74416 17.4075 3.7881 17.2875L6.24982 10Z"
2327
- fill={null}
2328
- propList={
2329
- [
2330
- "fill",
2331
- "stroke",
2332
- "strokeWidth",
2333
- "strokeLinecap",
2334
- "strokeLinejoin",
2335
- ]
2336
- }
2337
- stroke={
2338
- {
2339
- "payload": 4288916666,
2340
- "type": 0,
2341
- }
2342
- }
2343
- strokeLinecap={1}
2344
- strokeLinejoin={1}
2345
- strokeWidth={1.5}
2346
- />
2347
- </RNSVGGroup>
2358
+ strokeLinecap={1}
2359
+ strokeLinejoin={1}
2360
+ strokeWidth={1.5}
2361
+ />
2348
2362
  </RNSVGGroup>
2349
- </RNSVGSvgView>
2350
- </RNGestureHandlerButton>
2351
- </View>
2363
+ </RNSVGGroup>
2364
+ </RNSVGSvgView>
2365
+ </RNGestureHandlerButton>
2352
2366
  </View>
2353
2367
  </View>
2354
2368
  </View>
@@ -2396,136 +2410,143 @@ exports[`Thread should match thread snapshot 1`] = `
2396
2410
  ]
2397
2411
  }
2398
2412
  >
2399
- <View
2400
- handlerTags={
2401
- [
2402
- 33,
2403
- 32,
2404
- 31,
2405
- ]
2406
- }
2407
- onGestureHandlerEvent={[Function]}
2408
- onGestureHandlerReanimatedEvent={[Function]}
2409
- onGestureHandlerStateChange={[Function]}
2410
- onGestureHandlerTouchEvent={[Function]}
2411
- onStartShouldSetResponder={[Function]}
2412
- pointerEvents="box-none"
2413
- style={
2413
+ <RNGestureHandlerButton
2414
+ accessibilityRole="button"
2415
+ accessibilityState={
2414
2416
  {
2415
- "display": "contents",
2417
+ "disabled": false,
2418
+ "selected": false,
2416
2419
  }
2417
2420
  }
2418
- >
2419
- <RNGestureHandlerButton
2420
- accessibilityRole="button"
2421
- accessibilityState={
2422
- {
2423
- "disabled": false,
2424
- "selected": false,
2425
- }
2421
+ accessible={true}
2422
+ activeUnderlayOpacity={0.105}
2423
+ cancelOnLeave={true}
2424
+ defaultOpacity={1}
2425
+ defaultUnderlayOpacity={0}
2426
+ enabled={true}
2427
+ gestureHitSlop={
2428
+ {
2429
+ "bottom": 15,
2430
+ "left": 0,
2431
+ "right": 0,
2432
+ "top": 15,
2426
2433
  }
2427
- accessible={true}
2428
- enabled={true}
2429
- hitSlop={
2430
- {
2431
- "bottom": 15,
2432
- "left": 0,
2433
- "right": 0,
2434
- "top": 15,
2435
- }
2434
+ }
2435
+ gestureTestID="upload-photo-touchable"
2436
+ handlerTag={15}
2437
+ hasLongPressHandler={false}
2438
+ hitSlop={
2439
+ {
2440
+ "bottom": 15,
2441
+ "left": 0,
2442
+ "right": 0,
2443
+ "top": 15,
2436
2444
  }
2437
- onLayout={[Function]}
2438
- rippleColor="transparent"
2445
+ }
2446
+ hoverAnimationInDuration={50}
2447
+ hoverAnimationOutDuration={100}
2448
+ longPressAnimationOutDuration={100}
2449
+ longPressDuration={500}
2450
+ onButtonInteractionFinished={[Function]}
2451
+ onButtonLongPress={[Function]}
2452
+ onButtonPress={[Function]}
2453
+ onButtonPressIn={[Function]}
2454
+ onButtonPressOut={[Function]}
2455
+ onLayout={[Function]}
2456
+ onStartShouldSetResponderCapture={[Function]}
2457
+ rippleColor="transparent"
2458
+ style={
2459
+ [
2460
+ {},
2461
+ [
2462
+ {
2463
+ "backgroundColor": "transparent",
2464
+ "paddingHorizontal": 0,
2465
+ },
2466
+ {
2467
+ "alignItems": "center",
2468
+ "borderRadius": 9999,
2469
+ "flex": 1,
2470
+ "flexDirection": "row",
2471
+ "gap": 8,
2472
+ "justifyContent": "center",
2473
+ },
2474
+ ],
2475
+ ]
2476
+ }
2477
+ tapAnimationInDuration={50}
2478
+ tapAnimationOutDuration={100}
2479
+ testID="upload-photo-touchable"
2480
+ testOnly_onPress={[Function]}
2481
+ underlayColor="transparent"
2482
+ >
2483
+ <RNSVGSvgView
2484
+ align="xMidYMid"
2485
+ bbHeight={20}
2486
+ bbWidth={20}
2487
+ fill="none"
2488
+ focusable={false}
2489
+ height={20}
2490
+ meetOrSlice={0}
2491
+ minX={0}
2492
+ minY={0}
2493
+ strokeWidth={1.5}
2439
2494
  style={
2440
2495
  [
2441
- {},
2442
- [
2443
- {
2444
- "backgroundColor": "transparent",
2445
- "paddingHorizontal": 0,
2446
- },
2447
- {
2448
- "alignItems": "center",
2449
- "borderRadius": 9999,
2450
- "flex": 1,
2451
- "flexDirection": "row",
2452
- "gap": 8,
2453
- "justifyContent": "center",
2454
- },
2455
- ],
2496
+ {
2497
+ "backgroundColor": "transparent",
2498
+ "borderWidth": 0,
2499
+ },
2500
+ {
2501
+ "flex": 0,
2502
+ "height": 20,
2503
+ "width": 20,
2504
+ },
2456
2505
  ]
2457
2506
  }
2458
- testID="upload-photo-touchable"
2459
- testOnly_onPress={[Function]}
2507
+ vbHeight={20}
2508
+ vbWidth={20}
2509
+ width={20}
2460
2510
  >
2461
- <RNSVGSvgView
2462
- align="xMidYMid"
2463
- bbHeight={20}
2464
- bbWidth={20}
2465
- fill="none"
2466
- focusable={false}
2467
- height={20}
2468
- meetOrSlice={0}
2469
- minX={0}
2470
- minY={0}
2471
- strokeWidth={1.5}
2472
- style={
2511
+ <RNSVGGroup
2512
+ fill={null}
2513
+ propList={
2473
2514
  [
2474
- {
2475
- "backgroundColor": "transparent",
2476
- "borderWidth": 0,
2477
- },
2478
- {
2479
- "flex": 0,
2480
- "height": 20,
2481
- "width": 20,
2482
- },
2515
+ "fill",
2516
+ "strokeWidth",
2483
2517
  ]
2484
2518
  }
2485
- vbHeight={20}
2486
- vbWidth={20}
2487
- width={20}
2519
+ strokeWidth={1.5}
2488
2520
  >
2489
- <RNSVGGroup
2490
- fill={null}
2521
+ <RNSVGPath
2522
+ d="M4.42891 16.875L12.9953 8.30781C13.0534 8.2497 13.1223 8.2036 13.1982 8.17215C13.274 8.1407 13.3554 8.12451 13.4375 8.12451C13.5196 8.12451 13.601 8.1407 13.6768 8.17215C13.7527 8.2036 13.8216 8.2497 13.8797 8.30781L16.875 11.3039M3.75 3.125H16.25C16.5952 3.125 16.875 3.40482 16.875 3.75V16.25C16.875 16.5952 16.5952 16.875 16.25 16.875H3.75C3.40482 16.875 3.125 16.5952 3.125 16.25V3.75C3.125 3.40482 3.40482 3.125 3.75 3.125ZM8.75 7.5C8.75 8.19036 8.19036 8.75 7.5 8.75C6.80964 8.75 6.25 8.19036 6.25 7.5C6.25 6.80964 6.80964 6.25 7.5 6.25C8.19036 6.25 8.75 6.80964 8.75 7.5Z"
2523
+ fill={
2524
+ {
2525
+ "payload": 4278190080,
2526
+ "type": 0,
2527
+ }
2528
+ }
2491
2529
  propList={
2492
2530
  [
2493
- "fill",
2531
+ "stroke",
2494
2532
  "strokeWidth",
2533
+ "strokeLinecap",
2534
+ "strokeLinejoin",
2495
2535
  ]
2496
2536
  }
2497
- strokeWidth={1.5}
2498
- >
2499
- <RNSVGPath
2500
- d="M4.42891 16.875L12.9953 8.30781C13.0534 8.2497 13.1223 8.2036 13.1982 8.17215C13.274 8.1407 13.3554 8.12451 13.4375 8.12451C13.5196 8.12451 13.601 8.1407 13.6768 8.17215C13.7527 8.2036 13.8216 8.2497 13.8797 8.30781L16.875 11.3039M3.75 3.125H16.25C16.5952 3.125 16.875 3.40482 16.875 3.75V16.25C16.875 16.5952 16.5952 16.875 16.25 16.875H3.75C3.40482 16.875 3.125 16.5952 3.125 16.25V3.75C3.125 3.40482 3.40482 3.125 3.75 3.125ZM8.75 7.5C8.75 8.19036 8.19036 8.75 7.5 8.75C6.80964 8.75 6.25 8.19036 6.25 7.5C6.25 6.80964 6.80964 6.25 7.5 6.25C8.19036 6.25 8.75 6.80964 8.75 7.5Z"
2501
- fill={
2502
- {
2503
- "payload": 4278190080,
2504
- "type": 0,
2505
- }
2506
- }
2507
- propList={
2508
- [
2509
- "stroke",
2510
- "strokeWidth",
2511
- "strokeLinecap",
2512
- "strokeLinejoin",
2513
- ]
2514
- }
2515
- stroke={
2516
- {
2517
- "payload": 4279900965,
2518
- "type": 0,
2519
- }
2537
+ stroke={
2538
+ {
2539
+ "payload": 4279900965,
2540
+ "type": 0,
2520
2541
  }
2521
- strokeLinecap={1}
2522
- strokeLinejoin={1}
2523
- strokeWidth={1.5}
2524
- />
2525
- </RNSVGGroup>
2526
- </RNSVGSvgView>
2527
- </RNGestureHandlerButton>
2528
- </View>
2542
+ }
2543
+ strokeLinecap={1}
2544
+ strokeLinejoin={1}
2545
+ strokeWidth={1.5}
2546
+ />
2547
+ </RNSVGGroup>
2548
+ </RNSVGSvgView>
2549
+ </RNGestureHandlerButton>
2529
2550
  </View>
2530
2551
  <View
2531
2552
  style={
@@ -2544,106 +2565,137 @@ exports[`Thread should match thread snapshot 1`] = `
2544
2565
  ]
2545
2566
  }
2546
2567
  >
2547
- <View
2548
- handlerTags={
2549
- [
2550
- 36,
2551
- 35,
2552
- 34,
2553
- ]
2554
- }
2555
- onGestureHandlerEvent={[Function]}
2556
- onGestureHandlerReanimatedEvent={[Function]}
2557
- onGestureHandlerStateChange={[Function]}
2558
- onGestureHandlerTouchEvent={[Function]}
2559
- onStartShouldSetResponder={[Function]}
2560
- pointerEvents="box-none"
2561
- style={
2568
+ <RNGestureHandlerButton
2569
+ accessibilityRole="button"
2570
+ accessibilityState={
2562
2571
  {
2563
- "display": "contents",
2572
+ "disabled": false,
2573
+ "selected": false,
2564
2574
  }
2565
2575
  }
2566
- >
2567
- <RNGestureHandlerButton
2568
- accessibilityRole="button"
2569
- accessibilityState={
2570
- {
2571
- "disabled": false,
2572
- "selected": false,
2573
- }
2576
+ accessible={true}
2577
+ activeUnderlayOpacity={0.105}
2578
+ cancelOnLeave={true}
2579
+ defaultOpacity={1}
2580
+ defaultUnderlayOpacity={0}
2581
+ enabled={true}
2582
+ gestureHitSlop={
2583
+ {
2584
+ "bottom": 15,
2585
+ "left": 0,
2586
+ "right": 0,
2587
+ "top": 15,
2574
2588
  }
2575
- accessible={true}
2576
- enabled={true}
2577
- hitSlop={
2578
- {
2579
- "bottom": 15,
2580
- "left": 0,
2581
- "right": 0,
2582
- "top": 15,
2583
- }
2589
+ }
2590
+ gestureTestID="take-photo-touchable"
2591
+ handlerTag={16}
2592
+ hasLongPressHandler={false}
2593
+ hitSlop={
2594
+ {
2595
+ "bottom": 15,
2596
+ "left": 0,
2597
+ "right": 0,
2598
+ "top": 15,
2584
2599
  }
2585
- onLayout={[Function]}
2586
- rippleColor="transparent"
2600
+ }
2601
+ hoverAnimationInDuration={50}
2602
+ hoverAnimationOutDuration={100}
2603
+ longPressAnimationOutDuration={100}
2604
+ longPressDuration={500}
2605
+ onButtonInteractionFinished={[Function]}
2606
+ onButtonLongPress={[Function]}
2607
+ onButtonPress={[Function]}
2608
+ onButtonPressIn={[Function]}
2609
+ onButtonPressOut={[Function]}
2610
+ onLayout={[Function]}
2611
+ onStartShouldSetResponderCapture={[Function]}
2612
+ rippleColor="transparent"
2613
+ style={
2614
+ [
2615
+ {},
2616
+ [
2617
+ {
2618
+ "backgroundColor": "transparent",
2619
+ "paddingHorizontal": 0,
2620
+ },
2621
+ {
2622
+ "alignItems": "center",
2623
+ "borderRadius": 9999,
2624
+ "flex": 1,
2625
+ "flexDirection": "row",
2626
+ "gap": 8,
2627
+ "justifyContent": "center",
2628
+ },
2629
+ ],
2630
+ ]
2631
+ }
2632
+ tapAnimationInDuration={50}
2633
+ tapAnimationOutDuration={100}
2634
+ testID="take-photo-touchable"
2635
+ testOnly_onPress={[Function]}
2636
+ underlayColor="transparent"
2637
+ >
2638
+ <RNSVGSvgView
2639
+ align="xMidYMid"
2640
+ bbHeight={20}
2641
+ bbWidth={20}
2642
+ fill="none"
2643
+ focusable={false}
2644
+ height={20}
2645
+ meetOrSlice={0}
2646
+ minX={0}
2647
+ minY={0}
2648
+ stroke="#1a1b25"
2649
+ strokeLinejoin="round"
2650
+ strokeWidth={1.5}
2587
2651
  style={
2588
2652
  [
2589
- {},
2590
- [
2591
- {
2592
- "backgroundColor": "transparent",
2593
- "paddingHorizontal": 0,
2594
- },
2595
- {
2596
- "alignItems": "center",
2597
- "borderRadius": 9999,
2598
- "flex": 1,
2599
- "flexDirection": "row",
2600
- "gap": 8,
2601
- "justifyContent": "center",
2602
- },
2603
- ],
2653
+ {
2654
+ "backgroundColor": "transparent",
2655
+ "borderWidth": 0,
2656
+ },
2657
+ {
2658
+ "flex": 0,
2659
+ "height": 20,
2660
+ "width": 20,
2661
+ },
2604
2662
  ]
2605
2663
  }
2606
- testID="take-photo-touchable"
2607
- testOnly_onPress={[Function]}
2664
+ vbHeight={20}
2665
+ vbWidth={20}
2666
+ width={20}
2608
2667
  >
2609
- <RNSVGSvgView
2610
- align="xMidYMid"
2611
- bbHeight={20}
2612
- bbWidth={20}
2613
- fill="none"
2614
- focusable={false}
2615
- height={20}
2616
- meetOrSlice={0}
2617
- minX={0}
2618
- minY={0}
2619
- stroke="#1a1b25"
2620
- strokeLinejoin="round"
2621
- strokeWidth={1.5}
2622
- style={
2668
+ <RNSVGGroup
2669
+ fill={null}
2670
+ propList={
2623
2671
  [
2624
- {
2625
- "backgroundColor": "transparent",
2626
- "borderWidth": 0,
2627
- },
2628
- {
2629
- "flex": 0,
2630
- "height": 20,
2631
- "width": 20,
2632
- },
2672
+ "fill",
2673
+ "stroke",
2674
+ "strokeWidth",
2675
+ "strokeLinejoin",
2633
2676
  ]
2634
2677
  }
2635
- vbHeight={20}
2636
- vbWidth={20}
2637
- width={20}
2678
+ stroke={
2679
+ {
2680
+ "payload": 4279900965,
2681
+ "type": 0,
2682
+ }
2683
+ }
2684
+ strokeLinejoin={1}
2685
+ strokeWidth={1.5}
2638
2686
  >
2639
- <RNSVGGroup
2640
- fill={null}
2687
+ <RNSVGPath
2688
+ d="M16.25 16.25H3.75C3.41848 16.25 3.10054 16.1183 2.86612 15.8839C2.6317 15.6495 2.5 15.3315 2.5 15V6.25C2.5 5.91848 2.6317 5.60054 2.86612 5.36612C3.10054 5.1317 3.41848 5 3.75 5H6.25L7.5 3.125H12.5L13.75 5H16.25C16.5815 5 16.8995 5.1317 17.1339 5.36612C17.3683 5.60054 17.5 5.91848 17.5 6.25V15C17.5 15.3315 17.3683 15.6495 17.1339 15.8839C16.8995 16.1183 16.5815 16.25 16.25 16.25Z"
2689
+ fill={
2690
+ {
2691
+ "payload": 4278190080,
2692
+ "type": 0,
2693
+ }
2694
+ }
2641
2695
  propList={
2642
2696
  [
2643
- "fill",
2644
2697
  "stroke",
2645
2698
  "strokeWidth",
2646
- "strokeLinejoin",
2647
2699
  ]
2648
2700
  }
2649
2701
  stroke={
@@ -2652,57 +2704,33 @@ exports[`Thread should match thread snapshot 1`] = `
2652
2704
  "type": 0,
2653
2705
  }
2654
2706
  }
2655
- strokeLinejoin={1}
2656
2707
  strokeWidth={1.5}
2657
- >
2658
- <RNSVGPath
2659
- d="M16.25 16.25H3.75C3.41848 16.25 3.10054 16.1183 2.86612 15.8839C2.6317 15.6495 2.5 15.3315 2.5 15V6.25C2.5 5.91848 2.6317 5.60054 2.86612 5.36612C3.10054 5.1317 3.41848 5 3.75 5H6.25L7.5 3.125H12.5L13.75 5H16.25C16.5815 5 16.8995 5.1317 17.1339 5.36612C17.3683 5.60054 17.5 5.91848 17.5 6.25V15C17.5 15.3315 17.3683 15.6495 17.1339 15.8839C16.8995 16.1183 16.5815 16.25 16.25 16.25Z"
2660
- fill={
2661
- {
2662
- "payload": 4278190080,
2663
- "type": 0,
2664
- }
2665
- }
2666
- propList={
2667
- [
2668
- "stroke",
2669
- "strokeWidth",
2670
- ]
2671
- }
2672
- stroke={
2673
- {
2674
- "payload": 4279900965,
2675
- "type": 0,
2676
- }
2677
- }
2678
- strokeWidth={1.5}
2679
- />
2680
- <RNSVGPath
2681
- d="M10 13.125C11.5533 13.125 12.8125 11.8658 12.8125 10.3125C12.8125 8.7592 11.5533 7.5 10 7.5C8.4467 7.5 7.1875 8.7592 7.1875 10.3125C7.1875 11.8658 8.4467 13.125 10 13.125Z"
2682
- fill={
2683
- {
2684
- "payload": 4278190080,
2685
- "type": 0,
2686
- }
2687
- }
2688
- propList={
2689
- [
2690
- "stroke",
2691
- "strokeWidth",
2692
- ]
2708
+ />
2709
+ <RNSVGPath
2710
+ d="M10 13.125C11.5533 13.125 12.8125 11.8658 12.8125 10.3125C12.8125 8.7592 11.5533 7.5 10 7.5C8.4467 7.5 7.1875 8.7592 7.1875 10.3125C7.1875 11.8658 8.4467 13.125 10 13.125Z"
2711
+ fill={
2712
+ {
2713
+ "payload": 4278190080,
2714
+ "type": 0,
2693
2715
  }
2694
- stroke={
2695
- {
2696
- "payload": 4279900965,
2697
- "type": 0,
2698
- }
2716
+ }
2717
+ propList={
2718
+ [
2719
+ "stroke",
2720
+ "strokeWidth",
2721
+ ]
2722
+ }
2723
+ stroke={
2724
+ {
2725
+ "payload": 4279900965,
2726
+ "type": 0,
2699
2727
  }
2700
- strokeWidth={1.5}
2701
- />
2702
- </RNSVGGroup>
2703
- </RNSVGSvgView>
2704
- </RNGestureHandlerButton>
2705
- </View>
2728
+ }
2729
+ strokeWidth={1.5}
2730
+ />
2731
+ </RNSVGGroup>
2732
+ </RNSVGSvgView>
2733
+ </RNGestureHandlerButton>
2706
2734
  </View>
2707
2735
  <View
2708
2736
  style={
@@ -2721,132 +2749,139 @@ exports[`Thread should match thread snapshot 1`] = `
2721
2749
  ]
2722
2750
  }
2723
2751
  >
2724
- <View
2725
- handlerTags={
2726
- [
2727
- 39,
2728
- 38,
2729
- 37,
2730
- ]
2731
- }
2732
- onGestureHandlerEvent={[Function]}
2733
- onGestureHandlerReanimatedEvent={[Function]}
2734
- onGestureHandlerStateChange={[Function]}
2735
- onGestureHandlerTouchEvent={[Function]}
2736
- onStartShouldSetResponder={[Function]}
2737
- pointerEvents="box-none"
2738
- style={
2752
+ <RNGestureHandlerButton
2753
+ accessibilityRole="button"
2754
+ accessibilityState={
2739
2755
  {
2740
- "display": "contents",
2756
+ "disabled": false,
2757
+ "selected": false,
2741
2758
  }
2742
2759
  }
2743
- >
2744
- <RNGestureHandlerButton
2745
- accessibilityRole="button"
2746
- accessibilityState={
2747
- {
2748
- "disabled": false,
2749
- "selected": false,
2750
- }
2760
+ accessible={true}
2761
+ activeUnderlayOpacity={0.105}
2762
+ cancelOnLeave={true}
2763
+ defaultOpacity={1}
2764
+ defaultUnderlayOpacity={0}
2765
+ enabled={true}
2766
+ gestureHitSlop={
2767
+ {
2768
+ "bottom": 15,
2769
+ "left": 0,
2770
+ "right": 0,
2771
+ "top": 15,
2751
2772
  }
2752
- accessible={true}
2753
- enabled={true}
2754
- hitSlop={
2755
- {
2756
- "bottom": 15,
2757
- "left": 0,
2758
- "right": 0,
2759
- "top": 15,
2760
- }
2773
+ }
2774
+ gestureTestID="upload-file-touchable"
2775
+ handlerTag={17}
2776
+ hasLongPressHandler={false}
2777
+ hitSlop={
2778
+ {
2779
+ "bottom": 15,
2780
+ "left": 0,
2781
+ "right": 0,
2782
+ "top": 15,
2761
2783
  }
2762
- onLayout={[Function]}
2763
- rippleColor="transparent"
2784
+ }
2785
+ hoverAnimationInDuration={50}
2786
+ hoverAnimationOutDuration={100}
2787
+ longPressAnimationOutDuration={100}
2788
+ longPressDuration={500}
2789
+ onButtonInteractionFinished={[Function]}
2790
+ onButtonLongPress={[Function]}
2791
+ onButtonPress={[Function]}
2792
+ onButtonPressIn={[Function]}
2793
+ onButtonPressOut={[Function]}
2794
+ onLayout={[Function]}
2795
+ onStartShouldSetResponderCapture={[Function]}
2796
+ rippleColor="transparent"
2797
+ style={
2798
+ [
2799
+ {},
2800
+ [
2801
+ {
2802
+ "backgroundColor": "transparent",
2803
+ "paddingHorizontal": 0,
2804
+ },
2805
+ {
2806
+ "alignItems": "center",
2807
+ "borderRadius": 9999,
2808
+ "flex": 1,
2809
+ "flexDirection": "row",
2810
+ "gap": 8,
2811
+ "justifyContent": "center",
2812
+ },
2813
+ ],
2814
+ ]
2815
+ }
2816
+ tapAnimationInDuration={50}
2817
+ tapAnimationOutDuration={100}
2818
+ testID="upload-file-touchable"
2819
+ testOnly_onPress={[Function]}
2820
+ underlayColor="transparent"
2821
+ >
2822
+ <RNSVGSvgView
2823
+ align="xMidYMid"
2824
+ bbHeight={20}
2825
+ bbWidth={20}
2826
+ fill="none"
2827
+ focusable={false}
2828
+ height={20}
2829
+ meetOrSlice={0}
2830
+ minX={0}
2831
+ minY={0}
2832
+ strokeWidth={1.5}
2764
2833
  style={
2765
2834
  [
2766
- {},
2767
- [
2768
- {
2769
- "backgroundColor": "transparent",
2770
- "paddingHorizontal": 0,
2771
- },
2772
- {
2773
- "alignItems": "center",
2774
- "borderRadius": 9999,
2775
- "flex": 1,
2776
- "flexDirection": "row",
2777
- "gap": 8,
2778
- "justifyContent": "center",
2779
- },
2780
- ],
2835
+ {
2836
+ "backgroundColor": "transparent",
2837
+ "borderWidth": 0,
2838
+ },
2839
+ {
2840
+ "flex": 0,
2841
+ "height": 20,
2842
+ "width": 20,
2843
+ },
2781
2844
  ]
2782
2845
  }
2783
- testID="upload-file-touchable"
2784
- testOnly_onPress={[Function]}
2846
+ vbHeight={20}
2847
+ vbWidth={20}
2848
+ width={20}
2785
2849
  >
2786
- <RNSVGSvgView
2787
- align="xMidYMid"
2788
- bbHeight={20}
2789
- bbWidth={20}
2790
- fill="none"
2791
- focusable={false}
2792
- height={20}
2793
- meetOrSlice={0}
2794
- minX={0}
2795
- minY={0}
2796
- strokeWidth={1.5}
2797
- style={
2850
+ <RNSVGGroup
2851
+ fill={null}
2852
+ propList={
2798
2853
  [
2799
- {
2800
- "backgroundColor": "transparent",
2801
- "borderWidth": 0,
2802
- },
2803
- {
2804
- "flex": 0,
2805
- "height": 20,
2806
- "width": 20,
2807
- },
2854
+ "fill",
2855
+ "strokeWidth",
2808
2856
  ]
2809
2857
  }
2810
- vbHeight={20}
2811
- vbWidth={20}
2812
- width={20}
2858
+ strokeWidth={1.5}
2813
2859
  >
2814
- <RNSVGGroup
2860
+ <RNSVGPath
2861
+ d="M11.875 2.5H4.375C4.20924 2.5 4.05027 2.56585 3.93306 2.68306C3.81585 2.80027 3.75 2.95924 3.75 3.125V16.875C3.75 17.0408 3.81585 17.1997 3.93306 17.3169C4.05027 17.4342 4.20924 17.5 4.375 17.5H15.625C15.7908 17.5 15.9497 17.4342 16.0669 17.3169C16.1842 17.1997 16.25 17.0408 16.25 16.875V6.875M11.875 2.5L16.25 6.875M11.875 2.5V6.875H16.25"
2815
2862
  fill={null}
2816
2863
  propList={
2817
2864
  [
2818
2865
  "fill",
2866
+ "stroke",
2819
2867
  "strokeWidth",
2868
+ "strokeLinecap",
2869
+ "strokeLinejoin",
2820
2870
  ]
2821
2871
  }
2822
- strokeWidth={1.5}
2823
- >
2824
- <RNSVGPath
2825
- d="M11.875 2.5H4.375C4.20924 2.5 4.05027 2.56585 3.93306 2.68306C3.81585 2.80027 3.75 2.95924 3.75 3.125V16.875C3.75 17.0408 3.81585 17.1997 3.93306 17.3169C4.05027 17.4342 4.20924 17.5 4.375 17.5H15.625C15.7908 17.5 15.9497 17.4342 16.0669 17.3169C16.1842 17.1997 16.25 17.0408 16.25 16.875V6.875M11.875 2.5L16.25 6.875M11.875 2.5V6.875H16.25"
2826
- fill={null}
2827
- propList={
2828
- [
2829
- "fill",
2830
- "stroke",
2831
- "strokeWidth",
2832
- "strokeLinecap",
2833
- "strokeLinejoin",
2834
- ]
2835
- }
2836
- stroke={
2837
- {
2838
- "payload": 4279900965,
2839
- "type": 0,
2840
- }
2872
+ stroke={
2873
+ {
2874
+ "payload": 4279900965,
2875
+ "type": 0,
2841
2876
  }
2842
- strokeLinecap={1}
2843
- strokeLinejoin={1}
2844
- strokeWidth={1.5}
2845
- />
2846
- </RNSVGGroup>
2847
- </RNSVGSvgView>
2848
- </RNGestureHandlerButton>
2849
- </View>
2877
+ }
2878
+ strokeLinecap={1}
2879
+ strokeLinejoin={1}
2880
+ strokeWidth={1.5}
2881
+ />
2882
+ </RNSVGGroup>
2883
+ </RNSVGSvgView>
2884
+ </RNGestureHandlerButton>
2850
2885
  </View>
2851
2886
  <View
2852
2887
  style={
@@ -2865,104 +2900,136 @@ exports[`Thread should match thread snapshot 1`] = `
2865
2900
  ]
2866
2901
  }
2867
2902
  >
2868
- <View
2869
- handlerTags={
2870
- [
2871
- 42,
2872
- 41,
2873
- 40,
2874
- ]
2875
- }
2876
- onGestureHandlerEvent={[Function]}
2877
- onGestureHandlerReanimatedEvent={[Function]}
2878
- onGestureHandlerStateChange={[Function]}
2879
- onGestureHandlerTouchEvent={[Function]}
2880
- onStartShouldSetResponder={[Function]}
2881
- pointerEvents="box-none"
2882
- style={
2903
+ <RNGestureHandlerButton
2904
+ accessibilityRole="button"
2905
+ accessibilityState={
2883
2906
  {
2884
- "display": "contents",
2907
+ "disabled": false,
2908
+ "selected": false,
2885
2909
  }
2886
2910
  }
2887
- >
2888
- <RNGestureHandlerButton
2889
- accessibilityRole="button"
2890
- accessibilityState={
2891
- {
2892
- "disabled": false,
2893
- "selected": false,
2894
- }
2911
+ accessible={true}
2912
+ activeUnderlayOpacity={0.105}
2913
+ cancelOnLeave={true}
2914
+ defaultOpacity={1}
2915
+ defaultUnderlayOpacity={0}
2916
+ enabled={true}
2917
+ gestureHitSlop={
2918
+ {
2919
+ "bottom": 15,
2920
+ "left": 0,
2921
+ "right": 0,
2922
+ "top": 15,
2895
2923
  }
2896
- accessible={true}
2897
- enabled={true}
2898
- hitSlop={
2899
- {
2900
- "bottom": 15,
2901
- "left": 0,
2902
- "right": 0,
2903
- "top": 15,
2904
- }
2924
+ }
2925
+ gestureTestID="commands-touchable"
2926
+ handlerTag={18}
2927
+ hasLongPressHandler={false}
2928
+ hitSlop={
2929
+ {
2930
+ "bottom": 15,
2931
+ "left": 0,
2932
+ "right": 0,
2933
+ "top": 15,
2905
2934
  }
2906
- onLayout={[Function]}
2907
- rippleColor="transparent"
2935
+ }
2936
+ hoverAnimationInDuration={50}
2937
+ hoverAnimationOutDuration={100}
2938
+ longPressAnimationOutDuration={100}
2939
+ longPressDuration={500}
2940
+ onButtonInteractionFinished={[Function]}
2941
+ onButtonLongPress={[Function]}
2942
+ onButtonPress={[Function]}
2943
+ onButtonPressIn={[Function]}
2944
+ onButtonPressOut={[Function]}
2945
+ onLayout={[Function]}
2946
+ onStartShouldSetResponderCapture={[Function]}
2947
+ rippleColor="transparent"
2948
+ style={
2949
+ [
2950
+ {},
2951
+ [
2952
+ {
2953
+ "backgroundColor": "transparent",
2954
+ "paddingHorizontal": 0,
2955
+ },
2956
+ {
2957
+ "alignItems": "center",
2958
+ "borderRadius": 9999,
2959
+ "flex": 1,
2960
+ "flexDirection": "row",
2961
+ "gap": 8,
2962
+ "justifyContent": "center",
2963
+ },
2964
+ ],
2965
+ ]
2966
+ }
2967
+ tapAnimationInDuration={50}
2968
+ tapAnimationOutDuration={100}
2969
+ testID="commands-touchable"
2970
+ testOnly_onPress={[Function]}
2971
+ underlayColor="transparent"
2972
+ >
2973
+ <RNSVGSvgView
2974
+ align="xMidYMid"
2975
+ bbHeight={20}
2976
+ bbWidth={20}
2977
+ fill="none"
2978
+ focusable={false}
2979
+ height={20}
2980
+ meetOrSlice={0}
2981
+ minX={0}
2982
+ minY={0}
2983
+ stroke="#1a1b25"
2984
+ strokeWidth={1.5}
2908
2985
  style={
2909
2986
  [
2910
- {},
2911
- [
2912
- {
2913
- "backgroundColor": "transparent",
2914
- "paddingHorizontal": 0,
2915
- },
2916
- {
2917
- "alignItems": "center",
2918
- "borderRadius": 9999,
2919
- "flex": 1,
2920
- "flexDirection": "row",
2921
- "gap": 8,
2922
- "justifyContent": "center",
2923
- },
2924
- ],
2987
+ {
2988
+ "backgroundColor": "transparent",
2989
+ "borderWidth": 0,
2990
+ },
2991
+ {
2992
+ "flex": 0,
2993
+ "height": 20,
2994
+ "width": 20,
2995
+ },
2925
2996
  ]
2926
2997
  }
2927
- testID="commands-touchable"
2928
- testOnly_onPress={[Function]}
2998
+ vbHeight={20}
2999
+ vbWidth={20}
3000
+ width={20}
2929
3001
  >
2930
- <RNSVGSvgView
2931
- align="xMidYMid"
2932
- bbHeight={20}
2933
- bbWidth={20}
2934
- fill="none"
2935
- focusable={false}
2936
- height={20}
2937
- meetOrSlice={0}
2938
- minX={0}
2939
- minY={0}
2940
- stroke="#1a1b25"
2941
- strokeWidth={1.5}
2942
- style={
3002
+ <RNSVGGroup
3003
+ fill={null}
3004
+ propList={
2943
3005
  [
2944
- {
2945
- "backgroundColor": "transparent",
2946
- "borderWidth": 0,
2947
- },
2948
- {
2949
- "flex": 0,
2950
- "height": 20,
2951
- "width": 20,
2952
- },
3006
+ "fill",
3007
+ "stroke",
3008
+ "strokeWidth",
2953
3009
  ]
2954
3010
  }
2955
- vbHeight={20}
2956
- vbWidth={20}
2957
- width={20}
3011
+ stroke={
3012
+ {
3013
+ "payload": 4279900965,
3014
+ "type": 0,
3015
+ }
3016
+ }
3017
+ strokeWidth={1.5}
2958
3018
  >
2959
- <RNSVGGroup
2960
- fill={null}
3019
+ <RNSVGPath
3020
+ d="M6.25 7.5L9.375 10L6.25 12.5M10.625 12.5H13.75M3.125 3.75H16.875C17.2202 3.75 17.5 4.02982 17.5 4.375V15.625C17.5 15.9702 17.2202 16.25 16.875 16.25H3.125C2.77982 16.25 2.5 15.9702 2.5 15.625V4.375C2.5 4.02982 2.77982 3.75 3.125 3.75Z"
3021
+ fill={
3022
+ {
3023
+ "payload": 4278190080,
3024
+ "type": 0,
3025
+ }
3026
+ }
2961
3027
  propList={
2962
3028
  [
2963
- "fill",
2964
3029
  "stroke",
2965
3030
  "strokeWidth",
3031
+ "strokeLinecap",
3032
+ "strokeLinejoin",
2966
3033
  ]
2967
3034
  }
2968
3035
  stroke={
@@ -2971,38 +3038,13 @@ exports[`Thread should match thread snapshot 1`] = `
2971
3038
  "type": 0,
2972
3039
  }
2973
3040
  }
3041
+ strokeLinecap={1}
3042
+ strokeLinejoin={1}
2974
3043
  strokeWidth={1.5}
2975
- >
2976
- <RNSVGPath
2977
- d="M6.25 7.5L9.375 10L6.25 12.5M10.625 12.5H13.75M3.125 3.75H16.875C17.2202 3.75 17.5 4.02982 17.5 4.375V15.625C17.5 15.9702 17.2202 16.25 16.875 16.25H3.125C2.77982 16.25 2.5 15.9702 2.5 15.625V4.375C2.5 4.02982 2.77982 3.75 3.125 3.75Z"
2978
- fill={
2979
- {
2980
- "payload": 4278190080,
2981
- "type": 0,
2982
- }
2983
- }
2984
- propList={
2985
- [
2986
- "stroke",
2987
- "strokeWidth",
2988
- "strokeLinecap",
2989
- "strokeLinejoin",
2990
- ]
2991
- }
2992
- stroke={
2993
- {
2994
- "payload": 4279900965,
2995
- "type": 0,
2996
- }
2997
- }
2998
- strokeLinecap={1}
2999
- strokeLinejoin={1}
3000
- strokeWidth={1.5}
3001
- />
3002
- </RNSVGGroup>
3003
- </RNSVGSvgView>
3004
- </RNGestureHandlerButton>
3005
- </View>
3044
+ />
3045
+ </RNSVGGroup>
3046
+ </RNSVGSvgView>
3047
+ </RNGestureHandlerButton>
3006
3048
  </View>
3007
3049
  </View>
3008
3050
  </View>