@javascriptcommon/react-native-carplay 2.4.5 → 2.4.7

package/ios/RNCarPlay.m

@@ -84,6 +84,7 @@ RCT_EXPORT_MODULE();
         // list
         @"didSelectListItem",
         @"didSelectListItemRowImage",
+        @"scrollToBottom",
         // search
         @"updatedSearchText",
         @"searchButtonPressed",
@@ -457,7 +458,14 @@ RCT_EXPORT_METHOD(createTemplate:(NSString *)templateId config:(NSDictionary*)co
         carPlayTemplate.tabTitle = [RCTConvert NSString:config[@"tabTitle"]];
     }
 
-    [carPlayTemplate setUserInfo:@{ @"templateId": templateId }];
+    // Set userInfo with templateId and optional scrollBottomThreshold for list templates
+    NSMutableDictionary *userInfo = [@{ @"templateId": templateId } mutableCopy];
+    if ([type isEqualToString:@"list"] && config[@"scrollBottomThreshold"]) {
+        userInfo[@"scrollBottomThreshold"] = [RCTConvert NSNumber:config[@"scrollBottomThreshold"]];
+    } else if ([type isEqualToString:@"list"]) {
+        userInfo[@"scrollBottomThreshold"] = @(5); // default threshold
+    }
+    [carPlayTemplate setUserInfo:userInfo];
     [store setTemplate:templateId template:carPlayTemplate];
 }
 
@@ -1522,6 +1530,35 @@ RCT_EXPORT_METHOD(updateMapTemplateMapButtons:(NSString*) templateId mapButtons:
     NSNumber* index = [item.userInfo objectForKey:@"index"];
     [self sendTemplateEventWithName:listTemplate name:@"didSelectListItem" json:@{ @"index": index }];
     self.selectedResultBlock = completionHandler;
+    
+    // Check if we should trigger scroll to bottom callback for infinite scroll
+    NSDictionary *templateUserInfo = [listTemplate userInfo];
+    NSNumber *scrollBottomThreshold = [templateUserInfo objectForKey:@"scrollBottomThreshold"];
+    
+    if (scrollBottomThreshold) {
+        // Calculate total number of items across all sections
+        NSInteger totalItems = 0;
+        for (CPListSection *section in listTemplate.sections) {
+            totalItems += section.items.count;
+        }
+        
+        // Get the current index
+        NSInteger currentIndex = [index integerValue];
+        
+        // Calculate remaining items
+        NSInteger remainingItems = totalItems - currentIndex - 1;
+        
+        // If we're within the threshold from the end, fire the event
+        if (remainingItems <= [scrollBottomThreshold integerValue]) {
+            NSString *templateId = [templateUserInfo objectForKey:@"templateId"];
+            if (self->hasListeners && templateId) {
+                [self sendEventWithName:@"scrollToBottom" body:@{
+                    @"templateId": templateId,
+                    @"remainingItems": @(remainingItems)
+                }];
+            }
+        }
+    }
 }
 
 # pragma TabBarTemplate

package/lib/templates/ListTemplate.d.ts

@@ -66,6 +66,22 @@ export interface ListTemplateConfig extends TemplateConfig {
      * Fired when the back button is pressed
      */
     onBackButtonPressed?(): void;
+    /**
+     * Fired when user scrolls close to the bottom of the list.
+     * Useful for implementing infinite scroll / pagination.
+     * @param e Object with remainingItems count
+     * @namespace iOS
+     */
+    onScrollToBottom?(e: {
+        templateId: string;
+        remainingItems: number;
+    }): void;
+    /**
+     * Number of items from the bottom that triggers onScrollToBottom callback.
+     * @default 5
+     * @namespace iOS
+     */
+    scrollBottomThreshold?: number;
     /**
      * Option to hide back button
      * @default false

package/lib/templates/ListTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListTemplate.d.ts","sourceRoot":"","sources":["../../src/templates/ListTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEtD,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACxD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB;;;;;;;;;;OAUG;IACH,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAC;IAClC;;;;;;;;;;OAUG;IACH,yBAAyB,CAAC,EAAE,MAAM,EAAE,CAAC;IACrC;;;;;OAKG;IACH,YAAY,CAAC,CAAC,IAAI,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAE1E;;;;;OAKG;IACH,oBAAoB,CAAC,CAAC,IAAI,EAAE;QAC1B,UAAU,EAAE,MAAM,CAAC;QACnB,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,MAAM,CAAC;KACpB,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAElB;;OAEG;IACH,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAE7B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;;OAIG;IACH,SAAS,CAAC,EAAE;QACV,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAC;QAC3B,UAAU,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;QACzC,MAAM,EAAE,WAAW,GAAG,WAAW,CAAC;KACnC,CAAC;IACF;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,CAAC;IAC1C;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;CACrE;AAED;;;;;;;;GAQG;AACH,qBAAa,YAAa,SAAQ,QAAQ,CAAC,kBAAkB,CAAC;IAWzC,MAAM,EAAE,kBAAkB;IAV7C,IAAW,IAAI,IAAI,MAAM,CAExB;IAED,IAAI,QAAQ;;MAIX;gBAEkB,MAAM,EAAE,kBAAkB;IA2BtC,cAAc,aAAc,WAAW,EAAE,UAG9C;IAEK,sBAAsB,WAAY,cAAc,UAMrD;IAEK,uBAAuB;IAIvB,0BAA0B;IAI1B,2BAA2B;IAI3B,4BAA4B;IAI5B,mCAAmC;CAG3C"}
+{"version":3,"file":"ListTemplate.d.ts","sourceRoot":"","sources":["../../src/templates/ListTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEtD,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACxD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB;;;;;;;;;;OAUG;IACH,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAC;IAClC;;;;;;;;;;OAUG;IACH,yBAAyB,CAAC,EAAE,MAAM,EAAE,CAAC;IACrC;;;;;OAKG;IACH,YAAY,CAAC,CAAC,IAAI,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAE1E;;;;;OAKG;IACH,oBAAoB,CAAC,CAAC,IAAI,EAAE;QAC1B,UAAU,EAAE,MAAM,CAAC;QACnB,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,MAAM,CAAC;KACpB,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAElB;;OAEG;IACH,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAE7B;;;;;OAKG;IACH,gBAAgB,CAAC,CAAC,CAAC,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,cAAc,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAE3E;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;;OAIG;IACH,SAAS,CAAC,EAAE;QACV,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAC;QAC3B,UAAU,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;QACzC,MAAM,EAAE,WAAW,GAAG,WAAW,CAAC;KACnC,CAAC;IACF;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,CAAC;IAC1C;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;CACrE;AAED;;;;;;;;GAQG;AACH,qBAAa,YAAa,SAAQ,QAAQ,CAAC,kBAAkB,CAAC;IAWzC,MAAM,EAAE,kBAAkB;IAV7C,IAAW,IAAI,IAAI,MAAM,CAExB;IAED,IAAI,QAAQ;;MAIX;gBAEkB,MAAM,EAAE,kBAAkB;IAoCtC,cAAc,aAAc,WAAW,EAAE,UAG9C;IAEK,sBAAsB,WAAY,cAAc,UAMrD;IAEK,uBAAuB;IAIvB,0BAA0B;IAI1B,2BAA2B;IAI3B,4BAA4B;IAI5B,mCAAmC;CAG3C"}

package/lib/templates/ListTemplate.js

@@ -44,6 +44,11 @@ class ListTemplate extends Template_1.Template {
                 });
             }
         });
+        CarPlay_1.CarPlay.emitter.addListener('scrollToBottom', (e) => {
+            if (config.onScrollToBottom && e.templateId === this.id) {
+                config.onScrollToBottom(e);
+            }
+        });
     }
     updateSections = (sections) => {
         this.config.sections = sections;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@javascriptcommon/react-native-carplay",
-  "version": "2.4.5",
+  "version": "2.4.7",
   "description": "CarPlay for React Native",
   "main": "lib/index.js",
   "react-native": "src/index.ts",

package/src/templates/ListTemplate.ts

@@ -69,6 +69,21 @@ export interface ListTemplateConfig extends TemplateConfig {
    */
   onBackButtonPressed?(): void;
 
+  /**
+   * Fired when user scrolls close to the bottom of the list.
+   * Useful for implementing infinite scroll / pagination.
+   * @param e Object with remainingItems count
+   * @namespace iOS
+   */
+  onScrollToBottom?(e: { templateId: string; remainingItems: number }): void;
+
+  /**
+   * Number of items from the bottom that triggers onScrollToBottom callback.
+   * @default 5
+   * @namespace iOS
+   */
+  scrollBottomThreshold?: number;
+
   /**
    * Option to hide back button
    * @default false
@@ -150,6 +165,15 @@ export class ListTemplate extends Template<ListTemplateConfig> {
         }
       },
     );
+
+    CarPlay.emitter.addListener(
+      'scrollToBottom',
+      (e: { templateId: string; remainingItems: number }) => {
+        if (config.onScrollToBottom && e.templateId === this.id) {
+          config.onScrollToBottom(e);
+        }
+      },
+    );
   }
 
   public updateSections = (sections: ListSection[]) => {