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

package/dist/components/MagicLine/stories.js

@@ -1,49 +1,63 @@
-import React from 'react';
-import c from 'classnames';
-import MagicLine from '.';
-import './stories.scss';
-export default {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.NoActiveItem = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _ = _interopRequireDefault(require("."));
+require("./stories.scss");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = {
   title: 'Molecules/MagicLine'
 };
-export const Default = () => /*#__PURE__*/React.createElement(MagicLine, null, (setInitialMagicLine, hoverMagicLine, setActiveItemInNavigation) => {
-  const items = ['one', 'two with a longer name', 'three'];
-  return /*#__PURE__*/React.createElement("div", {
-    className: "Menu"
-  }, items.map(item => {
-    const active = item === 'three';
-    if (active) {
-      setActiveItemInNavigation(true);
-    }
-    const classes = c('Menu__item', {
-      'Menu__item--active': active
-    });
-    return /*#__PURE__*/React.createElement("div", {
-      key: item,
-      className: classes,
-      onMouseEnter: e => {
-        hoverMagicLine(e);
-      },
-      onMouseLeave: e => {
-        setInitialMagicLine();
-      }
-    }, item);
-  }));
-});
-export const NoActiveItem = () => /*#__PURE__*/React.createElement(MagicLine, null, (setInitialMagicLine, hoverMagicLine, setActiveItemInNavigation) => {
-  const items = ['one', 'two with a longer name', 'three'];
-  return /*#__PURE__*/React.createElement("div", {
-    className: "Menu"
-  }, items.map(item => {
-    const classes = c('Menu__item');
-    return /*#__PURE__*/React.createElement("div", {
-      key: item,
-      className: classes,
-      onMouseEnter: e => {
-        hoverMagicLine(e);
-      },
-      onMouseLeave: e => {
-        setInitialMagicLine();
+exports.default = _default;
+var Default = function Default() {
+  return /*#__PURE__*/_react.default.createElement(_.default, null, function (setInitialMagicLine, hoverMagicLine, setActiveItemInNavigation) {
+    var items = ['one', 'two with a longer name', 'three'];
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "Menu"
+    }, items.map(function (item) {
+      var active = item === 'three';
+      if (active) {
+        setActiveItemInNavigation(true);
       }
-    }, item);
-  }));
-});
+      var classes = (0, _classnames.default)('Menu__item', {
+        'Menu__item--active': active
+      });
+      return /*#__PURE__*/_react.default.createElement("div", {
+        key: item,
+        className: classes,
+        onMouseEnter: function onMouseEnter(e) {
+          hoverMagicLine(e);
+        },
+        onMouseLeave: function onMouseLeave(e) {
+          setInitialMagicLine();
+        }
+      }, item);
+    }));
+  });
+};
+exports.Default = Default;
+var NoActiveItem = function NoActiveItem() {
+  return /*#__PURE__*/_react.default.createElement(_.default, null, function (setInitialMagicLine, hoverMagicLine, setActiveItemInNavigation) {
+    var items = ['one', 'two with a longer name', 'three'];
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "Menu"
+    }, items.map(function (item) {
+      var classes = (0, _classnames.default)('Menu__item');
+      return /*#__PURE__*/_react.default.createElement("div", {
+        key: item,
+        className: classes,
+        onMouseEnter: function onMouseEnter(e) {
+          hoverMagicLine(e);
+        },
+        onMouseLeave: function onMouseLeave(e) {
+          setInitialMagicLine();
+        }
+      }, item);
+    }));
+  });
+};
+exports.NoActiveItem = NoActiveItem;

package/dist/components/NavigationScroll/index.js

@@ -1,74 +1,95 @@
-import React, { useState, useEffect, useRef } from 'react';
-import classNames from 'classnames';
-import PropTypes from 'prop-types';
-import './style.scss';
-const NavigationScroll = props => {
-  const node = useRef(null);
-  const [state, setState] = useState({
-    pos: 0,
-    reachedBottom: false,
-    reachedTop: false,
-    scrolledPastNavHeight: false,
-    _previousPos: 0
-  });
-  const getScrollPos = element => {
+"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 _classnames = _interopRequireDefault(require("classnames"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+require("./style.scss");
+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 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); }
+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; }
+var NavigationScroll = function NavigationScroll(props) {
+  var node = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)({
+      pos: 0,
+      reachedBottom: false,
+      reachedTop: false,
+      scrolledPastNavHeight: false,
+      _previousPos: 0
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  var getScrollPos = function getScrollPos(element) {
     if (typeof element.pageYOffset !== 'undefined') {
       return element.pageYOffset;
     }
     return element.scrollTop;
   };
-  const getElementHeight = element => {
-    let deductHeight = 0;
+  var getElementHeight = function getElementHeight(element) {
+    var deductHeight = 0;
     if (document.getElementsByClassName('Header__subMenu').length !== 0) {
       deductHeight = document.getElementsByClassName('Header__subMenu')[0].clientHeight;
     }
     return element.offsetHeight - deductHeight;
   };
-  const handleScroll = () => {
-    const scrollPos = getScrollPos(window);
-    let elementHeight = getElementHeight(node.current);
-    let newPos = 0;
+  var handleScroll = function handleScroll() {
+    var scrollPos = getScrollPos(window);
+    var elementHeight = getElementHeight(node.current);
+    var newPos = 0;
     if (scrollPos > 0) {
-      const diff = state._previousPos - scrollPos;
+      var diff = state._previousPos - scrollPos;
       newPos = state.pos + diff;
       newPos = Math.max(-elementHeight, Math.min(0, newPos));
     }
-    const isVisible = newPos > -elementHeight;
-    const hasReachedTop = scrollPos < 5 && isVisible;
-    const hasReachedBottom = Math.round(scrollPos + window.innerHeight) >= document.body.clientHeight;
-    const scrolledPastNavHeight = scrollPos > elementHeight;
-    setState(prevState => ({
-      ...prevState,
-      pos: hasReachedBottom ? 0 : newPos,
-      reachedTop: hasReachedTop,
-      scrolledPastNavHeight,
-      reachedBottom: hasReachedBottom,
-      _previousPos: scrollPos
-    }));
+    var isVisible = newPos > -elementHeight;
+    var hasReachedTop = scrollPos < 5 && isVisible;
+    var hasReachedBottom = Math.round(scrollPos + window.innerHeight) >= document.body.clientHeight;
+    var scrolledPastNavHeight = scrollPos > elementHeight;
+    setState(function (prevState) {
+      return _objectSpread(_objectSpread({}, prevState), {}, {
+        pos: hasReachedBottom ? 0 : newPos,
+        reachedTop: hasReachedTop,
+        scrolledPastNavHeight: scrolledPastNavHeight,
+        reachedBottom: hasReachedBottom,
+        _previousPos: scrollPos
+      });
+    });
   };
-  useEffect(() => {
+  (0, _react.useEffect)(function () {
     window.addEventListener('scroll', handleScroll);
-    return () => {
+    return function () {
       window.removeEventListener('scroll', handleScroll);
     };
   });
-  const {
-    reachedTop,
-    reachedBottom,
-    pos,
-    scrolledPastNavHeight
-  } = state;
-  const {
-    children,
-    hasBackground
-  } = props;
-  const classes = classNames('NavigationScroll', {
+  var reachedTop = state.reachedTop,
+    reachedBottom = state.reachedBottom,
+    pos = state.pos,
+    scrolledPastNavHeight = state.scrolledPastNavHeight;
+  var children = props.children,
+    hasBackground = props.hasBackground;
+  var classes = (0, _classnames.default)('NavigationScroll', {
     'NavigationScroll--hasBackground': hasBackground,
     's-scrolled-past-nav-height': scrolledPastNavHeight,
     's-reached-page-top': reachedTop,
     's-reached-page-bottom': reachedBottom
   });
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     ref: node,
     className: classes,
     style: {
@@ -77,7 +98,8 @@ const NavigationScroll = props => {
   }, children);
 };
 NavigationScroll.propTypes = {
-  children: PropTypes.element.isRequired
+  children: _propTypes.default.element.isRequired
 };
 NavigationScroll.defaultProps = {};
-export default NavigationScroll;
+var _default = NavigationScroll;
+exports.default = _default;

package/dist/components/NavigationScroll/stories.js

@@ -1,10 +1,21 @@
-import React from 'react';
-import c from 'classnames';
-import NavigationScroll from '.';
-import './stories.scss';
-export default {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _ = _interopRequireDefault(require("."));
+require("./stories.scss");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = {
   title: 'Molecules/NavigationScroll'
 };
-export const Default = () => /*#__PURE__*/React.createElement("div", {
-  className: "NavigationScrollExample"
-}, /*#__PURE__*/React.createElement(NavigationScroll, null, /*#__PURE__*/React.createElement("nav", null, /*#__PURE__*/React.createElement("div", null, "one"), /*#__PURE__*/React.createElement("div", null, "two"), /*#__PURE__*/React.createElement("div", null, "three"))));
+exports.default = _default;
+var Default = function Default() {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "NavigationScrollExample"
+  }, /*#__PURE__*/_react.default.createElement(_.default, null, /*#__PURE__*/_react.default.createElement("nav", null, /*#__PURE__*/_react.default.createElement("div", null, "one"), /*#__PURE__*/_react.default.createElement("div", null, "two"), /*#__PURE__*/_react.default.createElement("div", null, "three"))));
+};
+exports.Default = Default;

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,17 +68,17 @@ 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,
@@ -85,4 +91,5 @@ Pagination.defaultProps = {
   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(Pagination, {
-  currentPage: 1,
-  totalPages: 10
-});
-export const FewPages = () => /*#__PURE__*/React.createElement(Pagination, {
-  currentPage: 2,
-  totalPages: 4
-});
-export const ManyPages = () => /*#__PURE__*/React.createElement(Pagination, {
-  currentPage: 4000,
-  totalPages: 9001
-});
-export const LargePageRange = () => /*#__PURE__*/React.createElement(Pagination, {
-  currentPage: 20,
-  totalPages: 100,
-  pageRangeDisplayed: 15,
-  marginPagesDisplayed: 3
-});
-export const TextualButtons = () => /*#__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 classNames from 'classnames';
-import Button from '../../../Button';
-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,28 +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", {
+    }, /*#__PURE__*/_react.default.createElement("button", {
       type: "button",
-      onClick: () => {
+      onClick: function onClick() {
         api.toggleFilter({
           identifier: facet.identifier,
           value: entry.label
@@ -36,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;