@uncinc/uncinc-react-kitchen-sink 2.3.6 → 2.4.1

package/dist/components/Pagination/index.js

@@ -1,24 +1,30 @@
-import React from 'react';
-import ReactPaginate from 'react-paginate';
-import c from 'classnames';
-import './style.scss';
-import PropTypes from 'prop-types';
-import withMapping from '../../Context/withMapping';
-const Pagination = ({
-  currentPage,
-  totalPages,
-  pageRangeDisplayed,
-  marginPagesDisplayed,
-  setCurrentPage,
-  previousLabel,
-  nextLabel,
-  containerClassName,
-  disabledClassName,
-  activeClassName,
-  breakClassName,
-  showWhenOnePage
-}) => {
-  const pageChange = data => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactPaginate = _interopRequireDefault(require("react-paginate"));
+var _classnames = _interopRequireDefault(require("classnames"));
+require("./style.scss");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _withMapping = _interopRequireDefault(require("../../Context/withMapping"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var Pagination = function Pagination(_ref) {
+  var currentPage = _ref.currentPage,
+    totalPages = _ref.totalPages,
+    pageRangeDisplayed = _ref.pageRangeDisplayed,
+    marginPagesDisplayed = _ref.marginPagesDisplayed,
+    setCurrentPage = _ref.setCurrentPage,
+    previousLabel = _ref.previousLabel,
+    nextLabel = _ref.nextLabel,
+    containerClassName = _ref.containerClassName,
+    disabledClassName = _ref.disabledClassName,
+    activeClassName = _ref.activeClassName,
+    breakClassName = _ref.breakClassName,
+    showWhenOnePage = _ref.showWhenOnePage;
+  var pageChange = function pageChange(data) {
     if (setCurrentPage) {
       setCurrentPage(data.selected + 1);
     }
@@ -33,20 +39,20 @@ const Pagination = ({
     currentPage = totalPages;
   }
   if (!previousLabel || !nextLabel) {
-    previousLabel = /*#__PURE__*/React.createElement("a", {
+    previousLabel = /*#__PURE__*/_react.default.createElement("a", {
       className: "Pagination__previous__icon"
     });
-    nextLabel = /*#__PURE__*/React.createElement("a", {
+    nextLabel = /*#__PURE__*/_react.default.createElement("a", {
       className: "Pagination__next__icon"
     });
   }
-  const containerClasses = c('Pagination__container', containerClassName);
-  const breakClasses = c('Pagination__break', breakClassName);
-  const disabledClasses = c('disabled', disabledClassName);
-  const activeClasses = c('active', activeClassName);
-  return /*#__PURE__*/React.createElement("div", {
+  var containerClasses = (0, _classnames.default)('Pagination__container', containerClassName);
+  var breakClasses = (0, _classnames.default)('Pagination__break', breakClassName);
+  var disabledClasses = (0, _classnames.default)('disabled', disabledClassName);
+  var activeClasses = (0, _classnames.default)('active', activeClassName);
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "Pagination"
-  }, /*#__PURE__*/React.createElement(ReactPaginate, {
+  }, /*#__PURE__*/_react.default.createElement(_reactPaginate.default, {
     previousLabel: previousLabel,
     nextLabel: nextLabel,
     breakLabel: "...",
@@ -62,21 +68,28 @@ const Pagination = ({
   }));
 };
 Pagination.propTypes = {
-  currentPage: PropTypes.number.isRequired,
-  totalPages: PropTypes.number.isRequired,
-  pageRangeDisplayed: PropTypes.number,
-  marginPagesDisplayed: PropTypes.number,
-  setCurrentPage: PropTypes.func,
-  previousLabel: PropTypes.string,
-  nextLabel: PropTypes.string,
-  containerClassName: PropTypes.string,
-  disabledClassName: PropTypes.string,
-  activeClassName: PropTypes.string,
-  showWhenOnePage: PropTypes.bool
+  currentPage: _propTypes.default.number.isRequired,
+  totalPages: _propTypes.default.number.isRequired,
+  pageRangeDisplayed: _propTypes.default.number,
+  marginPagesDisplayed: _propTypes.default.number,
+  setCurrentPage: _propTypes.default.func,
+  previousLabel: _propTypes.default.string,
+  nextLabel: _propTypes.default.string,
+  containerClassName: _propTypes.default.string,
+  disabledClassName: _propTypes.default.string,
+  activeClassName: _propTypes.default.string,
+  showWhenOnePage: _propTypes.default.bool
 };
 Pagination.defaultProps = {
+  setCurrentPage: null,
+  previousLabel: null,
+  nextLabel: null,
+  containerClassName: null,
+  disabledClassName: null,
+  activeClassName: null,
   pageRangeDisplayed: 5,
   marginPagesDisplayed: 1,
   showWhenOnePage: false
 };
-export default withMapping(Pagination);
+var _default = (0, _withMapping.default)(Pagination);
+exports.default = _default;

package/dist/components/Pagination/stories.js

@@ -1,30 +1,53 @@
-import React from 'react';
-import Pagination from './';
-import './stories.scss';
-export default {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.TextualButtons = exports.ManyPages = exports.LargePageRange = exports.FewPages = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = _interopRequireDefault(require("."));
+require("./stories.scss");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = {
   title: 'Molecules/Pagination'
 };
-export const Default = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Pagination, {
-  currentPage: 1,
-  totalPages: 10
-}));
-export const FewPages = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Pagination, {
-  currentPage: 2,
-  totalPages: 4
-}));
-export const ManyPages = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Pagination, {
-  currentPage: 4000,
-  totalPages: 9001
-}));
-export const LargePageRange = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Pagination, {
-  currentPage: 20,
-  totalPages: 100,
-  pageRangeDisplayed: 15,
-  marginPagesDisplayed: 3
-}));
-export const TextualButtons = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Pagination, {
-  currentPage: 10,
-  totalPages: 30,
-  previousLabel: /*#__PURE__*/React.createElement("a", null, "Previous"),
-  nextLabel: /*#__PURE__*/React.createElement("a", null, "Next")
-}));
+exports.default = _default;
+var Default = function Default() {
+  return /*#__PURE__*/_react.default.createElement(_.default, {
+    currentPage: 1,
+    totalPages: 10
+  });
+};
+exports.Default = Default;
+var FewPages = function FewPages() {
+  return /*#__PURE__*/_react.default.createElement(_.default, {
+    currentPage: 2,
+    totalPages: 4
+  });
+};
+exports.FewPages = FewPages;
+var ManyPages = function ManyPages() {
+  return /*#__PURE__*/_react.default.createElement(_.default, {
+    currentPage: 4000,
+    totalPages: 9001
+  });
+};
+exports.ManyPages = ManyPages;
+var LargePageRange = function LargePageRange() {
+  return /*#__PURE__*/_react.default.createElement(_.default, {
+    currentPage: 20,
+    totalPages: 100,
+    pageRangeDisplayed: 15,
+    marginPagesDisplayed: 3
+  });
+};
+exports.LargePageRange = LargePageRange;
+var TextualButtons = function TextualButtons() {
+  return /*#__PURE__*/_react.default.createElement(_.default, {
+    currentPage: 10,
+    totalPages: 30,
+    previousLabel: /*#__PURE__*/_react.default.createElement("a", null, "Previous"),
+    nextLabel: /*#__PURE__*/_react.default.createElement("a", null, "Next")
+  });
+};
+exports.TextualButtons = TextualButtons;

package/dist/components/SearchKit/Facets/ChipFacet/index.js

@@ -1,29 +1,35 @@
-import React from 'react';
-import { useSearchkit } from '@searchkit/client';
-import Button from '../../../Button';
-import classNames from 'classnames';
-const makeSafeForCSS = value => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ChipFacet = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _client = require("@searchkit/client");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Button = _interopRequireDefault(require("../../../Button"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var makeSafeForCSS = function makeSafeForCSS(value) {
   return encodeURIComponent(value).replace(/\.|%[0-9a-z]{2}/gi, '');
 };
-export const ChipFacet = ({
-  facet
-}) => {
-  const api = useSearchkit();
-  return /*#__PURE__*/React.createElement("div", {
+var ChipFacet = function ChipFacet(_ref) {
+  var facet = _ref.facet;
+  var api = (0, _client.useSearchkit)();
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "Facet ChipFacet",
     key: facet.identifier
-  }, /*#__PURE__*/React.createElement("span", null, facet.label), /*#__PURE__*/React.createElement("div", null, facet.entries.map(entry => {
-    const isSelected = api.isFilterSelected({
+  }, /*#__PURE__*/_react.default.createElement("span", null, facet.label), /*#__PURE__*/_react.default.createElement("div", null, facet.entries.map(function (entry) {
+    var isSelected = api.isFilterSelected({
       identifier: facet.identifier,
       value: entry.label
     });
-    const classes = classNames('Button--Chip', makeSafeForCSS(`Button--${entry.label}`), {
+    var classes = (0, _classnames.default)('Button--Chip', makeSafeForCSS("Button--".concat(entry.label)), {
       'Button--selected': isSelected
     });
-    return /*#__PURE__*/React.createElement(Button, {
+    return /*#__PURE__*/_react.default.createElement(_Button.default, {
       className: classes,
       disabled: parseInt(entry.count) === 0,
-      onClick: () => {
+      onClick: function onClick() {
         api.toggleFilter({
           identifier: facet.identifier,
           value: entry.label
@@ -36,5 +42,7 @@ export const ChipFacet = ({
     }, entry.label);
   })));
 };
+exports.ChipFacet = ChipFacet;
 ChipFacet.DISPLAY = 'ChipFacet';
-export default ChipFacet;
+var _default = ChipFacet;
+exports.default = _default;

package/dist/components/SearchKit/Facets/ListFacet/index.js

@@ -1,27 +1,34 @@
-import React from 'react';
-import { useSearchkit } from '@searchkit/client';
-import classNames from 'classnames';
-export const ListFacet = ({
-  facet
-}) => {
-  const api = useSearchkit();
-  return /*#__PURE__*/React.createElement("div", {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ListFacet = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _client = require("@searchkit/client");
+var _classnames = _interopRequireDefault(require("classnames"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var ListFacet = function ListFacet(_ref) {
+  var facet = _ref.facet;
+  var api = (0, _client.useSearchkit)();
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "Facet ListFacet",
     key: facet.identifier
-  }, /*#__PURE__*/React.createElement("span", null, facet.label), /*#__PURE__*/React.createElement("ul", null, facet.entries.map(entry => {
-    const isSelected = api.isFilterSelected({
+  }, /*#__PURE__*/_react.default.createElement("span", null, facet.label), /*#__PURE__*/_react.default.createElement("ul", null, facet.entries.map(function (entry) {
+    var isSelected = api.isFilterSelected({
       identifier: facet.identifier,
       value: entry.label
     });
-    const classes = classNames({
+    var classes = (0, _classnames.default)({
       selected: isSelected,
       disabled: parseInt(entry.count) === 0
     });
-    return /*#__PURE__*/React.createElement("li", {
+    return /*#__PURE__*/_react.default.createElement("li", {
       className: classes,
       key: entry.label
-    }, /*#__PURE__*/React.createElement("button", {
-      onClick: () => {
+    }, /*#__PURE__*/_react.default.createElement("button", {
+      type: "button",
+      onClick: function onClick() {
         api.toggleFilter({
           identifier: facet.identifier,
           value: entry.label
@@ -35,5 +42,7 @@ export const ListFacet = ({
     }, entry.label, " (", entry.count, ")"));
   })));
 };
+exports.ListFacet = ListFacet;
 ListFacet.DISPLAY = 'ListFacet';
-export default ListFacet;
+var _default = ListFacet;
+exports.default = _default;

package/dist/components/SearchKit/Facets/SelectFacet/index.js

@@ -1,46 +1,53 @@
-import React from 'react';
-import { useSearchkit, useSearchkitVariables } from '@searchkit/client';
-import Select from '../../../Form/Select';
-import FormikWrapper from '../../../Form/FormikWrapper';
-import { useTranslation } from 'react-i18next';
-import classNames from 'classnames';
-const useInitialValues = () => {
-  const parsed = useSearchkitVariables();
-  const filters = {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SelectFacet = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _client = require("@searchkit/client");
+var _reactI18next = require("react-i18next");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Select = _interopRequireDefault(require("../../../Form/Select"));
+var _FormikWrapper = _interopRequireDefault(require("../../../Form/FormikWrapper"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var useInitialValues = function useInitialValues() {
+  var parsed = (0, _client.useSearchkitVariables)();
+  var filters = {};
   if (parsed.filters) {
-    parsed.filters.forEach(filter => {
+    parsed.filters.forEach(function (filter) {
       filters[filter.identifier] = filter.value;
     });
   }
   return filters;
 };
-export const SelectFacet = ({
-  facet
-}) => {
-  const {
-    t
-  } = useTranslation();
-  const api = useSearchkit();
-  const options = facet.entries.map(entry => ({
-    value: entry.label,
-    label: facet.identifier === 'type' ? t(`tags.${entry.label.toLowerCase()}`) : entry.label,
-    disabled: parseInt(entry.count) === 0
-  }));
-  const placeHolder = t(`placeholders.${facet.identifier}.placeholder`);
-  const classes = classNames('Facet', 'SelectFacet', `Facet--${facet.identifier}`);
-  const initialValues = useInitialValues();
-  return /*#__PURE__*/React.createElement("div", {
+var SelectFacet = function SelectFacet(_ref) {
+  var facet = _ref.facet;
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+    t = _useTranslation.t;
+  var api = (0, _client.useSearchkit)();
+  var options = facet.entries.map(function (entry) {
+    return {
+      value: entry.label,
+      label: facet.identifier === 'type' ? t("tags.".concat(entry.label.toLowerCase())) : entry.label,
+      disabled: parseInt(entry.count) === 0
+    };
+  });
+  var placeHolder = t("placeholders.".concat(facet.identifier, ".placeholder"));
+  var classes = (0, _classnames.default)('Facet', 'SelectFacet', "Facet--".concat(facet.identifier));
+  var initialValues = useInitialValues();
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: classes,
     key: facet.identifier
-  }, /*#__PURE__*/React.createElement(FormikWrapper, {
+  }, /*#__PURE__*/_react.default.createElement(_FormikWrapper.default, {
     initialValues: initialValues
-  }, /*#__PURE__*/React.createElement(Select, {
+  }, /*#__PURE__*/_react.default.createElement(_Select.default, {
     title: facet.label,
     required: true,
     placeholder: placeHolder,
     fieldName: facet.identifier,
     options: options,
-    onChange: value => {
+    onChange: function onChange(value) {
       api.removeFiltersByIdentifier(facet.identifier);
       api.setPage({
         from: 0
@@ -55,5 +62,7 @@ export const SelectFacet = ({
     }
   })));
 };
+exports.SelectFacet = SelectFacet;
 SelectFacet.DISPLAY = 'SelectFacet';
-export default SelectFacet;
+var _default = SelectFacet;
+exports.default = _default;

package/dist/components/SearchKit/Query/index.js

@@ -1,38 +1,56 @@
-import React, { useMemo, useState, useEffect } from 'react';
-import { gql, useQuery } from '@apollo/client';
-import { useSearchkitVariables } from '@searchkit/client';
-import SearchPage from '../SearchPage';
-function Query({
-  query,
-  useRouting,
-  children
-}) {
-  const graphQuery = useMemo(() => {
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _client = require("@apollo/client");
+var _client2 = require("@searchkit/client");
+var _SearchPage = _interopRequireDefault(require("../SearchPage"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function Query(_ref) {
+  var query = _ref.query,
+    useRouting = _ref.useRouting,
+    children = _ref.children;
+  var graphQuery = (0, _react.useMemo)(function () {
     if (typeof query === 'string') {
-      return gql(query);
+      return (0, _client.gql)(query);
     } else {
       return query;
     }
   }, [query]);
-  const variables = useSearchkitVariables();
-  const {
-    data,
-    loading
-  } = useQuery(graphQuery, {
-    variables
-  });
+  var variables = (0, _client2.useSearchkitVariables)();
+  var _useQuery = (0, _client.useQuery)(graphQuery, {
+      variables: variables
+    }),
+    data = _useQuery.data,
+    loading = _useQuery.loading;
 
   // In between searches, Searchkit will empty it's results, resulting
   // in a re-render with an empty screen. Use a local state to prevent this.
-  const [dataLoaded, setDataLoaded] = useState(null);
-  useEffect(() => {
+  var _useState = (0, _react.useState)(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    dataLoaded = _useState2[0],
+    setDataLoaded = _useState2[1];
+  (0, _react.useEffect)(function () {
     if (data) {
       setDataLoaded(data);
     }
   }, [data]);
   if (!useRouting) {
-    return /*#__PURE__*/React.createElement("div", null, children(dataLoaded, loading));
+    return /*#__PURE__*/_react.default.createElement("div", null, children(dataLoaded, loading));
   }
-  return /*#__PURE__*/React.createElement(SearchPage, null, children(dataLoaded, loading));
+  return /*#__PURE__*/_react.default.createElement(_SearchPage.default, null, children(dataLoaded, loading));
 }
-export default Query;
+var _default = Query;
+exports.default = _default;

package/dist/components/SearchKit/SearchFacets/index.js

@@ -1,44 +1,54 @@
-import React from 'react';
-import { SelectFacet } from '../Facets/SelectFacet';
-import { ListFacet } from '../Facets/ListFacet';
-import { ChipFacet } from '../Facets/ChipFacet';
-import { HierarchicalFilterFacet } from '../Facets/HierarchicalFilterFacet';
-import { HierarchicalMenuFacet } from '../Facets/HierarchicalMenuFacet';
-const FacetList = (components = []) => {
-  const FacetsMapper = [HierarchicalFilterFacet, HierarchicalMenuFacet, SelectFacet, ChipFacet, ListFacet, ...components].reduce((sum, component) => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _SelectFacet = require("../Facets/SelectFacet");
+var _ListFacet = require("../Facets/ListFacet");
+var _ChipFacet = require("../Facets/ChipFacet");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+var FacetList = function FacetList() {
+  var components = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var FacetsMapper = [_SelectFacet.SelectFacet, _ChipFacet.ChipFacet, _ListFacet.ListFacet].concat(_toConsumableArray(components)).reduce(function (sum, component) {
     sum[component.DISPLAY] = component;
     return sum;
   }, {});
-  return ({
-    data,
-    loading
-  }) => {
-    return /*#__PURE__*/React.createElement("div", {
+  return function (_ref) {
+    var data = _ref.data,
+      loading = _ref.loading;
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: "SearchFacets"
-    }, data && data.facets && data.facets.map(facet => {
-      const Facet = FacetsMapper[facet.display];
+    }, data && data.facets && data.facets.map(function (facet) {
+      var Facet = FacetsMapper[facet.display];
       if (!Facet) {
         throw new Error(facet.display + ' not available');
       }
-      return /*#__PURE__*/React.createElement(Facet, {
+      return /*#__PURE__*/_react.default.createElement(Facet, {
         facet: facet,
         loading: loading
       });
     }));
   };
 };
-const SearchFacets = ({
-  data,
-  loading,
-  facets
-}) => {
-  const Facets = FacetList(facets);
+var SearchFacets = function SearchFacets(_ref2) {
+  var data = _ref2.data,
+    loading = _ref2.loading,
+    facets = _ref2.facets;
+  var Facets = FacetList(facets);
   if (!data) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "SearchFacets"
-  }, /*#__PURE__*/React.createElement(Facets, {
+  }, /*#__PURE__*/_react.default.createElement(Facets, {
     data: data.results,
     loading: loading
   }));
@@ -48,4 +58,5 @@ SearchFacets.defaultProps = {
   loading: false,
   facets: []
 };
-export default SearchFacets;
+var _default = SearchFacets;
+exports.default = _default;