react-instantsearch-core 6.40.4 → 7.0.1

package/dist/es/connectors/connectHierarchicalMenu.js

@@ -1,264 +0,0 @@
-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); }
-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; }
-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; }
-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; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-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); }
-import algoliasearchHelper from 'algoliasearch-helper';
-import PropTypes from 'prop-types';
-import createConnector from "../core/createConnector.js";
-import { cleanUpValue, getIndexId, refineValue, getCurrentRefinementValue, getResults } from "../core/indexUtils.js";
-import { unescapeFacetValue } from "../core/utils.js";
-export var getId = function getId(props) {
-  return props.attributes[0];
-};
-var namespace = 'hierarchicalMenu';
-function getCurrentRefinement(props, searchState, context) {
-  var currentRefinement = getCurrentRefinementValue(props, searchState, context, "".concat(namespace, ".").concat(getId(props)), null);
-  if (currentRefinement === '') {
-    return null;
-  }
-  return currentRefinement;
-}
-function getValue(value, props, searchState, context) {
-  var id = props.id,
-    attributes = props.attributes,
-    separator = props.separator,
-    rootPath = props.rootPath,
-    showParentLevel = props.showParentLevel;
-  var currentRefinement = getCurrentRefinement(props, searchState, context);
-  var nextRefinement;
-  if (currentRefinement === null) {
-    nextRefinement = value;
-  } else {
-    var tmpSearchParameters = new algoliasearchHelper.SearchParameters({
-      hierarchicalFacets: [{
-        name: id,
-        attributes: attributes,
-        separator: separator,
-        rootPath: rootPath,
-        showParentLevel: showParentLevel
-      }]
-    });
-    nextRefinement = tmpSearchParameters.toggleHierarchicalFacetRefinement(id, currentRefinement).toggleHierarchicalFacetRefinement(id, value).getHierarchicalRefinement(id)[0];
-  }
-  return nextRefinement;
-}
-function transformValue(value, props, searchState, context) {
-  return value.map(function (v) {
-    return {
-      label: v.name,
-      value: getValue(v.escapedValue, props, searchState, context),
-      count: v.count,
-      isRefined: v.isRefined,
-      items: v.data && transformValue(v.data, props, searchState, context)
-    };
-  });
-}
-var truncate = function truncate() {
-  var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var limit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10;
-  return items.slice(0, limit).map(function () {
-    var item = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    return Array.isArray(item.items) ? _objectSpread(_objectSpread({}, item), {}, {
-      items: truncate(item.items, limit)
-    }) : item;
-  });
-};
-function _refine(props, searchState, nextRefinement, context) {
-  var id = getId(props);
-  var nextValue = _defineProperty({}, id, nextRefinement || '');
-  var resetPage = true;
-  return refineValue(searchState, nextValue, context, resetPage, namespace);
-}
-function _cleanUp(props, searchState, context) {
-  return cleanUpValue(searchState, context, "".concat(namespace, ".").concat(getId(props)));
-}
-var sortBy = ['name:asc'];
-
-/**
- * connectHierarchicalMenu connector provides the logic to build a widget that will
- * give the user the ability to explore a tree-like structure.
- * This is commonly used for multi-level categorization of products on e-commerce
- * websites. From a UX point of view, we suggest not displaying more than two levels deep.
- * @name connectHierarchicalMenu
- * @requirements To use this widget, your attributes must be formatted in a specific way.
- * If you want for example to have a hierarchical menu of categories, objects in your index
- * should be formatted this way:
- *
- * ```json
- * {
- *   "categories.lvl0": "products",
- *   "categories.lvl1": "products > fruits",
- *   "categories.lvl2": "products > fruits > citrus"
- * }
- * ```
- *
- * It's also possible to provide more than one path for each level:
- *
- * ```json
- * {
- *   "categories.lvl0": ["products", "goods"],
- *   "categories.lvl1": ["products > fruits", "goods > to eat"]
- * }
- * ```
- *
- * All attributes passed to the `attributes` prop must be present in "attributes for faceting"
- * on the Algolia dashboard or configured as `attributesForFaceting` via a set settings call to the Algolia API.
- *
- * @kind connector
- * @propType {array.<string>} attributes - List of attributes to use to generate the hierarchy of the menu. See the example for the convention to follow.
- * @propType {string} [defaultRefinement] - the item value selected by default
- * @propType {boolean} [showMore=false] - Flag to activate the show more button, for toggling the number of items between limit and showMoreLimit.
- * @propType {number} [limit=10] -  The maximum number of items displayed.
- * @propType {number} [showMoreLimit=20] -  The maximum number of items displayed when the user triggers the show more. Not considered if `showMore` is false.
- * @propType {string} [separator='>'] -  Specifies the level separator used in the data.
- * @propType {string} [rootPath=null] - The path to use if the first level is not the root level.
- * @propType {boolean} [showParentLevel=true] - Flag to set if the parent level should be displayed.
- * @propType {function} [transformItems] - Function to modify the items being displayed, e.g. for filtering or sorting them. Takes an items as parameter and expects it back in return.
- * @providedPropType {function} refine - a function to toggle a refinement
- * @providedPropType {function} createURL - a function to generate a URL for the corresponding search state
- * @providedPropType {string} currentRefinement - the refinement currently applied
- * @providedPropType {array.<{items: object, count: number, isRefined: boolean, label: string, value: string}>} items - the list of items the HierarchicalMenu can display. items has the same shape as parent items.
- */
-export default createConnector({
-  displayName: 'AlgoliaHierarchicalMenu',
-  $$type: 'ais.hierarchicalMenu',
-  propTypes: {
-    attributes: function attributes(props, propName, componentName) {
-      var isNotString = function isNotString(val) {
-        return typeof val !== 'string';
-      };
-      if (!Array.isArray(props[propName]) || props[propName].some(isNotString) || props[propName].length < 1) {
-        return new Error("Invalid prop ".concat(propName, " supplied to ").concat(componentName, ". Expected an Array of Strings"));
-      }
-      return undefined;
-    },
-    separator: PropTypes.string,
-    rootPath: PropTypes.string,
-    showParentLevel: PropTypes.bool,
-    defaultRefinement: PropTypes.string,
-    showMore: PropTypes.bool,
-    limit: PropTypes.number,
-    showMoreLimit: PropTypes.number,
-    transformItems: PropTypes.func,
-    facetOrdering: PropTypes.bool
-  },
-  defaultProps: {
-    showMore: false,
-    limit: 10,
-    showMoreLimit: 20,
-    separator: ' > ',
-    rootPath: null,
-    showParentLevel: true,
-    facetOrdering: true
-  },
-  getProvidedProps: function getProvidedProps(props, searchState, searchResults) {
-    var showMore = props.showMore,
-      limit = props.limit,
-      showMoreLimit = props.showMoreLimit,
-      facetOrdering = props.facetOrdering;
-    var id = getId(props);
-    var results = getResults(searchResults, {
-      ais: props.contextValue,
-      multiIndexContext: props.indexContextValue
-    });
-    var isFacetPresent = Boolean(results) && Boolean(results.getFacetByName(id));
-    if (!isFacetPresent) {
-      return {
-        items: [],
-        currentRefinement: getCurrentRefinement(props, searchState, {
-          ais: props.contextValue,
-          multiIndexContext: props.indexContextValue
-        }),
-        canRefine: false
-      };
-    }
-    var itemsLimit = showMore ? showMoreLimit : limit;
-    var value = results.getFacetValues(id, {
-      sortBy: sortBy,
-      facetOrdering: facetOrdering
-    });
-    var items = value.data ? transformValue(value.data, props, searchState, {
-      ais: props.contextValue,
-      multiIndexContext: props.indexContextValue
-    }) : [];
-    var transformedItems = props.transformItems ? props.transformItems(items) : items;
-    return {
-      items: truncate(transformedItems, itemsLimit),
-      currentRefinement: getCurrentRefinement(props, searchState, {
-        ais: props.contextValue,
-        multiIndexContext: props.indexContextValue
-      }),
-      canRefine: transformedItems.length > 0
-    };
-  },
-  refine: function refine(props, searchState, nextRefinement) {
-    return _refine(props, searchState, nextRefinement, {
-      ais: props.contextValue,
-      multiIndexContext: props.indexContextValue
-    });
-  },
-  cleanUp: function cleanUp(props, searchState) {
-    return _cleanUp(props, searchState, {
-      ais: props.contextValue,
-      multiIndexContext: props.indexContextValue
-    });
-  },
-  getSearchParameters: function getSearchParameters(searchParameters, props, searchState) {
-    var attributes = props.attributes,
-      separator = props.separator,
-      rootPath = props.rootPath,
-      showParentLevel = props.showParentLevel,
-      showMore = props.showMore,
-      limit = props.limit,
-      showMoreLimit = props.showMoreLimit,
-      contextValue = props.contextValue;
-    var id = getId(props);
-    var itemsLimit = showMore ? showMoreLimit : limit;
-    searchParameters = searchParameters.addHierarchicalFacet({
-      name: id,
-      attributes: attributes,
-      separator: separator,
-      rootPath: rootPath,
-      showParentLevel: showParentLevel
-    }).setQueryParameters({
-      maxValuesPerFacet: Math.max(searchParameters.maxValuesPerFacet || 0, itemsLimit)
-    });
-    var currentRefinement = getCurrentRefinement(props, searchState, {
-      ais: contextValue,
-      multiIndexContext: props.indexContextValue
-    });
-    if (currentRefinement !== null) {
-      searchParameters = searchParameters.toggleHierarchicalFacetRefinement(id, currentRefinement);
-    }
-    return searchParameters;
-  },
-  getMetadata: function getMetadata(props, searchState) {
-    var rootAttribute = props.attributes[0];
-    var id = getId(props);
-    var currentRefinement = getCurrentRefinement(props, searchState, {
-      ais: props.contextValue,
-      multiIndexContext: props.indexContextValue
-    });
-    var items = !currentRefinement ? [] : [{
-      label: "".concat(rootAttribute, ": ").concat(unescapeFacetValue(currentRefinement)),
-      attribute: rootAttribute,
-      value: function value(nextState) {
-        return _refine(props, nextState, '', {
-          ais: props.contextValue,
-          multiIndexContext: props.indexContextValue
-        });
-      },
-      currentRefinement: currentRefinement
-    }];
-    return {
-      id: id,
-      index: getIndexId({
-        ais: props.contextValue,
-        multiIndexContext: props.indexContextValue
-      }),
-      items: items
-    };
-  }
-});

package/dist/es/connectors/connectHighlight.js

@@ -1,79 +0,0 @@
-import createConnector from "../core/createConnector.js";
-import { HIGHLIGHT_TAGS, parseAlgoliaHit } from "../core/highlight.js";
-var highlight = function highlight(_ref) {
-  var attribute = _ref.attribute,
-    hit = _ref.hit,
-    highlightProperty = _ref.highlightProperty,
-    _ref$preTag = _ref.preTag,
-    preTag = _ref$preTag === void 0 ? HIGHLIGHT_TAGS.highlightPreTag : _ref$preTag,
-    _ref$postTag = _ref.postTag,
-    postTag = _ref$postTag === void 0 ? HIGHLIGHT_TAGS.highlightPostTag : _ref$postTag;
-  return parseAlgoliaHit({
-    attribute: attribute,
-    highlightProperty: highlightProperty,
-    hit: hit,
-    preTag: preTag,
-    postTag: postTag
-  });
-};
-
-/**
- * connectHighlight connector provides the logic to create an highlighter
- * component that will retrieve, parse and render an highlighted attribute
- * from an Algolia hit.
- * @name connectHighlight
- * @kind connector
- * @category connector
- * @providedPropType {function} highlight - function to retrieve and parse an attribute from a hit. It takes a configuration object with 3 attributes: `highlightProperty` which is the property that contains the highlight structure from the records, `attribute` which is the name of the attribute (it can be either a string or an array of strings) to look for and `hit` which is the hit from Algolia. It returns an array of objects `{value: string, isHighlighted: boolean}`. If the element that corresponds to the attribute is an array of strings, it will return a nested array of objects.
- * @example
- * import React from 'react';
- * import algoliasearch from 'algoliasearch/lite';
- * import { InstantSearch, SearchBox, Hits, connectHighlight } from 'react-instantsearch-dom';
- *
- * const searchClient = algoliasearch(
- *   'latency',
- *   '6be0576ff61c053d5f9a3225e2a90f76'
- * );
- *
- * const CustomHighlight = connectHighlight(
- *   ({ highlight, attribute, hit, highlightProperty }) => {
- *     const highlights = highlight({
- *       highlightProperty: '_highlightResult',
- *       attribute,
- *       hit
- *     });
- *
- *     return highlights.map(part => part.isHighlighted ? (
- *       <mark>{part.value}</mark>
- *     ) : (
- *       <span>{part.value}</span>
- *     ));
- *   }
- * );
- *
- * const Hit = ({ hit }) => (
- *   <p>
- *     <CustomHighlight attribute="name" hit={hit} />
- *   </p>
- * );
- *
- * const App = () => (
- *   <InstantSearch
- *     searchClient={searchClient}
- *     indexName="instant_search"
- *   >
- *     <SearchBox defaultRefinement="pho" />
- *     <Hits hitComponent={Hit} />
- *   </InstantSearch>
- * );
- */
-export default createConnector({
-  displayName: 'AlgoliaHighlighter',
-  $$type: 'ais.highlighter',
-  propTypes: {},
-  getProvidedProps: function getProvidedProps() {
-    return {
-      highlight: highlight
-    };
-  }
-});

package/dist/es/connectors/connectHitInsights.js

@@ -1,69 +0,0 @@
-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); }
-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; }
-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; }
-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; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-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); }
-import createConnector from "../core/createConnector.js";
-// @ts-ignore
-import { getResults } from "../core/indexUtils.js";
-function inferPayload(_ref) {
-  var method = _ref.method,
-    results = _ref.results,
-    currentHit = _ref.currentHit;
-  var index = results.index;
-  var queryID = currentHit.__queryID;
-  var objectIDs = [currentHit.objectID];
-  if (!queryID) {
-    throw new Error("Could not infer `queryID`. Ensure `clickAnalytics: true` was added with the Configure widget.\nSee: https://alg.li/VpPpLt");
-  }
-  switch (method) {
-    case 'clickedObjectIDsAfterSearch':
-      {
-        var positions = [currentHit.__position];
-        return {
-          index: index,
-          queryID: queryID,
-          objectIDs: objectIDs,
-          positions: positions
-        };
-      }
-    case 'convertedObjectIDsAfterSearch':
-      return {
-        index: index,
-        queryID: queryID,
-        objectIDs: objectIDs
-      };
-    default:
-      throw new Error("Unsupported method \"".concat(method, "\" passed to the insights function. The supported methods are: \"clickedObjectIDsAfterSearch\", \"convertedObjectIDsAfterSearch\"."));
-  }
-}
-var wrapInsightsClient = function wrapInsightsClient(aa, results, currentHit) {
-  return function (method, payload) {
-    if (typeof aa !== 'function') {
-      throw new TypeError("Expected insightsClient to be a Function");
-    }
-    var inferredPayload = inferPayload({
-      method: method,
-      results: results,
-      currentHit: currentHit
-    });
-    aa(method, _objectSpread(_objectSpread({}, inferredPayload), payload));
-  };
-};
-export default (function (insightsClient) {
-  return createConnector({
-    displayName: 'AlgoliaInsights',
-    $$type: 'ais.insights',
-    getProvidedProps: function getProvidedProps(props, _, searchResults) {
-      var results = getResults(searchResults, {
-        ais: props.contextValue,
-        multiIndexContext: props.indexContextValue
-      });
-      var insights = wrapInsightsClient(insightsClient, results, props.hit);
-      return {
-        insights: insights
-      };
-    }
-  });
-});

package/dist/es/connectors/connectHits.js

@@ -1,81 +0,0 @@
-import createConnector from "../core/createConnector.js";
-import { getResults } from "../core/indexUtils.js";
-import { addAbsolutePositions, addQueryID } from "../core/utils.js";
-
-/**
- * connectHits connector provides the logic to create connected
- * components that will render the results retrieved from
- * Algolia.
- *
- * To configure the number of hits retrieved, use [HitsPerPage widget](widgets/HitsPerPage.html),
- * [connectHitsPerPage connector](connectors/connectHitsPerPage.html) or pass the hitsPerPage
- * prop to a [Configure](guide/Search_parameters.html) widget.
- *
- * **Warning:** you will need to use the **objectID** property available on every hit as a key
- * when iterating over them. This will ensure you have the best possible UI experience
- * especially on slow networks.
- * @name connectHits
- * @kind connector
- * @providedPropType {array.<object>} hits - the records that matched the search state
- * @example
- * import React from 'react';
- * import algoliasearch from 'algoliasearch/lite';
- * import { InstantSearch, Highlight, connectHits } from 'react-instantsearch-dom';
- *
- * const searchClient = algoliasearch(
- *   'latency',
- *   '6be0576ff61c053d5f9a3225e2a90f76'
- * );
- * const CustomHits = connectHits(({ hits }) => (
- *   <div>
- *     {hits.map(hit =>
- *       <p key={hit.objectID}>
- *         <Highlight attribute="name" hit={hit} />
- *       </p>
- *     )}
- *   </div>
- * ));
- *
- * const App = () => (
- *   <InstantSearch
- *     searchClient={searchClient}
- *     indexName="instant_search"
- *   >
- *     <CustomHits />
- *   </InstantSearch>
- * );
- */
-export default createConnector({
-  displayName: 'AlgoliaHits',
-  $$type: 'ais.hits',
-  getProvidedProps: function getProvidedProps(props, searchState, searchResults) {
-    var results = getResults(searchResults, {
-      ais: props.contextValue,
-      multiIndexContext: props.indexContextValue
-    });
-    if (!results) {
-      return {
-        hits: []
-      };
-    }
-    var hitsWithPositions = addAbsolutePositions(results.hits, results.hitsPerPage, results.page);
-    var hitsWithPositionsAndQueryID = addQueryID(hitsWithPositions, results.queryID);
-    return {
-      hits: hitsWithPositionsAndQueryID
-    };
-  },
-  /*
-   * Hits needs to be considered as a widget to trigger a search,
-   * even if no other widgets are used.
-   *
-   * To be considered as a widget you need either:
-   * - getSearchParameters
-   * - getMetadata
-   * - transitionState
-   *
-   * See: createConnector.tsx
-   */
-  getSearchParameters: function getSearchParameters(searchParameters) {
-    return searchParameters;
-  }
-});

package/dist/es/connectors/connectHitsPerPage.js

@@ -1,89 +0,0 @@
-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); }
-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; }
-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; }
-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; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-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); }
-import PropTypes from 'prop-types';
-import createConnector from "../core/createConnector.js";
-import { cleanUpValue, refineValue, getCurrentRefinementValue } from "../core/indexUtils.js";
-function getId() {
-  return 'hitsPerPage';
-}
-function getCurrentRefinement(props, searchState, context) {
-  var id = getId();
-  var currentRefinement = getCurrentRefinementValue(props, searchState, context, id, null);
-  if (typeof currentRefinement === 'string') {
-    return parseInt(currentRefinement, 10);
-  }
-  return currentRefinement;
-}
-
-/**
- * connectHitsPerPage connector provides the logic to create connected
- * components that will allow a user to choose to display more or less results from Algolia.
- * @name connectHitsPerPage
- * @kind connector
- * @propType {number} defaultRefinement - The number of items selected by default
- * @propType {{value: number, label: string}[]} items - List of hits per page options.
- * @propType {function} [transformItems] - Function to modify the items being displayed, e.g. for filtering or sorting them. Takes an items as parameter and expects it back in return.
- * @providedPropType {function} refine - a function to remove a single filter
- * @providedPropType {function} createURL - a function to generate a URL for the corresponding search state
- * @providedPropType {string} currentRefinement - the refinement currently applied
- * @providedPropType {array.<{isRefined: boolean, label?: string, value: number}>} items - the list of items the HitsPerPage can display. If no label provided, the value will be displayed.
- */
-export default createConnector({
-  displayName: 'AlgoliaHitsPerPage',
-  $$type: 'ais.hitsPerPage',
-  propTypes: {
-    defaultRefinement: PropTypes.number.isRequired,
-    items: PropTypes.arrayOf(PropTypes.shape({
-      label: PropTypes.string,
-      value: PropTypes.number.isRequired
-    })).isRequired,
-    transformItems: PropTypes.func
-  },
-  getProvidedProps: function getProvidedProps(props, searchState) {
-    var currentRefinement = getCurrentRefinement(props, searchState, {
-      ais: props.contextValue,
-      multiIndexContext: props.indexContextValue
-    });
-    var items = props.items.map(function (item) {
-      return item.value === currentRefinement ? _objectSpread(_objectSpread({}, item), {}, {
-        isRefined: true
-      }) : _objectSpread(_objectSpread({}, item), {}, {
-        isRefined: false
-      });
-    });
-    return {
-      items: props.transformItems ? props.transformItems(items) : items,
-      currentRefinement: currentRefinement
-    };
-  },
-  refine: function refine(props, searchState, nextRefinement) {
-    var id = getId();
-    var nextValue = _defineProperty({}, id, nextRefinement);
-    var resetPage = true;
-    return refineValue(searchState, nextValue, {
-      ais: props.contextValue,
-      multiIndexContext: props.indexContextValue
-    }, resetPage);
-  },
-  cleanUp: function cleanUp(props, searchState) {
-    return cleanUpValue(searchState, {
-      ais: props.contextValue,
-      multiIndexContext: props.indexContextValue
-    }, getId());
-  },
-  getSearchParameters: function getSearchParameters(searchParameters, props, searchState) {
-    return searchParameters.setHitsPerPage(getCurrentRefinement(props, searchState, {
-      ais: props.contextValue,
-      multiIndexContext: props.indexContextValue
-    }));
-  },
-  getMetadata: function getMetadata() {
-    return {
-      id: getId()
-    };
-  }
-});