@wix/patterns 1.460.0 → 1.462.0

package/dist/docs/DataResultRaw.md

@@ -15,11 +15,10 @@ You must return a `DataResultRaw` object from `fetchData()` in collection hooks,
 
 ### Props
 
-| Prop | Type | Required | Default | Description |
-|------|------|----------|---------|-------------|
-| `items` | `T[]` | Yes | - | Array of items returned from the server. |
-| `total` | `number \| null` | No | ``items.length`` | Total items available in the server, *after* applying filters. If not provided, offset pagination will not work correctly. If you are using a cursor and did not include `total` in your query request, you can use the `fetchTotal` function to extract it asynchronously. |
-| `available` | `number` | No | - | Total items available in the server, *before* applying filters. |
-| `cursor` | `string \| null` | No | - | In case of cursor pagination, this will be the value that will be sent in the query on the next page request. |
-| `hasNext` | `boolean \| null` | No | - | Indicates whether there are more items available after the current page. |
+Read `dist/dts-bundle/types/DataResultRaw.d.ts` for `DataResultRaw`'s full prop list, with types and
+descriptions. They are not repeated here, so the bundle is the single source of truth.
+
+A one-line stub in that file is an answer, not a truncation: an empty body with a
+"Produced by" note means you get the value from that hook or factory rather than
+constructing it. `dist/dts-bundle/index.json` maps every name to its bundle path.
 

package/dist/docs/Display Extended Fields.md

@@ -118,7 +118,12 @@ This example demonstrates how to display extended fields in your table.
 import React from 'react';
 
 import { CollectionPage } from '@wix/patterns/page';
-import { Table, useTableCollection, DataExtension } from '@wix/patterns';
+import {
+  Table,
+  useTableCollection,
+  DataExtension,
+  OffsetQuery,
+} from '@wix/patterns';
 import { queryContacts } from '@wix/ambassador-contacts-v4-contact/http';
 import { Contact } from '@wix/ambassador-contacts-v4-contact/types';
 import { useHttpClient } from '@wix/yoshi-flow-bm';
@@ -130,7 +135,7 @@ function Basic() {
     queryName: 'contacts-CustomFields',
     paginationMode: 'offset',
     fqdn: 'wix.patterns.dummyservice.v1.dummy_entity',
-    fetchData: (query) => {
+    fetchData: (query: OffsetQuery) => {
       const { limit, offset, search, filters } = query;
       return httpClient
         .request(

package/dist/docs/EntityPage.Card.md

@@ -217,14 +217,16 @@ import { EntityPage } from '@wix/patterns/page';
 ### Composition
 
 ```tsx
+import { Card } from '@wix/design-system';
+
 <EntityPage state={state}>
   <EntityPage.Header title={{ text: "Edit Item" }} />
   <EntityPage.Content>
     <EntityPage.MainContent>
       <EntityPage.Card>  {/* ← this component */}
-        <EntityPage.Card.Content>
+        <Card.Content>  {/* from @wix/design-system */}
           {/* form fields */}
-        </EntityPage.Card.Content>
+        </Card.Content>
       </EntityPage.Card>
     </EntityPage.MainContent>
   </EntityPage.Content>

package/dist/docs/Explore Apps.md

@@ -40,6 +40,7 @@ import {
   useTableCollection,
   MoreActions,
   PrimaryActions,
+  OffsetQuery,
 } from '@wix/patterns';
 import { CollectionPage } from '@wix/patterns/page';
 import { InvoiceSmall, VisibleSmall } from '@wix/wix-ui-icons-common';
@@ -75,7 +76,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/Filter Overview.md

@@ -111,12 +111,12 @@ const levelsCollection = useStaticListFilterCollection(filter, [
 
 This is the most basic example for using [stringsArrayFilter](./?path=/story/features-filter-factories--stringsarrayfilter) and [MultiSelectCheckboxFilter](./?path=/story/features-filter-components--multiselectcheckboxfilter)
 
-```js
+```tsx
 const [filter] = React.useState(() => stringsArrayFilter());
 
 const collection = useFilterCollection(filter, {
   queryName: 'query-contact-levels',
-  fetchData: (query) => {
+  fetchData: (query: OffsetQuery) => {
     const { limit, offset } = query;
     return httpClient
       .request(queryContactLevels())
@@ -220,7 +220,7 @@ const subscriptionStatusCollection = useStaticListFilterCollection(filter, [
 
 While both the `id` and `name` properties exist and `name` will be used as the filter value, we have also included `isSubscribed` property to be passed with the other properties. For example, during the fetchData process, after the user selects the `Subscribed` filter option, the implementation might look like this:
 
-```js
+```ts
 const fetchData = (query: OffsetQuery<ContactsFilters>) => {
   const { limit, offset, search, filters } = query;
   console.log(filters.subscription); // [{id: '1', name: 'Subscribed', isSubscribed: true}]

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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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(