@uncinc/uncinc-react-kitchen-sink 2.4.0 → 2.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Context/KitchenSinkComponentMapperContext.js +11 -3
- package/dist/Context/ViewportContext.js +27 -14
- package/dist/Context/withMapping.js +26 -15
- package/dist/components/AbbreviationAnnotation/index.js +49 -27
- package/dist/components/AbbreviationAnnotation/stories.js +37 -22
- package/dist/components/Accordion/AccordionItem/index.js +55 -36
- package/dist/components/Accordion/AccordionItemVariant/index.js +47 -25
- package/dist/components/Accordion/index.js +17 -10
- package/dist/components/Accordion/stories.js +38 -24
- package/dist/components/ApiAutocomplete/index.js +79 -51
- package/dist/components/ApiAutocomplete/stories.js +18 -9
- package/dist/components/Button/index.js +48 -33
- package/dist/components/Button/stories.js +31 -49
- package/dist/components/Button/stories.scss +7 -5
- package/dist/components/Cookie/Checkbox/index.js +23 -16
- package/dist/components/Cookie/index.js +146 -115
- package/dist/components/Cookie/stories.js +90 -40
- package/dist/components/Dialog/index.d.ts +38 -0
- package/dist/components/Dialog/index.js +63 -56
- package/dist/components/Dialog/stories.js +35 -18
- package/dist/components/FontSizeSwitcher/index.js +58 -32
- package/dist/components/FontSizeSwitcher/stories.js +23 -9
- package/dist/components/Form/Checkbox/index.js +43 -37
- package/dist/components/Form/Checkbox/stories.js +20 -11
- package/dist/components/Form/Checkboxes/index.js +62 -57
- package/dist/components/Form/Checkboxes/index.test.js +113 -62
- package/dist/components/Form/Checkboxes/stories.js +23 -12
- package/dist/components/Form/Date/index.js +13 -5
- package/dist/components/Form/Date/stories.js +18 -9
- package/dist/components/Form/DatePicker/index.js +40 -33
- package/dist/components/Form/DatePicker/stories.js +18 -9
- package/dist/components/Form/DateSelect/index.js +99 -62
- package/dist/components/Form/DateSelect/stories.js +32 -11
- package/dist/components/Form/Email/index.js +13 -5
- package/dist/components/Form/Email/stories.js +18 -9
- package/dist/components/Form/FormikWrapper/index.js +52 -45
- package/dist/components/Form/GenericFormElement/index.js +39 -34
- package/dist/components/Form/Number/index.js +23 -18
- package/dist/components/Form/Number/stories.js +18 -9
- package/dist/components/Form/RadioButtons/index.js +53 -49
- package/dist/components/Form/RadioButtons/index.test.js +106 -57
- package/dist/components/Form/RadioButtons/stories.js +23 -12
- package/dist/components/Form/SearchField/index.js +37 -30
- package/dist/components/Form/Select/Input/index.js +56 -49
- package/dist/components/Form/Select/index.js +33 -24
- package/dist/components/Form/Select/stories.js +25 -15
- package/dist/components/Form/TextField/index.js +39 -33
- package/dist/components/Form/TextField/index.test.js +104 -56
- package/dist/components/Form/TextField/stories.js +22 -11
- package/dist/components/Form/Textarea/index.js +35 -27
- package/dist/components/Form/Textarea/stories.js +18 -9
- package/dist/components/Hamburger/index.js +30 -19
- package/dist/components/Hamburger/stories.js +42 -16
- package/dist/components/Header/index.js +67 -39
- package/dist/components/Header/stories.js +48 -28
- package/dist/components/Image/Background/index.js +36 -21
- package/dist/components/Image/LazyLoadWrapper/index.js +101 -64
- package/dist/components/Image/Picture/index.js +83 -65
- package/dist/components/Image/index.js +21 -15
- package/dist/components/Image/stories.js +87 -64
- package/dist/components/InlineMenu/index.js +60 -38
- package/dist/components/InlineMenu/stories.js +66 -55
- package/dist/components/Layout/Container/index.js +29 -21
- package/dist/components/Layout/Container/stories.js +94 -84
- package/dist/components/Layout/QuickLayout/Auto/index.js +19 -12
- package/dist/components/Layout/QuickLayout/Center/index.js +17 -10
- package/dist/components/Layout/QuickLayout/Clamp/index.js +20 -13
- package/dist/components/Layout/QuickLayout/Sidebar/index.js +20 -13
- package/dist/components/Layout/QuickLayout/SpaceBetween/index.js +20 -13
- package/dist/components/Layout/QuickLayout/Stack/index.js +21 -11
- package/dist/components/Layout/QuickLayout/Wrap/index.js +21 -14
- package/dist/components/Layout/QuickLayout/index.js +31 -21
- package/dist/components/Layout/QuickLayout/stories.js +102 -70
- package/dist/components/Lottie/LottieAnimation/index.js +55 -56
- package/dist/components/Lottie/LottieAnimationWithMousePosition.js +31 -18
- package/dist/components/Lottie/index.js +47 -35
- package/dist/components/Lottie/stories.js +56 -31
- package/dist/components/MagicLine/index.js +50 -27
- package/dist/components/MagicLine/stories.js +60 -46
- package/dist/components/NavigationScroll/index.js +71 -49
- package/dist/components/NavigationScroll/stories.js +19 -8
- package/dist/components/Pagination/index.js +49 -41
- package/dist/components/Pagination/stories.js +46 -17
- package/dist/components/SearchKit/Facets/ChipFacet/index.js +24 -16
- package/dist/components/SearchKit/Facets/ListFacet/index.js +23 -15
- package/dist/components/SearchKit/Facets/SelectFacet/index.js +39 -30
- package/dist/components/SearchKit/Query/index.js +41 -23
- package/dist/components/SearchKit/SearchFacets/index.js +36 -23
- package/dist/components/SearchKit/SearchField/index.js +49 -25
- package/dist/components/SearchKit/SearchLoadMore/index.js +22 -15
- package/dist/components/SearchKit/SearchPage/index.js +22 -14
- package/dist/components/SearchKit/SearchPagination/index.js +17 -10
- package/dist/components/SearchKit/SearchReset/index.js +25 -16
- package/dist/components/SearchKit/SearchResults/index.js +108 -59
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/CustomValue/index.js +17 -10
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/DateRange/index.js +18 -11
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/NumericRange/index.js +18 -11
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/Value/index.js +22 -12
- package/dist/components/SearchKit/SearchSelectedFilters/index.js +34 -28
- package/dist/components/SearchKit/SearchSorting/index.js +29 -19
- package/dist/components/SearchKit/index.js +72 -53
- package/dist/components/SearchKit/stories.js +144 -187
- package/dist/components/Share/index.js +48 -40
- package/dist/components/Share/stories.js +16 -5
- package/dist/components/Sliders/SliderRelated/index.js +32 -25
- package/dist/components/Sliders/SliderRelated/stories.js +75 -57
- package/dist/components/Webform/WebformActions/index.js +19 -13
- package/dist/components/Webform/WebformCheckbox/index.js +32 -24
- package/dist/components/Webform/WebformCheckboxes/index.js +37 -29
- package/dist/components/Webform/WebformContainer/index.js +17 -11
- package/dist/components/Webform/WebformDate/index.js +76 -48
- package/dist/components/Webform/WebformMapper/index.js +53 -38
- package/dist/components/Webform/WebformNumber/index.js +31 -22
- package/dist/components/Webform/WebformRadioButtons/index.js +37 -29
- package/dist/components/Webform/WebformSelect/index.js +37 -29
- package/dist/components/Webform/WebformTextField/index.js +34 -26
- package/dist/components/Webform/WebformTextarea/index.js +32 -24
- package/dist/components/Webform/WebformWizardPage/index.js +56 -43
- package/dist/components/Webform/index.js +42 -20
- package/dist/components/Webform/stories.actions.js +19 -8
- package/dist/components/Webform/stories.checkboxes.js +19 -8
- package/dist/components/Webform/stories.checked.js +20 -9
- package/dist/components/Webform/stories.container.js +19 -8
- package/dist/components/Webform/stories.date.js +19 -8
- package/dist/components/Webform/stories.filled.js +20 -9
- package/dist/components/Webform/stories.number.js +19 -8
- package/dist/components/Webform/stories.radiobuttons.js +19 -8
- package/dist/components/Webform/stories.select.js +19 -8
- package/dist/components/Webform/stories.textarea.js +19 -8
- package/dist/components/Webform/stories.textfield.js +19 -8
- package/dist/components/Webform/stories.wizard.js +19 -8
- package/dist/components/Webform/withStates.js +49 -28
- package/dist/components/WysiwygField/index.js +30 -20
- package/dist/components/WysiwygField/stories.js +39 -29
- package/dist/components/index.js +111 -15
- package/dist/config/constants.js +38 -18
- package/dist/config/i18next/index.js +19 -11
- package/dist/helpers/date.js +25 -5
- package/dist/helpers/gtm.js +27 -17
- package/dist/helpers/link.js +15 -6
- package/dist/helpers/useValueForCurrentViewPort.js +27 -10
- package/dist/hooks/useBoolean.d.ts +8 -0
- package/dist/hooks/useBoolean.js +38 -0
- package/dist/hooks/useClickOutside.d.ts +8 -0
- package/dist/hooks/useClickOutside.js +35 -0
- package/dist/hooks/useDialog.d.ts +10 -0
- package/dist/hooks/useDialog.js +39 -0
- package/dist/hooks/useDialogHelpers.d.ts +20 -0
- package/dist/hooks/{useDialogHelpers.ts → useDialogHelpers.js} +33 -43
- package/dist/hooks/useEscape.d.ts +6 -0
- package/dist/hooks/useEscape.js +24 -0
- package/dist/hooks/useOnScreen.js +27 -6
- package/dist/hooks/usePrevious.js +10 -4
- package/dist/hooks/useScrollPosition.js +25 -7
- package/dist/hooks/useTrapFocus.d.ts +10 -0
- package/dist/hooks/useTrapFocus.js +63 -0
- package/dist/hooks/useWindowDimensions.js +27 -11
- package/dist/index.js +398 -56
- package/dist/setupTests.js +9 -5
- package/dist/styles/assets/_base.scss +0 -3
- package/dist/styles/assets/_fonts.scss +17 -17
- package/dist/styles/assets/_icons.scss +2 -2
- package/package.json +6 -3
- package/dist/hooks/useBoolean.ts +0 -20
- package/dist/hooks/useClickOutside.ts +0 -38
- package/dist/hooks/useDialog.ts +0 -29
- package/dist/hooks/useEscape.ts +0 -26
- package/dist/hooks/useTrapFocus.ts +0 -80
|
@@ -1,56 +1,63 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactShare = require("react-share");
|
|
9
|
+
require("./style.scss");
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
var ShareButton = function ShareButton(_ref) {
|
|
12
|
+
var type = _ref.type,
|
|
13
|
+
pageTitle = _ref.pageTitle,
|
|
14
|
+
url = _ref.url,
|
|
15
|
+
_onClick = _ref.onClick;
|
|
16
|
+
var types = {
|
|
17
|
+
mail: _reactShare.EmailShareButton,
|
|
18
|
+
facebook: _reactShare.FacebookShareButton,
|
|
19
|
+
linkedin: _reactShare.LinkedinShareButton,
|
|
20
|
+
twitter: _reactShare.TwitterShareButton,
|
|
21
|
+
whatsapp: _reactShare.WhatsappShareButton
|
|
16
22
|
};
|
|
17
|
-
|
|
18
|
-
return /*#__PURE__*/
|
|
23
|
+
var Component = types[type];
|
|
24
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
19
25
|
className: "Share__item-wrapper",
|
|
20
|
-
onClick:
|
|
21
|
-
|
|
26
|
+
onClick: function onClick() {
|
|
27
|
+
return _onClick(type);
|
|
28
|
+
}
|
|
29
|
+
}, /*#__PURE__*/_react.default.createElement(Component, {
|
|
22
30
|
body: pageTitle,
|
|
23
31
|
url: url
|
|
24
|
-
}, /*#__PURE__*/
|
|
25
|
-
className:
|
|
26
|
-
}, /*#__PURE__*/
|
|
27
|
-
className:
|
|
32
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
33
|
+
className: "Share__item ".concat(type)
|
|
34
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
35
|
+
className: "icon icon-".concat(type, " icon-variant-3")
|
|
28
36
|
}))));
|
|
29
37
|
};
|
|
30
|
-
|
|
31
|
-
title,
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
return /*#__PURE__*/React.createElement(ShareButton, {
|
|
38
|
+
var Share = function Share(_ref2) {
|
|
39
|
+
var title = _ref2.title,
|
|
40
|
+
pageTitle = _ref2.pageTitle,
|
|
41
|
+
url = _ref2.url,
|
|
42
|
+
items = _ref2.items,
|
|
43
|
+
onClick = _ref2.onClick;
|
|
44
|
+
var windowUrl = url || window.location.href;
|
|
45
|
+
var buttons = items.map(function (item) {
|
|
46
|
+
return /*#__PURE__*/_react.default.createElement(ShareButton, {
|
|
40
47
|
type: item,
|
|
41
|
-
key:
|
|
48
|
+
key: "".concat(item, ":").concat(url),
|
|
42
49
|
pageTitle: pageTitle,
|
|
43
50
|
onClick: onClick,
|
|
44
51
|
url: windowUrl
|
|
45
52
|
});
|
|
46
53
|
});
|
|
47
|
-
return /*#__PURE__*/
|
|
54
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
48
55
|
className: "Share"
|
|
49
|
-
}, /*#__PURE__*/
|
|
56
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
50
57
|
className: "Share__wrapper"
|
|
51
|
-
}, /*#__PURE__*/
|
|
58
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
52
59
|
className: "Share__title"
|
|
53
|
-
}, title), /*#__PURE__*/
|
|
60
|
+
}, title), /*#__PURE__*/_react.default.createElement("div", {
|
|
54
61
|
className: "Share__buttons"
|
|
55
62
|
}, buttons)));
|
|
56
63
|
};
|
|
@@ -59,6 +66,7 @@ Share.defaultProps = {
|
|
|
59
66
|
pageTitle: '',
|
|
60
67
|
url: null,
|
|
61
68
|
items: ['mail', 'facebook', 'linkedin', 'twitter', 'whatsapp'],
|
|
62
|
-
onClick: ()
|
|
69
|
+
onClick: function onClick() {}
|
|
63
70
|
};
|
|
64
|
-
|
|
71
|
+
var _default = Share;
|
|
72
|
+
exports.default = _default;
|
|
@@ -1,7 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.Default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _ = _interopRequireDefault(require("."));
|
|
9
|
+
require("./stories.scss");
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
var _default = {
|
|
5
12
|
title: 'Organisms/Share'
|
|
6
13
|
};
|
|
7
|
-
|
|
14
|
+
exports.default = _default;
|
|
15
|
+
var Default = function Default() {
|
|
16
|
+
return /*#__PURE__*/_react.default.createElement(_.default, null);
|
|
17
|
+
};
|
|
18
|
+
exports.Default = Default;
|
|
@@ -1,34 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactSlick = _interopRequireDefault(require("react-slick"));
|
|
9
|
+
var _useValueForCurrentViewPort = _interopRequireDefault(require("../../../helpers/useValueForCurrentViewPort"));
|
|
10
|
+
require("./style.scss");
|
|
11
|
+
var _excluded = ["children", "title", "slidesToShow", "sliderRef"];
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
13
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
onClick
|
|
8
|
-
}) => {
|
|
9
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
14
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
15
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
16
|
+
var SliderNextArrow = function SliderNextArrow(_ref) {
|
|
17
|
+
var onClick = _ref.onClick;
|
|
18
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
10
19
|
className: "SliderRelated__next",
|
|
11
20
|
onClick: onClick
|
|
12
21
|
});
|
|
13
22
|
};
|
|
14
|
-
|
|
15
|
-
onClick
|
|
16
|
-
|
|
17
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
23
|
+
var SliderPrevArrow = function SliderPrevArrow(_ref2) {
|
|
24
|
+
var onClick = _ref2.onClick;
|
|
25
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
18
26
|
className: "SliderRelated__prev",
|
|
19
27
|
onClick: onClick
|
|
20
28
|
});
|
|
21
29
|
};
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
}
|
|
30
|
-
const centerPadding = useValueForCurrentViewPort('10%', '10%', '10%', '10%', '10%');
|
|
31
|
-
return /*#__PURE__*/React.createElement(Slider, _extends({}, sliderProps, {
|
|
30
|
+
var SliderRelated = function SliderRelated(props) {
|
|
31
|
+
var children = props.children,
|
|
32
|
+
title = props.title,
|
|
33
|
+
slidesToShow = props.slidesToShow,
|
|
34
|
+
sliderRef = props.sliderRef,
|
|
35
|
+
sliderProps = _objectWithoutProperties(props, _excluded);
|
|
36
|
+
var centerPadding = (0, _useValueForCurrentViewPort.default)('10%', '10%', '10%', '10%', '10%');
|
|
37
|
+
return /*#__PURE__*/_react.default.createElement(_reactSlick.default, _extends({}, sliderProps, {
|
|
32
38
|
centerPadding: centerPadding,
|
|
33
39
|
slidesToShow: slidesToShow,
|
|
34
40
|
ref: sliderRef
|
|
@@ -46,8 +52,9 @@ SliderRelated.defaultProps = {
|
|
|
46
52
|
pauseOnFocus: true,
|
|
47
53
|
accessibility: true,
|
|
48
54
|
touchMove: true,
|
|
49
|
-
nextArrow: /*#__PURE__*/
|
|
50
|
-
prevArrow: /*#__PURE__*/
|
|
55
|
+
nextArrow: /*#__PURE__*/_react.default.createElement(SliderNextArrow, null),
|
|
56
|
+
prevArrow: /*#__PURE__*/_react.default.createElement(SliderPrevArrow, null),
|
|
51
57
|
sliderRef: null
|
|
52
58
|
};
|
|
53
|
-
|
|
59
|
+
var _default = SliderRelated;
|
|
60
|
+
exports.default = _default;
|
|
@@ -1,9 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.Two = exports.Three = exports.One = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _ = _interopRequireDefault(require("."));
|
|
9
|
+
var _Button = _interopRequireDefault(require("../../Button"));
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
11
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
import Button from '../../Button';
|
|
5
|
-
const d = {
|
|
6
|
-
component: SliderRelated,
|
|
12
|
+
var d = {
|
|
13
|
+
component: _.default,
|
|
7
14
|
title: 'Organisms/SliderRelated',
|
|
8
15
|
parameters: {
|
|
9
16
|
info: {
|
|
@@ -11,63 +18,74 @@ const d = {
|
|
|
11
18
|
}
|
|
12
19
|
}
|
|
13
20
|
};
|
|
14
|
-
|
|
15
|
-
|
|
21
|
+
var _default = d;
|
|
22
|
+
exports.default = _default;
|
|
23
|
+
var defaultProps = {
|
|
16
24
|
autoplay: false
|
|
17
25
|
};
|
|
18
|
-
|
|
19
|
-
title,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
}, /*#__PURE__*/
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
}), /*#__PURE__*/
|
|
41
|
-
|
|
42
|
-
}, /*#__PURE__*/
|
|
43
|
-
|
|
44
|
-
}, title), /*#__PURE__*/
|
|
45
|
-
|
|
46
|
-
}, content), /*#__PURE__*/
|
|
47
|
-
|
|
48
|
-
}, buttonText && buttonLink && /*#__PURE__*/
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
}, buttonText))));
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
26
|
+
var Teaser = function Teaser(_ref) {
|
|
27
|
+
var title = _ref.title,
|
|
28
|
+
image = _ref.image,
|
|
29
|
+
imageAlt = _ref.imageAlt,
|
|
30
|
+
content = _ref.content,
|
|
31
|
+
buttonText = _ref.buttonText,
|
|
32
|
+
buttonLink = _ref.buttonLink;
|
|
33
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
34
|
+
className: "Teaser",
|
|
35
|
+
style: {
|
|
36
|
+
margin: '10px',
|
|
37
|
+
display: 'flex',
|
|
38
|
+
flexDirection: 'column',
|
|
39
|
+
flex: '1 1 auto'
|
|
40
|
+
}
|
|
41
|
+
}, /*#__PURE__*/_react.default.createElement("img", {
|
|
42
|
+
src: image,
|
|
43
|
+
alt: imageAlt,
|
|
44
|
+
style: {
|
|
45
|
+
width: '100%',
|
|
46
|
+
maxWidth: '100%'
|
|
47
|
+
}
|
|
48
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
49
|
+
className: "Teaser__content"
|
|
50
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
51
|
+
className: "Teaser__content__title"
|
|
52
|
+
}, title), /*#__PURE__*/_react.default.createElement("div", {
|
|
53
|
+
className: "Teaser__content__body"
|
|
54
|
+
}, content), /*#__PURE__*/_react.default.createElement("div", {
|
|
55
|
+
className: "Teaser__content__read_more"
|
|
56
|
+
}, buttonText && buttonLink && /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
57
|
+
primary: false,
|
|
58
|
+
href: buttonLink
|
|
59
|
+
}, buttonText))));
|
|
60
|
+
};
|
|
61
|
+
var children = Array.from(Array(6).keys()).map(function (i) {
|
|
62
|
+
var image = ['https://dummyimage.com/600x400/000/fff', 'https://dummyimage.com/600x400/f00/fff', 'https://dummyimage.com/600x400/ddd/fff'];
|
|
63
|
+
var title = 'Title';
|
|
64
|
+
var content = ['Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et lacinia justo, in vehicula sem.', 'Lorem ipsum dolor sit amet, adipiscing elit. Donec et lacinia justo, in vehicula sem.', 'Lorem ipsum dolor sit amet, consectetur adipiscing. Donec et lacinia justo, in vehicula sem.', 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.'];
|
|
65
|
+
var buttonText = 'Read more';
|
|
66
|
+
var buttonLink = '#';
|
|
67
|
+
return /*#__PURE__*/_react.default.createElement(Teaser, {
|
|
59
68
|
key: i,
|
|
60
69
|
image: image[Math.round(Math.random(image.length))],
|
|
61
|
-
title: /*#__PURE__*/
|
|
62
|
-
content: /*#__PURE__*/
|
|
70
|
+
title: /*#__PURE__*/_react.default.createElement("h2", null, title),
|
|
71
|
+
content: /*#__PURE__*/_react.default.createElement("p", null, content[Math.round(Math.random(content.length))]),
|
|
63
72
|
buttonText: buttonText,
|
|
64
73
|
buttonLink: buttonLink
|
|
65
74
|
});
|
|
66
75
|
});
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
76
|
+
var One = function One() {
|
|
77
|
+
return /*#__PURE__*/_react.default.createElement(_.default, _extends({}, defaultProps, {
|
|
78
|
+
slidesToShow: 1
|
|
79
|
+
}), children);
|
|
80
|
+
};
|
|
81
|
+
exports.One = One;
|
|
82
|
+
var Two = function Two() {
|
|
83
|
+
return /*#__PURE__*/_react.default.createElement(_.default, _extends({}, defaultProps, {
|
|
84
|
+
slidesToShow: 2
|
|
85
|
+
}), children);
|
|
86
|
+
};
|
|
87
|
+
exports.Two = Two;
|
|
88
|
+
var Three = function Three() {
|
|
89
|
+
return /*#__PURE__*/_react.default.createElement(_.default, defaultProps, children);
|
|
90
|
+
};
|
|
91
|
+
exports.Three = Three;
|
|
@@ -1,19 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
|
+
var _Button = _interopRequireDefault(require("../../Button"));
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
var WebformActions = function WebformActions(props) {
|
|
12
|
+
var entity = props.entity,
|
|
13
|
+
pages = props.pages,
|
|
14
|
+
currentPage = props.currentPage;
|
|
15
|
+
var classes = (0, _classnames.default)('WebformComponent__submit', {
|
|
11
16
|
hidden: pages && currentPage !== pages.last()
|
|
12
17
|
});
|
|
13
|
-
return /*#__PURE__*/
|
|
18
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
14
19
|
className: classes
|
|
15
|
-
}, /*#__PURE__*/
|
|
20
|
+
}, /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
16
21
|
type: "submit"
|
|
17
22
|
}, entity.get('#submit__label')));
|
|
18
23
|
};
|
|
19
|
-
|
|
24
|
+
var _default = WebformActions;
|
|
25
|
+
exports.default = _default;
|
|
@@ -1,34 +1,41 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactI18next = require("react-i18next");
|
|
9
|
+
var _Checkbox = _interopRequireDefault(require("../../Form/Checkbox"));
|
|
10
|
+
var _withStates = _interopRequireDefault(require("../withStates"));
|
|
11
|
+
var _excluded = ["entity", "customClasses", "type"];
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
13
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
const required = entity.get('#required');
|
|
18
|
-
const description = entity.get('#description');
|
|
19
|
-
const placeholder = entity.get('#placeholder');
|
|
20
|
-
const requiredError = entity.get('#required_error');
|
|
21
|
-
const key = entity.get('#webform_key');
|
|
14
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
15
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
16
|
+
var WebformCheckbox = function WebformCheckbox(props) {
|
|
17
|
+
var entity = props.entity,
|
|
18
|
+
customClasses = props.customClasses,
|
|
19
|
+
type = props.type,
|
|
20
|
+
fieldProps = _objectWithoutProperties(props, _excluded);
|
|
21
|
+
var _useTranslation = (0, _reactI18next.useTranslation)(),
|
|
22
|
+
t = _useTranslation.t;
|
|
23
|
+
var title = entity.get('#title');
|
|
24
|
+
var required = entity.get('#required');
|
|
25
|
+
var description = entity.get('#description');
|
|
26
|
+
var placeholder = entity.get('#placeholder');
|
|
27
|
+
var requiredError = entity.get('#required_error');
|
|
28
|
+
var key = entity.get('#webform_key');
|
|
22
29
|
function validation(value) {
|
|
23
|
-
|
|
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__*/
|
|
36
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
30
37
|
className: "WebformCheckbox"
|
|
31
|
-
}, /*#__PURE__*/
|
|
38
|
+
}, /*#__PURE__*/_react.default.createElement(_Checkbox.default, _extends({}, fieldProps, {
|
|
32
39
|
title: title,
|
|
33
40
|
required: required,
|
|
34
41
|
description: description,
|
|
@@ -40,4 +47,5 @@ const WebformCheckbox = props => {
|
|
|
40
47
|
value: props.values[key]
|
|
41
48
|
})));
|
|
42
49
|
};
|
|
43
|
-
|
|
50
|
+
var _default = (0, _withStates.default)(WebformCheckbox);
|
|
51
|
+
exports.default = _default;
|
|
@@ -1,42 +1,49 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactI18next = require("react-i18next");
|
|
9
|
+
var _immutable = _interopRequireDefault(require("immutable"));
|
|
10
|
+
var _Checkboxes = _interopRequireDefault(require("../../Form/Checkboxes"));
|
|
11
|
+
var _withStates = _interopRequireDefault(require("../withStates"));
|
|
12
|
+
var _excluded = ["entity", "customClasses", "type", "showOther"];
|
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
14
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
const placeholder = entity.get('#placeholder');
|
|
22
|
-
const requiredError = entity.get('#required_error');
|
|
23
|
-
const key = entity.get('#webform_key');
|
|
24
|
-
const otherLabel = entity.get('#other__option_label');
|
|
25
|
-
const otherPlaceholder = entity.get('#other__placeholder');
|
|
26
|
-
let options = entity.get('#options', Immutable.Map());
|
|
15
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
16
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
17
|
+
var WebformCheckboxes = function WebformCheckboxes(props) {
|
|
18
|
+
var entity = props.entity,
|
|
19
|
+
customClasses = props.customClasses,
|
|
20
|
+
type = props.type,
|
|
21
|
+
showOther = props.showOther,
|
|
22
|
+
fieldProps = _objectWithoutProperties(props, _excluded);
|
|
23
|
+
var _useTranslation = (0, _reactI18next.useTranslation)(),
|
|
24
|
+
t = _useTranslation.t;
|
|
25
|
+
var title = entity.get('#title');
|
|
26
|
+
var required = entity.get('#required');
|
|
27
|
+
var description = entity.get('#description');
|
|
28
|
+
var placeholder = entity.get('#placeholder');
|
|
29
|
+
var requiredError = entity.get('#required_error');
|
|
30
|
+
var key = entity.get('#webform_key');
|
|
31
|
+
var otherLabel = entity.get('#other__option_label');
|
|
32
|
+
var otherPlaceholder = entity.get('#other__placeholder');
|
|
33
|
+
var options = entity.get('#options', _immutable.default.Map());
|
|
27
34
|
if (showOther) {
|
|
28
35
|
options = options.set('__other__', 'Anders');
|
|
29
36
|
}
|
|
30
37
|
function validation(value) {
|
|
31
|
-
|
|
38
|
+
var error;
|
|
32
39
|
if (required && !value) {
|
|
33
40
|
error = requiredError || t('Dit is een vereist veld.');
|
|
34
41
|
}
|
|
35
42
|
return error;
|
|
36
43
|
}
|
|
37
|
-
return /*#__PURE__*/
|
|
44
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
38
45
|
className: "WebformCheckboxes"
|
|
39
|
-
}, /*#__PURE__*/
|
|
46
|
+
}, /*#__PURE__*/_react.default.createElement(_Checkboxes.default, _extends({}, fieldProps, {
|
|
40
47
|
title: title,
|
|
41
48
|
required: required,
|
|
42
49
|
description: description,
|
|
@@ -51,4 +58,5 @@ const WebformCheckboxes = props => {
|
|
|
51
58
|
otherPlaceholder: otherPlaceholder
|
|
52
59
|
})));
|
|
53
60
|
};
|
|
54
|
-
|
|
61
|
+
var _default = (0, _withStates.default)(WebformCheckboxes);
|
|
62
|
+
exports.default = _default;
|
|
@@ -1,24 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
9
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
entity,
|
|
6
|
-
WebformMapper
|
|
7
|
-
} = props;
|
|
10
|
+
var WebformContainer = function WebformContainer(props) {
|
|
11
|
+
var entity = props.entity,
|
|
12
|
+
WebformMapper = props.WebformMapper;
|
|
8
13
|
|
|
9
14
|
// Remove all non-element children.
|
|
10
|
-
|
|
11
|
-
children.keySeq().forEach(k
|
|
15
|
+
var children = entity;
|
|
16
|
+
children.keySeq().forEach(function (k) {
|
|
12
17
|
if (k.indexOf('#') === 0) {
|
|
13
18
|
children = children.delete(k);
|
|
14
19
|
}
|
|
15
20
|
});
|
|
16
21
|
|
|
17
22
|
// Recursively render children.
|
|
18
|
-
return /*#__PURE__*/
|
|
23
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
19
24
|
className: "WebformContainer"
|
|
20
|
-
}, /*#__PURE__*/
|
|
25
|
+
}, /*#__PURE__*/_react.default.createElement(WebformMapper, _extends({}, props, {
|
|
21
26
|
entities: children
|
|
22
27
|
})));
|
|
23
28
|
};
|
|
24
|
-
|
|
29
|
+
var _default = WebformContainer;
|
|
30
|
+
exports.default = _default;
|