@uncinc/uncinc-react-kitchen-sink 2.5.2 → 2.5.4-1-treeshaking
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Context/KitchenSinkComponentMapperContext.js +3 -11
- package/dist/Context/ViewportContext.js +8 -21
- package/dist/Context/withMapping.js +6 -17
- package/dist/components/AbbreviationAnnotation/index.js +17 -28
- package/dist/components/AbbreviationAnnotation/stories.js +12 -21
- package/dist/components/Accordion/AccordionItem/index.js +18 -29
- package/dist/components/Accordion/AccordionItemVariant/index.js +14 -25
- package/dist/components/Accordion/index.js +6 -14
- package/dist/components/Accordion/stories.js +16 -26
- package/dist/components/ApiAutocomplete/index.js +7 -17
- package/dist/components/ApiAutocomplete/stories.js +7 -16
- package/dist/components/Button/index.js +21 -30
- package/dist/components/Button/stories.js +11 -21
- package/dist/components/Cookie/Checkbox/index.js +6 -14
- package/dist/components/Cookie/index.js +61 -71
- package/dist/components/Cookie/stories.js +20 -33
- package/dist/components/Dialog/DialogHelpersStory/index.js +31 -0
- package/dist/components/Dialog/DialogHookStory/index.js +36 -0
- package/dist/components/Dialog/DialogOverrideStory/index.js +22 -0
- package/dist/components/Dialog/index.d.ts +6 -0
- package/dist/components/Dialog/index.js +44 -46
- package/dist/components/Dialog/stories.js +10 -43
- package/dist/components/FontSizeSwitcher/index.js +17 -28
- package/dist/components/FontSizeSwitcher/stories.js +10 -20
- package/dist/components/Form/Checkbox/index.js +13 -21
- package/dist/components/Form/Checkbox/stories.js +8 -17
- package/dist/components/Form/Checkboxes/index.js +19 -27
- package/dist/components/Form/Checkboxes/index.test.js +108 -77
- package/dist/components/Form/Checkboxes/stories.js +9 -18
- package/dist/components/Form/Date/index.js +4 -12
- package/dist/components/Form/Date/stories.js +7 -16
- package/dist/components/Form/DatePicker/index.js +12 -20
- package/dist/components/Form/DatePicker/stories.js +7 -16
- package/dist/components/Form/DateSelect/index.js +24 -35
- package/dist/components/Form/DateSelect/stories.js +10 -22
- package/dist/components/Form/Email/index.js +4 -12
- package/dist/components/Form/Email/stories.js +7 -16
- package/dist/components/Form/FormikWrapper/index.js +9 -17
- package/dist/components/Form/GenericFormElement/index.js +14 -22
- package/dist/components/Form/Number/index.js +6 -14
- package/dist/components/Form/Number/stories.js +7 -16
- package/dist/components/Form/RadioButtons/index.js +17 -25
- package/dist/components/Form/RadioButtons/index.test.js +81 -52
- package/dist/components/Form/RadioButtons/stories.js +9 -18
- package/dist/components/Form/SearchField/index.js +14 -22
- package/dist/components/Form/Select/Input/index.js +10 -18
- package/dist/components/Form/Select/index.js +18 -20
- package/dist/components/Form/Select/stories.js +9 -19
- package/dist/components/Form/TextField/index.js +11 -19
- package/dist/components/Form/TextField/index.test.js +75 -54
- package/dist/components/Form/TextField/stories.js +8 -17
- package/dist/components/Form/Textarea/index.js +10 -18
- package/dist/components/Form/Textarea/stories.js +7 -16
- package/dist/components/Hamburger/index.js +7 -15
- package/dist/components/Hamburger/stories.js +12 -22
- package/dist/components/Header/index.js +23 -38
- package/dist/components/Header/stories.js +22 -34
- package/dist/components/Image/Background/index.js +10 -21
- package/dist/components/Image/LazyLoadWrapper/index.js +16 -26
- package/dist/components/Image/Picture/index.js +20 -28
- package/dist/components/Image/index.js +11 -19
- package/dist/components/Image/stories.js +28 -41
- package/dist/components/InlineMenu/index.js +14 -25
- package/dist/components/InlineMenu/stories.js +18 -27
- package/dist/components/Layout/Container/index.js +10 -18
- package/dist/components/Layout/Container/stories.js +44 -53
- package/dist/components/Layout/QuickLayout/Auto/index.js +5 -13
- package/dist/components/Layout/QuickLayout/Center/index.js +6 -14
- package/dist/components/Layout/QuickLayout/Clamp/index.js +5 -13
- package/dist/components/Layout/QuickLayout/Sidebar/index.js +6 -14
- package/dist/components/Layout/QuickLayout/SpaceBetween/index.js +6 -14
- package/dist/components/Layout/QuickLayout/Stack/index.js +6 -14
- package/dist/components/Layout/QuickLayout/Wrap/index.js +7 -15
- package/dist/components/Layout/QuickLayout/index.js +16 -24
- package/dist/components/Layout/QuickLayout/stories.js +38 -54
- package/dist/components/Lottie/LottieAnimation/index.js +12 -23
- package/dist/components/Lottie/LottieAnimationWithMousePosition.js +8 -19
- package/dist/components/Lottie/index.js +29 -41
- package/dist/components/Lottie/stories.js +25 -36
- package/dist/components/MagicLine/index.js +12 -23
- package/dist/components/MagicLine/stories.js +16 -26
- package/dist/components/NavigationScroll/index.js +11 -21
- package/dist/components/NavigationScroll/stories.js +9 -18
- package/dist/components/Pagination/index.js +27 -36
- package/dist/components/Pagination/stories.js +17 -30
- package/dist/components/SearchKit/Facets/ChipFacet/index.js +11 -20
- package/dist/components/SearchKit/Facets/ListFacet/index.js +11 -20
- package/dist/components/SearchKit/Facets/SelectFacet/index.js +17 -24
- package/dist/components/SearchKit/Query/index.js +13 -24
- package/dist/components/SearchKit/SearchFacets/index.js +10 -18
- package/dist/components/SearchKit/SearchField/index.js +12 -23
- package/dist/components/SearchKit/SearchLoadMore/index.js +7 -15
- package/dist/components/SearchKit/SearchPage/index.js +8 -17
- package/dist/components/SearchKit/SearchPagination/index.js +6 -14
- package/dist/components/SearchKit/SearchReset/index.js +8 -16
- package/dist/components/SearchKit/SearchResults/index.js +28 -39
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/CustomValue/index.js +6 -14
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/DateRange/index.js +6 -14
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/NumericRange/index.js +6 -14
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/Value/index.js +7 -18
- package/dist/components/SearchKit/SearchSelectedFilters/index.js +18 -26
- package/dist/components/SearchKit/SearchSorting/index.js +9 -17
- package/dist/components/SearchKit/index.js +29 -40
- package/dist/components/SearchKit/stories.js +54 -69
- package/dist/components/Share/index.js +18 -26
- package/dist/components/Share/stories.js +7 -16
- package/dist/components/Sliders/SliderRelated/index.js +11 -19
- package/dist/components/Sliders/SliderRelated/stories.js +22 -33
- package/dist/components/WysiwygField/index.js +10 -18
- package/dist/components/WysiwygField/stories.js +10 -20
- package/dist/components/index.js +15 -111
- package/dist/config/constants.js +17 -37
- package/dist/config/i18next/index.js +9 -17
- package/dist/helpers/date.js +4 -13
- package/dist/helpers/gtm.js +4 -11
- package/dist/helpers/link.js +4 -12
- package/dist/helpers/useValueForCurrentViewPort.js +6 -13
- package/dist/hooks/useBoolean.js +6 -12
- package/dist/hooks/useClickOutside.js +3 -9
- package/dist/hooks/useDialog.js +6 -13
- package/dist/hooks/useDialogHelpers.d.ts +1 -0
- package/dist/hooks/useDialogHelpers.js +27 -28
- package/dist/hooks/useEscape.js +3 -9
- package/dist/hooks/useOnScreen.js +4 -10
- package/dist/hooks/usePrevious.js +4 -10
- package/dist/hooks/useScrollPosition.js +4 -11
- package/dist/hooks/useTrapFocus.js +3 -9
- package/dist/hooks/useWindowDimensions.js +4 -10
- package/dist/index.js +76 -397
- package/dist/setupTests.js +13 -9
- package/package.json +15 -8
|
@@ -1,33 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
|
-
var _Query = _interopRequireDefault(require("./Query"));
|
|
13
|
-
var _SearchField = _interopRequireDefault(require("./SearchField"));
|
|
14
|
-
var _SearchPagination = _interopRequireDefault(require("./SearchPagination"));
|
|
15
|
-
var _SearchResults = _interopRequireDefault(require("./SearchResults"));
|
|
16
|
-
var _SearchFacets = _interopRequireDefault(require("./SearchFacets"));
|
|
17
|
-
var _SearchSelectedFilters = _interopRequireDefault(require("./SearchSelectedFilters"));
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
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); }
|
|
20
|
-
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; }
|
|
1
|
+
import React, { useEffect, useState, useMemo } from 'react';
|
|
2
|
+
import { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client';
|
|
3
|
+
import { SearchkitProvider, SearchkitClient } from '@searchkit/client';
|
|
4
|
+
import PropTypes from 'prop-types';
|
|
5
|
+
import Query from './Query';
|
|
6
|
+
import SearchField from './SearchField';
|
|
7
|
+
import SearchPagination from './SearchPagination';
|
|
8
|
+
import SearchResults from './SearchResults';
|
|
9
|
+
import SearchFacets from './SearchFacets';
|
|
10
|
+
import SearchSelectedFilters from './SearchSelectedFilters';
|
|
21
11
|
var defaultChildren = function defaultChildren(data, loading) {
|
|
22
|
-
return /*#__PURE__*/
|
|
12
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchField, null), /*#__PURE__*/React.createElement(SearchFacets, {
|
|
23
13
|
data: data,
|
|
24
14
|
loading: loading
|
|
25
|
-
}), /*#__PURE__*/
|
|
15
|
+
}), /*#__PURE__*/React.createElement(SearchSelectedFilters, {
|
|
26
16
|
data: data,
|
|
27
17
|
loading: loading
|
|
28
|
-
}), /*#__PURE__*/
|
|
18
|
+
}), /*#__PURE__*/React.createElement(SearchResults, {
|
|
29
19
|
data: data
|
|
30
|
-
}), /*#__PURE__*/
|
|
20
|
+
}), /*#__PURE__*/React.createElement(SearchPagination, {
|
|
31
21
|
data: data
|
|
32
22
|
}));
|
|
33
23
|
};
|
|
@@ -45,14 +35,14 @@ var SearchKit = function SearchKit(_ref) {
|
|
|
45
35
|
children = _ref.children,
|
|
46
36
|
_ref$defaultSorting = _ref.defaultSorting,
|
|
47
37
|
defaultSorting = _ref$defaultSorting === void 0 ? 'relevance' : _ref$defaultSorting;
|
|
48
|
-
var client =
|
|
49
|
-
return new
|
|
38
|
+
var client = useMemo(function () {
|
|
39
|
+
return new ApolloClient({
|
|
50
40
|
uri: uri,
|
|
51
|
-
cache: new
|
|
41
|
+
cache: new InMemoryCache()
|
|
52
42
|
});
|
|
53
43
|
}, [uri]);
|
|
54
|
-
var skClient =
|
|
55
|
-
var skClient = new
|
|
44
|
+
var skClient = useMemo(function () {
|
|
45
|
+
var skClient = new SearchkitClient();
|
|
56
46
|
skClient.updateBaseSearchState({
|
|
57
47
|
filters: defaultFilters,
|
|
58
48
|
query: defaultQuery,
|
|
@@ -64,12 +54,12 @@ var SearchKit = function SearchKit(_ref) {
|
|
|
64
54
|
});
|
|
65
55
|
return skClient;
|
|
66
56
|
}, [useRouting, defaultFilters, defaultQuery, pageSize, defaultSorting]);
|
|
67
|
-
return /*#__PURE__*/
|
|
57
|
+
return /*#__PURE__*/React.createElement(ApolloProvider, {
|
|
68
58
|
client: client
|
|
69
|
-
}, /*#__PURE__*/
|
|
59
|
+
}, /*#__PURE__*/React.createElement(SearchkitProvider, {
|
|
70
60
|
client: skClient,
|
|
71
61
|
key: "".concat(defaultQuery, "-").concat(defaultFilters.toString())
|
|
72
|
-
}, /*#__PURE__*/
|
|
62
|
+
}, /*#__PURE__*/React.createElement(Query, {
|
|
73
63
|
query: query,
|
|
74
64
|
useRouting: useRouting
|
|
75
65
|
}, function (data, loading) {
|
|
@@ -77,12 +67,12 @@ var SearchKit = function SearchKit(_ref) {
|
|
|
77
67
|
})));
|
|
78
68
|
};
|
|
79
69
|
SearchKit.propTypes = {
|
|
80
|
-
uri:
|
|
81
|
-
pageSize:
|
|
82
|
-
useRouting:
|
|
83
|
-
defaultFilters:
|
|
84
|
-
defaultQuery:
|
|
85
|
-
defaultSorting:
|
|
70
|
+
uri: PropTypes.string,
|
|
71
|
+
pageSize: PropTypes.number,
|
|
72
|
+
useRouting: PropTypes.bool,
|
|
73
|
+
defaultFilters: PropTypes.object,
|
|
74
|
+
defaultQuery: PropTypes.string,
|
|
75
|
+
defaultSorting: PropTypes.string
|
|
86
76
|
};
|
|
87
77
|
SearchKit.defaultProps = {
|
|
88
78
|
uri: null,
|
|
@@ -92,5 +82,4 @@ SearchKit.defaultProps = {
|
|
|
92
82
|
defaultQuery: '',
|
|
93
83
|
defaultSorting: 'relevance'
|
|
94
84
|
};
|
|
95
|
-
|
|
96
|
-
exports.default = _default;
|
|
85
|
+
export default SearchKit;
|
|
@@ -1,25 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
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); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = exports.Test = exports.LoadMore = exports.Default = exports.CustomFacets = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _client = require("@searchkit/client");
|
|
10
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
-
var _ = _interopRequireDefault(require("."));
|
|
12
|
-
var _SearchField = _interopRequireDefault(require("./SearchField"));
|
|
13
|
-
var _SearchPagination = _interopRequireDefault(require("./SearchPagination"));
|
|
14
|
-
var _SearchResults = _interopRequireDefault(require("./SearchResults"));
|
|
15
|
-
var _SearchFacets = _interopRequireDefault(require("./SearchFacets"));
|
|
16
|
-
var _SearchSelectedFilters = _interopRequireDefault(require("./SearchSelectedFilters"));
|
|
17
|
-
var _SearchReset = _interopRequireDefault(require("./SearchReset"));
|
|
18
|
-
var _SearchSorting = _interopRequireDefault(require("./SearchSorting"));
|
|
19
|
-
var _SearchLoadMore = _interopRequireDefault(require("./SearchLoadMore"));
|
|
20
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
-
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); }
|
|
22
|
-
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; }
|
|
23
1
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
24
2
|
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."); }
|
|
25
3
|
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
|
|
|
27
5
|
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; } }
|
|
28
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
29
7
|
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); }
|
|
30
|
-
|
|
8
|
+
import React, { useState } from 'react';
|
|
9
|
+
import { useSearchkit } from '@searchkit/client';
|
|
10
|
+
import classNames from 'classnames';
|
|
11
|
+
import SearchKit from '.';
|
|
12
|
+
import SearchField from './SearchField';
|
|
13
|
+
import SearchPagination from './SearchPagination';
|
|
14
|
+
import SearchResults from './SearchResults';
|
|
15
|
+
import SearchFacets from './SearchFacets';
|
|
16
|
+
import SearchSelectedFilters from './SearchSelectedFilters';
|
|
17
|
+
import SearchReset from './SearchReset';
|
|
18
|
+
import SearchSorting from './SearchSorting';
|
|
19
|
+
import SearchLoadMore from './SearchLoadMore';
|
|
20
|
+
export default {
|
|
31
21
|
title: 'Molecules/SearchKit',
|
|
32
|
-
component:
|
|
22
|
+
component: SearchKit
|
|
33
23
|
};
|
|
34
|
-
exports.default = _default;
|
|
35
24
|
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";
|
|
36
25
|
var SearchItem = function SearchItem(_ref) {
|
|
37
26
|
var item = _ref.item;
|
|
38
|
-
return /*#__PURE__*/
|
|
27
|
+
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h3", null, item.fields.title[0]));
|
|
39
28
|
};
|
|
40
29
|
var SearchHeader = function SearchHeader(_ref2) {
|
|
41
30
|
var data = _ref2.data;
|
|
42
|
-
return /*#__PURE__*/
|
|
31
|
+
return /*#__PURE__*/React.createElement("h2", null, data.results.summary.total, " Resultaten");
|
|
43
32
|
};
|
|
44
|
-
var Default = function Default(args) {
|
|
45
|
-
return /*#__PURE__*/
|
|
33
|
+
export var Default = function Default(args) {
|
|
34
|
+
return /*#__PURE__*/React.createElement(SearchKit, _extends({
|
|
46
35
|
uri: "http://localhost:4000/api/graphql",
|
|
47
36
|
query: query
|
|
48
37
|
}, args), function (data, loading) {
|
|
49
|
-
return /*#__PURE__*/
|
|
38
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchField, null), /*#__PURE__*/React.createElement(SearchFacets, {
|
|
50
39
|
data: data === null || data === void 0 ? void 0 : data.content,
|
|
51
40
|
loading: loading
|
|
52
|
-
}), /*#__PURE__*/
|
|
41
|
+
}), /*#__PURE__*/React.createElement(SearchSelectedFilters, {
|
|
53
42
|
data: data === null || data === void 0 ? void 0 : data.content,
|
|
54
43
|
loading: loading
|
|
55
|
-
}), /*#__PURE__*/
|
|
44
|
+
}), /*#__PURE__*/React.createElement(SearchSorting, {
|
|
56
45
|
data: data === null || data === void 0 ? void 0 : data.content,
|
|
57
46
|
loading: loading
|
|
58
|
-
}), /*#__PURE__*/
|
|
47
|
+
}), /*#__PURE__*/React.createElement(SearchReset, {
|
|
59
48
|
loading: loading
|
|
60
|
-
}), /*#__PURE__*/
|
|
49
|
+
}), /*#__PURE__*/React.createElement(SearchResults, {
|
|
61
50
|
data: data === null || data === void 0 ? void 0 : data.content,
|
|
62
51
|
renderItem: SearchItem,
|
|
63
52
|
renderHeader: SearchHeader
|
|
64
|
-
}), /*#__PURE__*/
|
|
53
|
+
}), /*#__PURE__*/React.createElement(SearchPagination, {
|
|
65
54
|
data: data === null || data === void 0 ? void 0 : data.content
|
|
66
55
|
}));
|
|
67
56
|
});
|
|
68
57
|
};
|
|
69
|
-
exports.Default = Default;
|
|
70
58
|
var ListFacet = function ListFacet(_ref3) {
|
|
71
59
|
var facet = _ref3.facet;
|
|
72
|
-
var api =
|
|
73
|
-
return /*#__PURE__*/
|
|
60
|
+
var api = useSearchkit();
|
|
61
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
74
62
|
className: "Facet ListFacet",
|
|
75
63
|
key: facet.identifier
|
|
76
|
-
}, /*#__PURE__*/
|
|
64
|
+
}, /*#__PURE__*/React.createElement("span", null, "CUSTOM ", facet.label), /*#__PURE__*/React.createElement("div", null, facet.entries.map(function (entry) {
|
|
77
65
|
var isSelected = api.isFilterSelected({
|
|
78
66
|
identifier: facet.identifier,
|
|
79
67
|
value: entry.label
|
|
80
68
|
});
|
|
81
|
-
var classes = (
|
|
69
|
+
var classes = classNames({
|
|
82
70
|
selected: isSelected,
|
|
83
71
|
disabled: parseInt(entry.count) === 0
|
|
84
72
|
});
|
|
85
|
-
return /*#__PURE__*/
|
|
73
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
86
74
|
className: classes,
|
|
87
75
|
key: entry.label
|
|
88
|
-
}, /*#__PURE__*/
|
|
76
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
89
77
|
onClick: function onClick() {
|
|
90
78
|
api.toggleFilter({
|
|
91
79
|
identifier: facet.identifier,
|
|
@@ -98,45 +86,44 @@ var ListFacet = function ListFacet(_ref3) {
|
|
|
98
86
|
})));
|
|
99
87
|
};
|
|
100
88
|
ListFacet.DISPLAY = 'ListFacet';
|
|
101
|
-
var CustomFacets = function CustomFacets(args) {
|
|
89
|
+
export var CustomFacets = function CustomFacets(args) {
|
|
102
90
|
var customFacets = [ListFacet];
|
|
103
|
-
return /*#__PURE__*/
|
|
91
|
+
return /*#__PURE__*/React.createElement(SearchKit, _extends({
|
|
104
92
|
uri: "http://localhost:4000/api/graphql",
|
|
105
93
|
query: query
|
|
106
94
|
}, args), function (data, loading) {
|
|
107
|
-
return /*#__PURE__*/
|
|
95
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchField, null), /*#__PURE__*/React.createElement(SearchFacets, {
|
|
108
96
|
data: data === null || data === void 0 ? void 0 : data.content,
|
|
109
97
|
loading: loading,
|
|
110
98
|
facets: customFacets
|
|
111
|
-
}), /*#__PURE__*/
|
|
99
|
+
}), /*#__PURE__*/React.createElement(SearchSelectedFilters, {
|
|
112
100
|
data: data === null || data === void 0 ? void 0 : data.content,
|
|
113
101
|
loading: loading
|
|
114
|
-
}), /*#__PURE__*/
|
|
102
|
+
}), /*#__PURE__*/React.createElement(SearchSorting, {
|
|
115
103
|
data: data === null || data === void 0 ? void 0 : data.content,
|
|
116
104
|
loading: loading
|
|
117
|
-
}), /*#__PURE__*/
|
|
105
|
+
}), /*#__PURE__*/React.createElement(SearchReset, {
|
|
118
106
|
loading: loading
|
|
119
|
-
}), /*#__PURE__*/
|
|
107
|
+
}), /*#__PURE__*/React.createElement(SearchResults, {
|
|
120
108
|
data: data === null || data === void 0 ? void 0 : data.content,
|
|
121
109
|
renderItem: SearchItem,
|
|
122
110
|
renderHeader: SearchHeader
|
|
123
|
-
}), /*#__PURE__*/
|
|
111
|
+
}), /*#__PURE__*/React.createElement(SearchPagination, {
|
|
124
112
|
data: data === null || data === void 0 ? void 0 : data.content
|
|
125
113
|
}));
|
|
126
114
|
});
|
|
127
115
|
};
|
|
128
|
-
|
|
129
|
-
var
|
|
130
|
-
var _useState = (0, _react.useState)(null),
|
|
116
|
+
export var Test = function Test(args) {
|
|
117
|
+
var _useState = useState(null),
|
|
131
118
|
_useState2 = _slicedToArray(_useState, 2),
|
|
132
119
|
q = _useState2[0],
|
|
133
120
|
setQ = _useState2[1];
|
|
134
|
-
return /*#__PURE__*/
|
|
121
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", {
|
|
135
122
|
onChange: function onChange(e) {
|
|
136
123
|
return setQ(e.target.value);
|
|
137
124
|
},
|
|
138
125
|
value: q
|
|
139
|
-
}), /*#__PURE__*/
|
|
126
|
+
}), /*#__PURE__*/React.createElement(SearchKit, _extends({
|
|
140
127
|
uri: "http://localhost:4000/api/graphql",
|
|
141
128
|
query: query,
|
|
142
129
|
useRouting: false,
|
|
@@ -146,14 +133,14 @@ var Test = function Test(args) {
|
|
|
146
133
|
}],
|
|
147
134
|
searchQuery: q
|
|
148
135
|
}, args), function (data, loading) {
|
|
149
|
-
return /*#__PURE__*/
|
|
136
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchResults, {
|
|
150
137
|
data: data === null || data === void 0 ? void 0 : data.content,
|
|
151
138
|
renderItem: SearchItem,
|
|
152
139
|
renderHeader: SearchHeader
|
|
153
|
-
}), /*#__PURE__*/
|
|
140
|
+
}), /*#__PURE__*/React.createElement(SearchPagination, {
|
|
154
141
|
data: data === null || data === void 0 ? void 0 : data.content
|
|
155
142
|
}));
|
|
156
|
-
}), /*#__PURE__*/
|
|
143
|
+
}), /*#__PURE__*/React.createElement(SearchKit, {
|
|
157
144
|
uri: "http://localhost:4000/api/graphql",
|
|
158
145
|
query: query,
|
|
159
146
|
useRouting: false,
|
|
@@ -163,19 +150,18 @@ var Test = function Test(args) {
|
|
|
163
150
|
}],
|
|
164
151
|
searchQuery: q
|
|
165
152
|
}, function (data, loading) {
|
|
166
|
-
return /*#__PURE__*/
|
|
153
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SearchResults, {
|
|
167
154
|
data: data === null || data === void 0 ? void 0 : data.content,
|
|
168
155
|
renderItem: SearchItem,
|
|
169
156
|
renderHeader: SearchHeader
|
|
170
|
-
}), /*#__PURE__*/
|
|
157
|
+
}), /*#__PURE__*/React.createElement(SearchPagination, {
|
|
171
158
|
data: data === null || data === void 0 ? void 0 : data.content
|
|
172
159
|
}));
|
|
173
160
|
}));
|
|
174
161
|
};
|
|
175
|
-
|
|
176
|
-
var
|
|
177
|
-
|
|
178
|
-
return /*#__PURE__*/_react.default.createElement(_.default, _extends({
|
|
162
|
+
export var LoadMore = function LoadMore(args) {
|
|
163
|
+
var api = useSearchkit();
|
|
164
|
+
return /*#__PURE__*/React.createElement(SearchKit, _extends({
|
|
179
165
|
uri: "http://localhost:4000/api/graphql",
|
|
180
166
|
query: query
|
|
181
167
|
// useRouting={false}
|
|
@@ -189,17 +175,16 @@ var LoadMore = function LoadMore(args) {
|
|
|
189
175
|
});
|
|
190
176
|
api.search();
|
|
191
177
|
};
|
|
192
|
-
return /*#__PURE__*/
|
|
178
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
|
|
193
179
|
type: "button",
|
|
194
180
|
onClick: toggleFilter
|
|
195
|
-
}, "Toggle"), /*#__PURE__*/
|
|
181
|
+
}, "Toggle"), /*#__PURE__*/React.createElement(SearchResults, {
|
|
196
182
|
data: data === null || data === void 0 ? void 0 : data.content,
|
|
197
183
|
renderItem: SearchItem,
|
|
198
184
|
renderHeader: SearchHeader,
|
|
199
185
|
appendResults: true
|
|
200
|
-
}), /*#__PURE__*/
|
|
186
|
+
}), /*#__PURE__*/React.createElement(SearchLoadMore, {
|
|
201
187
|
data: data === null || data === void 0 ? void 0 : data.content
|
|
202
188
|
}));
|
|
203
189
|
});
|
|
204
|
-
};
|
|
205
|
-
exports.LoadMore = LoadMore;
|
|
190
|
+
};
|
|
@@ -1,37 +1,30 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _reactShare = require("react-share");
|
|
9
|
-
require("./style.scss");
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { EmailShareButton, FacebookShareButton, LinkedinShareButton, TwitterShareButton, WhatsappShareButton } from 'react-share';
|
|
3
|
+
import './style.scss';
|
|
11
4
|
var ShareButton = function ShareButton(_ref) {
|
|
12
5
|
var type = _ref.type,
|
|
13
6
|
pageTitle = _ref.pageTitle,
|
|
14
7
|
url = _ref.url,
|
|
15
8
|
_onClick = _ref.onClick;
|
|
16
9
|
var types = {
|
|
17
|
-
mail:
|
|
18
|
-
facebook:
|
|
19
|
-
linkedin:
|
|
20
|
-
twitter:
|
|
21
|
-
whatsapp:
|
|
10
|
+
mail: EmailShareButton,
|
|
11
|
+
facebook: FacebookShareButton,
|
|
12
|
+
linkedin: LinkedinShareButton,
|
|
13
|
+
twitter: TwitterShareButton,
|
|
14
|
+
whatsapp: WhatsappShareButton
|
|
22
15
|
};
|
|
23
16
|
var Component = types[type];
|
|
24
|
-
return /*#__PURE__*/
|
|
17
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
25
18
|
className: "Share__item-wrapper",
|
|
26
19
|
onClick: function onClick() {
|
|
27
20
|
return _onClick(type);
|
|
28
21
|
}
|
|
29
|
-
}, /*#__PURE__*/
|
|
22
|
+
}, /*#__PURE__*/React.createElement(Component, {
|
|
30
23
|
body: pageTitle,
|
|
31
24
|
url: url
|
|
32
|
-
}, /*#__PURE__*/
|
|
25
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
33
26
|
className: "Share__item ".concat(type)
|
|
34
|
-
}, /*#__PURE__*/
|
|
27
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
35
28
|
className: "icon icon-".concat(type, " icon-variant-3")
|
|
36
29
|
}))));
|
|
37
30
|
};
|
|
@@ -43,7 +36,7 @@ var Share = function Share(_ref2) {
|
|
|
43
36
|
onClick = _ref2.onClick;
|
|
44
37
|
var windowUrl = url || window.location.href;
|
|
45
38
|
var buttons = items.map(function (item) {
|
|
46
|
-
return /*#__PURE__*/
|
|
39
|
+
return /*#__PURE__*/React.createElement(ShareButton, {
|
|
47
40
|
type: item,
|
|
48
41
|
key: "".concat(item, ":").concat(url),
|
|
49
42
|
pageTitle: pageTitle,
|
|
@@ -51,13 +44,13 @@ var Share = function Share(_ref2) {
|
|
|
51
44
|
url: windowUrl
|
|
52
45
|
});
|
|
53
46
|
});
|
|
54
|
-
return /*#__PURE__*/
|
|
47
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
55
48
|
className: "Share"
|
|
56
|
-
}, /*#__PURE__*/
|
|
49
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
57
50
|
className: "Share__wrapper"
|
|
58
|
-
}, /*#__PURE__*/
|
|
51
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
59
52
|
className: "Share__title"
|
|
60
|
-
}, title), /*#__PURE__*/
|
|
53
|
+
}, title), /*#__PURE__*/React.createElement("div", {
|
|
61
54
|
className: "Share__buttons"
|
|
62
55
|
}, buttons)));
|
|
63
56
|
};
|
|
@@ -68,5 +61,4 @@ Share.defaultProps = {
|
|
|
68
61
|
items: ['mail', 'facebook', 'linkedin', 'twitter', 'whatsapp'],
|
|
69
62
|
onClick: function onClick() {}
|
|
70
63
|
};
|
|
71
|
-
|
|
72
|
-
exports.default = _default;
|
|
64
|
+
export default Share;
|
|
@@ -1,18 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.Default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _ = _interopRequireDefault(require("."));
|
|
9
|
-
require("./stories.scss");
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
var _default = {
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Share from '.';
|
|
3
|
+
import './stories.scss';
|
|
4
|
+
export default {
|
|
12
5
|
title: 'Organisms/Share'
|
|
13
6
|
};
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
};
|
|
18
|
-
exports.Default = Default;
|
|
7
|
+
export var Default = function Default() {
|
|
8
|
+
return /*#__PURE__*/React.createElement(Share, null);
|
|
9
|
+
};
|
|
@@ -1,28 +1,21 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _reactSlick = _interopRequireDefault(require("react-slick"));
|
|
9
|
-
var _useValueForCurrentViewPort = _interopRequireDefault(require("../../../helpers/useValueForCurrentViewPort"));
|
|
10
|
-
require("./style.scss");
|
|
11
1
|
var _excluded = ["children", "title", "slidesToShow", "sliderRef"];
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
2
|
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); }
|
|
14
3
|
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; }
|
|
15
4
|
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; }
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import Slider from 'react-slick';
|
|
7
|
+
import useValueForCurrentViewPort from '../../../helpers/useValueForCurrentViewPort';
|
|
8
|
+
import './style.scss';
|
|
16
9
|
var SliderNextArrow = function SliderNextArrow(_ref) {
|
|
17
10
|
var onClick = _ref.onClick;
|
|
18
|
-
return /*#__PURE__*/
|
|
11
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
19
12
|
className: "SliderRelated__next",
|
|
20
13
|
onClick: onClick
|
|
21
14
|
});
|
|
22
15
|
};
|
|
23
16
|
var SliderPrevArrow = function SliderPrevArrow(_ref2) {
|
|
24
17
|
var onClick = _ref2.onClick;
|
|
25
|
-
return /*#__PURE__*/
|
|
18
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
26
19
|
className: "SliderRelated__prev",
|
|
27
20
|
onClick: onClick
|
|
28
21
|
});
|
|
@@ -33,8 +26,8 @@ var SliderRelated = function SliderRelated(props) {
|
|
|
33
26
|
slidesToShow = props.slidesToShow,
|
|
34
27
|
sliderRef = props.sliderRef,
|
|
35
28
|
sliderProps = _objectWithoutProperties(props, _excluded);
|
|
36
|
-
var centerPadding = (
|
|
37
|
-
return /*#__PURE__*/
|
|
29
|
+
var centerPadding = useValueForCurrentViewPort('10%', '10%', '10%', '10%', '10%');
|
|
30
|
+
return /*#__PURE__*/React.createElement(Slider, _extends({}, sliderProps, {
|
|
38
31
|
centerPadding: centerPadding,
|
|
39
32
|
slidesToShow: slidesToShow,
|
|
40
33
|
ref: sliderRef
|
|
@@ -52,9 +45,8 @@ SliderRelated.defaultProps = {
|
|
|
52
45
|
pauseOnFocus: true,
|
|
53
46
|
accessibility: true,
|
|
54
47
|
touchMove: true,
|
|
55
|
-
nextArrow: /*#__PURE__*/
|
|
56
|
-
prevArrow: /*#__PURE__*/
|
|
48
|
+
nextArrow: /*#__PURE__*/React.createElement(SliderNextArrow, null),
|
|
49
|
+
prevArrow: /*#__PURE__*/React.createElement(SliderPrevArrow, null),
|
|
57
50
|
sliderRef: null
|
|
58
51
|
};
|
|
59
|
-
|
|
60
|
-
exports.default = _default;
|
|
52
|
+
export default SliderRelated;
|
|
@@ -1,16 +1,9 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.Two = exports.Three = exports.One = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _ = _interopRequireDefault(require("."));
|
|
9
|
-
var _Button = _interopRequireDefault(require("../../Button"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
1
|
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); }
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import SliderRelated from '.';
|
|
4
|
+
import Button from '../../Button';
|
|
12
5
|
var d = {
|
|
13
|
-
component:
|
|
6
|
+
component: SliderRelated,
|
|
14
7
|
title: 'Organisms/SliderRelated',
|
|
15
8
|
parameters: {
|
|
16
9
|
info: {
|
|
@@ -18,8 +11,7 @@ var d = {
|
|
|
18
11
|
}
|
|
19
12
|
}
|
|
20
13
|
};
|
|
21
|
-
|
|
22
|
-
exports.default = _default;
|
|
14
|
+
export default d;
|
|
23
15
|
var defaultProps = {
|
|
24
16
|
autoplay: false
|
|
25
17
|
};
|
|
@@ -30,7 +22,7 @@ var Teaser = function Teaser(_ref) {
|
|
|
30
22
|
content = _ref.content,
|
|
31
23
|
buttonText = _ref.buttonText,
|
|
32
24
|
buttonLink = _ref.buttonLink;
|
|
33
|
-
return /*#__PURE__*/
|
|
25
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
34
26
|
className: "Teaser",
|
|
35
27
|
style: {
|
|
36
28
|
margin: '10px',
|
|
@@ -38,22 +30,22 @@ var Teaser = function Teaser(_ref) {
|
|
|
38
30
|
flexDirection: 'column',
|
|
39
31
|
flex: '1 1 auto'
|
|
40
32
|
}
|
|
41
|
-
}, /*#__PURE__*/
|
|
33
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
42
34
|
src: image,
|
|
43
35
|
alt: imageAlt,
|
|
44
36
|
style: {
|
|
45
37
|
width: '100%',
|
|
46
38
|
maxWidth: '100%'
|
|
47
39
|
}
|
|
48
|
-
}), /*#__PURE__*/
|
|
40
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
49
41
|
className: "Teaser__content"
|
|
50
|
-
}, /*#__PURE__*/
|
|
42
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
51
43
|
className: "Teaser__content__title"
|
|
52
|
-
}, title), /*#__PURE__*/
|
|
44
|
+
}, title), /*#__PURE__*/React.createElement("div", {
|
|
53
45
|
className: "Teaser__content__body"
|
|
54
|
-
}, content), /*#__PURE__*/
|
|
46
|
+
}, content), /*#__PURE__*/React.createElement("div", {
|
|
55
47
|
className: "Teaser__content__read_more"
|
|
56
|
-
}, buttonText && buttonLink && /*#__PURE__*/
|
|
48
|
+
}, buttonText && buttonLink && /*#__PURE__*/React.createElement(Button, {
|
|
57
49
|
primary: false,
|
|
58
50
|
href: buttonLink
|
|
59
51
|
}, buttonText))));
|
|
@@ -64,28 +56,25 @@ var children = Array.from(Array(6).keys()).map(function (i) {
|
|
|
64
56
|
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.'];
|
|
65
57
|
var buttonText = 'Read more';
|
|
66
58
|
var buttonLink = '#';
|
|
67
|
-
return /*#__PURE__*/
|
|
59
|
+
return /*#__PURE__*/React.createElement(Teaser, {
|
|
68
60
|
key: i,
|
|
69
61
|
image: image[Math.round(Math.random(image.length))],
|
|
70
|
-
title: /*#__PURE__*/
|
|
71
|
-
content: /*#__PURE__*/
|
|
62
|
+
title: /*#__PURE__*/React.createElement("h2", null, title),
|
|
63
|
+
content: /*#__PURE__*/React.createElement("p", null, content[Math.round(Math.random(content.length))]),
|
|
72
64
|
buttonText: buttonText,
|
|
73
65
|
buttonLink: buttonLink
|
|
74
66
|
});
|
|
75
67
|
});
|
|
76
|
-
var One = function One() {
|
|
77
|
-
return /*#__PURE__*/
|
|
68
|
+
export var One = function One() {
|
|
69
|
+
return /*#__PURE__*/React.createElement(SliderRelated, _extends({}, defaultProps, {
|
|
78
70
|
slidesToShow: 1
|
|
79
71
|
}), children);
|
|
80
72
|
};
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
return /*#__PURE__*/_react.default.createElement(_.default, _extends({}, defaultProps, {
|
|
73
|
+
export var Two = function Two() {
|
|
74
|
+
return /*#__PURE__*/React.createElement(SliderRelated, _extends({}, defaultProps, {
|
|
84
75
|
slidesToShow: 2
|
|
85
76
|
}), children);
|
|
86
77
|
};
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
};
|
|
91
|
-
exports.Three = Three;
|
|
78
|
+
export var Three = function Three() {
|
|
79
|
+
return /*#__PURE__*/React.createElement(SliderRelated, defaultProps, children);
|
|
80
|
+
};
|