@uncinc/uncinc-react-kitchen-sink 2.5.3 → 2.5.4-2-custom-searchkit-routing

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;

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

@@ -1,16 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Two = exports.Three = exports.One = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = _interopRequireDefault(require("."));
-var _Button = _interopRequireDefault(require("../../Button"));
-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); }
+import React from 'react';
+import SliderRelated from '.';
+import Button from '../../Button';
 var d = {
-  component: _.default,
+  component: SliderRelated,
   title: 'Organisms/SliderRelated',
   parameters: {
     info: {
@@ -18,8 +11,7 @@ var d = {
     }
   }
 };
-var _default = d;
-exports.default = _default;
+export default d;
 var defaultProps = {
   autoplay: false
 };
@@ -30,7 +22,7 @@ var Teaser = function Teaser(_ref) {
     content = _ref.content,
     buttonText = _ref.buttonText,
     buttonLink = _ref.buttonLink;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "Teaser",
     style: {
       margin: '10px',
@@ -38,22 +30,22 @@ var Teaser = function Teaser(_ref) {
       flexDirection: 'column',
       flex: '1 1 auto'
     }
-  }, /*#__PURE__*/_react.default.createElement("img", {
+  }, /*#__PURE__*/React.createElement("img", {
     src: image,
     alt: imageAlt,
     style: {
       width: '100%',
       maxWidth: '100%'
     }
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: "Teaser__content"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "Teaser__content__title"
-  }, title), /*#__PURE__*/_react.default.createElement("div", {
+  }, title), /*#__PURE__*/React.createElement("div", {
     className: "Teaser__content__body"
-  }, content), /*#__PURE__*/_react.default.createElement("div", {
+  }, content), /*#__PURE__*/React.createElement("div", {
     className: "Teaser__content__read_more"
-  }, buttonText && buttonLink && /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, buttonText && buttonLink && /*#__PURE__*/React.createElement(Button, {
     primary: false,
     href: buttonLink
   }, buttonText))));
@@ -64,28 +56,25 @@ var children = Array.from(Array(6).keys()).map(function (i) {
   var content = ['Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et lacinia justo, in vehicula sem.', 'Lorem ipsum dolor sit amet, adipiscing elit. Donec et lacinia justo, in vehicula sem.', 'Lorem ipsum dolor sit amet, consectetur adipiscing. Donec et lacinia justo, in vehicula sem.', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'];
   var buttonText = 'Read more';
   var buttonLink = '#';
-  return /*#__PURE__*/_react.default.createElement(Teaser, {
+  return /*#__PURE__*/React.createElement(Teaser, {
     key: i,
     image: image[Math.round(Math.random(image.length))],
-    title: /*#__PURE__*/_react.default.createElement("h2", null, title),
-    content: /*#__PURE__*/_react.default.createElement("p", null, content[Math.round(Math.random(content.length))]),
+    title: /*#__PURE__*/React.createElement("h2", null, title),
+    content: /*#__PURE__*/React.createElement("p", null, content[Math.round(Math.random(content.length))]),
     buttonText: buttonText,
     buttonLink: buttonLink
   });
 });
-var One = function One() {
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({}, defaultProps, {
+export var One = function One() {
+  return /*#__PURE__*/React.createElement(SliderRelated, _extends({}, defaultProps, {
     slidesToShow: 1
   }), children);
 };
-exports.One = One;
-var Two = function Two() {
-  return /*#__PURE__*/_react.default.createElement(_.default, _extends({}, defaultProps, {
+export var Two = function Two() {
+  return /*#__PURE__*/React.createElement(SliderRelated, _extends({}, defaultProps, {
     slidesToShow: 2
   }), children);
 };
-exports.Two = Two;
-var Three = function Three() {
-  return /*#__PURE__*/_react.default.createElement(_.default, defaultProps, children);
-};
-exports.Three = Three;
+export var Three = function Three() {
+  return /*#__PURE__*/React.createElement(SliderRelated, defaultProps, children);
+};

package/dist/components/WysiwygField/index.js

@@ -1,23 +1,16 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _reactHtmlParser = _interopRequireDefault(require("react-html-parser"));
-var _Button = _interopRequireDefault(require("../Button"));
 var _excluded = ["html", "customElementHandler"];
-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 PropTypes from 'prop-types';
+import ReactHtmlParser from 'react-html-parser';
+import Button from '../Button';
 var WysiwygField = function WysiwygField(_ref) {
   var html = _ref.html,
     customElementHandler = _ref.customElementHandler,
     props = _objectWithoutProperties(_ref, _excluded);
-  var parsedHtml = (0, _reactHtmlParser.default)(html, {
+  var parsedHtml = ReactHtmlParser(html, {
     transform: function transform(node) {
       var customHandler = customElementHandler(node);
       if (customHandler) {
@@ -28,7 +21,7 @@ var WysiwygField = function WysiwygField(_ref) {
           {
             if (node.attribs.class && node.attribs.class.indexOf('button--primary') !== -1) {
               var label = node.children[0].data;
-              return /*#__PURE__*/_react.default.createElement(_Button.default, {
+              return /*#__PURE__*/React.createElement(Button, {
                 primary: true,
                 withIcon: true,
                 buttonIcon: true,
@@ -47,16 +40,15 @@ var WysiwygField = function WysiwygField(_ref) {
       }
     }
   });
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: "WysiwygField"
   }, props), parsedHtml);
 };
 WysiwygField.propTypes = {
-  html: _propTypes.default.string.isRequired,
-  customElementHandler: _propTypes.default.func
+  html: PropTypes.string.isRequired,
+  customElementHandler: PropTypes.func
 };
 WysiwygField.defaultProps = {
   customElementHandler: function customElementHandler() {}
 };
-var _default = WysiwygField;
-exports.default = _default;
+export default WysiwygField;

package/dist/components/WysiwygField/stories.js

@@ -1,34 +1,25 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Primary = exports.CustomHandlers = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _ = _interopRequireDefault(require("."));
-var _AbbreviationAnnotation = _interopRequireDefault(require("../AbbreviationAnnotation"));
-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); }
-var _default = {
+import React from 'react';
+import WysiwygField from '.';
+import AbbreviationAnnotation from '../AbbreviationAnnotation';
+export default {
   title: 'Atoms/WysiwygField'
 };
-exports.default = _default;
 var html = '<p>This is <em>some</em> example <a href=\'https://www.uncinc.nl\'>HTML</a>.</p>';
-var Primary = function Primary() {
-  return /*#__PURE__*/_react.default.createElement(_.default, {
+export var Primary = function Primary() {
+  return /*#__PURE__*/React.createElement(WysiwygField, {
     html: html
   });
 };
-exports.Primary = Primary;
 var htmlCustomHandler = "\n  <p>Lorem ipsum dolor sit amet, <abbr title=\"Ut ut tellus et augue feugiat sollicitudin sit amet viverra nisi.\">consectetur adipiscing</abbr> elit. Aliquam in sodales tellus. Ut ut tellus et augue feugiat sollicitudin sit amet viverra nisi. Nulla malesuada erat non massa pellentesque, ut ultricies tellus sodales. Fusce ac feugiat ligula. In vel metus diam. Maecenas diam ex, tincidunt tempor nibh sed, suscipit semper lectus. Sed eu enim vel erat tempus mollis. Integer eget gravida orci. Nunc volutpat velit id dui semper tincidunt. Nulla maximus nisl nec volutpat faucibus. Integer vitae ullamcorper ex. Vestibulum facilisis convallis arcu, ac interdum libero malesuada eget.</p>\n  <p>Donec feugiat, nunc vitae euismod posuere, urna nisl elementum nibh, quis ultricies libero leo sed neque. Praesent vel vestibulum sem, eget congue purus. Nunc non volutpat urna, vitae ullamcorper justo. Suspendisse in tortor ex. Phasellus euismod eget neque vitae consequat. Vestibulum sem mi, dictum id consectetur at, hendrerit in massa. Mauris quis sem condimentum, condimentum enim sed, varius sem. Curabitur convallis tempus nulla, eget consectetur quam sagittis at. Nulla a feugiat tortor. Mauris fermentum lectus ac mauris cursus ornare.</p>\n  <p>Nam venenatis est eget lorem laoreet, id tempor urna hendrerit. Quisque suscipit in magna nec condimentum. Duis id tempor nisi. Sed rutrum urna elit, vitae placerat enim volutpat nec. Vivamus volutpat, magna sit amet commodo ultricies, enim turpis pretium libero, quis molestie nibh augue a ex. Nulla vestibulum vestibulum tellus, vel molestie libero vehicula nec. Sed maximus tortor vel ipsum cursus egestas. Proin suscipit tortor id luctus bibendum.</p>\n";
-var CustomHandlers = function CustomHandlers() {
-  return /*#__PURE__*/_react.default.createElement(_.default, {
+export var CustomHandlers = function CustomHandlers() {
+  return /*#__PURE__*/React.createElement(WysiwygField, {
     html: htmlCustomHandler,
     customElementHandler: function customElementHandler(element) {
       switch (element.name) {
         case 'abbr':
           {
-            return /*#__PURE__*/_react.default.createElement(_AbbreviationAnnotation.default, _extends({
+            return /*#__PURE__*/React.createElement(AbbreviationAnnotation, _extends({
               title: element.attribs.title
             }, element.attribs), element.children[0].data);
           }
@@ -39,5 +30,4 @@ var CustomHandlers = function CustomHandlers() {
       }
     }
   });
-};
-exports.CustomHandlers = CustomHandlers;
+};