instantsearch.js 4.37.1 → 4.38.1

package/es/components/Hits/Hits.d.ts

@@ -15,13 +15,5 @@ export declare type HitsProps = {
     cssClasses: HitsComponentCSSClasses;
     templateProps: PreparedTemplateProps<HitsComponentTemplates>;
 };
-declare const Hits: {
-    ({ results, hits, bindEvent, cssClasses, templateProps, }: HitsProps): h.JSX.Element;
-    defaultProps: {
-        results: {
-            hits: never[];
-        };
-        hits: never[];
-    };
-};
+declare const Hits: ({ results, hits, bindEvent, cssClasses, templateProps, }: HitsProps) => h.JSX.Element;
 export default Hits;

package/es/components/Hits/Hits.js

@@ -48,10 +48,4 @@ var Hits = function Hits(_ref) {
   })));
 };
 
-Hits.defaultProps = {
-  results: {
-    hits: []
-  },
-  hits: []
-};
 export default Hits;

package/es/components/Pagination/Pagination.d.ts

@@ -7,10 +7,10 @@ export declare type PaginationComponentTemplates = Required<PaginationTemplates>
 export declare type PaginationProps = {
     createURL(value: number): string;
     cssClasses: PaginationComponentCSSClasses;
-    currentPage: number;
     templates: PaginationComponentTemplates;
-    nbPages?: number;
-    pages?: number[];
+    currentPage: number;
+    nbPages: number;
+    pages: number[];
     isFirstPage: boolean;
     isLastPage: boolean;
     setCurrentPage(value: number): void;
@@ -20,11 +20,4 @@ export declare type PaginationProps = {
     showNext?: boolean;
 };
 declare function Pagination(props: PaginationProps): h.JSX.Element;
-declare namespace Pagination {
-    var defaultProps: {
-        currentPage: number;
-        nbPages: number;
-        pages: never[];
-    };
-}
 export default Pagination;

package/es/components/Pagination/Pagination.js

@@ -3,84 +3,105 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 /** @jsx h */
 import { h } from 'preact';
 import cx from 'classnames';
-import PaginationLink from "./PaginationLink.js";
 import { isSpecialClick } from "../../lib/utils/index.js";
-var defaultProps = {
-  currentPage: 0,
-  nbPages: 0,
-  pages: []
-};
 
 function Pagination(props) {
-  var handleClick = function handleClick(pageNumber, event) {
-    if (isSpecialClick(event)) {
-      // do not alter the default browser behavior
-      // if one special key is down
-      return;
-    }
+  function createClickHandler(pageNumber) {
+    return function (event) {
+      if (isSpecialClick(event)) {
+        // do not alter the default browser behavior
+        // if one special key is down
+        return;
+      }
 
-    event.preventDefault();
-    props.setCurrentPage(pageNumber);
-  };
+      event.preventDefault();
+      props.setCurrentPage(pageNumber);
+    };
+  }
 
   return h("div", {
     className: cx(props.cssClasses.root, _defineProperty({}, props.cssClasses.noRefinementRoot, props.nbPages <= 1))
   }, h("ul", {
     className: props.cssClasses.list
   }, props.showFirst && h(PaginationLink, {
-    key: "first",
-    ariaLabel: 'First',
-    additionalClassName: props.cssClasses.firstPageItem,
+    ariaLabel: "First",
+    className: props.cssClasses.firstPageItem,
     isDisabled: props.isFirstPage,
     label: props.templates.first,
     pageNumber: 0,
     createURL: props.createURL,
     cssClasses: props.cssClasses,
-    handleClick: handleClick
+    createClickHandler: createClickHandler
   }), props.showPrevious && h(PaginationLink, {
-    key: "previous",
-    ariaLabel: 'Previous',
-    additionalClassName: props.cssClasses.previousPageItem,
+    ariaLabel: "Previous",
+    className: props.cssClasses.previousPageItem,
     isDisabled: props.isFirstPage,
     label: props.templates.previous,
     pageNumber: props.currentPage - 1,
     createURL: props.createURL,
     cssClasses: props.cssClasses,
-    handleClick: handleClick
+    createClickHandler: createClickHandler
   }), props.pages.map(function (pageNumber) {
     return h(PaginationLink, {
       key: pageNumber,
       ariaLabel: "".concat(pageNumber + 1),
-      additionalClassName: props.cssClasses.pageItem,
+      className: props.cssClasses.pageItem,
       isSelected: pageNumber === props.currentPage,
       label: "".concat(pageNumber + 1),
       pageNumber: pageNumber,
       createURL: props.createURL,
       cssClasses: props.cssClasses,
-      handleClick: handleClick
+      createClickHandler: createClickHandler
     });
   }), props.showNext && h(PaginationLink, {
-    key: "next",
-    ariaLabel: 'Next',
-    additionalClassName: props.cssClasses.nextPageItem,
+    ariaLabel: "Next",
+    className: props.cssClasses.nextPageItem,
     isDisabled: props.isLastPage,
     label: props.templates.next,
     pageNumber: props.currentPage + 1,
     createURL: props.createURL,
     cssClasses: props.cssClasses,
-    handleClick: handleClick
+    createClickHandler: createClickHandler
   }), props.showLast && h(PaginationLink, {
-    key: "last",
-    ariaLabel: 'Last',
-    additionalClassName: props.cssClasses.lastPageItem,
+    ariaLabel: "Last",
+    className: props.cssClasses.lastPageItem,
     isDisabled: props.isLastPage,
     label: props.templates.last,
     pageNumber: props.nbPages - 1,
     createURL: props.createURL,
     cssClasses: props.cssClasses,
-    handleClick: handleClick
+    createClickHandler: createClickHandler
   })));
 }
 
-Pagination.defaultProps = defaultProps;
+function PaginationLink(_ref) {
+  var label = _ref.label,
+      ariaLabel = _ref.ariaLabel,
+      pageNumber = _ref.pageNumber,
+      className = _ref.className,
+      _ref$isDisabled = _ref.isDisabled,
+      isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+      _ref$isSelected = _ref.isSelected,
+      isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
+      cssClasses = _ref.cssClasses,
+      createURL = _ref.createURL,
+      createClickHandler = _ref.createClickHandler;
+  return h("li", {
+    className: cx(cssClasses.item, className, isDisabled && cssClasses.disabledItem, isSelected && cssClasses.selectedItem)
+  }, isDisabled ? h("span", {
+    className: cssClasses.link,
+    dangerouslySetInnerHTML: {
+      __html: label
+    }
+  }) : h("a", {
+    className: cssClasses.link,
+    "aria-label": ariaLabel,
+    href: createURL(pageNumber),
+    onClick: createClickHandler(pageNumber),
+    dangerouslySetInnerHTML: {
+      __html: label
+    }
+  }));
+}
+
 export default Pagination;

package/es/connectors/breadcrumb/connectBreadcrumb.js

@@ -86,6 +86,9 @@ var connectBreadcrumb = function connectBreadcrumb(renderFn) {
             state = _ref2.state;
 
         function getItems() {
+          // The hierarchicalFacets condition is required for flavors
+          // that render immediately with empty results, without relying
+          // on init() (like React InstantSearch Hooks).
           if (!results || state.hierarchicalFacets.length === 0) {
             return [];
           }
@@ -95,7 +98,9 @@ var connectBreadcrumb = function connectBreadcrumb(renderFn) {
 
           var facetValues = results.getFacetValues(facetName, {});
           var data = Array.isArray(facetValues.data) ? facetValues.data : [];
-          var items = transformItems(shiftItemsValues(prepareItems(data)));
+          var items = transformItems(shiftItemsValues(prepareItems(data)), {
+            results: results
+          });
           return items;
         }
 

package/es/connectors/clear-refinements/connectClearRefinements.js

@@ -80,13 +80,15 @@ var connectClearRefinements = function connectClearRefinements(renderFn) {
       },
       getWidgetRenderState: function getWidgetRenderState(_ref2) {
         var createURL = _ref2.createURL,
-            scopedResults = _ref2.scopedResults;
-        connectorState.attributesToClear = scopedResults.reduce(function (results, scopedResult) {
-          return results.concat(getAttributesToClear({
+            scopedResults = _ref2.scopedResults,
+            results = _ref2.results;
+        connectorState.attributesToClear = scopedResults.reduce(function (attributesToClear, scopedResult) {
+          return attributesToClear.concat(getAttributesToClear({
             scopedResult: scopedResult,
             includedAttributes: includedAttributes,
             excludedAttributes: excludedAttributes,
-            transformItems: transformItems
+            transformItems: transformItems,
+            results: results
           }));
         }, []);
 
@@ -131,7 +133,8 @@ function getAttributesToClear(_ref5) {
   var scopedResult = _ref5.scopedResult,
       includedAttributes = _ref5.includedAttributes,
       excludedAttributes = _ref5.excludedAttributes,
-      transformItems = _ref5.transformItems;
+      transformItems = _ref5.transformItems,
+      results = _ref5.results;
   var includesQuery = includedAttributes.indexOf('query') !== -1 || excludedAttributes.indexOf('query') === -1;
   return {
     helper: scopedResult.helper,
@@ -147,7 +150,9 @@ function getAttributesToClear(_ref5) {
         attribute === 'query' && includesQuery || // Otherwise, ignore the excluded attributes
         excludedAttributes.indexOf(attribute) === -1
       );
-    })))
+    })), {
+      results: results
+    })
   };
 }
 

package/es/connectors/current-refinements/connectCurrentRefinements.js

@@ -74,7 +74,9 @@ var connectCurrentRefinements = function connectCurrentRefinements(renderFn) {
               helper: helper,
               includedAttributes: includedAttributes,
               excludedAttributes: excludedAttributes
-            }));
+            }), {
+              results: results
+            });
           }
 
           return scopedResults.reduce(function (accResults, scopedResult) {
@@ -83,7 +85,9 @@ var connectCurrentRefinements = function connectCurrentRefinements(renderFn) {
               helper: scopedResult.helper,
               includedAttributes: includedAttributes,
               excludedAttributes: excludedAttributes
-            })));
+            }), {
+              results: results
+            }));
           }, []);
         }
 

package/es/connectors/dynamic-widgets/connectDynamicWidgets.d.ts

@@ -1,5 +1,4 @@
-import type { SearchResults } from 'algoliasearch-helper';
-import type { Connector, Widget } from '../../types';
+import type { Connector, TransformItems, TransformItemsMetadata, Widget } from '../../types';
 export declare type DynamicWidgetsRenderState = {
     attributesToRender: string[];
 };
@@ -20,9 +19,9 @@ export declare type DynamicWidgetsConnectorParams = {
      * Function to transform the items to render.
      * The function also exposes the full search response.
      */
-    transformItems?(items: string[], metadata: {
-        results: SearchResults;
-    }): string[];
+    transformItems?: TransformItems<string, Omit<TransformItemsMetadata, 'results'> & {
+        results: NonNullable<TransformItemsMetadata['results']>;
+    }>;
     /**
      * To prevent unneeded extra network requests when widgets mount or unmount,
      * we request all facet values.

package/es/connectors/geo-search/connectGeoSearch.js

@@ -161,7 +161,9 @@ var connectGeoSearch = function connectGeoSearch(renderFn) {
         var state = helper.state;
         var items = results ? transformItems(results.hits.filter(function (hit) {
           return hit._geoloc;
-        })) : [];
+        }), {
+          results: results
+        }) : [];
 
         if (!sendEvent) {
           sendEvent = createSendEventForHits({

package/es/connectors/hierarchical-menu/connectHierarchicalMenu.js

@@ -192,7 +192,9 @@ var connectHierarchicalMenu = function connectHierarchicalMenu(renderFn) {
 
           var hasExhaustiveItems = (state.maxValuesPerFacet || 0) > getLimit() ? facetItems.length <= getLimit() : facetItems.length < getLimit();
           canToggleShowMore = showMore && (isShowingMore || !hasExhaustiveItems);
-          items = transformItems(_prepareFacetValues(facetItems));
+          items = transformItems(_prepareFacetValues(facetItems), {
+            results: results
+          });
         }
 
         return {

package/es/connectors/hits/connectHits.js

@@ -79,7 +79,9 @@ var connectHits = function connectHits(renderFn) {
 
         var hitsWithAbsolutePosition = addAbsolutePosition(results.hits, results.page, results.hitsPerPage);
         var hitsWithAbsolutePositionAndQueryID = addQueryID(hitsWithAbsolutePosition, results.queryID);
-        var transformedHits = transformItems(hitsWithAbsolutePositionAndQueryID);
+        var transformedHits = transformItems(hitsWithAbsolutePositionAndQueryID, {
+          results: results
+        });
         return {
           hits: transformedHits,
           results: results,

package/es/connectors/hits-per-page/connectHitsPerPage.js

@@ -120,7 +120,9 @@ var connectHitsPerPage = function connectHitsPerPage(renderFn) {
             createURL = _ref5.createURL,
             helper = _ref5.helper;
         return {
-          items: transformItems(normalizeItems(state)),
+          items: transformItems(normalizeItems(state), {
+            results: results
+          }),
           refine: connectorState.getRefine(helper),
           createURL: connectorState.createURLFactory({
             state: state,

package/es/connectors/infinite-hits/connectInfiniteHits.js

@@ -176,7 +176,9 @@ var connectInfiniteHits = function connectInfiniteHits(renderFn) {
 
           var hitsWithAbsolutePosition = addAbsolutePosition(results.hits, results.page, results.hitsPerPage);
           var hitsWithAbsolutePositionAndQueryID = addQueryID(hitsWithAbsolutePosition, results.queryID);
-          var transformedHits = transformItems(hitsWithAbsolutePositionAndQueryID);
+          var transformedHits = transformItems(hitsWithAbsolutePositionAndQueryID, {
+            results: results
+          });
 
           if (cachedHits[_page] === undefined) {
             cachedHits[_page] = transformedHits;

package/es/connectors/menu/connectMenu.js

@@ -168,7 +168,9 @@ var connectMenu = function connectMenu(renderFn) {
               label: label,
               value: value
             });
-          }));
+          }), {
+            results: results
+          });
         }
 
         return {

package/es/connectors/numeric-menu/connectNumericMenu.js

@@ -78,8 +78,8 @@ var connectNumericMenu = function connectNumericMenu(renderFn) {
         _ref2$items = _ref2.items,
         items = _ref2$items === void 0 ? [] : _ref2$items,
         _ref2$transformItems = _ref2.transformItems,
-        transformItems = _ref2$transformItems === void 0 ? function (x) {
-      return x;
+        transformItems = _ref2$transformItems === void 0 ? function (item) {
+      return item;
     } : _ref2$transformItems;
 
     if (attribute === '') {
@@ -216,7 +216,9 @@ var connectNumericMenu = function connectNumericMenu(renderFn) {
 
         return {
           createURL: connectorState.createURL(state),
-          items: transformItems(prepareItems(state)),
+          items: transformItems(prepareItems(state), {
+            results: results
+          }),
           hasNoResults: results ? results.nbHits === 0 : true,
           refine: connectorState.refine,
           sendEvent: connectorState.sendEvent,

package/es/connectors/query-rules/connectQueryRules.d.ts

@@ -4,11 +4,10 @@ export declare type ParamTrackedFilters = {
     [facetName: string]: (facetValues: TrackedFilterRefinement[]) => TrackedFilterRefinement[];
 };
 export declare type ParamTransformRuleContexts = (ruleContexts: string[]) => string[];
-declare type ParamTransformItems = TransformItems<any>;
 export declare type QueryRulesConnectorParams = {
     trackedFilters?: ParamTrackedFilters;
     transformRuleContexts?: ParamTransformRuleContexts;
-    transformItems?: ParamTransformItems;
+    transformItems?: TransformItems<any>;
 };
 export declare type QueryRulesRenderState = {
     items: any[];

package/es/connectors/query-rules/connectQueryRules.js

@@ -152,7 +152,9 @@ var connectQueryRules = function connectQueryRules(_render) {
             _ref4$userData = _ref4.userData,
             userData = _ref4$userData === void 0 ? [] : _ref4$userData;
 
-        var items = transformItems(userData);
+        var items = transformItems(userData, {
+          results: results
+        });
         return {
           items: items,
           widgetParams: widgetParams

package/es/connectors/refinement-list/connectRefinementList.js

@@ -105,7 +105,8 @@ var connectRefinementList = function connectRefinementList(renderFn) {
     var createSearchForFacetValues = function createSearchForFacetValues(helper, widget) {
       return function (renderOptions) {
         return function (query) {
-          var instantSearchInstance = renderOptions.instantSearchInstance;
+          var instantSearchInstance = renderOptions.instantSearchInstance,
+              searchResults = renderOptions.results;
 
           if (query === '' && lastItemsFromMainSearch) {
             // render with previous data from the helper.
@@ -132,7 +133,9 @@ var connectRefinementList = function connectRefinementList(renderFn) {
                   value: value,
                   label: value
                 });
-              }));
+              }), {
+                results: searchResults
+              });
               renderFn(_objectSpread(_objectSpread({}, widget.getWidgetRenderState(_objectSpread(_objectSpread({}, renderOptions), {}, {
                 results: lastResultsFromMainSearch
               }))), {}, {
@@ -196,7 +199,9 @@ var connectRefinementList = function connectRefinementList(renderFn) {
             facetOrdering: sortBy === DEFAULT_SORT
           });
           facetValues = values && Array.isArray(values) ? values : [];
-          items = transformItems(facetValues.slice(0, getLimit()).map(formatItems));
+          items = transformItems(facetValues.slice(0, getLimit()).map(formatItems), {
+            results: results
+          });
           var maxValuesPerFacetConfig = state.maxValuesPerFacet;
           var currentLimit = getLimit(); // If the limit is the max number of facet retrieved it is impossible to know
           // if the facets are exhaustive. The only moment we are sure it is exhaustive

package/es/connectors/search-box/connectSearchBox.js

@@ -10,32 +10,28 @@ var withUsage = createDocumentationMessageGenerator({
   connector: true
 });
 
+var defaultQueryHook = function defaultQueryHook(query, hook) {
+  return hook(query);
+};
 /**
  * **SearchBox** connector provides the logic to build a widget that will let the user search for a query.
  *
  * The connector provides to the rendering: `refine()` to set the query. The behaviour of this function
  * may be impacted by the `queryHook` widget parameter.
  */
+
+
 var connectSearchBox = function connectSearchBox(renderFn) {
   var unmountFn = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop;
   checkRendering(renderFn, withUsage());
   return function (widgetParams) {
     var _ref = widgetParams || {},
-        queryHook = _ref.queryHook;
-
-    function clear(helper) {
-      return function () {
-        helper.setQuery('').search();
-      };
-    }
+        _ref$queryHook = _ref.queryHook,
+        queryHook = _ref$queryHook === void 0 ? defaultQueryHook : _ref$queryHook;
 
     var _refine;
 
-    var _clear = function _clear() {};
-
-    function _cachedClear() {
-      _clear();
-    }
+    var _clear;
 
     return {
       $$type: 'ais.searchBox',
@@ -67,27 +63,21 @@ var connectSearchBox = function connectSearchBox(renderFn) {
             state = _ref3.state;
 
         if (!_refine) {
-          var setQueryAndSearch = function setQueryAndSearch(query) {
-            if (query !== state.query) {
-              helper.setQuery(query).search();
-            }
-          };
-
           _refine = function _refine(query) {
-            if (queryHook) {
-              queryHook(query, setQueryAndSearch);
-              return;
-            }
+            queryHook(query, function (q) {
+              return helper.setQuery(q).search();
+            });
+          };
 
-            setQueryAndSearch(query);
+          _clear = function _clear() {
+            helper.setQuery('').search();
           };
         }
 
-        _clear = clear(helper);
         return {
           query: state.query || '',
           refine: _refine,
-          clear: _cachedClear,
+          clear: _clear,
           widgetParams: widgetParams,
           isSearchStalled: searchMetadata.isSearchStalled
         };

package/es/connectors/sort-by/connectSortBy.js

@@ -79,7 +79,9 @@ var connectSortBy = function connectSortBy(renderFn) {
 
         return {
           currentRefinement: state.index,
-          options: transformItems(items),
+          options: transformItems(items, {
+            results: results
+          }),
           refine: connectorState.setIndex,
           hasNoResults: results ? results.nbHits === 0 : true,
           widgetParams: widgetParams

package/es/connectors/toggle-refinement/connectToggleRefinement.d.ts

@@ -3,13 +3,19 @@ declare type BuiltInSendEventForToggle = (eventType: string, isRefined: boolean,
 declare type CustomSendEventForToggle = (customPayload: any) => void;
 export declare type SendEventForToggle = BuiltInSendEventForToggle & CustomSendEventForToggle;
 export declare type ToggleRefinementValue = {
-    /** whether this option is enabled */
+    /**
+     * Whether this option is enabled.
+     */
     isRefined: boolean;
-    /** number of result if this option is enabled */
+    /**
+     * Number of result if this option is toggled.
+     */
     count: number | null;
 };
 export declare type ToggleRefinementConnectorParams = {
-    /** Name of the attribute for faceting (eg. "free_shipping"). */
+    /**
+     * Name of the attribute for faceting (e.g., "free_shipping").
+     */
     attribute: string;
     /**
      * Value to filter on when toggled.
@@ -24,19 +30,42 @@ export declare type ToggleRefinementConnectorParams = {
 export declare type ToggleRefinementRenderState = {
     /** The current toggle value */
     value: {
+        /**
+         * The attribute name of this toggle.
+         */
         name: string;
+        /**
+         * Whether the current option is "on" (true) or "off" (false)
+         */
         isRefined: boolean;
+        /**
+         * Number of results if this option is toggled.
+         */
         count: number | null;
+        /**
+         * Information about the "on" toggle.
+         */
         onFacetValue: ToggleRefinementValue;
+        /**
+         * Information about the "off" toggle.
+         */
         offFacetValue: ToggleRefinementValue;
     };
-    /** Creates an URL for the next state. */
+    /**
+     * Creates an URL for the next state.
+     */
     createURL: CreateURL<string>;
-    /** send a "facet clicked" insights event */
+    /**
+     * Send a "Facet Clicked" Insights event.
+     */
     sendEvent: SendEventForToggle;
-    /** Indicates if search state can be refined. */
+    /**
+     * Indicates if search state can be refined.
+     */
     canRefine: boolean;
-    /** Updates to the next state by applying the toggle refinement. */
+    /**
+     * Updates to the next state by applying the toggle refinement.
+     */
     refine: (value?: {
         isRefined: boolean;
     }) => void;

package/es/helpers/highlight.js

@@ -1,5 +1,5 @@
 import { component } from "../lib/suit.js";
-import { getPropertyByPath, TAG_REPLACEMENT } from "../lib/utils/index.js";
+import { getPropertyByPath, TAG_REPLACEMENT, warning } from "../lib/utils/index.js";
 var suit = component('Highlight');
 export default function highlight(_ref) {
   var attribute = _ref.attribute,
@@ -8,8 +8,11 @@ export default function highlight(_ref) {
       hit = _ref.hit,
       _ref$cssClasses = _ref.cssClasses,
       cssClasses = _ref$cssClasses === void 0 ? {} : _ref$cssClasses;
+  var highlightAttributeResult = getPropertyByPath(hit._highlightResult, attribute); // @MAJOR fallback to attribute value if highlight is not found
 
-  var _ref2 = getPropertyByPath(hit._highlightResult, attribute) || {},
+  process.env.NODE_ENV === 'development' ? warning(highlightAttributeResult, "Could not enable highlight for \"".concat(attribute, "\", will display an empty string.\nPlease check whether this attribute exists and is either searchable or specified in `attributesToHighlight`.\n\nSee: https://alg.li/highlighting\n")) : void 0;
+
+  var _ref2 = highlightAttributeResult || {},
       _ref2$value = _ref2.value,
       attributeValue = _ref2$value === void 0 ? '' : _ref2$value; // cx is not used, since it would be bundled as a dependency for Vue & Angular
 

package/es/helpers/reverseHighlight.js

@@ -1,4 +1,4 @@
-import { TAG_REPLACEMENT, getPropertyByPath, getHighlightedParts, reverseHighlightedParts, concatHighlightedParts } from "../lib/utils/index.js";
+import { TAG_REPLACEMENT, getPropertyByPath, getHighlightedParts, reverseHighlightedParts, concatHighlightedParts, warning } from "../lib/utils/index.js";
 import { component } from "../lib/suit.js";
 var suit = component('ReverseHighlight');
 export default function reverseHighlight(_ref) {
@@ -8,8 +8,11 @@ export default function reverseHighlight(_ref) {
       hit = _ref.hit,
       _ref$cssClasses = _ref.cssClasses,
       cssClasses = _ref$cssClasses === void 0 ? {} : _ref$cssClasses;
+  var highlightAttributeResult = getPropertyByPath(hit._highlightResult, attribute); // @MAJOR fallback to attribute value if highlight is not found
 
-  var _ref2 = getPropertyByPath(hit._highlightResult, attribute) || {},
+  process.env.NODE_ENV === 'development' ? warning(highlightAttributeResult, "Could not enable reverse highlight for \"".concat(attribute, "\", will display an empty string.\nPlease check whether this attribute exists and is either searchable or specified in `attributesToHighlight`.\n\nSee: https://alg.li/highlighting\n")) : void 0;
+
+  var _ref2 = highlightAttributeResult || {},
       _ref2$value = _ref2.value,
       attributeValue = _ref2$value === void 0 ? '' : _ref2$value; // cx is not used, since it would be bundled as a dependency for Vue & Angular