@tamagui/avatar 1.116.0 → 1.116.2

package/dist/cjs/Avatar.js

@@ -0,0 +1,115 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var Avatar_exports = {};
+__export(Avatar_exports, {
+  Avatar: () => Avatar,
+  AvatarFallback: () => AvatarFallback,
+  AvatarFallbackFrame: () => AvatarFallbackFrame,
+  AvatarFrame: () => AvatarFrame,
+  AvatarImage: () => AvatarImage,
+  createAvatarScope: () => createAvatarScope
+});
+module.exports = __toCommonJS(Avatar_exports);
+var import_core = require("@tamagui/core"), import_create_context = require("@tamagui/create-context"), import_helpers = require("@tamagui/helpers"), import_image = require("@tamagui/image"), import_shapes = require("@tamagui/shapes"), import_stacks = require("@tamagui/stacks"), React = __toESM(require("react")), import_jsx_runtime = require("react/jsx-runtime");
+const AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = (0, import_create_context.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 = (0, import_core.getVariableValue)(
+      (0, import_shapes.getShapeSize)(
+        context.size,
+        // @ts-expect-error
+        { tokens: (0, import_core.getTokens)() }
+      )?.width
+    );
+    return React.useEffect(() => {
+      setStatus("idle");
+    }, [JSON.stringify(src)]), React.useEffect(() => {
+      onLoadingStatusChange(status), context.onImageLoadingStatusChange(status);
+    }, [status]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.YStack, { fullscreen: !0, zIndex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_image.Image,
+      {
+        fullscreen: !0,
+        ...typeof shapeSize == "number" && !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 = (0, import_core.styled)(import_stacks.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__ */ (0, import_jsx_runtime.jsx)(AvatarFallbackFrame, { ...fallbackProps, ref: forwardedRef }) : null;
+    }
+  )
+);
+AvatarFallback.displayName = FALLBACK_NAME;
+const AvatarFrame = (0, import_core.styled)(import_shapes.Square, {
+  name: AVATAR_NAME,
+  position: "relative",
+  overflow: "hidden"
+}), Avatar = (0, import_helpers.withStaticProperties)(
+  React.forwardRef(
+    (props, forwardedRef) => {
+      const { __scopeAvatar, size = "$true", ...avatarProps } = props, [imageLoadingStatus, setImageLoadingStatus] = React.useState("idle");
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        AvatarProvider,
+        {
+          size,
+          scope: __scopeAvatar,
+          imageLoadingStatus,
+          onImageLoadingStatusChange: setImageLoadingStatus,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarFrame, { size, ...avatarProps, ref: forwardedRef })
+        }
+      );
+    }
+  ),
+  {
+    Image: AvatarImage,
+    Fallback: AvatarFallback
+  }
+);
+Avatar.displayName = AVATAR_NAME;
+//# sourceMappingURL=Avatar.js.map

package/dist/cjs/index.js

@@ -0,0 +1,15 @@
+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))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./Avatar"), module.exports);
+//# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/avatar",
-  "version": "1.116.0",
+  "version": "1.116.2",
   "sideEffects": [
     "*.css"
   ],
@@ -34,14 +34,14 @@
     }
   },
   "dependencies": {
-    "@tamagui/core": "1.116.0",
-    "@tamagui/helpers": "1.116.0",
-    "@tamagui/image": "1.116.0",
-    "@tamagui/shapes": "1.116.0",
-    "@tamagui/text": "1.116.0"
+    "@tamagui/core": "1.116.2",
+    "@tamagui/helpers": "1.116.2",
+    "@tamagui/image": "1.116.2",
+    "@tamagui/shapes": "1.116.2",
+    "@tamagui/text": "1.116.2"
   },
   "devDependencies": {
-    "@tamagui/build": "1.116.0",
+    "@tamagui/build": "1.116.2",
     "react": "^18.2.0 || ^19.0.0",
     "react-native": "0.74.1"
   },