@usereactify/search 4.4.1 → 5.0.0-beta.2

package/CHANGELOG.md

@@ -2,6 +2,53 @@
 
 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.2](https://bitbucket.org/usereactify/reactify-search-ui/compare/v5.0.0-beta.1...v5.0.0-beta.2) (2022-07-26)
+
+
+### Bug Fixes
+
+* use correct glob pattern for artifacts ([9f35c7c](https://bitbucket.org/usereactify/reactify-search-ui/commit/9f35c7ccea4f957a94b172fe7ac62b53faf73b32))
+
+## [5.0.0-beta.1](https://bitbucket.org/usereactify/reactify-search-ui/compare/v5.0.0-beta.0...v5.0.0-beta.1) (2022-07-26)
+
+## [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)
 
 

package/dist/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@usereactify/search",
     "description": "React UI library for Reactify Search",
-    "version": "4.4.1",
+    "version": "5.0.0-beta.2",
     "license": "MIT",
     "main": "dist/src/index.js",
     "types": "dist/src/index.d.ts",
@@ -12,14 +12,12 @@
     ],
     "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",
-        "build": "rimraf dist && tsc",
+        "release": "standard-version --prerelease rc",
+        "release:beta": "standard-version --prerelease beta",
+        "prebuild": "rimraf dist",
+        "build": "tsc",
         "prettier": "prettier --write .",
-        "storybook": "start-storybook -p 6006",
-        "build-storybook": "build-storybook"
+        "storybook": "start-storybook -p 6006"
     },
     "husky": {
         "hooks": {
@@ -33,7 +31,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/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>;

package/dist/src/components/Filter/Filter.js

@@ -0,0 +1,89 @@
+"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.Filter = void 0;
+const react_1 = __importDefault(require("react"));
+const MultiList_1 = __importDefault(require("@appbaseio/reactivesearch/lib/components/list/MultiList"));
+const SingleList_1 = __importDefault(require("@appbaseio/reactivesearch/lib/components/list/SingleList"));
+const hooks_1 = require("../../hooks");
+const components_1 = require("../../components");
+const Filter = (props) => {
+    if ("single" === props.filter.displayType) {
+        return (react_1.default.createElement(FilterSingleList, Object.assign({}, props)));
+    }
+    if ("multi" === props.filter.displayType) {
+        return (react_1.default.createElement(FilterMultiList, Object.assign({}, props)));
+    }
+    if ("range" === props.filter.displayType) {
+        return (react_1.default.createElement(FilterRange, Object.assign({}, props)));
+    }
+    if ("slider" === props.filter.displayType) {
+        return (react_1.default.createElement(FilterSlider, Object.assign({}, props)));
+    }
+    console.log(`filter with display type "${props.filter.displayType}" not yet supported`);
+    return null;
+};
+exports.Filter = Filter;
+const FilterSingleList = (props) => {
+    const reactiveFilterListProps = (0, hooks_1.useReactiveFilterListProps)(props.filter);
+    return (react_1.default.createElement(SingleList_1.default, Object.assign({}, reactiveFilterListProps, { render: (reactivesearchFilterProps) => (react_1.default.createElement(FilterListInner, Object.assign({}, props, { reactivesearchFilterProps: reactivesearchFilterProps }))) })));
+};
+const FilterMultiList = (props) => {
+    const reactiveFilterListProps = (0, hooks_1.useReactiveFilterListProps)(props.filter);
+    return (react_1.default.createElement(MultiList_1.default, Object.assign({}, reactiveFilterListProps, { render: (reactivesearchFilterProps) => (react_1.default.createElement(FilterListInner, Object.assign({}, props, { reactivesearchFilterProps: reactivesearchFilterProps }))) })));
+};
+const FilterRange = (props) => {
+    const reactiveFilterRangeProps = (0, hooks_1.useReactiveFilterRangeProps)(props.filter);
+    if (props.renderFilterRange) {
+        const Component = props.renderFilterRange;
+        return (react_1.default.createElement(Component, Object.assign({}, props, { reactiveFilterRangeProps: reactiveFilterRangeProps })));
+    }
+    return null;
+};
+const FilterSlider = (props) => {
+    const reactiveFilterSliderProps = (0, hooks_1.useReactiveFilterSliderProps)(props.filter);
+    if (props.renderFilterSlider) {
+        const Component = props.renderFilterSlider;
+        return (react_1.default.createElement(Component, Object.assign({}, props, { reactiveFilterSliderProps: reactiveFilterSliderProps })));
+    }
+    return null;
+};
+// inner component exists only so we can use memos in reactivesearch render functions
+const FilterListInner = (props) => {
+    const { filter, renderFilterList, reactivesearchFilterProps } = props, otherProps = __rest(props, ["filter", "renderFilterList", "reactivesearchFilterProps"]);
+    const { track } = (0, hooks_1.useAnalytics)();
+    const _a = (0, hooks_1.useFilterListProps)(filter, reactivesearchFilterProps), { handleChange } = _a, filterListProps = __rest(_a, ["handleChange"]);
+    const handleFilterChange = react_1.default.useCallback((value) => {
+        handleChange(value);
+        track({
+            eventName: "filterChange",
+            payload: {
+                name: filter.name,
+                value: value,
+            },
+        });
+    }, [filterListProps]);
+    const updatedFilterListProps = Object.assign(Object.assign({}, filterListProps), { handleChange: handleFilterChange });
+    // hide entire filter when no options available
+    if (0 === filterListProps.options.length) {
+        return null;
+    }
+    if (renderFilterList) {
+        const Component = renderFilterList;
+        return (react_1.default.createElement(Component, Object.assign({ filterListProps: updatedFilterListProps, filter: filter }, otherProps)));
+    }
+    return (react_1.default.createElement(components_1.ExampleFilterList, Object.assign({ filterListProps: updatedFilterListProps, filter: filter }, otherProps)));
+};

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

@@ -0,0 +1,7 @@
+import React from "react";
+import { useFilters } from "../../hooks";
+export declare type FilterStackProps = {
+    /** Render method called once for all filters */
+    renderFilters?: React.FC<ReturnType<typeof useFilters>>;
+};
+export declare const FilterStack: React.FC<FilterStackProps>;

package/dist/src/components/Filter/FilterStack.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterStack = void 0;
+const react_1 = __importDefault(require("react"));
+const hooks_1 = require("../../hooks");
+const components_1 = require("../../components");
+const FilterStack = (props) => {
+    var _a;
+    const filtersHook = (0, hooks_1.useFilters)();
+    const RenderFiltersComponent = (_a = props.renderFilters) !== null && _a !== void 0 ? _a : components_1.ExampleFilterStack;
+    return (react_1.default.createElement(RenderFiltersComponent, Object.assign({}, filtersHook)));
+};
+exports.FilterStack = FilterStack;

package/dist/src/{filter → components/Filter}/index.d.ts

@@ -1,3 +1,2 @@
 export * from "./Filter";
-export * from "./FilterList";
 export * from "./FilterStack";

package/dist/src/{filter → components/Filter}/index.js

@@ -11,5 +11,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./Filter"), exports);
-__exportStar(require("./FilterList"), exports);
 __exportStar(require("./FilterStack"), exports);

package/dist/src/components/ReactifySearchBase/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>;