@uncinc/uncinc-react-kitchen-sink 2.5.3 → 2.5.4-1-treeshaking

package/dist/components/MagicLine/stories.js

@@ -1,32 +1,24 @@
-"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 = {
+import React from 'react';
+import c from 'classnames';
+import MagicLine from '.';
+import './stories.scss';
+export default {
   title: 'Molecules/MagicLine'
 };
-exports.default = _default;
-var Default = function Default() {
-  return /*#__PURE__*/_react.default.createElement(_.default, null, function (setInitialMagicLine, hoverMagicLine, setActiveItemInNavigation) {
+export var Default = function Default() {
+  return /*#__PURE__*/React.createElement(MagicLine, null, function (setInitialMagicLine, hoverMagicLine, setActiveItemInNavigation) {
     var items = ['one', 'two with a longer name', 'three'];
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "Menu"
     }, items.map(function (item) {
       var active = item === 'three';
       if (active) {
         setActiveItemInNavigation(true);
       }
-      var classes = (0, _classnames.default)('Menu__item', {
+      var classes = c('Menu__item', {
         'Menu__item--active': active
       });
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         key: item,
         className: classes,
         onMouseEnter: function onMouseEnter(e) {
@@ -39,15 +31,14 @@ var Default = function Default() {
     }));
   });
 };
-exports.Default = Default;
-var NoActiveItem = function NoActiveItem() {
-  return /*#__PURE__*/_react.default.createElement(_.default, null, function (setInitialMagicLine, hoverMagicLine, setActiveItemInNavigation) {
+export var NoActiveItem = function NoActiveItem() {
+  return /*#__PURE__*/React.createElement(MagicLine, null, function (setInitialMagicLine, hoverMagicLine, setActiveItemInNavigation) {
     var items = ['one', 'two with a longer name', 'three'];
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "Menu"
     }, items.map(function (item) {
-      var classes = (0, _classnames.default)('Menu__item');
-      return /*#__PURE__*/_react.default.createElement("div", {
+      var classes = c('Menu__item');
+      return /*#__PURE__*/React.createElement("div", {
         key: item,
         className: classes,
         onMouseEnter: function onMouseEnter(e) {
@@ -59,5 +50,4 @@ var NoActiveItem = function NoActiveItem() {
       }, item);
     }));
   });
-};
-exports.NoActiveItem = NoActiveItem;
+};

package/dist/components/NavigationScroll/index.js

@@ -1,17 +1,4 @@
-"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; }
@@ -23,9 +10,13 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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; }
+import React, { useState, useEffect, useRef } from 'react';
+import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import './style.scss';
 var NavigationScroll = function NavigationScroll(props) {
-  var node = (0, _react.useRef)(null);
-  var _useState = (0, _react.useState)({
+  var node = useRef(null);
+  var _useState = useState({
       pos: 0,
       reachedBottom: false,
       reachedTop: false,
@@ -71,7 +62,7 @@ var NavigationScroll = function NavigationScroll(props) {
       });
     });
   };
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     window.addEventListener('scroll', handleScroll);
     return function () {
       window.removeEventListener('scroll', handleScroll);
@@ -83,13 +74,13 @@ var NavigationScroll = function NavigationScroll(props) {
     scrolledPastNavHeight = state.scrolledPastNavHeight;
   var children = props.children,
     hasBackground = props.hasBackground;
-  var classes = (0, _classnames.default)('NavigationScroll', {
+  var classes = classNames('NavigationScroll', {
     'NavigationScroll--hasBackground': hasBackground,
     's-scrolled-past-nav-height': scrolledPastNavHeight,
     's-reached-page-top': reachedTop,
     's-reached-page-bottom': reachedBottom
   });
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     ref: node,
     className: classes,
     style: {
@@ -98,8 +89,7 @@ var NavigationScroll = function NavigationScroll(props) {
   }, children);
 };
 NavigationScroll.propTypes = {
-  children: _propTypes.default.element.isRequired
+  children: PropTypes.element.isRequired
 };
 NavigationScroll.defaultProps = {};
-var _default = NavigationScroll;
-exports.default = _default;
+export default NavigationScroll;

package/dist/components/NavigationScroll/stories.js

@@ -1,21 +1,12 @@
-"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 = {
+import React from 'react';
+import c from 'classnames';
+import NavigationScroll from '.';
+import './stories.scss';
+export default {
   title: 'Molecules/NavigationScroll'
 };
-exports.default = _default;
-var Default = function Default() {
-  return /*#__PURE__*/_react.default.createElement("div", {
+export var Default = function Default() {
+  return /*#__PURE__*/React.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;
+  }, /*#__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"))));
+};

package/dist/components/Pagination/index.js

@@ -1,17 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Pagination = 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) {
+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';
+export var Pagination = function Pagination(_ref) {
   var currentPage = _ref.currentPage,
     totalPages = _ref.totalPages,
     pageRangeDisplayed = _ref.pageRangeDisplayed,
@@ -39,20 +32,20 @@ var Pagination = function Pagination(_ref) {
     currentPage = totalPages;
   }
   if (!previousLabel || !nextLabel) {
-    previousLabel = /*#__PURE__*/_react.default.createElement("a", {
+    previousLabel = /*#__PURE__*/React.createElement("a", {
       className: "Pagination__previous__icon"
     });
-    nextLabel = /*#__PURE__*/_react.default.createElement("a", {
+    nextLabel = /*#__PURE__*/React.createElement("a", {
       className: "Pagination__next__icon"
     });
   }
-  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", {
+  var containerClasses = c('Pagination__container', containerClassName);
+  var breakClasses = c('Pagination__break', breakClassName);
+  var disabledClasses = c('disabled', disabledClassName);
+  var activeClasses = c('active', activeClassName);
+  return /*#__PURE__*/React.createElement("div", {
     className: "Pagination"
-  }, /*#__PURE__*/_react.default.createElement(_reactPaginate.default, {
+  }, /*#__PURE__*/React.createElement(ReactPaginate, {
     previousLabel: previousLabel,
     nextLabel: nextLabel,
     breakLabel: "...",
@@ -67,19 +60,18 @@ var Pagination = function Pagination(_ref) {
     activeClassName: activeClasses
   }));
 };
-exports.Pagination = Pagination;
 Pagination.propTypes = {
-  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
+  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
 };
 Pagination.defaultProps = {
   setCurrentPage: null,
@@ -92,5 +84,4 @@ Pagination.defaultProps = {
   marginPagesDisplayed: 1,
   showWhenOnePage: false
 };
-var _default = (0, _withMapping.default)(Pagination);
-exports.default = _default;
+export default withMapping(Pagination);

package/dist/components/Pagination/stories.js

@@ -1,59 +1,46 @@
-"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 _ = require(".");
-require("./stories.scss");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+import React from 'react';
+import { Pagination } from '.';
+import './stories.scss';
+export default {
   title: 'Molecules/Pagination',
-  component: _.Pagination
+  component: Pagination
 };
-exports.default = _default;
-var Default = function Default(args) {
-  return /*#__PURE__*/_react.default.createElement(_.Pagination, args);
+export var Default = function Default(args) {
+  return /*#__PURE__*/React.createElement(Pagination, args);
 };
-exports.Default = Default;
 Default.args = {
   currentPage: 1,
   totalPages: 10
 };
-var FewPages = function FewPages(args) {
-  return /*#__PURE__*/_react.default.createElement(_.Pagination, args);
+export var FewPages = function FewPages(args) {
+  return /*#__PURE__*/React.createElement(Pagination, args);
 };
-exports.FewPages = FewPages;
 FewPages.args = {
   currentPage: 2,
   totalPages: 4
 };
-var ManyPages = function ManyPages(args) {
-  return /*#__PURE__*/_react.default.createElement(_.Pagination, args);
+export var ManyPages = function ManyPages(args) {
+  return /*#__PURE__*/React.createElement(Pagination, args);
 };
-exports.ManyPages = ManyPages;
 ManyPages.args = {
   currentPage: 4000,
   totalPages: 9001
 };
-var LargePageRange = function LargePageRange(args) {
-  return /*#__PURE__*/_react.default.createElement(_.Pagination, args);
+export var LargePageRange = function LargePageRange(args) {
+  return /*#__PURE__*/React.createElement(Pagination, args);
 };
-exports.LargePageRange = LargePageRange;
 LargePageRange.args = {
   currentPage: 20,
   totalPages: 100,
   pageRangeDisplayed: 15,
   marginPagesDisplayed: 3
 };
-var TextualButtons = function TextualButtons(args) {
-  return /*#__PURE__*/_react.default.createElement(_.Pagination, args);
+export var TextualButtons = function TextualButtons(args) {
+  return /*#__PURE__*/React.createElement(Pagination, args);
 };
-exports.TextualButtons = TextualButtons;
 TextualButtons.args = {
   currentPage: 10,
   totalPages: 30,
-  previousLabel: /*#__PURE__*/_react.default.createElement("a", null, "Previous"),
-  nextLabel: /*#__PURE__*/_react.default.createElement("a", null, "Next")
+  previousLabel: /*#__PURE__*/React.createElement("a", null, "Previous"),
+  nextLabel: /*#__PURE__*/React.createElement("a", null, "Next")
 };

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

@@ -1,32 +1,25 @@
-"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 }; }
+import React from 'react';
+import { useSearchkit } from '@searchkit/client';
+import classNames from 'classnames';
+import Button from '../../../Button';
 var makeSafeForCSS = function makeSafeForCSS(value) {
   return encodeURIComponent(value).replace(/\.|%[0-9a-z]{2}/gi, '');
 };
-var ChipFacet = function ChipFacet(_ref) {
+export var ChipFacet = function ChipFacet(_ref) {
   var facet = _ref.facet;
-  var api = (0, _client.useSearchkit)();
-  return /*#__PURE__*/_react.default.createElement("div", {
+  var api = useSearchkit();
+  return /*#__PURE__*/React.createElement("div", {
     className: "Facet ChipFacet",
     key: facet.identifier
-  }, /*#__PURE__*/_react.default.createElement("span", null, facet.label), /*#__PURE__*/_react.default.createElement("div", null, facet.entries.map(function (entry) {
+  }, /*#__PURE__*/React.createElement("span", null, facet.label), /*#__PURE__*/React.createElement("div", null, facet.entries.map(function (entry) {
     var isSelected = api.isFilterSelected({
       identifier: facet.identifier,
       value: entry.label
     });
-    var classes = (0, _classnames.default)('Button--Chip', makeSafeForCSS("Button--".concat(entry.label)), {
+    var classes = classNames('Button--Chip', makeSafeForCSS("Button--".concat(entry.label)), {
       'Button--selected': isSelected
     });
-    return /*#__PURE__*/_react.default.createElement(_Button.default, {
+    return /*#__PURE__*/React.createElement(Button, {
       className: classes,
       disabled: parseInt(entry.count) === 0,
       onClick: function onClick() {
@@ -42,7 +35,5 @@ var ChipFacet = function ChipFacet(_ref) {
     }, entry.label);
   })));
 };
-exports.ChipFacet = ChipFacet;
 ChipFacet.DISPLAY = 'ChipFacet';
-var _default = ChipFacet;
-exports.default = _default;
+export default ChipFacet;

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

@@ -1,32 +1,25 @@
-"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) {
+import React from 'react';
+import { useSearchkit } from '@searchkit/client';
+import classNames from 'classnames';
+export var ListFacet = function ListFacet(_ref) {
   var facet = _ref.facet;
-  var api = (0, _client.useSearchkit)();
-  return /*#__PURE__*/_react.default.createElement("div", {
+  var api = useSearchkit();
+  return /*#__PURE__*/React.createElement("div", {
     className: "Facet ListFacet",
     key: facet.identifier
-  }, /*#__PURE__*/_react.default.createElement("span", null, facet.label), /*#__PURE__*/_react.default.createElement("ul", null, facet.entries.map(function (entry) {
+  }, /*#__PURE__*/React.createElement("span", null, facet.label), /*#__PURE__*/React.createElement("ul", null, facet.entries.map(function (entry) {
     var isSelected = api.isFilterSelected({
       identifier: facet.identifier,
       value: entry.label
     });
-    var classes = (0, _classnames.default)({
+    var classes = classNames({
       selected: isSelected,
       disabled: parseInt(entry.count) === 0
     });
-    return /*#__PURE__*/_react.default.createElement("li", {
+    return /*#__PURE__*/React.createElement("li", {
       className: classes,
       key: entry.label
-    }, /*#__PURE__*/_react.default.createElement("button", {
+    }, /*#__PURE__*/React.createElement("button", {
       type: "button",
       onClick: function onClick() {
         api.toggleFilter({
@@ -42,7 +35,5 @@ var ListFacet = function ListFacet(_ref) {
     }, entry.label, " (", entry.count, ")"));
   })));
 };
-exports.ListFacet = ListFacet;
 ListFacet.DISPLAY = 'ListFacet';
-var _default = ListFacet;
-exports.default = _default;
+export default ListFacet;

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

@@ -1,18 +1,11 @@
-"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 }; }
+import React from 'react';
+import { useSearchkit, useSearchkitVariables } from '@searchkit/client';
+import { useTranslation } from 'react-i18next';
+import classNames from 'classnames';
+import Select from '../../../Form/Select';
+import FormikWrapper from '../../../Form/FormikWrapper';
 var useInitialValues = function useInitialValues() {
-  var parsed = (0, _client.useSearchkitVariables)();
+  var parsed = useSearchkitVariables();
   var filters = {};
   if (parsed.filters) {
     parsed.filters.forEach(function (filter) {
@@ -21,11 +14,11 @@ var useInitialValues = function useInitialValues() {
   }
   return filters;
 };
-var SelectFacet = function SelectFacet(_ref) {
+export var SelectFacet = function SelectFacet(_ref) {
   var facet = _ref.facet;
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
+  var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var api = (0, _client.useSearchkit)();
+  var api = useSearchkit();
   var options = facet.entries.map(function (entry) {
     return {
       value: entry.label,
@@ -34,14 +27,14 @@ var SelectFacet = function SelectFacet(_ref) {
     };
   });
   var placeHolder = t("placeholders.".concat(facet.identifier, ".placeholder"));
-  var classes = (0, _classnames.default)('Facet', 'SelectFacet', "Facet--".concat(facet.identifier));
+  var classes = classNames('Facet', 'SelectFacet', "Facet--".concat(facet.identifier));
   var initialValues = useInitialValues();
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classes,
     key: facet.identifier
-  }, /*#__PURE__*/_react.default.createElement(_FormikWrapper.default, {
+  }, /*#__PURE__*/React.createElement(FormikWrapper, {
     initialValues: initialValues
-  }, /*#__PURE__*/_react.default.createElement(_Select.default, {
+  }, /*#__PURE__*/React.createElement(Select, {
     title: facet.label,
     required: true,
     placeholder: placeHolder,
@@ -64,7 +57,5 @@ var SelectFacet = function SelectFacet(_ref) {
     }
   })));
 };
-exports.SelectFacet = SelectFacet;
 SelectFacet.DISPLAY = 'SelectFacet';
-var _default = SelectFacet;
-exports.default = _default;
+export default SelectFacet;

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

@@ -1,36 +1,26 @@
-"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; }
+import React, { useMemo, useState, useEffect } from 'react';
+import { gql, useQuery } from '@apollo/client';
+import { useSearchkitVariables } from '@searchkit/client';
+import SearchPage from '../SearchPage';
 function Query(_ref) {
   var query = _ref.query,
     useRouting = _ref.useRouting,
     children = _ref.children;
-  var graphQuery = (0, _react.useMemo)(function () {
+  var graphQuery = useMemo(function () {
     if (typeof query === 'string') {
-      return (0, _client.gql)(query);
+      return gql(query);
     } else {
       return query;
     }
   }, [query]);
-  var variables = (0, _client2.useSearchkitVariables)();
-  var _useQuery = (0, _client.useQuery)(graphQuery, {
+  var variables = useSearchkitVariables();
+  var _useQuery = useQuery(graphQuery, {
       variables: variables
     }),
     data = _useQuery.data,
@@ -38,19 +28,18 @@ function Query(_ref) {
 
   // 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.
-  var _useState = (0, _react.useState)(null),
+  var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     dataLoaded = _useState2[0],
     setDataLoaded = _useState2[1];
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (data) {
       setDataLoaded(data);
     }
   }, [data]);
   if (!useRouting) {
-    return /*#__PURE__*/_react.default.createElement("div", null, children(dataLoaded, loading));
+    return /*#__PURE__*/React.createElement("div", null, children(dataLoaded, loading));
   }
-  return /*#__PURE__*/_react.default.createElement(_SearchPage.default, null, children(dataLoaded, loading));
+  return /*#__PURE__*/React.createElement(SearchPage, null, children(dataLoaded, loading));
 }
-var _default = Query;
-exports.default = _default;
+export default Query;