@uncinc/uncinc-react-kitchen-sink 2.5.2 → 2.5.4-1-treeshaking

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 (131) 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/AbbreviationAnnotation/stories.js +12 -21
  6. package/dist/components/Accordion/AccordionItem/index.js +18 -29
  7. package/dist/components/Accordion/AccordionItemVariant/index.js +14 -25
  8. package/dist/components/Accordion/index.js +6 -14
  9. package/dist/components/Accordion/stories.js +16 -26
  10. package/dist/components/ApiAutocomplete/index.js +7 -17
  11. package/dist/components/ApiAutocomplete/stories.js +7 -16
  12. package/dist/components/Button/index.js +21 -30
  13. package/dist/components/Button/stories.js +11 -21
  14. package/dist/components/Cookie/Checkbox/index.js +6 -14
  15. package/dist/components/Cookie/index.js +61 -71
  16. package/dist/components/Cookie/stories.js +20 -33
  17. package/dist/components/Dialog/DialogHelpersStory/index.js +31 -0
  18. package/dist/components/Dialog/DialogHookStory/index.js +36 -0
  19. package/dist/components/Dialog/DialogOverrideStory/index.js +22 -0
  20. package/dist/components/Dialog/index.d.ts +6 -0
  21. package/dist/components/Dialog/index.js +44 -46
  22. package/dist/components/Dialog/stories.js +10 -43
  23. package/dist/components/FontSizeSwitcher/index.js +17 -28
  24. package/dist/components/FontSizeSwitcher/stories.js +10 -20
  25. package/dist/components/Form/Checkbox/index.js +13 -21
  26. package/dist/components/Form/Checkbox/stories.js +8 -17
  27. package/dist/components/Form/Checkboxes/index.js +19 -27
  28. package/dist/components/Form/Checkboxes/index.test.js +108 -77
  29. package/dist/components/Form/Checkboxes/stories.js +9 -18
  30. package/dist/components/Form/Date/index.js +4 -12
  31. package/dist/components/Form/Date/stories.js +7 -16
  32. package/dist/components/Form/DatePicker/index.js +12 -20
  33. package/dist/components/Form/DatePicker/stories.js +7 -16
  34. package/dist/components/Form/DateSelect/index.js +24 -35
  35. package/dist/components/Form/DateSelect/stories.js +10 -22
  36. package/dist/components/Form/Email/index.js +4 -12
  37. package/dist/components/Form/Email/stories.js +7 -16
  38. package/dist/components/Form/FormikWrapper/index.js +9 -17
  39. package/dist/components/Form/GenericFormElement/index.js +14 -22
  40. package/dist/components/Form/Number/index.js +6 -14
  41. package/dist/components/Form/Number/stories.js +7 -16
  42. package/dist/components/Form/RadioButtons/index.js +17 -25
  43. package/dist/components/Form/RadioButtons/index.test.js +81 -52
  44. package/dist/components/Form/RadioButtons/stories.js +9 -18
  45. package/dist/components/Form/SearchField/index.js +14 -22
  46. package/dist/components/Form/Select/Input/index.js +10 -18
  47. package/dist/components/Form/Select/index.js +18 -20
  48. package/dist/components/Form/Select/stories.js +9 -19
  49. package/dist/components/Form/TextField/index.js +11 -19
  50. package/dist/components/Form/TextField/index.test.js +75 -54
  51. package/dist/components/Form/TextField/stories.js +8 -17
  52. package/dist/components/Form/Textarea/index.js +10 -18
  53. package/dist/components/Form/Textarea/stories.js +7 -16
  54. package/dist/components/Hamburger/index.js +7 -15
  55. package/dist/components/Hamburger/stories.js +12 -22
  56. package/dist/components/Header/index.js +23 -38
  57. package/dist/components/Header/stories.js +22 -34
  58. package/dist/components/Image/Background/index.js +10 -21
  59. package/dist/components/Image/LazyLoadWrapper/index.js +16 -26
  60. package/dist/components/Image/Picture/index.js +20 -28
  61. package/dist/components/Image/index.js +11 -19
  62. package/dist/components/Image/stories.js +28 -41
  63. package/dist/components/InlineMenu/index.js +14 -25
  64. package/dist/components/InlineMenu/stories.js +18 -27
  65. package/dist/components/Layout/Container/index.js +10 -18
  66. package/dist/components/Layout/Container/stories.js +44 -53
  67. package/dist/components/Layout/QuickLayout/Auto/index.js +5 -13
  68. package/dist/components/Layout/QuickLayout/Center/index.js +6 -14
  69. package/dist/components/Layout/QuickLayout/Clamp/index.js +5 -13
  70. package/dist/components/Layout/QuickLayout/Sidebar/index.js +6 -14
  71. package/dist/components/Layout/QuickLayout/SpaceBetween/index.js +6 -14
  72. package/dist/components/Layout/QuickLayout/Stack/index.js +6 -14
  73. package/dist/components/Layout/QuickLayout/Wrap/index.js +7 -15
  74. package/dist/components/Layout/QuickLayout/index.js +16 -24
  75. package/dist/components/Layout/QuickLayout/stories.js +38 -54
  76. package/dist/components/Lottie/LottieAnimation/index.js +12 -23
  77. package/dist/components/Lottie/LottieAnimationWithMousePosition.js +8 -19
  78. package/dist/components/Lottie/index.js +29 -41
  79. package/dist/components/Lottie/stories.js +25 -36
  80. package/dist/components/MagicLine/index.js +12 -23
  81. package/dist/components/MagicLine/stories.js +16 -26
  82. package/dist/components/NavigationScroll/index.js +11 -21
  83. package/dist/components/NavigationScroll/stories.js +9 -18
  84. package/dist/components/Pagination/index.js +27 -36
  85. package/dist/components/Pagination/stories.js +17 -30
  86. package/dist/components/SearchKit/Facets/ChipFacet/index.js +11 -20
  87. package/dist/components/SearchKit/Facets/ListFacet/index.js +11 -20
  88. package/dist/components/SearchKit/Facets/SelectFacet/index.js +17 -24
  89. package/dist/components/SearchKit/Query/index.js +13 -24
  90. package/dist/components/SearchKit/SearchFacets/index.js +10 -18
  91. package/dist/components/SearchKit/SearchField/index.js +12 -23
  92. package/dist/components/SearchKit/SearchLoadMore/index.js +7 -15
  93. package/dist/components/SearchKit/SearchPage/index.js +8 -17
  94. package/dist/components/SearchKit/SearchPagination/index.js +6 -14
  95. package/dist/components/SearchKit/SearchReset/index.js +8 -16
  96. package/dist/components/SearchKit/SearchResults/index.js +28 -39
  97. package/dist/components/SearchKit/SearchSelectedFilters/Filters/CustomValue/index.js +6 -14
  98. package/dist/components/SearchKit/SearchSelectedFilters/Filters/DateRange/index.js +6 -14
  99. package/dist/components/SearchKit/SearchSelectedFilters/Filters/NumericRange/index.js +6 -14
  100. package/dist/components/SearchKit/SearchSelectedFilters/Filters/Value/index.js +7 -18
  101. package/dist/components/SearchKit/SearchSelectedFilters/index.js +18 -26
  102. package/dist/components/SearchKit/SearchSorting/index.js +9 -17
  103. package/dist/components/SearchKit/index.js +29 -40
  104. package/dist/components/SearchKit/stories.js +54 -69
  105. package/dist/components/Share/index.js +18 -26
  106. package/dist/components/Share/stories.js +7 -16
  107. package/dist/components/Sliders/SliderRelated/index.js +11 -19
  108. package/dist/components/Sliders/SliderRelated/stories.js +22 -33
  109. package/dist/components/WysiwygField/index.js +10 -18
  110. package/dist/components/WysiwygField/stories.js +10 -20
  111. package/dist/components/index.js +15 -111
  112. package/dist/config/constants.js +17 -37
  113. package/dist/config/i18next/index.js +9 -17
  114. package/dist/helpers/date.js +4 -13
  115. package/dist/helpers/gtm.js +4 -11
  116. package/dist/helpers/link.js +4 -12
  117. package/dist/helpers/useValueForCurrentViewPort.js +6 -13
  118. package/dist/hooks/useBoolean.js +6 -12
  119. package/dist/hooks/useClickOutside.js +3 -9
  120. package/dist/hooks/useDialog.js +6 -13
  121. package/dist/hooks/useDialogHelpers.d.ts +1 -0
  122. package/dist/hooks/useDialogHelpers.js +27 -28
  123. package/dist/hooks/useEscape.js +3 -9
  124. package/dist/hooks/useOnScreen.js +4 -10
  125. package/dist/hooks/usePrevious.js +4 -10
  126. package/dist/hooks/useScrollPosition.js +4 -11
  127. package/dist/hooks/useTrapFocus.js +3 -9
  128. package/dist/hooks/useWindowDimensions.js +4 -10
  129. package/dist/index.js +76 -397
  130. package/dist/setupTests.js +13 -9
  131. package/package.json +15 -8
@@ -1,11 +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
- 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
- "use strict";
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
- exports.SCREEN_MOBILE = SCREEN_MOBILE;
16
- var SCREEN_TABLET = 'SCREEN_TABLET';
17
- exports.SCREEN_TABLET = SCREEN_TABLET;
18
- var SCREEN_NORMAL = 'SCREEN_NORMAL';
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__*/_react.default.createContext(defaultValue);
41
- var _default = ViewportContext;
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 = (0, _react.useContext)(_KitchenSinkComponentMapperContext.default);
7
+ var context = useContext(KitchenSinkComponentMapperContext);
18
8
  if (context && BaseComponent && !componentIsWrapped && context[BaseComponent.name]) {
19
9
  var WrapperComponent = context[BaseComponent.name];
20
- return /*#__PURE__*/_react.default.createElement(WrapperComponent, _extends({}, props, {
10
+ return /*#__PURE__*/React.createElement(WrapperComponent, _extends({}, props, {
21
11
  componentIsWrapped: true
22
12
  }), props.children);
23
13
  }
24
- return /*#__PURE__*/_react.default.createElement(BaseComponent, props, props.children);
14
+ return /*#__PURE__*/React.createElement(BaseComponent, props, props.children);
25
15
  };
26
16
  };
27
- var _default = withMapping;
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 = (0, _react.useState)(false),
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 = (0, _classnames.default)('AbbreviationAnnotationLink', {
29
+ var className = classnames('AbbreviationAnnotationLink', {
40
30
  'AbbreviationAnnotationLink--uncollapsed': visible
41
31
  });
42
- var classNameInfo = (0, _classnames.default)('AbbreviationAnnotation', {
32
+ var classNameInfo = classnames('AbbreviationAnnotation', {
43
33
  'AbbreviationAnnotation--visible': visible
44
34
  });
45
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("a", _extends({
35
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("a", _extends({
46
36
  className: className,
47
37
  onClick: handleClick
48
- }, props), /*#__PURE__*/_react.default.createElement("div", {
38
+ }, props), /*#__PURE__*/React.createElement("div", {
49
39
  className: "AbbreviationAnnotationLink__content"
50
- }, abbreviationTitle(children))), /*#__PURE__*/_react.default.createElement("div", {
40
+ }, abbreviationTitle(children))), /*#__PURE__*/React.createElement("div", {
51
41
  className: classNameInfo
52
42
  }, abbreviationContent(title)));
53
43
  };
54
44
  AbbreviationAnnotation.propTypes = {
55
- title: _propTypes.default.string.isRequired,
56
- children: _propTypes.default.element.isRequired,
57
- abbreviationTitle: _propTypes.default.func,
58
- abbreviationContent: _propTypes.default.func
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__*/_react.default.createElement("div", null, html);
52
+ return /*#__PURE__*/React.createElement("div", null, html);
63
53
  },
64
54
  abbreviationContent: function abbreviationContent(html) {
65
- return /*#__PURE__*/_react.default.createElement("div", null, html);
55
+ return /*#__PURE__*/React.createElement("div", null, html);
66
56
  }
67
57
  };
68
- var _default = AbbreviationAnnotation;
69
- exports.default = _default;
58
+ export default AbbreviationAnnotation;
@@ -1,36 +1,27 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.Default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _ = _interopRequireDefault(require("."));
9
- require("./stories.scss");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
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); }
12
- var _default = {
2
+ import React from 'react';
3
+ import AbbreviationAnnotation from '.';
4
+ export default {
13
5
  title: 'Atoms/AbbreviationAnnotation',
14
- component: _.default
6
+ component: AbbreviationAnnotation
15
7
  };
16
- exports.default = _default;
17
- var Default = function Default(args) {
18
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", null, "Lorem ipsum dolor sit amet, ", /*#__PURE__*/_react.default.createElement("abbr", {
8
+ import './stories.scss';
9
+ export var Default = function Default(args) {
10
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, "Lorem ipsum dolor sit amet, ", /*#__PURE__*/React.createElement("abbr", {
19
11
  title: "Ut ut tellus et augue feugiat sollicitudin sit amet viverra nisi."
20
- }, "consectetur adipiscing"), " elit. Aliquam in sodales tellus. Ut ut tellus et augue feugiat sollicitudin sit amet viverra nisi. Nulla malesuada erat non massa pellentesque, ut ultricies tellus sodales. Fusce ac feugiat ligula. In vel metus diam. Maecenas diam ex, tincidunt tempor nibh sed, suscipit semper lectus. Sed eu enim vel erat tempus mollis. Integer eget gravida orci. Nunc volutpat velit id dui semper tincidunt. Nulla maximus nisl nec volutpat faucibus. Integer vitae ullamcorper ex. Vestibulum facilisis convallis arcu, ac interdum libero malesuada eget."), /*#__PURE__*/_react.default.createElement("p", null, "Donec feugiat, nunc vitae euismod", /*#__PURE__*/_react.default.createElement(_.default, _extends({
12
+ }, "consectetur adipiscing"), " elit. Aliquam in sodales tellus. Ut ut tellus et augue feugiat sollicitudin sit amet viverra nisi. Nulla malesuada erat non massa pellentesque, ut ultricies tellus sodales. Fusce ac feugiat ligula. In vel metus diam. Maecenas diam ex, tincidunt tempor nibh sed, suscipit semper lectus. Sed eu enim vel erat tempus mollis. Integer eget gravida orci. Nunc volutpat velit id dui semper tincidunt. Nulla maximus nisl nec volutpat faucibus. Integer vitae ullamcorper ex. Vestibulum facilisis convallis arcu, ac interdum libero malesuada eget."), /*#__PURE__*/React.createElement("p", null, "Donec feugiat, nunc vitae euismod", /*#__PURE__*/React.createElement(AbbreviationAnnotation, _extends({
21
13
  abbreviationTitle: function abbreviationTitle(html) {
22
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, html, /*#__PURE__*/_react.default.createElement("i", {
14
+ return /*#__PURE__*/React.createElement(React.Fragment, null, html, /*#__PURE__*/React.createElement("i", {
23
15
  className: "icon icon-arrow icon-right"
24
16
  }));
25
17
  },
26
18
  abbreviationContent: function abbreviationContent(html) {
27
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("i", {
19
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("i", {
28
20
  className: "icon icon-arrow icon-content"
29
- }), /*#__PURE__*/_react.default.createElement("div", null, html));
21
+ }), /*#__PURE__*/React.createElement("div", null, html));
30
22
  }
31
- }, args)), "posuere, urna nisl elementum nibh, quis ultricies libero leo sed neque. Praesent vel vestibulum sem, eget congue purus. Nunc non volutpat urna, vitae ullamcorper justo. Suspendisse in tortor ex. Phasellus euismod eget neque vitae consequat. Vestibulum sem mi, dictum id consectetur at, hendrerit in massa. Mauris quis sem condimentum, condimentum enim sed, varius sem. Curabitur convallis tempus nulla, eget consectetur quam sagittis at. Nulla a feugiat tortor. Mauris fermentum lectus ac mauris cursus ornare."), /*#__PURE__*/_react.default.createElement("p", null, "Nam venenatis est eget lorem laoreet, id tempor urna hendrerit. Quisque suscipit in magna nec condimentum. Duis id tempor nisi. Sed rutrum urna elit, vitae placerat enim volutpat nec. Vivamus volutpat, magna sit amet commodo ultricies, enim turpis pretium libero, quis molestie nibh augue a ex. Nulla vestibulum vestibulum tellus, vel molestie libero vehicula nec. Sed maximus tortor vel ipsum cursus egestas. Proin suscipit tortor id luctus bibendum."));
23
+ }, args)), "posuere, urna nisl elementum nibh, quis ultricies libero leo sed neque. Praesent vel vestibulum sem, eget congue purus. Nunc non volutpat urna, vitae ullamcorper justo. Suspendisse in tortor ex. Phasellus euismod eget neque vitae consequat. Vestibulum sem mi, dictum id consectetur at, hendrerit in massa. Mauris quis sem condimentum, condimentum enim sed, varius sem. Curabitur convallis tempus nulla, eget consectetur quam sagittis at. Nulla a feugiat tortor. Mauris fermentum lectus ac mauris cursus ornare."), /*#__PURE__*/React.createElement("p", null, "Nam venenatis est eget lorem laoreet, id tempor urna hendrerit. Quisque suscipit in magna nec condimentum. Duis id tempor nisi. Sed rutrum urna elit, vitae placerat enim volutpat nec. Vivamus volutpat, magna sit amet commodo ultricies, enim turpis pretium libero, quis molestie nibh augue a ex. Nulla vestibulum vestibulum tellus, vel molestie libero vehicula nec. Sed maximus tortor vel ipsum cursus egestas. Proin suscipit tortor id luctus bibendum."));
32
24
  };
33
- exports.Default = Default;
34
25
  var defaultArgs = {
35
26
  title: 'Titel',
36
27
  children: 'Content'
@@ -1,36 +1,26 @@
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
- var _reactAnimateHeight = _interopRequireDefault(require("react-animate-height"));
11
- var _WysiwygField = _interopRequireDefault(require("../../WysiwygField"));
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
14
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
15
1
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
16
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."); }
17
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); }
18
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; }
19
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; } }
20
6
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
7
+ import React, { useState } from 'react';
8
+ import c from 'classnames';
9
+ import AnimateHeight from 'react-animate-height';
10
+ import WysiwygField from '../../WysiwygField';
21
11
  var ContentParsed = function ContentParsed(_ref) {
22
12
  var children = _ref.children;
23
13
  if (typeof children === 'string') {
24
- return /*#__PURE__*/_react.default.createElement(_WysiwygField.default, {
14
+ return /*#__PURE__*/React.createElement(WysiwygField, {
25
15
  html: children
26
16
  });
27
17
  }
28
- return /*#__PURE__*/_react.default.createElement("div", null, children);
18
+ return /*#__PURE__*/React.createElement("div", null, children);
29
19
  };
30
20
  var AccordeonTitle = function AccordeonTitle(_ref2) {
31
21
  var className = _ref2.className,
32
22
  children = _ref2.children;
33
- return /*#__PURE__*/_react.default.createElement("h3", {
23
+ return /*#__PURE__*/React.createElement("h3", {
34
24
  className: className
35
25
  }, children);
36
26
  };
@@ -42,33 +32,33 @@ var AccordionItem = function AccordionItem(_ref3) {
42
32
  easing = _ref3.easing,
43
33
  titleComponent = _ref3.titleComponent,
44
34
  className = _ref3.className;
45
- var _useState = (0, _react.useState)(true),
35
+ var _useState = useState(true),
46
36
  _useState2 = _slicedToArray(_useState, 2),
47
37
  collapsed = _useState2[0],
48
38
  setCollapsed = _useState2[1];
49
- var classes = (0, _classnames.default)(className, 'Accordion__item', {
39
+ var classes = c(className, 'Accordion__item', {
50
40
  collapsed: collapsed
51
41
  });
52
- var iconClasses = (0, _classnames.default)('icon', iconClassName);
42
+ var iconClasses = c('icon', iconClassName);
53
43
  var AccordeonTitle = titleComponent;
54
- return /*#__PURE__*/_react.default.createElement("div", {
44
+ return /*#__PURE__*/React.createElement("div", {
55
45
  className: classes
56
- }, /*#__PURE__*/_react.default.createElement(AccordeonTitle, {
46
+ }, /*#__PURE__*/React.createElement(AccordeonTitle, {
57
47
  className: "Accordion__item__title"
58
- }, /*#__PURE__*/_react.default.createElement("button", {
48
+ }, /*#__PURE__*/React.createElement("button", {
59
49
  type: "button",
60
50
  onClick: function onClick() {
61
51
  return setCollapsed(!collapsed);
62
52
  }
63
- }, /*#__PURE__*/_react.default.createElement("span", {
53
+ }, /*#__PURE__*/React.createElement("span", {
64
54
  className: iconClasses
65
- }), title)), /*#__PURE__*/_react.default.createElement(_reactAnimateHeight.default, {
55
+ }), title)), /*#__PURE__*/React.createElement(AnimateHeight, {
66
56
  duration: duration,
67
57
  easing: easing,
68
58
  height: collapsed ? 0 : 'auto'
69
- }, /*#__PURE__*/_react.default.createElement("div", {
59
+ }, /*#__PURE__*/React.createElement("div", {
70
60
  className: "Accordion__item__content"
71
- }, /*#__PURE__*/_react.default.createElement(ContentParsed, null, content))));
61
+ }, /*#__PURE__*/React.createElement(ContentParsed, null, content))));
72
62
  };
73
63
  AccordionItem.defaultProps = {
74
64
  title: 'Default title',
@@ -78,5 +68,4 @@ AccordionItem.defaultProps = {
78
68
  easing: 'cubic-bezier(0, 0, .2, 1)',
79
69
  titleComponent: AccordeonTitle
80
70
  };
81
- var _default = AccordionItem;
82
- exports.default = _default;
71
+ 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 = (0, _react.useState)(false),
19
+ var _useState = useState(false),
30
20
  _useState2 = _slicedToArray(_useState, 2),
31
21
  toggleAccordion = _useState2[0],
32
22
  setToggleAccordion = _useState2[1];
33
- var _useState3 = (0, _react.useState)(0),
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 = (0, _classnames.default)('AccordionItem', className, toggleAccordion === true ? 'AccordionItem--active' : 'AccordionItem--inactive');
45
- return /*#__PURE__*/_react.default.createElement("div", {
34
+ var AccordionItem = c('AccordionItem', className, toggleAccordion === true ? 'AccordionItem--active' : 'AccordionItem--inactive');
35
+ return /*#__PURE__*/React.createElement("div", {
46
36
  className: AccordionItem
47
- }, /*#__PURE__*/_react.default.createElement("div", {
37
+ }, /*#__PURE__*/React.createElement("div", {
48
38
  onClick: toggle,
49
39
  className: "AccordionItem__title__wrapper"
50
- }, /*#__PURE__*/_react.default.createElement("h5", {
40
+ }, /*#__PURE__*/React.createElement("h5", {
51
41
  className: "AccordionItem__title"
52
- }, title), toggleAccordion === true ? /*#__PURE__*/_react.default.createElement("div", null, buttonOpened) : /*#__PURE__*/_react.default.createElement("div", null, buttonClosed)), /*#__PURE__*/_react.default.createElement(_reactAnimateHeight.default, {
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__*/_react.default.createElement("div", null, "Default answer"),
62
- buttonOpened: /*#__PURE__*/_react.default.createElement("div", null, "close"),
63
- buttonClosed: /*#__PURE__*/_react.default.createElement("div", null, "open"),
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
- var _default = AccordionItemVariant;
68
- exports.default = _default;
57
+ export default AccordionItemVariant;
@@ -1,20 +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
- 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(_ref) {
12
5
  var className = _ref.className,
13
6
  children = _ref.children;
14
- var classes = (0, _classnames.default)('Accordion', className);
15
- return /*#__PURE__*/_react.default.createElement("div", {
7
+ var classes = c('Accordion', className);
8
+ return /*#__PURE__*/React.createElement("div", {
16
9
  className: classes
17
10
  }, children);
18
11
  };
19
- var _default = Accordion;
20
- exports.default = _default;
12
+ export default Accordion;
@@ -1,40 +1,30 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.withVariant = exports.default = exports.Default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _ = _interopRequireDefault(require("."));
9
- var _AccordionItem = _interopRequireDefault(require("./AccordionItem"));
10
- var _AccordionItemVariant = _interopRequireDefault(require("./AccordionItemVariant"));
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
- var _default = {
1
+ import React from 'react';
2
+ import Accordion from '.';
3
+ import AccordionItem from './AccordionItem';
4
+ import AccordionItemVariant from './AccordionItemVariant';
5
+ export default {
13
6
  title: 'Atoms/Accordion'
14
7
  };
15
- exports.default = _default;
16
- var Default = function Default() {
17
- return /*#__PURE__*/_react.default.createElement(_.default, null, /*#__PURE__*/_react.default.createElement(_AccordionItem.default, {
8
+ export var Default = function Default() {
9
+ return /*#__PURE__*/React.createElement(Accordion, null, /*#__PURE__*/React.createElement(AccordionItem, {
18
10
  title: "Plain text item",
19
11
  content: "First item content"
20
- }), /*#__PURE__*/_react.default.createElement(_AccordionItem.default, {
12
+ }), /*#__PURE__*/React.createElement(AccordionItem, {
21
13
  title: "HTML item",
22
14
  content: "<p>Second item <strong>content</strong> that containts <em>HTML</em>.</p>"
23
- }), /*#__PURE__*/_react.default.createElement(_AccordionItem.default, {
15
+ }), /*#__PURE__*/React.createElement(AccordionItem, {
24
16
  title: "Third item",
25
- content: /*#__PURE__*/_react.default.createElement("p", null, "Second item ", /*#__PURE__*/_react.default.createElement("strong", null, "content"), " that containts ", /*#__PURE__*/_react.default.createElement("em", null, "HTML"), ".")
17
+ content: /*#__PURE__*/React.createElement("p", null, "Second item ", /*#__PURE__*/React.createElement("strong", null, "content"), " that containts ", /*#__PURE__*/React.createElement("em", null, "HTML"), ".")
26
18
  }));
27
19
  };
28
- exports.Default = Default;
29
- var withVariant = function withVariant() {
30
- return /*#__PURE__*/_react.default.createElement(_.default, null, /*#__PURE__*/_react.default.createElement(_AccordionItemVariant.default, {
20
+ export var withVariant = function withVariant() {
21
+ return /*#__PURE__*/React.createElement(Accordion, null, /*#__PURE__*/React.createElement(AccordionItemVariant, {
31
22
  title: "Plain text item",
32
23
  content: "<p>Second item <strong>content</strong> that containts <em>HTML</em>.</p>"
33
- }), /*#__PURE__*/_react.default.createElement(_AccordionItemVariant.default, {
24
+ }), /*#__PURE__*/React.createElement(AccordionItemVariant, {
34
25
  title: "HTML item",
35
- content: /*#__PURE__*/_react.default.createElement("p", null, "Second item ", /*#__PURE__*/_react.default.createElement("strong", null, "content"), " that containts ", /*#__PURE__*/_react.default.createElement("em", null, "HTML"), ".")
36
- }), /*#__PURE__*/_react.default.createElement(_AccordionItemVariant.default, {
26
+ content: /*#__PURE__*/React.createElement("p", null, "Second item ", /*#__PURE__*/React.createElement("strong", null, "content"), " that containts ", /*#__PURE__*/React.createElement("em", null, "HTML"), ".")
27
+ }), /*#__PURE__*/React.createElement(AccordionItemVariant, {
37
28
  title: "Third item"
38
29
  }));
39
- };
40
- exports.withVariant = withVariant;
30
+ };
@@ -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 = (0, _react.useState)(defaultValue || ''),
43
+ var _useState = useState(defaultValue || ''),
53
44
  _useState2 = _slicedToArray(_useState, 2),
54
45
  queryInput = _useState2[0],
55
46
  setQuery = _useState2[1];
56
- var _useState3 = (0, _react.useState)([]),
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__*/_react.default.createElement(_reactAutosuggest.default, {
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
- var _default = ApiAutocomplete;
119
- exports.default = _default;
109
+ export default ApiAutocomplete;
@@ -1,22 +1,14 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = exports.Default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _ = _interopRequireDefault(require("."));
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
- var _default = {
1
+ import React from 'react';
2
+ import ApiAutocomplete from '.';
3
+ export default {
11
4
  title: 'Organisms/Autocomplete'
12
5
  };
13
- exports.default = _default;
14
- var Default = function Default() {
15
- return /*#__PURE__*/_react.default.createElement(_.default, {
6
+ export var Default = function Default() {
7
+ return /*#__PURE__*/React.createElement(ApiAutocomplete, {
16
8
  endpoint: "http://nldoet.devinc.eu/autocomplete/json",
17
9
  renderItem: function renderItem(item) {
18
10
  console.log(item);
19
- return /*#__PURE__*/_react.default.createElement("div", null, item.name);
11
+ return /*#__PURE__*/React.createElement("div", null, item.name);
20
12
  },
21
13
  onSelectItem: function onSelectItem(item) {
22
14
  console.log('Selected', item);
@@ -25,5 +17,4 @@ var Default = function Default() {
25
17
  label: 'test'
26
18
  }
27
19
  });
28
- };
29
- exports.Default = Default;
20
+ };