@artsy/palette-mobile 13.2.33 → 13.2.34

package/dist/elements/Input/index.js

@@ -1,19 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Input"), exports);
-__exportStar(require("./helpers"), exports);
-__exportStar(require("./InputTitle"), exports);

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

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

package/dist/elements/Input/maskValue.js

@@ -1,49 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.unmaskText = exports.maskValue = void 0;
-const maskString = (value, mask) => {
-    let result = mask.replace(/9/g, "_");
-    for (const digit of value.replace(/\D/g, "")) {
-        if (result.includes("_")) {
-            result = result.replace("_", digit);
-        }
-        else {
-            result = result + digit;
-        }
-    }
-    if (result.includes("_")) {
-        result = result.slice(0, result.indexOf("_"));
-    }
-    return result;
-};
-const maskValue = ({ currentValue, mask, previousValue = "", }) => {
-    if (!currentValue || !mask || mask.length === 0) {
-        return currentValue;
-    }
-    const value = (0, exports.unmaskText)(currentValue);
-    if (previousValue && previousValue.length > currentValue.length) {
-        // user is deleting, don't mess with the format
-        return currentValue;
-    }
-    if (typeof mask === "string") {
-        return maskString(currentValue, mask);
-    }
-    else {
-        if (value.length <= (0, exports.unmaskText)(mask[0]).length) {
-            return maskString(value, mask[0]);
-        }
-        else {
-            const nearestMask = [...mask].reverse().find((m) => {
-                if (value.length >= (0, exports.unmaskText)(m).length) {
-                    return true;
-                }
-                return false;
-            }) || mask[0];
-            return maskString(value, nearestMask);
-        }
-    }
-};
-exports.maskValue = maskValue;
-// Helper method to clean the mask and remove all non-digits and spaces
-const unmaskText = (mask) => mask.replace(/\W/g, "");
-exports.unmaskText = unmaskText;

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

@@ -1 +0,0 @@
-export {};

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

@@ -1,58 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const maskValue_1 = require("./maskValue");
-const GERMANY_PHONE_MASKS = [
-    "999 999",
-    "999 9999",
-    "999 99999",
-    "999 999999",
-    "999 9999999",
-    "999 99999999",
-    "9999 99999999",
-];
-const TUNISIA_PHONE_MASK = "99 999 999";
-const UNITED_STATES_PHONE_MASK = "999 999 9999";
-describe(maskValue_1.maskValue, () => {
-    it("leaves the value value alone if the user is deleting characters", () => {
-        expect((0, maskValue_1.maskValue)({
-            currentValue: "017672458053",
-            mask: GERMANY_PHONE_MASKS,
-        })).toBe("0176 72458053");
-        expect((0, maskValue_1.maskValue)({
-            currentValue: "17672458053",
-            mask: GERMANY_PHONE_MASKS,
-        })).toBe("176 72458053");
-        expect((0, maskValue_1.maskValue)({
-            currentValue: "030901820",
-            mask: GERMANY_PHONE_MASKS,
-        })).toBe("030 901820");
-        expect((0, maskValue_1.maskValue)({
-            currentValue: "901820",
-            mask: GERMANY_PHONE_MASKS,
-        })).toBe("901 820");
-        expect((0, maskValue_1.maskValue)({
-            currentValue: "20335902",
-            mask: TUNISIA_PHONE_MASK,
-        })).toBe("20 335 902");
-    });
-    it("works with empty strings", () => {
-        expect((0, maskValue_1.maskValue)({
-            currentValue: "",
-            mask: GERMANY_PHONE_MASKS,
-        })).toBe("");
-        expect((0, maskValue_1.maskValue)({
-            currentValue: "",
-            mask: "",
-        })).toBe("");
-    });
-    it("formats a given phone number to the given country's default format", () => {
-        expect((0, maskValue_1.maskValue)({
-            currentValue: "7825577664",
-            mask: UNITED_STATES_PHONE_MASK,
-        })).toBe("782 557 7664");
-        expect((0, maskValue_1.maskValue)({
-            currentValue: "782557766",
-            mask: UNITED_STATES_PHONE_MASK,
-        })).toBe("782 557 766");
-    });
-});

package/dist/elements/Join/Join.d.ts

@@ -1,29 +0,0 @@
-/// <reference types="react" />
-interface JoinProps {
-    children: React.ReactNode;
-    separator: React.ReactElement;
-    /** Flatten out nested fragments. Useful for Joins with conditional rendering */
-    flatten?: boolean;
-}
-/**
- * `Join` is a higher order component that renders a separator component
- * between each of `Join`'s direct children.
- *
- * @example
- *
- *  <Join separator={<SomeComponent/>}>
- *    <child1/>
- *    <child2/>
- *    <child3/>
- *  </Join>
- *
- * which renders
- *
- * <child1/>
- * <SomeComponent/>
- * <child2/>
- * <SomeComponent/>
- * <child3/>
- */
-export declare const Join: ({ separator, children, flatten }: JoinProps) => any;
-export {};

package/dist/elements/Join/Join.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Join = void 0;
-const react_1 = require("react");
-const flattenChildren_1 = require("../../utils/flattenChildren");
-/**
- * `Join` is a higher order component that renders a separator component
- * between each of `Join`'s direct children.
- *
- * @example
- *
- *  <Join separator={<SomeComponent/>}>
- *    <child1/>
- *    <child2/>
- *    <child3/>
- *  </Join>
- *
- * which renders
- *
- * <child1/>
- * <SomeComponent/>
- * <child2/>
- * <SomeComponent/>
- * <child3/>
- */
-const Join = ({ separator, children, flatten = false }) => {
-    const childArray = flatten ? (0, flattenChildren_1.flattenChildren)(children) : react_1.Children.toArray(children);
-    return childArray.reduce((acc, curr, currentIndex) => {
-        acc.push((0, react_1.cloneElement)(curr, {
-            key: `join-${currentIndex}`,
-        }));
-        if (currentIndex !== childArray.length - 1) {
-            acc.push(separator &&
-                (0, react_1.cloneElement)(separator, {
-                    key: `join-sep-${currentIndex}`,
-                }));
-        }
-        return acc;
-    }, []);
-};
-exports.Join = Join;

package/dist/elements/Join/index.d.ts

@@ -1 +0,0 @@
-export * from "./Join";

package/dist/elements/Join/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Join"), exports);

package/dist/elements/LazyFlatlist/LazyFlatlist.d.ts

@@ -1,10 +0,0 @@
-import { ReactElement } from "react";
-export declare function LazyFlatlist<T>(props: {
-    keyExtractor: (item: T) => string;
-    children: (props: {
-        viewedItems: Set<string>;
-        viewabilityConfig: any;
-        onViewableItemsChanged: any;
-        hasSeenItem: (item: T) => boolean;
-    }) => React.ReactNode | null | undefined;
-}): ReactElement;

package/dist/elements/LazyFlatlist/LazyFlatlist.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LazyFlatlist = void 0;
-const useHasSeenItem_1 = require("./useHasSeenItem");
-function LazyFlatlist(props) {
-    const { viewabilityConfig, onViewableItemsChanged, hasSeenItem, viewedItems } = (0, useHasSeenItem_1.useHasSeenItem)({
-        keyExtractor: props.keyExtractor,
-    });
-    if (!props.children || typeof props.children !== "function") {
-        throw new Error("LazyScrollContext requires children");
-    }
-    return props.children({
-        viewedItems,
-        viewabilityConfig,
-        onViewableItemsChanged,
-        hasSeenItem,
-    });
-}
-exports.LazyFlatlist = LazyFlatlist;

package/dist/elements/LazyFlatlist/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./LazyFlatlist";
-export * from "./useHasSeenItem";

package/dist/elements/LazyFlatlist/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./LazyFlatlist"), exports);
-__exportStar(require("./useHasSeenItem"), exports);

package/dist/elements/LazyFlatlist/useHasSeenItem.d.ts

@@ -1,12 +0,0 @@
-import { ViewToken, ViewabilityConfig } from "react-native";
-export declare const useHasSeenItem: <T>({ keyExtractor }: {
-    keyExtractor: (item: T) => string;
-}) => {
-    onViewableItemsChanged: ({ viewableItems }: {
-        viewableItems: ViewToken[];
-        changed: ViewToken[];
-    }) => void;
-    viewabilityConfig: ViewabilityConfig;
-    hasSeenItem: (item: T) => boolean;
-    viewedItems: Set<string>;
-};

package/dist/elements/LazyFlatlist/useHasSeenItem.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useHasSeenItem = void 0;
-const react_1 = require("react");
-// This is a custom hook that is used to determine if a user has seen an item in a list or not
-const useHasSeenItem = ({ keyExtractor }) => {
-    const [viewedItems, setViewedItems] = (0, react_1.useState)(new Set());
-    const viewabilityConfig = (0, react_1.useRef)({
-        // Percent of of the item that is visible for a partially occluded item to count as "viewable"
-        itemVisiblePercentThreshold: 20,
-        minimumViewTime: 300,
-        waitForInteraction: false,
-    }).current;
-    const viewedItemsRef = (0, react_1.useRef)(new Set()).current;
-    const onViewableItemsChanged = (0, react_1.useRef)(({ viewableItems }) => {
-        viewableItems.forEach(({ item }) => {
-            viewedItemsRef.add(keyExtractor(item));
-        });
-        setViewedItems(new Set(viewedItemsRef));
-    }).current;
-    const hasSeenItem = (item) => {
-        return viewedItems.has(keyExtractor(item));
-    };
-    return {
-        onViewableItemsChanged,
-        viewabilityConfig,
-        hasSeenItem,
-        viewedItems,
-    };
-};
-exports.useHasSeenItem = useHasSeenItem;

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

@@ -1,35 +0,0 @@
-/// <reference types="react" />
-import { FlexProps } from "../Flex";
-interface HeaderProps {
-    onBack?: () => void;
-    title?: string;
-    onSkip?: () => void;
-}
-export declare const Header: React.FC<HeaderProps>;
-/**
- * @deprecated Use `Screen.Header` instead.
- */
-export declare const FloatingHeader: React.FC<HeaderProps>;
-interface BodyProps extends Pick<FlexProps, "backgroundColor"> {
-    children?: React.ReactNode;
-    scroll?: boolean;
-    noTopSafe?: boolean;
-    noBottomSafe?: boolean;
-    fullwidth?: boolean;
-}
-export declare const LegacyScreen: (({ children }: {
-    children?: React.ReactNode;
-}) => JSX.Element) & {
-    Body: ({ scroll, noTopSafe, noBottomSafe, fullwidth, children, ...restFlexProps }: BodyProps) => JSX.Element;
-    Header: import("react").FC<HeaderProps>;
-    FloatingHeader: import("react").FC<HeaderProps>;
-    Background: import("react").FC<{
-        children?: import("react").ReactNode;
-    }>;
-    BottomView: import("react").FC<{
-        children?: import("react").ReactNode;
-    }>;
-    BodyXPadding: import("react").FC<import("..").BoxProps>;
-    SafeBottomPadding: () => JSX.Element | null;
-};
-export {};

package/dist/elements/LegacyScreen/LegacyScreen.js

@@ -1,140 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LegacyScreen = exports.FloatingHeader = exports.Header = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_nanny_1 = require("react-nanny");
-const react_native_1 = require("react-native");
-const react_native_linear_gradient_1 = __importDefault(require("react-native-linear-gradient"));
-const react_native_safe_area_context_1 = require("react-native-safe-area-context");
-const Wrap_1 = require("../../utils/Wrap");
-const ArtsyKeyboardAvoidingView_1 = require("../ArtsyKeyboardAvoidingView");
-const BackButton_1 = require("../BackButton");
-const Flex_1 = require("../Flex");
-const Spacer_1 = require("../Spacer");
-const Text_1 = require("../Text");
-const Touchable_1 = require("../Touchable");
-const ScreenContext = (0, react_1.createContext)(null);
-function useScreenContext() {
-    const context = (0, react_1.useContext)(ScreenContext);
-    if (!context) {
-        throw new Error("useScreenContext must be used within a Screen");
-    }
-    return context;
-}
-const ScreenWrapper = ({ children }) => {
-    const [options, setStateOptions] = (0, react_1.useState)({
-        handleTopSafeArea: true,
-        bottomViewHeight: 0,
-    });
-    return ((0, jsx_runtime_1.jsx)(ScreenContext.Provider, { value: {
-            options,
-            setOptions: (opts) => setStateOptions((prevOpts) => ({ ...prevOpts, ...opts })),
-        }, children: (0, jsx_runtime_1.jsx)(ScreenRoot, { children: children }) }));
-};
-const ScreenRoot = ({ children }) => {
-    const header = (0, react_nanny_1.getChildByType)(children, exports.LegacyScreen.Header);
-    const headerFloating = (0, react_nanny_1.getChildByType)(children, exports.LegacyScreen.FloatingHeader);
-    const background = (0, react_nanny_1.getChildByType)(children, exports.LegacyScreen.Background);
-    const bodyChildren = (0, react_nanny_1.getChildrenByTypeDeep)(children, exports.LegacyScreen.Body);
-    return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flex: 1, backgroundColor: "white100", children: [background /* fullscreen */, header, bodyChildren, headerFloating /* floating, so keep close to the bottom */] }));
-};
-const useUpdateScreenContext = ({ header }) => {
-    const { setOptions } = useScreenContext();
-    (0, react_1.useEffect)(() => void setOptions({ handleTopSafeArea: header === "none" || header === "floating" }), 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [header]);
-};
-const NAVBAR_HEIGHT = 44;
-const Header = ({ onBack, title, onSkip }) => {
-    useUpdateScreenContext({ header: "regular" });
-    const insets = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
-    return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { mt: `${insets.top}px`, height: NAVBAR_HEIGHT, flexDirection: "row", alignItems: "center", justifyContent: "space-between", px: SCREEN_HORIZONTAL_PADDING, children: [(0, jsx_runtime_1.jsx)(Flex_1.Flex, { children: !!onBack && ((0, jsx_runtime_1.jsx)(BackButton_1.BackButton, { onPress: onBack, style: { flex: 1, justifyContent: "center" }, hitSlop: { left: 20, right: 20 } })) }), !!title && (0, jsx_runtime_1.jsx)(Text_1.Text, { children: title }), !!onSkip && ((0, jsx_runtime_1.jsx)(Touchable_1.Touchable, { haptic: "impactLight", onPress: onSkip, children: (0, jsx_runtime_1.jsx)(Flex_1.Flex, { height: "100%", justifyContent: "center", children: (0, jsx_runtime_1.jsx)(Text_1.Text, { textAlign: "right", variant: "xs", children: "Skip" }) }) }))] }));
-};
-exports.Header = Header;
-/**
- * @deprecated Use `Screen.Header` instead.
- */
-const FloatingHeader = ({ onBack }) => {
-    useUpdateScreenContext({ header: "floating" });
-    const insets = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
-    if (onBack) {
-        return ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { position: "absolute", top: insets.top, left: 0, right: 0, height: NAVBAR_HEIGHT, px: 1, flexDirection: "row", alignItems: "center", children: (0, jsx_runtime_1.jsx)(BackButton_1.BackButtonWithBackground, { onPress: onBack }) }));
-    }
-    return null;
-};
-exports.FloatingHeader = FloatingHeader;
-const SCREEN_HORIZONTAL_PADDING = 2;
-const Body = ({ scroll = false, noTopSafe = false, noBottomSafe = false, fullwidth = false, children, ...restFlexProps }) => {
-    const childrenExceptBottomView = (0, react_nanny_1.removeChildrenByType)(children, exports.LegacyScreen.BottomView);
-    const bottomView = (0, react_nanny_1.getChildrenByType)(children, exports.LegacyScreen.BottomView);
-    const { options } = useScreenContext();
-    const insets = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
-    const withTopSafeArea = options.handleTopSafeArea && !noTopSafe;
-    const withBottomSafeArea = !noBottomSafe;
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Flex_1.Flex, { flex: 1, mt: withTopSafeArea ? `${insets.top}px` : undefined, mb: withBottomSafeArea ? `${insets.bottom}px` : undefined, ...restFlexProps, children: (0, jsx_runtime_1.jsx)(Wrap_1.Wrap, { if: scroll, children: (0, jsx_runtime_1.jsxs)(ArtsyKeyboardAvoidingView_1.ArtsyKeyboardAvoidingView, { children: [(0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { keyboardShouldPersistTaps: "handled", contentInset: { bottom: options.bottomViewHeight - insets.bottom }, children: (0, jsx_runtime_1.jsx)(Wrap_1.Wrap.Content, { children: (0, jsx_runtime_1.jsx)(Flex_1.Flex, { flex: 1, px: fullwidth ? undefined : SCREEN_HORIZONTAL_PADDING, children: childrenExceptBottomView }) }) }), bottomView] }) }) }) }));
-};
-const Background = ({ children }) => ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { position: "absolute", top: 0, bottom: 0, left: 0, right: 0, children: children }));
-const BottomView = ({ children }) => {
-    const { setOptions } = useScreenContext();
-    const insets = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
-    const [keyboardShowing, setKeyboardShowing] = (0, react_1.useState)(false);
-    const [keyboardHeight, setKeyboardHeight] = (0, react_1.useState)(0);
-    (0, react_1.useEffect)(() => {
-        const listeners = [];
-        listeners.push(react_native_1.Keyboard.addListener("keyboardWillShow", // ios only event
-        (e) => {
-            setKeyboardHeight(e.endCoordinates.height);
-            setKeyboardShowing(true);
-        }));
-        listeners.push(react_native_1.Keyboard.addListener("keyboardDidShow", // android event
-        (e) => {
-            setKeyboardHeight(e.endCoordinates.height);
-            setKeyboardShowing(true);
-        }));
-        listeners.push(react_native_1.Keyboard.addListener("keyboardWillHide", // ios only event
-        () => setKeyboardShowing(false)));
-        listeners.push(react_native_1.Keyboard.addListener("keyboardDidHide", // android event
-        () => setKeyboardShowing(false)));
-        return () => {
-            listeners.map((l) => l.remove());
-        };
-    }, []);
-    return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { position: "absolute", bottom: keyboardShowing ? keyboardHeight - insets.bottom : 0, left: 0, right: 0, onLayout: (evt) => void setOptions({ bottomViewHeight: evt.nativeEvent.layout.height }), children: [(0, jsx_runtime_1.jsx)(react_native_linear_gradient_1.default, { colors: ["rgba(255,255,255,0)", "rgba(255,255,255,1)"], start: { x: 0, y: 0 }, end: { x: 0, y: 1 }, style: {
-                    width: "100%",
-                    height: 30,
-                }, pointerEvents: "none" }), (0, jsx_runtime_1.jsx)(Flex_1.Flex, { px: SCREEN_HORIZONTAL_PADDING, py: keyboardShowing ? 1 : undefined, backgroundColor: "white100", children: children }), keyboardShowing ? null : (0, jsx_runtime_1.jsx)(SafeBottomPadding, {})] }));
-};
-/**
- * Only use with `<Screen.Body fullwidth>`.
- * It's basically an easy way to get the right padding when you also need the fullwidth body.
- * One use case might be if you need to put an image background or something in the body,
- * but you also need some content with the right padding.
- */
-const BodyXPadding = (props) => ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { px: SCREEN_HORIZONTAL_PADDING, ...props }));
-/**
- * If there is a bottom safe area, this will render nothing.
- * If there is no bottom safe area, this will render a small padding.
- *
- * This is useful for texts/buttons that are at the bottom, and with safe area they seem like they
- * have enough space underneath, but with no safe area they look stuck at the bottom.
- */
-const SafeBottomPadding = () => {
-    const insets = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
-    if (insets.bottom > 0) {
-        return null;
-    }
-    return (0, jsx_runtime_1.jsx)(Spacer_1.Spacer, { y: 2 });
-};
-exports.LegacyScreen = Object.assign(ScreenWrapper, {
-    Body,
-    Header: exports.Header,
-    FloatingHeader: exports.FloatingHeader,
-    Background,
-    BottomView,
-    BodyXPadding,
-    SafeBottomPadding,
-});

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

@@ -1 +0,0 @@
-export * from "./LegacyScreen";

package/dist/elements/LegacyScreen/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./LegacyScreen"), exports);

package/dist/elements/LegacyTabs/ContentTabs.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { TabsProps } from "../LegacyTabs";
-/**
- * Renders a  scrollable list of tabs. Tabs are not evenly spaced across screen
- */
-export declare const ContentTabs: ({ onTabPress, activeTab, tabs }: TabsProps) => JSX.Element;

package/dist/elements/LegacyTabs/ContentTabs.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContentTabs = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const TabBarContainer_1 = require("./TabBarContainer");
-const LegacyTabs_1 = require("../LegacyTabs");
-/**
- * Renders a  scrollable list of tabs. Tabs are not evenly spaced across screen
- */
-const ContentTabs = ({ onTabPress, activeTab, tabs }) => {
-    const [tabLayouts, setTabLayouts] = (0, react_1.useState)(tabs.map(() => null));
-    return ((0, jsx_runtime_1.jsx)(TabBarContainer_1.TabBarContainer, { scrollEnabled: true, activeTabIndex: activeTab, tabLayouts: tabLayouts, children: tabs.map(({ label }, index) => {
-            return ((0, jsx_runtime_1.jsx)(LegacyTabs_1.Tab, { label: label, active: index === activeTab, onLayout: (e) => {
-                    const layout = e.nativeEvent.layout;
-                    setTabLayouts((layouts) => {
-                        const result = layouts.slice(0);
-                        result[index] = layout;
-                        return result;
-                    });
-                }, onPress: () => {
-                    onTabPress(label, index);
-                } }, index));
-        }) }));
-};
-exports.ContentTabs = ContentTabs;

package/dist/elements/LegacyTabs/NavigationalTabs.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { TabsProps } from "../LegacyTabs";
-/**
- * Renders a list of tabs. Evenly-spaces them across the screen with
- * each tab label centered on the tab
- */
-export declare const NavigationalTabs: ({ onTabPress, activeTab, tabs }: TabsProps) => JSX.Element;

package/dist/elements/LegacyTabs/NavigationalTabs.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavigationalTabs = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const TabBarContainer_1 = require("./TabBarContainer");
-const useScreenDimensions_1 = require("../../utils/hooks/useScreenDimensions");
-const Box_1 = require("../Box");
-const LegacyTabs_1 = require("../LegacyTabs");
-/**
- * Renders a list of tabs. Evenly-spaces them across the screen with
- * each tab label centered on the tab
- */
-const NavigationalTabs = ({ onTabPress, activeTab, tabs }) => {
-    const [tabLayouts, setTabLayouts] = (0, react_1.useState)(tabs.map(() => null));
-    const screenWidth = (0, useScreenDimensions_1.useScreenDimensions)().width;
-    const tabWidth = screenWidth / tabs.length;
-    return ((0, jsx_runtime_1.jsx)(TabBarContainer_1.TabBarContainer, { scrollEnabled: true, activeTabIndex: activeTab, tabLayouts: tabLayouts, children: tabs.map(({ label, superscript }, index) => {
-            return ((0, jsx_runtime_1.jsx)(Box_1.Box, { minWidth: tabWidth, children: (0, jsx_runtime_1.jsx)(LegacyTabs_1.Tab, { label: label, superscript: superscript, onPress: () => onTabPress(label, index), active: activeTab === index, onLayout: (e) => {
-                        const layout = e.nativeEvent.layout;
-                        setTabLayouts((layouts) => {
-                            const result = layouts.slice(0);
-                            result[index] = layout;
-                            return result;
-                        });
-                    } }) }, label + index));
-        }) }));
-};
-exports.NavigationalTabs = NavigationalTabs;

package/dist/elements/LegacyTabs/StepTabs.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { TabsProps } from "../LegacyTabs";
-/**
- * Renders a list of tabs. Evenly-spaces them across the screen with
- * each tab label and chevron evenly spaced
- */
-export declare const StepTabs: React.FC<TabsProps>;