@usereactify/search 4.4.1 → 5.0.0-beta.0

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;

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

@@ -1,8 +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>) => JSX.Element;
-};
-export declare const ResultPaginationNextPrev: React.FC<Props>;
-export {};

package/dist/src/result/ResultPaginationNextPrev.js

@@ -1,30 +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.ResultPaginationNextPrev = void 0;
-const react_1 = __importDefault(require("react"));
-const hooks_1 = require("../hooks");
-const ResultPaginationNextPrev = (_a) => {
-    var { render } = _a, props = __rest(_a, ["render"]);
-    const pageProps = (0, hooks_1.usePages)(props);
-    if (render)
-        return render(Object.assign(Object.assign({}, props), pageProps));
-    const { hasNextPage, buildPagePath, handleNextPage, hasPreviousPage, actualCurrentPage, handlePreviousPage, } = pageProps;
-    return (react_1.default.createElement("nav", null,
-        hasPreviousPage && (react_1.default.createElement("a", { rel: "prev", onClick: handlePreviousPage, href: buildPagePath(actualCurrentPage - 1) }, "Prev")),
-        hasNextPage && (react_1.default.createElement("a", { rel: "next", onClick: handleNextPage, href: buildPagePath(actualCurrentPage + 1) }, "Next"))));
-};
-exports.ResultPaginationNextPrev = ResultPaginationNextPrev;

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

@@ -1,7 +0,0 @@
-import React from "react";
-import { ReactivesearchSearchStatePage } from "../types/reactivesearch";
-declare type Props = {
-    render: (props: ReactivesearchSearchStatePage) => JSX.Element | null;
-};
-export declare const ResultStateProvider: React.FC<Props>;
-export {};

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

@@ -1,6 +0,0 @@
-export * from "./ResultList";
-export * from "./ResultCard";
-export * from "./ResultPagination";
-export * from "./ResultStateProvider";
-export * from "./ResultLoadMoreButton";
-export * from "./ResultPaginationNextPrev";

package/dist/src/search/SearchInput.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-declare type Props = {
-    [key: string]: any;
-    debounce?: number;
-    placeholder?: string;
-    inputClassName?: string;
-};
-export declare const SearchInput: React.FC<Props>;
-export {};

package/dist/src/sensor/SensorStack.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const SensorStack: React.FC;