@tamagui/avatar 1.140.4 → 1.141.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Avatar.cjs +7 -5
- package/dist/cjs/Avatar.js +13 -7
- package/dist/cjs/Avatar.js.map +1 -1
- package/dist/cjs/Avatar.native.js +14 -7
- package/dist/cjs/Avatar.native.js.map +1 -1
- package/dist/esm/Avatar.js +13 -7
- package/dist/esm/Avatar.js.map +1 -1
- package/dist/esm/Avatar.mjs +7 -5
- package/dist/esm/Avatar.mjs.map +1 -1
- package/dist/esm/Avatar.native.js +12 -5
- package/dist/esm/Avatar.native.js.map +1 -1
- package/dist/jsx/Avatar.js +13 -7
- package/dist/jsx/Avatar.js.map +1 -1
- package/dist/jsx/Avatar.mjs +7 -5
- package/dist/jsx/Avatar.mjs.map +1 -1
- package/dist/jsx/Avatar.native.js +14 -7
- package/dist/jsx/Avatar.native.js.map +1 -1
- package/package.json +9 -9
- package/src/Avatar.tsx +16 -5
- package/types/Avatar.d.ts.map +1 -1
package/dist/cjs/Avatar.cjs
CHANGED
|
@@ -55,6 +55,7 @@ const AVATAR_NAME = "Avatar",
|
|
|
55
55
|
const {
|
|
56
56
|
__scopeAvatar,
|
|
57
57
|
src,
|
|
58
|
+
source,
|
|
58
59
|
onLoadingStatusChange = () => {},
|
|
59
60
|
...imageProps
|
|
60
61
|
} = props,
|
|
@@ -64,12 +65,13 @@ const AVATAR_NAME = "Avatar",
|
|
|
64
65
|
// @ts-expect-error
|
|
65
66
|
{
|
|
66
67
|
tokens: (0, import_core.getTokens)()
|
|
67
|
-
})?.width)
|
|
68
|
+
})?.width),
|
|
69
|
+
resolvedSrc = src || (source && typeof source == "object" && "uri" in source ? source.uri : source);
|
|
68
70
|
return React.useEffect(() => {
|
|
69
|
-
setStatus(
|
|
70
|
-
}, [
|
|
71
|
+
setStatus(resolvedSrc ? "idle" : "error");
|
|
72
|
+
}, [resolvedSrc]), React.useEffect(() => {
|
|
71
73
|
onLoadingStatusChange(status), context.onImageLoadingStatusChange(status);
|
|
72
|
-
}, [status]),
|
|
74
|
+
}, [status]), resolvedSrc ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.YStack, {
|
|
73
75
|
fullscreen: !0,
|
|
74
76
|
zIndex: 1,
|
|
75
77
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_image.Image, {
|
|
@@ -80,7 +82,7 @@ const AVATAR_NAME = "Avatar",
|
|
|
80
82
|
}),
|
|
81
83
|
...imageProps,
|
|
82
84
|
ref: forwardedRef,
|
|
83
|
-
src,
|
|
85
|
+
src: resolvedSrc,
|
|
84
86
|
onError: () => {
|
|
85
87
|
setStatus("error");
|
|
86
88
|
},
|
package/dist/cjs/Avatar.js
CHANGED
|
@@ -33,19 +33,25 @@ module.exports = __toCommonJS(Avatar_exports);
|
|
|
33
33
|
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"), 1), import_jsx_runtime = require("react/jsx-runtime");
|
|
34
34
|
const AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = (0, import_create_context.createContextScope)(AVATAR_NAME), [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME), IMAGE_NAME = "AvatarImage", AvatarImage = React.forwardRef(
|
|
35
35
|
(props, forwardedRef) => {
|
|
36
|
-
const {
|
|
37
|
-
|
|
36
|
+
const {
|
|
37
|
+
__scopeAvatar,
|
|
38
|
+
src,
|
|
39
|
+
source,
|
|
40
|
+
onLoadingStatusChange = () => {
|
|
41
|
+
},
|
|
42
|
+
...imageProps
|
|
43
|
+
} = props, context = useAvatarContext(IMAGE_NAME, __scopeAvatar), [status, setStatus] = React.useState("idle"), shapeSize = (0, import_core.getVariableValue)(
|
|
38
44
|
(0, import_shapes.getShapeSize)(
|
|
39
45
|
context.size,
|
|
40
46
|
// @ts-expect-error
|
|
41
47
|
{ tokens: (0, import_core.getTokens)() }
|
|
42
48
|
)?.width
|
|
43
|
-
);
|
|
49
|
+
), resolvedSrc = src || (source && typeof source == "object" && "uri" in source ? source.uri : source);
|
|
44
50
|
return React.useEffect(() => {
|
|
45
|
-
setStatus(
|
|
46
|
-
}, [
|
|
51
|
+
setStatus(resolvedSrc ? "idle" : "error");
|
|
52
|
+
}, [resolvedSrc]), React.useEffect(() => {
|
|
47
53
|
onLoadingStatusChange(status), context.onImageLoadingStatusChange(status);
|
|
48
|
-
}, [status]),
|
|
54
|
+
}, [status]), resolvedSrc ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.YStack, { fullscreen: !0, zIndex: 1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
49
55
|
import_image.Image,
|
|
50
56
|
{
|
|
51
57
|
fullscreen: !0,
|
|
@@ -55,7 +61,7 @@ const AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = (0, imp
|
|
|
55
61
|
},
|
|
56
62
|
...imageProps,
|
|
57
63
|
ref: forwardedRef,
|
|
58
|
-
src,
|
|
64
|
+
src: resolvedSrc,
|
|
59
65
|
onError: () => {
|
|
60
66
|
setStatus("error");
|
|
61
67
|
},
|
package/dist/cjs/Avatar.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Avatar.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAoD,0BAEpD,wBAAmC,oCACnC,iBAAqC,6BAErC,eAAsB,2BACtB,gBAAqC,4BACrC,gBAAuB,4BACvB,QAAuB,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -48,8 +48,13 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
48
48
|
import_image = require("@tamagui/image"),
|
|
49
49
|
import_shapes = require("@tamagui/shapes"),
|
|
50
50
|
import_stacks = require("@tamagui/stacks"),
|
|
51
|
-
React = __toESM(require("react"), 1)
|
|
52
|
-
|
|
51
|
+
React = __toESM(require("react"), 1);
|
|
52
|
+
function _type_of(obj) {
|
|
53
|
+
"@swc/helpers - typeof";
|
|
54
|
+
|
|
55
|
+
return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
|
|
56
|
+
}
|
|
57
|
+
var AVATAR_NAME = "Avatar",
|
|
53
58
|
[createAvatarContext, createAvatarScope] = (0, import_create_context.createContextScope)(AVATAR_NAME),
|
|
54
59
|
[AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME),
|
|
55
60
|
IMAGE_NAME = "AvatarImage",
|
|
@@ -58,6 +63,7 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
58
63
|
{
|
|
59
64
|
__scopeAvatar,
|
|
60
65
|
src,
|
|
66
|
+
source,
|
|
61
67
|
onLoadingStatusChange = function () {},
|
|
62
68
|
...imageProps
|
|
63
69
|
} = props,
|
|
@@ -67,12 +73,13 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
67
73
|
// @ts-expect-error
|
|
68
74
|
{
|
|
69
75
|
tokens: (0, import_core.getTokens)()
|
|
70
|
-
})) === null || _getShapeSize === void 0 ? void 0 : _getShapeSize.width)
|
|
76
|
+
})) === null || _getShapeSize === void 0 ? void 0 : _getShapeSize.width),
|
|
77
|
+
resolvedSrc = src || (source && (typeof source > "u" ? "undefined" : _type_of(source)) === "object" && "uri" in source ? source.uri : source);
|
|
71
78
|
return React.useEffect(function () {
|
|
72
|
-
setStatus(
|
|
73
|
-
}, [
|
|
79
|
+
setStatus(resolvedSrc ? "idle" : "error");
|
|
80
|
+
}, [resolvedSrc]), React.useEffect(function () {
|
|
74
81
|
onLoadingStatusChange(status), context.onImageLoadingStatusChange(status);
|
|
75
|
-
}, [status]),
|
|
82
|
+
}, [status]), resolvedSrc ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.YStack, {
|
|
76
83
|
fullscreen: !0,
|
|
77
84
|
zIndex: 1,
|
|
78
85
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_image.Image, {
|
|
@@ -85,7 +92,7 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
85
92
|
// @ts-ignore
|
|
86
93
|
ref: forwardedRef,
|
|
87
94
|
// @ts-ignore
|
|
88
|
-
src,
|
|
95
|
+
src: resolvedSrc,
|
|
89
96
|
// onLoadStart={() => {
|
|
90
97
|
// // setStatus('loading')
|
|
91
98
|
// }}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Avatar_exports","__export","Avatar","AvatarFallback","AvatarFallbackFrame","AvatarFrame","AvatarImage","createAvatarScope","module","exports","import_jsx_runtime","require","import_core","import_create_context","import_helpers","import_image","import_shapes","import_stacks","React","__toESM","AVATAR_NAME","createAvatarContext","createContextScope","AvatarProvider","useAvatarContext","IMAGE_NAME","forwardRef","props","forwardedRef","_getShapeSize","__scopeAvatar","src","onLoadingStatusChange","imageProps","context","status","setStatus","useState","shapeSize","getVariableValue","getShapeSize","size","tokens","getTokens","width","
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Avatar_exports","__export","Avatar","AvatarFallback","AvatarFallbackFrame","AvatarFrame","AvatarImage","createAvatarScope","module","exports","import_jsx_runtime","require","import_core","import_create_context","import_helpers","import_image","import_shapes","import_stacks","React","__toESM","_type_of","obj","Symbol","constructor","AVATAR_NAME","createAvatarContext","createContextScope","AvatarProvider","useAvatarContext","IMAGE_NAME","forwardRef","props","forwardedRef","_getShapeSize","__scopeAvatar","src","source","onLoadingStatusChange","imageProps","context","status","setStatus","useState","shapeSize","getVariableValue","getShapeSize","size","tokens","getTokens","width","resolvedSrc","uri","useEffect","onImageLoadingStatusChange","jsx","YStack","fullscreen","zIndex","children","Image","Number","isNaN","height","ref","onError","onLoad","displayName","FALLBACK_NAME","styled","name","position","extractable","delayMs","fallbackProps","canRender","setCanRender","timerId","setTimeout","clearTimeout","imageLoadingStatus","Square","overflow","withStaticProperties","avatarProps","setImageLoadingStatus","scope"],"sources":["../../src/Avatar.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,cAAA;AAAAC,QAAA,CAAAD,cAAA;EAAAE,MAAA,EAAAA,CAAA,KAAAA,MAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,mBAAA,EAAAA,CAAA,KAAAA,mBAAA;EAAAC,WAAA,EAAAA,CAAA,KAAAA,WAAA;EAAAC,WAAA,EAAAA,CAAA,KAAAA,WAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA;AAAA;AAGAC,MAAA,CAAAC,OAAA,GAAAd,YAAoD,CAAAK,cAEpD;AAQA,IAAAU,kBAAoB,GAAAC,OAGb,oBAAqB;EAAAC,WAAA,GAAiBD,OAAA,CAAI;EAAAE,qBAAA,GAAmBF,OAAA,0BAU7C;EAAAG,cAAgB,GACrCH,OAAA,mBAAwC;EAAWI,YAM/C,GAAAJ,OAAa,iBAMb;EAAAK,aAAoB,GAAAL,OAAA;EAAAM,aAAA,GAAAN,OAAA;EAAAO,KAAA,GAAAC,OAAA,CAAAR,OAAA;AAAA,SACvBS,QAAsCA,CAAAC,GAAA;EACrC,uBAAM;;EAAA,OACJA,GAAA,WAAAC,MAAA,UAAAD,GAAA,CAAAE,WAAA,KAAAD,MAAA,qBAAAD,GAAA;AAAA;AACA,IAAAG,WACA;EAAA,CAAAC,mBAAA,EAAAlB,iBAAA,QAAAM,qBAAA,CAAAa,kBAAA,EAAAF,WAAA;EAAA,CAAAG,cAAA,EAAAC,gBAAA,IAAAH,mBAAA,CAAAD,WAAA;EAAAK,UAAA;EAAAvB,WAAA,kBAAAY,KAAA,CAAAY,UAAA,WAAAC,KAAA,EAAAC,YAAA;IAAA,IACAC,aAAA;MAAA;QAAAC,aAA8B;QAAAC,GAAA;QAAAC,MAAA;QAAAC,qBAAA,YAAAA,CAAA;QAAA,GAACC;MAAA,IAAAP,KAAA;MAAAQ,OAAA,GAAAX,gBAAA,CAAAC,UAAA,EAAAK,aAAA;MAAA,CAAAM,MAAA,EAAAC,SAAA,IAAAvB,KAAA,CAAAwB,QAAA;MAAAC,SAAA,OAAA/B,WAAA,CAAAgC,gBAAA,GAAAX,aAAA,OAAAjB,aAAA,CAAA6B,YAAA,EAAAN,OAC5B,CAAAO,IAAA;MACL;MAGkB;QAChBC,MACE,IAAQ,EAAAnC,WAAA,CAAAoC,SAAA;MAAA,QAER,IAAE,IAAAf,aAAQ,mBAAY,IAAAA,aAAA,CAAAgB,KAAA;MAAAC,WAAA,GAAAf,GAAA,KAAAC,MAAA,YAAAA,MAAA,uBAAAhB,QAAA,CAAAgB,MAAA,4BAAAA,MAAA,GAAAA,MAAA,CAAAe,GAAA,GAAAf,MAAA;IAAA,OACrBlB,KAAA,CAAAkC,SAAA;MACLX,SAGM,CAAAS,WACJ,SACC,UAAU;IAiBb,IAbEA,WAGE,CAAgB,CAEpB,EAAAhC,KAAI,CAAAkC,SAAY,aAEV;MACJf,qBAAA,CAAAG,MAAsB,GAAMD,OAC5B,CAAAc,0BAAQ,CAAAb,MAA2B;IAAM,GAC3C,CASIA,MAAC,IAAAU,WAAA,sBAAAxC,kBAAA,CAAA4C,GAAA,EAAArC,aAAA,CAAAsC,MAAA;MAAAC,UACC;MAAUC,MACT,EAAI;MACyBC,QAC1B,iBAAO,IAAAhD,kBAAA,CAAA4C,GAAA,EAAAvC,YAAA,CAAA4C,KAAA;QAAAH,UACP,EAAQ;QAAA,IACV,OAAAb,SAAA,iBAAAiB,MAAA,CAAAC,KAAA,CAAAlB,SAAA;UACDM,KAAG,EAAAN,SAAA;UAEJmB,MAAK,EAAAnB;QAAA;QAEA,GAILL,UAAS;QACP;QAAiByB,GACnB,EAAA/B,YAAA;QAAA;QAEEG,GAAA,EAAAe,WAAU;QAAQ;QACpB;QACF;QAGNc,OAAA,WAAAA,CAAA;UACFvB,SAAA;QAEA;QAMMwB,MAAA,WAAAA,CAAA,EAAgB;UAGdxB,SAAA;QACN;MACA;IACA,SAAQ;EACV,CAAC;AAM0CnC,WACnC,CAAA4D,WAAA,GAAArC,UAAA;AAAA,IACJsC,aAA0C,mBAAiB;EAAA/D,mBAAA,OAAAQ,WAAA,CAAAwD,MAAA,EAAAnD,aAAA,CAAAsC,MAAA;IACzDc,IAAA,EAAAF,aAAQ;IAIRG,QAAA,YAAM;IACJd,UAAI;IACFC,MAAA;EACA;EAAAtD,cAAO,GAAAC,mBAAmB,CAAAmE,WAAO,gBAAArD,KAAA,CAAAY,UAAA,WAAAC,KAAA,EAAAC,YAAA;IAAA;QACnCE,aAAA;QAAAsC,OAAA;QAAA,GAAAC;MAAA,IAAA1C,KAAA;MAAAQ,OAAA,GAAAX,gBAAA,CAAAuC,aAAA,EAAAjC,aAAA;MAAA,CAAAwC,SAAA,EAAAC,YAAA,IAAAzD,KAAA,CAAAwB,QAAA,CAAA8B,OAAA;IAAA,OACCtD,KAAC,CAAAkC,SAEG,aAAa;MAGtB,IAAAoB,OAAA;QACF,IAAAI,OAAA,GAAAC,UAAA;UACF,OAAAF,YAAA;QAEA,GAAAH,OAAe;QAMF,mBAAc;UACnB,OAAAM,YAAA,CAAAF,OAAA;QACN;MACA;IACD,GAmBK,CACJJ,OAAM,EACJ,EAACE,SAAiC,IAAAnC,OAAA,CAAAwC,kBAAiB,mCAAArE,kBAAA,CAAA4C,GAAA,EAAAlD,mBAAA;MACjD,GAAAqE,aAAQ;MAGRV,GAAA,EAAA/B;IACE,SAAC;EAAA;AAAA7B,cACC,CAAA+D,WAAA,GAAAC,aAAA;AAAA,IAAA9D,WACA,GAAO,IAAAO,WAAA,CAAAwD,MAAA,EAAApD,aAAA,CAAAgE,MAAA;IAAAX,IAAA,EAAA7C,WACP;IAAA8C,QACA;IAA4BW,QAE5B;EAA6D;EAAA/E,MAAA,OAAAY,cAAA,CAAAoE,oBAAA,iBAAAhE,KAAA,CAAAY,UAAA,WAAAC,KAAA,EAAAC,YAAA;IAAA,IAC/D;QAAAE,aAAA;QAAAY,IAAA;QAAA,GAAAqC;MAAA,IAAApD,KAAA;MAAA,CAAAgD,kBAAA,EAAAK,qBAAA,IAAAlE,KAAA,CAAAwB,QAAA;IAAA,OAEJ,mBAAAhC,kBAAA,CAAA4C,GAAA,EAAA3B,cAAA;MACFmB,IAAA;MACAuC,KAAA,EAAAnD,aAAA;MACE6C,kBAAO;MACP1B,0BAAU,EAAA+B,qBAAA;MACZ1B,QAAA,qBAAAhD,kBAAA,CAAA4C,GAAA,EAAAjD,WAAA;QACFyC,IAAA;QAEA,GAAOqC,WAAA","ignoreList":[]}
|
package/dist/esm/Avatar.js
CHANGED
|
@@ -8,19 +8,25 @@ import * as React from "react";
|
|
|
8
8
|
import { jsx } from "react/jsx-runtime";
|
|
9
9
|
const AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = createContextScope(AVATAR_NAME), [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME), IMAGE_NAME = "AvatarImage", AvatarImage = React.forwardRef(
|
|
10
10
|
(props, forwardedRef) => {
|
|
11
|
-
const {
|
|
12
|
-
|
|
11
|
+
const {
|
|
12
|
+
__scopeAvatar,
|
|
13
|
+
src,
|
|
14
|
+
source,
|
|
15
|
+
onLoadingStatusChange = () => {
|
|
16
|
+
},
|
|
17
|
+
...imageProps
|
|
18
|
+
} = props, context = useAvatarContext(IMAGE_NAME, __scopeAvatar), [status, setStatus] = React.useState("idle"), shapeSize = getVariableValue(
|
|
13
19
|
getShapeSize(
|
|
14
20
|
context.size,
|
|
15
21
|
// @ts-expect-error
|
|
16
22
|
{ tokens: getTokens() }
|
|
17
23
|
)?.width
|
|
18
|
-
);
|
|
24
|
+
), resolvedSrc = src || (source && typeof source == "object" && "uri" in source ? source.uri : source);
|
|
19
25
|
return React.useEffect(() => {
|
|
20
|
-
setStatus(
|
|
21
|
-
}, [
|
|
26
|
+
setStatus(resolvedSrc ? "idle" : "error");
|
|
27
|
+
}, [resolvedSrc]), React.useEffect(() => {
|
|
22
28
|
onLoadingStatusChange(status), context.onImageLoadingStatusChange(status);
|
|
23
|
-
}, [status]),
|
|
29
|
+
}, [status]), resolvedSrc ? /* @__PURE__ */ jsx(YStack, { fullscreen: !0, zIndex: 1, children: /* @__PURE__ */ jsx(
|
|
24
30
|
Image,
|
|
25
31
|
{
|
|
26
32
|
fullscreen: !0,
|
|
@@ -30,7 +36,7 @@ const AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = createC
|
|
|
30
36
|
},
|
|
31
37
|
...imageProps,
|
|
32
38
|
ref: forwardedRef,
|
|
33
|
-
src,
|
|
39
|
+
src: resolvedSrc,
|
|
34
40
|
onError: () => {
|
|
35
41
|
setStatus("error");
|
|
36
42
|
},
|
package/dist/esm/Avatar.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Avatar.tsx"],
|
|
4
|
-
"mappings": "AAGA,SAAS,WAAW,kBAAkB,cAAc;AAEpD,SAAS,0BAA0B;AACnC,SAAS,4BAA4B;AAErC,SAAS,aAAa;AACtB,SAAS,QAAQ,oBAAoB;AACrC,SAAS,cAAc;AACvB,YAAY,WAAW;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/Avatar.mjs
CHANGED
|
@@ -14,6 +14,7 @@ const AVATAR_NAME = "Avatar",
|
|
|
14
14
|
const {
|
|
15
15
|
__scopeAvatar,
|
|
16
16
|
src,
|
|
17
|
+
source,
|
|
17
18
|
onLoadingStatusChange = () => {},
|
|
18
19
|
...imageProps
|
|
19
20
|
} = props,
|
|
@@ -23,12 +24,13 @@ const AVATAR_NAME = "Avatar",
|
|
|
23
24
|
// @ts-expect-error
|
|
24
25
|
{
|
|
25
26
|
tokens: getTokens()
|
|
26
|
-
})?.width)
|
|
27
|
+
})?.width),
|
|
28
|
+
resolvedSrc = src || (source && typeof source == "object" && "uri" in source ? source.uri : source);
|
|
27
29
|
return React.useEffect(() => {
|
|
28
|
-
setStatus(
|
|
29
|
-
}, [
|
|
30
|
+
setStatus(resolvedSrc ? "idle" : "error");
|
|
31
|
+
}, [resolvedSrc]), React.useEffect(() => {
|
|
30
32
|
onLoadingStatusChange(status), context.onImageLoadingStatusChange(status);
|
|
31
|
-
}, [status]),
|
|
33
|
+
}, [status]), resolvedSrc ? /* @__PURE__ */jsx(YStack, {
|
|
32
34
|
fullscreen: !0,
|
|
33
35
|
zIndex: 1,
|
|
34
36
|
children: /* @__PURE__ */jsx(Image, {
|
|
@@ -39,7 +41,7 @@ const AVATAR_NAME = "Avatar",
|
|
|
39
41
|
}),
|
|
40
42
|
...imageProps,
|
|
41
43
|
ref: forwardedRef,
|
|
42
|
-
src,
|
|
44
|
+
src: resolvedSrc,
|
|
43
45
|
onError: () => {
|
|
44
46
|
setStatus("error");
|
|
45
47
|
},
|
package/dist/esm/Avatar.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getTokens","getVariableValue","styled","createContextScope","withStaticProperties","Image","Square","getShapeSize","YStack","React","jsx","AVATAR_NAME","createAvatarContext","createAvatarScope","AvatarProvider","useAvatarContext","IMAGE_NAME","AvatarImage","forwardRef","props","forwardedRef","__scopeAvatar","src","onLoadingStatusChange","imageProps","context","status","setStatus","useState","shapeSize","size","tokens","width","
|
|
1
|
+
{"version":3,"names":["getTokens","getVariableValue","styled","createContextScope","withStaticProperties","Image","Square","getShapeSize","YStack","React","jsx","AVATAR_NAME","createAvatarContext","createAvatarScope","AvatarProvider","useAvatarContext","IMAGE_NAME","AvatarImage","forwardRef","props","forwardedRef","__scopeAvatar","src","source","onLoadingStatusChange","imageProps","context","status","setStatus","useState","shapeSize","size","tokens","width","resolvedSrc","uri","useEffect","onImageLoadingStatusChange","fullscreen","zIndex","children","Number","isNaN","height","ref","onError","onLoad","displayName","FALLBACK_NAME","AvatarFallbackFrame","name","position","AvatarFallback","extractable","delayMs","fallbackProps","canRender","setCanRender","timerId","setTimeout","clearTimeout","imageLoadingStatus","AvatarFrame","overflow","Avatar","avatarProps","setImageLoadingStatus","scope","Fallback"],"sources":["../../src/Avatar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -6,6 +6,11 @@ import { Image } from "@tamagui/image";
|
|
|
6
6
|
import { Square, getShapeSize } from "@tamagui/shapes";
|
|
7
7
|
import { YStack } from "@tamagui/stacks";
|
|
8
8
|
import * as React from "react";
|
|
9
|
+
function _type_of(obj) {
|
|
10
|
+
"@swc/helpers - typeof";
|
|
11
|
+
|
|
12
|
+
return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
|
|
13
|
+
}
|
|
9
14
|
var AVATAR_NAME = "Avatar",
|
|
10
15
|
[createAvatarContext, createAvatarScope] = createContextScope(AVATAR_NAME),
|
|
11
16
|
[AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME),
|
|
@@ -15,6 +20,7 @@ var AVATAR_NAME = "Avatar",
|
|
|
15
20
|
{
|
|
16
21
|
__scopeAvatar,
|
|
17
22
|
src,
|
|
23
|
+
source,
|
|
18
24
|
onLoadingStatusChange = function () {},
|
|
19
25
|
...imageProps
|
|
20
26
|
} = props,
|
|
@@ -24,12 +30,13 @@ var AVATAR_NAME = "Avatar",
|
|
|
24
30
|
// @ts-expect-error
|
|
25
31
|
{
|
|
26
32
|
tokens: getTokens()
|
|
27
|
-
})) === null || _getShapeSize === void 0 ? void 0 : _getShapeSize.width)
|
|
33
|
+
})) === null || _getShapeSize === void 0 ? void 0 : _getShapeSize.width),
|
|
34
|
+
resolvedSrc = src || (source && (typeof source > "u" ? "undefined" : _type_of(source)) === "object" && "uri" in source ? source.uri : source);
|
|
28
35
|
return React.useEffect(function () {
|
|
29
|
-
setStatus(
|
|
30
|
-
}, [
|
|
36
|
+
setStatus(resolvedSrc ? "idle" : "error");
|
|
37
|
+
}, [resolvedSrc]), React.useEffect(function () {
|
|
31
38
|
onLoadingStatusChange(status), context.onImageLoadingStatusChange(status);
|
|
32
|
-
}, [status]),
|
|
39
|
+
}, [status]), resolvedSrc ? /* @__PURE__ */_jsx(YStack, {
|
|
33
40
|
fullscreen: !0,
|
|
34
41
|
zIndex: 1,
|
|
35
42
|
children: /* @__PURE__ */_jsx(Image, {
|
|
@@ -42,7 +49,7 @@ var AVATAR_NAME = "Avatar",
|
|
|
42
49
|
// @ts-ignore
|
|
43
50
|
ref: forwardedRef,
|
|
44
51
|
// @ts-ignore
|
|
45
|
-
src,
|
|
52
|
+
src: resolvedSrc,
|
|
46
53
|
// onLoadStart={() => {
|
|
47
54
|
// // setStatus('loading')
|
|
48
55
|
// }}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","getTokens","getVariableValue","styled","createContextScope","withStaticProperties","Image","Square","getShapeSize","YStack","React","AVATAR_NAME","createAvatarContext","createAvatarScope","AvatarProvider","useAvatarContext","IMAGE_NAME","AvatarImage","forwardRef","props","forwardedRef","_getShapeSize","__scopeAvatar","src","onLoadingStatusChange","imageProps","context","status","setStatus","useState","shapeSize","size","tokens","width","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","getTokens","getVariableValue","styled","createContextScope","withStaticProperties","Image","Square","getShapeSize","YStack","React","_type_of","obj","Symbol","constructor","AVATAR_NAME","createAvatarContext","createAvatarScope","AvatarProvider","useAvatarContext","IMAGE_NAME","AvatarImage","forwardRef","props","forwardedRef","_getShapeSize","__scopeAvatar","src","source","onLoadingStatusChange","imageProps","context","status","setStatus","useState","shapeSize","size","tokens","width","resolvedSrc","uri","useEffect","onImageLoadingStatusChange","fullscreen","zIndex","children","Number","isNaN","height","ref","onError","onLoad","displayName","FALLBACK_NAME","AvatarFallbackFrame","name","position","AvatarFallback","extractable","delayMs","fallbackProps","canRender","setCanRender","timerId","setTimeout","clearTimeout","imageLoadingStatus","AvatarFrame","overflow","Avatar","avatarProps","setImageLoadingStatus","scope"],"sources":["../../src/Avatar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/jsx/Avatar.js
CHANGED
|
@@ -8,19 +8,25 @@ import * as React from "react";
|
|
|
8
8
|
import { jsx } from "react/jsx-runtime";
|
|
9
9
|
const AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = createContextScope(AVATAR_NAME), [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME), IMAGE_NAME = "AvatarImage", AvatarImage = React.forwardRef(
|
|
10
10
|
(props, forwardedRef) => {
|
|
11
|
-
const {
|
|
12
|
-
|
|
11
|
+
const {
|
|
12
|
+
__scopeAvatar,
|
|
13
|
+
src,
|
|
14
|
+
source,
|
|
15
|
+
onLoadingStatusChange = () => {
|
|
16
|
+
},
|
|
17
|
+
...imageProps
|
|
18
|
+
} = props, context = useAvatarContext(IMAGE_NAME, __scopeAvatar), [status, setStatus] = React.useState("idle"), shapeSize = getVariableValue(
|
|
13
19
|
getShapeSize(
|
|
14
20
|
context.size,
|
|
15
21
|
// @ts-expect-error
|
|
16
22
|
{ tokens: getTokens() }
|
|
17
23
|
)?.width
|
|
18
|
-
);
|
|
24
|
+
), resolvedSrc = src || (source && typeof source == "object" && "uri" in source ? source.uri : source);
|
|
19
25
|
return React.useEffect(() => {
|
|
20
|
-
setStatus(
|
|
21
|
-
}, [
|
|
26
|
+
setStatus(resolvedSrc ? "idle" : "error");
|
|
27
|
+
}, [resolvedSrc]), React.useEffect(() => {
|
|
22
28
|
onLoadingStatusChange(status), context.onImageLoadingStatusChange(status);
|
|
23
|
-
}, [status]),
|
|
29
|
+
}, [status]), resolvedSrc ? /* @__PURE__ */ jsx(YStack, { fullscreen: !0, zIndex: 1, children: /* @__PURE__ */ jsx(
|
|
24
30
|
Image,
|
|
25
31
|
{
|
|
26
32
|
fullscreen: !0,
|
|
@@ -30,7 +36,7 @@ const AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = createC
|
|
|
30
36
|
},
|
|
31
37
|
...imageProps,
|
|
32
38
|
ref: forwardedRef,
|
|
33
|
-
src,
|
|
39
|
+
src: resolvedSrc,
|
|
34
40
|
onError: () => {
|
|
35
41
|
setStatus("error");
|
|
36
42
|
},
|
package/dist/jsx/Avatar.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Avatar.tsx"],
|
|
4
|
-
"mappings": "AAGA,SAAS,WAAW,kBAAkB,cAAc;AAEpD,SAAS,0BAA0B;AACnC,SAAS,4BAA4B;AAErC,SAAS,aAAa;AACtB,SAAS,QAAQ,oBAAoB;AACrC,SAAS,cAAc;AACvB,YAAY,WAAW;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/Avatar.mjs
CHANGED
|
@@ -14,6 +14,7 @@ const AVATAR_NAME = "Avatar",
|
|
|
14
14
|
const {
|
|
15
15
|
__scopeAvatar,
|
|
16
16
|
src,
|
|
17
|
+
source,
|
|
17
18
|
onLoadingStatusChange = () => {},
|
|
18
19
|
...imageProps
|
|
19
20
|
} = props,
|
|
@@ -23,12 +24,13 @@ const AVATAR_NAME = "Avatar",
|
|
|
23
24
|
// @ts-expect-error
|
|
24
25
|
{
|
|
25
26
|
tokens: getTokens()
|
|
26
|
-
})?.width)
|
|
27
|
+
})?.width),
|
|
28
|
+
resolvedSrc = src || (source && typeof source == "object" && "uri" in source ? source.uri : source);
|
|
27
29
|
return React.useEffect(() => {
|
|
28
|
-
setStatus(
|
|
29
|
-
}, [
|
|
30
|
+
setStatus(resolvedSrc ? "idle" : "error");
|
|
31
|
+
}, [resolvedSrc]), React.useEffect(() => {
|
|
30
32
|
onLoadingStatusChange(status), context.onImageLoadingStatusChange(status);
|
|
31
|
-
}, [status]),
|
|
33
|
+
}, [status]), resolvedSrc ? /* @__PURE__ */jsx(YStack, {
|
|
32
34
|
fullscreen: !0,
|
|
33
35
|
zIndex: 1,
|
|
34
36
|
children: /* @__PURE__ */jsx(Image, {
|
|
@@ -39,7 +41,7 @@ const AVATAR_NAME = "Avatar",
|
|
|
39
41
|
}),
|
|
40
42
|
...imageProps,
|
|
41
43
|
ref: forwardedRef,
|
|
42
|
-
src,
|
|
44
|
+
src: resolvedSrc,
|
|
43
45
|
onError: () => {
|
|
44
46
|
setStatus("error");
|
|
45
47
|
},
|
package/dist/jsx/Avatar.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getTokens","getVariableValue","styled","createContextScope","withStaticProperties","Image","Square","getShapeSize","YStack","React","jsx","AVATAR_NAME","createAvatarContext","createAvatarScope","AvatarProvider","useAvatarContext","IMAGE_NAME","AvatarImage","forwardRef","props","forwardedRef","__scopeAvatar","src","onLoadingStatusChange","imageProps","context","status","setStatus","useState","shapeSize","size","tokens","width","
|
|
1
|
+
{"version":3,"names":["getTokens","getVariableValue","styled","createContextScope","withStaticProperties","Image","Square","getShapeSize","YStack","React","jsx","AVATAR_NAME","createAvatarContext","createAvatarScope","AvatarProvider","useAvatarContext","IMAGE_NAME","AvatarImage","forwardRef","props","forwardedRef","__scopeAvatar","src","source","onLoadingStatusChange","imageProps","context","status","setStatus","useState","shapeSize","size","tokens","width","resolvedSrc","uri","useEffect","onImageLoadingStatusChange","fullscreen","zIndex","children","Number","isNaN","height","ref","onError","onLoad","displayName","FALLBACK_NAME","AvatarFallbackFrame","name","position","AvatarFallback","extractable","delayMs","fallbackProps","canRender","setCanRender","timerId","setTimeout","clearTimeout","imageLoadingStatus","AvatarFrame","overflow","Avatar","avatarProps","setImageLoadingStatus","scope","Fallback"],"sources":["../../src/Avatar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -48,8 +48,13 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
48
48
|
import_image = require("@tamagui/image"),
|
|
49
49
|
import_shapes = require("@tamagui/shapes"),
|
|
50
50
|
import_stacks = require("@tamagui/stacks"),
|
|
51
|
-
React = __toESM(require("react"), 1)
|
|
52
|
-
|
|
51
|
+
React = __toESM(require("react"), 1);
|
|
52
|
+
function _type_of(obj) {
|
|
53
|
+
"@swc/helpers - typeof";
|
|
54
|
+
|
|
55
|
+
return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
|
|
56
|
+
}
|
|
57
|
+
var AVATAR_NAME = "Avatar",
|
|
53
58
|
[createAvatarContext, createAvatarScope] = (0, import_create_context.createContextScope)(AVATAR_NAME),
|
|
54
59
|
[AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME),
|
|
55
60
|
IMAGE_NAME = "AvatarImage",
|
|
@@ -58,6 +63,7 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
58
63
|
{
|
|
59
64
|
__scopeAvatar,
|
|
60
65
|
src,
|
|
66
|
+
source,
|
|
61
67
|
onLoadingStatusChange = function () {},
|
|
62
68
|
...imageProps
|
|
63
69
|
} = props,
|
|
@@ -67,12 +73,13 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
67
73
|
// @ts-expect-error
|
|
68
74
|
{
|
|
69
75
|
tokens: (0, import_core.getTokens)()
|
|
70
|
-
})) === null || _getShapeSize === void 0 ? void 0 : _getShapeSize.width)
|
|
76
|
+
})) === null || _getShapeSize === void 0 ? void 0 : _getShapeSize.width),
|
|
77
|
+
resolvedSrc = src || (source && (typeof source > "u" ? "undefined" : _type_of(source)) === "object" && "uri" in source ? source.uri : source);
|
|
71
78
|
return React.useEffect(function () {
|
|
72
|
-
setStatus(
|
|
73
|
-
}, [
|
|
79
|
+
setStatus(resolvedSrc ? "idle" : "error");
|
|
80
|
+
}, [resolvedSrc]), React.useEffect(function () {
|
|
74
81
|
onLoadingStatusChange(status), context.onImageLoadingStatusChange(status);
|
|
75
|
-
}, [status]),
|
|
82
|
+
}, [status]), resolvedSrc ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.YStack, {
|
|
76
83
|
fullscreen: !0,
|
|
77
84
|
zIndex: 1,
|
|
78
85
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_image.Image, {
|
|
@@ -85,7 +92,7 @@ var import_jsx_runtime = require("react/jsx-runtime"),
|
|
|
85
92
|
// @ts-ignore
|
|
86
93
|
ref: forwardedRef,
|
|
87
94
|
// @ts-ignore
|
|
88
|
-
src,
|
|
95
|
+
src: resolvedSrc,
|
|
89
96
|
// onLoadStart={() => {
|
|
90
97
|
// // setStatus('loading')
|
|
91
98
|
// }}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","Avatar_exports","Avatar","AvatarFallback","AvatarFallbackFrame","AvatarFrame","AvatarImage","createAvatarScope","module","exports","import_jsx_runtime","require","import_core","import_create_context","import_helpers","import_image","import_shapes","import_stacks","React","AVATAR_NAME","createAvatarContext","createContextScope","AvatarProvider","useAvatarContext","IMAGE_NAME","forwardRef","props","forwardedRef","_getShapeSize","__scopeAvatar","src","onLoadingStatusChange","imageProps","context","status","setStatus","useState","shapeSize","getVariableValue","getShapeSize","size","tokens","getTokens","width","
|
|
1
|
+
{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","Avatar_exports","Avatar","AvatarFallback","AvatarFallbackFrame","AvatarFrame","AvatarImage","createAvatarScope","module","exports","import_jsx_runtime","require","import_core","import_create_context","import_helpers","import_image","import_shapes","import_stacks","React","_type_of","obj","Symbol","constructor","AVATAR_NAME","createAvatarContext","createContextScope","AvatarProvider","useAvatarContext","IMAGE_NAME","forwardRef","props","forwardedRef","_getShapeSize","__scopeAvatar","src","source","onLoadingStatusChange","imageProps","context","status","setStatus","useState","shapeSize","getVariableValue","getShapeSize","size","tokens","getTokens","width","resolvedSrc","uri","useEffect","onImageLoadingStatusChange","jsx","YStack","fullscreen","zIndex","children","Image","Number","isNaN","height","ref","onError","onLoad","displayName","FALLBACK_NAME","styled","position","extractable","delayMs","fallbackProps","canRender","setCanRender","timerId","setTimeout"],"sources":["../../src/Avatar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/avatar",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.141.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"sideEffects": [
|
|
6
6
|
"*.css"
|
|
@@ -37,16 +37,16 @@
|
|
|
37
37
|
}
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@tamagui/core": "1.
|
|
41
|
-
"@tamagui/create-context": "1.
|
|
42
|
-
"@tamagui/helpers": "1.
|
|
43
|
-
"@tamagui/image": "1.
|
|
44
|
-
"@tamagui/shapes": "1.
|
|
45
|
-
"@tamagui/stacks": "1.
|
|
46
|
-
"@tamagui/text": "1.
|
|
40
|
+
"@tamagui/core": "1.141.0",
|
|
41
|
+
"@tamagui/create-context": "1.141.0",
|
|
42
|
+
"@tamagui/helpers": "1.141.0",
|
|
43
|
+
"@tamagui/image": "1.141.0",
|
|
44
|
+
"@tamagui/shapes": "1.141.0",
|
|
45
|
+
"@tamagui/stacks": "1.141.0",
|
|
46
|
+
"@tamagui/text": "1.141.0"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
|
-
"@tamagui/build": "1.
|
|
49
|
+
"@tamagui/build": "1.141.0",
|
|
50
50
|
"react": "*",
|
|
51
51
|
"react-native": "0.81.5"
|
|
52
52
|
},
|
package/src/Avatar.tsx
CHANGED
|
@@ -39,7 +39,13 @@ type AvatarImageProps = Partial<ImageProps> & {
|
|
|
39
39
|
|
|
40
40
|
const AvatarImage = React.forwardRef<TamaguiElement, AvatarImageProps>(
|
|
41
41
|
(props: ScopedProps<AvatarImageProps>, forwardedRef) => {
|
|
42
|
-
const {
|
|
42
|
+
const {
|
|
43
|
+
__scopeAvatar,
|
|
44
|
+
src,
|
|
45
|
+
source,
|
|
46
|
+
onLoadingStatusChange = () => {},
|
|
47
|
+
...imageProps
|
|
48
|
+
} = props
|
|
43
49
|
const context = useAvatarContext(IMAGE_NAME, __scopeAvatar)
|
|
44
50
|
const [status, setStatus] = React.useState<ImageLoadingStatus>('idle')
|
|
45
51
|
const shapeSize = getVariableValue(
|
|
@@ -50,14 +56,19 @@ const AvatarImage = React.forwardRef<TamaguiElement, AvatarImageProps>(
|
|
|
50
56
|
)?.width
|
|
51
57
|
) as number
|
|
52
58
|
|
|
59
|
+
// Support both `src` (web) and `source` (RN) props
|
|
60
|
+
const resolvedSrc =
|
|
61
|
+
src ||
|
|
62
|
+
(source && typeof source === 'object' && 'uri' in source ? source.uri : source)
|
|
63
|
+
|
|
53
64
|
React.useEffect(() => {
|
|
54
65
|
// If src is falsy, immediately set error status so fallback renders
|
|
55
|
-
if (!
|
|
66
|
+
if (!resolvedSrc) {
|
|
56
67
|
setStatus('error')
|
|
57
68
|
} else {
|
|
58
69
|
setStatus('idle')
|
|
59
70
|
}
|
|
60
|
-
}, [
|
|
71
|
+
}, [resolvedSrc])
|
|
61
72
|
|
|
62
73
|
React.useEffect(() => {
|
|
63
74
|
onLoadingStatusChange(status)
|
|
@@ -65,7 +76,7 @@ const AvatarImage = React.forwardRef<TamaguiElement, AvatarImageProps>(
|
|
|
65
76
|
}, [status])
|
|
66
77
|
|
|
67
78
|
// Don't render Image if src is falsy to avoid Android warning
|
|
68
|
-
if (!
|
|
79
|
+
if (!resolvedSrc) {
|
|
69
80
|
return null
|
|
70
81
|
}
|
|
71
82
|
|
|
@@ -82,7 +93,7 @@ const AvatarImage = React.forwardRef<TamaguiElement, AvatarImageProps>(
|
|
|
82
93
|
// @ts-ignore
|
|
83
94
|
ref={forwardedRef}
|
|
84
95
|
// @ts-ignore
|
|
85
|
-
src={
|
|
96
|
+
src={resolvedSrc}
|
|
86
97
|
// onLoadStart={() => {
|
|
87
98
|
// // setStatus('loading')
|
|
88
99
|
// }}
|
package/types/Avatar.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../src/Avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAKzE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAIhD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,QAAA,MAA4B,iBAAiB,+CAAmC,CAAA;AAEhF,KAAK,kBAAkB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAiBjE,KAAK,gBAAgB,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG;IAC5C,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAA;CAC7D,CAAA;AAED,QAAA,MAAM,WAAW;4BAHS,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI;
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../src/Avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAKzE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAIhD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,QAAA,MAA4B,iBAAiB,+CAAmC,CAAA;AAEhF,KAAK,kBAAkB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAA;AAiBjE,KAAK,gBAAgB,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG;IAC5C,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAA;CAC7D,CAAA;AAED,QAAA,MAAM,WAAW;4BAHS,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI;wCAyE7D,CAAA;AAUD,eAAO,MAAM,mBAAmB;;;;;;;;;8CAK9B,CAAA;AAEF,KAAK,mBAAmB,GAAG,QAAQ,CAAC,OAAO,mBAAmB,CAAC,GAAG;IAChE,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAHR,MAAM;wCAsBjB,CAAA;AAQD,eAAO,MAAM,WAAW;;;WAtJrB,CAAC;cAAwB,CAAC;YAC3B,CAAC;aAAuB,CAAC;;;;;;;;;;;;;;;;;EAyJzB,CAAA;AAEF,KAAK,WAAW,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAA;AAE/C;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,MAAM;;;WA7KT,CAAC;cAAwB,CAAC;YAC3B,CAAC;aAAuB,CAAC;;;;;;;;;;;;;;;;;;WADxB,CAAC;cAAwB,CAAC;YAC3B,CAAC;aAAuB,CAAC;;;;;;;;;;;;;;;;;;WADxB,CAAC;cAAwB,CAAC;YAC3B,CAAC;aAAuB,CAAC;;;;;;;;;;;;;;;;;gCA4BD,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBA2FlD,MAAM;;CA2EjB,CAAA;AAID,OAAO,EAAE,iBAAiB,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAA;AACjE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,CAAA"}
|