@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.
Files changed (58) hide show
  1. package/build/cjs/packages/aurora/src/components/accordion/constants.js +17 -0
  2. package/build/cjs/packages/aurora/src/components/accordion/constants.js.map +1 -0
  3. package/build/cjs/packages/aurora/src/components/accordion/css_classes.js +4 -2
  4. package/build/cjs/packages/aurora/src/components/accordion/css_classes.js.map +1 -1
  5. package/build/cjs/packages/aurora/src/components/accordion/index.js +37 -11
  6. package/build/cjs/packages/aurora/src/components/accordion/index.js.map +1 -1
  7. package/build/cjs/packages/aurora/src/components/accordions_group/context.js +22 -0
  8. package/build/cjs/packages/aurora/src/components/accordions_group/context.js.map +1 -0
  9. package/build/cjs/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js +102 -0
  10. package/build/cjs/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js.map +1 -0
  11. package/build/cjs/packages/aurora/src/components/accordions_group/hooks/use_accordions_group_api.js +13 -0
  12. package/build/cjs/packages/aurora/src/components/accordions_group/hooks/use_accordions_group_api.js.map +1 -0
  13. package/build/cjs/packages/aurora/src/components/accordions_group/index.js +22 -0
  14. package/build/cjs/packages/aurora/src/components/accordions_group/index.js.map +1 -0
  15. package/build/cjs/packages/aurora/src/components/button/components/button/index.js +3 -1
  16. package/build/cjs/packages/aurora/src/components/button/components/button/index.js.map +1 -1
  17. package/build/cjs/packages/aurora/src/css/accordion/main.module.less.js +5 -3
  18. package/build/cjs/packages/aurora/src/css/accordion/main.module.less.js.map +1 -1
  19. package/build/cjs/packages/aurora/src/css/button/main.module.less.js +1 -1
  20. package/build/cjs/packages/aurora/src/index.js +7 -0
  21. package/build/cjs/packages/aurora/src/index.js.map +1 -1
  22. package/build/esm/packages/aurora/src/components/accordion/constants.d.ts +9 -0
  23. package/build/esm/packages/aurora/src/components/accordion/constants.js +12 -0
  24. package/build/esm/packages/aurora/src/components/accordion/constants.js.map +1 -0
  25. package/build/esm/packages/aurora/src/components/accordion/css_classes.d.ts +3 -1
  26. package/build/esm/packages/aurora/src/components/accordion/css_classes.js +4 -2
  27. package/build/esm/packages/aurora/src/components/accordion/css_classes.js.map +1 -1
  28. package/build/esm/packages/aurora/src/components/accordion/index.js +37 -12
  29. package/build/esm/packages/aurora/src/components/accordion/index.js.map +1 -1
  30. package/build/esm/packages/aurora/src/components/accordion/types.d.ts +9 -2
  31. package/build/esm/packages/aurora/src/components/accordion/types.js +3 -0
  32. package/build/esm/packages/aurora/src/components/accordion/types.js.map +1 -1
  33. package/build/esm/packages/aurora/src/components/accordions_group/context.d.ts +3 -0
  34. package/build/esm/packages/aurora/src/components/accordions_group/context.js +18 -0
  35. package/build/esm/packages/aurora/src/components/accordions_group/context.js.map +1 -0
  36. package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.d.ts +12 -0
  37. package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js +98 -0
  38. package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js.map +1 -0
  39. package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group_api.d.ts +2 -0
  40. package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group_api.js +9 -0
  41. package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group_api.js.map +1 -0
  42. package/build/esm/packages/aurora/src/components/accordions_group/index.d.ts +2 -0
  43. package/build/esm/packages/aurora/src/components/accordions_group/index.js +14 -0
  44. package/build/esm/packages/aurora/src/components/accordions_group/index.js.map +1 -0
  45. package/build/esm/packages/aurora/src/components/accordions_group/types.d.ts +17 -0
  46. package/build/esm/packages/aurora/src/components/accordions_group/types.js +2 -0
  47. package/build/esm/packages/aurora/src/components/accordions_group/types.js.map +1 -0
  48. package/build/esm/packages/aurora/src/components/button/components/button/index.d.ts +1 -1
  49. package/build/esm/packages/aurora/src/components/button/components/button/index.js +3 -1
  50. package/build/esm/packages/aurora/src/components/button/components/button/index.js.map +1 -1
  51. package/build/esm/packages/aurora/src/components/button/components/index.d.ts +1 -1
  52. package/build/esm/packages/aurora/src/css/accordion/main.module.less.js +5 -3
  53. package/build/esm/packages/aurora/src/css/accordion/main.module.less.js.map +1 -1
  54. package/build/esm/packages/aurora/src/css/button/main.module.less.js +1 -1
  55. package/build/esm/packages/aurora/src/index.d.ts +6 -2
  56. package/build/esm/packages/aurora/src/index.js +3 -0
  57. package/build/esm/packages/aurora/src/index.js.map +1 -1
  58. 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
- accordionHeader: "".concat(accordionBaseCssClass, "__header"),
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
- secondary = _ref.secondary,
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
- setIsOpen(!isOpen);
52
+ setIsOpenState(!isOpen);
33
53
  };
34
54
 
35
- React.useEffect(function () {
36
- if (isStatic) {
37
- setIsOpen(true);
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
- }, [isStatic]);
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: "".concat(main_module['default'][css_classes['default'].accordion], " ").concat(secondary ? main_module['default'][css_classes['default'].accordionSecondary] : ''),
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'].accordionHeader],
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(icon_arrow_down['default'], {
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;"}
@@ -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
@@ -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;"}
@@ -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-module_accordion__header__28z7_ {\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__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__header__28z7_ {\n background-color: #f3f4f8;\n}\n.main-module_accordion_secondary__-v9gP > .main-module_accordion__content__3c3tq {\n border-top: 0;\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_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
- "accordion__header": "main-module_accordion__header__28z7_",
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,9 @@
1
+ export declare const ACCORDION_TOGGLER_ICON_POSITION: {
2
+ readonly left: "left";
3
+ readonly right: "right";
4
+ };
5
+ export declare const ACCORDION_VARIANTS: {
6
+ readonly primary: "primary";
7
+ readonly secondary: "secondary";
8
+ readonly tertiary: "tertiary";
9
+ };
@@ -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
- accordionHeader: string;
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
- accordionHeader: "".concat(accordionBaseCssClass, "__header"),
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
- secondary = _ref.secondary,
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
- setIsOpen(!isOpen);
43
+ setIsOpenState(!isOpen);
25
44
  };
26
45
 
27
- useEffect(function () {
28
- if (isStatic) {
29
- setIsOpen(true);
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
- }, [isStatic]);
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: "".concat(cssClasses[CSS_CLASSES.accordion], " ").concat(secondary ? cssClasses[CSS_CLASSES.accordionSecondary] : ''),
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.accordionHeader],
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(IconArrowDown, {
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
- secondary?: boolean;
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,2 +1,5 @@
1
1
  import 'react';
2
+ import '@auroraComponents/accordion/constants';
3
+ import 'ts-toolbelt';
4
+ import '@auroraAssets/types';
2
5
  //# sourceMappingURL=types.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/accordion/types.ts"],"names":[],"mappings":"AAAA,OAA0B,OAAO,CAAC"}
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,3 @@
1
+ /// <reference types="react" />
2
+ import { IAccordionsGroupContext } from "./types";
3
+ export declare const AccordionsGroupContext: import("react").Context<IAccordionsGroupContext>;
@@ -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;"}
@@ -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
+ };
@@ -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
@@ -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;"}
@@ -0,0 +1,2 @@
1
+ import { IAccordionsGroupApi } from "../types";
2
+ export declare const useAccordionsGroupApi: () => IAccordionsGroupApi | undefined;
@@ -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,2 @@
1
+ import { PropsWithChildren } from 'react';
2
+ export declare const AccordionsGroup: ({ children }: PropsWithChildren<any>) => JSX.Element;
@@ -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,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -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-module_accordion__header__28z7_ {\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__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__header__28z7_ {\n background-color: #f3f4f8;\n}\n.main-module_accordion_secondary__-v9gP > .main-module_accordion__content__3c3tq {\n border-top: 0;\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_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
- "accordion__header": "main-module_accordion__header__28z7_",
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;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "2.26.0-1",
5
+ "version": "2.26.0-3",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",