@dreamcommerce/aurora 2.26.0-1 → 2.26.0-2

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 (49) 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_api.js +13 -0
  10. package/build/cjs/packages/aurora/src/components/accordions_group/hooks/use_accordions_group_api.js.map +1 -0
  11. package/build/cjs/packages/aurora/src/components/button/components/button/index.js +3 -1
  12. package/build/cjs/packages/aurora/src/components/button/components/button/index.js.map +1 -1
  13. package/build/cjs/packages/aurora/src/css/accordion/main.module.less.js +5 -3
  14. package/build/cjs/packages/aurora/src/css/accordion/main.module.less.js.map +1 -1
  15. package/build/cjs/packages/aurora/src/css/button/main.module.less.js +1 -1
  16. package/build/esm/packages/aurora/src/components/accordion/constants.d.ts +9 -0
  17. package/build/esm/packages/aurora/src/components/accordion/constants.js +12 -0
  18. package/build/esm/packages/aurora/src/components/accordion/constants.js.map +1 -0
  19. package/build/esm/packages/aurora/src/components/accordion/css_classes.d.ts +3 -1
  20. package/build/esm/packages/aurora/src/components/accordion/css_classes.js +4 -2
  21. package/build/esm/packages/aurora/src/components/accordion/css_classes.js.map +1 -1
  22. package/build/esm/packages/aurora/src/components/accordion/index.js +37 -12
  23. package/build/esm/packages/aurora/src/components/accordion/index.js.map +1 -1
  24. package/build/esm/packages/aurora/src/components/accordion/types.d.ts +9 -2
  25. package/build/esm/packages/aurora/src/components/accordion/types.js +3 -0
  26. package/build/esm/packages/aurora/src/components/accordion/types.js.map +1 -1
  27. package/build/esm/packages/aurora/src/components/accordions_group/context.d.ts +3 -0
  28. package/build/esm/packages/aurora/src/components/accordions_group/context.js +18 -0
  29. package/build/esm/packages/aurora/src/components/accordions_group/context.js.map +1 -0
  30. package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.d.ts +12 -0
  31. package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js +42 -0
  32. package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js.map +1 -0
  33. package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group_api.d.ts +2 -0
  34. package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group_api.js +9 -0
  35. package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group_api.js.map +1 -0
  36. package/build/esm/packages/aurora/src/components/accordions_group/index.d.ts +2 -0
  37. package/build/esm/packages/aurora/src/components/accordions_group/index.js +8 -0
  38. package/build/esm/packages/aurora/src/components/accordions_group/index.js.map +1 -0
  39. package/build/esm/packages/aurora/src/components/accordions_group/types.d.ts +17 -0
  40. package/build/esm/packages/aurora/src/components/accordions_group/types.js +2 -0
  41. package/build/esm/packages/aurora/src/components/accordions_group/types.js.map +1 -0
  42. package/build/esm/packages/aurora/src/components/button/components/button/index.d.ts +1 -1
  43. package/build/esm/packages/aurora/src/components/button/components/button/index.js +3 -1
  44. package/build/esm/packages/aurora/src/components/button/components/button/index.js.map +1 -1
  45. package/build/esm/packages/aurora/src/components/button/components/index.d.ts +1 -1
  46. package/build/esm/packages/aurora/src/css/accordion/main.module.less.js +5 -3
  47. package/build/esm/packages/aurora/src/css/accordion/main.module.less.js.map +1 -1
  48. package/build/esm/packages/aurora/src/css/button/main.module.less.js +1 -1
  49. 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,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;"}
@@ -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",
@@ -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 { IAccordionGroupContext } from "./types";
3
+ export declare const AccordionsGroupContext: import("react").Context<IAccordionGroupContext>;
@@ -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,42 @@
1
+ import '@auroraComponents/accordions_group/types';
2
+ import { useEffect, useState } from 'react';
3
+ export const useAccordionsGroup = () => {
4
+ const [accordions, setAccordions] = useState([]);
5
+ const [areAllExpanded, setAreAllExpanded] = useState(false);
6
+ useEffect(() => {
7
+ setAreAllExpanded(accordions.every((accordion) => accordion.expanded));
8
+ }, []);
9
+ const expandAll = () => {
10
+ setAccordions((accordions) => accordions.map((accordion) => ({ ...accordion, expanded: true })));
11
+ };
12
+ const shrinkAll = () => {
13
+ setAccordions((accordions) => accordions.map((accordion) => ({ ...accordion, expanded: false })));
14
+ };
15
+ const expand = (id) => {
16
+ setAccordions((accordions) => accordions.map((accordion) => (accordion.id === id ? { ...accordion, expanded: true } : accordion)));
17
+ };
18
+ const shrink = (id) => {
19
+ setAccordions((accordions) => accordions.map((accordion) => (accordion.id === id ? { ...accordion, expanded: false } : accordion)));
20
+ };
21
+ const add = (id, config = { expanded: false }) => {
22
+ setAccordions((accordions) => [...accordions, { id, ...config }]);
23
+ };
24
+ const remove = (id) => {
25
+ setAccordions(accordions.filter((accordion) => accordion.id !== id));
26
+ };
27
+ const get = (id) => {
28
+ return accordions.find((accordion) => accordion.id === id);
29
+ };
30
+ return {
31
+ expandAll,
32
+ shrinkAll,
33
+ expand,
34
+ shrink,
35
+ add,
36
+ remove,
37
+ get,
38
+ accordions,
39
+ areAllExpanded
40
+ };
41
+ };
42
+ //# sourceMappingURL=use_accordions_group.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use_accordions_group.js","sourceRoot":"","sources":["../../../../../../../../src/components/accordions_group/hooks/use_accordions_group.ts"],"names":[],"mappings":"AAAA,OAA2B,0CAA0C,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACnC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAe,EAAE,CAAC,CAAC;IAC/D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACX,iBAAiB,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC3E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,GAAG,EAAE;QACnB,aAAa,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;IACrG,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACnB,aAAa,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;IACtG,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,CAAC,EAAU,EAAE,EAAE;QAC1B,aAAa,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACvI,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,CAAC,EAAU,EAAE,EAAE;QAC1B,aAAa,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACxI,CAAC,CAAC;IAEF,MAAM,GAAG,GAAG,CAAC,EAAU,EAAE,SAAuC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE;QACnF,aAAa,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,GAAG,UAAU,EAAE,EAAE,EAAE,EAAE,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC;IACtE,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,CAAC,EAAU,EAAE,EAAE;QAC1B,aAAa,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;IACzE,CAAC,CAAC;IAEF,MAAM,GAAG,GAAG,CAAC,EAAU,EAAE,EAAE;QACvB,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC/D,CAAC,CAAC;IAEF,OAAO;QACH,SAAS;QACT,SAAS;QACT,MAAM;QACN,MAAM;QACN,GAAG;QACH,MAAM;QACN,GAAG;QACH,UAAU;QACV,cAAc;KACjB,CAAC;AACN,CAAC,CAAC"}
@@ -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,8 @@
1
+ import React from 'react';
2
+ import { AccordionsGroupContext } from '@auroraComponents/accordions_group/context';
3
+ import { useAccordionsGroup } from '@auroraComponents/accordions_group/hooks/use_accordions_group';
4
+ export const AccordionsGroup = ({ children }) => {
5
+ const accordionsGroupApi = useAccordionsGroup();
6
+ return React.createElement(AccordionsGroupContext.Provider, { value: accordionsGroupApi }, children);
7
+ };
8
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/accordions_group/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4CAA4C,CAAC;AACpF,OAAO,EAAE,kBAAkB,EAAE,MAAM,+DAA+D,CAAC;AAEnG,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAA0B,EAAE,EAAE;IACpE,MAAM,kBAAkB,GAAG,kBAAkB,EAAE,CAAC;IAEhD,OAAO,oBAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,kBAAkB,IAAG,QAAQ,CAAmC,CAAC;AACpH,CAAC,CAAC"}
@@ -0,0 +1,17 @@
1
+ export interface IAccordionGroupContext {
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 IAccordionGroupContext {
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",
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-2",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",