@proulr/sdui-components 0.1.3 → 0.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proulr/sdui-components",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "main": "./src/renderer/index.ts",
   "types": "./src/renderer/index.ts",
   "exports": {

package/src/renderer/blocks/SduiDiscoverBlocks.tsx

@@ -189,6 +189,19 @@ function DiscoverGridCell({
 }
 
 export function SduiDiscoverGridBlock({ block, data, onAction }: SduiBlockRenderProps) {
+  const hybrid = useSduiHybridRenderer();
+  if (hybrid.renderDiscoverGrid) {
+    return (
+      <>
+        {hybrid.renderDiscoverGrid({
+          block,
+          data,
+          onAction,
+        })}
+      </>
+    );
+  }
+
   const itemsRef = readStringProp(block, 'items_ref') ?? 'grid_items';
   const columns = readNumberProp(block, 'columns', GRID_COLUMNS);
   const profileActionId = readStringProp(block, 'profile_action_id');

package/src/renderer/blocks/SduiPrimitiveBlocks.tsx

@@ -98,6 +98,8 @@ export function SduiScrollBlock({ block, children }: SduiBlockRenderProps) {
             : blockContentStyle
         }
         {...(chromeScroll?.scrollInsetProps ?? {})}
+        onScroll={chromeScroll?.onScroll}
+        scrollEventThrottle={chromeScroll?.onScroll ? 16 : undefined}
         showsVerticalScrollIndicator={false}
       >
         {children}

package/src/renderer/sdui-chrome-scroll-context.tsx

@@ -1,5 +1,5 @@
 import React, { createContext, useContext, type ReactNode } from 'react';
-import type { ViewStyle } from 'react-native';
+import type { NativeScrollEvent, NativeSyntheticEvent, ViewStyle } from 'react-native';
 
 export type SduiChromeScrollInsetProps = {
   contentInset?: { top: number; bottom: number };
@@ -19,6 +19,7 @@ export type SduiChromeScrollConfig = {
   scrollInsetProps: SduiChromeScrollInsetProps;
   contentContainerStyle: ViewStyle;
   chromeInsets: SduiChromeScrollInsets;
+  onScroll?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
 };
 
 const SduiChromeScrollContext = createContext<SduiChromeScrollConfig | null>(null);

package/src/renderer/sdui-hybrid-renderer-context.tsx

@@ -45,6 +45,7 @@ export type SduiHybridRenderers = {
   renderProfileCompletionBanner?: (props: SduiHybridProfileCompletionBannerProps) => ReactNode;
   renderDiscoverMap?: (props: SduiHybridDiscoverMapProps) => ReactNode;
   renderDiscoverProfileCard?: (props: SduiHybridDiscoverProfileCardProps) => ReactNode;
+  renderDiscoverGrid?: (props: SduiNativeBlockRenderProps) => ReactNode;
   renderTextField?: (props: {
     dataRef: string;
     placeholder: string;