@tamagui/avatar 1.113.1 → 1.114.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.
@@ -6,113 +6,102 @@ 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
- [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, {
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, {
33
30
  fullscreen: !0,
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
- });
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
+ })
57
50
  });
51
+ });
58
52
  AvatarImage.displayName = IMAGE_NAME;
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
- }));
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
+ }));
88
76
  AvatarFallback.displayName = FALLBACK_NAME;
89
77
  var AvatarFrame = styled(Square, {
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, {
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, {
102
89
  size,
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
90
+ ...avatarProps,
91
+ ref: forwardedRef
92
+ })
115
93
  });
94
+ }), {
95
+ Image: AvatarImage,
96
+ Fallback: AvatarFallback
97
+ });
116
98
  Avatar.displayName = AVATAR_NAME;
117
- export { Avatar, AvatarFallback, AvatarFallbackFrame, AvatarFrame, AvatarImage, createAvatarScope };
118
- //# sourceMappingURL=Avatar.native.js.map
99
+ export {
100
+ Avatar,
101
+ AvatarFallback,
102
+ AvatarFallbackFrame,
103
+ AvatarFrame,
104
+ AvatarImage,
105
+ createAvatarScope
106
+ };
107
+ //# sourceMappingURL=Avatar.js.map
@@ -1 +1,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":"AAGA,SAASA,GAAA,IAAAC,IAAW,2BAAkB;AAEtC,SAASC,SAAA,EAAAC,gBAA0B,EAAAC,MAAA;AACnC,SAASC,kBAAA,iCAA4B;AAErC,SAASC,oBAAa;AACtB,SAASC,KAAA,QAAQ,gBAAoB;AACrC,SAASC,MAAA,EAAAC,YAAc;AACvB,SAAAC,MAAY,QAAW;AAoDf,YAAAC,KAAA;AAlDR,IAAAC,WAAM,WAAc;EAAA,CAAAC,mBAGb,EAAAC,iBAAqB,IAAiBT,kBAAI,CAAAO,WAAmB;EAAW,CAAAG,cAUxE,EAAAC,gBAAgB,IAAgBH,mBACrC,CAAAD,WAAwC;EAAWK,UAM/C,gBAAa;EAAAC,WAMb,kBAAoBP,KAAA,CAAAQ,UAAA,WAAAC,KAAA,EAAAC,YAAA;IACxB,IAACC,aAAsC;MAAA;QAAAC,aAAiB;QAAAC,GAAA;QAAAC,qBAAA,YAAAA,CAAA,GACtD;QAAA,GAAAC;MAAQ,IAAAN,KAAe;MAAAO,OAAK,GAAAX,gBAAwB,CAAAC,UAAM,EAAAM,aAAA;MAAA,CAAAK,MAAA,EAAAC,SAAA,IAAAlB,KAAA,CAAAmB,QAAA;MAAAC,SAAA,GAAA5B,gBAAA,EAAAmB,aAAA,GAAAb,YAAA,CAACkB,OAAM,CAAAK,IAAA;MAG/C;MAChB;QACUC,MAAA,EAAA/B,SAAA;MAAA,CAEc,OACrB,QAAAoB,aAAA,uBAAAA,aAAA,CAAAY,KAAA;IAAA,OACLvB,KAAA,CAAAwB,SAAA;MAEAN,SAAA,OAAM;IACJ,IACFO,IAAI,CAAAC,SAAK,CAAAb,GAAA,CAAU,CAGjB,GAAAb,KAAA,CAAAwB,SAAA,aAAsB;MAExBV,qBAGE,CAAAG,MAAA,GAAAD,OAAC,CAAAW,0BAAkB,CAAAV,MACjB;IAAA,IAACA,MAAA,mBACW3B,IAAA,CAAAS,MAAA;MAAA6B,UACL,IAAO;MACkBC,MAC1B;MAAOC,QACP,iBAAQxC,IAAA,CAAAM,KAAA;QAAAgC,UACV;QAAA,IACD,OAAGR,SAAA,iBAAAW,MAAA,CAAAC,KAAA,CAAAZ,SAAA;UAEJG,KAAK,EAAAH,SAAA;UAELa,MAAA,EAAAb;QAAA;QAKE,GAAAL,UAAA;QAAiB;QACnBmB,GACA,EAAAxB,YAAc;QACZ;QAAkBG,GACpB;QAAA;QACF;QAGN;QACFsB,OAAA,WAAAA,CAAA;UAEAjB,SAAY,SAAc;QAMpB;QAGJkB,MAAM,WAAAA,CAAA;UACNlB,SAAU;QACV;MACA;IACD,EAMK;EAAqC,EACzC;AAAMX,WACH,CAAyC8B,WAAA,GAAA/B,UAAiB;AACzD,IAAAgC,aAAQ,mBAAe;EAASC,mBAAiB,GAAI9C,MAC/C,CAAAM,MAAA;IAGNyC,IAAA,EAAAF,aAAM;IACJG,QAAA,EAAI;IACFb,UAAA,IAAM;IACNC,MAAA;EAAiC;EAAAa,cACnC,GAAAH,mBAAA,CAAAI,WAAA,gBAAA3C,KAAA,CAAAQ,UAAA,WAAAC,KAAA,EAAAC,YAAA;IAAA,IACF;QAAAE,aAEO;QAAAgC,OAAA;QAAA,GAAaC;MAAQ,IAAApC,KAAA;MAAAO,OAAuB,GAAAX,gBACjD,CAAAiC,aAAC,EAAA1B,aAAA;MAAA,CAAqBkC,SAAG,EAAAC,YAAoB,IAAA/C,KAAA,CAAAmB,QAC3C,CAAAyB,OAAA;IAAA,OACN5C,KAAA,CAAAwB,SAAA;MACF,IAAAoB,OAAA;QACF,IAAAI,OAAA,GAAAC,UAAA;UAEA,OAAeF,YAAA,EAAc;QAMhB,GAAAH,OAAA;QACX,OAAM;UACN,OAAUM,YAAA,CAAAF,OAAA;QACV;MAKI;IACJ,IACEJ,OAAC,CACC,GAAAE,SAAQ,IAAA9B,OAAA,CAAAmC,kBAA+B,KAAG,WAAY,eAC/C7D,IAAA,CAAAiD,mBAAoB;MAE3B,GAAAM,aACE;MAAAX,GAAA,EAACxB;IAAA;EAAA;AACCgC,cACA,CAAAL,WAAO,GAAAC,aAAA;AAAA,IAAAc,WACP,GAAA3D,MAAA,CAAAI,MAAA;IAAA2C,IAAA,EAAAvC,WACA;IAA4BwC,QAE5B;IAA6DY,QAAA;EAAA;EAAAC,MAC/D,GAAA3D,oBAAA,gBAAAK,KAAA,CAAAQ,UAAA,WAAAC,KAAA,EAAAC,YAAA;IAAA,IAEJ;QAAAE,aAAA;QAAAS,IAAA;QAAA,GAAAkC;MAAA,IAAA9C,KAAA;MAAA,CAAA0C,kBAAA,EAAAK,qBAAA,IAAAxD,KAAA,CAAAmB,QAAA;IACF,sBAAA7B,IAAA,CAAAc,cAAA;MACAiB,IAAA;MACEoC,KAAA,EAAO7C,aAAA;MACPuC,kBAAU;MACZxB,0BAAA,EAAA6B,qBAAA;MACF1B,QAAA,iBAAAxC,IAAA,CAAA8D,WAAA;QAEA/B,IAAO","ignoreList":[]}
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,2 +1,2 @@
1
- export * from "./Avatar.native.js";
2
- //# sourceMappingURL=index.native.js.map
1
+ export * from "./Avatar";
2
+ //# sourceMappingURL=index.js.map
@@ -1 +1,6 @@
1
- {"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/Users/n8/tamagui/code/ui/avatar/src/index.ts"],
4
+ "mappings": "AAAA,cAAc;",
5
+ "names": []
6
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/avatar",
3
- "version": "1.113.1",
3
+ "version": "1.114.0",
4
4
  "sideEffects": [
5
5
  "*.css"
6
6
  ],
@@ -33,14 +33,14 @@
33
33
  }
34
34
  },
35
35
  "dependencies": {
36
- "@tamagui/core": "1.113.1",
37
- "@tamagui/helpers": "1.113.1",
38
- "@tamagui/image": "1.113.1",
39
- "@tamagui/shapes": "1.113.1",
40
- "@tamagui/text": "1.113.1"
36
+ "@tamagui/core": "1.114.0",
37
+ "@tamagui/helpers": "1.114.0",
38
+ "@tamagui/image": "1.114.0",
39
+ "@tamagui/shapes": "1.114.0",
40
+ "@tamagui/text": "1.114.0"
41
41
  },
42
42
  "devDependencies": {
43
- "@tamagui/build": "1.113.1",
43
+ "@tamagui/build": "1.114.0",
44
44
  "react": "^18.2.0 || ^19.0.0",
45
45
  "react-native": "0.74.1"
46
46
  },