@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", [createAvatarContext, createAvatarScope] = createContextScope(AVATAR_NAME), [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME), IMAGE_NAME = "AvatarImage", AvatarImage = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
10
- var _getShapeSize, { __scopeAvatar, src, onLoadingStatusChange = function() {
11
- }, ...imageProps } = props, context = useAvatarContext(IMAGE_NAME, __scopeAvatar), [status, setStatus] = React.useState("idle"), shapeSize = getVariableValue((_getShapeSize = getShapeSize(
12
- context.size,
13
- // @ts-expect-error
14
- {
15
- tokens: getTokens()
16
- }
17
- )) === null || _getShapeSize === void 0 ? void 0 : _getShapeSize.width);
18
- return React.useEffect(function() {
19
- setStatus("idle");
20
- }, [
21
- JSON.stringify(src)
22
- ]), React.useEffect(function() {
23
- onLoadingStatusChange(status), context.onImageLoadingStatusChange(status);
24
- }, [
25
- status
26
- ]), /* @__PURE__ */ _jsx(YStack, {
27
- fullscreen: !0,
28
- zIndex: 1,
29
- children: /* @__PURE__ */ _jsx(Image, {
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
- ...typeof shapeSize == "number" && !Number.isNaN(shapeSize) && {
32
- width: shapeSize,
33
- height: shapeSize
34
- },
35
- ...imageProps,
36
- // @ts-ignore
37
- ref: forwardedRef,
38
- // @ts-ignore
39
- src,
40
- // onLoadStart={() => {
41
- // // setStatus('loading')
42
- // }}
43
- onError: function() {
44
- setStatus("error");
45
- },
46
- onLoad: function() {
47
- setStatus("loaded");
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", AvatarFallbackFrame = styled(YStack, {
54
- name: FALLBACK_NAME,
55
- position: "absolute",
56
- fullscreen: !0,
57
- zIndex: 0
58
- }), AvatarFallback = AvatarFallbackFrame.extractable(/* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
59
- var { __scopeAvatar, delayMs, ...fallbackProps } = props, context = useAvatarContext(FALLBACK_NAME, __scopeAvatar), [canRender, setCanRender] = React.useState(delayMs === void 0);
60
- return React.useEffect(function() {
61
- if (delayMs !== void 0) {
62
- var timerId = setTimeout(function() {
63
- return setCanRender(!0);
64
- }, delayMs);
65
- return function() {
66
- return clearTimeout(timerId);
67
- };
68
- }
69
- }, [
70
- delayMs
71
- ]), canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ _jsx(AvatarFallbackFrame, {
72
- ...fallbackProps,
73
- ref: forwardedRef
74
- }) : null;
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
- name: AVATAR_NAME,
79
- position: "relative",
80
- overflow: "hidden"
81
- }), Avatar = withStaticProperties(/* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
82
- var { __scopeAvatar, size = "$true", ...avatarProps } = props, [imageLoadingStatus, setImageLoadingStatus] = React.useState("idle");
83
- return /* @__PURE__ */ _jsx(AvatarProvider, {
84
- size,
85
- scope: __scopeAvatar,
86
- imageLoadingStatus,
87
- onImageLoadingStatusChange: setImageLoadingStatus,
88
- children: /* @__PURE__ */ _jsx(AvatarFrame, {
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
- ...avatarProps,
91
- ref: forwardedRef
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
- Avatar,
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":[]}
@@ -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
@@ -1,6 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Users/n8/tamagui/code/ui/avatar/src/index.ts"],
4
- "mappings": "AAAA,cAAc;",
5
- "names": []
6
- }
1
+ {"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/avatar",
3
- "version": "1.125.6",
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.6",
40
- "@tamagui/helpers": "1.125.6",
41
- "@tamagui/image": "1.125.6",
42
- "@tamagui/shapes": "1.125.6",
43
- "@tamagui/text": "1.125.6"
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.6",
46
+ "@tamagui/build": "1.125.7",
47
47
  "react": "*",
48
48
  "react-native": "^0.76.5"
49
49
  },