@usereactify/search 4.4.1 → 5.0.0-beta.10

package/dist/src/components/Result/ResultPaginationNumbered.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.ResultPaginationNumbered = void 0;
+const react_1 = __importDefault(require("react"));
+const hooks_1 = require("../../hooks");
+const components_1 = require("../../components");
+const ResultPaginationNumbered = (props) => {
+    var _a;
+    const paginationHook = (0, hooks_1.usePagination)(props);
+    if (!paginationHook.totalPages) {
+        return null;
+    }
+    const RenderPaginationComponent = (_a = props.render) !== null && _a !== void 0 ? _a : components_1.ExampleResultPaginationNumbered;
+    return (react_1.default.createElement(RenderPaginationComponent, Object.assign({}, paginationHook)));
+};
+exports.ResultPaginationNumbered = ResultPaginationNumbered;
+//# sourceMappingURL=ResultPaginationNumbered.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResultPaginationNumbered.js","sourceRoot":"","sources":["../../../../src/components/Result/ResultPaginationNumbered.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAG1B,uCAA4C;AAC5C,iDAAmE;AAM5D,MAAM,wBAAwB,GAA4C,CAAC,KAAK,EAAE,EAAE;;IACzF,MAAM,cAAc,GAAG,IAAA,qBAAa,EAAC,KAAK,CAAC,CAAC;IAE5C,IAAI,CAAC,cAAc,CAAC,UAAU,EAAE;QAC9B,OAAO,IAAI,CAAC;KACb;IAED,MAAM,yBAAyB,GAAG,MAAA,KAAK,CAAC,MAAM,mCAAI,4CAA+B,CAAC;IAElF,OAAO,CACL,8BAAC,yBAAyB,oBACpB,cAAc,EAClB,CACH,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,wBAAwB,4BAcnC","sourcesContent":["import React from \"react\";\n\nimport { ReactivesearchPaginationProps } from \"../../types\";\nimport { usePagination } from \"../../hooks\";\nimport { ExampleResultPaginationNumbered } from \"../../components\";\n\nexport type ResultPaginationNumberedProps = ReactivesearchPaginationProps & {\n  render?: React.FC<ReturnType<typeof usePagination>>;\n};\n\nexport const ResultPaginationNumbered: React.FC<ResultPaginationNumberedProps> = (props) => {\n  const paginationHook = usePagination(props);\n\n  if (!paginationHook.totalPages) {\n    return null;\n  }\n  \n  const RenderPaginationComponent = props.render ?? ExampleResultPaginationNumbered;\n\n  return (\n    <RenderPaginationComponent\n      {...paginationHook}\n    />\n  );\n};\n"]}

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

@@ -0,0 +1,40 @@
+import React from "react";
+import { ResultCardCallout } from "./ResultCardCallout";
+import { ResultCardProduct } from "./ResultCardProduct";
+import { ResultPaginationNumbered } from "./ResultPaginationNumbered";
+import { ResultPaginationLoadMore } from "./ResultPaginationLoadMore";
+import { ResultPaginationNextPrev } from "./ResultPaginationNextPrev";
+import { ElasticCallout, ElasticProduct, ReactivesearchError, ReactivesearchResultProps } from "../../types";
+export declare type ResultProps = ReactivesearchResultProps & {
+    callouts: ElasticCallout[];
+    products: ElasticProduct[];
+};
+export declare type ResultStackProps = {
+    /** Style prop for the list wrapper */
+    listStyle?: React.HTMLAttributes<HTMLElement>["style"];
+    /** Classname prop for the list wrapper */
+    listClassName?: string;
+    /** Render method called when an error occurs */
+    renderError?: React.FC<{
+        error: ReactivesearchError;
+    }>;
+    /** Render method called while loading for the first time */
+    renderLoading?: React.FC;
+    /** Render method called when no results are found */
+    renderNoResults?: React.FC;
+    /** Render method called once for each product result */
+    renderResultCardProduct?: React.ComponentProps<typeof ResultCardProduct>["render"];
+    /** Render method called once for each callout result */
+    renderResultCardCallout?: React.ComponentProps<typeof ResultCardCallout>["render"];
+    /** Render method called for pagination type "pagination" */
+    renderPaginationNumbered?: React.ComponentProps<typeof ResultPaginationNumbered>["render"];
+    /** Render method called for pagination type "next_prev" */
+    renderPaginationNextPrev?: React.ComponentProps<typeof ResultPaginationNextPrev>["render"];
+    /** Render method called for pagination type "load_more" */
+    renderPaginationLoadMore?: React.ComponentProps<typeof ResultPaginationLoadMore>["render"];
+    /** Render method called for pagination type "infinite_scroll" */
+    renderPaginationInfiniteScroll?: React.ComponentProps<typeof ResultPaginationLoadMore>["render"];
+    /** Advanced Usage: Override the default amount of results per page */
+    pageSize?: number;
+};
+export declare const ResultStack: React.FC<ResultStackProps>;

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

@@ -0,0 +1,108 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResultStack = void 0;
+const react_1 = __importDefault(require("react"));
+const ReactiveList_1 = __importDefault(require("@appbaseio/reactivesearch/lib/components/result/ReactiveList"));
+const ResultCardCallout_1 = require("./ResultCardCallout");
+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 reactiveResultStackProps = (0, hooks_1.useReactiveResultStackProps)({
+        pageSize: props.pageSize,
+    });
+    return (react_1.default.createElement(ReactiveList_1.default, Object.assign({}, reactiveResultStackProps, { render: (reactivesearchResultProps) => (react_1.default.createElement(ResultStackInner, Object.assign({}, props, { reactivesearchResultProps: reactivesearchResultProps }))), renderPagination: (reactivesearchPaginationProps) => (react_1.default.createElement(ResultStackPaginationStack, Object.assign({}, props, reactivesearchPaginationProps))) })));
+};
+exports.ResultStack = ResultStack;
+const ResultStackRenderErrorComponent = (props) => {
+    return (react_1.default.createElement("div", null,
+        "Error: ",
+        props.error.statusText));
+};
+const ResultStackRenderLoadingComponent = () => {
+    return react_1.default.createElement("div", null, "Loading");
+};
+const ResultStackRenderNoResultsComponent = () => {
+    return react_1.default.createElement("div", null, "No results");
+};
+const ResultStackInner = (props) => {
+    var _a, _b, _c;
+    const { track } = (0, hooks_1.useAnalytics)();
+    const { searchQuery } = (0, hooks_1.useSearch)();
+    const initialSearchHasRun = react_1.default.useMemo(() => "undefined" !==
+        typeof props.reactivesearchResultProps.resultStats.numberOfResults, [props.reactivesearchResultProps]);
+    const listStyle = react_1.default.useMemo(() => {
+        var _a;
+        return (_a = props.listStyle) !== null && _a !== void 0 ? _a : {
+            display: "grid",
+            gap: "8px",
+            gridTemplateColumns: "repeat(4, minmax(0, 1fr))",
+        };
+    }, [props.listStyle]);
+    if (props.reactivesearchResultProps.error) {
+        const RenderErrorComponent = (_a = props.renderError) !== null && _a !== void 0 ? _a : ResultStackRenderErrorComponent;
+        return (react_1.default.createElement(RenderErrorComponent, { error: props.reactivesearchResultProps.error }));
+    }
+    if (!initialSearchHasRun) {
+        const RenderLoadingComponent = (_b = props.renderLoading) !== null && _b !== void 0 ? _b : ResultStackRenderLoadingComponent;
+        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;
+        return react_1.default.createElement(RenderNoResultsComponent, null);
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("section", { style: listStyle, className: props.listClassName }, props.reactivesearchResultProps.data.map((item, key) => {
+            // @todo result.type is missing in v1 indexes, this check ensures that they are assumed to be products
+            if (types_1.ElasticDocumentType.Product === item.type || !item.type) {
+                return (react_1.default.createElement(ResultCardProduct_1.ResultCardProduct, { key: item._id, product: item, document: item, pagePosition: key + 1, render: props.renderResultCardProduct }));
+            }
+            if (types_1.ElasticDocumentType.Callout === item.type) {
+                return (react_1.default.createElement(ResultCardCallout_1.ResultCardCallout, { key: item._id, document: item, pagePosition: key + 1, callout: item.callout, render: props.renderResultCardCallout }));
+            }
+            return null;
+        })),
+        react_1.default.createElement(ResultStackPaginationStackLoadMore, Object.assign({}, props, props.reactivesearchResultProps))));
+};
+/** Handles rendering pagination for types that use "pagination props" */
+const ResultStackPaginationStack = (props) => {
+    const { options } = (0, hooks_1.useReactifySearchContext)();
+    const { filterStack } = (0, hooks_1.useFilterStack)();
+    if (options.mode === "instant-search") {
+        return null;
+    }
+    if ("pagination" === (filterStack === null || filterStack === void 0 ? void 0 : filterStack.paginationType)) {
+        return (react_1.default.createElement(ResultPaginationNumbered_1.ResultPaginationNumbered, Object.assign({}, props, { render: props.renderPaginationNumbered })));
+    }
+    if ("next_prev" === (filterStack === null || filterStack === void 0 ? void 0 : filterStack.paginationType)) {
+        return (react_1.default.createElement(ResultPaginationNextPrev_1.ResultPaginationNextPrev, Object.assign({}, props, { render: props.renderPaginationNextPrev })));
+    }
+    return null;
+};
+/** Handles rendering pagination for types that use "result props" */
+const ResultStackPaginationStackLoadMore = (props) => {
+    const { options } = (0, hooks_1.useReactifySearchContext)();
+    const { filterStack } = (0, hooks_1.useFilterStack)();
+    if (options.mode === "instant-search") {
+        return null;
+    }
+    if ("load_more" === (filterStack === null || filterStack === void 0 ? void 0 : filterStack.paginationType)) {
+        return (react_1.default.createElement(ResultPaginationLoadMore_1.ResultPaginationLoadMore, Object.assign({}, props.reactivesearchResultProps, { render: props.renderPaginationLoadMore })));
+    }
+    return null;
+};
+//# sourceMappingURL=ResultStack.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResultStack.js","sourceRoot":"","sources":["../../../../src/components/Result/ResultStack.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  useReactifySearchContext,\n  useAnalytics,\n  useSearch,\n  useFilterStack,\n  useReactiveResultStackProps,\n} from \"../../hooks\";\n\nimport {\n  ElasticCallout,\n  ElasticProduct,\n  ElasticDocumentType,\n  ReactivesearchError,\n  ReactivesearchResultProps,\n  ReactivesearchPaginationProps,\n} from \"../../types\";\n\nexport type ResultProps = ReactivesearchResultProps & {\n  callouts: ElasticCallout[];\n  products: ElasticProduct[];\n};\n\nexport type ResultStackProps = {\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 ResultStack: React.FC<ResultStackProps> = (props) => {\n  const reactiveResultStackProps = useReactiveResultStackProps({\n    pageSize: props.pageSize,\n  });\n\n  return (\n    <ReactiveList\n      {...reactiveResultStackProps}\n      render={(reactivesearchResultProps: ReactivesearchResultProps) => (\n        <ResultStackInner\n          {...props}\n          reactivesearchResultProps={reactivesearchResultProps}\n        />\n      )}\n      renderPagination={(\n        reactivesearchPaginationProps: ReactivesearchPaginationProps\n      ) => (\n        <ResultStackPaginationStack\n          {...props}\n          {...reactivesearchPaginationProps}\n        />\n      )}\n    />\n  );\n};\n\nconst ResultStackRenderErrorComponent: ResultStackProps[\"renderError\"] = (\n  props\n) => {\n  return (\n    <div>\n      {\"Error: \"}\n      {props.error.statusText}\n    </div>\n  );\n};\n\nconst ResultStackRenderLoadingComponent: ResultStackProps[\"renderLoading\"] =\n  () => {\n    return <div>{\"Loading\"}</div>;\n  };\n\nconst ResultStackRenderNoResultsComponent: ResultStackProps[\"renderNoResults\"] =\n  () => {\n    return <div>{\"No results\"}</div>;\n  };\n\nconst ResultStackInner: React.FC<\n  ResultStackProps & { 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  if (props.reactivesearchResultProps.error) {\n    const RenderErrorComponent =\n      props.renderError ?? ResultStackRenderErrorComponent;\n\n    return (\n      <RenderErrorComponent error={props.reactivesearchResultProps.error} />\n    );\n  }\n\n  if (!initialSearchHasRun) {\n    const RenderLoadingComponent =\n      props.renderLoading ?? ResultStackRenderLoadingComponent;\n    return <RenderLoadingComponent />;\n  }\n\n  if (!props.reactivesearchResultProps.resultStats.numberOfResults) {\n    if (searchQuery) {\n      track({\n        eventName: \"zeroResults\",\n        payload: {\n          searchTerm: searchQuery,\n        },\n      });\n    }\n    const RenderNoResultsComponent =\n      props.renderNoResults ?? ResultStackRenderNoResultsComponent;\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      <ResultStackPaginationStackLoadMore\n        {...props}\n        {...props.reactivesearchResultProps}\n      />\n    </>\n  );\n};\n\n/** Handles rendering pagination for types that use \"pagination props\" */\nconst ResultStackPaginationStack: React.FC<\n  ResultStackProps & ReactivesearchPaginationProps\n> = (props) => {\n  const { options } = useReactifySearchContext();\n  const { filterStack } = useFilterStack();\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 ResultStackPaginationStackLoadMore: React.FC<\n  ResultStackProps & { reactivesearchResultProps: ReactivesearchResultProps }\n> = (props) => {\n  const { options } = useReactifySearchContext();\n  const { filterStack } = useFilterStack();\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/ResultStateProvider.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { ReactivesearchSearchStatePage } from "../../types";
+export declare type ResultStateProvidedProps = {
+    render: React.FC<ReactivesearchSearchStatePage>;
+};
+export declare const ResultStateProvider: React.FC<ResultStateProvidedProps>;

package/dist/src/{result → components/Result}/ResultStateProvider.js

@@ -6,5 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ResultStateProvider = void 0;
 const react_1 = __importDefault(require("react"));
 const StateProvider_1 = __importDefault(require("@appbaseio/reactivesearch/lib/components/basic/StateProvider"));
-const ResultStateProvider = ({ render }) => (react_1.default.createElement(StateProvider_1.default, { componentIds: ["page"], includeKeys: ["isLoading", "hits", "resultStats", "error"], render: (state) => render(state.searchState.page) }));
+const ResultStateProvider = (props) => (react_1.default.createElement(StateProvider_1.default, { componentIds: ["page"], includeKeys: ["isLoading", "hits", "resultStats", "error"], render: (state) => {
+        const RenderComponent = props.render;
+        return react_1.default.createElement(RenderComponent, Object.assign({}, state.searchState.page));
+    } }));
 exports.ResultStateProvider = ResultStateProvider;
+//# sourceMappingURL=ResultStateProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResultStateProvider.js","sourceRoot":"","sources":["../../../../src/components/Result/ResultStateProvider.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,iHAAyF;AAQlF,MAAM,mBAAmB,GAAuC,CACrE,KAAK,EACL,EAAE,CAAC,CACH,8BAAC,uBAAa,IACZ,YAAY,EAAE,CAAC,MAAM,CAAC,EACtB,WAAW,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,CAAC,EAC1D,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;QAChB,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC;QAErC,OAAO,8BAAC,eAAe,oBAAK,KAAK,CAAC,WAAW,CAAC,IAAI,EAAI,CAAC;IACzD,CAAC,GACD,CACH,CAAC;AAZW,QAAA,mBAAmB,uBAY9B","sourcesContent":["import React from \"react\";\nimport StateProvider from \"@appbaseio/reactivesearch/lib/components/basic/StateProvider\";\n\nimport { ReactivesearchSearchStatePage } from \"../../types\";\n\nexport type ResultStateProvidedProps = {\n  render: React.FC<ReactivesearchSearchStatePage>;\n};\n\nexport const ResultStateProvider: React.FC<ResultStateProvidedProps> = (\n  props\n) => (\n  <StateProvider\n    componentIds={[\"page\"]}\n    includeKeys={[\"isLoading\", \"hits\", \"resultStats\", \"error\"]}\n    render={(state) => {\n      const RenderComponent = props.render;\n\n      return <RenderComponent {...state.searchState.page} />;\n    }}\n  />\n);\n"]}

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

@@ -0,0 +1,7 @@
+export * from "./ResultStack";
+export * from "./ResultCardCallout";
+export * from "./ResultCardProduct";
+export * from "./ResultStateProvider";
+export * from "./ResultPaginationNumbered";
+export * from "./ResultPaginationLoadMore";
+export * from "./ResultPaginationNextPrev";

package/dist/src/{result → components/Result}/index.js

@@ -10,9 +10,11 @@ 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("./ResultList"), exports);
-__exportStar(require("./ResultCard"), exports);
-__exportStar(require("./ResultPagination"), exports);
+__exportStar(require("./ResultStack"), exports);
+__exportStar(require("./ResultCardCallout"), exports);
+__exportStar(require("./ResultCardProduct"), exports);
 __exportStar(require("./ResultStateProvider"), exports);
-__exportStar(require("./ResultLoadMoreButton"), exports);
+__exportStar(require("./ResultPaginationNumbered"), exports);
+__exportStar(require("./ResultPaginationLoadMore"), exports);
 __exportStar(require("./ResultPaginationNextPrev"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"]}

package/dist/src/components/Search/SearchInput.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import DataSearch from "@appbaseio/reactivesearch/lib/components/search/DataSearch";
+export declare type SearchInputProps = Omit<React.ComponentProps<typeof DataSearch>, "componentId"> & {
+    debounce?: number;
+    placeholder?: string;
+    inputClassName?: string;
+};
+export declare const SearchInput: React.FC<SearchInputProps>;

package/dist/src/{search → components/Search}/SearchInput.js

@@ -6,12 +6,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SearchInput = void 0;
 const react_1 = __importDefault(require("react"));
 const DataSearch_1 = __importDefault(require("@appbaseio/reactivesearch/lib/components/search/DataSearch"));
-const hooks_1 = require("../hooks");
+const hooks_1 = require("../../hooks");
 const SearchInput = (props) => {
     const { debounce, placeholder, inputClassName } = props;
     const reactiveDataSearchProps = (0, hooks_1.useReactiveDataSearchProps)(Object.assign({ debounce,
         placeholder,
         inputClassName }, props));
-    return react_1.default.createElement(DataSearch_1.default, Object.assign({}, reactiveDataSearchProps));
+    return (react_1.default.createElement(DataSearch_1.default, Object.assign({}, reactiveDataSearchProps)));
 };
 exports.SearchInput = SearchInput;
+//# sourceMappingURL=SearchInput.js.map

package/dist/src/components/Search/SearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../src/components/Search/SearchInput.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4GAAoF;AAEpF,uCAAyD;AAQlD,MAAM,WAAW,GAA+B,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAExD,MAAM,uBAAuB,GAAG,IAAA,kCAA0B,kBACxD,QAAQ;QACR,WAAW;QACX,cAAc,IACX,KAAK,EACR,CAAC;IAEH,OAAO,CACL,8BAAC,oBAAU,oBACL,uBAAuB,EAC3B,CACH,CAAC;AACJ,CAAC,CAAC;AAfW,QAAA,WAAW,eAetB","sourcesContent":["import React from \"react\";\nimport DataSearch from \"@appbaseio/reactivesearch/lib/components/search/DataSearch\";\n\nimport { useReactiveDataSearchProps } from \"../../hooks\";\n\nexport type SearchInputProps = Omit<React.ComponentProps<typeof DataSearch>, \"componentId\"> & {\n  debounce?: number;\n  placeholder?: string;\n  inputClassName?: string;\n};\n\nexport const SearchInput: React.FC<SearchInputProps> = (props) => {\n  const { debounce, placeholder, inputClassName } = props;\n\n  const reactiveDataSearchProps = useReactiveDataSearchProps({\n    debounce,\n    placeholder,\n    inputClassName,\n    ...props,\n  });\n\n  return (\n    <DataSearch\n      {...reactiveDataSearchProps}\n    />\n  );\n};\n"]}

package/dist/src/{search → components/Search}/index.js

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

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

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

package/dist/src/{sensor → components/Sensor}/SensorCollection.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SensorCollection = void 0;
 const react_1 = __importDefault(require("react"));
 const ReactiveComponent_1 = __importDefault(require("@appbaseio/reactivesearch/lib/components/basic/ReactiveComponent"));
-const hooks_1 = require("../hooks");
+const hooks_1 = require("../../hooks");
 const SensorCollection = () => {
-    const collection = (0, hooks_1.useCollection)();
-    if (!collection)
+    const { options } = (0, hooks_1.useReactifySearchContext)();
+    if (options.mode !== "collection") {
         return null;
+    }
     return (react_1.default.createElement(ReactiveComponent_1.default, { componentId: "SensorCollection", customQuery: () => ({
             query: {
                 bool: {
@@ -19,7 +20,9 @@ const SensorCollection = () => {
                             nested: {
                                 path: "collections",
                                 query: {
-                                    term: { "collections.handle.keyword": collection.handle },
+                                    term: {
+                                        "collections.handle.keyword": options.collection.handle,
+                                    },
                                 },
                             },
                         },
@@ -28,7 +31,7 @@ const SensorCollection = () => {
                                 path: "curations",
                                 query: {
                                     term: {
-                                        "curations.collectionHandle.keyword": collection.handle,
+                                        "curations.collectionHandle.keyword": options.collection.handle,
                                     },
                                 },
                             },
@@ -39,3 +42,4 @@ const SensorCollection = () => {
         }) }));
 };
 exports.SensorCollection = SensorCollection;
+//# sourceMappingURL=SensorCollection.js.map

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

@@ -0,0 +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"]}

package/dist/src/{sensor → components/Sensor}/SensorInventoryAvailable.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SensorInventoryAvailable = void 0;
 const react_1 = __importDefault(require("react"));
 const ReactiveComponent_1 = __importDefault(require("@appbaseio/reactivesearch/lib/components/basic/ReactiveComponent"));
-const hooks_1 = require("../hooks");
+const hooks_1 = require("../../hooks");
 const SensorInventoryAvailable = () => {
-    const filterStack = (0, hooks_1.useFilterStack)();
+    const { filterStack } = (0, hooks_1.useFilterStack)();
     if (!filterStack || "show_all" === filterStack.inventoryVisibility)
         return null;
     return (react_1.default.createElement(ReactiveComponent_1.default, { componentId: "SensorInventoryAvailable", customQuery: () => ({
@@ -50,3 +50,4 @@ const SensorInventoryAvailable = () => {
         }) }));
 };
 exports.SensorInventoryAvailable = SensorInventoryAvailable;
+//# sourceMappingURL=SensorInventoryAvailable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SensorInventoryAvailable.js","sourceRoot":"","sources":["../../../../src/components/Sensor/SensorInventoryAvailable.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,yHAAiG;AAEjG,uCAA6C;AAEtC,MAAM,wBAAwB,GAAa,GAAG,EAAE;IACrD,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,sBAAc,GAAE,CAAC;IAEzC,IAAI,CAAC,WAAW,IAAI,UAAU,KAAK,WAAW,CAAC,mBAAmB;QAChE,OAAO,IAAI,CAAC;IAEd,OAAO,CACL,8BAAC,2BAAiB,IAChB,WAAW,EAAC,0BAA0B,EACtC,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC;YAClB,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,MAAM,EAAE;wBACN;4BACE,IAAI,EAAE;gCACJ,IAAI,EAAE;oCACJ;wCACE,IAAI,EAAE;4CACJ,IAAI,EAAE;gDACJ,KAAK,EAAE,SAAS;6CACjB;yCACF;qCACF;oCACD;wCACE,MAAM,EAAE;4CACN,IAAI,EAAE,UAAU;4CAChB,KAAK,EAAE;gDACL,KAAK,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE;6CACtC;yCACF;qCACF;iCACF;6BACF;yBACF;wBACD;4BACE,IAAI,EAAE;gCACJ,IAAI,EAAE;oCACJ,KAAK,EAAE,SAAS;iCACjB;6BACF;yBACF;qBACF;oBACD,oBAAoB,EAAE,GAAG;iBAC1B;aACF;SACF,CAAC,GACF,CACH,CAAC;AACJ,CAAC,CAAC;AAhDW,QAAA,wBAAwB,4BAgDnC","sourcesContent":["import React from \"react\";\nimport ReactiveComponent from \"@appbaseio/reactivesearch/lib/components/basic/ReactiveComponent\";\n\nimport { useFilterStack } from \"../../hooks\";\n\nexport const SensorInventoryAvailable: React.FC = () => {\n  const { filterStack } = useFilterStack();\n\n  if (!filterStack || \"show_all\" === filterStack.inventoryVisibility)\n    return null;\n\n  return (\n    <ReactiveComponent\n      componentId=\"SensorInventoryAvailable\"\n      customQuery={() => ({\n        query: {\n          bool: {\n            should: [\n              {\n                bool: {\n                  must: [\n                    {\n                      term: {\n                        type: {\n                          value: \"product\",\n                        },\n                      },\n                    },\n                    {\n                      nested: {\n                        path: \"variants\",\n                        query: {\n                          match: { \"variants.available\": true },\n                        },\n                      },\n                    },\n                  ],\n                },\n              },\n              {\n                term: {\n                  type: {\n                    value: \"callout\",\n                  },\n                },\n              },\n            ],\n            minimum_should_match: \"1\",\n          },\n        },\n      })}\n    />\n  );\n};\n"]}

package/dist/src/{sensor → components/Sensor}/SensorPublished.js

@@ -14,3 +14,4 @@ const SensorPublished = () => (react_1.default.createElement(ReactiveComponent_1
         },
     }) }));
 exports.SensorPublished = SensorPublished;
+//# sourceMappingURL=SensorPublished.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SensorPublished.js","sourceRoot":"","sources":["../../../../src/components/Sensor/SensorPublished.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,yHAAiG;AAE1F,MAAM,eAAe,GAAa,GAAG,EAAE,CAAC,CAC7C,8BAAC,2BAAiB,IAChB,WAAW,EAAC,iBAAiB,EAC7B,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC;QAClB,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,SAAS,EAAE,IAAI;aAChB;SACF;KACF,CAAC,GACF,CACH,CAAC;AAXW,QAAA,eAAe,mBAW1B","sourcesContent":["import React from \"react\";\nimport ReactiveComponent from \"@appbaseio/reactivesearch/lib/components/basic/ReactiveComponent\";\n\nexport const SensorPublished: React.FC = () => (\n  <ReactiveComponent\n    componentId=\"SensorPublished\"\n    customQuery={() => ({\n      query: {\n        match: {\n          published: true,\n        },\n      },\n    })}\n  />\n);\n"]}

package/dist/src/{sensor → components/Sensor}/SensorSearch.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SensorSearch = void 0;
 const react_1 = __importDefault(require("react"));
 const DataSearch_1 = __importDefault(require("@appbaseio/reactivesearch/lib/components/search/DataSearch"));
-const hooks_1 = require("../hooks");
+const hooks_1 = require("../../hooks");
 const SensorSearch = () => {
-    const { fields } = (0, hooks_1.useConfig)();
+    const { config } = (0, hooks_1.useReactifySearchContext)();
     const { searchQuery } = (0, hooks_1.useSearch)();
     // ignore search fields only set for instant search
-    const searchFields = react_1.default.useMemo(() => fields.filter((field) => ["always_search", "search_page"].includes(field.searchType)), [fields]);
+    const searchFields = react_1.default.useMemo(() => config.fields.filter((field) => ["always_search", "search_page"].includes(field.searchType)), [config.fields]);
     if (!searchQuery || !searchFields.length) {
         return null;
     }
@@ -80,3 +80,4 @@ const SensorSearch = () => {
             } })));
 };
 exports.SensorSearch = SensorSearch;
+//# sourceMappingURL=SensorSearch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SensorSearch.js","sourceRoot":"","sources":["../../../../src/components/Sensor/SensorSearch.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport DataSearch from \"@appbaseio/reactivesearch/lib/components/search/DataSearch\";\n\nimport { useReactifySearchContext, useSearch } from \"../../hooks\";\n\nexport const SensorSearch: React.FC = () => {\n  const { config } = useReactifySearchContext();\n  const { searchQuery } = useSearch();\n\n  // ignore search fields only set for instant search\n  const searchFields = React.useMemo(\n    () =>\n      config.fields.filter((field) =>\n        [\"always_search\", \"search_page\"].includes(field.searchType)\n      ),\n    [config.fields]\n  );\n\n  if (!searchQuery || !searchFields.length) {\n    return null;\n  }\n\n  return (\n    <>\n      <DataSearch\n        fuzziness={1}\n        queryFormat=\"and\"\n        autosuggest={false}\n        value={searchQuery}\n        componentId=\"SensorSearch\"\n        style={{ display: \"none\" }}\n        dataField={searchFields.map((field) => field.field)}\n        fieldWeights={searchFields.map((field) => field.importance)}\n        customQuery={(value, props) => {\n          const { dataField, fieldWeights } = props;\n\n          const fieldsCrossFields = dataField.map(\n            (field: string, index: number) => `${field}^${fieldWeights[index]}`\n          );\n          const fieldsPhrase = dataField.map(\n            (field: string, index: number) => `${field}^${fieldWeights[index]}`\n          );\n          const fieldsPhrasePrefix = dataField\n            .filter((field: string) => !field.includes(\".\"))\n            .map(\n              (field: string, index: number) =>\n                `${field}^${fieldWeights[index]}`\n            );\n\n          const query = {\n            bool: {\n              should: [\n                {\n                  nested: {\n                    path: \"curations\",\n                    query: {\n                      term: {\n                        \"curations.searchTerm.keyword\": value?.toLowerCase(),\n                      },\n                    },\n                  },\n                },\n                ...(fieldsCrossFields.length > 0\n                  ? [\n                      {\n                        multi_match: {\n                          query: value,\n                          fields: fieldsCrossFields,\n                          type: \"cross_fields\",\n                          operator: \"and\",\n                        },\n                      },\n                    ]\n                  : []),\n                ...(fieldsPhrase.length > 0\n                  ? [\n                      {\n                        multi_match: {\n                          query: value,\n                          fields: fieldsPhrase,\n                          type: \"phrase\",\n                          operator: \"and\",\n                        },\n                      },\n                    ]\n                  : []),\n                ...(fieldsPhrasePrefix.length > 0\n                  ? [\n                      {\n                        multi_match: {\n                          query: value,\n                          fields: fieldsPhrasePrefix,\n                          type: \"phrase_prefix\",\n                          operator: \"and\",\n                        },\n                      },\n                    ]\n                  : []),\n              ],\n              minimum_should_match: \"1\",\n            },\n          };\n          return { query };\n        }}\n      />\n    </>\n  );\n};\n"]}

package/dist/src/{sensor → components/Sensor}/SensorSort.js

@@ -6,26 +6,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SensorSort = void 0;
 const react_1 = __importDefault(require("react"));
 const ReactiveComponent_1 = __importDefault(require("@appbaseio/reactivesearch/lib/components/basic/ReactiveComponent"));
-const hooks_1 = require("../hooks");
-const debug = require("debug")("reactify-search:SensorSort");
+const hooks_1 = require("../../hooks");
 const SensorSort = () => {
-    const config = (0, hooks_1.useConfig)();
+    const { options, config } = (0, hooks_1.useReactifySearchContext)();
     const curation = (0, hooks_1.useCuration)();
-    const collection = (0, hooks_1.useCollection)();
     const globalCuration = (curation === null || curation === void 0 ? void 0 : curation.id) === "global";
-    const { sortOption } = (0, hooks_1.useSort)();
-    const searchQuery = react_1.default.useMemo(() => {
-        if (typeof window === "undefined")
-            return "";
-        const urlParams = new URLSearchParams(window.location.search);
-        return urlParams.get("q") || "";
-    }, []);
+    const { sortOption } = (0, hooks_1.useSortby)();
     const { sort, query } = react_1.default.useMemo(() => {
         return {
             sort: buildSort({
-                config,
                 sortOption,
-                collection,
+                collection: options.mode === "collection" ? options.collection : undefined,
                 curation,
                 globalCuration,
             }),
@@ -36,11 +27,6 @@ const SensorSort = () => {
             }),
         };
     }, [config, sortOption, curation]);
-    react_1.default.useEffect(() => {
-        debug("searchQuery", searchQuery);
-        debug("sort", sort);
-        debug("query", query);
-    }, [searchQuery, sort]);
     return (react_1.default.createElement(ReactiveComponent_1.default, { componentId: "SensorSort", customQuery: () => ({
             sort,
             query,
@@ -49,12 +35,7 @@ const SensorSort = () => {
 exports.SensorSort = SensorSort;
 const buildSort = (args) => {
     var _a;
-    const { config, curation, sortOption, collection, globalCuration } = args;
-    debug("buildSortQuery.start", {
-        config,
-        curation,
-        sortOption,
-    });
+    const { curation, sortOption, collection, globalCuration } = args;
     // return default sort option if unset
     if (!sortOption) {
         return collection
@@ -203,3 +184,4 @@ const buildQuery = (args) => {
         },
     };
 };
+//# sourceMappingURL=SensorSort.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SensorSort.js","sourceRoot":"","sources":["../../../../src/components/Sensor/SensorSort.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport ReactiveComponent from \"@appbaseio/reactivesearch/lib/components/basic/ReactiveComponent\";\n\nimport { ConfigCuration, ConfigSort } from \"../../types\";\nimport { useReactifySearchContext, useSortby, useCuration } from \"../../hooks\";\n\nexport const SensorSort: React.FC = () => {\n  const { options, config } = useReactifySearchContext();\n  const curation = useCuration();\n  const globalCuration = curation?.id === \"global\";\n\n  const { sortOption } = useSortby();\n\n  const { sort, query } = React.useMemo(() => {\n    return {\n      sort: buildSort({\n        sortOption,\n        collection: options.mode === \"collection\" ? options.collection : undefined,\n        curation,\n        globalCuration,\n      }),\n      query: buildQuery({\n        sortOption,\n        curation,\n        globalCuration,\n      }),\n    };\n  }, [config, sortOption, curation]);\n\n  return (\n    <ReactiveComponent\n      componentId=\"SensorSort\"\n      customQuery={() => ({\n        sort,\n        query,\n      })}\n    />\n  );\n};\n\nconst buildSort = (args: {\n  globalCuration?: boolean;\n  sortOption?: ConfigSort;\n  curation?: ConfigCuration;\n  collection?: {\n    id: number;\n    title: string;\n    handle: string;\n  };\n}): any[] => {\n  const { curation, sortOption, collection, globalCuration } = args;\n\n  // return default sort option if unset\n  if (!sortOption) {\n    return collection\n      ? mapCollectionPositionSortClause(collection)\n      : [\"_score\"];\n  }\n\n  // curation positions are only applied for the default `collections.position` or `_score` sort\n  // if the sort is something else, apply a normal sort which applies what the user has requested\n  if (![\"_score\", \"collections.position\"].includes(sortOption.field)) {\n    return [{ [sortOption.field]: sortOption.direction }];\n  }\n\n  // no matching curation, return default sort clause\n  if (!curation) {\n    return collection\n      ? mapCollectionPositionSortClause(collection)\n      : [\"_score\"];\n  }\n\n  const sorts = [];\n\n  // show pins first\n  if (globalCuration && collection) {\n    sorts.push(...mapCollectionPositionSortClause(collection));\n  } else {\n    sorts.push({\n      \"curations.position\": {\n        unmapped_type: \"long\",\n        order: \"asc\",\n        nested: {\n          path: \"curations\",\n          filter: {\n            term: {\n              [`curations.${\n                \"collection\" === curation.type\n                  ? \"collectionHandle\"\n                  : \"searchTerm\"\n              }.keyword`]:\n                \"collection\" === curation.type\n                  ? curation.collectionHandle\n                  : curation.searchTerm?.toLowerCase(),\n            },\n          },\n        },\n      },\n    });\n  }\n\n  if (0 < curation.boosting.groupings.length) {\n    const groupings = curation.boosting.groupings.sort((a, b) =>\n      a.position > b.position ? 1 : -1\n    );\n\n    for (const grouping of groupings) {\n      try {\n        const query = JSON.parse(grouping.query);\n        if (query) sorts.push(query);\n      } catch {\n        console.error(`query could not be parsed for boost grouping`, grouping);\n      }\n    }\n  }\n\n  if (0 < curation.boosting.sortings.length) {\n    const sortings = curation.boosting.sortings.sort((a, b) =>\n      a.position > b.position ? 1 : -1\n    );\n\n    for (const sorting of sortings) {\n      try {\n        const query = JSON.parse(sorting.query);\n        if (query) sorts.push(query);\n      } catch {\n        console.error(`query could not be parsed for boost sorting`, sorting);\n      }\n    }\n  }\n\n  // finally, for collections, if no other sorting is defined, sort by index order to provide\n  // a consistent order\n  if (\"collection\" === curation.type && sorts.length === 0) {\n    sorts.push(\"_doc\");\n  }\n\n  // finally, for search, sort by score\n  if (\"search\" === curation.type) {\n    sorts.push(\"_score\");\n  }\n\n  return sorts;\n};\n\n/**\n * Return a sort clause which sorts by position within the given collection.\n */\nfunction mapCollectionPositionSortClause(\n  collection: NonNullable<{\n    id: number;\n    title: string;\n    handle: string;\n  }>\n) {\n  return [\n    {\n      \"collections.position\": {\n        order: \"asc\",\n        nested: {\n          path: \"collections\",\n          filter: {\n            term: {\n              \"collections.handle.keyword\": collection.handle,\n            },\n          },\n        },\n      },\n    },\n  ];\n}\n\nconst buildQuery = (args: {\n  sortOption?: ConfigSort;\n  curation?: ConfigCuration;\n  globalCuration?: boolean;\n}): Record<string, any> | undefined => {\n  const { curation, sortOption, globalCuration } = args;\n\n  if (!curation || globalCuration) {\n    return undefined;\n  }\n\n  return {\n    bool: {\n      must_not: [\n        {\n          nested: {\n            path: \"curations\",\n            query: {\n              bool: {\n                must: [\n                  {\n                    term: {\n                      [`curations.${\n                        \"collection\" === curation.type\n                          ? \"collectionHandle\"\n                          : \"searchTerm\"\n                      }.keyword`]:\n                        \"collection\" === curation.type\n                          ? curation.collectionHandle\n                          : curation.searchTerm?.toLowerCase(),\n                    },\n                  },\n                  {\n                    term: {\n                      \"curations.hidden\": true,\n                    },\n                  },\n                ],\n              },\n            },\n          },\n        },\n        // hide callout when not sorting by _score or collections.position\n        ...(sortOption &&\n        ![\"_score\", \"collections.position\"].includes(sortOption.field)\n          ? [\n              {\n                term: {\n                  type: \"callout\",\n                },\n              },\n            ]\n          : []),\n      ],\n    },\n  };\n};\n"]}

package/dist/src/{sensor → components/Sensor}/SensorSortScore.js

@@ -10,3 +10,4 @@ const SensorSortScore = () => (react_1.default.createElement(ReactiveComponent_1
         sort: { _score: "desc" },
     }) }));
 exports.SensorSortScore = SensorSortScore;
+//# sourceMappingURL=SensorSortScore.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SensorSortScore.js","sourceRoot":"","sources":["../../../../src/components/Sensor/SensorSortScore.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,yHAAiG;AAE1F,MAAM,eAAe,GAAa,GAAG,EAAE,CAAC,CAC7C,8BAAC,2BAAiB,IAChB,WAAW,EAAC,iBAAiB,EAC7B,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC;QAClB,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;KACzB,CAAC,GACF,CACH,CAAC;AAPW,QAAA,eAAe,mBAO1B","sourcesContent":["import React from \"react\";\nimport ReactiveComponent from \"@appbaseio/reactivesearch/lib/components/basic/ReactiveComponent\";\n\nexport const SensorSortScore: React.FC = () => (\n  <ReactiveComponent\n    componentId=\"SensorSortScore\"\n    customQuery={() => ({\n      sort: { _score: \"desc\" },\n    })}\n  />\n);\n"]}

package/dist/src/components/Sensor/SensorStack.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare type SensorStackProps = {};
+export declare const SensorStack: React.FC<SensorStackProps>;

package/dist/src/{sensor → components/Sensor}/SensorStack.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SensorStack = void 0;
 const react_1 = __importDefault(require("react"));
-const hooks_1 = require("../hooks");
+const hooks_1 = require("../../hooks");
 const SensorSort_1 = require("./SensorSort");
 const SensorSearch_1 = require("./SensorSearch");
 const SensorSortScore_1 = require("./SensorSortScore");
@@ -13,9 +13,9 @@ const SensorPublished_1 = require("./SensorPublished");
 const SensorCollection_1 = require("./SensorCollection");
 const SensorInventoryAvailable_1 = require("./SensorInventoryAvailable");
 const SensorStack = () => {
-    const { instantSearch } = (0, hooks_1.useSearch)();
+    const { options } = (0, hooks_1.useReactifySearchContext)();
     // instant search mode
-    if (instantSearch) {
+    if (options.mode === "instant-search") {
         return (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement(SensorPublished_1.SensorPublished, null),
             react_1.default.createElement(SensorSortScore_1.SensorSortScore, null)));
@@ -29,3 +29,4 @@ const SensorStack = () => {
         react_1.default.createElement(SensorInventoryAvailable_1.SensorInventoryAvailable, null)));
 };
 exports.SensorStack = SensorStack;
+//# sourceMappingURL=SensorStack.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SensorStack.js","sourceRoot":"","sources":["../../../../src/components/Sensor/SensorStack.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAAuD;AAEvD,6CAA0C;AAC1C,iDAA8C;AAC9C,uDAAoD;AACpD,uDAAoD;AACpD,yDAAsD;AACtD,yEAAsE;AAM/D,MAAM,WAAW,GAA+B,GAAG,EAAE;IAC1D,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,gCAAwB,GAAE,CAAC;IAE/C,sBAAsB;IACtB,IAAI,OAAO,CAAC,IAAI,KAAK,gBAAgB,EAAE;QACrC,OAAO,CACL;YACE,8BAAC,iCAAe,OAAG;YACnB,8BAAC,iCAAe,OAAG,CAClB,CACJ,CAAC;KACH;IAED,mBAAmB;IACnB,OAAO,CACL;QACE,8BAAC,uBAAU,OAAG;QACd,8BAAC,2BAAY,OAAG;QAChB,8BAAC,iCAAe,OAAG;QACnB,8BAAC,mCAAgB,OAAG;QACpB,8BAAC,mDAAwB,OAAG,CAC3B,CACJ,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,WAAW,eAuBtB","sourcesContent":["import React from \"react\";\n\nimport { useReactifySearchContext } from \"../../hooks\";\n\nimport { SensorSort } from \"./SensorSort\";\nimport { SensorSearch } from \"./SensorSearch\";\nimport { SensorSortScore } from \"./SensorSortScore\";\nimport { SensorPublished } from \"./SensorPublished\";\nimport { SensorCollection } from \"./SensorCollection\";\nimport { SensorInventoryAvailable } from \"./SensorInventoryAvailable\";\n\nexport type SensorStackProps = {\n  /** This component does not support any props */\n};\n\nexport const SensorStack: React.FC<SensorStackProps> = () => {\n  const { options } = useReactifySearchContext();\n\n  // instant search mode\n  if (options.mode === \"instant-search\") {\n    return (\n      <>\n        <SensorPublished />\n        <SensorSortScore />\n      </>\n    );\n  }\n\n  // result grid mode\n  return (\n    <>\n      <SensorSort />\n      <SensorSearch />\n      <SensorPublished />\n      <SensorCollection />\n      <SensorInventoryAvailable />\n    </>\n  );\n};\n"]}

package/dist/src/{sensor → components/Sensor}/index.js

@@ -27,3 +27,4 @@ exports.SENSOR_IDS = [
     "SensorCollection",
     "SensorInventoryAvailable",
 ];
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Sensor/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,+CAA6B;AAC7B,iDAA+B;AAC/B,oDAAkC;AAClC,oDAAkC;AAClC,qDAAmC;AACnC,6DAA2C;AAE3C,gDAA8B;AAE9B,2DAA2D;AAC9C,QAAA,UAAU,GAAG;IACxB,YAAY;IACZ,cAAc;IACd,iBAAiB;IACjB,iBAAiB;IACjB,kBAAkB;IAClB,0BAA0B;CAC3B,CAAC","sourcesContent":["export * from \"./SensorSort\";\nexport * from \"./SensorSearch\";\nexport * from \"./SensorPublished\";\nexport * from \"./SensorSortScore\";\nexport * from \"./SensorCollection\";\nexport * from \"./SensorInventoryAvailable\";\n\nexport * from \"./SensorStack\";\n\n// this is consumed by the react prop in various components\nexport const SENSOR_IDS = [\n  \"SensorSort\",\n  \"SensorSearch\",\n  \"SensorSortScore\",\n  \"SensorPublished\",\n  \"SensorCollection\",\n  \"SensorInventoryAvailable\",\n];\n"]}