@hanzogui/image 3.0.2 → 7.3.0

package/LICENSE

@@ -1,21 +1,42 @@
-MIT License
+BSD 3-Clause License
+
+Copyright (c) 2026-present, Hanzo AI, Inc.
+
+Portions of this software are derived from upstream code originally licensed under
+the MIT License, with the following copyright notices retained per its terms:
 
   Copyright (c) 2020 Nate Wienert
-  
-  Permission is hereby granted, free of charge, to any person obtaining a copy
-  of this software and associated documentation files (the "Software"), to deal
-  in the Software without restriction, including without limitation the rights
-  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-  copies of the Software, and to permit persons to whom the Software is
-  furnished to do so, subject to the following conditions:
-  
-  The above copyright notice and this permission notice shall be included in all
-  copies or substantial portions of the Software.
-  
-  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-  SOFTWARE.
+  Copyright (c) 2015-present, Nicolas Gallagher.
+  Copyright (c) 2015-present, Facebook, Inc.
+  Copyright (c) 2021 Radix
+  Copyright (c) 2017 Carmelo Pullara
+  Copyright (c) 2018 Framer B.V.
+  Copyright (c) 2022 WorkOS
+
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this
+   list of conditions and the following disclaimer.
+
+2. Redistributions in binary form must reproduce the above copyright notice,
+   this list of conditions and the following disclaimer in the documentation
+   and/or other materials provided with the distribution.
+
+3. Neither the name of the copyright holder nor the names of its contributors
+   may be used to endorse or promote products derived from this software
+   without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
+ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
+LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
+CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
+SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
+CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
+ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
+POSSIBILITY OF SUCH DAMAGE.

package/dist/cjs/Image.cjs

@@ -3,57 +3,59 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var Image_exports = {};
 __export(Image_exports, {
   Image: () => Image
 });
 module.exports = __toCommonJS(Image_exports);
-var import_gui_web = require("@hanzogui/web"),
-  import_jsx_runtime = require("react/jsx-runtime");
-const StyledImage = (0, import_gui_web.styled)(import_gui_web.View, {
-    name: "Image",
-    render: "img"
-  }),
-  Image = StyledImage.styleable((inProps, ref) => {
-    const {
-      // exclude native only props
-      blurRadius,
-      capInsets,
-      defaultSource,
-      fadeDuration,
-      loadingIndicatorSource,
-      onLoadEnd,
-      onPartialLoad,
-      progressiveRenderingEnabled,
-      resizeMethod,
-      tintColor,
-      ...rest
-    } = inProps;
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(StyledImage, {
-      ref,
-      ...rest
-    });
-  }, {
-    staticConfig: {
-      memo: !0
-    }
-  }),
-  func = () => {};
+var import_web = require("@hanzogui/web");
+var import_jsx_runtime = require("react/jsx-runtime");
+const StyledImage = (0, import_web.styled)(import_web.View, {
+  name: "Image",
+  render: "img"
+});
+const Image = StyledImage.styleable((inProps, ref) => {
+  const {
+    // exclude native only props
+    blurRadius,
+    capInsets,
+    defaultSource,
+    fadeDuration,
+    loadingIndicatorSource,
+    onLoadEnd,
+    onPartialLoad,
+    progressiveRenderingEnabled,
+    resizeMethod,
+    tintColor,
+    ...rest
+  } = inProps;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(StyledImage, {
+    ref,
+    ...rest
+  });
+}, {
+  staticConfig: {
+    memo: true
+  }
+});
+const func = () => {};
 Image.getSize = func;
 Image.getSizeWithHeaders = func;
 Image.prefetch = func;

package/dist/cjs/Image.native.js

@@ -5,29 +5,31 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var Image_native_exports = {};
 __export(Image_native_exports, {
   Image: () => Image
 });
 module.exports = __toCommonJS(Image_native_exports);
-var import_react_native = require("react-native"),
-  import_createImage = require("./createImage.native.js"),
-  Image = (0, import_createImage.createImage)({
-    Component: import_react_native.Image
-  });
+var import_react_native = require("react-native");
+var import_createImage = require("./createImage.native.js");
+var Image = (0, import_createImage.createImage)({
+  Component: import_react_native.Image
+});
 //# sourceMappingURL=Image.native.js.map

package/dist/cjs/Image.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["Image_native_exports","__export","Image","module","exports","__toCommonJS","import_react_native","require","import_createImage","createImage","Component"],"sources":["../../src/Image.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,KAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,oBAAA;AAAA,IAAAM,mBAAA,GAAiCC,OAAA;EACjCC,kBAAA,GAA4BD,OAAA;EACjBL,KAAA,OAAQM,kBAAA,CAAAC,WAAA,EAAY;IAC3BC,SAAA,EAAWJ,mBAAA,CAAAJ;EACf,CAAC","ignoreList":[]}
+{"version":3,"names":["Image_native_exports","__export","Image","module","exports","__toCommonJS","import_react_native","require","import_createImage","createImage","Component"],"sources":["../../src/Image.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,KAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,oBAAA;AAAA,IAAAM,mBAAA,GAAiCC,OAAA;AACjC,IAAAC,kBAAA,GAA4BD,OAAA;AACrB,IAAIL,KAAA,OAAQM,kBAAA,CAAAC,WAAA,EAAY;EAC3BC,SAAA,EAAWJ,mBAAA,CAAAJ;AACf,CAAC","ignoreList":[]}

package/dist/cjs/createImage.cjs

@@ -3,109 +3,127 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var createImage_exports = {};
 __export(createImage_exports, {
   createImage: () => createImage
 });
 module.exports = __toCommonJS(createImage_exports);
-var import_gui_web = require("@hanzogui/web"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_web = require("@hanzogui/web");
+var import_jsx_runtime = require("react/jsx-runtime");
 const defaultObjectFitMap = objectFit => {
-    switch (objectFit) {
-      case "fill":
-        return "stretch";
-      case "none":
-        return "center";
-      case "scale-down":
-        return "contain";
-      case "contain":
-        return "contain";
-      default:
-        return "cover";
-    }
-  },
-  defaultTransformSource = props => {
+  switch (objectFit) {
+    case "fill":
+      return "stretch";
+    case "none":
+      return "center";
+    case "scale-down":
+      return "contain";
+    case "contain":
+      return "contain";
+    default:
+      return "cover";
+  }
+};
+const defaultTransformSource = props => {
+  const {
+    src,
+    source,
+    width,
+    height
+  } = props;
+  if (source) return source;
+  if (src && typeof src !== "string") return src;
+  return {
+    uri: src,
+    width,
+    height
+  };
+};
+function createImage(options) {
+  const {
+    Component,
+    mapObjectFitToResizeMode = defaultObjectFitMap,
+    resizeModePropName = "resizeMode",
+    objectPositionPropName,
+    transformSource = defaultTransformSource
+  } = options;
+  const inlinePropsSet = /* @__PURE__ */new Set(["source", "placeholder", "transition", "contentFit", "contentPosition", "cachePolicy", "recyclingKey", "allowDownscaling", "autoplay", "blurRadius", "priority", "placeholderContentFit", "responsivePolicy", "onLoadStart", "onProgress", "onLoadEnd"]);
+  const StyledImage = (0, import_web.styled)(Component, {
+    name: "Image"
+  }, {
+    inlineProps: inlinePropsSet
+  });
+  const ImageComponent = StyledImage.styleable((incomingProps, ref) => {
+    const props = incomingProps;
     const {
       src,
-      source,
       width,
-      height
+      height,
+      borderRadius,
+      objectFit,
+      objectPosition,
+      // web only props - filter out on native
+      decoding,
+      elementTiming,
+      fetchpriority,
+      isMap,
+      loading,
+      sizes,
+      useMap,
+      onLoad,
+      onError,
+      ...rest
     } = props;
-    return source || (src && typeof src != "string" ? src : {
-      uri: src,
-      width,
-      height
+    const resolvedWidth = typeof width === "string" && width[0] === "$" ? (0, import_web.getTokenValue)(width, "size") : width;
+    const resolvedHeight = typeof height === "string" && height[0] === "$" ? (0, import_web.getTokenValue)(height, "size") : height;
+    const finalSource = transformSource({
+      src,
+      width: resolvedWidth,
+      height: resolvedHeight
     });
-  };
-function createImage(options) {
-  const {
-      Component,
-      mapObjectFitToResizeMode = defaultObjectFitMap,
-      resizeModePropName = "resizeMode",
-      objectPositionPropName,
-      transformSource = defaultTransformSource
-    } = options,
-    ImageComponent = (0, import_gui_web.styled)(Component, {
-      name: "Image"
-    }, {
-      inlineProps: /* @__PURE__ */new Set(["source", "placeholder", "transition", "contentFit", "contentPosition", "cachePolicy", "recyclingKey", "allowDownscaling", "autoplay", "blurRadius", "priority", "placeholderContentFit", "responsivePolicy", "onLoadStart", "onProgress", "onLoadEnd"])
-    }).styleable((incomingProps, ref) => {
-      const props = incomingProps,
-        {
-          src,
-          width,
-          height,
-          objectFit,
-          objectPosition,
-          // web only props - filter out on native
-          decoding,
-          elementTiming,
-          fetchpriority,
-          isMap,
-          loading,
-          sizes,
-          useMap,
-          onLoad,
-          onError,
-          ...rest
-        } = props,
-        resolvedWidth = typeof width == "string" && width[0] === "$" ? (0, import_gui_web.getTokenValue)(width) : width,
-        resolvedHeight = typeof height == "string" && height[0] === "$" ? (0, import_gui_web.getTokenValue)(height) : height,
-        finalSource = transformSource({
-          src,
-          width: resolvedWidth,
-          height: resolvedHeight
+    const incomingStyle = Array.isArray(rest.style) ? Object.assign({}, ...rest.style.flat()) : rest.style;
+    const resolvedBorderRadius = typeof borderRadius === "string" && borderRadius[0] === "$" ? (0, import_web.getTokenValue)(borderRadius, "radius") : borderRadius;
+    const finalProps = {
+      ...rest,
+      source: finalSource,
+      style: {
+        ...incomingStyle,
+        ...(resolvedBorderRadius !== void 0 && {
+          borderRadius: resolvedBorderRadius
         }),
-        incomingStyle = Array.isArray(rest.style) ? Object.assign({}, ...rest.style.flat()) : rest.style,
-        finalProps = {
-          ...rest,
-          source: finalSource,
-          style: {
-            ...incomingStyle,
-            ...(resolvedWidth !== void 0 && {
-              width: resolvedWidth
-            }),
-            ...(resolvedHeight !== void 0 && {
-              height: resolvedHeight
-            })
-          }
-        };
-      return objectFit && (finalProps[resizeModePropName] = mapObjectFitToResizeMode(objectFit)), objectPositionPropName && objectPosition && (finalProps[objectPositionPropName] = objectPosition), onLoad && (finalProps.onLoad = e => {
+        ...(resolvedWidth !== void 0 && {
+          width: resolvedWidth
+        }),
+        ...(resolvedHeight !== void 0 && {
+          height: resolvedHeight
+        })
+      }
+    };
+    if (objectFit) {
+      finalProps[resizeModePropName] = mapObjectFitToResizeMode(objectFit);
+    }
+    if (objectPositionPropName && objectPosition) {
+      finalProps[objectPositionPropName] = objectPosition;
+    }
+    if (onLoad) {
+      finalProps.onLoad = e => {
         const source = e?.nativeEvent?.source || e?.source || {};
         onLoad({
           target: {
@@ -114,15 +132,26 @@ function createImage(options) {
           },
           type: "load"
         });
-      }), onError && (finalProps.onError = () => {
+      };
+    }
+    if (onError) {
+      finalProps.onError = () => {
         onError({
           type: "error"
         });
-      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
-        ref,
-        ...finalProps
-      });
-    }),
-    comp = Component;
-  return ImageComponent.getSize = comp.getSize || (() => {}), ImageComponent.getSizeWithHeaders = comp.getSizeWithHeaders || (() => {}), ImageComponent.prefetch = comp.prefetch || (() => {}), ImageComponent.prefetchWithMetadata = comp.prefetchWithMetadata || (() => {}), ImageComponent.abortPrefetch = comp.abortPrefetch || (() => {}), ImageComponent.queryCache = comp.queryCache || (() => {}), ImageComponent;
+      };
+    }
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
+      ref,
+      ...finalProps
+    });
+  });
+  const comp = Component;
+  ImageComponent.getSize = comp.getSize || (() => {});
+  ImageComponent.getSizeWithHeaders = comp.getSizeWithHeaders || (() => {});
+  ImageComponent.prefetch = comp.prefetch || (() => {});
+  ImageComponent.prefetchWithMetadata = comp.prefetchWithMetadata || (() => {});
+  ImageComponent.abortPrefetch = comp.abortPrefetch || (() => {});
+  ImageComponent.queryCache = comp.queryCache || (() => {});
+  return ImageComponent;
 }