@tamagui/avatar 1.125.6 → 1.125.7
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.
|
@@ -6,102 +6,113 @@ 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
|
-
var AVATAR_NAME = "Avatar",
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
9
|
+
var AVATAR_NAME = "Avatar",
|
|
10
|
+
[createAvatarContext, createAvatarScope] = createContextScope(AVATAR_NAME),
|
|
11
|
+
[AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME),
|
|
12
|
+
IMAGE_NAME = "AvatarImage",
|
|
13
|
+
AvatarImage = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
14
|
+
var _getShapeSize,
|
|
15
|
+
{
|
|
16
|
+
__scopeAvatar,
|
|
17
|
+
src,
|
|
18
|
+
onLoadingStatusChange = function () {},
|
|
19
|
+
...imageProps
|
|
20
|
+
} = props,
|
|
21
|
+
context = useAvatarContext(IMAGE_NAME, __scopeAvatar),
|
|
22
|
+
[status, setStatus] = React.useState("idle"),
|
|
23
|
+
shapeSize = getVariableValue((_getShapeSize = getShapeSize(context.size,
|
|
24
|
+
// @ts-expect-error
|
|
25
|
+
{
|
|
26
|
+
tokens: getTokens()
|
|
27
|
+
})) === null || _getShapeSize === void 0 ? void 0 : _getShapeSize.width);
|
|
28
|
+
return React.useEffect(function () {
|
|
29
|
+
setStatus("idle");
|
|
30
|
+
}, [JSON.stringify(src)]), React.useEffect(function () {
|
|
31
|
+
onLoadingStatusChange(status), context.onImageLoadingStatusChange(status);
|
|
32
|
+
}, [status]), /* @__PURE__ */_jsx(YStack, {
|
|
30
33
|
fullscreen: !0,
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
setStatus(
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
34
|
+
zIndex: 1,
|
|
35
|
+
children: /* @__PURE__ */_jsx(Image, {
|
|
36
|
+
fullscreen: !0,
|
|
37
|
+
...(typeof shapeSize == "number" && !Number.isNaN(shapeSize) && {
|
|
38
|
+
width: shapeSize,
|
|
39
|
+
height: shapeSize
|
|
40
|
+
}),
|
|
41
|
+
...imageProps,
|
|
42
|
+
// @ts-ignore
|
|
43
|
+
ref: forwardedRef,
|
|
44
|
+
// @ts-ignore
|
|
45
|
+
src,
|
|
46
|
+
// onLoadStart={() => {
|
|
47
|
+
// // setStatus('loading')
|
|
48
|
+
// }}
|
|
49
|
+
onError: function () {
|
|
50
|
+
setStatus("error");
|
|
51
|
+
},
|
|
52
|
+
onLoad: function () {
|
|
53
|
+
setStatus("loaded");
|
|
54
|
+
}
|
|
55
|
+
})
|
|
56
|
+
});
|
|
50
57
|
});
|
|
51
|
-
});
|
|
52
58
|
AvatarImage.displayName = IMAGE_NAME;
|
|
53
|
-
var FALLBACK_NAME = "AvatarFallback",
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
}
|
|
59
|
+
var FALLBACK_NAME = "AvatarFallback",
|
|
60
|
+
AvatarFallbackFrame = styled(YStack, {
|
|
61
|
+
name: FALLBACK_NAME,
|
|
62
|
+
position: "absolute",
|
|
63
|
+
fullscreen: !0,
|
|
64
|
+
zIndex: 0
|
|
65
|
+
}),
|
|
66
|
+
AvatarFallback = AvatarFallbackFrame.extractable(/* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
67
|
+
var {
|
|
68
|
+
__scopeAvatar,
|
|
69
|
+
delayMs,
|
|
70
|
+
...fallbackProps
|
|
71
|
+
} = props,
|
|
72
|
+
context = useAvatarContext(FALLBACK_NAME, __scopeAvatar),
|
|
73
|
+
[canRender, setCanRender] = React.useState(delayMs === void 0);
|
|
74
|
+
return React.useEffect(function () {
|
|
75
|
+
if (delayMs !== void 0) {
|
|
76
|
+
var timerId = setTimeout(function () {
|
|
77
|
+
return setCanRender(!0);
|
|
78
|
+
}, delayMs);
|
|
79
|
+
return function () {
|
|
80
|
+
return clearTimeout(timerId);
|
|
81
|
+
};
|
|
82
|
+
}
|
|
83
|
+
}, [delayMs]), canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */_jsx(AvatarFallbackFrame, {
|
|
84
|
+
...fallbackProps,
|
|
85
|
+
ref: forwardedRef
|
|
86
|
+
}) : null;
|
|
87
|
+
}));
|
|
76
88
|
AvatarFallback.displayName = FALLBACK_NAME;
|
|
77
89
|
var AvatarFrame = styled(Square, {
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
}),
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
90
|
+
name: AVATAR_NAME,
|
|
91
|
+
position: "relative",
|
|
92
|
+
overflow: "hidden"
|
|
93
|
+
}),
|
|
94
|
+
Avatar = withStaticProperties(/* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
95
|
+
var {
|
|
96
|
+
__scopeAvatar,
|
|
97
|
+
size = "$true",
|
|
98
|
+
...avatarProps
|
|
99
|
+
} = props,
|
|
100
|
+
[imageLoadingStatus, setImageLoadingStatus] = React.useState("idle");
|
|
101
|
+
return /* @__PURE__ */_jsx(AvatarProvider, {
|
|
89
102
|
size,
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
103
|
+
scope: __scopeAvatar,
|
|
104
|
+
imageLoadingStatus,
|
|
105
|
+
onImageLoadingStatusChange: setImageLoadingStatus,
|
|
106
|
+
children: /* @__PURE__ */_jsx(AvatarFrame, {
|
|
107
|
+
size,
|
|
108
|
+
...avatarProps,
|
|
109
|
+
ref: forwardedRef
|
|
110
|
+
})
|
|
111
|
+
});
|
|
112
|
+
}), {
|
|
113
|
+
Image: AvatarImage,
|
|
114
|
+
Fallback: AvatarFallback
|
|
93
115
|
});
|
|
94
|
-
}), {
|
|
95
|
-
Image: AvatarImage,
|
|
96
|
-
Fallback: AvatarFallback
|
|
97
|
-
});
|
|
98
116
|
Avatar.displayName = AVATAR_NAME;
|
|
99
|
-
export {
|
|
100
|
-
|
|
101
|
-
AvatarFallback,
|
|
102
|
-
AvatarFallbackFrame,
|
|
103
|
-
AvatarFrame,
|
|
104
|
-
AvatarImage,
|
|
105
|
-
createAvatarScope
|
|
106
|
-
};
|
|
107
|
-
//# sourceMappingURL=Avatar.js.map
|
|
117
|
+
export { Avatar, AvatarFallback, AvatarFallbackFrame, AvatarFrame, AvatarImage, createAvatarScope };
|
|
118
|
+
//# sourceMappingURL=Avatar.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Users/n8/tamagui/code/ui/avatar/src/Avatar.tsx"],
|
|
4
|
-
"mappings": "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",
|
|
5
|
-
"names": ["getTokens", "getVariableValue", "styled", "createContextScope", "withStaticProperties", "Image", "Square", "getShapeSize", "YStack", "React", "AVATAR_NAME", "createAvatarContext", "createAvatarScope", "AvatarProvider", "useAvatarContext", "IMAGE_NAME", "AvatarImage", "forwardRef", "props", "forwardedRef", "__scopeAvatar", "src", "onLoadingStatusChange", "imageProps", "context", "status", "setStatus", "useState", "shapeSize", "size", "tokens", "width", "useEffect", "JSON", "stringify", "onImageLoadingStatusChange", "fullscreen", "zIndex", "Number", "isNaN", "height", "ref", "onError", "onLoad", "displayName", "FALLBACK_NAME", "AvatarFallbackFrame", "name", "position", "AvatarFallback", "extractable", "delayMs", "fallbackProps", "canRender", "setCanRender", "undefined", "timerId", "setTimeout", "clearTimeout", "imageLoadingStatus", "AvatarFrame", "overflow", "Avatar", "avatarProps", "setImageLoadingStatus", "scope", "Fallback"]
|
|
6
|
-
}
|
|
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","useEffect","JSON","stringify","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/esm/index.native.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from "./Avatar";
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
export * from "./Avatar.native.js";
|
|
2
|
+
//# sourceMappingURL=index.native.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/avatar",
|
|
3
|
-
"version": "1.125.
|
|
3
|
+
"version": "1.125.7",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -36,14 +36,14 @@
|
|
|
36
36
|
}
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@tamagui/core": "1.125.
|
|
40
|
-
"@tamagui/helpers": "1.125.
|
|
41
|
-
"@tamagui/image": "1.125.
|
|
42
|
-
"@tamagui/shapes": "1.125.
|
|
43
|
-
"@tamagui/text": "1.125.
|
|
39
|
+
"@tamagui/core": "1.125.7",
|
|
40
|
+
"@tamagui/helpers": "1.125.7",
|
|
41
|
+
"@tamagui/image": "1.125.7",
|
|
42
|
+
"@tamagui/shapes": "1.125.7",
|
|
43
|
+
"@tamagui/text": "1.125.7"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
|
-
"@tamagui/build": "1.125.
|
|
46
|
+
"@tamagui/build": "1.125.7",
|
|
47
47
|
"react": "*",
|
|
48
48
|
"react-native": "^0.76.5"
|
|
49
49
|
},
|