@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.
@@ -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),
@@ -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 = () => {
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/Avatar.tsx"],
4
- "mappings": "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",
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, __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __getProtoOf = Object.getPrototypeOf,
8
+ __hasOwnProp = Object.prototype.hasOwnProperty;
7
9
  var __export = (target, all) => {
8
- for (var name in all)
9
- __defProp(target, name, { get: all[name], enumerable: !0 });
10
- }, __copyProps = (to, from, except, desc) => {
11
- if (from && typeof from == "object" || typeof from == "function")
12
- for (let key of __getOwnPropNames(from))
13
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
14
- return to;
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", { value: mod, enumerable: !0 }) : target,
22
- mod
23
- )), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
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"), 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")), AVATAR_NAME = "Avatar", [createAvatarContext, createAvatarScope] = (0, import_create_context.createContextScope)(AVATAR_NAME), [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME), IMAGE_NAME = "AvatarImage", AvatarImage = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
35
- var _getShapeSize, { __scopeAvatar, src, onLoadingStatusChange = function() {
36
- }, ...imageProps } = props, context = useAvatarContext(IMAGE_NAME, __scopeAvatar), [status, setStatus] = React.useState("idle"), shapeSize = (0, import_core.getVariableValue)((_getShapeSize = (0, import_shapes.getShapeSize)(
37
- context.size,
38
- // @ts-expect-error
39
- {
40
- tokens: (0, import_core.getTokens)()
41
- }
42
- )) === null || _getShapeSize === void 0 ? void 0 : _getShapeSize.width);
43
- return React.useEffect(function() {
44
- setStatus("idle");
45
- }, [
46
- JSON.stringify(src)
47
- ]), React.useEffect(function() {
48
- onLoadingStatusChange(status), context.onImageLoadingStatusChange(status);
49
- }, [
50
- status
51
- ]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.YStack, {
52
- fullscreen: !0,
53
- zIndex: 1,
54
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_image.Image, {
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
- ...typeof shapeSize == "number" && !Number.isNaN(shapeSize) && {
57
- width: shapeSize,
58
- height: shapeSize
59
- },
60
- ...imageProps,
61
- // @ts-ignore
62
- ref: forwardedRef,
63
- // @ts-ignore
64
- src,
65
- // onLoadStart={() => {
66
- // // setStatus('loading')
67
- // }}
68
- onError: function() {
69
- setStatus("error");
70
- },
71
- onLoad: function() {
72
- setStatus("loaded");
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", AvatarFallbackFrame = (0, import_core.styled)(import_stacks.YStack, {
79
- name: FALLBACK_NAME,
80
- position: "absolute",
81
- fullscreen: !0,
82
- zIndex: 0
83
- }), AvatarFallback = AvatarFallbackFrame.extractable(/* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
84
- var { __scopeAvatar, delayMs, ...fallbackProps } = props, context = useAvatarContext(FALLBACK_NAME, __scopeAvatar), [canRender, setCanRender] = React.useState(delayMs === void 0);
85
- return React.useEffect(function() {
86
- if (delayMs !== void 0) {
87
- var timerId = setTimeout(function() {
88
- return setCanRender(!0);
89
- }, delayMs);
90
- return function() {
91
- return clearTimeout(timerId);
92
- };
93
- }
94
- }, [
95
- delayMs
96
- ]), canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarFallbackFrame, {
97
- ...fallbackProps,
98
- ref: forwardedRef
99
- }) : null;
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
- name: AVATAR_NAME,
104
- position: "relative",
105
- overflow: "hidden"
106
- }), Avatar = (0, import_helpers.withStaticProperties)(/* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
107
- var { __scopeAvatar, size = "$true", ...avatarProps } = props, [imageLoadingStatus, setImageLoadingStatus] = React.useState("idle");
108
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarProvider, {
109
- size,
110
- scope: __scopeAvatar,
111
- imageLoadingStatus,
112
- onImageLoadingStatusChange: setImageLoadingStatus,
113
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarFrame, {
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
- ...avatarProps,
116
- ref: forwardedRef
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
- // Annotate the CommonJS export names for ESM import in node:
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":[]}
@@ -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
- if (from && typeof from == "object" || typeof from == "function")
8
- for (let key of __getOwnPropNames(from))
9
- !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
10
- return to;
11
- }, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
12
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
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
- // Annotate the CommonJS export names for ESM import in node:
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
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { getTokens, getVariableValue, styled } from "@tamagui/core";
3
- import { createContextScope } from "@tamagui/create-context";
4
- import { withStaticProperties } from "@tamagui/helpers";
5
- import { Image } from "@tamagui/image";
6
- import { Square, getShapeSize } from "@tamagui/shapes";
7
- import { YStack } from "@tamagui/stacks";
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, {
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
- ...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
- })
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", 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
- }));
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
- 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, {
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
- ...avatarProps,
91
- ref: forwardedRef
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
- export {
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": "AAAA,SAAS,OAAO,YAAY;AAE5B,SAAS,WAAW,kBAAkB,cAAc;AACpD,SAAS,0BAA0B;AACnC,SAAS,4BAA4B;AACrC,SAAS,aAAa;AACtB,SAAS,QAAQ,oBAAoB;AACrC,SAAS,cAAc;AACvB,YAAY,WAAW;AACvB,IAAI,cAAc,UACd,CAAC,qBAAqB,iBAAiB,IAAI,mBAAmB,WAAW,GACzE,CAAC,gBAAgB,gBAAgB,IAAI,oBAAoB,WAAW,GAGiC,aAAa,eAClH,cAA4B,sBAAM,WAAW,SAAS,OAAO,cAAc;AAC3E,MAAI,eACA,EAAE,eAAe,KAAK,wBAAwB,WAAW;AAAA,EAAC,GAAG,GAAG,WAAW,IAAI,OAC/E,UAAU,iBAAiB,YAAY,aAAa,GACpD,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,MAAM,GAC3C,YAAY,kBAAkB,gBAAgB;AAAA,IAAa,QAAQ;AAAA;AAAA,IACvE;AAAA,MACI,QAAQ,UAAU;AAAA,IACtB;AAAA,EAAC,OAAO,QAAQ,kBAAkB,SAAS,SAAS,cAAc,KAAK;AACvE,eAAM,UAAU,WAAW;AACvB,cAAU,MAAM;AAAA,EACpB,GAAG;AAAA,IACC,KAAK,UAAU,GAAG;AAAA,EACtB,CAAC,GACD,MAAM,UAAU,WAAW;AACvB,0BAAsB,MAAM,GAC5B,QAAQ,2BAA2B,MAAM;AAAA,EAC7C,GAAG;AAAA,IACC;AAAA,EACJ,CAAC,GACoB,qBAAK,QAAQ;AAAA,IAC9B,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,UAAwB,qBAAK,OAAO;AAAA,MAChC,YAAY;AAAA,MACZ,GAAG,OAAO,aAAc,YAAY,CAAC,OAAO,MAAM,SAAS,KAAK;AAAA,QAC5D,OAAO;AAAA,QACP,QAAQ;AAAA,MACZ;AAAA,MACA,GAAG;AAAA;AAAA,MAEH,KAAK;AAAA;AAAA,MAEL;AAAA;AAAA;AAAA;AAAA,MAIA,SAAS,WAAW;AAChB,kBAAU,OAAO;AAAA,MACrB;AAAA,MACA,QAAQ,WAAW;AACf,kBAAU,QAAQ;AAAA,MACtB;AAAA,IACJ,CAAC;AAAA,EACL,CAAC;AACL,CAAC;AACD,YAAY,cAAc;AAG2E,IAAI,gBAAgB,kBAC9G,sBAAsB,OAAO,QAAQ;AAAA,EAC5C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,QAAQ;AACZ,CAAC,GACG,iBAAiB,oBAAoB,YAA0B,sBAAM,WAAW,SAAS,OAAO,cAAc;AAC9G,MAAI,EAAE,eAAe,SAAS,GAAG,cAAc,IAAI,OAC/C,UAAU,iBAAiB,eAAe,aAAa,GACvD,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,YAAY,MAAS;AACpE,eAAM,UAAU,WAAW;AACvB,QAAI,YAAY,QAAW;AACvB,UAAI,UAAU,WAAW,WAAW;AAChC,eAAO,aAAa,EAAI;AAAA,MAC5B,GAAG,OAAO;AACV,aAAO,WAAW;AACd,eAAO,aAAa,OAAO;AAAA,MAC/B;AAAA,IACJ;AAAA,EACJ,GAAG;AAAA,IACC;AAAA,EACJ,CAAC,GACM,aAAa,QAAQ,uBAAuB,WAAyB,qBAAK,qBAAqB;AAAA,IAClG,GAAG;AAAA,IACH,KAAK;AAAA,EACT,CAAC,IAAI;AACT,CAAC,CAAC;AACF,eAAe,cAAc;AAG+E,IAAI,cAAc,OAAO,QAAQ;AAAA,EACzI,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AACd,CAAC,GAeO,SAAS,qBAAmC,sBAAM,WAAW,SAAS,OAAO,cAAc;AAC/F,MAAI,EAAE,eAAe,OAAO,SAAS,GAAG,YAAY,IAAI,OACpD,CAAC,oBAAoB,qBAAqB,IAAI,MAAM,SAAS,MAAM;AACvE,SAAqB,qBAAK,gBAAgB;AAAA,IACtC;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,4BAA4B;AAAA,IAC5B,UAAwB,qBAAK,aAAa;AAAA,MACtC;AAAA,MACA,GAAG;AAAA,MACH,KAAK;AAAA,IACT,CAAC;AAAA,EACL,CAAC;AACL,CAAC,GAAG;AAAA,EACA,OAAO;AAAA,EACP,UAAU;AACd,CAAC;AACD,OAAO,cAAc;",
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":[]}
@@ -1,2 +1,21 @@
1
- export * from "./Avatar";
2
- //# sourceMappingURL=index.js.map
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
@@ -1,6 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/index.ts"],
4
- "mappings": "AAAA,cAAc;",
5
- "names": []
6
- }
1
+ {"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,7 @@
1
1
  {
2
2
  "name": "@tamagui/avatar",
3
- "version": "1.135.4",
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.4",
40
- "@tamagui/create-context": "1.135.4",
41
- "@tamagui/helpers": "1.135.4",
42
- "@tamagui/image": "1.135.4",
43
- "@tamagui/shapes": "1.135.4",
44
- "@tamagui/stacks": "1.135.4",
45
- "@tamagui/text": "1.135.4"
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.4",
49
+ "@tamagui/build": "1.135.5",
49
50
  "react": "*",
50
51
  "react-native": "^0.79.2"
51
52
  },