@artsy/palette-mobile 13.2.33 → 13.2.34

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

package/dist/elements/EntityHeader/EntityHeader.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { AvatarSize } from "../Avatar";
-import { FlexProps } from "../Flex";
-export interface EntityHeaderProps extends FlexProps {
-    avatarSize?: AvatarSize;
-    /**
-     * @deprecated Use `RightButton` instead
-     */
-    FollowButton?: JSX.Element;
-    RightButton?: JSX.Element;
-    imageUrl?: string;
-    initials?: string;
-    meta?: string | JSX.Element;
-    name: string;
-    smallVariant?: boolean;
-    displayPrivateIcon?: boolean;
-    theme?: "dark" | "light";
-}
-export declare const EntityHeader: ({ avatarSize, FollowButton, RightButton, imageUrl, initials, meta, name, smallVariant, displayPrivateIcon, theme, ...restProps }: EntityHeaderProps) => JSX.Element;

package/dist/elements/EntityHeader/EntityHeader.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EntityHeader = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const svgs_1 = require("../../svgs");
-const text_1 = require("../../utils/text");
-const Avatar_1 = require("../Avatar");
-const Flex_1 = require("../Flex");
-const Text_1 = require("../Text");
-const EntityHeader = ({ avatarSize = "xs", FollowButton, RightButton, imageUrl, initials, meta, name, smallVariant = false, displayPrivateIcon, theme = "light", ...restProps }) => {
-    const rightButton = (RightButton || FollowButton) && ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { ml: smallVariant ? 0.5 : 1, flexDirection: "row", alignItems: "center", justifyContent: "flex-end", children: RightButton || FollowButton }));
-    const headerName = ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flexDirection: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { color: theme === "light" ? "black100" : "white100", ellipsizeMode: "tail", numberOfLines: 1, variant: "sm", lineHeight: "18px", style: { flexShrink: 1 }, children: name }), displayPrivateIcon && ((0, jsx_runtime_1.jsx)(svgs_1.LockIcon, { ml: "2px", width: 16, height: 16, testID: "lock-icon", fill: theme === "light" ? "black100" : "white100" }))] }));
-    const headerMeta = (0, react_1.useMemo)(() => {
-        if (meta) {
-            if ((0, react_1.isValidElement)(meta)) {
-                return meta;
-            }
-            return ((0, jsx_runtime_1.jsx)(Text_1.Text, { ellipsizeMode: "tail", numberOfLines: 1, variant: "xs", color: theme === "light" ? "black60" : "white100", style: { flexShrink: 1 }, children: meta }));
-        }
-        return null;
-    }, [meta, theme]);
-    return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flexDirection: "row", flexWrap: "nowrap", ...restProps, children: [!!(imageUrl || initials) && ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { mr: 1, justifyContent: "center", children: (0, jsx_runtime_1.jsx)(Avatar_1.Avatar, { size: avatarSize, src: imageUrl, initials: initials, color: theme === "light" ? "black100" : "white100" }) })), smallVariant ? ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flexDirection: "row", justifyContent: "flex-start", flexGrow: 1, alignItems: "center", children: [headerName, (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "sm", ml: "0.5", color: theme === "light" ? "black100" : "white100", children: text_1.bullet }), rightButton] })) : ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { justifyContent: "space-between", width: 0, flexGrow: 1, flexDirection: "row", children: [(0, jsx_runtime_1.jsxs)(Flex_1.Flex, { alignSelf: "center", flexShrink: 1, children: [headerName, headerMeta] }), rightButton] }))] }));
-};
-exports.EntityHeader = EntityHeader;

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

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-declare const _default: {
-    title: string;
-    component: ({ avatarSize, FollowButton, RightButton, imageUrl, initials, meta, name, smallVariant, displayPrivateIcon, theme, ...restProps }: import("./EntityHeader").EntityHeaderProps) => JSX.Element;
-};
-export default _default;
-export declare const Initials: () => JSX.Element;
-export declare const Image: () => JSX.Element;
-export declare const VariantSmall: () => JSX.Element;
-export declare const WithRightButton: () => JSX.Element;
-export declare const WithPrivateIcon: () => JSX.Element;

package/dist/elements/EntityHeader/EntityHeader.stories.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WithPrivateIcon = exports.WithRightButton = exports.VariantSmall = exports.Image = exports.Initials = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const EntityHeader_1 = require("./EntityHeader");
-const Box_1 = require("../Box");
-const Button_1 = require("../Button");
-const Text_1 = require("../Text");
-exports.default = {
-    title: "EntityHeader",
-    component: EntityHeader_1.EntityHeader,
-};
-const avatarSizes = ["xxs", "xs", "sm", "md"];
-const Initials = () => {
-    return ((0, jsx_runtime_1.jsxs)(Box_1.Box, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "md", children: "Avatar Sizes" }), (0, jsx_runtime_1.jsx)(Box_1.Box, { mx: 2, children: avatarSizes.map((size) => ((0, jsx_runtime_1.jsxs)(Box_1.Box, { mb: 1, children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { children: size }), (0, jsx_runtime_1.jsx)(EntityHeader_1.EntityHeader, { name: "Artist Name", initials: "AN", meta: "Meta stuff", avatarSize: size })] }))) })] }));
-};
-exports.Initials = Initials;
-const Image = () => {
-    return ((0, jsx_runtime_1.jsxs)(Box_1.Box, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "md", children: "Avatar Sizes" }), (0, jsx_runtime_1.jsx)(Box_1.Box, { mx: 2, children: avatarSizes.map((size) => ((0, jsx_runtime_1.jsxs)(Box_1.Box, { mb: 1, children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { children: size }), (0, jsx_runtime_1.jsx)(EntityHeader_1.EntityHeader, { imageUrl: "https://picsum.photos/200/200", name: "Artist Name", initials: "AN", meta: "Meta stuff", avatarSize: size })] }))) })] }));
-};
-exports.Image = Image;
-const VariantSmall = () => {
-    return ((0, jsx_runtime_1.jsxs)(Box_1.Box, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "md", children: "Avatar Sizes" }), (0, jsx_runtime_1.jsx)(Box_1.Box, { mx: 2, children: avatarSizes.map((size) => ((0, jsx_runtime_1.jsxs)(Box_1.Box, { mb: 1, children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { children: size }), (0, jsx_runtime_1.jsx)(EntityHeader_1.EntityHeader, { imageUrl: "https://picsum.photos/200/200", name: "Artist Name", initials: "AN", meta: "Meta stuff", avatarSize: size, smallVariant: true })] }))) })] }));
-};
-exports.VariantSmall = VariantSmall;
-const WithRightButton = () => {
-    return ((0, jsx_runtime_1.jsxs)(Box_1.Box, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "md", children: "Avatar Sizes" }), (0, jsx_runtime_1.jsx)(Box_1.Box, { mx: 2, children: avatarSizes.map((size) => ((0, jsx_runtime_1.jsxs)(Box_1.Box, { mb: 1, children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { children: size }), (0, jsx_runtime_1.jsx)(EntityHeader_1.EntityHeader, { imageUrl: "https://picsum.photos/200/200", name: "Artist Name", initials: "AN", meta: "Meta stuff", avatarSize: size, RightButton: (0, jsx_runtime_1.jsx)(Button_1.Button, { size: "small", children: "Right Button" }) })] }))) })] }));
-};
-exports.WithRightButton = WithRightButton;
-const WithPrivateIcon = () => {
-    return ((0, jsx_runtime_1.jsxs)(Box_1.Box, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { variant: "md", children: "Avatar Sizes" }), (0, jsx_runtime_1.jsx)(Box_1.Box, { mx: 2, children: avatarSizes.map((size) => ((0, jsx_runtime_1.jsxs)(Box_1.Box, { mb: 1, children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { children: size }), (0, jsx_runtime_1.jsx)(EntityHeader_1.EntityHeader, { imageUrl: "https://picsum.photos/200/200", name: "Artist Name", initials: "AN", meta: "Meta stuff", avatarSize: size, displayPrivateIcon: true })] }))) })] }));
-};
-exports.WithPrivateIcon = WithPrivateIcon;

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

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

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

package/dist/elements/Flex/Flex.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { View } from "react-native";
-import { BoxProps } from "../Box";
-export type FlexProps = BoxProps;
-export declare const Flex: import("react").ForwardRefExoticComponent<BoxProps & import("react").RefAttributes<View>>;

package/dist/elements/Flex/Flex.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Flex = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const Box_1 = require("../Box");
-exports.Flex = (0, react_1.forwardRef)(({ backgroundColor, ...restProps }, ref) => ((0, jsx_runtime_1.jsx)(Box_1.Box, { backgroundColor: backgroundColor ?? "transparent", ...restProps, ref: ref })));

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

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

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

package/dist/elements/Header/ArtsyLogoHeader.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-interface Props {
-    shadow?: boolean;
-}
-export declare const ArtsyLogoHeader: ({ shadow }: Props) => JSX.Element;
-export {};

package/dist/elements/Header/ArtsyLogoHeader.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ArtsyLogoHeader = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_native_1 = require("react-native");
-const svgs_1 = require("../../svgs");
-const Box_1 = require("../Box");
-const Flex_1 = require("../Flex");
-const Spacer_1 = require("../Spacer");
-const ArtsyLogoHeader = ({ shadow = false }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(Box_1.Box, { mt: 2, mb: 1, style: shadow ? styles.boxShadowStyle : {}, children: [(0, jsx_runtime_1.jsx)(Flex_1.Flex, { alignItems: "center", children: (0, jsx_runtime_1.jsx)(svgs_1.ArtsyLogoBlackIcon, { scale: 0.75 }) }), (0, jsx_runtime_1.jsx)(Spacer_1.Spacer, { x: 1 })] }), (0, jsx_runtime_1.jsx)(Spacer_1.Spacer, { x: 2 })] }));
-exports.ArtsyLogoHeader = ArtsyLogoHeader;
-const styles = react_native_1.StyleSheet.create({
-    boxShadowStyle: {
-        shadowColor: "black",
-        shadowOffset: { width: 0, height: 4 },
-        shadowOpacity: 0.04,
-        shadowRadius: 2.0,
-        backgroundColor: "white",
-        height: 40,
-    },
-});

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

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

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

package/dist/elements/Histogram/Histogram.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-type Range = [number, number];
-export interface HistogramBarEntity {
-    count: number;
-    value: number;
-}
-interface HistogramProps {
-    selectedRange: Range;
-    bars: HistogramBarEntity[];
-}
-export declare const Histogram: ({ bars, selectedRange }: HistogramProps) => JSX.Element;
-export {};

package/dist/elements/Histogram/Histogram.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Histogram = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Box_1 = require("../Box");
-const Flex_1 = require("../Flex");
-const BAR_WIDTH = 2;
-const BAR_ROUNDNESS = 10;
-const isSelected = (value, min, max) => {
-    return value >= min && value <= max;
-};
-const getPercentByEntity = (maxValue, entityCount) => {
-    if (maxValue === 0) {
-        return 100;
-    }
-    return (100 / maxValue) * entityCount;
-};
-const Histogram = ({ bars, selectedRange }) => {
-    const maxValue = Math.max(...bars.map((bar) => bar.count));
-    const [min, max] = selectedRange;
-    return ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { height: 110, flexDirection: "row", justifyContent: "space-between", alignItems: "flex-end", children: bars.map((entity, index) => {
-            const percent = getPercentByEntity(maxValue, entity.count);
-            const selected = isSelected(entity.value, min, max);
-            return ((0, jsx_runtime_1.jsx)(Box_1.Box, { height: `${percent}%`, bg: selected ? "blue100" : "black15", width: BAR_WIDTH, borderTopLeftRadius: BAR_ROUNDNESS, borderTopRightRadius: BAR_ROUNDNESS }, `bar-${index}`));
-        }) }));
-};
-exports.Histogram = Histogram;

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

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

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

package/dist/elements/Image/Image.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import { FastImageProps } from "react-native-fast-image";
-import { GeminiResizeMode } from "../../utils/createGeminiUrl";
-type CustomFastImageProps = Omit<FastImageProps, "onLoadStart" | "onLoadEnd" | "source">;
-export interface ImageProps extends CustomFastImageProps {
-    /** Supplied aspect ratio of image. If none provided, defaults to 1 */
-    aspectRatio?: number;
-    /** BlurHash code */
-    blurhash?: string | null | undefined;
-    /** Gemini resize_to param  */
-    geminiResizeMode?: GeminiResizeMode;
-    /** Resize on the fly using Gemini. Defaults to true */
-    performResize?: boolean;
-    /** Supplied height of image. If none provided, defaults to width / aspectRatio */
-    height?: number;
-    /** Supplied width of image. If none provided, defaults to screen width */
-    width?: number;
-    /** Show loading state  */
-    showLoadingState?: boolean;
-    /** Source url to the image  */
-    src: string;
-}
-export declare const Image: React.FC<ImageProps>;
-export {};

package/dist/elements/Image/Image.js

@@ -1,104 +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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Image = 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_blurhash_1 = require("react-native-blurhash");
-const react_native_fast_image_1 = __importDefault(require("react-native-fast-image"));
-const react_native_reanimated_1 = __importStar(require("react-native-reanimated"));
-const createGeminiUrl_1 = require("../../utils/createGeminiUrl");
-const hooks_1 = require("../../utils/hooks");
-const useScreenDimensions_1 = require("../../utils/hooks/useScreenDimensions");
-const Flex_1 = require("../Flex");
-const Skeleton_1 = require("../Skeleton");
-exports.Image = (0, react_1.memo)(({ aspectRatio, width, height, performResize = true, src, style, resizeMode, geminiResizeMode, showLoadingState = false, blurhash, ...flexProps }) => {
-    const loading = (0, react_native_reanimated_1.useSharedValue)(true);
-    const dimensions = useImageDimensions({ aspectRatio, width, height });
-    const color = (0, hooks_1.useColor)();
-    const animatedStyles = (0, react_native_reanimated_1.useAnimatedStyle)(() => {
-        return {
-            opacity: (0, react_native_reanimated_1.withTiming)(loading.value ? 0 : 1, { duration: 200, easing: react_native_reanimated_1.Easing.sin }),
-        };
-    }, []);
-    const onAnimationEnd = (0, react_1.useCallback)(() => {
-        "worklet";
-        loading.value = false;
-        // No need to get the js thread involved here
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    if (showLoadingState) {
-        return (0, jsx_runtime_1.jsx)(ImageSkeleton, { dimensions: dimensions, blurhash: blurhash });
-    }
-    let uri = src;
-    if (performResize) {
-        uri = (0, createGeminiUrl_1.createGeminiUrl)({
-            imageURL: src,
-            width: react_native_1.PixelRatio.getPixelSizeForLayoutSize(dimensions.width),
-            height: react_native_1.PixelRatio.getPixelSizeForLayoutSize(dimensions.height),
-            resizeMode: geminiResizeMode,
-        });
-    }
-    return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { position: "relative", ...flexProps, style: { ...dimensions }, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: [dimensions, { position: "absolute" }], children: (0, jsx_runtime_1.jsx)(ImageSkeleton, { dimensions: dimensions, blurhash: blurhash }) }), (0, jsx_runtime_1.jsx)(react_native_reanimated_1.default.View, { style: animatedStyles, children: (0, jsx_runtime_1.jsx)(react_native_fast_image_1.default, { style: [
-                        dimensions,
-                        style,
-                        // If we have a blurhash, we don't want to show a background color
-                        // That might flash before the image loads
-                        { backgroundColor: blurhash ? "transparent" : color("black30") },
-                    ], resizeMode: resizeMode, onLoadEnd: onAnimationEnd, source: {
-                        priority: react_native_fast_image_1.default.priority.normal,
-                        uri,
-                    } }) })] }));
-});
-const useImageDimensions = (props) => {
-    const screenDimensions = (0, useScreenDimensions_1.useScreenDimensions)();
-    const imageWidth = props.width ?? screenDimensions.width;
-    let imageHeight;
-    if (props.height) {
-        imageHeight = props.height;
-    }
-    else {
-        if (!props.aspectRatio) {
-            console.error("[Image] Error: `aspectRatio` is required if `height` is not provided.");
-        }
-        const aspectRatio = props.aspectRatio ?? 1;
-        imageHeight = imageWidth / aspectRatio;
-    }
-    const dimensions = {
-        width: imageWidth,
-        height: imageHeight,
-    };
-    return dimensions;
-};
-const ImageSkeleton = ({ dimensions, blurhash }) => {
-    if (!!blurhash) {
-        return ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { position: "absolute", backgroundColor: "black10", ...dimensions, children: (0, jsx_runtime_1.jsx)(react_native_blurhash_1.Blurhash, { blurhash: blurhash, style: { flex: 1 }, decodeWidth: 16, decodeHeight: 16 }) }));
-    }
-    return ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { position: "absolute", children: (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { children: (0, jsx_runtime_1.jsx)(Skeleton_1.SkeletonBox, { ...dimensions }) }) }));
-};

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

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

package/dist/elements/Image/Image.stories.js

@@ -1,18 +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 Image_1 = require("./Image");
-const Flex_1 = require("../Flex");
-(0, react_native_1.storiesOf)("Image", module)
-    .add("With default fallback screen width", () => ((0, jsx_runtime_1.jsx)(Image_1.Image, { aspectRatio: 0.62, src: "https://d32dm0rphc51dk.cloudfront.net/A983VUIZusVBKy420xP3ow/normalized.jpg" })))
-    .add("With width and height", () => ((0, jsx_runtime_1.jsx)(Image_1.Image, { width: 250, height: 400, src: "https://d32dm0rphc51dk.cloudfront.net/A983VUIZusVBKy420xP3ow/normalized.jpg" })))
-    .add("With aspect ratio", () => ((0, jsx_runtime_1.jsx)(Image_1.Image, { width: 250, aspectRatio: 0.62, src: "https://d32dm0rphc51dk.cloudfront.net/A983VUIZusVBKy420xP3ow/normalized.jpg" })))
-    .add("Without automatic resizing", () => ((0, jsx_runtime_1.jsx)(Image_1.Image, { aspectRatio: 0.62, performResize: false, src: "https://d32dm0rphc51dk.cloudfront.net/A983VUIZusVBKy420xP3ow/normalized.jpg" })))
-    .add("With percentage width and height", () => {
-    return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { flexDirection: "row", flex: 1, children: [(0, jsx_runtime_1.jsx)(Flex_1.Flex, { flex: 1, style: { aspectRatio: 0.69 }, children: (0, jsx_runtime_1.jsx)(Image_1.Image, { src: "https://d32dm0rphc51dk.cloudfront.net/A983VUIZusVBKy420xP3ow/normalized.jpg", height: 260, width: 180, style: { width: "100%", height: "100%" } }) }), (0, jsx_runtime_1.jsx)(Flex_1.Flex, { flex: 1, style: { aspectRatio: 1 }, children: (0, jsx_runtime_1.jsx)(Image_1.Image, { src: "https://i.imgur.com/b9IZinu.gif", width: 200, height: 200, style: { width: "100%", height: "100%" } }) }), (0, jsx_runtime_1.jsx)(Flex_1.Flex, { flex: 1, style: { aspectRatio: 1.2 }, children: (0, jsx_runtime_1.jsx)(Image_1.Image, { width: 200, height: 240, src: "https://i.imgur.com/non-existing-image.gif", style: { width: "100%", height: "100%" } }) })] }));
-})
-    .add("With default fallback screen width + blurhash", () => ((0, jsx_runtime_1.jsx)(Image_1.Image, { aspectRatio: 0.62, blurhash: "LXK,+3H#yArKH~bGx:tM.atxM*k9", src: "https://d32dm0rphc51dk.cloudfront.net/A983VUIZusVBKy420xP3ow/normalized.jpg" })))
-    .add("With width and height + blurhash", () => ((0, jsx_runtime_1.jsx)(Image_1.Image, { blurhash: "LXK,+3H#yArKH~bGx:tM.atxM*k9", width: 250, height: 400, src: "https://d32dm0rphc51dk.cloudfront.net/A983VUIZusVBKy420xP3ow/normalized.jpg" })))
-    .add("With aspect ratio + blurhash", () => ((0, jsx_runtime_1.jsx)(Image_1.Image, { blurhash: "LXK,+3H#yArKH~bGx:tM.atxM*k9", width: 250, aspectRatio: 0.62, src: "https://d32dm0rphc51dk.cloudfront.net/A983VUIZusVBKy420xP3ow/normalized.jpg" })))
-    .add("Without automatic resizing + blurhash", () => ((0, jsx_runtime_1.jsx)(Image_1.Image, { blurhash: "LXK,+3H#yArKH~bGx:tM.atxM*k9", aspectRatio: 0.62, performResize: false, src: "https://d32dm0rphc51dk.cloudfront.net/A983VUIZusVBKy420xP3ow/normalized.jpg" })));

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

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

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

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

@@ -1,78 +0,0 @@
-/// <reference types="node" />
-/// <reference types="react" />
-import { EventEmitter } from "events";
-import { TextInput, TextInputProps } from "react-native";
-export declare const inputEvents: EventEmitter;
-export declare const emitInputClearEvent: () => void;
-export interface InputProps extends Omit<TextInputProps, "placeholder" | "onChangeText"> {
-    addClearListener?: boolean;
-    /**
-     * We are applying some optimisations to make sure the UX is smooth
-     * These lead to some issues when the parent component wants further control of the value
-     */
-    disabled?: boolean;
-    enableClearButton?: boolean;
-    error?: string;
-    fixedRightPlaceholder?: string;
-    hintText?: string;
-    icon?: JSX.Element;
-    leftComponentWidth?: number;
-    loading?: boolean;
-    onClear?(): void;
-    onHintPress?: () => void;
-    onSelectTap?: () => void;
-    optional?: boolean;
-    onChangeText?: (text: string, unmaskedText?: string) => void;
-    /**
-     * The placeholder can be an array of string, specifically for android, because of a bug.
-     * On ios, the longest string will always be picked, as ios can add ellipsis.
-     * On android, the longest string **that fits** will be picked, as android doesn't use ellipsis.
-     * The way to use it is to put the longest string first, and the shortest string last.
-     *
-     * Check `HACKS.md` for more info.
-     *
-     * @example
-     * const placeholders = [
-     *   "Wow this is a great and very long placeholder",
-     *   "Wow this is a great and long placeholder",
-     *   "Wow this is a great placeholder",
-     *   "Wow",
-     * ]
-     * ...
-     * <Input
-     *   placeholder={placeholders}
-     * />
-     */
-    placeholder?: string | string[];
-    required?: boolean;
-    selectComponentWidth?: number;
-    selectDisplayLabel?: string | undefined | null;
-    showLimit?: boolean;
-    title?: string;
-    unit?: string | undefined | null;
-    /**
-     * A mask to apply to the input value.
-     * Make sure to use mask values using only the digit 9 and non-digit characters.
-     *
-     * @example
-     * <Input mask="999-99-9999" />
-     * <Input mask="(999)-99-9999 999-99-9999" />
-     * <Input mask="999-99-9999 999-99-9999 999-99-9999" />
-     */
-    mask?: string | string[] | undefined;
-}
-export declare const HORIZONTAL_PADDING = 15;
-export declare const INPUT_BORDER_RADIUS = 4;
-export declare const INPUT_MIN_HEIGHT = 56;
-export declare const MULTILINE_INPUT_MIN_HEIGHT = 110;
-export declare const MULTILINE_INPUT_MAX_HEIGHT = 300;
-export declare const LABEL_HEIGHT = 25;
-export declare const LEFT_COMPONENT_WIDTH = 40;
-export declare const SELECT_COMPONENT_WIDTH = 120;
-export interface InputRef {
-    focus: () => void;
-    blur: () => void;
-    clear: () => void;
-}
-export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<InputRef>>;
-export type Input = TextInput;