@dreamcommerce/aurora 2.26.0-3 → 2.26.0-4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/packages/aurora/src/components/accordion/index.js +1 -1
- package/build/cjs/packages/aurora/src/components/accordions_group/components/accordions_group_toggler.js +35 -0
- package/build/cjs/packages/aurora/src/components/accordions_group/components/accordions_group_toggler.js.map +1 -0
- package/build/cjs/packages/aurora/src/components/accordions_group/context.js +3 -2
- package/build/cjs/packages/aurora/src/components/accordions_group/context.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js +16 -5
- package/build/cjs/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js.map +1 -1
- package/build/cjs/packages/aurora/src/index.js +2 -0
- package/build/cjs/packages/aurora/src/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/accordion/index.js +1 -1
- package/build/esm/packages/aurora/src/components/accordions_group/components/accordions_group_toggler.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/accordions_group/components/accordions_group_toggler.js +27 -0
- package/build/esm/packages/aurora/src/components/accordions_group/components/accordions_group_toggler.js.map +1 -0
- package/build/esm/packages/aurora/src/components/accordions_group/context.js +3 -2
- package/build/esm/packages/aurora/src/components/accordions_group/context.js.map +1 -1
- package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.d.ts +3 -2
- package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js +16 -5
- package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js.map +1 -1
- package/build/esm/packages/aurora/src/components/accordions_group/types.d.ts +9 -2
- package/build/esm/packages/aurora/src/components/accordions_group/types.js +2 -1
- package/build/esm/packages/aurora/src/components/accordions_group/types.js.map +1 -1
- package/build/esm/packages/aurora/src/index.d.ts +2 -1
- package/build/esm/packages/aurora/src/index.js +1 -0
- package/build/esm/packages/aurora/src/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -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.
|
|
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 = {
|
|
@@ -0,0 +1,35 @@
|
|
|
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
|
+
var areAllExpanded = accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.areAllExpanded;
|
|
23
|
+
|
|
24
|
+
var toggleGroups = function toggleGroups(ev) {
|
|
25
|
+
areAllExpanded ? accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.collapseAll() : accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.expandAll();
|
|
26
|
+
onClick === null || onClick === void 0 || onClick(ev);
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
return /*#__PURE__*/React__default['default'].createElement(index['default'], _rollupPluginBabelHelpers.objectSpread2({
|
|
30
|
+
onClick: toggleGroups
|
|
31
|
+
}, rest), areAllExpanded ? expandedContent : collapsedContent);
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
exports.AccordionsGroupToggler = AccordionsGroupToggler;
|
|
35
|
+
//# sourceMappingURL=accordions_group_toggler.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;"}
|
|
@@ -6,14 +6,15 @@ var React = require('react');
|
|
|
6
6
|
|
|
7
7
|
var AccordionsGroupContext = /*#__PURE__*/React.createContext({
|
|
8
8
|
expandAll: function expandAll() {},
|
|
9
|
-
|
|
9
|
+
collapseAll: function collapseAll() {},
|
|
10
10
|
expand: function expand() {},
|
|
11
|
-
|
|
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,
|
|
18
19
|
accordions: []
|
|
19
20
|
});
|
|
@@ -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;"}
|
package/build/cjs/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js
CHANGED
|
@@ -20,7 +20,7 @@ var useAccordionsGroup = function useAccordionsGroup() {
|
|
|
20
20
|
setAreAllExpanded(accordions.every(function (accordion) {
|
|
21
21
|
return accordion.expanded;
|
|
22
22
|
}));
|
|
23
|
-
}, []);
|
|
23
|
+
}, [accordions]);
|
|
24
24
|
|
|
25
25
|
var expandAll = function expandAll() {
|
|
26
26
|
setAccordions(function (accordions) {
|
|
@@ -32,7 +32,7 @@ var useAccordionsGroup = function useAccordionsGroup() {
|
|
|
32
32
|
});
|
|
33
33
|
};
|
|
34
34
|
|
|
35
|
-
var
|
|
35
|
+
var collapseAll = function collapseAll() {
|
|
36
36
|
setAccordions(function (accordions) {
|
|
37
37
|
return accordions.map(function (accordion) {
|
|
38
38
|
return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, accordion), {}, {
|
|
@@ -52,7 +52,7 @@ var useAccordionsGroup = function useAccordionsGroup() {
|
|
|
52
52
|
});
|
|
53
53
|
};
|
|
54
54
|
|
|
55
|
-
var
|
|
55
|
+
var collapse = function collapse(id) {
|
|
56
56
|
setAccordions(function (accordions) {
|
|
57
57
|
return accordions.map(function (accordion) {
|
|
58
58
|
return accordion.id === id ? _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, accordion), {}, {
|
|
@@ -85,14 +85,25 @@ var useAccordionsGroup = function useAccordionsGroup() {
|
|
|
85
85
|
});
|
|
86
86
|
};
|
|
87
87
|
|
|
88
|
+
var toggle = function toggle(id) {
|
|
89
|
+
var accordion = get(id);
|
|
90
|
+
|
|
91
|
+
if (!accordion) {
|
|
92
|
+
return;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
accordion.expanded ? collapse(id) : expand(id);
|
|
96
|
+
};
|
|
97
|
+
|
|
88
98
|
return {
|
|
89
99
|
expandAll: expandAll,
|
|
90
|
-
|
|
100
|
+
collapseAll: collapseAll,
|
|
91
101
|
expand: expand,
|
|
92
|
-
|
|
102
|
+
collapse: collapse,
|
|
93
103
|
add: add,
|
|
94
104
|
remove: remove,
|
|
95
105
|
get: get,
|
|
106
|
+
toggle: toggle,
|
|
96
107
|
accordions: accordions,
|
|
97
108
|
areAllExpanded: areAllExpanded
|
|
98
109
|
};
|
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;"}
|
|
@@ -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
|
|
@@ -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;"}
|
|
@@ -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.
|
|
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 = {
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { objectWithoutProperties as _objectWithoutProperties, 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
|
+
var areAllExpanded = accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.areAllExpanded;
|
|
15
|
+
|
|
16
|
+
var toggleGroups = function toggleGroups(ev) {
|
|
17
|
+
areAllExpanded ? accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.collapseAll() : accordionsGroupApi === null || accordionsGroupApi === void 0 ? void 0 : accordionsGroupApi.expandAll();
|
|
18
|
+
onClick === null || onClick === void 0 || onClick(ev);
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
return /*#__PURE__*/React.createElement(Button, _objectSpread2({
|
|
22
|
+
onClick: toggleGroups
|
|
23
|
+
}, rest), areAllExpanded ? expandedContent : collapsedContent);
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
export { AccordionsGroupToggler };
|
|
27
|
+
//# sourceMappingURL=accordions_group_toggler.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;"}
|
|
@@ -2,14 +2,15 @@ import { createContext } from 'react';
|
|
|
2
2
|
|
|
3
3
|
var AccordionsGroupContext = /*#__PURE__*/createContext({
|
|
4
4
|
expandAll: function expandAll() {},
|
|
5
|
-
|
|
5
|
+
collapseAll: function collapseAll() {},
|
|
6
6
|
expand: function expand() {},
|
|
7
|
-
|
|
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,
|
|
14
15
|
accordions: []
|
|
15
16
|
});
|
|
@@ -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;"}
|
package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.d.ts
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { TAccordion } from "../types";
|
|
2
2
|
export declare const useAccordionsGroup: () => {
|
|
3
3
|
expandAll: () => void;
|
|
4
|
-
|
|
4
|
+
collapseAll: () => void;
|
|
5
5
|
expand: (id: string) => void;
|
|
6
|
-
|
|
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;
|
|
12
13
|
};
|
package/build/esm/packages/aurora/src/components/accordions_group/hooks/use_accordions_group.js
CHANGED
|
@@ -16,7 +16,7 @@ var useAccordionsGroup = function useAccordionsGroup() {
|
|
|
16
16
|
setAreAllExpanded(accordions.every(function (accordion) {
|
|
17
17
|
return accordion.expanded;
|
|
18
18
|
}));
|
|
19
|
-
}, []);
|
|
19
|
+
}, [accordions]);
|
|
20
20
|
|
|
21
21
|
var expandAll = function expandAll() {
|
|
22
22
|
setAccordions(function (accordions) {
|
|
@@ -28,7 +28,7 @@ var useAccordionsGroup = function useAccordionsGroup() {
|
|
|
28
28
|
});
|
|
29
29
|
};
|
|
30
30
|
|
|
31
|
-
var
|
|
31
|
+
var collapseAll = function collapseAll() {
|
|
32
32
|
setAccordions(function (accordions) {
|
|
33
33
|
return accordions.map(function (accordion) {
|
|
34
34
|
return _objectSpread2(_objectSpread2({}, accordion), {}, {
|
|
@@ -48,7 +48,7 @@ var useAccordionsGroup = function useAccordionsGroup() {
|
|
|
48
48
|
});
|
|
49
49
|
};
|
|
50
50
|
|
|
51
|
-
var
|
|
51
|
+
var collapse = function collapse(id) {
|
|
52
52
|
setAccordions(function (accordions) {
|
|
53
53
|
return accordions.map(function (accordion) {
|
|
54
54
|
return accordion.id === id ? _objectSpread2(_objectSpread2({}, accordion), {}, {
|
|
@@ -81,14 +81,25 @@ var useAccordionsGroup = function useAccordionsGroup() {
|
|
|
81
81
|
});
|
|
82
82
|
};
|
|
83
83
|
|
|
84
|
+
var toggle = function toggle(id) {
|
|
85
|
+
var accordion = get(id);
|
|
86
|
+
|
|
87
|
+
if (!accordion) {
|
|
88
|
+
return;
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
accordion.expanded ? collapse(id) : expand(id);
|
|
92
|
+
};
|
|
93
|
+
|
|
84
94
|
return {
|
|
85
95
|
expandAll: expandAll,
|
|
86
|
-
|
|
96
|
+
collapseAll: collapseAll,
|
|
87
97
|
expand: expand,
|
|
88
|
-
|
|
98
|
+
collapse: collapse,
|
|
89
99
|
add: add,
|
|
90
100
|
remove: remove,
|
|
91
101
|
get: get,
|
|
102
|
+
toggle: toggle,
|
|
92
103
|
accordions: accordions,
|
|
93
104
|
areAllExpanded: areAllExpanded
|
|
94
105
|
};
|
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;"}
|
|
@@ -1,11 +1,14 @@
|
|
|
1
|
+
import { IButtonProps } from "../button/types";
|
|
2
|
+
import { ReactNode } from 'react';
|
|
1
3
|
export interface IAccordionsGroupContext {
|
|
2
4
|
expandAll(): void;
|
|
3
|
-
|
|
5
|
+
collapseAll(): void;
|
|
4
6
|
expand(id: string): void;
|
|
5
|
-
|
|
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;
|
|
11
14
|
}
|
|
@@ -15,3 +18,7 @@ export declare type TAccordion = {
|
|
|
15
18
|
id: string;
|
|
16
19
|
expanded: boolean;
|
|
17
20
|
};
|
|
21
|
+
export interface IAccordionsGroupTogglerProps extends Omit<IButtonProps, 'children'> {
|
|
22
|
+
expandedContent: ReactNode;
|
|
23
|
+
collapsedContent: ReactNode;
|
|
24
|
+
}
|
|
@@ -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"}
|
|
@@ -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
|
*/
|
|
@@ -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
|
|
@@ -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;"}
|