@usereactify/search 4.3.1 → 5.0.0-beta.0

package/CHANGELOG.md

@@ -2,6 +2,60 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [5.0.0-beta.0](https://bitbucket.org/usereactify/reactify-search-ui/compare/v4.4.1...v5.0.0-beta.0) (2022-07-25)
+
+
+### ⚠ BREAKING CHANGES
+
+* separate monolith provider into hooks and context
+* align code and docs for v5
+
+* align code and docs for v5 ([e1823a5](https://bitbucket.org/usereactify/reactify-search-ui/commit/e1823a5ab06dcea89b848bde4156f488241dea01))
+* separate monolith provider into hooks and context ([4a85878](https://bitbucket.org/usereactify/reactify-search-ui/commit/4a858787ad547e87e10d3c3859ce41f87a4c3bbe))
+
+## [5.0.0-beta.1](https://bitbucket.org/usereactify/reactify-search-ui/compare/v4.4.1...v5.0.0-beta.1) (2022-07-25)
+
+
+### ⚠ BREAKING CHANGES
+
+* separate monolith provider into hooks and context
+* align code and docs for v5
+
+### Features
+
+* add support for beta deployments ([e8249c1](https://bitbucket.org/usereactify/reactify-search-ui/commit/e8249c1e68647ec45a9eb90607bfc6ae8b0f17f2))
+
+
+* align code and docs for v5 ([e1823a5](https://bitbucket.org/usereactify/reactify-search-ui/commit/e1823a5ab06dcea89b848bde4156f488241dea01))
+* separate monolith provider into hooks and context ([f29d15f](https://bitbucket.org/usereactify/reactify-search-ui/commit/f29d15f8d370403fdc72dd642bc5987868db7f15))
+
+## [5.0.0-beta.0](https://bitbucket.org/usereactify/reactify-search-ui/compare/v4.4.1...v5.0.0-beta.0) (2022-07-25)
+
+
+### ⚠ BREAKING CHANGES
+
+* separate monolith provider into hooks and context
+* align code and docs for v5
+
+* align code and docs for v5 ([e1823a5](https://bitbucket.org/usereactify/reactify-search-ui/commit/e1823a5ab06dcea89b848bde4156f488241dea01))
+* separate monolith provider into hooks and context ([f29d15f](https://bitbucket.org/usereactify/reactify-search-ui/commit/f29d15f8d370403fdc72dd642bc5987868db7f15))
+
+### [4.4.1](https://bitbucket.org/usereactify/reactify-search-ui/compare/v4.4.0...v4.4.1) (2022-07-21)
+
+
+### Bug Fixes
+
+* correct tsconfig ([e82defa](https://bitbucket.org/usereactify/reactify-search-ui/commit/e82defac47d754df543fc276319ba759de607507))
+
+## [4.4.0](https://bitbucket.org/usereactify/reactify-search-ui/compare/v4.4.0-beta.0...v4.4.0) (2022-07-21)
+
+## [4.4.0-beta.0](https://bitbucket.org/usereactify/reactify-search-ui/compare/v4.3.1...v4.4.0-beta.0) (2022-07-21)
+
+
+### Bug Fixes
+
+* correct tsconfig ([01a796b](https://bitbucket.org/usereactify/reactify-search-ui/commit/01a796bfc03f4153d8fbbea86a0597ee3c665a94))
+
 ### [4.3.1](https://bitbucket.org/usereactify/reactify-search-ui/compare/v4.3.0...v4.3.1) (2022-07-21)
 
 ## [4.3.0](https://bitbucket.org/usereactify/reactify-search-ui/compare/v4.3.0-beta.0...v4.3.0) (2022-07-21)

package/dist/package.json

@@ -1,10 +1,10 @@
 {
     "name": "@usereactify/search",
     "description": "React UI library for Reactify Search",
-    "version": "4.3.1",
+    "version": "5.0.0-beta.0",
     "license": "MIT",
-    "main": "dist/index.js",
-    "types": "dist/index.d.ts",
+    "main": "dist/src/index.js",
+    "types": "dist/src/index.d.ts",
     "files": [
         "dist",
         "README.md",
@@ -12,14 +12,11 @@
     ],
     "scripts": {
         "watch": "tsc --watch",
-        "release": "standard-version",
-        "release:patch": "standard-version --release-as patch",
-        "release:beta": "standard-version --release-as minor --prerelease beta",
-        "release:local": "yalc publish",
+        "release": "standard-version --prerelease rc",
+        "release:beta": "standard-version --prerelease beta",
         "build": "rimraf dist && tsc",
         "prettier": "prettier --write .",
-        "storybook": "start-storybook -p 6006",
-        "build-storybook": "build-storybook"
+        "storybook": "start-storybook -p 6006"
     },
     "husky": {
         "hooks": {
@@ -33,7 +30,8 @@
         ]
     },
     "dependencies": {
-        "@sentry/react": "7.1.1",
+        "@sentry/react": "7.7.0",
+        "@sentry/tracing": "7.7.0",
         "ahooks": "2.10.11",
         "axios": "0.26.1",
         "currency.js": "2.0.4",

package/dist/src/components/context/ReactifySearchBase.d.ts

@@ -0,0 +1,42 @@
+import React from "react";
+export declare type ReactifySearchBaseProps = {
+    /** The search area the provider will be used in */
+    mode: "search" | "collection" | "instant-search";
+    /** Shopify store domain used to resolve the site configuration */
+    shopifyPermanentDomain: string;
+    /** Specific filter group handle, used to override automated logic */
+    filterStackHandle?: string;
+    /** Callback function for redirects, suitable for headless sites to avoid full page refresh */
+    onRedirect?: (type: "redirect" | "search", url: string) => void;
+    /** Render method to display a component when the config is loading */
+    renderBooting?: () => JSX.Element | null;
+    /** Advanced usage: Allows you to wrap the ReactifySearchBase in your own ReactiveBase component */
+    noReactiveBase?: boolean;
+    /** Advanced usage: Array of additional component IDs managed outside of Reactify Search */
+    additionalComponentHandles?: string[];
+    /** Advanced usage: Override the default Elasticsearch index */
+    index?: string;
+    /** Advanced usage: Override the default Reactify Search config (for multi-instance stores) */
+    configId?: string;
+    /** Advanced usage: Override the default Elasticsearch credentials */
+    credentials?: {
+        username: string;
+        password: string;
+        endpoint: string;
+    };
+    /** Advanced usage: Override the default ReactiveBase theme */
+    theme?: Record<string, unknown>;
+} & ({
+    mode: "search";
+} | {
+    mode: "collection";
+    /** Collection object that includes the handle, used to find curations */
+    collection: {
+        id: number;
+        title: string;
+        handle: string;
+    };
+} | {
+    mode: "instant-search";
+});
+export declare const ReactifySearchBase: React.FC<ReactifySearchBaseProps>;

package/dist/src/components/context/ReactifySearchBase.js

@@ -0,0 +1,140 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactifySearchBase = void 0;
+const react_1 = __importDefault(require("react"));
+const Sentry = __importStar(require("@sentry/react"));
+const tracing_1 = require("@sentry/tracing");
+const hooks_1 = require("../../hooks");
+const components_1 = require("../../components");
+const debug = require("debug")("reactify-search:ReactifySearchBase");
+Sentry.init({
+    dsn: "https://cd8abf47496c4956bd061e461f857319@o301775.ingest.sentry.io/6600694",
+    integrations: [new tracing_1.BrowserTracing()],
+    tracesSampleRate: 1.0,
+});
+const ReactifySearchBase = (props) => {
+    react_1.default.useEffect(() => {
+        debug("variable[props]", props);
+    }, [props]);
+    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);
+            scope.setTag("mode", props.mode);
+            if (props.mode === "collection") {
+                scope.setTag("collection", props.collection.handle);
+            }
+            if (props.filterStackHandle) {
+                scope.setTag("filter", props.filterStackHandle);
+            }
+            debug("set sentry scope");
+        } },
+        react_1.default.createElement(ReactifySearchInner, Object.assign({}, props))));
+};
+exports.ReactifySearchBase = ReactifySearchBase;
+const ReactifySearchInner = (props) => {
+    var _a, _b;
+    const { config } = (0, hooks_1.useConfig)(props.shopifyPermanentDomain, props.configId);
+    const [searchQuery, setSearchQuery] = react_1.default.useState("");
+    const [instantSearchVisible, setInstantSearchVisible] = react_1.default.useState(false);
+    const [sortOption, setSortOption] = react_1.default.useState("");
+    const credentials = (_a = props.credentials) !== null && _a !== void 0 ? _a : {
+        username: "guest",
+        password: "password",
+        endpoint: "https://api.search.reactify.app",
+    };
+    const theme = (_b = props.theme) !== null && _b !== void 0 ? _b : {
+        typography: {
+            fontFamily: "inherit",
+            fontSize: "inherit",
+        },
+    };
+    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]);
+    react_1.default.useEffect(() => {
+        if (searchQueryFromURL && searchQuery !== searchQueryFromURL) {
+            setSearchQuery(searchQueryFromURL);
+        }
+    }, [searchQueryFromURL]);
+    react_1.default.useEffect(() => {
+        if (searchSortFromURL && sortOption !== searchSortFromURL) {
+            setSortOption(searchSortFromURL);
+        }
+    }, [searchSortFromURL]);
+    react_1.default.useEffect(() => {
+        if (window.location.search === "" && sortOption) {
+            setSortOption(sortOption);
+        }
+    }, [window.location.href]);
+    const contextValue = react_1.default.useMemo(() => {
+        var _a;
+        if (!config) {
+            return;
+        }
+        ;
+        return {
+            config: config,
+            options: Object.assign(Object.assign({}, props), { index: (_a = props.index) !== null && _a !== void 0 ? _a : config.index, filterStackHandle: props.filterStackHandle, credentials: credentials, theme: theme }),
+            search: {
+                searchQuery: searchQuery,
+                setSearchQuery: setSearchQuery,
+                instantSearchVisible: instantSearchVisible,
+                setInstantSearchVisible: setInstantSearchVisible,
+            },
+            sortby: {
+                sortOption: sortOption,
+                setSortOption: setSortOption,
+            }
+        };
+    }, [
+        config,
+        props,
+        searchQuery,
+        instantSearchVisible,
+        sortOption,
+    ]);
+    if (!contextValue) {
+        if (props.renderBooting) {
+            return props.renderBooting();
+        }
+        return null;
+    }
+    if (props.noReactiveBase) {
+        return (react_1.default.createElement(hooks_1.ReactifySearchContext.Provider, { value: contextValue }, props.children));
+    }
+    return (react_1.default.createElement(hooks_1.ReactifySearchContext.Provider, { value: contextValue },
+        react_1.default.createElement(components_1.UtilityAuthenticatedReactiveBase, null, props.children)));
+};

package/dist/src/components/context/index.d.ts

@@ -0,0 +1 @@
+export * from "./ReactifySearchBase";

package/dist/src/components/context/index.js

@@ -0,0 +1,13 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ReactifySearchBase"), exports);

package/dist/src/components/example/ExampleFilterList.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { FilterProps } from "../../components";
+export declare type ExampleFilterListProps = Parameters<Required<FilterProps>["renderFilterList"]>[0];
+export declare const ExampleFilterList: React.FC<ExampleFilterListProps>;

package/dist/src/components/example/ExampleFilterList.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExampleFilterList = void 0;
+const react_1 = __importDefault(require("react"));
+const ExampleFilterList = (props) => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("h1", null, props.filter.name),
+        react_1.default.createElement("ul", null, props.filterListProps.options.map((option) => (react_1.default.createElement("li", { key: option.key },
+            react_1.default.createElement("label", null,
+                react_1.default.createElement("input", { value: option.key, type: "checkbox", checked: option.checked, onChange: ({ target: { value } }) => props.filterListProps.handleChange(value) }),
+                option.key,
+                " (",
+                option.doc_count,
+                ")")))))));
+};
+exports.ExampleFilterList = ExampleFilterList;

package/dist/src/components/example/ExampleFilterRange.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { FilterProps } from "../../components";
+export declare type ExampleFilterRangeProps = Parameters<Required<FilterProps>["renderFilterRange"]>[0];
+export declare const ExampleFilterRange: React.FC<ExampleFilterRangeProps>;

package/dist/src/components/example/ExampleFilterRange.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExampleFilterRange = void 0;
+const react_1 = __importDefault(require("react"));
+const reactivesearch_1 = require("@appbaseio/reactivesearch");
+const ExampleFilterRange = (props) => {
+    if (props.filter.handle === "price") {
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("h1", null, props.filter.name),
+            react_1.default.createElement(reactivesearch_1.SingleRange, Object.assign({ data: [
+                    { start: "0", label: "All prices" },
+                    { start: "0", end: "99", label: "Under $100" },
+                    { start: "0", end: "49", label: "Under $50" },
+                ] }, props.reactiveFilterRangeProps))));
+    }
+    return null;
+};
+exports.ExampleFilterRange = ExampleFilterRange;

package/dist/src/components/example/ExampleFilterSlider.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { FilterProps } from "../../components";
+export declare type ExampleFilterSliderProps = Parameters<Required<FilterProps>["renderFilterSlider"]>[0];
+export declare const ExampleFilterSlider: React.FC<ExampleFilterSliderProps>;

package/dist/src/components/example/ExampleFilterSlider.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExampleFilterSlider = void 0;
+const react_1 = __importDefault(require("react"));
+const reactivesearch_1 = require("@appbaseio/reactivesearch");
+const ExampleFilterSlider = (props) => {
+    if (props.filter.handle === "price") {
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("h1", null, props.filter.name),
+            react_1.default.createElement(reactivesearch_1.RangeSlider, Object.assign({ range: {
+                    start: 0,
+                    end: 500
+                } }, props.reactiveFilterSliderProps))));
+    }
+    return null;
+};
+exports.ExampleFilterSlider = ExampleFilterSlider;

package/dist/src/components/example/ExampleFilterStack.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { FilterStackProps } from "../../components";
+export declare type ExampleFilterStackProps = Parameters<Required<FilterStackProps>["renderFilters"]>[0];
+export declare const ExampleFilterStack: React.FC<ExampleFilterStackProps>;

package/dist/src/components/example/ExampleFilterStack.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExampleFilterStack = void 0;
+const react_1 = __importDefault(require("react"));
+const components_1 = require("../../components");
+const ExampleFilterStack = (props) => {
+    return (react_1.default.createElement(react_1.default.Fragment, null, props.filters.map((filter) => (react_1.default.createElement(components_1.Filter, Object.assign({ key: filter.id, filter: filter }, props))))));
+};
+exports.ExampleFilterStack = ExampleFilterStack;

package/dist/src/components/example/ExampleResultCardCallout.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ResultCardCalloutProps } from "../../components";
+export declare type ExampleResultCardCalloutProps = Parameters<Required<ResultCardCalloutProps>["render"]>[0];
+export declare const ExampleResultCardCallout: React.FC<ExampleResultCardCalloutProps>;

package/dist/src/components/example/ExampleResultCardCallout.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExampleResultCardCallout = void 0;
+const react_1 = __importDefault(require("react"));
+const ExampleResultCardCallout = (props) => {
+    const styleProp = react_1.default.useMemo(() => {
+        var _a, _b;
+        return ({
+            gridRow: `span ${(_a = props.callout.displayRows) !== null && _a !== void 0 ? _a : 1}`,
+            gridColumn: `span ${(_b = props.callout.displayColumns) !== null && _b !== void 0 ? _b : 1}`,
+        });
+    }, [props.callout]);
+    return (react_1.default.createElement("article", { ref: props.itemRef, style: styleProp },
+        react_1.default.createElement("a", { href: props.callout.link, onClick: props.handleClick },
+            props.callout.desktopImage && (react_1.default.createElement("img", { src: props.callout.desktopImage, width: "100%" })),
+            props.callout.title)));
+};
+exports.ExampleResultCardCallout = ExampleResultCardCallout;

package/dist/src/components/example/ExampleResultCardProduct.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ResultCardProductProps } from "../../components";
+export declare type ExampleResultCardProductProps = Parameters<Required<ResultCardProductProps>["render"]>[0];
+export declare const ExampleResultCardProduct: React.FC<ExampleResultCardProductProps>;

package/dist/src/components/example/ExampleResultCardProduct.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExampleResultCardProduct = void 0;
+const react_1 = __importDefault(require("react"));
+const ExampleResultCardProduct = (props) => {
+    return (react_1.default.createElement("article", { ref: props.itemRef },
+        react_1.default.createElement("a", { onClick: props.handleClick, href: `/products/${props.product.handle}` },
+            props.product.image && (react_1.default.createElement("img", { src: props.product.image, width: "100%" })),
+            props.product.title),
+        react_1.default.createElement("span", null, props.formattedPrice),
+        props.onSale && (react_1.default.createElement("span", { style: {
+                textDecoration: "line-through"
+            } }, props.formattedCompareAtPrice))));
+};
+exports.ExampleResultCardProduct = ExampleResultCardProduct;

package/dist/src/components/example/ExampleResultPaginationLoadMore.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ResultPaginationLoadMoreProps } from "../../components";
+export declare type ExampleResultPaginationLoadMoreProps = Parameters<Required<ResultPaginationLoadMoreProps>["render"]>[0];
+export declare const ExampleResultPaginationLoadMore: React.FC<ExampleResultPaginationLoadMoreProps>;

package/dist/src/components/example/ExampleResultPaginationLoadMore.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExampleResultPaginationLoadMore = void 0;
+const react_1 = __importDefault(require("react"));
+const ExampleResultPaginationLoadMore = (props) => {
+    return (react_1.default.createElement("button", { onClick: () => props.handleLoadMore() }, "Load more"));
+};
+exports.ExampleResultPaginationLoadMore = ExampleResultPaginationLoadMore;

package/dist/src/components/example/ExampleResultPaginationNextPrev.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ResultPaginationNextPrevProps } from "../../components";
+export declare type ExampleResultPaginationNextPrevProps = Parameters<Required<ResultPaginationNextPrevProps>["render"]>[0];
+export declare const ExampleResultPaginationNextPrev: React.FC<ExampleResultPaginationNextPrevProps>;

package/dist/src/components/example/ExampleResultPaginationNextPrev.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExampleResultPaginationNextPrev = void 0;
+const react_1 = __importDefault(require("react"));
+const ExampleResultPaginationNextPrev = (props) => {
+    return (react_1.default.createElement("nav", null,
+        props.hasPreviousPage && (react_1.default.createElement("a", { rel: "prev", onClick: props.handlePreviousPage, href: props.buildPagePath(props.actualCurrentPage - 1) }, "Prev")),
+        props.hasNextPage && (react_1.default.createElement("a", { rel: "next", onClick: props.handleNextPage, href: props.buildPagePath(props.actualCurrentPage + 1) }, "Next"))));
+};
+exports.ExampleResultPaginationNextPrev = ExampleResultPaginationNextPrev;

package/dist/src/components/example/ExampleResultPaginationNumbered.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ResultPaginationNumberedProps } from "../../components";
+export declare type ExampleResultPaginationNumberedProps = Parameters<Required<ResultPaginationNumberedProps>["render"]>[0];
+export declare const ExampleResultPaginationNumbered: React.FC<ExampleResultPaginationNumberedProps>;

package/dist/src/components/example/ExampleResultPaginationNumbered.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExampleResultPaginationNumbered = void 0;
+const react_1 = __importDefault(require("react"));
+const ExampleResultPaginationNumbered = (props) => {
+    return (react_1.default.createElement("nav", null,
+        props.currentPage > 0 && (react_1.default.createElement("a", { rel: "prev", href: props.buildPagePath(props.currentPage), onClick: (event) => props.handlePageChange(props.currentPage - 1, event) }, "Prev")),
+        !props.pagesToShow.includes(0) && (react_1.default.createElement("a", { href: props.buildPagePath(1), onClick: (event) => props.handlePageChange(0, event), rel: 0 === props.currentPage - 1 ? `prev` : undefined }, "1")),
+        !props.pagesToShow.includes(1) && react_1.default.createElement("span", null, "..."),
+        props.pagesToShow.map((page) => page === props.currentPage ? (react_1.default.createElement("span", { key: page + 1 }, page + 1)) : (react_1.default.createElement("a", { key: page + 1, href: props.buildPagePath(page + 1), onClick: (event) => props.handlePageChange(page, event), rel: page === props.currentPage + 1
+                ? `next`
+                : page === props.currentPage - 1
+                    ? `prev`
+                    : undefined }, page + 1))),
+        !props.pagesToShow.includes(props.totalPages - 2) && react_1.default.createElement("span", null, "..."),
+        !props.pagesToShow.includes(props.totalPages - 1) && (react_1.default.createElement("a", { href: props.buildPagePath(props.totalPages), onClick: (event) => props.handlePageChange(props.totalPages - 1, event), rel: props.totalPages - 1 === props.currentPage + 1
+                ? `next`
+                : props.totalPages - 1 === props.currentPage - 1
+                    ? `prev`
+                    : undefined }, props.totalPages)),
+        props.currentPage + 1 < props.totalPages && (react_1.default.createElement("a", { rel: "next", href: props.buildPagePath(props.currentPage + 2), onClick: (event) => props.handlePageChange(props.currentPage + 1, event) }, "Next"))));
+};
+exports.ExampleResultPaginationNumbered = ExampleResultPaginationNumbered;

package/dist/src/components/example/ExampleSortby.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { SortbyProps } from "../../components";
+export declare type ExampleSortbyProps = Parameters<Required<SortbyProps>["renderSortOptions"]>[0];
+export declare const ExampleSortby: React.FC<ExampleSortbyProps>;

package/dist/src/components/example/ExampleSortby.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExampleSortby = void 0;
+const react_1 = __importDefault(require("react"));
+const ExampleSortby = (props) => {
+    var _a;
+    return (react_1.default.createElement("select", { value: (_a = props.sortOption) === null || _a === void 0 ? void 0 : _a.handle, onChange: (event) => props.setSortOption(event.target.value) }, props.sortOptions.map((sortOption) => (react_1.default.createElement("option", { key: sortOption.handle, value: sortOption.handle }, sortOption.name)))));
+};
+exports.ExampleSortby = ExampleSortby;

package/dist/src/components/example/index.d.ts

@@ -0,0 +1,10 @@
+export * from "./ExampleFilterList";
+export * from "./ExampleFilterRange";
+export * from "./ExampleFilterSlider";
+export * from "./ExampleFilterStack";
+export * from "./ExampleResultCardCallout";
+export * from "./ExampleResultCardProduct";
+export * from "./ExampleResultPaginationNumbered";
+export * from "./ExampleResultPaginationLoadMore";
+export * from "./ExampleResultPaginationNextPrev";
+export * from "./ExampleSortby";

package/dist/src/components/example/index.js

@@ -0,0 +1,22 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ExampleFilterList"), exports);
+__exportStar(require("./ExampleFilterRange"), exports);
+__exportStar(require("./ExampleFilterSlider"), exports);
+__exportStar(require("./ExampleFilterStack"), exports);
+__exportStar(require("./ExampleResultCardCallout"), exports);
+__exportStar(require("./ExampleResultCardProduct"), exports);
+__exportStar(require("./ExampleResultPaginationNumbered"), exports);
+__exportStar(require("./ExampleResultPaginationLoadMore"), exports);
+__exportStar(require("./ExampleResultPaginationNextPrev"), exports);
+__exportStar(require("./ExampleSortby"), exports);

package/dist/src/components/filter/Filter.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import type { ConfigFilterOption } from "../../types";
+import { useFilterListProps, useReactiveFilterRangeProps, useReactiveFilterSliderProps } from "../../hooks";
+export declare type FilterProps = {
+    /** The filter option being rendered */
+    filter: ConfigFilterOption;
+    /** Render method for List filters */
+    renderFilterList?: React.FC<Omit<FilterProps, "renderFilterList"> & {
+        filterListProps: ReturnType<typeof useFilterListProps>;
+    }>;
+    /** Render method for Range filters */
+    renderFilterRange?: React.FC<Omit<FilterProps, "renderFilterRange"> & {
+        reactiveFilterRangeProps: ReturnType<typeof useReactiveFilterRangeProps>;
+    }>;
+    /** Render method for Slider filters */
+    renderFilterSlider?: React.FC<Omit<FilterProps, "renderFilterSlider"> & {
+        reactiveFilterSliderProps: ReturnType<typeof useReactiveFilterSliderProps>;
+    }>;
+};
+export declare const Filter: React.FC<FilterProps>;