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