instantsearch-ui-components 0.3.0 → 0.4.0

package/dist/cjs/components/Highlight.js

@@ -31,8 +31,6 @@ function createHighlightComponent(_ref3) {
     Fragment: Fragment
   });
   return function Highlight(userProps) {
-    // Not destructured in function signature, to make sure it's not exposed in
-    // the type definition.
     var parts = userProps.parts,
       _userProps$highlighte = userProps.highlightedTagName,
       highlightedTagName = _userProps$highlighte === void 0 ? 'mark' : _userProps$highlighte,

package/dist/cjs/components/Hits.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createHitsComponent = createHitsComponent;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _lib = require("../lib");
+var _excluded = ["classNames", "hits", "itemComponent", "sendEvent", "emptyComponent"];
+// Should be imported from a shared package in the future
+
+function createHitsComponent(_ref) {
+  var createElement = _ref.createElement;
+  return function Hits(userProps) {
+    var _userProps$classNames = userProps.classNames,
+      classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
+      hits = userProps.hits,
+      ItemComponent = userProps.itemComponent,
+      sendEvent = userProps.sendEvent,
+      EmptyComponent = userProps.emptyComponent,
+      props = (0, _objectWithoutProperties2.default)(userProps, _excluded);
+    if (hits.length === 0 && EmptyComponent) {
+      return createElement(EmptyComponent, {
+        className: (0, _lib.cx)('ais-Hits', classNames.root, (0, _lib.cx)('ais-Hits--empty', classNames.emptyRoot), props.className)
+      });
+    }
+    return createElement("div", (0, _extends2.default)({}, props, {
+      className: (0, _lib.cx)('ais-Hits', classNames.root, hits.length === 0 && (0, _lib.cx)('ais-Hits--empty', classNames.emptyRoot), props.className)
+    }), createElement("ol", {
+      className: (0, _lib.cx)('ais-Hits-list', classNames.list)
+    }, hits.map(function (hit, index) {
+      return createElement(ItemComponent, {
+        key: hit.objectID,
+        hit: hit,
+        index: index,
+        className: (0, _lib.cx)('ais-Hits-item', classNames.item),
+        onClick: function onClick() {
+          sendEvent('click:internal', hit, 'Hit Clicked');
+        },
+        onAuxClick: function onAuxClick() {
+          sendEvent('click:internal', hit, 'Hit Clicked');
+        }
+      });
+    })));
+  };
+}

package/dist/cjs/components/index.js

@@ -13,4 +13,15 @@ Object.keys(_Highlight).forEach(function (key) {
       return _Highlight[key];
     }
   });
+});
+var _Hits = require("./Hits");
+Object.keys(_Hits).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Hits[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Hits[key];
+    }
+  });
 });

package/dist/cjs/version.js

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

package/dist/es/components/Highlight.js

@@ -24,8 +24,6 @@ export function createHighlightComponent(_ref3) {
     Fragment: Fragment
   });
   return function Highlight(userProps) {
-    // Not destructured in function signature, to make sure it's not exposed in
-    // the type definition.
     var parts = userProps.parts,
       _userProps$highlighte = userProps.highlightedTagName,
       highlightedTagName = _userProps$highlighte === void 0 ? 'mark' : _userProps$highlighte,

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

@@ -0,0 +1,40 @@
+import type { ComponentProps, Renderer } from '../types';
+type Hit = Record<string, unknown> & {
+    objectID: string;
+};
+type SendEventForHits = (...props: unknown[]) => void;
+export type HitsProps<THit> = ComponentProps<'div'> & {
+    hits: THit[];
+    itemComponent: (props: {
+        hit: THit;
+        index: number;
+        className: string;
+        onClick: () => void;
+        onAuxClick: () => void;
+    }) => JSX.Element;
+    sendEvent: SendEventForHits;
+    classNames?: Partial<HitsClassNames>;
+    emptyComponent?: (props: {
+        className: string;
+    }) => JSX.Element;
+};
+export type HitsClassNames = {
+    /**
+     * Class names to apply to the root element
+     */
+    root: string | string[];
+    /**
+     * Class names to apply to the root element without results
+     */
+    emptyRoot: string | string[];
+    /**
+     * Class names to apply to the list element
+     */
+    list: string | string[];
+    /**
+     * Class names to apply to each item element
+     */
+    item: string | string[];
+};
+export declare function createHitsComponent({ createElement }: Renderer): <THit extends Hit>(userProps: HitsProps<THit>) => JSX.Element;
+export {};

package/dist/es/components/Hits.js

@@ -0,0 +1,42 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["classNames", "hits", "itemComponent", "sendEvent", "emptyComponent"];
+import { cx } from "../lib/index.js";
+
+// Should be imported from a shared package in the future
+
+export function createHitsComponent(_ref) {
+  var createElement = _ref.createElement;
+  return function Hits(userProps) {
+    var _userProps$classNames = userProps.classNames,
+      classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
+      hits = userProps.hits,
+      ItemComponent = userProps.itemComponent,
+      sendEvent = userProps.sendEvent,
+      EmptyComponent = userProps.emptyComponent,
+      props = _objectWithoutProperties(userProps, _excluded);
+    if (hits.length === 0 && EmptyComponent) {
+      return createElement(EmptyComponent, {
+        className: cx('ais-Hits', classNames.root, cx('ais-Hits--empty', classNames.emptyRoot), props.className)
+      });
+    }
+    return createElement("div", _extends({}, props, {
+      className: cx('ais-Hits', classNames.root, hits.length === 0 && cx('ais-Hits--empty', classNames.emptyRoot), props.className)
+    }), createElement("ol", {
+      className: cx('ais-Hits-list', classNames.list)
+    }, hits.map(function (hit, index) {
+      return createElement(ItemComponent, {
+        key: hit.objectID,
+        hit: hit,
+        index: index,
+        className: cx('ais-Hits-item', classNames.item),
+        onClick: function onClick() {
+          sendEvent('click:internal', hit, 'Hit Clicked');
+        },
+        onAuxClick: function onAuxClick() {
+          sendEvent('click:internal', hit, 'Hit Clicked');
+        }
+      });
+    })));
+  };
+}

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

@@ -1 +1,2 @@
 export * from './Highlight';
+export * from './Hits';

package/dist/es/components/index.js

@@ -1 +1,2 @@
-export * from "./Highlight.js";
+export * from "./Highlight.js";
+export * from "./Hits.js";

package/dist/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "0.3.0";
+declare const _default: "0.4.0";
 export default _default;

package/dist/es/version.js

@@ -1 +1 @@
-export default '0.3.0';
+export default '0.4.0';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "instantsearch-ui-components",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Common UI components for InstantSearch.",
   "types": "dist/es/index.d.ts",
   "main": "dist/cjs/index.js",
@@ -39,10 +39,15 @@
   "scripts": {
     "clean": "rm -rf dist",
     "build": "yarn build:cjs && yarn build:es && yarn build:types",
-    "build:es": "BABEL_ENV=es babel src --root-mode upward --extensions '.js,.ts,.tsx' --out-dir dist/es --ignore '**/__tests__/**/*','**/__mocks__/**/*' --quiet",
+    "build:es:base": "BABEL_ENV=es babel src --root-mode upward --extensions '.js,.ts,.tsx' --out-dir dist/es --ignore '**/__tests__/**/*','**/__mocks__/**/*'",
+    "build:es": "yarn build:es:base --quiet",
     "build:cjs": "BABEL_ENV=cjs babel src --root-mode upward --extensions '.js,.ts,.tsx' --out-dir dist/cjs --ignore '**/__tests__/**/*','**/__mocks__/**/*' --quiet && ../../scripts/prepare-cjs.sh",
     "build:types": "tsc -p ./tsconfig.declaration.json --outDir ./dist/es",
-    "version": "./scripts/version.cjs"
+    "version": "./scripts/version.cjs",
+    "watch:es": "yarn --silent build:es:base --watch"
   },
-  "gitHead": "084aff3d29e15cea8125076c46fb753c83d4dcad"
+  "dependencies": {
+    "@babel/runtime": "^7.1.2"
+  },
+  "gitHead": "358f849cba15cbbb415da05feb582b47358aa239"
 }