@usereactify/search 4.4.1 → 5.0.0-beta.10

package/dist/src/provider.js

@@ -1,287 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useContext = exports.ConfiguredProvider = exports.Provider = void 0;
-const react_1 = __importDefault(require("react"));
-const Sentry = __importStar(require("@sentry/react"));
-const hooks_1 = require("./hooks");
-const UtilityAuthenticatedReactiveBase_1 = require("./utility/UtilityAuthenticatedReactiveBase");
-const debug = require("debug")("reactify-search:Provider");
-const Context = react_1.default.createContext(undefined);
-const defaultCredentials = {
-    username: "guest",
-    password: "password",
-    endpoint: "https://api.search.reactify.app",
-};
-Sentry.init({
-    dsn: "https://f591e13196ad4d6bbcd8abbeb2e023db@o1280055.ingest.sentry.io/6482743",
-});
-const Provider = (_a) => {
-    var { renderBooting } = _a, props = __rest(_a, ["renderBooting"]);
-    const { config } = (0, hooks_1.useLiveConfig)(props.shopifyPermanentDomain, props.configId);
-    if (!config) {
-        if (renderBooting)
-            return renderBooting();
-        return null;
-    }
-    return (react_1.default.createElement(Sentry.ErrorBoundary, { fallback: react_1.default.createElement("p", null, "An error has occurred"), beforeCapture: (scope) => {
-            scope.setTag("index", props.index);
-            scope.setTag("shop", props.shopifyPermanentDomain);
-            if (!!props.collection)
-                scope.setTag("collection", props.collection.handle);
-            if (!!props.filterStackHandle)
-                scope.setTag("filter", props.filterStackHandle);
-            if (!!props.instantSearch)
-                scope.setTag("search", true);
-        } },
-        react_1.default.createElement(exports.ConfiguredProvider, Object.assign({}, props, { config: config }))));
-};
-exports.Provider = Provider;
-const ConfiguredProvider = (props) => {
-    var _a, _b;
-    const { index, config, children, collection, instantSearch, filterStackHandle, noReactiveBase, shopifyPermanentDomain, additionalComponentHandles, onRedirect, } = props;
-    const credentials = (_a = props.credentials) !== null && _a !== void 0 ? _a : defaultCredentials;
-    const theme = (_b = props.theme) !== null && _b !== void 0 ? _b : {
-        typography: {
-            fontFamily: "inherit",
-            fontSize: "inherit",
-        },
-    };
-    react_1.default.useEffect(() => {
-        debug("props", props);
-    }, [props]);
-    const searchQueryFromURL = react_1.default.useMemo(() => {
-        var _a;
-        if (typeof window === "undefined")
-            return undefined;
-        const urlParams = new URLSearchParams(window.location.search);
-        return (_a = urlParams.get("q")) !== null && _a !== void 0 ? _a : undefined;
-    }, [window.location.search]);
-    const searchSortFromURL = react_1.default.useMemo(() => {
-        var _a;
-        if (typeof window === "undefined")
-            return undefined;
-        const urlParams = new URLSearchParams(window.location.search);
-        return (_a = urlParams.get("sort")) !== null && _a !== void 0 ? _a : undefined;
-    }, [window.location.search]);
-    const [searchQuery, setSearchQuery] = react_1.default.useState(searchQueryFromURL);
-    const { sortOption, sortOptions, setSortOption } = useSortState(config, collection);
-    react_1.default.useEffect(() => {
-        if (searchQueryFromURL && searchQuery !== searchQueryFromURL)
-            setSearchQuery(searchQueryFromURL);
-    }, [searchQueryFromURL]);
-    react_1.default.useEffect(() => {
-        if (searchSortFromURL && (sortOption === null || sortOption === void 0 ? void 0 : sortOption.handle) !== searchSortFromURL) {
-            setSortOption(searchSortFromURL, true);
-        }
-    }, [searchSortFromURL]);
-    react_1.default.useEffect(() => {
-        if (window.location.search === "" && (sortOption === null || sortOption === void 0 ? void 0 : sortOption.handle)) {
-            setSortOption(sortOption.handle, true);
-        }
-    }, [window.location.href]);
-    const [showInstantSearchResults, setShowInstantSearchResults] = react_1.default.useState(false);
-    const submitSearch = react_1.default.useCallback((localSearchQuery) => {
-        const actualSearchQuery = localSearchQuery !== null && localSearchQuery !== void 0 ? localSearchQuery : searchQuery;
-        if (!actualSearchQuery)
-            return;
-        const redirect = config.redirects.find((redirect) => redirect.query.trim().toLowerCase() ===
-            actualSearchQuery.trim().toLowerCase());
-        setShowInstantSearchResults(false);
-        if (onRedirect) {
-            onRedirect(redirect ? "redirect" : "search", redirect ? redirect.url : `/search?q=${actualSearchQuery}`);
-        }
-        else if (redirect) {
-            window.location.href = redirect.url;
-        }
-        else {
-            window.location.href = `/search?q=${actualSearchQuery}`;
-        }
-    }, [searchQuery]);
-    // do not attempt to resolve a filter stack if in instantSearch mode
-    const filterStack = instantSearch
-        ? undefined
-        : useFilterStack(config, collection, filterStackHandle);
-    const curation = useCuration(config, collection, searchQuery);
-    const contextValue = react_1.default.useMemo(() => ({
-        index,
-        config,
-        shopifyPermanentDomain,
-        collection,
-        credentials,
-        searchQuery,
-        filterStack,
-        sortOption,
-        sortOptions,
-        onRedirect,
-        submitSearch,
-        setSortOption,
-        setSearchQuery,
-        setShowInstantSearchResults,
-        theme,
-        curation,
-        additionalComponentHandles,
-        instantSearch: !!instantSearch,
-        showInstantSearchResults: !!showInstantSearchResults && !!searchQuery,
-    }), [
-        index,
-        config,
-        curation,
-        shopifyPermanentDomain,
-        collection,
-        credentials,
-        searchQuery,
-        filterStack,
-        sortOption,
-        sortOptions,
-        onRedirect,
-        submitSearch,
-        instantSearch,
-        additionalComponentHandles,
-        showInstantSearchResults,
-        theme,
-    ]);
-    react_1.default.useEffect(() => {
-        debug("contextValue", contextValue);
-    }, [contextValue]);
-    if (noReactiveBase) {
-        return react_1.default.createElement(Context.Provider, { value: contextValue }, children);
-    }
-    return (react_1.default.createElement(Context.Provider, { value: contextValue },
-        react_1.default.createElement(UtilityAuthenticatedReactiveBase_1.UtilityAuthenticatedReactiveBase, null, children)));
-};
-exports.ConfiguredProvider = ConfiguredProvider;
-const useContext = () => react_1.default.useContext(Context);
-exports.useContext = useContext;
-const useSortState = (config, collection) => {
-    var _a;
-    const sortOptions = react_1.default.useMemo(() => {
-        const type = !!collection ? "collection" : "search";
-        return config.sort
-            .sort((a, b) => `${a.position}`.localeCompare(`${b.position}`))
-            .filter(({ visibility }) => ["all", type].includes(visibility));
-    }, [config, collection]);
-    const [sortOptionState, setSortOptionState] = react_1.default.useState((_a = sortOptions[0]) === null || _a === void 0 ? void 0 : _a.handle);
-    const sortOption = react_1.default.useMemo(() => sortOptions.find(({ handle }) => handle === sortOptionState) ||
-        sortOptions[0], [sortOptions, sortOptionState]);
-    const setSortOption = react_1.default.useCallback((sortOptionHandle, ignoreHistoryState = false) => {
-        setSortOptionState(sortOptionHandle);
-        if (!ignoreHistoryState) {
-            const url = new URL(window.location.href);
-            url.searchParams.has("sort")
-                ? url.searchParams.set("sort", sortOptionHandle)
-                : url.searchParams.append("sort", sortOptionHandle);
-            window.history.pushState({}, "", url.toString());
-        }
-    }, [window.location.href]);
-    return react_1.default.useMemo(() => ({ sortOptions, sortOption, setSortOption }), [sortOption, sortOptions, setSortOption]);
-};
-// resolve the "filter" in use for this view
-// Reactify Search confusingly refers to the entire list of filters as a "filter"
-// and each filter within that list is called a "Filter Option"
-// @todo we need a better name for the overall page like "Filter Stack" or something,
-// each block is then called a filter so like Size would be a "Filter" and then each
-// value within it is a "Filter Option"
-const useFilterStack = (config, collection, filterStackHandle) => react_1.default.useMemo(() => {
-    const type = !!collection ? "collection" : "search";
-    // select filters by type
-    const matchingFilterStacks = config.filters.filter((filter) => filter.type === type);
-    // select filter stack by handle if provided
-    if (filterStackHandle) {
-        const matchingFilterStack = matchingFilterStacks.find((filterStack) => filterStackHandle === filterStack.handle);
-        if (matchingFilterStack) {
-            return matchingFilterStack;
-        }
-    }
-    // select filter stack by collection if provided
-    if (collection === null || collection === void 0 ? void 0 : collection.handle) {
-        const matchingFilterStack = matchingFilterStacks.find((filterStack) => { var _a; return (_a = filterStack.collections) === null || _a === void 0 ? void 0 : _a.includes(collection.handle); });
-        if (matchingFilterStack) {
-            return matchingFilterStack;
-        }
-    }
-    // select filter with "default" handle
-    let matchingFilterStack = matchingFilterStacks.find((filterStack) => filterStack.handle === "default");
-    if (matchingFilterStack) {
-        return matchingFilterStack;
-    }
-    // select any filter with "default" handle
-    matchingFilterStack = config.filters.find((filterStack) => filterStack.handle === "default");
-    if (matchingFilterStack) {
-        return matchingFilterStack;
-    }
-    // select any available filter as a last resort
-    matchingFilterStack = config.filters[0];
-    return matchingFilterStack;
-}, [config, collection]);
-const useCuration = (config, collection, searchQuery) => react_1.default.useMemo(() => {
-    debug("resolveCuration.start", { config, collection, searchQuery });
-    const type = collection ? "collection" : "search";
-    const handleOrSearchTerm = collection
-        ? collection.handle
-        : searchQuery !== null && searchQuery !== void 0 ? searchQuery : "";
-    const normalisedHandleOrSearchTerm = handleOrSearchTerm
-        .toLowerCase()
-        .trim();
-    const globalCuration = config.curations.find((curation) => curation.id === "global" && curation.type === type);
-    const curation = config.curations.find((curation) => {
-        var _a, _b;
-        const normalisedSearchTerm = (_a = curation.searchTerm) === null || _a === void 0 ? void 0 : _a.toLowerCase().trim();
-        const normalisedCollectionHandle = (_b = curation.collectionHandle) === null || _b === void 0 ? void 0 : _b.toLowerCase().trim();
-        if ("search" === type)
-            return ("search" === curation.type &&
-                normalisedHandleOrSearchTerm === normalisedSearchTerm);
-        if ("collection" === type)
-            return ("collection" === curation.type &&
-                normalisedHandleOrSearchTerm === normalisedCollectionHandle);
-        return false;
-    });
-    const addGlobalBoosting = (curation) => {
-        const curationIsCollection = curation.type === "collection";
-        if (!curationIsCollection)
-            return curation;
-        const curationHasRules = !!curation.boosting.groupings.length ||
-            !!curation.boosting.sortings.length;
-        if (curationHasRules || !globalCuration)
-            return curation;
-        const curationWithGlobalBoosting = Object.assign(Object.assign({}, curation), { boosting: globalCuration.boosting });
-        return curationWithGlobalBoosting;
-    };
-    return curation
-        ? addGlobalBoosting(curation)
-        : globalCuration
-            ? globalCuration
-            : undefined;
-}, [config, collection, searchQuery]);

package/dist/src/result/ResultCard.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-import type { ElasticProduct } from "../types/elastic";
-import { useProductPrice } from "../hooks";
-declare type Props = {
-    pagePosition: number;
-    product: ElasticProduct;
-    document: ElasticProduct;
-    render?: (props: Omit<Props, "render"> & ReturnType<typeof useProductPrice> & {
-        itemRef: (node?: Element | null) => void;
-        handleClick: () => void;
-    }) => JSX.Element;
-};
-export declare const ResultCard: React.FC<Props>;
-export {};

package/dist/src/result/ResultCard.js

@@ -1,66 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ResultCard = void 0;
-const react_1 = __importDefault(require("react"));
-const react_intersection_observer_1 = require("react-intersection-observer");
-const hooks_1 = require("../hooks");
-const ResultCard = (_a) => {
-    var { render } = _a, props = __rest(_a, ["render"]);
-    const { product } = props;
-    const productPrice = (0, hooks_1.useProductPrice)(product);
-    const { formattedPrice, formattedCompareAtPrice, onSale } = productPrice;
-    const { track } = (0, hooks_1.useAnalytics)();
-    const { ref, inView } = (0, react_intersection_observer_1.useInView)({
-        threshold: 0.5,
-        triggerOnce: true,
-    });
-    const handleClick = react_1.default.useCallback(() => {
-        track({
-            eventName: "clickProduct",
-            payload: {
-                elasticProduct: {
-                    id: product.id,
-                    title: product.title,
-                },
-            },
-        });
-    }, [track, product]);
-    const handleView = react_1.default.useCallback(() => {
-        track({
-            eventName: "viewProduct",
-            payload: {
-                elasticProduct: {
-                    id: product.id,
-                    title: product.title,
-                },
-            },
-        });
-    }, [track, product]);
-    react_1.default.useEffect(() => {
-        if (inView)
-            handleView();
-    }, [inView]);
-    if (render)
-        return render(Object.assign(Object.assign(Object.assign({}, props), productPrice), { itemRef: ref, handleClick }));
-    return (react_1.default.createElement("article", { ref: ref },
-        react_1.default.createElement("a", { onClick: handleClick, href: `/products/${product.handle}` },
-            product.image && react_1.default.createElement("img", { src: product.image, width: "100%" }),
-            product.title),
-        react_1.default.createElement("span", null, formattedPrice),
-        onSale && (react_1.default.createElement("span", { style: { textDecoration: "line-through" } }, formattedCompareAtPrice))));
-};
-exports.ResultCard = ResultCard;

package/dist/src/result/ResultCardCallout.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-import { ElasticCallout } from "../types/elastic";
-declare type Props = {
-    pagePosition: number;
-    document: ElasticCallout;
-    callout: ElasticCallout["callout"];
-    render?: (props: Omit<Props, "render"> & {
-        itemRef: (node?: Element | null) => void;
-        handleClick: () => void;
-    }) => JSX.Element;
-};
-export declare const ResultCardCallout: React.FC<Props>;
-export {};

package/dist/src/result/ResultList.d.ts

@@ -1,34 +0,0 @@
-import React from "react";
-import { ResultCard } from "./ResultCard";
-import { ResultPagination } from "./ResultPagination";
-import { ResultCardCallout } from "./ResultCardCallout";
-import { ResultLoadMoreButton } from "./ResultLoadMoreButton";
-import { ResultPaginationNextPrev } from "./ResultPaginationNextPrev";
-import { ReactivesearchError, ReactivesearchResultProps } from "../types/reactivesearch";
-import { ElasticCallout, ElasticProduct } from "../types/elastic";
-declare type ResultProps = ReactivesearchResultProps & {
-    callouts: ElasticCallout[];
-    products: ElasticProduct[];
-};
-declare type Props = {
-    pageSize?: number;
-    gridGap?: number;
-    gridColumns?: number;
-    gridStyle?: React.HTMLAttributes<HTMLElement>["style"];
-    listClassName?: string;
-    renderLoading?: () => JSX.Element | null;
-    renderNoResults?: () => JSX.Element | null;
-    renderResultCard?: Parameters<typeof ResultCard>[0]["render"];
-    renderPagination?: Parameters<typeof ResultPagination>[0]["render"];
-    renderResultCardCallout?: Parameters<typeof ResultCardCallout>[0]["render"];
-    renderAfter?: (props: ResultProps) => JSX.Element | null;
-    renderBefore?: (props: ResultProps) => JSX.Element | null;
-    renderResults?: (props: ResultProps) => JSX.Element | null;
-    renderError?: (props: {
-        error: ReactivesearchError;
-    }) => JSX.Element | null;
-    renderLoadMoreButton?: Parameters<typeof ResultLoadMoreButton>[0]["render"];
-    renderPaginationNextPrev?: Parameters<typeof ResultPaginationNextPrev>[0]["render"];
-};
-export declare const ResultList: React.FC<Props>;
-export {};

package/dist/src/result/ResultList.js

@@ -1,93 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ResultList = void 0;
-const react_1 = __importDefault(require("react"));
-const ReactiveList_1 = __importDefault(require("@appbaseio/reactivesearch/lib/components/result/ReactiveList"));
-const ResultCard_1 = require("./ResultCard");
-const ResultPagination_1 = require("./ResultPagination");
-const ResultCardCallout_1 = require("./ResultCardCallout");
-const ResultLoadMoreButton_1 = require("./ResultLoadMoreButton");
-const ResultPaginationNextPrev_1 = require("./ResultPaginationNextPrev");
-const __1 = require("../");
-const hooks_1 = require("../hooks");
-const elastic_1 = require("../types/elastic");
-const ResultList = (props) => {
-    const { pageSize } = props;
-    const reactiveResultListProps = (0, hooks_1.useReactiveResultListProps)({
-        pageSize,
-    });
-    return (react_1.default.createElement(ReactiveList_1.default, Object.assign({}, reactiveResultListProps, { renderPagination: (reactivesearchPaginationProps) => (react_1.default.createElement(ResultPaginationInner, Object.assign({}, props, reactivesearchPaginationProps))), render: (reactivesearchResultProps) => (react_1.default.createElement(ResultListInner, Object.assign({}, props, { reactivesearchResultProps: reactivesearchResultProps }))) })));
-};
-exports.ResultList = ResultList;
-const ResultListInner = (props) => {
-    const { gridGap, gridColumns, gridStyle, renderError, renderAfter, renderBefore, renderLoading, listClassName, renderResults, renderNoResults, renderResultCard, renderLoadMoreButton, renderResultCardCallout, reactivesearchResultProps, } = props;
-    const filterStack = (0, hooks_1.useFilterStack)();
-    const { instantSearch, searchQuery } = (0, hooks_1.useSearch)();
-    const { track } = (0, __1.useAnalytics)();
-    const initialSearchHasRun = react_1.default.useMemo(() => "undefined" !==
-        typeof reactivesearchResultProps.resultStats.numberOfResults, [reactivesearchResultProps]);
-    const styleProp = react_1.default.useMemo(() => gridStyle !== null && gridStyle !== void 0 ? gridStyle : {
-        display: "grid",
-        gap: `${gridGap !== null && gridGap !== void 0 ? gridGap : "0px"}`,
-        gridTemplateColumns: `repeat(${gridColumns !== null && gridColumns !== void 0 ? gridColumns : 4}, minmax(0, 1fr))`,
-    }, [gridGap, gridColumns, gridStyle]);
-    const resultProps = react_1.default.useMemo(() => (Object.assign(Object.assign({}, reactivesearchResultProps), { products: reactivesearchResultProps.data.filter((document) => elastic_1.ElasticDocumentType.Product === document.type || !document.type), callouts: reactivesearchResultProps.data.filter((document) => elastic_1.ElasticDocumentType.Callout === document.type) })), [reactivesearchResultProps]);
-    if (reactivesearchResultProps.error) {
-        if (renderError)
-            return renderError({ error: reactivesearchResultProps.error });
-        return react_1.default.createElement("div", null,
-            "Error: ",
-            reactivesearchResultProps.error.statusText);
-    }
-    if (!initialSearchHasRun) {
-        if (renderLoading)
-            return renderLoading();
-        return react_1.default.createElement("div", null, "Loading...");
-    }
-    if (!reactivesearchResultProps.resultStats.numberOfResults) {
-        if (searchQuery)
-            track({
-                eventName: "zeroResults",
-                payload: { searchTerm: searchQuery },
-            });
-        if (renderNoResults)
-            return renderNoResults();
-        return react_1.default.createElement("div", null, "No results");
-    }
-    if (renderResults) {
-        return renderResults(resultProps);
-    }
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        renderBefore && renderBefore(resultProps),
-        react_1.default.createElement("section", { className: listClassName, style: styleProp }, reactivesearchResultProps.data.map((document, key) => {
-            // @todo result.type is missing in v1 indexes, this check ensures that they are assumed to be products
-            if (elastic_1.ElasticDocumentType.Product === document.type || !document.type) {
-                return (react_1.default.createElement(ResultCard_1.ResultCard, { key: document._id, product: document, document: document, pagePosition: key + 1, render: renderResultCard }));
-            }
-            if (elastic_1.ElasticDocumentType.Callout === document.type) {
-                return (react_1.default.createElement(ResultCardCallout_1.ResultCardCallout, { key: document._id, document: document, pagePosition: key + 1, callout: document.callout, render: renderResultCardCallout }));
-            }
-            return null;
-        })),
-        !instantSearch && "load_more" === (filterStack === null || filterStack === void 0 ? void 0 : filterStack.paginationType) && (react_1.default.createElement(ResultLoadMoreButton_1.ResultLoadMoreButton, Object.assign({}, reactivesearchResultProps, { render: renderLoadMoreButton }))),
-        renderAfter && renderAfter(resultProps)));
-};
-const ResultPaginationInner = (props) => {
-    const { renderPagination, renderPaginationNextPrev } = props;
-    const filterStack = (0, hooks_1.useFilterStack)();
-    const { instantSearch } = (0, hooks_1.useSearch)();
-    // do not show pagination in instant search mode
-    if (instantSearch)
-        return null;
-    // load more button is rendered inside the main render prop, as the loadMore prop is not available in renderPagination
-    if ("load_more" === (filterStack === null || filterStack === void 0 ? void 0 : filterStack.paginationType)) {
-        return null;
-    }
-    if ("next_prev" === (filterStack === null || filterStack === void 0 ? void 0 : filterStack.paginationType)) {
-        return (react_1.default.createElement(ResultPaginationNextPrev_1.ResultPaginationNextPrev, Object.assign({}, props, { render: renderPaginationNextPrev })));
-    }
-    return react_1.default.createElement(ResultPagination_1.ResultPagination, Object.assign({}, props, { render: renderPagination }));
-};

package/dist/src/result/ResultLoadMoreButton.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import { ReactivesearchResultProps } from "../types/reactivesearch";
-declare type Props = ReactivesearchResultProps & {
-    render?: (props: Omit<Props, "render"> & {
-        hasMore: boolean;
-        handleLoadMore: () => void;
-    }) => JSX.Element;
-};
-export declare const ResultLoadMoreButton: React.FC<Props>;
-export {};

package/dist/src/result/ResultLoadMoreButton.js

@@ -1,61 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ResultLoadMoreButton = void 0;
-const react_1 = __importStar(require("react"));
-const hooks_1 = require("../hooks");
-const hooks_2 = require("../hooks");
-const ResultLoadMoreButton = (_a) => {
-    var { render, loadMore } = _a, props = __rest(_a, ["render", "loadMore"]);
-    const { track } = (0, hooks_1.useAnalytics)();
-    const filterStack = (0, hooks_2.useFilterStack)();
-    const { resultStats } = props;
-    const hasMore = react_1.default.useMemo(() => resultStats.displayedResults !== resultStats.numberOfResults, [resultStats]);
-    const handleLoadMore = (0, react_1.useCallback)(() => {
-        loadMore();
-        track({
-            eventName: "paginationChange",
-            payload: {
-                page: Math.ceil(resultStats.displayedResults / ((filterStack === null || filterStack === void 0 ? void 0 : filterStack.pageSize) || 20)) + 1,
-                source: window.location.pathname.includes("/search")
-                    ? "search"
-                    : "collection",
-            },
-        });
-    }, [loadMore, track, resultStats, filterStack]);
-    if (render)
-        return render(Object.assign(Object.assign({}, props), { hasMore, 
-            // @todo: remove legacy loadMore prop in future versions
-            loadMore: handleLoadMore, handleLoadMore }));
-    return react_1.default.createElement("button", { onClick: () => loadMore() }, "Load more");
-};
-exports.ResultLoadMoreButton = ResultLoadMoreButton;

package/dist/src/result/ResultPagination.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import { usePages } from "../hooks";
-import { ReactivesearchPaginationProps } from "../types/reactivesearch";
-declare type Props = ReactivesearchPaginationProps & {
-    render?: (props: Omit<Props, "render"> & ReturnType<typeof usePages> & {
-        handlePageChange: (event: any, page: number) => void;
-    }) => JSX.Element;
-};
-export declare const ResultPagination: React.FC<Props>;
-export {};

package/dist/src/result/ResultPagination.js

@@ -1,60 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ResultPagination = void 0;
-const react_1 = __importDefault(require("react"));
-const hooks_1 = require("../hooks");
-const ResultPagination = (_a) => {
-    var { render } = _a, props = __rest(_a, ["render"]);
-    const { track } = (0, hooks_1.useAnalytics)();
-    const pageProps = (0, hooks_1.usePages)(props);
-    const { pagesToShow, buildPagePath } = pageProps;
-    const { currentPage, totalPages, setPage } = props;
-    const handlePageChange = react_1.default.useCallback((event, newPage) => {
-        event.preventDefault();
-        setPage(newPage);
-        track({
-            eventName: "paginationChange",
-            payload: {
-                page: newPage + 1,
-                source: window.location.pathname.includes("/search")
-                    ? "search"
-                    : "collection",
-            },
-        });
-    }, [setPage, track]);
-    if (render)
-        return render(Object.assign(Object.assign(Object.assign({}, props), pageProps), { handlePageChange }));
-    if (!totalPages)
-        return null;
-    return (react_1.default.createElement("nav", null,
-        currentPage > 0 && (react_1.default.createElement("a", { rel: "prev", href: buildPagePath(currentPage), onClick: (event) => handlePageChange(event, currentPage - 1) }, "Prev")),
-        !pagesToShow.includes(0) && (react_1.default.createElement("a", { href: buildPagePath(1), onClick: (event) => handlePageChange(event, 0), rel: 0 === currentPage - 1 ? `prev` : undefined }, "1")),
-        !pagesToShow.includes(1) && react_1.default.createElement("span", null, "..."),
-        pagesToShow.map((page) => page === currentPage ? (react_1.default.createElement("span", { key: page + 1 }, page + 1)) : (react_1.default.createElement("a", { key: page + 1, href: buildPagePath(page + 1), onClick: (event) => handlePageChange(event, page), rel: page === currentPage + 1
-                ? `next`
-                : page === currentPage - 1
-                    ? `prev`
-                    : undefined }, page + 1))),
-        !pagesToShow.includes(totalPages - 2) && react_1.default.createElement("span", null, "..."),
-        !pagesToShow.includes(totalPages - 1) && (react_1.default.createElement("a", { href: buildPagePath(totalPages), onClick: (event) => handlePageChange(event, totalPages - 1), rel: totalPages - 1 === currentPage + 1
-                ? `next`
-                : totalPages - 1 === currentPage - 1
-                    ? `prev`
-                    : undefined }, totalPages)),
-        currentPage + 1 < totalPages && (react_1.default.createElement("a", { rel: "next", href: buildPagePath(currentPage + 2), onClick: (event) => handlePageChange(event, currentPage + 1) }, "Next"))));
-};
-exports.ResultPagination = ResultPagination;