@dreamcommerce/aurora 2.26.0-3 → 2.26.0-5

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 (27) hide show
  1. package/build/cjs/packages/aurora/src/components/accordion/index.js +1 -1
  2. package/build/cjs/packages/aurora/src/components/accordions_group/components/accordions_group_toggler.js +46 -0
  3. package/build/cjs/packages/aurora/src/components/accordions_group/components/accordions_group_toggler.js.map +1 -0
  4. package/build/cjs/packages/aurora/src/components/accordions_group/context.js +4 -2
  5. package/build/cjs/packages/aurora/src/components/accordions_group/context.js.map +1 -1
  6. package/build/cjs/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js +26 -6
  7. package/build/cjs/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js.map +1 -1
  8. package/build/cjs/packages/aurora/src/css/accordion/main.module.less.js +1 -1
  9. package/build/cjs/packages/aurora/src/index.js +2 -0
  10. package/build/cjs/packages/aurora/src/index.js.map +1 -1
  11. package/build/esm/packages/aurora/src/components/accordion/index.js +1 -1
  12. package/build/esm/packages/aurora/src/components/accordions_group/components/accordions_group_toggler.d.ts +2 -0
  13. package/build/esm/packages/aurora/src/components/accordions_group/components/accordions_group_toggler.js +38 -0
  14. package/build/esm/packages/aurora/src/components/accordions_group/components/accordions_group_toggler.js.map +1 -0
  15. package/build/esm/packages/aurora/src/components/accordions_group/context.js +4 -2
  16. package/build/esm/packages/aurora/src/components/accordions_group/context.js.map +1 -1
  17. package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.d.ts +4 -2
  18. package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js +26 -6
  19. package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js.map +1 -1
  20. package/build/esm/packages/aurora/src/components/accordions_group/types.d.ts +10 -2
  21. package/build/esm/packages/aurora/src/components/accordions_group/types.js +2 -1
  22. package/build/esm/packages/aurora/src/components/accordions_group/types.js.map +1 -1
  23. package/build/esm/packages/aurora/src/css/accordion/main.module.less.js +1 -1
  24. package/build/esm/packages/aurora/src/index.d.ts +2 -1
  25. package/build/esm/packages/aurora/src/index.js +1 -0
  26. package/build/esm/packages/aurora/src/index.js.map +1 -1
  27. package/package.json +1 -1
package/build/cjs/packages/aurora/src/components/accordion/index.js CHANGED
@@ -60,7 +60,7 @@ var Accordion = function Accordion(_ref) {
60
60
  return;
61
61
  }
62
62
 
63
- newIsOpen ? accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.expand(id) : accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.shrink(id);
63
+ newIsOpen ? accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.expand(id) : accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.collapse(id);
64
64
  };
65
65
 
66
66
  var wrapperIndentStyles = {
package/build/cjs/packages/aurora/src/components/accordions_group/components/accordions_group_toggler.js ADDED
@@ -0,0 +1,46 @@
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
+ var use_accordions_group_api = require('../hooks/use_accordions_group_api.js');
8
+ var index = require('../../button/index.js');
9
+
10
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
+
12
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
+
14
+ var _excluded = ["expandedContent", "collapsedContent", "onClick"];
15
+ var AccordionsGroupToggler = function AccordionsGroupToggler(_ref) {
16
+ var expandedContent = _ref.expandedContent,
17
+ collapsedContent = _ref.collapsedContent,
18
+ onClick = _ref.onClick,
19
+ rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
20
+
21
+ var accordionsGroupApi = use_accordions_group_api.useAccordionsGroupApi();
22
+
23
+ var _useState = React.useState(null),
24
+ _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
25
+ togglerContent = _useState2[0],
26
+ setTogglerContent = _useState2[1];
27
+
28
+ var areAllExpanded = accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.areAllExpanded;
29
+ var areAllCollapsed = accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.areAllCollapsed;
30
+ React.useEffect(function () {
31
+ if (areAllExpanded) setTogglerContent(expandedContent);
32
+ if (areAllCollapsed) setTogglerContent(collapsedContent);
33
+ }, [areAllExpanded, areAllCollapsed]);
34
+
35
+ var toggleGroups = function toggleGroups(ev) {
36
+ accordionsGroupApi !== null && accordionsGroupApi !== void 0 && accordionsGroupApi.areAllExpanded ? accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.collapseAll() : accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.expandAll();
37
+ onClick === null || onClick === void 0 || onClick(ev);
38
+ };
39
+
40
+ return /*#__PURE__*/React__default['default'].createElement(index['default'], _rollupPluginBabelHelpers.objectSpread2({
41
+ onClick: toggleGroups
42
+ }, rest), togglerContent);
43
+ };
44
+
45
+ exports.AccordionsGroupToggler = AccordionsGroupToggler;
46
+ //# sourceMappingURL=accordions_group_toggler.js.map
package/build/cjs/packages/aurora/src/components/accordions_group/components/accordions_group_toggler.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/aurora/src/components/accordions_group/context.js CHANGED
@@ -6,15 +6,17 @@ var React = require('react');
6
6
 
7
7
  var AccordionsGroupContext = /*#__PURE__*/React.createContext({
8
8
  expandAll: function expandAll() {},
9
- shrinkAll: function shrinkAll() {},
9
+ collapseAll: function collapseAll() {},
10
10
  expand: function expand() {},
11
- shrink: function shrink() {},
11
+ collapse: function collapse() {},
12
12
  add: function add() {},
13
13
  remove: function remove() {},
14
14
  get: function get() {
15
15
  return undefined;
16
16
  },
17
+ toggle: function toggle() {},
17
18
  areAllExpanded: false,
19
+ areAllCollapsed: false,
18
20
  accordions: []
19
21
  });
20
22
 
package/build/cjs/packages/aurora/src/components/accordions_group/context.js.map CHANGED
@@ -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;"}
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;"}
package/build/cjs/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js CHANGED
@@ -16,11 +16,19 @@ var useAccordionsGroup = function useAccordionsGroup() {
16
16
  areAllExpanded = _useState4[0],
17
17
  setAreAllExpanded = _useState4[1];
18
18
 
19
+ var _useState5 = React.useState(false),
20
+ _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
21
+ areAllCollapsed = _useState6[0],
22
+ setAreAllCollapsed = _useState6[1];
23
+
19
24
  React.useEffect(function () {
20
25
  setAreAllExpanded(accordions.every(function (accordion) {
21
26
  return accordion.expanded;
22
27
  }));
23
- }, []);
28
+ setAreAllCollapsed(accordions.every(function (accordion) {
29
+ return !accordion.expanded;
30
+ }));
31
+ }, [accordions]);
24
32
 
25
33
  var expandAll = function expandAll() {
26
34
  setAccordions(function (accordions) {
@@ -32,7 +40,7 @@ var useAccordionsGroup = function useAccordionsGroup() {
32
40
  });
33
41
  };
34
42
 
35
- var shrinkAll = function shrinkAll() {
43
+ var collapseAll = function collapseAll() {
36
44
  setAccordions(function (accordions) {
37
45
  return accordions.map(function (accordion) {
38
46
  return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, accordion), {}, {
@@ -52,7 +60,7 @@ var useAccordionsGroup = function useAccordionsGroup() {
52
60
  });
53
61
  };
54
62
 
55
- var shrink = function shrink(id) {
63
+ var collapse = function collapse(id) {
56
64
  setAccordions(function (accordions) {
57
65
  return accordions.map(function (accordion) {
58
66
  return accordion.id === id ? _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, accordion), {}, {
@@ -85,16 +93,28 @@ var useAccordionsGroup = function useAccordionsGroup() {
85
93
  });
86
94
  };
87
95
 
96
+ var toggle = function toggle(id) {
97
+ var accordion = get(id);
98
+
99
+ if (!accordion) {
100
+ return;
101
+ }
102
+
103
+ accordion.expanded ? collapse(id) : expand(id);
104
+ };
105
+
88
106
  return {
89
107
  expandAll: expandAll,
90
- shrinkAll: shrinkAll,
108
+ collapseAll: collapseAll,
91
109
  expand: expand,
92
- shrink: shrink,
110
+ collapse: collapse,
93
111
  add: add,
94
112
  remove: remove,
95
113
  get: get,
114
+ toggle: toggle,
96
115
  accordions: accordions,
97
- areAllExpanded: areAllExpanded
116
+ areAllExpanded: areAllExpanded,
117
+ areAllCollapsed: areAllCollapsed
98
118
  };
99
119
  };
100
120
 
package/build/cjs/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js.map CHANGED
@@ -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;"}
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;"}
package/build/cjs/packages/aurora/src/css/accordion/main.module.less.js CHANGED
@@ -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_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";
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 width: 100%;\n}\n.main-module_accordion__content__3c3tq {\n padding: 8px;\n border-top: 1px solid #abb4cd;\n}\n.main-module_accordion__icon_rotate-180__1tqnh {\n transform: rotate(180deg);\n}\n.main-module_accordion_secondary__-v9gP {\n border: 0;\n background-color: transparent;\n}\n.main-module_accordion_secondary__-v9gP > .main-module_accordion__toggler__1aZjG {\n background-color: #f3f4f8;\n}\n.main-module_accordion_secondary__-v9gP > .main-module_accordion__content__3c3tq {\n border-top: 0;\n}\n.main-module_accordion_tertiary__1pu1L {\n border: 0;\n background-color: transparent;\n}\n.main-module_accordion_tertiary__1pu1L > .main-module_accordion__toggler__1aZjG {\n background-color: transparent;\n}\n.main-module_accordion_tertiary__1pu1L > .main-module_accordion__content__3c3tq {\n border-top: 0;\n}\n";
8
8
  var cssClasses = {
9
9
  "accordion": "main-module_accordion__qbc72",
10
10
  "accordion__toggler": "main-module_accordion__toggler__1aZjG",
package/build/cjs/packages/aurora/src/index.js CHANGED
@@ -99,6 +99,7 @@ var tree_node = require('./components/tree/components/tree_node.js');
99
99
  var values_syncer = require('./components/controls/components/values_syncer.js');
100
100
  var index$M = require('./components/with_loader/index.js');
101
101
  var index$T = require('./components/accordions_group/index.js');
102
+ var accordions_group_toggler = require('./components/accordions_group/components/accordions_group_toggler.js');
102
103
 
103
104
 
104
105
 
@@ -203,4 +204,5 @@ exports.TreeNode = tree_node.TreeNode;
203
204
  exports.ValuesSyncer = values_syncer['default'];
204
205
  exports.WithLoader = index$M['default'];
205
206
  exports.AccordionsGroup = index$T.AccordionsGroup;
207
+ exports.AccordionsGroupToggler = accordions_group_toggler.AccordionsGroupToggler;
206
208
  //# sourceMappingURL=index.js.map
package/build/cjs/packages/aurora/src/index.js.map CHANGED
@@ -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;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;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/accordion/index.js CHANGED
@@ -51,7 +51,7 @@ var Accordion = function Accordion(_ref) {
51
51
  return;
52
52
  }
53
53
 
54
- newIsOpen ? accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.expand(id) : accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.shrink(id);
54
+ newIsOpen ? accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.expand(id) : accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.collapse(id);
55
55
  };
56
56
 
57
57
  var wrapperIndentStyles = {
package/build/esm/packages/aurora/src/components/accordions_group/components/accordions_group_toggler.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { IAccordionsGroupTogglerProps } from "../types";
2
+ export declare const AccordionsGroupToggler: ({ expandedContent, collapsedContent, onClick, ...rest }: IAccordionsGroupTogglerProps) => JSX.Element;
package/build/esm/packages/aurora/src/components/accordions_group/components/accordions_group_toggler.js ADDED
@@ -0,0 +1,38 @@
1
+ import React, { useState, useEffect } from 'react';
2
+ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
+ import { useAccordionsGroupApi } from '../hooks/use_accordions_group_api.js';
4
+ import Button from '../../button/index.js';
5
+
6
+ var _excluded = ["expandedContent", "collapsedContent", "onClick"];
7
+ var AccordionsGroupToggler = function AccordionsGroupToggler(_ref) {
8
+ var expandedContent = _ref.expandedContent,
9
+ collapsedContent = _ref.collapsedContent,
10
+ onClick = _ref.onClick,
11
+ rest = _objectWithoutProperties(_ref, _excluded);
12
+
13
+ var accordionsGroupApi = useAccordionsGroupApi();
14
+
15
+ var _useState = useState(null),
16
+ _useState2 = _slicedToArray(_useState, 2),
17
+ togglerContent = _useState2[0],
18
+ setTogglerContent = _useState2[1];
19
+
20
+ var areAllExpanded = accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.areAllExpanded;
21
+ var areAllCollapsed = accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.areAllCollapsed;
22
+ useEffect(function () {
23
+ if (areAllExpanded) setTogglerContent(expandedContent);
24
+ if (areAllCollapsed) setTogglerContent(collapsedContent);
25
+ }, [areAllExpanded, areAllCollapsed]);
26
+
27
+ var toggleGroups = function toggleGroups(ev) {
28
+ accordionsGroupApi !== null && accordionsGroupApi !== void 0 && accordionsGroupApi.areAllExpanded ? accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.collapseAll() : accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.expandAll();
29
+ onClick === null || onClick === void 0 || onClick(ev);
30
+ };
31
+
32
+ return /*#__PURE__*/React.createElement(Button, _objectSpread2({
33
+ onClick: toggleGroups
34
+ }, rest), togglerContent);
35
+ };
36
+
37
+ export { AccordionsGroupToggler };
38
+ //# sourceMappingURL=accordions_group_toggler.js.map
package/build/esm/packages/aurora/src/components/accordions_group/components/accordions_group_toggler.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/aurora/src/components/accordions_group/context.js CHANGED
@@ -2,15 +2,17 @@ import { createContext } from 'react';
2
2
 
3
3
  var AccordionsGroupContext = /*#__PURE__*/createContext({
4
4
  expandAll: function expandAll() {},
5
- shrinkAll: function shrinkAll() {},
5
+ collapseAll: function collapseAll() {},
6
6
  expand: function expand() {},
7
- shrink: function shrink() {},
7
+ collapse: function collapse() {},
8
8
  add: function add() {},
9
9
  remove: function remove() {},
10
10
  get: function get() {
11
11
  return undefined;
12
12
  },
13
+ toggle: function toggle() {},
13
14
  areAllExpanded: false,
15
+ areAllCollapsed: false,
14
16
  accordions: []
15
17
  });
16
18
 
package/build/esm/packages/aurora/src/components/accordions_group/context.js.map CHANGED
@@ -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;"}
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;"}
package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.d.ts CHANGED
@@ -1,12 +1,14 @@
1
1
  import { TAccordion } from "../types";
2
2
  export declare const useAccordionsGroup: () => {
3
3
  expandAll: () => void;
4
- shrinkAll: () => void;
4
+ collapseAll: () => void;
5
5
  expand: (id: string) => void;
6
- shrink: (id: string) => void;
6
+ collapse: (id: string) => void;
7
7
  add: (id: string, config?: Pick<TAccordion, 'expanded'>) => void;
8
8
  remove: (id: string) => void;
9
9
  get: (id: string) => TAccordion | undefined;
10
+ toggle: (id: string) => void;
10
11
  accordions: TAccordion[];
11
12
  areAllExpanded: boolean;
13
+ areAllCollapsed: boolean;
12
14
  };
package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js CHANGED
@@ -12,11 +12,19 @@ var useAccordionsGroup = function useAccordionsGroup() {
12
12
  areAllExpanded = _useState4[0],
13
13
  setAreAllExpanded = _useState4[1];
14
14
 
15
+ var _useState5 = useState(false),
16
+ _useState6 = _slicedToArray(_useState5, 2),
17
+ areAllCollapsed = _useState6[0],
18
+ setAreAllCollapsed = _useState6[1];
19
+
15
20
  useEffect(function () {
16
21
  setAreAllExpanded(accordions.every(function (accordion) {
17
22
  return accordion.expanded;
18
23
  }));
19
- }, []);
24
+ setAreAllCollapsed(accordions.every(function (accordion) {
25
+ return !accordion.expanded;
26
+ }));
27
+ }, [accordions]);
20
28
 
21
29
  var expandAll = function expandAll() {
22
30
  setAccordions(function (accordions) {
@@ -28,7 +36,7 @@ var useAccordionsGroup = function useAccordionsGroup() {
28
36
  });
29
37
  };
30
38
 
31
- var shrinkAll = function shrinkAll() {
39
+ var collapseAll = function collapseAll() {
32
40
  setAccordions(function (accordions) {
33
41
  return accordions.map(function (accordion) {
34
42
  return _objectSpread2(_objectSpread2({}, accordion), {}, {
@@ -48,7 +56,7 @@ var useAccordionsGroup = function useAccordionsGroup() {
48
56
  });
49
57
  };
50
58
 
51
- var shrink = function shrink(id) {
59
+ var collapse = function collapse(id) {
52
60
  setAccordions(function (accordions) {
53
61
  return accordions.map(function (accordion) {
54
62
  return accordion.id === id ? _objectSpread2(_objectSpread2({}, accordion), {}, {
@@ -81,16 +89,28 @@ var useAccordionsGroup = function useAccordionsGroup() {
81
89
  });
82
90
  };
83
91
 
92
+ var toggle = function toggle(id) {
93
+ var accordion = get(id);
94
+
95
+ if (!accordion) {
96
+ return;
97
+ }
98
+
99
+ accordion.expanded ? collapse(id) : expand(id);
100
+ };
101
+
84
102
  return {
85
103
  expandAll: expandAll,
86
- shrinkAll: shrinkAll,
104
+ collapseAll: collapseAll,
87
105
  expand: expand,
88
- shrink: shrink,
106
+ collapse: collapse,
89
107
  add: add,
90
108
  remove: remove,
91
109
  get: get,
110
+ toggle: toggle,
92
111
  accordions: accordions,
93
- areAllExpanded: areAllExpanded
112
+ areAllExpanded: areAllExpanded,
113
+ areAllCollapsed: areAllCollapsed
94
114
  };
95
115
  };
96
116
 
package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js.map CHANGED
@@ -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;"}
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;"}
package/build/esm/packages/aurora/src/components/accordions_group/types.d.ts CHANGED
@@ -1,13 +1,17 @@
1
+ import { IButtonProps } from "../button/types";
2
+ import { ReactNode } from 'react';
1
3
  export interface IAccordionsGroupContext {
2
4
  expandAll(): void;
3
- shrinkAll(): void;
5
+ collapseAll(): void;
4
6
  expand(id: string): void;
5
- shrink(id: string): void;
7
+ collapse(id: string): void;
6
8
  add(id: string, config?: Pick<TAccordion, 'expanded'>): void;
7
9
  remove(id: string): void;
8
10
  get(id: string): TAccordion | undefined;
11
+ toggle(id: string): void;
9
12
  accordions: TAccordion[];
10
13
  areAllExpanded: boolean;
14
+ areAllCollapsed: boolean;
11
15
  }
12
16
  export interface IAccordionsGroupApi extends IAccordionsGroupContext {
13
17
  }
@@ -15,3 +19,7 @@ export declare type TAccordion = {
15
19
  id: string;
16
20
  expanded: boolean;
17
21
  };
22
+ export interface IAccordionsGroupTogglerProps extends Omit<IButtonProps, 'children'> {
23
+ expandedContent: ReactNode;
24
+ collapsedContent: ReactNode;
25
+ }
package/build/esm/packages/aurora/src/components/accordions_group/types.js CHANGED
@@ -1,2 +1,3 @@
1
- export {};
1
+ import '@auroraComponents/button/types';
2
+ import 'react';
2
3
  //# sourceMappingURL=types.js.map
package/build/esm/packages/aurora/src/components/accordions_group/types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/accordions_group/types.ts"],"names":[],"mappings":""}
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/accordions_group/types.ts"],"names":[],"mappings":"AAAA,OAA6B,gCAAgC,CAAC;AAC9D,OAA0B,OAAO,CAAC"}
package/build/esm/packages/aurora/src/css/accordion/main.module.less.js CHANGED
@@ -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_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";
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 width: 100%;\n}\n.main-module_accordion__content__3c3tq {\n padding: 8px;\n border-top: 1px solid #abb4cd;\n}\n.main-module_accordion__icon_rotate-180__1tqnh {\n transform: rotate(180deg);\n}\n.main-module_accordion_secondary__-v9gP {\n border: 0;\n background-color: transparent;\n}\n.main-module_accordion_secondary__-v9gP > .main-module_accordion__toggler__1aZjG {\n background-color: #f3f4f8;\n}\n.main-module_accordion_secondary__-v9gP > .main-module_accordion__content__3c3tq {\n border-top: 0;\n}\n.main-module_accordion_tertiary__1pu1L {\n border: 0;\n background-color: transparent;\n}\n.main-module_accordion_tertiary__1pu1L > .main-module_accordion__toggler__1aZjG {\n background-color: transparent;\n}\n.main-module_accordion_tertiary__1pu1L > .main-module_accordion__content__3c3tq {\n border-top: 0;\n}\n";
4
4
  var cssClasses = {
5
5
  "accordion": "main-module_accordion__qbc72",
6
6
  "accordion__toggler": "main-module_accordion__toggler__1aZjG",
package/build/esm/packages/aurora/src/index.d.ts CHANGED
@@ -124,13 +124,14 @@ import { useTree } from "./components/tree/hooks/tree_hook";
124
124
  import { IAccordionsGroupApi, TAccordion } from "./components/accordions_group/types";
125
125
  import { AccordionsGroup } from "./components/accordions_group";
126
126
  import { useAccordionsGroupApi } from "./components/accordions_group/hooks/use_accordions_group_api";
127
+ import { AccordionsGroupToggler } from "./components/accordions_group/components/accordions_group_toggler";
127
128
  /**
128
129
  * export hooks
129
130
  */
130
131
  /**
131
132
  * export components
132
133
  */
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 };
134
+ 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, AccordionsGroupToggler };
134
135
  /**
135
136
  * export constants
136
137
  */
package/build/esm/packages/aurora/src/index.js CHANGED
@@ -95,4 +95,5 @@ export { TreeNode } from './components/tree/components/tree_node.js';
95
95
  export { default as ValuesSyncer } from './components/controls/components/values_syncer.js';
96
96
  export { default as WithLoader } from './components/with_loader/index.js';
97
97
  export { AccordionsGroup } from './components/accordions_group/index.js';
98
+ export { AccordionsGroupToggler } from './components/accordions_group/components/accordions_group_toggler.js';
98
99
  //# sourceMappingURL=index.js.map
package/build/esm/packages/aurora/src/index.js.map CHANGED
@@ -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;"}
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;"}
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-3",
5
+ "version": "2.26.0-5",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",