@apify/ui-library 0.65.3 → 0.66.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@apify/ui-library",
-    "version": "0.65.3",
+    "version": "0.66.0",
     "description": "React UI library used by apify.com",
     "license": "Apache-2.0",
     "type": "module",
@@ -65,5 +65,5 @@
         "typescript": "^5.1.6",
         "typescript-eslint": "^8.24.0"
     },
-    "gitHead": "d28107308e89cc139489334a352f51de1ce3ff8f"
+    "gitHead": "ac1f72d38faae0236e5cd402f18808c1f147fc34"
 }

package/src/components/action_link.tsx

@@ -24,18 +24,19 @@ const StyledGuidepost = styled(Box)<{ $isBackLink: boolean }>`
     }
 `;
 
-export const ActionLink: React.FC<LinkProps> = ({
+export const ActionLink: React.FC<LinkProps & { contentProps?: object }> = ({
     children,
-    as,
+    as = Link,
+    contentProps,
     ...rest
 }) => {
     return (
         <StyledGuidepost
-            forwardedAs={as || Link}
+            forwardedAs={as}
             $isBackLink={false}
             {...rest}
         >
-            <Heading as='span' type='titleM'>{children}</Heading>
+            <Heading as='span' type='titleM' {...contentProps}>{children}</Heading>
             <ArrowRightIcon size="16" />
         </StyledGuidepost>
     );

package/src/components/image.tsx

@@ -1,5 +1,6 @@
 import { forwardRef } from 'react';
 
+import type { ImageProxyOptions } from '../ui_dependency_provider.js';
 import { useSharedUiDependencies } from '../ui_dependency_provider.js';
 import { Box, type BoxProps } from './box.js';
 
@@ -9,7 +10,7 @@ type ImageProps = {
     width?: number,
     height?: number,
     loading?: 'eager' | 'lazy' | undefined;
-}
+} & ImageProxyOptions
 
 export const Image = forwardRef<HTMLImageElement, ImageProps & Omit<BoxProps, 'as'>>((props, ref) => {
     const { InternalImage } = useSharedUiDependencies();

package/src/ui_dependency_provider.tsx

@@ -10,6 +10,14 @@ export interface AgnosticInternalLinkProps extends Omit<React.AnchorHTMLAttribut
     href: string;
 }
 
+export type ImageProxyOptions = {
+    extension?: string,
+    resize?: {
+        width?: number,
+        height?: number,
+    }
+}
+
 export interface UiDependencies {
     InternalLink: React.ForwardRefExoticComponent<AgnosticInternalLinkProps & React.RefAttributes<HTMLAnchorElement>>,
     InternalImage: React.ForwardRefExoticComponent<React.RefAttributes<HTMLImageElement>>,
@@ -22,7 +30,7 @@ export interface UiDependencies {
     isHrefTrusted: (href: string) => boolean,
     uiTheme?: UiThemeOption, // Optional - as we can just fallback to light theme on the web
     // TODO: Make required once we add it on the web
-    generateProxyImageUrl?: (url: string, options: { extension?: string, resize?: { width?: number, height?: number } }) => string
+    generateProxyImageUrl?: (url: string, options: ImageProxyOptions) => string
 }
 
 interface UiDependencyProviderProps {