@jobber/components-native 0.96.0 → 0.97.0

package/dist/types/src/FormatFile/FormatFile.d.ts

@@ -59,7 +59,13 @@ interface FormatFileContentProps {
      * FormatFileThumbnail.
      */
     readonly skipContainerStyles?: boolean;
+    /**
+     *  * @internal
+     * A function to be called when the media has loaded.
+     * This is only used in FormatFileThumbnail.
+     */
+    readonly onMediaLoadEnd?: () => void;
 }
-export declare function FormatFileContent({ accessibilityLabel, file, showOverlay, styleInGrid, onUploadComplete, isMedia, skipContainerStyles, }: FormatFileContentProps): React.JSX.Element;
+export declare function FormatFileContent({ accessibilityLabel, file, showOverlay, styleInGrid, onUploadComplete, isMedia, skipContainerStyles, onMediaLoadEnd, }: FormatFileContentProps): React.JSX.Element;
 export declare function FormatFile<T extends File | FileUpload>({ file, accessibilityLabel, accessibilityHint, onTap, onRemove, bottomSheetOptionsSuffix, styleInGrid, testID, showFileTypeIndicator, createThumbnail, onPreviewPress, }: FormatFileProps<T>): React.JSX.Element;
 export {};

package/dist/types/src/FormatFile/FormatFileThumbnail.d.ts

@@ -29,6 +29,12 @@ export interface FormatFileThumbnailProps<T> {
      * A reference to the element in the rendered output.
      */
     readonly testID?: string;
+    /**
+     * @internal
+     * A function to be called when the media has loaded.
+     * Not to be used for Files
+     */
+    readonly onMediaLoadEnd?: () => void;
 }
 /**
  * A lightweight, visual-only file thumbnail component.
@@ -41,4 +47,4 @@ export interface FormatFileThumbnailProps<T> {
  * where you need a single shared BottomSheet rather than one per item, and
  * where the consumer controls the item dimensions via the `size` prop.
  */
-export declare function FormatFileThumbnail<T extends File | FileUpload>({ file, accessibilityLabel, showFileTypeIndicator, createThumbnail: createThumbnailProp, size, testID, }: FormatFileThumbnailProps<T>): React.JSX.Element;
+export declare function FormatFileThumbnail<T extends File | FileUpload>({ file, accessibilityLabel, showFileTypeIndicator, createThumbnail: createThumbnailProp, size, testID, onMediaLoadEnd, }: FormatFileThumbnailProps<T>): React.JSX.Element;

package/dist/types/src/FormatFile/components/MediaView/MediaView.d.ts

@@ -7,6 +7,7 @@ interface MediaViewProps {
     readonly file: FormattedFile;
     readonly styleInGrid: boolean;
     readonly onUploadComplete: () => void;
+    readonly onLoadEnd?: () => void;
 }
-export declare function MediaView({ accessibilityLabel, showOverlay, showError, file, styleInGrid, onUploadComplete, }: MediaViewProps): React.JSX.Element;
+export declare function MediaView({ accessibilityLabel, showOverlay, showError, file, styleInGrid, onUploadComplete, onLoadEnd, }: MediaViewProps): React.JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.96.0",
+  "version": "0.97.0",
   "license": "MIT",
   "description": "React Native implementation of Atlantis",
   "repository": {
@@ -96,5 +96,5 @@
     "react-native-safe-area-context": "^5.4.0",
     "react-native-svg": ">=12.0.0"
   },
-  "gitHead": "f18222f5850dfce66a75e112122e9882ef2c7413"
+  "gitHead": "1c8d10a463f068f8580fa2296bba3a34f9c0a22e"
 }

package/src/FormatFile/FormatFile.tsx

@@ -88,6 +88,13 @@ interface FormatFileContentProps {
    * FormatFileThumbnail.
    */
   readonly skipContainerStyles?: boolean;
+
+  /**
+   *  * @internal
+   * A function to be called when the media has loaded.
+   * This is only used in FormatFileThumbnail.
+   */
+  readonly onMediaLoadEnd?: () => void;
 }
 
 export function FormatFileContent({
@@ -98,6 +105,7 @@ export function FormatFileContent({
   onUploadComplete,
   isMedia,
   skipContainerStyles = false,
+  onMediaLoadEnd,
 }: FormatFileContentProps) {
   const styles = useStyles();
 
@@ -109,6 +117,7 @@ export function FormatFileContent({
       showError={file.error}
       styleInGrid={styleInGrid}
       onUploadComplete={onUploadComplete}
+      onLoadEnd={onMediaLoadEnd}
     />
   ) : (
     <FileView

package/src/FormatFile/FormatFileThumbnail.tsx

@@ -42,6 +42,13 @@ export interface FormatFileThumbnailProps<T> {
    * A reference to the element in the rendered output.
    */
   readonly testID?: string;
+
+  /**
+   * @internal
+   * A function to be called when the media has loaded.
+   * Not to be used for Files
+   */
+  readonly onMediaLoadEnd?: () => void;
 }
 
 /**
@@ -62,6 +69,7 @@ export function FormatFileThumbnail<T extends File | FileUpload>({
   createThumbnail: createThumbnailProp,
   size,
   testID,
+  onMediaLoadEnd,
 }: FormatFileThumbnailProps<T>) {
   const formattedFile = useMemo(
     () => parseFile(file, showFileTypeIndicator),
@@ -98,6 +106,7 @@ export function FormatFileThumbnail<T extends File | FileUpload>({
           styleInGrid={true}
           showOverlay={showOverlay}
           skipContainerStyles={true}
+          onMediaLoadEnd={onMediaLoadEnd}
         />
       </View>
     </AtlantisFormatFileContext.Provider>

package/src/FormatFile/components/MediaView/MediaView.tsx

@@ -18,6 +18,7 @@ interface MediaViewProps {
   readonly file: FormattedFile;
   readonly styleInGrid: boolean;
   readonly onUploadComplete: () => void;
+  readonly onLoadEnd?: () => void;
 }
 
 export function MediaView({
@@ -27,6 +28,7 @@ export function MediaView({
   file,
   styleInGrid,
   onUploadComplete,
+  onLoadEnd,
 }: MediaViewProps) {
   const { t } = useAtlantisI18n();
   const { useCreateThumbnail } = useAtlantisFormatFileContext();
@@ -77,7 +79,10 @@ export function MediaView({
         source={{ uri }}
         testID={"test-image"}
         onLoadStart={handleLoadStart}
-        onLoadEnd={handleLoadEnd}
+        onLoadEnd={() => {
+          handleLoadEnd();
+          onLoadEnd?.();
+        }}
       >
         <Overlay
           isLoading={isLoading}