@uncinc/uncinc-react-kitchen-sink 2.6.3 → 2.6.4

package/dist/components/MediaPlayer/stories.js

@@ -1,153 +0,0 @@
-"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.Youtube = exports.WithCaptions = exports.Vimeo = exports.LocalVideo = exports.LocalAudio = exports.Advanced = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _ = _interopRequireDefault(require("."));
-var _nl = _interopRequireDefault(require("../../../.storybook/assets/videos/nl.vtt"));
-var _en = _interopRequireDefault(require("../../../.storybook/assets/videos/en.vtt"));
-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 _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 localVideo = 'https://www.uncinc.nl/sites/default/files/videos/unc-inc-office-film-v1.mp4';
-var _default = {
-  title: 'Organisms/MediaPlayer',
-  component: _.default,
-  parameters: {
-    docs: {
-      description: {
-        component: '`import { MediaPlayer } from "@uncinc/uncinc-react-kitchen-sink";`'
-      }
-    }
-  }
-};
-exports.default = _default;
-var LocalVideo = function LocalVideo(args) {
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({
-    src: localVideo,
-    type: "video/mp4"
-  }, args));
-};
-exports.LocalVideo = LocalVideo;
-var LocalAudio = function LocalAudio(args) {
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({
-    src: localVideo,
-    type: "audio/mp4",
-    audioOnly: true
-  }, args));
-};
-exports.LocalAudio = LocalAudio;
-var Youtube = function Youtube(args) {
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({
-    src: "https://www.youtube.com/watch?v=eJHHZC46i1I",
-    type: "video/youtube"
-  }, args));
-};
-exports.Youtube = Youtube;
-var Vimeo = function Vimeo(args) {
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({
-    src: "https://vimeo.com/153783319",
-    type: "video/vimeo"
-  }, args));
-};
-exports.Vimeo = Vimeo;
-var WithCaptions = function WithCaptions(args) {
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({
-    src: localVideo,
-    type: "video/mp4",
-    captions: [{
-      src: _nl.default,
-      language: 'nl',
-      label: 'Nederlands',
-      default: true
-    }, {
-      src: _en.default,
-      language: 'en',
-      label: 'English'
-    }]
-  }, args));
-};
-exports.WithCaptions = WithCaptions;
-var Advanced = function Advanced(args) {
-  var _useState = (0, _react.useState)(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    status = _useState2[0],
-    setStatus = _useState2[1];
-  var _useState3 = (0, _react.useState)(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    currentTime = _useState4[0],
-    setCurrentTime = _useState4[1];
-  var _useState5 = (0, _react.useState)(1),
-    _useState6 = _slicedToArray(_useState5, 2),
-    volume = _useState6[0],
-    setVolume = _useState6[1];
-  var _useState7 = (0, _react.useState)(''),
-    _useState8 = _slicedToArray(_useState7, 2),
-    error = _useState8[0],
-    setError = _useState8[1];
-  var message = (0, _react.useMemo)(function () {
-    switch (status) {
-      case 'playing':
-        {
-          return 'Video is currently playing';
-        }
-      case 'paused':
-        {
-          return 'Video is paused';
-        }
-      case 'ended':
-        {
-          return 'Video has ended';
-        }
-      default:
-        {
-          return 'Player is ready';
-        }
-    }
-  }, [status]);
-  if (error) {
-    return /*#__PURE__*/_react.default.createElement("p", null, "The media player encountered an error: ", error);
-  }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.default, _extends({
-    src: localVideo,
-    type: "video/mp4",
-    controls: ['play', 'volume', 'seekbar', 'currentTime', 'fullscreen'],
-    posterUrl: "https://www.uncinc.nl/sites/default/files/styles/max_2000x2000/public/2022-06/20220525_unc_inc_bedrijfsrave_mr-4893.webp?itok=WRebIyrU",
-    notSupportedMessage: "This is a custom message which you see if a media file is not supported.",
-    className: "CustomizedMediaPlayer",
-    onPlay: function onPlay() {
-      return setStatus('playing');
-    },
-    onPause: function onPause() {
-      return setStatus('paused');
-    },
-    onEnded: function onEnded() {
-      return setStatus('ended');
-    },
-    onSeeking: function onSeeking(player) {
-      return setCurrentTime(player.currentTime());
-    },
-    onVolumeChange: function onVolumeChange(player) {
-      return setVolume(player.volume());
-    },
-    onError: function onError(player) {
-      return setError(player.error().message);
-    },
-    onFullscreenChange: function onFullscreenChange(player) {
-      if (player.isFullscreen()) {
-        console.log('Pssst! Secret message telling you the current video you are watching is in fullscreen.');
-      }
-    }
-  }, args)), /*#__PURE__*/_react.default.createElement("p", null, message), /*#__PURE__*/_react.default.createElement("p", null, "Volume: ", Math.round(volume * 100), "%"), currentTime > 0 && /*#__PURE__*/_react.default.createElement("p", null, "Current time: ", Math.round(currentTime), "s"));
-};
-exports.Advanced = Advanced;

package/dist/components/NavigationScroll/stories.js

@@ -1,29 +0,0 @@
-"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',
-  component: _.default,
-  parameters: {
-    docs: {
-      description: {
-        component: '`import { NavigationScroll } from "@uncinc/uncinc-react-kitchen-sink";`'
-      }
-    }
-  }
-};
-exports.default = _default;
-var Default = function Default(args) {
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "NavigationScrollExample"
-  }, /*#__PURE__*/_react.default.createElement(_.default, args, /*#__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/NavigationScroll/stories.scss

@@ -1,17 +0,0 @@
-.NavigationScrollExample {
-  min-height: 200vh;
-  background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(253,187,45,1) 100%);
-  margin: -4rem;
-
-  nav {
-    background-color: grey;
-    display: flex;
-    flex-direction: row;
-    padding: 2rem;
-
-    & > div {
-      flex: 0 0 auto;
-      margin: 0 1rem;
-    }
-  }
-}

package/dist/components/Pagination/stories.js

@@ -1,110 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TextualButtons = exports.ManyPages = exports.LargePageRange = exports.FewPages = exports.Default = exports.Controlled = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = require(".");
-require("./stories.scss");
-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 _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 _default = {
-  title: 'Molecules/Pagination',
-  component: _.Pagination,
-  parameters: {
-    docs: {
-      description: {
-        component: '`import { Pagination } from "@uncinc/uncinc-react-kitchen-sink";`'
-      }
-    }
-  }
-};
-exports.default = _default;
-var Default = function Default(args) {
-  return /*#__PURE__*/_react.default.createElement(_.Pagination, args);
-};
-exports.Default = Default;
-Default.args = {
-  currentPage: 1,
-  totalPages: 10
-};
-var FewPages = function FewPages(args) {
-  return /*#__PURE__*/_react.default.createElement(_.Pagination, args);
-};
-exports.FewPages = FewPages;
-FewPages.args = {
-  currentPage: 2,
-  totalPages: 4
-};
-var ManyPages = function ManyPages(args) {
-  return /*#__PURE__*/_react.default.createElement(_.Pagination, args);
-};
-exports.ManyPages = ManyPages;
-ManyPages.args = {
-  currentPage: 4000,
-  totalPages: 9001
-};
-var LargePageRange = function LargePageRange(args) {
-  return /*#__PURE__*/_react.default.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);
-};
-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")
-};
-var Controlled = function Controlled(args) {
-  var _React$useState = _react.default.useState(1),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    currentPage = _React$useState2[0],
-    setCurrentPage = _React$useState2[1];
-  var onSubmit = function onSubmit(e) {
-    e.preventDefault();
-    var page = e.target.elements.page.value;
-    setCurrentPage(parseInt(page));
-  };
-  var formStyle = {
-    display: 'flex',
-    justifyContent: 'center'
-  };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("form", {
-    onSubmit: onSubmit,
-    style: formStyle
-  }, /*#__PURE__*/_react.default.createElement("label", {
-    htmlFor: "page"
-  }, "Page", /*#__PURE__*/_react.default.createElement("input", {
-    type: "number",
-    id: "page",
-    name: "page",
-    min: 1,
-    max: 30
-  })), /*#__PURE__*/_react.default.createElement("button", {
-    type: "submit"
-  }, "Jump to page")), /*#__PURE__*/_react.default.createElement(_.Pagination, _extends({}, args, {
-    currentPage: currentPage,
-    setCurrentPage: setCurrentPage
-  })));
-};
-exports.Controlled = Controlled;
-Controlled.args = {
-  totalPages: 30,
-  controlled: true
-};

package/dist/components/Pagination/stories.scss

@@ -1,31 +0,0 @@
-@import '../../styles/assets/mixins';
-@import '../../styles/assets/variables';
-
-.Pagination {
-  &__container {
-    li {
-      min-width: 2rem;
-      height: 2rem;
-      margin: 0 0.25rem;
-    }
-    a {
-      font-size: 1.8rem;
-      font-weight: 600;
-      padding: 2px 7px;
-      border-radius: 0.5rem;
-      color: $color--black;
-    }
-
-    & > .active a {
-      background-color: $color--black;
-      color: $color--white;
-    }
-
-    .Pagination__previous__icon,
-    .Pagination__next__icon {
-      font-size: 3rem !important;
-      background-color: $color--white;
-      color: $color--black;
-    }
-  }
-}

package/dist/components/SearchKit/stories.js

@@ -1,205 +0,0 @@
-"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); }
-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 _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 = {
-  title: 'Molecules/SearchKit',
-  component: _.default
-};
-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]));
-};
-var SearchHeader = function SearchHeader(_ref2) {
-  var data = _ref2.data;
-  return /*#__PURE__*/_react.default.createElement("h2", null, data.results.summary.total, " Resultaten");
-};
-var Default = function Default(args) {
-  return /*#__PURE__*/_react.default.createElement(_.default, _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, {
-      data: data === null || data === void 0 ? void 0 : data.content,
-      loading: loading
-    }), /*#__PURE__*/_react.default.createElement(_SearchSelectedFilters.default, {
-      data: data === null || data === void 0 ? void 0 : data.content,
-      loading: loading
-    }), /*#__PURE__*/_react.default.createElement(_SearchSorting.default, {
-      data: data === null || data === void 0 ? void 0 : data.content,
-      loading: loading
-    }), /*#__PURE__*/_react.default.createElement(_SearchReset.default, {
-      loading: loading
-    }), /*#__PURE__*/_react.default.createElement(_SearchResults.default, {
-      data: data === null || data === void 0 ? void 0 : data.content,
-      renderItem: SearchItem,
-      renderHeader: SearchHeader
-    }), /*#__PURE__*/_react.default.createElement(_SearchPagination.default, {
-      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", {
-    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) {
-    var isSelected = api.isFilterSelected({
-      identifier: facet.identifier,
-      value: entry.label
-    });
-    var classes = (0, _classnames.default)({
-      selected: isSelected,
-      disabled: parseInt(entry.count) === 0
-    });
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: classes,
-      key: entry.label
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      onClick: function onClick() {
-        api.toggleFilter({
-          identifier: facet.identifier,
-          value: entry.label
-        });
-        api.search();
-      },
-      disabled: parseInt(entry.count) === 0
-    }, "- ", entry.label, " (", entry.count, ")"));
-  })));
-};
-ListFacet.DISPLAY = 'ListFacet';
-var CustomFacets = function CustomFacets(args) {
-  var customFacets = [ListFacet];
-  return /*#__PURE__*/_react.default.createElement(_.default, _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, {
-      data: data === null || data === void 0 ? void 0 : data.content,
-      loading: loading,
-      facets: customFacets
-    }), /*#__PURE__*/_react.default.createElement(_SearchSelectedFilters.default, {
-      data: data === null || data === void 0 ? void 0 : data.content,
-      loading: loading
-    }), /*#__PURE__*/_react.default.createElement(_SearchSorting.default, {
-      data: data === null || data === void 0 ? void 0 : data.content,
-      loading: loading
-    }), /*#__PURE__*/_react.default.createElement(_SearchReset.default, {
-      loading: loading
-    }), /*#__PURE__*/_react.default.createElement(_SearchResults.default, {
-      data: data === null || data === void 0 ? void 0 : data.content,
-      renderItem: SearchItem,
-      renderHeader: SearchHeader
-    }), /*#__PURE__*/_react.default.createElement(_SearchPagination.default, {
-      data: data === null || data === void 0 ? void 0 : data.content
-    }));
-  });
-};
-exports.CustomFacets = CustomFacets;
-var Test = function Test(args) {
-  var _useState = (0, _react.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", {
-    onChange: function onChange(e) {
-      return setQ(e.target.value);
-    },
-    value: q
-  }), /*#__PURE__*/_react.default.createElement(_.default, _extends({
-    uri: "http://localhost:4000/api/graphql",
-    query: query,
-    useRouting: false,
-    filters: [{
-      identifier: 'type',
-      value: 'article'
-    }],
-    searchQuery: q
-  }, args), function (data, loading) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SearchResults.default, {
-      data: data === null || data === void 0 ? void 0 : data.content,
-      renderItem: SearchItem,
-      renderHeader: SearchHeader
-    }), /*#__PURE__*/_react.default.createElement(_SearchPagination.default, {
-      data: data === null || data === void 0 ? void 0 : data.content
-    }));
-  }), /*#__PURE__*/_react.default.createElement(_.default, {
-    uri: "http://localhost:4000/api/graphql",
-    query: query,
-    useRouting: false,
-    filters: [{
-      identifier: 'type',
-      value: 'landing_page'
-    }],
-    searchQuery: q
-  }, function (data, loading) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SearchResults.default, {
-      data: data === null || data === void 0 ? void 0 : data.content,
-      renderItem: SearchItem,
-      renderHeader: SearchHeader
-    }), /*#__PURE__*/_react.default.createElement(_SearchPagination.default, {
-      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({
-    uri: "http://localhost:4000/api/graphql",
-    query: query
-    // useRouting={false}
-    ,
-    pageSize: 5
-  }, args), function (data, loading) {
-    var toggleFilter = function toggleFilter() {
-      api.toggleFilter({
-        identifier: 'type',
-        value: '22'
-      });
-      api.search();
-    };
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
-      type: "button",
-      onClick: toggleFilter
-    }, "Toggle"), /*#__PURE__*/_react.default.createElement(_SearchResults.default, {
-      data: data === null || data === void 0 ? void 0 : data.content,
-      renderItem: SearchItem,
-      renderHeader: SearchHeader,
-      appendResults: true
-    }), /*#__PURE__*/_react.default.createElement(_SearchLoadMore.default, {
-      data: data === null || data === void 0 ? void 0 : data.content
-    }));
-  });
-};
-exports.LoadMore = LoadMore;

package/dist/components/Share/stories.js

@@ -1,26 +0,0 @@
-"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 = {
-  title: 'Organisms/Share',
-  component: _.default,
-  parameters: {
-    docs: {
-      description: {
-        component: '`import { Share } from "@uncinc/uncinc-react-kitchen-sink";`'
-      }
-    }
-  }
-};
-exports.default = _default;
-var Default = function Default(args) {
-  return /*#__PURE__*/_react.default.createElement(_.default, args);
-};
-exports.Default = Default;

package/dist/components/Share/stories.scss

@@ -1,63 +0,0 @@
-@import '../../styles/assets/mixins';
-@import '../../styles/assets/variables';
-
-$facebook: #3b5998;
-$twitter: #00aced;
-$googleplus: #dd4b39;
-$linkedin: #007bb5;
-$whatsapp: #43d854;
-
-.Share {
-  &__title {
-    margin-bottom: 1rem;
-  }
-
-  &__item {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    border: 1px solid #efefef;
-    border-radius: 3px;
-
-    @media #{$normal} {
-      width: 5rem;
-      height: 5rem;
-    }
-
-    &.mail {
-      &:hover {
-        background-color: black;
-      }
-    }
-    &.facebook {
-      &:hover {
-        background-color: $facebook;
-      }
-    }
-    &.linkedin {
-      &:hover {
-        background-color: $linkedin;
-      }
-    }
-    &.twitter {
-      &:hover {
-        background-color: $twitter;
-      }
-    }
-    &.whatsapp {
-      &:hover {
-        background-color: $whatsapp;
-      }
-    }
-
-    &:hover {
-      .icon {
-        background-position-y: -4em;
-      }
-    }
-  }
-}
-
-.Share__item-wrapper + .Share__item-wrapper {
-  margin-left: .5rem;
-}