Socket
Socket
Sign inDemoInstall

@radix-ui/react-avatar

Package Overview
Dependencies
Maintainers
5
Versions
185
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 0.0.3 to 0.0.4

2

dist/index.js

@@ -1,2 +0,2 @@

var r,e,t=require("@radix-ui/react-primitive").Primitive,a=require("@radix-ui/react-utils"),n=a.createContext,o=a.useCallbackRef,i=a.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 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],m=v[1],p=l.forwardRef((function(r,e){var a=r.as,n=void 0===a?"span":a,o=r.selector,i=void 0===o?u("Avatar"):o,s=r.children,d=f(r,["as","selector","children"]),v=l.useState("idle");return l.createElement(t,c({},d,{as:n,selector:i,ref:e}),l.createElement(y.Provider,{value:v},s))}));exports.Avatar=p,p.displayName="Avatar";var b=l.forwardRef((function(r,e){var a=r.as,n=void 0===a?"img":a,d=r.selector,v=void 0===d?u("AvatarImage"):d,y=r.src,p=r.onLoadingStatusChange,b=void 0===p?function(){}:p,g=f(r,["as","selector","src","onLoadingStatusChange"]),h=s(m("AvatarImage"),2)[1],A=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}(y),w=o(b);return i((function(){"idle"!==A&&(w(A),h(A))}),[A,h,w]),"loaded"===A?l.createElement(t,c({},g,{as:n,selector:v,ref:e,src:y})):null}));exports.AvatarImage=b,b.displayName="AvatarImage";var g=l.forwardRef((function(r,e){var a=r.as,n=void 0===a?"span":a,o=r.selector,i=void 0===o?u("AvatarFallback"):o,d=r.delayMs,v=f(r,["as","selector","delayMs"]),y=s(m("AvatarFallback"),1)[0],p=s(l.useState(void 0===d),2),b=p[0],g=p[1];return l.useEffect((function(){if(void 0!==d){var r=window.setTimeout((function(){return g(!0)}),d);return function(){return window.clearTimeout(r)}}}),[d]),b&&"loaded"!==y?l.createElement(t,c({},v,{as:n,selector:i,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;
var r,e,t=require("@radix-ui/react-primitive").Primitive,a=require("@radix-ui/react-utils"),n=a.createContext,o=a.useCallbackRef,i=a.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 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 v(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 v(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 v(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 d=s(n("AvatarContext","Avatar"),2),y=d[0],m=d[1],p=l.forwardRef((function(r,e){var a=r.as,n=void 0===a?"span":a,o=r.selector,i=void 0===o?u("Avatar"):o,s=f(r,["as","selector"]),v=l.useState("idle");return l.createElement(y.Provider,{value:v},l.createElement(t,c({},s,{as:n,selector:i,ref:e})))}));exports.Avatar=p,p.displayName="Avatar";var b=l.forwardRef((function(r,e){var a=r.as,n=void 0===a?"img":a,v=r.selector,d=void 0===v?u("AvatarImage"):v,y=r.src,p=r.onLoadingStatusChange,b=void 0===p?function(){}:p,g=f(r,["as","selector","src","onLoadingStatusChange"]),A=s(m("AvatarImage"),2)[1],h=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}(y),w=o(b);return i((function(){"idle"!==h&&(w(h),A(h))}),[h,A,w]),"loaded"===h?l.createElement(t,c({},g,{as:n,selector:d,ref:e,src:y})):null}));exports.AvatarImage=b,b.displayName="AvatarImage";var g=l.forwardRef((function(r,e){var a=r.as,n=void 0===a?"span":a,o=r.selector,i=void 0===o?u("AvatarFallback"):o,v=r.delayMs,d=f(r,["as","selector","delayMs"]),y=s(m("AvatarFallback"),1)[0],p=s(l.useState(void 0===v),2),b=p[0],g=p[1];return l.useEffect((function(){if(void 0!==v){var r=window.setTimeout((function(){return g(!0)}),v);return function(){return window.clearTimeout(r)}}}),[v]),b&&"loaded"!==y?l.createElement(t,c({},d,{as:n,selector:i,ref:e})):null}));exports.AvatarFallback=g,g.displayName="AvatarFallback";var A=p;exports.Root=A;var h=b;exports.Image=h;var w=g;exports.Fallback=w;
//# sourceMappingURL=index.js.map

2

dist/index.module.js

@@ -1,2 +0,2 @@

import{Primitive as e}from"@radix-ui/react-primitive";import{createContext as r,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 s(){return(s=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(this,arguments)}function l(e,r){if(null==e)return{};var t,a,o=function(e,r){if(null==e)return{};var t,a,o={},n=Object.keys(e);for(a=0;a<n.length;a++)t=n[a],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a<n.length;a++)t=n[a],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const c="Avatar",i="span",[u,d]=r("AvatarContext",c);export const Avatar=n.forwardRef(((r,t)=>{const{as:a=i,selector:d=o(c),children:f}=r,m=l(r,["as","selector","children"]),p=n.useState("idle");return n.createElement(e,s({},m,{as:a,selector:d,ref:t}),n.createElement(u.Provider,{value:p},f))}));Avatar.displayName=c;const f="AvatarImage",m="img";export const AvatarImage=n.forwardRef(((r,c)=>{const{as:i=m,selector:u=o(f),src:p,onLoadingStatusChange:v=(()=>{})}=r,g=l(r,["as","selector","src","onLoadingStatusChange"]),[,y]=d(f),b=function(e){const[r,t]=n.useState("idle");return n.useEffect((()=>{if(!e)return void t("error");let r=!0;const a=new window.Image,o=e=>()=>{r&&t(e)};return t("loading"),a.onload=o("loaded"),a.onerror=o("error"),a.src=e,()=>{r=!1}}),[e]),r}(p),w=t(v);return a((()=>{"idle"!==b&&(w(b),y(b))}),[b,y,w]),"loaded"===b?n.createElement(e,s({},g,{as:i,selector:u,ref:c,src:p})):null}));AvatarImage.displayName=f;const p="AvatarFallback",v="span";export const AvatarFallback=n.forwardRef(((r,t)=>{const{as:a=v,selector:c=o(p),delayMs:i}=r,u=l(r,["as","selector","delayMs"]),[f]=d(p),[m,g]=n.useState(void 0===i);return n.useEffect((()=>{if(void 0!==i){const e=window.setTimeout((()=>g(!0)),i);return()=>window.clearTimeout(e)}}),[i]),m&&"loaded"!==f?n.createElement(e,s({},u,{as:a,selector:c,ref:t})):null}));AvatarFallback.displayName=p;export const Root=Avatar;export const Image=AvatarImage;export const Fallback=AvatarFallback;
import{Primitive as e}from"@radix-ui/react-primitive";import{createContext as r,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 s(){return(s=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(this,arguments)}function l(e,r){if(null==e)return{};var t,a,o=function(e,r){if(null==e)return{};var t,a,o={},n=Object.keys(e);for(a=0;a<n.length;a++)t=n[a],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a<n.length;a++)t=n[a],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const c="Avatar",i="span",[u,d]=r("AvatarContext",c);export const Avatar=n.forwardRef(((r,t)=>{const{as:a=i,selector:d=o(c)}=r,f=l(r,["as","selector"]),m=n.useState("idle");return n.createElement(u.Provider,{value:m},n.createElement(e,s({},f,{as:a,selector:d,ref:t})))}));Avatar.displayName=c;const f="AvatarImage",m="img";export const AvatarImage=n.forwardRef(((r,c)=>{const{as:i=m,selector:u=o(f),src:p,onLoadingStatusChange:v=(()=>{})}=r,g=l(r,["as","selector","src","onLoadingStatusChange"]),[,y]=d(f),b=function(e){const[r,t]=n.useState("idle");return n.useEffect((()=>{if(!e)return void t("error");let r=!0;const a=new window.Image,o=e=>()=>{r&&t(e)};return t("loading"),a.onload=o("loaded"),a.onerror=o("error"),a.src=e,()=>{r=!1}}),[e]),r}(p),w=t(v);return a((()=>{"idle"!==b&&(w(b),y(b))}),[b,y,w]),"loaded"===b?n.createElement(e,s({},g,{as:i,selector:u,ref:c,src:p})):null}));AvatarImage.displayName=f;const p="AvatarFallback",v="span";export const AvatarFallback=n.forwardRef(((r,t)=>{const{as:a=v,selector:c=o(p),delayMs:i}=r,u=l(r,["as","selector","delayMs"]),[f]=d(p),[m,g]=n.useState(void 0===i);return n.useEffect((()=>{if(void 0!==i){const e=window.setTimeout((()=>g(!0)),i);return()=>window.clearTimeout(e)}}),[i]),m&&"loaded"!==f?n.createElement(e,s({},u,{as:a,selector:c,ref:t})):null}));AvatarFallback.displayName=p;export const Root=Avatar;export const Image=AvatarImage;export const Fallback=AvatarFallback;
//# sourceMappingURL=index.module.js.map

8

package.json
{
"name": "@radix-ui/react-avatar",
"version": "0.0.3",
"version": "0.0.4",
"license": "MIT",

@@ -19,5 +19,5 @@ "source": "src/index.ts",

"dependencies": {
"@radix-ui/react-polymorphic": "0.0.3",
"@radix-ui/react-primitive": "0.0.2",
"@radix-ui/react-utils": "0.0.3",
"@radix-ui/react-polymorphic": "0.0.4",
"@radix-ui/react-primitive": "0.0.3",
"@radix-ui/react-utils": "0.0.4",
"@radix-ui/utils": "0.0.3"

@@ -24,0 +24,0 @@ },

dist/index.d.ts.map

Sorry, the diff of this file is not supported yet

dist/index.js.map

Sorry, the diff of this file is not supported yet

dist/index.module.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc