@uncinc/uncinc-react-kitchen-sink 2.7.9 → 2.7.11
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 +3 -11
- package/dist/Context/ViewportContext.js +8 -21
- package/dist/Context/withMapping.js +6 -17
- package/dist/components/AbbreviationAnnotation/index.js +17 -28
- package/dist/components/Accordion/AccordionItem/index.js +19 -27
- package/dist/components/Accordion/AccordionItemVariant/index.js +14 -25
- package/dist/components/Accordion/index.js +6 -14
- package/dist/components/ApiAutocomplete/index.js +7 -17
- package/dist/components/Button/index.js +22 -31
- package/dist/components/CallToAction/index.js +12 -20
- package/dist/components/Cookie/Checkbox/index.js +6 -14
- package/dist/components/Cookie/index.js +59 -69
- package/dist/components/Dialog/DialogHelpersStory/index.js +13 -25
- package/dist/components/Dialog/DialogHookStory/index.js +12 -21
- package/dist/components/Dialog/DialogOverrideStory/index.js +9 -18
- package/dist/components/Dialog/index.js +35 -46
- package/dist/components/Download/index.js +14 -22
- package/dist/components/FontSizeSwitcher/index.js +17 -28
- package/dist/components/Form/Checkbox/index.js +18 -27
- package/dist/components/Form/Checkboxes/index.js +23 -31
- package/dist/components/Form/DateField/index.js +6 -14
- package/dist/components/Form/DatePicker/index.js +16 -24
- package/dist/components/Form/DatePickerRange/Picker/index.js +18 -26
- package/dist/components/Form/DatePickerRange/index.js +37 -47
- package/dist/components/Form/DateSelect/index.js +22 -33
- package/dist/components/Form/Email/index.js +4 -12
- package/dist/components/Form/FormikWrapper/index.js +13 -24
- package/dist/components/Form/GenericFormElement/index.js +14 -22
- package/dist/components/Form/Number/index.js +6 -14
- package/dist/components/Form/RadioButtons/index.js +23 -31
- package/dist/components/Form/SearchField/index.js +14 -22
- package/dist/components/Form/Select/Input/index.js +15 -23
- package/dist/components/Form/Select/index.js +12 -20
- package/dist/components/Form/TextField/index.js +16 -25
- package/dist/components/Form/Textarea/index.js +14 -22
- package/dist/components/Form/commonTests.js +19 -32
- package/dist/components/Form/index.js +13 -97
- package/dist/components/Hamburger/index.js +7 -15
- package/dist/components/Header/index.js +23 -38
- package/dist/components/Icon/index.js +9 -17
- package/dist/components/Image/AdaptivePicture/index.js +16 -23
- package/dist/components/Image/Background/index.js +10 -21
- package/dist/components/Image/LazyLoadWrapper/index.js +16 -26
- package/dist/components/Image/Picture/index.js +25 -33
- package/dist/components/Image/helpers/index.js +11 -21
- package/dist/components/Image/index.js +16 -24
- package/dist/components/InlineMenu/index.js +26 -37
- package/dist/components/Layout/Container/index.js +13 -21
- package/dist/components/Layout/QuickLayout/Auto/index.js +5 -13
- package/dist/components/Layout/QuickLayout/Center/index.js +6 -14
- package/dist/components/Layout/QuickLayout/Clamp/index.js +5 -13
- package/dist/components/Layout/QuickLayout/Sidebar/index.js +6 -14
- package/dist/components/Layout/QuickLayout/SpaceBetween/index.js +6 -14
- package/dist/components/Layout/QuickLayout/Stack/index.js +6 -14
- package/dist/components/Layout/QuickLayout/Wrap/index.js +7 -15
- package/dist/components/Layout/QuickLayout/index.js +16 -24
- package/dist/components/Lottie/LottieAnimation/index.js +12 -23
- package/dist/components/Lottie/LottieAnimationWithMousePosition.js +8 -19
- package/dist/components/Lottie/index.js +29 -41
- package/dist/components/MagicLine/index.js +12 -23
- package/dist/components/MediaPlayer/index.js +19 -28
- package/dist/components/MediaPlayer/types.js +1 -1
- package/dist/components/NavigationScroll/index.js +11 -21
- package/dist/components/PDFReader/ControlPanel/index.d.ts +20 -0
- package/dist/components/PDFReader/ControlPanel/index.js +166 -0
- package/dist/components/PDFReader/ControlPanel/style.scss +14 -0
- package/dist/components/PDFReader/index.d.ts +19 -0
- package/dist/components/PDFReader/index.js +89 -0
- package/dist/components/Pagination/index.js +28 -37
- package/dist/components/SearchKit/Facets/ChipFacet/index.js +11 -20
- package/dist/components/SearchKit/Facets/ListFacet/index.js +11 -20
- package/dist/components/SearchKit/Facets/SelectFacet/index.js +15 -24
- package/dist/components/SearchKit/Query/index.js +13 -24
- package/dist/components/SearchKit/SearchFacets/index.js +10 -18
- package/dist/components/SearchKit/SearchField/index.js +12 -23
- package/dist/components/SearchKit/SearchLoadMore/index.js +7 -15
- package/dist/components/SearchKit/SearchPage/index.js +8 -17
- package/dist/components/SearchKit/SearchPagination/index.js +6 -14
- package/dist/components/SearchKit/SearchReset/index.js +8 -16
- package/dist/components/SearchKit/SearchResults/index.js +28 -39
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/CustomValue/index.js +6 -14
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/DateRange/index.js +6 -14
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/NumericRange/index.js +6 -14
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/Value/index.js +7 -18
- package/dist/components/SearchKit/SearchSelectedFilters/index.js +18 -26
- package/dist/components/SearchKit/SearchSorting/index.js +9 -17
- package/dist/components/SearchKit/index.js +29 -40
- package/dist/components/Share/index.js +18 -26
- package/dist/components/Sliders/SliderRelated/index.js +11 -19
- package/dist/components/TableRender/index.js +12 -23
- package/dist/components/Tag/index.js +10 -18
- package/dist/components/TitleWithText/index.js +8 -16
- package/dist/components/WysiwygField/index.js +10 -18
- package/dist/components/index.js +17 -127
- package/dist/config/constants.js +17 -37
- package/dist/config/i18next/index.js +9 -17
- package/dist/config/i18next/locales/en.json +5 -0
- package/dist/config/i18next/locales/nl.json +5 -0
- package/dist/custom.d.js +0 -1
- package/dist/helpers/date.js +4 -13
- package/dist/helpers/gtm.js +4 -11
- package/dist/helpers/link.js +4 -12
- package/dist/helpers/useValueForCurrentViewPort.js +6 -13
- package/dist/hooks/useBoolean.js +6 -12
- package/dist/hooks/useClickOutside.js +3 -9
- package/dist/hooks/useDialog.js +6 -13
- package/dist/hooks/useDialogHelpers.js +11 -18
- package/dist/hooks/useEscape.js +3 -9
- package/dist/hooks/useOnScreen.js +4 -10
- package/dist/hooks/usePrevious.js +4 -10
- package/dist/hooks/useScrollPosition.js +4 -11
- package/dist/hooks/useTrapFocus.js +3 -9
- package/dist/hooks/useWindowDimensions.js +4 -10
- package/dist/index.d.ts +1 -0
- package/dist/index.js +90 -564
- package/dist/organisms/Downloads/index.js +10 -18
- package/dist/organisms/ImageGrid/index.js +5 -13
- package/dist/organisms/Quote/index.js +16 -24
- package/dist/organisms/Text/index.js +20 -31
- package/dist/setupTests.js +2 -5
- package/package.json +11 -4
|
@@ -1,11 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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 }; }
|
|
9
|
-
var KitchenSinkComponentMapperContext = /*#__PURE__*/_react.default.createContext();
|
|
10
|
-
var _default = KitchenSinkComponentMapperContext;
|
|
11
|
-
exports.default = _default;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
var KitchenSinkComponentMapperContext = /*#__PURE__*/React.createContext();
|
|
3
|
+
export default KitchenSinkComponentMapperContext;
|
|
@@ -1,26 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.SCREEN_WIDE = exports.SCREEN_TABLET = exports.SCREEN_NORMAL = exports.SCREEN_MOBILE = exports.SCREEN_HUGE = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
|
+
import React from 'react';
|
|
9
2
|
var DEFAULT_SCREEN_MOBILE = 0;
|
|
10
3
|
var DEFAULT_SCREEN_TABLET = 768;
|
|
11
4
|
var DEFAULT_SCREEN_NORMAL = 992;
|
|
12
5
|
var DEFAULT_SCREEN_WIDE = 1240;
|
|
13
6
|
var DEFAULT_SCREEN_HUGE = 2000;
|
|
14
|
-
var SCREEN_MOBILE = 'SCREEN_MOBILE';
|
|
15
|
-
|
|
16
|
-
var
|
|
17
|
-
|
|
18
|
-
var
|
|
19
|
-
exports.SCREEN_NORMAL = SCREEN_NORMAL;
|
|
20
|
-
var SCREEN_WIDE = 'SCREEN_WIDE';
|
|
21
|
-
exports.SCREEN_WIDE = SCREEN_WIDE;
|
|
22
|
-
var SCREEN_HUGE = 'SCREEN_HUGE';
|
|
23
|
-
exports.SCREEN_HUGE = SCREEN_HUGE;
|
|
7
|
+
export var SCREEN_MOBILE = 'SCREEN_MOBILE';
|
|
8
|
+
export var SCREEN_TABLET = 'SCREEN_TABLET';
|
|
9
|
+
export var SCREEN_NORMAL = 'SCREEN_NORMAL';
|
|
10
|
+
export var SCREEN_WIDE = 'SCREEN_WIDE';
|
|
11
|
+
export var SCREEN_HUGE = 'SCREEN_HUGE';
|
|
24
12
|
var defaultValue = {
|
|
25
13
|
screenSizes: {
|
|
26
14
|
SCREEN_MOBILE: DEFAULT_SCREEN_MOBILE,
|
|
@@ -37,6 +25,5 @@ var defaultValue = {
|
|
|
37
25
|
SCREEN_HUGE: 'large'
|
|
38
26
|
}
|
|
39
27
|
};
|
|
40
|
-
var ViewportContext = /*#__PURE__*/
|
|
41
|
-
|
|
42
|
-
exports.default = _default;
|
|
28
|
+
var ViewportContext = /*#__PURE__*/React.createContext(defaultValue);
|
|
29
|
+
export default ViewportContext;
|
|
@@ -1,28 +1,17 @@
|
|
|
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 _KitchenSinkComponentMapperContext = _interopRequireDefault(require("./KitchenSinkComponentMapperContext"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
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); }
|
|
12
|
-
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; }
|
|
13
1
|
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, { useContext } from 'react';
|
|
3
|
+
import KitchenSinkComponentMapperContext from './KitchenSinkComponentMapperContext';
|
|
14
4
|
var withMapping = function withMapping(BaseComponent) {
|
|
15
5
|
return function (props) {
|
|
16
6
|
var componentIsWrapped = props.componentIsWrapped;
|
|
17
|
-
var context =
|
|
7
|
+
var context = useContext(KitchenSinkComponentMapperContext);
|
|
18
8
|
if (context && BaseComponent && !componentIsWrapped && context[BaseComponent.name]) {
|
|
19
9
|
var WrapperComponent = context[BaseComponent.name];
|
|
20
|
-
return /*#__PURE__*/
|
|
10
|
+
return /*#__PURE__*/React.createElement(WrapperComponent, _extends({}, props, {
|
|
21
11
|
componentIsWrapped: true
|
|
22
12
|
}), props.children);
|
|
23
13
|
}
|
|
24
|
-
return /*#__PURE__*/
|
|
14
|
+
return /*#__PURE__*/React.createElement(BaseComponent, props, props.children);
|
|
25
15
|
};
|
|
26
16
|
};
|
|
27
|
-
|
|
28
|
-
exports.default = _default;
|
|
17
|
+
export default withMapping;
|
|
@@ -1,18 +1,4 @@
|
|
|
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 _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
-
require("./style.scss");
|
|
12
1
|
var _excluded = ["title", "children", "abbreviationTitle", "abbreviationContent"];
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
-
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); }
|
|
15
|
-
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; }
|
|
16
2
|
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); }
|
|
17
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
18
4
|
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."); }
|
|
@@ -22,13 +8,17 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
|
|
|
22
8
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
23
9
|
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; }
|
|
24
10
|
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; }
|
|
11
|
+
import React, { useState } from 'react';
|
|
12
|
+
import PropTypes from 'prop-types';
|
|
13
|
+
import classnames from 'classnames';
|
|
14
|
+
import './style.scss';
|
|
25
15
|
var AbbreviationAnnotation = function AbbreviationAnnotation(_ref) {
|
|
26
16
|
var title = _ref.title,
|
|
27
17
|
children = _ref.children,
|
|
28
18
|
abbreviationTitle = _ref.abbreviationTitle,
|
|
29
19
|
abbreviationContent = _ref.abbreviationContent,
|
|
30
20
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
31
|
-
var _useState =
|
|
21
|
+
var _useState = useState(false),
|
|
32
22
|
_useState2 = _slicedToArray(_useState, 2),
|
|
33
23
|
visible = _useState2[0],
|
|
34
24
|
setVisible = _useState2[1];
|
|
@@ -36,34 +26,33 @@ var AbbreviationAnnotation = function AbbreviationAnnotation(_ref) {
|
|
|
36
26
|
e.preventDefault();
|
|
37
27
|
setVisible(!visible);
|
|
38
28
|
};
|
|
39
|
-
var className = (
|
|
29
|
+
var className = classnames('AbbreviationAnnotationLink', {
|
|
40
30
|
'AbbreviationAnnotationLink--uncollapsed': visible
|
|
41
31
|
});
|
|
42
|
-
var classNameInfo = (
|
|
32
|
+
var classNameInfo = classnames('AbbreviationAnnotation', {
|
|
43
33
|
'AbbreviationAnnotation--visible': visible
|
|
44
34
|
});
|
|
45
|
-
return /*#__PURE__*/
|
|
35
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("a", _extends({
|
|
46
36
|
className: className,
|
|
47
37
|
onClick: handleClick
|
|
48
|
-
}, props), /*#__PURE__*/
|
|
38
|
+
}, props), /*#__PURE__*/React.createElement("div", {
|
|
49
39
|
className: "AbbreviationAnnotationLink__content"
|
|
50
|
-
}, abbreviationTitle(children))), /*#__PURE__*/
|
|
40
|
+
}, abbreviationTitle(children))), /*#__PURE__*/React.createElement("div", {
|
|
51
41
|
className: classNameInfo
|
|
52
42
|
}, abbreviationContent(title)));
|
|
53
43
|
};
|
|
54
44
|
AbbreviationAnnotation.propTypes = {
|
|
55
|
-
title:
|
|
56
|
-
children:
|
|
57
|
-
abbreviationTitle:
|
|
58
|
-
abbreviationContent:
|
|
45
|
+
title: PropTypes.string.isRequired,
|
|
46
|
+
children: PropTypes.element.isRequired,
|
|
47
|
+
abbreviationTitle: PropTypes.func,
|
|
48
|
+
abbreviationContent: PropTypes.func
|
|
59
49
|
};
|
|
60
50
|
AbbreviationAnnotation.defaultProps = {
|
|
61
51
|
abbreviationTitle: function abbreviationTitle(html) {
|
|
62
|
-
return /*#__PURE__*/
|
|
52
|
+
return /*#__PURE__*/React.createElement("div", null, html);
|
|
63
53
|
},
|
|
64
54
|
abbreviationContent: function abbreviationContent(html) {
|
|
65
|
-
return /*#__PURE__*/
|
|
55
|
+
return /*#__PURE__*/React.createElement("div", null, html);
|
|
66
56
|
}
|
|
67
57
|
};
|
|
68
|
-
|
|
69
|
-
exports.default = _default;
|
|
58
|
+
export default AbbreviationAnnotation;
|
|
@@ -1,34 +1,27 @@
|
|
|
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 _reactAnimateHeight = _interopRequireDefault(require("react-animate-height"));
|
|
10
|
-
var _ucs = _interopRequireDefault(require("ucs"));
|
|
11
|
-
var _WysiwygField = _interopRequireDefault(require("../../WysiwygField"));
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
1
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
14
2
|
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
3
|
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
4
|
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
5
|
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
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import c from 'classnames';
|
|
9
|
+
import AnimateHeight from 'react-animate-height';
|
|
10
|
+
import useControlledState from 'ucs';
|
|
11
|
+
import WysiwygField from '../../WysiwygField';
|
|
19
12
|
var ContentParsed = function ContentParsed(_ref) {
|
|
20
13
|
var children = _ref.children;
|
|
21
14
|
if (typeof children === 'string') {
|
|
22
|
-
return /*#__PURE__*/
|
|
15
|
+
return /*#__PURE__*/React.createElement(WysiwygField, {
|
|
23
16
|
html: children
|
|
24
17
|
});
|
|
25
18
|
}
|
|
26
|
-
return /*#__PURE__*/
|
|
19
|
+
return /*#__PURE__*/React.createElement("div", null, children);
|
|
27
20
|
};
|
|
28
21
|
var AccordeonTitle = function AccordeonTitle(_ref2) {
|
|
29
22
|
var className = _ref2.className,
|
|
30
23
|
children = _ref2.children;
|
|
31
|
-
return /*#__PURE__*/
|
|
24
|
+
return /*#__PURE__*/React.createElement("h3", {
|
|
32
25
|
className: className
|
|
33
26
|
}, children);
|
|
34
27
|
};
|
|
@@ -43,33 +36,33 @@ var AccordionItem = function AccordionItem(props) {
|
|
|
43
36
|
value = props.value,
|
|
44
37
|
onChange = props.onChange,
|
|
45
38
|
defaultValue = props.defaultValue;
|
|
46
|
-
var _useControlledState = (
|
|
39
|
+
var _useControlledState = useControlledState(value, onChange, defaultValue),
|
|
47
40
|
_useControlledState2 = _slicedToArray(_useControlledState, 2),
|
|
48
41
|
collapsed = _useControlledState2[0],
|
|
49
42
|
setCollapsed = _useControlledState2[1];
|
|
50
|
-
var classes = (
|
|
43
|
+
var classes = c(className, 'Accordion__item', {
|
|
51
44
|
collapsed: collapsed
|
|
52
45
|
});
|
|
53
|
-
var iconClasses = (
|
|
46
|
+
var iconClasses = c('icon', iconClassName);
|
|
54
47
|
var AccordeonTitle = titleComponent;
|
|
55
|
-
return /*#__PURE__*/
|
|
48
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
56
49
|
className: classes
|
|
57
|
-
}, /*#__PURE__*/
|
|
50
|
+
}, /*#__PURE__*/React.createElement(AccordeonTitle, {
|
|
58
51
|
className: "Accordion__item__title"
|
|
59
|
-
}, /*#__PURE__*/
|
|
52
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
60
53
|
type: "button",
|
|
61
54
|
onClick: function onClick() {
|
|
62
55
|
return setCollapsed(!collapsed);
|
|
63
56
|
}
|
|
64
|
-
}, /*#__PURE__*/
|
|
57
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
65
58
|
className: iconClasses
|
|
66
|
-
}), title)), /*#__PURE__*/
|
|
59
|
+
}), title)), /*#__PURE__*/React.createElement(AnimateHeight, {
|
|
67
60
|
duration: duration,
|
|
68
61
|
easing: easing,
|
|
69
62
|
height: collapsed ? 0 : 'auto'
|
|
70
|
-
}, /*#__PURE__*/
|
|
63
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
71
64
|
className: "Accordion__item__content"
|
|
72
|
-
}, /*#__PURE__*/
|
|
65
|
+
}, /*#__PURE__*/React.createElement(ContentParsed, null, content))));
|
|
73
66
|
};
|
|
74
67
|
AccordionItem.defaultProps = {
|
|
75
68
|
title: 'Default title',
|
|
@@ -80,5 +73,4 @@ AccordionItem.defaultProps = {
|
|
|
80
73
|
titleComponent: AccordeonTitle,
|
|
81
74
|
defaultValue: true
|
|
82
75
|
};
|
|
83
|
-
|
|
84
|
-
exports.default = _default;
|
|
76
|
+
export default AccordionItem;
|
|
@@ -1,22 +1,12 @@
|
|
|
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 _reactAnimateHeight = _interopRequireDefault(require("react-animate-height"));
|
|
10
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
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); }
|
|
13
|
-
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; }
|
|
14
1
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
15
2
|
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."); }
|
|
16
3
|
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); }
|
|
17
4
|
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; }
|
|
18
5
|
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; } }
|
|
19
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
+
import React, { useState } from 'react';
|
|
8
|
+
import AnimateHeight from 'react-animate-height';
|
|
9
|
+
import c from 'classnames';
|
|
20
10
|
var AccordionItemVariant = function AccordionItemVariant(_ref) {
|
|
21
11
|
var title = _ref.title,
|
|
22
12
|
children = _ref.children,
|
|
@@ -26,11 +16,11 @@ var AccordionItemVariant = function AccordionItemVariant(_ref) {
|
|
|
26
16
|
duration = _ref.duration,
|
|
27
17
|
easing = _ref.easing,
|
|
28
18
|
onClick = _ref.onClick;
|
|
29
|
-
var _useState =
|
|
19
|
+
var _useState = useState(false),
|
|
30
20
|
_useState2 = _slicedToArray(_useState, 2),
|
|
31
21
|
toggleAccordion = _useState2[0],
|
|
32
22
|
setToggleAccordion = _useState2[1];
|
|
33
|
-
var _useState3 =
|
|
23
|
+
var _useState3 = useState(0),
|
|
34
24
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
35
25
|
height = _useState4[0],
|
|
36
26
|
setHeight = _useState4[1];
|
|
@@ -41,15 +31,15 @@ var AccordionItemVariant = function AccordionItemVariant(_ref) {
|
|
|
41
31
|
onClick();
|
|
42
32
|
}
|
|
43
33
|
};
|
|
44
|
-
var AccordionItem = (
|
|
45
|
-
return /*#__PURE__*/
|
|
34
|
+
var AccordionItem = c('AccordionItem', className, toggleAccordion === true ? 'AccordionItem--active' : 'AccordionItem--inactive');
|
|
35
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
46
36
|
className: AccordionItem
|
|
47
|
-
}, /*#__PURE__*/
|
|
37
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
48
38
|
onClick: toggle,
|
|
49
39
|
className: "AccordionItem__title__wrapper"
|
|
50
|
-
}, /*#__PURE__*/
|
|
40
|
+
}, /*#__PURE__*/React.createElement("h5", {
|
|
51
41
|
className: "AccordionItem__title"
|
|
52
|
-
}, title), toggleAccordion === true ? /*#__PURE__*/
|
|
42
|
+
}, title), toggleAccordion === true ? /*#__PURE__*/React.createElement("div", null, buttonOpened) : /*#__PURE__*/React.createElement("div", null, buttonClosed)), /*#__PURE__*/React.createElement(AnimateHeight, {
|
|
53
43
|
duration: duration,
|
|
54
44
|
easing: easing,
|
|
55
45
|
height: height
|
|
@@ -58,11 +48,10 @@ var AccordionItemVariant = function AccordionItemVariant(_ref) {
|
|
|
58
48
|
AccordionItemVariant.defaultProps = {
|
|
59
49
|
title: 'Default title',
|
|
60
50
|
className: 'AccordionItemCustomClass',
|
|
61
|
-
children: /*#__PURE__*/
|
|
62
|
-
buttonOpened: /*#__PURE__*/
|
|
63
|
-
buttonClosed: /*#__PURE__*/
|
|
51
|
+
children: /*#__PURE__*/React.createElement("div", null, "Default answer"),
|
|
52
|
+
buttonOpened: /*#__PURE__*/React.createElement("div", null, "close"),
|
|
53
|
+
buttonClosed: /*#__PURE__*/React.createElement("div", null, "open"),
|
|
64
54
|
duration: 333,
|
|
65
55
|
easing: 'cubic-bezier(0, 0, .2, 1)'
|
|
66
56
|
};
|
|
67
|
-
|
|
68
|
-
exports.default = _default;
|
|
57
|
+
export default AccordionItemVariant;
|
|
@@ -1,20 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
|
-
require("./style.scss");
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import c from 'classnames';
|
|
3
|
+
import './style.scss';
|
|
11
4
|
var Accordion = function Accordion(props) {
|
|
12
5
|
var className = props.className,
|
|
13
6
|
children = props.children;
|
|
14
|
-
var classes = (
|
|
15
|
-
return /*#__PURE__*/
|
|
7
|
+
var classes = c('Accordion', className);
|
|
8
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
16
9
|
className: classes
|
|
17
10
|
}, children);
|
|
18
11
|
};
|
|
19
|
-
|
|
20
|
-
exports.default = _default;
|
|
12
|
+
export default Accordion;
|
|
@@ -1,16 +1,4 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _reactAutosuggest = _interopRequireDefault(require("react-autosuggest"));
|
|
9
|
-
require("./style.scss");
|
|
10
1
|
var _excluded = ["endpoint", "placeholder", "renderItem", "defaultValue", "onSelectItem", "queryParameter", "getSuggestionValue", "requestOptions"];
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
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); }
|
|
13
|
-
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; }
|
|
14
2
|
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); }
|
|
15
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
16
4
|
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,6 +13,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
25
13
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
26
14
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
27
15
|
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
16
|
+
import React, { useState } from 'react';
|
|
17
|
+
import Autosuggest from 'react-autosuggest';
|
|
18
|
+
import './style.scss';
|
|
28
19
|
function abortableFetch(request, opts) {
|
|
29
20
|
var controller = new AbortController();
|
|
30
21
|
var signal = controller.signal;
|
|
@@ -49,11 +40,11 @@ var ApiAutocomplete = function ApiAutocomplete(_ref) {
|
|
|
49
40
|
getSuggestionValue = _ref.getSuggestionValue,
|
|
50
41
|
requestOptions = _ref.requestOptions,
|
|
51
42
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
52
|
-
var _useState =
|
|
43
|
+
var _useState = useState(defaultValue || ''),
|
|
53
44
|
_useState2 = _slicedToArray(_useState, 2),
|
|
54
45
|
queryInput = _useState2[0],
|
|
55
46
|
setQuery = _useState2[1];
|
|
56
|
-
var _useState3 =
|
|
47
|
+
var _useState3 = useState([]),
|
|
57
48
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
58
49
|
results = _useState4[0],
|
|
59
50
|
setResults = _useState4[1];
|
|
@@ -75,7 +66,7 @@ var ApiAutocomplete = function ApiAutocomplete(_ref) {
|
|
|
75
66
|
// Catch the error so the browser does not output errors.
|
|
76
67
|
});
|
|
77
68
|
};
|
|
78
|
-
return /*#__PURE__*/
|
|
69
|
+
return /*#__PURE__*/React.createElement(Autosuggest, {
|
|
79
70
|
suggestions: results,
|
|
80
71
|
onSuggestionsFetchRequested: function onSuggestionsFetchRequested(_ref2) {
|
|
81
72
|
var value = _ref2.value,
|
|
@@ -115,5 +106,4 @@ ApiAutocomplete.defaultProps = {
|
|
|
115
106
|
},
|
|
116
107
|
requestOptions: {}
|
|
117
108
|
};
|
|
118
|
-
|
|
119
|
-
exports.default = _default;
|
|
109
|
+
export default ApiAutocomplete;
|
|
@@ -1,23 +1,16 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.Button = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _reactRouterDom = require("react-router-dom");
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
-
var _gtm = _interopRequireDefault(require("../../helpers/gtm"));
|
|
12
|
-
var _link = require("../../helpers/link");
|
|
13
|
-
var _withMapping = _interopRequireDefault(require("../../Context/withMapping"));
|
|
14
|
-
require("./style.scss");
|
|
15
1
|
var _excluded = ["href", "dispatch", "className", "children", "primary", "inverted", "language", "enableLoader", "loading", "htmlType", "target"];
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
2
|
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); }
|
|
18
3
|
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; }
|
|
19
4
|
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; }
|
|
20
|
-
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import { Link } from 'react-router-dom';
|
|
7
|
+
import PropTypes from 'prop-types';
|
|
8
|
+
import classNames from 'classnames';
|
|
9
|
+
import gtm from '../../helpers/gtm';
|
|
10
|
+
import { isExternalLink } from '../../helpers/link';
|
|
11
|
+
import withMapping from '../../Context/withMapping';
|
|
12
|
+
import './style.scss';
|
|
13
|
+
export var Button = function Button(_ref) {
|
|
21
14
|
var href = _ref.href,
|
|
22
15
|
dispatch = _ref.dispatch,
|
|
23
16
|
className = _ref.className,
|
|
@@ -30,7 +23,7 @@ var Button = function Button(_ref) {
|
|
|
30
23
|
htmlType = _ref.htmlType,
|
|
31
24
|
target = _ref.target,
|
|
32
25
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
33
|
-
var classes = (
|
|
26
|
+
var classes = classNames('Button', className, {
|
|
34
27
|
'Button--primary': primary,
|
|
35
28
|
'Button--inverted': inverted,
|
|
36
29
|
'is-loading': loading
|
|
@@ -41,7 +34,7 @@ var Button = function Button(_ref) {
|
|
|
41
34
|
// Using element.innerText gives us purely the text of the element which is
|
|
42
35
|
// perfect for the tracking event. We don't want a string containing HTML.
|
|
43
36
|
var text = event.target ? event.target.innerText : 'Unknown';
|
|
44
|
-
|
|
37
|
+
gtm.trackUserEvent('button', 'click', text, href);
|
|
45
38
|
if (props.onClick) {
|
|
46
39
|
props.onClick(event);
|
|
47
40
|
}
|
|
@@ -50,7 +43,7 @@ var Button = function Button(_ref) {
|
|
|
50
43
|
return (
|
|
51
44
|
/*#__PURE__*/
|
|
52
45
|
// eslint-disable-next-line react/button-has-type
|
|
53
|
-
|
|
46
|
+
React.createElement("button", _extends({
|
|
54
47
|
type: htmlType,
|
|
55
48
|
className: classes,
|
|
56
49
|
href: href
|
|
@@ -59,14 +52,14 @@ var Button = function Button(_ref) {
|
|
|
59
52
|
}), children)
|
|
60
53
|
);
|
|
61
54
|
}
|
|
62
|
-
return
|
|
55
|
+
return isExternalLink(href) ? /*#__PURE__*/React.createElement("a", _extends({
|
|
63
56
|
className: classes,
|
|
64
57
|
href: href,
|
|
65
58
|
target: "_blank",
|
|
66
59
|
rel: "noreferrer noopener"
|
|
67
60
|
}, props, {
|
|
68
61
|
onClick: onClick
|
|
69
|
-
}), children) : /*#__PURE__*/
|
|
62
|
+
}), children) : /*#__PURE__*/React.createElement(Link, _extends({
|
|
70
63
|
to: href,
|
|
71
64
|
className: classes,
|
|
72
65
|
target: target
|
|
@@ -74,7 +67,6 @@ var Button = function Button(_ref) {
|
|
|
74
67
|
onClick: onClick
|
|
75
68
|
}), children);
|
|
76
69
|
};
|
|
77
|
-
exports.Button = Button;
|
|
78
70
|
Button.defaultProps = {
|
|
79
71
|
primary: true,
|
|
80
72
|
inverted: false,
|
|
@@ -85,13 +77,12 @@ Button.defaultProps = {
|
|
|
85
77
|
target: '_self'
|
|
86
78
|
};
|
|
87
79
|
Button.propTypes = {
|
|
88
|
-
href:
|
|
89
|
-
primary:
|
|
90
|
-
disabled:
|
|
91
|
-
inverted:
|
|
92
|
-
enableLoader:
|
|
93
|
-
htmlType:
|
|
94
|
-
target:
|
|
80
|
+
href: PropTypes.string,
|
|
81
|
+
primary: PropTypes.bool,
|
|
82
|
+
disabled: PropTypes.bool,
|
|
83
|
+
inverted: PropTypes.bool,
|
|
84
|
+
enableLoader: PropTypes.bool,
|
|
85
|
+
htmlType: PropTypes.oneOf(['button', 'submit', 'reset']),
|
|
86
|
+
target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])
|
|
95
87
|
};
|
|
96
|
-
|
|
97
|
-
exports.default = _default;
|
|
88
|
+
export default withMapping(Button);
|
|
@@ -1,14 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
|
-
var _WysiwygField = _interopRequireDefault(require("../WysiwygField"));
|
|
10
|
-
var _Button = _interopRequireDefault(require("../Button"));
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import c from 'classnames';
|
|
3
|
+
import WysiwygField from '../WysiwygField';
|
|
4
|
+
import Button from '../Button';
|
|
12
5
|
var CallToAction = function CallToAction(_ref) {
|
|
13
6
|
var title = _ref.title,
|
|
14
7
|
text = _ref.text,
|
|
@@ -17,27 +10,26 @@ var CallToAction = function CallToAction(_ref) {
|
|
|
17
10
|
_ref$iconClasses = _ref.iconClasses,
|
|
18
11
|
iconClasses = _ref$iconClasses === void 0 ? 'icon-arrow icon-after icon-variant-1' : _ref$iconClasses,
|
|
19
12
|
className = _ref.className;
|
|
20
|
-
var classes = (
|
|
21
|
-
return /*#__PURE__*/
|
|
13
|
+
var classes = c('CallToAction', className);
|
|
14
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
22
15
|
className: classes
|
|
23
|
-
}, /*#__PURE__*/
|
|
16
|
+
}, /*#__PURE__*/React.createElement("h3", {
|
|
24
17
|
className: "CallToAction__title"
|
|
25
|
-
}, title), text && /*#__PURE__*/
|
|
18
|
+
}, title), text && /*#__PURE__*/React.createElement(WysiwygField, {
|
|
26
19
|
className: "CallToAction__text",
|
|
27
20
|
property: "schema:text",
|
|
28
21
|
customElementHandler: function customElementHandler() {},
|
|
29
22
|
html: text
|
|
30
|
-
}), /*#__PURE__*/
|
|
23
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
31
24
|
className: "CallToAction__buttonWrapper"
|
|
32
|
-
}, /*#__PURE__*/
|
|
25
|
+
}, /*#__PURE__*/React.createElement(Button, {
|
|
33
26
|
primary: true,
|
|
34
27
|
className: "CallToAction__button ".concat(iconClasses),
|
|
35
28
|
href: button.link
|
|
36
|
-
}, button.text), buttonSecondary && /*#__PURE__*/
|
|
29
|
+
}, button.text), buttonSecondary && /*#__PURE__*/React.createElement(Button, {
|
|
37
30
|
inverted: true,
|
|
38
31
|
className: "CallToAction__button ".concat(iconClasses),
|
|
39
32
|
href: buttonSecondary.link
|
|
40
33
|
}, buttonSecondary.text)));
|
|
41
34
|
};
|
|
42
|
-
|
|
43
|
-
exports.default = _default;
|
|
35
|
+
export default CallToAction;
|