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

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 +32 -19
  3. package/dist/Context/withMapping.js +26 -15
  4. package/dist/components/AbbreviationAnnotation/index.js +49 -27
  5. package/dist/components/AbbreviationAnnotation/stories.js +32 -21
  6. package/dist/components/AbbreviationAnnotation/stories.scss +1 -1
  7. package/dist/components/AbbreviationAnnotation/style.scss +0 -2
  8. package/dist/components/Accordion/AccordionItem/index.js +56 -36
  9. package/dist/components/Accordion/AccordionItemVariant/index.js +47 -25
  10. package/dist/components/Accordion/index.js +17 -10
  11. package/dist/components/Accordion/stories.js +38 -24
  12. package/dist/components/ApiAutocomplete/index.js +79 -51
  13. package/dist/components/ApiAutocomplete/stories.js +18 -9
  14. package/dist/components/Button/index.js +53 -39
  15. package/dist/components/Button/stories.js +52 -30
  16. package/dist/components/Cookie/Checkbox/index.js +24 -17
  17. package/dist/components/Cookie/index.js +164 -118
  18. package/dist/components/Cookie/stories.js +57 -39
  19. package/dist/components/Dialog/index.d.ts +38 -0
  20. package/dist/components/Dialog/index.js +96 -0
  21. package/dist/components/Dialog/stories.js +42 -0
  22. package/dist/components/Dialog/style.scss +72 -0
  23. package/dist/components/FontSizeSwitcher/index.js +63 -31
  24. package/dist/components/FontSizeSwitcher/stories.js +23 -9
  25. package/dist/components/Form/Checkbox/index.js +43 -37
  26. package/dist/components/Form/Checkbox/stories.js +20 -11
  27. package/dist/components/Form/Checkboxes/index.js +62 -57
  28. package/dist/components/Form/Checkboxes/index.test.js +113 -62
  29. package/dist/components/Form/Checkboxes/stories.js +23 -12
  30. package/dist/components/Form/Date/index.js +13 -5
  31. package/dist/components/Form/Date/stories.js +18 -9
  32. package/dist/components/Form/DatePicker/index.js +40 -34
  33. package/dist/components/Form/DatePicker/stories.js +18 -9
  34. package/dist/components/Form/DateSelect/index.js +102 -66
  35. package/dist/components/Form/DateSelect/stories.js +33 -12
  36. package/dist/components/Form/Email/index.js +13 -5
  37. package/dist/components/Form/Email/stories.js +18 -9
  38. package/dist/components/Form/FormikWrapper/index.js +52 -45
  39. package/dist/components/Form/GenericFormElement/index.js +39 -34
  40. package/dist/components/Form/Number/index.js +23 -18
  41. package/dist/components/Form/Number/stories.js +18 -9
  42. package/dist/components/Form/RadioButtons/index.js +53 -49
  43. package/dist/components/Form/RadioButtons/index.test.js +106 -57
  44. package/dist/components/Form/RadioButtons/stories.js +23 -12
  45. package/dist/components/Form/SearchField/index.js +37 -30
  46. package/dist/components/Form/Select/Input/index.js +74 -70
  47. package/dist/components/Form/Select/index.js +32 -24
  48. package/dist/components/Form/Select/stories.js +25 -15
  49. package/dist/components/Form/TextField/index.js +38 -33
  50. package/dist/components/Form/TextField/index.test.js +104 -56
  51. package/dist/components/Form/TextField/stories.js +23 -12
  52. package/dist/components/Form/Textarea/index.js +34 -27
  53. package/dist/components/Form/Textarea/stories.js +18 -9
  54. package/dist/components/Hamburger/index.js +30 -19
  55. package/dist/components/Hamburger/stories.js +42 -16
  56. package/dist/components/Header/index.js +70 -42
  57. package/dist/components/Header/stories.js +48 -28
  58. package/dist/components/Image/Background/index.js +36 -21
  59. package/dist/components/Image/LazyLoadWrapper/index.js +101 -64
  60. package/dist/components/Image/Picture/index.js +83 -66
  61. package/dist/components/Image/index.js +21 -15
  62. package/dist/components/Image/stories.js +87 -64
  63. package/dist/components/InlineMenu/index.js +62 -42
  64. package/dist/components/InlineMenu/stories.js +66 -55
  65. package/dist/components/Layout/Container/index.js +29 -21
  66. package/dist/components/Layout/Container/stories.js +104 -83
  67. package/dist/components/Layout/QuickLayout/Auto/index.js +19 -12
  68. package/dist/components/Layout/QuickLayout/Center/index.js +17 -10
  69. package/dist/components/Layout/QuickLayout/Clamp/index.js +20 -13
  70. package/dist/components/Layout/QuickLayout/Sidebar/index.js +20 -13
  71. package/dist/components/Layout/QuickLayout/SpaceBetween/index.js +20 -13
  72. package/dist/components/Layout/QuickLayout/Stack/index.js +21 -11
  73. package/dist/components/Layout/QuickLayout/Wrap/index.js +21 -14
  74. package/dist/components/Layout/QuickLayout/index.js +31 -21
  75. package/dist/components/Layout/QuickLayout/stories.js +102 -70
  76. package/dist/components/Lottie/LottieAnimation/index.js +74 -71
  77. package/dist/components/Lottie/LottieAnimationWithMousePosition.js +33 -20
  78. package/dist/components/Lottie/index.js +47 -34
  79. package/dist/components/Lottie/stories.js +54 -31
  80. package/dist/components/MagicLine/index.js +52 -29
  81. package/dist/components/MagicLine/stories.js +60 -46
  82. package/dist/components/NavigationScroll/index.js +76 -57
  83. package/dist/components/NavigationScroll/stories.js +19 -8
  84. package/dist/components/Pagination/index.js +54 -41
  85. package/dist/components/Pagination/stories.js +51 -28
  86. package/dist/components/SearchKit/Facets/ChipFacet/index.js +24 -16
  87. package/dist/components/SearchKit/Facets/ListFacet/index.js +24 -15
  88. package/dist/components/SearchKit/Facets/SelectFacet/index.js +39 -30
  89. package/dist/components/SearchKit/Query/index.js +41 -23
  90. package/dist/components/SearchKit/SearchFacets/index.js +36 -25
  91. package/dist/components/SearchKit/SearchField/index.js +50 -26
  92. package/dist/components/SearchKit/SearchLoadMore/index.js +22 -15
  93. package/dist/components/SearchKit/SearchPage/index.js +26 -11
  94. package/dist/components/SearchKit/SearchPagination/index.js +17 -10
  95. package/dist/components/SearchKit/SearchReset/index.js +33 -12
  96. package/dist/components/SearchKit/SearchResults/index.js +114 -61
  97. package/dist/components/SearchKit/SearchSelectedFilters/Filters/CustomValue/index.js +22 -0
  98. package/dist/components/SearchKit/SearchSelectedFilters/Filters/DateRange/index.js +24 -0
  99. package/dist/components/SearchKit/SearchSelectedFilters/Filters/NumericRange/index.js +24 -0
  100. package/dist/components/SearchKit/SearchSelectedFilters/Filters/Value/index.js +29 -0
  101. package/dist/components/SearchKit/SearchSelectedFilters/index.js +43 -30
  102. package/dist/components/SearchKit/SearchSelectedFilters/style.scss +4 -0
  103. package/dist/components/SearchKit/SearchSorting/index.js +29 -19
  104. package/dist/components/SearchKit/index.js +75 -49
  105. package/dist/components/SearchKit/stories.js +144 -183
  106. package/dist/components/Share/index.js +51 -43
  107. package/dist/components/Share/stories.js +16 -5
  108. package/dist/components/Sliders/SliderRelated/index.js +32 -25
  109. package/dist/components/Sliders/SliderRelated/stories.js +75 -57
  110. package/dist/components/Webform/WebformActions/index.js +19 -13
  111. package/dist/components/Webform/WebformCheckbox/index.js +32 -24
  112. package/dist/components/Webform/WebformCheckboxes/index.js +37 -29
  113. package/dist/components/Webform/WebformContainer/index.js +17 -11
  114. package/dist/components/Webform/WebformDate/index.js +77 -48
  115. package/dist/components/Webform/WebformMapper/index.js +53 -38
  116. package/dist/components/Webform/WebformNumber/index.js +31 -22
  117. package/dist/components/Webform/WebformRadioButtons/index.js +37 -29
  118. package/dist/components/Webform/WebformSelect/index.js +37 -29
  119. package/dist/components/Webform/WebformTextField/index.js +34 -26
  120. package/dist/components/Webform/WebformTextarea/index.js +32 -24
  121. package/dist/components/Webform/WebformWizardPage/index.js +56 -43
  122. package/dist/components/Webform/index.js +42 -20
  123. package/dist/components/Webform/stories.actions.js +35 -24
  124. package/dist/components/Webform/stories.checkboxes.js +40 -29
  125. package/dist/components/Webform/stories.checked.js +53 -42
  126. package/dist/components/Webform/stories.container.js +47 -36
  127. package/dist/components/Webform/stories.date.js +35 -24
  128. package/dist/components/Webform/stories.filled.js +53 -42
  129. package/dist/components/Webform/stories.number.js +36 -25
  130. package/dist/components/Webform/stories.radiobuttons.js +40 -29
  131. package/dist/components/Webform/stories.select.js +40 -29
  132. package/dist/components/Webform/stories.textarea.js +19 -8
  133. package/dist/components/Webform/stories.textfield.js +19 -8
  134. package/dist/components/Webform/stories.wizard.js +133 -122
  135. package/dist/components/Webform/withStates.js +49 -28
  136. package/dist/components/WysiwygField/index.js +30 -21
  137. package/dist/components/WysiwygField/stories.js +39 -29
  138. package/dist/components/index.js +111 -15
  139. package/dist/config/constants.js +38 -18
  140. package/dist/config/i18next/index.js +19 -11
  141. package/dist/config/i18next/locales/en.json +4 -0
  142. package/dist/config/i18next/locales/nl.json +7 -0
  143. package/dist/helpers/date.js +16 -0
  144. package/dist/helpers/gtm.js +27 -17
  145. package/dist/helpers/link.js +15 -6
  146. package/dist/helpers/useValueForCurrentViewPort.js +27 -10
  147. package/dist/hooks/useBoolean.d.ts +8 -0
  148. package/dist/hooks/useBoolean.js +38 -0
  149. package/dist/hooks/useClickOutside.d.ts +8 -0
  150. package/dist/hooks/useClickOutside.js +35 -0
  151. package/dist/hooks/useDialog.d.ts +10 -0
  152. package/dist/hooks/useDialog.js +39 -0
  153. package/dist/hooks/useDialogHelpers.d.ts +20 -0
  154. package/dist/hooks/useDialogHelpers.js +85 -0
  155. package/dist/hooks/useEscape.d.ts +6 -0
  156. package/dist/hooks/useEscape.js +24 -0
  157. package/dist/hooks/useOnScreen.js +27 -6
  158. package/dist/hooks/usePrevious.js +11 -6
  159. package/dist/hooks/useScrollPosition.js +25 -7
  160. package/dist/hooks/useTrapFocus.d.ts +10 -0
  161. package/dist/hooks/useTrapFocus.js +63 -0
  162. package/dist/hooks/useWindowDimensions.js +27 -11
  163. package/dist/index.js +398 -55
  164. package/dist/setupTests.js +9 -5
  165. package/package.json +44 -19
  166. package/dist/components/Form/SearchField/stories.js +0 -0
  167. package/dist/components/SearchKit/Facets/HierarchicalFilterFacet/index.js +0 -60
  168. package/dist/components/SearchKit/Facets/HierarchicalMenuFacet/index.js +0 -60
@@ -1,56 +1,68 @@
1
- import React from 'react';
2
- import classnames from 'classnames';
3
- import Immutable from 'immutable';
4
- import Button from '../../Button';
5
- import WebformContainer from '../WebformContainer';
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 _immutable = _interopRequireDefault(require("immutable"));
10
+ var _Button = _interopRequireDefault(require("../../Button"));
11
+ var _WebformContainer = _interopRequireDefault(require("../WebformContainer"));
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
14
+ 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."); }
15
+ 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); }
16
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
17
+ 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; } }
18
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
6
19
  // import WebformStepCounter from '../WebformStepCounter';
7
20
 
8
- const WebformWizardPage = props => {
9
- const {
10
- entity,
11
- onPreviousPage,
12
- currentPage,
13
- currentPageIndex,
14
- pages
15
- } = props;
16
- const labelPrevious = entity.get('#prev_button_label', 'Previous');
17
- const labelNext = entity.get('#next_button_label', 'Next');
18
- const isFirstPage = currentPageIndex === 0;
19
- const isLastPage = currentPageIndex === pages.size - 1;
20
- const classes = classnames('WebformWizardPage', {
21
+ var WebformWizardPage = function WebformWizardPage(props) {
22
+ var entity = props.entity,
23
+ onPreviousPage = props.onPreviousPage,
24
+ currentPage = props.currentPage,
25
+ currentPageIndex = props.currentPageIndex,
26
+ pages = props.pages;
27
+ var labelPrevious = entity.get('#prev_button_label', 'Previous');
28
+ var labelNext = entity.get('#next_button_label', 'Next');
29
+ var isFirstPage = currentPageIndex === 0;
30
+ var isLastPage = currentPageIndex === pages.size - 1;
31
+ var classes = (0, _classnames.default)('WebformWizardPage', {
21
32
  hidden: currentPage !== entity.get('#webform_key')
22
33
  });
23
- const collectInitialValuesFlat = entity => {
24
- let output = new Immutable.List();
25
- const mappedEntity = Immutable.fromJS(entity);
34
+ var collectInitialValuesFlat = function collectInitialValuesFlat(entity) {
35
+ var output = new _immutable.default.List();
36
+ var mappedEntity = _immutable.default.fromJS(entity);
26
37
  output = output.push(mappedEntity.get('#webform_key'));
27
38
 
28
39
  // Collect child items.
29
- let children = Immutable.fromJS(entity);
30
- children.keySeq().forEach(k => {
40
+ var children = _immutable.default.fromJS(entity);
41
+ children.keySeq().forEach(function (k) {
31
42
  if (k.indexOf('#') === 0) {
32
43
  children = children.delete(k);
33
44
  }
34
45
  });
35
- children.entrySeq().forEach(([key, e]) => {
36
- const c = collectInitialValuesFlat(e);
46
+ children.entrySeq().forEach(function (_ref) {
47
+ var _ref2 = _slicedToArray(_ref, 2),
48
+ key = _ref2[0],
49
+ e = _ref2[1];
50
+ var c = collectInitialValuesFlat(e);
37
51
  output = output.merge(c);
38
52
  });
39
53
  return output;
40
54
  };
41
- const onNextButton = () => {
42
- const {
43
- setFieldTouched,
44
- validateForm,
45
- entity,
46
- onNextPage
47
- } = props;
55
+ var onNextButton = function onNextButton() {
56
+ var setFieldTouched = props.setFieldTouched,
57
+ validateForm = props.validateForm,
58
+ entity = props.entity,
59
+ onNextPage = props.onNextPage;
48
60
 
49
61
  // Determine all children in this page.
50
- const fieldsInThisPage = collectInitialValuesFlat(entity);
51
- validateForm().then(validation => {
52
- let validated = true;
53
- Immutable.fromJS(validation).keySeq().forEach(invalidField => {
62
+ var fieldsInThisPage = collectInitialValuesFlat(entity);
63
+ validateForm().then(function (validation) {
64
+ var validated = true;
65
+ _immutable.default.fromJS(validation).keySeq().forEach(function (invalidField) {
54
66
  // Check if this field is contained by this page.
55
67
  if (fieldsInThisPage.contains(invalidField)) {
56
68
  validated = false;
@@ -62,22 +74,23 @@ const WebformWizardPage = props => {
62
74
  }
63
75
  });
64
76
  };
65
- return /*#__PURE__*/React.createElement("div", {
77
+ return /*#__PURE__*/_react.default.createElement("div", {
66
78
  className: classes
67
- }, /*#__PURE__*/React.createElement("h2", {
79
+ }, /*#__PURE__*/_react.default.createElement("h2", {
68
80
  className: "WebformWizardPage__title"
69
- }, entity.get('#admin_title')), /*#__PURE__*/React.createElement("div", {
81
+ }, entity.get('#admin_title')), /*#__PURE__*/_react.default.createElement("div", {
70
82
  className: "WebformWizardPage__divider"
71
- }), /*#__PURE__*/React.createElement(WebformContainer, props), /*#__PURE__*/React.createElement("div", {
83
+ }), /*#__PURE__*/_react.default.createElement(_WebformContainer.default, props), /*#__PURE__*/_react.default.createElement("div", {
72
84
  className: "WebformWizardPage__actions"
73
- }, !isFirstPage && /*#__PURE__*/React.createElement(Button, {
85
+ }, !isFirstPage && /*#__PURE__*/_react.default.createElement(_Button.default, {
74
86
  className: "Button--secondary",
75
87
  type: "button",
76
88
  onClick: onPreviousPage
77
- }, labelPrevious), !isLastPage && /*#__PURE__*/React.createElement(Button, {
89
+ }, labelPrevious), !isLastPage && /*#__PURE__*/_react.default.createElement(_Button.default, {
78
90
  className: "Button",
79
91
  type: "button",
80
92
  onClick: onNextButton
81
93
  }, labelNext)));
82
94
  };
83
- export default WebformWizardPage;
95
+ var _default = WebformWizardPage;
96
+ exports.default = _default;
@@ -1,43 +1,64 @@
1
- import React, { useState, useRef } from 'react';
2
- import Immutable from 'immutable';
3
- import WebformMapper from './WebformMapper';
4
- import FormikWrapper from '../Form/FormikWrapper';
5
- const Webform = ({
6
- entities
7
- }) => {
8
- const [currentPage, setCurrentPage] = useState(0);
9
- const webformRef = useRef(null);
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 _immutable = _interopRequireDefault(require("immutable"));
10
+ var _WebformMapper = _interopRequireDefault(require("./WebformMapper"));
11
+ var _FormikWrapper = _interopRequireDefault(require("../Form/FormikWrapper"));
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
+ 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); }
14
+ 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; }
15
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
16
+ 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."); }
17
+ 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); }
18
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
19
+ 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; } }
20
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
21
+ var Webform = function Webform(_ref) {
22
+ var entities = _ref.entities;
23
+ var _useState = (0, _react.useState)(0),
24
+ _useState2 = _slicedToArray(_useState, 2),
25
+ currentPage = _useState2[0],
26
+ setCurrentPage = _useState2[1];
27
+ var webformRef = (0, _react.useRef)(null);
10
28
 
11
29
  /**
12
30
  * @description Scroll to the top of the webform component
13
31
  */
14
- const scrollToTop = () => {
32
+ var scrollToTop = function scrollToTop() {
15
33
  window.scrollTo(0, webformRef.getBoundingClientRect().top);
16
34
  webformRef.scrollIntoView();
17
35
  };
18
- const onNextPage = () => {
36
+ var onNextPage = function onNextPage() {
19
37
  setCurrentPage(currentPage + 1);
20
38
  scrollToTop();
21
39
  };
22
- const onPreviousPage = () => {
40
+ var onPreviousPage = function onPreviousPage() {
23
41
  setCurrentPage(currentPage - 1);
24
42
  scrollToTop();
25
43
  };
26
- const collectPages = entities => {
27
- let output = new Immutable.List();
28
- entities.entrySeq().forEach(([key, entity]) => {
29
- const mappedEntity = Immutable.fromJS(entity);
44
+ var collectPages = function collectPages(entities) {
45
+ var output = new _immutable.default.List();
46
+ entities.entrySeq().forEach(function (_ref2) {
47
+ var _ref3 = _slicedToArray(_ref2, 2),
48
+ key = _ref3[0],
49
+ entity = _ref3[1];
50
+ var mappedEntity = _immutable.default.fromJS(entity);
30
51
  if (mappedEntity.get('#type') === 'webform_wizard_page') {
31
52
  output = output.push(mappedEntity.get('#webform_key'));
32
53
  }
33
54
  });
34
55
  return output;
35
56
  };
36
- const pages = collectPages(entities);
37
- return /*#__PURE__*/React.createElement("div", {
57
+ var pages = collectPages(entities);
58
+ return /*#__PURE__*/_react.default.createElement("div", {
38
59
  className: "Webform",
39
60
  ref: webformRef
40
- }, /*#__PURE__*/React.createElement(FormikWrapper, null, /*#__PURE__*/React.createElement(WebformMapper, {
61
+ }, /*#__PURE__*/_react.default.createElement(_FormikWrapper.default, null, /*#__PURE__*/_react.default.createElement(_WebformMapper.default, {
41
62
  entities: entities,
42
63
  pages: pages,
43
64
  onNextPage: onNextPage,
@@ -46,4 +67,5 @@ const Webform = ({
46
67
  currentPage: pages.get(currentPage)
47
68
  })));
48
69
  };
49
- export default Webform;
70
+ var _default = Webform;
71
+ exports.default = _default;
@@ -1,28 +1,39 @@
1
- import React from 'react';
2
- import Immutable from 'immutable';
3
- import Webform from './';
4
- export default {
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = exports.Actions = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _immutable = _interopRequireDefault(require("immutable"));
9
+ var _ = _interopRequireDefault(require("."));
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ var _default = {
5
12
  title: 'Organisms/Webform/Mapper'
6
13
  };
7
- const entities = Immutable.fromJS({
8
- "actions": {
9
- "#type": "webform_actions",
10
- "#title": "Submit button(s)",
11
- "#submit__label": "Verstuur",
12
- "#webform": "test",
13
- "#webform_id": "test--actions",
14
- "#webform_key": "actions",
15
- "#webform_parent_key": "",
16
- "#webform_parent_flexbox": false,
17
- "#webform_depth": 0,
18
- "#webform_children": [],
19
- "#webform_multiple": false,
20
- "#webform_composite": false,
21
- "#webform_parents": ["actions"],
22
- "#admin_title": "Submit button(s)",
23
- "#webform_plugin_id": "webform_actions"
14
+ exports.default = _default;
15
+ var entities = _immutable.default.fromJS({
16
+ 'actions': {
17
+ '#type': 'webform_actions',
18
+ '#title': 'Submit button(s)',
19
+ '#submit__label': 'Verstuur',
20
+ '#webform': 'test',
21
+ '#webform_id': 'test--actions',
22
+ '#webform_key': 'actions',
23
+ '#webform_parent_key': '',
24
+ '#webform_parent_flexbox': false,
25
+ '#webform_depth': 0,
26
+ '#webform_children': [],
27
+ '#webform_multiple': false,
28
+ '#webform_composite': false,
29
+ '#webform_parents': ['actions'],
30
+ '#admin_title': 'Submit button(s)',
31
+ '#webform_plugin_id': 'webform_actions'
24
32
  }
25
33
  });
26
- export const Actions = () => /*#__PURE__*/React.createElement(Webform, {
27
- entities: entities
28
- });
34
+ var Actions = function Actions() {
35
+ return /*#__PURE__*/_react.default.createElement(_.default, {
36
+ entities: entities
37
+ });
38
+ };
39
+ exports.Actions = Actions;
@@ -1,34 +1,45 @@
1
- import React from 'react';
2
- import Immutable from 'immutable';
3
- import Webform from './';
4
- export default {
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = exports.Checkboxes = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _immutable = _interopRequireDefault(require("immutable"));
9
+ var _ = _interopRequireDefault(require("."));
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ var _default = {
5
12
  title: 'Organisms/Webform/Mapper'
6
13
  };
7
- const entities = Immutable.fromJS({
8
- "field_3": {
9
- "#type": "checkboxes",
10
- "#title": "Pick your poison",
11
- '#description': "Please select your poison.",
12
- "#options": {
13
- "beer": "Beer",
14
- "wine": "Wine",
15
- "rum": "Rum",
16
- "whisky": "Whisk(e)y"
14
+ exports.default = _default;
15
+ var entities = _immutable.default.fromJS({
16
+ 'field_3': {
17
+ '#type': 'checkboxes',
18
+ '#title': 'Pick your poison',
19
+ '#description': 'Please select your poison.',
20
+ '#options': {
21
+ 'beer': 'Beer',
22
+ 'wine': 'Wine',
23
+ 'rum': 'Rum',
24
+ 'whisky': 'Whisk(e)y'
17
25
  },
18
- "#webform": "test_conditionals",
19
- "#webform_id": "test_conditionals--field_3",
20
- "#webform_key": "field_3",
21
- "#webform_parent_key": "",
22
- "#webform_parent_flexbox": false,
23
- "#webform_depth": 0,
24
- "#webform_children": [],
25
- "#webform_multiple": false,
26
- "#webform_composite": false,
27
- "#webform_parents": ["field_3"],
28
- "#admin_title": "Pick your poison",
29
- "#webform_plugin_id": "radios"
26
+ '#webform': 'test_conditionals',
27
+ '#webform_id': 'test_conditionals--field_3',
28
+ '#webform_key': 'field_3',
29
+ '#webform_parent_key': '',
30
+ '#webform_parent_flexbox': false,
31
+ '#webform_depth': 0,
32
+ '#webform_children': [],
33
+ '#webform_multiple': false,
34
+ '#webform_composite': false,
35
+ '#webform_parents': ['field_3'],
36
+ '#admin_title': 'Pick your poison',
37
+ '#webform_plugin_id': 'radios'
30
38
  }
31
39
  });
32
- export const Checkboxes = () => /*#__PURE__*/React.createElement(Webform, {
33
- entities: entities
34
- });
40
+ var Checkboxes = function Checkboxes() {
41
+ return /*#__PURE__*/_react.default.createElement(_.default, {
42
+ entities: entities
43
+ });
44
+ };
45
+ exports.Checkboxes = Checkboxes;
@@ -1,50 +1,61 @@
1
- import React from 'react';
2
- import Immutable from 'immutable';
3
- import Webform from './';
4
- export default {
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = exports.Checked = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _immutable = _interopRequireDefault(require("immutable"));
9
+ var _ = _interopRequireDefault(require("."));
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ var _default = {
5
12
  title: 'Organisms/Webform/Conditionals'
6
13
  };
7
- const entities = Immutable.fromJS({
8
- "field_1": {
9
- "#type": "checkbox",
10
- "#title": "field 1",
11
- "#webform": "test_conditionals",
12
- "#webform_id": "test_conditionals--field_1",
13
- "#webform_key": "field_1",
14
- "#webform_parent_key": "",
15
- "#webform_parent_flexbox": false,
16
- "#webform_depth": 0,
17
- "#webform_children": [],
18
- "#webform_multiple": false,
19
- "#webform_composite": false,
20
- "#webform_parents": ["field_1"],
21
- "#admin_title": "field 1",
22
- "#webform_plugin_id": "textfield"
14
+ exports.default = _default;
15
+ var entities = _immutable.default.fromJS({
16
+ 'field_1': {
17
+ '#type': 'checkbox',
18
+ '#title': 'field 1',
19
+ '#webform': 'test_conditionals',
20
+ '#webform_id': 'test_conditionals--field_1',
21
+ '#webform_key': 'field_1',
22
+ '#webform_parent_key': '',
23
+ '#webform_parent_flexbox': false,
24
+ '#webform_depth': 0,
25
+ '#webform_children': [],
26
+ '#webform_multiple': false,
27
+ '#webform_composite': false,
28
+ '#webform_parents': ['field_1'],
29
+ '#admin_title': 'field 1',
30
+ '#webform_plugin_id': 'textfield'
23
31
  },
24
- "field_2": {
25
- "#type": "textfield",
26
- "#title": "field 2",
27
- "#states": {
28
- "visible": {
29
- ":input[name=\u0022field_1\u0022]": {
30
- "checked": true
32
+ 'field_2': {
33
+ '#type': 'textfield',
34
+ '#title': 'field 2',
35
+ '#states': {
36
+ 'visible': {
37
+ ":input[name=\"field_1\"]": {
38
+ 'checked': true
31
39
  }
32
40
  }
33
41
  },
34
- "#webform": "test_conditionals",
35
- "#webform_id": "test_conditionals--field_2",
36
- "#webform_key": "field_2",
37
- "#webform_parent_key": "",
38
- "#webform_parent_flexbox": false,
39
- "#webform_depth": 0,
40
- "#webform_children": [],
41
- "#webform_multiple": false,
42
- "#webform_composite": false,
43
- "#webform_parents": ["field_2"],
44
- "#admin_title": "field 2",
45
- "#webform_plugin_id": "textfield"
42
+ '#webform': 'test_conditionals',
43
+ '#webform_id': 'test_conditionals--field_2',
44
+ '#webform_key': 'field_2',
45
+ '#webform_parent_key': '',
46
+ '#webform_parent_flexbox': false,
47
+ '#webform_depth': 0,
48
+ '#webform_children': [],
49
+ '#webform_multiple': false,
50
+ '#webform_composite': false,
51
+ '#webform_parents': ['field_2'],
52
+ '#admin_title': 'field 2',
53
+ '#webform_plugin_id': 'textfield'
46
54
  }
47
55
  });
48
- export const Checked = () => /*#__PURE__*/React.createElement(Webform, {
49
- entities: entities
50
- });
56
+ var Checked = function Checked() {
57
+ return /*#__PURE__*/_react.default.createElement(_.default, {
58
+ entities: entities
59
+ });
60
+ };
61
+ exports.Checked = Checked;
@@ -1,41 +1,52 @@
1
- import React from 'react';
2
- import Immutable from 'immutable';
3
- import Webform from './';
4
- export default {
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = exports.Container = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _immutable = _interopRequireDefault(require("immutable"));
9
+ var _ = _interopRequireDefault(require("."));
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ var _default = {
5
12
  title: 'Organisms/Webform/Mapper'
6
13
  };
7
- const entities = Immutable.fromJS({
8
- "container": {
9
- "#type": "container",
10
- "textfield": {
11
- "#type": "textfield",
12
- "#title": "Textfield",
13
- "#webform": "test",
14
- "#webform_id": "test--textfield",
15
- "#webform_key": "textfield",
16
- "#webform_parent_key": "container",
17
- "#webform_parent_flexbox": false,
18
- "#webform_depth": 1,
19
- "#webform_children": [],
20
- "#webform_multiple": false,
21
- "#webform_composite": false,
22
- "#admin_title": "Textfield",
23
- "#webform_plugin_id": "textfield"
14
+ exports.default = _default;
15
+ var entities = _immutable.default.fromJS({
16
+ 'container': {
17
+ '#type': 'container',
18
+ 'textfield': {
19
+ '#type': 'textfield',
20
+ '#title': 'Textfield',
21
+ '#webform': 'test',
22
+ '#webform_id': 'test--textfield',
23
+ '#webform_key': 'textfield',
24
+ '#webform_parent_key': 'container',
25
+ '#webform_parent_flexbox': false,
26
+ '#webform_depth': 1,
27
+ '#webform_children': [],
28
+ '#webform_multiple': false,
29
+ '#webform_composite': false,
30
+ '#admin_title': 'Textfield',
31
+ '#webform_plugin_id': 'textfield'
24
32
  },
25
- "#webform": "test",
26
- "#webform_id": "test--container",
27
- "#webform_key": "container",
28
- "#webform_parent_key": "",
29
- "#webform_parent_flexbox": false,
30
- "#webform_depth": 0,
31
- "#webform_children": [],
32
- "#webform_multiple": false,
33
- "#webform_composite": false,
34
- "#title": null,
35
- "#admin_title": null,
36
- "#webform_plugin_id": "container"
33
+ '#webform': 'test',
34
+ '#webform_id': 'test--container',
35
+ '#webform_key': 'container',
36
+ '#webform_parent_key': '',
37
+ '#webform_parent_flexbox': false,
38
+ '#webform_depth': 0,
39
+ '#webform_children': [],
40
+ '#webform_multiple': false,
41
+ '#webform_composite': false,
42
+ '#title': null,
43
+ '#admin_title': null,
44
+ '#webform_plugin_id': 'container'
37
45
  }
38
46
  });
39
- export const Container = () => /*#__PURE__*/React.createElement(Webform, {
40
- entities: entities
41
- });
47
+ var Container = function Container() {
48
+ return /*#__PURE__*/_react.default.createElement(_.default, {
49
+ entities: entities
50
+ });
51
+ };
52
+ exports.Container = Container;
@@ -1,28 +1,39 @@
1
- import React from 'react';
2
- import Immutable from 'immutable';
3
- import Webform from './';
4
- export default {
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = exports.Date = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _immutable = _interopRequireDefault(require("immutable"));
9
+ var _ = _interopRequireDefault(require("."));
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ var _default = {
5
12
  title: 'Organisms/Webform/Mapper'
6
13
  };
7
- const entities = Immutable.fromJS({
8
- "field_3": {
9
- "#type": "date",
10
- "#title": "What is your birth date?",
11
- '#description': "Please select your birth date.",
12
- "#webform": "test_conditionals",
13
- "#webform_id": "test_conditionals--field_3",
14
- "#webform_key": "field_3",
15
- "#webform_parent_key": "",
16
- "#webform_parent_flexbox": false,
17
- "#webform_depth": 0,
18
- "#webform_children": [],
19
- "#webform_multiple": false,
20
- "#webform_composite": false,
21
- "#webform_parents": ["field_3"],
22
- "#admin_title": "What is your birth date?",
23
- "#webform_plugin_id": "date"
14
+ exports.default = _default;
15
+ var entities = _immutable.default.fromJS({
16
+ 'field_3': {
17
+ '#type': 'date',
18
+ '#title': 'What is your birth date?',
19
+ '#description': 'Please select your birth date.',
20
+ '#webform': 'test_conditionals',
21
+ '#webform_id': 'test_conditionals--field_3',
22
+ '#webform_key': 'field_3',
23
+ '#webform_parent_key': '',
24
+ '#webform_parent_flexbox': false,
25
+ '#webform_depth': 0,
26
+ '#webform_children': [],
27
+ '#webform_multiple': false,
28
+ '#webform_composite': false,
29
+ '#webform_parents': ['field_3'],
30
+ '#admin_title': 'What is your birth date?',
31
+ '#webform_plugin_id': 'date'
24
32
  }
25
33
  });
26
- export const Date = () => /*#__PURE__*/React.createElement(Webform, {
27
- entities: entities
28
- });
34
+ var Date = function Date() {
35
+ return /*#__PURE__*/_react.default.createElement(_.default, {
36
+ entities: entities
37
+ });
38
+ };
39
+ exports.Date = Date;