getCollectionElements: Now items query will return `HTMLDivElemen…

…t[]` instead of `NodeListOf<HTMLDivElement>`
finsweet · Oct 1, 2021 · 7112b4b · 7112b4b
1 parent 550dee7
commit 7112b4b
Show file tree

Hide file tree

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

diff --git a/webflow/getCollectionElements.ts b/webflow/getCollectionElements.ts
@@ -6,11 +6,7 @@
  * @param page The page document.
  * @returns The specified collection element/elements.
  */
-export function getCollectionElements(
-  reference: string | Element,
-  target: 'items',
-  page?: Document
-): NodeListOf<HTMLDivElement>;
+export function getCollectionElements(reference: string | Element, target: 'items', page?: Document): HTMLDivElement[];
 export function getCollectionElements(
   reference: string | Element,
   target: 'next' | 'previous',
@@ -25,13 +21,13 @@ export function getCollectionElements(
   reference: string | Element,
   target: 'wrapper' | 'list' | 'items' | 'next' | 'previous',
   page: Document = document
-): HTMLDivElement | NodeListOf<HTMLDivElement> | HTMLAnchorElement | null | undefined {
+): HTMLDivElement | 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 === 'items') return [...referenceElement.querySelectorAll<HTMLDivElement>('.w-dyn-item')];
 
   if (target === 'next') return referenceElement.querySelector<HTMLAnchorElement>('.w-pagination-next');
   if (target === 'previous') return referenceElement.querySelector<HTMLAnchorElement>('.w-pagination-previous');