@uncinc/uncinc-react-kitchen-sink 2.7.9 → 2.7.10
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/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/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.js +89 -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 +8 -2
|
@@ -1,19 +1,12 @@
|
|
|
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 _prettyBytes = _interopRequireDefault(require("pretty-bytes"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
1
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
12
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."); }
|
|
13
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); }
|
|
14
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; }
|
|
15
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; } }
|
|
16
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
+
import React from 'react';
|
|
8
|
+
import c from 'classnames';
|
|
9
|
+
import prettyBytes from 'pretty-bytes';
|
|
17
10
|
var Download = function Download(_ref) {
|
|
18
11
|
var source = _ref.source,
|
|
19
12
|
title = _ref.title,
|
|
@@ -27,32 +20,31 @@ var Download = function Download(_ref) {
|
|
|
27
20
|
_ref$target = _ref.target,
|
|
28
21
|
target = _ref$target === void 0 ? '_self' : _ref$target,
|
|
29
22
|
className = _ref.className;
|
|
30
|
-
var classes = (
|
|
23
|
+
var classes = c('Download', className);
|
|
31
24
|
var _mime$split = mime.split('/'),
|
|
32
25
|
_mime$split2 = _slicedToArray(_mime$split, 2),
|
|
33
26
|
mimeType = _mime$split2[0],
|
|
34
27
|
mimeSubType = _mime$split2[1];
|
|
35
28
|
var extension = filename.match(/\w+$/);
|
|
36
|
-
return /*#__PURE__*/
|
|
29
|
+
return /*#__PURE__*/React.createElement("a", {
|
|
37
30
|
className: classes,
|
|
38
31
|
target: target,
|
|
39
32
|
href: source,
|
|
40
33
|
rel: "noreferrer"
|
|
41
|
-
}, /*#__PURE__*/
|
|
34
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
42
35
|
className: "Download__icon icon icon-dowload icon-".concat(mimeType, " icon-").concat(mimeSubType)
|
|
43
|
-
}), /*#__PURE__*/
|
|
36
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
44
37
|
className: "Download__content"
|
|
45
|
-
}, /*#__PURE__*/
|
|
38
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
46
39
|
className: "Download__title label"
|
|
47
|
-
}, title), description && /*#__PURE__*/
|
|
40
|
+
}, title), description && /*#__PURE__*/React.createElement("div", {
|
|
48
41
|
className: "Download__description"
|
|
49
|
-
}, description)), /*#__PURE__*/
|
|
42
|
+
}, description)), /*#__PURE__*/React.createElement("div", {
|
|
50
43
|
className: "Download__attributes"
|
|
51
|
-
}, extension && /*#__PURE__*/
|
|
44
|
+
}, extension && /*#__PURE__*/React.createElement("span", {
|
|
52
45
|
className: "Download__extension"
|
|
53
|
-
}, extension[0]), filesize && /*#__PURE__*/
|
|
46
|
+
}, extension[0]), filesize && /*#__PURE__*/React.createElement("span", {
|
|
54
47
|
className: "Download__filesize"
|
|
55
|
-
}, "(", (
|
|
48
|
+
}, "(", prettyBytes(filesize), ")")));
|
|
56
49
|
};
|
|
57
|
-
|
|
58
|
-
exports.default = _default;
|
|
50
|
+
export default Download;
|
|
@@ -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 _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
-
require("./style.scss");
|
|
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, { useEffect, useState } from 'react';
|
|
8
|
+
import classnames from 'classnames';
|
|
9
|
+
import './style.scss';
|
|
20
10
|
var FontSizeSwitcher = function FontSizeSwitcher(_ref) {
|
|
21
11
|
var defaultSize = _ref.defaultSize,
|
|
22
12
|
_ref$incrementMode = _ref.incrementMode,
|
|
@@ -28,7 +18,7 @@ var FontSizeSwitcher = function FontSizeSwitcher(_ref) {
|
|
|
28
18
|
|
|
29
19
|
// Use cookie by default to prevent flickering.
|
|
30
20
|
var cookie = getCookie('WCAG_font_size');
|
|
31
|
-
var _useState =
|
|
21
|
+
var _useState = useState(cookie ? parseInt(cookie) : defaultSize),
|
|
32
22
|
_useState2 = _slicedToArray(_useState, 2),
|
|
33
23
|
currentSize = _useState2[0],
|
|
34
24
|
setCurrentSize = _useState2[1];
|
|
@@ -41,52 +31,52 @@ var FontSizeSwitcher = function FontSizeSwitcher(_ref) {
|
|
|
41
31
|
setCurrentSize(parseInt(size));
|
|
42
32
|
}
|
|
43
33
|
};
|
|
44
|
-
|
|
34
|
+
useEffect(function () {
|
|
45
35
|
var html = document.getElementsByTagName('html')[0];
|
|
46
36
|
html.classList.remove('font-size--small', 'font-size--regular', 'font-size--large');
|
|
47
37
|
html.classList.add(['font-size--small', 'font-size--regular', 'font-size--large'][currentSize]);
|
|
48
38
|
}, [currentSize]);
|
|
49
|
-
var classesSmall = (
|
|
39
|
+
var classesSmall = classnames('FontSizeSwitcher__button FontSizeSwitcher__button--small', {
|
|
50
40
|
'active': currentSize === 0
|
|
51
41
|
});
|
|
52
|
-
var classesRegular = (
|
|
42
|
+
var classesRegular = classnames('FontSizeSwitcher__button FontSizeSwitcher__button--regular', {
|
|
53
43
|
'active': currentSize === 1
|
|
54
44
|
});
|
|
55
|
-
var classesLarge = (
|
|
45
|
+
var classesLarge = classnames('FontSizeSwitcher__button FontSizeSwitcher__button--large', {
|
|
56
46
|
'active': currentSize === 2
|
|
57
47
|
});
|
|
58
48
|
if (incrementMode === true) {
|
|
59
|
-
return /*#__PURE__*/
|
|
49
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
60
50
|
className: "FontSizeSwitcher FontSizeSwitcher--increment-mode",
|
|
61
51
|
onClick: function onClick() {
|
|
62
52
|
changeCurrentSize(currentSize + 1);
|
|
63
53
|
}
|
|
64
|
-
}, /*#__PURE__*/
|
|
54
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
65
55
|
type: "button",
|
|
66
56
|
className: classesSmall
|
|
67
|
-
}, "Small"), /*#__PURE__*/
|
|
57
|
+
}, "Small"), /*#__PURE__*/React.createElement("button", {
|
|
68
58
|
type: "button",
|
|
69
59
|
className: classesRegular
|
|
70
|
-
}, "Regular"), /*#__PURE__*/
|
|
60
|
+
}, "Regular"), /*#__PURE__*/React.createElement("button", {
|
|
71
61
|
type: "button",
|
|
72
62
|
className: classesLarge
|
|
73
63
|
}, "Large"));
|
|
74
64
|
}
|
|
75
|
-
return /*#__PURE__*/
|
|
65
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
76
66
|
className: "FontSizeSwitcher"
|
|
77
|
-
}, /*#__PURE__*/
|
|
67
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
78
68
|
type: "button",
|
|
79
69
|
className: classesSmall,
|
|
80
70
|
onClick: function onClick() {
|
|
81
71
|
return changeCurrentSize(0);
|
|
82
72
|
}
|
|
83
|
-
}, "Small"), /*#__PURE__*/
|
|
73
|
+
}, "Small"), /*#__PURE__*/React.createElement("button", {
|
|
84
74
|
type: "button",
|
|
85
75
|
className: classesRegular,
|
|
86
76
|
onClick: function onClick() {
|
|
87
77
|
return changeCurrentSize(1);
|
|
88
78
|
}
|
|
89
|
-
}, "Regular"), /*#__PURE__*/
|
|
79
|
+
}, "Regular"), /*#__PURE__*/React.createElement("button", {
|
|
90
80
|
type: "button",
|
|
91
81
|
className: classesLarge,
|
|
92
82
|
onClick: function onClick() {
|
|
@@ -97,5 +87,4 @@ var FontSizeSwitcher = function FontSizeSwitcher(_ref) {
|
|
|
97
87
|
FontSizeSwitcher.defaultProps = {
|
|
98
88
|
defaultSize: 1
|
|
99
89
|
};
|
|
100
|
-
|
|
101
|
-
exports.default = _default;
|
|
90
|
+
export default FontSizeSwitcher;
|
|
@@ -1,20 +1,13 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.Checkbox = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _formik = require("formik");
|
|
9
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
-
var _reactI18next = require("react-i18next");
|
|
11
|
-
var _GenericFormElement = _interopRequireDefault(require("../GenericFormElement"));
|
|
12
|
-
var _withMapping = _interopRequireDefault(require("../../../Context/withMapping"));
|
|
13
|
-
var _FormikWrapper = require("../FormikWrapper");
|
|
14
|
-
require("./style.scss");
|
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
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); }
|
|
17
|
-
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Field } from 'formik';
|
|
4
|
+
import c from 'classnames';
|
|
5
|
+
import { useTranslation } from 'react-i18next';
|
|
6
|
+
import GenericFormElement from '../GenericFormElement';
|
|
7
|
+
import withMapping from '../../../Context/withMapping';
|
|
8
|
+
import { useExtendedFormikContext } from '../FormikWrapper';
|
|
9
|
+
import './style.scss';
|
|
10
|
+
export var Checkbox = function Checkbox(props) {
|
|
18
11
|
var title = props.title,
|
|
19
12
|
required = props.required,
|
|
20
13
|
description = props.description,
|
|
@@ -25,12 +18,12 @@ var Checkbox = function Checkbox(props) {
|
|
|
25
18
|
wrapperClassName = props.wrapperClassName,
|
|
26
19
|
_props$disabled = props.disabled,
|
|
27
20
|
disabled = _props$disabled === void 0 ? false : _props$disabled;
|
|
28
|
-
var _useExtendedFormikCon =
|
|
21
|
+
var _useExtendedFormikCon = useExtendedFormikContext(),
|
|
29
22
|
values = _useExtendedFormikCon.values,
|
|
30
23
|
errors = _useExtendedFormikCon.errors,
|
|
31
24
|
touched = _useExtendedFormikCon.touched,
|
|
32
25
|
displayRequiredIndicator = _useExtendedFormikCon.displayRequiredIndicator;
|
|
33
|
-
var _useTranslation =
|
|
26
|
+
var _useTranslation = useTranslation(),
|
|
34
27
|
t = _useTranslation.t;
|
|
35
28
|
var isTouched = touched[fieldName];
|
|
36
29
|
var value = values[fieldName];
|
|
@@ -43,15 +36,15 @@ var Checkbox = function Checkbox(props) {
|
|
|
43
36
|
return t(['webform.components.checkbox.required', 'webform.required', 'webform_required']);
|
|
44
37
|
}
|
|
45
38
|
};
|
|
46
|
-
return /*#__PURE__*/
|
|
47
|
-
className: (
|
|
39
|
+
return /*#__PURE__*/React.createElement(GenericFormElement, {
|
|
40
|
+
className: c('Checkbox', wrapperClassName),
|
|
48
41
|
required: required,
|
|
49
42
|
description: description,
|
|
50
43
|
fieldName: fieldName,
|
|
51
44
|
touched: isTouched,
|
|
52
45
|
error: error,
|
|
53
46
|
displayRequiredIndicator: displayRequiredIndicator
|
|
54
|
-
}, /*#__PURE__*/
|
|
47
|
+
}, /*#__PURE__*/React.createElement(Field, {
|
|
55
48
|
required: required,
|
|
56
49
|
name: fieldName,
|
|
57
50
|
value: value,
|
|
@@ -60,16 +53,16 @@ var Checkbox = function Checkbox(props) {
|
|
|
60
53
|
var field = _ref.field,
|
|
61
54
|
form = _ref.form;
|
|
62
55
|
var id = "".concat(props.fieldName, "--").concat(props.value);
|
|
63
|
-
var classes = (
|
|
56
|
+
var classes = c('WebformCheckboxes__checkbox__input', {
|
|
64
57
|
'icon-before': true,
|
|
65
58
|
'icon-checkmark': true,
|
|
66
59
|
'icon-variant-0': !field.value,
|
|
67
60
|
'icon-variant-1': field.value
|
|
68
61
|
});
|
|
69
|
-
return /*#__PURE__*/
|
|
62
|
+
return /*#__PURE__*/React.createElement("label", {
|
|
70
63
|
className: classes,
|
|
71
64
|
htmlFor: id
|
|
72
|
-
}, /*#__PURE__*/
|
|
65
|
+
}, /*#__PURE__*/React.createElement("input", _extends({}, field, {
|
|
73
66
|
name: fieldName,
|
|
74
67
|
type: "checkbox",
|
|
75
68
|
id: id,
|
|
@@ -83,9 +76,7 @@ var Checkbox = function Checkbox(props) {
|
|
|
83
76
|
})), title);
|
|
84
77
|
}));
|
|
85
78
|
};
|
|
86
|
-
exports.Checkbox = Checkbox;
|
|
87
79
|
Checkbox.defaultProps = {
|
|
88
80
|
onChange: function onChange() {}
|
|
89
81
|
};
|
|
90
|
-
|
|
91
|
-
exports.default = _default;
|
|
82
|
+
export default withMapping(Checkbox);
|
|
@@ -1,17 +1,3 @@
|
|
|
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 _formik = require("formik");
|
|
9
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
-
var _reactI18next = require("react-i18next");
|
|
11
|
-
var _GenericFormElement = _interopRequireDefault(require("../GenericFormElement"));
|
|
12
|
-
var _FormikWrapper = require("../FormikWrapper");
|
|
13
|
-
require("./style.scss");
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
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); }
|
|
16
2
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
17
3
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
@@ -19,6 +5,13 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
19
5
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
20
6
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
21
7
|
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; }
|
|
8
|
+
import React from 'react';
|
|
9
|
+
import { Field } from 'formik';
|
|
10
|
+
import c from 'classnames';
|
|
11
|
+
import { useTranslation } from 'react-i18next';
|
|
12
|
+
import GenericFormElement from '../GenericFormElement';
|
|
13
|
+
import { useExtendedFormikContext } from '../FormikWrapper';
|
|
14
|
+
import './style.scss';
|
|
22
15
|
function Checkbox(props) {
|
|
23
16
|
var name = props.name,
|
|
24
17
|
value = props.value,
|
|
@@ -26,7 +19,7 @@ function Checkbox(props) {
|
|
|
26
19
|
disabled = props.disabled,
|
|
27
20
|
className = props.className,
|
|
28
21
|
_onChange = props.onChange;
|
|
29
|
-
return /*#__PURE__*/
|
|
22
|
+
return /*#__PURE__*/React.createElement(Field, {
|
|
30
23
|
required: true,
|
|
31
24
|
name: name,
|
|
32
25
|
value: value,
|
|
@@ -36,7 +29,7 @@ function Checkbox(props) {
|
|
|
36
29
|
form = _ref.form;
|
|
37
30
|
var name = "".concat(props.name, "--").concat(props.value);
|
|
38
31
|
var checked = field.value && field.value.includes(value);
|
|
39
|
-
var classes = (
|
|
32
|
+
var classes = c('WebformCheckboxes__checkbox__input', {
|
|
40
33
|
'icon-before': true,
|
|
41
34
|
'icon-checkmark': true,
|
|
42
35
|
'icon-variant-0': !checked,
|
|
@@ -60,13 +53,13 @@ function Checkbox(props) {
|
|
|
60
53
|
});
|
|
61
54
|
};
|
|
62
55
|
if (props.value === '__other__') {
|
|
63
|
-
var inputClasses = (
|
|
56
|
+
var inputClasses = c({
|
|
64
57
|
hidden: !field.value.includes('__other__')
|
|
65
58
|
});
|
|
66
|
-
return /*#__PURE__*/
|
|
59
|
+
return /*#__PURE__*/React.createElement("label", {
|
|
67
60
|
className: classes,
|
|
68
61
|
htmlFor: name
|
|
69
|
-
}, /*#__PURE__*/
|
|
62
|
+
}, /*#__PURE__*/React.createElement("input", _extends({}, field, {
|
|
70
63
|
name: props.name,
|
|
71
64
|
value: value,
|
|
72
65
|
type: "checkbox",
|
|
@@ -80,7 +73,7 @@ function Checkbox(props) {
|
|
|
80
73
|
}
|
|
81
74
|
field.onChange(event);
|
|
82
75
|
}
|
|
83
|
-
})), /*#__PURE__*/
|
|
76
|
+
})), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", null, props.otherLabel ? props.otherLabel : props.label), props.description && /*#__PURE__*/React.createElement("span", null, props.description)), /*#__PURE__*/React.createElement("textarea", {
|
|
84
77
|
placeholder: props.otherPlaceholder,
|
|
85
78
|
className: inputClasses,
|
|
86
79
|
onChange: function onChange(e) {
|
|
@@ -88,10 +81,10 @@ function Checkbox(props) {
|
|
|
88
81
|
}
|
|
89
82
|
}));
|
|
90
83
|
}
|
|
91
|
-
return /*#__PURE__*/
|
|
84
|
+
return /*#__PURE__*/React.createElement("label", {
|
|
92
85
|
className: classes,
|
|
93
86
|
htmlFor: name
|
|
94
|
-
}, /*#__PURE__*/
|
|
87
|
+
}, /*#__PURE__*/React.createElement("input", _extends({}, field, {
|
|
95
88
|
name: props.name,
|
|
96
89
|
value: value,
|
|
97
90
|
type: "checkbox",
|
|
@@ -105,7 +98,7 @@ function Checkbox(props) {
|
|
|
105
98
|
}
|
|
106
99
|
field.onChange(event);
|
|
107
100
|
}
|
|
108
|
-
})), /*#__PURE__*/
|
|
101
|
+
})), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", null, props.label), props.description && /*#__PURE__*/React.createElement("span", null, props.description)));
|
|
109
102
|
});
|
|
110
103
|
}
|
|
111
104
|
var Checkboxes = function Checkboxes(props) {
|
|
@@ -126,11 +119,11 @@ var Checkboxes = function Checkboxes(props) {
|
|
|
126
119
|
otherLabel = props.otherLabel,
|
|
127
120
|
otherPlaceholder = props.otherPlaceholder,
|
|
128
121
|
onChange = props.onChange;
|
|
129
|
-
var _useExtendedFormikCon =
|
|
122
|
+
var _useExtendedFormikCon = useExtendedFormikContext(),
|
|
130
123
|
errors = _useExtendedFormikCon.errors,
|
|
131
124
|
touched = _useExtendedFormikCon.touched,
|
|
132
125
|
displayRequiredIndicator = _useExtendedFormikCon.displayRequiredIndicator;
|
|
133
|
-
var _useTranslation =
|
|
126
|
+
var _useTranslation = useTranslation(),
|
|
134
127
|
t = _useTranslation.t;
|
|
135
128
|
var isTouched = touched[fieldName];
|
|
136
129
|
var error = errors[fieldName];
|
|
@@ -142,8 +135,8 @@ var Checkboxes = function Checkboxes(props) {
|
|
|
142
135
|
return t(['webform.components.checkboxes.required', 'webform.required', 'webform_required']);
|
|
143
136
|
}
|
|
144
137
|
};
|
|
145
|
-
return /*#__PURE__*/
|
|
146
|
-
className: (
|
|
138
|
+
return /*#__PURE__*/React.createElement(GenericFormElement, {
|
|
139
|
+
className: c('Checkboxes', wrapperClassName),
|
|
147
140
|
title: title,
|
|
148
141
|
required: required,
|
|
149
142
|
description: description,
|
|
@@ -154,11 +147,11 @@ var Checkboxes = function Checkboxes(props) {
|
|
|
154
147
|
}, Object.keys(options).map(function (value) {
|
|
155
148
|
var label = options[value];
|
|
156
149
|
var description = descriptions[value] || null;
|
|
157
|
-
return /*#__PURE__*/
|
|
150
|
+
return /*#__PURE__*/React.createElement(Checkbox, {
|
|
158
151
|
key: value,
|
|
159
152
|
label: label,
|
|
160
153
|
description: description,
|
|
161
|
-
className: (
|
|
154
|
+
className: c(className, {
|
|
162
155
|
'error': error && isTouched
|
|
163
156
|
}),
|
|
164
157
|
name: fieldName,
|
|
@@ -173,5 +166,4 @@ var Checkboxes = function Checkboxes(props) {
|
|
|
173
166
|
});
|
|
174
167
|
}));
|
|
175
168
|
};
|
|
176
|
-
|
|
177
|
-
exports.default = _default;
|
|
169
|
+
export default Checkboxes;
|
|
@@ -1,24 +1,17 @@
|
|
|
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("../TextField"));
|
|
10
1
|
var _excluded = ["required", "minDate", "maxDate", "validation"];
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
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); }
|
|
13
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; }
|
|
14
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; }
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import { useTranslation } from 'react-i18next';
|
|
7
|
+
import TextField from '../TextField';
|
|
15
8
|
var DateField = function DateField(props) {
|
|
16
9
|
var required = props.required,
|
|
17
10
|
minDate = props.minDate,
|
|
18
11
|
maxDate = props.maxDate,
|
|
19
12
|
validation = props.validation,
|
|
20
13
|
restProps = _objectWithoutProperties(props, _excluded);
|
|
21
|
-
var _useTranslation =
|
|
14
|
+
var _useTranslation = useTranslation(),
|
|
22
15
|
t = _useTranslation.t;
|
|
23
16
|
var handleValidation = function handleValidation(value) {
|
|
24
17
|
if (validation) {
|
|
@@ -40,11 +33,10 @@ var DateField = function DateField(props) {
|
|
|
40
33
|
});
|
|
41
34
|
}
|
|
42
35
|
};
|
|
43
|
-
return /*#__PURE__*/
|
|
36
|
+
return /*#__PURE__*/React.createElement(TextField, _extends({}, restProps, {
|
|
44
37
|
type: "date",
|
|
45
38
|
required: required,
|
|
46
39
|
validation: handleValidation
|
|
47
40
|
}));
|
|
48
41
|
};
|
|
49
|
-
|
|
50
|
-
exports.default = _default;
|
|
42
|
+
export default DateField;
|
|
@@ -1,23 +1,16 @@
|
|
|
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 _reactDatepicker = _interopRequireDefault(require("react-datepicker"));
|
|
9
|
-
var _formik = require("formik");
|
|
10
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
-
var _reactI18next = require("react-i18next");
|
|
12
|
-
var _GenericFormElement = _interopRequireDefault(require("../GenericFormElement"));
|
|
13
|
-
var _FormikWrapper = require("../FormikWrapper");
|
|
14
|
-
require("react-datepicker/dist/react-datepicker.css");
|
|
15
|
-
require("./style.scss");
|
|
16
1
|
var _excluded = ["title", "required", "description", "placeholder", "fieldName", "validation", "className", "wrapperClassName", "disabled", "minDate", "maxDate", "onChange"];
|
|
17
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
18
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); }
|
|
19
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; }
|
|
20
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; }
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import ReactDatePicker from 'react-datepicker';
|
|
7
|
+
import { Field } from 'formik';
|
|
8
|
+
import c from 'classnames';
|
|
9
|
+
import { useTranslation } from 'react-i18next';
|
|
10
|
+
import GenericFormElement from '../GenericFormElement';
|
|
11
|
+
import { useExtendedFormikContext } from '../FormikWrapper';
|
|
12
|
+
import 'react-datepicker/dist/react-datepicker.css';
|
|
13
|
+
import './style.scss';
|
|
21
14
|
var DatePicker = function DatePicker(props) {
|
|
22
15
|
var title = props.title,
|
|
23
16
|
required = props.required,
|
|
@@ -33,13 +26,13 @@ var DatePicker = function DatePicker(props) {
|
|
|
33
26
|
maxDate = props.maxDate,
|
|
34
27
|
_onChange = props.onChange,
|
|
35
28
|
restProps = _objectWithoutProperties(props, _excluded);
|
|
36
|
-
var _useExtendedFormikCon =
|
|
29
|
+
var _useExtendedFormikCon = useExtendedFormikContext(),
|
|
37
30
|
values = _useExtendedFormikCon.values,
|
|
38
31
|
errors = _useExtendedFormikCon.errors,
|
|
39
32
|
touched = _useExtendedFormikCon.touched,
|
|
40
33
|
setFieldValue = _useExtendedFormikCon.setFieldValue,
|
|
41
34
|
displayRequiredIndicator = _useExtendedFormikCon.displayRequiredIndicator;
|
|
42
|
-
var _useTranslation =
|
|
35
|
+
var _useTranslation = useTranslation(),
|
|
43
36
|
t = _useTranslation.t;
|
|
44
37
|
var isTouched = touched[fieldName];
|
|
45
38
|
var value = values[fieldName];
|
|
@@ -64,8 +57,8 @@ var DatePicker = function DatePicker(props) {
|
|
|
64
57
|
});
|
|
65
58
|
}
|
|
66
59
|
};
|
|
67
|
-
return /*#__PURE__*/
|
|
68
|
-
className: (
|
|
60
|
+
return /*#__PURE__*/React.createElement(GenericFormElement, {
|
|
61
|
+
className: c('DatePicker', wrapperClassName),
|
|
69
62
|
title: title,
|
|
70
63
|
required: required,
|
|
71
64
|
description: description,
|
|
@@ -73,7 +66,7 @@ var DatePicker = function DatePicker(props) {
|
|
|
73
66
|
touched: isTouched,
|
|
74
67
|
error: error,
|
|
75
68
|
displayRequiredIndicator: displayRequiredIndicator
|
|
76
|
-
}, /*#__PURE__*/
|
|
69
|
+
}, /*#__PURE__*/React.createElement(Field, {
|
|
77
70
|
id: fieldName,
|
|
78
71
|
name: fieldName,
|
|
79
72
|
validate: handleValidation,
|
|
@@ -82,7 +75,7 @@ var DatePicker = function DatePicker(props) {
|
|
|
82
75
|
error: error,
|
|
83
76
|
value: value
|
|
84
77
|
}, function () {
|
|
85
|
-
return /*#__PURE__*/
|
|
78
|
+
return /*#__PURE__*/React.createElement(ReactDatePicker, _extends({
|
|
86
79
|
selected: value && new Date(value) || null,
|
|
87
80
|
onChange: function onChange(value) {
|
|
88
81
|
setFieldValue(fieldName, value);
|
|
@@ -100,5 +93,4 @@ var DatePicker = function DatePicker(props) {
|
|
|
100
93
|
}, restProps));
|
|
101
94
|
}));
|
|
102
95
|
};
|
|
103
|
-
|
|
104
|
-
exports.default = _default;
|
|
96
|
+
export default DatePicker;
|
|
@@ -1,19 +1,12 @@
|
|
|
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 _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
var _reactDatepicker = _interopRequireDefault(require("react-datepicker"));
|
|
10
|
-
var _GenericFormElement = _interopRequireDefault(require("../../GenericFormElement"));
|
|
11
|
-
require("react-datepicker/dist/react-datepicker.css");
|
|
12
1
|
var _excluded = ["title", "placeholder", "value", "startDate", "endDate", "minDate", "maxDate", "className", "disabled", "onChange"];
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
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); }
|
|
15
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; }
|
|
16
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; }
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import PropTypes from 'prop-types';
|
|
7
|
+
import ReactDatePicker from 'react-datepicker';
|
|
8
|
+
import GenericFormElement from '../../GenericFormElement';
|
|
9
|
+
import 'react-datepicker/dist/react-datepicker.css';
|
|
17
10
|
var Picker = function Picker(props) {
|
|
18
11
|
var title = props.title,
|
|
19
12
|
placeholder = props.placeholder,
|
|
@@ -26,10 +19,10 @@ var Picker = function Picker(props) {
|
|
|
26
19
|
disabled = props.disabled,
|
|
27
20
|
onChange = props.onChange,
|
|
28
21
|
restProps = _objectWithoutProperties(props, _excluded);
|
|
29
|
-
return /*#__PURE__*/
|
|
22
|
+
return /*#__PURE__*/React.createElement(GenericFormElement, {
|
|
30
23
|
className: className,
|
|
31
24
|
title: title
|
|
32
|
-
}, /*#__PURE__*/
|
|
25
|
+
}, /*#__PURE__*/React.createElement(ReactDatePicker, _extends({
|
|
33
26
|
selected: value,
|
|
34
27
|
onChange: onChange,
|
|
35
28
|
peekNextMonth: true,
|
|
@@ -57,16 +50,15 @@ Picker.defaultProps = {
|
|
|
57
50
|
onChange: function onChange() {}
|
|
58
51
|
};
|
|
59
52
|
Picker.propTypes = {
|
|
60
|
-
title:
|
|
61
|
-
placeholder:
|
|
62
|
-
value:
|
|
63
|
-
startDate:
|
|
64
|
-
endDate:
|
|
65
|
-
minDate:
|
|
66
|
-
maxDate:
|
|
67
|
-
className:
|
|
68
|
-
disabled:
|
|
69
|
-
onChange:
|
|
53
|
+
title: PropTypes.string,
|
|
54
|
+
placeholder: PropTypes.string,
|
|
55
|
+
value: PropTypes.instanceOf(Date),
|
|
56
|
+
startDate: PropTypes.instanceOf(Date),
|
|
57
|
+
endDate: PropTypes.instanceOf(Date),
|
|
58
|
+
minDate: PropTypes.instanceOf(Date),
|
|
59
|
+
maxDate: PropTypes.instanceOf(Date),
|
|
60
|
+
className: PropTypes.string,
|
|
61
|
+
disabled: PropTypes.bool,
|
|
62
|
+
onChange: PropTypes.func
|
|
70
63
|
};
|
|
71
|
-
|
|
72
|
-
exports.default = _default;
|
|
64
|
+
export default Picker;
|