@usereactify/search 5.26.1 → 5.26.2

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

@@ -23,15 +23,18 @@ const Results = (props) => {
     const { track } = (0, hooks_1.useAnalytics)();
     const { searchTerm } = (0, hooks_1.useSearch)();
     return (react_1.default.createElement(ReactiveList_1.default, Object.assign({}, reactiveReactiveListProps, { render: (reactivesearchResultProps) => (react_1.default.createElement(ResultsInner, Object.assign({}, props, { reactivesearchResultProps: reactivesearchResultProps }))), onData: (renderProps) => {
-            if (!renderProps.loading && !renderProps.resultStats.numberOfResults) {
-                if (searchTerm) {
-                    track({
-                        eventName: "zeroResults",
-                        payload: {
-                            searchTerm: searchTerm,
-                        },
-                    });
+            if (renderProps.resultStats.numberOfResults === 0) {
+                let trimmedSearchTerm = searchTerm.trim();
+                if (!trimmedSearchTerm ||
+                    (trimmedSearchTerm && trimmedSearchTerm.length < 3)) {
+                    return;
                 }
+                track({
+                    eventName: "zeroResults",
+                    payload: {
+                        searchTerm: trimmedSearchTerm,
+                    },
+                });
             }
         }, renderPagination: (reactivesearchPaginationProps) => (react_1.default.createElement(ResultsPaginationStack, Object.assign({}, props, reactivesearchPaginationProps))) })));
 };
@@ -48,8 +51,10 @@ const ResultsRenderNoResultsComponent = () => {
     return react_1.default.createElement("div", null, "No results");
 };
 const ResultsInner = (props) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
+    const context = (0, hooks_1.useReactifySearchContext)();
     const filtersHook = (0, hooks_1.useFilters)();
+    const resultsHook = (0, hooks_1.useResults)();
     const initialSearchHasRun = react_1.default.useMemo(() => "undefined" !==
         typeof props.reactivesearchResultProps.resultStats.numberOfResults, [props.reactivesearchResultProps]);
     const listStyle = react_1.default.useMemo(() => {
@@ -73,6 +78,10 @@ const ResultsInner = (props) => {
         props.reactivesearchResultProps.resultStats.displayedResults,
         props.infiniteScrollPosition,
     ]);
+    react_1.default.useEffect(() => {
+        resultsHook.setResults(props.reactivesearchResultProps.data);
+        resultsHook.setResultStats(props.reactivesearchResultProps.resultStats);
+    }, [props.reactivesearchResultProps.data.map((item) => item._id).join("")]);
     if (props.reactivesearchResultProps.error) {
         utility_1.debug.breadcrumb({
             category: "result",
@@ -93,6 +102,12 @@ const ResultsInner = (props) => {
         const RenderNoResultsComponent = (_e = props.renderNoResults) !== null && _e !== void 0 ? _e : ResultsRenderNoResultsComponent;
         return react_1.default.createElement(RenderNoResultsComponent, null);
     }
+    if (["search", "instant-search"].includes(context.options.mode)) {
+        if (!context.search.searchTerm) {
+            const RenderNoResultsComponent = (_f = props.renderNoResults) !== null && _f !== void 0 ? _f : ResultsRenderNoResultsComponent;
+            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) => {
             if (types_1.ElasticDocumentType.Product === item.type) {

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

@@ -1 +1 @@
-{"version":3,"file":"Results.js","sourceRoot":"","sources":["../../../../src/components/Result/Results.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport ReactiveList from \"@appbaseio/reactivesearch/lib/components/result/ReactiveList\";\n\nimport { ResultCardCallout } from \"./ResultCardCallout\";\nimport { ResultCardProduct } from \"./ResultCardProduct\";\nimport { ResultPaginationNumbered } from \"./ResultPaginationNumbered\";\nimport { ResultPaginationLoadMore } from \"./ResultPaginationLoadMore\";\nimport { ResultPaginationNextPrev } from \"./ResultPaginationNextPrev\";\n\nimport {\n  ElasticCallout,\n  ElasticProduct,\n  ElasticDocumentType,\n  ReactivesearchError,\n  ReactivesearchResultProps,\n  ReactivesearchPaginationProps,\n} from \"../../types\";\nimport {\n  useReactifySearchContext,\n  useAnalytics,\n  useSearch,\n  useFilters,\n  useReactiveReactiveListProps,\n  useProductPrice,\n  usePagination,\n  usePaginationLoadable,\n} from \"../../hooks\";\nimport { debug } from \"../../utility\";\nimport { ResultPaginationInfiniteScroll } from \"./ResultPaginationInfiniteScroll\";\n\nexport type ResultProps = ReactivesearchResultProps & {\n  callouts: ElasticCallout[];\n  products: ElasticProduct[];\n};\n\nexport type ResultsProps = {\n  /** Style prop for the list wrapper */\n  listStyle?: React.HTMLAttributes<HTMLElement>[\"style\"];\n  /** Classname prop for the list wrapper */\n  listClassName?: string;\n  /** Render method called when an error occurs */\n  renderError?: React.FC<{ error: ReactivesearchError }>;\n  /** Render method called while loading for the first time */\n  renderLoading?: React.FC;\n  /** Render method called when no results are found */\n  renderNoResults?: React.FC;\n  /** Render method called once for each product result */\n  renderResultCardProduct?: React.FC<\n    ReturnType<typeof useProductPrice> & {\n      pagePosition: number;\n      product: ElasticProduct;\n      document: ElasticProduct;\n      itemRef: (node?: Element | null) => void;\n      handleClick: () => void;\n    }\n  >;\n  /** Render method called once for each callout result */\n  renderResultCardCallout?: React.FC<{\n    pagePosition: number;\n    document: ElasticCallout;\n    callout: ElasticCallout[\"callout\"];\n    itemRef: (node?: Element | null) => void;\n    handleClick: () => void;\n  }>;\n  /** Render method called for pagination type \"pagination\" */\n  renderPaginationNumbered?: React.FC<ReturnType<typeof usePagination>>;\n  /** Render method called for pagination type \"next_prev\" */\n  renderPaginationNextPrev?: React.FC<ReturnType<typeof usePagination>>;\n  /** Render method called for pagination type \"load_more\" */\n  renderPaginationLoadMore?: React.FC<ReturnType<typeof usePaginationLoadable>>;\n  /** Render method called for pagination type \"infinite_scroll\" */\n  renderPaginationInfiniteScroll?: React.FC<\n    ReturnType<typeof usePaginationLoadable>\n  >;\n  /** Advanced Usage: Override the default amount of results per page */\n  pageSize?: number;\n  /** Advanced Usage: Override the default scrollTarget used to determine when infinite load should be triggered (infinite scroll) */\n  infiniteScrollContainer?: React.ComponentProps<\n    typeof ReactiveList\n  >[\"scrollTarget\"];\n  /** Advanced Usage: Provide a specific result position to trigger loading more results (infinite scroll) */\n  infiniteScrollPosition?: number;\n};\n\nexport const Results: React.FC<ResultsProps> = (props) => {\n  const reactiveReactiveListProps = useReactiveReactiveListProps({\n    pageSize: props.pageSize,\n    scrollTarget: props.infiniteScrollContainer,\n  });\n  const { track } = useAnalytics();\n  const { searchTerm } = useSearch();\n\n  return (\n    <ReactiveList\n      {...reactiveReactiveListProps}\n      render={(reactivesearchResultProps: ReactivesearchResultProps) => (\n        <ResultsInner\n          {...props}\n          reactivesearchResultProps={reactivesearchResultProps}\n        />\n      )}\n      onData={(renderProps) => {\n        if (!renderProps.loading && !renderProps.resultStats.numberOfResults) {\n          if (searchTerm) {\n            track({\n              eventName: \"zeroResults\",\n              payload: {\n                searchTerm: searchTerm,\n              },\n            });\n          }\n        }\n      }}\n      renderPagination={(\n        reactivesearchPaginationProps: ReactivesearchPaginationProps\n      ) => (\n        <ResultsPaginationStack {...props} {...reactivesearchPaginationProps} />\n      )}\n    />\n  );\n};\n\nconst ResultsRenderErrorComponent: ResultsProps[\"renderError\"] = (props) => {\n  return (\n    <div>\n      {\"Error: \"}\n      {props.error.statusText}\n    </div>\n  );\n};\n\nconst ResultsRenderLoadingComponent: ResultsProps[\"renderLoading\"] = () => {\n  return <div>{\"Loading\"}</div>;\n};\n\nconst ResultsRenderNoResultsComponent: ResultsProps[\"renderNoResults\"] = () => {\n  return <div>{\"No results\"}</div>;\n};\n\nconst ResultsInner: React.FC<\n  ResultsProps & { reactivesearchResultProps: ReactivesearchResultProps }\n> = (props) => {\n  const filtersHook = useFilters();\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  const infiniteScrollPosition = React.useMemo<number>(() => {\n    if (!props.infiniteScrollPosition) {\n      return NaN;\n    }\n\n    const scrollPositionOffset =\n      props.reactivesearchResultProps.resultStats.displayedResults -\n      (props.pageSize ?? filtersHook.filterStack?.pageSize ?? 0);\n\n    return scrollPositionOffset + (props.infiniteScrollPosition ?? 0);\n  }, [\n    props.pageSize ?? filtersHook.filterStack?.pageSize,\n    props.reactivesearchResultProps.resultStats.displayedResults,\n    props.infiniteScrollPosition,\n  ]);\n\n  if (props.reactivesearchResultProps.error) {\n    debug.breadcrumb({\n      category: \"result\",\n      message: \"error\",\n      data: {\n        error: props.reactivesearchResultProps.error,\n      },\n    });\n\n    const RenderErrorComponent =\n      props.renderError ?? ResultsRenderErrorComponent;\n\n    return (\n      <RenderErrorComponent error={props.reactivesearchResultProps.error} />\n    );\n  }\n\n  if (!initialSearchHasRun) {\n    const RenderLoadingComponent =\n      props.renderLoading ?? ResultsRenderLoadingComponent;\n    return <RenderLoadingComponent />;\n  }\n\n  if (\n    !props.reactivesearchResultProps.loading &&\n    !props.reactivesearchResultProps.resultStats.numberOfResults\n  ) {\n    const RenderNoResultsComponent =\n      props.renderNoResults ?? ResultsRenderNoResultsComponent;\n\n    return <RenderNoResultsComponent />;\n  }\n\n  return (\n    <>\n      <section style={listStyle} className={props.listClassName}>\n        {props.reactivesearchResultProps.data.map((item, key) => {\n          if (ElasticDocumentType.Product === 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                {...(infiniteScrollPosition === key + 1\n                  ? {\n                      onView: () => props.reactivesearchResultProps.loadMore(),\n                    }\n                  : {})}\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                {...(infiniteScrollPosition === key + 1\n                  ? {\n                      onView: () => props.reactivesearchResultProps.loadMore(),\n                    }\n                  : {})}\n              />\n            );\n          }\n\n          return null;\n        })}\n      </section>\n      <ResultsPaginationStackLoadable\n        {...props}\n        {...props.reactivesearchResultProps}\n      />\n    </>\n  );\n};\n\n/** Handles rendering pagination for types that use \"pagination props\" */\nconst ResultsPaginationStack: React.FC<\n  ResultsProps & ReactivesearchPaginationProps\n> = (props) => {\n  const { options } = useReactifySearchContext();\n  const { filterStack } = useFilters();\n\n  if (options.mode === \"instant-search\") {\n    return null;\n  }\n\n  if (\"pagination\" === filterStack?.paginationType) {\n    return (\n      <ResultPaginationNumbered\n        {...props}\n        render={props.renderPaginationNumbered}\n      />\n    );\n  }\n\n  if (\"next_prev\" === filterStack?.paginationType) {\n    return (\n      <ResultPaginationNextPrev\n        {...props}\n        render={props.renderPaginationNextPrev}\n      />\n    );\n  }\n\n  return null;\n};\n\n/** Handles rendering pagination for types that use \"result props\" */\nconst ResultsPaginationStackLoadable: React.FC<\n  ResultsProps & { reactivesearchResultProps: ReactivesearchResultProps }\n> = (props) => {\n  const { options } = useReactifySearchContext();\n  const { filterStack } = useFilters();\n\n  if (options.mode === \"instant-search\") {\n    return null;\n  }\n\n  if (\"load_more\" === filterStack?.paginationType) {\n    return (\n      <ResultPaginationLoadMore\n        {...props.reactivesearchResultProps}\n        render={props.renderPaginationLoadMore}\n      />\n    );\n  }\n\n  if (\"infinite_scroll\" === filterStack?.paginationType) {\n    return (\n      <ResultPaginationInfiniteScroll\n        {...props.reactivesearchResultProps}\n        render={props.renderPaginationInfiniteScroll}\n      />\n    );\n  }\n\n  return null;\n};\n"]}
+{"version":3,"file":"Results.js","sourceRoot":"","sources":["../../../../src/components/Result/Results.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport ReactiveList from \"@appbaseio/reactivesearch/lib/components/result/ReactiveList\";\n\nimport { ResultCardCallout } from \"./ResultCardCallout\";\nimport { ResultCardProduct } from \"./ResultCardProduct\";\nimport { ResultPaginationNumbered } from \"./ResultPaginationNumbered\";\nimport { ResultPaginationLoadMore } from \"./ResultPaginationLoadMore\";\nimport { ResultPaginationNextPrev } from \"./ResultPaginationNextPrev\";\n\nimport {\n  ElasticCallout,\n  ElasticProduct,\n  ElasticDocumentType,\n  ReactivesearchError,\n  ReactivesearchResultProps,\n  ReactivesearchPaginationProps,\n} from \"../../types\";\nimport {\n  useReactifySearchContext,\n  useAnalytics,\n  useSearch,\n  useFilters,\n  useReactiveReactiveListProps,\n  useProductPrice,\n  usePagination,\n  usePaginationLoadable,\n  useResults,\n} from \"../../hooks\";\nimport { debug } from \"../../utility\";\nimport { ResultPaginationInfiniteScroll } from \"./ResultPaginationInfiniteScroll\";\n\nexport type ResultProps = ReactivesearchResultProps & {\n  callouts: ElasticCallout[];\n  products: ElasticProduct[];\n};\n\nexport type ResultsProps = {\n  /** Style prop for the list wrapper */\n  listStyle?: React.HTMLAttributes<HTMLElement>[\"style\"];\n  /** Classname prop for the list wrapper */\n  listClassName?: string;\n  /** Render method called when an error occurs */\n  renderError?: React.FC<{ error: ReactivesearchError }>;\n  /** Render method called while loading for the first time */\n  renderLoading?: React.FC;\n  /** Render method called when no results are found */\n  renderNoResults?: React.FC;\n  /** Render method called once for each product result */\n  renderResultCardProduct?: React.FC<\n    ReturnType<typeof useProductPrice> & {\n      pagePosition: number;\n      product: ElasticProduct;\n      document: ElasticProduct;\n      itemRef: (node?: Element | null) => void;\n      handleClick: () => void;\n    }\n  >;\n  /** Render method called once for each callout result */\n  renderResultCardCallout?: React.FC<{\n    pagePosition: number;\n    document: ElasticCallout;\n    callout: ElasticCallout[\"callout\"];\n    itemRef: (node?: Element | null) => void;\n    handleClick: () => void;\n  }>;\n  /** Render method called for pagination type \"pagination\" */\n  renderPaginationNumbered?: React.FC<ReturnType<typeof usePagination>>;\n  /** Render method called for pagination type \"next_prev\" */\n  renderPaginationNextPrev?: React.FC<ReturnType<typeof usePagination>>;\n  /** Render method called for pagination type \"load_more\" */\n  renderPaginationLoadMore?: React.FC<ReturnType<typeof usePaginationLoadable>>;\n  /** Render method called for pagination type \"infinite_scroll\" */\n  renderPaginationInfiniteScroll?: React.FC<\n    ReturnType<typeof usePaginationLoadable>\n  >;\n  /** Advanced Usage: Override the default amount of results per page */\n  pageSize?: number;\n  /** Advanced Usage: Override the default scrollTarget used to determine when infinite load should be triggered (infinite scroll) */\n  infiniteScrollContainer?: React.ComponentProps<\n    typeof ReactiveList\n  >[\"scrollTarget\"];\n  /** Advanced Usage: Provide a specific result position to trigger loading more results (infinite scroll) */\n  infiniteScrollPosition?: number;\n};\n\nexport const Results: React.FC<ResultsProps> = (props) => {\n  const reactiveReactiveListProps = useReactiveReactiveListProps({\n    pageSize: props.pageSize,\n    scrollTarget: props.infiniteScrollContainer,\n  });\n  const { track } = useAnalytics();\n  const { searchTerm } = useSearch();\n\n  return (\n    <ReactiveList\n      {...reactiveReactiveListProps}\n      render={(reactivesearchResultProps: ReactivesearchResultProps) => (\n        <ResultsInner\n          {...props}\n          reactivesearchResultProps={reactivesearchResultProps}\n        />\n      )}\n      onData={(renderProps) => {\n        if (renderProps.resultStats.numberOfResults === 0) {\n          let trimmedSearchTerm = searchTerm.trim();\n\n          if (\n            !trimmedSearchTerm ||\n            (trimmedSearchTerm && trimmedSearchTerm.length < 3)\n          ) {\n            return;\n          }\n\n          track({\n            eventName: \"zeroResults\",\n            payload: {\n              searchTerm: trimmedSearchTerm,\n            },\n          });\n        }\n      }}\n      renderPagination={(\n        reactivesearchPaginationProps: ReactivesearchPaginationProps\n      ) => (\n        <ResultsPaginationStack {...props} {...reactivesearchPaginationProps} />\n      )}\n    />\n  );\n};\n\nconst ResultsRenderErrorComponent: ResultsProps[\"renderError\"] = (props) => {\n  return (\n    <div>\n      {\"Error: \"}\n      {props.error.statusText}\n    </div>\n  );\n};\n\nconst ResultsRenderLoadingComponent: ResultsProps[\"renderLoading\"] = () => {\n  return <div>{\"Loading\"}</div>;\n};\n\nconst ResultsRenderNoResultsComponent: ResultsProps[\"renderNoResults\"] = () => {\n  return <div>{\"No results\"}</div>;\n};\n\nconst ResultsInner: React.FC<\n  ResultsProps & { reactivesearchResultProps: ReactivesearchResultProps }\n> = (props) => {\n  const context = useReactifySearchContext();\n  const filtersHook = useFilters();\n  const resultsHook = useResults();\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  const infiniteScrollPosition = React.useMemo<number>(() => {\n    if (!props.infiniteScrollPosition) {\n      return NaN;\n    }\n\n    const scrollPositionOffset =\n      props.reactivesearchResultProps.resultStats.displayedResults -\n      (props.pageSize ?? filtersHook.filterStack?.pageSize ?? 0);\n\n    return scrollPositionOffset + (props.infiniteScrollPosition ?? 0);\n  }, [\n    props.pageSize ?? filtersHook.filterStack?.pageSize,\n    props.reactivesearchResultProps.resultStats.displayedResults,\n    props.infiniteScrollPosition,\n  ]);\n\n  React.useEffect(() => {\n    resultsHook.setResults(props.reactivesearchResultProps.data);\n    resultsHook.setResultStats(props.reactivesearchResultProps.resultStats);\n  }, [props.reactivesearchResultProps.data.map((item) => item._id).join(\"\")]);\n\n  if (props.reactivesearchResultProps.error) {\n    debug.breadcrumb({\n      category: \"result\",\n      message: \"error\",\n      data: {\n        error: props.reactivesearchResultProps.error,\n      },\n    });\n\n    const RenderErrorComponent =\n      props.renderError ?? ResultsRenderErrorComponent;\n\n    return (\n      <RenderErrorComponent error={props.reactivesearchResultProps.error} />\n    );\n  }\n\n  if (!initialSearchHasRun) {\n    const RenderLoadingComponent =\n      props.renderLoading ?? ResultsRenderLoadingComponent;\n    return <RenderLoadingComponent />;\n  }\n\n  if (\n    !props.reactivesearchResultProps.loading &&\n    !props.reactivesearchResultProps.resultStats.numberOfResults\n  ) {\n    const RenderNoResultsComponent =\n      props.renderNoResults ?? ResultsRenderNoResultsComponent;\n\n    return <RenderNoResultsComponent />;\n  }\n\n  if ([\"search\", \"instant-search\"].includes(context.options.mode)) {\n    if (!context.search.searchTerm) {\n      const RenderNoResultsComponent =\n        props.renderNoResults ?? ResultsRenderNoResultsComponent;\n\n      return <RenderNoResultsComponent />;\n    }\n  }\n\n  return (\n    <>\n      <section style={listStyle} className={props.listClassName}>\n        {props.reactivesearchResultProps.data.map((item, key) => {\n          if (ElasticDocumentType.Product === 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                {...(infiniteScrollPosition === key + 1\n                  ? {\n                      onView: () => props.reactivesearchResultProps.loadMore(),\n                    }\n                  : {})}\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                {...(infiniteScrollPosition === key + 1\n                  ? {\n                      onView: () => props.reactivesearchResultProps.loadMore(),\n                    }\n                  : {})}\n              />\n            );\n          }\n\n          return null;\n        })}\n      </section>\n      <ResultsPaginationStackLoadable\n        {...props}\n        {...props.reactivesearchResultProps}\n      />\n    </>\n  );\n};\n\n/** Handles rendering pagination for types that use \"pagination props\" */\nconst ResultsPaginationStack: React.FC<\n  ResultsProps & ReactivesearchPaginationProps\n> = (props) => {\n  const { options } = useReactifySearchContext();\n  const { filterStack } = useFilters();\n\n  if (options.mode === \"instant-search\") {\n    return null;\n  }\n\n  if (\"pagination\" === filterStack?.paginationType) {\n    return (\n      <ResultPaginationNumbered\n        {...props}\n        render={props.renderPaginationNumbered}\n      />\n    );\n  }\n\n  if (\"next_prev\" === filterStack?.paginationType) {\n    return (\n      <ResultPaginationNextPrev\n        {...props}\n        render={props.renderPaginationNextPrev}\n      />\n    );\n  }\n\n  return null;\n};\n\n/** Handles rendering pagination for types that use \"result props\" */\nconst ResultsPaginationStackLoadable: React.FC<\n  ResultsProps & { reactivesearchResultProps: ReactivesearchResultProps }\n> = (props) => {\n  const { options } = useReactifySearchContext();\n  const { filterStack } = useFilters();\n\n  if (options.mode === \"instant-search\") {\n    return null;\n  }\n\n  if (\"load_more\" === filterStack?.paginationType) {\n    return (\n      <ResultPaginationLoadMore\n        {...props.reactivesearchResultProps}\n        render={props.renderPaginationLoadMore}\n      />\n    );\n  }\n\n  if (\"infinite_scroll\" === filterStack?.paginationType) {\n    return (\n      <ResultPaginationInfiniteScroll\n        {...props.reactivesearchResultProps}\n        render={props.renderPaginationInfiniteScroll}\n      />\n    );\n  }\n\n  return null;\n};\n"]}

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

@@ -8,10 +8,14 @@ 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 flagsHook = (0, hooks_1.useFlags)();
     const { options } = (0, hooks_1.useReactifySearchContext)();
     if (options.mode !== "collection") {
         return null;
     }
+    if (!flagsHook.flags["reactify-search:flag_sensor_collection"]) {
+        return null;
+    }
     return (react_1.default.createElement(ReactiveComponent_1.default, { componentId: "SensorCollection", customQuery: () => ({
             query: {
                 bool: {

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

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

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

@@ -8,9 +8,14 @@ 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 flagsHook = (0, hooks_1.useFlags)();
     const { filterStack } = (0, hooks_1.useFilters)();
-    if (!filterStack || "show_all" === filterStack.inventoryVisibility)
+    if (!filterStack || "show_all" === filterStack.inventoryVisibility) {
         return null;
+    }
+    if (!flagsHook.flags["reactify-search:flag_sensor_inventoryavailable"]) {
+        return null;
+    }
     return (react_1.default.createElement(ReactiveComponent_1.default, { componentId: "SensorInventoryAvailable", customQuery: () => ({
             query: {
                 bool: {

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

@@ -1 +1 @@
-{"version":3,"file":"SensorInventoryAvailable.js","sourceRoot":"","sources":["../../../../src/components/Sensor/SensorInventoryAvailable.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,yHAAiG;AAEjG,uCAAyC;AAElC,MAAM,wBAAwB,GAAa,GAAG,EAAE;IACrD,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,GAAE,CAAC;IAErC,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 { useFilters } from \"../../hooks\";\n\nexport const SensorInventoryAvailable: React.FC = () => {\n  const { filterStack } = useFilters();\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"]}
+{"version":3,"file":"SensorInventoryAvailable.js","sourceRoot":"","sources":["../../../../src/components/Sensor/SensorInventoryAvailable.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,yHAAiG;AAEjG,uCAAmD;AAE5C,MAAM,wBAAwB,GAAa,GAAG,EAAE;IACrD,MAAM,SAAS,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC7B,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,GAAE,CAAC;IAErC,IAAI,CAAC,WAAW,IAAI,UAAU,KAAK,WAAW,CAAC,mBAAmB,EAAE;QAClE,OAAO,IAAI,CAAC;KACb;IAED,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,gDAAgD,CAAC,EAAE;QACtE,OAAO,IAAI,CAAC;KACb;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;AAtDW,QAAA,wBAAwB,4BAsDnC","sourcesContent":["import React from \"react\";\nimport ReactiveComponent from \"@appbaseio/reactivesearch/lib/components/basic/ReactiveComponent\";\n\nimport { useFilters, useFlags } from \"../../hooks\";\n\nexport const SensorInventoryAvailable: React.FC = () => {\n  const flagsHook = useFlags();\n  const { filterStack } = useFilters();\n\n  if (!filterStack || \"show_all\" === filterStack.inventoryVisibility) {\n    return null;\n  }\n\n  if (!flagsHook.flags[\"reactify-search:flag_sensor_inventoryavailable\"]) {\n    return null;\n  }\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.js

@@ -6,12 +6,19 @@ 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,
+const hooks_1 = require("../../hooks");
+const SensorPublished = () => {
+    const flagsHook = (0, hooks_1.useFlags)();
+    if (!flagsHook.flags["reactify-search:flag_sensor_published"]) {
+        return null;
+    }
+    return (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

@@ -1 +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"]}
+{"version":3,"file":"SensorPublished.js","sourceRoot":"","sources":["../../../../src/components/Sensor/SensorPublished.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,yHAAiG;AAEjG,uCAAuC;AAEhC,MAAM,eAAe,GAAa,GAAG,EAAE;IAC5C,MAAM,SAAS,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAE7B,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,uCAAuC,CAAC,EAAE;QAC7D,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,8BAAC,2BAAiB,IAChB,WAAW,EAAC,iBAAiB,EAC7B,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC;YAClB,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,SAAS,EAAE,IAAI;iBAChB;aACF;SACF,CAAC,GACF,CACH,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,eAAe,mBAmB1B","sourcesContent":["import React from \"react\";\nimport ReactiveComponent from \"@appbaseio/reactivesearch/lib/components/basic/ReactiveComponent\";\n\nimport { useFlags } from \"../../hooks\";\n\nexport const SensorPublished: React.FC = () => {\n  const flagsHook = useFlags();\n\n  if (!flagsHook.flags[\"reactify-search:flag_sensor_published\"]) {\n    return null;\n  }\n\n  return (\n    <ReactiveComponent\n      componentId=\"SensorPublished\"\n      customQuery={() => ({\n        query: {\n          match: {\n            published: true,\n          },\n        },\n      })}\n    />\n  );\n};\n"]}

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

@@ -9,10 +9,11 @@ const ahooks_1 = require("ahooks");
 const DataSearch_1 = __importDefault(require("@appbaseio/reactivesearch/lib/components/search/DataSearch"));
 const hooks_1 = require("../../hooks");
 const SensorSearchTerm = () => {
+    const flagsHook = (0, hooks_1.useFlags)();
     const { options, config } = (0, hooks_1.useReactifySearchContext)();
     const { track } = (0, hooks_1.useAnalytics)();
     const { searchTerm } = (0, hooks_1.useSearch)();
-    const [searchTermDebounced, setSearchTermDebounced] = react_1.default.useState("");
+    const [searchTermDebounced, setSearchTermDebounced] = react_1.default.useState(searchTerm);
     // ignore search fields only set for instant search
     const searchFields = react_1.default.useMemo(() => {
         if (options.mode === "search") {
@@ -25,13 +26,15 @@ const SensorSearchTerm = () => {
     }, [config.fields]);
     const { run: runDebouncedTriggerQuery, cancel: cancelDebouncedTriggerQuery } = (0, ahooks_1.useDebounceFn)((value) => {
         setSearchTermDebounced(value);
-        if (!value || (value && value.length < 3)) {
+        let trimmedSearchTerm = searchTerm.trim();
+        if (!trimmedSearchTerm ||
+            (trimmedSearchTerm && trimmedSearchTerm.length < 3)) {
             return;
         }
         track({
             eventName: "search",
             payload: {
-                searchTerm: value,
+                searchTerm: trimmedSearchTerm,
             },
         });
     }, {
@@ -43,15 +46,85 @@ const SensorSearchTerm = () => {
     if (searchFields.length === 0) {
         return null;
     }
+    if (!flagsHook.flags["reactify-search:flag_sensor_searchterm"]) {
+        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: searchTermDebounced, componentId: "SensorSearchTerm", 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
-                    .map((field, index) => `${field}^${fieldWeights[index]}`)
+                const conditions = [];
+                if (flagsHook.flags["reactify-search:flag_sensor_searchterm_value"] &&
+                    value) {
+                    conditions.push({
+                        nested: {
+                            path: "curations",
+                            query: {
+                                term: {
+                                    "curations.searchTerm.keyword": value.toLowerCase(),
+                                },
+                            },
+                        },
+                    });
+                }
+                const fieldsPhrase = props.dataField
+                    .filter((field) => !flagsHook.flags["reactify-search:flag_sensor_searchterm_phrase_synonyms"]
+                    ? !field.includes("synonym")
+                    : true)
+                    .map((field, index) => `${field}^${props.fieldWeights[index]}`);
+                if (flagsHook.flags["reactify-search:flag_sensor_searchterm_phrase"] &&
+                    fieldsPhrase.length > 0) {
+                    conditions.push({
+                        multi_match: {
+                            query: value,
+                            fields: fieldsPhrase,
+                            type: "phrase",
+                            operator: "and",
+                        },
+                    });
+                }
+                const fieldsPhrasePrefix = props.dataField
+                    .filter((field) => !flagsHook.flags["reactify-search:flag_sensor_searchterm_phrase_prefix_synonyms"]
+                    ? !field.includes("synonym")
+                    : true)
+                    .map((field, index) => `${field}^${props.fieldWeights[index]}`)
                     .filter((field) => !field.includes("."));
-                const fieldsSpanFirst = dataField.map((field) => ({
+                if (flagsHook.flags["reactify-search:flag_sensor_searchterm_phrase_prefix"] &&
+                    fieldsPhrasePrefix.length > 0) {
+                    conditions.push({
+                        multi_match: {
+                            query: value,
+                            fields: fieldsPhrasePrefix,
+                            type: "phrase_prefix",
+                            operator: "and",
+                        },
+                    });
+                }
+                const fieldsCrossFields = props.dataField
+                    .filter((field) => !flagsHook.flags["reactify-search:flag_sensor_searchterm_cross_fields_synonyms"]
+                    ? !field.includes("synonym")
+                    : true)
+                    .map((field, index) => `${field}^${props.fieldWeights[index]}`);
+                if (flagsHook.flags["reactify-search:flag_sensor_searchterm_cross_fields"] &&
+                    fieldsCrossFields.length > 0) {
+                    conditions.push({
+                        multi_match: {
+                            query: value,
+                            fields: fieldsCrossFields,
+                            type: "cross_fields",
+                            operator: "and",
+                        },
+                    });
+                }
+                const fieldsSpanFirst = props.dataField
+                    .filter((field) => !flagsHook.flags["reactify-search:flag_sensor_searchterm_span_first_synonyms"]
+                    ? !field.includes("synonym")
+                    : true)
+                    .filter((field) => {
+                    if (field.endsWith(".keyword")) {
+                        return false;
+                    }
+                    return true;
+                })
+                    .map((field) => ({
                     span_first: {
                         match: {
                             span_term: { [`${field}`]: value },
@@ -59,65 +132,18 @@ const SensorSearchTerm = () => {
                         end: 1,
                     },
                 }));
-                const query = {
-                    bool: {
-                        should: [
-                            ...(value
-                                ? [
-                                    {
-                                        nested: {
-                                            path: "curations",
-                                            query: {
-                                                term: {
-                                                    "curations.searchTerm.keyword": value.toLowerCase(),
-                                                },
-                                            },
-                                        },
-                                    },
-                                ]
-                                : []),
-                            ...(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",
-                                        },
-                                    },
-                                ]
-                                : []),
-                            ...(fieldsCrossFields.length > 0
-                                ? [
-                                    {
-                                        multi_match: {
-                                            query: value,
-                                            fields: fieldsCrossFields,
-                                            type: "cross_fields",
-                                            operator: "and",
-                                        },
-                                    },
-                                ]
-                                : []),
-                            ...(fieldsSpanFirst.length > 0 ? [...fieldsSpanFirst] : []),
-                        ],
-                        minimum_should_match: "1",
+                if (flagsHook.flags["reactify-search:flag_sensor_searchterm_span_first"] &&
+                    fieldsSpanFirst.length > 0) {
+                    conditions.push(...fieldsSpanFirst);
+                }
+                return {
+                    query: {
+                        bool: {
+                            should: conditions,
+                            minimum_should_match: "1",
+                        },
                     },
                 };
-                return { query };
             } })));
 };
 exports.SensorSearchTerm = SensorSearchTerm;

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

@@ -1 +1 @@
-{"version":3,"file":"SensorSearchTerm.js","sourceRoot":"","sources":["../../../../src/components/Sensor/SensorSearchTerm.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { useDebounceFn } from \"ahooks\";\nimport DataSearch from \"@appbaseio/reactivesearch/lib/components/search/DataSearch\";\n\nimport { useAnalytics, useReactifySearchContext, useSearch } from \"../../hooks\";\n\nexport const SensorSearchTerm: React.FC = () => {\n  const { options, config } = useReactifySearchContext();\n  const { track } = useAnalytics();\n  const { searchTerm } = useSearch();\n  const [searchTermDebounced, setSearchTermDebounced] =\n    React.useState<string>(\"\");\n\n  // ignore search fields only set for instant search\n  const searchFields = React.useMemo(() => {\n    if (options.mode === \"search\") {\n      return config.fields.filter((field) =>\n        [\"always_search\", \"search_page\"].includes(field.searchType)\n      );\n    }\n\n    if (options.mode === \"instant-search\") {\n      return config.fields.filter((field) =>\n        [\"always_search\", \"instant_search\"].includes(field.searchType)\n      );\n    }\n\n    return [];\n  }, [config.fields]);\n\n  const { run: runDebouncedTriggerQuery, cancel: cancelDebouncedTriggerQuery } =\n    useDebounceFn(\n      (value: string) => {\n        setSearchTermDebounced(value);\n\n        if (!value || (value && value.length < 3)) {\n          return;\n        }\n\n        track({\n          eventName: \"search\",\n          payload: {\n            searchTerm: value,\n          },\n        });\n      },\n      {\n        wait: 300,\n      }\n    );\n\n  React.useEffect(() => {\n    runDebouncedTriggerQuery(searchTerm);\n  }, [searchTerm]);\n\n  if (searchFields.length === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      <DataSearch\n        fuzziness={1}\n        queryFormat=\"and\"\n        autosuggest={false}\n        value={searchTermDebounced}\n        componentId=\"SensorSearchTerm\"\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\n          const fieldsPhrase = dataField.map(\n            (field: string, index: number) => `${field}^${fieldWeights[index]}`\n          );\n\n          const fieldsPhrasePrefix = dataField\n            .map(\n              (field: string, index: number) =>\n                `${field}^${fieldWeights[index]}`\n            )\n            .filter((field: string) => !field.includes(\".\"));\n\n          const fieldsSpanFirst: any = dataField.map((field: string) => ({\n            span_first: {\n              match: {\n                span_term: { [`${field}`]: value },\n              },\n              end: 1,\n            },\n          }));\n\n          const query = {\n            bool: {\n              should: [\n                ...(value\n                  ? [\n                      {\n                        nested: {\n                          path: \"curations\",\n                          query: {\n                            term: {\n                              \"curations.searchTerm.keyword\":\n                                value.toLowerCase(),\n                            },\n                          },\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                ...(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                ...(fieldsSpanFirst.length > 0 ? [...fieldsSpanFirst] : []),\n              ],\n              minimum_should_match: \"1\",\n            },\n          };\n          return { query };\n        }}\n      />\n    </>\n  );\n};\n"]}
+{"version":3,"file":"SensorSearchTerm.js","sourceRoot":"","sources":["../../../../src/components/Sensor/SensorSearchTerm.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { useDebounceFn } from \"ahooks\";\nimport DataSearch from \"@appbaseio/reactivesearch/lib/components/search/DataSearch\";\n\nimport {\n  useAnalytics,\n  useFlags,\n  useReactifySearchContext,\n  useSearch,\n} from \"../../hooks\";\n\nexport const SensorSearchTerm: React.FC = () => {\n  const flagsHook = useFlags();\n  const { options, config } = useReactifySearchContext();\n  const { track } = useAnalytics();\n  const { searchTerm } = useSearch();\n\n  const [searchTermDebounced, setSearchTermDebounced] =\n    React.useState<string>(searchTerm);\n\n  // ignore search fields only set for instant search\n  const searchFields = React.useMemo(() => {\n    if (options.mode === \"search\") {\n      return config.fields.filter((field) =>\n        [\"always_search\", \"search_page\"].includes(field.searchType)\n      );\n    }\n\n    if (options.mode === \"instant-search\") {\n      return config.fields.filter((field) =>\n        [\"always_search\", \"instant_search\"].includes(field.searchType)\n      );\n    }\n\n    return [];\n  }, [config.fields]);\n\n  const { run: runDebouncedTriggerQuery, cancel: cancelDebouncedTriggerQuery } =\n    useDebounceFn(\n      (value: string) => {\n        setSearchTermDebounced(value);\n\n        let trimmedSearchTerm = searchTerm.trim();\n\n        if (\n          !trimmedSearchTerm ||\n          (trimmedSearchTerm && trimmedSearchTerm.length < 3)\n        ) {\n          return;\n        }\n\n        track({\n          eventName: \"search\",\n          payload: {\n            searchTerm: trimmedSearchTerm,\n          },\n        });\n      },\n      {\n        wait: 300,\n      }\n    );\n\n  React.useEffect(() => {\n    runDebouncedTriggerQuery(searchTerm);\n  }, [searchTerm]);\n\n  if (searchFields.length === 0) {\n    return null;\n  }\n\n  if (!flagsHook.flags[\"reactify-search:flag_sensor_searchterm\"]) {\n    return null;\n  }\n\n  return (\n    <>\n      <DataSearch\n        fuzziness={1}\n        queryFormat=\"and\"\n        autosuggest={false}\n        value={searchTermDebounced}\n        componentId=\"SensorSearchTerm\"\n        style={{ display: \"none\" }}\n        dataField={searchFields.map((field) => field.field)}\n        fieldWeights={searchFields.map((field) => field.importance)}\n        customQuery={(value, props) => {\n          const conditions: Array<unknown> = [];\n\n          if (\n            flagsHook.flags[\"reactify-search:flag_sensor_searchterm_value\"] &&\n            value\n          ) {\n            conditions.push({\n              nested: {\n                path: \"curations\",\n                query: {\n                  term: {\n                    \"curations.searchTerm.keyword\": value.toLowerCase(),\n                  },\n                },\n              },\n            });\n          }\n\n          const fieldsPhrase = props.dataField\n            .filter((field: string) =>\n              !flagsHook.flags[\n                \"reactify-search:flag_sensor_searchterm_phrase_synonyms\"\n              ]\n                ? !field.includes(\"synonym\")\n                : true\n            )\n            .map(\n              (field: string, index: number) =>\n                `${field}^${props.fieldWeights[index]}`\n            );\n          if (\n            flagsHook.flags[\"reactify-search:flag_sensor_searchterm_phrase\"] &&\n            fieldsPhrase.length > 0\n          ) {\n            conditions.push({\n              multi_match: {\n                query: value,\n                fields: fieldsPhrase,\n                type: \"phrase\",\n                operator: \"and\",\n              },\n            });\n          }\n\n          const fieldsPhrasePrefix = props.dataField\n            .filter((field: string) =>\n              !flagsHook.flags[\n                \"reactify-search:flag_sensor_searchterm_phrase_prefix_synonyms\"\n              ]\n                ? !field.includes(\"synonym\")\n                : true\n            )\n            .map(\n              (field: string, index: number) =>\n                `${field}^${props.fieldWeights[index]}`\n            )\n            .filter((field: string) => !field.includes(\".\"));\n\n          if (\n            flagsHook.flags[\n              \"reactify-search:flag_sensor_searchterm_phrase_prefix\"\n            ] &&\n            fieldsPhrasePrefix.length > 0\n          ) {\n            conditions.push({\n              multi_match: {\n                query: value,\n                fields: fieldsPhrasePrefix,\n                type: \"phrase_prefix\",\n                operator: \"and\",\n              },\n            });\n          }\n\n          const fieldsCrossFields = props.dataField\n            .filter((field: string) =>\n              !flagsHook.flags[\n                \"reactify-search:flag_sensor_searchterm_cross_fields_synonyms\"\n              ]\n                ? !field.includes(\"synonym\")\n                : true\n            )\n            .map(\n              (field: string, index: number) =>\n                `${field}^${props.fieldWeights[index]}`\n            );\n          if (\n            flagsHook.flags[\n              \"reactify-search:flag_sensor_searchterm_cross_fields\"\n            ] &&\n            fieldsCrossFields.length > 0\n          ) {\n            conditions.push({\n              multi_match: {\n                query: value,\n                fields: fieldsCrossFields,\n                type: \"cross_fields\",\n                operator: \"and\",\n              },\n            });\n          }\n\n          const fieldsSpanFirst: any = props.dataField\n            .filter((field: string) =>\n              !flagsHook.flags[\n                \"reactify-search:flag_sensor_searchterm_span_first_synonyms\"\n              ]\n                ? !field.includes(\"synonym\")\n                : true\n            )\n            .filter((field: string) => {\n              if (field.endsWith(\".keyword\")) {\n                return false;\n              }\n\n              return true;\n            })\n            .map((field: string) => ({\n              span_first: {\n                match: {\n                  span_term: { [`${field}`]: value },\n                },\n                end: 1,\n              },\n            }));\n          if (\n            flagsHook.flags[\n              \"reactify-search:flag_sensor_searchterm_span_first\"\n            ] &&\n            fieldsSpanFirst.length > 0\n          ) {\n            conditions.push(...fieldsSpanFirst);\n          }\n\n          return {\n            query: {\n              bool: {\n                should: conditions,\n                minimum_should_match: \"1\",\n              },\n            },\n          };\n        }}\n      />\n    </>\n  );\n};\n"]}