@uncinc/uncinc-react-kitchen-sink 2.4.0 → 2.4.2

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 (168) hide show
  1. package/dist/Context/KitchenSinkComponentMapperContext.js +11 -3
  2. package/dist/Context/ViewportContext.js +27 -14
  3. package/dist/Context/withMapping.js +26 -15
  4. package/dist/components/AbbreviationAnnotation/index.js +49 -27
  5. package/dist/components/AbbreviationAnnotation/stories.js +37 -22
  6. package/dist/components/Accordion/AccordionItem/index.js +55 -36
  7. package/dist/components/Accordion/AccordionItemVariant/index.js +47 -25
  8. package/dist/components/Accordion/index.js +17 -10
  9. package/dist/components/Accordion/stories.js +38 -24
  10. package/dist/components/ApiAutocomplete/index.js +79 -51
  11. package/dist/components/ApiAutocomplete/stories.js +18 -9
  12. package/dist/components/Button/index.js +48 -33
  13. package/dist/components/Button/stories.js +31 -49
  14. package/dist/components/Button/stories.scss +7 -5
  15. package/dist/components/Cookie/Checkbox/index.js +23 -16
  16. package/dist/components/Cookie/index.js +146 -115
  17. package/dist/components/Cookie/stories.js +90 -40
  18. package/dist/components/Dialog/index.d.ts +38 -0
  19. package/dist/components/Dialog/index.js +63 -56
  20. package/dist/components/Dialog/stories.js +35 -18
  21. package/dist/components/FontSizeSwitcher/index.js +58 -32
  22. package/dist/components/FontSizeSwitcher/stories.js +23 -9
  23. package/dist/components/Form/Checkbox/index.js +43 -37
  24. package/dist/components/Form/Checkbox/stories.js +20 -11
  25. package/dist/components/Form/Checkboxes/index.js +62 -57
  26. package/dist/components/Form/Checkboxes/index.test.js +113 -62
  27. package/dist/components/Form/Checkboxes/stories.js +23 -12
  28. package/dist/components/Form/Date/index.js +13 -5
  29. package/dist/components/Form/Date/stories.js +18 -9
  30. package/dist/components/Form/DatePicker/index.js +40 -33
  31. package/dist/components/Form/DatePicker/stories.js +18 -9
  32. package/dist/components/Form/DateSelect/index.js +99 -62
  33. package/dist/components/Form/DateSelect/stories.js +32 -11
  34. package/dist/components/Form/Email/index.js +13 -5
  35. package/dist/components/Form/Email/stories.js +18 -9
  36. package/dist/components/Form/FormikWrapper/index.js +52 -45
  37. package/dist/components/Form/GenericFormElement/index.js +39 -34
  38. package/dist/components/Form/Number/index.js +23 -18
  39. package/dist/components/Form/Number/stories.js +18 -9
  40. package/dist/components/Form/RadioButtons/index.js +53 -49
  41. package/dist/components/Form/RadioButtons/index.test.js +106 -57
  42. package/dist/components/Form/RadioButtons/stories.js +23 -12
  43. package/dist/components/Form/SearchField/index.js +37 -30
  44. package/dist/components/Form/Select/Input/index.js +56 -49
  45. package/dist/components/Form/Select/index.js +33 -24
  46. package/dist/components/Form/Select/stories.js +25 -15
  47. package/dist/components/Form/TextField/index.js +39 -33
  48. package/dist/components/Form/TextField/index.test.js +104 -56
  49. package/dist/components/Form/TextField/stories.js +22 -11
  50. package/dist/components/Form/Textarea/index.js +35 -27
  51. package/dist/components/Form/Textarea/stories.js +18 -9
  52. package/dist/components/Hamburger/index.js +30 -19
  53. package/dist/components/Hamburger/stories.js +42 -16
  54. package/dist/components/Header/index.js +67 -39
  55. package/dist/components/Header/stories.js +48 -28
  56. package/dist/components/Image/Background/index.js +36 -21
  57. package/dist/components/Image/LazyLoadWrapper/index.js +101 -64
  58. package/dist/components/Image/Picture/index.js +83 -65
  59. package/dist/components/Image/index.js +21 -15
  60. package/dist/components/Image/stories.js +87 -64
  61. package/dist/components/InlineMenu/index.js +60 -38
  62. package/dist/components/InlineMenu/stories.js +66 -55
  63. package/dist/components/Layout/Container/index.js +29 -21
  64. package/dist/components/Layout/Container/stories.js +94 -84
  65. package/dist/components/Layout/QuickLayout/Auto/index.js +19 -12
  66. package/dist/components/Layout/QuickLayout/Center/index.js +17 -10
  67. package/dist/components/Layout/QuickLayout/Clamp/index.js +20 -13
  68. package/dist/components/Layout/QuickLayout/Sidebar/index.js +20 -13
  69. package/dist/components/Layout/QuickLayout/SpaceBetween/index.js +20 -13
  70. package/dist/components/Layout/QuickLayout/Stack/index.js +21 -11
  71. package/dist/components/Layout/QuickLayout/Wrap/index.js +21 -14
  72. package/dist/components/Layout/QuickLayout/index.js +31 -21
  73. package/dist/components/Layout/QuickLayout/stories.js +102 -70
  74. package/dist/components/Lottie/LottieAnimation/index.js +55 -56
  75. package/dist/components/Lottie/LottieAnimationWithMousePosition.js +31 -18
  76. package/dist/components/Lottie/index.js +47 -35
  77. package/dist/components/Lottie/stories.js +56 -31
  78. package/dist/components/MagicLine/index.js +50 -27
  79. package/dist/components/MagicLine/stories.js +60 -46
  80. package/dist/components/NavigationScroll/index.js +71 -49
  81. package/dist/components/NavigationScroll/stories.js +19 -8
  82. package/dist/components/Pagination/index.js +49 -41
  83. package/dist/components/Pagination/stories.js +46 -17
  84. package/dist/components/SearchKit/Facets/ChipFacet/index.js +24 -16
  85. package/dist/components/SearchKit/Facets/ListFacet/index.js +23 -15
  86. package/dist/components/SearchKit/Facets/SelectFacet/index.js +39 -30
  87. package/dist/components/SearchKit/Query/index.js +41 -23
  88. package/dist/components/SearchKit/SearchFacets/index.js +36 -23
  89. package/dist/components/SearchKit/SearchField/index.js +49 -25
  90. package/dist/components/SearchKit/SearchLoadMore/index.js +22 -15
  91. package/dist/components/SearchKit/SearchPage/index.js +22 -14
  92. package/dist/components/SearchKit/SearchPagination/index.js +17 -10
  93. package/dist/components/SearchKit/SearchReset/index.js +25 -16
  94. package/dist/components/SearchKit/SearchResults/index.js +108 -59
  95. package/dist/components/SearchKit/SearchSelectedFilters/Filters/CustomValue/index.js +17 -10
  96. package/dist/components/SearchKit/SearchSelectedFilters/Filters/DateRange/index.js +18 -11
  97. package/dist/components/SearchKit/SearchSelectedFilters/Filters/NumericRange/index.js +18 -11
  98. package/dist/components/SearchKit/SearchSelectedFilters/Filters/Value/index.js +22 -12
  99. package/dist/components/SearchKit/SearchSelectedFilters/index.js +34 -28
  100. package/dist/components/SearchKit/SearchSorting/index.js +29 -19
  101. package/dist/components/SearchKit/index.js +72 -53
  102. package/dist/components/SearchKit/stories.js +144 -187
  103. package/dist/components/Share/index.js +48 -40
  104. package/dist/components/Share/stories.js +16 -5
  105. package/dist/components/Sliders/SliderRelated/index.js +32 -25
  106. package/dist/components/Sliders/SliderRelated/stories.js +75 -57
  107. package/dist/components/Webform/WebformActions/index.js +19 -13
  108. package/dist/components/Webform/WebformCheckbox/index.js +32 -24
  109. package/dist/components/Webform/WebformCheckboxes/index.js +37 -29
  110. package/dist/components/Webform/WebformContainer/index.js +17 -11
  111. package/dist/components/Webform/WebformDate/index.js +76 -48
  112. package/dist/components/Webform/WebformMapper/index.js +53 -38
  113. package/dist/components/Webform/WebformNumber/index.js +31 -22
  114. package/dist/components/Webform/WebformRadioButtons/index.js +37 -29
  115. package/dist/components/Webform/WebformSelect/index.js +37 -29
  116. package/dist/components/Webform/WebformTextField/index.js +34 -26
  117. package/dist/components/Webform/WebformTextarea/index.js +32 -24
  118. package/dist/components/Webform/WebformWizardPage/index.js +56 -43
  119. package/dist/components/Webform/index.js +42 -20
  120. package/dist/components/Webform/stories.actions.js +19 -8
  121. package/dist/components/Webform/stories.checkboxes.js +19 -8
  122. package/dist/components/Webform/stories.checked.js +20 -9
  123. package/dist/components/Webform/stories.container.js +19 -8
  124. package/dist/components/Webform/stories.date.js +19 -8
  125. package/dist/components/Webform/stories.filled.js +20 -9
  126. package/dist/components/Webform/stories.number.js +19 -8
  127. package/dist/components/Webform/stories.radiobuttons.js +19 -8
  128. package/dist/components/Webform/stories.select.js +19 -8
  129. package/dist/components/Webform/stories.textarea.js +19 -8
  130. package/dist/components/Webform/stories.textfield.js +19 -8
  131. package/dist/components/Webform/stories.wizard.js +19 -8
  132. package/dist/components/Webform/withStates.js +49 -28
  133. package/dist/components/WysiwygField/index.js +30 -20
  134. package/dist/components/WysiwygField/stories.js +39 -29
  135. package/dist/components/index.js +111 -15
  136. package/dist/config/constants.js +38 -18
  137. package/dist/config/i18next/index.js +19 -11
  138. package/dist/helpers/date.js +25 -5
  139. package/dist/helpers/gtm.js +27 -17
  140. package/dist/helpers/link.js +15 -6
  141. package/dist/helpers/useValueForCurrentViewPort.js +27 -10
  142. package/dist/hooks/useBoolean.d.ts +8 -0
  143. package/dist/hooks/useBoolean.js +38 -0
  144. package/dist/hooks/useClickOutside.d.ts +8 -0
  145. package/dist/hooks/useClickOutside.js +35 -0
  146. package/dist/hooks/useDialog.d.ts +10 -0
  147. package/dist/hooks/useDialog.js +39 -0
  148. package/dist/hooks/useDialogHelpers.d.ts +20 -0
  149. package/dist/hooks/{useDialogHelpers.ts → useDialogHelpers.js} +33 -43
  150. package/dist/hooks/useEscape.d.ts +6 -0
  151. package/dist/hooks/useEscape.js +24 -0
  152. package/dist/hooks/useOnScreen.js +27 -6
  153. package/dist/hooks/usePrevious.js +10 -4
  154. package/dist/hooks/useScrollPosition.js +25 -7
  155. package/dist/hooks/useTrapFocus.d.ts +10 -0
  156. package/dist/hooks/useTrapFocus.js +63 -0
  157. package/dist/hooks/useWindowDimensions.js +27 -11
  158. package/dist/index.js +398 -56
  159. package/dist/setupTests.js +9 -5
  160. package/dist/styles/assets/_base.scss +0 -3
  161. package/dist/styles/assets/_fonts.scss +17 -17
  162. package/dist/styles/assets/_icons.scss +2 -2
  163. package/package.json +6 -3
  164. package/dist/hooks/useBoolean.ts +0 -20
  165. package/dist/hooks/useClickOutside.ts +0 -38
  166. package/dist/hooks/useDialog.ts +0 -29
  167. package/dist/hooks/useEscape.ts +0 -26
  168. package/dist/hooks/useTrapFocus.ts +0 -80
@@ -1,56 +1,63 @@
1
- import React from 'react';
2
- import { EmailShareButton, FacebookShareButton, LinkedinShareButton, TwitterShareButton, WhatsappShareButton } from 'react-share';
3
- import './style.scss';
4
- const ShareButton = ({
5
- type,
6
- pageTitle,
7
- url,
8
- onClick
9
- }) => {
10
- const types = {
11
- mail: EmailShareButton,
12
- facebook: FacebookShareButton,
13
- linkedin: LinkedinShareButton,
14
- twitter: TwitterShareButton,
15
- whatsapp: WhatsappShareButton
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 }; }
11
+ var ShareButton = function ShareButton(_ref) {
12
+ var type = _ref.type,
13
+ pageTitle = _ref.pageTitle,
14
+ url = _ref.url,
15
+ _onClick = _ref.onClick;
16
+ var types = {
17
+ mail: _reactShare.EmailShareButton,
18
+ facebook: _reactShare.FacebookShareButton,
19
+ linkedin: _reactShare.LinkedinShareButton,
20
+ twitter: _reactShare.TwitterShareButton,
21
+ whatsapp: _reactShare.WhatsappShareButton
16
22
  };
17
- const Component = types[type];
18
- return /*#__PURE__*/React.createElement("div", {
23
+ var Component = types[type];
24
+ return /*#__PURE__*/_react.default.createElement("div", {
19
25
  className: "Share__item-wrapper",
20
- onClick: () => onClick(type)
21
- }, /*#__PURE__*/React.createElement(Component, {
26
+ onClick: function onClick() {
27
+ return _onClick(type);
28
+ }
29
+ }, /*#__PURE__*/_react.default.createElement(Component, {
22
30
  body: pageTitle,
23
31
  url: url
24
- }, /*#__PURE__*/React.createElement("div", {
25
- className: `Share__item ${type}`
26
- }, /*#__PURE__*/React.createElement("div", {
27
- className: `icon icon-${type} icon-variant-3`
32
+ }, /*#__PURE__*/_react.default.createElement("div", {
33
+ className: "Share__item ".concat(type)
34
+ }, /*#__PURE__*/_react.default.createElement("div", {
35
+ className: "icon icon-".concat(type, " icon-variant-3")
28
36
  }))));
29
37
  };
30
- const Share = ({
31
- title,
32
- pageTitle,
33
- url,
34
- items,
35
- onClick
36
- }) => {
37
- const windowUrl = url || window.location.href;
38
- const buttons = items.map(item => {
39
- return /*#__PURE__*/React.createElement(ShareButton, {
38
+ var Share = function Share(_ref2) {
39
+ var title = _ref2.title,
40
+ pageTitle = _ref2.pageTitle,
41
+ url = _ref2.url,
42
+ items = _ref2.items,
43
+ onClick = _ref2.onClick;
44
+ var windowUrl = url || window.location.href;
45
+ var buttons = items.map(function (item) {
46
+ return /*#__PURE__*/_react.default.createElement(ShareButton, {
40
47
  type: item,
41
- key: `${item}:${url}`,
48
+ key: "".concat(item, ":").concat(url),
42
49
  pageTitle: pageTitle,
43
50
  onClick: onClick,
44
51
  url: windowUrl
45
52
  });
46
53
  });
47
- return /*#__PURE__*/React.createElement("div", {
54
+ return /*#__PURE__*/_react.default.createElement("div", {
48
55
  className: "Share"
49
- }, /*#__PURE__*/React.createElement("div", {
56
+ }, /*#__PURE__*/_react.default.createElement("div", {
50
57
  className: "Share__wrapper"
51
- }, /*#__PURE__*/React.createElement("div", {
58
+ }, /*#__PURE__*/_react.default.createElement("div", {
52
59
  className: "Share__title"
53
- }, title), /*#__PURE__*/React.createElement("div", {
60
+ }, title), /*#__PURE__*/_react.default.createElement("div", {
54
61
  className: "Share__buttons"
55
62
  }, buttons)));
56
63
  };
@@ -59,6 +66,7 @@ Share.defaultProps = {
59
66
  pageTitle: '',
60
67
  url: null,
61
68
  items: ['mail', 'facebook', 'linkedin', 'twitter', 'whatsapp'],
62
- onClick: () => {}
69
+ onClick: function onClick() {}
63
70
  };
64
- export default Share;
71
+ var _default = Share;
72
+ exports.default = _default;
@@ -1,7 +1,18 @@
1
- import React from 'react';
2
- import Share from '.';
3
- import './stories.scss';
4
- export default {
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
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 = {
5
12
  title: 'Organisms/Share'
6
13
  };
7
- export const Default = () => /*#__PURE__*/React.createElement(Share, null);
14
+ exports.default = _default;
15
+ var Default = function Default() {
16
+ return /*#__PURE__*/_react.default.createElement(_.default, null);
17
+ };
18
+ exports.Default = Default;
@@ -1,34 +1,40 @@
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
+ var _excluded = ["children", "title", "slidesToShow", "sliderRef"];
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
1
13
  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 Slider from 'react-slick';
4
- import useValueForCurrentViewPort from '../../../helpers/useValueForCurrentViewPort';
5
- import './style.scss';
6
- const SliderNextArrow = ({
7
- onClick
8
- }) => {
9
- return /*#__PURE__*/React.createElement("div", {
14
+ 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
+ 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; }
16
+ var SliderNextArrow = function SliderNextArrow(_ref) {
17
+ var onClick = _ref.onClick;
18
+ return /*#__PURE__*/_react.default.createElement("div", {
10
19
  className: "SliderRelated__next",
11
20
  onClick: onClick
12
21
  });
13
22
  };
14
- const SliderPrevArrow = ({
15
- onClick
16
- }) => {
17
- return /*#__PURE__*/React.createElement("div", {
23
+ var SliderPrevArrow = function SliderPrevArrow(_ref2) {
24
+ var onClick = _ref2.onClick;
25
+ return /*#__PURE__*/_react.default.createElement("div", {
18
26
  className: "SliderRelated__prev",
19
27
  onClick: onClick
20
28
  });
21
29
  };
22
- const SliderRelated = props => {
23
- const {
24
- children,
25
- title,
26
- slidesToShow,
27
- sliderRef,
28
- ...sliderProps
29
- } = props;
30
- const centerPadding = useValueForCurrentViewPort('10%', '10%', '10%', '10%', '10%');
31
- return /*#__PURE__*/React.createElement(Slider, _extends({}, sliderProps, {
30
+ var SliderRelated = function SliderRelated(props) {
31
+ var children = props.children,
32
+ title = props.title,
33
+ slidesToShow = props.slidesToShow,
34
+ sliderRef = props.sliderRef,
35
+ 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, {
32
38
  centerPadding: centerPadding,
33
39
  slidesToShow: slidesToShow,
34
40
  ref: sliderRef
@@ -46,8 +52,9 @@ SliderRelated.defaultProps = {
46
52
  pauseOnFocus: true,
47
53
  accessibility: true,
48
54
  touchMove: true,
49
- nextArrow: /*#__PURE__*/React.createElement(SliderNextArrow, null),
50
- prevArrow: /*#__PURE__*/React.createElement(SliderPrevArrow, null),
55
+ nextArrow: /*#__PURE__*/_react.default.createElement(SliderNextArrow, null),
56
+ prevArrow: /*#__PURE__*/_react.default.createElement(SliderPrevArrow, null),
51
57
  sliderRef: null
52
58
  };
53
- export default SliderRelated;
59
+ var _default = SliderRelated;
60
+ exports.default = _default;
@@ -1,9 +1,16 @@
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 }; }
1
11
  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';
5
- const d = {
6
- component: SliderRelated,
12
+ var d = {
13
+ component: _.default,
7
14
  title: 'Organisms/SliderRelated',
8
15
  parameters: {
9
16
  info: {
@@ -11,63 +18,74 @@ const d = {
11
18
  }
12
19
  }
13
20
  };
14
- export default d;
15
- const defaultProps = {
21
+ var _default = d;
22
+ exports.default = _default;
23
+ var defaultProps = {
16
24
  autoplay: false
17
25
  };
18
- const Teaser = ({
19
- title,
20
- image,
21
- imageAlt,
22
- content,
23
- buttonText,
24
- buttonLink
25
- }) => /*#__PURE__*/React.createElement("div", {
26
- className: "Teaser",
27
- style: {
28
- margin: '10px',
29
- display: 'flex',
30
- flexDirection: 'column',
31
- flex: '1 1 auto'
32
- }
33
- }, /*#__PURE__*/React.createElement("img", {
34
- src: image,
35
- alt: imageAlt,
36
- style: {
37
- width: '100%',
38
- maxWidth: '100%'
39
- }
40
- }), /*#__PURE__*/React.createElement("div", {
41
- className: "Teaser__content"
42
- }, /*#__PURE__*/React.createElement("div", {
43
- className: "Teaser__content__title"
44
- }, title), /*#__PURE__*/React.createElement("div", {
45
- className: "Teaser__content__body"
46
- }, content), /*#__PURE__*/React.createElement("div", {
47
- className: "Teaser__content__read_more"
48
- }, buttonText && buttonLink && /*#__PURE__*/React.createElement(Button, {
49
- primary: false,
50
- href: buttonLink
51
- }, buttonText))));
52
- const children = Array.from(Array(6).keys()).map(i => {
53
- const image = ['https://dummyimage.com/600x400/000/fff', 'https://dummyimage.com/600x400/f00/fff', 'https://dummyimage.com/600x400/ddd/fff'];
54
- const title = 'Title';
55
- const 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.'];
56
- const buttonText = 'Read more';
57
- const buttonLink = '#';
58
- return /*#__PURE__*/React.createElement(Teaser, {
26
+ var Teaser = function Teaser(_ref) {
27
+ var title = _ref.title,
28
+ image = _ref.image,
29
+ imageAlt = _ref.imageAlt,
30
+ content = _ref.content,
31
+ buttonText = _ref.buttonText,
32
+ buttonLink = _ref.buttonLink;
33
+ return /*#__PURE__*/_react.default.createElement("div", {
34
+ className: "Teaser",
35
+ style: {
36
+ margin: '10px',
37
+ display: 'flex',
38
+ flexDirection: 'column',
39
+ flex: '1 1 auto'
40
+ }
41
+ }, /*#__PURE__*/_react.default.createElement("img", {
42
+ src: image,
43
+ alt: imageAlt,
44
+ style: {
45
+ width: '100%',
46
+ maxWidth: '100%'
47
+ }
48
+ }), /*#__PURE__*/_react.default.createElement("div", {
49
+ className: "Teaser__content"
50
+ }, /*#__PURE__*/_react.default.createElement("div", {
51
+ className: "Teaser__content__title"
52
+ }, title), /*#__PURE__*/_react.default.createElement("div", {
53
+ className: "Teaser__content__body"
54
+ }, content), /*#__PURE__*/_react.default.createElement("div", {
55
+ className: "Teaser__content__read_more"
56
+ }, buttonText && buttonLink && /*#__PURE__*/_react.default.createElement(_Button.default, {
57
+ primary: false,
58
+ href: buttonLink
59
+ }, buttonText))));
60
+ };
61
+ var children = Array.from(Array(6).keys()).map(function (i) {
62
+ var image = ['https://dummyimage.com/600x400/000/fff', 'https://dummyimage.com/600x400/f00/fff', 'https://dummyimage.com/600x400/ddd/fff'];
63
+ var title = 'Title';
64
+ 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
+ var buttonText = 'Read more';
66
+ var buttonLink = '#';
67
+ return /*#__PURE__*/_react.default.createElement(Teaser, {
59
68
  key: i,
60
69
  image: image[Math.round(Math.random(image.length))],
61
- title: /*#__PURE__*/React.createElement("h2", null, title),
62
- content: /*#__PURE__*/React.createElement("p", null, content[Math.round(Math.random(content.length))]),
70
+ title: /*#__PURE__*/_react.default.createElement("h2", null, title),
71
+ content: /*#__PURE__*/_react.default.createElement("p", null, content[Math.round(Math.random(content.length))]),
63
72
  buttonText: buttonText,
64
73
  buttonLink: buttonLink
65
74
  });
66
75
  });
67
- export const One = () => /*#__PURE__*/React.createElement(SliderRelated, _extends({}, defaultProps, {
68
- slidesToShow: 1
69
- }), children);
70
- export const Two = () => /*#__PURE__*/React.createElement(SliderRelated, _extends({}, defaultProps, {
71
- slidesToShow: 2
72
- }), children);
73
- export const Three = () => /*#__PURE__*/React.createElement(SliderRelated, defaultProps, children);
76
+ var One = function One() {
77
+ return /*#__PURE__*/_react.default.createElement(_.default, _extends({}, defaultProps, {
78
+ slidesToShow: 1
79
+ }), children);
80
+ };
81
+ exports.One = One;
82
+ var Two = function Two() {
83
+ return /*#__PURE__*/_react.default.createElement(_.default, _extends({}, defaultProps, {
84
+ slidesToShow: 2
85
+ }), children);
86
+ };
87
+ exports.Two = Two;
88
+ var Three = function Three() {
89
+ return /*#__PURE__*/_react.default.createElement(_.default, defaultProps, children);
90
+ };
91
+ exports.Three = Three;
@@ -1,19 +1,25 @@
1
- import React from 'react';
2
- import c from 'classnames';
3
- import Button from '../../Button';
4
- const WebformActions = props => {
5
- const {
6
- entity,
7
- pages,
8
- currentPage
9
- } = props;
10
- const classes = c('WebformComponent__submit', {
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 _Button = _interopRequireDefault(require("../../Button"));
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ var WebformActions = function WebformActions(props) {
12
+ var entity = props.entity,
13
+ pages = props.pages,
14
+ currentPage = props.currentPage;
15
+ var classes = (0, _classnames.default)('WebformComponent__submit', {
11
16
  hidden: pages && currentPage !== pages.last()
12
17
  });
13
- return /*#__PURE__*/React.createElement("div", {
18
+ return /*#__PURE__*/_react.default.createElement("div", {
14
19
  className: classes
15
- }, /*#__PURE__*/React.createElement(Button, {
20
+ }, /*#__PURE__*/_react.default.createElement(_Button.default, {
16
21
  type: "submit"
17
22
  }, entity.get('#submit__label')));
18
23
  };
19
- export default WebformActions;
24
+ var _default = WebformActions;
25
+ exports.default = _default;
@@ -1,34 +1,41 @@
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 _reactI18next = require("react-i18next");
9
+ var _Checkbox = _interopRequireDefault(require("../../Form/Checkbox"));
10
+ var _withStates = _interopRequireDefault(require("../withStates"));
11
+ var _excluded = ["entity", "customClasses", "type"];
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
1
13
  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 { useTranslation } from 'react-i18next';
4
- import Checkbox from '../../Form/Checkbox';
5
- import withStates from '../withStates';
6
- const WebformCheckbox = props => {
7
- const {
8
- entity,
9
- customClasses,
10
- type,
11
- ...fieldProps
12
- } = props;
13
- const {
14
- t
15
- } = useTranslation();
16
- const title = entity.get('#title');
17
- const required = entity.get('#required');
18
- const description = entity.get('#description');
19
- const placeholder = entity.get('#placeholder');
20
- const requiredError = entity.get('#required_error');
21
- const key = entity.get('#webform_key');
14
+ 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
+ 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; }
16
+ var WebformCheckbox = function WebformCheckbox(props) {
17
+ var entity = props.entity,
18
+ customClasses = props.customClasses,
19
+ type = props.type,
20
+ fieldProps = _objectWithoutProperties(props, _excluded);
21
+ var _useTranslation = (0, _reactI18next.useTranslation)(),
22
+ t = _useTranslation.t;
23
+ var title = entity.get('#title');
24
+ var required = entity.get('#required');
25
+ var description = entity.get('#description');
26
+ var placeholder = entity.get('#placeholder');
27
+ var requiredError = entity.get('#required_error');
28
+ var key = entity.get('#webform_key');
22
29
  function validation(value) {
23
- let error;
30
+ var error;
24
31
  if (required && !value) {
25
32
  error = requiredError || t('Dit is een vereist veld.');
26
33
  }
27
34
  return error;
28
35
  }
29
- return /*#__PURE__*/React.createElement("div", {
36
+ return /*#__PURE__*/_react.default.createElement("div", {
30
37
  className: "WebformCheckbox"
31
- }, /*#__PURE__*/React.createElement(Checkbox, _extends({}, fieldProps, {
38
+ }, /*#__PURE__*/_react.default.createElement(_Checkbox.default, _extends({}, fieldProps, {
32
39
  title: title,
33
40
  required: required,
34
41
  description: description,
@@ -40,4 +47,5 @@ const WebformCheckbox = props => {
40
47
  value: props.values[key]
41
48
  })));
42
49
  };
43
- export default withStates(WebformCheckbox);
50
+ var _default = (0, _withStates.default)(WebformCheckbox);
51
+ exports.default = _default;
@@ -1,42 +1,49 @@
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 _reactI18next = require("react-i18next");
9
+ var _immutable = _interopRequireDefault(require("immutable"));
10
+ var _Checkboxes = _interopRequireDefault(require("../../Form/Checkboxes"));
11
+ var _withStates = _interopRequireDefault(require("../withStates"));
12
+ var _excluded = ["entity", "customClasses", "type", "showOther"];
13
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
1
14
  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 { useTranslation } from 'react-i18next';
4
- import Immutable from 'immutable';
5
- import Checkboxes from '../../Form/Checkboxes';
6
- import withStates from '../withStates';
7
- const WebformCheckboxes = props => {
8
- const {
9
- entity,
10
- customClasses,
11
- type,
12
- showOther,
13
- ...fieldProps
14
- } = props;
15
- const {
16
- t
17
- } = useTranslation();
18
- const title = entity.get('#title');
19
- const required = entity.get('#required');
20
- const description = entity.get('#description');
21
- const placeholder = entity.get('#placeholder');
22
- const requiredError = entity.get('#required_error');
23
- const key = entity.get('#webform_key');
24
- const otherLabel = entity.get('#other__option_label');
25
- const otherPlaceholder = entity.get('#other__placeholder');
26
- let options = entity.get('#options', Immutable.Map());
15
+ 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; }
16
+ 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; }
17
+ var WebformCheckboxes = function WebformCheckboxes(props) {
18
+ var entity = props.entity,
19
+ customClasses = props.customClasses,
20
+ type = props.type,
21
+ showOther = props.showOther,
22
+ fieldProps = _objectWithoutProperties(props, _excluded);
23
+ var _useTranslation = (0, _reactI18next.useTranslation)(),
24
+ t = _useTranslation.t;
25
+ var title = entity.get('#title');
26
+ var required = entity.get('#required');
27
+ var description = entity.get('#description');
28
+ var placeholder = entity.get('#placeholder');
29
+ var requiredError = entity.get('#required_error');
30
+ var key = entity.get('#webform_key');
31
+ var otherLabel = entity.get('#other__option_label');
32
+ var otherPlaceholder = entity.get('#other__placeholder');
33
+ var options = entity.get('#options', _immutable.default.Map());
27
34
  if (showOther) {
28
35
  options = options.set('__other__', 'Anders');
29
36
  }
30
37
  function validation(value) {
31
- let error;
38
+ var error;
32
39
  if (required && !value) {
33
40
  error = requiredError || t('Dit is een vereist veld.');
34
41
  }
35
42
  return error;
36
43
  }
37
- return /*#__PURE__*/React.createElement("div", {
44
+ return /*#__PURE__*/_react.default.createElement("div", {
38
45
  className: "WebformCheckboxes"
39
- }, /*#__PURE__*/React.createElement(Checkboxes, _extends({}, fieldProps, {
46
+ }, /*#__PURE__*/_react.default.createElement(_Checkboxes.default, _extends({}, fieldProps, {
40
47
  title: title,
41
48
  required: required,
42
49
  description: description,
@@ -51,4 +58,5 @@ const WebformCheckboxes = props => {
51
58
  otherPlaceholder: otherPlaceholder
52
59
  })));
53
60
  };
54
- export default withStates(WebformCheckboxes);
61
+ var _default = (0, _withStates.default)(WebformCheckboxes);
62
+ exports.default = _default;
@@ -1,24 +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
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
1
9
  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
- const WebformContainer = props => {
4
- const {
5
- entity,
6
- WebformMapper
7
- } = props;
10
+ var WebformContainer = function WebformContainer(props) {
11
+ var entity = props.entity,
12
+ WebformMapper = props.WebformMapper;
8
13
 
9
14
  // Remove all non-element children.
10
- let children = entity;
11
- children.keySeq().forEach(k => {
15
+ var children = entity;
16
+ children.keySeq().forEach(function (k) {
12
17
  if (k.indexOf('#') === 0) {
13
18
  children = children.delete(k);
14
19
  }
15
20
  });
16
21
 
17
22
  // Recursively render children.
18
- return /*#__PURE__*/React.createElement("div", {
23
+ return /*#__PURE__*/_react.default.createElement("div", {
19
24
  className: "WebformContainer"
20
- }, /*#__PURE__*/React.createElement(WebformMapper, _extends({}, props, {
25
+ }, /*#__PURE__*/_react.default.createElement(WebformMapper, _extends({}, props, {
21
26
  entities: children
22
27
  })));
23
28
  };
24
- export default WebformContainer;
29
+ var _default = WebformContainer;
30
+ exports.default = _default;