@artsy/palette-mobile 19.4.0 → 19.5.0--canary.373.4328.0

package/dist/elements/ButtonNew/Button.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { Pressable } from "react-native";
-import Haptic from "react-native-haptic-feedback";
+import { trigger } from "react-native-haptic-feedback";
 import Animated, { interpolateColor, useAnimatedReaction, useAnimatedStyle, useDerivedValue, useSharedValue, withTiming, } from "react-native-reanimated";
 import { useColorsForVariantAndState } from "./colors";
 import { MeasuredView } from "../../elements/MeasuredView";
@@ -45,7 +45,7 @@ export const Button = ({ children, disabled: disabledProp, haptic, icon, iconPos
             return;
         }
         if (haptic !== undefined) {
-            Haptic.trigger(haptic === true ? "impactLight" : haptic);
+            trigger(haptic === true ? "impactLight" : haptic);
         }
         onPress(event);
     };

package/dist/elements/Input/Input.tests.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { fireEvent, screen } from "@testing-library/react-native";
 import { Input } from "./Input";
 import { renderWithWrappers } from "../../utils/tests/renderWithWrappers";
-describe("Input", () => {
+describe.skip("Input", () => {
     const testID = "input";
     it("renders an instance of native TextInput", () => {
         renderWithWrappers(_jsx(Input, { testID: testID }));

package/dist/elements/Tabs/TabMasonry.d.ts

@@ -1,5 +1,5 @@
-import { MasonryFlashListProps, MasonryFlashListRef } from "@shopify/flash-list";
+import { FlashListProps, FlashListRef } from "@shopify/flash-list";
 import { Ref } from "react";
-export declare function TabMasonry<T>(props: MasonryFlashListProps<T> & {
-    innerRef?: Ref<MasonryFlashListRef<T>> | null;
+export declare function TabMasonry<T>(props: FlashListProps<T> & {
+    innerRef?: Ref<FlashListRef<T>> | null;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/elements/Tabs/TabMasonry.js

@@ -6,7 +6,7 @@ export function TabMasonry(props) {
     useListenForTabContentScroll();
     const space = useSpace();
     const contentContainerStyle = (props.contentContainerStyle ?? {});
-    return (_jsx(Tabs.MasonryFlashList, { contentContainerStyle: {
+    return (_jsx(Tabs.FlashList, { masonry: true, contentContainerStyle: {
             paddingHorizontal: space(2),
             ...contentContainerStyle,
         }, ...props, ref: props.innerRef }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette-mobile",
-  "version": "19.4.0",
+  "version": "19.5.0--canary.373.4328.0",
   "description": "Artsy's design system for React Native",
   "scripts": {
     "android": "expo run:android --port 8082",
@@ -36,7 +36,7 @@
     "@artsy/icons": "^3.49.0",
     "@artsy/palette-tokens": "7.0.0",
     "@d11/react-native-fast-image": "^8.10.0",
-    "@shopify/flash-list": "^1.8.3",
+    "@shopify/flash-list": "^2.0.3",
     "@styled-system/core": "^5.1.2",
     "@styled-system/theme-get": "^5.1.2",
     "events": "^3.3.0",
@@ -47,6 +47,7 @@
     "react-native-collapsible-tab-view": "^8.0.1",
     "react-native-pager-view": "6.5.0",
     "react-native-popover-view": "^6.1.0",
+    "react-native-worklets": "^0.5.1",
     "react-spring": "8.0.23",
     "styled-system": "^5.1.5"
   },
@@ -133,7 +134,7 @@
     "react-native-device-info": "14.0.4",
     "react-native-haptic-feedback": "1.14.0",
     "react-native-linear-gradient": "2.6.2",
-    "react-native-reanimated": "3.16.7",
+    "react-native-reanimated": "^4.1.0",
     "react-native-safe-area-context": "5.4.1",
     "react-native-svg": "15.10.1",
     "react-test-renderer": "18.3.1",