@artsy/palette-mobile 14.0.21 → 14.0.22

package/dist/elements/Button/Button.js

@@ -7,6 +7,7 @@ import { config } from "react-spring";
 import { animated, Spring } from "react-spring/renderprops-native";
 import styled from "styled-components/native";
 import { useColor } from "../../utils/hooks";
+import { isTestEnvironment } from "../../utils/tests/isTestEnvironment";
 import { Box } from "../Box";
 import { Flex } from "../Flex/Flex";
 import { MeasuredView } from "../MeasuredView";
@@ -82,7 +83,7 @@ export const Button = ({ children, disabled, haptic, icon, iconPosition = "left"
                         backgroundColor: springProps.backgroundColor,
                         borderColor: springProps.borderColor,
                         height: containerSize.height,
-                    }, children: _jsxs(Flex, { mx: containerSize.mx, children: [_jsxs(Flex, { height: "100%", flexDirection: "row", alignItems: "center", justifyContent: "center", children: [iconPosition === "left-start" && !!icon ? (_jsxs(Box, { position: "absolute", left: 0, children: [icon, _jsx(Spacer, { x: 0.5 })] })) : null, iconPosition === "left" && !!icon ? (_jsxs(_Fragment, { children: [icon, _jsx(Spacer, { x: 0.5 })] })) : null, !__TEST__ && longestText && (_jsx(MeasuredView, { setMeasuredState: setLongestTextMeasurements, children: _jsx(Text, { color: "red", style: textStyle, children: longestText ? longestText : children }) })), _jsx(AnimatedText, { style: [
+                    }, children: _jsxs(Flex, { mx: containerSize.mx, children: [_jsxs(Flex, { height: "100%", flexDirection: "row", alignItems: "center", justifyContent: "center", children: [iconPosition === "left-start" && !!icon ? (_jsxs(Box, { position: "absolute", left: 0, children: [icon, _jsx(Spacer, { x: 0.5 })] })) : null, iconPosition === "left" && !!icon ? (_jsxs(_Fragment, { children: [icon, _jsx(Spacer, { x: 0.5 })] })) : null, !isTestEnvironment() && longestText && (_jsx(MeasuredView, { setMeasuredState: setLongestTextMeasurements, children: _jsx(Text, { color: "red", style: textStyle, children: longestText ? longestText : children }) })), _jsx(AnimatedText, { style: [
                                             {
                                                 width: longestText ? Math.ceil(longestTextMeasurements.width) : "auto",
                                                 color: springProps.textColor,

package/dist/elements/MeasuredView/MeasuredView.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { useWindowDimensions } from "react-native";
+import { isTestEnvironment } from "../../utils/tests/isTestEnvironment";
 import { Box } from "../Box";
 /**
  * A view that renders off-screen, measures the width and height of the view, and reports it back.
@@ -11,7 +12,7 @@ export const MeasuredView = ({ children, setMeasuredState, show }) => {
     const onLayout = useCallback((event) => {
         setMeasuredState(event.nativeEvent.layout);
     }, []);
-    if (__TEST__)
+    if (isTestEnvironment())
         return null;
     return (_jsx(Box, { style: offscreenStyle, backgroundColor: "pink", onLayout: onLayout, accessibilityElementsHidden: true, children: children }));
 };

package/dist/setupJest.js

@@ -1,5 +1,3 @@
-// @ts-expect-error
-global.__TEST__ = true;
 import "@testing-library/react-native/extend-expect";
 import mockSafeAreaContext from "react-native-safe-area-context/jest/mock";
 jest.mock("react-native-safe-area-context", () => mockSafeAreaContext);

package/dist/utils/hooks/useTheme.js

@@ -1,12 +1,13 @@
 import { useContext } from "react";
 import { ThemeContext } from "styled-components/native";
 import { THEMES } from "../../tokens";
+import { isTestEnvironment } from "../tests/isTestEnvironment";
 export const useTheme = () => {
     const maybeTheme = useContext(ThemeContext);
     // if we are not wrapped in `<Theme>`, if we dev, throw error.
     // if we are in prod, we will default to v2 to avoid a crash.
     // if we are wrapped, then all good.
-    if ((__DEV__ || __TEST__) && maybeTheme === undefined) {
+    if ((__DEV__ || isTestEnvironment()) && maybeTheme === undefined) {
         console.error("You are trying to use the `Theme` context but you have not wrapped your component/screen with `<Theme>`. Please wrap and try again.");
         throw new Error("ThemeContext is not defined. Wrap your component with `<Theme>` and try again.");
     }

package/dist/utils/tests/isTestEnvironment.d.ts

@@ -0,0 +1 @@
+export declare const isTestEnvironment: () => boolean;

package/dist/utils/tests/isTestEnvironment.js

@@ -0,0 +1,3 @@
+export const isTestEnvironment = () => {
+    return !!process.env.JEST_WORKER_ID;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette-mobile",
-  "version": "14.0.21",
+  "version": "14.0.22",
   "description": "Artsy's design system for React Native",
   "scripts": {
     "android": "RCT_METRO_PORT=8082 react-native run-android --port 8082 --terminal terminal",