@uncinc/uncinc-react-kitchen-sink 2.3.6 → 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.
- package/dist/Context/KitchenSinkComponentMapperContext.js +11 -3
- package/dist/Context/ViewportContext.js +32 -19
- package/dist/Context/withMapping.js +26 -15
- package/dist/components/AbbreviationAnnotation/index.js +49 -27
- package/dist/components/AbbreviationAnnotation/stories.js +32 -21
- package/dist/components/AbbreviationAnnotation/stories.scss +1 -1
- package/dist/components/AbbreviationAnnotation/style.scss +0 -2
- package/dist/components/Accordion/AccordionItem/index.js +56 -36
- package/dist/components/Accordion/AccordionItemVariant/index.js +47 -25
- package/dist/components/Accordion/index.js +17 -10
- package/dist/components/Accordion/stories.js +38 -24
- package/dist/components/ApiAutocomplete/index.js +79 -51
- package/dist/components/ApiAutocomplete/stories.js +18 -9
- package/dist/components/Button/index.js +53 -39
- package/dist/components/Button/stories.js +52 -30
- package/dist/components/Cookie/Checkbox/index.js +24 -17
- package/dist/components/Cookie/index.js +164 -118
- package/dist/components/Cookie/stories.js +57 -39
- package/dist/components/Dialog/index.d.ts +38 -0
- package/dist/components/Dialog/index.js +96 -0
- package/dist/components/Dialog/stories.js +42 -0
- package/dist/components/Dialog/style.scss +72 -0
- package/dist/components/FontSizeSwitcher/index.js +63 -31
- package/dist/components/FontSizeSwitcher/stories.js +23 -9
- package/dist/components/Form/Checkbox/index.js +43 -37
- package/dist/components/Form/Checkbox/stories.js +20 -11
- package/dist/components/Form/Checkboxes/index.js +62 -57
- package/dist/components/Form/Checkboxes/index.test.js +113 -62
- package/dist/components/Form/Checkboxes/stories.js +23 -12
- package/dist/components/Form/Date/index.js +13 -5
- package/dist/components/Form/Date/stories.js +18 -9
- package/dist/components/Form/DatePicker/index.js +40 -34
- package/dist/components/Form/DatePicker/stories.js +18 -9
- package/dist/components/Form/DateSelect/index.js +102 -66
- package/dist/components/Form/DateSelect/stories.js +33 -12
- package/dist/components/Form/Email/index.js +13 -5
- package/dist/components/Form/Email/stories.js +18 -9
- package/dist/components/Form/FormikWrapper/index.js +52 -45
- package/dist/components/Form/GenericFormElement/index.js +39 -34
- package/dist/components/Form/Number/index.js +23 -18
- package/dist/components/Form/Number/stories.js +18 -9
- package/dist/components/Form/RadioButtons/index.js +53 -49
- package/dist/components/Form/RadioButtons/index.test.js +106 -57
- package/dist/components/Form/RadioButtons/stories.js +23 -12
- package/dist/components/Form/SearchField/index.js +37 -30
- package/dist/components/Form/Select/Input/index.js +74 -70
- package/dist/components/Form/Select/index.js +32 -24
- package/dist/components/Form/Select/stories.js +25 -15
- package/dist/components/Form/TextField/index.js +38 -33
- package/dist/components/Form/TextField/index.test.js +104 -56
- package/dist/components/Form/TextField/stories.js +23 -12
- package/dist/components/Form/Textarea/index.js +34 -27
- package/dist/components/Form/Textarea/stories.js +18 -9
- package/dist/components/Hamburger/index.js +30 -19
- package/dist/components/Hamburger/stories.js +42 -16
- package/dist/components/Header/index.js +70 -42
- package/dist/components/Header/stories.js +48 -28
- package/dist/components/Image/Background/index.js +36 -21
- package/dist/components/Image/LazyLoadWrapper/index.js +101 -64
- package/dist/components/Image/Picture/index.js +83 -66
- package/dist/components/Image/index.js +21 -15
- package/dist/components/Image/stories.js +87 -64
- package/dist/components/InlineMenu/index.js +62 -42
- package/dist/components/InlineMenu/stories.js +66 -55
- package/dist/components/Layout/Container/index.js +29 -21
- package/dist/components/Layout/Container/stories.js +104 -83
- package/dist/components/Layout/QuickLayout/Auto/index.js +19 -12
- package/dist/components/Layout/QuickLayout/Center/index.js +17 -10
- package/dist/components/Layout/QuickLayout/Clamp/index.js +20 -13
- package/dist/components/Layout/QuickLayout/Sidebar/index.js +20 -13
- package/dist/components/Layout/QuickLayout/SpaceBetween/index.js +20 -13
- package/dist/components/Layout/QuickLayout/Stack/index.js +21 -11
- package/dist/components/Layout/QuickLayout/Wrap/index.js +21 -14
- package/dist/components/Layout/QuickLayout/index.js +31 -21
- package/dist/components/Layout/QuickLayout/stories.js +102 -70
- package/dist/components/Lottie/LottieAnimation/index.js +74 -71
- package/dist/components/Lottie/LottieAnimationWithMousePosition.js +33 -20
- package/dist/components/Lottie/index.js +47 -34
- package/dist/components/Lottie/stories.js +54 -31
- package/dist/components/MagicLine/index.js +52 -29
- package/dist/components/MagicLine/stories.js +60 -46
- package/dist/components/NavigationScroll/index.js +76 -57
- package/dist/components/NavigationScroll/stories.js +19 -8
- package/dist/components/Pagination/index.js +54 -41
- package/dist/components/Pagination/stories.js +51 -28
- package/dist/components/SearchKit/Facets/ChipFacet/index.js +24 -16
- package/dist/components/SearchKit/Facets/ListFacet/index.js +24 -15
- package/dist/components/SearchKit/Facets/SelectFacet/index.js +39 -30
- package/dist/components/SearchKit/Query/index.js +41 -23
- package/dist/components/SearchKit/SearchFacets/index.js +36 -25
- package/dist/components/SearchKit/SearchField/index.js +50 -26
- package/dist/components/SearchKit/SearchLoadMore/index.js +22 -15
- package/dist/components/SearchKit/SearchPage/index.js +26 -11
- package/dist/components/SearchKit/SearchPagination/index.js +17 -10
- package/dist/components/SearchKit/SearchReset/index.js +33 -12
- package/dist/components/SearchKit/SearchResults/index.js +114 -61
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/CustomValue/index.js +22 -0
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/DateRange/index.js +24 -0
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/NumericRange/index.js +24 -0
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/Value/index.js +29 -0
- package/dist/components/SearchKit/SearchSelectedFilters/index.js +43 -30
- package/dist/components/SearchKit/SearchSelectedFilters/style.scss +4 -0
- package/dist/components/SearchKit/SearchSorting/index.js +29 -19
- package/dist/components/SearchKit/index.js +75 -49
- package/dist/components/SearchKit/stories.js +144 -183
- package/dist/components/Share/index.js +51 -43
- package/dist/components/Share/stories.js +16 -5
- package/dist/components/Sliders/SliderRelated/index.js +32 -25
- package/dist/components/Sliders/SliderRelated/stories.js +75 -57
- package/dist/components/Webform/WebformActions/index.js +19 -13
- package/dist/components/Webform/WebformCheckbox/index.js +32 -24
- package/dist/components/Webform/WebformCheckboxes/index.js +37 -29
- package/dist/components/Webform/WebformContainer/index.js +17 -11
- package/dist/components/Webform/WebformDate/index.js +77 -48
- package/dist/components/Webform/WebformMapper/index.js +53 -38
- package/dist/components/Webform/WebformNumber/index.js +31 -22
- package/dist/components/Webform/WebformRadioButtons/index.js +37 -29
- package/dist/components/Webform/WebformSelect/index.js +37 -29
- package/dist/components/Webform/WebformTextField/index.js +34 -26
- package/dist/components/Webform/WebformTextarea/index.js +32 -24
- package/dist/components/Webform/WebformWizardPage/index.js +56 -43
- package/dist/components/Webform/index.js +42 -20
- package/dist/components/Webform/stories.actions.js +35 -24
- package/dist/components/Webform/stories.checkboxes.js +40 -29
- package/dist/components/Webform/stories.checked.js +53 -42
- package/dist/components/Webform/stories.container.js +47 -36
- package/dist/components/Webform/stories.date.js +35 -24
- package/dist/components/Webform/stories.filled.js +53 -42
- package/dist/components/Webform/stories.number.js +36 -25
- package/dist/components/Webform/stories.radiobuttons.js +40 -29
- package/dist/components/Webform/stories.select.js +40 -29
- package/dist/components/Webform/stories.textarea.js +19 -8
- package/dist/components/Webform/stories.textfield.js +19 -8
- package/dist/components/Webform/stories.wizard.js +133 -122
- package/dist/components/Webform/withStates.js +49 -28
- package/dist/components/WysiwygField/index.js +30 -21
- package/dist/components/WysiwygField/stories.js +39 -29
- package/dist/components/index.js +111 -15
- package/dist/config/constants.js +38 -18
- package/dist/config/i18next/index.js +19 -11
- package/dist/config/i18next/locales/en.json +4 -0
- package/dist/config/i18next/locales/nl.json +7 -0
- package/dist/helpers/date.js +16 -0
- package/dist/helpers/gtm.js +27 -17
- package/dist/helpers/link.js +15 -6
- package/dist/helpers/useValueForCurrentViewPort.js +27 -10
- package/dist/hooks/useBoolean.d.ts +8 -0
- package/dist/hooks/useBoolean.js +38 -0
- package/dist/hooks/useClickOutside.d.ts +8 -0
- package/dist/hooks/useClickOutside.js +35 -0
- package/dist/hooks/useDialog.d.ts +10 -0
- package/dist/hooks/useDialog.js +39 -0
- package/dist/hooks/useDialogHelpers.d.ts +20 -0
- package/dist/hooks/useDialogHelpers.js +85 -0
- package/dist/hooks/useEscape.d.ts +6 -0
- package/dist/hooks/useEscape.js +24 -0
- package/dist/hooks/useOnScreen.js +27 -6
- package/dist/hooks/usePrevious.js +11 -6
- package/dist/hooks/useScrollPosition.js +25 -7
- package/dist/hooks/useTrapFocus.d.ts +10 -0
- package/dist/hooks/useTrapFocus.js +63 -0
- package/dist/hooks/useWindowDimensions.js +27 -11
- package/dist/index.js +398 -55
- package/dist/setupTests.js +9 -5
- package/package.json +44 -19
- package/dist/components/Form/SearchField/stories.js +0 -0
- package/dist/components/SearchKit/Facets/HierarchicalFilterFacet/index.js +0 -60
- package/dist/components/SearchKit/Facets/HierarchicalMenuFacet/index.js +0 -60
|
@@ -1,3 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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,15 +1,27 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
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,
|
|
@@ -18,12 +30,13 @@ const defaultValue = {
|
|
|
18
30
|
SCREEN_HUGE: DEFAULT_SCREEN_HUGE
|
|
19
31
|
},
|
|
20
32
|
imageStyles: {
|
|
21
|
-
SCREEN_MOBILE:
|
|
22
|
-
SCREEN_TABLET:
|
|
23
|
-
SCREEN_NORMAL:
|
|
24
|
-
SCREEN_WIDE:
|
|
25
|
-
SCREEN_HUGE:
|
|
33
|
+
SCREEN_MOBILE: 'small',
|
|
34
|
+
SCREEN_TABLET: 'small',
|
|
35
|
+
SCREEN_NORMAL: 'medium',
|
|
36
|
+
SCREEN_WIDE: 'large',
|
|
37
|
+
SCREEN_HUGE: 'large'
|
|
26
38
|
}
|
|
27
39
|
};
|
|
28
|
-
|
|
29
|
-
|
|
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
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
componentIsWrapped
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
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
|
-
|
|
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
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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
|
-
|
|
39
|
+
var className = (0, _classnames.default)('AbbreviationAnnotationLink', {
|
|
19
40
|
'AbbreviationAnnotationLink--uncollapsed': visible
|
|
20
41
|
});
|
|
21
|
-
|
|
42
|
+
var classNameInfo = (0, _classnames.default)('AbbreviationAnnotation', {
|
|
22
43
|
'AbbreviationAnnotation--visible': visible
|
|
23
44
|
});
|
|
24
|
-
return /*#__PURE__*/
|
|
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__*/
|
|
48
|
+
}, props), /*#__PURE__*/_react.default.createElement("div", {
|
|
28
49
|
className: "AbbreviationAnnotationLink__content"
|
|
29
|
-
}, abbreviationTitle(children))), /*#__PURE__*/
|
|
50
|
+
}, abbreviationTitle(children))), /*#__PURE__*/_react.default.createElement("div", {
|
|
30
51
|
className: classNameInfo
|
|
31
52
|
}, abbreviationContent(title)));
|
|
32
53
|
};
|
|
33
54
|
AbbreviationAnnotation.propTypes = {
|
|
34
|
-
title:
|
|
35
|
-
children:
|
|
36
|
-
abbreviationTitle:
|
|
37
|
-
abbreviationContent:
|
|
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__*/
|
|
61
|
+
abbreviationTitle: function abbreviationTitle(html) {
|
|
62
|
+
return /*#__PURE__*/_react.default.createElement("div", null, html);
|
|
42
63
|
},
|
|
43
|
-
abbreviationContent: html
|
|
44
|
-
return /*#__PURE__*/
|
|
64
|
+
abbreviationContent: function abbreviationContent(html) {
|
|
65
|
+
return /*#__PURE__*/_react.default.createElement("div", null, html);
|
|
45
66
|
}
|
|
46
67
|
};
|
|
47
|
-
|
|
68
|
+
var _default = AbbreviationAnnotation;
|
|
69
|
+
exports.default = _default;
|
|
@@ -1,23 +1,34 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}
|
|
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,55 +1,74 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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__*/
|
|
24
|
+
return /*#__PURE__*/_react.default.createElement(_WysiwygField.default, {
|
|
10
25
|
html: children
|
|
11
26
|
});
|
|
12
27
|
}
|
|
13
|
-
return /*#__PURE__*/
|
|
28
|
+
return /*#__PURE__*/_react.default.createElement("div", null, children);
|
|
14
29
|
};
|
|
15
|
-
|
|
16
|
-
className,
|
|
17
|
-
|
|
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
|
-
|
|
24
|
-
title,
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
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
|
-
|
|
37
|
-
|
|
38
|
-
return /*#__PURE__*/
|
|
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__*/
|
|
56
|
+
}, /*#__PURE__*/_react.default.createElement(AccordeonTitle, {
|
|
41
57
|
className: "Accordion__item__title"
|
|
42
|
-
}, /*#__PURE__*/
|
|
43
|
-
|
|
44
|
-
|
|
58
|
+
}, /*#__PURE__*/_react.default.createElement("button", {
|
|
59
|
+
type: "button",
|
|
60
|
+
onClick: function onClick() {
|
|
61
|
+
return setCollapsed(!collapsed);
|
|
62
|
+
}
|
|
63
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
45
64
|
className: iconClasses
|
|
46
|
-
}), title)), /*#__PURE__*/
|
|
65
|
+
}), title)), /*#__PURE__*/_react.default.createElement(_reactAnimateHeight.default, {
|
|
47
66
|
duration: duration,
|
|
48
67
|
easing: easing,
|
|
49
68
|
height: collapsed ? 0 : 'auto'
|
|
50
|
-
}, /*#__PURE__*/
|
|
69
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
51
70
|
className: "Accordion__item__content"
|
|
52
|
-
}, /*#__PURE__*/
|
|
71
|
+
}, /*#__PURE__*/_react.default.createElement(ContentParsed, null, content))));
|
|
53
72
|
};
|
|
54
73
|
AccordionItem.defaultProps = {
|
|
55
74
|
title: 'Default title',
|
|
@@ -59,4 +78,5 @@ AccordionItem.defaultProps = {
|
|
|
59
78
|
easing: 'cubic-bezier(0, 0, .2, 1)',
|
|
60
79
|
titleComponent: AccordeonTitle
|
|
61
80
|
};
|
|
62
|
-
|
|
81
|
+
var _default = AccordionItem;
|
|
82
|
+
exports.default = _default;
|
|
@@ -1,34 +1,55 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
})
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
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
|
-
|
|
24
|
-
return /*#__PURE__*/
|
|
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__*/
|
|
47
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
27
48
|
onClick: toggle,
|
|
28
49
|
className: "AccordionItem__title__wrapper"
|
|
29
|
-
}, /*#__PURE__*/
|
|
50
|
+
}, /*#__PURE__*/_react.default.createElement("h5", {
|
|
30
51
|
className: "AccordionItem__title"
|
|
31
|
-
}, title), toggleAccordion === true ? /*#__PURE__*/
|
|
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__*/
|
|
41
|
-
buttonOpened: /*#__PURE__*/
|
|
42
|
-
buttonClosed: /*#__PURE__*/
|
|
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
|
-
|
|
67
|
+
var _default = AccordionItemVariant;
|
|
68
|
+
exports.default = _default;
|
|
@@ -1,13 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
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
|
-
|
|
19
|
+
var _default = Accordion;
|
|
20
|
+
exports.default = _default;
|