instantsearch-ui-components 0.10.0 → 0.11.1

package/dist/cjs/components/Carousel.js

@@ -11,7 +11,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _lib = require("../lib");
 var _recommendShared = require("./recommend-shared");
-var _excluded = ["listRef", "nextButtonRef", "previousButtonRef", "carouselIdRef", "classNames", "itemComponent", "previousIconComponent", "nextIconComponent", "items", "translations"];
+var _excluded = ["listRef", "nextButtonRef", "previousButtonRef", "carouselIdRef", "classNames", "itemComponent", "previousIconComponent", "nextIconComponent", "items", "translations", "sendEvent"];
 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) { (0, _defineProperty2.default)(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; }
 var lastCarouselId = 0;
@@ -67,6 +67,7 @@ function createCarouselComponent(_ref3) {
       NextIconComponent = _userProps$nextIconCo === void 0 ? NextIconDefaultComponent : _userProps$nextIconCo,
       items = userProps.items,
       userTranslations = userProps.translations,
+      sendEvent = userProps.sendEvent,
       props = (0, _objectWithoutProperties2.default)(userProps, _excluded);
     var translations = _objectSpread({
       listLabel: 'Items',
@@ -141,9 +142,16 @@ function createCarouselComponent(_ref3) {
         key: item.objectID,
         className: (0, _lib.cx)(cssClasses.item),
         "aria-roledescription": "slide",
-        "aria-label": "".concat(index + 1, " of ").concat(items.length)
+        "aria-label": "".concat(index + 1, " of ").concat(items.length),
+        onClick: function onClick() {
+          sendEvent('click:internal', item, 'Item Clicked');
+        },
+        onAuxClick: function onAuxClick() {
+          sendEvent('click:internal', item, 'Item Clicked');
+        }
       }, createElement(ItemComponent, {
-        item: item
+        item: item,
+        sendEvent: sendEvent
       }));
     })), createElement("button", {
       ref: nextButtonRef,

package/dist/cjs/components/recommend-shared/List.js

@@ -20,10 +20,15 @@ function createListComponent(_ref) {
       return createElement("li", {
         key: item.objectID,
         className: classNames.item,
-        onClick: sendEvent,
-        onAuxClick: sendEvent
+        onClick: function onClick() {
+          sendEvent('click:internal', item, 'Item Clicked');
+        },
+        onAuxClick: function onAuxClick() {
+          sendEvent('click:internal', item, 'Item Clicked');
+        }
       }, createElement(ItemComponent, {
-        item: item
+        item: item,
+        sendEvent: sendEvent
       }));
     })));
   };

package/dist/cjs/version.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = exports.default = '0.10.0';
+var _default = exports.default = '0.11.1';

package/dist/es/components/Carousel.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentProps, MutableRef, RecommendItemComponentProps, RecordWithObjectID, Renderer } from '../types';
+import type { ComponentProps, MutableRef, RecommendItemComponentProps, RecordWithObjectID, Renderer, SendEventForHits } from '../types';
 export type CarouselProps<TObject, TComponentProps extends Record<string, unknown> = Record<string, unknown>> = ComponentProps<'div'> & {
     listRef: MutableRef<HTMLOListElement | null>;
     nextButtonRef: MutableRef<HTMLButtonElement | null>;
@@ -10,6 +10,7 @@ export type CarouselProps<TObject, TComponentProps extends Record<string, unknow
     nextIconComponent?: () => JSX.Element;
     classNames?: Partial<CarouselClassNames>;
     translations?: Partial<CarouselTranslations>;
+    sendEvent: SendEventForHits;
 };
 export type CarouselClassNames = {
     /**

package/dist/es/components/Carousel.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["listRef", "nextButtonRef", "previousButtonRef", "carouselIdRef", "classNames", "itemComponent", "previousIconComponent", "nextIconComponent", "items", "translations"];
+var _excluded = ["listRef", "nextButtonRef", "previousButtonRef", "carouselIdRef", "classNames", "itemComponent", "previousIconComponent", "nextIconComponent", "items", "translations", "sendEvent"];
 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; }
 import { cx } from "../lib/index.js";
@@ -59,6 +59,7 @@ export function createCarouselComponent(_ref3) {
       NextIconComponent = _userProps$nextIconCo === void 0 ? NextIconDefaultComponent : _userProps$nextIconCo,
       items = userProps.items,
       userTranslations = userProps.translations,
+      sendEvent = userProps.sendEvent,
       props = _objectWithoutProperties(userProps, _excluded);
     var translations = _objectSpread({
       listLabel: 'Items',
@@ -133,9 +134,16 @@ export function createCarouselComponent(_ref3) {
         key: item.objectID,
         className: cx(cssClasses.item),
         "aria-roledescription": "slide",
-        "aria-label": "".concat(index + 1, " of ").concat(items.length)
+        "aria-label": "".concat(index + 1, " of ").concat(items.length),
+        onClick: function onClick() {
+          sendEvent('click:internal', item, 'Item Clicked');
+        },
+        onAuxClick: function onAuxClick() {
+          sendEvent('click:internal', item, 'Item Clicked');
+        }
       }, createElement(ItemComponent, {
-        item: item
+        item: item,
+        sendEvent: sendEvent
       }));
     })), createElement("button", {
       ref: nextButtonRef,

package/dist/es/components/recommend-shared/List.js

@@ -14,10 +14,15 @@ export function createListComponent(_ref) {
       return createElement("li", {
         key: item.objectID,
         className: classNames.item,
-        onClick: sendEvent,
-        onAuxClick: sendEvent
+        onClick: function onClick() {
+          sendEvent('click:internal', item, 'Item Clicked');
+        },
+        onAuxClick: function onAuxClick() {
+          sendEvent('click:internal', item, 'Item Clicked');
+        }
       }, createElement(ItemComponent, {
-        item: item
+        item: item,
+        sendEvent: sendEvent
       }));
     })));
   };

package/dist/es/types/Recommend.d.ts

@@ -59,9 +59,12 @@ export type RecommendInnerComponentProps<TObject> = {
 };
 export type RecordWithObjectID<TObject = Record<string, unknown>> = TObject & {
     objectID: string;
+    __position: number;
+    __queryID?: string;
 };
 export type RecommendItemComponentProps<TObject> = {
     item: TObject;
+    sendEvent: SendEventForHits;
     onClick?: () => void;
     onAuxClick?: () => void;
 };

package/dist/es/types/shared.d.ts

@@ -1 +1,5 @@
-export type SendEventForHits = (...props: unknown[]) => void;
+import type { RecordWithObjectID } from './Recommend';
+type BuiltInSendEventForHits = (eventType: string, hits: RecordWithObjectID<any> | Array<RecordWithObjectID<any>>, eventName?: string, additionalData?: Record<string, any>) => void;
+type CustomSendEventForHits = (customPayload: any) => void;
+export type SendEventForHits = BuiltInSendEventForHits & CustomSendEventForHits;
+export {};

package/dist/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "0.10.0";
+declare const _default: "0.11.1";
 export default _default;

package/dist/es/version.js

@@ -1 +1 @@
-export default '0.10.0';
+export default '0.11.1';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "instantsearch-ui-components",
-  "version": "0.10.0",
+  "version": "0.11.1",
   "description": "Common UI components for InstantSearch.",
   "types": "dist/es/index.d.ts",
   "main": "dist/cjs/index.js",
@@ -49,5 +49,5 @@
   "dependencies": {
     "@babel/runtime": "^7.1.2"
   },
-  "gitHead": "8e30cd5859416a1c29e2030a69d52b601fc91fab"
+  "gitHead": "3d0c6cbcb894a0b38a81485bc98de6244b70b97e"
 }