@artsy/palette-mobile 13.2.33 → 13.2.34

package/dist/elements/LegacyTabs/StepTabs.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StepTabs = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const TabBarContainer_1 = require("./TabBarContainer");
-const svgs_1 = require("../../svgs");
-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 and chevron evenly spaced
- */
-const StepTabs = ({ onTabPress, activeTab, tabs }) => {
-    const [tabLayouts, setTabLayouts] = (0, react_1.useState)(tabs.map(() => null));
-    const tabWidth = (0, useScreenDimensions_1.useScreenDimensions)().width / tabs.length;
-    const onTabSelect = (label, index) => {
-        if (index > 0 && !tabs[index - 1].completed) {
-            return;
-        }
-        onTabPress(label, index);
-    };
-    return ((0, jsx_runtime_1.jsx)(TabBarContainer_1.TabBarContainer, { scrollEnabled: false, activeTabIndex: activeTab, tabLayouts: tabLayouts, children: tabs.map(({ label, completed }, index) => {
-            return ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { onPress: () => onTabSelect(label, index), children: (0, jsx_runtime_1.jsxs)(Box_1.Box, { width: tabWidth, justifyContent: "space-between", flexDirection: "row", alignItems: "center", onLayout: (e) => {
-                        const layout = e.nativeEvent.layout;
-                        setTabLayouts((layouts) => {
-                            const result = layouts.slice(0);
-                            result[index] = layout;
-                            return result;
-                        });
-                    }, children: [(0, jsx_runtime_1.jsxs)(Box_1.Box, { flexDirection: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(LegacyTabs_1.Tab, { label: label, onPress: () => onTabSelect(label, index), active: activeTab === index, style: { paddingHorizontal: 0, paddingLeft: 8, paddingRight: 5 }, onLayout: () => {
-                                        // noop
-                                    } }), !!completed && (0, jsx_runtime_1.jsx)(svgs_1.CheckIcon, { fill: "green100", height: 15, width: 15 })] }), (0, jsx_runtime_1.jsx)(svgs_1.ChevronIcon, { fill: "black60", height: 10, width: 10 })] }) }, label + index));
-        }) }));
-};
-exports.StepTabs = StepTabs;

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

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { ViewProps, ViewStyle } from "react-native";
-export interface TabV3Props {
-    label: string;
-    superscript?: string;
-    active: boolean;
-    style?: ViewStyle;
-    onPress: () => void;
-    onLayout: ViewProps["onLayout"];
-}
-export declare const TabV3: ({ label, superscript, active, onLayout, onPress, style }: TabV3Props) => JSX.Element;

package/dist/elements/LegacyTabs/Tab.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabV3 = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_native_1 = require("react-native");
-const hooks_1 = require("../../utils/hooks");
-const Text_1 = require("../Text");
-const TabV3 = ({ label, superscript, active, onLayout, onPress, style }) => {
-    const color = (0, hooks_1.useColor)();
-    return ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { onPress: onPress, children: ({ pressed }) => ((0, jsx_runtime_1.jsxs)(react_native_1.View, { onLayout: onLayout, style: {
-                alignItems: "center",
-                justifyContent: "center",
-                paddingHorizontal: 15,
-                paddingVertical: 10,
-                flexDirection: "row",
-                ...style,
-            }, children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { fontSize: 16, color: active ? color("black100") : pressed ? color("blue100") : color("black60"), style: {
-                        textDecorationLine: pressed ? "underline" : "none",
-                    }, children: label }), !!superscript && ((0, jsx_runtime_1.jsx)(Text_1.Text, { fontSize: 12, color: color("blue100"), style: {
-                        textDecorationLine: pressed ? "underline" : "none",
-                        top: -3,
-                    }, children: superscript }))] })) }));
-};
-exports.TabV3 = TabV3;

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

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import { Animated, LayoutRectangle } from "react-native";
-export declare const TAB_BAR_HEIGHT = 48;
-export interface TabBarContainerProps {
-    children: React.ReactNode;
-    activeTabIndex: number;
-    scrollEnabled: boolean;
-    tabLayouts: Array<LayoutRectangle | null>;
-}
-/**
- * Wraps the respective tabs. Based on StickyTabPageTabBar
- * Usage: ```
- * <TabBarContainer>{props.tabs.map((tab) => <Tab {...tab} />)}</TabContainer>
- * ```
- */
-export declare const TabBarContainer: ({ children, activeTabIndex, scrollEnabled, tabLayouts, }: TabBarContainerProps) => JSX.Element;
-export declare function spring(node: Animated.Value, toValue: number): Animated.CompositeAnimation;
-/**
- * Underlines the Active Tab. Same implementation in StickyTabPageTabBar
- */
-export declare const ActiveTabBorder: ({ tabLayouts, activeTabIndex, }: {
-    tabLayouts: LayoutRectangle[];
-    activeTabIndex: number;
-}) => JSX.Element;

package/dist/elements/LegacyTabs/TabBarContainer.js

@@ -1,89 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActiveTabBorder = exports.spring = exports.TabBarContainer = exports.TAB_BAR_HEIGHT = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const lodash_1 = require("lodash");
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const hooks_1 = require("../../utils/hooks");
-const useScreenDimensions_1 = require("../../utils/hooks/useScreenDimensions");
-const Box_1 = require("../Box");
-exports.TAB_BAR_HEIGHT = 48;
-/**
- * Wraps the respective tabs. Based on StickyTabPageTabBar
- * Usage: ```
- * <TabBarContainer>{props.tabs.map((tab) => <Tab {...tab} />)}</TabContainer>
- * ```
- */
-const TabBarContainer = ({ children, activeTabIndex, scrollEnabled, tabLayouts, }) => {
-    const color = (0, hooks_1.useColor)();
-    const screen = (0, useScreenDimensions_1.useScreenDimensions)();
-    const allTabLayoutsArePresent = tabLayouts.every((l) => l);
-    const scrollViewRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        if (allTabLayoutsArePresent) {
-            // attempt to center the active tab
-            let left = 0;
-            for (let i = 0; i < activeTabIndex; i++) {
-                left += tabLayouts[i].width;
-            }
-            const center = left + tabLayouts[activeTabIndex].width / 2;
-            const scrollLeft = center - screen.width / 2;
-            scrollViewRef.current?.scrollTo({ x: scrollLeft });
-        }
-    }, [activeTabIndex]);
-    return ((0, jsx_runtime_1.jsx)(Box_1.Box, { children: (0, jsx_runtime_1.jsxs)(react_native_1.ScrollView, { scrollEnabled: scrollEnabled, ref: scrollViewRef, horizontal: true, showsHorizontalScrollIndicator: false, contentContainerStyle: { minWidth: "100%" }, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
-                        position: "absolute",
-                        bottom: 0,
-                        left: 0,
-                        right: 0,
-                        borderBottomWidth: 1,
-                        borderBottomColor: color("black30"),
-                    } }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: {
-                        flex: 1,
-                        minWidth: "100%",
-                        height: exports.TAB_BAR_HEIGHT,
-                        flexDirection: "row",
-                    }, children: [children, !!allTabLayoutsArePresent && ((0, jsx_runtime_1.jsx)(exports.ActiveTabBorder, { tabLayouts: (0, lodash_1.compact)(tabLayouts), activeTabIndex: activeTabIndex }))] })] }) }));
-};
-exports.TabBarContainer = TabBarContainer;
-function spring(node, toValue) {
-    return react_native_1.Animated.spring(node, { toValue, useNativeDriver: true, bounciness: -7, speed: 13 });
-}
-exports.spring = spring;
-/**
- * Underlines the Active Tab. Same implementation in StickyTabPageTabBar
- */
-const ActiveTabBorder = ({ tabLayouts, activeTabIndex, }) => {
-    const color = (0, hooks_1.useColor)();
-    // We resize this border using the `scaleX` transform property rather than the `width` property, to avoid running
-    // animations on the JS thread, so we need to set an initial, pre-transform span for the border.
-    const preTransformSpan = 100;
-    const span = tabLayouts[activeTabIndex].width;
-    let left = 0;
-    for (let i = 0; i < activeTabIndex; i++) {
-        left += tabLayouts[i].width;
-    }
-    const translateX = (0, react_1.useRef)(new react_native_1.Animated.Value(left)).current;
-    const scaleX = (0, react_1.useRef)(new react_native_1.Animated.Value(span / preTransformSpan)).current;
-    (0, react_1.useEffect)(() => {
-        react_native_1.Animated.parallel([spring(translateX, left), spring(scaleX, span / preTransformSpan)]).start();
-    }, [left, span]);
-    const scaleXOffset = react_native_1.Animated.divide(react_native_1.Animated.subtract(preTransformSpan, react_native_1.Animated.multiply(scaleX, preTransformSpan)), 2);
-    return ((0, jsx_runtime_1.jsx)(react_native_1.Animated.View, { style: {
-            height: 1,
-            width: preTransformSpan,
-            backgroundColor: color("black100"),
-            position: "absolute",
-            bottom: 0,
-            transform: [
-                {
-                    translateX: react_native_1.Animated.subtract(translateX, scaleXOffset),
-                },
-                {
-                    scaleX,
-                },
-            ],
-        } }));
-};
-exports.ActiveTabBorder = ActiveTabBorder;

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

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { ContentTabs } from "./ContentTabs";
-import { NavigationalTabs } from "./NavigationalTabs";
-import { StepTabs } from "./StepTabs";
-import { TabV3Props } from "./Tab";
-export { NavigationalTabs, ContentTabs, StepTabs };
-export declare const Tab: ({ ...props }: TabV3Props) => JSX.Element;
-export declare const TAB_BAR_HEIGHT = 44;
-export type TabsType = Array<{
-    label: string;
-    superscript?: string;
-    completed?: boolean;
-}>;
-export interface TabsProps {
-    onTabPress: (tablabel: string, tabIndex: number) => void;
-    activeTab: number;
-    tabs: TabsType;
-}

package/dist/elements/LegacyTabs/index.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TAB_BAR_HEIGHT = exports.Tab = exports.StepTabs = exports.ContentTabs = exports.NavigationalTabs = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ContentTabs_1 = require("./ContentTabs");
-Object.defineProperty(exports, "ContentTabs", { enumerable: true, get: function () { return ContentTabs_1.ContentTabs; } });
-const NavigationalTabs_1 = require("./NavigationalTabs");
-Object.defineProperty(exports, "NavigationalTabs", { enumerable: true, get: function () { return NavigationalTabs_1.NavigationalTabs; } });
-const StepTabs_1 = require("./StepTabs");
-Object.defineProperty(exports, "StepTabs", { enumerable: true, get: function () { return StepTabs_1.StepTabs; } });
-const Tab_1 = require("./Tab");
-const Tab = ({ ...props }) => {
-    return (0, jsx_runtime_1.jsx)(Tab_1.TabV3, { ...props });
-};
-exports.Tab = Tab;
-exports.TAB_BAR_HEIGHT = 44;

package/dist/elements/List/BulletedItem.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { FlexProps } from "../Flex";
-interface BulletedItemProps extends FlexProps {
-    children: React.ReactNode;
-    color?: string;
-}
-export declare const BulletedItem: ({ children, color, ...otherFlexProps }: BulletedItemProps) => JSX.Element;
-export {};

package/dist/elements/List/BulletedItem.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BulletedItem = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const text_1 = require("../../utils/text");
-const Flex_1 = require("../Flex");
-const Spacer_1 = require("../Spacer");
-const Text_1 = require("../Text");
-const BulletedItem = ({ children, color = "black60", ...otherFlexProps }) => {
-    return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flexDirection: "row", px: 1, ...otherFlexProps, children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "sm", color: color, children: text_1.bullet }), (0, jsx_runtime_1.jsx)(Spacer_1.Spacer, { x: 1 }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "sm", color: color, children: children })] }));
-};
-exports.BulletedItem = BulletedItem;

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

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

package/dist/elements/List/List.stories.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_native_1 = require("@storybook/react-native");
-const BulletedItem_1 = require("./BulletedItem");
-const helpers_1 = require("../../storybook/helpers");
-const Flex_1 = require("../Flex");
-const Spacer_1 = require("../Spacer");
-const Text_1 = require("../Text");
-(0, react_native_1.storiesOf)("List", module).add("Bulleted Item", () => ((0, jsx_runtime_1.jsx)(helpers_1.List, { children: (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { children: [(0, jsx_runtime_1.jsx)(BulletedItem_1.BulletedItem, { children: "Bulleted Item text" }), (0, jsx_runtime_1.jsx)(BulletedItem_1.BulletedItem, { children: "The good thing about Bulleted Item text is that the bullet is aligned separately from the rest of the text" }), (0, jsx_runtime_1.jsx)(Spacer_1.Spacer, { y: 2 }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "sm", mx: 1, color: "black60", children: "\u2022 Simple text acting as bulleted item" }), (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "sm", mx: 1, color: "black60", children: "\u2022 Simple text acting as bulleted item longer text with a bullet infront of it, just like that. and that ain't so pretty, riiiight?!" })] }) })));

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

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

package/dist/elements/List/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("./BulletedItem"), exports);

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

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { ViewStyle } from "react-native";
-export interface ViewMeasurements {
-    width: number;
-    height: number;
-}
-interface Props {
-    children: React.ReactNode;
-    setMeasuredState: (measuredState: ViewMeasurements) => void;
-    /** for debugging, this will render the view where it is, not offscreen. */
-    show?: boolean;
-}
-/**
- * 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) => JSX.Element | null;
-export declare const useOffscreenStyle: (notOffscreen?: boolean) => ViewStyle;
-export {};

package/dist/elements/MeasuredView/MeasuredView.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOffscreenStyle = exports.MeasuredView = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const Box_1 = require("../Box");
-/**
- * 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.
- */
-const MeasuredView = ({ children, setMeasuredState, show }) => {
-    const offscreenStyle = (0, exports.useOffscreenStyle)(show);
-    const onLayout = (0, react_1.useCallback)((event) => {
-        setMeasuredState(event.nativeEvent.layout);
-    }, []);
-    if (__TEST__)
-        return null;
-    return ((0, jsx_runtime_1.jsx)(Box_1.Box, { style: offscreenStyle, backgroundColor: "pink", onLayout: onLayout, accessibilityElementsHidden: true, children: children }));
-};
-exports.MeasuredView = MeasuredView;
-const useOffscreenStyle = (notOffscreen) => {
-    const { width, height } = (0, react_native_1.useWindowDimensions)();
-    if (notOffscreen) {
-        return {};
-    }
-    return { position: "absolute", top: width + height, left: width + height };
-};
-exports.useOffscreenStyle = useOffscreenStyle;

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

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

package/dist/elements/MeasuredView/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("./MeasuredView"), exports);

package/dist/elements/MenuItem/MenuItem.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-export interface MenuItemProps {
-    disabled?: boolean;
-    title: React.ReactNode;
-    value?: React.ReactNode;
-    text?: string;
-    onPress?: () => void;
-    chevron?: React.ReactNode;
-    rightView?: React.ReactNode;
-}
-export declare const MenuItem: ({ title, text, value, onPress, disabled, chevron, }: MenuItemProps) => JSX.Element;

package/dist/elements/MenuItem/MenuItem.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuItem = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const svgs_1 = require("../../svgs");
-const hooks_1 = require("../../utils/hooks");
-const Flex_1 = require("../Flex");
-const Text_1 = require("../Text");
-const Touchable_1 = require("../Touchable");
-const MenuItem = ({ title, text, value, onPress, disabled = false, chevron = (0, jsx_runtime_1.jsx)(svgs_1.ChevronIcon, { direction: "right", fill: "black60" }), }) => {
-    const color = (0, hooks_1.useColor)();
-    return ((0, jsx_runtime_1.jsx)(Touchable_1.Touchable, { onPress: onPress, underlayColor: color("black5"), disabled: disabled, children: (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flexDirection: "row", alignItems: "center", justifyContent: "space-between", py: 2, px: 2, pr: "15px", children: [(0, jsx_runtime_1.jsx)(Flex_1.Flex, { flexDirection: "row", mr: 2, children: (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "md", color: "onBackgroundHigh", children: title }) }), !!value && ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { flex: 1, children: (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "md", color: "black60", numberOfLines: 1, textAlign: "right", children: value }) })), !!(onPress && chevron) && (0, jsx_runtime_1.jsx)(Flex_1.Flex, { ml: 1, children: chevron }), !!text && ((0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "md", color: color("black60"), children: text }))] }) }));
-};
-exports.MenuItem = MenuItem;

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-declare const _default: {
-    title: string;
-    component: ({ title, text, value, onPress, disabled, chevron, }: import("./MenuItem").MenuItemProps) => JSX.Element;
-};
-export default _default;
-export declare const Variations: () => JSX.Element;

package/dist/elements/MenuItem/MenuItem.stories.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Variations = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const MenuItem_1 = require("./MenuItem");
-exports.default = {
-    title: "Menu Item",
-    component: MenuItem_1.MenuItem,
-};
-const Variations = () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem, { title: "A title" }), (0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem, { title: "A title", value: "The value" })] }));
-exports.Variations = Variations;

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

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

package/dist/elements/MenuItem/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("./MenuItem"), exports);

package/dist/elements/Message/Message.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { FlexProps } from "../Flex";
-import { TextProps } from "../Text";
-type MessageVariant = "default" | "info" | "success" | "alert" | "warning" | "error";
-export interface MessageProps {
-    bodyTextStyle?: TextProps;
-    containerStyle?: FlexProps;
-    IconComponent?: React.FC<any>;
-    iconPosition?: "left" | "right";
-    onClose?: () => void;
-    showCloseButton?: boolean;
-    testID?: string;
-    text?: string;
-    title?: string;
-    titleStyle?: TextProps;
-    variant?: MessageVariant;
-}
-export declare const Message: React.FC<MessageProps>;
-export {};

package/dist/elements/Message/Message.js

@@ -1,70 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Message = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const svgs_1 = require("../../svgs");
-const useColor_1 = require("../../utils/hooks/useColor");
-const Flex_1 = require("../Flex");
-const Text_1 = require("../Text");
-const Message = ({ bodyTextStyle, children, containerStyle, IconComponent, iconPosition = "left", onClose, showCloseButton = false, testID, text, title, titleStyle, variant = "default", }) => {
-    const color = (0, useColor_1.useColor)();
-    const [tempHeight, setTempHeight] = (0, react_1.useState)(undefined);
-    const scaleYAnim = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
-    const handleClose = () => {
-        react_native_1.Animated.timing(scaleYAnim, {
-            toValue: 1,
-            duration: 150,
-            easing: react_native_1.Easing.linear,
-            useNativeDriver: true,
-        }).start(() => {
-            setTempHeight(0);
-        });
-        onClose?.();
-    };
-    return ((0, jsx_runtime_1.jsx)(react_native_1.Animated.View, { testID: testID, style: {
-            height: tempHeight,
-            transform: [
-                {
-                    scaleY: scaleYAnim.interpolate({
-                        inputRange: [0, 1],
-                        outputRange: [1, 0],
-                    }),
-                },
-            ],
-        }, children: (0, jsx_runtime_1.jsx)(Flex_1.Flex, { backgroundColor: color(colors[variant].background), ...containerStyle, children: (0, jsx_runtime_1.jsxs)(Flex_1.Flex, { px: 2, py: 1, flexDirection: "row", justifyContent: "space-between", children: [(0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flex: 1, children: [(0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flexDirection: "row", children: [!!IconComponent && iconPosition === "left" && ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { mr: 1, children: (0, jsx_runtime_1.jsx)(IconComponent, {}) })), !!title && ((0, jsx_runtime_1.jsx)(Text_1.Text, { pr: 2, variant: "xs", color: color(colors[variant].title), ...titleStyle, children: title }))] }), !!text && ((0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "xs", color: color(colors[variant].text), ...bodyTextStyle, children: text })), children] }), !!IconComponent && iconPosition === "right" && ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { mr: showCloseButton ? 1 : 0, justifyContent: "center", children: (0, jsx_runtime_1.jsx)(IconComponent, {}) })), !!showCloseButton && ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { style: { marginTop: 2 }, children: (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { testID: "Message-close-button", onPress: handleClose, hitSlop: { bottom: 10, right: 10, left: 10, top: 10 }, children: (0, jsx_runtime_1.jsx)(svgs_1.CloseIcon, { fill: color("black100") }) }) }))] }) }) }));
-};
-exports.Message = Message;
-const colors = {
-    default: {
-        background: "black5",
-        title: "black100",
-        text: "black60",
-    },
-    info: {
-        background: "blue10",
-        title: "blue100",
-        text: "black100",
-    },
-    success: {
-        background: "green10",
-        title: "green150",
-        text: "black100",
-    },
-    alert: {
-        background: "orange10",
-        title: "orange150",
-        text: "black100",
-    },
-    warning: {
-        background: "yellow10",
-        title: "yellow150",
-        text: "black100",
-    },
-    error: {
-        background: "red10",
-        title: "red100",
-        text: "black100",
-    },
-};

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

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

package/dist/elements/Message/Message.stories.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_native_1 = require("@storybook/react-native");
-const react_native_2 = require("react-native");
-const Message_1 = require("./Message");
-const decorators_1 = require("../../storybook/decorators");
-const helpers_1 = require("../../storybook/helpers");
-(0, react_native_1.storiesOf)("Message", module)
-    .addDecorator(decorators_1.withTheme)
-    .add("Variants", () => ((0, jsx_runtime_1.jsxs)(helpers_1.List, { contentContainerStyle: { marginHorizontal: 20, alignItems: "stretch" }, children: [(0, jsx_runtime_1.jsx)(Message_1.Message, { variant: "default", title: "Without Close Button", text: "Text" }), (0, jsx_runtime_1.jsx)(Message_1.Message, { variant: "default", title: "Without Close Button", children: (0, jsx_runtime_1.jsx)(react_native_2.Text, { children: "Text" }) }), (0, jsx_runtime_1.jsx)(Message_1.Message, { variant: "default", text: "Without title" }), (0, jsx_runtime_1.jsx)(Message_1.Message, { variant: "default", showCloseButton: true, title: "Title", text: "Text" }), (0, jsx_runtime_1.jsx)(Message_1.Message, { variant: "default", showCloseButton: true, title: "Title", text: "Very very very very very very very very very very very very very very long text" }), (0, jsx_runtime_1.jsx)(Message_1.Message, { variant: "default", showCloseButton: true, title: "Very very very very very very very very very very very very very very long title", text: "Text" }), (0, jsx_runtime_1.jsx)(Message_1.Message, { variant: "default", showCloseButton: true, title: "Very very very very very very very very very very very very very very long title", text: "Very very very very very very very very very very very very very very long text" })] })))
-    .add("Color Variants", () => ((0, jsx_runtime_1.jsxs)(helpers_1.List, { contentContainerStyle: { marginHorizontal: 20, alignItems: "stretch" }, children: [(0, jsx_runtime_1.jsx)(Message_1.Message, { variant: "default", showCloseButton: true, title: "Default", text: "Text" }), (0, jsx_runtime_1.jsx)(Message_1.Message, { variant: "info", showCloseButton: true, title: "Info", text: "Text" }), (0, jsx_runtime_1.jsx)(Message_1.Message, { variant: "success", showCloseButton: true, title: "Success", text: "Text" }), (0, jsx_runtime_1.jsx)(Message_1.Message, { variant: "warning", showCloseButton: true, title: "Warning", text: "Text" }), (0, jsx_runtime_1.jsx)(Message_1.Message, { variant: "error", showCloseButton: true, title: "Error", text: "Text" })] })));

package/dist/elements/Message/Message.tests.d.ts

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

package/dist/elements/Message/Message.tests.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_native_1 = require("@testing-library/react-native");
-const Message_1 = require("./Message");
-const renderWithWrappers_1 = require("../../utils/tests/renderWithWrappers");
-describe("Message", () => {
-    it("it renders", () => {
-        const MessageComponent = (0, renderWithWrappers_1.renderWithWrappers)((0, jsx_runtime_1.jsx)(Message_1.Message, { variant: "default", title: "title", text: "text" }));
-        expect(MessageComponent).toBeTruthy();
-        expect(MessageComponent.getByText("title")).toBeDefined();
-        expect(MessageComponent.getByText("text")).toBeDefined();
-    });
-    it("does not show close button when !showCloseButton", () => {
-        const { getByTestId } = (0, renderWithWrappers_1.renderWithWrappers)((0, jsx_runtime_1.jsx)(Message_1.Message, { variant: "default", title: "title", text: "text" }));
-        expect(() => getByTestId("Message-close-button")).toThrow("Unable to find an element with testID: Message-close-button");
-    });
-    it("shows close button when showCloseButton", () => {
-        const { getByTestId } = (0, renderWithWrappers_1.renderWithWrappers)((0, jsx_runtime_1.jsx)(Message_1.Message, { variant: "default", title: "title", text: "text", showCloseButton: true }));
-        expect(getByTestId("Message-close-button")).toBeDefined();
-    });
-    it("fires onClose press event", () => {
-        const onClose = jest.fn();
-        const { getByTestId } = (0, renderWithWrappers_1.renderWithWrappers)((0, jsx_runtime_1.jsx)(Message_1.Message, { variant: "default", onClose: onClose, title: "title", text: "text", showCloseButton: true }));
-        react_native_1.fireEvent.press(getByTestId("Message-close-button"));
-        expect(onClose).toHaveBeenCalled();
-    });
-});

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

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

package/dist/elements/Message/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("./Message"), exports);

package/dist/elements/Pill/Pill.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import { MotiPressableProps } from "moti/interactions";
-import { IconProps } from "../../svgs/Icon";
-import { FlexProps } from "../Flex";
-export declare const PILL_VARIANT_NAMES: readonly ["badge", "default", "dotted", "filter", "profile", "search", "onboarding"];
-export type PillState = "default" | "selected" | "disabled";
-export type PillVariant = typeof PILL_VARIANT_NAMES[number];
-export type PillProps = (FlexProps & {
-    selected?: boolean;
-    disabled?: boolean;
-    Icon?: React.FC<IconProps>;
-    onPress?: MotiPressableProps["onPress"];
-}) & ({
-    variant?: Extract<PillVariant, "default" | "filter" | "badge" | "search" | "dotted" | "onboarding">;
-    src?: never;
-} | {
-    variant: Extract<PillVariant, "profile">;
-    src?: string;
-});
-export declare const Pill: React.FC<PillProps>;