@tamagui/avatar 1.74.2 → 1.74.4

package/dist/esm/Avatar.native.js

@@ -0,0 +1,102 @@
+import {
+  getTokens,
+  getVariableValue,
+  styled,
+  withStaticProperties
+} from "@tamagui/core";
+import { createContextScope } from "@tamagui/create-context";
+import { Image } from "@tamagui/image";
+import { Square, getShapeSize } from "@tamagui/shapes";
+import { YStack } from "@tamagui/stacks";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+const AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = createContextScope(AVATAR_NAME), [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME), IMAGE_NAME = "AvatarImage", AvatarImage = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeAvatar, src, onLoadingStatusChange = () => {
+    }, ...imageProps } = props, context = useAvatarContext(IMAGE_NAME, __scopeAvatar), [status, setStatus] = React.useState("idle"), shapeSize = getVariableValue(
+      getShapeSize(
+        context.size,
+        // @ts-expect-error
+        { tokens: getTokens() }
+      )?.width
+    );
+    return React.useEffect(() => {
+      setStatus("idle");
+    }, [JSON.stringify(src)]), React.useEffect(() => {
+      onLoadingStatusChange(status), context.onImageLoadingStatusChange(status);
+    }, [status]), /* @__PURE__ */ jsx(YStack, { fullscreen: !0, zIndex: 1, children: /* @__PURE__ */ jsx(
+      Image,
+      {
+        fullscreen: !0,
+        ...typeof shapeSize == "number" && !isNaN(shapeSize) && {
+          width: shapeSize,
+          height: shapeSize
+        },
+        ...imageProps,
+        ref: forwardedRef,
+        src,
+        onError: () => {
+          setStatus("error");
+        },
+        onLoad: () => {
+          setStatus("loaded");
+        }
+      }
+    ) });
+  }
+);
+AvatarImage.displayName = IMAGE_NAME;
+const FALLBACK_NAME = "AvatarFallback", AvatarFallbackFrame = styled(YStack, {
+  name: FALLBACK_NAME,
+  position: "absolute",
+  fullscreen: !0,
+  zIndex: 0
+}), AvatarFallback = AvatarFallbackFrame.extractable(
+  React.forwardRef(
+    (props, forwardedRef) => {
+      const { __scopeAvatar, delayMs, ...fallbackProps } = props, context = useAvatarContext(FALLBACK_NAME, __scopeAvatar), [canRender, setCanRender] = React.useState(delayMs === void 0);
+      return React.useEffect(() => {
+        if (delayMs !== void 0) {
+          const timerId = setTimeout(() => setCanRender(!0), delayMs);
+          return () => clearTimeout(timerId);
+        }
+      }, [delayMs]), canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ jsx(AvatarFallbackFrame, { ...fallbackProps, ref: forwardedRef }) : null;
+    }
+  )
+);
+AvatarFallback.displayName = FALLBACK_NAME;
+const AvatarFrame = styled(Square, {
+  name: AVATAR_NAME,
+  position: "relative",
+  overflow: "hidden"
+}), Avatar = withStaticProperties(
+  React.forwardRef(
+    (props, forwardedRef) => {
+      const { __scopeAvatar, size = "$true", ...avatarProps } = props, [imageLoadingStatus, setImageLoadingStatus] = React.useState("idle");
+      return /* @__PURE__ */ jsx(
+        AvatarProvider,
+        {
+          size,
+          scope: __scopeAvatar,
+          imageLoadingStatus,
+          onImageLoadingStatusChange: setImageLoadingStatus,
+          children: /* @__PURE__ */ jsx(AvatarFrame, { size, ...avatarProps, ref: forwardedRef })
+        }
+      );
+    }
+  ),
+  {
+    Image: AvatarImage,
+    Fallback: AvatarFallback
+  }
+);
+Avatar.displayName = AVATAR_NAME;
+export {
+  Avatar,
+  AvatarFallback,
+  AvatarFallbackFrame,
+  AvatarFrame,
+  AvatarImage,
+  createAvatarScope
+};
+//# sourceMappingURL=Avatar.js.map

package/dist/esm/Avatar.native.js.map

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

package/dist/esm/index.native.js

@@ -0,0 +1,2 @@
+export * from "./Avatar";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "mappings": "AAAA,cAAc;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/avatar",
-  "version": "1.74.2",
+  "version": "1.74.4",
   "sideEffects": [
     "*.css"
   ],
@@ -31,17 +31,17 @@
     }
   },
   "dependencies": {
-    "@tamagui/core": "1.74.2",
-    "@tamagui/image": "1.74.2",
-    "@tamagui/shapes": "1.74.2",
-    "@tamagui/text": "1.74.2"
+    "@tamagui/core": "1.74.4",
+    "@tamagui/image": "1.74.4",
+    "@tamagui/shapes": "1.74.4",
+    "@tamagui/text": "1.74.4"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.74.2",
+    "@tamagui/build": "1.74.4",
     "react": "^18.2.0",
     "react-native": "^0.72.1"
   },