@notionhq/custom-blocks 0.1.34 → 0.1.35

package/src/react/useDataSource.ts

@@ -9,7 +9,7 @@ import { useCustomBlockHost } from "./useHostState.js"
  *
  * @param key - The semantic data source key the block is wired to (e.g. `"people"`).
  * @param options - Optional live snapshot options. `limit` defaults to 20 and
- *   is capped at 999.
+ *   is capped at 999. `sorts` are applied in array order.
  *
  * @example
  * const { items, isLoading, hasMore, error } = useDataSource("default", { limit: 25 })

package/src/types.ts

@@ -154,6 +154,10 @@ export type NotionDataSourcePropertyFilter = NotionDataSourcePropertyAddress &
 		| { date: NotionDataSourceDateFilterOperator }
 	)
 
+export type NotionDataSourceSort = NotionDataSourcePropertyAddress & {
+	direction: "ascending" | "descending"
+}
+
 export type NotionDataSourceFilter =
 	| NotionDataSourcePropertyFilter
 	| { and: NotionDataSourcePropertyFilter[] }
@@ -204,6 +208,10 @@ export type UseDataSourceOptions = {
 	 * it sends the query to the host.
 	 */
 	filter?: NotionDataSourceFilter
+	/**
+	 * Optional property sorts. The host applies them in array order.
+	 */
+	sorts?: NotionDataSourceSort[]
 }
 
 /**