@uncinc/uncinc-react-kitchen-sink 2.7.8 → 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.
Files changed (114) hide show
  1. package/dist/Context/KitchenSinkComponentMapperContext.js +3 -11
  2. package/dist/Context/ViewportContext.js +8 -21
  3. package/dist/Context/withMapping.js +6 -17
  4. package/dist/components/AbbreviationAnnotation/index.js +17 -28
  5. package/dist/components/Accordion/AccordionItem/index.js +19 -27
  6. package/dist/components/Accordion/AccordionItemVariant/index.js +14 -25
  7. package/dist/components/Accordion/index.js +6 -14
  8. package/dist/components/ApiAutocomplete/index.js +7 -17
  9. package/dist/components/Button/index.js +22 -31
  10. package/dist/components/CallToAction/index.js +12 -20
  11. package/dist/components/Cookie/Checkbox/index.js +6 -14
  12. package/dist/components/Cookie/index.js +59 -69
  13. package/dist/components/Dialog/DialogHelpersStory/index.js +13 -25
  14. package/dist/components/Dialog/DialogHookStory/index.js +12 -21
  15. package/dist/components/Dialog/DialogOverrideStory/index.js +9 -18
  16. package/dist/components/Dialog/index.js +35 -46
  17. package/dist/components/Download/index.js +14 -22
  18. package/dist/components/FontSizeSwitcher/index.js +17 -28
  19. package/dist/components/Form/Checkbox/index.js +18 -27
  20. package/dist/components/Form/Checkboxes/index.js +23 -31
  21. package/dist/components/Form/DateField/index.js +6 -14
  22. package/dist/components/Form/DatePicker/index.js +16 -24
  23. package/dist/components/Form/DatePickerRange/Picker/index.js +18 -26
  24. package/dist/components/Form/DatePickerRange/index.js +37 -47
  25. package/dist/components/Form/DateSelect/index.js +22 -33
  26. package/dist/components/Form/Email/index.js +4 -12
  27. package/dist/components/Form/FormikWrapper/index.js +13 -24
  28. package/dist/components/Form/GenericFormElement/index.js +14 -22
  29. package/dist/components/Form/Number/index.js +6 -14
  30. package/dist/components/Form/RadioButtons/index.js +23 -31
  31. package/dist/components/Form/SearchField/index.js +14 -22
  32. package/dist/components/Form/Select/Input/index.js +15 -23
  33. package/dist/components/Form/Select/index.js +12 -20
  34. package/dist/components/Form/TextField/index.js +16 -25
  35. package/dist/components/Form/Textarea/index.js +14 -22
  36. package/dist/components/Form/commonTests.js +19 -32
  37. package/dist/components/Form/index.js +13 -97
  38. package/dist/components/Hamburger/index.js +7 -15
  39. package/dist/components/Header/index.js +23 -38
  40. package/dist/components/Icon/index.js +9 -17
  41. package/dist/components/Image/AdaptivePicture/index.js +16 -23
  42. package/dist/components/Image/Background/index.js +10 -21
  43. package/dist/components/Image/LazyLoadWrapper/index.js +16 -26
  44. package/dist/components/Image/Picture/index.js +25 -33
  45. package/dist/components/Image/helpers/index.js +11 -21
  46. package/dist/components/Image/index.js +16 -24
  47. package/dist/components/InlineMenu/index.d.ts +1 -1
  48. package/dist/components/InlineMenu/index.js +27 -38
  49. package/dist/components/Layout/Container/index.js +13 -21
  50. package/dist/components/Layout/QuickLayout/Auto/index.js +5 -13
  51. package/dist/components/Layout/QuickLayout/Center/index.js +6 -14
  52. package/dist/components/Layout/QuickLayout/Clamp/index.js +5 -13
  53. package/dist/components/Layout/QuickLayout/Sidebar/index.js +6 -14
  54. package/dist/components/Layout/QuickLayout/SpaceBetween/index.js +6 -14
  55. package/dist/components/Layout/QuickLayout/Stack/index.js +6 -14
  56. package/dist/components/Layout/QuickLayout/Wrap/index.js +7 -15
  57. package/dist/components/Layout/QuickLayout/index.js +16 -24
  58. package/dist/components/Lottie/LottieAnimation/index.js +12 -23
  59. package/dist/components/Lottie/LottieAnimationWithMousePosition.js +8 -19
  60. package/dist/components/Lottie/index.js +29 -41
  61. package/dist/components/MagicLine/index.js +12 -23
  62. package/dist/components/MediaPlayer/index.js +19 -28
  63. package/dist/components/MediaPlayer/types.js +1 -1
  64. package/dist/components/NavigationScroll/index.js +11 -21
  65. package/dist/components/Pagination/index.js +28 -37
  66. package/dist/components/SearchKit/Facets/ChipFacet/index.js +11 -20
  67. package/dist/components/SearchKit/Facets/ListFacet/index.js +11 -20
  68. package/dist/components/SearchKit/Facets/SelectFacet/index.js +15 -24
  69. package/dist/components/SearchKit/Query/index.js +13 -24
  70. package/dist/components/SearchKit/SearchFacets/index.js +10 -18
  71. package/dist/components/SearchKit/SearchField/index.js +12 -23
  72. package/dist/components/SearchKit/SearchLoadMore/index.js +7 -15
  73. package/dist/components/SearchKit/SearchPage/index.js +8 -17
  74. package/dist/components/SearchKit/SearchPagination/index.js +6 -14
  75. package/dist/components/SearchKit/SearchReset/index.js +8 -16
  76. package/dist/components/SearchKit/SearchResults/index.js +28 -39
  77. package/dist/components/SearchKit/SearchSelectedFilters/Filters/CustomValue/index.js +6 -14
  78. package/dist/components/SearchKit/SearchSelectedFilters/Filters/DateRange/index.js +6 -14
  79. package/dist/components/SearchKit/SearchSelectedFilters/Filters/NumericRange/index.js +6 -14
  80. package/dist/components/SearchKit/SearchSelectedFilters/Filters/Value/index.js +7 -18
  81. package/dist/components/SearchKit/SearchSelectedFilters/index.js +18 -26
  82. package/dist/components/SearchKit/SearchSorting/index.js +9 -17
  83. package/dist/components/SearchKit/index.js +29 -40
  84. package/dist/components/Share/index.js +18 -26
  85. package/dist/components/Sliders/SliderRelated/index.js +11 -19
  86. package/dist/components/TableRender/index.js +12 -23
  87. package/dist/components/Tag/index.js +10 -18
  88. package/dist/components/TitleWithText/index.js +8 -16
  89. package/dist/components/WysiwygField/index.js +10 -18
  90. package/dist/components/index.js +17 -127
  91. package/dist/config/constants.js +17 -37
  92. package/dist/config/i18next/index.js +9 -17
  93. package/dist/custom.d.js +0 -1
  94. package/dist/helpers/date.js +4 -13
  95. package/dist/helpers/gtm.js +4 -11
  96. package/dist/helpers/link.js +4 -12
  97. package/dist/helpers/useValueForCurrentViewPort.js +6 -13
  98. package/dist/hooks/useBoolean.js +6 -12
  99. package/dist/hooks/useClickOutside.js +3 -9
  100. package/dist/hooks/useDialog.js +6 -13
  101. package/dist/hooks/useDialogHelpers.js +11 -18
  102. package/dist/hooks/useEscape.js +3 -9
  103. package/dist/hooks/useOnScreen.js +4 -10
  104. package/dist/hooks/usePrevious.js +4 -10
  105. package/dist/hooks/useScrollPosition.js +4 -11
  106. package/dist/hooks/useTrapFocus.js +3 -9
  107. package/dist/hooks/useWindowDimensions.js +4 -10
  108. package/dist/index.js +89 -564
  109. package/dist/organisms/Downloads/index.js +10 -18
  110. package/dist/organisms/ImageGrid/index.js +5 -13
  111. package/dist/organisms/Quote/index.js +16 -24
  112. package/dist/organisms/Text/index.js +20 -31
  113. package/dist/setupTests.js +2 -5
  114. package/package.json +9 -3
@@ -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 = (0, _classnames.default)('Download', className);
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__*/_react.default.createElement("a", {
29
+ return /*#__PURE__*/React.createElement("a", {
37
30
  className: classes,
38
31
  target: target,
39
32
  href: source,
40
33
  rel: "noreferrer"
41
- }, /*#__PURE__*/_react.default.createElement("span", {
34
+ }, /*#__PURE__*/React.createElement("span", {
42
35
  className: "Download__icon icon icon-dowload icon-".concat(mimeType, " icon-").concat(mimeSubType)
43
- }), /*#__PURE__*/_react.default.createElement("div", {
36
+ }), /*#__PURE__*/React.createElement("div", {
44
37
  className: "Download__content"
45
- }, /*#__PURE__*/_react.default.createElement("span", {
38
+ }, /*#__PURE__*/React.createElement("span", {
46
39
  className: "Download__title label"
47
- }, title), description && /*#__PURE__*/_react.default.createElement("div", {
40
+ }, title), description && /*#__PURE__*/React.createElement("div", {
48
41
  className: "Download__description"
49
- }, description)), /*#__PURE__*/_react.default.createElement("div", {
42
+ }, description)), /*#__PURE__*/React.createElement("div", {
50
43
  className: "Download__attributes"
51
- }, extension && /*#__PURE__*/_react.default.createElement("span", {
44
+ }, extension && /*#__PURE__*/React.createElement("span", {
52
45
  className: "Download__extension"
53
- }, extension[0]), filesize && /*#__PURE__*/_react.default.createElement("span", {
46
+ }, extension[0]), filesize && /*#__PURE__*/React.createElement("span", {
54
47
  className: "Download__filesize"
55
- }, "(", (0, _prettyBytes.default)(filesize), ")")));
48
+ }, "(", prettyBytes(filesize), ")")));
56
49
  };
57
- var _default = Download;
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 = (0, _react.useState)(cookie ? parseInt(cookie) : defaultSize),
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
- (0, _react.useEffect)(function () {
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 = (0, _classnames.default)('FontSizeSwitcher__button FontSizeSwitcher__button--small', {
39
+ var classesSmall = classnames('FontSizeSwitcher__button FontSizeSwitcher__button--small', {
50
40
  'active': currentSize === 0
51
41
  });
52
- var classesRegular = (0, _classnames.default)('FontSizeSwitcher__button FontSizeSwitcher__button--regular', {
42
+ var classesRegular = classnames('FontSizeSwitcher__button FontSizeSwitcher__button--regular', {
53
43
  'active': currentSize === 1
54
44
  });
55
- var classesLarge = (0, _classnames.default)('FontSizeSwitcher__button FontSizeSwitcher__button--large', {
45
+ var classesLarge = classnames('FontSizeSwitcher__button FontSizeSwitcher__button--large', {
56
46
  'active': currentSize === 2
57
47
  });
58
48
  if (incrementMode === true) {
59
- return /*#__PURE__*/_react.default.createElement("div", {
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__*/_react.default.createElement("button", {
54
+ }, /*#__PURE__*/React.createElement("button", {
65
55
  type: "button",
66
56
  className: classesSmall
67
- }, "Small"), /*#__PURE__*/_react.default.createElement("button", {
57
+ }, "Small"), /*#__PURE__*/React.createElement("button", {
68
58
  type: "button",
69
59
  className: classesRegular
70
- }, "Regular"), /*#__PURE__*/_react.default.createElement("button", {
60
+ }, "Regular"), /*#__PURE__*/React.createElement("button", {
71
61
  type: "button",
72
62
  className: classesLarge
73
63
  }, "Large"));
74
64
  }
75
- return /*#__PURE__*/_react.default.createElement("div", {
65
+ return /*#__PURE__*/React.createElement("div", {
76
66
  className: "FontSizeSwitcher"
77
- }, /*#__PURE__*/_react.default.createElement("button", {
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__*/_react.default.createElement("button", {
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__*/_react.default.createElement("button", {
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
- var _default = FontSizeSwitcher;
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
- var Checkbox = function Checkbox(props) {
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 = (0, _FormikWrapper.useExtendedFormikContext)(),
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 = (0, _reactI18next.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__*/_react.default.createElement(_GenericFormElement.default, {
47
- className: (0, _classnames.default)('Checkbox', wrapperClassName),
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__*/_react.default.createElement(_formik.Field, {
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 = (0, _classnames.default)('WebformCheckboxes__checkbox__input', {
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__*/_react.default.createElement("label", {
62
+ return /*#__PURE__*/React.createElement("label", {
70
63
  className: classes,
71
64
  htmlFor: id
72
- }, /*#__PURE__*/_react.default.createElement("input", _extends({}, field, {
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
- var _default = (0, _withMapping.default)(Checkbox);
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__*/_react.default.createElement(_formik.Field, {
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 = (0, _classnames.default)('WebformCheckboxes__checkbox__input', {
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 = (0, _classnames.default)({
56
+ var inputClasses = c({
64
57
  hidden: !field.value.includes('__other__')
65
58
  });
66
- return /*#__PURE__*/_react.default.createElement("label", {
59
+ return /*#__PURE__*/React.createElement("label", {
67
60
  className: classes,
68
61
  htmlFor: name
69
- }, /*#__PURE__*/_react.default.createElement("input", _extends({}, field, {
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__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("span", null, props.otherLabel ? props.otherLabel : props.label), props.description && /*#__PURE__*/_react.default.createElement("span", null, props.description)), /*#__PURE__*/_react.default.createElement("textarea", {
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__*/_react.default.createElement("label", {
84
+ return /*#__PURE__*/React.createElement("label", {
92
85
  className: classes,
93
86
  htmlFor: name
94
- }, /*#__PURE__*/_react.default.createElement("input", _extends({}, field, {
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__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("span", null, props.label), props.description && /*#__PURE__*/_react.default.createElement("span", null, props.description)));
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 = (0, _FormikWrapper.useExtendedFormikContext)(),
122
+ var _useExtendedFormikCon = useExtendedFormikContext(),
130
123
  errors = _useExtendedFormikCon.errors,
131
124
  touched = _useExtendedFormikCon.touched,
132
125
  displayRequiredIndicator = _useExtendedFormikCon.displayRequiredIndicator;
133
- var _useTranslation = (0, _reactI18next.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__*/_react.default.createElement(_GenericFormElement.default, {
146
- className: (0, _classnames.default)('Checkboxes', wrapperClassName),
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__*/_react.default.createElement(Checkbox, {
150
+ return /*#__PURE__*/React.createElement(Checkbox, {
158
151
  key: value,
159
152
  label: label,
160
153
  description: description,
161
- className: (0, _classnames.default)(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
- var _default = Checkboxes;
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 = (0, _reactI18next.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__*/_react.default.createElement(_TextField.default, _extends({}, restProps, {
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
- var _default = DateField;
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 = (0, _FormikWrapper.useExtendedFormikContext)(),
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 = (0, _reactI18next.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__*/_react.default.createElement(_GenericFormElement.default, {
68
- className: (0, _classnames.default)('DatePicker', wrapperClassName),
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__*/_react.default.createElement(_formik.Field, {
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__*/_react.default.createElement(_reactDatepicker.default, _extends({
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
- var _default = DatePicker;
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__*/_react.default.createElement(_GenericFormElement.default, {
22
+ return /*#__PURE__*/React.createElement(GenericFormElement, {
30
23
  className: className,
31
24
  title: title
32
- }, /*#__PURE__*/_react.default.createElement(_reactDatepicker.default, _extends({
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: _propTypes.default.string,
61
- placeholder: _propTypes.default.string,
62
- value: _propTypes.default.instanceOf(Date),
63
- startDate: _propTypes.default.instanceOf(Date),
64
- endDate: _propTypes.default.instanceOf(Date),
65
- minDate: _propTypes.default.instanceOf(Date),
66
- maxDate: _propTypes.default.instanceOf(Date),
67
- className: _propTypes.default.string,
68
- disabled: _propTypes.default.bool,
69
- onChange: _propTypes.default.func
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
- var _default = Picker;
72
- exports.default = _default;
64
+ export default Picker;