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

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 (48) hide show
  1. package/dist/components/AbbreviationAnnotation/stories.js +12 -8
  2. package/dist/components/Button/index.js +6 -1
  3. package/dist/components/Button/stories.js +20 -60
  4. package/dist/components/Button/stories.scss +7 -5
  5. package/dist/components/Cookie/stories.js +40 -8
  6. package/dist/components/Dialog/index.js +1 -1
  7. package/dist/components/Dialog/stories.js +7 -4
  8. package/dist/components/Form/DatePicker/index.js +1 -0
  9. package/dist/components/Form/Select/Input/index.js +1 -0
  10. package/dist/components/Form/Select/index.js +1 -0
  11. package/dist/components/Form/TextField/index.js +1 -0
  12. package/dist/components/Form/Textarea/index.js +1 -0
  13. package/dist/components/Layout/Container/stories.js +6 -17
  14. package/dist/components/Lottie/stories.js +18 -16
  15. package/dist/components/Pagination/index.js +2 -1
  16. package/dist/components/Pagination/stories.js +39 -33
  17. package/dist/components/SearchKit/stories.js +15 -13
  18. package/dist/helpers/date.js +14 -2
  19. package/dist/styles/assets/_base.scss +0 -3
  20. package/dist/styles/assets/_fonts.scss +17 -17
  21. package/dist/styles/assets/_icons.scss +2 -2
  22. package/package.json +1 -1
  23. package/dist/components/Webform/WebformActions/index.js +0 -25
  24. package/dist/components/Webform/WebformCheckbox/index.js +0 -51
  25. package/dist/components/Webform/WebformCheckboxes/index.js +0 -62
  26. package/dist/components/Webform/WebformContainer/index.js +0 -30
  27. package/dist/components/Webform/WebformDate/index.js +0 -159
  28. package/dist/components/Webform/WebformMapper/index.js +0 -145
  29. package/dist/components/Webform/WebformNumber/index.js +0 -48
  30. package/dist/components/Webform/WebformRadioButtons/index.js +0 -62
  31. package/dist/components/Webform/WebformSelect/index.js +0 -62
  32. package/dist/components/Webform/WebformTextField/index.js +0 -52
  33. package/dist/components/Webform/WebformTextarea/index.js +0 -51
  34. package/dist/components/Webform/WebformWizardPage/index.js +0 -96
  35. package/dist/components/Webform/index.js +0 -71
  36. package/dist/components/Webform/stories.actions.js +0 -39
  37. package/dist/components/Webform/stories.checkboxes.js +0 -45
  38. package/dist/components/Webform/stories.checked.js +0 -61
  39. package/dist/components/Webform/stories.container.js +0 -52
  40. package/dist/components/Webform/stories.date.js +0 -39
  41. package/dist/components/Webform/stories.filled.js +0 -61
  42. package/dist/components/Webform/stories.number.js +0 -40
  43. package/dist/components/Webform/stories.radiobuttons.js +0 -45
  44. package/dist/components/Webform/stories.select.js +0 -45
  45. package/dist/components/Webform/stories.textarea.js +0 -38
  46. package/dist/components/Webform/stories.textfield.js +0 -30
  47. package/dist/components/Webform/stories.wizard.js +0 -146
  48. package/dist/components/Webform/withStates.js +0 -93
@@ -1,145 +0,0 @@
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 _immutable = _interopRequireDefault(require("immutable"));
9
- var _WysiwygField = _interopRequireDefault(require("../../WysiwygField"));
10
- var _WebformTextField = _interopRequireDefault(require("../WebformTextField"));
11
- var _WebformTextarea = _interopRequireDefault(require("../WebformTextarea"));
12
- var _WebformCheckbox = _interopRequireDefault(require("../WebformCheckbox"));
13
- var _WebformRadioButtons = _interopRequireDefault(require("../WebformRadioButtons"));
14
- var _WebformCheckboxes = _interopRequireDefault(require("../WebformCheckboxes"));
15
- var _WebformSelect = _interopRequireDefault(require("../WebformSelect"));
16
- var _WebformDate = _interopRequireDefault(require("../WebformDate"));
17
- var _WebformActions = _interopRequireDefault(require("../WebformActions"));
18
- var _WebformContainer = _interopRequireDefault(require("../WebformContainer"));
19
- var _WebformNumber = _interopRequireDefault(require("../WebformNumber"));
20
- var _WebformWizardPage = _interopRequireDefault(require("../WebformWizardPage"));
21
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
22
- 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); }
23
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
24
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
25
- 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); }
26
- 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; }
27
- function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
28
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
29
- var WebformMapper = function WebformMapper(props) {
30
- var entities = props.entities,
31
- overriddenComponents = props.overriddenComponents;
32
- return entities.entrySeq().map(function (_ref) {
33
- var _ref2 = _slicedToArray(_ref, 2),
34
- key = _ref2[0],
35
- entity = _ref2[1];
36
- var mappedEntity = new _immutable.default.OrderedMap(entity);
37
- var type = mappedEntity.get('#type');
38
- if (overriddenComponents && overriddenComponents[type]) {
39
- var OverriddenComponent = overriddenComponents[type];
40
- return /*#__PURE__*/_react.default.createElement(OverriddenComponent, _extends({}, props, {
41
- key: mappedEntity.get('#webform_key'),
42
- entity: mappedEntity
43
- }));
44
- }
45
- switch (type) {
46
- case 'textfield':
47
- {
48
- return /*#__PURE__*/_react.default.createElement(_WebformTextField.default, _extends({}, props, {
49
- key: mappedEntity.get('#webform_key'),
50
- entity: mappedEntity
51
- }));
52
- }
53
- case 'textarea':
54
- {
55
- return /*#__PURE__*/_react.default.createElement(_WebformTextarea.default, _extends({}, props, {
56
- key: mappedEntity.get('#webform_key'),
57
- entity: mappedEntity
58
- }));
59
- }
60
- case 'checkbox':
61
- {
62
- return /*#__PURE__*/_react.default.createElement(_WebformCheckbox.default, _extends({}, props, {
63
- key: mappedEntity.get('#webform_key'),
64
- entity: mappedEntity
65
- }));
66
- }
67
- case 'radios':
68
- {
69
- return /*#__PURE__*/_react.default.createElement(_WebformRadioButtons.default, _extends({}, props, {
70
- key: mappedEntity.get('#webform_key'),
71
- entity: mappedEntity
72
- }));
73
- }
74
- case 'checkboxes':
75
- {
76
- return /*#__PURE__*/_react.default.createElement(_WebformCheckboxes.default, _extends({}, props, {
77
- key: mappedEntity.get('#webform_key'),
78
- entity: mappedEntity
79
- }));
80
- }
81
- case 'select':
82
- {
83
- return /*#__PURE__*/_react.default.createElement(_WebformSelect.default, _extends({}, props, {
84
- key: mappedEntity.get('#webform_key'),
85
- entity: mappedEntity
86
- }));
87
- }
88
- case 'date':
89
- {
90
- return /*#__PURE__*/_react.default.createElement(_WebformDate.default, _extends({}, props, {
91
- key: mappedEntity.get('#webform_key'),
92
- entity: mappedEntity
93
- }));
94
- }
95
- case 'webform_actions':
96
- {
97
- return /*#__PURE__*/_react.default.createElement(_WebformActions.default, _extends({}, props, {
98
- key: mappedEntity.get('#webform_key'),
99
- entity: mappedEntity
100
- }));
101
- }
102
- case 'container':
103
- {
104
- return /*#__PURE__*/_react.default.createElement(_WebformContainer.default, _extends({}, props, {
105
- key: mappedEntity.get('#webform_key'),
106
- entity: mappedEntity,
107
- WebformMapper: WebformMapper
108
- }));
109
- }
110
- case 'number':
111
- {
112
- return /*#__PURE__*/_react.default.createElement(_WebformNumber.default, _extends({}, props, {
113
- key: mappedEntity.get('#webform_key'),
114
- entity: mappedEntity
115
- }));
116
- }
117
- case 'wizard_page':
118
- case 'webform_wizard_page':
119
- {
120
- return /*#__PURE__*/_react.default.createElement(_WebformWizardPage.default, _extends({}, props, {
121
- key: mappedEntity.get('#webform_key'),
122
- entity: mappedEntity,
123
- WebformMapper: WebformMapper
124
- }));
125
- }
126
- case 'processed_text':
127
- {
128
- return /*#__PURE__*/_react.default.createElement(_WysiwygField.default, {
129
- key: mappedEntity.get('#webform_key'),
130
- property: "schema:text",
131
- className: "WebformProcessedText",
132
- html: mappedEntity.get('#text', '')
133
- });
134
- }
135
- default:
136
- {
137
- return /*#__PURE__*/_react.default.createElement("pre", {
138
- key: mappedEntity.get('#webform_key')
139
- }, type);
140
- }
141
- }
142
- });
143
- };
144
- var _default = WebformMapper;
145
- exports.default = _default;
@@ -1,48 +0,0 @@
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 _Number = _interopRequireDefault(require("../../Form/Number"));
9
- var _withStates = _interopRequireDefault(require("../withStates"));
10
- var _excluded = ["entity", "customClasses"];
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
- 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); }
13
- 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; }
14
- 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; }
15
- var WebformNumber = function WebformNumber(props) {
16
- var entity = props.entity,
17
- customClasses = props.customClasses,
18
- fieldProps = _objectWithoutProperties(props, _excluded);
19
- var title = entity.get('#title');
20
- var validation = entity.get('#validation');
21
- var description = entity.get('#description');
22
- var placeholder = entity.get('#placeholder');
23
- var key = entity.get('#webform_key');
24
- var type = props.type || 'text';
25
- var required = entity.get('#required');
26
- var min = entity.get('#min');
27
- var max = entity.get('#max');
28
- var step = entity.get('#step');
29
- return /*#__PURE__*/_react.default.createElement("div", {
30
- className: "WebformNumber"
31
- }, /*#__PURE__*/_react.default.createElement(_Number.default, _extends({}, fieldProps, {
32
- title: title,
33
- type: type,
34
- required: required,
35
- min: min,
36
- max: max,
37
- step: step,
38
- description: description,
39
- placeholder: placeholder,
40
- fieldName: key,
41
- validation: validation,
42
- touched: props.touched[key],
43
- error: props.errors[key],
44
- value: props.values[key]
45
- })));
46
- };
47
- var _default = (0, _withStates.default)(WebformNumber);
48
- exports.default = _default;
@@ -1,62 +0,0 @@
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 _RadioButtons = _interopRequireDefault(require("../../Form/RadioButtons"));
11
- var _withStates = _interopRequireDefault(require("../withStates"));
12
- var _excluded = ["entity", "customClasses", "type", "showOther"];
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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); }
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 WebformRadioButtons = function WebformRadioButtons(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());
34
- if (showOther) {
35
- options = options.set('__other__', 'Anders');
36
- }
37
- function validation(value) {
38
- var error;
39
- if (required && !value) {
40
- error = requiredError || t('Dit is een vereist veld.');
41
- }
42
- return error;
43
- }
44
- return /*#__PURE__*/_react.default.createElement("div", {
45
- className: "WebformRadioButtons"
46
- }, /*#__PURE__*/_react.default.createElement(_RadioButtons.default, _extends({}, fieldProps, {
47
- title: title,
48
- required: required,
49
- description: description,
50
- placeholder: placeholder,
51
- fieldName: key,
52
- validation: validation,
53
- touched: props.touched[key],
54
- error: props.errors[key],
55
- value: props.values[key],
56
- options: options.toJS(),
57
- otherLabel: otherLabel,
58
- otherPlaceholder: otherPlaceholder
59
- })));
60
- };
61
- var _default = (0, _withStates.default)(WebformRadioButtons);
62
- exports.default = _default;
@@ -1,62 +0,0 @@
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 _Select = _interopRequireDefault(require("../../Form/Select"));
11
- var _withStates = _interopRequireDefault(require("../withStates"));
12
- var _excluded = ["entity", "customClasses", "type", "showOther"];
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
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); }
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 WebformSelect = function WebformSelect(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());
34
- if (showOther) {
35
- options = options.set('__other__', 'Anders');
36
- }
37
- function validation(value) {
38
- var error;
39
- if (required && !value) {
40
- error = requiredError || t('Dit is een vereist veld.');
41
- }
42
- return error;
43
- }
44
- return /*#__PURE__*/_react.default.createElement("div", {
45
- className: "WebformSelect"
46
- }, /*#__PURE__*/_react.default.createElement(_Select.default, _extends({}, fieldProps, {
47
- title: title,
48
- required: required,
49
- description: description,
50
- placeholder: placeholder,
51
- fieldName: key,
52
- validation: validation,
53
- touched: props.touched[key],
54
- error: props.errors[key],
55
- value: props.values[key],
56
- options: options.toJS(),
57
- otherLabel: otherLabel,
58
- otherPlaceholder: otherPlaceholder
59
- })));
60
- };
61
- var _default = (0, _withStates.default)(WebformSelect);
62
- exports.default = _default;
@@ -1,52 +0,0 @@
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 }; }
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); }
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;
31
- if (required && !value) {
32
- error = requiredError || t('Dit is een vereist veld.');
33
- }
34
- return error;
35
- };
36
- return /*#__PURE__*/_react.default.createElement("div", {
37
- className: "WebformTextField"
38
- }, /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({}, fieldProps, {
39
- title: title,
40
- type: type,
41
- required: required,
42
- description: description,
43
- placeholder: placeholder,
44
- fieldName: key,
45
- validation: validation,
46
- touched: props.touched[key],
47
- error: props.errors[key],
48
- value: props.values[key]
49
- })));
50
- };
51
- var _default = (0, _withStates.default)(WebformTextField);
52
- exports.default = _default;
@@ -1,51 +0,0 @@
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 }; }
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); }
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');
29
- function validation(value) {
30
- var error;
31
- if (required && !value) {
32
- error = requiredError || t('Dit is een vereist veld.');
33
- }
34
- return error;
35
- }
36
- return /*#__PURE__*/_react.default.createElement("div", {
37
- className: "WebformTextarea"
38
- }, /*#__PURE__*/_react.default.createElement(_Textarea.default, _extends({}, fieldProps, {
39
- title: title,
40
- required: required,
41
- description: description,
42
- placeholder: placeholder,
43
- fieldName: key,
44
- validation: validation,
45
- touched: props.touched[key],
46
- error: props.errors[key],
47
- value: props.values[key]
48
- })));
49
- };
50
- var _default = (0, _withStates.default)(WebformTextarea);
51
- exports.default = _default;
@@ -1,96 +0,0 @@
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; }
19
- // import WebformStepCounter from '../WebformStepCounter';
20
-
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', {
32
- hidden: currentPage !== entity.get('#webform_key')
33
- });
34
- var collectInitialValuesFlat = function collectInitialValuesFlat(entity) {
35
- var output = new _immutable.default.List();
36
- var mappedEntity = _immutable.default.fromJS(entity);
37
- output = output.push(mappedEntity.get('#webform_key'));
38
-
39
- // Collect child items.
40
- var children = _immutable.default.fromJS(entity);
41
- children.keySeq().forEach(function (k) {
42
- if (k.indexOf('#') === 0) {
43
- children = children.delete(k);
44
- }
45
- });
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);
51
- output = output.merge(c);
52
- });
53
- return output;
54
- };
55
- var onNextButton = function onNextButton() {
56
- var setFieldTouched = props.setFieldTouched,
57
- validateForm = props.validateForm,
58
- entity = props.entity,
59
- onNextPage = props.onNextPage;
60
-
61
- // Determine all children in this page.
62
- var fieldsInThisPage = collectInitialValuesFlat(entity);
63
- validateForm().then(function (validation) {
64
- var validated = true;
65
- _immutable.default.fromJS(validation).keySeq().forEach(function (invalidField) {
66
- // Check if this field is contained by this page.
67
- if (fieldsInThisPage.contains(invalidField)) {
68
- validated = false;
69
- setFieldTouched(invalidField);
70
- }
71
- });
72
- if (validated) {
73
- onNextPage();
74
- }
75
- });
76
- };
77
- return /*#__PURE__*/_react.default.createElement("div", {
78
- className: classes
79
- }, /*#__PURE__*/_react.default.createElement("h2", {
80
- className: "WebformWizardPage__title"
81
- }, entity.get('#admin_title')), /*#__PURE__*/_react.default.createElement("div", {
82
- className: "WebformWizardPage__divider"
83
- }), /*#__PURE__*/_react.default.createElement(_WebformContainer.default, props), /*#__PURE__*/_react.default.createElement("div", {
84
- className: "WebformWizardPage__actions"
85
- }, !isFirstPage && /*#__PURE__*/_react.default.createElement(_Button.default, {
86
- className: "Button--secondary",
87
- type: "button",
88
- onClick: onPreviousPage
89
- }, labelPrevious), !isLastPage && /*#__PURE__*/_react.default.createElement(_Button.default, {
90
- className: "Button",
91
- type: "button",
92
- onClick: onNextButton
93
- }, labelNext)));
94
- };
95
- var _default = WebformWizardPage;
96
- exports.default = _default;
@@ -1,71 +0,0 @@
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);
28
-
29
- /**
30
- * @description Scroll to the top of the webform component
31
- */
32
- var scrollToTop = function scrollToTop() {
33
- window.scrollTo(0, webformRef.getBoundingClientRect().top);
34
- webformRef.scrollIntoView();
35
- };
36
- var onNextPage = function onNextPage() {
37
- setCurrentPage(currentPage + 1);
38
- scrollToTop();
39
- };
40
- var onPreviousPage = function onPreviousPage() {
41
- setCurrentPage(currentPage - 1);
42
- scrollToTop();
43
- };
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);
51
- if (mappedEntity.get('#type') === 'webform_wizard_page') {
52
- output = output.push(mappedEntity.get('#webform_key'));
53
- }
54
- });
55
- return output;
56
- };
57
- var pages = collectPages(entities);
58
- return /*#__PURE__*/_react.default.createElement("div", {
59
- className: "Webform",
60
- ref: webformRef
61
- }, /*#__PURE__*/_react.default.createElement(_FormikWrapper.default, null, /*#__PURE__*/_react.default.createElement(_WebformMapper.default, {
62
- entities: entities,
63
- pages: pages,
64
- onNextPage: onNextPage,
65
- onPreviousPage: onPreviousPage,
66
- currentPageIndex: currentPage,
67
- currentPage: pages.get(currentPage)
68
- })));
69
- };
70
- var _default = Webform;
71
- exports.default = _default;
@@ -1,39 +0,0 @@
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 = {
12
- title: 'Organisms/Webform/Mapper'
13
- };
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'
32
- }
33
- });
34
- var Actions = function Actions() {
35
- return /*#__PURE__*/_react.default.createElement(_.default, {
36
- entities: entities
37
- });
38
- };
39
- exports.Actions = Actions;