@uncinc/uncinc-react-kitchen-sink 2.4.0 → 2.4.1

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 (164) hide show
  1. package/dist/Context/KitchenSinkComponentMapperContext.js +11 -3
  2. package/dist/Context/ViewportContext.js +27 -14
  3. package/dist/Context/withMapping.js +26 -15
  4. package/dist/components/AbbreviationAnnotation/index.js +49 -27
  5. package/dist/components/AbbreviationAnnotation/stories.js +32 -21
  6. package/dist/components/Accordion/AccordionItem/index.js +55 -36
  7. package/dist/components/Accordion/AccordionItemVariant/index.js +47 -25
  8. package/dist/components/Accordion/index.js +17 -10
  9. package/dist/components/Accordion/stories.js +38 -24
  10. package/dist/components/ApiAutocomplete/index.js +79 -51
  11. package/dist/components/ApiAutocomplete/stories.js +18 -9
  12. package/dist/components/Button/index.js +43 -33
  13. package/dist/components/Button/stories.js +52 -30
  14. package/dist/components/Cookie/Checkbox/index.js +23 -16
  15. package/dist/components/Cookie/index.js +146 -115
  16. package/dist/components/Cookie/stories.js +57 -39
  17. package/dist/components/Dialog/index.d.ts +38 -0
  18. package/dist/components/Dialog/index.js +63 -56
  19. package/dist/components/Dialog/stories.js +31 -17
  20. package/dist/components/FontSizeSwitcher/index.js +58 -32
  21. package/dist/components/FontSizeSwitcher/stories.js +23 -9
  22. package/dist/components/Form/Checkbox/index.js +43 -37
  23. package/dist/components/Form/Checkbox/stories.js +20 -11
  24. package/dist/components/Form/Checkboxes/index.js +62 -57
  25. package/dist/components/Form/Checkboxes/index.test.js +113 -62
  26. package/dist/components/Form/Checkboxes/stories.js +23 -12
  27. package/dist/components/Form/Date/index.js +13 -5
  28. package/dist/components/Form/Date/stories.js +18 -9
  29. package/dist/components/Form/DatePicker/index.js +39 -33
  30. package/dist/components/Form/DatePicker/stories.js +18 -9
  31. package/dist/components/Form/DateSelect/index.js +99 -62
  32. package/dist/components/Form/DateSelect/stories.js +32 -11
  33. package/dist/components/Form/Email/index.js +13 -5
  34. package/dist/components/Form/Email/stories.js +18 -9
  35. package/dist/components/Form/FormikWrapper/index.js +52 -45
  36. package/dist/components/Form/GenericFormElement/index.js +39 -34
  37. package/dist/components/Form/Number/index.js +23 -18
  38. package/dist/components/Form/Number/stories.js +18 -9
  39. package/dist/components/Form/RadioButtons/index.js +53 -49
  40. package/dist/components/Form/RadioButtons/index.test.js +106 -57
  41. package/dist/components/Form/RadioButtons/stories.js +23 -12
  42. package/dist/components/Form/SearchField/index.js +37 -30
  43. package/dist/components/Form/Select/Input/index.js +55 -49
  44. package/dist/components/Form/Select/index.js +32 -24
  45. package/dist/components/Form/Select/stories.js +25 -15
  46. package/dist/components/Form/TextField/index.js +38 -33
  47. package/dist/components/Form/TextField/index.test.js +104 -56
  48. package/dist/components/Form/TextField/stories.js +22 -11
  49. package/dist/components/Form/Textarea/index.js +34 -27
  50. package/dist/components/Form/Textarea/stories.js +18 -9
  51. package/dist/components/Hamburger/index.js +30 -19
  52. package/dist/components/Hamburger/stories.js +42 -16
  53. package/dist/components/Header/index.js +67 -39
  54. package/dist/components/Header/stories.js +48 -28
  55. package/dist/components/Image/Background/index.js +36 -21
  56. package/dist/components/Image/LazyLoadWrapper/index.js +101 -64
  57. package/dist/components/Image/Picture/index.js +83 -65
  58. package/dist/components/Image/index.js +21 -15
  59. package/dist/components/Image/stories.js +87 -64
  60. package/dist/components/InlineMenu/index.js +60 -38
  61. package/dist/components/InlineMenu/stories.js +66 -55
  62. package/dist/components/Layout/Container/index.js +29 -21
  63. package/dist/components/Layout/Container/stories.js +104 -83
  64. package/dist/components/Layout/QuickLayout/Auto/index.js +19 -12
  65. package/dist/components/Layout/QuickLayout/Center/index.js +17 -10
  66. package/dist/components/Layout/QuickLayout/Clamp/index.js +20 -13
  67. package/dist/components/Layout/QuickLayout/Sidebar/index.js +20 -13
  68. package/dist/components/Layout/QuickLayout/SpaceBetween/index.js +20 -13
  69. package/dist/components/Layout/QuickLayout/Stack/index.js +21 -11
  70. package/dist/components/Layout/QuickLayout/Wrap/index.js +21 -14
  71. package/dist/components/Layout/QuickLayout/index.js +31 -21
  72. package/dist/components/Layout/QuickLayout/stories.js +102 -70
  73. package/dist/components/Lottie/LottieAnimation/index.js +55 -56
  74. package/dist/components/Lottie/LottieAnimationWithMousePosition.js +31 -18
  75. package/dist/components/Lottie/index.js +47 -35
  76. package/dist/components/Lottie/stories.js +54 -31
  77. package/dist/components/MagicLine/index.js +50 -27
  78. package/dist/components/MagicLine/stories.js +60 -46
  79. package/dist/components/NavigationScroll/index.js +71 -49
  80. package/dist/components/NavigationScroll/stories.js +19 -8
  81. package/dist/components/Pagination/index.js +48 -41
  82. package/dist/components/Pagination/stories.js +51 -28
  83. package/dist/components/SearchKit/Facets/ChipFacet/index.js +24 -16
  84. package/dist/components/SearchKit/Facets/ListFacet/index.js +23 -15
  85. package/dist/components/SearchKit/Facets/SelectFacet/index.js +39 -30
  86. package/dist/components/SearchKit/Query/index.js +41 -23
  87. package/dist/components/SearchKit/SearchFacets/index.js +36 -23
  88. package/dist/components/SearchKit/SearchField/index.js +49 -25
  89. package/dist/components/SearchKit/SearchLoadMore/index.js +22 -15
  90. package/dist/components/SearchKit/SearchPage/index.js +22 -14
  91. package/dist/components/SearchKit/SearchPagination/index.js +17 -10
  92. package/dist/components/SearchKit/SearchReset/index.js +25 -16
  93. package/dist/components/SearchKit/SearchResults/index.js +108 -59
  94. package/dist/components/SearchKit/SearchSelectedFilters/Filters/CustomValue/index.js +17 -10
  95. package/dist/components/SearchKit/SearchSelectedFilters/Filters/DateRange/index.js +18 -11
  96. package/dist/components/SearchKit/SearchSelectedFilters/Filters/NumericRange/index.js +18 -11
  97. package/dist/components/SearchKit/SearchSelectedFilters/Filters/Value/index.js +22 -12
  98. package/dist/components/SearchKit/SearchSelectedFilters/index.js +34 -28
  99. package/dist/components/SearchKit/SearchSorting/index.js +29 -19
  100. package/dist/components/SearchKit/index.js +72 -53
  101. package/dist/components/SearchKit/stories.js +141 -186
  102. package/dist/components/Share/index.js +48 -40
  103. package/dist/components/Share/stories.js +16 -5
  104. package/dist/components/Sliders/SliderRelated/index.js +32 -25
  105. package/dist/components/Sliders/SliderRelated/stories.js +75 -57
  106. package/dist/components/Webform/WebformActions/index.js +19 -13
  107. package/dist/components/Webform/WebformCheckbox/index.js +32 -24
  108. package/dist/components/Webform/WebformCheckboxes/index.js +37 -29
  109. package/dist/components/Webform/WebformContainer/index.js +17 -11
  110. package/dist/components/Webform/WebformDate/index.js +76 -48
  111. package/dist/components/Webform/WebformMapper/index.js +53 -38
  112. package/dist/components/Webform/WebformNumber/index.js +31 -22
  113. package/dist/components/Webform/WebformRadioButtons/index.js +37 -29
  114. package/dist/components/Webform/WebformSelect/index.js +37 -29
  115. package/dist/components/Webform/WebformTextField/index.js +34 -26
  116. package/dist/components/Webform/WebformTextarea/index.js +32 -24
  117. package/dist/components/Webform/WebformWizardPage/index.js +56 -43
  118. package/dist/components/Webform/index.js +42 -20
  119. package/dist/components/Webform/stories.actions.js +19 -8
  120. package/dist/components/Webform/stories.checkboxes.js +19 -8
  121. package/dist/components/Webform/stories.checked.js +20 -9
  122. package/dist/components/Webform/stories.container.js +19 -8
  123. package/dist/components/Webform/stories.date.js +19 -8
  124. package/dist/components/Webform/stories.filled.js +20 -9
  125. package/dist/components/Webform/stories.number.js +19 -8
  126. package/dist/components/Webform/stories.radiobuttons.js +19 -8
  127. package/dist/components/Webform/stories.select.js +19 -8
  128. package/dist/components/Webform/stories.textarea.js +19 -8
  129. package/dist/components/Webform/stories.textfield.js +19 -8
  130. package/dist/components/Webform/stories.wizard.js +19 -8
  131. package/dist/components/Webform/withStates.js +49 -28
  132. package/dist/components/WysiwygField/index.js +30 -20
  133. package/dist/components/WysiwygField/stories.js +39 -29
  134. package/dist/components/index.js +111 -15
  135. package/dist/config/constants.js +38 -18
  136. package/dist/config/i18next/index.js +19 -11
  137. package/dist/helpers/date.js +13 -5
  138. package/dist/helpers/gtm.js +27 -17
  139. package/dist/helpers/link.js +15 -6
  140. package/dist/helpers/useValueForCurrentViewPort.js +27 -10
  141. package/dist/hooks/useBoolean.d.ts +8 -0
  142. package/dist/hooks/useBoolean.js +38 -0
  143. package/dist/hooks/useClickOutside.d.ts +8 -0
  144. package/dist/hooks/useClickOutside.js +35 -0
  145. package/dist/hooks/useDialog.d.ts +10 -0
  146. package/dist/hooks/useDialog.js +39 -0
  147. package/dist/hooks/useDialogHelpers.d.ts +20 -0
  148. package/dist/hooks/{useDialogHelpers.ts → useDialogHelpers.js} +33 -43
  149. package/dist/hooks/useEscape.d.ts +6 -0
  150. package/dist/hooks/useEscape.js +24 -0
  151. package/dist/hooks/useOnScreen.js +27 -6
  152. package/dist/hooks/usePrevious.js +10 -4
  153. package/dist/hooks/useScrollPosition.js +25 -7
  154. package/dist/hooks/useTrapFocus.d.ts +10 -0
  155. package/dist/hooks/useTrapFocus.js +63 -0
  156. package/dist/hooks/useWindowDimensions.js +27 -11
  157. package/dist/index.js +398 -56
  158. package/dist/setupTests.js +9 -5
  159. package/package.json +6 -3
  160. package/dist/hooks/useBoolean.ts +0 -20
  161. package/dist/hooks/useClickOutside.ts +0 -38
  162. package/dist/hooks/useDialog.ts +0 -29
  163. package/dist/hooks/useEscape.ts +0 -26
  164. package/dist/hooks/useTrapFocus.ts +0 -80
@@ -1,3 +1,11 @@
1
- import React from 'react';
2
- const KitchenSinkComponentMapperContext = /*#__PURE__*/React.createContext();
3
- export default KitchenSinkComponentMapperContext;
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,15 +1,27 @@
1
- import React from 'react';
2
- const DEFAULT_SCREEN_MOBILE = 0;
3
- const DEFAULT_SCREEN_TABLET = 768;
4
- const DEFAULT_SCREEN_NORMAL = 992;
5
- const DEFAULT_SCREEN_WIDE = 1240;
6
- const DEFAULT_SCREEN_HUGE = 2000;
7
- export const SCREEN_MOBILE = 'SCREEN_MOBILE';
8
- export const SCREEN_TABLET = 'SCREEN_TABLET';
9
- export const SCREEN_NORMAL = 'SCREEN_NORMAL';
10
- export const SCREEN_WIDE = 'SCREEN_WIDE';
11
- export const SCREEN_HUGE = 'SCREEN_HUGE';
12
- const defaultValue = {
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 }; }
9
+ var DEFAULT_SCREEN_MOBILE = 0;
10
+ var DEFAULT_SCREEN_TABLET = 768;
11
+ var DEFAULT_SCREEN_NORMAL = 992;
12
+ var DEFAULT_SCREEN_WIDE = 1240;
13
+ 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;
24
+ var defaultValue = {
13
25
  screenSizes: {
14
26
  SCREEN_MOBILE: DEFAULT_SCREEN_MOBILE,
15
27
  SCREEN_TABLET: DEFAULT_SCREEN_TABLET,
@@ -25,5 +37,6 @@ const defaultValue = {
25
37
  SCREEN_HUGE: 'large'
26
38
  }
27
39
  };
28
- const ViewportContext = /*#__PURE__*/React.createContext(defaultValue);
29
- export default ViewportContext;
40
+ var ViewportContext = /*#__PURE__*/_react.default.createContext(defaultValue);
41
+ var _default = ViewportContext;
42
+ exports.default = _default;
@@ -1,17 +1,28 @@
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; }
1
13
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
- import React, { useContext } from 'react';
3
- import KitchenSinkComponentMapperContext from './KitchenSinkComponentMapperContext';
4
- const withMapping = BaseComponent => props => {
5
- const {
6
- componentIsWrapped
7
- } = props;
8
- const context = useContext(KitchenSinkComponentMapperContext);
9
- if (context && BaseComponent && !componentIsWrapped && context[BaseComponent.name]) {
10
- const WrapperComponent = context[BaseComponent.name];
11
- return /*#__PURE__*/React.createElement(WrapperComponent, _extends({}, props, {
12
- componentIsWrapped: true
13
- }), props.children);
14
- }
15
- return /*#__PURE__*/React.createElement(BaseComponent, props, props.children);
14
+ var withMapping = function withMapping(BaseComponent) {
15
+ return function (props) {
16
+ var componentIsWrapped = props.componentIsWrapped;
17
+ var context = (0, _react.useContext)(_KitchenSinkComponentMapperContext.default);
18
+ if (context && BaseComponent && !componentIsWrapped && context[BaseComponent.name]) {
19
+ var WrapperComponent = context[BaseComponent.name];
20
+ return /*#__PURE__*/_react.default.createElement(WrapperComponent, _extends({}, props, {
21
+ componentIsWrapped: true
22
+ }), props.children);
23
+ }
24
+ return /*#__PURE__*/_react.default.createElement(BaseComponent, props, props.children);
25
+ };
16
26
  };
17
- export default withMapping;
27
+ var _default = withMapping;
28
+ exports.default = _default;
@@ -1,47 +1,69 @@
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
+ 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; }
1
16
  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, { useState } from 'react';
3
- import PropTypes from 'prop-types';
4
- import classnames from 'classnames';
5
- import './style.scss';
6
- const AbbreviationAnnotation = ({
7
- title,
8
- children,
9
- abbreviationTitle,
10
- abbreviationContent,
11
- ...props
12
- }) => {
13
- const [visible, setVisible] = useState(false);
14
- const handleClick = e => {
17
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
18
+ 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."); }
19
+ 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); }
20
+ 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; }
21
+ 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; } }
22
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
23
+ 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
+ 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; }
25
+ var AbbreviationAnnotation = function AbbreviationAnnotation(_ref) {
26
+ var title = _ref.title,
27
+ children = _ref.children,
28
+ abbreviationTitle = _ref.abbreviationTitle,
29
+ abbreviationContent = _ref.abbreviationContent,
30
+ props = _objectWithoutProperties(_ref, _excluded);
31
+ var _useState = (0, _react.useState)(false),
32
+ _useState2 = _slicedToArray(_useState, 2),
33
+ visible = _useState2[0],
34
+ setVisible = _useState2[1];
35
+ var handleClick = function handleClick(e) {
15
36
  e.preventDefault();
16
37
  setVisible(!visible);
17
38
  };
18
- const className = classnames('AbbreviationAnnotationLink', {
39
+ var className = (0, _classnames.default)('AbbreviationAnnotationLink', {
19
40
  'AbbreviationAnnotationLink--uncollapsed': visible
20
41
  });
21
- const classNameInfo = classnames('AbbreviationAnnotation', {
42
+ var classNameInfo = (0, _classnames.default)('AbbreviationAnnotation', {
22
43
  'AbbreviationAnnotation--visible': visible
23
44
  });
24
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("a", _extends({
45
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("a", _extends({
25
46
  className: className,
26
47
  onClick: handleClick
27
- }, props), /*#__PURE__*/React.createElement("div", {
48
+ }, props), /*#__PURE__*/_react.default.createElement("div", {
28
49
  className: "AbbreviationAnnotationLink__content"
29
- }, abbreviationTitle(children))), /*#__PURE__*/React.createElement("div", {
50
+ }, abbreviationTitle(children))), /*#__PURE__*/_react.default.createElement("div", {
30
51
  className: classNameInfo
31
52
  }, abbreviationContent(title)));
32
53
  };
33
54
  AbbreviationAnnotation.propTypes = {
34
- title: PropTypes.string.isRequired,
35
- children: PropTypes.element.isRequired,
36
- abbreviationTitle: PropTypes.func,
37
- abbreviationContent: PropTypes.func
55
+ title: _propTypes.default.string.isRequired,
56
+ children: _propTypes.default.element.isRequired,
57
+ abbreviationTitle: _propTypes.default.func,
58
+ abbreviationContent: _propTypes.default.func
38
59
  };
39
60
  AbbreviationAnnotation.defaultProps = {
40
- abbreviationTitle: html => {
41
- return /*#__PURE__*/React.createElement("div", null, html);
61
+ abbreviationTitle: function abbreviationTitle(html) {
62
+ return /*#__PURE__*/_react.default.createElement("div", null, html);
42
63
  },
43
- abbreviationContent: html => {
44
- return /*#__PURE__*/React.createElement("div", null, html);
64
+ abbreviationContent: function abbreviationContent(html) {
65
+ return /*#__PURE__*/_react.default.createElement("div", null, html);
45
66
  }
46
67
  };
47
- export default AbbreviationAnnotation;
68
+ var _default = AbbreviationAnnotation;
69
+ exports.default = _default;
@@ -1,23 +1,34 @@
1
- import React from 'react';
2
- import AbbreviationAnnotation from '.';
3
- export default {
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = exports.Default = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _ = _interopRequireDefault(require("."));
9
+ require("./stories.scss");
10
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ var _default = {
4
12
  title: 'Atoms/AbbreviationAnnotation'
5
13
  };
6
- const title = 'Titel';
7
- const content = 'Content';
8
- import './stories.scss';
9
- export const Default = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, "Lorem ipsum dolor sit amet, ", /*#__PURE__*/React.createElement("abbr", {
10
- title: "Ut ut tellus et augue feugiat sollicitudin sit amet viverra nisi."
11
- }, "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, {
12
- title: title,
13
- abbreviationTitle: html => {
14
- return /*#__PURE__*/React.createElement(React.Fragment, null, html, /*#__PURE__*/React.createElement("i", {
15
- className: "icon icon-arrow icon-right"
16
- }));
17
- },
18
- abbreviationContent: html => {
19
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("i", {
20
- className: "icon icon-arrow icon-content"
21
- }), /*#__PURE__*/React.createElement("div", null, html));
22
- }
23
- }, content), "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."));
14
+ exports.default = _default;
15
+ var title = 'Titel';
16
+ var content = 'Content';
17
+ var Default = function Default() {
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", {
19
+ 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, {
21
+ title: title,
22
+ abbreviationTitle: function abbreviationTitle(html) {
23
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, html, /*#__PURE__*/_react.default.createElement("i", {
24
+ className: "icon icon-arrow icon-right"
25
+ }));
26
+ },
27
+ abbreviationContent: function abbreviationContent(html) {
28
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("i", {
29
+ className: "icon icon-arrow icon-content"
30
+ }), /*#__PURE__*/_react.default.createElement("div", null, html));
31
+ }
32
+ }, content), "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."));
33
+ };
34
+ exports.Default = Default;
@@ -1,56 +1,74 @@
1
- import React, { useState } from 'react';
2
- import c from 'classnames';
3
- import AnimateHeight from 'react-animate-height';
4
- import WysiwygField from '../../WysiwygField';
5
- const ContentParsed = ({
6
- children
7
- }) => {
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
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
16
+ 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
+ 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
+ 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
+ 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
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
21
+ var ContentParsed = function ContentParsed(_ref) {
22
+ var children = _ref.children;
8
23
  if (typeof children === 'string') {
9
- return /*#__PURE__*/React.createElement(WysiwygField, {
24
+ return /*#__PURE__*/_react.default.createElement(_WysiwygField.default, {
10
25
  html: children
11
26
  });
12
27
  }
13
- return /*#__PURE__*/React.createElement("div", null, children);
28
+ return /*#__PURE__*/_react.default.createElement("div", null, children);
14
29
  };
15
- const AccordeonTitle = ({
16
- className,
17
- children
18
- }) => {
19
- return /*#__PURE__*/React.createElement("h3", {
30
+ var AccordeonTitle = function AccordeonTitle(_ref2) {
31
+ var className = _ref2.className,
32
+ children = _ref2.children;
33
+ return /*#__PURE__*/_react.default.createElement("h3", {
20
34
  className: className
21
35
  }, children);
22
36
  };
23
- const AccordionItem = ({
24
- title,
25
- content,
26
- iconClassName,
27
- duration,
28
- easing,
29
- titleComponent,
30
- className
31
- }) => {
32
- const [collapsed, setCollapsed] = useState(true);
33
- const classes = c(className, 'Accordion__item', {
37
+ var AccordionItem = function AccordionItem(_ref3) {
38
+ var title = _ref3.title,
39
+ content = _ref3.content,
40
+ iconClassName = _ref3.iconClassName,
41
+ duration = _ref3.duration,
42
+ easing = _ref3.easing,
43
+ titleComponent = _ref3.titleComponent,
44
+ className = _ref3.className;
45
+ var _useState = (0, _react.useState)(true),
46
+ _useState2 = _slicedToArray(_useState, 2),
47
+ collapsed = _useState2[0],
48
+ setCollapsed = _useState2[1];
49
+ var classes = (0, _classnames.default)(className, 'Accordion__item', {
34
50
  collapsed: collapsed
35
51
  });
36
- const iconClasses = c('icon', iconClassName);
37
- const AccordeonTitle = titleComponent;
38
- return /*#__PURE__*/React.createElement("div", {
52
+ var iconClasses = (0, _classnames.default)('icon', iconClassName);
53
+ var AccordeonTitle = titleComponent;
54
+ return /*#__PURE__*/_react.default.createElement("div", {
39
55
  className: classes
40
- }, /*#__PURE__*/React.createElement(AccordeonTitle, {
56
+ }, /*#__PURE__*/_react.default.createElement(AccordeonTitle, {
41
57
  className: "Accordion__item__title"
42
- }, /*#__PURE__*/React.createElement("button", {
58
+ }, /*#__PURE__*/_react.default.createElement("button", {
43
59
  type: "button",
44
- onClick: () => setCollapsed(!collapsed)
45
- }, /*#__PURE__*/React.createElement("span", {
60
+ onClick: function onClick() {
61
+ return setCollapsed(!collapsed);
62
+ }
63
+ }, /*#__PURE__*/_react.default.createElement("span", {
46
64
  className: iconClasses
47
- }), title)), /*#__PURE__*/React.createElement(AnimateHeight, {
65
+ }), title)), /*#__PURE__*/_react.default.createElement(_reactAnimateHeight.default, {
48
66
  duration: duration,
49
67
  easing: easing,
50
68
  height: collapsed ? 0 : 'auto'
51
- }, /*#__PURE__*/React.createElement("div", {
69
+ }, /*#__PURE__*/_react.default.createElement("div", {
52
70
  className: "Accordion__item__content"
53
- }, /*#__PURE__*/React.createElement(ContentParsed, null, content))));
71
+ }, /*#__PURE__*/_react.default.createElement(ContentParsed, null, content))));
54
72
  };
55
73
  AccordionItem.defaultProps = {
56
74
  title: 'Default title',
@@ -60,4 +78,5 @@ AccordionItem.defaultProps = {
60
78
  easing: 'cubic-bezier(0, 0, .2, 1)',
61
79
  titleComponent: AccordeonTitle
62
80
  };
63
- export default AccordionItem;
81
+ var _default = AccordionItem;
82
+ exports.default = _default;
@@ -1,34 +1,55 @@
1
- import React, { useState } from 'react';
2
- import AnimateHeight from 'react-animate-height';
3
- import c from 'classnames';
4
- const AccordionItemVariant = ({
5
- title,
6
- children,
7
- className,
8
- buttonOpened,
9
- buttonClosed,
10
- duration,
11
- easing,
12
- onClick
13
- }) => {
14
- const [toggleAccordion, setToggleAccordion] = useState(false);
15
- const [height, setHeight] = useState(0);
16
- const toggle = () => {
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
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
15
+ 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
+ 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
+ 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
+ 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
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
20
+ var AccordionItemVariant = function AccordionItemVariant(_ref) {
21
+ var title = _ref.title,
22
+ children = _ref.children,
23
+ className = _ref.className,
24
+ buttonOpened = _ref.buttonOpened,
25
+ buttonClosed = _ref.buttonClosed,
26
+ duration = _ref.duration,
27
+ easing = _ref.easing,
28
+ onClick = _ref.onClick;
29
+ var _useState = (0, _react.useState)(false),
30
+ _useState2 = _slicedToArray(_useState, 2),
31
+ toggleAccordion = _useState2[0],
32
+ setToggleAccordion = _useState2[1];
33
+ var _useState3 = (0, _react.useState)(0),
34
+ _useState4 = _slicedToArray(_useState3, 2),
35
+ height = _useState4[0],
36
+ setHeight = _useState4[1];
37
+ var toggle = function toggle() {
17
38
  setToggleAccordion(!toggleAccordion);
18
39
  setHeight(height === 0 ? 'auto' : 0);
19
40
  if (onClick) {
20
41
  onClick();
21
42
  }
22
43
  };
23
- const AccordionItem = c('AccordionItem', className, toggleAccordion === true ? 'AccordionItem--active' : 'AccordionItem--inactive');
24
- return /*#__PURE__*/React.createElement("div", {
44
+ var AccordionItem = (0, _classnames.default)('AccordionItem', className, toggleAccordion === true ? 'AccordionItem--active' : 'AccordionItem--inactive');
45
+ return /*#__PURE__*/_react.default.createElement("div", {
25
46
  className: AccordionItem
26
- }, /*#__PURE__*/React.createElement("div", {
47
+ }, /*#__PURE__*/_react.default.createElement("div", {
27
48
  onClick: toggle,
28
49
  className: "AccordionItem__title__wrapper"
29
- }, /*#__PURE__*/React.createElement("h5", {
50
+ }, /*#__PURE__*/_react.default.createElement("h5", {
30
51
  className: "AccordionItem__title"
31
- }, title), toggleAccordion === true ? /*#__PURE__*/React.createElement("div", null, buttonOpened) : /*#__PURE__*/React.createElement("div", null, buttonClosed)), /*#__PURE__*/React.createElement(AnimateHeight, {
52
+ }, title), toggleAccordion === true ? /*#__PURE__*/_react.default.createElement("div", null, buttonOpened) : /*#__PURE__*/_react.default.createElement("div", null, buttonClosed)), /*#__PURE__*/_react.default.createElement(_reactAnimateHeight.default, {
32
53
  duration: duration,
33
54
  easing: easing,
34
55
  height: height
@@ -37,10 +58,11 @@ const AccordionItemVariant = ({
37
58
  AccordionItemVariant.defaultProps = {
38
59
  title: 'Default title',
39
60
  className: 'AccordionItemCustomClass',
40
- children: /*#__PURE__*/React.createElement("div", null, "Default answer"),
41
- buttonOpened: /*#__PURE__*/React.createElement("div", null, "close"),
42
- buttonClosed: /*#__PURE__*/React.createElement("div", null, "open"),
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"),
43
64
  duration: 333,
44
65
  easing: 'cubic-bezier(0, 0, .2, 1)'
45
66
  };
46
- export default AccordionItemVariant;
67
+ var _default = AccordionItemVariant;
68
+ exports.default = _default;
@@ -1,13 +1,20 @@
1
- import React from 'react';
2
- import c from 'classnames';
3
- import './style.scss';
4
- const Accordion = ({
5
- className,
6
- children
7
- }) => {
8
- const classes = c('Accordion', className);
9
- return /*#__PURE__*/React.createElement("div", {
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 }; }
11
+ var Accordion = function Accordion(_ref) {
12
+ var className = _ref.className,
13
+ children = _ref.children;
14
+ var classes = (0, _classnames.default)('Accordion', className);
15
+ return /*#__PURE__*/_react.default.createElement("div", {
10
16
  className: classes
11
17
  }, children);
12
18
  };
13
- export default Accordion;
19
+ var _default = Accordion;
20
+ exports.default = _default;
@@ -1,26 +1,40 @@
1
- import React from 'react';
2
- import Accordion from '.';
3
- import AccordionItem from './AccordionItem';
4
- import AccordionItemVariant from './AccordionItemVariant';
5
- export default {
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 = {
6
13
  title: 'Atoms/Accordion'
7
14
  };
8
- export const Default = () => /*#__PURE__*/React.createElement(Accordion, null, /*#__PURE__*/React.createElement(AccordionItem, {
9
- title: "Plain text item",
10
- content: "First item content"
11
- }), /*#__PURE__*/React.createElement(AccordionItem, {
12
- title: "HTML item",
13
- content: "<p>Second item <strong>content</strong> that containts <em>HTML</em>.</p>"
14
- }), /*#__PURE__*/React.createElement(AccordionItem, {
15
- title: "Third item",
16
- content: /*#__PURE__*/React.createElement("p", null, "Second item ", /*#__PURE__*/React.createElement("strong", null, "content"), " that containts ", /*#__PURE__*/React.createElement("em", null, "HTML"), ".")
17
- }));
18
- export const withVariant = () => /*#__PURE__*/React.createElement(Accordion, null, /*#__PURE__*/React.createElement(AccordionItemVariant, {
19
- title: "Plain text item",
20
- content: "<p>Second item <strong>content</strong> that containts <em>HTML</em>.</p>"
21
- }), /*#__PURE__*/React.createElement(AccordionItemVariant, {
22
- title: "HTML item",
23
- content: /*#__PURE__*/React.createElement("p", null, "Second item ", /*#__PURE__*/React.createElement("strong", null, "content"), " that containts ", /*#__PURE__*/React.createElement("em", null, "HTML"), ".")
24
- }), /*#__PURE__*/React.createElement(AccordionItemVariant, {
25
- title: "Third item"
26
- }));
15
+ exports.default = _default;
16
+ var Default = function Default() {
17
+ return /*#__PURE__*/_react.default.createElement(_.default, null, /*#__PURE__*/_react.default.createElement(_AccordionItem.default, {
18
+ title: "Plain text item",
19
+ content: "First item content"
20
+ }), /*#__PURE__*/_react.default.createElement(_AccordionItem.default, {
21
+ title: "HTML item",
22
+ content: "<p>Second item <strong>content</strong> that containts <em>HTML</em>.</p>"
23
+ }), /*#__PURE__*/_react.default.createElement(_AccordionItem.default, {
24
+ 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"), ".")
26
+ }));
27
+ };
28
+ exports.Default = Default;
29
+ var withVariant = function withVariant() {
30
+ return /*#__PURE__*/_react.default.createElement(_.default, null, /*#__PURE__*/_react.default.createElement(_AccordionItemVariant.default, {
31
+ title: "Plain text item",
32
+ content: "<p>Second item <strong>content</strong> that containts <em>HTML</em>.</p>"
33
+ }), /*#__PURE__*/_react.default.createElement(_AccordionItemVariant.default, {
34
+ 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, {
37
+ title: "Third item"
38
+ }));
39
+ };
40
+ exports.withVariant = withVariant;