@tamagui/image 2.7.7 → 3.0.0-beta.1091.1

package/dist/jsx/v1/index.native.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var v1_exports = {};
-module.exports = __toCommonJS(v1_exports);
-__reExport(v1_exports, require("./Image.native.js"), module.exports);
-//# sourceMappingURL=index.native.js.map

package/dist/jsx/v1/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../../src/v1/index.ts"],"sourcesContent":[null],"mappings":"AAAA","ignoreList":[]}

package/src/v1/Image.tsx

@@ -1,144 +0,0 @@
-import React from 'react'
-import { isWeb } from '@tamagui/constants'
-import type {
-  GetProps,
-  RadiusTokens,
-  SizeTokens,
-  ViewProps,
-  ThemeValueFallback,
-} from '@tamagui/web'
-import { styled, usePropsAndStyle } from '@tamagui/web'
-import type { FC } from 'react'
-import { Image as RNImage } from 'react-native'
-
-const StyledImage = styled(RNImage, {
-  name: 'Image',
-})
-
-type StyledImageProps = Omit<GetProps<typeof StyledImage>, 'borderRadius'> & {
-  borderRadius?: RadiusTokens
-}
-
-type BaseProps = Omit<
-  StyledImageProps,
-  'width' | 'height' | 'style' | 'onLayout' | 'resizeMode'
-> & {
-  width?: string | number | SizeTokens | ThemeValueFallback
-  height?: string | number | SizeTokens | ThemeValueFallback
-
-  /**
-   * @deprecated use `source` instead to disambiguate width/height style from width/height of the actual image
-   */
-  src?: string | StyledImageProps['source']
-  /** @deprecated use objectFit instead */
-  resizeMode?: StyledImageProps['resizeMode']
-  objectFit?: React.CSSProperties['objectFit']
-}
-
-export type ImageProps = BaseProps & Omit<ViewProps, keyof BaseProps>
-
-type RNImageType = typeof RNImage
-
-type ImageType = FC<ImageProps> & {
-  getSize: RNImageType['getSize']
-  getSizeWithHeaders: RNImageType['getSizeWithHeaders']
-  prefetch: RNImageType['prefetch']
-  prefetchWithMetadata: RNImageType['prefetchWithMetadata']
-  abortPrefetch: RNImageType['abortPrefetch']
-  queryCache: RNImageType['queryCache']
-}
-
-let hasWarned = false
-
-/**
- * @summary An image is a component that displays an image.
- * @see — Docs https://tamagui.dev/ui/image
- */
-export const Image = StyledImage.styleable<ImageProps>((inProps, ref) => {
-  const [props, style] = usePropsAndStyle(inProps)
-  const { src, source, objectFit, ...rest } = props
-
-  if (process.env.NODE_ENV === 'development') {
-    if (typeof src === 'string') {
-      if (
-        (typeof props.width === 'string' && props.width[0] !== '$') ||
-        (typeof props.height === 'string' && props.height[0] !== '$')
-      ) {
-        if (!hasWarned) {
-          hasWarned = true
-          console.warn(
-            `React Native expects a numerical width/height. If you want to use a percent you must define the "source" prop with width, height, and uri.`
-          )
-        }
-      }
-    }
-  }
-
-  let finalSource =
-    typeof src === 'string'
-      ? {
-          uri: src,
-          ...(isWeb && {
-            width: props.width || style?.width,
-            height: props.height || style?.height,
-          }),
-        }
-      : (source ?? src)
-
-  if (finalSource && typeof finalSource === 'object') {
-    if (process.env.TAMAGUI_TARGET === 'native') {
-      // fix: normalize import style images
-      if (!Array.isArray(finalSource)) {
-        if (typeof finalSource.uri === 'number') {
-          finalSource = finalSource.uri
-          if (source && typeof source === 'object' && !Array.isArray(source)) {
-            // @ts-ignore
-            style.width ??= source.width
-            // @ts-ignore
-            style.height ??= source.height
-          }
-        }
-      }
-    }
-
-    if (process.env.NODE_ENV === 'development' && process.env.TAMAGUI_IMAGE_CHECK_ERROR) {
-      // lets add an onload timeout and warning if it fails to load in console
-      React.useEffect(() => {
-        async function run() {
-          if (typeof src === 'string') {
-            try {
-              await fetch(src).then((res) => res.text())
-            } catch (err) {
-              console.error(`Error loading image: ${src}`, { props })
-            }
-          }
-        }
-
-        run()
-      }, [src])
-    }
-
-    // require compat across native/web
-    if (finalSource['default']) {
-      finalSource = finalSource['default']
-    }
-  }
-
-  // must set defaultSource to allow SSR, default it to the same as src
-  return (
-    <RNImage
-      resizeMode={objectFit}
-      ref={ref}
-      source={finalSource}
-      style={style}
-      {...(rest as any)}
-    />
-  )
-}) as any as ImageType
-
-Image.getSize = RNImage.getSize
-Image.getSizeWithHeaders = RNImage.getSizeWithHeaders
-Image.prefetch = RNImage.prefetch
-Image.prefetchWithMetadata = RNImage.prefetchWithMetadata
-Image.abortPrefetch = RNImage.abortPrefetch
-Image.queryCache = RNImage.queryCache

package/src/v1/index.ts

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

package/types/v1/Image.d.ts

@@ -1,36 +0,0 @@
-import React from 'react';
-import type { GetProps, RadiusTokens, SizeTokens, ViewProps, ThemeValueFallback } from '@tamagui/web';
-import type { FC } from 'react';
-import { Image as RNImage } from 'react-native';
-declare const StyledImage: import("@tamagui/web").TamaguiComponent<import("@tamagui/web").TamaDefer, RNImage, import("@tamagui/web").TamaguiComponentPropsBaseBase & import("react-native").ImageProps, import("@tamagui/web").StackStyleBase, {}, import("@tamagui/web").StaticConfigPublic>;
-type StyledImageProps = Omit<GetProps<typeof StyledImage>, 'borderRadius'> & {
-    borderRadius?: RadiusTokens;
-};
-type BaseProps = Omit<StyledImageProps, 'width' | 'height' | 'style' | 'onLayout' | 'resizeMode'> & {
-    width?: string | number | SizeTokens | ThemeValueFallback;
-    height?: string | number | SizeTokens | ThemeValueFallback;
-    /**
-     * @deprecated use `source` instead to disambiguate width/height style from width/height of the actual image
-     */
-    src?: string | StyledImageProps['source'];
-    /** @deprecated use objectFit instead */
-    resizeMode?: StyledImageProps['resizeMode'];
-    objectFit?: React.CSSProperties['objectFit'];
-};
-export type ImageProps = BaseProps & Omit<ViewProps, keyof BaseProps>;
-type RNImageType = typeof RNImage;
-type ImageType = FC<ImageProps> & {
-    getSize: RNImageType['getSize'];
-    getSizeWithHeaders: RNImageType['getSizeWithHeaders'];
-    prefetch: RNImageType['prefetch'];
-    prefetchWithMetadata: RNImageType['prefetchWithMetadata'];
-    abortPrefetch: RNImageType['abortPrefetch'];
-    queryCache: RNImageType['queryCache'];
-};
-/**
- * @summary An image is a component that displays an image.
- * @see — Docs https://tamagui.dev/ui/image
- */
-export declare const Image: ImageType;
-export {};
-//# sourceMappingURL=Image.d.ts.map

package/types/v1/Image.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../src/v1/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EACV,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,SAAS,EACT,kBAAkB,EACnB,MAAM,cAAc,CAAA;AAErB,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,cAAc,CAAA;AAE/C,QAAA,MAAM,WAAW,oQAEf,CAAA;AAEF,KAAK,gBAAgB,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,WAAW,CAAC,EAAE,cAAc,CAAC,GAAG;IAC3E,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B,CAAA;AAED,KAAK,SAAS,GAAG,IAAI,CACnB,gBAAgB,EAChB,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,YAAY,CACzD,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,kBAAkB,CAAA;IACzD,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,kBAAkB,CAAA;IAE1D;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAA;IACzC,wCAAwC;IACxC,UAAU,CAAC,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;CAC7C,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,SAAS,CAAC,CAAA;AAErE,KAAK,WAAW,GAAG,OAAO,OAAO,CAAA;AAEjC,KAAK,SAAS,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG;IAChC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAC/B,kBAAkB,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAA;IACrD,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC,CAAA;IACjC,oBAAoB,EAAE,WAAW,CAAC,sBAAsB,CAAC,CAAA;IACzD,aAAa,EAAE,WAAW,CAAC,eAAe,CAAC,CAAA;IAC3C,UAAU,EAAE,WAAW,CAAC,YAAY,CAAC,CAAA;CACtC,CAAA;AAID;;;GAGG;AACH,eAAO,MAAM,KAAK,EAgFL,SAAS,CAAA"}

package/types/v1/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Image';
-//# sourceMappingURL=index.d.ts.map

package/types/v1/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/v1/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}