@usereactify/search 5.0.0-beta.12 → 5.0.0-beta.13

package/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 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.13](https://bitbucket.org/usereactify/reactify-search-ui/compare/v5.0.0-beta.12...v5.0.0-beta.13) (2022-08-03)
+
+
+### Features
+
+* add breadcrumb for ES search result errors ([22ae301](https://bitbucket.org/usereactify/reactify-search-ui/commit/22ae301bbb7618aec14499970ffd2578ab569a7a))
+* add breadcrumb for search query update ([6a2e442](https://bitbucket.org/usereactify/reactify-search-ui/commit/6a2e44269396353fced1d597d48502ef5b1a6bb2))
+
+
+### Bug Fixes
+
+* use correct names of components and imports ([e180a75](https://bitbucket.org/usereactify/reactify-search-ui/commit/e180a75b0c4be555a61d72e48a54434b7aa27960))
+
 ## [5.0.0-beta.12](https://bitbucket.org/usereactify/reactify-search-ui/compare/v5.0.0-beta.11...v5.0.0-beta.12) (2022-07-27)
 
 

package/README.md

@@ -4,25 +4,9 @@ This library provides React components and hooks for building UI's for the [Reac
 
 The aim of this library is not to build a search and filter interface from the ground up. The aim of this library is to abstract the complexities of Reactify Search, whilst providing the developer a wide range of approaches and escape hatches to build in the way they want to. To do this, we wrap a mature Elasticsearch UI library called [Reactivesearch](https://github.com/appbaseio/reactivesearch) (similar name, but completely unaffiliated with Reactify Search).
 
-## Getting started
+## Documentation
 
-```sh
-npm install @reactify-apps/search
-```
-
-You should always begin with the `Provider` component, which you need to pass the Reactify Search config and index name, using whichever mechanism is most appropriate for your project. Within the provider, you can then begin to render components from the `@reactify-apps/search` package or ordinary [Reactivesearch](https://github.com/appbaseio/reactivesearch) components.
-
-```tsx
-import { Provider } from "@reactify-apps/search";
-
-export const YourComponent: React.FC = () => {
-  return (
-    <Provider index="my-cool-shop" config={config}>
-      <YourComponents />
-    </Provider>
-  );
-};
-```
+All end-user documentation is available at https://search.docs.reactify.com.au which is powered by GitBooks.
 
 ## Contributing
 
@@ -40,7 +24,5 @@ npm run storybook
 npm run release
 
 # release a beta version
-npm run release -- --prerelease beta
-
-npm publish --tag beta
+npm run release:beta
 ```

package/dist/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@usereactify/search",
     "description": "React UI library for Reactify Search",
-    "version": "5.0.0-beta.12",
+    "version": "5.0.0-beta.13",
     "license": "MIT",
     "main": "dist/src/index.js",
     "types": "dist/src/index.d.ts",

package/dist/src/components/Example/ExampleFilters.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { FiltersProps } from "../../components";
+export declare type ExampleFiltersProps = React.ComponentProps<NonNullable<FiltersProps["renderFilters"]>>;
+export declare const ExampleFilters: React.FC<ExampleFiltersProps>;

package/dist/src/components/Example/{ExampleFilterStack.js → ExampleFilters.js}

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

package/dist/src/components/Example/ExampleFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExampleFilters.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleFilters.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,iDAAwD;AAMjD,MAAM,cAAc,GAAkC,CAAC,KAAK,EAAE,EAAE;;IACrE,OAAO,CACL,8DACG,MAAA,KAAK,CAAC,WAAW,0CAAE,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC1C,8BAAC,mBAAM,kBAAC,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,IAAM,KAAK,EAAI,CACtD,CAAC,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AARW,QAAA,cAAc,kBAQzB","sourcesContent":["import React from \"react\";\n\nimport { Filter, FiltersProps } from \"../../components\";\n\nexport type ExampleFiltersProps = React.ComponentProps<\n  NonNullable<FiltersProps[\"renderFilters\"]>\n>;\n\nexport const ExampleFilters: React.FC<ExampleFiltersProps> = (props) => {\n  return (\n    <>\n      {props.filterStack?.options.map((filter) => (\n        <Filter key={filter.id} filter={filter} {...props} />\n      ))}\n    </>\n  );\n};\n"]}

package/dist/src/components/Example/ExampleSortBy.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { SortByProps } from "../../components";
+export declare type ExampleSortByProps = React.ComponentProps<NonNullable<SortByProps["renderSortOptions"]>>;
+export declare const ExampleSortBy: React.FC<ExampleSortByProps>;

package/dist/src/components/Example/{ExampleSortby.js → ExampleSortBy.js}

@@ -3,11 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ExampleSortby = void 0;
+exports.ExampleSortBy = void 0;
 const react_1 = __importDefault(require("react"));
-const ExampleSortby = (props) => {
+const ExampleSortBy = (props) => {
     var _a;
     return (react_1.default.createElement("select", { className: "rs__sortby__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, className: "rs__sortby__option", value: sortOption.handle }, sortOption.name)))));
 };
-exports.ExampleSortby = ExampleSortby;
-//# sourceMappingURL=ExampleSortby.js.map
+exports.ExampleSortBy = ExampleSortBy;
+//# sourceMappingURL=ExampleSortBy.js.map

package/dist/src/components/Example/{ExampleSortby.js.map → ExampleSortBy.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ExampleSortby.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleSortby.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQnB,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;;IACnE,OAAO,CACL,0CACE,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,MAAM,EAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAE3D,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CACrC,0CACE,GAAG,EAAE,UAAU,CAAC,MAAM,EACtB,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,UAAU,CAAC,MAAM,IAEvB,UAAU,CAAC,IAAI,CACT,CACV,CAAC,CACK,CACV,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,aAAa,iBAkBxB","sourcesContent":["import React from \"react\";\n\nimport { SortbyProps } from \"../../components\";\n\nexport type ExampleSortbyProps = React.ComponentProps<\n  NonNullable<SortbyProps[\"renderSortOptions\"]>\n>;\n\nexport const ExampleSortby: React.FC<ExampleSortbyProps> = (props) => {\n  return (\n    <select\n      className=\"rs__sortby__select\"\n      value={props.sortOption?.handle}\n      onChange={(event) => props.setSortOption(event.target.value)}\n    >\n      {props.sortOptions.map((sortOption) => (\n        <option\n          key={sortOption.handle}\n          className=\"rs__sortby__option\"\n          value={sortOption.handle}\n        >\n          {sortOption.name}\n        </option>\n      ))}\n    </select>\n  );\n};\n"]}
+{"version":3,"file":"ExampleSortBy.js","sourceRoot":"","sources":["../../../../src/components/Example/ExampleSortBy.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAQnB,MAAM,aAAa,GAAiC,CAAC,KAAK,EAAE,EAAE;;IACnE,OAAO,CACL,0CACE,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,MAAA,KAAK,CAAC,UAAU,0CAAE,MAAM,EAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAE3D,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CACrC,0CACE,GAAG,EAAE,UAAU,CAAC,MAAM,EACtB,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE,UAAU,CAAC,MAAM,IAEvB,UAAU,CAAC,IAAI,CACT,CACV,CAAC,CACK,CACV,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,aAAa,iBAkBxB","sourcesContent":["import React from \"react\";\n\nimport { SortByProps } from \"../../components\";\n\nexport type ExampleSortByProps = React.ComponentProps<\n  NonNullable<SortByProps[\"renderSortOptions\"]>\n>;\n\nexport const ExampleSortBy: React.FC<ExampleSortByProps> = (props) => {\n  return (\n    <select\n      className=\"rs__sortby__select\"\n      value={props.sortOption?.handle}\n      onChange={(event) => props.setSortOption(event.target.value)}\n    >\n      {props.sortOptions.map((sortOption) => (\n        <option\n          key={sortOption.handle}\n          className=\"rs__sortby__option\"\n          value={sortOption.handle}\n        >\n          {sortOption.name}\n        </option>\n      ))}\n    </select>\n  );\n};\n"]}

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

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

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

@@ -13,11 +13,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./ExampleFilterList"), exports);
 __exportStar(require("./ExampleFilterRange"), exports);
 __exportStar(require("./ExampleFilterSlider"), exports);
-__exportStar(require("./ExampleFilterStack"), exports);
+__exportStar(require("./ExampleFilters"), 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);
+__exportStar(require("./ExampleSortBy"), exports);
 //# sourceMappingURL=index.js.map

package/dist/src/components/Example/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Example/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,sDAAoC;AACpC,uDAAqC;AACrC,wDAAsC;AACtC,uDAAqC;AACrC,6DAA0C;AAC1C,6DAA2C;AAC3C,oEAAkD;AAClD,oEAAkD;AAClD,oEAAkD;AAClD,kDAAgC","sourcesContent":["export * from \"./ExampleFilterList\";\nexport * from \"./ExampleFilterRange\";\nexport * from \"./ExampleFilterSlider\";\nexport * from \"./ExampleFilterStack\";\nexport * from \"./ExampleResultCardCallout\"\nexport * from \"./ExampleResultCardProduct\";\nexport * from \"./ExampleResultPaginationNumbered\";\nexport * from \"./ExampleResultPaginationLoadMore\";\nexport * from \"./ExampleResultPaginationNextPrev\";\nexport * from \"./ExampleSortby\";"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Example/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,sDAAoC;AACpC,uDAAqC;AACrC,wDAAsC;AACtC,mDAAiC;AACjC,6DAA2C;AAC3C,6DAA2C;AAC3C,oEAAkD;AAClD,oEAAkD;AAClD,oEAAkD;AAClD,kDAAgC","sourcesContent":["export * from \"./ExampleFilterList\";\nexport * from \"./ExampleFilterRange\";\nexport * from \"./ExampleFilterSlider\";\nexport * from \"./ExampleFilters\";\nexport * from \"./ExampleResultCardCallout\";\nexport * from \"./ExampleResultCardProduct\";\nexport * from \"./ExampleResultPaginationNumbered\";\nexport * from \"./ExampleResultPaginationLoadMore\";\nexport * from \"./ExampleResultPaginationNextPrev\";\nexport * from \"./ExampleSortBy\";\n"]}

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

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

package/dist/src/components/Filter/{FilterStack.js → Filters.js}

@@ -3,15 +3,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilterStack = void 0;
+exports.Filters = void 0;
 const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../../hooks");
 const components_1 = require("../../components");
-const FilterStack = (props) => {
+const Filters = (props) => {
     var _a;
-    const filterStackHook = (0, hooks_1.useFilterStack)();
-    const RenderFiltersComponent = (_a = props.renderFilters) !== null && _a !== void 0 ? _a : components_1.ExampleFilterStack;
+    const filterStackHook = (0, hooks_1.useFilters)();
+    const RenderFiltersComponent = (_a = props.renderFilters) !== null && _a !== void 0 ? _a : components_1.ExampleFilters;
     return react_1.default.createElement(RenderFiltersComponent, Object.assign({}, filterStackHook));
 };
-exports.FilterStack = FilterStack;
-//# sourceMappingURL=FilterStack.js.map
+exports.Filters = Filters;
+//# sourceMappingURL=Filters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Filters.js","sourceRoot":"","sources":["../../../../src/components/Filter/Filters.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAAyC;AACzC,iDAAkD;AAO3C,MAAM,OAAO,GAA2B,CAAC,KAAK,EAAE,EAAE;;IACvD,MAAM,eAAe,GAAG,IAAA,kBAAU,GAAE,CAAC;IAErC,MAAM,sBAAsB,GAAG,MAAA,KAAK,CAAC,aAAa,mCAAI,2BAAc,CAAC;IAErE,OAAO,8BAAC,sBAAsB,oBAAK,eAAe,EAAI,CAAC;AACzD,CAAC,CAAC;AANW,QAAA,OAAO,WAMlB","sourcesContent":["import React from \"react\";\n\nimport { useFilters } from \"../../hooks\";\nimport { ExampleFilters } from \"../../components\";\n\nexport type FiltersProps = {\n  /** Render method called once for all filters */\n  renderFilters?: React.FC<ReturnType<typeof useFilters>>;\n};\n\nexport const Filters: React.FC<FiltersProps> = (props) => {\n  const filterStackHook = useFilters();\n\n  const RenderFiltersComponent = props.renderFilters ?? ExampleFilters;\n\n  return <RenderFiltersComponent {...filterStackHook} />;\n};\n"]}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Filter/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAyB;AACzB,gDAA8B","sourcesContent":["export * from \"./Filter\";\nexport * from \"./FilterStack\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Filter/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAyB;AACzB,4CAA0B","sourcesContent":["export * from \"./Filter\";\nexport * from \"./Filters\";\n"]}

package/dist/src/components/{ReactifySearchBase/ReactifySearchBase.d.ts → ReactifySearchProvider/ReactifySearchProvider.d.ts}

@@ -1,16 +1,16 @@
 import React from "react";
-export declare type ReactifySearchBaseProps = {
+export declare type ReactifySearchProviderProps = {
     /** 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;
+    filtersHandle?: 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 */
+    /** Advanced usage: Allows you to wrap the ReactifySearchProvider in your own ReactiveBase component */
     noReactiveBase?: boolean;
     /** Advanced usage: Array of additional component IDs managed outside of Reactify Search */
     additionalComponentHandles?: string[];
@@ -31,12 +31,8 @@ export declare type ReactifySearchBaseProps = {
 } | {
     mode: "collection";
     /** Collection object that includes the handle, used to find curations */
-    collection: {
-        id: number;
-        title: string;
-        handle: string;
-    };
+    collectionHandle: string;
 } | {
     mode: "instant-search";
 });
-export declare const ReactifySearchBase: React.FC<ReactifySearchBaseProps>;
+export declare const ReactifySearchProvider: React.FC<ReactifySearchProviderProps>;

package/dist/src/components/{ReactifySearchBase/ReactifySearchBase.js → ReactifySearchProvider/ReactifySearchProvider.js}

@@ -22,27 +22,27 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReactifySearchBase = void 0;
+exports.ReactifySearchProvider = void 0;
 const react_1 = __importDefault(require("react"));
 const Sentry = __importStar(require("@sentry/react"));
 const hooks_1 = require("../../hooks");
 const components_1 = require("../../components");
 const utility_1 = require("../../utility");
-const ReactifySearchBase = (props) => {
+const ReactifySearchProvider = (props) => {
     react_1.default.useEffect(() => {
-        utility_1.debug.log("ReactifySearchBase", "props", props);
+        utility_1.debug.log("ReactifySearchProvider", "props", props);
         Sentry.setTags({
             "reactifysearch.index": props.index,
             "reactifysearch.shop": props.shopifyPermanentDomain,
             "reactifysearch.mode": props.mode,
-            "reactifysearch.collection": props.mode === "collection" ? props.collection.handle : undefined,
-            "reactifysearch.filter": props.filterStackHandle,
+            "reactifysearch.collection": props.mode === "collection" ? props.collectionHandle : undefined,
+            "reactifysearch.filter": props.filtersHandle,
         });
     }, [props]);
     return (react_1.default.createElement(Sentry.ErrorBoundary, { fallback: react_1.default.createElement("p", null, "An error has occurred") },
         react_1.default.createElement(ReactifySearchInner, Object.assign({}, props))));
 };
-exports.ReactifySearchBase = ReactifySearchBase;
+exports.ReactifySearchProvider = ReactifySearchProvider;
 const ReactifySearchInner = (props) => {
     var _a, _b;
     const { config } = (0, hooks_1.useConfig)(props.shopifyPermanentDomain, props.configId);
@@ -99,9 +99,9 @@ const ReactifySearchInner = (props) => {
         if (!config) {
             return;
         }
-        const memoValue = {
+        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 }),
+            options: Object.assign(Object.assign({}, props), { index: (_a = props.index) !== null && _a !== void 0 ? _a : config.index, filtersHandle: props.filtersHandle, credentials: credentials, theme: theme }),
             search: {
                 searchQuery: searchQuery,
                 setSearchQuery: setSearchQuery,
@@ -113,9 +113,10 @@ const ReactifySearchInner = (props) => {
                 setSortOption: setSortOption,
             },
         };
-        utility_1.debug.log("ReactifySearchBase", "context", memoValue);
-        return memoValue;
     }, [config, props, searchQuery, instantSearchVisible, sortOption]);
+    utility_1.debug.hook("ReactifySearchProvider", "context", contextValue);
+    utility_1.debug.hook("ReactifySearchProvider", "searchQuery", searchQuery);
+    utility_1.debug.hook("ReactifySearchProvider", "sortOption", sortOption);
     if (!contextValue) {
         if (props.renderBooting) {
             return props.renderBooting();
@@ -128,4 +129,4 @@ const ReactifySearchInner = (props) => {
     return (react_1.default.createElement(hooks_1.ReactifySearchContext.Provider, { value: contextValue },
         react_1.default.createElement(components_1.UtilityAuthenticatedReactiveBase, null, props.children)));
 };
-//# sourceMappingURL=ReactifySearchBase.js.map
+//# sourceMappingURL=ReactifySearchProvider.js.map

package/dist/src/components/ReactifySearchProvider/ReactifySearchProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactifySearchProvider.js","sourceRoot":"","sources":["../../../../src/components/ReactifySearchProvider/ReactifySearchProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport * as Sentry from \"@sentry/react\";\n\nimport { ReactifySearchContext, useConfig } from \"../../hooks\";\nimport { UtilityAuthenticatedReactiveBase } from \"../../components\";\nimport { debug } from \"../../utility\";\n\nexport type ReactifySearchProviderProps = {\n  /** The search area the provider will be used in */\n  mode: \"search\" | \"collection\" | \"instant-search\";\n  /** Shopify store domain used to resolve the site configuration */\n  shopifyPermanentDomain: string;\n  /** Specific filter group handle, used to override automated logic */\n  filtersHandle?: string;\n  /** Callback function for redirects, suitable for headless sites to avoid full page refresh */\n  onRedirect?: (type: \"redirect\" | \"search\", url: string) => void;\n  /** Render method to display a component when the config is loading */\n  renderBooting?: () => JSX.Element | null;\n  /** Advanced usage: Allows you to wrap the ReactifySearchProvider in your own ReactiveBase component */\n  noReactiveBase?: boolean;\n  /** Advanced usage: Array of additional component IDs managed outside of Reactify Search */\n  additionalComponentHandles?: string[];\n  /** Advanced usage: Override the default Elasticsearch index */\n  index?: string;\n  /** Advanced usage: Override the default Reactify Search config (for multi-instance stores) */\n  configId?: string;\n  /** Advanced usage: Override the default Elasticsearch credentials */\n  credentials?: {\n    username: string;\n    password: string;\n    endpoint: string;\n  };\n  /** Advanced usage: Override the default ReactiveBase theme */\n  theme?: Record<string, unknown>;\n} & (\n  | {\n      mode: \"search\";\n    }\n  | {\n      mode: \"collection\";\n      /** Collection object that includes the handle, used to find curations */\n      collectionHandle: string;\n    }\n  | {\n      mode: \"instant-search\";\n    }\n);\n\nexport const ReactifySearchProvider: React.FC<ReactifySearchProviderProps> = (\n  props\n) => {\n  React.useEffect(() => {\n    debug.log(\"ReactifySearchProvider\", \"props\", props);\n\n    Sentry.setTags({\n      \"reactifysearch.index\": props.index,\n      \"reactifysearch.shop\": props.shopifyPermanentDomain,\n      \"reactifysearch.mode\": props.mode,\n      \"reactifysearch.collection\":\n        props.mode === \"collection\" ? props.collectionHandle : undefined,\n      \"reactifysearch.filter\": props.filtersHandle,\n    });\n  }, [props]);\n\n  return (\n    <Sentry.ErrorBoundary fallback={<p>An error has occurred</p>}>\n      <ReactifySearchInner {...props} />\n    </Sentry.ErrorBoundary>\n  );\n};\n\nconst ReactifySearchInner: React.FC<ReactifySearchProviderProps> = (props) => {\n  const { config } = useConfig(props.shopifyPermanentDomain, props.configId);\n\n  const [searchQuery, setSearchQuery] = React.useState<string>(\"\");\n  const [instantSearchVisible, setInstantSearchVisible] =\n    React.useState<boolean>(false);\n  const [sortOption, setSortOption] = React.useState<string>(\"\");\n\n  const credentials = props.credentials ?? {\n    username: \"guest\",\n    password: \"password\",\n    endpoint: \"https://api.search.reactify.app\",\n  };\n\n  const theme = props.theme ?? {\n    typography: {\n      fontFamily: \"inherit\",\n      fontSize: \"inherit\",\n    },\n  };\n\n  const searchQueryFromURL = React.useMemo(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n    const urlParams = new URLSearchParams(window.location.search);\n    return urlParams.get(\"q\") ?? undefined;\n  }, [typeof window !== \"undefined\" && window.location.search]);\n\n  const searchSortFromURL = React.useMemo(() => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n    const urlParams = new URLSearchParams(window.location.search);\n    return urlParams.get(\"sort\") ?? undefined;\n  }, [typeof window !== \"undefined\" && window.location.search]);\n\n  React.useEffect(() => {\n    if (searchQueryFromURL && searchQuery !== searchQueryFromURL) {\n      setSearchQuery(searchQueryFromURL);\n    }\n  }, [searchQueryFromURL]);\n\n  React.useEffect(() => {\n    if (searchSortFromURL && sortOption !== searchSortFromURL) {\n      setSortOption(searchSortFromURL);\n    }\n  }, [searchSortFromURL]);\n\n  React.useEffect(() => {\n    if (typeof window == \"undefined\") {\n      return;\n    }\n\n    if (window.location.search === \"\" && sortOption) {\n      setSortOption(sortOption);\n    }\n  }, [typeof window !== \"undefined\" && window.location.search]);\n\n  const contextValue = React.useMemo(() => {\n    if (!config) {\n      return;\n    }\n\n    return {\n      config: config,\n      options: {\n        ...props,\n        index: props.index ?? config.index,\n        filtersHandle: props.filtersHandle,\n        credentials: credentials,\n        theme: theme,\n      },\n      search: {\n        searchQuery: searchQuery,\n        setSearchQuery: setSearchQuery,\n        instantSearchVisible: instantSearchVisible,\n        setInstantSearchVisible: setInstantSearchVisible,\n      },\n      sortby: {\n        sortOption: sortOption,\n        setSortOption: setSortOption,\n      },\n    };\n  }, [config, props, searchQuery, instantSearchVisible, sortOption]);\n\n  debug.hook(\"ReactifySearchProvider\", \"context\", contextValue);\n  debug.hook(\"ReactifySearchProvider\", \"searchQuery\", searchQuery);\n  debug.hook(\"ReactifySearchProvider\", \"sortOption\", sortOption);\n\n  if (!contextValue) {\n    if (props.renderBooting) {\n      return props.renderBooting();\n    }\n    return null;\n  }\n\n  if (props.noReactiveBase) {\n    return (\n      <ReactifySearchContext.Provider value={contextValue}>\n        {props.children}\n      </ReactifySearchContext.Provider>\n    );\n  }\n\n  return (\n    <ReactifySearchContext.Provider value={contextValue}>\n      <UtilityAuthenticatedReactiveBase>\n        {props.children}\n      </UtilityAuthenticatedReactiveBase>\n    </ReactifySearchContext.Provider>\n  );\n};\n"]}

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

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

package/dist/src/components/{ReactifySearchBase → ReactifySearchProvider}/index.js

@@ -10,5 +10,5 @@ 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);
+__exportStar(require("./ReactifySearchProvider"), exports);
 //# sourceMappingURL=index.js.map

package/dist/src/components/ReactifySearchProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ReactifySearchProvider/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2DAAyC","sourcesContent":["export * from \"./ReactifySearchProvider\";\n"]}

package/dist/src/components/Result/{ResultStack.d.ts → Results.d.ts}

@@ -9,7 +9,7 @@ export declare type ResultProps = ReactivesearchResultProps & {
     callouts: ElasticCallout[];
     products: ElasticProduct[];
 };
-export declare type ResultStackProps = {
+export declare type ResultsProps = {
     /** Style prop for the list wrapper */
     listStyle?: React.HTMLAttributes<HTMLElement>["style"];
     /** Classname prop for the list wrapper */
@@ -37,4 +37,4 @@ export declare type ResultStackProps = {
     /** Advanced Usage: Override the default amount of results per page */
     pageSize?: number;
 };
-export declare const ResultStack: React.FC<ResultStackProps>;
+export declare const Results: React.FC<ResultsProps>;

package/dist/src/components/Result/{ResultStack.js → Results.js}

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ResultStack = void 0;
+exports.Results = void 0;
 const react_1 = __importDefault(require("react"));
 const ReactiveList_1 = __importDefault(require("@appbaseio/reactivesearch/lib/components/result/ReactiveList"));
 const ResultCardCallout_1 = require("./ResultCardCallout");
@@ -11,27 +11,28 @@ const ResultCardProduct_1 = require("./ResultCardProduct");
 const ResultPaginationNumbered_1 = require("./ResultPaginationNumbered");
 const ResultPaginationLoadMore_1 = require("./ResultPaginationLoadMore");
 const ResultPaginationNextPrev_1 = require("./ResultPaginationNextPrev");
-const hooks_1 = require("../../hooks");
 const types_1 = require("../../types");
-const ResultStack = (props) => {
+const hooks_1 = require("../../hooks");
+const utility_1 = require("../../utility");
+const Results = (props) => {
     const reactiveReactiveListProps = (0, hooks_1.useReactiveReactiveListProps)({
         pageSize: props.pageSize,
     });
-    return (react_1.default.createElement(ReactiveList_1.default, Object.assign({}, reactiveReactiveListProps, { render: (reactivesearchResultProps) => (react_1.default.createElement(ResultStackInner, Object.assign({}, props, { reactivesearchResultProps: reactivesearchResultProps }))), renderPagination: (reactivesearchPaginationProps) => (react_1.default.createElement(ResultStackPaginationStack, Object.assign({}, props, reactivesearchPaginationProps))) })));
+    return (react_1.default.createElement(ReactiveList_1.default, Object.assign({}, reactiveReactiveListProps, { render: (reactivesearchResultProps) => (react_1.default.createElement(ResultsInner, Object.assign({}, props, { reactivesearchResultProps: reactivesearchResultProps }))), renderPagination: (reactivesearchPaginationProps) => (react_1.default.createElement(ResultsPaginationStack, Object.assign({}, props, reactivesearchPaginationProps))) })));
 };
-exports.ResultStack = ResultStack;
-const ResultStackRenderErrorComponent = (props) => {
+exports.Results = Results;
+const ResultsRenderErrorComponent = (props) => {
     return (react_1.default.createElement("div", null,
         "Error: ",
         props.error.statusText));
 };
-const ResultStackRenderLoadingComponent = () => {
+const ResultsRenderLoadingComponent = () => {
     return react_1.default.createElement("div", null, "Loading");
 };
-const ResultStackRenderNoResultsComponent = () => {
+const ResultsRenderNoResultsComponent = () => {
     return react_1.default.createElement("div", null, "No results");
 };
-const ResultStackInner = (props) => {
+const ResultsInner = (props) => {
     var _a, _b, _c;
     const { track } = (0, hooks_1.useAnalytics)();
     const { searchQuery } = (0, hooks_1.useSearch)();
@@ -45,24 +46,40 @@ const ResultStackInner = (props) => {
             gridTemplateColumns: "repeat(4, minmax(0, 1fr))",
         };
     }, [props.listStyle]);
+    react_1.default.useEffect(() => {
+        if (!props.reactivesearchResultProps.loading &&
+            !props.reactivesearchResultProps.resultStats.numberOfResults) {
+            if (searchQuery) {
+                track({
+                    eventName: "zeroResults",
+                    payload: {
+                        searchTerm: searchQuery,
+                    },
+                });
+            }
+        }
+    }, [
+        props.reactivesearchResultProps.loading,
+        props.reactivesearchResultProps.resultStats.numberOfResults,
+        searchQuery,
+    ]);
     if (props.reactivesearchResultProps.error) {
-        const RenderErrorComponent = (_a = props.renderError) !== null && _a !== void 0 ? _a : ResultStackRenderErrorComponent;
+        utility_1.debug.breadcrumb({
+            category: "result",
+            message: "error",
+            data: {
+                error: props.reactivesearchResultProps.error,
+            },
+        });
+        const RenderErrorComponent = (_a = props.renderError) !== null && _a !== void 0 ? _a : ResultsRenderErrorComponent;
         return (react_1.default.createElement(RenderErrorComponent, { error: props.reactivesearchResultProps.error }));
     }
     if (!initialSearchHasRun) {
-        const RenderLoadingComponent = (_b = props.renderLoading) !== null && _b !== void 0 ? _b : ResultStackRenderLoadingComponent;
+        const RenderLoadingComponent = (_b = props.renderLoading) !== null && _b !== void 0 ? _b : ResultsRenderLoadingComponent;
         return react_1.default.createElement(RenderLoadingComponent, null);
     }
     if (!props.reactivesearchResultProps.resultStats.numberOfResults) {
-        if (searchQuery) {
-            track({
-                eventName: "zeroResults",
-                payload: {
-                    searchTerm: searchQuery,
-                },
-            });
-        }
-        const RenderNoResultsComponent = (_c = props.renderNoResults) !== null && _c !== void 0 ? _c : ResultStackRenderNoResultsComponent;
+        const RenderNoResultsComponent = (_c = props.renderNoResults) !== null && _c !== void 0 ? _c : ResultsRenderNoResultsComponent;
         return react_1.default.createElement(RenderNoResultsComponent, null);
     }
     return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -76,12 +93,12 @@ const ResultStackInner = (props) => {
             }
             return null;
         })),
-        react_1.default.createElement(ResultStackPaginationStackLoadMore, Object.assign({}, props, props.reactivesearchResultProps))));
+        react_1.default.createElement(ResultsPaginationStackLoadMore, Object.assign({}, props, props.reactivesearchResultProps))));
 };
 /** Handles rendering pagination for types that use "pagination props" */
-const ResultStackPaginationStack = (props) => {
+const ResultsPaginationStack = (props) => {
     const { options } = (0, hooks_1.useReactifySearchContext)();
-    const { filterStack } = (0, hooks_1.useFilterStack)();
+    const { filterStack } = (0, hooks_1.useFilters)();
     if (options.mode === "instant-search") {
         return null;
     }
@@ -94,9 +111,9 @@ const ResultStackPaginationStack = (props) => {
     return null;
 };
 /** Handles rendering pagination for types that use "result props" */
-const ResultStackPaginationStackLoadMore = (props) => {
+const ResultsPaginationStackLoadMore = (props) => {
     const { options } = (0, hooks_1.useReactifySearchContext)();
-    const { filterStack } = (0, hooks_1.useFilterStack)();
+    const { filterStack } = (0, hooks_1.useFilters)();
     if (options.mode === "instant-search") {
         return null;
     }
@@ -105,4 +122,4 @@ const ResultStackPaginationStackLoadMore = (props) => {
     }
     return null;
 };
-//# sourceMappingURL=ResultStack.js.map
+//# sourceMappingURL=Results.js.map

package/dist/src/components/Result/Results.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Results.js","sourceRoot":"","sources":["../../../../src/components/Result/Results.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport ReactiveList from \"@appbaseio/reactivesearch/lib/components/result/ReactiveList\";\n\nimport { ResultCardCallout } from \"./ResultCardCallout\";\nimport { ResultCardProduct } from \"./ResultCardProduct\";\nimport { ResultPaginationNumbered } from \"./ResultPaginationNumbered\";\nimport { ResultPaginationLoadMore } from \"./ResultPaginationLoadMore\";\nimport { ResultPaginationNextPrev } from \"./ResultPaginationNextPrev\";\n\nimport {\n  ElasticCallout,\n  ElasticProduct,\n  ElasticDocumentType,\n  ReactivesearchError,\n  ReactivesearchResultProps,\n  ReactivesearchPaginationProps,\n} from \"../../types\";\nimport {\n  useReactifySearchContext,\n  useAnalytics,\n  useSearch,\n  useFilters,\n  useReactiveReactiveListProps,\n} from \"../../hooks\";\nimport { debug } from \"../../utility\";\n\nexport type ResultProps = ReactivesearchResultProps & {\n  callouts: ElasticCallout[];\n  products: ElasticProduct[];\n};\n\nexport type ResultsProps = {\n  /** Style prop for the list wrapper */\n  listStyle?: React.HTMLAttributes<HTMLElement>[\"style\"];\n  /** Classname prop for the list wrapper */\n  listClassName?: string;\n  /** Render method called when an error occurs */\n  renderError?: React.FC<{ error: ReactivesearchError }>;\n  /** Render method called while loading for the first time */\n  renderLoading?: React.FC;\n  /** Render method called when no results are found */\n  renderNoResults?: React.FC;\n  /** Render method called once for each product result */\n  renderResultCardProduct?: React.ComponentProps<\n    typeof ResultCardProduct\n  >[\"render\"];\n  /** Render method called once for each callout result */\n  renderResultCardCallout?: React.ComponentProps<\n    typeof ResultCardCallout\n  >[\"render\"];\n  /** Render method called for pagination type \"pagination\" */\n  renderPaginationNumbered?: React.ComponentProps<\n    typeof ResultPaginationNumbered\n  >[\"render\"];\n  /** Render method called for pagination type \"next_prev\" */\n  renderPaginationNextPrev?: React.ComponentProps<\n    typeof ResultPaginationNextPrev\n  >[\"render\"];\n  /** Render method called for pagination type \"load_more\" */\n  renderPaginationLoadMore?: React.ComponentProps<\n    typeof ResultPaginationLoadMore\n  >[\"render\"];\n  /** Render method called for pagination type \"infinite_scroll\" */\n  renderPaginationInfiniteScroll?: React.ComponentProps<\n    typeof ResultPaginationLoadMore\n  >[\"render\"];\n  /** Advanced Usage: Override the default amount of results per page */\n  pageSize?: number;\n};\n\nexport const Results: React.FC<ResultsProps> = (props) => {\n  const reactiveReactiveListProps = useReactiveReactiveListProps({\n    pageSize: props.pageSize,\n  });\n\n  return (\n    <ReactiveList\n      {...reactiveReactiveListProps}\n      render={(reactivesearchResultProps: ReactivesearchResultProps) => (\n        <ResultsInner\n          {...props}\n          reactivesearchResultProps={reactivesearchResultProps}\n        />\n      )}\n      renderPagination={(\n        reactivesearchPaginationProps: ReactivesearchPaginationProps\n      ) => (\n        <ResultsPaginationStack {...props} {...reactivesearchPaginationProps} />\n      )}\n    />\n  );\n};\n\nconst ResultsRenderErrorComponent: ResultsProps[\"renderError\"] = (props) => {\n  return (\n    <div>\n      {\"Error: \"}\n      {props.error.statusText}\n    </div>\n  );\n};\n\nconst ResultsRenderLoadingComponent: ResultsProps[\"renderLoading\"] = () => {\n  return <div>{\"Loading\"}</div>;\n};\n\nconst ResultsRenderNoResultsComponent: ResultsProps[\"renderNoResults\"] = () => {\n  return <div>{\"No results\"}</div>;\n};\n\nconst ResultsInner: React.FC<\n  ResultsProps & { reactivesearchResultProps: ReactivesearchResultProps }\n> = (props) => {\n  const { track } = useAnalytics();\n  const { searchQuery } = useSearch();\n\n  const initialSearchHasRun = React.useMemo(\n    () =>\n      \"undefined\" !==\n      typeof props.reactivesearchResultProps.resultStats.numberOfResults,\n    [props.reactivesearchResultProps]\n  );\n\n  const listStyle = React.useMemo<React.HTMLAttributes<HTMLElement>[\"style\"]>(\n    () =>\n      props.listStyle ?? {\n        display: \"grid\",\n        gap: \"8px\",\n        gridTemplateColumns: \"repeat(4, minmax(0, 1fr))\",\n      },\n    [props.listStyle]\n  );\n\n  React.useEffect(() => {\n    if (\n      !props.reactivesearchResultProps.loading &&\n      !props.reactivesearchResultProps.resultStats.numberOfResults\n    ) {\n      if (searchQuery) {\n        track({\n          eventName: \"zeroResults\",\n          payload: {\n            searchTerm: searchQuery,\n          },\n        });\n      }\n    }\n  }, [\n    props.reactivesearchResultProps.loading,\n    props.reactivesearchResultProps.resultStats.numberOfResults,\n    searchQuery,\n  ]);\n\n  if (props.reactivesearchResultProps.error) {\n    debug.breadcrumb({\n      category: \"result\",\n      message: \"error\",\n      data: {\n        error: props.reactivesearchResultProps.error,\n      },\n    });\n\n    const RenderErrorComponent =\n      props.renderError ?? ResultsRenderErrorComponent;\n\n    return (\n      <RenderErrorComponent error={props.reactivesearchResultProps.error} />\n    );\n  }\n\n  if (!initialSearchHasRun) {\n    const RenderLoadingComponent =\n      props.renderLoading ?? ResultsRenderLoadingComponent;\n    return <RenderLoadingComponent />;\n  }\n\n  if (!props.reactivesearchResultProps.resultStats.numberOfResults) {\n    const RenderNoResultsComponent =\n      props.renderNoResults ?? ResultsRenderNoResultsComponent;\n    return <RenderNoResultsComponent />;\n  }\n\n  return (\n    <>\n      <section style={listStyle} className={props.listClassName}>\n        {props.reactivesearchResultProps.data.map((item, key) => {\n          // @todo result.type is missing in v1 indexes, this check ensures that they are assumed to be products\n          if (ElasticDocumentType.Product === item.type || !item.type) {\n            return (\n              <ResultCardProduct\n                key={item._id}\n                product={item}\n                document={item}\n                pagePosition={key + 1}\n                render={props.renderResultCardProduct}\n              />\n            );\n          }\n\n          if (ElasticDocumentType.Callout === item.type) {\n            return (\n              <ResultCardCallout\n                key={item._id}\n                document={item}\n                pagePosition={key + 1}\n                callout={item.callout}\n                render={props.renderResultCardCallout}\n              />\n            );\n          }\n\n          return null;\n        })}\n      </section>\n      <ResultsPaginationStackLoadMore\n        {...props}\n        {...props.reactivesearchResultProps}\n      />\n    </>\n  );\n};\n\n/** Handles rendering pagination for types that use \"pagination props\" */\nconst ResultsPaginationStack: React.FC<\n  ResultsProps & ReactivesearchPaginationProps\n> = (props) => {\n  const { options } = useReactifySearchContext();\n  const { filterStack } = useFilters();\n\n  if (options.mode === \"instant-search\") {\n    return null;\n  }\n\n  if (\"pagination\" === filterStack?.paginationType) {\n    return (\n      <ResultPaginationNumbered\n        {...props}\n        render={props.renderPaginationNumbered}\n      />\n    );\n  }\n\n  if (\"next_prev\" === filterStack?.paginationType) {\n    return (\n      <ResultPaginationNextPrev\n        {...props}\n        render={props.renderPaginationNextPrev}\n      />\n    );\n  }\n\n  return null;\n};\n\n/** Handles rendering pagination for types that use \"result props\" */\nconst ResultsPaginationStackLoadMore: React.FC<\n  ResultsProps & { reactivesearchResultProps: ReactivesearchResultProps }\n> = (props) => {\n  const { options } = useReactifySearchContext();\n  const { filterStack } = useFilters();\n\n  if (options.mode === \"instant-search\") {\n    return null;\n  }\n\n  if (\"load_more\" === filterStack?.paginationType) {\n    return (\n      <ResultPaginationLoadMore\n        {...props.reactivesearchResultProps}\n        render={props.renderPaginationLoadMore}\n      />\n    );\n  }\n\n  return null;\n};\n"]}

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

@@ -1,4 +1,4 @@
-export * from "./ResultStack";
+export * from "./Results";
 export * from "./ResultCardCallout";
 export * from "./ResultCardProduct";
 export * from "./ResultStateProvider";

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

@@ -10,7 +10,7 @@ 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("./ResultStack"), exports);
+__exportStar(require("./Results"), exports);
 __exportStar(require("./ResultCardCallout"), exports);
 __exportStar(require("./ResultCardProduct"), exports);
 __exportStar(require("./ResultStateProvider"), exports);

package/dist/src/components/Result/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Result/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,gDAA8B;AAC9B,sDAAmC;AACnC,sDAAoC;AACpC,wDAAsC;AACtC,6DAA2C;AAC3C,6DAA2C;AAC3C,6DAA2C","sourcesContent":["export * from \"./ResultStack\";\nexport * from \"./ResultCardCallout\"\nexport * from \"./ResultCardProduct\";\nexport * from \"./ResultStateProvider\";\nexport * from \"./ResultPaginationNumbered\";\nexport * from \"./ResultPaginationLoadMore\";\nexport * from \"./ResultPaginationNextPrev\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Result/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,4CAA0B;AAC1B,sDAAoC;AACpC,sDAAoC;AACpC,wDAAsC;AACtC,6DAA2C;AAC3C,6DAA2C;AAC3C,6DAA2C","sourcesContent":["export * from \"./Results\";\nexport * from \"./ResultCardCallout\";\nexport * from \"./ResultCardProduct\";\nexport * from \"./ResultStateProvider\";\nexport * from \"./ResultPaginationNumbered\";\nexport * from \"./ResultPaginationLoadMore\";\nexport * from \"./ResultPaginationNextPrev\";\n"]}

package/dist/src/components/Sensor/SensorCollection.js

@@ -21,7 +21,7 @@ const SensorCollection = () => {
                                 path: "collections",
                                 query: {
                                     term: {
-                                        "collections.handle.keyword": options.collection.handle,
+                                        "collections.handle.keyword": options.collectionHandle,
                                     },
                                 },
                             },
@@ -31,7 +31,7 @@ const SensorCollection = () => {
                                 path: "curations",
                                 query: {
                                     term: {
-                                        "curations.collectionHandle.keyword": options.collection.handle,
+                                        "curations.collectionHandle.keyword": options.collectionHandle,
                                     },
                                 },
                             },

package/dist/src/components/Sensor/SensorCollection.js.map

@@ -1 +1 @@
-{"version":3,"file":"SensorCollection.js","sourceRoot":"","sources":["../../../../src/components/Sensor/SensorCollection.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,yHAAiG;AAEjG,uCAAuD;AAEhD,MAAM,gBAAgB,GAAa,GAAG,EAAE;IAC7C,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAE/C,IAAI,OAAO,CAAC,IAAI,KAAK,YAAY,EAAE;QACjC,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,8BAAC,2BAAiB,IAChB,WAAW,EAAC,kBAAkB,EAC9B,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC;YAClB,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,MAAM,EAAE;wBACN;4BACE,MAAM,EAAE;gCACN,IAAI,EAAE,aAAa;gCACnB,KAAK,EAAE;oCACL,IAAI,EAAE;wCACJ,4BAA4B,EAAE,OAAO,CAAC,UAAU,CAAC,MAAM;qCACxD;iCACF;6BACF;yBACF;wBACD;4BACE,MAAM,EAAE;gCACN,IAAI,EAAE,WAAW;gCACjB,KAAK,EAAE;oCACL,IAAI,EAAE;wCACJ,oCAAoC,EAAE,OAAO,CAAC,UAAU,CAAC,MAAM;qCAChE;iCACF;6BACF;yBACF;qBACF;iBACF;aACF;SACF,CAAC,GACF,CACH,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,gBAAgB,oBAwC3B","sourcesContent":["import React from \"react\";\nimport ReactiveComponent from \"@appbaseio/reactivesearch/lib/components/basic/ReactiveComponent\";\n\nimport { useReactifySearchContext } from \"../../hooks\";\n\nexport const SensorCollection: React.FC = () => {\n  const { options } = useReactifySearchContext();\n\n  if (options.mode !== \"collection\") {\n    return null;\n  }\n\n  return (\n    <ReactiveComponent\n      componentId=\"SensorCollection\"\n      customQuery={() => ({\n        query: {\n          bool: {\n            should: [\n              {\n                nested: {\n                  path: \"collections\",\n                  query: {\n                    term: {\n                      \"collections.handle.keyword\": options.collection.handle,\n                    },\n                  },\n                },\n              },\n              {\n                nested: {\n                  path: \"curations\",\n                  query: {\n                    term: {\n                      \"curations.collectionHandle.keyword\": options.collection.handle,\n                    },\n                  },\n                },\n              },\n            ],\n          },\n        },\n      })}\n    />\n  );\n};\n"]}
+{"version":3,"file":"SensorCollection.js","sourceRoot":"","sources":["../../../../src/components/Sensor/SensorCollection.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,yHAAiG;AAEjG,uCAAuD;AAEhD,MAAM,gBAAgB,GAAa,GAAG,EAAE;IAC7C,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAE/C,IAAI,OAAO,CAAC,IAAI,KAAK,YAAY,EAAE;QACjC,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,8BAAC,2BAAiB,IAChB,WAAW,EAAC,kBAAkB,EAC9B,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC;YAClB,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,MAAM,EAAE;wBACN;4BACE,MAAM,EAAE;gCACN,IAAI,EAAE,aAAa;gCACnB,KAAK,EAAE;oCACL,IAAI,EAAE;wCACJ,4BAA4B,EAAE,OAAO,CAAC,gBAAgB;qCACvD;iCACF;6BACF;yBACF;wBACD;4BACE,MAAM,EAAE;gCACN,IAAI,EAAE,WAAW;gCACjB,KAAK,EAAE;oCACL,IAAI,EAAE;wCACJ,oCAAoC,EAClC,OAAO,CAAC,gBAAgB;qCAC3B;iCACF;6BACF;yBACF;qBACF;iBACF;aACF;SACF,CAAC,GACF,CACH,CAAC;AACJ,CAAC,CAAC;AAzCW,QAAA,gBAAgB,oBAyC3B","sourcesContent":["import React from \"react\";\nimport ReactiveComponent from \"@appbaseio/reactivesearch/lib/components/basic/ReactiveComponent\";\n\nimport { useReactifySearchContext } from \"../../hooks\";\n\nexport const SensorCollection: React.FC = () => {\n  const { options } = useReactifySearchContext();\n\n  if (options.mode !== \"collection\") {\n    return null;\n  }\n\n  return (\n    <ReactiveComponent\n      componentId=\"SensorCollection\"\n      customQuery={() => ({\n        query: {\n          bool: {\n            should: [\n              {\n                nested: {\n                  path: \"collections\",\n                  query: {\n                    term: {\n                      \"collections.handle.keyword\": options.collectionHandle,\n                    },\n                  },\n                },\n              },\n              {\n                nested: {\n                  path: \"curations\",\n                  query: {\n                    term: {\n                      \"curations.collectionHandle.keyword\":\n                        options.collectionHandle,\n                    },\n                  },\n                },\n              },\n            ],\n          },\n        },\n      })}\n    />\n  );\n};\n"]}