@hanzogui/avatar 8.3.0 → 8.3.2

package/dist/jsx/Avatar.native.js

@@ -1,184 +0,0 @@
-"use strict";
-
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var Avatar_exports = {};
-__export(Avatar_exports, {
-  Avatar: () => Avatar,
-  AvatarFallback: () => AvatarFallback,
-  AvatarFallbackFrame: () => AvatarFallbackFrame,
-  AvatarFrame: () => AvatarFrame,
-  AvatarImage: () => AvatarImage,
-  createAvatarScope: () => createAvatarScope
-});
-module.exports = __toCommonJS(Avatar_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_core = require("@hanzogui/core");
-var import_create_context = require("@hanzogui/create-context");
-var import_helpers = require("@hanzogui/helpers");
-var import_image = require("@hanzogui/image");
-var import_shapes = require("@hanzogui/shapes");
-var import_stacks = require("@hanzogui/stacks");
-var React = __toESM(require("react"), 1);
-function _type_of(obj) {
-  "@swc/helpers - typeof";
-
-  return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-}
-var AVATAR_NAME = "Avatar";
-var [createAvatarContext, createAvatarScope] = (0, import_create_context.createContextScope)(AVATAR_NAME);
-var [AvatarProvider, useAvatarContext] = createAvatarContext(AVATAR_NAME);
-var IMAGE_NAME = "AvatarImage";
-var AvatarImage = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
-  var {
-    __scopeAvatar,
-    src,
-    source,
-    onLoadingStatusChange = function () {},
-    ...imageProps
-  } = props;
-  var context = useAvatarContext(IMAGE_NAME, __scopeAvatar);
-  var [status, setStatus] = React.useState("idle");
-  var resolvedSrc = src || (source && (typeof source === "undefined" ? "undefined" : _type_of(source)) === "object" && "uri" in source ? source.uri : source);
-  React.useEffect(function () {
-    if (!resolvedSrc) {
-      setStatus("error");
-    } else {
-      setStatus("idle");
-    }
-  }, [resolvedSrc]);
-  React.useEffect(function () {
-    onLoadingStatusChange(status);
-    context.onImageLoadingStatusChange(status);
-  }, [status]);
-  if (!resolvedSrc) {
-    return null;
-  }
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.YStack, {
-    fullscreen: true,
-    zIndex: 1,
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_image.Image, {
-      position: "absolute",
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
-      objectFit: "cover",
-      // fill the frame. previously the image was sized to
-      // getShapeSize(context.size) — but that resolves a numeric `size`
-      // (e.g. <Avatar size={16} />) as a size-TOKEN index (tokens.size[16]),
-      // so it got the token-scale value (~224px) instead of 16px, blowing
-      // the image far past its frame; object-fit:cover then showed a
-      // blurry mis-cropped corner. the frame already owns the size, so the
-      // image just fills it — correct for numeric and token sizes alike.
-      width: "100%",
-      height: "100%",
-      ...imageProps,
-      // @ts-ignore
-      ref: forwardedRef,
-      // @ts-ignore
-      src: resolvedSrc,
-      // onLoadStart={() => {
-      //   // setStatus('loading')
-      // }}
-      onError: function () {
-        setStatus("error");
-      },
-      onLoad: function () {
-        setStatus("loaded");
-      }
-    })
-  });
-});
-AvatarImage.displayName = IMAGE_NAME;
-var FALLBACK_NAME = "AvatarFallback";
-var AvatarFallbackFrame = (0, import_core.styled)(import_stacks.YStack, {
-  name: FALLBACK_NAME,
-  position: "absolute",
-  fullscreen: true,
-  zIndex: 0
-});
-var AvatarFallback = AvatarFallbackFrame.styleable(function (props, forwardedRef) {
-  var {
-    __scopeAvatar,
-    delayMs,
-    ...fallbackProps
-  } = props;
-  var context = useAvatarContext(FALLBACK_NAME, __scopeAvatar);
-  var [canRender, setCanRender] = React.useState(delayMs === void 0);
-  React.useEffect(function () {
-    if (delayMs !== void 0) {
-      var timerId = setTimeout(function () {
-        return setCanRender(true);
-      }, delayMs);
-      return function () {
-        return clearTimeout(timerId);
-      };
-    }
-  }, [delayMs]);
-  return canRender && context.imageLoadingStatus !== "loaded" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(AvatarFallbackFrame, {
-    ...fallbackProps,
-    ref: forwardedRef
-  }) : null;
-});
-AvatarFallback.displayName = FALLBACK_NAME;
-var AvatarFrame = (0, import_core.styled)(import_shapes.Square, {
-  name: AVATAR_NAME,
-  position: "relative",
-  overflow: "hidden"
-});
-var Avatar = (0, import_helpers.withStaticProperties)(/* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
-  var {
-    __scopeAvatar,
-    size = "$true",
-    ...avatarProps
-  } = props;
-  var [imageLoadingStatus, setImageLoadingStatus] = React.useState("idle");
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(AvatarProvider, {
-    size,
-    scope: __scopeAvatar,
-    imageLoadingStatus,
-    onImageLoadingStatusChange: setImageLoadingStatus,
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(AvatarFrame, {
-      size,
-      ...avatarProps,
-      ref: forwardedRef
-    })
-  });
-}), {
-  Image: AvatarImage,
-  Fallback: AvatarFallback
-});
-Avatar.displayName = AVATAR_NAME;
-//# sourceMappingURL=Avatar.native.js.map

package/dist/jsx/Avatar.native.js.map

@@ -1 +0,0 @@
-{"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","_type_of","obj","Symbol","constructor","AVATAR_NAME","createAvatarContext","createContextScope","AvatarProvider","useAvatarContext","IMAGE_NAME","forwardRef","props","forwardedRef","__scopeAvatar","src","source","onLoadingStatusChange","imageProps","context","status","setStatus","useState","resolvedSrc","uri","useEffect","onImageLoadingStatusChange","jsx","YStack","fullscreen","zIndex","children","Image","position","top","left","right","bottom","objectFit","width","height","ref","onError","onLoad"],"sources":["../../src/Avatar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/index.js

@@ -1,2 +0,0 @@
-export * from "./Avatar.mjs";
-//# sourceMappingURL=index.js.map

package/dist/jsx/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}

package/dist/jsx/index.mjs

@@ -1,2 +0,0 @@
-export * from "./Avatar.mjs";
-//# sourceMappingURL=index.mjs.map

package/dist/jsx/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}

package/dist/jsx/index.native.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var index_exports = {};
-module.exports = __toCommonJS(index_exports);
-__reExport(index_exports, require("./Avatar.native.js"), module.exports);
-//# sourceMappingURL=index.native.js.map

package/dist/jsx/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA","ignoreList":[]}