@artsy/palette-mobile 13.0.6 → 13.0.8

package/CHANGELOG.md

@@ -1,3 +1,31 @@
+# v13.0.8 (Thu Sep 14 2023)
+
+:tada: This release contains work from a new contributor! :tada:
+
+Thank you, Anandaroop Roy ([@anandaroop](https://github.com/anandaroop)), for all your work!
+
+#### 🐛 Bug Fix
+
+- fix(image): set default Gemini resize mode to `fill` [#149](https://github.com/artsy/palette-mobile/pull/149) ([@anandaroop](https://github.com/anandaroop))
+
+#### Authors: 1
+
+- Anandaroop Roy ([@anandaroop](https://github.com/anandaroop))
+
+---
+
+# v13.0.7 (Tue Sep 12 2023)
+
+#### 🐛 Bug Fix
+
+- feat(Image): expose gemini resize mode from Image [#148](https://github.com/artsy/palette-mobile/pull/148) ([@araujobarret](https://github.com/araujobarret))
+
+#### Authors: 1
+
+- Carlos Alberto de Araujo Barreto ([@araujobarret](https://github.com/araujobarret))
+
+---
+
 # v13.0.6 (Mon Sep 11 2023)
 
 #### 🐛 Bug Fix

package/dist/elements/Image/Image.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { FastImageProps } from "react-native-fast-image";
+import { GeminiResizeMode } from "../../utils/createGeminiUrl";
 type CustomFastImageProps = Omit<FastImageProps, "onLoadStart" | "onLoadEnd" | "source">;
 export interface ImageProps extends CustomFastImageProps {
     /** Supplied aspect ratio of image. If none provided, defaults to 1 */
@@ -12,6 +13,8 @@ export interface ImageProps extends CustomFastImageProps {
     performResize?: boolean;
     /** Source url to the image  */
     src: string;
+    /** Gemini resize_to param  */
+    geminiResizeMode?: GeminiResizeMode;
 }
 export declare const Image: React.FC<ImageProps>;
 export {};

package/dist/elements/Image/Image.js

@@ -15,7 +15,7 @@ const hooks_1 = require("../../utils/hooks");
 const useScreenDimensions_1 = require("../../utils/hooks/useScreenDimensions");
 const Flex_1 = require("../Flex");
 const Skeleton_1 = require("../Skeleton");
-const Image = ({ aspectRatio, width, height, performResize = true, src, style, resizeMode, ...flexProps }) => {
+const Image = ({ aspectRatio, width, height, performResize = true, src, style, resizeMode, geminiResizeMode, ...flexProps }) => {
     const [loading, setLoading] = (0, react_1.useState)(true);
     const dimensions = useImageDimensions({ aspectRatio, width, height });
     const color = (0, hooks_1.useColor)();
@@ -25,6 +25,7 @@ const Image = ({ aspectRatio, width, height, performResize = true, src, style, r
             imageURL: src,
             width: react_native_1.PixelRatio.getPixelSizeForLayoutSize(dimensions.width),
             height: react_native_1.PixelRatio.getPixelSizeForLayoutSize(dimensions.height),
+            resizeMode: geminiResizeMode,
         });
     }
     return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { position: "relative", ...flexProps, children: [!!loading && ((0, jsx_runtime_1.jsx)(Flex_1.Flex, { position: "absolute", zIndex: 1, children: (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { children: (0, jsx_runtime_1.jsx)(Skeleton_1.SkeletonBox, { ...dimensions }) }) })), (0, jsx_runtime_1.jsx)(moti_1.MotiView, { animate: { opacity: loading ? 0 : 1 }, transition: { type: "timing", duration: 400, easing: react_native_reanimated_1.Easing.sin }, children: (0, jsx_runtime_1.jsx)(react_native_fast_image_1.default, { style: [dimensions, style, { backgroundColor: color("black30") }], resizeMode: resizeMode, onLoadStart: () => setLoading(true), onLoadEnd: () => setLoading(false), source: {

package/dist/utils/createGeminiUrl.d.ts

@@ -1,8 +1,9 @@
+export type GeminiResizeMode = "fit" | "fill";
 export declare function createGeminiUrl({ imageURL, width, height, geminiHost, imageQuality, resizeMode, }: {
     imageURL: string;
     width: number;
     height: number;
     geminiHost?: string;
     imageQuality?: number;
-    resizeMode?: "fit" | "fill";
+    resizeMode?: GeminiResizeMode;
 }): string;

package/dist/utils/createGeminiUrl.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createGeminiUrl = void 0;
 const react_native_1 = require("react-native");
-function createGeminiUrl({ imageURL, width, height, geminiHost = "d7hftxdivxxvm.cloudfront.net", imageQuality = 80, resizeMode = "fit", }) {
+function createGeminiUrl({ imageURL, width, height, geminiHost = "d7hftxdivxxvm.cloudfront.net", imageQuality = 80, resizeMode = "fill", }) {
     const src = encodeURIComponent(imageURL);
     const roundedHeight = Math.round(height);
     const roundedWidth = Math.round(width);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette-mobile",
-  "version": "13.0.6",
+  "version": "13.0.8",
   "description": "Artsy's design system for React Native",
   "scripts": {
     "android": "react-native run-android",