instantsearch.js 4.45.1 → 4.46.1

package/cjs/widgets/hierarchical-menu/defaultTemplates.js

@@ -4,9 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
+var _preact = require("preact");
+
+var _formatNumber = require("../../lib/formatNumber.js");
+
+var _index = require("../../lib/utils/index.js");
+
+/** @jsx h */
 var defaultTemplates = {
-  item: '<a class="{{cssClasses.link}}" href="{{url}}">' + '<span class="{{cssClasses.label}}">{{label}}</span>' + '<span class="{{cssClasses.count}}">{{#helpers.formatNumber}}{{count}}{{/helpers.formatNumber}}</span>' + '</a>',
-  showMoreText: "\n    {{#isShowingMore}}\n      Show less\n    {{/isShowingMore}}\n    {{^isShowingMore}}\n      Show more\n    {{/isShowingMore}}\n  "
+  item: function item(_ref) {
+    var url = _ref.url,
+        label = _ref.label,
+        count = _ref.count,
+        cssClasses = _ref.cssClasses;
+    return (0, _preact.h)("a", {
+      className: (0, _index.cx)(cssClasses.link),
+      href: url
+    }, (0, _preact.h)("span", {
+      className: (0, _index.cx)(cssClasses.label)
+    }, label), (0, _preact.h)("span", {
+      className: (0, _index.cx)(cssClasses.count)
+    }, (0, _formatNumber.formatNumber)(count)));
+  },
+  showMoreText: function showMoreText(_ref2) {
+    var isShowingMore = _ref2.isShowingMore;
+    return isShowingMore ? 'Show less' : 'Show more';
+  }
 };
 var _default = defaultTemplates;
 exports.default = _default;

package/cjs/widgets/hits/defaultTemplates.js

@@ -5,7 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var defaultTemplates = {
-  empty: 'No results',
+  empty: function empty() {
+    return 'No results';
+  },
   item: function item(data) {
     return JSON.stringify(data, null, 2);
   }

package/cjs/widgets/index/index.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isIndexWidget = isIndexWidget;
 exports.default = void 0;
 
 var _algoliasearchHelper = _interopRequireDefault(require("algoliasearch-helper"));
@@ -38,16 +37,11 @@ var withUsage = (0, _index.createDocumentationMessageGenerator)({
   name: 'index-widget'
 });
 
-function isIndexWidget(widget) {
-  return widget.$$type === 'ais.index';
-}
 /**
  * This is the same content as helper._change / setState, but allowing for extra
  * UiState to be synchronized.
  * see: https://github.com/algolia/algoliasearch-helper-js/blob/6b835ffd07742f2d6b314022cce6848f5cfecd4a/src/algoliasearch.helper.js#L1311-L1324
  */
-
-
 function privateHelperSetState(helper, _ref) {
   var state = _ref.state,
       isPageReset = _ref.isPageReset,
@@ -67,7 +61,7 @@ function privateHelperSetState(helper, _ref) {
 function getLocalWidgetsUiState(widgets, widgetStateOptions) {
   var initialUiState = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   return widgets.reduce(function (uiState, widget) {
-    if (isIndexWidget(widget)) {
+    if ((0, _index.isIndexWidget)(widget)) {
       return uiState;
     }
 
@@ -88,7 +82,7 @@ function getLocalWidgetsSearchParameters(widgets, widgetSearchParametersOptions)
       rest = _objectWithoutProperties(widgetSearchParametersOptions, ["initialSearchParameters"]);
 
   return widgets.filter(function (widget) {
-    return !isIndexWidget(widget);
+    return !(0, _index.isIndexWidget)(widget);
   }).reduce(function (state, widget) {
     if (!widget.getWidgetSearchParameters) {
       return state;
@@ -99,7 +93,7 @@ function getLocalWidgetsSearchParameters(widgets, widgetSearchParametersOptions)
 }
 
 function resetPageFromWidgets(widgets) {
-  var indexWidgets = widgets.filter(isIndexWidget);
+  var indexWidgets = widgets.filter(_index.isIndexWidget);
 
   if (indexWidgets.length === 0) {
     return;
@@ -116,7 +110,7 @@ function resetPageFromWidgets(widgets) {
 }
 
 function resolveScopedResultsFromWidgets(widgets) {
-  var indexWidgets = widgets.filter(isIndexWidget);
+  var indexWidgets = widgets.filter(_index.isIndexWidget);
   return indexWidgets.reduce(function (scopedResults, current) {
     return scopedResults.concat.apply(scopedResults, [{
       indexId: current.getIndexId(),
@@ -326,7 +320,9 @@ var index = function index(widgetParams) {
         if (instantSearchInstance.onStateChange) {
           instantSearchInstance.onStateChange({
             uiState: instantSearchInstance.mainIndex.getWidgetUiState({}),
-            setUiState: instantSearchInstance.setUiState.bind(instantSearchInstance)
+            setUiState: function setUiState(nextState) {
+              return instantSearchInstance.setUiState(nextState, false);
+            }
           }); // We don't trigger a search when controlled because it becomes the
           // responsibility of `setUiState`.
 
@@ -554,7 +550,7 @@ var index = function index(widgetParams) {
       derivedHelper = null;
     },
     getWidgetUiState: function getWidgetUiState(uiState) {
-      return localWidgets.filter(isIndexWidget).reduce(function (previousUiState, innerIndex) {
+      return localWidgets.filter(_index.isIndexWidget).reduce(function (previousUiState, innerIndex) {
         return innerIndex.getWidgetUiState(previousUiState);
       }, _objectSpread(_objectSpread({}, uiState), {}, _defineProperty({}, this.getIndexId(), localUiState)));
     },

package/cjs/widgets/infinite-hits/defaultTemplates.js

@@ -5,9 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var defaultTemplates = {
-  empty: 'No results',
-  showPreviousText: 'Show previous results',
-  showMoreText: 'Show more results',
+  empty: function empty() {
+    return 'No results';
+  },
+  showPreviousText: function showPreviousText() {
+    return 'Show previous results';
+  },
+  showMoreText: function showMoreText() {
+    return 'Show more results';
+  },
   item: function item(data) {
     return JSON.stringify(data, null, 2);
   }

package/cjs/widgets/menu/defaultTemplates.js

@@ -4,9 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
+var _preact = require("preact");
+
+var _formatNumber = require("../../lib/formatNumber.js");
+
+var _index = require("../../lib/utils/index.js");
+
+/** @jsx h */
 var defaultTemplates = {
-  item: '<a class="{{cssClasses.link}}" href="{{url}}">' + '<span class="{{cssClasses.label}}">{{label}}</span>' + '<span class="{{cssClasses.count}}">{{#helpers.formatNumber}}{{count}}{{/helpers.formatNumber}}</span>' + '</a>',
-  showMoreText: "\n    {{#isShowingMore}}\n      Show less\n    {{/isShowingMore}}\n    {{^isShowingMore}}\n      Show more\n    {{/isShowingMore}}\n  "
+  item: function item(_ref) {
+    var cssClasses = _ref.cssClasses,
+        url = _ref.url,
+        label = _ref.label,
+        count = _ref.count;
+    return (0, _preact.h)("a", {
+      className: (0, _index.cx)(cssClasses.link),
+      href: url
+    }, (0, _preact.h)("span", {
+      className: (0, _index.cx)(cssClasses.label)
+    }, label), (0, _preact.h)("span", {
+      className: (0, _index.cx)(cssClasses.count)
+    }, (0, _formatNumber.formatNumber)(count)));
+  },
+  showMoreText: function showMoreText(_ref2) {
+    var isShowingMore = _ref2.isShowingMore;
+    return isShowingMore ? 'Show less' : 'Show more';
+  }
 };
 var _default = defaultTemplates;
 exports.default = _default;

package/cjs/widgets/menu-select/defaultTemplates.js

@@ -4,9 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
+var _formatNumber = require("../../lib/formatNumber.js");
+
 var defaultTemplates = {
-  item: '{{label}} ({{#helpers.formatNumber}}{{count}}{{/helpers.formatNumber}})',
-  defaultOption: 'See all'
+  item: function item(_ref) {
+    var label = _ref.label,
+        count = _ref.count;
+    return "".concat(label, " (").concat((0, _formatNumber.formatNumber)(count), ")");
+  },
+  defaultOption: function defaultOption() {
+    return 'See all';
+  }
 };
 var _default = defaultTemplates;
 exports.default = _default;

package/cjs/widgets/numeric-menu/defaultTemplates.js

@@ -4,8 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
+var _preact = require("preact");
+
+/** @jsx h */
 var defaultTemplates = {
-  item: "<label class=\"{{cssClasses.label}}\">\n  <input type=\"radio\" class=\"{{cssClasses.radio}}\" name=\"{{attribute}}\"{{#isRefined}} checked{{/isRefined}} />\n  <span class=\"{{cssClasses.labelText}}\">{{label}}</span>\n</label>"
+  item: function item(_ref) {
+    var cssClasses = _ref.cssClasses,
+        attribute = _ref.attribute,
+        label = _ref.label,
+        isRefined = _ref.isRefined;
+    return (0, _preact.h)("label", {
+      className: cssClasses.label
+    }, (0, _preact.h)("input", {
+      type: "radio",
+      className: cssClasses.radio,
+      name: attribute,
+      defaultChecked: isRefined
+    }), (0, _preact.h)("span", {
+      className: cssClasses.labelText
+    }, label));
+  }
 };
 var _default = defaultTemplates;
 exports.default = _default;

package/cjs/widgets/range-input/range-input.js

@@ -42,8 +42,12 @@ var withUsage = (0, _index.createDocumentationMessageGenerator)({
 });
 var suit = (0, _suit.component)('RangeInput');
 var defaultTemplates = {
-  separatorText: 'to',
-  submitText: 'Go'
+  separatorText: function separatorText() {
+    return 'to';
+  },
+  submitText: function submitText() {
+    return 'Go';
+  }
 };
 
 var renderer = function renderer(_ref) {

package/cjs/widgets/rating-menu/defaultTemplates.js

@@ -4,8 +4,64 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
+var _preact = require("preact");
+
+var _formatNumber = require("../../lib/formatNumber.js");
+
+var _index = require("../../lib/utils/index.js");
+
+/** @jsx h */
+function ItemWrapper(_ref) {
+  var children = _ref.children,
+      count = _ref.count,
+      value = _ref.value,
+      url = _ref.url,
+      cssClasses = _ref.cssClasses;
+
+  if (count) {
+    return (0, _preact.h)("a", {
+      className: (0, _index.cx)(cssClasses.link),
+      "aria-label": "".concat(value, " & up"),
+      href: url
+    }, children);
+  }
+
+  return (0, _preact.h)("div", {
+    className: (0, _index.cx)(cssClasses.link),
+    "aria-label": "".concat(value, " & up"),
+    disabled: true
+  }, children);
+}
+
 var defaultTemplates = {
-  item: "{{#count}}<a class=\"{{cssClasses.link}}\" aria-label=\"{{value}} & up\" href=\"{{url}}\">{{/count}}{{^count}}<div class=\"{{cssClasses.link}}\" aria-label=\"{{value}} & up\" disabled>{{/count}}\n  {{#stars}}<svg class=\"{{cssClasses.starIcon}} {{#.}}{{cssClasses.fullStarIcon}}{{/.}}{{^.}}{{cssClasses.emptyStarIcon}}{{/.}}\" aria-hidden=\"true\" width=\"24\" height=\"24\">\n    {{#.}}<use xlink:href=\"#ais-RatingMenu-starSymbol\"></use>{{/.}}{{^.}}<use xlink:href=\"#ais-RatingMenu-starEmptySymbol\"></use>{{/.}}\n  </svg>{{/stars}}\n  <span class=\"{{cssClasses.label}}\">& Up</span>\n  {{#count}}<span class=\"{{cssClasses.count}}\">{{#helpers.formatNumber}}{{count}}{{/helpers.formatNumber}}</span>{{/count}}\n{{#count}}</a>{{/count}}{{^count}}</div>{{/count}}"
+  item: function item(_ref2) {
+    var count = _ref2.count,
+        value = _ref2.value,
+        url = _ref2.url,
+        stars = _ref2.stars,
+        cssClasses = _ref2.cssClasses;
+    return (0, _preact.h)(ItemWrapper, {
+      count: count,
+      value: value,
+      url: url,
+      cssClasses: cssClasses
+    }, stars.map(function (isFull, index) {
+      return (0, _preact.h)("svg", {
+        key: index,
+        className: (0, _index.cx)([(0, _index.cx)(cssClasses.starIcon), (0, _index.cx)(isFull ? cssClasses.fullStarIcon : cssClasses.emptyStarIcon)]),
+        "aria-hidden": "true",
+        width: "24",
+        height: "24"
+      }, (0, _preact.h)("use", {
+        xlinkHref: isFull ? '#ais-RatingMenu-starSymbol' : '#ais-RatingMenu-starEmptySymbol'
+      }));
+    }), (0, _preact.h)("span", {
+      className: (0, _index.cx)(cssClasses.label)
+    }, "& Up"), count && (0, _preact.h)("span", {
+      className: (0, _index.cx)(cssClasses.count)
+    }, (0, _formatNumber.formatNumber)(count)));
+  }
 };
 var _default = defaultTemplates;
 exports.default = _default;

package/cjs/widgets/refinement-list/defaultTemplates.js

@@ -4,10 +4,45 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
+var _preact = require("preact");
+
+var _formatNumber = require("../../lib/formatNumber.js");
+
+var _index = require("../../lib/utils/index.js");
+
+/** @jsx h */
 var defaultTemplates = {
-  item: "<label class=\"{{cssClasses.label}}\">\n  <input type=\"checkbox\"\n         class=\"{{cssClasses.checkbox}}\"\n         value=\"{{value}}\"\n         {{#isRefined}}checked{{/isRefined}} />\n  <span class=\"{{cssClasses.labelText}}\">{{#isFromSearch}}{{{highlighted}}}{{/isFromSearch}}{{^isFromSearch}}{{highlighted}}{{/isFromSearch}}</span>\n  <span class=\"{{cssClasses.count}}\">{{#helpers.formatNumber}}{{count}}{{/helpers.formatNumber}}</span>\n</label>",
-  showMoreText: "\n    {{#isShowingMore}}\n      Show less\n    {{/isShowingMore}}\n    {{^isShowingMore}}\n      Show more\n    {{/isShowingMore}}\n    ",
-  searchableNoResults: 'No results'
+  item: function item(_ref) {
+    var cssClasses = _ref.cssClasses,
+        count = _ref.count,
+        value = _ref.value,
+        highlighted = _ref.highlighted,
+        isRefined = _ref.isRefined,
+        isFromSearch = _ref.isFromSearch;
+    return (0, _preact.h)("label", {
+      className: (0, _index.cx)(cssClasses.label)
+    }, (0, _preact.h)("input", {
+      type: "checkbox",
+      className: (0, _index.cx)(cssClasses.checkbox),
+      value: value,
+      defaultChecked: isRefined
+    }), (0, _preact.h)("span", {
+      className: (0, _index.cx)(cssClasses.labelText),
+      dangerouslySetInnerHTML: isFromSearch ? {
+        __html: highlighted
+      } : undefined
+    }, !isFromSearch && highlighted), (0, _preact.h)("span", {
+      className: (0, _index.cx)(cssClasses.count)
+    }, (0, _formatNumber.formatNumber)(count)));
+  },
+  showMoreText: function showMoreText(_ref2) {
+    var isShowingMore = _ref2.isShowingMore;
+    return isShowingMore ? 'Show less' : 'Show more';
+  },
+  searchableNoResults: function searchableNoResults() {
+    return 'No results';
+  }
 };
 var _default = defaultTemplates;
 exports.default = _default;

package/cjs/widgets/relevant-sort/defaultTemplates.js

@@ -5,7 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var defaultTemplates = {
-  text: '',
+  text: function text() {
+    return '';
+  },
   button: function button(_ref) {
     var isRelevantSorted = _ref.isRelevantSorted;
     return isRelevantSorted ? 'See all results' : 'See relevant results';

package/cjs/widgets/search-box/defaultTemplates.js

@@ -4,10 +4,69 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
+var _preact = require("preact");
+
+/** @jsx h */
+var _ref2 = (0, _preact.h)("path", {
+  d: "M8.114 10L.944 2.83 0 1.885 1.886 0l.943.943L10 8.113l7.17-7.17.944-.943L20 1.886l-.943.943-7.17 7.17 7.17 7.17.943.944L18.114 20l-.943-.943-7.17-7.17-7.17 7.17-.944.943L0 18.114l.943-.943L8.113 10z"
+});
+
+var _ref4 = (0, _preact.h)("path", {
+  d: "M26.804 29.01c-2.832 2.34-6.465 3.746-10.426 3.746C7.333 32.756 0 25.424 0 16.378 0 7.333 7.333 0 16.378 0c9.046 0 16.378 7.333 16.378 16.378 0 3.96-1.406 7.594-3.746 10.426l10.534 10.534c.607.607.61 1.59-.004 2.202-.61.61-1.597.61-2.202.004L26.804 29.01zm-10.426.627c7.323 0 13.26-5.936 13.26-13.26 0-7.32-5.937-13.257-13.26-13.257C9.056 3.12 3.12 9.056 3.12 16.378c0 7.323 5.936 13.26 13.258 13.26z"
+});
+
+var _ref6 = (0, _preact.h)("g", {
+  fill: "none",
+  fillRule: "evenodd"
+}, (0, _preact.h)("g", {
+  transform: "translate(1 1)",
+  strokeWidth: "2"
+}, (0, _preact.h)("circle", {
+  strokeOpacity: ".5",
+  cx: "18",
+  cy: "18",
+  r: "18"
+}), (0, _preact.h)("path", {
+  d: "M36 18c0-9.94-8.06-18-18-18"
+}, (0, _preact.h)("animateTransform", {
+  attributeName: "transform",
+  type: "rotate",
+  from: "0 18 18",
+  to: "360 18 18",
+  dur: "1s",
+  repeatCount: "indefinite"
+}))));
+
 var defaultTemplate = {
-  reset: "\n<svg class=\"{{cssClasses.resetIcon}}\" viewBox=\"0 0 20 20\" width=\"10\" height=\"10\">\n  <path d=\"M8.114 10L.944 2.83 0 1.885 1.886 0l.943.943L10 8.113l7.17-7.17.944-.943L20 1.886l-.943.943-7.17 7.17 7.17 7.17.943.944L18.114 20l-.943-.943-7.17-7.17-7.17 7.17-.944.943L0 18.114l.943-.943L8.113 10z\"></path>\n</svg>\n  ",
-  submit: "\n<svg class=\"{{cssClasses.submitIcon}}\" width=\"10\" height=\"10\" viewBox=\"0 0 40 40\">\n  <path d=\"M26.804 29.01c-2.832 2.34-6.465 3.746-10.426 3.746C7.333 32.756 0 25.424 0 16.378 0 7.333 7.333 0 16.378 0c9.046 0 16.378 7.333 16.378 16.378 0 3.96-1.406 7.594-3.746 10.426l10.534 10.534c.607.607.61 1.59-.004 2.202-.61.61-1.597.61-2.202.004L26.804 29.01zm-10.426.627c7.323 0 13.26-5.936 13.26-13.26 0-7.32-5.937-13.257-13.26-13.257C9.056 3.12 3.12 9.056 3.12 16.378c0 7.323 5.936 13.26 13.258 13.26z\"></path>\n</svg>\n  ",
-  loadingIndicator: "\n<svg class=\"{{cssClasses.loadingIcon}}\" width=\"16\" height=\"16\" viewBox=\"0 0 38 38\" stroke=\"#444\">\n  <g fill=\"none\" fillRule=\"evenodd\">\n    <g transform=\"translate(1 1)\" strokeWidth=\"2\">\n      <circle strokeOpacity=\".5\" cx=\"18\" cy=\"18\" r=\"18\" />\n      <path d=\"M36 18c0-9.94-8.06-18-18-18\">\n        <animateTransform\n          attributeName=\"transform\"\n          type=\"rotate\"\n          from=\"0 18 18\"\n          to=\"360 18 18\"\n          dur=\"1s\"\n          repeatCount=\"indefinite\"\n        />\n      </path>\n    </g>\n  </g>\n</svg>\n  "
+  reset: function reset(_ref) {
+    var cssClasses = _ref.cssClasses;
+    return (0, _preact.h)("svg", {
+      className: cssClasses.resetIcon,
+      viewBox: "0 0 20 20",
+      width: "10",
+      height: "10"
+    }, _ref2);
+  },
+  submit: function submit(_ref3) {
+    var cssClasses = _ref3.cssClasses;
+    return (0, _preact.h)("svg", {
+      className: cssClasses.submitIcon,
+      width: "10",
+      height: "10",
+      viewBox: "0 0 40 40"
+    }, _ref4);
+  },
+  loadingIndicator: function loadingIndicator(_ref5) {
+    var cssClasses = _ref5.cssClasses;
+    return (0, _preact.h)("svg", {
+      className: cssClasses.loadingIcon,
+      width: "16",
+      height: "16",
+      viewBox: "0 0 38 38",
+      stroke: "#444"
+    }, _ref6);
+  }
 };
 var _default = defaultTemplate;
 exports.default = _default;

package/cjs/widgets/stats/stats.js

@@ -17,6 +17,8 @@ var _index = require("../../lib/utils/index.js");
 
 var _suit = require("../../lib/suit.js");
 
+var _formatNumber = require("../../lib/formatNumber.js");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@@ -30,25 +32,71 @@ var withUsage = (0, _index.createDocumentationMessageGenerator)({
 });
 var suit = (0, _suit.component)('Stats');
 var defaultTemplates = {
-  text: "\n    {{#areHitsSorted}}\n      {{#hasNoSortedResults}}No relevant results{{/hasNoSortedResults}}\n      {{#hasOneSortedResults}}1 relevant result{{/hasOneSortedResults}}\n      {{#hasManySortedResults}}{{#helpers.formatNumber}}{{nbSortedHits}}{{/helpers.formatNumber}} relevant results{{/hasManySortedResults}}\n      sorted out of {{#helpers.formatNumber}}{{nbHits}}{{/helpers.formatNumber}}\n    {{/areHitsSorted}}\n    {{^areHitsSorted}}\n      {{#hasNoResults}}No results{{/hasNoResults}}\n      {{#hasOneResult}}1 result{{/hasOneResult}}\n      {{#hasManyResults}}{{#helpers.formatNumber}}{{nbHits}}{{/helpers.formatNumber}} results{{/hasManyResults}}\n    {{/areHitsSorted}}\n    found in {{processingTimeMS}}ms"
+  text: function text(props) {
+    return "".concat(props.areHitsSorted ? getSortedResultsSentence(props) : getResultsSentence(props), " found in ").concat(props.processingTimeMS, "ms");
+  }
 };
 exports.defaultTemplates = defaultTemplates;
 
-var renderer = function renderer(_ref) {
-  var renderState = _ref.renderState,
-      cssClasses = _ref.cssClasses,
-      containerNode = _ref.containerNode,
-      templates = _ref.templates;
-  return function (_ref2, isFirstRendering) {
-    var hitsPerPage = _ref2.hitsPerPage,
-        nbHits = _ref2.nbHits,
-        nbSortedHits = _ref2.nbSortedHits,
-        areHitsSorted = _ref2.areHitsSorted,
-        nbPages = _ref2.nbPages,
-        page = _ref2.page,
-        processingTimeMS = _ref2.processingTimeMS,
-        query = _ref2.query,
-        instantSearchInstance = _ref2.instantSearchInstance;
+function getSortedResultsSentence(_ref) {
+  var nbHits = _ref.nbHits,
+      hasNoSortedResults = _ref.hasNoSortedResults,
+      hasOneSortedResults = _ref.hasOneSortedResults,
+      hasManySortedResults = _ref.hasManySortedResults,
+      nbSortedHits = _ref.nbSortedHits;
+  var suffix = "sorted out of ".concat((0, _formatNumber.formatNumber)(nbHits));
+
+  if (hasNoSortedResults) {
+    return "No relevant results ".concat(suffix);
+  }
+
+  if (hasOneSortedResults) {
+    return "1 relevant result ".concat(suffix);
+  }
+
+  if (hasManySortedResults) {
+    return "".concat((0, _formatNumber.formatNumber)(nbSortedHits || 0), " relevant results ").concat(suffix);
+  }
+
+  return '';
+}
+
+function getResultsSentence(_ref2) {
+  var nbHits = _ref2.nbHits,
+      hasNoResults = _ref2.hasNoResults,
+      hasOneResult = _ref2.hasOneResult,
+      hasManyResults = _ref2.hasManyResults;
+
+  if (hasNoResults) {
+    return 'No results';
+  }
+
+  if (hasOneResult) {
+    return '1 result';
+  }
+
+  if (hasManyResults) {
+    return "".concat((0, _formatNumber.formatNumber)(nbHits), " results");
+  }
+
+  return '';
+}
+
+var renderer = function renderer(_ref3) {
+  var renderState = _ref3.renderState,
+      cssClasses = _ref3.cssClasses,
+      containerNode = _ref3.containerNode,
+      templates = _ref3.templates;
+  return function (_ref4, isFirstRendering) {
+    var hitsPerPage = _ref4.hitsPerPage,
+        nbHits = _ref4.nbHits,
+        nbSortedHits = _ref4.nbSortedHits,
+        areHitsSorted = _ref4.areHitsSorted,
+        nbPages = _ref4.nbPages,
+        page = _ref4.page,
+        processingTimeMS = _ref4.processingTimeMS,
+        query = _ref4.query,
+        instantSearchInstance = _ref4.instantSearchInstance;
 
     if (isFirstRendering) {
       renderState.templateProps = (0, _index.prepareTemplateProps)({
@@ -82,12 +130,12 @@ var renderer = function renderer(_ref) {
 
 
 var stats = function stats(widgetParams) {
-  var _ref3 = widgetParams || {},
-      container = _ref3.container,
-      _ref3$cssClasses = _ref3.cssClasses,
-      userCssClasses = _ref3$cssClasses === void 0 ? {} : _ref3$cssClasses,
-      _ref3$templates = _ref3.templates,
-      templates = _ref3$templates === void 0 ? {} : _ref3$templates;
+  var _ref5 = widgetParams || {},
+      container = _ref5.container,
+      _ref5$cssClasses = _ref5.cssClasses,
+      userCssClasses = _ref5$cssClasses === void 0 ? {} : _ref5$cssClasses,
+      _ref5$templates = _ref5.templates,
+      templates = _ref5$templates === void 0 ? {} : _ref5$templates;
 
   if (!container) {
     throw new Error(withUsage('The `container` option is required.'));

package/cjs/widgets/toggle-refinement/defaultTemplates.js

@@ -5,7 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var defaultTemplates = {
-  labelText: '{{name}}'
+  labelText: function labelText(_ref) {
+    var name = _ref.name;
+    return name;
+  }
 };
 var _default = defaultTemplates;
 exports.default = _default;