getCollectionElements: Added 'next' button query

finsweet · Sep 27, 2021 · 5e5157f · 5e5157f
1 parent a8f242b
commit 5e5157f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@finsweet/ts-utils",
-  "version": "0.13.4",
+  "version": "0.13.5",
   "description": "Typescript utils for custom Webflow projects.",
   "main": "index.ts",
   "module": "index.ts",

diff --git a/webflow/getCollectionElements.ts b/webflow/getCollectionElements.ts
@@ -11,23 +11,30 @@ export function getCollectionElements(
   target: 'items',
   page?: Document
 ): NodeListOf<HTMLDivElement>;
+export function getCollectionElements(
+  reference: string | Element,
+  target: 'next',
+  page?: Document
+): HTMLAnchorElement | null | undefined;
 export function getCollectionElements(
   reference: string | Element,
   target: 'wrapper' | 'list',
   page?: Document
 ): HTMLDivElement | null | undefined;
 export function getCollectionElements(
   reference: string | Element,
-  target: 'wrapper' | 'list' | 'items',
+  target: 'wrapper' | 'list' | 'items' | 'next',
   page: Document = document
-): HTMLDivElement | NodeListOf<HTMLDivElement> | null | undefined {
+): HTMLDivElement | NodeListOf<HTMLDivElement> | HTMLAnchorElement | null | undefined {
   const referenceElement = typeof reference === 'string' ? page.querySelector<HTMLDivElement>(reference) : reference;
   if (!referenceElement) return;
 
   if (target === 'wrapper') return referenceElement.closest<HTMLDivElement>(`.w-dyn-list`);
 
   if (target === 'items') return referenceElement.querySelectorAll<HTMLDivElement>('.w-dyn-item');
 
+  if (target === 'next') return referenceElement.querySelector<HTMLAnchorElement>('.w-pagination-next');
+
   return (
     referenceElement.querySelector<HTMLDivElement>(`.w-dyn-items`) ||
     referenceElement.closest<HTMLDivElement>(`.w-dyn-items`)