instantsearch.js 4.68.0 → 4.69.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/connectors/frequently-bought-together/connectFrequentlyBoughtTogether.js +93 -0
- package/cjs/connectors/index.js +28 -0
- package/cjs/connectors/looking-similar/connectLookingSimilar.js +94 -0
- package/cjs/connectors/related-products/connectRelatedProducts.js +94 -0
- package/cjs/connectors/trending-items/connectTrendingItems.js +90 -0
- package/cjs/lib/InstantSearch.js +9 -1
- package/cjs/lib/utils/addWidgetId.js +13 -0
- package/cjs/lib/utils/render-args.js +3 -3
- package/cjs/lib/version.js +1 -1
- package/cjs/widgets/frequently-bought-together/frequently-bought-together.js +120 -0
- package/cjs/widgets/index/index.js +82 -20
- package/cjs/widgets/index.js +28 -0
- package/cjs/widgets/looking-similar/looking-similar.js +122 -0
- package/cjs/widgets/related-products/related-products.js +122 -0
- package/cjs/widgets/trending-items/trending-items.js +126 -0
- package/dist/instantsearch.development.d.ts +403 -10
- package/dist/instantsearch.development.js +1679 -274
- package/dist/instantsearch.development.js.map +1 -1
- package/dist/instantsearch.production.d.ts +403 -10
- package/dist/instantsearch.production.min.d.ts +403 -10
- package/dist/instantsearch.production.min.js +2 -2
- package/dist/instantsearch.production.min.js.map +1 -1
- package/es/connectors/frequently-bought-together/connectFrequentlyBoughtTogether.d.ts +45 -0
- package/es/connectors/frequently-bought-together/connectFrequentlyBoughtTogether.js +86 -0
- package/es/connectors/index.d.ts +4 -0
- package/es/connectors/index.js +5 -1
- package/es/connectors/looking-similar/connectLookingSimilar.d.ts +49 -0
- package/es/connectors/looking-similar/connectLookingSimilar.js +87 -0
- package/es/connectors/related-products/connectRelatedProducts.d.ts +49 -0
- package/es/connectors/related-products/connectRelatedProducts.js +87 -0
- package/es/connectors/trending-items/connectTrendingItems.d.ts +57 -0
- package/es/connectors/trending-items/connectTrendingItems.js +83 -0
- package/es/lib/InstantSearch.d.ts +2 -0
- package/es/lib/InstantSearch.js +9 -1
- package/es/lib/templating/renderTemplate.d.ts +1 -1
- package/es/lib/utils/addWidgetId.d.ts +2 -0
- package/es/lib/utils/addWidgetId.js +7 -0
- package/es/lib/utils/render-args.d.ts +3 -3
- package/es/lib/utils/render-args.js +3 -3
- package/es/lib/version.d.ts +1 -1
- package/es/lib/version.js +1 -1
- package/es/types/templates.d.ts +1 -1
- package/es/types/widget.d.ts +16 -9
- package/es/widgets/frequently-bought-together/frequently-bought-together.d.ts +41 -0
- package/es/widgets/frequently-bought-together/frequently-bought-together.js +112 -0
- package/es/widgets/index/index.d.ts +2 -1
- package/es/widgets/index/index.js +82 -20
- package/es/widgets/index.d.ts +4 -0
- package/es/widgets/index.js +5 -1
- package/es/widgets/looking-similar/looking-similar.d.ts +41 -0
- package/es/widgets/looking-similar/looking-similar.js +114 -0
- package/es/widgets/related-products/related-products.d.ts +41 -0
- package/es/widgets/related-products/related-products.js +114 -0
- package/es/widgets/trending-items/trending-items.d.ts +41 -0
- package/es/widgets/trending-items/trending-items.js +118 -0
- package/package.json +7 -7
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
7
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
8
|
+
import { createLookingSimilarComponent } from 'instantsearch-ui-components';
|
|
9
|
+
import { Fragment, h, render } from 'preact';
|
|
10
|
+
import TemplateComponent from "../../components/Template/Template.js";
|
|
11
|
+
import connectLookingSimilar from "../../connectors/looking-similar/connectLookingSimilar.js";
|
|
12
|
+
import { prepareTemplateProps } from "../../lib/templating/index.js";
|
|
13
|
+
import { getContainerNode, createDocumentationMessageGenerator } from "../../lib/utils/index.js";
|
|
14
|
+
var withUsage = createDocumentationMessageGenerator({
|
|
15
|
+
name: 'looking-similar'
|
|
16
|
+
});
|
|
17
|
+
var LookingSimilar = createLookingSimilarComponent({
|
|
18
|
+
createElement: h,
|
|
19
|
+
Fragment: Fragment
|
|
20
|
+
});
|
|
21
|
+
var renderer = function renderer(_ref) {
|
|
22
|
+
var renderState = _ref.renderState,
|
|
23
|
+
cssClasses = _ref.cssClasses,
|
|
24
|
+
containerNode = _ref.containerNode,
|
|
25
|
+
templates = _ref.templates;
|
|
26
|
+
return function (_ref2, isFirstRendering) {
|
|
27
|
+
var items = _ref2.items,
|
|
28
|
+
results = _ref2.results,
|
|
29
|
+
instantSearchInstance = _ref2.instantSearchInstance;
|
|
30
|
+
if (isFirstRendering) {
|
|
31
|
+
renderState.templateProps = prepareTemplateProps({
|
|
32
|
+
// eslint-disable-next-line @typescript-eslint/consistent-type-assertions
|
|
33
|
+
defaultTemplates: {},
|
|
34
|
+
templatesConfig: instantSearchInstance.templatesConfig,
|
|
35
|
+
templates: templates
|
|
36
|
+
});
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
39
|
+
var headerComponent = templates.header ? function (data) {
|
|
40
|
+
return h(TemplateComponent, _extends({}, renderState.templateProps, {
|
|
41
|
+
templateKey: "header",
|
|
42
|
+
rootTagName: "fragment",
|
|
43
|
+
data: {
|
|
44
|
+
cssClasses: data.classNames,
|
|
45
|
+
items: data.items
|
|
46
|
+
}
|
|
47
|
+
}));
|
|
48
|
+
} : undefined;
|
|
49
|
+
var itemComponent = templates.item ? function (_ref3) {
|
|
50
|
+
var item = _ref3.item;
|
|
51
|
+
return h(TemplateComponent, _extends({}, renderState.templateProps, {
|
|
52
|
+
templateKey: "item",
|
|
53
|
+
rootTagName: "fragment",
|
|
54
|
+
data: item
|
|
55
|
+
}));
|
|
56
|
+
} : undefined;
|
|
57
|
+
var emptyComponent = templates.empty ? function () {
|
|
58
|
+
return h(TemplateComponent, _extends({}, renderState.templateProps, {
|
|
59
|
+
templateKey: "empty",
|
|
60
|
+
rootTagName: "fragment",
|
|
61
|
+
data: results
|
|
62
|
+
}));
|
|
63
|
+
} : undefined;
|
|
64
|
+
render(h(LookingSimilar, {
|
|
65
|
+
items: items,
|
|
66
|
+
headerComponent: headerComponent,
|
|
67
|
+
itemComponent: itemComponent,
|
|
68
|
+
sendEvent: function sendEvent() {},
|
|
69
|
+
classNames: cssClasses,
|
|
70
|
+
emptyComponent: emptyComponent,
|
|
71
|
+
status: instantSearchInstance.status
|
|
72
|
+
}), containerNode);
|
|
73
|
+
};
|
|
74
|
+
};
|
|
75
|
+
var lookingSimilar = function lookingSimilar(widgetParams) {
|
|
76
|
+
var _ref4 = widgetParams || {},
|
|
77
|
+
container = _ref4.container,
|
|
78
|
+
objectIDs = _ref4.objectIDs,
|
|
79
|
+
limit = _ref4.limit,
|
|
80
|
+
queryParameters = _ref4.queryParameters,
|
|
81
|
+
fallbackParameters = _ref4.fallbackParameters,
|
|
82
|
+
threshold = _ref4.threshold,
|
|
83
|
+
escapeHTML = _ref4.escapeHTML,
|
|
84
|
+
transformItems = _ref4.transformItems,
|
|
85
|
+
_ref4$templates = _ref4.templates,
|
|
86
|
+
templates = _ref4$templates === void 0 ? {} : _ref4$templates,
|
|
87
|
+
_ref4$cssClasses = _ref4.cssClasses,
|
|
88
|
+
cssClasses = _ref4$cssClasses === void 0 ? {} : _ref4$cssClasses;
|
|
89
|
+
if (!container) {
|
|
90
|
+
throw new Error(withUsage('The `container` option is required.'));
|
|
91
|
+
}
|
|
92
|
+
var containerNode = getContainerNode(container);
|
|
93
|
+
var specializedRenderer = renderer({
|
|
94
|
+
containerNode: containerNode,
|
|
95
|
+
cssClasses: cssClasses,
|
|
96
|
+
renderState: {},
|
|
97
|
+
templates: templates
|
|
98
|
+
});
|
|
99
|
+
var makeWidget = connectLookingSimilar(specializedRenderer, function () {
|
|
100
|
+
return render(null, containerNode);
|
|
101
|
+
});
|
|
102
|
+
return _objectSpread(_objectSpread({}, makeWidget({
|
|
103
|
+
objectIDs: objectIDs,
|
|
104
|
+
limit: limit,
|
|
105
|
+
queryParameters: queryParameters,
|
|
106
|
+
fallbackParameters: fallbackParameters,
|
|
107
|
+
threshold: threshold,
|
|
108
|
+
escapeHTML: escapeHTML,
|
|
109
|
+
transformItems: transformItems
|
|
110
|
+
})), {}, {
|
|
111
|
+
$$widgetType: 'ais.lookingSimilar'
|
|
112
|
+
});
|
|
113
|
+
};
|
|
114
|
+
export default lookingSimilar;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
|
|
2
|
+
import type { RelatedProductsWidgetDescription, RelatedProductsConnectorParams } from '../../connectors/related-products/connectRelatedProducts';
|
|
3
|
+
import type { Template, WidgetFactory, Hit } from '../../types';
|
|
4
|
+
import type { RecommendResultItem } from 'algoliasearch-helper';
|
|
5
|
+
import type { RecommendClassNames, RelatedProductsProps as RelatedProductsUiProps } from 'instantsearch-ui-components';
|
|
6
|
+
export type RelatedProductsCSSClasses = Partial<RecommendClassNames>;
|
|
7
|
+
export type RelatedProductsTemplates = Partial<{
|
|
8
|
+
/**
|
|
9
|
+
* Template to use when there are no results.
|
|
10
|
+
*/
|
|
11
|
+
empty: Template<RecommendResultItem>;
|
|
12
|
+
/**
|
|
13
|
+
* Template to use for the header of the widget.
|
|
14
|
+
*/
|
|
15
|
+
header: Template<Pick<Parameters<NonNullable<RelatedProductsUiProps<Hit>['headerComponent']>>[0], 'items'> & {
|
|
16
|
+
cssClasses: RecommendClassNames;
|
|
17
|
+
}>;
|
|
18
|
+
/**
|
|
19
|
+
* Template to use for each result. This template will receive an object containing a single record.
|
|
20
|
+
*/
|
|
21
|
+
item: Template<Hit>;
|
|
22
|
+
}>;
|
|
23
|
+
type RelatedProductsWidgetParams = {
|
|
24
|
+
/**
|
|
25
|
+
* CSS selector or `HTMLElement` to insert the widget into.
|
|
26
|
+
*/
|
|
27
|
+
container: string | HTMLElement;
|
|
28
|
+
/**
|
|
29
|
+
* Templates to customize the widget.
|
|
30
|
+
*/
|
|
31
|
+
templates?: RelatedProductsTemplates;
|
|
32
|
+
/**
|
|
33
|
+
* CSS classes to add to the widget elements.
|
|
34
|
+
*/
|
|
35
|
+
cssClasses?: RelatedProductsCSSClasses;
|
|
36
|
+
};
|
|
37
|
+
export type RelatedProductsWidget = WidgetFactory<RelatedProductsWidgetDescription & {
|
|
38
|
+
$$widgetType: 'ais.relatedProducts';
|
|
39
|
+
}, RelatedProductsConnectorParams, RelatedProductsWidgetParams>;
|
|
40
|
+
declare const relatedProducts: RelatedProductsWidget;
|
|
41
|
+
export default relatedProducts;
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
7
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
8
|
+
import { createRelatedProductsComponent } from 'instantsearch-ui-components';
|
|
9
|
+
import { Fragment, h, render } from 'preact';
|
|
10
|
+
import TemplateComponent from "../../components/Template/Template.js";
|
|
11
|
+
import connectRelatedProducts from "../../connectors/related-products/connectRelatedProducts.js";
|
|
12
|
+
import { prepareTemplateProps } from "../../lib/templating/index.js";
|
|
13
|
+
import { getContainerNode, createDocumentationMessageGenerator } from "../../lib/utils/index.js";
|
|
14
|
+
var withUsage = createDocumentationMessageGenerator({
|
|
15
|
+
name: 'related-products'
|
|
16
|
+
});
|
|
17
|
+
var RelatedProducts = createRelatedProductsComponent({
|
|
18
|
+
createElement: h,
|
|
19
|
+
Fragment: Fragment
|
|
20
|
+
});
|
|
21
|
+
function createRenderer(_ref) {
|
|
22
|
+
var renderState = _ref.renderState,
|
|
23
|
+
cssClasses = _ref.cssClasses,
|
|
24
|
+
containerNode = _ref.containerNode,
|
|
25
|
+
templates = _ref.templates;
|
|
26
|
+
return function renderer(_ref2, isFirstRendering) {
|
|
27
|
+
var items = _ref2.items,
|
|
28
|
+
results = _ref2.results,
|
|
29
|
+
instantSearchInstance = _ref2.instantSearchInstance;
|
|
30
|
+
if (isFirstRendering) {
|
|
31
|
+
renderState.templateProps = prepareTemplateProps({
|
|
32
|
+
// eslint-disable-next-line @typescript-eslint/consistent-type-assertions
|
|
33
|
+
defaultTemplates: {},
|
|
34
|
+
templatesConfig: instantSearchInstance.templatesConfig,
|
|
35
|
+
templates: templates
|
|
36
|
+
});
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
39
|
+
var headerComponent = templates.header ? function (data) {
|
|
40
|
+
return h(TemplateComponent, _extends({}, renderState.templateProps, {
|
|
41
|
+
templateKey: "header",
|
|
42
|
+
rootTagName: "fragment",
|
|
43
|
+
data: {
|
|
44
|
+
cssClasses: data.classNames,
|
|
45
|
+
items: data.items
|
|
46
|
+
}
|
|
47
|
+
}));
|
|
48
|
+
} : undefined;
|
|
49
|
+
var itemComponent = templates.item ? function (_ref3) {
|
|
50
|
+
var item = _ref3.item;
|
|
51
|
+
return h(TemplateComponent, _extends({}, renderState.templateProps, {
|
|
52
|
+
templateKey: "item",
|
|
53
|
+
rootTagName: "fragment",
|
|
54
|
+
data: item
|
|
55
|
+
}));
|
|
56
|
+
} : undefined;
|
|
57
|
+
var emptyComponent = templates.empty ? function () {
|
|
58
|
+
return h(TemplateComponent, _extends({}, renderState.templateProps, {
|
|
59
|
+
templateKey: "empty",
|
|
60
|
+
rootTagName: "fragment",
|
|
61
|
+
data: results
|
|
62
|
+
}));
|
|
63
|
+
} : undefined;
|
|
64
|
+
render(h(RelatedProducts, {
|
|
65
|
+
items: items,
|
|
66
|
+
sendEvent: function sendEvent() {},
|
|
67
|
+
classNames: cssClasses,
|
|
68
|
+
headerComponent: headerComponent,
|
|
69
|
+
itemComponent: itemComponent,
|
|
70
|
+
emptyComponent: emptyComponent,
|
|
71
|
+
status: instantSearchInstance.status
|
|
72
|
+
}), containerNode);
|
|
73
|
+
};
|
|
74
|
+
}
|
|
75
|
+
var relatedProducts = function relatedProducts(widgetParams) {
|
|
76
|
+
var _ref4 = widgetParams || {},
|
|
77
|
+
container = _ref4.container,
|
|
78
|
+
objectIDs = _ref4.objectIDs,
|
|
79
|
+
limit = _ref4.limit,
|
|
80
|
+
queryParameters = _ref4.queryParameters,
|
|
81
|
+
fallbackParameters = _ref4.fallbackParameters,
|
|
82
|
+
threshold = _ref4.threshold,
|
|
83
|
+
escapeHTML = _ref4.escapeHTML,
|
|
84
|
+
transformItems = _ref4.transformItems,
|
|
85
|
+
_ref4$templates = _ref4.templates,
|
|
86
|
+
templates = _ref4$templates === void 0 ? {} : _ref4$templates,
|
|
87
|
+
_ref4$cssClasses = _ref4.cssClasses,
|
|
88
|
+
cssClasses = _ref4$cssClasses === void 0 ? {} : _ref4$cssClasses;
|
|
89
|
+
if (!container) {
|
|
90
|
+
throw new Error(withUsage('The `container` option is required.'));
|
|
91
|
+
}
|
|
92
|
+
var containerNode = getContainerNode(container);
|
|
93
|
+
var specializedRenderer = createRenderer({
|
|
94
|
+
containerNode: containerNode,
|
|
95
|
+
cssClasses: cssClasses,
|
|
96
|
+
renderState: {},
|
|
97
|
+
templates: templates
|
|
98
|
+
});
|
|
99
|
+
var makeWidget = connectRelatedProducts(specializedRenderer, function () {
|
|
100
|
+
return render(null, containerNode);
|
|
101
|
+
});
|
|
102
|
+
return _objectSpread(_objectSpread({}, makeWidget({
|
|
103
|
+
objectIDs: objectIDs,
|
|
104
|
+
limit: limit,
|
|
105
|
+
queryParameters: queryParameters,
|
|
106
|
+
fallbackParameters: fallbackParameters,
|
|
107
|
+
threshold: threshold,
|
|
108
|
+
escapeHTML: escapeHTML,
|
|
109
|
+
transformItems: transformItems
|
|
110
|
+
})), {}, {
|
|
111
|
+
$$widgetType: 'ais.relatedProducts'
|
|
112
|
+
});
|
|
113
|
+
};
|
|
114
|
+
export default relatedProducts;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
|
|
2
|
+
import type { TrendingItemsWidgetDescription, TrendingItemsConnectorParams } from '../../connectors/trending-items/connectTrendingItems';
|
|
3
|
+
import type { Template, WidgetFactory, Hit } from '../../types';
|
|
4
|
+
import type { RecommendResultItem } from 'algoliasearch-helper';
|
|
5
|
+
import type { RecommendClassNames, TrendingItemsProps as TrendingItemsUiProps } from 'instantsearch-ui-components';
|
|
6
|
+
export type TrendingItemsCSSClasses = Partial<RecommendClassNames>;
|
|
7
|
+
export type TrendingItemsTemplates = Partial<{
|
|
8
|
+
/**
|
|
9
|
+
* Template to use when there are no results.
|
|
10
|
+
*/
|
|
11
|
+
empty: Template<RecommendResultItem>;
|
|
12
|
+
/**
|
|
13
|
+
* Template to use for the header of the widget.
|
|
14
|
+
*/
|
|
15
|
+
header: Template<Pick<Parameters<NonNullable<TrendingItemsUiProps<Hit>['headerComponent']>>[0], 'items'> & {
|
|
16
|
+
cssClasses: RecommendClassNames;
|
|
17
|
+
}>;
|
|
18
|
+
/**
|
|
19
|
+
* Template to use for each result. This template will receive an object containing a single record.
|
|
20
|
+
*/
|
|
21
|
+
item: Template<Hit>;
|
|
22
|
+
}>;
|
|
23
|
+
type TrendingItemsWidgetParams = {
|
|
24
|
+
/**
|
|
25
|
+
* CSS selector or `HTMLElement` to insert the widget into.
|
|
26
|
+
*/
|
|
27
|
+
container: string | HTMLElement;
|
|
28
|
+
/**
|
|
29
|
+
* Templates to customize the widget.
|
|
30
|
+
*/
|
|
31
|
+
templates?: TrendingItemsTemplates;
|
|
32
|
+
/**
|
|
33
|
+
* CSS classes to add to the widget elements.
|
|
34
|
+
*/
|
|
35
|
+
cssClasses?: TrendingItemsCSSClasses;
|
|
36
|
+
};
|
|
37
|
+
export type TrendingItemsWidget = WidgetFactory<TrendingItemsWidgetDescription & {
|
|
38
|
+
$$widgetType: 'ais.trendingItems';
|
|
39
|
+
}, TrendingItemsConnectorParams, TrendingItemsWidgetParams>;
|
|
40
|
+
declare const trendingItems: TrendingItemsWidget;
|
|
41
|
+
export default trendingItems;
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
7
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
8
|
+
import { createTrendingItemsComponent } from 'instantsearch-ui-components';
|
|
9
|
+
import { Fragment, h, render } from 'preact';
|
|
10
|
+
import TemplateComponent from "../../components/Template/Template.js";
|
|
11
|
+
import connectTrendingItems from "../../connectors/trending-items/connectTrendingItems.js";
|
|
12
|
+
import { prepareTemplateProps } from "../../lib/templating/index.js";
|
|
13
|
+
import { getContainerNode, createDocumentationMessageGenerator } from "../../lib/utils/index.js";
|
|
14
|
+
var withUsage = createDocumentationMessageGenerator({
|
|
15
|
+
name: 'trending-items'
|
|
16
|
+
});
|
|
17
|
+
var TrendingItems = createTrendingItemsComponent({
|
|
18
|
+
createElement: h,
|
|
19
|
+
Fragment: Fragment
|
|
20
|
+
});
|
|
21
|
+
function createRenderer(_ref) {
|
|
22
|
+
var renderState = _ref.renderState,
|
|
23
|
+
cssClasses = _ref.cssClasses,
|
|
24
|
+
containerNode = _ref.containerNode,
|
|
25
|
+
templates = _ref.templates;
|
|
26
|
+
return function renderer(_ref2, isFirstRendering) {
|
|
27
|
+
var items = _ref2.items,
|
|
28
|
+
results = _ref2.results,
|
|
29
|
+
instantSearchInstance = _ref2.instantSearchInstance;
|
|
30
|
+
if (isFirstRendering) {
|
|
31
|
+
renderState.templateProps = prepareTemplateProps({
|
|
32
|
+
// eslint-disable-next-line @typescript-eslint/consistent-type-assertions
|
|
33
|
+
defaultTemplates: {},
|
|
34
|
+
templatesConfig: instantSearchInstance.templatesConfig,
|
|
35
|
+
templates: templates
|
|
36
|
+
});
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
39
|
+
var headerComponent = templates.header ? function (data) {
|
|
40
|
+
return h(TemplateComponent, _extends({}, renderState.templateProps, {
|
|
41
|
+
templateKey: "header",
|
|
42
|
+
rootTagName: "fragment",
|
|
43
|
+
data: {
|
|
44
|
+
cssClasses: data.classNames,
|
|
45
|
+
items: data.items
|
|
46
|
+
}
|
|
47
|
+
}));
|
|
48
|
+
} : undefined;
|
|
49
|
+
var itemComponent = templates.item ? function (_ref3) {
|
|
50
|
+
var item = _ref3.item;
|
|
51
|
+
return h(TemplateComponent, _extends({}, renderState.templateProps, {
|
|
52
|
+
templateKey: "item",
|
|
53
|
+
rootTagName: "fragment",
|
|
54
|
+
data: item
|
|
55
|
+
}));
|
|
56
|
+
} : undefined;
|
|
57
|
+
var emptyComponent = templates.empty ? function () {
|
|
58
|
+
return h(TemplateComponent, _extends({}, renderState.templateProps, {
|
|
59
|
+
templateKey: "empty",
|
|
60
|
+
rootTagName: "fragment",
|
|
61
|
+
data: results
|
|
62
|
+
}));
|
|
63
|
+
} : undefined;
|
|
64
|
+
render(h(TrendingItems, {
|
|
65
|
+
items: items,
|
|
66
|
+
sendEvent: function sendEvent() {},
|
|
67
|
+
classNames: cssClasses,
|
|
68
|
+
headerComponent: headerComponent,
|
|
69
|
+
itemComponent: itemComponent,
|
|
70
|
+
emptyComponent: emptyComponent,
|
|
71
|
+
status: instantSearchInstance.status
|
|
72
|
+
}), containerNode);
|
|
73
|
+
};
|
|
74
|
+
}
|
|
75
|
+
var trendingItems = function trendingItems(widgetParams) {
|
|
76
|
+
var _ref4 = widgetParams || {},
|
|
77
|
+
container = _ref4.container,
|
|
78
|
+
facetName = _ref4.facetName,
|
|
79
|
+
facetValue = _ref4.facetValue,
|
|
80
|
+
limit = _ref4.limit,
|
|
81
|
+
queryParameters = _ref4.queryParameters,
|
|
82
|
+
fallbackParameters = _ref4.fallbackParameters,
|
|
83
|
+
threshold = _ref4.threshold,
|
|
84
|
+
escapeHTML = _ref4.escapeHTML,
|
|
85
|
+
transformItems = _ref4.transformItems,
|
|
86
|
+
_ref4$templates = _ref4.templates,
|
|
87
|
+
templates = _ref4$templates === void 0 ? {} : _ref4$templates,
|
|
88
|
+
_ref4$cssClasses = _ref4.cssClasses,
|
|
89
|
+
cssClasses = _ref4$cssClasses === void 0 ? {} : _ref4$cssClasses;
|
|
90
|
+
if (!container) {
|
|
91
|
+
throw new Error(withUsage('The `container` option is required.'));
|
|
92
|
+
}
|
|
93
|
+
var containerNode = getContainerNode(container);
|
|
94
|
+
var specializedRenderer = createRenderer({
|
|
95
|
+
containerNode: containerNode,
|
|
96
|
+
cssClasses: cssClasses,
|
|
97
|
+
renderState: {},
|
|
98
|
+
templates: templates
|
|
99
|
+
});
|
|
100
|
+
var makeWidget = connectTrendingItems(specializedRenderer, function () {
|
|
101
|
+
return render(null, containerNode);
|
|
102
|
+
});
|
|
103
|
+
var facetParameters = facetName && facetValue ? {
|
|
104
|
+
facetName: facetName,
|
|
105
|
+
facetValue: facetValue
|
|
106
|
+
} : {};
|
|
107
|
+
return _objectSpread(_objectSpread({}, makeWidget(_objectSpread(_objectSpread({}, facetParameters), {}, {
|
|
108
|
+
limit: limit,
|
|
109
|
+
queryParameters: queryParameters,
|
|
110
|
+
fallbackParameters: fallbackParameters,
|
|
111
|
+
threshold: threshold,
|
|
112
|
+
escapeHTML: escapeHTML,
|
|
113
|
+
transformItems: transformItems
|
|
114
|
+
}))), {}, {
|
|
115
|
+
$$widgetType: 'ais.trendingItems'
|
|
116
|
+
});
|
|
117
|
+
};
|
|
118
|
+
export default trendingItems;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "instantsearch.js",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.69.0",
|
|
4
4
|
"description": "InstantSearch.js is a JavaScript library for building performant and instant search experiences with Algolia.",
|
|
5
5
|
"homepage": "https://www.algolia.com/doc/guides/building-search-ui/what-is-instantsearch/js/",
|
|
6
6
|
"types": "es/index.d.ts",
|
|
@@ -31,10 +31,10 @@
|
|
|
31
31
|
"@types/google.maps": "^3.45.3",
|
|
32
32
|
"@types/hogan.js": "^3.0.0",
|
|
33
33
|
"@types/qs": "^6.5.3",
|
|
34
|
-
"algoliasearch-helper": "3.
|
|
34
|
+
"algoliasearch-helper": "3.20.0",
|
|
35
35
|
"hogan.js": "^3.0.2",
|
|
36
36
|
"htm": "^3.0.0",
|
|
37
|
-
"instantsearch-ui-components": "0.
|
|
37
|
+
"instantsearch-ui-components": "0.6.0",
|
|
38
38
|
"preact": "^10.10.0",
|
|
39
39
|
"qs": "^6.5.1 < 6.10",
|
|
40
40
|
"search-insights": "^2.13.0"
|
|
@@ -56,9 +56,9 @@
|
|
|
56
56
|
"watch:es": "yarn --silent build:es:base --watch"
|
|
57
57
|
},
|
|
58
58
|
"devDependencies": {
|
|
59
|
-
"@instantsearch/mocks": "1.
|
|
60
|
-
"@instantsearch/tests": "1.
|
|
61
|
-
"@instantsearch/testutils": "1.
|
|
59
|
+
"@instantsearch/mocks": "1.44.0",
|
|
60
|
+
"@instantsearch/tests": "1.44.0",
|
|
61
|
+
"@instantsearch/testutils": "1.33.0",
|
|
62
62
|
"@storybook/html": "5.3.9",
|
|
63
63
|
"@types/scriptjs": "0.0.2",
|
|
64
64
|
"algoliasearch": "4.23.2",
|
|
@@ -66,5 +66,5 @@
|
|
|
66
66
|
"scriptjs": "2.5.9",
|
|
67
67
|
"webpack": "4.47.0"
|
|
68
68
|
},
|
|
69
|
-
"gitHead": "
|
|
69
|
+
"gitHead": "95ec6c4ce746c77eeb92fab1e42b5f833f3f04bc"
|
|
70
70
|
}
|