react-instantsearch 7.5.5 → 7.7.0

package/dist/es/ui/SearchBox.js

@@ -2,8 +2,8 @@ var _excluded = ["formRef", "inputRef", "isSearchStalled", "onChange", "onReset"
 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); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { cx } from 'instantsearch-ui-components';
 import React from 'react';
-import { cx } from "./lib/cx.js";
 var _ref2 = /*#__PURE__*/React.createElement("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"
 });
@@ -141,9 +141,7 @@ export function SearchBox(_ref7) {
   }, /*#__PURE__*/React.createElement(ResetIcon, {
     classNames: classNames
   })), /*#__PURE__*/React.createElement("span", {
-    className: cx('ais-SearchBox-loadingIndicator', classNames.loadingIndicator)
-    // @ts-ignore (this error is due to conflict with @algolia/ui-components-highlight-vdom, which declares "too global" type for span in case there's no @types/react or preact)
-    ,
+    className: cx('ais-SearchBox-loadingIndicator', classNames.loadingIndicator),
     hidden: !isSearchStalled
   }, /*#__PURE__*/React.createElement(LoadingIcon, {
     classNames: classNames

package/dist/es/ui/Snippet.d.ts

@@ -1,4 +1,4 @@
-import type { InternalHighlightProps, InternalHighlightClassNames } from './InternalHighlight';
+import type { HighlightProps as InternalHighlightProps, HighlightClassNames as InternalHighlightClassNames } from 'instantsearch-ui-components';
 export type SnippetClassNames = InternalHighlightClassNames;
 export type SnippetProps = Omit<InternalHighlightProps, 'classNames'> & {
     classNames?: Partial<SnippetClassNames>;

package/dist/es/ui/Snippet.js

@@ -2,9 +2,9 @@ var _excluded = ["classNames"];
 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); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { cx } from 'instantsearch-ui-components';
 import React from 'react';
 import { InternalHighlight } from "./InternalHighlight.js";
-import { cx } from "./lib/cx.js";
 export function Snippet(_ref) {
   var _ref$classNames = _ref.classNames,
     classNames = _ref$classNames === void 0 ? {} : _ref$classNames,

package/dist/es/ui/SortBy.js

@@ -2,8 +2,8 @@ var _excluded = ["items", "value", "onChange", "classNames"];
 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); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { cx } from 'instantsearch-ui-components';
 import React from 'react';
-import { cx } from "./lib/cx.js";
 export function SortBy(_ref) {
   var items = _ref.items,
     value = _ref.value,

package/dist/es/ui/Stats.js

@@ -2,8 +2,8 @@ var _excluded = ["classNames", "nbHits", "processingTimeMS", "nbSortedHits", "ar
 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); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { cx } from 'instantsearch-ui-components';
 import React from 'react';
-import { cx } from "./lib/cx.js";
 export function Stats(_ref) {
   var _ref$classNames = _ref.classNames,
     classNames = _ref$classNames === void 0 ? {} : _ref$classNames,

package/dist/es/ui/ToggleRefinement.js

@@ -2,8 +2,8 @@ var _excluded = ["classNames", "checked", "onChange", "label"];
 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); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { cx } from 'instantsearch-ui-components';
 import React from 'react';
-import { cx } from "./lib/cx.js";
 export function ToggleRefinement(_ref) {
   var _ref$classNames = _ref.classNames,
     classNames = _ref$classNames === void 0 ? {} : _ref$classNames,

package/dist/es/ui/lib/index.d.ts

@@ -1,3 +1,2 @@
 export * from './capitalize';
-export * from './cx';
 export * from './isModifierClick';

package/dist/es/ui/lib/index.js

@@ -1,3 +1,2 @@
 export * from "./capitalize.js";
-export * from "./cx.js";
 export * from "./isModifierClick.js";

package/dist/es/widgets/Hits.d.ts

@@ -1,7 +1,14 @@
-import type { HitsProps as HitsUiComponentProps } from '../ui/Hits';
+import React from 'react';
+import type { HitsProps as HitsUiComponentProps } from 'instantsearch-ui-components';
 import type { Hit, BaseHit } from 'instantsearch.js';
+import type { SendEventForHits } from 'instantsearch.js/es/lib/utils';
 import type { UseHitsProps } from 'react-instantsearch-core';
-type UiProps<THit extends BaseHit> = Pick<HitsUiComponentProps<Hit<THit>>, 'hits' | 'sendEvent'>;
-export type HitsProps<THit extends BaseHit> = Omit<HitsUiComponentProps<Hit<THit>>, keyof UiProps<THit>> & UseHitsProps<THit>;
-export declare function Hits<THit extends BaseHit = BaseHit>({ escapeHTML, transformItems, ...props }: HitsProps<THit>): JSX.Element;
+type UiProps<THit extends BaseHit> = Pick<HitsUiComponentProps<Hit<THit>>, 'hits' | 'sendEvent' | 'itemComponent' | 'emptyComponent'>;
+export type HitsProps<THit extends BaseHit> = Omit<HitsUiComponentProps<Hit<THit>>, keyof UiProps<THit>> & {
+    hitComponent?: React.JSXElementConstructor<{
+        hit: Hit<THit>;
+        sendEvent: SendEventForHits;
+    }>;
+} & UseHitsProps<THit>;
+export declare function Hits<THit extends BaseHit = BaseHit>({ escapeHTML, transformItems, hitComponent: HitComponent, ...props }: HitsProps<THit>): JSX.Element;
 export {};

package/dist/es/widgets/Hits.js

@@ -1,14 +1,31 @@
-var _excluded = ["escapeHTML", "transformItems"];
+var _excluded = ["escapeHTML", "transformItems", "hitComponent"],
+  _excluded2 = ["hit", "index"];
 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); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React from 'react';
+import { createHitsComponent } from 'instantsearch-ui-components';
+import React, { createElement, Fragment } from 'react';
 import { useHits } from 'react-instantsearch-core';
-import { Hits as HitsUiComponent } from "../ui/Hits.js";
-export function Hits(_ref) {
-  var escapeHTML = _ref.escapeHTML,
-    transformItems = _ref.transformItems,
-    props = _objectWithoutProperties(_ref, _excluded);
+// @MAJOR: Move default hit component back to the UI library
+// once flavour specificities are erased
+function DefaultHitComponent(_ref) {
+  var hit = _ref.hit;
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      wordBreak: 'break-all'
+    }
+  }, JSON.stringify(hit).slice(0, 100), "\u2026");
+}
+var HitsUiComponent = createHitsComponent({
+  createElement: createElement,
+  Fragment: Fragment
+});
+export function Hits(_ref2) {
+  var escapeHTML = _ref2.escapeHTML,
+    transformItems = _ref2.transformItems,
+    _ref2$hitComponent = _ref2.hitComponent,
+    HitComponent = _ref2$hitComponent === void 0 ? DefaultHitComponent : _ref2$hitComponent,
+    props = _objectWithoutProperties(_ref2, _excluded);
   var _useHits = useHits({
       escapeHTML: escapeHTML,
       transformItems: transformItems
@@ -17,9 +34,21 @@ export function Hits(_ref) {
     }),
     hits = _useHits.hits,
     sendEvent = _useHits.sendEvent;
+  var itemComponent = function itemComponent(_ref3) {
+    var hit = _ref3.hit,
+      index = _ref3.index,
+      itemProps = _objectWithoutProperties(_ref3, _excluded2);
+    return /*#__PURE__*/React.createElement("li", _extends({
+      key: hit.objectID
+    }, itemProps), /*#__PURE__*/React.createElement(HitComponent, {
+      hit: hit,
+      sendEvent: sendEvent
+    }));
+  };
   var uiProps = {
     hits: hits,
-    sendEvent: sendEvent
+    sendEvent: sendEvent,
+    itemComponent: itemComponent
   };
   return /*#__PURE__*/React.createElement(HitsUiComponent, _extends({}, props, uiProps));
 }