@uncinc/uncinc-react-kitchen-sink 2.5.3 → 2.5.4-1-treeshaking
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Context/KitchenSinkComponentMapperContext.js +3 -11
- package/dist/Context/ViewportContext.js +8 -21
- package/dist/Context/withMapping.js +6 -17
- package/dist/components/AbbreviationAnnotation/index.js +17 -28
- package/dist/components/AbbreviationAnnotation/stories.js +12 -21
- package/dist/components/Accordion/AccordionItem/index.js +18 -29
- package/dist/components/Accordion/AccordionItemVariant/index.js +14 -25
- package/dist/components/Accordion/index.js +6 -14
- package/dist/components/Accordion/stories.js +16 -26
- package/dist/components/ApiAutocomplete/index.js +7 -17
- package/dist/components/ApiAutocomplete/stories.js +7 -16
- package/dist/components/Button/index.js +21 -30
- package/dist/components/Button/stories.js +11 -21
- package/dist/components/Cookie/Checkbox/index.js +6 -14
- package/dist/components/Cookie/index.js +61 -71
- package/dist/components/Cookie/stories.js +20 -33
- package/dist/components/Dialog/DialogHelpersStory/index.js +13 -25
- package/dist/components/Dialog/DialogHookStory/index.js +13 -22
- package/dist/components/Dialog/DialogOverrideStory/index.js +9 -18
- package/dist/components/Dialog/index.js +35 -46
- package/dist/components/Dialog/stories.js +10 -19
- package/dist/components/FontSizeSwitcher/index.js +17 -28
- package/dist/components/FontSizeSwitcher/stories.js +10 -20
- package/dist/components/Form/Checkbox/index.js +13 -21
- package/dist/components/Form/Checkbox/stories.js +8 -17
- package/dist/components/Form/Checkboxes/index.js +19 -27
- package/dist/components/Form/Checkboxes/index.test.js +23 -27
- package/dist/components/Form/Checkboxes/stories.js +9 -18
- package/dist/components/Form/Date/index.js +4 -12
- package/dist/components/Form/Date/stories.js +7 -16
- package/dist/components/Form/DatePicker/index.js +12 -20
- package/dist/components/Form/DatePicker/stories.js +7 -16
- package/dist/components/Form/DateSelect/index.js +24 -35
- package/dist/components/Form/DateSelect/stories.js +10 -22
- package/dist/components/Form/Email/index.js +4 -12
- package/dist/components/Form/Email/stories.js +7 -16
- package/dist/components/Form/FormikWrapper/index.js +9 -17
- package/dist/components/Form/GenericFormElement/index.js +14 -22
- package/dist/components/Form/Number/index.js +6 -14
- package/dist/components/Form/Number/stories.js +7 -16
- package/dist/components/Form/RadioButtons/index.js +17 -25
- package/dist/components/Form/RadioButtons/index.test.js +23 -27
- package/dist/components/Form/RadioButtons/stories.js +9 -18
- package/dist/components/Form/SearchField/index.js +14 -22
- package/dist/components/Form/Select/Input/index.js +10 -18
- package/dist/components/Form/Select/index.js +10 -18
- package/dist/components/Form/Select/stories.js +9 -19
- package/dist/components/Form/TextField/index.js +11 -19
- package/dist/components/Form/TextField/index.test.js +23 -27
- package/dist/components/Form/TextField/stories.js +8 -17
- package/dist/components/Form/Textarea/index.js +10 -18
- package/dist/components/Form/Textarea/stories.js +7 -16
- package/dist/components/Hamburger/index.js +7 -15
- package/dist/components/Hamburger/stories.js +12 -22
- package/dist/components/Header/index.js +23 -38
- package/dist/components/Header/stories.js +22 -34
- package/dist/components/Image/Background/index.js +10 -21
- package/dist/components/Image/LazyLoadWrapper/index.js +16 -26
- package/dist/components/Image/Picture/index.js +20 -28
- package/dist/components/Image/index.js +11 -19
- package/dist/components/Image/stories.js +28 -41
- package/dist/components/InlineMenu/index.js +14 -25
- package/dist/components/InlineMenu/stories.js +18 -27
- package/dist/components/Layout/Container/index.js +10 -18
- package/dist/components/Layout/Container/stories.js +44 -53
- package/dist/components/Layout/QuickLayout/Auto/index.js +5 -13
- package/dist/components/Layout/QuickLayout/Center/index.js +6 -14
- package/dist/components/Layout/QuickLayout/Clamp/index.js +5 -13
- package/dist/components/Layout/QuickLayout/Sidebar/index.js +6 -14
- package/dist/components/Layout/QuickLayout/SpaceBetween/index.js +6 -14
- package/dist/components/Layout/QuickLayout/Stack/index.js +6 -14
- package/dist/components/Layout/QuickLayout/Wrap/index.js +7 -15
- package/dist/components/Layout/QuickLayout/index.js +16 -24
- package/dist/components/Layout/QuickLayout/stories.js +38 -54
- package/dist/components/Lottie/LottieAnimation/index.js +12 -23
- package/dist/components/Lottie/LottieAnimationWithMousePosition.js +8 -19
- package/dist/components/Lottie/index.js +29 -41
- package/dist/components/Lottie/stories.js +25 -36
- package/dist/components/MagicLine/index.js +12 -23
- package/dist/components/MagicLine/stories.js +16 -26
- package/dist/components/NavigationScroll/index.js +11 -21
- package/dist/components/NavigationScroll/stories.js +9 -18
- package/dist/components/Pagination/index.js +27 -36
- package/dist/components/Pagination/stories.js +17 -30
- package/dist/components/SearchKit/Facets/ChipFacet/index.js +11 -20
- package/dist/components/SearchKit/Facets/ListFacet/index.js +11 -20
- package/dist/components/SearchKit/Facets/SelectFacet/index.js +15 -24
- package/dist/components/SearchKit/Query/index.js +13 -24
- package/dist/components/SearchKit/SearchFacets/index.js +10 -18
- package/dist/components/SearchKit/SearchField/index.js +12 -23
- package/dist/components/SearchKit/SearchLoadMore/index.js +7 -15
- package/dist/components/SearchKit/SearchPage/index.js +8 -17
- package/dist/components/SearchKit/SearchPagination/index.js +6 -14
- package/dist/components/SearchKit/SearchReset/index.js +8 -16
- package/dist/components/SearchKit/SearchResults/index.js +28 -39
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/CustomValue/index.js +6 -14
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/DateRange/index.js +6 -14
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/NumericRange/index.js +6 -14
- package/dist/components/SearchKit/SearchSelectedFilters/Filters/Value/index.js +7 -18
- package/dist/components/SearchKit/SearchSelectedFilters/index.js +18 -26
- package/dist/components/SearchKit/SearchSorting/index.js +9 -17
- package/dist/components/SearchKit/index.js +29 -40
- package/dist/components/SearchKit/stories.js +54 -69
- package/dist/components/Share/index.js +18 -26
- package/dist/components/Share/stories.js +7 -16
- package/dist/components/Sliders/SliderRelated/index.js +11 -19
- package/dist/components/Sliders/SliderRelated/stories.js +22 -33
- package/dist/components/WysiwygField/index.js +10 -18
- package/dist/components/WysiwygField/stories.js +10 -20
- package/dist/components/index.js +15 -111
- package/dist/config/constants.js +17 -37
- package/dist/config/i18next/index.js +9 -17
- package/dist/helpers/date.js +4 -13
- package/dist/helpers/gtm.js +4 -11
- package/dist/helpers/link.js +4 -12
- package/dist/helpers/useValueForCurrentViewPort.js +6 -13
- package/dist/hooks/useBoolean.js +6 -12
- package/dist/hooks/useClickOutside.js +3 -9
- package/dist/hooks/useDialog.js +6 -13
- package/dist/hooks/useDialogHelpers.js +11 -18
- package/dist/hooks/useEscape.js +3 -9
- package/dist/hooks/useOnScreen.js +4 -10
- package/dist/hooks/usePrevious.js +4 -10
- package/dist/hooks/useScrollPosition.js +4 -11
- package/dist/hooks/useTrapFocus.js +3 -9
- package/dist/hooks/useWindowDimensions.js +4 -10
- package/dist/index.js +76 -471
- package/dist/setupTests.js +2 -5
- package/package.json +9 -3
|
@@ -1,11 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
-
var KitchenSinkComponentMapperContext = /*#__PURE__*/_react.default.createContext();
|
|
10
|
-
var _default = KitchenSinkComponentMapperContext;
|
|
11
|
-
exports.default = _default;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
var KitchenSinkComponentMapperContext = /*#__PURE__*/React.createContext();
|
|
3
|
+
export default KitchenSinkComponentMapperContext;
|
|
@@ -1,26 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.SCREEN_WIDE = exports.SCREEN_TABLET = exports.SCREEN_NORMAL = exports.SCREEN_MOBILE = exports.SCREEN_HUGE = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
|
+
import React from 'react';
|
|
9
2
|
var DEFAULT_SCREEN_MOBILE = 0;
|
|
10
3
|
var DEFAULT_SCREEN_TABLET = 768;
|
|
11
4
|
var DEFAULT_SCREEN_NORMAL = 992;
|
|
12
5
|
var DEFAULT_SCREEN_WIDE = 1240;
|
|
13
6
|
var DEFAULT_SCREEN_HUGE = 2000;
|
|
14
|
-
var SCREEN_MOBILE = 'SCREEN_MOBILE';
|
|
15
|
-
|
|
16
|
-
var
|
|
17
|
-
|
|
18
|
-
var
|
|
19
|
-
exports.SCREEN_NORMAL = SCREEN_NORMAL;
|
|
20
|
-
var SCREEN_WIDE = 'SCREEN_WIDE';
|
|
21
|
-
exports.SCREEN_WIDE = SCREEN_WIDE;
|
|
22
|
-
var SCREEN_HUGE = 'SCREEN_HUGE';
|
|
23
|
-
exports.SCREEN_HUGE = SCREEN_HUGE;
|
|
7
|
+
export var SCREEN_MOBILE = 'SCREEN_MOBILE';
|
|
8
|
+
export var SCREEN_TABLET = 'SCREEN_TABLET';
|
|
9
|
+
export var SCREEN_NORMAL = 'SCREEN_NORMAL';
|
|
10
|
+
export var SCREEN_WIDE = 'SCREEN_WIDE';
|
|
11
|
+
export var SCREEN_HUGE = 'SCREEN_HUGE';
|
|
24
12
|
var defaultValue = {
|
|
25
13
|
screenSizes: {
|
|
26
14
|
SCREEN_MOBILE: DEFAULT_SCREEN_MOBILE,
|
|
@@ -37,6 +25,5 @@ var defaultValue = {
|
|
|
37
25
|
SCREEN_HUGE: 'large'
|
|
38
26
|
}
|
|
39
27
|
};
|
|
40
|
-
var ViewportContext = /*#__PURE__*/
|
|
41
|
-
|
|
42
|
-
exports.default = _default;
|
|
28
|
+
var ViewportContext = /*#__PURE__*/React.createContext(defaultValue);
|
|
29
|
+
export default ViewportContext;
|
|
@@ -1,28 +1,17 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _KitchenSinkComponentMapperContext = _interopRequireDefault(require("./KitchenSinkComponentMapperContext"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
12
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
13
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
import React, { useContext } from 'react';
|
|
3
|
+
import KitchenSinkComponentMapperContext from './KitchenSinkComponentMapperContext';
|
|
14
4
|
var withMapping = function withMapping(BaseComponent) {
|
|
15
5
|
return function (props) {
|
|
16
6
|
var componentIsWrapped = props.componentIsWrapped;
|
|
17
|
-
var context =
|
|
7
|
+
var context = useContext(KitchenSinkComponentMapperContext);
|
|
18
8
|
if (context && BaseComponent && !componentIsWrapped && context[BaseComponent.name]) {
|
|
19
9
|
var WrapperComponent = context[BaseComponent.name];
|
|
20
|
-
return /*#__PURE__*/
|
|
10
|
+
return /*#__PURE__*/React.createElement(WrapperComponent, _extends({}, props, {
|
|
21
11
|
componentIsWrapped: true
|
|
22
12
|
}), props.children);
|
|
23
13
|
}
|
|
24
|
-
return /*#__PURE__*/
|
|
14
|
+
return /*#__PURE__*/React.createElement(BaseComponent, props, props.children);
|
|
25
15
|
};
|
|
26
16
|
};
|
|
27
|
-
|
|
28
|
-
exports.default = _default;
|
|
17
|
+
export default withMapping;
|
|
@@ -1,18 +1,4 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
-
require("./style.scss");
|
|
12
1
|
var _excluded = ["title", "children", "abbreviationTitle", "abbreviationContent"];
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
16
2
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
18
4
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
@@ -22,13 +8,17 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
|
|
|
22
8
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
23
9
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
24
10
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
11
|
+
import React, { useState } from 'react';
|
|
12
|
+
import PropTypes from 'prop-types';
|
|
13
|
+
import classnames from 'classnames';
|
|
14
|
+
import './style.scss';
|
|
25
15
|
var AbbreviationAnnotation = function AbbreviationAnnotation(_ref) {
|
|
26
16
|
var title = _ref.title,
|
|
27
17
|
children = _ref.children,
|
|
28
18
|
abbreviationTitle = _ref.abbreviationTitle,
|
|
29
19
|
abbreviationContent = _ref.abbreviationContent,
|
|
30
20
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
31
|
-
var _useState =
|
|
21
|
+
var _useState = useState(false),
|
|
32
22
|
_useState2 = _slicedToArray(_useState, 2),
|
|
33
23
|
visible = _useState2[0],
|
|
34
24
|
setVisible = _useState2[1];
|
|
@@ -36,34 +26,33 @@ var AbbreviationAnnotation = function AbbreviationAnnotation(_ref) {
|
|
|
36
26
|
e.preventDefault();
|
|
37
27
|
setVisible(!visible);
|
|
38
28
|
};
|
|
39
|
-
var className = (
|
|
29
|
+
var className = classnames('AbbreviationAnnotationLink', {
|
|
40
30
|
'AbbreviationAnnotationLink--uncollapsed': visible
|
|
41
31
|
});
|
|
42
|
-
var classNameInfo = (
|
|
32
|
+
var classNameInfo = classnames('AbbreviationAnnotation', {
|
|
43
33
|
'AbbreviationAnnotation--visible': visible
|
|
44
34
|
});
|
|
45
|
-
return /*#__PURE__*/
|
|
35
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("a", _extends({
|
|
46
36
|
className: className,
|
|
47
37
|
onClick: handleClick
|
|
48
|
-
}, props), /*#__PURE__*/
|
|
38
|
+
}, props), /*#__PURE__*/React.createElement("div", {
|
|
49
39
|
className: "AbbreviationAnnotationLink__content"
|
|
50
|
-
}, abbreviationTitle(children))), /*#__PURE__*/
|
|
40
|
+
}, abbreviationTitle(children))), /*#__PURE__*/React.createElement("div", {
|
|
51
41
|
className: classNameInfo
|
|
52
42
|
}, abbreviationContent(title)));
|
|
53
43
|
};
|
|
54
44
|
AbbreviationAnnotation.propTypes = {
|
|
55
|
-
title:
|
|
56
|
-
children:
|
|
57
|
-
abbreviationTitle:
|
|
58
|
-
abbreviationContent:
|
|
45
|
+
title: PropTypes.string.isRequired,
|
|
46
|
+
children: PropTypes.element.isRequired,
|
|
47
|
+
abbreviationTitle: PropTypes.func,
|
|
48
|
+
abbreviationContent: PropTypes.func
|
|
59
49
|
};
|
|
60
50
|
AbbreviationAnnotation.defaultProps = {
|
|
61
51
|
abbreviationTitle: function abbreviationTitle(html) {
|
|
62
|
-
return /*#__PURE__*/
|
|
52
|
+
return /*#__PURE__*/React.createElement("div", null, html);
|
|
63
53
|
},
|
|
64
54
|
abbreviationContent: function abbreviationContent(html) {
|
|
65
|
-
return /*#__PURE__*/
|
|
55
|
+
return /*#__PURE__*/React.createElement("div", null, html);
|
|
66
56
|
}
|
|
67
57
|
};
|
|
68
|
-
|
|
69
|
-
exports.default = _default;
|
|
58
|
+
export default AbbreviationAnnotation;
|
|
@@ -1,36 +1,27 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.Default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _ = _interopRequireDefault(require("."));
|
|
9
|
-
require("./stories.scss");
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
12
|
-
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import AbbreviationAnnotation from '.';
|
|
4
|
+
export default {
|
|
13
5
|
title: 'Atoms/AbbreviationAnnotation',
|
|
14
|
-
component:
|
|
6
|
+
component: AbbreviationAnnotation
|
|
15
7
|
};
|
|
16
|
-
|
|
17
|
-
var Default = function Default(args) {
|
|
18
|
-
return /*#__PURE__*/
|
|
8
|
+
import './stories.scss';
|
|
9
|
+
export var Default = function Default(args) {
|
|
10
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, "Lorem ipsum dolor sit amet, ", /*#__PURE__*/React.createElement("abbr", {
|
|
19
11
|
title: "Ut ut tellus et augue feugiat sollicitudin sit amet viverra nisi."
|
|
20
|
-
}, "consectetur adipiscing"), " elit. Aliquam in sodales tellus. Ut ut tellus et augue feugiat sollicitudin sit amet viverra nisi. Nulla malesuada erat non massa pellentesque, ut ultricies tellus sodales. Fusce ac feugiat ligula. In vel metus diam. Maecenas diam ex, tincidunt tempor nibh sed, suscipit semper lectus. Sed eu enim vel erat tempus mollis. Integer eget gravida orci. Nunc volutpat velit id dui semper tincidunt. Nulla maximus nisl nec volutpat faucibus. Integer vitae ullamcorper ex. Vestibulum facilisis convallis arcu, ac interdum libero malesuada eget."), /*#__PURE__*/
|
|
12
|
+
}, "consectetur adipiscing"), " elit. Aliquam in sodales tellus. Ut ut tellus et augue feugiat sollicitudin sit amet viverra nisi. Nulla malesuada erat non massa pellentesque, ut ultricies tellus sodales. Fusce ac feugiat ligula. In vel metus diam. Maecenas diam ex, tincidunt tempor nibh sed, suscipit semper lectus. Sed eu enim vel erat tempus mollis. Integer eget gravida orci. Nunc volutpat velit id dui semper tincidunt. Nulla maximus nisl nec volutpat faucibus. Integer vitae ullamcorper ex. Vestibulum facilisis convallis arcu, ac interdum libero malesuada eget."), /*#__PURE__*/React.createElement("p", null, "Donec feugiat, nunc vitae euismod", /*#__PURE__*/React.createElement(AbbreviationAnnotation, _extends({
|
|
21
13
|
abbreviationTitle: function abbreviationTitle(html) {
|
|
22
|
-
return /*#__PURE__*/
|
|
14
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, html, /*#__PURE__*/React.createElement("i", {
|
|
23
15
|
className: "icon icon-arrow icon-right"
|
|
24
16
|
}));
|
|
25
17
|
},
|
|
26
18
|
abbreviationContent: function abbreviationContent(html) {
|
|
27
|
-
return /*#__PURE__*/
|
|
19
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("i", {
|
|
28
20
|
className: "icon icon-arrow icon-content"
|
|
29
|
-
}), /*#__PURE__*/
|
|
21
|
+
}), /*#__PURE__*/React.createElement("div", null, html));
|
|
30
22
|
}
|
|
31
|
-
}, args)), "posuere, urna nisl elementum nibh, quis ultricies libero leo sed neque. Praesent vel vestibulum sem, eget congue purus. Nunc non volutpat urna, vitae ullamcorper justo. Suspendisse in tortor ex. Phasellus euismod eget neque vitae consequat. Vestibulum sem mi, dictum id consectetur at, hendrerit in massa. Mauris quis sem condimentum, condimentum enim sed, varius sem. Curabitur convallis tempus nulla, eget consectetur quam sagittis at. Nulla a feugiat tortor. Mauris fermentum lectus ac mauris cursus ornare."), /*#__PURE__*/
|
|
23
|
+
}, args)), "posuere, urna nisl elementum nibh, quis ultricies libero leo sed neque. Praesent vel vestibulum sem, eget congue purus. Nunc non volutpat urna, vitae ullamcorper justo. Suspendisse in tortor ex. Phasellus euismod eget neque vitae consequat. Vestibulum sem mi, dictum id consectetur at, hendrerit in massa. Mauris quis sem condimentum, condimentum enim sed, varius sem. Curabitur convallis tempus nulla, eget consectetur quam sagittis at. Nulla a feugiat tortor. Mauris fermentum lectus ac mauris cursus ornare."), /*#__PURE__*/React.createElement("p", null, "Nam venenatis est eget lorem laoreet, id tempor urna hendrerit. Quisque suscipit in magna nec condimentum. Duis id tempor nisi. Sed rutrum urna elit, vitae placerat enim volutpat nec. Vivamus volutpat, magna sit amet commodo ultricies, enim turpis pretium libero, quis molestie nibh augue a ex. Nulla vestibulum vestibulum tellus, vel molestie libero vehicula nec. Sed maximus tortor vel ipsum cursus egestas. Proin suscipit tortor id luctus bibendum."));
|
|
32
24
|
};
|
|
33
|
-
exports.Default = Default;
|
|
34
25
|
var defaultArgs = {
|
|
35
26
|
title: 'Titel',
|
|
36
27
|
children: 'Content'
|
|
@@ -1,36 +1,26 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
-
var _reactAnimateHeight = _interopRequireDefault(require("react-animate-height"));
|
|
11
|
-
var _WysiwygField = _interopRequireDefault(require("../../WysiwygField"));
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
14
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
1
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
16
2
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
17
3
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
18
4
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
19
5
|
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
20
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
+
import React, { useState } from 'react';
|
|
8
|
+
import c from 'classnames';
|
|
9
|
+
import AnimateHeight from 'react-animate-height';
|
|
10
|
+
import WysiwygField from '../../WysiwygField';
|
|
21
11
|
var ContentParsed = function ContentParsed(_ref) {
|
|
22
12
|
var children = _ref.children;
|
|
23
13
|
if (typeof children === 'string') {
|
|
24
|
-
return /*#__PURE__*/
|
|
14
|
+
return /*#__PURE__*/React.createElement(WysiwygField, {
|
|
25
15
|
html: children
|
|
26
16
|
});
|
|
27
17
|
}
|
|
28
|
-
return /*#__PURE__*/
|
|
18
|
+
return /*#__PURE__*/React.createElement("div", null, children);
|
|
29
19
|
};
|
|
30
20
|
var AccordeonTitle = function AccordeonTitle(_ref2) {
|
|
31
21
|
var className = _ref2.className,
|
|
32
22
|
children = _ref2.children;
|
|
33
|
-
return /*#__PURE__*/
|
|
23
|
+
return /*#__PURE__*/React.createElement("h3", {
|
|
34
24
|
className: className
|
|
35
25
|
}, children);
|
|
36
26
|
};
|
|
@@ -42,33 +32,33 @@ var AccordionItem = function AccordionItem(_ref3) {
|
|
|
42
32
|
easing = _ref3.easing,
|
|
43
33
|
titleComponent = _ref3.titleComponent,
|
|
44
34
|
className = _ref3.className;
|
|
45
|
-
var _useState =
|
|
35
|
+
var _useState = useState(true),
|
|
46
36
|
_useState2 = _slicedToArray(_useState, 2),
|
|
47
37
|
collapsed = _useState2[0],
|
|
48
38
|
setCollapsed = _useState2[1];
|
|
49
|
-
var classes = (
|
|
39
|
+
var classes = c(className, 'Accordion__item', {
|
|
50
40
|
collapsed: collapsed
|
|
51
41
|
});
|
|
52
|
-
var iconClasses = (
|
|
42
|
+
var iconClasses = c('icon', iconClassName);
|
|
53
43
|
var AccordeonTitle = titleComponent;
|
|
54
|
-
return /*#__PURE__*/
|
|
44
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
55
45
|
className: classes
|
|
56
|
-
}, /*#__PURE__*/
|
|
46
|
+
}, /*#__PURE__*/React.createElement(AccordeonTitle, {
|
|
57
47
|
className: "Accordion__item__title"
|
|
58
|
-
}, /*#__PURE__*/
|
|
48
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
59
49
|
type: "button",
|
|
60
50
|
onClick: function onClick() {
|
|
61
51
|
return setCollapsed(!collapsed);
|
|
62
52
|
}
|
|
63
|
-
}, /*#__PURE__*/
|
|
53
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
64
54
|
className: iconClasses
|
|
65
|
-
}), title)), /*#__PURE__*/
|
|
55
|
+
}), title)), /*#__PURE__*/React.createElement(AnimateHeight, {
|
|
66
56
|
duration: duration,
|
|
67
57
|
easing: easing,
|
|
68
58
|
height: collapsed ? 0 : 'auto'
|
|
69
|
-
}, /*#__PURE__*/
|
|
59
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
70
60
|
className: "Accordion__item__content"
|
|
71
|
-
}, /*#__PURE__*/
|
|
61
|
+
}, /*#__PURE__*/React.createElement(ContentParsed, null, content))));
|
|
72
62
|
};
|
|
73
63
|
AccordionItem.defaultProps = {
|
|
74
64
|
title: 'Default title',
|
|
@@ -78,5 +68,4 @@ AccordionItem.defaultProps = {
|
|
|
78
68
|
easing: 'cubic-bezier(0, 0, .2, 1)',
|
|
79
69
|
titleComponent: AccordeonTitle
|
|
80
70
|
};
|
|
81
|
-
|
|
82
|
-
exports.default = _default;
|
|
71
|
+
export default AccordionItem;
|
|
@@ -1,22 +1,12 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _reactAnimateHeight = _interopRequireDefault(require("react-animate-height"));
|
|
10
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
1
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
15
2
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
16
3
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
17
4
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
18
5
|
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
19
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
7
|
+
import React, { useState } from 'react';
|
|
8
|
+
import AnimateHeight from 'react-animate-height';
|
|
9
|
+
import c from 'classnames';
|
|
20
10
|
var AccordionItemVariant = function AccordionItemVariant(_ref) {
|
|
21
11
|
var title = _ref.title,
|
|
22
12
|
children = _ref.children,
|
|
@@ -26,11 +16,11 @@ var AccordionItemVariant = function AccordionItemVariant(_ref) {
|
|
|
26
16
|
duration = _ref.duration,
|
|
27
17
|
easing = _ref.easing,
|
|
28
18
|
onClick = _ref.onClick;
|
|
29
|
-
var _useState =
|
|
19
|
+
var _useState = useState(false),
|
|
30
20
|
_useState2 = _slicedToArray(_useState, 2),
|
|
31
21
|
toggleAccordion = _useState2[0],
|
|
32
22
|
setToggleAccordion = _useState2[1];
|
|
33
|
-
var _useState3 =
|
|
23
|
+
var _useState3 = useState(0),
|
|
34
24
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
35
25
|
height = _useState4[0],
|
|
36
26
|
setHeight = _useState4[1];
|
|
@@ -41,15 +31,15 @@ var AccordionItemVariant = function AccordionItemVariant(_ref) {
|
|
|
41
31
|
onClick();
|
|
42
32
|
}
|
|
43
33
|
};
|
|
44
|
-
var AccordionItem = (
|
|
45
|
-
return /*#__PURE__*/
|
|
34
|
+
var AccordionItem = c('AccordionItem', className, toggleAccordion === true ? 'AccordionItem--active' : 'AccordionItem--inactive');
|
|
35
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
46
36
|
className: AccordionItem
|
|
47
|
-
}, /*#__PURE__*/
|
|
37
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
48
38
|
onClick: toggle,
|
|
49
39
|
className: "AccordionItem__title__wrapper"
|
|
50
|
-
}, /*#__PURE__*/
|
|
40
|
+
}, /*#__PURE__*/React.createElement("h5", {
|
|
51
41
|
className: "AccordionItem__title"
|
|
52
|
-
}, title), toggleAccordion === true ? /*#__PURE__*/
|
|
42
|
+
}, title), toggleAccordion === true ? /*#__PURE__*/React.createElement("div", null, buttonOpened) : /*#__PURE__*/React.createElement("div", null, buttonClosed)), /*#__PURE__*/React.createElement(AnimateHeight, {
|
|
53
43
|
duration: duration,
|
|
54
44
|
easing: easing,
|
|
55
45
|
height: height
|
|
@@ -58,11 +48,10 @@ var AccordionItemVariant = function AccordionItemVariant(_ref) {
|
|
|
58
48
|
AccordionItemVariant.defaultProps = {
|
|
59
49
|
title: 'Default title',
|
|
60
50
|
className: 'AccordionItemCustomClass',
|
|
61
|
-
children: /*#__PURE__*/
|
|
62
|
-
buttonOpened: /*#__PURE__*/
|
|
63
|
-
buttonClosed: /*#__PURE__*/
|
|
51
|
+
children: /*#__PURE__*/React.createElement("div", null, "Default answer"),
|
|
52
|
+
buttonOpened: /*#__PURE__*/React.createElement("div", null, "close"),
|
|
53
|
+
buttonClosed: /*#__PURE__*/React.createElement("div", null, "open"),
|
|
64
54
|
duration: 333,
|
|
65
55
|
easing: 'cubic-bezier(0, 0, .2, 1)'
|
|
66
56
|
};
|
|
67
|
-
|
|
68
|
-
exports.default = _default;
|
|
57
|
+
export default AccordionItemVariant;
|
|
@@ -1,20 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
9
|
-
require("./style.scss");
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import c from 'classnames';
|
|
3
|
+
import './style.scss';
|
|
11
4
|
var Accordion = function Accordion(_ref) {
|
|
12
5
|
var className = _ref.className,
|
|
13
6
|
children = _ref.children;
|
|
14
|
-
var classes = (
|
|
15
|
-
return /*#__PURE__*/
|
|
7
|
+
var classes = c('Accordion', className);
|
|
8
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
16
9
|
className: classes
|
|
17
10
|
}, children);
|
|
18
11
|
};
|
|
19
|
-
|
|
20
|
-
exports.default = _default;
|
|
12
|
+
export default Accordion;
|
|
@@ -1,40 +1,30 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
exports.withVariant = exports.default = exports.Default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _ = _interopRequireDefault(require("."));
|
|
9
|
-
var _AccordionItem = _interopRequireDefault(require("./AccordionItem"));
|
|
10
|
-
var _AccordionItemVariant = _interopRequireDefault(require("./AccordionItemVariant"));
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
var _default = {
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Accordion from '.';
|
|
3
|
+
import AccordionItem from './AccordionItem';
|
|
4
|
+
import AccordionItemVariant from './AccordionItemVariant';
|
|
5
|
+
export default {
|
|
13
6
|
title: 'Atoms/Accordion'
|
|
14
7
|
};
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
return /*#__PURE__*/_react.default.createElement(_.default, null, /*#__PURE__*/_react.default.createElement(_AccordionItem.default, {
|
|
8
|
+
export var Default = function Default() {
|
|
9
|
+
return /*#__PURE__*/React.createElement(Accordion, null, /*#__PURE__*/React.createElement(AccordionItem, {
|
|
18
10
|
title: "Plain text item",
|
|
19
11
|
content: "First item content"
|
|
20
|
-
}), /*#__PURE__*/
|
|
12
|
+
}), /*#__PURE__*/React.createElement(AccordionItem, {
|
|
21
13
|
title: "HTML item",
|
|
22
14
|
content: "<p>Second item <strong>content</strong> that containts <em>HTML</em>.</p>"
|
|
23
|
-
}), /*#__PURE__*/
|
|
15
|
+
}), /*#__PURE__*/React.createElement(AccordionItem, {
|
|
24
16
|
title: "Third item",
|
|
25
|
-
content: /*#__PURE__*/
|
|
17
|
+
content: /*#__PURE__*/React.createElement("p", null, "Second item ", /*#__PURE__*/React.createElement("strong", null, "content"), " that containts ", /*#__PURE__*/React.createElement("em", null, "HTML"), ".")
|
|
26
18
|
}));
|
|
27
19
|
};
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
return /*#__PURE__*/_react.default.createElement(_.default, null, /*#__PURE__*/_react.default.createElement(_AccordionItemVariant.default, {
|
|
20
|
+
export var withVariant = function withVariant() {
|
|
21
|
+
return /*#__PURE__*/React.createElement(Accordion, null, /*#__PURE__*/React.createElement(AccordionItemVariant, {
|
|
31
22
|
title: "Plain text item",
|
|
32
23
|
content: "<p>Second item <strong>content</strong> that containts <em>HTML</em>.</p>"
|
|
33
|
-
}), /*#__PURE__*/
|
|
24
|
+
}), /*#__PURE__*/React.createElement(AccordionItemVariant, {
|
|
34
25
|
title: "HTML item",
|
|
35
|
-
content: /*#__PURE__*/
|
|
36
|
-
}), /*#__PURE__*/
|
|
26
|
+
content: /*#__PURE__*/React.createElement("p", null, "Second item ", /*#__PURE__*/React.createElement("strong", null, "content"), " that containts ", /*#__PURE__*/React.createElement("em", null, "HTML"), ".")
|
|
27
|
+
}), /*#__PURE__*/React.createElement(AccordionItemVariant, {
|
|
37
28
|
title: "Third item"
|
|
38
29
|
}));
|
|
39
|
-
};
|
|
40
|
-
exports.withVariant = withVariant;
|
|
30
|
+
};
|
|
@@ -1,16 +1,4 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _reactAutosuggest = _interopRequireDefault(require("react-autosuggest"));
|
|
9
|
-
require("./style.scss");
|
|
10
1
|
var _excluded = ["endpoint", "placeholder", "renderItem", "defaultValue", "onSelectItem", "queryParameter", "getSuggestionValue", "requestOptions"];
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
2
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
15
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
16
4
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
@@ -25,6 +13,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
25
13
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
26
14
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
27
15
|
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
16
|
+
import React, { useState } from 'react';
|
|
17
|
+
import Autosuggest from 'react-autosuggest';
|
|
18
|
+
import './style.scss';
|
|
28
19
|
function abortableFetch(request, opts) {
|
|
29
20
|
var controller = new AbortController();
|
|
30
21
|
var signal = controller.signal;
|
|
@@ -49,11 +40,11 @@ var ApiAutocomplete = function ApiAutocomplete(_ref) {
|
|
|
49
40
|
getSuggestionValue = _ref.getSuggestionValue,
|
|
50
41
|
requestOptions = _ref.requestOptions,
|
|
51
42
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
52
|
-
var _useState =
|
|
43
|
+
var _useState = useState(defaultValue || ''),
|
|
53
44
|
_useState2 = _slicedToArray(_useState, 2),
|
|
54
45
|
queryInput = _useState2[0],
|
|
55
46
|
setQuery = _useState2[1];
|
|
56
|
-
var _useState3 =
|
|
47
|
+
var _useState3 = useState([]),
|
|
57
48
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
58
49
|
results = _useState4[0],
|
|
59
50
|
setResults = _useState4[1];
|
|
@@ -75,7 +66,7 @@ var ApiAutocomplete = function ApiAutocomplete(_ref) {
|
|
|
75
66
|
// Catch the error so the browser does not output errors.
|
|
76
67
|
});
|
|
77
68
|
};
|
|
78
|
-
return /*#__PURE__*/
|
|
69
|
+
return /*#__PURE__*/React.createElement(Autosuggest, {
|
|
79
70
|
suggestions: results,
|
|
80
71
|
onSuggestionsFetchRequested: function onSuggestionsFetchRequested(_ref2) {
|
|
81
72
|
var value = _ref2.value,
|
|
@@ -115,5 +106,4 @@ ApiAutocomplete.defaultProps = {
|
|
|
115
106
|
},
|
|
116
107
|
requestOptions: {}
|
|
117
108
|
};
|
|
118
|
-
|
|
119
|
-
exports.default = _default;
|
|
109
|
+
export default ApiAutocomplete;
|
|
@@ -1,22 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.Default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _ = _interopRequireDefault(require("."));
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
var _default = {
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import ApiAutocomplete from '.';
|
|
3
|
+
export default {
|
|
11
4
|
title: 'Organisms/Autocomplete'
|
|
12
5
|
};
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
return /*#__PURE__*/_react.default.createElement(_.default, {
|
|
6
|
+
export var Default = function Default() {
|
|
7
|
+
return /*#__PURE__*/React.createElement(ApiAutocomplete, {
|
|
16
8
|
endpoint: "http://nldoet.devinc.eu/autocomplete/json",
|
|
17
9
|
renderItem: function renderItem(item) {
|
|
18
10
|
console.log(item);
|
|
19
|
-
return /*#__PURE__*/
|
|
11
|
+
return /*#__PURE__*/React.createElement("div", null, item.name);
|
|
20
12
|
},
|
|
21
13
|
onSelectItem: function onSelectItem(item) {
|
|
22
14
|
console.log('Selected', item);
|
|
@@ -25,5 +17,4 @@ var Default = function Default() {
|
|
|
25
17
|
label: 'test'
|
|
26
18
|
}
|
|
27
19
|
});
|
|
28
|
-
};
|
|
29
|
-
exports.Default = Default;
|
|
20
|
+
};
|