@dreamcommerce/aurora 2.26.0-1 → 2.26.0-3
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/build/cjs/packages/aurora/src/components/accordion/constants.js +17 -0
- package/build/cjs/packages/aurora/src/components/accordion/constants.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/accordion/css_classes.js +4 -2
- package/build/cjs/packages/aurora/src/components/accordion/css_classes.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/accordion/index.js +37 -11
- package/build/cjs/packages/aurora/src/components/accordion/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/accordions_group/context.js +22 -0
- package/build/cjs/packages/aurora/src/components/accordions_group/context.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js +102 -0
- package/build/cjs/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/accordions_group/hooks/use_accordions_group_api.js +13 -0
- package/build/cjs/packages/aurora/src/components/accordions_group/hooks/use_accordions_group_api.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/accordions_group/index.js +22 -0
- package/build/cjs/packages/aurora/src/components/accordions_group/index.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/button/components/button/index.js +3 -1
- package/build/cjs/packages/aurora/src/components/button/components/button/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/css/accordion/main.module.less.js +5 -3
- package/build/cjs/packages/aurora/src/css/accordion/main.module.less.js.map +1 -1
- package/build/cjs/packages/aurora/src/css/button/main.module.less.js +1 -1
- package/build/cjs/packages/aurora/src/index.js +7 -0
- package/build/cjs/packages/aurora/src/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/accordion/constants.d.ts +9 -0
- package/build/esm/packages/aurora/src/components/accordion/constants.js +12 -0
- package/build/esm/packages/aurora/src/components/accordion/constants.js.map +1 -0
- package/build/esm/packages/aurora/src/components/accordion/css_classes.d.ts +3 -1
- package/build/esm/packages/aurora/src/components/accordion/css_classes.js +4 -2
- package/build/esm/packages/aurora/src/components/accordion/css_classes.js.map +1 -1
- package/build/esm/packages/aurora/src/components/accordion/index.js +37 -12
- package/build/esm/packages/aurora/src/components/accordion/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/accordion/types.d.ts +9 -2
- package/build/esm/packages/aurora/src/components/accordion/types.js +3 -0
- package/build/esm/packages/aurora/src/components/accordion/types.js.map +1 -1
- package/build/esm/packages/aurora/src/components/accordions_group/context.d.ts +3 -0
- package/build/esm/packages/aurora/src/components/accordions_group/context.js +18 -0
- package/build/esm/packages/aurora/src/components/accordions_group/context.js.map +1 -0
- package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.d.ts +12 -0
- package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js +98 -0
- package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js.map +1 -0
- package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group_api.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group_api.js +9 -0
- package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group_api.js.map +1 -0
- package/build/esm/packages/aurora/src/components/accordions_group/index.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/accordions_group/index.js +14 -0
- package/build/esm/packages/aurora/src/components/accordions_group/index.js.map +1 -0
- package/build/esm/packages/aurora/src/components/accordions_group/types.d.ts +17 -0
- package/build/esm/packages/aurora/src/components/accordions_group/types.js +2 -0
- package/build/esm/packages/aurora/src/components/accordions_group/types.js.map +1 -0
- package/build/esm/packages/aurora/src/components/button/components/button/index.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/button/components/button/index.js +3 -1
- package/build/esm/packages/aurora/src/components/button/components/button/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/button/components/index.d.ts +1 -1
- package/build/esm/packages/aurora/src/css/accordion/main.module.less.js +5 -3
- package/build/esm/packages/aurora/src/css/accordion/main.module.less.js.map +1 -1
- package/build/esm/packages/aurora/src/css/button/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/index.d.ts +6 -2
- package/build/esm/packages/aurora/src/index.js +3 -0
- package/build/esm/packages/aurora/src/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var ACCORDION_TOGGLER_ICON_POSITION = {
|
|
6
|
+
left: 'left',
|
|
7
|
+
right: 'right'
|
|
8
|
+
};
|
|
9
|
+
var ACCORDION_VARIANTS = {
|
|
10
|
+
primary: 'primary',
|
|
11
|
+
secondary: 'secondary',
|
|
12
|
+
tertiary: 'tertiary'
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
exports.ACCORDION_TOGGLER_ICON_POSITION = ACCORDION_TOGGLER_ICON_POSITION;
|
|
16
|
+
exports.ACCORDION_VARIANTS = ACCORDION_VARIANTS;
|
|
17
|
+
//# sourceMappingURL=constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -5,11 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var accordionBaseCssClass = 'accordion';
|
|
6
6
|
var CSS_CLASSES = {
|
|
7
7
|
accordion: accordionBaseCssClass,
|
|
8
|
-
|
|
8
|
+
accordionToggler: "".concat(accordionBaseCssClass, "__toggler"),
|
|
9
|
+
accordionTogglerIconLeft: "".concat(accordionBaseCssClass, "__toggler-icon_left"),
|
|
9
10
|
accordionTitle: "".concat(accordionBaseCssClass, "__title"),
|
|
10
11
|
accordionContent: "".concat(accordionBaseCssClass, "__content"),
|
|
11
12
|
accordionIconRotate180: "".concat(accordionBaseCssClass, "__icon_rotate-180"),
|
|
12
|
-
accordionSecondary: "".concat(accordionBaseCssClass, "_secondary")
|
|
13
|
+
accordionSecondary: "".concat(accordionBaseCssClass, "_secondary"),
|
|
14
|
+
accordionTertiary: "".concat(accordionBaseCssClass, "_tertiary")
|
|
13
15
|
};
|
|
14
16
|
|
|
15
17
|
exports.default = CSS_CLASSES;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -4,13 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
+
var classnames = require('classnames');
|
|
7
8
|
var css_classes = require('./css_classes.js');
|
|
9
|
+
var constants = require('./constants.js');
|
|
8
10
|
var icon_arrow_down = require('../../assets/icon_arrow_down.js');
|
|
9
11
|
var main_module = require('../../css/accordion/main.module.less.js');
|
|
12
|
+
var use_accordions_group_api = require('../accordions_group/hooks/use_accordions_group_api.js');
|
|
10
13
|
|
|
11
14
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
15
|
|
|
13
16
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
17
|
+
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
14
18
|
|
|
15
19
|
var Accordion = function Accordion(_ref) {
|
|
16
20
|
var id = _ref.id,
|
|
@@ -19,24 +23,46 @@ var Accordion = function Accordion(_ref) {
|
|
|
19
23
|
isOpened = _ref$isOpened === void 0 ? false : _ref$isOpened,
|
|
20
24
|
_ref$isStatic = _ref.isStatic,
|
|
21
25
|
isStatic = _ref$isStatic === void 0 ? false : _ref$isStatic,
|
|
22
|
-
|
|
26
|
+
_ref$variant = _ref.variant,
|
|
27
|
+
variant = _ref$variant === void 0 ? constants.ACCORDION_VARIANTS.primary : _ref$variant,
|
|
23
28
|
negativeIndentValue = _ref.negativeIndentValue,
|
|
24
|
-
children = _ref.children
|
|
29
|
+
children = _ref.children,
|
|
30
|
+
_ref$toggleIcon = _ref.toggleIcon,
|
|
31
|
+
ToggleIcon = _ref$toggleIcon === void 0 ? icon_arrow_down['default'] : _ref$toggleIcon,
|
|
32
|
+
_ref$toggleIconPositi = _ref.toggleIconPosition,
|
|
33
|
+
toggleIconPosition = _ref$toggleIconPositi === void 0 ? constants.ACCORDION_TOGGLER_ICON_POSITION.right : _ref$toggleIconPositi;
|
|
34
|
+
var accordionsGroupApi = use_accordions_group_api.useAccordionsGroupApi();
|
|
25
35
|
|
|
26
|
-
var _useState = React.useState(isOpened),
|
|
36
|
+
var _useState = React.useState(isStatic ? true : isOpened),
|
|
27
37
|
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
|
28
38
|
isOpen = _useState2[0],
|
|
29
39
|
setIsOpen = _useState2[1];
|
|
30
40
|
|
|
41
|
+
var accordion = accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.get(id);
|
|
42
|
+
React.useEffect(function () {
|
|
43
|
+
accordionsGroupApi === null || accordionsGroupApi === void 0 || accordionsGroupApi.add(id, {
|
|
44
|
+
expanded: isOpen
|
|
45
|
+
});
|
|
46
|
+
}, [id]);
|
|
47
|
+
React.useEffect(function () {
|
|
48
|
+
if (accordion) setIsOpen(accordion.expanded);
|
|
49
|
+
}, [accordion]);
|
|
50
|
+
|
|
31
51
|
var handleOnClick = function handleOnClick() {
|
|
32
|
-
|
|
52
|
+
setIsOpenState(!isOpen);
|
|
33
53
|
};
|
|
34
54
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
55
|
+
var setIsOpenState = function setIsOpenState(newIsOpen) {
|
|
56
|
+
var accordion = accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.get(id);
|
|
57
|
+
|
|
58
|
+
if (!accordion) {
|
|
59
|
+
setIsOpen(isStatic ? true : newIsOpen);
|
|
60
|
+
return;
|
|
38
61
|
}
|
|
39
|
-
|
|
62
|
+
|
|
63
|
+
newIsOpen ? accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.expand(id) : accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.shrink(id);
|
|
64
|
+
};
|
|
65
|
+
|
|
40
66
|
var wrapperIndentStyles = {
|
|
41
67
|
marginLeft: "-".concat(negativeIndentValue, "px"),
|
|
42
68
|
marginRight: "-".concat(negativeIndentValue, "px")
|
|
@@ -46,17 +72,17 @@ var Accordion = function Accordion(_ref) {
|
|
|
46
72
|
paddingRight: "".concat(negativeIndentValue, "px")
|
|
47
73
|
};
|
|
48
74
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
49
|
-
className:
|
|
75
|
+
className: classnames__default['default'](main_module['default'][css_classes['default'].accordion], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, main_module['default'][css_classes['default'].accordionSecondary], variant === constants.ACCORDION_VARIANTS.secondary), main_module['default'][css_classes['default'].accordionTertiary], variant === constants.ACCORDION_VARIANTS.tertiary)),
|
|
50
76
|
style: negativeIndentValue ? wrapperIndentStyles : undefined
|
|
51
77
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
52
|
-
className: main_module['default'][css_classes['default'].
|
|
78
|
+
className: classnames__default['default'](main_module['default'][css_classes['default'].accordionToggler], _rollupPluginBabelHelpers.defineProperty({}, main_module['default'][css_classes['default'].accordionTogglerIconLeft], toggleIconPosition === constants.ACCORDION_TOGGLER_ICON_POSITION.left)),
|
|
53
79
|
onClick: !isStatic ? handleOnClick : undefined,
|
|
54
80
|
"aria-expanded": isOpen,
|
|
55
81
|
"aria-controls": id,
|
|
56
82
|
style: negativeIndentValue ? contentIndentStyles : undefined
|
|
57
83
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
58
84
|
className: main_module['default'][css_classes['default'].accordionTitle]
|
|
59
|
-
}, title), !isStatic && /*#__PURE__*/React__default['default'].createElement(
|
|
85
|
+
}, title), !isStatic && /*#__PURE__*/React__default['default'].createElement(ToggleIcon, {
|
|
60
86
|
size: "m",
|
|
61
87
|
className: "".concat(isOpen ? main_module['default'][css_classes['default'].accordionIconRotate180] : '')
|
|
62
88
|
})), isOpen && /*#__PURE__*/React__default['default'].createElement("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
|
|
7
|
+
var AccordionsGroupContext = /*#__PURE__*/React.createContext({
|
|
8
|
+
expandAll: function expandAll() {},
|
|
9
|
+
shrinkAll: function shrinkAll() {},
|
|
10
|
+
expand: function expand() {},
|
|
11
|
+
shrink: function shrink() {},
|
|
12
|
+
add: function add() {},
|
|
13
|
+
remove: function remove() {},
|
|
14
|
+
get: function get() {
|
|
15
|
+
return undefined;
|
|
16
|
+
},
|
|
17
|
+
areAllExpanded: false,
|
|
18
|
+
accordions: []
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
exports.AccordionsGroupContext = AccordionsGroupContext;
|
|
22
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/build/cjs/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js
ADDED
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var _rollupPluginBabelHelpers = require('../../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
+
|
|
8
|
+
var useAccordionsGroup = function useAccordionsGroup() {
|
|
9
|
+
var _useState = React.useState([]),
|
|
10
|
+
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
|
11
|
+
accordions = _useState2[0],
|
|
12
|
+
setAccordions = _useState2[1];
|
|
13
|
+
|
|
14
|
+
var _useState3 = React.useState(false),
|
|
15
|
+
_useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
|
|
16
|
+
areAllExpanded = _useState4[0],
|
|
17
|
+
setAreAllExpanded = _useState4[1];
|
|
18
|
+
|
|
19
|
+
React.useEffect(function () {
|
|
20
|
+
setAreAllExpanded(accordions.every(function (accordion) {
|
|
21
|
+
return accordion.expanded;
|
|
22
|
+
}));
|
|
23
|
+
}, []);
|
|
24
|
+
|
|
25
|
+
var expandAll = function expandAll() {
|
|
26
|
+
setAccordions(function (accordions) {
|
|
27
|
+
return accordions.map(function (accordion) {
|
|
28
|
+
return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, accordion), {}, {
|
|
29
|
+
expanded: true
|
|
30
|
+
});
|
|
31
|
+
});
|
|
32
|
+
});
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
var shrinkAll = function shrinkAll() {
|
|
36
|
+
setAccordions(function (accordions) {
|
|
37
|
+
return accordions.map(function (accordion) {
|
|
38
|
+
return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, accordion), {}, {
|
|
39
|
+
expanded: false
|
|
40
|
+
});
|
|
41
|
+
});
|
|
42
|
+
});
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
var expand = function expand(id) {
|
|
46
|
+
setAccordions(function (accordions) {
|
|
47
|
+
return accordions.map(function (accordion) {
|
|
48
|
+
return accordion.id === id ? _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, accordion), {}, {
|
|
49
|
+
expanded: true
|
|
50
|
+
}) : accordion;
|
|
51
|
+
});
|
|
52
|
+
});
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
var shrink = function shrink(id) {
|
|
56
|
+
setAccordions(function (accordions) {
|
|
57
|
+
return accordions.map(function (accordion) {
|
|
58
|
+
return accordion.id === id ? _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, accordion), {}, {
|
|
59
|
+
expanded: false
|
|
60
|
+
}) : accordion;
|
|
61
|
+
});
|
|
62
|
+
});
|
|
63
|
+
};
|
|
64
|
+
|
|
65
|
+
var add = function add(id) {
|
|
66
|
+
var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
|
|
67
|
+
expanded: false
|
|
68
|
+
};
|
|
69
|
+
setAccordions(function (accordions) {
|
|
70
|
+
return [].concat(_rollupPluginBabelHelpers.toConsumableArray(accordions), [_rollupPluginBabelHelpers.objectSpread2({
|
|
71
|
+
id: id
|
|
72
|
+
}, config)]);
|
|
73
|
+
});
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
var remove = function remove(id) {
|
|
77
|
+
setAccordions(accordions.filter(function (accordion) {
|
|
78
|
+
return accordion.id !== id;
|
|
79
|
+
}));
|
|
80
|
+
};
|
|
81
|
+
|
|
82
|
+
var get = function get(id) {
|
|
83
|
+
return accordions.find(function (accordion) {
|
|
84
|
+
return accordion.id === id;
|
|
85
|
+
});
|
|
86
|
+
};
|
|
87
|
+
|
|
88
|
+
return {
|
|
89
|
+
expandAll: expandAll,
|
|
90
|
+
shrinkAll: shrinkAll,
|
|
91
|
+
expand: expand,
|
|
92
|
+
shrink: shrink,
|
|
93
|
+
add: add,
|
|
94
|
+
remove: remove,
|
|
95
|
+
get: get,
|
|
96
|
+
accordions: accordions,
|
|
97
|
+
areAllExpanded: areAllExpanded
|
|
98
|
+
};
|
|
99
|
+
};
|
|
100
|
+
|
|
101
|
+
exports.useAccordionsGroup = useAccordionsGroup;
|
|
102
|
+
//# sourceMappingURL=use_accordions_group.js.map
|
package/build/cjs/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/build/cjs/packages/aurora/src/components/accordions_group/hooks/use_accordions_group_api.js
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var context = require('../context.js');
|
|
7
|
+
|
|
8
|
+
var useAccordionsGroupApi = function useAccordionsGroupApi() {
|
|
9
|
+
return React.useContext(context.AccordionsGroupContext);
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
exports.useAccordionsGroupApi = useAccordionsGroupApi;
|
|
13
|
+
//# sourceMappingURL=use_accordions_group_api.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var context = require('./context.js');
|
|
7
|
+
var use_accordions_group = require('./hooks/use_accordions_group.js');
|
|
8
|
+
|
|
9
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
|
+
|
|
11
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
|
+
|
|
13
|
+
var AccordionsGroup = function AccordionsGroup(_ref) {
|
|
14
|
+
var children = _ref.children;
|
|
15
|
+
var accordionsGroupApi = use_accordions_group.useAccordionsGroup();
|
|
16
|
+
return /*#__PURE__*/React__default['default'].createElement(context.AccordionsGroupContext.Provider, {
|
|
17
|
+
value: accordionsGroupApi
|
|
18
|
+
}, children);
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
exports.AccordionsGroup = AccordionsGroup;
|
|
22
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -14,8 +14,10 @@ var button = {
|
|
|
14
14
|
type = _ref$type === void 0 ? 'button' : _ref$type,
|
|
15
15
|
onClick = _ref.onClick,
|
|
16
16
|
testId = _ref.testId,
|
|
17
|
-
children = _ref.children
|
|
17
|
+
children = _ref.children,
|
|
18
|
+
disabled = _ref.disabled;
|
|
18
19
|
return /*#__PURE__*/React__default['default'].createElement("button", {
|
|
20
|
+
disabled: disabled,
|
|
19
21
|
type: type,
|
|
20
22
|
onClick: onClick,
|
|
21
23
|
className: classNames,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -4,14 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
|
|
6
6
|
|
|
7
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_accordion__qbc72 {\n background-color: #f3f4f8;\n border: 1px solid #abb4cd;\n border-radius: 2px;\n overflow: hidden;\n}\n.main-
|
|
7
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_accordion__qbc72 {\n background-color: #f3f4f8;\n border: 1px solid #abb4cd;\n border-radius: 2px;\n overflow: hidden;\n}\n.main-module_accordion__toggler__1aZjG {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 10px 8px;\n font-weight: 600;\n cursor: pointer;\n}\n.main-module_accordion__toggler-icon_left__30mJs {\n flex-direction: row-reverse;\n}\n.main-module_accordion__title__cZTxX {\n max-width: calc(100% - (12px + 8px));\n word-wrap: break-word;\n}\n.main-module_accordion__content__3c3tq {\n padding: 8px;\n border-top: 1px solid #abb4cd;\n}\n.main-module_accordion__icon_rotate-180__1tqnh {\n transform: rotate(180deg);\n}\n.main-module_accordion_secondary__-v9gP {\n border: 0;\n background-color: transparent;\n}\n.main-module_accordion_secondary__-v9gP > .main-module_accordion__toggler__1aZjG {\n background-color: #f3f4f8;\n}\n.main-module_accordion_secondary__-v9gP > .main-module_accordion__content__3c3tq {\n border-top: 0;\n}\n.main-module_accordion_tertiary__1pu1L {\n border: 0;\n background-color: transparent;\n}\n.main-module_accordion_tertiary__1pu1L > .main-module_accordion__toggler__1aZjG {\n background-color: transparent;\n}\n.main-module_accordion_tertiary__1pu1L > .main-module_accordion__content__3c3tq {\n border-top: 0;\n}\n";
|
|
8
8
|
var cssClasses = {
|
|
9
9
|
"accordion": "main-module_accordion__qbc72",
|
|
10
|
-
"
|
|
10
|
+
"accordion__toggler": "main-module_accordion__toggler__1aZjG",
|
|
11
|
+
"accordion__toggler-icon_left": "main-module_accordion__toggler-icon_left__30mJs",
|
|
11
12
|
"accordion__title": "main-module_accordion__title__cZTxX",
|
|
12
13
|
"accordion__content": "main-module_accordion__content__3c3tq",
|
|
13
14
|
"accordion__icon_rotate-180": "main-module_accordion__icon_rotate-180__1tqnh",
|
|
14
|
-
"accordion_secondary": "main-module_accordion_secondary__-v9gP"
|
|
15
|
+
"accordion_secondary": "main-module_accordion_secondary__-v9gP",
|
|
16
|
+
"accordion_tertiary": "main-module_accordion_tertiary__1pu1L"
|
|
15
17
|
};
|
|
16
18
|
styleInject_es['default'](css_248z);
|
|
17
19
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
|
|
6
6
|
|
|
7
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_btn__1OX4j {\n transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n display: inline-block;\n padding: 0.643rem 2rem;\n font-family: inherit;\n color: #135cc8;\n text-align: center;\n text-decoration: none;\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n background-color: transparent;\n border: 2px solid transparent;\n border-radius: 20px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: pointer;\n vertical-align: middle;\n}\n.main-module_btn__1OX4j:hover {\n border-color: #135cc8;\n background-color: #135cc8;\n color: #ffffff;\n}\n.main-module_btn_bg__oIy2H {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #ffffff;\n background-color: #3c83ec;\n}\n.main-module_btn_outline__1psTf {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n border-color: #3c83ec;\n}\n.main-module_btn_link__3tDbi {\n min-width: auto;\n font-weight: 600;\n letter-spacing: inherit;\n padding: 0.393rem 0;\n}\n.main-module_btn_link__3tDbi:hover {\n border-color: transparent;\n background-color: transparent;\n color: inherit;\n text-decoration: underline;\n}\n.main-module_btn_secondary__285QT {\n color: #5c657e;\n}\n.main-module_btn_alert__3zWIt {\n background-color: #e60c54;\n}\n.main-module_btn_on-dark-bg__a5FAF {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF:hover {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF.main-module_btn_outline__1psTf {\n border-color: #ffffff;\n}\n.main-module_btn_s__rRebe {\n min-width: auto;\n padding: 0.393rem 1rem;\n}\n.main-module_btn_inactive__26wIq {\n opacity: 0.4;\n cursor: default;\n pointer-events: none;\n}\n";
|
|
7
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_btn__1OX4j {\n transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n display: inline-block;\n padding: 0.643rem 2rem;\n font-family: inherit;\n color: #135cc8;\n text-align: center;\n text-decoration: none;\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n background-color: transparent;\n border: 2px solid transparent;\n border-radius: 20px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: pointer;\n vertical-align: middle;\n}\n.main-module_btn__1OX4j:hover {\n border-color: #135cc8;\n background-color: #135cc8;\n color: #ffffff;\n}\n.main-module_btn_bg__oIy2H {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #ffffff;\n background-color: #3c83ec;\n}\n.main-module_btn_outline__1psTf {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n border-color: #3c83ec;\n}\n.main-module_btn_link__3tDbi {\n min-width: auto;\n font-weight: 600;\n letter-spacing: inherit;\n padding: 0.393rem 0;\n}\n.main-module_btn_link__3tDbi:hover {\n border-color: transparent;\n background-color: transparent;\n color: inherit;\n text-decoration: underline;\n}\n.main-module_btn_secondary__285QT {\n color: #5c657e;\n}\n.main-module_btn_alert__3zWIt {\n background-color: #e60c54;\n}\n.main-module_btn_on-dark-bg__a5FAF {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF:hover {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF.main-module_btn_outline__1psTf {\n border-color: #ffffff;\n}\n.main-module_btn_s__rRebe {\n min-width: auto;\n padding: 0.393rem 1rem;\n}\n.main-module_btn_inactive__26wIq,\n.main-module_btn__1OX4j [disabled] {\n opacity: 0.4;\n cursor: default;\n pointer-events: none;\n}\n";
|
|
8
8
|
var cssClasses = {
|
|
9
9
|
"btn": "main-module_btn__1OX4j",
|
|
10
10
|
"btn_bg": "main-module_btn_bg__oIy2H",
|
|
@@ -4,6 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var constants = require('./components/color_picker_new/constants.js');
|
|
6
6
|
var index$u = require('./components/modal/hoc/absolute_modal/index.js');
|
|
7
|
+
var constants$1 = require('./components/accordion/constants.js');
|
|
8
|
+
var use_accordions_group_api = require('./components/accordions_group/hooks/use_accordions_group_api.js');
|
|
7
9
|
var index = require('./components/accordion/index.js');
|
|
8
10
|
var index$7 = require('./components/stack/index.js');
|
|
9
11
|
var index$S = require('./components/breadcrumbs/index.js');
|
|
@@ -96,12 +98,16 @@ var tree_hook = require('./components/tree/hooks/tree_hook.js');
|
|
|
96
98
|
var tree_node = require('./components/tree/components/tree_node.js');
|
|
97
99
|
var values_syncer = require('./components/controls/components/values_syncer.js');
|
|
98
100
|
var index$M = require('./components/with_loader/index.js');
|
|
101
|
+
var index$T = require('./components/accordions_group/index.js');
|
|
99
102
|
|
|
100
103
|
|
|
101
104
|
|
|
102
105
|
exports.GRADIENT_RADIAL_SHAPES = constants.GRADIENT_RADIAL_SHAPES;
|
|
103
106
|
exports.GRADIENT_TYPES = constants.GRADIENT_TYPES;
|
|
104
107
|
exports.AbsoluteModal = index$u['default'];
|
|
108
|
+
exports.ACCORDION_TOGGLER_ICON_POSITION = constants$1.ACCORDION_TOGGLER_ICON_POSITION;
|
|
109
|
+
exports.ACCORDION_VARIANTS = constants$1.ACCORDION_VARIANTS;
|
|
110
|
+
exports.useAccordionsGroupApi = use_accordions_group_api.useAccordionsGroupApi;
|
|
105
111
|
exports.Accordion = index['default'];
|
|
106
112
|
exports.Stack = index$7['default'];
|
|
107
113
|
exports.Breadcrumbs = index$S.Breadcrumbs;
|
|
@@ -196,4 +202,5 @@ exports.useTree = tree_hook.useTree;
|
|
|
196
202
|
exports.TreeNode = tree_node.TreeNode;
|
|
197
203
|
exports.ValuesSyncer = values_syncer['default'];
|
|
198
204
|
exports.WithLoader = index$M['default'];
|
|
205
|
+
exports.AccordionsGroup = index$T.AccordionsGroup;
|
|
199
206
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
var ACCORDION_TOGGLER_ICON_POSITION = {
|
|
2
|
+
left: 'left',
|
|
3
|
+
right: 'right'
|
|
4
|
+
};
|
|
5
|
+
var ACCORDION_VARIANTS = {
|
|
6
|
+
primary: 'primary',
|
|
7
|
+
secondary: 'secondary',
|
|
8
|
+
tertiary: 'tertiary'
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
export { ACCORDION_TOGGLER_ICON_POSITION, ACCORDION_VARIANTS };
|
|
12
|
+
//# sourceMappingURL=constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
2
|
accordion: string;
|
|
3
|
-
|
|
3
|
+
accordionToggler: string;
|
|
4
|
+
accordionTogglerIconLeft: string;
|
|
4
5
|
accordionTitle: string;
|
|
5
6
|
accordionContent: string;
|
|
6
7
|
accordionIconRotate180: string;
|
|
7
8
|
accordionSecondary: string;
|
|
9
|
+
accordionTertiary: string;
|
|
8
10
|
};
|
|
9
11
|
export default _default;
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
var accordionBaseCssClass = 'accordion';
|
|
2
2
|
var CSS_CLASSES = {
|
|
3
3
|
accordion: accordionBaseCssClass,
|
|
4
|
-
|
|
4
|
+
accordionToggler: "".concat(accordionBaseCssClass, "__toggler"),
|
|
5
|
+
accordionTogglerIconLeft: "".concat(accordionBaseCssClass, "__toggler-icon_left"),
|
|
5
6
|
accordionTitle: "".concat(accordionBaseCssClass, "__title"),
|
|
6
7
|
accordionContent: "".concat(accordionBaseCssClass, "__content"),
|
|
7
8
|
accordionIconRotate180: "".concat(accordionBaseCssClass, "__icon_rotate-180"),
|
|
8
|
-
accordionSecondary: "".concat(accordionBaseCssClass, "_secondary")
|
|
9
|
+
accordionSecondary: "".concat(accordionBaseCssClass, "_secondary"),
|
|
10
|
+
accordionTertiary: "".concat(accordionBaseCssClass, "_tertiary")
|
|
9
11
|
};
|
|
10
12
|
|
|
11
13
|
export default CSS_CLASSES;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
import React, { useState, useEffect } from 'react';
|
|
2
|
-
import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
import { slicedToArray as _slicedToArray, defineProperty as _defineProperty } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
+
import classnames from 'classnames';
|
|
3
4
|
import CSS_CLASSES from './css_classes.js';
|
|
5
|
+
import { ACCORDION_VARIANTS, ACCORDION_TOGGLER_ICON_POSITION } from './constants.js';
|
|
4
6
|
import IconArrowDown from '../../assets/icon_arrow_down.js';
|
|
5
7
|
import cssClasses from '../../css/accordion/main.module.less.js';
|
|
8
|
+
import { useAccordionsGroupApi } from '../accordions_group/hooks/use_accordions_group_api.js';
|
|
6
9
|
|
|
7
10
|
var Accordion = function Accordion(_ref) {
|
|
8
11
|
var id = _ref.id,
|
|
@@ -11,24 +14,46 @@ var Accordion = function Accordion(_ref) {
|
|
|
11
14
|
isOpened = _ref$isOpened === void 0 ? false : _ref$isOpened,
|
|
12
15
|
_ref$isStatic = _ref.isStatic,
|
|
13
16
|
isStatic = _ref$isStatic === void 0 ? false : _ref$isStatic,
|
|
14
|
-
|
|
17
|
+
_ref$variant = _ref.variant,
|
|
18
|
+
variant = _ref$variant === void 0 ? ACCORDION_VARIANTS.primary : _ref$variant,
|
|
15
19
|
negativeIndentValue = _ref.negativeIndentValue,
|
|
16
|
-
children = _ref.children
|
|
20
|
+
children = _ref.children,
|
|
21
|
+
_ref$toggleIcon = _ref.toggleIcon,
|
|
22
|
+
ToggleIcon = _ref$toggleIcon === void 0 ? IconArrowDown : _ref$toggleIcon,
|
|
23
|
+
_ref$toggleIconPositi = _ref.toggleIconPosition,
|
|
24
|
+
toggleIconPosition = _ref$toggleIconPositi === void 0 ? ACCORDION_TOGGLER_ICON_POSITION.right : _ref$toggleIconPositi;
|
|
25
|
+
var accordionsGroupApi = useAccordionsGroupApi();
|
|
17
26
|
|
|
18
|
-
var _useState = useState(isOpened),
|
|
27
|
+
var _useState = useState(isStatic ? true : isOpened),
|
|
19
28
|
_useState2 = _slicedToArray(_useState, 2),
|
|
20
29
|
isOpen = _useState2[0],
|
|
21
30
|
setIsOpen = _useState2[1];
|
|
22
31
|
|
|
32
|
+
var accordion = accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.get(id);
|
|
33
|
+
useEffect(function () {
|
|
34
|
+
accordionsGroupApi === null || accordionsGroupApi === void 0 || accordionsGroupApi.add(id, {
|
|
35
|
+
expanded: isOpen
|
|
36
|
+
});
|
|
37
|
+
}, [id]);
|
|
38
|
+
useEffect(function () {
|
|
39
|
+
if (accordion) setIsOpen(accordion.expanded);
|
|
40
|
+
}, [accordion]);
|
|
41
|
+
|
|
23
42
|
var handleOnClick = function handleOnClick() {
|
|
24
|
-
|
|
43
|
+
setIsOpenState(!isOpen);
|
|
25
44
|
};
|
|
26
45
|
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
46
|
+
var setIsOpenState = function setIsOpenState(newIsOpen) {
|
|
47
|
+
var accordion = accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.get(id);
|
|
48
|
+
|
|
49
|
+
if (!accordion) {
|
|
50
|
+
setIsOpen(isStatic ? true : newIsOpen);
|
|
51
|
+
return;
|
|
30
52
|
}
|
|
31
|
-
|
|
53
|
+
|
|
54
|
+
newIsOpen ? accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.expand(id) : accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.shrink(id);
|
|
55
|
+
};
|
|
56
|
+
|
|
32
57
|
var wrapperIndentStyles = {
|
|
33
58
|
marginLeft: "-".concat(negativeIndentValue, "px"),
|
|
34
59
|
marginRight: "-".concat(negativeIndentValue, "px")
|
|
@@ -38,17 +63,17 @@ var Accordion = function Accordion(_ref) {
|
|
|
38
63
|
paddingRight: "".concat(negativeIndentValue, "px")
|
|
39
64
|
};
|
|
40
65
|
return /*#__PURE__*/React.createElement("div", {
|
|
41
|
-
className:
|
|
66
|
+
className: classnames(cssClasses[CSS_CLASSES.accordion], _defineProperty(_defineProperty({}, cssClasses[CSS_CLASSES.accordionSecondary], variant === ACCORDION_VARIANTS.secondary), cssClasses[CSS_CLASSES.accordionTertiary], variant === ACCORDION_VARIANTS.tertiary)),
|
|
42
67
|
style: negativeIndentValue ? wrapperIndentStyles : undefined
|
|
43
68
|
}, /*#__PURE__*/React.createElement("div", {
|
|
44
|
-
className: cssClasses[CSS_CLASSES.
|
|
69
|
+
className: classnames(cssClasses[CSS_CLASSES.accordionToggler], _defineProperty({}, cssClasses[CSS_CLASSES.accordionTogglerIconLeft], toggleIconPosition === ACCORDION_TOGGLER_ICON_POSITION.left)),
|
|
45
70
|
onClick: !isStatic ? handleOnClick : undefined,
|
|
46
71
|
"aria-expanded": isOpen,
|
|
47
72
|
"aria-controls": id,
|
|
48
73
|
style: negativeIndentValue ? contentIndentStyles : undefined
|
|
49
74
|
}, /*#__PURE__*/React.createElement("div", {
|
|
50
75
|
className: cssClasses[CSS_CLASSES.accordionTitle]
|
|
51
|
-
}, title), !isStatic && /*#__PURE__*/React.createElement(
|
|
76
|
+
}, title), !isStatic && /*#__PURE__*/React.createElement(ToggleIcon, {
|
|
52
77
|
size: "m",
|
|
53
78
|
className: "".concat(isOpen ? cssClasses[CSS_CLASSES.accordionIconRotate180] : '')
|
|
54
79
|
})), isOpen && /*#__PURE__*/React.createElement("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,10 +1,17 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { ACCORDION_TOGGLER_ICON_POSITION, ACCORDION_VARIANTS } from "./constants";
|
|
3
|
+
import { Any } from 'ts-toolbelt';
|
|
4
|
+
import { IIconProps } from "../../assets/types";
|
|
2
5
|
export declare type IAccordionProps = {
|
|
3
6
|
id: string;
|
|
4
7
|
title: string | ReactNode;
|
|
5
8
|
isOpened?: boolean;
|
|
6
9
|
isStatic?: boolean;
|
|
7
|
-
|
|
10
|
+
variant?: TAccordionVariant;
|
|
8
11
|
negativeIndentValue?: number;
|
|
9
12
|
children: ReactNode;
|
|
13
|
+
toggleIcon?: React.FC<IIconProps>;
|
|
14
|
+
toggleIconPosition?: TToggleIconPosition;
|
|
10
15
|
};
|
|
16
|
+
export declare type TToggleIconPosition = Any.Keys<typeof ACCORDION_TOGGLER_ICON_POSITION>;
|
|
17
|
+
export declare type TAccordionVariant = Any.Keys<typeof ACCORDION_VARIANTS>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/accordion/types.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/accordion/types.ts"],"names":[],"mappings":"AAAA,OAAiC,OAAO,CAAC;AACzC,OAAoE,uCAAuC,CAAC;AAC5G,OAAoB,aAAa,CAAC;AAClC,OAA2B,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { createContext } from 'react';
|
|
2
|
+
|
|
3
|
+
var AccordionsGroupContext = /*#__PURE__*/createContext({
|
|
4
|
+
expandAll: function expandAll() {},
|
|
5
|
+
shrinkAll: function shrinkAll() {},
|
|
6
|
+
expand: function expand() {},
|
|
7
|
+
shrink: function shrink() {},
|
|
8
|
+
add: function add() {},
|
|
9
|
+
remove: function remove() {},
|
|
10
|
+
get: function get() {
|
|
11
|
+
return undefined;
|
|
12
|
+
},
|
|
13
|
+
areAllExpanded: false,
|
|
14
|
+
accordions: []
|
|
15
|
+
});
|
|
16
|
+
|
|
17
|
+
export { AccordionsGroupContext };
|
|
18
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.d.ts
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { TAccordion } from "../types";
|
|
2
|
+
export declare const useAccordionsGroup: () => {
|
|
3
|
+
expandAll: () => void;
|
|
4
|
+
shrinkAll: () => void;
|
|
5
|
+
expand: (id: string) => void;
|
|
6
|
+
shrink: (id: string) => void;
|
|
7
|
+
add: (id: string, config?: Pick<TAccordion, 'expanded'>) => void;
|
|
8
|
+
remove: (id: string) => void;
|
|
9
|
+
get: (id: string) => TAccordion | undefined;
|
|
10
|
+
accordions: TAccordion[];
|
|
11
|
+
areAllExpanded: boolean;
|
|
12
|
+
};
|
package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js
ADDED
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { useState, useEffect } from 'react';
|
|
2
|
+
import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
+
|
|
4
|
+
var useAccordionsGroup = function useAccordionsGroup() {
|
|
5
|
+
var _useState = useState([]),
|
|
6
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
7
|
+
accordions = _useState2[0],
|
|
8
|
+
setAccordions = _useState2[1];
|
|
9
|
+
|
|
10
|
+
var _useState3 = useState(false),
|
|
11
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
12
|
+
areAllExpanded = _useState4[0],
|
|
13
|
+
setAreAllExpanded = _useState4[1];
|
|
14
|
+
|
|
15
|
+
useEffect(function () {
|
|
16
|
+
setAreAllExpanded(accordions.every(function (accordion) {
|
|
17
|
+
return accordion.expanded;
|
|
18
|
+
}));
|
|
19
|
+
}, []);
|
|
20
|
+
|
|
21
|
+
var expandAll = function expandAll() {
|
|
22
|
+
setAccordions(function (accordions) {
|
|
23
|
+
return accordions.map(function (accordion) {
|
|
24
|
+
return _objectSpread2(_objectSpread2({}, accordion), {}, {
|
|
25
|
+
expanded: true
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
});
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
var shrinkAll = function shrinkAll() {
|
|
32
|
+
setAccordions(function (accordions) {
|
|
33
|
+
return accordions.map(function (accordion) {
|
|
34
|
+
return _objectSpread2(_objectSpread2({}, accordion), {}, {
|
|
35
|
+
expanded: false
|
|
36
|
+
});
|
|
37
|
+
});
|
|
38
|
+
});
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
var expand = function expand(id) {
|
|
42
|
+
setAccordions(function (accordions) {
|
|
43
|
+
return accordions.map(function (accordion) {
|
|
44
|
+
return accordion.id === id ? _objectSpread2(_objectSpread2({}, accordion), {}, {
|
|
45
|
+
expanded: true
|
|
46
|
+
}) : accordion;
|
|
47
|
+
});
|
|
48
|
+
});
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
var shrink = function shrink(id) {
|
|
52
|
+
setAccordions(function (accordions) {
|
|
53
|
+
return accordions.map(function (accordion) {
|
|
54
|
+
return accordion.id === id ? _objectSpread2(_objectSpread2({}, accordion), {}, {
|
|
55
|
+
expanded: false
|
|
56
|
+
}) : accordion;
|
|
57
|
+
});
|
|
58
|
+
});
|
|
59
|
+
};
|
|
60
|
+
|
|
61
|
+
var add = function add(id) {
|
|
62
|
+
var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
|
|
63
|
+
expanded: false
|
|
64
|
+
};
|
|
65
|
+
setAccordions(function (accordions) {
|
|
66
|
+
return [].concat(_toConsumableArray(accordions), [_objectSpread2({
|
|
67
|
+
id: id
|
|
68
|
+
}, config)]);
|
|
69
|
+
});
|
|
70
|
+
};
|
|
71
|
+
|
|
72
|
+
var remove = function remove(id) {
|
|
73
|
+
setAccordions(accordions.filter(function (accordion) {
|
|
74
|
+
return accordion.id !== id;
|
|
75
|
+
}));
|
|
76
|
+
};
|
|
77
|
+
|
|
78
|
+
var get = function get(id) {
|
|
79
|
+
return accordions.find(function (accordion) {
|
|
80
|
+
return accordion.id === id;
|
|
81
|
+
});
|
|
82
|
+
};
|
|
83
|
+
|
|
84
|
+
return {
|
|
85
|
+
expandAll: expandAll,
|
|
86
|
+
shrinkAll: shrinkAll,
|
|
87
|
+
expand: expand,
|
|
88
|
+
shrink: shrink,
|
|
89
|
+
add: add,
|
|
90
|
+
remove: remove,
|
|
91
|
+
get: get,
|
|
92
|
+
accordions: accordions,
|
|
93
|
+
areAllExpanded: areAllExpanded
|
|
94
|
+
};
|
|
95
|
+
};
|
|
96
|
+
|
|
97
|
+
export { useAccordionsGroup };
|
|
98
|
+
//# sourceMappingURL=use_accordions_group.js.map
|
package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group_api.js
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { useContext } from 'react';
|
|
2
|
+
import { AccordionsGroupContext } from '../context.js';
|
|
3
|
+
|
|
4
|
+
var useAccordionsGroupApi = function useAccordionsGroupApi() {
|
|
5
|
+
return useContext(AccordionsGroupContext);
|
|
6
|
+
};
|
|
7
|
+
|
|
8
|
+
export { useAccordionsGroupApi };
|
|
9
|
+
//# sourceMappingURL=use_accordions_group_api.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { AccordionsGroupContext } from './context.js';
|
|
3
|
+
import { useAccordionsGroup } from './hooks/use_accordions_group.js';
|
|
4
|
+
|
|
5
|
+
var AccordionsGroup = function AccordionsGroup(_ref) {
|
|
6
|
+
var children = _ref.children;
|
|
7
|
+
var accordionsGroupApi = useAccordionsGroup();
|
|
8
|
+
return /*#__PURE__*/React.createElement(AccordionsGroupContext.Provider, {
|
|
9
|
+
value: accordionsGroupApi
|
|
10
|
+
}, children);
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
export { AccordionsGroup };
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export interface IAccordionsGroupContext {
|
|
2
|
+
expandAll(): void;
|
|
3
|
+
shrinkAll(): void;
|
|
4
|
+
expand(id: string): void;
|
|
5
|
+
shrink(id: string): void;
|
|
6
|
+
add(id: string, config?: Pick<TAccordion, 'expanded'>): void;
|
|
7
|
+
remove(id: string): void;
|
|
8
|
+
get(id: string): TAccordion | undefined;
|
|
9
|
+
accordions: TAccordion[];
|
|
10
|
+
areAllExpanded: boolean;
|
|
11
|
+
}
|
|
12
|
+
export interface IAccordionsGroupApi extends IAccordionsGroupContext {
|
|
13
|
+
}
|
|
14
|
+
export declare type TAccordion = {
|
|
15
|
+
id: string;
|
|
16
|
+
expanded: boolean;
|
|
17
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/accordions_group/types.ts"],"names":[],"mappings":""}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IAsButtonProps } from './types';
|
|
2
2
|
export declare const button: {
|
|
3
|
-
render({ type, onClick, testId, children }: IAsButtonProps, classNames: string): JSX.Element;
|
|
3
|
+
render({ type, onClick, testId, children, disabled }: IAsButtonProps, classNames: string): JSX.Element;
|
|
4
4
|
};
|
|
@@ -6,8 +6,10 @@ var button = {
|
|
|
6
6
|
type = _ref$type === void 0 ? 'button' : _ref$type,
|
|
7
7
|
onClick = _ref.onClick,
|
|
8
8
|
testId = _ref.testId,
|
|
9
|
-
children = _ref.children
|
|
9
|
+
children = _ref.children,
|
|
10
|
+
disabled = _ref.disabled;
|
|
10
11
|
return /*#__PURE__*/React.createElement("button", {
|
|
12
|
+
disabled: disabled,
|
|
11
13
|
type: type,
|
|
12
14
|
onClick: onClick,
|
|
13
15
|
className: classNames,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const buttonTypes: {
|
|
2
2
|
button: {
|
|
3
|
-
render({ type, onClick, testId, children }: import("./button/types").IAsButtonProps, classNames: string): JSX.Element;
|
|
3
|
+
render({ type, onClick, testId, children, disabled }: import("./button/types").IAsButtonProps, classNames: string): JSX.Element;
|
|
4
4
|
};
|
|
5
5
|
link: {
|
|
6
6
|
render({ href, target, onClick, testId, children }: import("./link/types").IAsLinkProps, classNames: string): JSX.Element;
|
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_accordion__qbc72 {\n background-color: #f3f4f8;\n border: 1px solid #abb4cd;\n border-radius: 2px;\n overflow: hidden;\n}\n.main-
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_accordion__qbc72 {\n background-color: #f3f4f8;\n border: 1px solid #abb4cd;\n border-radius: 2px;\n overflow: hidden;\n}\n.main-module_accordion__toggler__1aZjG {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 10px 8px;\n font-weight: 600;\n cursor: pointer;\n}\n.main-module_accordion__toggler-icon_left__30mJs {\n flex-direction: row-reverse;\n}\n.main-module_accordion__title__cZTxX {\n max-width: calc(100% - (12px + 8px));\n word-wrap: break-word;\n}\n.main-module_accordion__content__3c3tq {\n padding: 8px;\n border-top: 1px solid #abb4cd;\n}\n.main-module_accordion__icon_rotate-180__1tqnh {\n transform: rotate(180deg);\n}\n.main-module_accordion_secondary__-v9gP {\n border: 0;\n background-color: transparent;\n}\n.main-module_accordion_secondary__-v9gP > .main-module_accordion__toggler__1aZjG {\n background-color: #f3f4f8;\n}\n.main-module_accordion_secondary__-v9gP > .main-module_accordion__content__3c3tq {\n border-top: 0;\n}\n.main-module_accordion_tertiary__1pu1L {\n border: 0;\n background-color: transparent;\n}\n.main-module_accordion_tertiary__1pu1L > .main-module_accordion__toggler__1aZjG {\n background-color: transparent;\n}\n.main-module_accordion_tertiary__1pu1L > .main-module_accordion__content__3c3tq {\n border-top: 0;\n}\n";
|
|
4
4
|
var cssClasses = {
|
|
5
5
|
"accordion": "main-module_accordion__qbc72",
|
|
6
|
-
"
|
|
6
|
+
"accordion__toggler": "main-module_accordion__toggler__1aZjG",
|
|
7
|
+
"accordion__toggler-icon_left": "main-module_accordion__toggler-icon_left__30mJs",
|
|
7
8
|
"accordion__title": "main-module_accordion__title__cZTxX",
|
|
8
9
|
"accordion__content": "main-module_accordion__content__3c3tq",
|
|
9
10
|
"accordion__icon_rotate-180": "main-module_accordion__icon_rotate-180__1tqnh",
|
|
10
|
-
"accordion_secondary": "main-module_accordion_secondary__-v9gP"
|
|
11
|
+
"accordion_secondary": "main-module_accordion_secondary__-v9gP",
|
|
12
|
+
"accordion_tertiary": "main-module_accordion_tertiary__1pu1L"
|
|
11
13
|
};
|
|
12
14
|
styleInject(css_248z);
|
|
13
15
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,8DAAkE;AAC1F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_btn__1OX4j {\n transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n display: inline-block;\n padding: 0.643rem 2rem;\n font-family: inherit;\n color: #135cc8;\n text-align: center;\n text-decoration: none;\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n background-color: transparent;\n border: 2px solid transparent;\n border-radius: 20px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: pointer;\n vertical-align: middle;\n}\n.main-module_btn__1OX4j:hover {\n border-color: #135cc8;\n background-color: #135cc8;\n color: #ffffff;\n}\n.main-module_btn_bg__oIy2H {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #ffffff;\n background-color: #3c83ec;\n}\n.main-module_btn_outline__1psTf {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n border-color: #3c83ec;\n}\n.main-module_btn_link__3tDbi {\n min-width: auto;\n font-weight: 600;\n letter-spacing: inherit;\n padding: 0.393rem 0;\n}\n.main-module_btn_link__3tDbi:hover {\n border-color: transparent;\n background-color: transparent;\n color: inherit;\n text-decoration: underline;\n}\n.main-module_btn_secondary__285QT {\n color: #5c657e;\n}\n.main-module_btn_alert__3zWIt {\n background-color: #e60c54;\n}\n.main-module_btn_on-dark-bg__a5FAF {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF:hover {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF.main-module_btn_outline__1psTf {\n border-color: #ffffff;\n}\n.main-module_btn_s__rRebe {\n min-width: auto;\n padding: 0.393rem 1rem;\n}\n.main-module_btn_inactive__26wIq {\n opacity: 0.4;\n cursor: default;\n pointer-events: none;\n}\n";
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_btn__1OX4j {\n transition: background-color 0.3s, color 0.3s, border-color 0.3s;\n display: inline-block;\n padding: 0.643rem 2rem;\n font-family: inherit;\n color: #135cc8;\n text-align: center;\n text-decoration: none;\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n background-color: transparent;\n border: 2px solid transparent;\n border-radius: 20px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: pointer;\n vertical-align: middle;\n}\n.main-module_btn__1OX4j:hover {\n border-color: #135cc8;\n background-color: #135cc8;\n color: #ffffff;\n}\n.main-module_btn_bg__oIy2H {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n color: #ffffff;\n background-color: #3c83ec;\n}\n.main-module_btn_outline__1psTf {\n min-width: 138px;\n padding: 0.75rem 2rem;\n font-weight: 600;\n letter-spacing: 1.1px;\n text-transform: uppercase;\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n border-color: #3c83ec;\n}\n.main-module_btn_link__3tDbi {\n min-width: auto;\n font-weight: 600;\n letter-spacing: inherit;\n padding: 0.393rem 0;\n}\n.main-module_btn_link__3tDbi:hover {\n border-color: transparent;\n background-color: transparent;\n color: inherit;\n text-decoration: underline;\n}\n.main-module_btn_secondary__285QT {\n color: #5c657e;\n}\n.main-module_btn_alert__3zWIt {\n background-color: #e60c54;\n}\n.main-module_btn_on-dark-bg__a5FAF {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF:hover {\n color: #ffffff;\n}\n.main-module_btn_on-dark-bg__a5FAF.main-module_btn_outline__1psTf {\n border-color: #ffffff;\n}\n.main-module_btn_s__rRebe {\n min-width: auto;\n padding: 0.393rem 1rem;\n}\n.main-module_btn_inactive__26wIq,\n.main-module_btn__1OX4j [disabled] {\n opacity: 0.4;\n cursor: default;\n pointer-events: none;\n}\n";
|
|
4
4
|
var cssClasses = {
|
|
5
5
|
"btn": "main-module_btn__1OX4j",
|
|
6
6
|
"btn_bg": "main-module_btn_bg__oIy2H",
|
|
@@ -121,18 +121,22 @@ import { useModalsContext } from "./components/modal_new/hooks/use_modals_contex
|
|
|
121
121
|
import { useSearchList } from "./components/search_list/use_search_list";
|
|
122
122
|
import { useToggle } from "./components/dropdown/hooks";
|
|
123
123
|
import { useTree } from "./components/tree/hooks/tree_hook";
|
|
124
|
+
import { IAccordionsGroupApi, TAccordion } from "./components/accordions_group/types";
|
|
125
|
+
import { AccordionsGroup } from "./components/accordions_group";
|
|
126
|
+
import { useAccordionsGroupApi } from "./components/accordions_group/hooks/use_accordions_group_api";
|
|
124
127
|
/**
|
|
125
128
|
* export hooks
|
|
126
129
|
*/
|
|
127
130
|
/**
|
|
128
131
|
* export components
|
|
129
132
|
*/
|
|
130
|
-
export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ColorPickerNew, ColorPickerUtils, ControlColorPicker, ControlColorPickerNew, ControlDatepicker, ControlFilePicker, ControlXhrImagePicker, Heading, Typography, Modal, ModalNew, ModalsManager, useModalsContext, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, DropdownsManager, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ImagePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide, SlideWrapper, SlideHeader, SlideSubHeader, SlideContent, SlideFooter, XhrImagePicker, ValuesSyncer, useTree, Tree, TreeNode, ScrollSyncContainer, ScrollSync, useClickOutside, Breadcrumbs };
|
|
133
|
+
export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ColorPickerNew, ColorPickerUtils, ControlColorPicker, ControlColorPickerNew, ControlDatepicker, ControlFilePicker, ControlXhrImagePicker, Heading, Typography, Modal, ModalNew, ModalsManager, useModalsContext, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, DropdownsManager, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ImagePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide, SlideWrapper, SlideHeader, SlideSubHeader, SlideContent, SlideFooter, XhrImagePicker, ValuesSyncer, useTree, Tree, TreeNode, ScrollSyncContainer, ScrollSync, useClickOutside, Breadcrumbs, AccordionsGroup, useAccordionsGroupApi };
|
|
131
134
|
/**
|
|
132
135
|
* export constants
|
|
133
136
|
*/
|
|
134
137
|
export { GRADIENT_RADIAL_SHAPES, GRADIENT_TYPES } from "./components/color_picker_new/constants";
|
|
138
|
+
export { ACCORDION_VARIANTS, ACCORDION_TOGGLER_ICON_POSITION } from "./components/accordion/constants";
|
|
135
139
|
/**
|
|
136
140
|
* export types
|
|
137
141
|
*/
|
|
138
|
-
export type { IDropdownProps, ISelectOption, IHeadingProps, ICellProps, IIRowProps, ITableProps, IDropdownContext, IControlRadioGroupOption, IColor, IColorPickerColor, IDatepickerRange, TFilePickerFile, TImagePickerFile, TMessageBoxType, ILoaderProps, IWithLoader, TFlashMessage, TFlashMessageExtended, TImageSize, IImageEditorProps, TUploadedImageData, TGradientObject, TGradientColorStop, TGradientRadialShape, TGradientType };
|
|
142
|
+
export type { IAccordionsGroupApi, TAccordion, IDropdownProps, ISelectOption, IHeadingProps, ICellProps, IIRowProps, ITableProps, IDropdownContext, IControlRadioGroupOption, IColor, IColorPickerColor, IDatepickerRange, TFilePickerFile, TImagePickerFile, TMessageBoxType, ILoaderProps, IWithLoader, TFlashMessage, TFlashMessageExtended, TImageSize, IImageEditorProps, TUploadedImageData, TGradientObject, TGradientColorStop, TGradientRadialShape, TGradientType };
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
export { GRADIENT_RADIAL_SHAPES, GRADIENT_TYPES } from './components/color_picker_new/constants.js';
|
|
2
2
|
export { default as AbsoluteModal } from './components/modal/hoc/absolute_modal/index.js';
|
|
3
|
+
export { ACCORDION_TOGGLER_ICON_POSITION, ACCORDION_VARIANTS } from './components/accordion/constants.js';
|
|
4
|
+
export { useAccordionsGroupApi } from './components/accordions_group/hooks/use_accordions_group_api.js';
|
|
3
5
|
export { default as Accordion } from './components/accordion/index.js';
|
|
4
6
|
export { default as Stack } from './components/stack/index.js';
|
|
5
7
|
export { Breadcrumbs } from './components/breadcrumbs/index.js';
|
|
@@ -92,4 +94,5 @@ export { useTree } from './components/tree/hooks/tree_hook.js';
|
|
|
92
94
|
export { TreeNode } from './components/tree/components/tree_node.js';
|
|
93
95
|
export { default as ValuesSyncer } from './components/controls/components/values_syncer.js';
|
|
94
96
|
export { default as WithLoader } from './components/with_loader/index.js';
|
|
97
|
+
export { AccordionsGroup } from './components/accordions_group/index.js';
|
|
95
98
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|