instantsearch-ui-components 0.2.0 → 0.4.0

package/dist/cjs/components/Highlight.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createHighlightComponent = createHighlightComponent;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _lib = require("../lib");
+var _excluded = ["parts", "highlightedTagName", "nonHighlightedTagName", "separator", "className", "classNames"];
+function createHighlightPartComponent(_ref) {
+  var createElement = _ref.createElement;
+  return function HighlightPart(_ref2) {
+    var classNames = _ref2.classNames,
+      children = _ref2.children,
+      highlightedTagName = _ref2.highlightedTagName,
+      isHighlighted = _ref2.isHighlighted,
+      nonHighlightedTagName = _ref2.nonHighlightedTagName;
+    var TagName = isHighlighted ? highlightedTagName : nonHighlightedTagName;
+    return createElement(TagName, {
+      className: isHighlighted ? classNames.highlighted : classNames.nonHighlighted
+    }, children);
+  };
+}
+function createHighlightComponent(_ref3) {
+  var createElement = _ref3.createElement,
+    Fragment = _ref3.Fragment;
+  var HighlightPart = createHighlightPartComponent({
+    createElement: createElement,
+    Fragment: Fragment
+  });
+  return function Highlight(userProps) {
+    var parts = userProps.parts,
+      _userProps$highlighte = userProps.highlightedTagName,
+      highlightedTagName = _userProps$highlighte === void 0 ? 'mark' : _userProps$highlighte,
+      _userProps$nonHighlig = userProps.nonHighlightedTagName,
+      nonHighlightedTagName = _userProps$nonHighlig === void 0 ? 'span' : _userProps$nonHighlig,
+      _userProps$separator = userProps.separator,
+      separator = _userProps$separator === void 0 ? ', ' : _userProps$separator,
+      className = userProps.className,
+      _userProps$classNames = userProps.classNames,
+      classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
+      props = (0, _objectWithoutProperties2.default)(userProps, _excluded);
+    return createElement("span", (0, _extends2.default)({}, props, {
+      className: (0, _lib.cx)(classNames.root, className)
+    }), parts.map(function (part, partIndex) {
+      var isLastPart = partIndex === parts.length - 1;
+      return createElement(Fragment, {
+        key: partIndex
+      }, part.map(function (subPart, subPartIndex) {
+        return createElement(HighlightPart, {
+          key: subPartIndex,
+          classNames: classNames,
+          highlightedTagName: highlightedTagName,
+          nonHighlightedTagName: nonHighlightedTagName,
+          isHighlighted: subPart.isHighlighted
+        }, subPart.value);
+      }), !isLastPart && createElement("span", {
+        className: classNames.separator
+      }, separator));
+    }));
+  };
+}

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Highlight = require("./Highlight");
+Object.keys(_Highlight).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Highlight[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      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/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _components = require("./components");
+Object.keys(_components).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _components[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _components[key];
+    }
+  });
+});
+var _lib = require("./lib");
+Object.keys(_lib).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _lib[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _lib[key];
+    }
+  });
+});
+var _types = require("./types");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _types[key];
+    }
+  });
+});

package/dist/cjs/lib/cx.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cx = cx;
+function cx() {
+  for (var _len = arguments.length, classNames = new Array(_len), _key = 0; _key < _len; _key++) {
+    classNames[_key] = arguments[_key];
+  }
+  return classNames.reduce(function (acc, className) {
+    if (Array.isArray(className)) {
+      return acc.concat(className);
+    }
+    return acc.concat([className]);
+  }, []).filter(Boolean).join(' ');
+}

package/dist/cjs/lib/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _cx = require("./cx");
+Object.keys(_cx).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _cx[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _cx[key];
+    }
+  });
+});

package/dist/cjs/package.json

@@ -0,0 +1 @@
+{ "type": "commonjs", "sideEffects": false }

package/dist/cjs/types/Renderer.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/types/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Renderer = require("./Renderer");
+Object.keys(_Renderer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Renderer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Renderer[key];
+    }
+  });
+});

package/dist/cjs/version.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = '0.4.0';
+exports.default = _default;

package/dist/es/components/Highlight.js

@@ -1,8 +1,6 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["parts", "highlightedTagName", "nonHighlightedTagName", "separator", "className", "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; }
-/** @jsx createElement */
 import { cx } from "../lib/index.js";
 function createHighlightPartComponent(_ref) {
   var createElement = _ref.createElement;
@@ -26,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/lib/cx.d.ts

@@ -1 +1,3 @@
-export declare function cx(...classNames: Array<string | number | boolean | undefined | null>): string;
+type ClassValue = string | undefined | boolean | null | number;
+export declare function cx(...classNames: Array<ClassValue | ClassValue[]>): string;
+export {};

package/dist/es/lib/cx.js

@@ -2,5 +2,10 @@ export function cx() {
   for (var _len = arguments.length, classNames = new Array(_len), _key = 0; _key < _len; _key++) {
     classNames[_key] = arguments[_key];
   }
-  return classNames.filter(Boolean).join(' ');
+  return classNames.reduce(function (acc, className) {
+    if (Array.isArray(className)) {
+      return acc.concat(className);
+    }
+    return acc.concat([className]);
+  }, []).filter(Boolean).join(' ');
 }

package/dist/es/version.d.ts

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

package/dist/es/version.js

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

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "instantsearch-ui-components",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "Common UI components for InstantSearch.",
-  "source": "src/index.ts",
   "types": "dist/es/index.d.ts",
-  "main": "dist/es/index.js",
+  "main": "dist/cjs/index.js",
   "module": "dist/es/index.js",
   "type": "module",
   "exports": {
     "types": "./dist/es/index.d.ts",
+    "require": "./dist/cjs/index.js",
     "default": "./dist/es/index.js"
   },
   "sideEffects": false,
@@ -38,10 +38,16 @@
   ],
   "scripts": {
     "clean": "rm -rf dist",
-    "build": "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": "yarn build:cjs && yarn build:es && yarn build:types",
+    "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": "9afbaecd8ae25e3b3746be05f858a83b03843102"
+  "dependencies": {
+    "@babel/runtime": "^7.1.2"
+  },
+  "gitHead": "358f849cba15cbbb415da05feb582b47358aa239"
 }