@tamagui/avatar 2.7.7 → 3.0.0-beta.1091.1

package/dist/jsx/Avatar.mjs

@@ -1,4 +1,4 @@
-import { styled } from "@tamagui/core";
+import { createRefComponent, createStyledHOC, styled } from "@tamagui/core";
 import { createContextScope } from "@tamagui/create-context";
 import { withStaticProperties } from "@tamagui/helpers";
 import { Image } from "@tamagui/image";
@@ -6,114 +6,103 @@ import { Square } from "@tamagui/shapes";
 import { YStack } from "@tamagui/stacks";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
+
 const AVATAR_NAME = "Avatar";
 const [createAvatarContext, createAvatarScope] = createContextScope(AVATAR_NAME);
 const [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME);
 const IMAGE_NAME = "AvatarImage";
-const AvatarImage = React.forwardRef((props, forwardedRef) => {
-  const {
-    __scopeAvatar,
-    src,
-    source,
-    onLoadingStatusChange = () => {},
-    ...imageProps
-  } = props;
-  const context = useAvatarContext(IMAGE_NAME, __scopeAvatar);
-  const [status, setStatus] = React.useState("idle");
-  const resolvedSrc = src || (source && typeof source === "object" && "uri" in source ? source.uri : source);
-  React.useEffect(() => {
-    if (!resolvedSrc) {
-      setStatus("error");
-    } else {
-      setStatus("idle");
-    }
-  }, [resolvedSrc]);
-  React.useEffect(() => {
-    onLoadingStatusChange(status);
-    context.onImageLoadingStatusChange(status);
-  }, [status]);
-  if (!resolvedSrc) {
-    return null;
-  }
-  return /* @__PURE__ */jsx(YStack, {
-    fullscreen: true,
-    zIndex: 1,
-    children: /* @__PURE__ */jsx(Image, {
-      position: "absolute",
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
-      objectFit: "cover",
-      width: "100%",
-      height: "100%",
-      ...imageProps,
-      ref: forwardedRef,
-      src: resolvedSrc,
-      onError: () => {
-        setStatus("error");
-      },
-      onLoad: () => {
-        setStatus("loaded");
-      }
-    })
-  });
+const AvatarImage = createRefComponent((props, forwardedRef) => {
+	const { __scopeAvatar, src, source, onLoadingStatusChange = () => {}, ...imageProps } = props;
+	const context = useAvatarContext(IMAGE_NAME, __scopeAvatar);
+	const [status, setStatus] = React.useState("idle");
+	const resolvedSrc = src || (source && typeof source === "object" && "uri" in source ? source.uri : source);
+	React.useEffect(() => {
+		if (!resolvedSrc) {
+			setStatus("error");
+		} else {
+			setStatus("idle");
+		}
+	}, [resolvedSrc]);
+	React.useEffect(() => {
+		onLoadingStatusChange(status);
+		context.onImageLoadingStatusChange(status);
+	}, [status]);
+	if (!resolvedSrc) {
+		return null;
+	}
+	return /* @__PURE__ */ jsx(YStack, {
+		position: "absolute",
+		inset: 0,
+		zIndex: 1,
+		children: /* @__PURE__ */ jsx(Image, {
+			position: "absolute",
+			top: 0,
+			left: 0,
+			right: 0,
+			bottom: 0,
+			objectFit: "cover",
+			width: "100%",
+			height: "100%",
+			...imageProps,
+			ref: forwardedRef,
+			src: resolvedSrc,
+			onError: () => {
+				setStatus("error");
+			},
+			onLoad: () => {
+				setStatus("loaded");
+			}
+		})
+	});
 });
 AvatarImage.displayName = IMAGE_NAME;
 const FALLBACK_NAME = "AvatarFallback";
 const AvatarFallbackFrame = styled(YStack, {
-  name: FALLBACK_NAME,
-  position: "absolute",
-  fullscreen: true,
-  zIndex: 0
+	displayName: FALLBACK_NAME,
+	position: "absolute",
+	inset: 0,
+	zIndex: 0
 });
-const AvatarFallback = AvatarFallbackFrame.styleable((props, forwardedRef) => {
-  const {
-    __scopeAvatar,
-    delayMs,
-    ...fallbackProps
-  } = props;
-  const context = useAvatarContext(FALLBACK_NAME, __scopeAvatar);
-  const [canRender, setCanRender] = React.useState(delayMs === void 0);
-  React.useEffect(() => {
-    if (delayMs !== void 0) {
-      const timerId = setTimeout(() => setCanRender(true), delayMs);
-      return () => clearTimeout(timerId);
-    }
-  }, [delayMs]);
-  return canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */jsx(AvatarFallbackFrame, {
-    ...fallbackProps,
-    ref: forwardedRef
-  }) : null;
+const AvatarFallback = createStyledHOC(AvatarFallbackFrame, (props, forwardedRef) => {
+	const { __scopeAvatar, delay, ...fallbackProps } = props;
+	const context = useAvatarContext(FALLBACK_NAME, __scopeAvatar);
+	const [canRender, setCanRender] = React.useState(delay === void 0);
+	React.useEffect(() => {
+		if (delay !== void 0) {
+			const timerId = setTimeout(() => setCanRender(true), delay);
+			return () => clearTimeout(timerId);
+		}
+	}, [delay]);
+	return 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"
+	displayName: AVATAR_NAME,
+	position: "relative",
+	overflow: "hidden"
 });
-const Avatar = withStaticProperties(React.forwardRef((props, forwardedRef) => {
-  const {
-    __scopeAvatar,
-    size = "$true",
-    ...avatarProps
-  } = props;
-  const [imageLoadingStatus, setImageLoadingStatus] = React.useState("idle");
-  return /* @__PURE__ */jsx(AvatarProvider, {
-    size,
-    scope: __scopeAvatar,
-    imageLoadingStatus,
-    onImageLoadingStatusChange: setImageLoadingStatus,
-    children: /* @__PURE__ */jsx(AvatarFrame, {
-      size,
-      ...avatarProps,
-      ref: forwardedRef
-    })
-  });
+const Avatar = withStaticProperties(createRefComponent((props, forwardedRef) => {
+	const { __scopeAvatar, size = true, ...avatarProps } = props;
+	const [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
+	Image: AvatarImage,
+	Fallback: AvatarFallback
 });
 Avatar.displayName = AVATAR_NAME;
+
 export { Avatar, AvatarFallback, AvatarFallbackFrame, AvatarFrame, AvatarImage, createAvatarScope };
 //# sourceMappingURL=Avatar.mjs.map

package/dist/jsx/Avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["styled","createContextScope","withStaticProperties","Image","Square","YStack","React","jsx","AVATAR_NAME","createAvatarContext","createAvatarScope","AvatarProvider","useAvatarContext","IMAGE_NAME","AvatarImage","forwardRef","props","forwardedRef","__scopeAvatar","src","source","onLoadingStatusChange","imageProps","context","status","setStatus","useState","resolvedSrc","uri","useEffect","onImageLoadingStatusChange","fullscreen","zIndex","children","position","top","left","right","bottom","objectFit","width","height","ref","onError","onLoad","displayName","FALLBACK_NAME","AvatarFallbackFrame","name","AvatarFallback","styleable","delayMs","fallbackProps","canRender","setCanRender","timerId","setTimeout","clearTimeout","imageLoadingStatus","AvatarFrame","overflow","Avatar","size","avatarProps","setImageLoadingStatus","scope","Fallback"],"sources":["../../src/Avatar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Avatar.js","names":[],"sources":["jsx/Avatar.js"],"sourcesContent":["import { createStyledHOC, styled, createRefComponent } from \"@tamagui/core\";\nimport { createContextScope } from \"@tamagui/create-context\";\nimport { withStaticProperties } from \"@tamagui/helpers\";\nimport { Image } from \"@tamagui/image\";\nimport { Square } from \"@tamagui/shapes\";\nimport { YStack } from \"@tamagui/stacks\";\nimport * as React from \"react\";\nimport { jsx } from \"react/jsx-runtime\";\nconst AVATAR_NAME = \"Avatar\";\nconst [createAvatarContext, createAvatarScope] = createContextScope(AVATAR_NAME);\nconst [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME);\nconst IMAGE_NAME = \"AvatarImage\";\nconst AvatarImage = createRefComponent(\n  (props, forwardedRef) => {\n    const {\n      __scopeAvatar,\n      src,\n      source,\n      onLoadingStatusChange = () => {\n      },\n      ...imageProps\n    } = props;\n    const context = useAvatarContext(IMAGE_NAME, __scopeAvatar);\n    const [status, setStatus] = React.useState(\"idle\");\n    const resolvedSrc = src || (source && typeof source === \"object\" && \"uri\" in source ? source.uri : source);\n    React.useEffect(() => {\n      if (!resolvedSrc) {\n        setStatus(\"error\");\n      } else {\n        setStatus(\"idle\");\n      }\n    }, [resolvedSrc]);\n    React.useEffect(() => {\n      onLoadingStatusChange(status);\n      context.onImageLoadingStatusChange(status);\n    }, [status]);\n    if (!resolvedSrc) {\n      return null;\n    }\n    return /* @__PURE__ */ jsx(YStack, { position: \"absolute\", inset: 0, zIndex: 1, children: /* @__PURE__ */ jsx(\n      Image,\n      {\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        objectFit: \"cover\",\n        width: \"100%\",\n        height: \"100%\",\n        ...imageProps,\n        ref: forwardedRef,\n        src: resolvedSrc,\n        onError: () => {\n          setStatus(\"error\");\n        },\n        onLoad: () => {\n          setStatus(\"loaded\");\n        }\n      }\n    ) });\n  }\n);\nAvatarImage.displayName = IMAGE_NAME;\nconst FALLBACK_NAME = \"AvatarFallback\";\nconst AvatarFallbackFrame = styled(YStack, {\n  displayName: FALLBACK_NAME,\n  position: \"absolute\",\n  inset: 0,\n  zIndex: 0\n});\nconst AvatarFallback = createStyledHOC(\n  AvatarFallbackFrame,\n  (props, forwardedRef) => {\n    const { __scopeAvatar, delay, ...fallbackProps } = props;\n    const context = useAvatarContext(FALLBACK_NAME, __scopeAvatar);\n    const [canRender, setCanRender] = React.useState(delay === void 0);\n    React.useEffect(() => {\n      if (delay !== void 0) {\n        const timerId = setTimeout(() => setCanRender(true), delay);\n        return () => clearTimeout(timerId);\n      }\n    }, [delay]);\n    return canRender && context.imageLoadingStatus !== \"loaded\" ? /* @__PURE__ */ jsx(AvatarFallbackFrame, { ...fallbackProps, ref: forwardedRef }) : null;\n  }\n);\nAvatarFallback.displayName = FALLBACK_NAME;\nconst AvatarFrame = styled(Square, {\n  displayName: AVATAR_NAME,\n  position: \"relative\",\n  overflow: \"hidden\"\n});\nconst Avatar = withStaticProperties(\n  createRefComponent(\n    (props, forwardedRef) => {\n      const { __scopeAvatar, size = true, ...avatarProps } = props;\n      const [imageLoadingStatus, setImageLoadingStatus] = React.useState(\"idle\");\n      return /* @__PURE__ */ jsx(\n        AvatarProvider,\n        {\n          size,\n          scope: __scopeAvatar,\n          imageLoadingStatus,\n          onImageLoadingStatusChange: setImageLoadingStatus,\n          children: /* @__PURE__ */ jsx(AvatarFrame, { size, ...avatarProps, ref: forwardedRef })\n        }\n      );\n    }\n  ),\n  {\n    Image: AvatarImage,\n    Fallback: AvatarFallback\n  }\n);\nAvatar.displayName = AVATAR_NAME;\nexport {\n  Avatar,\n  AvatarFallback,\n  AvatarFallbackFrame,\n  AvatarFrame,\n  AvatarImage,\n  createAvatarScope\n};\n//# sourceMappingURL=Avatar.js.map\n"],"mappings":";;;;;;;;;;AAQA,MAAM,cAAc;AACpB,MAAM,CAAC,qBAAqB,qBAAqB,mBAAmB,WAAW;AAC/E,MAAM,CAAC,gBAAgB,oBAAoB,oBAAoB,WAAW;AAC1E,MAAM,aAAa;AACnB,MAAM,cAAc,oBACjB,OAAO,iBAAiB;CACvB,MAAM,EACJ,eACA,KACA,QACA,8BAA8B,CAC9B,GACA,GAAG,eACD;CACJ,MAAM,UAAU,iBAAiB,YAAY,aAAa;CAC1D,MAAM,CAAC,QAAQ,aAAa,MAAM,SAAS,MAAM;CACjD,MAAM,cAAc,QAAQ,UAAU,OAAO,WAAW,YAAY,SAAS,SAAS,OAAO,MAAM;CACnG,MAAM,gBAAgB;EACpB,IAAI,CAAC,aAAa;GAChB,UAAU,OAAO;EACnB,OAAO;GACL,UAAU,MAAM;EAClB;CACF,GAAG,CAAC,WAAW,CAAC;CAChB,MAAM,gBAAgB;EACpB,sBAAsB,MAAM;EAC5B,QAAQ,2BAA2B,MAAM;CAC3C,GAAG,CAAC,MAAM,CAAC;CACX,IAAI,CAAC,aAAa;EAChB,OAAO;CACT;CACA,OAAuB,oBAAI,QAAQ;EAAE,UAAU;EAAY,OAAO;EAAG,QAAQ;EAAG,UAA0B,oBACxG,OACA;GACE,UAAU;GACV,KAAK;GACL,MAAM;GACN,OAAO;GACP,QAAQ;GACR,WAAW;GACX,OAAO;GACP,QAAQ;GACR,GAAG;GACH,KAAK;GACL,KAAK;GACL,eAAe;IACb,UAAU,OAAO;GACnB;GACA,cAAc;IACZ,UAAU,QAAQ;GACpB;EACF,CACF;CAAE,CAAC;AACL,CACF;AACA,YAAY,cAAc;AAC1B,MAAM,gBAAgB;AACtB,MAAM,sBAAsB,OAAO,QAAQ;CACzC,aAAa;CACb,UAAU;CACV,OAAO;CACP,QAAQ;AACV,CAAC;AACD,MAAM,iBAAiB,gBACrB,sBACC,OAAO,iBAAiB;CACvB,MAAM,EAAE,eAAe,OAAO,GAAG,kBAAkB;CACnD,MAAM,UAAU,iBAAiB,eAAe,aAAa;CAC7D,MAAM,CAAC,WAAW,gBAAgB,MAAM,SAAS,UAAU,KAAK,CAAC;CACjE,MAAM,gBAAgB;EACpB,IAAI,UAAU,KAAK,GAAG;GACpB,MAAM,UAAU,iBAAiB,aAAa,IAAI,GAAG,KAAK;GAC1D,aAAa,aAAa,OAAO;EACnC;CACF,GAAG,CAAC,KAAK,CAAC;CACV,OAAO,aAAa,QAAQ,uBAAuB,WAA2B,oBAAI,qBAAqB;EAAE,GAAG;EAAe,KAAK;CAAa,CAAC,IAAI;AACpJ,CACF;AACA,eAAe,cAAc;AAC7B,MAAM,cAAc,OAAO,QAAQ;CACjC,aAAa;CACb,UAAU;CACV,UAAU;AACZ,CAAC;AACD,MAAM,SAAS,qBACb,oBACG,OAAO,iBAAiB;CACvB,MAAM,EAAE,eAAe,OAAO,MAAM,GAAG,gBAAgB;CACvD,MAAM,CAAC,oBAAoB,yBAAyB,MAAM,SAAS,MAAM;CACzE,OAAuB,oBACrB,gBACA;EACE;EACA,OAAO;EACP;EACA,4BAA4B;EAC5B,UAA0B,oBAAI,aAAa;GAAE;GAAM,GAAG;GAAa,KAAK;EAAa,CAAC;CACxF,CACF;AACF,CACF,GACA;CACE,OAAO;CACP,UAAU;AACZ,CACF;AACA,OAAO,cAAc"}

package/dist/jsx/Avatar.native.cjs

@@ -0,0 +1,146 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), 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_jsx_runtime = require("react/jsx-runtime");
+var import_core = require("@tamagui/core");
+var import_create_context = require("@tamagui/create-context");
+var import_helpers = require("@tamagui/helpers");
+var import_image = require("@tamagui/image");
+var import_shapes = require("@tamagui/shapes");
+var import_stacks = require("@tamagui/stacks");
+var React = __toESM(require("react"), 1);
+var AVATAR_NAME = "Avatar";
+var [createAvatarContext, createAvatarScope] = (0, import_create_context.createContextScope)(AVATAR_NAME);
+var [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME);
+var IMAGE_NAME = "AvatarImage";
+var AvatarImage = (0, import_core.createRefComponent)(function(props, forwardedRef) {
+	var { __scopeAvatar, src, source, onLoadingStatusChange = function() {}, ...imageProps } = props;
+	var context = useAvatarContext(IMAGE_NAME, __scopeAvatar);
+	var [status, setStatus] = React.useState("idle");
+	var resolvedSrc = src || (source && typeof source === "object" && "uri" in source ? source.uri : source);
+	React.useEffect(function() {
+		if (!resolvedSrc) {
+			setStatus("error");
+		} else {
+			setStatus("idle");
+		}
+	}, [resolvedSrc]);
+	React.useEffect(function() {
+		onLoadingStatusChange(status);
+		context.onImageLoadingStatusChange(status);
+	}, [status]);
+	if (!resolvedSrc) {
+		return null;
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.YStack, {
+		position: "absolute",
+		inset: 0,
+		zIndex: 1,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.Image, {
+			position: "absolute",
+			top: 0,
+			left: 0,
+			right: 0,
+			bottom: 0,
+			objectFit: "cover",
+			width: "100%",
+			height: "100%",
+			...imageProps,
+			ref: forwardedRef,
+			src: resolvedSrc,
+			onError: function() {
+				setStatus("error");
+			},
+			onLoad: function() {
+				setStatus("loaded");
+			}
+		})
+	});
+});
+AvatarImage.displayName = IMAGE_NAME;
+var FALLBACK_NAME = "AvatarFallback";
+var AvatarFallbackFrame = (0, import_core.styled)(import_stacks.YStack, {
+	displayName: FALLBACK_NAME,
+	position: "absolute",
+	inset: 0,
+	zIndex: 0
+});
+var AvatarFallback = (0, import_core.createStyledHOC)(AvatarFallbackFrame, function(props, forwardedRef) {
+	var { __scopeAvatar, delay, ...fallbackProps } = props;
+	var context = useAvatarContext(FALLBACK_NAME, __scopeAvatar);
+	var [canRender, setCanRender] = React.useState(delay === void 0);
+	React.useEffect(function() {
+		if (delay !== void 0) {
+			var timerId = setTimeout(function() {
+				return setCanRender(true);
+			}, delay);
+			return function() {
+				return clearTimeout(timerId);
+			};
+		}
+	}, [delay]);
+	return canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarFallbackFrame, {
+		...fallbackProps,
+		ref: forwardedRef
+	}) : null;
+});
+AvatarFallback.displayName = FALLBACK_NAME;
+var AvatarFrame = (0, import_core.styled)(import_shapes.Square, {
+	displayName: AVATAR_NAME,
+	position: "relative",
+	overflow: "hidden"
+});
+var Avatar = (0, import_helpers.withStaticProperties)((0, import_core.createRefComponent)(function(props, forwardedRef) {
+	var { __scopeAvatar, size = true, ...avatarProps } = props;
+	var [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;