withEntitiesHybridFilter

[gabrielguerrero]

withEntitiesHybridFilter is intended to fill a use case not well handled by withEntitiesLocalFilter or withEntitiesRemote filter, where the we have a filter that have some properties that should trigger a remote filter some that have do a local filter.
For example a product list that has a search box to filter products name locall but it also has a dropdown with product categories, that on change will reload the list from the backend with a different set of products

export const store = signalStore(
  withEntities({ entity, collection }),
  withCallStatus({ prop: collection, initialValue: 'loading' }),
  withEntitiesHybridFilter({
    entity,
    collection,
    defaultFilter: { name: '' , category: ''},
    filterFn: (entity, filter) =>
       (!filter.name || entity.name.toLowerCase().includes(filter.name.toLowerCase()))
    // in this case the filter will call setProductsLoading() if the category changes, othewise
    // it will filter the entities locally using the filterFn
    isRemoteFilter: (previous, current) => {
         return previous.category !== current.category;
    }
  }),
  // after you can use withEntitiesLoadingCall to connect the filter to
  // the api call, or do it manually as shown withEffect or withCalls
   withEntitiesLoadingCall({
    collection,
    fetchEntities: ({ productsFilter }) => {
      return inject(ProductService)
        .getProducts({
          category: productsFilter().category,
        })
    },
  }),
 }));

[github-actions]

🎉 This issue has been resolved in version 19.0.0-beta.5 🎉

The release is available on:

• v19.0.0-beta.5
• GitHub release

Your semantic-release bot 📦🚀