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

package/dist/components/SearchKit/stories.js

@@ -1,144 +1,90 @@
-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 {
+"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; }
+var _default = {
   title: 'Molecules/SearchKit'
 };
-const query = `
-  query resultSet($query: String, $filters: [SKFiltersSet], $page: SKPageInput) {
-    results(query: $query, filters: $filters) {
-      summary {
-        total
-        sortOptions {
-          id
-          label
-        }
-        appliedFilters {
-          id
-          identifier
-          display
-          label
-          ... on HierarchicalValueSelectedFilter {
-            level
-            value
-          }
-          ... on DateRangeSelectedFilter {
-            dateMin
-            dateMax
-          }
-
-          ... on NumericRangeSelectedFilter {
-            min
-            max
-          }
-
-          ... on ValueSelectedFilter {
-            value
-          }
-        }
-        query
-      }
-      hits(page: $page) {
-        sortedBy
-        page {
-          total
-          totalPages
-          pageNumber
-          from
-          size
-        }
-        items {
-          id
-          ... on ResultHit {
-            fields {
-              title
-              type
-              body
-            }
-          }
-        }
-      }
-      facets {
-        identifier
-        type
-        label
-        display
-        entries {
-          label
-          count
-          level
-          entries {
-            label
-            count
-            level
-            entries {
-              label
-              count
-              level
-            }
-          }
-        }
-      }
-    }
-  }
-`;
-const SearchItem = ({
-  item
-}) => /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h3", null, item.fields.title[0]));
-const SearchHeader = ({
-  data
-}) => /*#__PURE__*/React.createElement("h2", null, data.results.summary.total, " Resultaten");
-export const Default = () => /*#__PURE__*/React.createElement(SearchKit, {
-  uri: "http://localhost:4000/api/graphql",
-  query: query
-}, (data, loading) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchField, null), /*#__PURE__*/React.createElement(SearchFacets, {
-  data: data,
-  loading: loading
-}), /*#__PURE__*/React.createElement(SearchSelectedFilters, {
-  data: data,
-  loading: loading
-}), /*#__PURE__*/React.createElement(SearchSorting, {
-  data: data,
-  loading: loading
-}), /*#__PURE__*/React.createElement(SearchReset, {
-  loading: loading
-}), /*#__PURE__*/React.createElement(SearchResults, {
-  data: data,
-  renderItem: SearchItem,
-  renderHeader: SearchHeader
-}), /*#__PURE__*/React.createElement(SearchPagination, {
-  data: data
-})));
-const ListFacet = ({
-  facet
-}) => {
-  const api = useSearchkit();
-  return /*#__PURE__*/React.createElement("div", {
+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() {
+  return /*#__PURE__*/_react.default.createElement(_.default, {
+    uri: "http://localhost:4000/api/graphql",
+    query: query
+  }, 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.createElement("span", null, "CUSTOM ", facet.label), /*#__PURE__*/React.createElement("div", null, facet.entries.map(entry => {
-    const isSelected = api.isFilterSelected({
+  }, /*#__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
     });
-    const classes = classNames({
+    var classes = (0, _classnames.default)({
       selected: isSelected,
       disabled: parseInt(entry.count) === 0
     });
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: classes,
       key: entry.label
-    }, /*#__PURE__*/React.createElement("span", {
-      onClick: () => {
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      onClick: function onClick() {
         api.toggleFilter({
           identifier: facet.identifier,
           value: entry.label
@@ -150,37 +96,45 @@ const ListFacet = ({
   })));
 };
 ListFacet.DISPLAY = 'ListFacet';
-export const CustomFacets = () => {
-  const customFacets = [ListFacet];
-  return /*#__PURE__*/React.createElement(SearchKit, {
+var CustomFacets = function CustomFacets() {
+  var customFacets = [ListFacet];
+  return /*#__PURE__*/_react.default.createElement(_.default, {
     uri: "http://localhost:4000/api/graphql",
     query: query
-  }, (data, loading) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchField, null), /*#__PURE__*/React.createElement(SearchFacets, {
-    data: data,
-    loading: loading,
-    facets: customFacets
-  }), /*#__PURE__*/React.createElement(SearchSelectedFilters, {
-    data: data,
-    loading: loading
-  }), /*#__PURE__*/React.createElement(SearchSorting, {
-    data: data,
-    loading: loading
-  }), /*#__PURE__*/React.createElement(SearchReset, {
-    loading: loading
-  }), /*#__PURE__*/React.createElement(SearchResults, {
-    data: data,
-    renderItem: SearchItem,
-    renderHeader: SearchHeader
-  }), /*#__PURE__*/React.createElement(SearchPagination, {
-    data: data
-  })));
+  }, 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
+    }));
+  });
 };
-export const Test = () => {
-  const [q, setQ] = useState(null);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", {
-    onChange: e => setQ(e.target.value),
+exports.CustomFacets = CustomFacets;
+var Test = function Test() {
+  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.createElement(SearchKit, {
+  }), /*#__PURE__*/_react.default.createElement(_.default, {
     uri: "http://localhost:4000/api/graphql",
     query: query,
     useRouting: false,
@@ -189,13 +143,15 @@ export const Test = () => {
       value: 'article'
     }],
     searchQuery: q
-  }, (data, loading) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchResults, {
-    data: data,
-    renderItem: SearchItem,
-    renderHeader: SearchHeader
-  }), /*#__PURE__*/React.createElement(SearchPagination, {
-    data: data
-  }))), /*#__PURE__*/React.createElement(SearchKit, {
+  }, 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,
@@ -204,39 +160,44 @@ export const Test = () => {
       value: 'landing_page'
     }],
     searchQuery: q
-  }, (data, loading) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchResults, {
-    data: data,
-    renderItem: SearchItem,
-    renderHeader: SearchHeader
-  }), /*#__PURE__*/React.createElement(SearchPagination, {
-    data: data
-  }))));
+  }, 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
+    }));
+  }));
 };
-export const LoadMore = () => {
-  const api = useSearchkit();
-  return /*#__PURE__*/React.createElement(SearchKit, {
+exports.Test = Test;
+var LoadMore = function LoadMore() {
+  var api = (0, _client.useSearchkit)();
+  return /*#__PURE__*/_react.default.createElement(_.default, {
     uri: "http://localhost:4000/api/graphql",
     query: query
     // useRouting={false}
     ,
     pageSize: 5
-  }, (data, loading) => {
-    const toggleFilter = () => {
+  }, function (data, loading) {
+    var toggleFilter = function toggleFilter() {
       api.toggleFilter({
-        identifier: "type",
-        value: "22"
+        identifier: 'type',
+        value: '22'
       });
       api.search();
     };
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
+      type: "button",
       onClick: toggleFilter
-    }, "Toggle"), /*#__PURE__*/React.createElement(SearchResults, {
-      data: data,
+    }, "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.createElement(SearchLoadMore, {
-      data: data
+    }), /*#__PURE__*/_react.default.createElement(_SearchLoadMore.default, {
+      data: data === null || data === void 0 ? void 0 : data.content
     }));
   });
-};
+};
+exports.LoadMore = LoadMore;

package/dist/components/Share/index.js

@@ -1,64 +1,72 @@
-import React from 'react';
-import { EmailShareButton, FacebookShareButton, LinkedinShareButton, TwitterShareButton, WhatsappShareButton } from "react-share";
-import './style.scss';
-const ShareButton = ({
-  type,
-  pageTitle,
-  url,
-  onClick
-}) => {
-  const types = {
-    mail: EmailShareButton,
-    facebook: FacebookShareButton,
-    linkedin: LinkedinShareButton,
-    twitter: TwitterShareButton,
-    whatsapp: WhatsappShareButton
+"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 }; }
+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
   };
-  const Component = types[type];
-  return /*#__PURE__*/React.createElement("div", {
+  var Component = types[type];
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "Share__item-wrapper",
-    onClick: () => onClick(type)
-  }, /*#__PURE__*/React.createElement(Component, {
+    onClick: function onClick() {
+      return _onClick(type);
+    }
+  }, /*#__PURE__*/_react.default.createElement(Component, {
     body: pageTitle,
     url: url
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `Share__item ${type}`
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `icon icon-${type} icon-variant-3`
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "Share__item ".concat(type)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "icon icon-".concat(type, " icon-variant-3")
   }))));
 };
-const Share = ({
-  title,
-  pageTitle,
-  url,
-  items,
-  onClick
-}) => {
-  const windowUrl = url || window.location.href;
-  const buttons = items.map(item => {
-    return /*#__PURE__*/React.createElement(ShareButton, {
+var Share = function Share(_ref2) {
+  var title = _ref2.title,
+    pageTitle = _ref2.pageTitle,
+    url = _ref2.url,
+    items = _ref2.items,
+    onClick = _ref2.onClick;
+  var windowUrl = url || window.location.href;
+  var buttons = items.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement(ShareButton, {
       type: item,
-      key: `${item}:${url}`,
+      key: "".concat(item, ":").concat(url),
       pageTitle: pageTitle,
       onClick: onClick,
       url: windowUrl
     });
   });
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "Share"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "Share__wrapper"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "Share__title"
-  }, title), /*#__PURE__*/React.createElement("div", {
+  }, title), /*#__PURE__*/_react.default.createElement("div", {
     className: "Share__buttons"
   }, buttons)));
 };
 Share.defaultProps = {
-  title: "Share this page:",
-  pageTitle: "",
+  title: 'Share this page:',
+  pageTitle: '',
   url: null,
-  items: ["mail", "facebook", "linkedin", "twitter", "whatsapp"],
-  onClick: () => {}
+  items: ['mail', 'facebook', 'linkedin', 'twitter', 'whatsapp'],
+  onClick: function onClick() {}
 };
-export default Share;
+var _default = Share;
+exports.default = _default;

package/dist/components/Share/stories.js

@@ -1,7 +1,18 @@
-import React from 'react';
-import Share from './';
-import './stories.scss';
-export default {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _ = _interopRequireDefault(require("."));
+require("./stories.scss");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = {
   title: 'Organisms/Share'
 };
-export const Default = () => /*#__PURE__*/React.createElement(Share, null);
+exports.default = _default;
+var Default = function Default() {
+  return /*#__PURE__*/_react.default.createElement(_.default, null);
+};
+exports.Default = Default;

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

@@ -1,34 +1,40 @@
+"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); }
-import React from 'react';
-import Slider from "react-slick";
-import useValueForCurrentViewPort from '../../../helpers/useValueForCurrentViewPort';
-import './style.scss';
-const SliderNextArrow = ({
-  onClick
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
+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; }
+var SliderNextArrow = function SliderNextArrow(_ref) {
+  var onClick = _ref.onClick;
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "SliderRelated__next",
     onClick: onClick
   });
 };
-const SliderPrevArrow = ({
-  onClick
-}) => {
-  return /*#__PURE__*/React.createElement("div", {
+var SliderPrevArrow = function SliderPrevArrow(_ref2) {
+  var onClick = _ref2.onClick;
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "SliderRelated__prev",
     onClick: onClick
   });
 };
-const SliderRelated = props => {
-  const {
-    children,
-    title,
-    slidesToShow,
-    sliderRef,
-    ...sliderProps
-  } = props;
-  const centerPadding = useValueForCurrentViewPort('10%', '10%', '10%', '10%', '10%');
-  return /*#__PURE__*/React.createElement(Slider, _extends({}, sliderProps, {
+var SliderRelated = function SliderRelated(props) {
+  var children = props.children,
+    title = props.title,
+    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, {
     centerPadding: centerPadding,
     slidesToShow: slidesToShow,
     ref: sliderRef
@@ -46,8 +52,9 @@ SliderRelated.defaultProps = {
   pauseOnFocus: true,
   accessibility: true,
   touchMove: true,
-  nextArrow: /*#__PURE__*/React.createElement(SliderNextArrow, null),
-  prevArrow: /*#__PURE__*/React.createElement(SliderPrevArrow, null),
+  nextArrow: /*#__PURE__*/_react.default.createElement(SliderNextArrow, null),
+  prevArrow: /*#__PURE__*/_react.default.createElement(SliderPrevArrow, null),
   sliderRef: null
 };
-export default SliderRelated;
+var _default = SliderRelated;
+exports.default = _default;