@radix-ui/react-avatar - npm Package Compare versions

Comparing version 0.1.1-rc.16 to 0.1.1-rc.17

dist/index.d.ts

 import * as React from "react";
 import * as Radix from "@radix-ui/react-primitive";
 import { Primitive } from "@radix-ui/react-primitive";
+export const createAvatarScope: import("@radix-ui/react-context").CreateScope;
 type ImageLoadingStatus = 'idle' | 'loading' | 'loaded' | 'error';
@@ -5,0 +6,0 @@ type PrimitiveSpanProps = Radix.ComponentPropsWithoutRef<typeof Primitive.span>;

dist/index.js

@@ -1,2 +0,2 @@
-var e,t,r,a=require("@radix-ui/react-primitive").Primitive,o=require("@radix-ui/react-use-layout-effect").useLayoutEffect,n=require("@radix-ui/react-use-callback-ref").useCallbackRef,i=require("@radix-ui/react-context").createContext,u=(e={},t=require("react"),Object.keys(t).forEach((function(r){"default"!==r&&"__esModule"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[r]}})})),e),s=(r=require("@babel/runtime/helpers/extends"))&&r.__esModule?r.default:r;const[c,l]=i("Avatar"),d=/*#__PURE__*/u.forwardRef(((e,t)=>{const[r,o]=u.useState("idle");/*#__PURE__*/return u.createElement(c,{imageLoadingStatus:r,onImageLoadingStatusChange:o},/*#__PURE__*/u.createElement(a.span,s({},e,{ref:t})))}));exports.Avatar=d;const f=/*#__PURE__*/u.forwardRef(((e,t)=>{const{src:r,onLoadingStatusChange:i=(()=>{}),...c}=e,d=l("AvatarImage"),f=function(e){const[t,r]=u.useState("idle");return u.useEffect((()=>{if(!e)return void r("error");let t=!0;const a=new window.Image,o=e=>()=>{t&&r(e)};return r("loading"),a.onload=o("loaded"),a.onerror=o("error"),a.src=e,()=>{t=!1}}),[e]),t}(r),g=n((e=>{i(e),d.onImageLoadingStatusChange(e)}));return o((()=>{"idle"!==f&&g(f)}),[f,g]),"loaded"===f?/*#__PURE__*/u.createElement(a.img,s({},c,{ref:t,src:r})):null}));exports.AvatarImage=f;const g=/*#__PURE__*/u.forwardRef(((e,t)=>{const{delayMs:r,...o}=e,n=l("AvatarFallback"),[i,c]=u.useState(void 0===r);return u.useEffect((()=>{if(void 0!==r){const e=window.setTimeout((()=>c(!0)),r);return()=>window.clearTimeout(e)}}),[r]),i&&"loaded"!==n.imageLoadingStatus?/*#__PURE__*/u.createElement(a.span,s({},o,{ref:t})):null}));exports.AvatarFallback=g;const m=d;exports.Root=m;const x=f;exports.Image=x;const v=g;exports.Fallback=v;
+var e,t,r,a=require("@radix-ui/react-primitive").Primitive,o=require("@radix-ui/react-use-layout-effect").useLayoutEffect,n=require("@radix-ui/react-use-callback-ref").useCallbackRef,c=require("@radix-ui/react-context").createContextScope,s=(e={},t=require("react"),Object.keys(t).forEach((function(r){"default"!==r&&"__esModule"!==r&&Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[r]}})})),e),i=(r=require("@babel/runtime/helpers/extends"))&&r.__esModule?r.default:r;const[u,l]=c("Avatar");exports.createAvatarScope=l;const[d,f]=u("Avatar"),g=/*#__PURE__*/s.forwardRef(((e,t)=>{const{__scopeAvatar:r,...o}=e,[n,c]=s.useState("idle");/*#__PURE__*/return s.createElement(d,{scope:r,imageLoadingStatus:n,onImageLoadingStatusChange:c},/*#__PURE__*/s.createElement(a.span,i({},o,{ref:t})))}));exports.Avatar=g;const m=/*#__PURE__*/s.forwardRef(((e,t)=>{const{__scopeAvatar:r,src:c,onLoadingStatusChange:u=(()=>{}),...l}=e,d=f("AvatarImage",r),g=function(e){const[t,r]=s.useState("idle");return s.useEffect((()=>{if(!e)return void r("error");let t=!0;const a=new window.Image,o=e=>()=>{t&&r(e)};return r("loading"),a.onload=o("loaded"),a.onerror=o("error"),a.src=e,()=>{t=!1}}),[e]),t}(c),m=n((e=>{u(e),d.onImageLoadingStatusChange(e)}));return o((()=>{"idle"!==g&&m(g)}),[g,m]),"loaded"===g?/*#__PURE__*/s.createElement(a.img,i({},l,{ref:t,src:c})):null}));exports.AvatarImage=m;const p=/*#__PURE__*/s.forwardRef(((e,t)=>{const{__scopeAvatar:r,delayMs:o,...n}=e,c=f("AvatarFallback",r),[u,l]=s.useState(void 0===o);return s.useEffect((()=>{if(void 0!==o){const e=window.setTimeout((()=>l(!0)),o);return()=>window.clearTimeout(e)}}),[o]),u&&"loaded"!==c.imageLoadingStatus?/*#__PURE__*/s.createElement(a.span,i({},n,{ref:t})):null}));exports.AvatarFallback=p;const v=g;exports.Root=v;const x=m;exports.Image=x;const A=p;exports.Fallback=A;
 //# sourceMappingURL=index.js.map

dist/index.module.js

@@ -1,2 +0,2 @@
-import{Primitive as e}from"@radix-ui/react-primitive";import{useLayoutEffect as t}from"@radix-ui/react-use-layout-effect";import{useCallbackRef as a}from"@radix-ui/react-use-callback-ref";import{createContext as r}from"@radix-ui/react-context";import*as o from"react";import n from"@babel/runtime/helpers/esm/extends";const[i,c]=r("Avatar");export const Avatar=/*#__PURE__*/o.forwardRef(((t,a)=>{const[r,c]=o.useState("idle");/*#__PURE__*/return o.createElement(i,{imageLoadingStatus:r,onImageLoadingStatusChange:c},/*#__PURE__*/o.createElement(e.span,n({},t,{ref:a})))}));/*#__PURE__*/export const AvatarImage=/*#__PURE__*/o.forwardRef(((r,i)=>{const{src:s,onLoadingStatusChange:l=(()=>{}),...d}=r,m=c("AvatarImage"),u=function(e){const[t,a]=o.useState("idle");return o.useEffect((()=>{if(!e)return void a("error");let t=!0;const r=new window.Image,o=e=>()=>{t&&a(e)};return a("loading"),r.onload=o("loaded"),r.onerror=o("error"),r.src=e,()=>{t=!1}}),[e]),t}(s),f=a((e=>{l(e),m.onImageLoadingStatusChange(e)}));return t((()=>{"idle"!==u&&f(u)}),[u,f]),"loaded"===u?/*#__PURE__*/o.createElement(e.img,n({},d,{ref:i,src:s})):null}));/*#__PURE__*/export const AvatarFallback=/*#__PURE__*/o.forwardRef(((t,a)=>{const{delayMs:r,...i}=t,s=c("AvatarFallback"),[l,d]=o.useState(void 0===r);return o.useEffect((()=>{if(void 0!==r){const e=window.setTimeout((()=>d(!0)),r);return()=>window.clearTimeout(e)}}),[r]),l&&"loaded"!==s.imageLoadingStatus?/*#__PURE__*/o.createElement(e.span,n({},i,{ref:a})):null}));/*#__PURE__*/export const Root=Avatar;export const Image=AvatarImage;export const Fallback=AvatarFallback;
+import{Primitive as e}from"@radix-ui/react-primitive";import{useLayoutEffect as t}from"@radix-ui/react-use-layout-effect";import{useCallbackRef as a}from"@radix-ui/react-use-callback-ref";import{createContextScope as r}from"@radix-ui/react-context";import*as o from"react";import n from"@babel/runtime/helpers/esm/extends";const[c,i]=r("Avatar");export{i as createAvatarScope};const[s,l]=c("Avatar");export const Avatar=/*#__PURE__*/o.forwardRef(((t,a)=>{const{__scopeAvatar:r,...c}=t,[i,l]=o.useState("idle");/*#__PURE__*/return o.createElement(s,{scope:r,imageLoadingStatus:i,onImageLoadingStatusChange:l},/*#__PURE__*/o.createElement(e.span,n({},c,{ref:a})))}));/*#__PURE__*/export const AvatarImage=/*#__PURE__*/o.forwardRef(((r,c)=>{const{__scopeAvatar:i,src:s,onLoadingStatusChange:d=(()=>{}),...m}=r,u=l("AvatarImage",i),f=function(e){const[t,a]=o.useState("idle");return o.useEffect((()=>{if(!e)return void a("error");let t=!0;const r=new window.Image,o=e=>()=>{t&&a(e)};return a("loading"),r.onload=o("loaded"),r.onerror=o("error"),r.src=e,()=>{t=!1}}),[e]),t}(s),p=a((e=>{d(e),u.onImageLoadingStatusChange(e)}));return t((()=>{"idle"!==f&&p(f)}),[f,p]),"loaded"===f?/*#__PURE__*/o.createElement(e.img,n({},m,{ref:c,src:s})):null}));/*#__PURE__*/export const AvatarFallback=/*#__PURE__*/o.forwardRef(((t,a)=>{const{__scopeAvatar:r,delayMs:c,...i}=t,s=l("AvatarFallback",r),[d,m]=o.useState(void 0===c);return o.useEffect((()=>{if(void 0!==c){const e=window.setTimeout((()=>m(!0)),c);return()=>window.clearTimeout(e)}}),[c]),d&&"loaded"!==s.imageLoadingStatus?/*#__PURE__*/o.createElement(e.span,n({},i,{ref:a})):null}));/*#__PURE__*/export const Root=Avatar;export const Image=AvatarImage;export const Fallback=AvatarFallback;
 //# sourceMappingURL=index.module.js.map

package.json

 {
   "name": "@radix-ui/react-avatar",
-  "version": "0.1.1-rc.16",
+  "version": "0.1.1-rc.17",
   "license": "MIT",
@@ -20,4 +20,4 @@ "source": "src/index.ts",
     "@babel/runtime": "^7.13.10",
-    "@radix-ui/react-context": "0.1.0",
-    "@radix-ui/react-primitive": "0.1.1-rc.16",
+    "@radix-ui/react-context": "0.1.1-rc.1",
+    "@radix-ui/react-primitive": "0.1.1-rc.17",
     "@radix-ui/react-use-callback-ref": "0.1.0",
@@ -24,0 +24,0 @@ "@radix-ui/react-use-layout-effect": "0.1.0"

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

24620

increased by7.81%

Lines of code

39

increased by5.41%

Dependency changes

• + Added@radix-ui/react-context@0.1.1-rc.1(transitive)

• + Added@radix-ui/react-primitive@0.1.1-rc.17(transitive)

• + Added@radix-ui/react-slot@0.1.1-rc.13(transitive)

• - Removed@radix-ui/react-context@0.1.0(transitive)

• - Removed@radix-ui/react-primitive@0.1.1-rc.16(transitive)

• - Removed@radix-ui/react-slot@0.1.1-rc.12(transitive)

• Updated@radix-ui/react-context@0.1.1-rc.1

• Updated@radix-ui/react-primitive@0.1.1-rc.17