@uncinc/uncinc-react-kitchen-sink 2.7.9 → 2.7.11

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.
Files changed (121) hide show
  1. package/dist/Context/KitchenSinkComponentMapperContext.js +3 -11
  2. package/dist/Context/ViewportContext.js +8 -21
  3. package/dist/Context/withMapping.js +6 -17
  4. package/dist/components/AbbreviationAnnotation/index.js +17 -28
  5. package/dist/components/Accordion/AccordionItem/index.js +19 -27
  6. package/dist/components/Accordion/AccordionItemVariant/index.js +14 -25
  7. package/dist/components/Accordion/index.js +6 -14
  8. package/dist/components/ApiAutocomplete/index.js +7 -17
  9. package/dist/components/Button/index.js +22 -31
  10. package/dist/components/CallToAction/index.js +12 -20
  11. package/dist/components/Cookie/Checkbox/index.js +6 -14
  12. package/dist/components/Cookie/index.js +59 -69
  13. package/dist/components/Dialog/DialogHelpersStory/index.js +13 -25
  14. package/dist/components/Dialog/DialogHookStory/index.js +12 -21
  15. package/dist/components/Dialog/DialogOverrideStory/index.js +9 -18
  16. package/dist/components/Dialog/index.js +35 -46
  17. package/dist/components/Download/index.js +14 -22
  18. package/dist/components/FontSizeSwitcher/index.js +17 -28
  19. package/dist/components/Form/Checkbox/index.js +18 -27
  20. package/dist/components/Form/Checkboxes/index.js +23 -31
  21. package/dist/components/Form/DateField/index.js +6 -14
  22. package/dist/components/Form/DatePicker/index.js +16 -24
  23. package/dist/components/Form/DatePickerRange/Picker/index.js +18 -26
  24. package/dist/components/Form/DatePickerRange/index.js +37 -47
  25. package/dist/components/Form/DateSelect/index.js +22 -33
  26. package/dist/components/Form/Email/index.js +4 -12
  27. package/dist/components/Form/FormikWrapper/index.js +13 -24
  28. package/dist/components/Form/GenericFormElement/index.js +14 -22
  29. package/dist/components/Form/Number/index.js +6 -14
  30. package/dist/components/Form/RadioButtons/index.js +23 -31
  31. package/dist/components/Form/SearchField/index.js +14 -22
  32. package/dist/components/Form/Select/Input/index.js +15 -23
  33. package/dist/components/Form/Select/index.js +12 -20
  34. package/dist/components/Form/TextField/index.js +16 -25
  35. package/dist/components/Form/Textarea/index.js +14 -22
  36. package/dist/components/Form/commonTests.js +19 -32
  37. package/dist/components/Form/index.js +13 -97
  38. package/dist/components/Hamburger/index.js +7 -15
  39. package/dist/components/Header/index.js +23 -38
  40. package/dist/components/Icon/index.js +9 -17
  41. package/dist/components/Image/AdaptivePicture/index.js +16 -23
  42. package/dist/components/Image/Background/index.js +10 -21
  43. package/dist/components/Image/LazyLoadWrapper/index.js +16 -26
  44. package/dist/components/Image/Picture/index.js +25 -33
  45. package/dist/components/Image/helpers/index.js +11 -21
  46. package/dist/components/Image/index.js +16 -24
  47. package/dist/components/InlineMenu/index.js +26 -37
  48. package/dist/components/Layout/Container/index.js +13 -21
  49. package/dist/components/Layout/QuickLayout/Auto/index.js +5 -13
  50. package/dist/components/Layout/QuickLayout/Center/index.js +6 -14
  51. package/dist/components/Layout/QuickLayout/Clamp/index.js +5 -13
  52. package/dist/components/Layout/QuickLayout/Sidebar/index.js +6 -14
  53. package/dist/components/Layout/QuickLayout/SpaceBetween/index.js +6 -14
  54. package/dist/components/Layout/QuickLayout/Stack/index.js +6 -14
  55. package/dist/components/Layout/QuickLayout/Wrap/index.js +7 -15
  56. package/dist/components/Layout/QuickLayout/index.js +16 -24
  57. package/dist/components/Lottie/LottieAnimation/index.js +12 -23
  58. package/dist/components/Lottie/LottieAnimationWithMousePosition.js +8 -19
  59. package/dist/components/Lottie/index.js +29 -41
  60. package/dist/components/MagicLine/index.js +12 -23
  61. package/dist/components/MediaPlayer/index.js +19 -28
  62. package/dist/components/MediaPlayer/types.js +1 -1
  63. package/dist/components/NavigationScroll/index.js +11 -21
  64. package/dist/components/PDFReader/ControlPanel/index.d.ts +20 -0
  65. package/dist/components/PDFReader/ControlPanel/index.js +166 -0
  66. package/dist/components/PDFReader/ControlPanel/style.scss +14 -0
  67. package/dist/components/PDFReader/index.d.ts +19 -0
  68. package/dist/components/PDFReader/index.js +89 -0
  69. package/dist/components/Pagination/index.js +28 -37
  70. package/dist/components/SearchKit/Facets/ChipFacet/index.js +11 -20
  71. package/dist/components/SearchKit/Facets/ListFacet/index.js +11 -20
  72. package/dist/components/SearchKit/Facets/SelectFacet/index.js +15 -24
  73. package/dist/components/SearchKit/Query/index.js +13 -24
  74. package/dist/components/SearchKit/SearchFacets/index.js +10 -18
  75. package/dist/components/SearchKit/SearchField/index.js +12 -23
  76. package/dist/components/SearchKit/SearchLoadMore/index.js +7 -15
  77. package/dist/components/SearchKit/SearchPage/index.js +8 -17
  78. package/dist/components/SearchKit/SearchPagination/index.js +6 -14
  79. package/dist/components/SearchKit/SearchReset/index.js +8 -16
  80. package/dist/components/SearchKit/SearchResults/index.js +28 -39
  81. package/dist/components/SearchKit/SearchSelectedFilters/Filters/CustomValue/index.js +6 -14
  82. package/dist/components/SearchKit/SearchSelectedFilters/Filters/DateRange/index.js +6 -14
  83. package/dist/components/SearchKit/SearchSelectedFilters/Filters/NumericRange/index.js +6 -14
  84. package/dist/components/SearchKit/SearchSelectedFilters/Filters/Value/index.js +7 -18
  85. package/dist/components/SearchKit/SearchSelectedFilters/index.js +18 -26
  86. package/dist/components/SearchKit/SearchSorting/index.js +9 -17
  87. package/dist/components/SearchKit/index.js +29 -40
  88. package/dist/components/Share/index.js +18 -26
  89. package/dist/components/Sliders/SliderRelated/index.js +11 -19
  90. package/dist/components/TableRender/index.js +12 -23
  91. package/dist/components/Tag/index.js +10 -18
  92. package/dist/components/TitleWithText/index.js +8 -16
  93. package/dist/components/WysiwygField/index.js +10 -18
  94. package/dist/components/index.js +17 -127
  95. package/dist/config/constants.js +17 -37
  96. package/dist/config/i18next/index.js +9 -17
  97. package/dist/config/i18next/locales/en.json +5 -0
  98. package/dist/config/i18next/locales/nl.json +5 -0
  99. package/dist/custom.d.js +0 -1
  100. package/dist/helpers/date.js +4 -13
  101. package/dist/helpers/gtm.js +4 -11
  102. package/dist/helpers/link.js +4 -12
  103. package/dist/helpers/useValueForCurrentViewPort.js +6 -13
  104. package/dist/hooks/useBoolean.js +6 -12
  105. package/dist/hooks/useClickOutside.js +3 -9
  106. package/dist/hooks/useDialog.js +6 -13
  107. package/dist/hooks/useDialogHelpers.js +11 -18
  108. package/dist/hooks/useEscape.js +3 -9
  109. package/dist/hooks/useOnScreen.js +4 -10
  110. package/dist/hooks/usePrevious.js +4 -10
  111. package/dist/hooks/useScrollPosition.js +4 -11
  112. package/dist/hooks/useTrapFocus.js +3 -9
  113. package/dist/hooks/useWindowDimensions.js +4 -10
  114. package/dist/index.d.ts +1 -0
  115. package/dist/index.js +90 -564
  116. package/dist/organisms/Downloads/index.js +10 -18
  117. package/dist/organisms/ImageGrid/index.js +5 -13
  118. package/dist/organisms/Quote/index.js +16 -24
  119. package/dist/organisms/Text/index.js +20 -31
  120. package/dist/setupTests.js +2 -5
  121. package/package.json +11 -4
@@ -1,16 +1,9 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _client = require("@searchkit/client");
8
- var _react = _interopRequireDefault(require("react"));
9
- var _FormikWrapper = _interopRequireDefault(require("../../Form/FormikWrapper"));
10
- var _Select = _interopRequireDefault(require("../../Form/Select"));
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
1
+ import { useSearchkit, useSearchkitVariables } from '@searchkit/client';
2
+ import React from 'react';
3
+ import FormikWrapper from '../../Form/FormikWrapper';
4
+ import Select from '../../Form/Select';
12
5
  var useInitialValues = function useInitialValues() {
13
- var parsed = (0, _client.useSearchkitVariables)();
6
+ var parsed = useSearchkitVariables();
14
7
  return {
15
8
  'sortBy': parsed.sortBy
16
9
  };
@@ -19,7 +12,7 @@ var SearchSorting = function SearchSorting(_ref) {
19
12
  var _data$results, _data$results$summary, _data$results$summary2;
20
13
  var data = _ref.data,
21
14
  loading = _ref.loading;
22
- var api = (0, _client.useSearchkit)();
15
+ var api = useSearchkit();
23
16
  var initialValues = useInitialValues();
24
17
  var options = (data === null || data === void 0 ? void 0 : (_data$results = data.results) === null || _data$results === void 0 ? void 0 : (_data$results$summary = _data$results.summary) === null || _data$results$summary === void 0 ? void 0 : (_data$results$summary2 = _data$results$summary.sortOptions) === null || _data$results$summary2 === void 0 ? void 0 : _data$results$summary2.map(function (sortOption) {
25
18
  return {
@@ -27,9 +20,9 @@ var SearchSorting = function SearchSorting(_ref) {
27
20
  label: sortOption.label
28
21
  };
29
22
  })) || [];
30
- return /*#__PURE__*/_react.default.createElement(_FormikWrapper.default, {
23
+ return /*#__PURE__*/React.createElement(FormikWrapper, {
31
24
  initialValues: initialValues
32
- }, /*#__PURE__*/_react.default.createElement(_Select.default, {
25
+ }, /*#__PURE__*/React.createElement(Select, {
33
26
  fieldName: "sortBy",
34
27
  isClearable: false,
35
28
  isSearchable: false,
@@ -44,5 +37,4 @@ var SearchSorting = function SearchSorting(_ref) {
44
37
  }
45
38
  }));
46
39
  };
47
- var _default = SearchSorting;
48
- exports.default = _default;
40
+ export default SearchSorting;
@@ -1,33 +1,23 @@
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 = void 0;
8
- var _react = _interopRequireWildcard(require("react"));
9
- var _client = require("@apollo/client");
10
- var _client2 = require("@searchkit/client");
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__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_SearchField.default, null), /*#__PURE__*/_react.default.createElement(_SearchFacets.default, {
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__*/_react.default.createElement(_SearchSelectedFilters.default, {
15
+ }), /*#__PURE__*/React.createElement(SearchSelectedFilters, {
26
16
  data: data,
27
17
  loading: loading
28
- }), /*#__PURE__*/_react.default.createElement(_SearchResults.default, {
18
+ }), /*#__PURE__*/React.createElement(SearchResults, {
29
19
  data: data
30
- }), /*#__PURE__*/_react.default.createElement(_SearchPagination.default, {
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 = (0, _react.useMemo)(function () {
49
- return new _client.ApolloClient({
38
+ var client = useMemo(function () {
39
+ return new ApolloClient({
50
40
  uri: uri,
51
- cache: new _client.InMemoryCache()
41
+ cache: new InMemoryCache()
52
42
  });
53
43
  }, [uri]);
54
- var skClient = (0, _react.useMemo)(function () {
55
- var skClient = new _client2.SearchkitClient();
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__*/_react.default.createElement(_client.ApolloProvider, {
57
+ return /*#__PURE__*/React.createElement(ApolloProvider, {
68
58
  client: client
69
- }, /*#__PURE__*/_react.default.createElement(_client2.SearchkitProvider, {
59
+ }, /*#__PURE__*/React.createElement(SearchkitProvider, {
70
60
  client: skClient,
71
61
  key: "".concat(defaultQuery, "-").concat(defaultFilters.toString())
72
- }, /*#__PURE__*/_react.default.createElement(_Query.default, {
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: _propTypes.default.string,
81
- pageSize: _propTypes.default.number,
82
- useRouting: _propTypes.default.bool,
83
- defaultFilters: _propTypes.default.object,
84
- defaultQuery: _propTypes.default.string,
85
- defaultSorting: _propTypes.default.string
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
- var _default = SearchKit;
96
- exports.default = _default;
85
+ export default SearchKit;
@@ -1,37 +1,30 @@
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 _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: _reactShare.EmailShareButton,
18
- facebook: _reactShare.FacebookShareButton,
19
- linkedin: _reactShare.LinkedinShareButton,
20
- twitter: _reactShare.TwitterShareButton,
21
- whatsapp: _reactShare.WhatsappShareButton
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__*/_react.default.createElement("div", {
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__*/_react.default.createElement(Component, {
22
+ }, /*#__PURE__*/React.createElement(Component, {
30
23
  body: pageTitle,
31
24
  url: url
32
- }, /*#__PURE__*/_react.default.createElement("div", {
25
+ }, /*#__PURE__*/React.createElement("div", {
33
26
  className: "Share__item ".concat(type)
34
- }, /*#__PURE__*/_react.default.createElement("div", {
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__*/_react.default.createElement(ShareButton, {
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__*/_react.default.createElement("div", {
47
+ return /*#__PURE__*/React.createElement("div", {
55
48
  className: "Share"
56
- }, /*#__PURE__*/_react.default.createElement("div", {
49
+ }, /*#__PURE__*/React.createElement("div", {
57
50
  className: "Share__wrapper"
58
- }, /*#__PURE__*/_react.default.createElement("div", {
51
+ }, /*#__PURE__*/React.createElement("div", {
59
52
  className: "Share__title"
60
- }, title), /*#__PURE__*/_react.default.createElement("div", {
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
- var _default = Share;
72
- exports.default = _default;
64
+ export default Share;
@@ -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__*/_react.default.createElement("div", {
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__*/_react.default.createElement("div", {
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 = (0, _useValueForCurrentViewPort.default)('10%', '10%', '10%', '10%', '10%');
37
- return /*#__PURE__*/_react.default.createElement(_reactSlick.default, _extends({}, sliderProps, {
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__*/_react.default.createElement(SliderNextArrow, null),
56
- prevArrow: /*#__PURE__*/_react.default.createElement(SliderPrevArrow, null),
48
+ nextArrow: /*#__PURE__*/React.createElement(SliderNextArrow, null),
49
+ prevArrow: /*#__PURE__*/React.createElement(SliderPrevArrow, null),
57
50
  sliderRef: null
58
51
  };
59
- var _default = SliderRelated;
60
- exports.default = _default;
52
+ export default SliderRelated;
@@ -1,31 +1,21 @@
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 = void 0;
8
- var _react = _interopRequireWildcard(require("react"));
9
- var _classnames = _interopRequireDefault(require("classnames"));
10
- var _useWindowDimensions2 = _interopRequireDefault(require("../../hooks/useWindowDimensions"));
11
- var _constants = require("../../config/constants");
12
- require("./style.scss");
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
- 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); }
15
- 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, useRef } from 'react';
2
+ import c from 'classnames';
3
+ import useWindowDimensions from '../../hooks/useWindowDimensions';
4
+ import { SCREEN_TABLET } from '../../config/constants';
5
+ import './style.scss';
16
6
  var TableRender = function TableRender(_ref) {
17
7
  var element = _ref.element,
18
8
  _ref$mobileCards = _ref.mobileCards,
19
9
  mobileCards = _ref$mobileCards === void 0 ? false : _ref$mobileCards,
20
10
  _ref$mobileCardsBreak = _ref.mobileCardsBreakpoint,
21
- mobileCardsBreakpoint = _ref$mobileCardsBreak === void 0 ? _constants.SCREEN_TABLET : _ref$mobileCardsBreak,
11
+ mobileCardsBreakpoint = _ref$mobileCardsBreak === void 0 ? SCREEN_TABLET : _ref$mobileCardsBreak,
22
12
  _ref$transposeOnMobil = _ref.transposeOnMobile,
23
13
  transposeOnMobile = _ref$transposeOnMobil === void 0 ? false : _ref$transposeOnMobil;
24
- var _useWindowDimensions = (0, _useWindowDimensions2.default)(),
14
+ var _useWindowDimensions = useWindowDimensions(),
25
15
  width = _useWindowDimensions.width;
26
16
  var isMobile = width < mobileCardsBreakpoint;
27
- var tableRef = (0, _react.useRef)(null);
28
- (0, _react.useEffect)(function () {
17
+ var tableRef = useRef(null);
18
+ useEffect(function () {
29
19
  if (isMobile && mobileCards && tableRef.current) {
30
20
  var headerArr = [];
31
21
  tableRef.current.querySelectorAll('thead th').forEach(function (th) {
@@ -50,15 +40,14 @@ var TableRender = function TableRender(_ref) {
50
40
  }
51
41
  }, [width, isMobile, mobileCards, transposeOnMobile]);
52
42
  var displayMobileCards = isMobile && mobileCards;
53
- var tableClassNames = (0, _classnames.default)({
43
+ var tableClassNames = c({
54
44
  TableRender: !displayMobileCards,
55
45
  'TableRender--cards-mobile': displayMobileCards,
56
46
  'TableRender--transposedOnMobile': transposeOnMobile && !displayMobileCards
57
47
  });
58
- return /*#__PURE__*/_react.default.createElement("div", {
48
+ return /*#__PURE__*/React.createElement("div", {
59
49
  ref: tableRef,
60
50
  className: tableClassNames
61
51
  }, element);
62
52
  };
63
- var _default = TableRender;
64
- exports.default = _default;
53
+ export default TableRender;
@@ -1,16 +1,9 @@
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 _classnames = _interopRequireDefault(require("classnames"));
9
- var _reactI18next = require("react-i18next");
10
- require("./style.scss");
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
1
+ import React from 'react';
2
+ import c from 'classnames';
3
+ import { useTranslation } from 'react-i18next';
4
+ import './style.scss';
12
5
  var Tag = function Tag(props) {
13
- var _useTranslation = (0, _reactI18next.useTranslation)(),
6
+ var _useTranslation = useTranslation(),
14
7
  t = _useTranslation.t;
15
8
  var name = props.name,
16
9
  removable = props.removable,
@@ -18,14 +11,14 @@ var Tag = function Tag(props) {
18
11
  deleteButtonAriaLabel = props.deleteButtonAriaLabel,
19
12
  className = props.className,
20
13
  onDelete = props.onDelete;
21
- var classNames = (0, _classnames.default)('Tag', {
14
+ var classNames = c('Tag', {
22
15
  'Tag--stretch-clickable-area': stretchClickableArea
23
16
  }, className);
24
- return /*#__PURE__*/_react.default.createElement("div", {
17
+ return /*#__PURE__*/React.createElement("div", {
25
18
  className: classNames
26
- }, /*#__PURE__*/_react.default.createElement("span", {
19
+ }, /*#__PURE__*/React.createElement("span", {
27
20
  className: "Tag__name"
28
- }, name), removable && onDelete && /*#__PURE__*/_react.default.createElement("button", {
21
+ }, name), removable && onDelete && /*#__PURE__*/React.createElement("button", {
29
22
  className: "Tag__delete-button icon-after icon-cross icon-variant-1",
30
23
  type: "button",
31
24
  "aria-label": deleteButtonAriaLabel || t('atoms.tag.delete'),
@@ -39,5 +32,4 @@ Tag.defaultProps = {
39
32
  stretchClickableArea: true,
40
33
  onDelete: function onDelete() {}
41
34
  };
42
- var _default = Tag;
43
- exports.default = _default;
35
+ export default Tag;
@@ -1,31 +1,23 @@
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 _classnames = _interopRequireDefault(require("classnames"));
9
- var _WysiwygField = _interopRequireDefault(require("../WysiwygField"));
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 c from 'classnames';
4
+ import WysiwygField from '../WysiwygField';
12
5
  var TitleWithText = function TitleWithText(_ref) {
13
6
  var title = _ref.title,
14
7
  titleProps = _ref.titleProps,
15
8
  text = _ref.text,
16
9
  textProps = _ref.textProps,
17
10
  className = _ref.className;
18
- var classes = (0, _classnames.default)('TitleWithText', className);
19
- return /*#__PURE__*/_react.default.createElement("div", {
11
+ var classes = c('TitleWithText', className);
12
+ return /*#__PURE__*/React.createElement("div", {
20
13
  className: classes
21
- }, title && /*#__PURE__*/_react.default.createElement("h2", _extends({
14
+ }, title && /*#__PURE__*/React.createElement("h2", _extends({
22
15
  className: "TitleWithText__title"
23
- }, titleProps), title), text && /*#__PURE__*/_react.default.createElement(_WysiwygField.default, _extends({
16
+ }, titleProps), title), text && /*#__PURE__*/React.createElement(WysiwygField, _extends({
24
17
  className: "TitleWithText__text",
25
18
  property: "schema:text"
26
19
  }, textProps, {
27
20
  html: text
28
21
  })));
29
22
  };
30
- var _default = TitleWithText;
31
- exports.default = _default;
23
+ export default TitleWithText;
@@ -1,24 +1,17 @@
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 _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _reactHtmlParser = _interopRequireDefault(require("react-html-parser"));
10
- var _Button = _interopRequireDefault(require("../Button"));
11
1
  var _excluded = ["html", "customElementHandler"];
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 PropTypes from 'prop-types';
7
+ import ReactHtmlParser from 'react-html-parser';
8
+ import Button from '../Button';
16
9
  var WysiwygField = function WysiwygField(_ref) {
17
10
  var html = _ref.html,
18
11
  _ref$customElementHan = _ref.customElementHandler,
19
12
  customElementHandler = _ref$customElementHan === void 0 ? function () {} : _ref$customElementHan,
20
13
  props = _objectWithoutProperties(_ref, _excluded);
21
- var parsedHtml = (0, _reactHtmlParser.default)(html, {
14
+ var parsedHtml = ReactHtmlParser(html, {
22
15
  transform: function transform(node) {
23
16
  var customHandler = customElementHandler(node);
24
17
  if (customHandler) {
@@ -29,7 +22,7 @@ var WysiwygField = function WysiwygField(_ref) {
29
22
  {
30
23
  if (node.attribs.class && node.attribs.class.indexOf('button--primary') !== -1) {
31
24
  var label = node.children[0].data;
32
- return /*#__PURE__*/_react.default.createElement(_Button.default, {
25
+ return /*#__PURE__*/React.createElement(Button, {
33
26
  primary: true,
34
27
  withIcon: true,
35
28
  buttonIcon: true,
@@ -48,16 +41,15 @@ var WysiwygField = function WysiwygField(_ref) {
48
41
  }
49
42
  }
50
43
  });
51
- return /*#__PURE__*/_react.default.createElement("div", _extends({
44
+ return /*#__PURE__*/React.createElement("div", _extends({
52
45
  className: "WysiwygField"
53
46
  }, props), parsedHtml);
54
47
  };
55
48
  WysiwygField.propTypes = {
56
- html: _propTypes.default.string.isRequired,
57
- customElementHandler: _propTypes.default.func
49
+ html: PropTypes.string.isRequired,
50
+ customElementHandler: PropTypes.func
58
51
  };
59
52
  WysiwygField.defaultProps = {
60
53
  customElementHandler: function customElementHandler() {}
61
54
  };
62
- var _default = WysiwygField;
63
- exports.default = _default;
55
+ export default WysiwygField;