@wix/headless-stores 0.0.41 → 0.0.43

package/cjs/dist/react/ProductListPagination.js

@@ -1,70 +1,42 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createServicesMap } from "@wix/services-manager";
-import { useService, WixServices } from "@wix/services-manager-react";
-import { ProductsListPaginationService, ProductsListPaginationServiceDefinition, } from "../services/products-list-pagination-service.js";
+import { useService } from "@wix/services-manager-react";
+import { ProductsListSearchServiceDefinition } from "../services/products-list-search-service.js";
 import { ProductsListServiceDefinition } from "../services/products-list-service.js";
-/**
- * Root component that provides the ProductListPagination service context to its children.
- * This component sets up the necessary services for managing products list pagination.
- *
- * @order 1
- * @component
- * @example
- * ```tsx
- * import { ProductListPagination } from '@wix/stores/components';
- *
- * function PaginationSection() {
- *   return (
- *     <ProductListPagination.Root>
- *       <ProductListPagination.NextPageTrigger>
- *         {({ nextPage, hasNextPage }) => (
- *           <button
- *             onClick={nextPage}
- *             disabled={!hasNextPage}
- *           >
- *             Next Page
- *           </button>
- *         )}
- *       </ProductListPagination.NextPageTrigger>
- *     </ProductListPagination.Root>
- *   );
- * }
- * ```
- */
-export function Root(props) {
-    return (_jsx(WixServices, { servicesMap: createServicesMap().addService(ProductsListPaginationServiceDefinition, ProductsListPaginationService), children: props.children }));
-}
 /**
  * Headless component for managing page size (items per page)
  *
  * @component
  * @example
  * ```tsx
- * import { ProductListPagination } from '@wix/stores/components';
+ * import { ProductList, ProductListPagination } from '@wix/stores/components';
  *
  * function PageSizeSelector() {
  *   return (
- *     <ProductListPagination.PageSize>
- *       {({ currentLimit, setLimit }) => (
- *         <div>
- *           <label>Items per page:</label>
- *           <select
- *             value={currentLimit}
- *             onChange={(e) => setLimit(Number(e.target.value))}
- *           >
- *             <option value={10}>10</option>
- *             <option value={20}>20</option>
- *             <option value={50}>50</option>
- *           </select>
- *         </div>
- *       )}
- *     </ProductListPagination.PageSize>
+ *     <ProductList.Root
+ *       productsListConfig={{ products: [], searchOptions: {}, pagingMetadata: {}, aggregations: {} }}
+ *       productsListSearchConfig={{ customizations: [] }}
+ *     >
+ *       <ProductListPagination.PageSize>
+ *         {({ currentLimit, setLimit }) => (
+ *           <div>
+ *             <label>Items per page:</label>
+ *             <select
+ *               value={currentLimit}
+ *               onChange={(e) => setLimit(Number(e.target.value))}
+ *             >
+ *               <option value={10}>10</option>
+ *               <option value={20}>20</option>
+ *               <option value={50}>50</option>
+ *             </select>
+ *           </div>
+ *         )}
+ *       </ProductListPagination.PageSize>
+ *     </ProductList.Root>
  *   );
  * }
  * ```
  */
 export function PageSize(props) {
-    const service = useService(ProductsListPaginationServiceDefinition);
+    const service = useService(ProductsListSearchServiceDefinition);
     const currentLimit = service.currentLimit.get();
     const setLimit = service.setLimit;
     return typeof props.children === "function"
@@ -77,27 +49,32 @@ export function PageSize(props) {
  * @component
  * @example
  * ```tsx
- * import { ProductListPagination } from '@wix/stores/components';
+ * import { ProductList, ProductListPagination } from '@wix/stores/components';
  *
  * function NextPageButton() {
  *   return (
- *     <ProductListPagination.NextPageTrigger>
- *       {({ nextPage, hasNextPage }) => (
- *         <button
- *           onClick={nextPage}
- *           disabled={!hasNextPage}
- *           className={hasNextPage ? 'enabled' : 'disabled'}
- *         >
- *           Next →
- *         </button>
- *       )}
- *     </ProductListPagination.NextPageTrigger>
+ *     <ProductList.Root
+ *       productsListConfig={{ products: [], searchOptions: {}, pagingMetadata: {}, aggregations: {} }}
+ *       productsListSearchConfig={{ customizations: [] }}
+ *     >
+ *       <ProductListPagination.NextPageTrigger>
+ *         {({ nextPage, hasNextPage }) => (
+ *           <button
+ *             onClick={nextPage}
+ *             disabled={!hasNextPage}
+ *             className={hasNextPage ? 'enabled' : 'disabled'}
+ *           >
+ *             Next →
+ *           </button>
+ *         )}
+ *       </ProductListPagination.NextPageTrigger>
+ *     </ProductList.Root>
  *   );
  * }
  * ```
  */
 export function NextPageTrigger(props) {
-    const service = useService(ProductsListPaginationServiceDefinition);
+    const service = useService(ProductsListSearchServiceDefinition);
     const nextPage = service.nextPage;
     const hasNextPage = service.hasNextPage.get();
     return typeof props.children === "function"
@@ -110,27 +87,32 @@ export function NextPageTrigger(props) {
  * @component
  * @example
  * ```tsx
- * import { ProductListPagination } from '@wix/stores/components';
+ * import { ProductList, ProductListPagination } from '@wix/stores/components';
  *
  * function PrevPageButton() {
  *   return (
- *     <ProductListPagination.PreviousPageTrigger>
- *       {({ prevPage, hasPrevPage }) => (
- *         <button
- *           onClick={prevPage}
- *           disabled={!hasPrevPage}
- *           className={hasPrevPage ? 'enabled' : 'disabled'}
- *         >
- *           ← Previous
- *         </button>
- *       )}
- *     </ProductListPagination.PreviousPageTrigger>
+ *     <ProductList.Root
+ *       productsListConfig={{ products: [], searchOptions: {}, pagingMetadata: {}, aggregations: {} }}
+ *       productsListSearchConfig={{ customizations: [] }}
+ *     >
+ *       <ProductListPagination.PreviousPageTrigger>
+ *         {({ prevPage, hasPrevPage }) => (
+ *           <button
+ *             onClick={prevPage}
+ *             disabled={!hasPrevPage}
+ *             className={hasPrevPage ? 'enabled' : 'disabled'}
+ *           >
+ *             ← Previous
+ *           </button>
+ *         )}
+ *       </ProductListPagination.PreviousPageTrigger>
+ *     </ProductList.Root>
  *   );
  * }
  * ```
  */
 export function PreviousPageTrigger(props) {
-    const service = useService(ProductsListPaginationServiceDefinition);
+    const service = useService(ProductsListSearchServiceDefinition);
     const prevPage = service.prevPage;
     const hasPrevPage = service.hasPrevPage.get();
     return typeof props.children === "function"
@@ -143,27 +125,32 @@ export function PreviousPageTrigger(props) {
  * @component
  * @example
  * ```tsx
- * import { ProductListPagination } from '@wix/stores/components';
+ * import { ProductList, ProductListPagination } from '@wix/stores/components';
  *
  * function FirstPageButton() {
  *   return (
- *     <ProductListPagination.FirstPageTrigger>
- *       {({ navigateToFirstPage, hasPrevPage }) => (
- *         <button
- *           onClick={navigateToFirstPage}
- *           disabled={!hasPrevPage}
- *           title="Go to first page"
- *         >
- *           ⏮ First
- *         </button>
- *       )}
- *     </ProductListPagination.FirstPageTrigger>
+ *     <ProductList.Root
+ *       productsListConfig={{ products: [], searchOptions: {}, pagingMetadata: {}, aggregations: {} }}
+ *       productsListSearchConfig={{ customizations: [] }}
+ *     >
+ *       <ProductListPagination.FirstPageTrigger>
+ *         {({ navigateToFirstPage, hasPrevPage }) => (
+ *           <button
+ *             onClick={navigateToFirstPage}
+ *             disabled={!hasPrevPage}
+ *             title="Go to first page"
+ *           >
+ *             ⏮ First
+ *           </button>
+ *         )}
+ *       </ProductListPagination.FirstPageTrigger>
+ *     </ProductList.Root>
  *   );
  * }
  * ```
  */
 export function FirstPageTrigger(props) {
-    const service = useService(ProductsListPaginationServiceDefinition);
+    const service = useService(ProductsListSearchServiceDefinition);
     const navigateToFirstPage = service.navigateToFirstPage;
     const hasPrevPage = service.hasPrevPage.get();
     return typeof props.children === "function"
@@ -176,27 +163,32 @@ export function FirstPageTrigger(props) {
  * @component
  * @example
  * ```tsx
- * import { ProductListPagination } from '@wix/stores/components';
+ * import { ProductList, ProductListPagination } from '@wix/stores/components';
  *
  * function LoadMoreButton() {
  *   return (
- *     <ProductListPagination.LoadMoreTrigger>
- *       {({ loadMore, hasMoreProducts, isLoading }) => (
- *         <button
- *           onClick={() => loadMore(10)}
- *           disabled={!hasMoreProducts || isLoading}
- *           className="load-more-btn"
- *         >
- *           {isLoading ? 'Loading...' : hasMoreProducts ? 'Load More' : 'No More Products'}
- *         </button>
- *       )}
- *     </ProductListPagination.LoadMoreTrigger>
+ *     <ProductList.Root
+ *       productsListConfig={{ products: [], searchOptions: {}, pagingMetadata: {}, aggregations: {} }}
+ *       productsListSearchConfig={{ customizations: [] }}
+ *     >
+ *       <ProductListPagination.LoadMoreTrigger>
+ *         {({ loadMore, hasMoreProducts, isLoading }) => (
+ *           <button
+ *             onClick={() => loadMore(10)}
+ *             disabled={!hasMoreProducts || isLoading}
+ *             className="load-more-btn"
+ *           >
+ *             {isLoading ? 'Loading...' : hasMoreProducts ? 'Load More' : 'No More Products'}
+ *           </button>
+ *         )}
+ *       </ProductListPagination.LoadMoreTrigger>
+ *     </ProductList.Root>
  *   );
  * }
  * ```
  */
 export function LoadMoreTrigger(props) {
-    const service = useService(ProductsListPaginationServiceDefinition);
+    const service = useService(ProductsListSearchServiceDefinition);
     const productsListService = useService(ProductsListServiceDefinition);
     const loadMore = service.loadMore;
     const hasMoreProducts = service.hasNextPage.get();

package/cjs/dist/react/ProductListSort.d.ts

@@ -1,40 +1,4 @@
-import { SortType } from "../services/products-list-sort-service.js";
-export interface RootProps {
-    children: React.ReactNode;
-}
-/**
- * Root component that provides the ProductListSort service context to its children.
- * This component sets up the necessary services for managing products list sorting.
- *
- * @order 1
- * @component
- * @example
- * ```tsx
- * import { ProductListSort } from '@wix/stores/components';
- *
- * function SortSection() {
- *   return (
- *     <ProductListSort.Root>
- *       <ProductListSort.Options>
- *         {({ selectedSortOption, updateSortOption, sortOptions }) => (
- *           <select
- *             value={selectedSortOption}
- *             onChange={(e) => updateSortOption(e.target.value)}
- *           >
- *             {sortOptions.map(option => (
- *               <option key={option.value} value={option.value}>
- *                 {option.label}
- *               </option>
- *             ))}
- *           </select>
- *         )}
- *       </ProductListSort.Options>
- *     </ProductListSort.Root>
- *   );
- * }
- * ```
- */
-export declare function Root(props: RootProps): React.ReactNode;
+import { SortType } from "../enums/sort-enums.js";
 /**
  * Props for Options headless component
  */
@@ -59,29 +23,34 @@ export interface OptionsRenderProps {
  * @component
  * @example
  * ```tsx
- * import { ProductListSort } from '@wix/stores/components';
+ * import { ProductList, ProductListSort } from '@wix/stores/components';
  *
  * function ProductSortDropdown() {
  *   return (
- *     <ProductListSort.Options>
- *       {({ selectedSortOption, updateSortOption, sortOptions }) => (
- *         <div className="sort-container">
- *           <label htmlFor="sort-select">Sort by:</label>
- *           <select
- *             id="sort-select"
- *             value={selectedSortOption}
- *             onChange={(e) => updateSortOption(e.target.value)}
- *             className="sort-dropdown"
- *           >
- *             {sortOptions.map(option => (
- *               <option key={option.value} value={option.value}>
- *                 {option.label}
- *               </option>
- *             ))}
- *           </select>
- *         </div>
- *       )}
- *     </ProductListSort.Options>
+ *     <ProductList.Root
+ *       productsListConfig={{ products: [], searchOptions: {}, pagingMetadata: {}, aggregations: {} }}
+ *       productsListSearchConfig={{ customizations: [] }}
+ *     >
+ *       <ProductListSort.Options>
+ *         {({ selectedSortOption, updateSortOption, sortOptions }) => (
+ *           <div className="sort-container">
+ *             <label htmlFor="sort-select">Sort by:</label>
+ *             <select
+ *               id="sort-select"
+ *               value={selectedSortOption}
+ *               onChange={(e) => updateSortOption(e.target.value)}
+ *               className="sort-dropdown"
+ *             >
+ *               {sortOptions.map(option => (
+ *                 <option key={option} value={option}>
+ *                   {option}
+ *                 </option>
+ *               ))}
+ *             </select>
+ *           </div>
+ *         )}
+ *       </ProductListSort.Options>
+ *     </ProductList.Root>
  *   );
  * }
  * ```

package/cjs/dist/react/ProductListSort.js

@@ -1,77 +1,45 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createServicesMap } from "@wix/services-manager";
-import { useService, WixServices } from "@wix/services-manager-react";
-import { ProductsListSortService, ProductsListSortServiceDefinition, } from "../services/products-list-sort-service.js";
+import { useService } from "@wix/services-manager-react";
+import { ProductsListSearchServiceDefinition } from "../services/products-list-search-service.js";
 /**
- * Root component that provides the ProductListSort service context to its children.
- * This component sets up the necessary services for managing products list sorting.
+ * Headless component for managing product list sorting options
  *
- * @order 1
  * @component
  * @example
  * ```tsx
- * import { ProductListSort } from '@wix/stores/components';
+ * import { ProductList, ProductListSort } from '@wix/stores/components';
  *
- * function SortSection() {
+ * function ProductSortDropdown() {
  *   return (
- *     <ProductListSort.Root>
+ *     <ProductList.Root
+ *       productsListConfig={{ products: [], searchOptions: {}, pagingMetadata: {}, aggregations: {} }}
+ *       productsListSearchConfig={{ customizations: [] }}
+ *     >
  *       <ProductListSort.Options>
  *         {({ selectedSortOption, updateSortOption, sortOptions }) => (
- *           <select
- *             value={selectedSortOption}
- *             onChange={(e) => updateSortOption(e.target.value)}
- *           >
- *             {sortOptions.map(option => (
- *               <option key={option.value} value={option.value}>
- *                 {option.label}
- *               </option>
- *             ))}
- *           </select>
+ *           <div className="sort-container">
+ *             <label htmlFor="sort-select">Sort by:</label>
+ *             <select
+ *               id="sort-select"
+ *               value={selectedSortOption}
+ *               onChange={(e) => updateSortOption(e.target.value)}
+ *               className="sort-dropdown"
+ *             >
+ *               {sortOptions.map(option => (
+ *                 <option key={option} value={option}>
+ *                   {option}
+ *                 </option>
+ *               ))}
+ *             </select>
+ *           </div>
  *         )}
  *       </ProductListSort.Options>
- *     </ProductListSort.Root>
- *   );
- * }
- * ```
- */
-export function Root(props) {
-    return (_jsx(WixServices, { servicesMap: createServicesMap().addService(ProductsListSortServiceDefinition, ProductsListSortService, {}), children: props.children }));
-}
-/**
- * Headless component for managing product list sorting options
- *
- * @component
- * @example
- * ```tsx
- * import { ProductListSort } from '@wix/stores/components';
- *
- * function ProductSortDropdown() {
- *   return (
- *     <ProductListSort.Options>
- *       {({ selectedSortOption, updateSortOption, sortOptions }) => (
- *         <div className="sort-container">
- *           <label htmlFor="sort-select">Sort by:</label>
- *           <select
- *             id="sort-select"
- *             value={selectedSortOption}
- *             onChange={(e) => updateSortOption(e.target.value)}
- *             className="sort-dropdown"
- *           >
- *             {sortOptions.map(option => (
- *               <option key={option.value} value={option.value}>
- *                 {option.label}
- *               </option>
- *             ))}
- *           </select>
- *         </div>
- *       )}
- *     </ProductListSort.Options>
+ *     </ProductList.Root>
  *   );
  * }
  * ```
  */
 export function Options(props) {
-    const service = useService(ProductsListSortServiceDefinition);
+    const service = useService(ProductsListSearchServiceDefinition);
     const selectedSortOption = service.selectedSortOption.get();
     const sortOptions = service.sortOptions;
     const updateSortOption = service.setSelectedSortOption;

package/cjs/dist/services/index.d.ts

@@ -4,6 +4,4 @@ export { ProductModifiersService, ProductModifiersServiceDefinition, } from "./p
 export { ProductService, ProductServiceDefinition, loadProductServiceConfig, } from "./product-service.js";
 export { SelectedVariantService, SelectedVariantServiceDefinition, } from "./selected-variant-service.js";
 export { ProductListService, ProductsListServiceDefinition, loadProductsListServiceConfig, ProductsListServiceConfig, } from "./products-list-service.js";
-export { SortType, ProductsListSortService, ProductsListSortServiceDefinition, } from "./products-list-sort-service.js";
-export { InventoryStatusType, ProductsListFiltersService, ProductsListFiltersServiceDefinition, loadProductsListFiltersServiceConfig, ProductsListFiltersServiceConfig, } from "./products-list-filters-service.js";
-export { ProductsListPaginationService, ProductsListPaginationServiceDefinition, } from "./products-list-pagination-service.js";
+export { ProductOption, InventoryStatusType, SortType, ProductChoice, ProductsListSearchService, ProductsListSearchServiceDefinition, ProductsListSearchServiceConfig, loadProductsListSearchServiceConfig, parseUrlForProductsListSearch, convertUrlSortToSortType, } from "./products-list-search-service.js";

package/cjs/dist/services/index.js

@@ -4,6 +4,4 @@ export { ProductModifiersService, ProductModifiersServiceDefinition, } from "./p
 export { ProductService, ProductServiceDefinition, loadProductServiceConfig, } from "./product-service.js";
 export { SelectedVariantService, SelectedVariantServiceDefinition, } from "./selected-variant-service.js";
 export { ProductListService, ProductsListServiceDefinition, loadProductsListServiceConfig, } from "./products-list-service.js";
-export { SortType, ProductsListSortService, ProductsListSortServiceDefinition, } from "./products-list-sort-service.js";
-export { InventoryStatusType, ProductsListFiltersService, ProductsListFiltersServiceDefinition, loadProductsListFiltersServiceConfig, } from "./products-list-filters-service.js";
-export { ProductsListPaginationService, ProductsListPaginationServiceDefinition, } from "./products-list-pagination-service.js";
+export { InventoryStatusType, SortType, ProductsListSearchService, ProductsListSearchServiceDefinition, loadProductsListSearchServiceConfig, parseUrlForProductsListSearch, convertUrlSortToSortType, } from "./products-list-search-service.js";