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

package/dist/animation/CssTransition.js

@@ -3,7 +3,6 @@ import { Component } from "react";
 import { Animated } from "react-native";
 export class CssTransition extends Component {
     animatedValue = new Animated.Value(0);
-    // @ts-expect-error STRICTNESS_MIGRATION --- 🚨 Unsafe legacy code 🚨 Please delete this and fix any type errors if you have time 🙏
     constructor(props) {
         super(props);
         this.state = {
@@ -28,7 +27,6 @@ export class CssTransition extends Component {
         const prevStyle = this.mergeStyles(previousStyle);
         const nextStyle = this.mergeStyles(style);
         const animateCheckboxStyle = this.props.animate.reduce((acc, cssProperty) => {
-            // @ts-expect-error STRICTNESS_MIGRATION --- 🚨 Unsafe legacy code 🚨 Please delete this and fix any type errors if you have time 🙏
             acc[cssProperty] = this.animatedValue.interpolate({
                 inputRange: [0, 1],
                 outputRange: [prevStyle[cssProperty], nextStyle[cssProperty]],
@@ -37,9 +35,7 @@ export class CssTransition extends Component {
         }, {});
         return _jsx(Animated.View, { style: [style, animateCheckboxStyle], ...props });
     }
-    // @ts-expect-error STRICTNESS_MIGRATION --- 🚨 Unsafe legacy code 🚨 Please delete this and fix any type errors if you have time 🙏
     mergeStyles(style) {
-        // @ts-expect-error STRICTNESS_MIGRATION --- 🚨 Unsafe legacy code 🚨 Please delete this and fix any type errors if you have time 🙏
         return style.reduce((acc, obj) => {
             Object.keys(obj).forEach((key) => (acc[key] = obj[key]));
             return acc;

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 { trigger } from "react-native-haptic-feedback";
+import Haptic 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) {
-            trigger(haptic === true ? "impactLight" : haptic);
+            Haptic.trigger(haptic === true ? "impactLight" : haptic);
         }
         onPress(event);
     };

package/dist/elements/Checkbox/Checkbox.stories.d.ts

@@ -2,15 +2,15 @@
 declare const _default: {
     title: string;
     component: import("react").FC<Omit<import("react-native/types").TouchableWithoutFeedbackProps, "hitSlop"> & Omit<import("..").BoxProps, "hitSlop"> & {
-        hitSlop?: import("react-native/types").Insets | undefined;
-        checked?: boolean | undefined;
-        disabled?: boolean | undefined;
-        error?: boolean | undefined;
-        text?: string | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-        subtitle?: string | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-        children?: string | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-        accessibilityLabel?: string | undefined;
-        accessibilityHint?: string | undefined;
+        hitSlop?: import("react-native/types").Insets;
+        checked?: boolean;
+        disabled?: boolean;
+        error?: boolean;
+        text?: string | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+        subtitle?: string | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+        children?: string | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+        accessibilityLabel?: string;
+        accessibilityHint?: string;
     }>;
 };
 export default _default;

package/dist/elements/ClassTheme/ClassTheme.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { useTheme } from "../../";
 export declare const ClassTheme: ({ theme, children, }: {
-    theme?: "v3" | undefined;
+    theme?: "v3";
     children: import("react").ReactNode | ((helpers: ReturnType<typeof useTheme>) => React.ReactNode);
 }) => import("react/jsx-runtime").JSX.Element;

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.skip("Input", () => {
+describe("Input", () => {
     const testID = "input";
     it("renders an instance of native TextInput", () => {
         renderWithWrappers(_jsx(Input, { testID: testID }));

package/dist/elements/Input/maskValue.d.ts

@@ -1,6 +1,6 @@
 export declare const maskValue: ({ currentValue, mask, previousValue, }: {
     currentValue: string | undefined;
     mask: string | string[] | undefined;
-    previousValue?: string | undefined;
-}) => string | undefined;
+    previousValue?: string;
+}) => string;
 export declare const unmaskText: (mask: string) => string;

package/dist/elements/LegacyScreen/LegacyScreen.d.ts

@@ -30,6 +30,6 @@ export declare const LegacyScreen: (({ children }: {
         children?: import("react").ReactNode;
     }>;
     BodyXPadding: import("react").FC<import("..").BoxProps>;
-    SafeBottomPadding: () => import("react/jsx-runtime").JSX.Element | null;
+    SafeBottomPadding: () => import("react/jsx-runtime").JSX.Element;
 };
 export {};

package/dist/elements/MeasuredView/MeasuredView.d.ts

@@ -14,6 +14,6 @@ interface Props {
  * A view that renders off-screen, measures the width and height of the view, and reports it back.
  * Note: it is rendering just null when in test mode.
  */
-export declare const MeasuredView: ({ children, setMeasuredState, show }: Props) => import("react/jsx-runtime").JSX.Element | null;
+export declare const MeasuredView: ({ children, setMeasuredState, show }: Props) => import("react/jsx-runtime").JSX.Element;
 export declare const useOffscreenStyle: (notOffscreen?: boolean) => ViewStyle;
 export {};

package/dist/elements/PopIn/PopIn.d.ts

@@ -1,5 +1,5 @@
 export declare const PopIn: ({ children, xOffset, yOffset, }: {
     children: React.ReactNode;
-    xOffset?: number | undefined;
-    yOffset?: number | undefined;
+    xOffset?: number;
+    yOffset?: number;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
-import { FlashListProps, FlashListRef } from "@shopify/flash-list";
+import { MasonryFlashListProps, MasonryFlashListRef } from "@shopify/flash-list";
 import { Ref } from "react";
-export declare function TabMasonry<T>(props: FlashListProps<T> & {
-    innerRef?: Ref<FlashListRef<T>> | null;
+export declare function TabMasonry<T>(props: MasonryFlashListProps<T> & {
+    innerRef?: Ref<MasonryFlashListRef<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.FlashList, { masonry: true, contentContainerStyle: {
+    return (_jsx(Tabs.MasonryFlashList, { contentContainerStyle: {
             paddingHorizontal: space(2),
             ...contentContainerStyle,
         }, ...props, ref: props.innerRef }));

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

@@ -8,14 +8,14 @@ export declare const Tabs: import("react").FC<import("./TabsContainer").TabsCont
     FlashList: typeof TabFlashList;
     Masonry: typeof TabMasonry;
     Lazy: import("react").FC<{
-        cancelLazyFadeIn?: boolean | undefined;
-        mountDelayMs?: number | undefined;
-        startMounted?: boolean | undefined;
+        cancelLazyFadeIn?: boolean;
+        mountDelayMs?: number;
+        startMounted?: boolean;
         children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     }>;
     ScrollView: import("react").FC<import("react-native/types").ScrollViewProps>;
     SectionList: <T>(p: import("react-native/types").SectionListProps<T, import("react-native/types").DefaultSectionT> & {
-        ref?: import("react").Ref<import("react-native/types").SectionList<T, import("react-native/types").DefaultSectionT>> | undefined;
+        ref?: import("react").Ref<import("react-native/types").SectionList<T, import("react-native/types").DefaultSectionT>>;
     }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
     SubTabBar: import("react").FC<{
         children?: import("react").ReactNode;

package/dist/storybook/helpers.d.ts

@@ -1,7 +1,7 @@
 import { StyleProp, ViewStyle } from "react-native";
 export declare const DataList: <ItemT>({ data, keyExtractor, renderItem, contentContainerStyle, }: {
     data: ItemT[];
-    keyExtractor?: ((item: ItemT, index: number) => string) | undefined;
+    keyExtractor?: (item: ItemT, index: number) => string;
     renderItem: (info: {
         item: ItemT;
         index: number;
@@ -12,7 +12,7 @@ export declare const List: ({ children, contentContainerStyle, style, horizontal
     children: React.ReactElement[] | React.ReactElement;
     contentContainerStyle?: StyleProp<ViewStyle>;
     style?: StyleProp<ViewStyle>;
-    horizontal?: boolean | undefined;
+    horizontal?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const Row: ({ children }: {
     children: React.ReactNode;

package/dist/utils/hooks/useMeasure.d.ts

@@ -1,12 +1,12 @@
 import { MutableRefObject } from "react";
 export declare const useMeasure: ({ ref, extraDeps, }: {
     ref: MutableRefObject<any>;
-    extraDeps?: string[] | undefined;
+    extraDeps?: Array<string>;
 }) => {
-    x?: number | undefined;
-    y?: number | undefined;
-    width?: number | undefined;
-    height?: number | undefined;
-    pageX?: number | undefined;
-    pageY?: number | undefined;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    pageX: number;
+    pageY: number;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette-mobile",
-  "version": "19.5.0--canary.373.4328.0",
+  "version": "19.5.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": "^2.0.3",
+    "@shopify/flash-list": "^1.8.3",
     "@styled-system/core": "^5.1.2",
     "@styled-system/theme-get": "^5.1.2",
     "events": "^3.3.0",
@@ -47,7 +47,6 @@
     "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"
   },
@@ -78,13 +77,7 @@
     "@babel/preset-typescript": "7.18.6",
     "@babel/runtime": "^7.25.0",
     "@react-native-async-storage/async-storage": "2.0.0",
-    "@react-native-community/cli": "15.0.1",
-    "@react-native-community/cli-platform-android": "15.0.1",
-    "@react-native-community/cli-platform-ios": "15.0.1",
-    "@react-native/babel-preset": "0.76.9",
     "@react-native/eslint-config": "0.76.9",
-    "@react-native/metro-config": "0.76.9",
-    "@react-native/typescript-config": "0.76.9",
     "@storybook/react-native": "6.0.1-beta.11",
     "@testing-library/react-native": "13.2.0",
     "@types/events": "^3.0.0",
@@ -122,7 +115,6 @@
     "jest-watch-typeahead": "2.2.2",
     "jotai": "1.12.1",
     "lint-staged": "13.1.2",
-    "metro-react-native-babel-preset": "0.76.8",
     "nodemon": "^2.0.20",
     "patch-package": "^8.0.0",
     "postinstall-prepare": "^2.0.0",
@@ -134,7 +126,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": "^4.1.0",
+    "react-native-reanimated": "3.16.7",
     "react-native-safe-area-context": "5.4.1",
     "react-native-svg": "15.10.1",
     "react-test-renderer": "18.3.1",