instantsearch.js 4.86.1 → 4.87.0

package/es/widgets/filter-suggestions/filter-suggestions.js

@@ -0,0 +1,124 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import { createFilterSuggestionsComponent } from 'instantsearch-ui-components';
+import { h, render } from 'preact';
+import TemplateComponent from "../../components/Template/Template.js";
+import connectFilterSuggestions from "../../connectors/filter-suggestions/connectFilterSuggestions.js";
+import { prepareTemplateProps } from "../../lib/templating/index.js";
+import { getContainerNode, createDocumentationMessageGenerator } from "../../lib/utils/index.js";
+var withUsage = createDocumentationMessageGenerator({
+  name: 'filter-suggestions'
+});
+var FilterSuggestions = createFilterSuggestionsComponent({
+  createElement: h,
+  Fragment: 'fragment'
+});
+var createRenderer = function createRenderer(_ref) {
+  var renderState = _ref.renderState,
+    cssClasses = _ref.cssClasses,
+    containerNode = _ref.containerNode,
+    templates = _ref.templates,
+    maxSuggestions = _ref.maxSuggestions;
+  return function (props, isFirstRendering) {
+    var suggestions = props.suggestions,
+      isLoading = props.isLoading,
+      refine = props.refine,
+      instantSearchInstance = props.instantSearchInstance;
+    var headerTemplate = templates.header === false ? undefined : templates.header;
+    if (isFirstRendering) {
+      renderState.templateProps = prepareTemplateProps({
+        defaultTemplates: {},
+        templatesConfig: instantSearchInstance.templatesConfig,
+        templates: {
+          header: headerTemplate,
+          item: templates.item,
+          empty: templates.empty
+        }
+      });
+      return;
+    }
+    var headerComponent;
+    if (templates.header === false) {
+      headerComponent = false;
+    } else if (headerTemplate) {
+      headerComponent = function headerComponent(headerProps) {
+        return h(TemplateComponent, _extends({}, renderState.templateProps, {
+          templateKey: "header",
+          rootTagName: "div",
+          data: headerProps
+        }));
+      };
+    }
+    var itemComponent = templates.item ? function (itemProps) {
+      return h(TemplateComponent, _extends({}, renderState.templateProps, {
+        templateKey: "item",
+        rootTagName: "fragment",
+        data: itemProps
+      }));
+    } : undefined;
+    var emptyComponent = templates.empty ? function (emptyProps) {
+      return h(TemplateComponent, _extends({}, renderState.templateProps, {
+        templateKey: "empty",
+        rootTagName: "div",
+        data: emptyProps
+      }));
+    } : undefined;
+    var uiProps = {
+      suggestions: suggestions,
+      isLoading: isLoading,
+      refine: refine,
+      skeletonCount: maxSuggestions,
+      itemComponent: itemComponent,
+      headerComponent: headerComponent,
+      emptyComponent: emptyComponent
+    };
+    render(h(FilterSuggestions, _extends({
+      classNames: cssClasses
+    }, uiProps)), containerNode);
+  };
+};
+export default (function filterSuggestions(widgetParams) {
+  var _ref2 = widgetParams || {},
+    container = _ref2.container,
+    _ref2$templates = _ref2.templates,
+    templates = _ref2$templates === void 0 ? {} : _ref2$templates,
+    _ref2$cssClasses = _ref2.cssClasses,
+    cssClasses = _ref2$cssClasses === void 0 ? {} : _ref2$cssClasses,
+    agentId = _ref2.agentId,
+    attributes = _ref2.attributes,
+    maxSuggestions = _ref2.maxSuggestions,
+    debounceMs = _ref2.debounceMs,
+    hitsToSample = _ref2.hitsToSample,
+    transformItems = _ref2.transformItems,
+    transport = _ref2.transport;
+  if (!container) {
+    throw new Error(withUsage('The `container` option is required.'));
+  }
+  var containerNode = getContainerNode(container);
+  var specializedRenderer = createRenderer({
+    containerNode: containerNode,
+    cssClasses: cssClasses,
+    renderState: {},
+    templates: templates,
+    maxSuggestions: maxSuggestions
+  });
+  var makeWidget = connectFilterSuggestions(specializedRenderer, function () {
+    return render(null, containerNode);
+  });
+  return _objectSpread(_objectSpread({}, makeWidget({
+    agentId: agentId,
+    attributes: attributes,
+    maxSuggestions: maxSuggestions,
+    debounceMs: debounceMs,
+    hitsToSample: hitsToSample,
+    transformItems: transformItems,
+    transport: transport
+  })), {}, {
+    $$widgetType: 'ais.filterSuggestions'
+  });
+});

package/es/widgets/index.d.ts

@@ -43,3 +43,4 @@ export { default as voiceSearch } from './voice-search/voice-search';
 export { default as frequentlyBoughtTogether } from './frequently-bought-together/frequently-bought-together';
 export { default as lookingSimilar } from './looking-similar/looking-similar';
 export { default as chat } from './chat/chat';
+export { default as filterSuggestions } from './filter-suggestions/filter-suggestions';

package/es/widgets/index.js

@@ -47,4 +47,5 @@ export { default as trendingItems } from "./trending-items/trending-items.js";
 export { default as voiceSearch } from "./voice-search/voice-search.js";
 export { default as frequentlyBoughtTogether } from "./frequently-bought-together/frequently-bought-together.js";
 export { default as lookingSimilar } from "./looking-similar/looking-similar.js";
-export { default as chat } from "./chat/chat.js";
+export { default as chat } from "./chat/chat.js";
+export { default as filterSuggestions } from "./filter-suggestions/filter-suggestions.js";

package/es/widgets/index.umd.d.ts

@@ -43,3 +43,4 @@ export { default as voiceSearch } from './voice-search/voice-search';
 export { default as frequentlyBoughtTogether } from './frequently-bought-together/frequently-bought-together';
 export { default as lookingSimilar } from './looking-similar/looking-similar';
 export declare const chat: () => never;
+export { default as filterSuggestions } from './filter-suggestions/filter-suggestions';

package/es/widgets/index.umd.js

@@ -49,4 +49,5 @@ export { default as frequentlyBoughtTogether } from "./frequently-bought-togethe
 export { default as lookingSimilar } from "./looking-similar/looking-similar.js";
 export var chat = function chat() {
   throw new Error("\"chat\" is not available from the UMD build.\n\nPlease use InstantSearch.js with a packaging system:\nhttps://www.algolia.com/doc/guides/building-search-ui/installation/js/#with-a-packaging-system");
-};
+};
+export { default as filterSuggestions } from "./filter-suggestions/filter-suggestions.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "instantsearch.js",
-  "version": "4.86.1",
+  "version": "4.87.0",
   "description": "InstantSearch.js is a JavaScript library for building performant and instant search experiences with Algolia.",
   "homepage": "https://www.algolia.com/doc/guides/building-search-ui/what-is-instantsearch/js/",
   "types": "es/index.d.ts",
@@ -35,7 +35,7 @@
     "algoliasearch-helper": "3.27.0",
     "hogan.js": "^3.0.2",
     "htm": "^3.0.0",
-    "instantsearch-ui-components": "0.16.0",
+    "instantsearch-ui-components": "0.17.0",
     "preact": "^10.10.0",
     "qs": "^6.5.1",
     "react": ">= 0.14.0",
@@ -60,9 +60,9 @@
     "watch:es": "yarn --silent build:es:base --watch"
   },
   "devDependencies": {
-    "@instantsearch/mocks": "1.87.0",
-    "@instantsearch/tests": "1.87.0",
-    "@instantsearch/testutils": "1.76.0",
+    "@instantsearch/mocks": "1.88.0",
+    "@instantsearch/tests": "1.88.0",
+    "@instantsearch/testutils": "1.77.0",
     "@storybook/html": "5.3.9",
     "@types/scriptjs": "0.0.2",
     "algoliasearch": "5.1.1",
@@ -70,5 +70,5 @@
     "scriptjs": "2.5.9",
     "webpack": "4.47.0"
   },
-  "gitHead": "9af869e50f7bd784682b57ee42a34ee74cee8744"
+  "gitHead": "c796f45db6153fb5fa627b90e334a572bbf31e33"
 }