@tamagui/avatar 1.135.4 → 1.135.5
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 +1 -1
- package/dist/cjs/Avatar.js +1 -1
- package/dist/cjs/Avatar.js.map +1 -1
- package/dist/cjs/Avatar.native.js +131 -104
- package/dist/cjs/Avatar.native.js.map +1 -6
- package/dist/cjs/index.native.js +13 -12
- package/dist/cjs/index.native.js.map +1 -6
- package/dist/jsx/Avatar.native.js +153 -100
- package/dist/jsx/Avatar.native.js.map +1 -6
- package/dist/jsx/index.native.js +21 -2
- package/dist/jsx/index.native.js.map +1 -6
- package/package.json +10 -9
package/dist/cjs/Avatar.cjs
CHANGED
|
@@ -45,7 +45,7 @@ var import_core = require("@tamagui/core"),
|
|
|
45
45
|
import_image = require("@tamagui/image"),
|
|
46
46
|
import_shapes = require("@tamagui/shapes"),
|
|
47
47
|
import_stacks = require("@tamagui/stacks"),
|
|
48
|
-
React = __toESM(require("react")),
|
|
48
|
+
React = __toESM(require("react"), 1),
|
|
49
49
|
import_jsx_runtime = require("react/jsx-runtime");
|
|
50
50
|
const AVATAR_NAME = "Avatar",
|
|
51
51
|
[createAvatarContext, createAvatarScope] = (0, import_create_context.createContextScope)(AVATAR_NAME),
|
package/dist/cjs/Avatar.js
CHANGED
|
@@ -30,7 +30,7 @@ __export(Avatar_exports, {
|
|
|
30
30
|
createAvatarScope: () => createAvatarScope
|
|
31
31
|
});
|
|
32
32
|
module.exports = __toCommonJS(Avatar_exports);
|
|
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")), import_jsx_runtime = require("react/jsx-runtime");
|
|
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
36
|
const { __scopeAvatar, src, onLoadingStatusChange = () => {
|
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
|
}
|
|
@@ -1,26 +1,36 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
var __create = Object.create;
|
|
3
4
|
var __defProp = Object.defineProperty;
|
|
4
5
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
6
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf,
|
|
7
|
+
var __getProtoOf = Object.getPrototypeOf,
|
|
8
|
+
__hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
9
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
10
|
+
for (var name in all) __defProp(target, name, {
|
|
11
|
+
get: all[name],
|
|
12
|
+
enumerable: !0
|
|
13
|
+
});
|
|
14
|
+
},
|
|
15
|
+
__copyProps = (to, from, except, desc) => {
|
|
16
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
17
|
+
get: () => from[key],
|
|
18
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
19
|
+
});
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
16
22
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
17
23
|
// If the importer is in node compatibility mode or this is not an ESM
|
|
18
24
|
// file that has been converted to a CommonJS file using a Babel-
|
|
19
25
|
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
20
26
|
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
22
|
-
|
|
23
|
-
|
|
27
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
28
|
+
value: mod,
|
|
29
|
+
enumerable: !0
|
|
30
|
+
}) : target, mod)),
|
|
31
|
+
__toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
32
|
+
value: !0
|
|
33
|
+
}), mod);
|
|
24
34
|
var Avatar_exports = {};
|
|
25
35
|
__export(Avatar_exports, {
|
|
26
36
|
Avatar: () => Avatar,
|
|
@@ -31,103 +41,120 @@ __export(Avatar_exports, {
|
|
|
31
41
|
createAvatarScope: () => createAvatarScope
|
|
32
42
|
});
|
|
33
43
|
module.exports = __toCommonJS(Avatar_exports);
|
|
34
|
-
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
44
|
+
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
45
|
+
import_core = require("@tamagui/core"),
|
|
46
|
+
import_create_context = require("@tamagui/create-context"),
|
|
47
|
+
import_helpers = require("@tamagui/helpers"),
|
|
48
|
+
import_image = require("@tamagui/image"),
|
|
49
|
+
import_shapes = require("@tamagui/shapes"),
|
|
50
|
+
import_stacks = require("@tamagui/stacks"),
|
|
51
|
+
React = __toESM(require("react"), 1),
|
|
52
|
+
AVATAR_NAME = "Avatar",
|
|
53
|
+
[createAvatarContext, createAvatarScope] = (0, import_create_context.createContextScope)(AVATAR_NAME),
|
|
54
|
+
[AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME),
|
|
55
|
+
IMAGE_NAME = "AvatarImage",
|
|
56
|
+
AvatarImage = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
57
|
+
var _getShapeSize,
|
|
58
|
+
{
|
|
59
|
+
__scopeAvatar,
|
|
60
|
+
src,
|
|
61
|
+
onLoadingStatusChange = function () {},
|
|
62
|
+
...imageProps
|
|
63
|
+
} = props,
|
|
64
|
+
context = useAvatarContext(IMAGE_NAME, __scopeAvatar),
|
|
65
|
+
[status, setStatus] = React.useState("idle"),
|
|
66
|
+
shapeSize = (0, import_core.getVariableValue)((_getShapeSize = (0, import_shapes.getShapeSize)(context.size,
|
|
67
|
+
// @ts-expect-error
|
|
68
|
+
{
|
|
69
|
+
tokens: (0, import_core.getTokens)()
|
|
70
|
+
})) === null || _getShapeSize === void 0 ? void 0 : _getShapeSize.width);
|
|
71
|
+
return React.useEffect(function () {
|
|
72
|
+
setStatus("idle");
|
|
73
|
+
}, [JSON.stringify(src)]), React.useEffect(function () {
|
|
74
|
+
onLoadingStatusChange(status), context.onImageLoadingStatusChange(status);
|
|
75
|
+
}, [status]), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.YStack, {
|
|
55
76
|
fullscreen: !0,
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
setStatus(
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
77
|
+
zIndex: 1,
|
|
78
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_image.Image, {
|
|
79
|
+
fullscreen: !0,
|
|
80
|
+
...(typeof shapeSize == "number" && !Number.isNaN(shapeSize) && {
|
|
81
|
+
width: shapeSize,
|
|
82
|
+
height: shapeSize
|
|
83
|
+
}),
|
|
84
|
+
...imageProps,
|
|
85
|
+
// @ts-ignore
|
|
86
|
+
ref: forwardedRef,
|
|
87
|
+
// @ts-ignore
|
|
88
|
+
src,
|
|
89
|
+
// onLoadStart={() => {
|
|
90
|
+
// // setStatus('loading')
|
|
91
|
+
// }}
|
|
92
|
+
onError: function () {
|
|
93
|
+
setStatus("error");
|
|
94
|
+
},
|
|
95
|
+
onLoad: function () {
|
|
96
|
+
setStatus("loaded");
|
|
97
|
+
}
|
|
98
|
+
})
|
|
99
|
+
});
|
|
75
100
|
});
|
|
76
|
-
});
|
|
77
101
|
AvatarImage.displayName = IMAGE_NAME;
|
|
78
|
-
var FALLBACK_NAME = "AvatarFallback",
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
}
|
|
102
|
+
var FALLBACK_NAME = "AvatarFallback",
|
|
103
|
+
AvatarFallbackFrame = (0, import_core.styled)(import_stacks.YStack, {
|
|
104
|
+
name: FALLBACK_NAME,
|
|
105
|
+
position: "absolute",
|
|
106
|
+
fullscreen: !0,
|
|
107
|
+
zIndex: 0
|
|
108
|
+
}),
|
|
109
|
+
AvatarFallback = AvatarFallbackFrame.extractable(/* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
110
|
+
var {
|
|
111
|
+
__scopeAvatar,
|
|
112
|
+
delayMs,
|
|
113
|
+
...fallbackProps
|
|
114
|
+
} = props,
|
|
115
|
+
context = useAvatarContext(FALLBACK_NAME, __scopeAvatar),
|
|
116
|
+
[canRender, setCanRender] = React.useState(delayMs === void 0);
|
|
117
|
+
return React.useEffect(function () {
|
|
118
|
+
if (delayMs !== void 0) {
|
|
119
|
+
var timerId = setTimeout(function () {
|
|
120
|
+
return setCanRender(!0);
|
|
121
|
+
}, delayMs);
|
|
122
|
+
return function () {
|
|
123
|
+
return clearTimeout(timerId);
|
|
124
|
+
};
|
|
125
|
+
}
|
|
126
|
+
}, [delayMs]), canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(AvatarFallbackFrame, {
|
|
127
|
+
...fallbackProps,
|
|
128
|
+
ref: forwardedRef
|
|
129
|
+
}) : null;
|
|
130
|
+
}));
|
|
101
131
|
AvatarFallback.displayName = FALLBACK_NAME;
|
|
102
132
|
var AvatarFrame = (0, import_core.styled)(import_shapes.Square, {
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
}),
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
133
|
+
name: AVATAR_NAME,
|
|
134
|
+
position: "relative",
|
|
135
|
+
overflow: "hidden"
|
|
136
|
+
}),
|
|
137
|
+
Avatar = (0, import_helpers.withStaticProperties)(/* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
138
|
+
var {
|
|
139
|
+
__scopeAvatar,
|
|
140
|
+
size = "$true",
|
|
141
|
+
...avatarProps
|
|
142
|
+
} = props,
|
|
143
|
+
[imageLoadingStatus, setImageLoadingStatus] = React.useState("idle");
|
|
144
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(AvatarProvider, {
|
|
114
145
|
size,
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
146
|
+
scope: __scopeAvatar,
|
|
147
|
+
imageLoadingStatus,
|
|
148
|
+
onImageLoadingStatusChange: setImageLoadingStatus,
|
|
149
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(AvatarFrame, {
|
|
150
|
+
size,
|
|
151
|
+
...avatarProps,
|
|
152
|
+
ref: forwardedRef
|
|
153
|
+
})
|
|
154
|
+
});
|
|
155
|
+
}), {
|
|
156
|
+
Image: AvatarImage,
|
|
157
|
+
Fallback: AvatarFallback
|
|
118
158
|
});
|
|
119
|
-
}), {
|
|
120
|
-
Image: AvatarImage,
|
|
121
|
-
Fallback: AvatarFallback
|
|
122
|
-
});
|
|
123
159
|
Avatar.displayName = AVATAR_NAME;
|
|
124
|
-
|
|
125
|
-
0 && (module.exports = {
|
|
126
|
-
Avatar,
|
|
127
|
-
AvatarFallback,
|
|
128
|
-
AvatarFallbackFrame,
|
|
129
|
-
AvatarFrame,
|
|
130
|
-
AvatarImage,
|
|
131
|
-
createAvatarScope
|
|
132
|
-
});
|
|
133
|
-
//# sourceMappingURL=Avatar.js.map
|
|
160
|
+
//# sourceMappingURL=Avatar.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Avatar.tsx"],
|
|
4
|
-
"mappings": "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",
|
|
5
|
-
"names": ["_jsx"]
|
|
6
|
-
}
|
|
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","useEffect","JSON","stringify","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":"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","ignoreList":[]}
|
package/dist/cjs/index.native.js
CHANGED
|
@@ -1,20 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
var __defProp = Object.defineProperty;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
7
|
var __copyProps = (to, from, except, desc) => {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
9
|
+
get: () => from[key],
|
|
10
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
11
|
+
});
|
|
12
|
+
return to;
|
|
13
|
+
},
|
|
14
|
+
__reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
15
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
16
|
+
value: !0
|
|
17
|
+
}), mod);
|
|
13
18
|
var index_exports = {};
|
|
14
19
|
module.exports = __toCommonJS(index_exports);
|
|
15
|
-
__reExport(index_exports, require("./Avatar"), module.exports);
|
|
16
|
-
|
|
17
|
-
0 && (module.exports = {
|
|
18
|
-
...require("./Avatar")
|
|
19
|
-
});
|
|
20
|
-
//# sourceMappingURL=index.js.map
|
|
20
|
+
__reExport(index_exports, require("./Avatar.native.js"), module.exports);
|
|
21
|
+
//# sourceMappingURL=index.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/index.ts"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,qBAAd;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA","ignoreList":[]}
|
|
@@ -1,107 +1,160 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
var
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __create = Object.create;
|
|
4
|
+
var __defProp = Object.defineProperty;
|
|
5
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
+
var __getProtoOf = Object.getPrototypeOf,
|
|
8
|
+
__hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
+
var __export = (target, all) => {
|
|
10
|
+
for (var name in all) __defProp(target, name, {
|
|
11
|
+
get: all[name],
|
|
12
|
+
enumerable: !0
|
|
13
|
+
});
|
|
14
|
+
},
|
|
15
|
+
__copyProps = (to, from, except, desc) => {
|
|
16
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
17
|
+
get: () => from[key],
|
|
18
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
19
|
+
});
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
22
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
23
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
24
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
25
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
26
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
27
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
28
|
+
value: mod,
|
|
29
|
+
enumerable: !0
|
|
30
|
+
}) : target, mod)),
|
|
31
|
+
__toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
32
|
+
value: !0
|
|
33
|
+
}), mod);
|
|
34
|
+
var Avatar_exports = {};
|
|
35
|
+
__export(Avatar_exports, {
|
|
36
|
+
Avatar: () => Avatar,
|
|
37
|
+
AvatarFallback: () => AvatarFallback,
|
|
38
|
+
AvatarFallbackFrame: () => AvatarFallbackFrame,
|
|
39
|
+
AvatarFrame: () => AvatarFrame,
|
|
40
|
+
AvatarImage: () => AvatarImage,
|
|
41
|
+
createAvatarScope: () => createAvatarScope
|
|
42
|
+
});
|
|
43
|
+
module.exports = __toCommonJS(Avatar_exports);
|
|
44
|
+
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
45
|
+
import_core = require("@tamagui/core"),
|
|
46
|
+
import_create_context = require("@tamagui/create-context"),
|
|
47
|
+
import_helpers = require("@tamagui/helpers"),
|
|
48
|
+
import_image = require("@tamagui/image"),
|
|
49
|
+
import_shapes = require("@tamagui/shapes"),
|
|
50
|
+
import_stacks = require("@tamagui/stacks"),
|
|
51
|
+
React = __toESM(require("react"), 1),
|
|
52
|
+
AVATAR_NAME = "Avatar",
|
|
53
|
+
[createAvatarContext, createAvatarScope] = (0, import_create_context.createContextScope)(AVATAR_NAME),
|
|
54
|
+
[AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME),
|
|
55
|
+
IMAGE_NAME = "AvatarImage",
|
|
56
|
+
AvatarImage = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
57
|
+
var _getShapeSize,
|
|
58
|
+
{
|
|
59
|
+
__scopeAvatar,
|
|
60
|
+
src,
|
|
61
|
+
onLoadingStatusChange = function () {},
|
|
62
|
+
...imageProps
|
|
63
|
+
} = props,
|
|
64
|
+
context = useAvatarContext(IMAGE_NAME, __scopeAvatar),
|
|
65
|
+
[status, setStatus] = React.useState("idle"),
|
|
66
|
+
shapeSize = (0, import_core.getVariableValue)((_getShapeSize = (0, import_shapes.getShapeSize)(context.size,
|
|
67
|
+
// @ts-expect-error
|
|
68
|
+
{
|
|
69
|
+
tokens: (0, import_core.getTokens)()
|
|
70
|
+
})) === null || _getShapeSize === void 0 ? void 0 : _getShapeSize.width);
|
|
71
|
+
return React.useEffect(function () {
|
|
72
|
+
setStatus("idle");
|
|
73
|
+
}, [JSON.stringify(src)]), React.useEffect(function () {
|
|
74
|
+
onLoadingStatusChange(status), context.onImageLoadingStatusChange(status);
|
|
75
|
+
}, [status]), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.YStack, {
|
|
30
76
|
fullscreen: !0,
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
setStatus(
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
77
|
+
zIndex: 1,
|
|
78
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_image.Image, {
|
|
79
|
+
fullscreen: !0,
|
|
80
|
+
...(typeof shapeSize == "number" && !Number.isNaN(shapeSize) && {
|
|
81
|
+
width: shapeSize,
|
|
82
|
+
height: shapeSize
|
|
83
|
+
}),
|
|
84
|
+
...imageProps,
|
|
85
|
+
// @ts-ignore
|
|
86
|
+
ref: forwardedRef,
|
|
87
|
+
// @ts-ignore
|
|
88
|
+
src,
|
|
89
|
+
// onLoadStart={() => {
|
|
90
|
+
// // setStatus('loading')
|
|
91
|
+
// }}
|
|
92
|
+
onError: function () {
|
|
93
|
+
setStatus("error");
|
|
94
|
+
},
|
|
95
|
+
onLoad: function () {
|
|
96
|
+
setStatus("loaded");
|
|
97
|
+
}
|
|
98
|
+
})
|
|
99
|
+
});
|
|
50
100
|
});
|
|
51
|
-
});
|
|
52
101
|
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
|
-
}
|
|
102
|
+
var FALLBACK_NAME = "AvatarFallback",
|
|
103
|
+
AvatarFallbackFrame = (0, import_core.styled)(import_stacks.YStack, {
|
|
104
|
+
name: FALLBACK_NAME,
|
|
105
|
+
position: "absolute",
|
|
106
|
+
fullscreen: !0,
|
|
107
|
+
zIndex: 0
|
|
108
|
+
}),
|
|
109
|
+
AvatarFallback = AvatarFallbackFrame.extractable(/* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
110
|
+
var {
|
|
111
|
+
__scopeAvatar,
|
|
112
|
+
delayMs,
|
|
113
|
+
...fallbackProps
|
|
114
|
+
} = props,
|
|
115
|
+
context = useAvatarContext(FALLBACK_NAME, __scopeAvatar),
|
|
116
|
+
[canRender, setCanRender] = React.useState(delayMs === void 0);
|
|
117
|
+
return React.useEffect(function () {
|
|
118
|
+
if (delayMs !== void 0) {
|
|
119
|
+
var timerId = setTimeout(function () {
|
|
120
|
+
return setCanRender(!0);
|
|
121
|
+
}, delayMs);
|
|
122
|
+
return function () {
|
|
123
|
+
return clearTimeout(timerId);
|
|
124
|
+
};
|
|
125
|
+
}
|
|
126
|
+
}, [delayMs]), canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(AvatarFallbackFrame, {
|
|
127
|
+
...fallbackProps,
|
|
128
|
+
ref: forwardedRef
|
|
129
|
+
}) : null;
|
|
130
|
+
}));
|
|
76
131
|
AvatarFallback.displayName = FALLBACK_NAME;
|
|
77
|
-
var AvatarFrame = styled(Square, {
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
}),
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
132
|
+
var AvatarFrame = (0, import_core.styled)(import_shapes.Square, {
|
|
133
|
+
name: AVATAR_NAME,
|
|
134
|
+
position: "relative",
|
|
135
|
+
overflow: "hidden"
|
|
136
|
+
}),
|
|
137
|
+
Avatar = (0, import_helpers.withStaticProperties)(/* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
138
|
+
var {
|
|
139
|
+
__scopeAvatar,
|
|
140
|
+
size = "$true",
|
|
141
|
+
...avatarProps
|
|
142
|
+
} = props,
|
|
143
|
+
[imageLoadingStatus, setImageLoadingStatus] = React.useState("idle");
|
|
144
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(AvatarProvider, {
|
|
89
145
|
size,
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
146
|
+
scope: __scopeAvatar,
|
|
147
|
+
imageLoadingStatus,
|
|
148
|
+
onImageLoadingStatusChange: setImageLoadingStatus,
|
|
149
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(AvatarFrame, {
|
|
150
|
+
size,
|
|
151
|
+
...avatarProps,
|
|
152
|
+
ref: forwardedRef
|
|
153
|
+
})
|
|
154
|
+
});
|
|
155
|
+
}), {
|
|
156
|
+
Image: AvatarImage,
|
|
157
|
+
Fallback: AvatarFallback
|
|
93
158
|
});
|
|
94
|
-
}), {
|
|
95
|
-
Image: AvatarImage,
|
|
96
|
-
Fallback: AvatarFallback
|
|
97
|
-
});
|
|
98
159
|
Avatar.displayName = AVATAR_NAME;
|
|
99
|
-
|
|
100
|
-
Avatar,
|
|
101
|
-
AvatarFallback,
|
|
102
|
-
AvatarFallbackFrame,
|
|
103
|
-
AvatarFrame,
|
|
104
|
-
AvatarImage,
|
|
105
|
-
createAvatarScope
|
|
106
|
-
};
|
|
107
|
-
//# sourceMappingURL=Avatar.js.map
|
|
160
|
+
//# sourceMappingURL=Avatar.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Avatar.tsx"],
|
|
4
|
-
"mappings": "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",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
|
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","useEffect","JSON","stringify","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/dist/jsx/index.native.js
CHANGED
|
@@ -1,2 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __copyProps = (to, from, except, desc) => {
|
|
8
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
9
|
+
get: () => from[key],
|
|
10
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
11
|
+
});
|
|
12
|
+
return to;
|
|
13
|
+
},
|
|
14
|
+
__reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
15
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
16
|
+
value: !0
|
|
17
|
+
}), mod);
|
|
18
|
+
var index_exports = {};
|
|
19
|
+
module.exports = __toCommonJS(index_exports);
|
|
20
|
+
__reExport(index_exports, require("./Avatar.native.js"), module.exports);
|
|
21
|
+
//# sourceMappingURL=index.native.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/avatar",
|
|
3
|
-
"version": "1.135.
|
|
3
|
+
"version": "1.135.5",
|
|
4
|
+
"type": "module",
|
|
4
5
|
"sideEffects": [
|
|
5
6
|
"*.css"
|
|
6
7
|
],
|
|
@@ -36,16 +37,16 @@
|
|
|
36
37
|
}
|
|
37
38
|
},
|
|
38
39
|
"dependencies": {
|
|
39
|
-
"@tamagui/core": "1.135.
|
|
40
|
-
"@tamagui/create-context": "1.135.
|
|
41
|
-
"@tamagui/helpers": "1.135.
|
|
42
|
-
"@tamagui/image": "1.135.
|
|
43
|
-
"@tamagui/shapes": "1.135.
|
|
44
|
-
"@tamagui/stacks": "1.135.
|
|
45
|
-
"@tamagui/text": "1.135.
|
|
40
|
+
"@tamagui/core": "1.135.5",
|
|
41
|
+
"@tamagui/create-context": "1.135.5",
|
|
42
|
+
"@tamagui/helpers": "1.135.5",
|
|
43
|
+
"@tamagui/image": "1.135.5",
|
|
44
|
+
"@tamagui/shapes": "1.135.5",
|
|
45
|
+
"@tamagui/stacks": "1.135.5",
|
|
46
|
+
"@tamagui/text": "1.135.5"
|
|
46
47
|
},
|
|
47
48
|
"devDependencies": {
|
|
48
|
-
"@tamagui/build": "1.135.
|
|
49
|
+
"@tamagui/build": "1.135.5",
|
|
49
50
|
"react": "*",
|
|
50
51
|
"react-native": "^0.79.2"
|
|
51
52
|
},
|