@artsy/palette-mobile 13.2.33 → 13.2.35

package/dist/utils/hooks/useColor.js

@@ -1,6 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useColor = void 0;
-const useTheme_1 = require("./useTheme");
-const useColor = () => (0, useTheme_1.useTheme)().color;
-exports.useColor = useColor;
+import { useTheme } from "./useTheme";
+export const useColor = () => useTheme().color;

package/dist/utils/hooks/useMeasure.js

@@ -1,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMeasure = void 0;
-const react_1 = require("react");
+import { useEffect, useState } from "react";
 /*
   useMeasure is a hook that measures the position of a ref element
   and returns the x, y, width, height, pageX, pageY of the element
 */
-const useMeasure = ({ ref, extraDeps = [], }) => {
-    const [position, setPosition] = (0, react_1.useState)(null);
-    (0, react_1.useEffect)(() => {
+export const useMeasure = ({ ref, extraDeps = [], }) => {
+    const [position, setPosition] = useState(null);
+    useEffect(() => {
         ref.current?.measure((x, y, width, height, pageX, pageY) => {
             setPosition({
                 x,
@@ -25,4 +22,3 @@ const useMeasure = ({ ref, extraDeps = [], }) => {
     }, [JSON.stringify(position), ref, ...extraDeps]);
     return { ...position };
 };
-exports.useMeasure = useMeasure;

package/dist/utils/hooks/useScreenDimensions.js

@@ -1,17 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useScreenDimensions = exports.ScreenDimensionsProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const react_native_safe_area_context_1 = require("react-native-safe-area-context");
-const ScreenDimensionsProvider = ({ children }) => {
-    const safeAreaInsets = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
-    const dimensions = (0, react_native_1.useWindowDimensions)();
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+import { useWindowDimensions } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+export const ScreenDimensionsProvider = ({ children }) => {
+    const safeAreaInsets = useSafeAreaInsets();
+    const dimensions = useWindowDimensions();
     const orientation = dimensions.width > dimensions.height ? "landscape" : "portrait";
     const size = dimensions.height < 667 ? "small" : dimensions.height <= 812 ? "standard" : "large";
     const isSmallScreen = size === "small";
-    return ((0, jsx_runtime_1.jsx)(ScreenDimensionsContext.Provider, { value: {
+    return (_jsx(ScreenDimensionsContext.Provider, { value: {
             ...dimensions,
             safeAreaInsets,
             orientation,
@@ -19,13 +16,11 @@ const ScreenDimensionsProvider = ({ children }) => {
             isSmallScreen,
         }, children: children }));
 };
-exports.ScreenDimensionsProvider = ScreenDimensionsProvider;
-const ScreenDimensionsContext = (0, react_1.createContext)(null);
-function useScreenDimensions() {
-    const context = (0, react_1.useContext)(ScreenDimensionsContext);
+const ScreenDimensionsContext = createContext(null);
+export function useScreenDimensions() {
+    const context = useContext(ScreenDimensionsContext);
     if (!context) {
         throw new Error("useScreenDimensions must be used within a ScreenDimensionsProvider");
     }
     return context;
 }
-exports.useScreenDimensions = useScreenDimensions;

package/dist/utils/hooks/useSpace.js

@@ -1,6 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSpace = void 0;
-const useTheme_1 = require("./useTheme");
-const useSpace = () => (0, useTheme_1.useTheme)().space;
-exports.useSpace = useSpace;
+import { useTheme } from "./useTheme";
+export const useSpace = () => useTheme().space;

package/dist/utils/hooks/useTheme.js

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTheme = void 0;
-const react_1 = require("react");
-const native_1 = require("styled-components/native");
-const tokens_1 = require("../../tokens");
-const useTheme = () => {
-    const maybeTheme = (0, react_1.useContext)(native_1.ThemeContext);
+import { useContext } from "react";
+import { ThemeContext } from "styled-components/native";
+import { THEMES } from "../../tokens";
+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.
@@ -13,7 +10,7 @@ const useTheme = () => {
         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.");
     }
-    const defaultTheme = tokens_1.THEMES.v3light;
+    const defaultTheme = THEMES.v3light;
     const theme = maybeTheme ?? defaultTheme;
     return {
         theme,
@@ -21,7 +18,6 @@ const useTheme = () => {
         color: color(theme),
     };
 };
-exports.useTheme = useTheme;
 const space = (theme) => (spaceName) => {
     const pixelValue = theme.space[spaceName];
     return Number(pixelValue.split("px")[0]);

package/dist/utils/normalizeText.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.normalizeText = void 0;
 /*
    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.
@@ -214,7 +211,7 @@ for (const { letters, base } of defaultDiacriticsRemovalMap) {
     }
 }
 // "what?" version ... http://jsperf.com/diacritics/12
-function normalizeText(text) {
+export function normalizeText(text) {
     return (text
         .trim()
         .toLocaleLowerCase()
@@ -229,4 +226,3 @@ function normalizeText(text) {
         // remove punctuation https://stackoverflow.com/a/25575009
         .replace(/[\u2000-\u206F\u2E00-\u2E7F\\'!"#$%&()*+,\-.\/:;<=>?@\[\]^_`{|}~]/, ""));
 }
-exports.normalizeText = normalizeText;

package/dist/utils/space.stories.js

@@ -1,17 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SpacingUnits = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const hooks_1 = require("./hooks");
-const text_1 = require("./text");
-const elements_1 = require("../elements");
-const helpers_1 = require("../storybook/helpers");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSpace } from "./hooks";
+import { bullet } from "./text";
+import { Box, Text } from "../elements";
+import { List } from "../storybook/helpers";
 const SpaceLine = ({ space: theSpace }) => {
-    const space = (0, hooks_1.useSpace)();
-    return ((0, jsx_runtime_1.jsxs)(elements_1.Box, { children: [(0, jsx_runtime_1.jsx)(elements_1.Box, { width: space(theSpace), borderBottomWidth: 1, borderColor: "black", marginBottom: "4px" }), (0, jsx_runtime_1.jsx)(elements_1.Text, { color: "black", children: `${theSpace} ${text_1.bullet} ${space(theSpace)}px` })] }));
+    const space = useSpace();
+    return (_jsxs(Box, { children: [_jsx(Box, { width: space(theSpace), borderBottomWidth: 1, borderColor: "black", marginBottom: "4px" }), _jsx(Text, { color: "black", children: `${theSpace} ${bullet} ${space(theSpace)}px` })] }));
 };
-exports.default = {
+export default {
     title: "space",
 };
-const SpacingUnits = () => ((0, jsx_runtime_1.jsxs)(helpers_1.List, { style: { marginLeft: 50 }, contentContainerStyle: { alignItems: "flex-start" }, children: [(0, jsx_runtime_1.jsx)(SpaceLine, { space: 0.5 }), (0, jsx_runtime_1.jsx)(SpaceLine, { space: 1 }), (0, jsx_runtime_1.jsx)(SpaceLine, { space: 2 }), (0, jsx_runtime_1.jsx)(SpaceLine, { space: 4 }), (0, jsx_runtime_1.jsx)(SpaceLine, { space: 6 }), (0, jsx_runtime_1.jsx)(SpaceLine, { space: 12 })] }));
-exports.SpacingUnits = SpacingUnits;
+export const SpacingUnits = () => (_jsxs(List, { style: { marginLeft: 50 }, contentContainerStyle: { alignItems: "flex-start" }, children: [_jsx(SpaceLine, { space: 0.5 }), _jsx(SpaceLine, { space: 1 }), _jsx(SpaceLine, { space: 2 }), _jsx(SpaceLine, { space: 4 }), _jsx(SpaceLine, { space: 6 }), _jsx(SpaceLine, { space: 12 })] }));

package/dist/utils/tests/renderWithWrappers.js

@@ -1,18 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Providers = exports.renderWithWrappers = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_native_1 = require("@testing-library/react-native");
-const react_native_safe_area_context_1 = require("react-native-safe-area-context");
-const Theme_1 = require("../../Theme");
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from "@testing-library/react-native";
+import { SafeAreaProvider } from "react-native-safe-area-context";
+import { Theme } from "../../Theme";
 /**
  * Renders a React Component with our page wrappers
  * by using @testing-library/react-native
  * @param component
  */
-const renderWithWrappers = (component) => {
+export const renderWithWrappers = (component) => {
     try {
-        return (0, react_native_1.render)(component, { wrapper: exports.Providers });
+        return render(component, { wrapper: Providers });
     }
     catch (error) {
         if (error instanceof Error) {
@@ -20,6 +17,4 @@ const renderWithWrappers = (component) => {
         }
     }
 };
-exports.renderWithWrappers = renderWithWrappers;
-const Providers = ({ children }) => ((0, jsx_runtime_1.jsx)(react_native_safe_area_context_1.SafeAreaProvider, { children: (0, jsx_runtime_1.jsx)(Theme_1.Theme, { children: children }) }));
-exports.Providers = Providers;
+export const Providers = ({ children }) => (_jsx(SafeAreaProvider, { children: _jsx(Theme, { children: children }) }));

package/dist/utils/text.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.range = exports.comma = exports.apostrophe = exports.quoteRight = exports.quoteLeft = exports.nbsp = exports.bullet = exports.emdash = exports.endash = void 0;
 /**
  * The endash is used in ranges like `$10k – $20k`.
  * This export makes it easier to use in the code, without having to find
@@ -8,16 +5,15 @@ exports.range = exports.comma = exports.apostrophe = exports.quoteRight = export
  * It is a different character to the regular minus, usually a bit longer.
  * (for reference: minus `-`, endash `–`)
  */
-exports.endash = "–";
-exports.emdash = "—";
-exports.bullet = "•";
-exports.nbsp = String.fromCharCode(160);
-exports.quoteLeft = "“";
-exports.quoteRight = "”";
-exports.apostrophe = "’";
-exports.comma = ",";
+export const endash = "–";
+export const emdash = "—";
+export const bullet = "•";
+export const nbsp = String.fromCharCode(160);
+export const quoteLeft = "“";
+export const quoteRight = "”";
+export const apostrophe = "’";
+export const comma = ",";
 /**
  * A helper func to create a range string out of two strings, by putting an endash between them.
  */
-const range = (left, right) => `${left} ${exports.endash} ${right}`;
-exports.range = range;
+export const range = (left, right) => `${left} ${endash} ${right}`;

package/dist/utils/types.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/dist/utils/webTokensToMobile.js

@@ -1,16 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.convertWebTextTreatmentsToMobile = exports.convertWebSpacingUnitsToMobile = void 0;
-const lodash_1 = require("lodash");
+import { mapValues } from "lodash";
 /**
  * This function is converting the space values that come from palette-tokens
  * from a string `"120px"` to a number `120`, and the key values from a number
  * `0.5` to a string `"0.5"`.
  */
-const convertWebSpacingUnitsToMobile = (withUnits) => {
+export const convertWebSpacingUnitsToMobile = (withUnits) => {
     return withUnits;
 };
-exports.convertWebSpacingUnitsToMobile = convertWebSpacingUnitsToMobile;
 /**
  * This function is removing the `px` and `em` suffix and making the values
  * into numbers. letterspacing, fontSize, and lineHeight all take numbers
@@ -18,8 +14,8 @@ exports.convertWebSpacingUnitsToMobile = convertWebSpacingUnitsToMobile;
  *
  * @see https://reactnative.dev/docs/text-style-props
  */
-const convertWebTextTreatmentsToMobile = (withUnits) => {
-    const textTreatments = (0, lodash_1.mapValues)(withUnits, (treatmentWithUnits) => {
+export const convertWebTextTreatmentsToMobile = (withUnits) => {
+    const textTreatments = mapValues(withUnits, (treatmentWithUnits) => {
         const newTreatment = {};
         const valuesToConvert = [
             ["fontSize", "px"],
@@ -39,4 +35,3 @@ const convertWebTextTreatmentsToMobile = (withUnits) => {
     });
     return textTreatments;
 };
-exports.convertWebTextTreatmentsToMobile = convertWebTextTreatmentsToMobile;

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@artsy/palette-mobile",
-  "version": "13.2.33",
+  "version": "13.2.35",
   "description": "Artsy's design system for React Native",
   "scripts": {
-    "android": "RCT_METRO_PORT=8082 react-native run-android --port 8082",
+    "android": "RCT_METRO_PORT=8082 react-native run-android --port 8082 --terminal terminal",
     "beta:ios": "bundle e fastlane ios beta",
     "bundle-install": "bundle install",
     "clean": "rimraf dist",
     "compile": "tsc",
     "install:all": "yarn install && yarn bundle-install && yarn pod-install",
-    "ios": "RCT_METRO_PORT=8082 react-native run-ios --port 8082",
+    "ios": "RCT_METRO_PORT=8082 react-native run-ios --port 8082 --terminal terminal",
     "lint:all": "yarn lint .",
     "lint": "eslint --cache --cache-location '.cache/eslint/' --ext .ts,.tsx --fix",
     "local-palette-dev": "./scripts/sync-after-change",
@@ -73,19 +73,19 @@
     "@babel/preset-react": "7.18.6",
     "@babel/preset-typescript": "7.18.6",
     "@babel/runtime": "^7.20.13",
-    "@react-native-async-storage/async-storage": "1.17.11",
-    "@react-native/eslint-config": "^0.72.2",
-    "@react-native/metro-config": "^0.72.11",
+    "@react-native-async-storage/async-storage": "1.19.8",
+    "@react-native/babel-preset": "0.73.21",
+    "@react-native/eslint-config": "^0.73.2",
+    "@react-native/metro-config": "^0.73.5",
+    "@react-native/typescript-config": "0.73.1",
     "@storybook/react-native": "6.0.1-beta.11",
     "@testing-library/jest-native": "^5.4.2",
     "@testing-library/react-hooks": "8.0.1",
     "@testing-library/react-native": "11.5.1",
-    "@tsconfig/react-native": "^3.0.0",
     "@types/events": "^3.0.0",
     "@types/jest": "29.4.0",
     "@types/lodash": "4.14.191",
     "@types/react": "^17.0.39",
-    "@types/react-native": "0.70.10",
     "@types/react-test-renderer": "^18.0.0",
     "@types/styled-components": "^5.1.26",
     "@types/styled-components-react-native": "^5.2.1",
@@ -95,7 +95,7 @@
     "@typescript-eslint/eslint-plugin": "5.51.0",
     "@typescript-eslint/parser": "^5.51.0",
     "auto": "10.38.5",
-    "babel-jest": "29.4.2",
+    "babel-jest": "29.6.3",
     "concurrently": "^7.6.0",
     "eslint": "8.33.0",
     "eslint-config-prettier": "8.6.0",
@@ -108,7 +108,7 @@
     "eslint-plugin-storybook": "0.6.10",
     "eslint-plugin-testing-library": "^5.10.2",
     "husky": "^8.0.3",
-    "jest": "29.4.2",
+    "jest": "29.6.3",
     "jest-environment-jsdom": "29.4.2",
     "jest-extended": "3.2.3",
     "jest-watch-typeahead": "2.2.2",
@@ -116,12 +116,12 @@
     "lint-staged": "13.1.2",
     "metro-react-native-babel-preset": "0.76.8",
     "nodemon": "^2.0.20",
-    "prettier": "^2.4.1",
+    "prettier": "^2.8.8",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-native": "0.72.12",
+    "react-native": "0.73.9",
     "react-native-device-info": "10.3.0",
-    "react-native-flipper": "0.178.1",
+    "react-native-flipper": "0.265.0",
     "react-native-haptic-feedback": "1.14.0",
     "react-native-linear-gradient": "2.6.2",
     "react-native-reanimated": "3.8.1",
@@ -131,7 +131,7 @@
     "rimraf": "4.1.2",
     "rn-flipper-async-storage-advanced": "1.0.4",
     "styled-components": "^5.3.6",
-    "typescript": "4.9.5"
+    "typescript": "5.0.4"
   },
   "resolutions": {
     "@types/react": "^17.0.39"