@draftbit/core 50.6.4-d8eff0.2 → 51.0.0

package/lib/typescript/src/components/ExpoImage.js

@@ -1,66 +0,0 @@
-import React from "react";
-import { StyleSheet } from "react-native";
-import { Image, } from "expo-image";
-import Config from "./Config";
-import AspectRatio from "./AspectRatio";
-const generateDimensions = ({ aspectRatio, width, height, }) => {
-    if (aspectRatio && !width && !height) {
-        return {
-            aspectRatio,
-            width: "100%",
-        };
-    }
-    if (aspectRatio && height) {
-        return {
-            aspectRatio,
-            height,
-            width: aspectRatio * height,
-        };
-    }
-    if (aspectRatio && width) {
-        return {
-            aspectRatio,
-            width,
-            height: width / aspectRatio,
-        };
-    }
-    return { width, height };
-};
-const resizeModeToContentFit = (resizeMode) => {
-    var _a;
-    const mapping = {
-        cover: "cover",
-        contain: "contain",
-        stretch: "fill",
-        repeat: "none",
-        center: "scale-down",
-    };
-    return (_a = mapping[resizeMode]) !== null && _a !== void 0 ? _a : "cover";
-};
-const ExpoImage = ({ source, resizeMode = "cover", style, transition = 300, contentFit = "cover", contentPosition = "center", cachePolicy = "memory-disk", allowDownscaling = true, blurRadius, blurhash, ...props }) => {
-    let imageSource = source === null || source === undefined
-        ? Config.placeholderImageURL
-        : source;
-    const styles = StyleSheet.flatten(style || {});
-    const { aspectRatio, width, height } = generateDimensions(styles);
-    const finalContentFit = resizeMode
-        ? resizeModeToContentFit(resizeMode)
-        : contentFit;
-    if (aspectRatio) {
-        return (React.createElement(AspectRatio, { style: [style, { width, height, aspectRatio }] },
-            React.createElement(Image, { ...props, source: imageSource, contentFit: finalContentFit, placeholder: {
-                    blurhash,
-                }, transition: transition, contentPosition: contentPosition, cachePolicy: cachePolicy, allowDownscaling: allowDownscaling, blurRadius: blurRadius, style: [
-                    style,
-                    {
-                        height: "100%",
-                        width: "100%",
-                    },
-                ] })));
-    }
-    return (React.createElement(Image, { ...props, source: source, contentFit: finalContentFit, placeholder: {
-            blurhash,
-        }, transition: transition, contentPosition: contentPosition, cachePolicy: cachePolicy, allowDownscaling: allowDownscaling, blurRadius: blurRadius, style: style }));
-};
-export default ExpoImage;
-//# sourceMappingURL=ExpoImage.js.map

package/lib/typescript/src/components/ExpoImage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpoImage.js","sourceRoot":"","sources":["../../../../src/components/ExpoImage.tsx"],"names":[],"mappings":"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"}

package/src/components/ExpoImage.js

@@ -1,66 +0,0 @@
-import React from "react";
-import { StyleSheet } from "react-native";
-import { Image, } from "expo-image";
-import Config from "./Config";
-import AspectRatio from "./AspectRatio";
-const generateDimensions = ({ aspectRatio, width, height, }) => {
-    if (aspectRatio && !width && !height) {
-        return {
-            aspectRatio,
-            width: "100%",
-        };
-    }
-    if (aspectRatio && height) {
-        return {
-            aspectRatio,
-            height,
-            width: aspectRatio * height,
-        };
-    }
-    if (aspectRatio && width) {
-        return {
-            aspectRatio,
-            width,
-            height: width / aspectRatio,
-        };
-    }
-    return { width, height };
-};
-const resizeModeToContentFit = (resizeMode) => {
-    var _a;
-    const mapping = {
-        cover: "cover",
-        contain: "contain",
-        stretch: "fill",
-        repeat: "none",
-        center: "scale-down",
-    };
-    return (_a = mapping[resizeMode]) !== null && _a !== void 0 ? _a : "cover";
-};
-const ExpoImage = ({ source, resizeMode = "cover", style, transition = 300, contentFit = "cover", contentPosition = "center", cachePolicy = "memory-disk", allowDownscaling = true, blurRadius, blurhash, ...props }) => {
-    let imageSource = source === null || source === undefined
-        ? Config.placeholderImageURL
-        : source;
-    const styles = StyleSheet.flatten(style || {});
-    const { aspectRatio, width, height } = generateDimensions(styles);
-    const finalContentFit = resizeMode
-        ? resizeModeToContentFit(resizeMode)
-        : contentFit;
-    if (aspectRatio) {
-        return (React.createElement(AspectRatio, { style: [style, { width, height, aspectRatio }] },
-            React.createElement(Image, { ...props, source: imageSource, contentFit: finalContentFit, placeholder: {
-                    blurhash,
-                }, transition: transition, contentPosition: contentPosition, cachePolicy: cachePolicy, allowDownscaling: allowDownscaling, blurRadius: blurRadius, style: [
-                    style,
-                    {
-                        height: "100%",
-                        width: "100%",
-                    },
-                ] })));
-    }
-    return (React.createElement(Image, { ...props, source: source, contentFit: finalContentFit, placeholder: {
-            blurhash,
-        }, transition: transition, contentPosition: contentPosition, cachePolicy: cachePolicy, allowDownscaling: allowDownscaling, blurRadius: blurRadius, style: style }));
-};
-export default ExpoImage;
-//# sourceMappingURL=ExpoImage.js.map

package/src/components/ExpoImage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpoImage.js","sourceRoot":"","sources":["ExpoImage.tsx"],"names":[],"mappings":"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"}

package/src/components/ExpoImage.tsx

@@ -1,161 +0,0 @@
-import React from "react";
-import { StyleSheet, ImageSourcePropType, DimensionValue } from "react-native";
-import {
-  Image,
-  ImageContentPosition,
-  ImageProps as ExpoImageProps,
-  ImageContentFit,
-} from "expo-image";
-import Config from "./Config";
-import AspectRatio from "./AspectRatio";
-
-type ImageStyleProp = {
-  width?: number;
-  height?: number;
-  aspectRatio?: number;
-};
-
-interface ExtendedImageProps extends ExpoImageProps {
-  transition?:
-    | number
-    | {
-        duration?: number;
-        effect?:
-          | "cross-dissolve"
-          | "flip-from-top"
-          | "flip-from-right"
-          | "flip-from-bottom"
-          | "flip-from-left"
-          | "curl-up"
-          | "curl-down";
-        timing?: "ease-in-out" | "ease-in" | "ease-out" | "linear";
-      };
-  contentFit?: "cover" | "contain" | "fill" | "none" | "scale-down";
-  contentPosition?: ImageContentPosition;
-  cachePolicy?: "none" | "disk" | "memory" | "memory-disk";
-  allowDownscaling?: boolean;
-  blurRadius?: number;
-  blurhash?: string;
-}
-
-const generateDimensions = ({
-  aspectRatio,
-  width,
-  height,
-}: ImageStyleProp): {
-  aspectRatio?: number;
-  width?: DimensionValue;
-  height?: DimensionValue;
-} => {
-  if (aspectRatio && !width && !height) {
-    return {
-      aspectRatio,
-      width: "100%",
-    };
-  }
-
-  if (aspectRatio && height) {
-    return {
-      aspectRatio,
-      height,
-      width: aspectRatio * height,
-    };
-  }
-
-  if (aspectRatio && width) {
-    return {
-      aspectRatio,
-      width,
-      height: width / aspectRatio,
-    };
-  }
-
-  return { width, height };
-};
-
-const resizeModeToContentFit = (
-  resizeMode: "cover" | "contain" | "stretch" | "repeat" | "center"
-): ImageContentFit => {
-  const mapping: Record<typeof resizeMode, ImageContentFit> = {
-    cover: "cover",
-    contain: "contain",
-    stretch: "fill",
-    repeat: "none",
-    center: "scale-down",
-  } as const;
-  return mapping[resizeMode] ?? "cover";
-};
-
-const ExpoImage: React.FC<ExtendedImageProps> = ({
-  source,
-  resizeMode = "cover",
-  style,
-  transition = 300,
-  contentFit = "cover",
-  contentPosition = "center",
-  cachePolicy = "memory-disk",
-  allowDownscaling = true,
-  blurRadius,
-  blurhash,
-  ...props
-}) => {
-  let imageSource =
-    source === null || source === undefined
-      ? Config.placeholderImageURL
-      : source;
-
-  const styles = StyleSheet.flatten(style || {});
-  const { aspectRatio, width, height } = generateDimensions(
-    styles as ImageStyleProp
-  );
-
-  const finalContentFit = resizeMode
-    ? resizeModeToContentFit(resizeMode)
-    : contentFit;
-
-  if (aspectRatio) {
-    return (
-      <AspectRatio style={[style, { width, height, aspectRatio }]}>
-        <Image
-          {...props}
-          source={imageSource as ImageSourcePropType}
-          contentFit={finalContentFit}
-          placeholder={{
-            blurhash,
-          }}
-          transition={transition}
-          contentPosition={contentPosition}
-          cachePolicy={cachePolicy}
-          allowDownscaling={allowDownscaling}
-          blurRadius={blurRadius}
-          style={[
-            style,
-            {
-              height: "100%",
-              width: "100%",
-            },
-          ]}
-        />
-      </AspectRatio>
-    );
-  }
-
-  return (
-    <Image
-      {...props}
-      source={source as ImageSourcePropType}
-      contentFit={finalContentFit}
-      placeholder={{
-        blurhash,
-      }}
-      transition={transition}
-      contentPosition={contentPosition}
-      cachePolicy={cachePolicy}
-      allowDownscaling={allowDownscaling}
-      blurRadius={blurRadius}
-      style={style}
-    />
-  );
-};
-
-export default ExpoImage;