@uncinc/uncinc-react-kitchen-sink 2.4.0 → 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 (164) 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 +32 -21
  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 +43 -33
  13. package/dist/components/Button/stories.js +52 -30
  14. package/dist/components/Cookie/Checkbox/index.js +23 -16
  15. package/dist/components/Cookie/index.js +146 -115
  16. package/dist/components/Cookie/stories.js +57 -39
  17. package/dist/components/Dialog/index.d.ts +38 -0
  18. package/dist/components/Dialog/index.js +63 -56
  19. package/dist/components/Dialog/stories.js +31 -17
  20. package/dist/components/FontSizeSwitcher/index.js +58 -32
  21. package/dist/components/FontSizeSwitcher/stories.js +23 -9
  22. package/dist/components/Form/Checkbox/index.js +43 -37
  23. package/dist/components/Form/Checkbox/stories.js +20 -11
  24. package/dist/components/Form/Checkboxes/index.js +62 -57
  25. package/dist/components/Form/Checkboxes/index.test.js +113 -62
  26. package/dist/components/Form/Checkboxes/stories.js +23 -12
  27. package/dist/components/Form/Date/index.js +13 -5
  28. package/dist/components/Form/Date/stories.js +18 -9
  29. package/dist/components/Form/DatePicker/index.js +39 -33
  30. package/dist/components/Form/DatePicker/stories.js +18 -9
  31. package/dist/components/Form/DateSelect/index.js +99 -62
  32. package/dist/components/Form/DateSelect/stories.js +32 -11
  33. package/dist/components/Form/Email/index.js +13 -5
  34. package/dist/components/Form/Email/stories.js +18 -9
  35. package/dist/components/Form/FormikWrapper/index.js +52 -45
  36. package/dist/components/Form/GenericFormElement/index.js +39 -34
  37. package/dist/components/Form/Number/index.js +23 -18
  38. package/dist/components/Form/Number/stories.js +18 -9
  39. package/dist/components/Form/RadioButtons/index.js +53 -49
  40. package/dist/components/Form/RadioButtons/index.test.js +106 -57
  41. package/dist/components/Form/RadioButtons/stories.js +23 -12
  42. package/dist/components/Form/SearchField/index.js +37 -30
  43. package/dist/components/Form/Select/Input/index.js +55 -49
  44. package/dist/components/Form/Select/index.js +32 -24
  45. package/dist/components/Form/Select/stories.js +25 -15
  46. package/dist/components/Form/TextField/index.js +38 -33
  47. package/dist/components/Form/TextField/index.test.js +104 -56
  48. package/dist/components/Form/TextField/stories.js +22 -11
  49. package/dist/components/Form/Textarea/index.js +34 -27
  50. package/dist/components/Form/Textarea/stories.js +18 -9
  51. package/dist/components/Hamburger/index.js +30 -19
  52. package/dist/components/Hamburger/stories.js +42 -16
  53. package/dist/components/Header/index.js +67 -39
  54. package/dist/components/Header/stories.js +48 -28
  55. package/dist/components/Image/Background/index.js +36 -21
  56. package/dist/components/Image/LazyLoadWrapper/index.js +101 -64
  57. package/dist/components/Image/Picture/index.js +83 -65
  58. package/dist/components/Image/index.js +21 -15
  59. package/dist/components/Image/stories.js +87 -64
  60. package/dist/components/InlineMenu/index.js +60 -38
  61. package/dist/components/InlineMenu/stories.js +66 -55
  62. package/dist/components/Layout/Container/index.js +29 -21
  63. package/dist/components/Layout/Container/stories.js +104 -83
  64. package/dist/components/Layout/QuickLayout/Auto/index.js +19 -12
  65. package/dist/components/Layout/QuickLayout/Center/index.js +17 -10
  66. package/dist/components/Layout/QuickLayout/Clamp/index.js +20 -13
  67. package/dist/components/Layout/QuickLayout/Sidebar/index.js +20 -13
  68. package/dist/components/Layout/QuickLayout/SpaceBetween/index.js +20 -13
  69. package/dist/components/Layout/QuickLayout/Stack/index.js +21 -11
  70. package/dist/components/Layout/QuickLayout/Wrap/index.js +21 -14
  71. package/dist/components/Layout/QuickLayout/index.js +31 -21
  72. package/dist/components/Layout/QuickLayout/stories.js +102 -70
  73. package/dist/components/Lottie/LottieAnimation/index.js +55 -56
  74. package/dist/components/Lottie/LottieAnimationWithMousePosition.js +31 -18
  75. package/dist/components/Lottie/index.js +47 -35
  76. package/dist/components/Lottie/stories.js +54 -31
  77. package/dist/components/MagicLine/index.js +50 -27
  78. package/dist/components/MagicLine/stories.js +60 -46
  79. package/dist/components/NavigationScroll/index.js +71 -49
  80. package/dist/components/NavigationScroll/stories.js +19 -8
  81. package/dist/components/Pagination/index.js +48 -41
  82. package/dist/components/Pagination/stories.js +51 -28
  83. package/dist/components/SearchKit/Facets/ChipFacet/index.js +24 -16
  84. package/dist/components/SearchKit/Facets/ListFacet/index.js +23 -15
  85. package/dist/components/SearchKit/Facets/SelectFacet/index.js +39 -30
  86. package/dist/components/SearchKit/Query/index.js +41 -23
  87. package/dist/components/SearchKit/SearchFacets/index.js +36 -23
  88. package/dist/components/SearchKit/SearchField/index.js +49 -25
  89. package/dist/components/SearchKit/SearchLoadMore/index.js +22 -15
  90. package/dist/components/SearchKit/SearchPage/index.js +22 -14
  91. package/dist/components/SearchKit/SearchPagination/index.js +17 -10
  92. package/dist/components/SearchKit/SearchReset/index.js +25 -16
  93. package/dist/components/SearchKit/SearchResults/index.js +108 -59
  94. package/dist/components/SearchKit/SearchSelectedFilters/Filters/CustomValue/index.js +17 -10
  95. package/dist/components/SearchKit/SearchSelectedFilters/Filters/DateRange/index.js +18 -11
  96. package/dist/components/SearchKit/SearchSelectedFilters/Filters/NumericRange/index.js +18 -11
  97. package/dist/components/SearchKit/SearchSelectedFilters/Filters/Value/index.js +22 -12
  98. package/dist/components/SearchKit/SearchSelectedFilters/index.js +34 -28
  99. package/dist/components/SearchKit/SearchSorting/index.js +29 -19
  100. package/dist/components/SearchKit/index.js +72 -53
  101. package/dist/components/SearchKit/stories.js +141 -186
  102. package/dist/components/Share/index.js +48 -40
  103. package/dist/components/Share/stories.js +16 -5
  104. package/dist/components/Sliders/SliderRelated/index.js +32 -25
  105. package/dist/components/Sliders/SliderRelated/stories.js +75 -57
  106. package/dist/components/Webform/WebformActions/index.js +19 -13
  107. package/dist/components/Webform/WebformCheckbox/index.js +32 -24
  108. package/dist/components/Webform/WebformCheckboxes/index.js +37 -29
  109. package/dist/components/Webform/WebformContainer/index.js +17 -11
  110. package/dist/components/Webform/WebformDate/index.js +76 -48
  111. package/dist/components/Webform/WebformMapper/index.js +53 -38
  112. package/dist/components/Webform/WebformNumber/index.js +31 -22
  113. package/dist/components/Webform/WebformRadioButtons/index.js +37 -29
  114. package/dist/components/Webform/WebformSelect/index.js +37 -29
  115. package/dist/components/Webform/WebformTextField/index.js +34 -26
  116. package/dist/components/Webform/WebformTextarea/index.js +32 -24
  117. package/dist/components/Webform/WebformWizardPage/index.js +56 -43
  118. package/dist/components/Webform/index.js +42 -20
  119. package/dist/components/Webform/stories.actions.js +19 -8
  120. package/dist/components/Webform/stories.checkboxes.js +19 -8
  121. package/dist/components/Webform/stories.checked.js +20 -9
  122. package/dist/components/Webform/stories.container.js +19 -8
  123. package/dist/components/Webform/stories.date.js +19 -8
  124. package/dist/components/Webform/stories.filled.js +20 -9
  125. package/dist/components/Webform/stories.number.js +19 -8
  126. package/dist/components/Webform/stories.radiobuttons.js +19 -8
  127. package/dist/components/Webform/stories.select.js +19 -8
  128. package/dist/components/Webform/stories.textarea.js +19 -8
  129. package/dist/components/Webform/stories.textfield.js +19 -8
  130. package/dist/components/Webform/stories.wizard.js +19 -8
  131. package/dist/components/Webform/withStates.js +49 -28
  132. package/dist/components/WysiwygField/index.js +30 -20
  133. package/dist/components/WysiwygField/stories.js +39 -29
  134. package/dist/components/index.js +111 -15
  135. package/dist/config/constants.js +38 -18
  136. package/dist/config/i18next/index.js +19 -11
  137. package/dist/helpers/date.js +13 -5
  138. package/dist/helpers/gtm.js +27 -17
  139. package/dist/helpers/link.js +15 -6
  140. package/dist/helpers/useValueForCurrentViewPort.js +27 -10
  141. package/dist/hooks/useBoolean.d.ts +8 -0
  142. package/dist/hooks/useBoolean.js +38 -0
  143. package/dist/hooks/useClickOutside.d.ts +8 -0
  144. package/dist/hooks/useClickOutside.js +35 -0
  145. package/dist/hooks/useDialog.d.ts +10 -0
  146. package/dist/hooks/useDialog.js +39 -0
  147. package/dist/hooks/useDialogHelpers.d.ts +20 -0
  148. package/dist/hooks/{useDialogHelpers.ts → useDialogHelpers.js} +33 -43
  149. package/dist/hooks/useEscape.d.ts +6 -0
  150. package/dist/hooks/useEscape.js +24 -0
  151. package/dist/hooks/useOnScreen.js +27 -6
  152. package/dist/hooks/usePrevious.js +10 -4
  153. package/dist/hooks/useScrollPosition.js +25 -7
  154. package/dist/hooks/useTrapFocus.d.ts +10 -0
  155. package/dist/hooks/useTrapFocus.js +63 -0
  156. package/dist/hooks/useWindowDimensions.js +27 -11
  157. package/dist/index.js +398 -56
  158. package/dist/setupTests.js +9 -5
  159. package/package.json +6 -3
  160. package/dist/hooks/useBoolean.ts +0 -20
  161. package/dist/hooks/useClickOutside.ts +0 -38
  162. package/dist/hooks/useDialog.ts +0 -29
  163. package/dist/hooks/useEscape.ts +0 -26
  164. package/dist/hooks/useTrapFocus.ts +0 -80
@@ -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 _TextField = _interopRequireDefault(require("../../Form/TextField"));
10
+ var _withStates = _interopRequireDefault(require("../withStates"));
11
+ var _excluded = ["entity", "customClasses"];
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 FormikTextField from '../../Form/TextField';
5
- import withStates from '../withStates';
6
- const WebformTextField = props => {
7
- const {
8
- entity,
9
- customClasses,
10
- ...fieldProps
11
- } = props;
12
- const {
13
- t
14
- } = useTranslation();
15
- const title = entity.get('#title');
16
- const required = entity.get('#required');
17
- const description = entity.get('#description');
18
- const placeholder = entity.get('#placeholder');
19
- const requiredError = entity.get('#required_error');
20
- const key = entity.get('#webform_key');
21
- const type = props.type || 'text';
22
- const validation = props.validation || (value => {
23
- let error;
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 WebformTextField = function WebformTextField(props) {
17
+ var entity = props.entity,
18
+ customClasses = props.customClasses,
19
+ fieldProps = _objectWithoutProperties(props, _excluded);
20
+ var _useTranslation = (0, _reactI18next.useTranslation)(),
21
+ t = _useTranslation.t;
22
+ var title = entity.get('#title');
23
+ var required = entity.get('#required');
24
+ var description = entity.get('#description');
25
+ var placeholder = entity.get('#placeholder');
26
+ var requiredError = entity.get('#required_error');
27
+ var key = entity.get('#webform_key');
28
+ var type = props.type || 'text';
29
+ var validation = props.validation || function (value) {
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
- });
29
- return /*#__PURE__*/React.createElement("div", {
35
+ };
36
+ return /*#__PURE__*/_react.default.createElement("div", {
30
37
  className: "WebformTextField"
31
- }, /*#__PURE__*/React.createElement(FormikTextField, _extends({}, fieldProps, {
38
+ }, /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({}, fieldProps, {
32
39
  title: title,
33
40
  type: type,
34
41
  required: required,
@@ -41,4 +48,5 @@ const WebformTextField = props => {
41
48
  value: props.values[key]
42
49
  })));
43
50
  };
44
- export default withStates(WebformTextField);
51
+ var _default = (0, _withStates.default)(WebformTextField);
52
+ 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 _Textarea = _interopRequireDefault(require("../../Form/Textarea"));
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 FormikTextarea from '../../Form/Textarea';
5
- import withStates from '../withStates';
6
- const WebformTextarea = 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 WebformTextarea = function WebformTextarea(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: "WebformTextarea"
31
- }, /*#__PURE__*/React.createElement(FormikTextarea, _extends({}, fieldProps, {
38
+ }, /*#__PURE__*/_react.default.createElement(_Textarea.default, _extends({}, fieldProps, {
32
39
  title: title,
33
40
  required: required,
34
41
  description: description,
@@ -40,4 +47,5 @@ const WebformTextarea = props => {
40
47
  value: props.values[key]
41
48
  })));
42
49
  };
43
- export default withStates(WebformTextarea);
50
+ var _default = (0, _withStates.default)(WebformTextarea);
51
+ exports.default = _default;
@@ -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,10 +1,18 @@
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({
14
+ exports.default = _default;
15
+ var entities = _immutable.default.fromJS({
8
16
  'actions': {
9
17
  '#type': 'webform_actions',
10
18
  '#title': 'Submit button(s)',
@@ -23,6 +31,9 @@ const entities = Immutable.fromJS({
23
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,10 +1,18 @@
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({
14
+ exports.default = _default;
15
+ var entities = _immutable.default.fromJS({
8
16
  'field_3': {
9
17
  '#type': 'checkboxes',
10
18
  '#title': 'Pick your poison',
@@ -29,6 +37,9 @@ const entities = Immutable.fromJS({
29
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,10 +1,18 @@
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({
14
+ exports.default = _default;
15
+ var entities = _immutable.default.fromJS({
8
16
  'field_1': {
9
17
  '#type': 'checkbox',
10
18
  '#title': 'field 1',
@@ -26,7 +34,7 @@ const entities = Immutable.fromJS({
26
34
  '#title': 'field 2',
27
35
  '#states': {
28
36
  'visible': {
29
- ':input[name=\u0022field_1\u0022]': {
37
+ ":input[name=\"field_1\"]": {
30
38
  'checked': true
31
39
  }
32
40
  }
@@ -45,6 +53,9 @@ const entities = Immutable.fromJS({
45
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,10 +1,18 @@
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({
14
+ exports.default = _default;
15
+ var entities = _immutable.default.fromJS({
8
16
  'container': {
9
17
  '#type': 'container',
10
18
  'textfield': {
@@ -36,6 +44,9 @@ const entities = Immutable.fromJS({
36
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,10 +1,18 @@
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({
14
+ exports.default = _default;
15
+ var entities = _immutable.default.fromJS({
8
16
  'field_3': {
9
17
  '#type': 'date',
10
18
  '#title': 'What is your birth date?',
@@ -23,6 +31,9 @@ const entities = Immutable.fromJS({
23
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;
@@ -1,10 +1,18 @@
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.Filled = 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({
14
+ exports.default = _default;
15
+ var entities = _immutable.default.fromJS({
8
16
  'field_1': {
9
17
  '#type': 'textfield',
10
18
  '#title': 'field 1',
@@ -26,7 +34,7 @@ const entities = Immutable.fromJS({
26
34
  '#title': 'field 2',
27
35
  '#states': {
28
36
  'visible': {
29
- ':input[name=\u0022field_1\u0022]': {
37
+ ":input[name=\"field_1\"]": {
30
38
  'filled': true
31
39
  }
32
40
  }
@@ -45,6 +53,9 @@ const entities = Immutable.fromJS({
45
53
  '#webform_plugin_id': 'textfield'
46
54
  }
47
55
  });
48
- export const Filled = () => /*#__PURE__*/React.createElement(Webform, {
49
- entities: entities
50
- });
56
+ var Filled = function Filled() {
57
+ return /*#__PURE__*/_react.default.createElement(_.default, {
58
+ entities: entities
59
+ });
60
+ };
61
+ exports.Filled = Filled;