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

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 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))) })));
+};
+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  useReactiveReactiveListProps,\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 reactiveReactiveListProps = useReactiveReactiveListProps({\n    pageSize: props.pageSize,\n  });\n\n  return (\n    <ReactiveList\n      {...reactiveReactiveListProps}\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/components/Result/ResultStateProvider.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+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 = (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/components/Result/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ResultStack"), exports);
+__exportStar(require("./ResultCardCallout"), exports);
+__exportStar(require("./ResultCardProduct"), exports);
+__exportStar(require("./ResultStateProvider"), 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/components/Search/SearchInput.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.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 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)));
+};
+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/components/Search/index.d.ts

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

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

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./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/components/Sensor/SensorCollection.d.ts

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

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

@@ -0,0 +1,45 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+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 SensorCollection = () => {
+    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: {
+                    should: [
+                        {
+                            nested: {
+                                path: "collections",
+                                query: {
+                                    term: {
+                                        "collections.handle.keyword": options.collection.handle,
+                                    },
+                                },
+                            },
+                        },
+                        {
+                            nested: {
+                                path: "curations",
+                                query: {
+                                    term: {
+                                        "curations.collectionHandle.keyword": options.collection.handle,
+                                    },
+                                },
+                            },
+                        },
+                    ],
+                },
+            },
+        }) }));
+};
+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/components/Sensor/SensorInventoryAvailable.d.ts

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

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

@@ -0,0 +1,53 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+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 SensorInventoryAvailable = () => {
+    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: () => ({
+            query: {
+                bool: {
+                    should: [
+                        {
+                            bool: {
+                                must: [
+                                    {
+                                        term: {
+                                            type: {
+                                                value: "product",
+                                            },
+                                        },
+                                    },
+                                    {
+                                        nested: {
+                                            path: "variants",
+                                            query: {
+                                                match: { "variants.available": true },
+                                            },
+                                        },
+                                    },
+                                ],
+                            },
+                        },
+                        {
+                            term: {
+                                type: {
+                                    value: "callout",
+                                },
+                            },
+                        },
+                    ],
+                    minimum_should_match: "1",
+                },
+            },
+        }) }));
+};
+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/components/Sensor/SensorPublished.d.ts

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

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

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SensorPublished = void 0;
+const react_1 = __importDefault(require("react"));
+const ReactiveComponent_1 = __importDefault(require("@appbaseio/reactivesearch/lib/components/basic/ReactiveComponent"));
+const SensorPublished = () => (react_1.default.createElement(ReactiveComponent_1.default, { componentId: "SensorPublished", customQuery: () => ({
+        query: {
+            match: {
+                published: true,
+            },
+        },
+    }) }));
+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/components/Sensor/SensorSearch.d.ts

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

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

@@ -0,0 +1,83 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+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 SensorSearch = () => {
+    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(() => config.fields.filter((field) => ["always_search", "search_page"].includes(field.searchType)), [config.fields]);
+    if (!searchQuery || !searchFields.length) {
+        return null;
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(DataSearch_1.default, { fuzziness: 1, queryFormat: "and", autosuggest: false, value: searchQuery, componentId: "SensorSearch", style: { display: "none" }, dataField: searchFields.map((field) => field.field), fieldWeights: searchFields.map((field) => field.importance), customQuery: (value, props) => {
+                const { dataField, fieldWeights } = props;
+                const fieldsCrossFields = dataField.map((field, index) => `${field}^${fieldWeights[index]}`);
+                const fieldsPhrase = dataField.map((field, index) => `${field}^${fieldWeights[index]}`);
+                const fieldsPhrasePrefix = dataField
+                    .filter((field) => !field.includes("."))
+                    .map((field, index) => `${field}^${fieldWeights[index]}`);
+                const query = {
+                    bool: {
+                        should: [
+                            {
+                                nested: {
+                                    path: "curations",
+                                    query: {
+                                        term: {
+                                            "curations.searchTerm.keyword": value === null || value === void 0 ? void 0 : value.toLowerCase(),
+                                        },
+                                    },
+                                },
+                            },
+                            ...(fieldsCrossFields.length > 0
+                                ? [
+                                    {
+                                        multi_match: {
+                                            query: value,
+                                            fields: fieldsCrossFields,
+                                            type: "cross_fields",
+                                            operator: "and",
+                                        },
+                                    },
+                                ]
+                                : []),
+                            ...(fieldsPhrase.length > 0
+                                ? [
+                                    {
+                                        multi_match: {
+                                            query: value,
+                                            fields: fieldsPhrase,
+                                            type: "phrase",
+                                            operator: "and",
+                                        },
+                                    },
+                                ]
+                                : []),
+                            ...(fieldsPhrasePrefix.length > 0
+                                ? [
+                                    {
+                                        multi_match: {
+                                            query: value,
+                                            fields: fieldsPhrasePrefix,
+                                            type: "phrase_prefix",
+                                            operator: "and",
+                                        },
+                                    },
+                                ]
+                                : []),
+                        ],
+                        minimum_should_match: "1",
+                    },
+                };
+                return { query };
+            } })));
+};
+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/components/Sensor/SensorSort.d.ts

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