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

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

@@ -1,16 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _client = require("@searchkit/client");
-var _react = _interopRequireDefault(require("react"));
-var _FormikWrapper = _interopRequireDefault(require("../../Form/FormikWrapper"));
-var _Select = _interopRequireDefault(require("../../Form/Select"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import { useSearchkit, useSearchkitVariables } from '@searchkit/client';
+import React from 'react';
+import FormikWrapper from '../../Form/FormikWrapper';
+import Select from '../../Form/Select';
 var useInitialValues = function useInitialValues() {
-  var parsed = (0, _client.useSearchkitVariables)();
+  var parsed = useSearchkitVariables();
   return {
     'sortBy': parsed.sortBy
   };
@@ -19,7 +12,7 @@ var SearchSorting = function SearchSorting(_ref) {
   var _data$results, _data$results$summary, _data$results$summary2;
   var data = _ref.data,
     loading = _ref.loading;
-  var api = (0, _client.useSearchkit)();
+  var api = useSearchkit();
   var initialValues = useInitialValues();
   var options = (data === null || data === void 0 ? void 0 : (_data$results = data.results) === null || _data$results === void 0 ? void 0 : (_data$results$summary = _data$results.summary) === null || _data$results$summary === void 0 ? void 0 : (_data$results$summary2 = _data$results$summary.sortOptions) === null || _data$results$summary2 === void 0 ? void 0 : _data$results$summary2.map(function (sortOption) {
     return {
@@ -27,9 +20,9 @@ var SearchSorting = function SearchSorting(_ref) {
       label: sortOption.label
     };
   })) || [];
-  return /*#__PURE__*/_react.default.createElement(_FormikWrapper.default, {
+  return /*#__PURE__*/React.createElement(FormikWrapper, {
     initialValues: initialValues
-  }, /*#__PURE__*/_react.default.createElement(_Select.default, {
+  }, /*#__PURE__*/React.createElement(Select, {
     fieldName: "sortBy",
     isClearable: false,
     isSearchable: false,
@@ -44,5 +37,4 @@ var SearchSorting = function SearchSorting(_ref) {
     }
   }));
 };
-var _default = SearchSorting;
-exports.default = _default;
+export default SearchSorting;

package/dist/components/SearchKit/index.js

@@ -1,33 +1,23 @@
-"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 _propTypes = _interopRequireDefault(require("prop-types"));
-var _Query = _interopRequireDefault(require("./Query"));
-var _SearchField = _interopRequireDefault(require("./SearchField"));
-var _SearchPagination = _interopRequireDefault(require("./SearchPagination"));
-var _SearchResults = _interopRequireDefault(require("./SearchResults"));
-var _SearchFacets = _interopRequireDefault(require("./SearchFacets"));
-var _SearchSelectedFilters = _interopRequireDefault(require("./SearchSelectedFilters"));
-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; }
+import React, { useEffect, useState, useMemo } from 'react';
+import { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';
+import { SearchkitProvider, SearchkitClient } from '@searchkit/client';
+import PropTypes from 'prop-types';
+import Query from './Query';
+import SearchField from './SearchField';
+import SearchPagination from './SearchPagination';
+import SearchResults from './SearchResults';
+import SearchFacets from './SearchFacets';
+import SearchSelectedFilters from './SearchSelectedFilters';
 var defaultChildren = function defaultChildren(data, loading) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SearchField.default, null), /*#__PURE__*/_react.default.createElement(_SearchFacets.default, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchField, null), /*#__PURE__*/React.createElement(SearchFacets, {
     data: data,
     loading: loading
-  }), /*#__PURE__*/_react.default.createElement(_SearchSelectedFilters.default, {
+  }), /*#__PURE__*/React.createElement(SearchSelectedFilters, {
     data: data,
     loading: loading
-  }), /*#__PURE__*/_react.default.createElement(_SearchResults.default, {
+  }), /*#__PURE__*/React.createElement(SearchResults, {
     data: data
-  }), /*#__PURE__*/_react.default.createElement(_SearchPagination.default, {
+  }), /*#__PURE__*/React.createElement(SearchPagination, {
     data: data
   }));
 };
@@ -45,14 +35,14 @@ var SearchKit = function SearchKit(_ref) {
     children = _ref.children,
     _ref$defaultSorting = _ref.defaultSorting,
     defaultSorting = _ref$defaultSorting === void 0 ? 'relevance' : _ref$defaultSorting;
-  var client = (0, _react.useMemo)(function () {
-    return new _client.ApolloClient({
+  var client = useMemo(function () {
+    return new ApolloClient({
       uri: uri,
-      cache: new _client.InMemoryCache()
+      cache: new InMemoryCache()
     });
   }, [uri]);
-  var skClient = (0, _react.useMemo)(function () {
-    var skClient = new _client2.SearchkitClient();
+  var skClient = useMemo(function () {
+    var skClient = new SearchkitClient();
     skClient.updateBaseSearchState({
       filters: defaultFilters,
       query: defaultQuery,
@@ -64,12 +54,12 @@ var SearchKit = function SearchKit(_ref) {
     });
     return skClient;
   }, [useRouting, defaultFilters, defaultQuery, pageSize, defaultSorting]);
-  return /*#__PURE__*/_react.default.createElement(_client.ApolloProvider, {
+  return /*#__PURE__*/React.createElement(ApolloProvider, {
     client: client
-  }, /*#__PURE__*/_react.default.createElement(_client2.SearchkitProvider, {
+  }, /*#__PURE__*/React.createElement(SearchkitProvider, {
     client: skClient,
     key: "".concat(defaultQuery, "-").concat(defaultFilters.toString())
-  }, /*#__PURE__*/_react.default.createElement(_Query.default, {
+  }, /*#__PURE__*/React.createElement(Query, {
     query: query,
     useRouting: useRouting
   }, function (data, loading) {
@@ -77,12 +67,12 @@ var SearchKit = function SearchKit(_ref) {
   })));
 };
 SearchKit.propTypes = {
-  uri: _propTypes.default.string,
-  pageSize: _propTypes.default.number,
-  useRouting: _propTypes.default.bool,
-  defaultFilters: _propTypes.default.object,
-  defaultQuery: _propTypes.default.string,
-  defaultSorting: _propTypes.default.string
+  uri: PropTypes.string,
+  pageSize: PropTypes.number,
+  useRouting: PropTypes.bool,
+  defaultFilters: PropTypes.object,
+  defaultQuery: PropTypes.string,
+  defaultSorting: PropTypes.string
 };
 SearchKit.defaultProps = {
   uri: null,
@@ -92,5 +82,4 @@ SearchKit.defaultProps = {
   defaultQuery: '',
   defaultSorting: 'relevance'
 };
-var _default = SearchKit;
-exports.default = _default;
+export default SearchKit;

package/dist/components/SearchKit/stories.js

@@ -1,25 +1,3 @@
-"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 = exports.Test = exports.LoadMore = exports.Default = exports.CustomFacets = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _client = require("@searchkit/client");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _ = _interopRequireDefault(require("."));
-var _SearchField = _interopRequireDefault(require("./SearchField"));
-var _SearchPagination = _interopRequireDefault(require("./SearchPagination"));
-var _SearchResults = _interopRequireDefault(require("./SearchResults"));
-var _SearchFacets = _interopRequireDefault(require("./SearchFacets"));
-var _SearchSelectedFilters = _interopRequireDefault(require("./SearchSelectedFilters"));
-var _SearchReset = _interopRequireDefault(require("./SearchReset"));
-var _SearchSorting = _interopRequireDefault(require("./SearchSorting"));
-var _SearchLoadMore = _interopRequireDefault(require("./SearchLoadMore"));
-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); }
@@ -27,65 +5,75 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-var _default = {
+import React, { useState } from 'react';
+import { useSearchkit } from '@searchkit/client';
+import classNames from 'classnames';
+import SearchKit from '.';
+import SearchField from './SearchField';
+import SearchPagination from './SearchPagination';
+import SearchResults from './SearchResults';
+import SearchFacets from './SearchFacets';
+import SearchSelectedFilters from './SearchSelectedFilters';
+import SearchReset from './SearchReset';
+import SearchSorting from './SearchSorting';
+import SearchLoadMore from './SearchLoadMore';
+export default {
   title: 'Molecules/SearchKit',
-  component: _.default
+  component: SearchKit
 };
-exports.default = _default;
 var query = "\n  query contentResultSet($query: String, $filters: [SKFiltersSet], $page: SKPageInput, $sortBy: String) {\n    content {\n      results(query: $query, filters: $filters) {\n        summary {\n          total\n          sortOptions {\n            id\n            label\n          }\n          appliedFilters {\n            id\n            identifier\n            display\n            label\n            ... on DateRangeSelectedFilter {\n              dateMin\n              dateMax\n            }\n\n            ... on NumericRangeSelectedFilter {\n              min\n              max\n            }\n\n            ... on ValueSelectedFilter {\n              value\n            }\n          }\n          query\n        }\n        hits(page: $page, sortBy: $sortBy) {\n          sortedBy\n          page {\n            total\n            totalPages\n            pageNumber\n            from\n            size\n          }\n          items {\n            id\n            ... on ContentResultHit {\n              fields {\n                nid\n                title\n                type\n                summary\n                milestone_summary\n                url\n                author_name\n                created\n                image_style_uri\n                field_article_type_name\n                field_download_type_name\n                field_elearning_type_name\n                field_event_type_name\n                field_intervention_type_name\n                field_research_type_name\n                field_practicalexample_type_name\n                field_tool_type_name\n                field_publication_date\n                field_domain_access\n                field_milestone_label\n                combined_types\n              }\n            }\n          }\n        }\n        facets {\n          identifier\n          type\n          label\n          display\n          entries {\n            label\n            count\n          }\n        }\n      }\n    }\n  }\n";
 var SearchItem = function SearchItem(_ref) {
   var item = _ref.item;
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h3", null, item.fields.title[0]));
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h3", null, item.fields.title[0]));
 };
 var SearchHeader = function SearchHeader(_ref2) {
   var data = _ref2.data;
-  return /*#__PURE__*/_react.default.createElement("h2", null, data.results.summary.total, " Resultaten");
+  return /*#__PURE__*/React.createElement("h2", null, data.results.summary.total, " Resultaten");
 };
-var Default = function Default(args) {
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({
+export var Default = function Default(args) {
+  return /*#__PURE__*/React.createElement(SearchKit, _extends({
     uri: "http://localhost:4000/api/graphql",
     query: query
   }, args), function (data, loading) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SearchField.default, null), /*#__PURE__*/_react.default.createElement(_SearchFacets.default, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchField, null), /*#__PURE__*/React.createElement(SearchFacets, {
       data: data === null || data === void 0 ? void 0 : data.content,
       loading: loading
-    }), /*#__PURE__*/_react.default.createElement(_SearchSelectedFilters.default, {
+    }), /*#__PURE__*/React.createElement(SearchSelectedFilters, {
       data: data === null || data === void 0 ? void 0 : data.content,
       loading: loading
-    }), /*#__PURE__*/_react.default.createElement(_SearchSorting.default, {
+    }), /*#__PURE__*/React.createElement(SearchSorting, {
       data: data === null || data === void 0 ? void 0 : data.content,
       loading: loading
-    }), /*#__PURE__*/_react.default.createElement(_SearchReset.default, {
+    }), /*#__PURE__*/React.createElement(SearchReset, {
       loading: loading
-    }), /*#__PURE__*/_react.default.createElement(_SearchResults.default, {
+    }), /*#__PURE__*/React.createElement(SearchResults, {
       data: data === null || data === void 0 ? void 0 : data.content,
       renderItem: SearchItem,
       renderHeader: SearchHeader
-    }), /*#__PURE__*/_react.default.createElement(_SearchPagination.default, {
+    }), /*#__PURE__*/React.createElement(SearchPagination, {
       data: data === null || data === void 0 ? void 0 : data.content
     }));
   });
 };
-exports.Default = Default;
 var ListFacet = function ListFacet(_ref3) {
   var facet = _ref3.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, "CUSTOM ", facet.label), /*#__PURE__*/_react.default.createElement("div", null, facet.entries.map(function (entry) {
+  }, /*#__PURE__*/React.createElement("span", null, "CUSTOM ", 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)({
+    var classes = classNames({
       selected: isSelected,
       disabled: parseInt(entry.count) === 0
     });
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: classes,
       key: entry.label
-    }, /*#__PURE__*/_react.default.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       onClick: function onClick() {
         api.toggleFilter({
           identifier: facet.identifier,
@@ -98,45 +86,44 @@ var ListFacet = function ListFacet(_ref3) {
   })));
 };
 ListFacet.DISPLAY = 'ListFacet';
-var CustomFacets = function CustomFacets(args) {
+export var CustomFacets = function CustomFacets(args) {
   var customFacets = [ListFacet];
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({
+  return /*#__PURE__*/React.createElement(SearchKit, _extends({
     uri: "http://localhost:4000/api/graphql",
     query: query
   }, args), function (data, loading) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SearchField.default, null), /*#__PURE__*/_react.default.createElement(_SearchFacets.default, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchField, null), /*#__PURE__*/React.createElement(SearchFacets, {
       data: data === null || data === void 0 ? void 0 : data.content,
       loading: loading,
       facets: customFacets
-    }), /*#__PURE__*/_react.default.createElement(_SearchSelectedFilters.default, {
+    }), /*#__PURE__*/React.createElement(SearchSelectedFilters, {
       data: data === null || data === void 0 ? void 0 : data.content,
       loading: loading
-    }), /*#__PURE__*/_react.default.createElement(_SearchSorting.default, {
+    }), /*#__PURE__*/React.createElement(SearchSorting, {
       data: data === null || data === void 0 ? void 0 : data.content,
       loading: loading
-    }), /*#__PURE__*/_react.default.createElement(_SearchReset.default, {
+    }), /*#__PURE__*/React.createElement(SearchReset, {
       loading: loading
-    }), /*#__PURE__*/_react.default.createElement(_SearchResults.default, {
+    }), /*#__PURE__*/React.createElement(SearchResults, {
       data: data === null || data === void 0 ? void 0 : data.content,
       renderItem: SearchItem,
       renderHeader: SearchHeader
-    }), /*#__PURE__*/_react.default.createElement(_SearchPagination.default, {
+    }), /*#__PURE__*/React.createElement(SearchPagination, {
       data: data === null || data === void 0 ? void 0 : data.content
     }));
   });
 };
-exports.CustomFacets = CustomFacets;
-var Test = function Test(args) {
-  var _useState = (0, _react.useState)(null),
+export var Test = function Test(args) {
+  var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     q = _useState2[0],
     setQ = _useState2[1];
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("input", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", {
     onChange: function onChange(e) {
       return setQ(e.target.value);
     },
     value: q
-  }), /*#__PURE__*/_react.default.createElement(_.default, _extends({
+  }), /*#__PURE__*/React.createElement(SearchKit, _extends({
     uri: "http://localhost:4000/api/graphql",
     query: query,
     useRouting: false,
@@ -146,14 +133,14 @@ var Test = function Test(args) {
     }],
     searchQuery: q
   }, args), function (data, loading) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SearchResults.default, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchResults, {
       data: data === null || data === void 0 ? void 0 : data.content,
       renderItem: SearchItem,
       renderHeader: SearchHeader
-    }), /*#__PURE__*/_react.default.createElement(_SearchPagination.default, {
+    }), /*#__PURE__*/React.createElement(SearchPagination, {
       data: data === null || data === void 0 ? void 0 : data.content
     }));
-  }), /*#__PURE__*/_react.default.createElement(_.default, {
+  }), /*#__PURE__*/React.createElement(SearchKit, {
     uri: "http://localhost:4000/api/graphql",
     query: query,
     useRouting: false,
@@ -163,19 +150,18 @@ var Test = function Test(args) {
     }],
     searchQuery: q
   }, function (data, loading) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SearchResults.default, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchResults, {
       data: data === null || data === void 0 ? void 0 : data.content,
       renderItem: SearchItem,
       renderHeader: SearchHeader
-    }), /*#__PURE__*/_react.default.createElement(_SearchPagination.default, {
+    }), /*#__PURE__*/React.createElement(SearchPagination, {
       data: data === null || data === void 0 ? void 0 : data.content
     }));
   }));
 };
-exports.Test = Test;
-var LoadMore = function LoadMore(args) {
-  var api = (0, _client.useSearchkit)();
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({
+export var LoadMore = function LoadMore(args) {
+  var api = useSearchkit();
+  return /*#__PURE__*/React.createElement(SearchKit, _extends({
     uri: "http://localhost:4000/api/graphql",
     query: query
     // useRouting={false}
@@ -189,17 +175,16 @@ var LoadMore = function LoadMore(args) {
       });
       api.search();
     };
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
       type: "button",
       onClick: toggleFilter
-    }, "Toggle"), /*#__PURE__*/_react.default.createElement(_SearchResults.default, {
+    }, "Toggle"), /*#__PURE__*/React.createElement(SearchResults, {
       data: data === null || data === void 0 ? void 0 : data.content,
       renderItem: SearchItem,
       renderHeader: SearchHeader,
       appendResults: true
-    }), /*#__PURE__*/_react.default.createElement(_SearchLoadMore.default, {
+    }), /*#__PURE__*/React.createElement(SearchLoadMore, {
       data: data === null || data === void 0 ? void 0 : data.content
     }));
   });
-};
-exports.LoadMore = LoadMore;
+};

package/dist/components/Share/index.js

@@ -1,37 +1,30 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactShare = require("react-share");
-require("./style.scss");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+import React from 'react';
+import { EmailShareButton, FacebookShareButton, LinkedinShareButton, TwitterShareButton, WhatsappShareButton } from 'react-share';
+import './style.scss';
 var ShareButton = function ShareButton(_ref) {
   var type = _ref.type,
     pageTitle = _ref.pageTitle,
     url = _ref.url,
     _onClick = _ref.onClick;
   var types = {
-    mail: _reactShare.EmailShareButton,
-    facebook: _reactShare.FacebookShareButton,
-    linkedin: _reactShare.LinkedinShareButton,
-    twitter: _reactShare.TwitterShareButton,
-    whatsapp: _reactShare.WhatsappShareButton
+    mail: EmailShareButton,
+    facebook: FacebookShareButton,
+    linkedin: LinkedinShareButton,
+    twitter: TwitterShareButton,
+    whatsapp: WhatsappShareButton
   };
   var Component = types[type];
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "Share__item-wrapper",
     onClick: function onClick() {
       return _onClick(type);
     }
-  }, /*#__PURE__*/_react.default.createElement(Component, {
+  }, /*#__PURE__*/React.createElement(Component, {
     body: pageTitle,
     url: url
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "Share__item ".concat(type)
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "icon icon-".concat(type, " icon-variant-3")
   }))));
 };
@@ -43,7 +36,7 @@ var Share = function Share(_ref2) {
     onClick = _ref2.onClick;
   var windowUrl = url || window.location.href;
   var buttons = items.map(function (item) {
-    return /*#__PURE__*/_react.default.createElement(ShareButton, {
+    return /*#__PURE__*/React.createElement(ShareButton, {
       type: item,
       key: "".concat(item, ":").concat(url),
       pageTitle: pageTitle,
@@ -51,13 +44,13 @@ var Share = function Share(_ref2) {
       url: windowUrl
     });
   });
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "Share"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "Share__wrapper"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "Share__title"
-  }, title), /*#__PURE__*/_react.default.createElement("div", {
+  }, title), /*#__PURE__*/React.createElement("div", {
     className: "Share__buttons"
   }, buttons)));
 };
@@ -68,5 +61,4 @@ Share.defaultProps = {
   items: ['mail', 'facebook', 'linkedin', 'twitter', 'whatsapp'],
   onClick: function onClick() {}
 };
-var _default = Share;
-exports.default = _default;
+export default Share;

package/dist/components/Share/stories.js

@@ -1,18 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = 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 = {
+import React from 'react';
+import Share from '.';
+import './stories.scss';
+export default {
   title: 'Organisms/Share'
 };
-exports.default = _default;
-var Default = function Default() {
-  return /*#__PURE__*/_react.default.createElement(_.default, null);
-};
-exports.Default = Default;
+export var Default = function Default() {
+  return /*#__PURE__*/React.createElement(Share, null);
+};

package/dist/components/Sliders/SliderRelated/index.js

@@ -1,28 +1,21 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactSlick = _interopRequireDefault(require("react-slick"));
-var _useValueForCurrentViewPort = _interopRequireDefault(require("../../../helpers/useValueForCurrentViewPort"));
-require("./style.scss");
 var _excluded = ["children", "title", "slidesToShow", "sliderRef"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React from 'react';
+import Slider from 'react-slick';
+import useValueForCurrentViewPort from '../../../helpers/useValueForCurrentViewPort';
+import './style.scss';
 var SliderNextArrow = function SliderNextArrow(_ref) {
   var onClick = _ref.onClick;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "SliderRelated__next",
     onClick: onClick
   });
 };
 var SliderPrevArrow = function SliderPrevArrow(_ref2) {
   var onClick = _ref2.onClick;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "SliderRelated__prev",
     onClick: onClick
   });
@@ -33,8 +26,8 @@ var SliderRelated = function SliderRelated(props) {
     slidesToShow = props.slidesToShow,
     sliderRef = props.sliderRef,
     sliderProps = _objectWithoutProperties(props, _excluded);
-  var centerPadding = (0, _useValueForCurrentViewPort.default)('10%', '10%', '10%', '10%', '10%');
-  return /*#__PURE__*/_react.default.createElement(_reactSlick.default, _extends({}, sliderProps, {
+  var centerPadding = useValueForCurrentViewPort('10%', '10%', '10%', '10%', '10%');
+  return /*#__PURE__*/React.createElement(Slider, _extends({}, sliderProps, {
     centerPadding: centerPadding,
     slidesToShow: slidesToShow,
     ref: sliderRef
@@ -52,9 +45,8 @@ SliderRelated.defaultProps = {
   pauseOnFocus: true,
   accessibility: true,
   touchMove: true,
-  nextArrow: /*#__PURE__*/_react.default.createElement(SliderNextArrow, null),
-  prevArrow: /*#__PURE__*/_react.default.createElement(SliderPrevArrow, null),
+  nextArrow: /*#__PURE__*/React.createElement(SliderNextArrow, null),
+  prevArrow: /*#__PURE__*/React.createElement(SliderPrevArrow, null),
   sliderRef: null
 };
-var _default = SliderRelated;
-exports.default = _default;
+export default SliderRelated;