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

Comparing version 0.0.1 to 0.0.2

dist/index.js

@@ -1,2 +0,2 @@
-var r,e,t=require("@radix-ui/react-polymorphic").forwardRefWithAs,a=require("@radix-ui/react-utils"),n=a.createContext,o=a.useCallbackRef,i=a.useLayoutEffect,u=require("@radix-ui/utils").getPartDataAttrObj,l=(r={},e=require("react"),Object.keys(e).forEach((function(t){"default"!==t&&"__esModule"!==t&&Object.defineProperty(r,t,{enumerable:!0,get:function(){return e[t]}})})),r);function c(){return(c=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(r[a]=t[a])}return r}).apply(this,arguments)}function f(r,e){if(null==r)return{};var t,a,n=function(r,e){if(null==r)return{};var t,a,n={},o=Object.keys(r);for(a=0;a<o.length;a++)t=o[a],e.indexOf(t)>=0||(n[t]=r[t]);return n}(r,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);for(a=0;a<o.length;a++)t=o[a],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(r,t)&&(n[t]=r[t])}return n}function s(r,e){return function(r){if(Array.isArray(r))return r}(r)||function(r,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(r)))return;var t=[],a=!0,n=!1,o=void 0;try{for(var i,u=r[Symbol.iterator]();!(a=(i=u.next()).done)&&(t.push(i.value),!e||t.length!==e);a=!0);}catch(r){n=!0,o=r}finally{try{a||null==u.return||u.return()}finally{if(n)throw o}}return t}(r,e)||function(r,e){if(!r)return;if("string"==typeof r)return d(r,e);var t=Object.prototype.toString.call(r).slice(8,-1);"Object"===t&&r.constructor&&(t=r.constructor.name);if("Map"===t||"Set"===t)return Array.from(r);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return d(r,e)}(r,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(r,e){(null==e||e>r.length)&&(e=r.length);for(var t=0,a=new Array(e);t<e;t++)a[t]=r[t];return a}var v=s(n("AvatarContext","Avatar"),2),y=v[0],p=v[1],m=t((function(r,e){var t=r.as,a=void 0===t?"span":t,n=r.children,o=f(r,["as","children"]),i=l.useState("idle");return l.createElement(a,c({},u("Avatar"),o,{ref:e}),l.createElement(y.Provider,{value:i},n))}));exports.Avatar=m,m.displayName="Avatar";var b=t((function(r,e){var t=r.as,a=void 0===t?"img":t,n=r.src,d=r.onLoadingStatusChange,v=void 0===d?function(){}:d,y=f(r,["as","src","onLoadingStatusChange"]),m=s(p("AvatarImage"),2)[1],b=function(r){var e=s(l.useState("idle"),2),t=e[0],a=e[1];return l.useEffect((function(){if(r){var e=!0,t=new window.Image,n=function(r){return function(){e&&a(r)}};return a("loading"),t.onload=n("loaded"),t.onerror=n("error"),t.src=r,function(){e=!1}}a("error")}),[r]),t}(n),g=o(v);return i((function(){"idle"!==b&&(g(b),m(b))}),[b,m,g]),"loaded"===b?l.createElement(a,c({},y,u("AvatarImage"),{src:n,ref:e})):null}));exports.AvatarImage=b,b.displayName="AvatarImage";var g=t((function(r,e){var t=r.as,a=void 0===t?"span":t,n=r.delayMs,o=f(r,["as","delayMs"]),i=s(p("AvatarFallback"),1)[0],d=s(l.useState(void 0===n),2),v=d[0],y=d[1];return l.useEffect((function(){if(void 0!==n){var r=window.setTimeout((function(){return y(!0)}),n);return function(){return window.clearTimeout(r)}}}),[n]),v&&"loaded"!==i?l.createElement(a,c({},o,u("AvatarFallback"),{ref:e})):null}));exports.AvatarFallback=g,g.displayName="AvatarFallback";var h=m;exports.Root=h;var A=b;exports.Image=A;var O=g;exports.Fallback=O;
+var r,e,t=require("@radix-ui/react-primitive").Primitive,n=require("@radix-ui/react-utils"),a=n.createContext,o=n.useCallbackRef,i=n.useLayoutEffect,u=require("@radix-ui/utils").getSelector,l=(r={},e=require("react"),Object.keys(e).forEach((function(t){"default"!==t&&"__esModule"!==t&&Object.defineProperty(r,t,{enumerable:!0,get:function(){return e[t]}})})),r);function c(){return(c=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r}).apply(this,arguments)}function f(r,e){if(null==r)return{};var t,n,a=function(r,e){if(null==r)return{};var t,n,a={},o=Object.keys(r);for(n=0;n<o.length;n++)t=o[n],e.indexOf(t)>=0||(a[t]=r[t]);return a}(r,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);for(n=0;n<o.length;n++)t=o[n],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(r,t)&&(a[t]=r[t])}return a}function s(r,e){return function(r){if(Array.isArray(r))return r}(r)||function(r,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(r)))return;var t=[],n=!0,a=!1,o=void 0;try{for(var i,u=r[Symbol.iterator]();!(n=(i=u.next()).done)&&(t.push(i.value),!e||t.length!==e);n=!0);}catch(r){a=!0,o=r}finally{try{n||null==u.return||u.return()}finally{if(a)throw o}}return t}(r,e)||function(r,e){if(!r)return;if("string"==typeof r)return d(r,e);var t=Object.prototype.toString.call(r).slice(8,-1);"Object"===t&&r.constructor&&(t=r.constructor.name);if("Map"===t||"Set"===t)return Array.from(r);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return d(r,e)}(r,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(r,e){(null==e||e>r.length)&&(e=r.length);for(var t=0,n=new Array(e);t<e;t++)n[t]=r[t];return n}var v=s(a("AvatarContext","Avatar"),2),y=v[0],m=v[1],p=l.forwardRef((function(r,e){var n=r.children,a=f(r,["children"]),o=l.useState("idle");return l.createElement(t,c({as:"span",selector:u("Avatar")},a,{ref:e}),l.createElement(y.Provider,{value:o},n))}));exports.Avatar=p,p.displayName="Avatar";var b=l.forwardRef((function(r,e){var n=r.src,a=r.onLoadingStatusChange,d=void 0===a?function(){}:a,v=f(r,["src","onLoadingStatusChange"]),y=s(m("AvatarImage"),2)[1],p=function(r){var e=s(l.useState("idle"),2),t=e[0],n=e[1];return l.useEffect((function(){if(r){var e=!0,t=new window.Image,a=function(r){return function(){e&&n(r)}};return n("loading"),t.onload=a("loaded"),t.onerror=a("error"),t.src=r,function(){e=!1}}n("error")}),[r]),t}(n),b=o(d);return i((function(){"idle"!==p&&(b(p),y(p))}),[p,y,b]),"loaded"===p?l.createElement(t,c({as:"img",selector:u("AvatarImage")},v,{src:n,ref:e})):null}));exports.AvatarImage=b,b.displayName="AvatarImage";var g=l.forwardRef((function(r,e){var n=r.delayMs,a=f(r,["delayMs"]),o=s(m("AvatarFallback"),1)[0],i=s(l.useState(void 0===n),2),d=i[0],v=i[1];return l.useEffect((function(){if(void 0!==n){var r=window.setTimeout((function(){return v(!0)}),n);return function(){return window.clearTimeout(r)}}}),[n]),d&&"loaded"!==o?l.createElement(t,c({as:"span",selector:u("AvatarFallback")},a,{ref:e})):null}));exports.AvatarFallback=g,g.displayName="AvatarFallback";var h=p;exports.Root=h;var A=b;exports.Image=A;var w=g;exports.Fallback=w;
 //# sourceMappingURL=index.js.map

dist/index.module.js

@@ -1,2 +0,2 @@
-import{forwardRefWithAs as a}from"@radix-ui/react-polymorphic";import{createContext as t,useCallbackRef as r,useLayoutEffect as e}from"@radix-ui/react-utils";import{getPartDataAttrObj as o}from"@radix-ui/utils";import*as n from"react";function l(){return(l=Object.assign||function(a){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&(a[e]=r[e])}return a}).apply(this,arguments)}function c(a,t){if(null==a)return{};var r,e,o=function(a,t){if(null==a)return{};var r,e,o={},n=Object.keys(a);for(e=0;e<n.length;e++)r=n[e],t.indexOf(r)>=0||(o[r]=a[r]);return o}(a,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(a);for(e=0;e<n.length;e++)r=n[e],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(a,r)&&(o[r]=a[r])}return o}const s="span",[i,u]=t("AvatarContext","Avatar");export const Avatar=a(((a,t)=>{const{as:r=s,children:e}=a,u=c(a,["as","children"]),d=n.useState("idle");return n.createElement(r,l({},o("Avatar"),u,{ref:t}),n.createElement(i.Provider,{value:d},e))}));Avatar.displayName="Avatar";const d="img";export const AvatarImage=a(((a,t)=>{const{as:s=d,src:i,onLoadingStatusChange:m=(()=>{})}=a,v=c(a,["as","src","onLoadingStatusChange"]),[,p]=u("AvatarImage"),f=function(a){const[t,r]=n.useState("idle");return n.useEffect((()=>{if(!a)return void r("error");let t=!0;const e=new window.Image,o=a=>()=>{t&&r(a)};return r("loading"),e.onload=o("loaded"),e.onerror=o("error"),e.src=a,()=>{t=!1}}),[a]),t}(i),g=r(m);return e((()=>{"idle"!==f&&(g(f),p(f))}),[f,p,g]),"loaded"===f?n.createElement(s,l({},v,o("AvatarImage"),{src:i,ref:t})):null}));AvatarImage.displayName="AvatarImage";const m="span";export const AvatarFallback=a(((a,t)=>{const{as:r=m,delayMs:e}=a,s=c(a,["as","delayMs"]),[i]=u("AvatarFallback"),[d,v]=n.useState(void 0===e);return n.useEffect((()=>{if(void 0!==e){const a=window.setTimeout((()=>v(!0)),e);return()=>window.clearTimeout(a)}}),[e]),d&&"loaded"!==i?n.createElement(r,l({},s,o("AvatarFallback"),{ref:t})):null}));AvatarFallback.displayName="AvatarFallback";export const Root=Avatar;export const Image=AvatarImage;export const Fallback=AvatarFallback;
+import{Primitive as r}from"@radix-ui/react-primitive";import{createContext as e,useCallbackRef as t,useLayoutEffect as a}from"@radix-ui/react-utils";import{getSelector as o}from"@radix-ui/utils";import*as n from"react";function l(){return(l=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(r[a]=t[a])}return r}).apply(this,arguments)}function c(r,e){if(null==r)return{};var t,a,o=function(r,e){if(null==r)return{};var t,a,o={},n=Object.keys(r);for(a=0;a<n.length;a++)t=n[a],e.indexOf(t)>=0||(o[t]=r[t]);return o}(r,e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);for(a=0;a<n.length;a++)t=n[a],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(r,t)&&(o[t]=r[t])}return o}const[i,s]=e("AvatarContext","Avatar");export const Avatar=n.forwardRef(((e,t)=>{const{children:a}=e,s=c(e,["children"]),u=n.useState("idle");return n.createElement(r,l({as:"span",selector:o("Avatar")},s,{ref:t}),n.createElement(i.Provider,{value:u},a))}));Avatar.displayName="Avatar";export const AvatarImage=n.forwardRef(((e,i)=>{const{src:u,onLoadingStatusChange:d=(()=>{})}=e,f=c(e,["src","onLoadingStatusChange"]),[,v]=s("AvatarImage"),m=function(r){const[e,t]=n.useState("idle");return n.useEffect((()=>{if(!r)return void t("error");let e=!0;const a=new window.Image,o=r=>()=>{e&&t(r)};return t("loading"),a.onload=o("loaded"),a.onerror=o("error"),a.src=r,()=>{e=!1}}),[r]),e}(u),p=t(d);return a((()=>{"idle"!==m&&(p(m),v(m))}),[m,v,p]),"loaded"===m?n.createElement(r,l({as:"img",selector:o("AvatarImage")},f,{src:u,ref:i})):null}));AvatarImage.displayName="AvatarImage";export const AvatarFallback=n.forwardRef(((e,t)=>{const{delayMs:a}=e,i=c(e,["delayMs"]),[u]=s("AvatarFallback"),[d,f]=n.useState(void 0===a);return n.useEffect((()=>{if(void 0!==a){const r=window.setTimeout((()=>f(!0)),a);return()=>window.clearTimeout(r)}}),[a]),d&&"loaded"!==u?n.createElement(r,l({as:"span",selector:o("AvatarFallback")},i,{ref:t})):null}));AvatarFallback.displayName="AvatarFallback";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.0.1",
+  "version": "0.0.2",
   "license": "MIT",
@@ -21,9 +21,7 @@ "source": "src/index.ts",
   "dependencies": {
-    "@radix-ui/react-polymorphic": "0.0.1",
-    "@radix-ui/react-utils": "0.0.1",
-    "@radix-ui/utils": "0.0.1"
+    "@radix-ui/react-polymorphic": "0.0.2",
+    "@radix-ui/react-primitive": "0.0.1",
+    "@radix-ui/react-utils": "0.0.2",
+    "@radix-ui/utils": "0.0.2"
   },
-  "devDependencies": {
-    "parcel": "^2.0.0-beta.1"
-  },
   "peerDependencies": {
@@ -30,0 +28,0 @@ "react": "^16.8 || ^17.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

25771

increased by3.33%

Dev dependency count

0

decreased by-100%

Worsened metrics

Dependency count

5

increased by25%

Lines of code

38

decreased by-2.56%

Dependency changes

• + Added@radix-ui/react-primitive@0.0.1

• + Added@radix-ui/react-polymorphic@0.0.2(transitive)

• + Added@radix-ui/react-primitive@0.0.1(transitive)

• + Added@radix-ui/react-utils@0.0.2(transitive)

• + Added@radix-ui/utils@0.0.2(transitive)

• - Removed@radix-ui/react-polymorphic@0.0.1(transitive)

• - Removed@radix-ui/react-utils@0.0.1(transitive)

• - Removed@radix-ui/utils@0.0.1(transitive)

• Updated@radix-ui/react-polymorphic@0.0.2

• Updated@radix-ui/react-utils@0.0.2

• Updated@radix-ui/utils@0.0.2