npm - @wix/patterns - Versions diffs - 1.461.0 → 1.462.0 - Mend

@wix/patterns 1.461.0 → 1.462.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (673) hide show

package/dist/docs/Grid/card-with-a-cta-that-opens-a-modal.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from 'react';
 import { CollectionPage } from '@wix/patterns/page';
-import { Grid, useGridCollection } from '@wix/patterns';
+import { Grid, useGridCollection, OffsetQuery } from '@wix/patterns';
 import {
   AddItem,
   Box,
@@ -13,12 +13,11 @@ import {
 import { contacts } from '@wix/crm';
 function AddItemCardWithModal() {
   const grid = useGridCollection<contacts.Contact>({
     queryName: 'contacts-AddItemCardWithModal',
     paginationMode: 'offset',
     itemName: (item) => `${item.info?.name?.first} ${item.info?.name?.last}`,
-    fetchData: (query) => {
+    fetchData: (query: OffsetQuery) => {
       const { limit, offset, search } = query;
       let queryBuilder = contacts.queryContacts().limit(limit).skip(offset);

package/dist/docs/Grid/card-with-a-cta-that-opens-a-popup.tsx CHANGED Viewed

@@ -6,16 +6,16 @@ import {
   stringsArrayFilter,
   ToolbarTitle,
   useGridCollection,
+  OffsetQuery,
 } from '@wix/patterns';
 import { contacts } from '@wix/crm';
 function AddItemCardWithPopoverMenu() {
   const grid = useGridCollection<contacts.Contact>({
     queryName: 'contacts-AddItemCardWithPopoverMenu',
     paginationMode: 'offset',
     itemName: (item) => `${item.info?.name?.first} ${item.info?.name?.last}`,
-    fetchData: (query) => {
+    fetchData: (query: OffsetQuery) => {
       const { limit, offset, search } = query;
       let queryBuilder = contacts.queryContacts().limit(limit).skip(offset);

package/dist/docs/Grid/demo.tsx CHANGED Viewed

@@ -1,17 +1,21 @@
 import React from 'react';
 import { CollectionPage } from '@wix/patterns/page';
-import { Grid, ToolbarTitle, useGridCollection } from '@wix/patterns';
+import {
+  Grid,
+  ToolbarTitle,
+  useGridCollection,
+  OffsetQuery,
+} from '@wix/patterns';
 import { Text } from '@wix/design-system';
 import { Delete } from '@wix/wix-ui-icons-common';
 import { contacts } from '@wix/crm';
 function Demo() {
   const grid = useGridCollection<contacts.Contact>({
     queryName: 'contacts-Demo',
     paginationMode: 'offset',
     itemName: (item) => `${item.info?.name?.first} ${item.info?.name?.last}`,
-    fetchData: (query) => {
+    fetchData: (query: OffsetQuery) => {
       const { limit, offset, search } = query;
       let queryBuilder = contacts.queryContacts().limit(limit).skip(offset);

package/dist/docs/Grid/grid-sections.tsx CHANGED Viewed

@@ -1,6 +1,11 @@
 import React from 'react';
 import { CollectionPage } from '@wix/patterns/page';
-import { Grid, GridSections, useGridCollection } from '@wix/patterns';
+import {
+  Grid,
+  GridSections,
+  useGridCollection,
+  OffsetQuery,
+} from '@wix/patterns';
 import { contacts } from '@wix/crm';
 function GridSectionsExample() {
@@ -25,7 +30,7 @@ function GridSectionsExample() {
     queryName: 'GridSections',
     paginationMode: 'offset',
     itemName: (item) => `${item.info?.name?.first} ${item.info?.name?.last}`,
-    fetchData: (query) => {
+    fetchData: (query: OffsetQuery) => {
       const { limit, offset, search } = query;
       let queryBuilder = contacts.queryContacts().limit(limit).skip(offset);

package/dist/docs/Grid/grid-with-a-reduced-width.tsx CHANGED Viewed

@@ -1,16 +1,15 @@
 import React from 'react';
 import { Box, Card, Cell, Layout, Page } from '@wix/design-system';
 import { CollectionPage } from '@wix/patterns/page';
-import { Grid, useGridCollection } from '@wix/patterns';
+import { Grid, useGridCollection, OffsetQuery } from '@wix/patterns';
 import { contacts } from '@wix/crm';
 function TableGridSwitchTwoThirdsWithSideBar() {
   const state = useGridCollection<contacts.Contact>({
     queryName: 'contacts-GridTwoThirdsWithSideBar',
     paginationMode: 'offset',
     itemName: (item) => `${item.info?.name?.first} ${item.info?.name?.last}`,
-    fetchData: (query) => {
+    fetchData: (query: OffsetQuery) => {
       const { limit, offset, search } = query;
       let queryBuilder = contacts.queryContacts().limit(limit).skip(offset);

package/dist/docs/Grid/use-the-preset-prop.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import React from 'react';
 import { CollectionPage } from '@wix/patterns/page';
-import { Grid, useGridCollection } from '@wix/patterns';
+import { Grid, useGridCollection, OffsetQuery } from '@wix/patterns';
 import { contacts } from '@wix/crm';
 import { Box, Button } from '@wix/design-system';
@@ -9,7 +9,7 @@ function GridWithPreset() {
     queryName: 'contacts-GridPreset',
     paginationMode: 'offset',
     itemName: (item) => `${item.info?.name?.first} ${item.info?.name?.last}`,
-    fetchData: (query) => {
+    fetchData: (query: OffsetQuery) => {
       const { limit, offset, search } = query;
       let queryBuilder = contacts.queryContacts().limit(limit).skip(offset);

package/dist/docs/Grid Sections.md CHANGED Viewed

@@ -26,7 +26,12 @@ This example sorts and groups the data by `jobTitle`.
 ```tsx
 import React from 'react';
 import { CollectionPage } from '@wix/patterns/page';
-import { Grid, GridSections, useGridCollection } from '@wix/patterns';
+import {
+  Grid,
+  GridSections,
+  useGridCollection,
+  OffsetQuery,
+} from '@wix/patterns';
 import { contacts } from '@wix/crm';
 import { AddSmall } from '@wix/wix-ui-icons-common';
@@ -53,7 +58,7 @@ function GridSectionsExample() {
     queryName: 'GridSections',
     paginationMode: 'offset',
     itemName: (item) => `${item.info?.name?.first} ${item.info?.name?.last}`,
-    fetchData: (query) => {
+    fetchData: (query: OffsetQuery) => {
       const { limit, offset, search } = query;
       let queryBuilder = contacts.queryContacts().limit(limit).skip(offset);
@@ -97,7 +102,13 @@ This example shows how to use a badge in the section header.
 ```tsx
 import React from 'react';
 import { CollectionPage } from '@wix/patterns/page';
-import { Grid, GridSections, Section, useGridCollection } from '@wix/patterns';
+import {
+  Grid,
+  GridSections,
+  Section,
+  useGridCollection,
+  OffsetQuery,
+} from '@wix/patterns';
 import { contacts } from '@wix/crm';
 import { AddSmall } from '@wix/wix-ui-icons-common';
@@ -130,7 +141,7 @@ function GridSectionsExample() {
     queryName: 'GridSections',
     paginationMode: 'offset',
     itemName: (item) => `${item.info?.name?.first} ${item.info?.name?.last}`,
-    fetchData: (query) => {
+    fetchData: (query: OffsetQuery) => {
       const { limit, offset, search } = query;
       let queryBuilder = contacts.queryContacts().limit(limit).skip(offset);

package/dist/docs/ImportButton/backup-error-handling.tsx CHANGED Viewed

@@ -7,6 +7,7 @@ import {
   ToolbarTitle,
   useTableCollection,
   type ImportConfig,
+  OffsetQuery,
 } from '@wix/patterns';
 import { queryStoreVariants } from '@wix/ambassador-stores-catalog-v1-product/http';
 import { StoreVariant } from '@wix/ambassador-stores-catalog-v1-product/types';
@@ -17,7 +18,7 @@ function BackupAndErrorHandling() {
   const state = useTableCollection<StoreVariant>({
     queryName: 'ImportButton-backup',
-    fetchData: (query) => {
+    fetchData: (query: OffsetQuery) => {
       const { limit } = query;
       return httpClient
         .request(queryStoreVariants({ query: { cursorPaging: { limit } } }))

package/dist/docs/ImportButton/platformized-import-fields-inline.tsx CHANGED Viewed

@@ -7,6 +7,7 @@ import {
   ToolbarTitle,
   useTableCollection,
   type ImportConfig,
+  OffsetQuery,
 } from '@wix/patterns';
 import { queryStoreVariants } from '@wix/ambassador-stores-catalog-v1-product/http';
 import { StoreVariant } from '@wix/ambassador-stores-catalog-v1-product/types';
@@ -17,7 +18,7 @@ function PlatformizedImport() {
   const state = useTableCollection<StoreVariant>({
     queryName: 'ImportButton-platformized',
-    fetchData: (query) => {
+    fetchData: (query: OffsetQuery) => {
       const { limit } = query;
       return httpClient
         .request(queryStoreVariants({ query: { cursorPaging: { limit } } }))

package/dist/docs/ImportButton/platformized-import-from-a-source.tsx CHANGED Viewed

@@ -21,7 +21,7 @@ type Product = {
 function PlatformizedSourceImport() {
   const source = usePlatformizedSource<Product>({
     fqdn: 'stores.catalog.product',
-    backend: { find: async () => ({ items: [], total: 0 }) },
+    backend: { find: async () => ({ items: [] as Product[], total: 0 }) },
     itemKey: (product) => product.id,
     itemName: (product) => product.name,
   });

package/dist/docs/ImportButton/required-fields.tsx CHANGED Viewed

@@ -7,6 +7,7 @@ import {
   ToolbarTitle,
   useTableCollection,
   type ImportConfig,
+  OffsetQuery,
 } from '@wix/patterns';
 import { queryStoreVariants } from '@wix/ambassador-stores-catalog-v1-product/http';
 import { StoreVariant } from '@wix/ambassador-stores-catalog-v1-product/types';
@@ -17,7 +18,7 @@ function RequiredFields() {
   const state = useTableCollection<StoreVariant>({
     queryName: 'ImportButton-required',
-    fetchData: (query) => {
+    fetchData: (query: OffsetQuery) => {
       const { limit } = query;
       return httpClient
         .request(queryStoreVariants({ query: { cursorPaging: { limit } } }))

package/dist/docs/More Actions/collection-page-2.tsx CHANGED Viewed

@@ -6,6 +6,7 @@ import {
   MoreActions,
   PrimaryActions,
   SecondaryActions,
+  OffsetQuery,
 } from '@wix/patterns';
 import { CollectionPage } from '@wix/patterns/page';
 import { InvoiceSmall, VisibleSmall } from '@wix/wix-ui-icons-common';
@@ -16,7 +17,7 @@ function CollectionPageWithSecondaryActions() {
     queryName: 'contacts-CollectionPageWithSecondaryActions',
     itemName: (contact) =>
       `${contact.info?.name?.first} ${contact.info?.name?.last}`,
-    fetchData: (query) => {
+    fetchData: (query: OffsetQuery) => {
       const { limit, offset, search } = query;
       let queryBuilder = contacts.queryContacts().limit(limit).skip(offset);

package/dist/docs/More Actions/collection-page.tsx CHANGED Viewed

@@ -5,6 +5,7 @@ import {
   useTableCollection,
   MoreActions,
   PrimaryActions,
+  OffsetQuery,
 } from '@wix/patterns';
 import { CollectionPage } from '@wix/patterns/page';
 import { InvoiceSmall, VisibleSmall } from '@wix/wix-ui-icons-common';
@@ -15,7 +16,7 @@ function CollectionPageDemo() {
     queryName: 'contacts-CollectionPageDemo',
     itemName: (contact) =>
       `${contact.info?.name?.first} ${contact.info?.name?.last}`,
-    fetchData: (query) => {
+    fetchData: (query: OffsetQuery) => {
       const { limit, offset, search } = query;
       let queryBuilder = contacts.queryContacts().limit(limit).skip(offset);

package/dist/docs/More Actions/explore-related-apps.tsx CHANGED Viewed

@@ -5,6 +5,7 @@ import {
   useTableCollection,
   MoreActions,
   PrimaryActions,
+  OffsetQuery,
 } from '@wix/patterns';
 import { CollectionPage } from '@wix/patterns/page';
 import { InvoiceSmall, VisibleSmall } from '@wix/wix-ui-icons-common';
@@ -40,7 +41,7 @@ function ExploreApps() {
     queryName: 'contacts-ExploreApps',
     itemName: (contact) =>
       `${contact.info?.name?.first} ${contact.info?.name?.last}`,
-    fetchData: (query) => {
+    fetchData: (query: OffsetQuery) => {
       const { limit, offset, search } = query;
       let queryBuilder = contacts.queryContacts().limit(limit).skip(offset);

package/dist/docs/More Actions/featured-more-actions-custom-position.tsx CHANGED Viewed

@@ -7,6 +7,7 @@ import {
   Table,
   Tags,
   useTableCollection,
+  OffsetQuery,
 } from '@wix/patterns';
 import { CollectionPage } from '@wix/patterns/page';
 import { InvoiceSmall, VisibleSmall } from '@wix/wix-ui-icons-common';
@@ -17,7 +18,7 @@ function FeaturedMoreActions() {
     queryName: 'contacts-CollectionPageDemo',
     itemName: (contact) =>
       `${contact.info?.name?.first} ${contact.info?.name?.last}`,
-    fetchData: (query) => {
+    fetchData: (query: OffsetQuery) => {
       const { limit, offset, search } = query;
       let queryBuilder = contacts.queryContacts().limit(limit).skip(offset);

package/dist/docs/More Actions/featured-more-actions-opt-out.tsx CHANGED Viewed

@@ -6,6 +6,7 @@ import {
   PrimaryActions,
   DataExtension,
   Tags,
+  OffsetQuery,
 } from '@wix/patterns';
 import { CollectionPage } from '@wix/patterns/page';
 import { InvoiceSmall, VisibleSmall } from '@wix/wix-ui-icons-common';
@@ -16,7 +17,7 @@ function FeaturedMoreActions() {
     queryName: 'contacts-CollectionPageDemo',
     itemName: (contact) =>
       `${contact.info?.name?.first} ${contact.info?.name?.last}`,
-    fetchData: (query) => {
+    fetchData: (query: OffsetQuery) => {
       const { limit, offset, search } = query;
       let queryBuilder = contacts.queryContacts().limit(limit).skip(offset);

package/dist/docs/More Actions/featured-more-actions.tsx CHANGED Viewed

@@ -6,6 +6,7 @@ import {
   PrimaryActions,
   DataExtension,
   Tags,
+  OffsetQuery,
 } from '@wix/patterns';
 import { CollectionPage } from '@wix/patterns/page';
 import { InvoiceSmall, VisibleSmall } from '@wix/wix-ui-icons-common';
@@ -16,7 +17,7 @@ function FeaturedMoreActions() {
     queryName: 'contacts-CollectionPageDemo',
     itemName: (contact) =>
       `${contact.info?.name?.first} ${contact.info?.name?.last}`,
-    fetchData: (query) => {
+    fetchData: (query: OffsetQuery) => {
       const { limit, offset, search } = query;
       let queryBuilder = contacts.queryContacts().limit(limit).skip(offset);

package/dist/docs/More Actions/integrate-with-extension.tsx CHANGED Viewed

@@ -5,6 +5,7 @@ import {
   useTableCollection,
   MoreActions,
   PrimaryActions,
+  OffsetQuery,
 } from '@wix/patterns';
 import { CollectionPage } from '@wix/patterns/page';
 import { InvoiceSmall, VisibleSmall } from '@wix/wix-ui-icons-common';
@@ -15,7 +16,7 @@ function Extensions() {
     queryName: 'contacts-Extensions',
     itemName: (contact) =>
       `${contact.info?.name?.first} ${contact.info?.name?.last}`,
-    fetchData: (query) => {
+    fetchData: (query: OffsetQuery) => {
       const { limit, offset, search } = query;
       let queryBuilder = contacts.queryContacts().limit(limit).skip(offset);

package/dist/docs/More Actions/more-actions-with-a-divider.tsx CHANGED Viewed

@@ -5,6 +5,7 @@ import {
   useTableCollection,
   MoreActions,
   PrimaryActions,
+  OffsetQuery,
 } from '@wix/patterns';
 import { CollectionPage } from '@wix/patterns/page';
 import { InvoiceSmall, VisibleSmall } from '@wix/wix-ui-icons-common';
@@ -15,7 +16,7 @@ function Toolbar() {
     queryName: 'contacts-Toolbar',
     itemName: (contact) =>
       `${contact.info?.name?.first} ${contact.info?.name?.last}`,
-    fetchData: (query) => {
+    fetchData: (query: OffsetQuery) => {
       const { limit, offset, search } = query;
       let queryBuilder = contacts.queryContacts().limit(limit).skip(offset);

package/dist/docs/MultiSelectCheckboxFilter.md CHANGED Viewed

@@ -74,7 +74,7 @@ function MultiSelectCheckboxFilterEmptyState() {
   const collection = useFilterCollection<User>(filter, {
     queryName: 'MultiSelectCheckboxFilter-EmptyState',
     fetchData: async () => {
-      return { items: [], total: 0 };
+      return { items: [] as User[], total: 0 };
     },
     limit: 50,
     filters: {},
@@ -100,6 +100,7 @@ import {
   idNameArrayFilter,
   MultiSelectCheckboxFilter,
   useFilterCollection,
+  CursorQuery,
 } from '@wix/patterns';
 import { useHttpClient } from '@wix/yoshi-flow-bm';
 import { Cell, Layout } from '@wix/design-system';
@@ -117,7 +118,7 @@ function MultiSelectCheckboxFilterServerData() {
   const collection = useFilterCollection(filter, {
     queryName: 'MultiSelectCheckboxFilter-ServerData',
     paginationMode: 'cursor',
-    fetchData: (query) => {
+    fetchData: (query: CursorQuery) => {
       const { limit, cursor, search } = query;
       return httpClient
         .request<{ total: number; items: User[]; cursor?: string }>({
@@ -162,6 +163,7 @@ import {
   idNameArrayFilter,
   MultiSelectCheckboxFilter,
   useFilterCollection,
+  CursorQuery,
 } from '@wix/patterns';
 import { useHttpClient } from '@wix/yoshi-flow-bm';
 import { Cell, Layout } from '@wix/design-system';
@@ -179,7 +181,7 @@ function CustomRenderItem() {
   const collection = useFilterCollection(filter, {
     queryName: 'MultiSelectCheckboxFilter-CustomRenderItem',
     paginationMode: 'cursor',
-    fetchData: (query) => {
+    fetchData: (query: CursorQuery) => {
       const { limit, cursor, search } = query;
       return httpClient
         .request<{ total: number; items: User[]; cursor?: string }>({

package/dist/docs/MultiSelectCollectionFilter.md CHANGED Viewed

@@ -25,7 +25,10 @@ import { MultiSelectCollectionFilter } from '@wix/patterns';
 ```tsx
 import React from 'react';
+import { useHttpClient } from '@wix/yoshi-flow-bm';
+import { Layout, Cell } from '@wix/design-system';
 import {
+  OffsetQuery,
   idNameArrayFilter,
   MultiSelectCollectionFilter,
   useFilterCollection,
@@ -34,14 +37,14 @@ import {
 function Basic() {
   const [filter] = React.useState(() => idNameArrayFilter());
-  const fakeEntityHttpClient = useFakeEntityHttpClient();
+  const fakeEntityHttpClient = useHttpClient();
   const collection = useFilterCollection(filter, {
     queryName: 'fakeEntity-filter',
-    fetchData: (query) => {
+    fetchData: (query: OffsetQuery) => {
       const { limit, offset, search } = query;
       return fakeEntityHttpClient
-        .request({
+        .request<{ items: { id: string; name: string }[]; total: number }>({
           url: '/api/fake-entity',
           params: { limit, offset, search },
         })

package/dist/docs/NestedTable/drag-and-drop.tsx CHANGED Viewed

@@ -14,6 +14,7 @@ import {
   Filter,
   stringsArrayFilter,
   NestedTableDragAndDrop,
+  OffsetQuery,
 } from '@wix/patterns';
 import { useHttpClient } from '@wix/yoshi-flow-bm';
@@ -44,7 +45,7 @@ function SingleEntityNestedTableDragAndDrop() {
           filters: {
             parentId: stringsArrayFilter(),
           },
-          fetchData: (query) => {
+          fetchData: (query: OffsetQuery<ContactFilters>) => {
             const { limit, offset, search, filters } = query;
             return httpClient
               .request(

package/dist/docs/NestedTable/filters.tsx CHANGED Viewed

@@ -88,7 +88,7 @@ function VariousEntitiesNestedTable() {
           const collection = createCollection<Category, NestedTableFilters>({
             filters,
             queryName: 'VariousEntitiesNestedTable-levels',
-            fetchData: async (query) => {
+            fetchData: async (query: OffsetQuery<NestedTableFilters>) => {
               if (!query.filters.lastActivity) {
                 return {
                   items: ALL_CATEGORIES,
@@ -131,7 +131,7 @@ function VariousEntitiesNestedTable() {
             },
             itemKey: (item) => item._id as string,
             itemName: (item) => item.info?.name as string,
-            fetchData: async (query) => {
+            fetchData: async (query: OffsetQuery<NestedTableFilters>) => {
               const queryBuilder = buildQuery(query);
               const contactsResponse = await queryBuilder.find();
               const fetchedContacts = contactsResponse.items;

package/dist/docs/NestedTable/flat-mode-search.tsx CHANGED Viewed

@@ -10,6 +10,7 @@ import {
   useCreateCollection,
   Filter,
   stringsArrayFilter,
+  OffsetQuery,
 } from '@wix/patterns';
 import { useHttpClient } from '@wix/yoshi-flow-bm';
@@ -36,7 +37,7 @@ function SingleEntityNestedTable() {
           filters: {
             parentId: stringsArrayFilter(),
           },
-          fetchData: (query) => {
+          fetchData: (query: OffsetQuery<ContactFilters>) => {
             const { limit, offset, search, filters } = query;
             return httpClient
               .request(

package/dist/docs/NestedTable/node-api-usage.tsx CHANGED Viewed

@@ -18,6 +18,7 @@ import {
   useCreateCollection,
   Filter,
   stringsArrayFilter,
+  OffsetQuery,
 } from '@wix/patterns';
 import { CollectionPage } from '@wix/patterns/page';
 import { useHttpClient } from '@wix/yoshi-flow-bm';
@@ -57,7 +58,7 @@ function AccessNodeDescendants() {
           filters: {
             parentId: stringsArrayFilter(),
           },
-          fetchData: (query) => {
+          fetchData: (query: OffsetQuery<ContactFilters>) => {
             const { limit, offset, search, filters } = query;
             return httpClient
               .request(
@@ -130,39 +131,36 @@ function AccessNodeDescendants() {
                     : ('UNSUBSCRIBED' as SubscriptionStatus),
                 };
-                node?.getParent()?.optimisticActions?.updateOne(
-                  item,
-                  {
-                    propagate: true,
-                    patch: {
-                      primaryEmail,
-                    },
-                    keepPosition: true,
-                    submit: async () => {
-                      await httpClient.request(
-                        updateContact({
-                          ...item,
-                          contactId: item.id as string,
-                          revision: item.revision ? item.revision + 1 : 1,
-                          info: {
-                            ...item.info,
-                            primaryEmail,
-                          } as {},
-                        }),
-                      );
-                      await httpClient.request(
-                        bulkUpdateContacts({
-                          filter: {
-                            ancestorId: [item.id],
-                          },
-                          info: {
-                            primaryEmail,
-                          } as {},
-                        }),
-                      );
-                    },
+                node?.getParent()?.optimisticActions?.updateOne(item, {
+                  propagate: true,
+                  patch: {
+                    primaryEmail,
                   },
-                );
+                  keepPosition: true,
+                  submit: async () => {
+                    await httpClient.request(
+                      updateContact({
+                        ...item,
+                        contactId: item.id as string,
+                        revision: item.revision ? item.revision + 1 : 1,
+                        info: {
+                          ...item.info,
+                          primaryEmail,
+                        } as {},
+                      }),
+                    );
+                    await httpClient.request(
+                      bulkUpdateContacts({
+                        filter: {
+                          ancestorId: [item.id],
+                        },
+                        info: {
+                          primaryEmail,
+                        } as {},
+                      }),
+                    );
+                  },
+                });
               }}
               checked={item.primaryEmail?.subscriptionStatus === 'SUBSCRIBED'}
             />

package/dist/docs/NestedTable/single-entity.tsx CHANGED Viewed

@@ -10,6 +10,7 @@ import {
   useCreateCollection,
   Filter,
   stringsArrayFilter,
+  OffsetQuery,
 } from '@wix/patterns';
 import { CollectionPage } from '@wix/patterns/page';
 import { useHttpClient } from '@wix/yoshi-flow-bm';
@@ -37,7 +38,7 @@ function SingleEntityNestedTable() {
           filters: {
             parentId: stringsArrayFilter(),
           },
-          fetchData: (query) => {
+          fetchData: (query: OffsetQuery<ContactFilters>) => {
             const { limit, offset, search, filters } = query;
             return httpClient
               .request(

package/dist/docs/NestedTable/various-entities.tsx CHANGED Viewed

@@ -13,6 +13,7 @@ import {
   useCreateCollection,
   Filter,
   stringsArrayFilter,
+  OffsetQuery,
 } from '@wix/patterns';
 import { useHttpClient } from '@wix/yoshi-flow-bm';
 import { Delete } from '@wix/wix-ui-icons-common';
@@ -40,7 +41,7 @@ function VariousEntitiesNestedTable() {
           const collection = createCollection<{ id: string; name: string }, {}>(
             {
               queryName: 'VariousEntitiesNestedTable-levels',
-              fetchData: (query) =>
+              fetchData: (query: OffsetQuery) =>
                 Promise.resolve({
                   items: [
                     { id: 'Beginner', name: 'Beginner' },
@@ -69,7 +70,7 @@ function VariousEntitiesNestedTable() {
             filters: {
               level: stringsArrayFilter(),
             },
-            fetchData: (query) => {
+            fetchData: (query: OffsetQuery<ContactFilters>) => {
               const { limit, offset, search, filters } = query;
               return httpClient
                 .request(