@semcore/accordion 16.2.0 → 16.2.1-prerelease.1
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/CHANGELOG.md +6 -0
- package/README.md +1 -31
- package/lib/cjs/Accordion.js +37 -44
- package/lib/cjs/Accordion.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/index.js +1 -1
- package/lib/cjs/index.js.map +1 -1
- package/lib/es6/Accordion.js +34 -38
- package/lib/es6/Accordion.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/esm/Accordion.mjs +37 -41
- package/lib/types/index.d.ts +7 -7
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [16.2.1] - 2025-06-13
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/base-components` [16.0.1 ~> 16.0.2]).
|
|
10
|
+
|
|
5
11
|
## [16.2.0] - 2025-05-30
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/README.md
CHANGED
|
@@ -13,40 +13,10 @@
|
|
|
13
13
|
## Install
|
|
14
14
|
|
|
15
15
|
```sh
|
|
16
|
-
npm install
|
|
16
|
+
npm install @semcore/accordion
|
|
17
17
|
```
|
|
18
18
|
|
|
19
|
-
## Usage
|
|
20
19
|
|
|
21
|
-
```jsx
|
|
22
|
-
import Accordion from 'intergalactic/accordion';
|
|
23
|
-
```
|
|
24
|
-
|
|
25
|
-
<details>
|
|
26
|
-
<summary>Alternative installation and use</summary>
|
|
27
|
-
|
|
28
|
-
**We do not recommend this usage path due to possible dependency and update issues.**
|
|
29
|
-
|
|
30
|
-
### Install
|
|
31
|
-
|
|
32
|
-
You can only install one package from the design system
|
|
33
|
-
|
|
34
|
-
```sh
|
|
35
|
-
npm install @semcore/accordion @semcore/core
|
|
36
|
-
```
|
|
37
|
-
|
|
38
|
-
`@semcore/core` - _is the basic package by which we create our components, and it contains all of the common logic
|
|
39
|
-
of the components that is discussed below. There should only be one version of the package in the project._
|
|
40
|
-
|
|
41
|
-
### Usage
|
|
42
|
-
|
|
43
|
-
You can use the package the same way but without `/ui/` in the import path.
|
|
44
|
-
|
|
45
|
-
```jsx
|
|
46
|
-
import Accordion from '@semcore/accordion';
|
|
47
|
-
```
|
|
48
|
-
|
|
49
|
-
</details>
|
|
50
20
|
|
|
51
21
|
## 👤 Author
|
|
52
22
|
|
package/lib/cjs/Accordion.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -9,45 +9,46 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
|
|
|
9
9
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
10
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
12
|
-
var
|
|
12
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
13
|
+
var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
|
|
14
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
13
15
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
14
|
-
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
15
16
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
16
17
|
var _core = require("@semcore/core");
|
|
17
|
-
var _react = _interopRequireDefault(require("react"));
|
|
18
|
-
var _flexBox = require("@semcore/flex-box");
|
|
19
18
|
var _animation = require("@semcore/animation");
|
|
20
|
-
var _typography = require("@semcore/typography");
|
|
21
|
-
var _m = _interopRequireDefault(require("@semcore/icon/ChevronRight/m"));
|
|
22
|
-
var _l = _interopRequireDefault(require("@semcore/icon/ChevronRight/l"));
|
|
23
19
|
var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
|
|
24
20
|
var _useCssVariable = require("@semcore/core/lib/utils/useCssVariable");
|
|
21
|
+
var _flexBox = require("@semcore/flex-box");
|
|
22
|
+
var _l = _interopRequireDefault(require("@semcore/icon/ChevronRight/l"));
|
|
23
|
+
var _m = _interopRequireDefault(require("@semcore/icon/ChevronRight/m"));
|
|
24
|
+
var _typography = require("@semcore/typography");
|
|
25
|
+
var _react = _interopRequireDefault(require("react"));
|
|
26
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
25
27
|
/*!__reshadow-styles__:"./style/accordion.shadow.css"*/
|
|
26
|
-
var style = (
|
|
28
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SItemToggle_14b86_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_14b86_gg_.__use_14b86_gg_.__use_14b86_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_14b86_gg_.__use_14b86_gg_._use_primary_14b86_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);margin-bottom:var(--intergalactic-spacing-05x, 2px)}@media (hover:hover){.___SItemToggle_14b86_gg_.__use_14b86_gg_._use_primary_14b86_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_14b86_gg_.__disabled_14b86_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_14b86_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_14b86_gg_.__selected_14b86_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_14b86_gg_{transition:none}}", /*__inner_css_end__*/"14b86_gg_"),
|
|
27
29
|
/*__reshadow_css_end__*/
|
|
28
30
|
{
|
|
29
|
-
"__SItemToggle": "
|
|
30
|
-
"_use": "
|
|
31
|
-
"_use_primary": "
|
|
32
|
-
"_disabled": "
|
|
33
|
-
"__SItemChevron": "
|
|
34
|
-
"_selected": "
|
|
31
|
+
"__SItemToggle": "___SItemToggle_14b86_gg_",
|
|
32
|
+
"_use": "__use_14b86_gg_",
|
|
33
|
+
"_use_primary": "_use_primary_14b86_gg_",
|
|
34
|
+
"_disabled": "__disabled_14b86_gg_",
|
|
35
|
+
"__SItemChevron": "___SItemChevron_14b86_gg_",
|
|
36
|
+
"_selected": "__selected_14b86_gg_"
|
|
35
37
|
});
|
|
36
38
|
var RootAccordion = /*#__PURE__*/function (_Component) {
|
|
37
|
-
(0, _inherits2["default"])(RootAccordion, _Component);
|
|
38
|
-
var _super = (0, _createSuper2["default"])(RootAccordion);
|
|
39
39
|
function RootAccordion() {
|
|
40
40
|
var _this;
|
|
41
41
|
(0, _classCallCheck2["default"])(this, RootAccordion);
|
|
42
42
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
43
43
|
args[_key] = arguments[_key];
|
|
44
44
|
}
|
|
45
|
-
_this =
|
|
46
|
-
(0, _defineProperty2["default"])(
|
|
45
|
+
_this = _callSuper(this, RootAccordion, [].concat(args));
|
|
46
|
+
(0, _defineProperty2["default"])(_this, "handleToggleInteraction", function (newValue) {
|
|
47
47
|
var value = _this.asProps.value;
|
|
48
48
|
if (Array.isArray(value)) {
|
|
49
49
|
var indexOfNewValue = value.indexOf(newValue);
|
|
50
50
|
var result = (0, _toConsumableArray2["default"])(value);
|
|
51
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-expressions
|
|
51
52
|
indexOfNewValue === -1 ? result.push(newValue) : result.splice(indexOfNewValue, 1);
|
|
52
53
|
_this.handlers.value(result);
|
|
53
54
|
} else {
|
|
@@ -56,7 +57,8 @@ var RootAccordion = /*#__PURE__*/function (_Component) {
|
|
|
56
57
|
});
|
|
57
58
|
return _this;
|
|
58
59
|
}
|
|
59
|
-
(0,
|
|
60
|
+
(0, _inherits2["default"])(RootAccordion, _Component);
|
|
61
|
+
return (0, _createClass2["default"])(RootAccordion, [{
|
|
60
62
|
key: "uncontrolledProps",
|
|
61
63
|
value: function uncontrolledProps() {
|
|
62
64
|
return {
|
|
@@ -86,7 +88,6 @@ var RootAccordion = /*#__PURE__*/function (_Component) {
|
|
|
86
88
|
return /*#__PURE__*/_react["default"].createElement(Children, null);
|
|
87
89
|
}
|
|
88
90
|
}]);
|
|
89
|
-
return RootAccordion;
|
|
90
91
|
}(_core.Component);
|
|
91
92
|
(0, _defineProperty2["default"])(RootAccordion, "displayName", 'Accordion');
|
|
92
93
|
(0, _defineProperty2["default"])(RootAccordion, "style", style);
|
|
@@ -100,17 +101,15 @@ var RootAccordion = /*#__PURE__*/function (_Component) {
|
|
|
100
101
|
map: Number.parseInt,
|
|
101
102
|
prop: 'duration'
|
|
102
103
|
})]);
|
|
103
|
-
var RootItem = /*#__PURE__*/function (_Component2) {
|
|
104
|
-
(0, _inherits2["default"])(RootItem, _Component2);
|
|
105
|
-
var _super2 = (0, _createSuper2["default"])(RootItem);
|
|
104
|
+
var RootItem = exports.RootItem = /*#__PURE__*/function (_Component2) {
|
|
106
105
|
function RootItem() {
|
|
107
106
|
var _this2;
|
|
108
107
|
(0, _classCallCheck2["default"])(this, RootItem);
|
|
109
108
|
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
110
109
|
args[_key2] = arguments[_key2];
|
|
111
110
|
}
|
|
112
|
-
_this2 =
|
|
113
|
-
(0, _defineProperty2["default"])(
|
|
111
|
+
_this2 = _callSuper(this, RootItem, [].concat(args));
|
|
112
|
+
(0, _defineProperty2["default"])(_this2, "handleClick", function () {
|
|
114
113
|
var _this2$asProps = _this2.asProps,
|
|
115
114
|
value = _this2$asProps.value,
|
|
116
115
|
$handleInteraction = _this2$asProps.$handleInteraction;
|
|
@@ -118,13 +117,13 @@ var RootItem = /*#__PURE__*/function (_Component2) {
|
|
|
118
117
|
});
|
|
119
118
|
return _this2;
|
|
120
119
|
}
|
|
121
|
-
(0,
|
|
120
|
+
(0, _inherits2["default"])(RootItem, _Component2);
|
|
121
|
+
return (0, _createClass2["default"])(RootItem, [{
|
|
122
122
|
key: "getToggleProps",
|
|
123
123
|
value: function getToggleProps() {
|
|
124
124
|
var _this$asProps2 = this.asProps,
|
|
125
125
|
value = _this$asProps2.value,
|
|
126
126
|
uid = _this$asProps2.uid,
|
|
127
|
-
selected = _this$asProps2.selected,
|
|
128
127
|
disabled = _this$asProps2.disabled,
|
|
129
128
|
use = _this$asProps2.use;
|
|
130
129
|
return {
|
|
@@ -147,7 +146,7 @@ var RootItem = /*#__PURE__*/function (_Component2) {
|
|
|
147
146
|
disabled = _this$asProps3.disabled;
|
|
148
147
|
return {
|
|
149
148
|
disabled: disabled,
|
|
150
|
-
id: "igc-".concat(uid, "-").concat(value, "-toggle-button"),
|
|
149
|
+
'id': "igc-".concat(uid, "-").concat(value, "-toggle-button"),
|
|
151
150
|
'aria-expanded': selected ? 'true' : 'false',
|
|
152
151
|
'aria-controls': selected ? "igc-".concat(uid, "-").concat(value, "-collapse") : undefined
|
|
153
152
|
};
|
|
@@ -163,8 +162,8 @@ var RootItem = /*#__PURE__*/function (_Component2) {
|
|
|
163
162
|
return {
|
|
164
163
|
selected: selected,
|
|
165
164
|
duration: duration,
|
|
166
|
-
id: "igc-".concat(uid, "-").concat(value, "-collapse"),
|
|
167
|
-
role: 'region',
|
|
165
|
+
'id': "igc-".concat(uid, "-").concat(value, "-collapse"),
|
|
166
|
+
'role': 'region',
|
|
168
167
|
'aria-labelledby': "igc-".concat(uid, "-").concat(value, "-toggle-button")
|
|
169
168
|
};
|
|
170
169
|
}
|
|
@@ -186,24 +185,20 @@ var RootItem = /*#__PURE__*/function (_Component2) {
|
|
|
186
185
|
return /*#__PURE__*/_react["default"].createElement(Children, null);
|
|
187
186
|
}
|
|
188
187
|
}]);
|
|
189
|
-
return RootItem;
|
|
190
188
|
}(_core.Component);
|
|
191
|
-
exports.RootItem = RootItem;
|
|
192
189
|
(0, _defineProperty2["default"])(RootItem, "displayName", 'Item');
|
|
193
190
|
(0, _defineProperty2["default"])(RootItem, "style", style);
|
|
194
191
|
(0, _defineProperty2["default"])(RootItem, "enhance", [(0, _uniqueID["default"])()]);
|
|
195
192
|
var Toggle = /*#__PURE__*/function (_Component3) {
|
|
196
|
-
(0, _inherits2["default"])(Toggle, _Component3);
|
|
197
|
-
var _super3 = (0, _createSuper2["default"])(Toggle);
|
|
198
193
|
function Toggle() {
|
|
199
194
|
var _this3;
|
|
200
195
|
(0, _classCallCheck2["default"])(this, Toggle);
|
|
201
196
|
for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
|
|
202
197
|
args[_key3] = arguments[_key3];
|
|
203
198
|
}
|
|
204
|
-
_this3 =
|
|
205
|
-
(0, _defineProperty2["default"])(
|
|
206
|
-
(0, _defineProperty2["default"])(
|
|
199
|
+
_this3 = _callSuper(this, Toggle, [].concat(args));
|
|
200
|
+
(0, _defineProperty2["default"])(_this3, "toggleRef", /*#__PURE__*/_react["default"].createRef());
|
|
201
|
+
(0, _defineProperty2["default"])(_this3, "handleKeyDown", function (event) {
|
|
207
202
|
if (event.key === 'Enter') {
|
|
208
203
|
if (_this3.toggleRef.current === event.target) {
|
|
209
204
|
event.currentTarget.click();
|
|
@@ -217,7 +212,8 @@ var Toggle = /*#__PURE__*/function (_Component3) {
|
|
|
217
212
|
});
|
|
218
213
|
return _this3;
|
|
219
214
|
}
|
|
220
|
-
(0,
|
|
215
|
+
(0, _inherits2["default"])(Toggle, _Component3);
|
|
216
|
+
return (0, _createClass2["default"])(Toggle, [{
|
|
221
217
|
key: "render",
|
|
222
218
|
value: function render() {
|
|
223
219
|
var _ref = this.asProps,
|
|
@@ -234,7 +230,6 @@ var Toggle = /*#__PURE__*/function (_Component3) {
|
|
|
234
230
|
}, _ref))));
|
|
235
231
|
}
|
|
236
232
|
}]);
|
|
237
|
-
return Toggle;
|
|
238
233
|
}(_core.Component);
|
|
239
234
|
function Chevron(props) {
|
|
240
235
|
var _ref2 = arguments[0],
|
|
@@ -274,10 +269,8 @@ var Item = (0, _core.createComponent)(RootItem, {
|
|
|
274
269
|
var Accordion = (0, _core.createComponent)(RootAccordion, {
|
|
275
270
|
Item: Item
|
|
276
271
|
});
|
|
277
|
-
var wrapAccordion = function wrapAccordion(wrapper) {
|
|
272
|
+
var wrapAccordion = exports.wrapAccordion = function wrapAccordion(wrapper) {
|
|
278
273
|
return wrapper;
|
|
279
274
|
};
|
|
280
|
-
exports
|
|
281
|
-
var _default = Accordion;
|
|
282
|
-
exports["default"] = _default;
|
|
275
|
+
var _default = exports["default"] = Accordion;
|
|
283
276
|
//# sourceMappingURL=Accordion.js.map
|
package/lib/cjs/Accordion.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","names":["_core","require","_react","_interopRequireDefault","_flexBox","_animation","_typography","_m","_l","_uniqueID","_useCssVariable","style","sstyled","insert","RootAccordion","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","newValue","value","asProps","isArray","indexOfNewValue","indexOf","result","_toConsumableArray2","push","splice","handlers","_createClass2","key","uncontrolledProps","getItemProps","_ref8","_this$asProps","selectedValue","duration","use","selected","includes","$handleInteraction","handleToggleInteraction","render","Children","createElement","Component","defaultValue","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","RootItem","_Component2","_super2","_this2","_len2","_key2","_this2$asProps","getToggleProps","_this$asProps2","uid","disabled","onClick","undefined","handleClick","id","tag","size","tabIndex","getToggleButtonProps","_this$asProps3","getCollapseProps","_this$asProps4","role","getChevronProps","_this$asProps5","exports","uniqueIDEnhancement","Toggle","_Component3","_super3","_this3","_len3","_key3","React","createRef","event","toggleRef","current","target","currentTarget","click","preventDefault","_ref","_ref5","_this$asProps6","styles","SItemToggle","Text","cn","_objectSpread2","assignProps","handleKeyDown","Chevron","props","_ref2","arguments[0]","_ref6","SItemChevron","ChevronRightL","ChevronRightM","ToggleButton","_ref3","_ref7","SToggleButton","Flex","Collapse","_ref4","visible","CollapseAnimate","Item","createComponent","Accordion","wrapAccordion","wrapper","_default"],"sources":["../../src/Accordion.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport { Collapse as CollapseAnimate } from '@semcore/animation';\nimport { Text } from '@semcore/typography';\nimport ChevronRightM from '@semcore/icon/ChevronRight/m';\nimport ChevronRightL from '@semcore/icon/ChevronRight/l';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\n\nimport style from './style/accordion.shadow.css';\n\nclass RootAccordion extends Component {\n static displayName = 'Accordion';\n static style = style;\n static defaultProps = {\n defaultValue: [],\n use: 'secondary',\n };\n static enhance = [\n cssVariableEnhance({\n variable: '--intergalactic-duration-accordion',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n ];\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n handleToggleInteraction = (newValue) => {\n const { value } = this.asProps;\n\n if (Array.isArray(value)) {\n const indexOfNewValue = value.indexOf(newValue);\n const result = [...value];\n indexOfNewValue === -1 ? result.push(newValue) : result.splice(indexOfNewValue, 1);\n this.handlers.value(result);\n } else {\n this.handlers.value(value === newValue ? null : newValue);\n }\n };\n\n getItemProps({ value }) {\n const { value: selectedValue, duration, use } = this.asProps;\n const selected = Array.isArray(selectedValue)\n ? selectedValue.includes(value)\n : selectedValue === value;\n return {\n selected,\n duration,\n use,\n $handleInteraction: this.handleToggleInteraction,\n };\n }\n\n render() {\n const { Children } = this.asProps;\n return <Children />;\n }\n}\n\nexport class RootItem extends Component {\n static displayName = 'Item';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n handleClick = () => {\n const { value, $handleInteraction } = this.asProps;\n\n $handleInteraction(value);\n };\n\n getToggleProps() {\n const { value, uid, selected, disabled, use } = this.asProps;\n return {\n use,\n disabled,\n onClick: disabled ? undefined : this.handleClick,\n id: `igc-${uid}-${value}-toggle`,\n tag: 'h3',\n size: 300,\n tabIndex: disabled ? -1 : 0,\n };\n }\n\n getToggleButtonProps() {\n const { value, uid, selected, disabled } = this.asProps;\n return {\n disabled,\n id: `igc-${uid}-${value}-toggle-button`,\n 'aria-expanded': selected ? 'true' : 'false',\n 'aria-controls': selected ? `igc-${uid}-${value}-collapse` : undefined,\n };\n }\n\n getCollapseProps() {\n const { selected, uid, duration, value } = this.asProps;\n return {\n selected,\n duration,\n id: `igc-${uid}-${value}-collapse`,\n role: 'region',\n 'aria-labelledby': `igc-${uid}-${value}-toggle-button`,\n };\n }\n\n getChevronProps() {\n const { selected, size } = this.asProps;\n return {\n selected,\n size,\n };\n }\n\n render() {\n const { Children } = this.asProps;\n return <Children />;\n }\n}\n\nclass Toggle extends Component {\n toggleRef = React.createRef();\n\n handleKeyDown = (event) => {\n if (event.key === 'Enter') {\n if (this.toggleRef.current === event.target) {\n event.currentTarget.click();\n }\n } else if (event.key === ' ') {\n event.preventDefault();\n if (this.toggleRef.current === event.target) {\n event.currentTarget.click();\n }\n }\n };\n\n render() {\n const { styles, use } = this.asProps;\n const SItemToggle = Root;\n\n return sstyled(styles)(\n <SItemToggle\n use={use}\n ref={this.toggleRef}\n render={Text}\n innerOutline\n onKeyDown={this.handleKeyDown}\n />,\n );\n }\n}\n\nfunction Chevron(props) {\n const { styles, size } = props;\n\n const SItemChevron = Root;\n return sstyled(styles)(<SItemChevron render={size === 'l' ? ChevronRightL : ChevronRightM} />);\n}\n\nfunction ToggleButton(props) {\n const { styles } = props;\n\n const SToggleButton = Root;\n return sstyled(styles)(\n <SToggleButton alignItems='center' render={Flex} role={'button'} {...props} />,\n );\n}\n\nfunction Collapse(props) {\n const { selected } = props;\n const visible = selected;\n\n return (\n <Root\n render={CollapseAnimate}\n visible={visible}\n interactive\n inert={!visible ? '' : undefined}\n aria-hidden={!visible}\n />\n );\n}\n\nconst Item = createComponent(RootItem, {\n Toggle,\n Chevron,\n ToggleButton,\n Collapse,\n});\n\nconst Accordion = createComponent(RootAccordion, {\n Item,\n});\n\nexport const wrapAccordion = (wrapper) => wrapper;\n\nexport default Accordion;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Accordion.js","names":["_core","require","_animation","_uniqueID","_interopRequireDefault","_useCssVariable","_flexBox","_l","_m","_typography","_react","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","RootAccordion","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","newValue","value","asProps","isArray","indexOfNewValue","indexOf","result","_toConsumableArray2","push","splice","handlers","_inherits2","_createClass2","key","uncontrolledProps","getItemProps","_ref8","_this$asProps","selectedValue","duration","use","selected","includes","$handleInteraction","handleToggleInteraction","render","Children","createElement","Component","defaultValue","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","RootItem","exports","_Component2","_this2","_len2","_key2","_this2$asProps","getToggleProps","_this$asProps2","uid","disabled","onClick","undefined","handleClick","id","tag","size","tabIndex","getToggleButtonProps","_this$asProps3","getCollapseProps","_this$asProps4","getChevronProps","_this$asProps5","uniqueIDEnhancement","Toggle","_Component3","_this3","_len3","_key3","React","createRef","event","toggleRef","current","target","currentTarget","click","preventDefault","_ref","_ref5","_this$asProps6","styles","SItemToggle","Text","cn","_objectSpread2","assignProps","handleKeyDown","Chevron","props","_ref2","arguments[0]","_ref6","SItemChevron","ChevronRightL","ChevronRightM","ToggleButton","_ref3","_ref7","SToggleButton","Flex","Collapse","_ref4","visible","CollapseAnimate","Item","createComponent","Accordion","wrapAccordion","wrapper","_default"],"sources":["../../src/Accordion.jsx"],"sourcesContent":["import { Collapse as CollapseAnimate } from '@semcore/animation';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport { Flex } from '@semcore/flex-box';\nimport ChevronRightL from '@semcore/icon/ChevronRight/l';\nimport ChevronRightM from '@semcore/icon/ChevronRight/m';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/accordion.shadow.css';\n\nclass RootAccordion extends Component {\n static displayName = 'Accordion';\n static style = style;\n static defaultProps = {\n defaultValue: [],\n use: 'secondary',\n };\n\n static enhance = [\n cssVariableEnhance({\n variable: '--intergalactic-duration-accordion',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n ];\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n handleToggleInteraction = (newValue) => {\n const { value } = this.asProps;\n\n if (Array.isArray(value)) {\n const indexOfNewValue = value.indexOf(newValue);\n const result = [...value];\n // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n indexOfNewValue === -1 ? result.push(newValue) : result.splice(indexOfNewValue, 1);\n this.handlers.value(result);\n } else {\n this.handlers.value(value === newValue ? null : newValue);\n }\n };\n\n getItemProps({ value }) {\n const { value: selectedValue, duration, use } = this.asProps;\n const selected = Array.isArray(selectedValue)\n ? selectedValue.includes(value)\n : selectedValue === value;\n return {\n selected,\n duration,\n use,\n $handleInteraction: this.handleToggleInteraction,\n };\n }\n\n render() {\n const { Children } = this.asProps;\n return <Children />;\n }\n}\n\nexport class RootItem extends Component {\n static displayName = 'Item';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n handleClick = () => {\n const { value, $handleInteraction } = this.asProps;\n\n $handleInteraction(value);\n };\n\n getToggleProps() {\n const { value, uid, disabled, use } = this.asProps;\n return {\n use,\n disabled,\n onClick: disabled ? undefined : this.handleClick,\n id: `igc-${uid}-${value}-toggle`,\n tag: 'h3',\n size: 300,\n tabIndex: disabled ? -1 : 0,\n };\n }\n\n getToggleButtonProps() {\n const { value, uid, selected, disabled } = this.asProps;\n return {\n disabled,\n 'id': `igc-${uid}-${value}-toggle-button`,\n 'aria-expanded': selected ? 'true' : 'false',\n 'aria-controls': selected ? `igc-${uid}-${value}-collapse` : undefined,\n };\n }\n\n getCollapseProps() {\n const { selected, uid, duration, value } = this.asProps;\n return {\n selected,\n duration,\n 'id': `igc-${uid}-${value}-collapse`,\n 'role': 'region',\n 'aria-labelledby': `igc-${uid}-${value}-toggle-button`,\n };\n }\n\n getChevronProps() {\n const { selected, size } = this.asProps;\n return {\n selected,\n size,\n };\n }\n\n render() {\n const { Children } = this.asProps;\n return <Children />;\n }\n}\n\nclass Toggle extends Component {\n toggleRef = React.createRef();\n\n handleKeyDown = (event) => {\n if (event.key === 'Enter') {\n if (this.toggleRef.current === event.target) {\n event.currentTarget.click();\n }\n } else if (event.key === ' ') {\n event.preventDefault();\n if (this.toggleRef.current === event.target) {\n event.currentTarget.click();\n }\n }\n };\n\n render() {\n const { styles, use } = this.asProps;\n const SItemToggle = Root;\n\n return sstyled(styles)(\n <SItemToggle\n use={use}\n ref={this.toggleRef}\n render={Text}\n innerOutline\n onKeyDown={this.handleKeyDown}\n />,\n );\n }\n}\n\nfunction Chevron(props) {\n const { styles, size } = props;\n\n const SItemChevron = Root;\n return sstyled(styles)(<SItemChevron render={size === 'l' ? ChevronRightL : ChevronRightM} />);\n}\n\nfunction ToggleButton(props) {\n const { styles } = props;\n\n const SToggleButton = Root;\n return sstyled(styles)(\n <SToggleButton alignItems='center' render={Flex} role='button' {...props} />,\n );\n}\n\nfunction Collapse(props) {\n const { selected } = props;\n const visible = selected;\n\n return (\n <Root\n render={CollapseAnimate}\n visible={visible}\n interactive\n inert={!visible ? '' : undefined}\n aria-hidden={!visible}\n />\n );\n}\n\nconst Item = createComponent(RootItem, {\n Toggle,\n Chevron,\n ToggleButton,\n Collapse,\n});\n\nconst Accordion = createComponent(RootAccordion, {\n Item,\n});\n\nexport const wrapAccordion = (wrapper) => wrapper;\n\nexport default Accordion;\n"],"mappings":"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","ignoreList":[]}
|
package/lib/cjs/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { CollapseProps } from '@semcore/animation';\nimport type { PropGetterFn, Intergalactic, UnknownProperties } from '@semcore/core';\nimport type { BoxProps, FlexProps, Flex } from '@semcore/flex-box';\nimport type { Text } from '@semcore/typography';\n\nexport type AccordionValue = null | number | string | Array<number | string | null>;\n\nexport type AccordionProps<T extends AccordionValue = AccordionValue> = FlexProps & {\n /** Value for the active tab. Can be set as stroke, number, null or as array.\n * @type AccordionValue\n * */\n value?: T;\n /**\n * Value of the active tabs selected by default\n * @type AccordionValue\n * @default []\n */\n defaultValue?: T;\n /** Called when the selection is changed\n * @type (value: AccordionValue, event?: React.SyntheticEvent) => void\n * */\n onChange?:\n | ((value: T, event?: React.SyntheticEvent) => void)\n | React.Dispatch<React.SetStateAction<T>>;\n /** Animation duration of each Accordion.Item inside\n * @default 350 */\n duration?: number;\n\n /**\n * Changes the visual appearance of the component\n * @default secondary\n */\n use?: 'primary' | 'secondary';\n};\n\nexport interface IAccordionProps<T extends AccordionValue = AccordionValue>\n extends AccordionProps<T> {}\n\n/** @deprecated */\nexport interface IAccordionContext extends AccordionContext, UnknownProperties {}\nexport type AccordionContext = {\n getItemProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IAccordionHandlers extends AccordionHandlers, UnknownProperties {}\nexport type AccordionHandlers = {\n value: (value: AccordionValue) => void;\n};\n\n/** @deprecated */\nexport interface IAccordionItemProps extends AccordionItemProps, UnknownProperties {}\nexport type AccordionItemProps = {\n /** Tab value */\n value: string | number;\n /** Disabling selection changes */\n disabled?: boolean;\n /** Animation duration\n * @default 350 */\n duration?: number;\n};\n\n/** @deprecated */\nexport interface IAccordionItemContext extends AccordionItemContext, UnknownProperties {}\nexport type AccordionItemContext = {\n getToggleProps?: PropGetterFn;\n getCollapseProps?: PropGetterFn;\n getChevronProps?: PropGetterFn;\n selected?: boolean;\n};\n\nexport type AccordionItemToggleProps = BoxProps & {\n tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n};\nexport type ChevronItemProps = BoxProps & {\n /**\n * Chevron size\n * @default m\n */\n size?: 'm' | 'l';\n};\n\ntype IntergalacticAccordionComponent<PropsExtending = {}> = (<\n Value extends AccordionValue,\n Tag extends Intergalactic.Tag = 'div',\n>(\n props: Intergalactic.InternalTypings.ComponentProps<\n Tag,\n 'div',\n AccordionProps<Value>,\n AccordionContext & { value: Value },\n [handlers: AccordionHandlers]\n > &\n PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\nIntergalactic.InternalTypings.ComponentAdditive<'div', 'div', AccordionProps>;\n\ndeclare const Accordion: IntergalacticAccordionComponent & {\n Item: Intergalactic.Component<\n 'div',\n AccordionItemProps,\n AccordionItemContext,\n [handlers: AccordionHandlers]\n > & {\n Toggle: Intergalactic.Component<typeof Text, AccordionItemToggleProps>;\n ToggleButton: Intergalactic.Component<typeof Flex, {}>;\n Chevron: Intergalactic.Component<'div', ChevronItemProps>;\n Collapse: Intergalactic.Component<'div', CollapseProps>;\n };\n};\n\ndeclare const wrapAccordion: <PropsExtending extends {}>(\n wrapper: (\n props: Intergalactic.InternalTypings.UntypeRefAndTag<\n Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticAccordionComponent>\n > &\n PropsExtending,\n ) => React.ReactNode,\n) => IntergalacticAccordionComponent<PropsExtending>;\nexport { wrapAccordion };\n\nexport default Accordion;\n"],"mappings":"","ignoreList":[]}
|
package/lib/cjs/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
package/lib/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_Accordion","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Accordion';\nexport * from './Accordion';\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,UAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,UAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAd,UAAA,CAAAM,GAAA;IAAA;EAAA;AAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["_Accordion","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Accordion';\nexport * from './Accordion';\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,UAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,UAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAd,UAAA,CAAAM,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
|
package/lib/es6/Accordion.js
CHANGED
|
@@ -2,50 +2,51 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
|
2
2
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
3
3
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
4
4
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
5
|
-
import
|
|
5
|
+
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
6
|
+
import _isNativeReflectConstruct from "@babel/runtime/helpers/isNativeReflectConstruct";
|
|
7
|
+
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
6
8
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
7
|
-
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
8
9
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
9
10
|
import { sstyled as _sstyled } from "@semcore/core";
|
|
10
11
|
import { assignProps as _assignProps4 } from "@semcore/core";
|
|
11
12
|
import { assignProps as _assignProps3 } from "@semcore/core";
|
|
12
13
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
13
14
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
14
|
-
|
|
15
|
-
import { createComponent, Component, sstyled, Root } from '@semcore/core';
|
|
16
|
-
import { Flex } from '@semcore/flex-box';
|
|
15
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
17
16
|
import { Collapse as CollapseAnimate } from '@semcore/animation';
|
|
18
|
-
import {
|
|
19
|
-
import ChevronRightM from '@semcore/icon/ChevronRight/m';
|
|
20
|
-
import ChevronRightL from '@semcore/icon/ChevronRight/l';
|
|
17
|
+
import { createComponent, Component, sstyled, Root } from '@semcore/core';
|
|
21
18
|
import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
|
|
22
19
|
import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';
|
|
20
|
+
import { Flex } from '@semcore/flex-box';
|
|
21
|
+
import ChevronRightL from '@semcore/icon/ChevronRight/l';
|
|
22
|
+
import ChevronRightM from '@semcore/icon/ChevronRight/m';
|
|
23
|
+
import { Text } from '@semcore/typography';
|
|
24
|
+
import React from 'react';
|
|
23
25
|
/*!__reshadow-styles__:"./style/accordion.shadow.css"*/
|
|
24
|
-
var style = (
|
|
26
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SItemToggle_14b86_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_14b86_gg_.__use_14b86_gg_.__use_14b86_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_14b86_gg_.__use_14b86_gg_._use_primary_14b86_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);margin-bottom:var(--intergalactic-spacing-05x, 2px)}@media (hover:hover){.___SItemToggle_14b86_gg_.__use_14b86_gg_._use_primary_14b86_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_14b86_gg_.__disabled_14b86_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_14b86_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_14b86_gg_.__selected_14b86_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_14b86_gg_{transition:none}}", /*__inner_css_end__*/"14b86_gg_"),
|
|
25
27
|
/*__reshadow_css_end__*/
|
|
26
28
|
{
|
|
27
|
-
"__SItemToggle": "
|
|
28
|
-
"_use": "
|
|
29
|
-
"_use_primary": "
|
|
30
|
-
"_disabled": "
|
|
31
|
-
"__SItemChevron": "
|
|
32
|
-
"_selected": "
|
|
29
|
+
"__SItemToggle": "___SItemToggle_14b86_gg_",
|
|
30
|
+
"_use": "__use_14b86_gg_",
|
|
31
|
+
"_use_primary": "_use_primary_14b86_gg_",
|
|
32
|
+
"_disabled": "__disabled_14b86_gg_",
|
|
33
|
+
"__SItemChevron": "___SItemChevron_14b86_gg_",
|
|
34
|
+
"_selected": "__selected_14b86_gg_"
|
|
33
35
|
});
|
|
34
36
|
var RootAccordion = /*#__PURE__*/function (_Component) {
|
|
35
|
-
_inherits(RootAccordion, _Component);
|
|
36
|
-
var _super = _createSuper(RootAccordion);
|
|
37
37
|
function RootAccordion() {
|
|
38
38
|
var _this;
|
|
39
39
|
_classCallCheck(this, RootAccordion);
|
|
40
40
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
41
41
|
args[_key] = arguments[_key];
|
|
42
42
|
}
|
|
43
|
-
_this =
|
|
44
|
-
_defineProperty(
|
|
43
|
+
_this = _callSuper(this, RootAccordion, [].concat(args));
|
|
44
|
+
_defineProperty(_this, "handleToggleInteraction", function (newValue) {
|
|
45
45
|
var value = _this.asProps.value;
|
|
46
46
|
if (Array.isArray(value)) {
|
|
47
47
|
var indexOfNewValue = value.indexOf(newValue);
|
|
48
48
|
var result = _toConsumableArray(value);
|
|
49
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-expressions
|
|
49
50
|
indexOfNewValue === -1 ? result.push(newValue) : result.splice(indexOfNewValue, 1);
|
|
50
51
|
_this.handlers.value(result);
|
|
51
52
|
} else {
|
|
@@ -54,7 +55,8 @@ var RootAccordion = /*#__PURE__*/function (_Component) {
|
|
|
54
55
|
});
|
|
55
56
|
return _this;
|
|
56
57
|
}
|
|
57
|
-
|
|
58
|
+
_inherits(RootAccordion, _Component);
|
|
59
|
+
return _createClass(RootAccordion, [{
|
|
58
60
|
key: "uncontrolledProps",
|
|
59
61
|
value: function uncontrolledProps() {
|
|
60
62
|
return {
|
|
@@ -84,7 +86,6 @@ var RootAccordion = /*#__PURE__*/function (_Component) {
|
|
|
84
86
|
return /*#__PURE__*/React.createElement(Children, null);
|
|
85
87
|
}
|
|
86
88
|
}]);
|
|
87
|
-
return RootAccordion;
|
|
88
89
|
}(Component);
|
|
89
90
|
_defineProperty(RootAccordion, "displayName", 'Accordion');
|
|
90
91
|
_defineProperty(RootAccordion, "style", style);
|
|
@@ -99,16 +100,14 @@ _defineProperty(RootAccordion, "enhance", [cssVariableEnhance({
|
|
|
99
100
|
prop: 'duration'
|
|
100
101
|
})]);
|
|
101
102
|
export var RootItem = /*#__PURE__*/function (_Component2) {
|
|
102
|
-
_inherits(RootItem, _Component2);
|
|
103
|
-
var _super2 = _createSuper(RootItem);
|
|
104
103
|
function RootItem() {
|
|
105
104
|
var _this2;
|
|
106
105
|
_classCallCheck(this, RootItem);
|
|
107
106
|
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
108
107
|
args[_key2] = arguments[_key2];
|
|
109
108
|
}
|
|
110
|
-
_this2 =
|
|
111
|
-
_defineProperty(
|
|
109
|
+
_this2 = _callSuper(this, RootItem, [].concat(args));
|
|
110
|
+
_defineProperty(_this2, "handleClick", function () {
|
|
112
111
|
var _this2$asProps = _this2.asProps,
|
|
113
112
|
value = _this2$asProps.value,
|
|
114
113
|
$handleInteraction = _this2$asProps.$handleInteraction;
|
|
@@ -116,13 +115,13 @@ export var RootItem = /*#__PURE__*/function (_Component2) {
|
|
|
116
115
|
});
|
|
117
116
|
return _this2;
|
|
118
117
|
}
|
|
119
|
-
|
|
118
|
+
_inherits(RootItem, _Component2);
|
|
119
|
+
return _createClass(RootItem, [{
|
|
120
120
|
key: "getToggleProps",
|
|
121
121
|
value: function getToggleProps() {
|
|
122
122
|
var _this$asProps2 = this.asProps,
|
|
123
123
|
value = _this$asProps2.value,
|
|
124
124
|
uid = _this$asProps2.uid,
|
|
125
|
-
selected = _this$asProps2.selected,
|
|
126
125
|
disabled = _this$asProps2.disabled,
|
|
127
126
|
use = _this$asProps2.use;
|
|
128
127
|
return {
|
|
@@ -145,7 +144,7 @@ export var RootItem = /*#__PURE__*/function (_Component2) {
|
|
|
145
144
|
disabled = _this$asProps3.disabled;
|
|
146
145
|
return {
|
|
147
146
|
disabled: disabled,
|
|
148
|
-
id: "igc-".concat(uid, "-").concat(value, "-toggle-button"),
|
|
147
|
+
'id': "igc-".concat(uid, "-").concat(value, "-toggle-button"),
|
|
149
148
|
'aria-expanded': selected ? 'true' : 'false',
|
|
150
149
|
'aria-controls': selected ? "igc-".concat(uid, "-").concat(value, "-collapse") : undefined
|
|
151
150
|
};
|
|
@@ -161,8 +160,8 @@ export var RootItem = /*#__PURE__*/function (_Component2) {
|
|
|
161
160
|
return {
|
|
162
161
|
selected: selected,
|
|
163
162
|
duration: duration,
|
|
164
|
-
id: "igc-".concat(uid, "-").concat(value, "-collapse"),
|
|
165
|
-
role: 'region',
|
|
163
|
+
'id': "igc-".concat(uid, "-").concat(value, "-collapse"),
|
|
164
|
+
'role': 'region',
|
|
166
165
|
'aria-labelledby': "igc-".concat(uid, "-").concat(value, "-toggle-button")
|
|
167
166
|
};
|
|
168
167
|
}
|
|
@@ -184,23 +183,20 @@ export var RootItem = /*#__PURE__*/function (_Component2) {
|
|
|
184
183
|
return /*#__PURE__*/React.createElement(Children, null);
|
|
185
184
|
}
|
|
186
185
|
}]);
|
|
187
|
-
return RootItem;
|
|
188
186
|
}(Component);
|
|
189
187
|
_defineProperty(RootItem, "displayName", 'Item');
|
|
190
188
|
_defineProperty(RootItem, "style", style);
|
|
191
189
|
_defineProperty(RootItem, "enhance", [uniqueIDEnhancement()]);
|
|
192
190
|
var Toggle = /*#__PURE__*/function (_Component3) {
|
|
193
|
-
_inherits(Toggle, _Component3);
|
|
194
|
-
var _super3 = _createSuper(Toggle);
|
|
195
191
|
function Toggle() {
|
|
196
192
|
var _this3;
|
|
197
193
|
_classCallCheck(this, Toggle);
|
|
198
194
|
for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
|
|
199
195
|
args[_key3] = arguments[_key3];
|
|
200
196
|
}
|
|
201
|
-
_this3 =
|
|
202
|
-
_defineProperty(
|
|
203
|
-
_defineProperty(
|
|
197
|
+
_this3 = _callSuper(this, Toggle, [].concat(args));
|
|
198
|
+
_defineProperty(_this3, "toggleRef", /*#__PURE__*/React.createRef());
|
|
199
|
+
_defineProperty(_this3, "handleKeyDown", function (event) {
|
|
204
200
|
if (event.key === 'Enter') {
|
|
205
201
|
if (_this3.toggleRef.current === event.target) {
|
|
206
202
|
event.currentTarget.click();
|
|
@@ -214,7 +210,8 @@ var Toggle = /*#__PURE__*/function (_Component3) {
|
|
|
214
210
|
});
|
|
215
211
|
return _this3;
|
|
216
212
|
}
|
|
217
|
-
|
|
213
|
+
_inherits(Toggle, _Component3);
|
|
214
|
+
return _createClass(Toggle, [{
|
|
218
215
|
key: "render",
|
|
219
216
|
value: function render() {
|
|
220
217
|
var _ref = this.asProps,
|
|
@@ -231,7 +228,6 @@ var Toggle = /*#__PURE__*/function (_Component3) {
|
|
|
231
228
|
}, _ref))));
|
|
232
229
|
}
|
|
233
230
|
}]);
|
|
234
|
-
return Toggle;
|
|
235
231
|
}(Component);
|
|
236
232
|
function Chevron(props) {
|
|
237
233
|
var _ref2 = arguments[0],
|
package/lib/es6/Accordion.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","names":["React","createComponent","Component","sstyled","Root","Flex","Collapse","CollapseAnimate","Text","ChevronRightM","ChevronRightL","uniqueIDEnhancement","cssVariableEnhance","style","_sstyled","insert","RootAccordion","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","newValue","value","asProps","isArray","indexOfNewValue","indexOf","result","_toConsumableArray","push","splice","handlers","_createClass","key","uncontrolledProps","getItemProps","_ref8","_this$asProps","selectedValue","duration","use","selected","includes","$handleInteraction","handleToggleInteraction","render","Children","createElement","defaultValue","variable","fallback","map","Number","parseInt","prop","RootItem","_Component2","_super2","_this2","_len2","_key2","_this2$asProps","getToggleProps","_this$asProps2","uid","disabled","onClick","undefined","handleClick","id","tag","size","tabIndex","getToggleButtonProps","_this$asProps3","getCollapseProps","_this$asProps4","role","getChevronProps","_this$asProps5","Toggle","_Component3","_super3","_this3","_len3","_key3","createRef","event","toggleRef","current","target","currentTarget","click","preventDefault","_ref","_ref5","_this$asProps6","styles","SItemToggle","cn","_objectSpread","_assignProps","handleKeyDown","Chevron","props","_ref2","arguments[0]","_ref6","SItemChevron","_assignProps2","ToggleButton","_ref3","_ref7","SToggleButton","_assignProps3","_ref4","visible","_assignProps4","Item","Accordion","wrapAccordion","wrapper"],"sources":["../../src/Accordion.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport { Collapse as CollapseAnimate } from '@semcore/animation';\nimport { Text } from '@semcore/typography';\nimport ChevronRightM from '@semcore/icon/ChevronRight/m';\nimport ChevronRightL from '@semcore/icon/ChevronRight/l';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\n\nimport style from './style/accordion.shadow.css';\n\nclass RootAccordion extends Component {\n static displayName = 'Accordion';\n static style = style;\n static defaultProps = {\n defaultValue: [],\n use: 'secondary',\n };\n static enhance = [\n cssVariableEnhance({\n variable: '--intergalactic-duration-accordion',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n ];\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n handleToggleInteraction = (newValue) => {\n const { value } = this.asProps;\n\n if (Array.isArray(value)) {\n const indexOfNewValue = value.indexOf(newValue);\n const result = [...value];\n indexOfNewValue === -1 ? result.push(newValue) : result.splice(indexOfNewValue, 1);\n this.handlers.value(result);\n } else {\n this.handlers.value(value === newValue ? null : newValue);\n }\n };\n\n getItemProps({ value }) {\n const { value: selectedValue, duration, use } = this.asProps;\n const selected = Array.isArray(selectedValue)\n ? selectedValue.includes(value)\n : selectedValue === value;\n return {\n selected,\n duration,\n use,\n $handleInteraction: this.handleToggleInteraction,\n };\n }\n\n render() {\n const { Children } = this.asProps;\n return <Children />;\n }\n}\n\nexport class RootItem extends Component {\n static displayName = 'Item';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n handleClick = () => {\n const { value, $handleInteraction } = this.asProps;\n\n $handleInteraction(value);\n };\n\n getToggleProps() {\n const { value, uid, selected, disabled, use } = this.asProps;\n return {\n use,\n disabled,\n onClick: disabled ? undefined : this.handleClick,\n id: `igc-${uid}-${value}-toggle`,\n tag: 'h3',\n size: 300,\n tabIndex: disabled ? -1 : 0,\n };\n }\n\n getToggleButtonProps() {\n const { value, uid, selected, disabled } = this.asProps;\n return {\n disabled,\n id: `igc-${uid}-${value}-toggle-button`,\n 'aria-expanded': selected ? 'true' : 'false',\n 'aria-controls': selected ? `igc-${uid}-${value}-collapse` : undefined,\n };\n }\n\n getCollapseProps() {\n const { selected, uid, duration, value } = this.asProps;\n return {\n selected,\n duration,\n id: `igc-${uid}-${value}-collapse`,\n role: 'region',\n 'aria-labelledby': `igc-${uid}-${value}-toggle-button`,\n };\n }\n\n getChevronProps() {\n const { selected, size } = this.asProps;\n return {\n selected,\n size,\n };\n }\n\n render() {\n const { Children } = this.asProps;\n return <Children />;\n }\n}\n\nclass Toggle extends Component {\n toggleRef = React.createRef();\n\n handleKeyDown = (event) => {\n if (event.key === 'Enter') {\n if (this.toggleRef.current === event.target) {\n event.currentTarget.click();\n }\n } else if (event.key === ' ') {\n event.preventDefault();\n if (this.toggleRef.current === event.target) {\n event.currentTarget.click();\n }\n }\n };\n\n render() {\n const { styles, use } = this.asProps;\n const SItemToggle = Root;\n\n return sstyled(styles)(\n <SItemToggle\n use={use}\n ref={this.toggleRef}\n render={Text}\n innerOutline\n onKeyDown={this.handleKeyDown}\n />,\n );\n }\n}\n\nfunction Chevron(props) {\n const { styles, size } = props;\n\n const SItemChevron = Root;\n return sstyled(styles)(<SItemChevron render={size === 'l' ? ChevronRightL : ChevronRightM} />);\n}\n\nfunction ToggleButton(props) {\n const { styles } = props;\n\n const SToggleButton = Root;\n return sstyled(styles)(\n <SToggleButton alignItems='center' render={Flex} role={'button'} {...props} />,\n );\n}\n\nfunction Collapse(props) {\n const { selected } = props;\n const visible = selected;\n\n return (\n <Root\n render={CollapseAnimate}\n visible={visible}\n interactive\n inert={!visible ? '' : undefined}\n aria-hidden={!visible}\n />\n );\n}\n\nconst Item = createComponent(RootItem, {\n Toggle,\n Chevron,\n ToggleButton,\n Collapse,\n});\n\nconst Accordion = createComponent(RootAccordion, {\n Item,\n});\n\nexport const wrapAccordion = (wrapper) => wrapper;\n\nexport default Accordion;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Accordion.js","names":["Collapse","CollapseAnimate","createComponent","Component","sstyled","Root","uniqueIDEnhancement","cssVariableEnhance","Flex","ChevronRightL","ChevronRightM","Text","React","style","_sstyled","insert","RootAccordion","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","newValue","value","asProps","isArray","indexOfNewValue","indexOf","result","_toConsumableArray","push","splice","handlers","_inherits","_createClass","key","uncontrolledProps","getItemProps","_ref8","_this$asProps","selectedValue","duration","use","selected","includes","$handleInteraction","handleToggleInteraction","render","Children","createElement","defaultValue","variable","fallback","map","Number","parseInt","prop","RootItem","_Component2","_this2","_len2","_key2","_this2$asProps","getToggleProps","_this$asProps2","uid","disabled","onClick","undefined","handleClick","id","tag","size","tabIndex","getToggleButtonProps","_this$asProps3","getCollapseProps","_this$asProps4","getChevronProps","_this$asProps5","Toggle","_Component3","_this3","_len3","_key3","createRef","event","toggleRef","current","target","currentTarget","click","preventDefault","_ref","_ref5","_this$asProps6","styles","SItemToggle","cn","_objectSpread","_assignProps","handleKeyDown","Chevron","props","_ref2","arguments[0]","_ref6","SItemChevron","_assignProps2","ToggleButton","_ref3","_ref7","SToggleButton","_assignProps3","_ref4","visible","_assignProps4","Item","Accordion","wrapAccordion","wrapper"],"sources":["../../src/Accordion.jsx"],"sourcesContent":["import { Collapse as CollapseAnimate } from '@semcore/animation';\nimport { createComponent, Component, sstyled, Root } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport { Flex } from '@semcore/flex-box';\nimport ChevronRightL from '@semcore/icon/ChevronRight/l';\nimport ChevronRightM from '@semcore/icon/ChevronRight/m';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/accordion.shadow.css';\n\nclass RootAccordion extends Component {\n static displayName = 'Accordion';\n static style = style;\n static defaultProps = {\n defaultValue: [],\n use: 'secondary',\n };\n\n static enhance = [\n cssVariableEnhance({\n variable: '--intergalactic-duration-accordion',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n ];\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n handleToggleInteraction = (newValue) => {\n const { value } = this.asProps;\n\n if (Array.isArray(value)) {\n const indexOfNewValue = value.indexOf(newValue);\n const result = [...value];\n // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n indexOfNewValue === -1 ? result.push(newValue) : result.splice(indexOfNewValue, 1);\n this.handlers.value(result);\n } else {\n this.handlers.value(value === newValue ? null : newValue);\n }\n };\n\n getItemProps({ value }) {\n const { value: selectedValue, duration, use } = this.asProps;\n const selected = Array.isArray(selectedValue)\n ? selectedValue.includes(value)\n : selectedValue === value;\n return {\n selected,\n duration,\n use,\n $handleInteraction: this.handleToggleInteraction,\n };\n }\n\n render() {\n const { Children } = this.asProps;\n return <Children />;\n }\n}\n\nexport class RootItem extends Component {\n static displayName = 'Item';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n handleClick = () => {\n const { value, $handleInteraction } = this.asProps;\n\n $handleInteraction(value);\n };\n\n getToggleProps() {\n const { value, uid, disabled, use } = this.asProps;\n return {\n use,\n disabled,\n onClick: disabled ? undefined : this.handleClick,\n id: `igc-${uid}-${value}-toggle`,\n tag: 'h3',\n size: 300,\n tabIndex: disabled ? -1 : 0,\n };\n }\n\n getToggleButtonProps() {\n const { value, uid, selected, disabled } = this.asProps;\n return {\n disabled,\n 'id': `igc-${uid}-${value}-toggle-button`,\n 'aria-expanded': selected ? 'true' : 'false',\n 'aria-controls': selected ? `igc-${uid}-${value}-collapse` : undefined,\n };\n }\n\n getCollapseProps() {\n const { selected, uid, duration, value } = this.asProps;\n return {\n selected,\n duration,\n 'id': `igc-${uid}-${value}-collapse`,\n 'role': 'region',\n 'aria-labelledby': `igc-${uid}-${value}-toggle-button`,\n };\n }\n\n getChevronProps() {\n const { selected, size } = this.asProps;\n return {\n selected,\n size,\n };\n }\n\n render() {\n const { Children } = this.asProps;\n return <Children />;\n }\n}\n\nclass Toggle extends Component {\n toggleRef = React.createRef();\n\n handleKeyDown = (event) => {\n if (event.key === 'Enter') {\n if (this.toggleRef.current === event.target) {\n event.currentTarget.click();\n }\n } else if (event.key === ' ') {\n event.preventDefault();\n if (this.toggleRef.current === event.target) {\n event.currentTarget.click();\n }\n }\n };\n\n render() {\n const { styles, use } = this.asProps;\n const SItemToggle = Root;\n\n return sstyled(styles)(\n <SItemToggle\n use={use}\n ref={this.toggleRef}\n render={Text}\n innerOutline\n onKeyDown={this.handleKeyDown}\n />,\n );\n }\n}\n\nfunction Chevron(props) {\n const { styles, size } = props;\n\n const SItemChevron = Root;\n return sstyled(styles)(<SItemChevron render={size === 'l' ? ChevronRightL : ChevronRightM} />);\n}\n\nfunction ToggleButton(props) {\n const { styles } = props;\n\n const SToggleButton = Root;\n return sstyled(styles)(\n <SToggleButton alignItems='center' render={Flex} role='button' {...props} />,\n );\n}\n\nfunction Collapse(props) {\n const { selected } = props;\n const visible = selected;\n\n return (\n <Root\n render={CollapseAnimate}\n visible={visible}\n interactive\n inert={!visible ? '' : undefined}\n aria-hidden={!visible}\n />\n );\n}\n\nconst Item = createComponent(RootItem, {\n Toggle,\n Chevron,\n ToggleButton,\n Collapse,\n});\n\nconst Accordion = createComponent(RootAccordion, {\n Item,\n});\n\nexport const wrapAccordion = (wrapper) => wrapper;\n\nexport default Accordion;\n"],"mappings":";;;;;;;;;;;;;;;AAAA,SAASA,QAAQ,IAAIC,eAAe,QAAQ,oBAAoB;AAChE,SAASC,eAAe,EAAEC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACzE,OAAOC,mBAAmB,MAAM,kCAAkC;AAClE,SAASC,kBAAkB,QAAQ,wCAAwC;AAC3E,SAASC,IAAI,QAAQ,mBAAmB;AACxC,OAAOC,aAAa,MAAM,8BAA8B;AACxD,OAAOC,aAAa,MAAM,8BAA8B;AACxD,SAASC,IAAI,QAAQ,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,IAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAIpBC,aAAa,0BAAAC,UAAA;EAAA,SAAAD,cAAA;IAAA,IAAAE,KAAA;IAAAC,eAAA,OAAAH,aAAA;IAAA,SAAAI,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAQ,UAAA,OAAAV,aAAA,KAAAW,MAAA,CAAAJ,IAAA;IAAAK,eAAA,CAAAV,KAAA,6BAuBS,UAACW,QAAQ,EAAK;MACtC,IAAQC,KAAK,GAAKZ,KAAA,CAAKa,OAAO,CAAtBD,KAAK;MAEb,IAAIN,KAAK,CAACQ,OAAO,CAACF,KAAK,CAAC,EAAE;QACxB,IAAMG,eAAe,GAAGH,KAAK,CAACI,OAAO,CAACL,QAAQ,CAAC;QAC/C,IAAMM,MAAM,GAAAC,kBAAA,CAAON,KAAK,CAAC;QACzB;QACAG,eAAe,KAAK,CAAC,CAAC,GAAGE,MAAM,CAACE,IAAI,CAACR,QAAQ,CAAC,GAAGM,MAAM,CAACG,MAAM,CAACL,eAAe,EAAE,CAAC,CAAC;QAClFf,KAAA,CAAKqB,QAAQ,CAACT,KAAK,CAACK,MAAM,CAAC;MAC7B,CAAC,MAAM;QACLjB,KAAA,CAAKqB,QAAQ,CAACT,KAAK,CAACA,KAAK,KAAKD,QAAQ,GAAG,IAAI,GAAGA,QAAQ,CAAC;MAC3D;IACF,CAAC;IAAA,OAAAX,KAAA;EAAA;EAAAsB,SAAA,CAAAxB,aAAA,EAAAC,UAAA;EAAA,OAAAwB,YAAA,CAAAzB,aAAA;IAAA0B,GAAA;IAAAZ,KAAA,EAlBD,SAAAa,iBAAiBA,CAAA,EAAG;MAClB,OAAO;QACLb,KAAK,EAAE;MACT,CAAC;IACH;EAAC;IAAAY,GAAA;IAAAZ,KAAA,EAgBD,SAAAc,YAAYA,CAAAC,KAAA,EAAY;MAAA,IAATf,KAAK,GAAAe,KAAA,CAALf,KAAK;MAClB,IAAAgB,aAAA,GAAgD,IAAI,CAACf,OAAO;QAA7CgB,aAAa,GAAAD,aAAA,CAApBhB,KAAK;QAAiBkB,QAAQ,GAAAF,aAAA,CAARE,QAAQ;QAAEC,GAAG,GAAAH,aAAA,CAAHG,GAAG;MAC3C,IAAMC,QAAQ,GAAG1B,KAAK,CAACQ,OAAO,CAACe,aAAa,CAAC,GACzCA,aAAa,CAACI,QAAQ,CAACrB,KAAK,CAAC,GAC7BiB,aAAa,KAAKjB,KAAK;MAC3B,OAAO;QACLoB,QAAQ,EAARA,QAAQ;QACRF,QAAQ,EAARA,QAAQ;QACRC,GAAG,EAAHA,GAAG;QACHG,kBAAkB,EAAE,IAAI,CAACC;MAC3B,CAAC;IACH;EAAC;IAAAX,GAAA;IAAAZ,KAAA,EAED,SAAAwB,MAAMA,CAAA,EAAG;MACP,IAAQC,QAAQ,GAAK,IAAI,CAACxB,OAAO,CAAzBwB,QAAQ;MAChB,oBAAO3C,KAAA,CAAA4C,aAAA,CAACD,QAAQ,MAAE,CAAC;IACrB;EAAC;AAAA,EArDyBpD,SAAS;AAAAyB,eAAA,CAA/BZ,aAAa,iBACI,WAAW;AAAAY,eAAA,CAD5BZ,aAAa,WAEFH,KAAK;AAAAe,eAAA,CAFhBZ,aAAa,kBAGK;EACpByC,YAAY,EAAE,EAAE;EAChBR,GAAG,EAAE;AACP,CAAC;AAAArB,eAAA,CANGZ,aAAa,aAQA,CACfT,kBAAkB,CAAC;EACjBmD,QAAQ,EAAE,oCAAoC;EAC9CC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAEC,MAAM,CAACC,QAAQ;EACpBC,IAAI,EAAE;AACR,CAAC,CAAC,CACH;AAyCH,WAAaC,QAAQ,0BAAAC,WAAA;EAAA,SAAAD,SAAA;IAAA,IAAAE,MAAA;IAAA/C,eAAA,OAAA6C,QAAA;IAAA,SAAAG,KAAA,GAAA9C,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAA2C,KAAA,GAAAC,KAAA,MAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA;MAAA7C,IAAA,CAAA6C,KAAA,IAAA/C,SAAA,CAAA+C,KAAA;IAAA;IAAAF,MAAA,GAAAxC,UAAA,OAAAsC,QAAA,KAAArC,MAAA,CAAAJ,IAAA;IAAAK,eAAA,CAAAsC,MAAA,iBAKL,YAAM;MAClB,IAAAG,cAAA,GAAsCH,MAAA,CAAKnC,OAAO;QAA1CD,KAAK,GAAAuC,cAAA,CAALvC,KAAK;QAAEsB,kBAAkB,GAAAiB,cAAA,CAAlBjB,kBAAkB;MAEjCA,kBAAkB,CAACtB,KAAK,CAAC;IAC3B,CAAC;IAAA,OAAAoC,MAAA;EAAA;EAAA1B,SAAA,CAAAwB,QAAA,EAAAC,WAAA;EAAA,OAAAxB,YAAA,CAAAuB,QAAA;IAAAtB,GAAA;IAAAZ,KAAA,EAED,SAAAwC,cAAcA,CAAA,EAAG;MACf,IAAAC,cAAA,GAAsC,IAAI,CAACxC,OAAO;QAA1CD,KAAK,GAAAyC,cAAA,CAALzC,KAAK;QAAE0C,GAAG,GAAAD,cAAA,CAAHC,GAAG;QAAEC,QAAQ,GAAAF,cAAA,CAARE,QAAQ;QAAExB,GAAG,GAAAsB,cAAA,CAAHtB,GAAG;MACjC,OAAO;QACLA,GAAG,EAAHA,GAAG;QACHwB,QAAQ,EAARA,QAAQ;QACRC,OAAO,EAAED,QAAQ,GAAGE,SAAS,GAAG,IAAI,CAACC,WAAW;QAChDC,EAAE,SAAAlD,MAAA,CAAS6C,GAAG,OAAA7C,MAAA,CAAIG,KAAK,YAAS;QAChCgD,GAAG,EAAE,IAAI;QACTC,IAAI,EAAE,GAAG;QACTC,QAAQ,EAAEP,QAAQ,GAAG,CAAC,CAAC,GAAG;MAC5B,CAAC;IACH;EAAC;IAAA/B,GAAA;IAAAZ,KAAA,EAED,SAAAmD,oBAAoBA,CAAA,EAAG;MACrB,IAAAC,cAAA,GAA2C,IAAI,CAACnD,OAAO;QAA/CD,KAAK,GAAAoD,cAAA,CAALpD,KAAK;QAAE0C,GAAG,GAAAU,cAAA,CAAHV,GAAG;QAAEtB,QAAQ,GAAAgC,cAAA,CAARhC,QAAQ;QAAEuB,QAAQ,GAAAS,cAAA,CAART,QAAQ;MACtC,OAAO;QACLA,QAAQ,EAARA,QAAQ;QACR,IAAI,SAAA9C,MAAA,CAAS6C,GAAG,OAAA7C,MAAA,CAAIG,KAAK,mBAAgB;QACzC,eAAe,EAAEoB,QAAQ,GAAG,MAAM,GAAG,OAAO;QAC5C,eAAe,EAAEA,QAAQ,UAAAvB,MAAA,CAAU6C,GAAG,OAAA7C,MAAA,CAAIG,KAAK,iBAAc6C;MAC/D,CAAC;IACH;EAAC;IAAAjC,GAAA;IAAAZ,KAAA,EAED,SAAAqD,gBAAgBA,CAAA,EAAG;MACjB,IAAAC,cAAA,GAA2C,IAAI,CAACrD,OAAO;QAA/CmB,QAAQ,GAAAkC,cAAA,CAARlC,QAAQ;QAAEsB,GAAG,GAAAY,cAAA,CAAHZ,GAAG;QAAExB,QAAQ,GAAAoC,cAAA,CAARpC,QAAQ;QAAElB,KAAK,GAAAsD,cAAA,CAALtD,KAAK;MACtC,OAAO;QACLoB,QAAQ,EAARA,QAAQ;QACRF,QAAQ,EAARA,QAAQ;QACR,IAAI,SAAArB,MAAA,CAAS6C,GAAG,OAAA7C,MAAA,CAAIG,KAAK,cAAW;QACpC,MAAM,EAAE,QAAQ;QAChB,iBAAiB,SAAAH,MAAA,CAAS6C,GAAG,OAAA7C,MAAA,CAAIG,KAAK;MACxC,CAAC;IACH;EAAC;IAAAY,GAAA;IAAAZ,KAAA,EAED,SAAAuD,eAAeA,CAAA,EAAG;MAChB,IAAAC,cAAA,GAA2B,IAAI,CAACvD,OAAO;QAA/BmB,QAAQ,GAAAoC,cAAA,CAARpC,QAAQ;QAAE6B,IAAI,GAAAO,cAAA,CAAJP,IAAI;MACtB,OAAO;QACL7B,QAAQ,EAARA,QAAQ;QACR6B,IAAI,EAAJA;MACF,CAAC;IACH;EAAC;IAAArC,GAAA;IAAAZ,KAAA,EAED,SAAAwB,MAAMA,CAAA,EAAG;MACP,IAAQC,QAAQ,GAAK,IAAI,CAACxB,OAAO,CAAzBwB,QAAQ;MAChB,oBAAO3C,KAAA,CAAA4C,aAAA,CAACD,QAAQ,MAAE,CAAC;IACrB;EAAC;AAAA,EAxD2BpD,SAAS;AAyDtCyB,eAAA,CAzDYoC,QAAQ,iBACE,MAAM;AAAApC,eAAA,CADhBoC,QAAQ,WAEJnD,KAAK;AAAAe,eAAA,CAFToC,QAAQ,aAGF,CAAC1D,mBAAmB,CAAC,CAAC,CAAC;AAAA,IAwDpCiF,MAAM,0BAAAC,WAAA;EAAA,SAAAD,OAAA;IAAA,IAAAE,MAAA;IAAAtE,eAAA,OAAAoE,MAAA;IAAA,SAAAG,KAAA,GAAArE,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAkE,KAAA,GAAAC,KAAA,MAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA;MAAApE,IAAA,CAAAoE,KAAA,IAAAtE,SAAA,CAAAsE,KAAA;IAAA;IAAAF,MAAA,GAAA/D,UAAA,OAAA6D,MAAA,KAAA5D,MAAA,CAAAJ,IAAA;IAAAK,eAAA,CAAA6D,MAAA,4BACE7E,KAAK,CAACgF,SAAS,CAAC,CAAC;IAAAhE,eAAA,CAAA6D,MAAA,mBAEb,UAACI,KAAK,EAAK;MACzB,IAAIA,KAAK,CAACnD,GAAG,KAAK,OAAO,EAAE;QACzB,IAAI+C,MAAA,CAAKK,SAAS,CAACC,OAAO,KAAKF,KAAK,CAACG,MAAM,EAAE;UAC3CH,KAAK,CAACI,aAAa,CAACC,KAAK,CAAC,CAAC;QAC7B;MACF,CAAC,MAAM,IAAIL,KAAK,CAACnD,GAAG,KAAK,GAAG,EAAE;QAC5BmD,KAAK,CAACM,cAAc,CAAC,CAAC;QACtB,IAAIV,MAAA,CAAKK,SAAS,CAACC,OAAO,KAAKF,KAAK,CAACG,MAAM,EAAE;UAC3CH,KAAK,CAACI,aAAa,CAACC,KAAK,CAAC,CAAC;QAC7B;MACF;IACF,CAAC;IAAA,OAAAT,MAAA;EAAA;EAAAjD,SAAA,CAAA+C,MAAA,EAAAC,WAAA;EAAA,OAAA/C,YAAA,CAAA8C,MAAA;IAAA7C,GAAA;IAAAZ,KAAA,EAED,SAAAwB,MAAMA,CAAA,EAAG;MAAA,IAAA8C,IAAA,QAAArE,OAAA;QAAAsE,KAAA;MACP,IAAAC,cAAA,GAAwB,IAAI,CAACvE,OAAO;QAA5BwE,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEtD,GAAG,GAAAqD,cAAA,CAAHrD,GAAG;MACnB,IAAMuD,WAAW,GAML7F,IAAI;MAJhB,OAAA0F,KAAA,GAAOjG,OAAO,CAACmG,MAAM,CAAC,eACpB3F,KAAA,CAAA4C,aAAA,CAACgD,WAAW,EAAAH,KAAA,CAAAI,EAAA,gBAAAC,aAAA,KAAAC,YAAA;QAAA,OACL1D,GAAG;QAAA,OACH,IAAI,CAAC6C,SAAS;QAAA;QAAA,aAGR,IAAI,CAACc;MAAa,GAAAR,IAAA,GAC9B,CAAC;IAEN;EAAC;AAAA,EA7BkBjG,SAAS;AAgC9B,SAAS0G,OAAOA,CAACC,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACtB,IAAQV,MAAM,GAAWO,KAAK,CAAtBP,MAAM;IAAExB,IAAI,GAAK+B,KAAK,CAAd/B,IAAI;EAEpB,IAAMmC,YAAY,GAC2BnC,IAAI,KAAK,GAAG,GAAGtE,aAAa,GAAGC,aAAa;EAAzF,OAAAuG,KAAA,GAAO7G,OAAO,CAACmG,MAAM,CAAC,eAAC3F,KAAA,CAAA4C,aAAA,CAAC0D,YAAY,EAAAD,KAAA,CAAAR,EAAA,iBAAAC,aAAA,KAAAS,aAAA,KAAAJ,KAAA,GAAwD,CAAC;AAC/F;AAEA,SAASK,YAAYA,CAACN,KAAK,EAAE;EAAA,IAAAO,KAAA,GAAAL,YAAA;IAAAM,KAAA;EAC3B,IAAQf,MAAM,GAAKO,KAAK,CAAhBP,MAAM;EAEd,IAAMgB,aAAa,GAE0B/G,IAAI;EADjD,OAAA8G,KAAA,GAAOlH,OAAO,CAACmG,MAAM,CAAC,eACpB3F,KAAA,CAAA4C,aAAA,CAAC+D,aAAa,EAAAD,KAAA,CAAAb,EAAA,kBAAAC,aAAA,KAAAc,aAAA,CAAAd,aAAA;IAAA,cAAY,QAAQ;IAAA,QAAoB;EAAQ,GAAKI,KAAK,GAAAO,KAAA,GAAG,CAAC;AAEhF;AAEA,SAASrH,QAAQA,CAAC8G,KAAK,EAAE;EAAA,IAAAW,KAAA,GAAAT,YAAA;EACvB,IAAQ9D,QAAQ,GAAK4D,KAAK,CAAlB5D,QAAQ;EAChB,IAAMwE,OAAO,GAAGxE,QAAQ;EAExB,oBACEtC,KAAA,CAAA4C,aAAA,CACUvD,eAAe,EAAA0H,aAAA;IAAA,WACdD,OAAO;IAAA;IAAA,SAET,CAACA,OAAO,GAAG,EAAE,GAAG/C,SAAS;IAAA,eACnB,CAAC+C;EAAO,GAAAD,KAAA,CACtB,CAAC;AAEN;AAEA,IAAMG,IAAI,GAAG1H,eAAe,CAAC8D,QAAQ,EAAE;EACrCuB,MAAM,EAANA,MAAM;EACNsB,OAAO,EAAPA,OAAO;EACPO,YAAY,EAAZA,YAAY;EACZpH,QAAQ,EAARA;AACF,CAAC,CAAC;AAEF,IAAM6H,SAAS,GAAG3H,eAAe,CAACc,aAAa,EAAE;EAC/C4G,IAAI,EAAJA;AACF,CAAC,CAAC;AAEF,OAAO,IAAME,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,OAAO;EAAA,OAAKA,OAAO;AAAA;AAEjD,eAAeF,SAAS","ignoreList":[]}
|
package/lib/es6/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { CollapseProps } from '@semcore/animation';\nimport type { PropGetterFn, Intergalactic, UnknownProperties } from '@semcore/core';\nimport type { BoxProps, FlexProps, Flex } from '@semcore/flex-box';\nimport type { Text } from '@semcore/typography';\n\nexport type AccordionValue = null | number | string | Array<number | string | null>;\n\nexport type AccordionProps<T extends AccordionValue = AccordionValue> = FlexProps & {\n /** Value for the active tab. Can be set as stroke, number, null or as array.\n * @type AccordionValue\n * */\n value?: T;\n /**\n * Value of the active tabs selected by default\n * @type AccordionValue\n * @default []\n */\n defaultValue?: T;\n /** Called when the selection is changed\n * @type (value: AccordionValue, event?: React.SyntheticEvent) => void\n * */\n onChange?:\n | ((value: T, event?: React.SyntheticEvent) => void)\n | React.Dispatch<React.SetStateAction<T>>;\n /** Animation duration of each Accordion.Item inside\n * @default 350 */\n duration?: number;\n\n /**\n * Changes the visual appearance of the component\n * @default secondary\n */\n use?: 'primary' | 'secondary';\n};\n\nexport interface IAccordionProps<T extends AccordionValue = AccordionValue>\n extends AccordionProps<T> {}\n\n/** @deprecated */\nexport interface IAccordionContext extends AccordionContext, UnknownProperties {}\nexport type AccordionContext = {\n getItemProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface IAccordionHandlers extends AccordionHandlers, UnknownProperties {}\nexport type AccordionHandlers = {\n value: (value: AccordionValue) => void;\n};\n\n/** @deprecated */\nexport interface IAccordionItemProps extends AccordionItemProps, UnknownProperties {}\nexport type AccordionItemProps = {\n /** Tab value */\n value: string | number;\n /** Disabling selection changes */\n disabled?: boolean;\n /** Animation duration\n * @default 350 */\n duration?: number;\n};\n\n/** @deprecated */\nexport interface IAccordionItemContext extends AccordionItemContext, UnknownProperties {}\nexport type AccordionItemContext = {\n getToggleProps?: PropGetterFn;\n getCollapseProps?: PropGetterFn;\n getChevronProps?: PropGetterFn;\n selected?: boolean;\n};\n\nexport type AccordionItemToggleProps = BoxProps & {\n tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n};\nexport type ChevronItemProps = BoxProps & {\n /**\n * Chevron size\n * @default m\n */\n size?: 'm' | 'l';\n};\n\ntype IntergalacticAccordionComponent<PropsExtending = {}> = (<\n Value extends AccordionValue,\n Tag extends Intergalactic.Tag = 'div',\n>(\n props: Intergalactic.InternalTypings.ComponentProps<\n Tag,\n 'div',\n AccordionProps<Value>,\n AccordionContext & { value: Value },\n [handlers: AccordionHandlers]\n > &\n PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\nIntergalactic.InternalTypings.ComponentAdditive<'div', 'div', AccordionProps>;\n\ndeclare const Accordion: IntergalacticAccordionComponent & {\n Item: Intergalactic.Component<\n 'div',\n AccordionItemProps,\n AccordionItemContext,\n [handlers: AccordionHandlers]\n > & {\n Toggle: Intergalactic.Component<typeof Text, AccordionItemToggleProps>;\n ToggleButton: Intergalactic.Component<typeof Flex, {}>;\n Chevron: Intergalactic.Component<'div', ChevronItemProps>;\n Collapse: Intergalactic.Component<'div', CollapseProps>;\n };\n};\n\ndeclare const wrapAccordion: <PropsExtending extends {}>(\n wrapper: (\n props: Intergalactic.InternalTypings.UntypeRefAndTag<\n Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticAccordionComponent>\n > &\n PropsExtending,\n ) => React.ReactNode,\n) => IntergalacticAccordionComponent<PropsExtending>;\nexport { wrapAccordion };\n\nexport default Accordion;\n"],"mappings":"","ignoreList":[]}
|
package/lib/es6/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Accordion';\nexport * from './Accordion';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,aAAa;AACrC,cAAc,aAAa"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Accordion';\nexport * from './Accordion';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,aAAa;AACrC,cAAc,aAAa","ignoreList":[]}
|
package/lib/esm/Accordion.mjs
CHANGED
|
@@ -2,48 +2,50 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
|
2
2
|
import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
|
|
3
3
|
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
4
4
|
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
5
|
-
import
|
|
5
|
+
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
|
|
6
|
+
import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
|
|
7
|
+
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
6
8
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
7
|
-
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
|
|
8
9
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
9
|
-
import { sstyled, Component,
|
|
10
|
-
import React from "react";
|
|
11
|
-
import { Flex } from "@semcore/flex-box";
|
|
10
|
+
import { createComponent, sstyled, Component, assignProps } from "@semcore/core";
|
|
12
11
|
import { Collapse as Collapse$1 } from "@semcore/animation";
|
|
13
|
-
import { Text } from "@semcore/typography";
|
|
14
|
-
import ChevronRightM from "@semcore/icon/ChevronRight/m";
|
|
15
|
-
import ChevronRightL from "@semcore/icon/ChevronRight/l";
|
|
16
12
|
import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
|
|
17
13
|
import { cssVariableEnhance } from "@semcore/core/lib/utils/useCssVariable";
|
|
14
|
+
import { Flex } from "@semcore/flex-box";
|
|
15
|
+
import ChevronRightL from "@semcore/icon/ChevronRight/l";
|
|
16
|
+
import ChevronRightM from "@semcore/icon/ChevronRight/m";
|
|
17
|
+
import { Text } from "@semcore/typography";
|
|
18
|
+
import React from "react";
|
|
19
|
+
function _callSuper(t, o, e) {
|
|
20
|
+
return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
|
|
21
|
+
}
|
|
18
22
|
/*!__reshadow-styles__:"./style/accordion.shadow.css"*/
|
|
19
23
|
var style = (
|
|
20
24
|
/*__reshadow_css_start__*/
|
|
21
25
|
(sstyled.insert(
|
|
22
26
|
/*__inner_css_start__*/
|
|
23
|
-
".
|
|
27
|
+
".___SItemToggle_14b86_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_14b86_gg_.__use_14b86_gg_.__use_14b86_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_14b86_gg_.__use_14b86_gg_._use_primary_14b86_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);margin-bottom:var(--intergalactic-spacing-05x, 2px)}@media (hover:hover){.___SItemToggle_14b86_gg_.__use_14b86_gg_._use_primary_14b86_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_14b86_gg_.__disabled_14b86_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_14b86_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_14b86_gg_.__selected_14b86_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_14b86_gg_{transition:none}}",
|
|
24
28
|
/*__inner_css_end__*/
|
|
25
|
-
"
|
|
29
|
+
"14b86_gg_"
|
|
26
30
|
), /*__reshadow_css_end__*/
|
|
27
31
|
{
|
|
28
|
-
"__SItemToggle": "
|
|
29
|
-
"_use": "
|
|
30
|
-
"_use_primary": "
|
|
31
|
-
"_disabled": "
|
|
32
|
-
"__SItemChevron": "
|
|
33
|
-
"_selected": "
|
|
32
|
+
"__SItemToggle": "___SItemToggle_14b86_gg_",
|
|
33
|
+
"_use": "__use_14b86_gg_",
|
|
34
|
+
"_use_primary": "_use_primary_14b86_gg_",
|
|
35
|
+
"_disabled": "__disabled_14b86_gg_",
|
|
36
|
+
"__SItemChevron": "___SItemChevron_14b86_gg_",
|
|
37
|
+
"_selected": "__selected_14b86_gg_"
|
|
34
38
|
})
|
|
35
39
|
);
|
|
36
40
|
var RootAccordion = /* @__PURE__ */ function(_Component) {
|
|
37
|
-
_inherits(RootAccordion2, _Component);
|
|
38
|
-
var _super = _createSuper(RootAccordion2);
|
|
39
41
|
function RootAccordion2() {
|
|
40
42
|
var _this;
|
|
41
43
|
_classCallCheck(this, RootAccordion2);
|
|
42
44
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
43
45
|
args[_key] = arguments[_key];
|
|
44
46
|
}
|
|
45
|
-
_this =
|
|
46
|
-
_defineProperty(
|
|
47
|
+
_this = _callSuper(this, RootAccordion2, [].concat(args));
|
|
48
|
+
_defineProperty(_this, "handleToggleInteraction", function(newValue) {
|
|
47
49
|
var value = _this.asProps.value;
|
|
48
50
|
if (Array.isArray(value)) {
|
|
49
51
|
var indexOfNewValue = value.indexOf(newValue);
|
|
@@ -56,7 +58,8 @@ var RootAccordion = /* @__PURE__ */ function(_Component) {
|
|
|
56
58
|
});
|
|
57
59
|
return _this;
|
|
58
60
|
}
|
|
59
|
-
|
|
61
|
+
_inherits(RootAccordion2, _Component);
|
|
62
|
+
return _createClass(RootAccordion2, [{
|
|
60
63
|
key: "uncontrolledProps",
|
|
61
64
|
value: function uncontrolledProps() {
|
|
62
65
|
return {
|
|
@@ -83,7 +86,6 @@ var RootAccordion = /* @__PURE__ */ function(_Component) {
|
|
|
83
86
|
return /* @__PURE__ */ React.createElement(Children, null);
|
|
84
87
|
}
|
|
85
88
|
}]);
|
|
86
|
-
return RootAccordion2;
|
|
87
89
|
}(Component);
|
|
88
90
|
_defineProperty(RootAccordion, "displayName", "Accordion");
|
|
89
91
|
_defineProperty(RootAccordion, "style", style);
|
|
@@ -98,27 +100,24 @@ _defineProperty(RootAccordion, "enhance", [cssVariableEnhance({
|
|
|
98
100
|
prop: "duration"
|
|
99
101
|
})]);
|
|
100
102
|
var RootItem = /* @__PURE__ */ function(_Component2) {
|
|
101
|
-
_inherits(RootItem2, _Component2);
|
|
102
|
-
var _super2 = _createSuper(RootItem2);
|
|
103
103
|
function RootItem2() {
|
|
104
104
|
var _this2;
|
|
105
105
|
_classCallCheck(this, RootItem2);
|
|
106
106
|
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
107
107
|
args[_key2] = arguments[_key2];
|
|
108
108
|
}
|
|
109
|
-
_this2 =
|
|
110
|
-
_defineProperty(
|
|
109
|
+
_this2 = _callSuper(this, RootItem2, [].concat(args));
|
|
110
|
+
_defineProperty(_this2, "handleClick", function() {
|
|
111
111
|
var _this2$asProps = _this2.asProps, value = _this2$asProps.value, $handleInteraction = _this2$asProps.$handleInteraction;
|
|
112
112
|
$handleInteraction(value);
|
|
113
113
|
});
|
|
114
114
|
return _this2;
|
|
115
115
|
}
|
|
116
|
-
|
|
116
|
+
_inherits(RootItem2, _Component2);
|
|
117
|
+
return _createClass(RootItem2, [{
|
|
117
118
|
key: "getToggleProps",
|
|
118
119
|
value: function getToggleProps() {
|
|
119
|
-
var _this$asProps2 = this.asProps, value = _this$asProps2.value, uid = _this$asProps2.uid;
|
|
120
|
-
_this$asProps2.selected;
|
|
121
|
-
var disabled = _this$asProps2.disabled, use = _this$asProps2.use;
|
|
120
|
+
var _this$asProps2 = this.asProps, value = _this$asProps2.value, uid = _this$asProps2.uid, disabled = _this$asProps2.disabled, use = _this$asProps2.use;
|
|
122
121
|
return {
|
|
123
122
|
use,
|
|
124
123
|
disabled,
|
|
@@ -135,7 +134,7 @@ var RootItem = /* @__PURE__ */ function(_Component2) {
|
|
|
135
134
|
var _this$asProps3 = this.asProps, value = _this$asProps3.value, uid = _this$asProps3.uid, selected = _this$asProps3.selected, disabled = _this$asProps3.disabled;
|
|
136
135
|
return {
|
|
137
136
|
disabled,
|
|
138
|
-
id: "igc-".concat(uid, "-").concat(value, "-toggle-button"),
|
|
137
|
+
"id": "igc-".concat(uid, "-").concat(value, "-toggle-button"),
|
|
139
138
|
"aria-expanded": selected ? "true" : "false",
|
|
140
139
|
"aria-controls": selected ? "igc-".concat(uid, "-").concat(value, "-collapse") : void 0
|
|
141
140
|
};
|
|
@@ -147,8 +146,8 @@ var RootItem = /* @__PURE__ */ function(_Component2) {
|
|
|
147
146
|
return {
|
|
148
147
|
selected,
|
|
149
148
|
duration,
|
|
150
|
-
id: "igc-".concat(uid, "-").concat(value, "-collapse"),
|
|
151
|
-
role: "region",
|
|
149
|
+
"id": "igc-".concat(uid, "-").concat(value, "-collapse"),
|
|
150
|
+
"role": "region",
|
|
152
151
|
"aria-labelledby": "igc-".concat(uid, "-").concat(value, "-toggle-button")
|
|
153
152
|
};
|
|
154
153
|
}
|
|
@@ -168,23 +167,20 @@ var RootItem = /* @__PURE__ */ function(_Component2) {
|
|
|
168
167
|
return /* @__PURE__ */ React.createElement(Children, null);
|
|
169
168
|
}
|
|
170
169
|
}]);
|
|
171
|
-
return RootItem2;
|
|
172
170
|
}(Component);
|
|
173
171
|
_defineProperty(RootItem, "displayName", "Item");
|
|
174
172
|
_defineProperty(RootItem, "style", style);
|
|
175
173
|
_defineProperty(RootItem, "enhance", [uniqueIDEnhancement()]);
|
|
176
174
|
var Toggle = /* @__PURE__ */ function(_Component3) {
|
|
177
|
-
_inherits(Toggle2, _Component3);
|
|
178
|
-
var _super3 = _createSuper(Toggle2);
|
|
179
175
|
function Toggle2() {
|
|
180
176
|
var _this3;
|
|
181
177
|
_classCallCheck(this, Toggle2);
|
|
182
178
|
for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
|
|
183
179
|
args[_key3] = arguments[_key3];
|
|
184
180
|
}
|
|
185
|
-
_this3 =
|
|
186
|
-
_defineProperty(
|
|
187
|
-
_defineProperty(
|
|
181
|
+
_this3 = _callSuper(this, Toggle2, [].concat(args));
|
|
182
|
+
_defineProperty(_this3, "toggleRef", /* @__PURE__ */ React.createRef());
|
|
183
|
+
_defineProperty(_this3, "handleKeyDown", function(event) {
|
|
188
184
|
if (event.key === "Enter") {
|
|
189
185
|
if (_this3.toggleRef.current === event.target) {
|
|
190
186
|
event.currentTarget.click();
|
|
@@ -198,7 +194,8 @@ var Toggle = /* @__PURE__ */ function(_Component3) {
|
|
|
198
194
|
});
|
|
199
195
|
return _this3;
|
|
200
196
|
}
|
|
201
|
-
|
|
197
|
+
_inherits(Toggle2, _Component3);
|
|
198
|
+
return _createClass(Toggle2, [{
|
|
202
199
|
key: "render",
|
|
203
200
|
value: function render() {
|
|
204
201
|
var _ref = this.asProps, _ref5;
|
|
@@ -212,7 +209,6 @@ var Toggle = /* @__PURE__ */ function(_Component3) {
|
|
|
212
209
|
}, _ref))));
|
|
213
210
|
}
|
|
214
211
|
}]);
|
|
215
|
-
return Toggle2;
|
|
216
212
|
}(Component);
|
|
217
213
|
function Chevron(props) {
|
|
218
214
|
var _ref2 = arguments[0], _ref6;
|
package/lib/types/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { PropGetterFn, Intergalactic, UnknownProperties } from '@semcore/core';
|
|
3
|
-
import {
|
|
4
|
-
import { Text } from '@semcore/typography';
|
|
1
|
+
import type { CollapseProps } from '@semcore/animation';
|
|
2
|
+
import type { PropGetterFn, Intergalactic, UnknownProperties } from '@semcore/core';
|
|
3
|
+
import type { BoxProps, FlexProps, Flex } from '@semcore/flex-box';
|
|
4
|
+
import type { Text } from '@semcore/typography';
|
|
5
5
|
|
|
6
6
|
export type AccordionValue = null | number | string | Array<number | string | null>;
|
|
7
7
|
|
|
@@ -91,9 +91,9 @@ type IntergalacticAccordionComponent<PropsExtending = {}> = (<
|
|
|
91
91
|
AccordionContext & { value: Value },
|
|
92
92
|
[handlers: AccordionHandlers]
|
|
93
93
|
> &
|
|
94
|
-
|
|
94
|
+
PropsExtending,
|
|
95
95
|
) => Intergalactic.InternalTypings.ComponentRenderingResults) &
|
|
96
|
-
|
|
96
|
+
Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', AccordionProps>;
|
|
97
97
|
|
|
98
98
|
declare const Accordion: IntergalacticAccordionComponent & {
|
|
99
99
|
Item: Intergalactic.Component<
|
|
@@ -114,7 +114,7 @@ declare const wrapAccordion: <PropsExtending extends {}>(
|
|
|
114
114
|
props: Intergalactic.InternalTypings.UntypeRefAndTag<
|
|
115
115
|
Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticAccordionComponent>
|
|
116
116
|
> &
|
|
117
|
-
|
|
117
|
+
PropsExtending,
|
|
118
118
|
) => React.ReactNode,
|
|
119
119
|
) => IntergalacticAccordionComponent<PropsExtending>;
|
|
120
120
|
export { wrapAccordion };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/accordion",
|
|
3
3
|
"description": "Semrush Accordion Component",
|
|
4
|
-
"version": "16.2.
|
|
4
|
+
"version": "16.2.1-prerelease.1",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,14 +14,14 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/animation": "16.0.1",
|
|
18
|
-
"@semcore/flex-box": "16.0.1",
|
|
19
|
-
"@semcore/icon": "16.2.
|
|
20
|
-
"@semcore/button": "16.0.1",
|
|
21
|
-
"@semcore/typography": "16.1.1"
|
|
17
|
+
"@semcore/animation": "16.0.2-prerelease.1",
|
|
18
|
+
"@semcore/flex-box": "16.0.2-prerelease.1",
|
|
19
|
+
"@semcore/icon": "16.2.1-prerelease.1",
|
|
20
|
+
"@semcore/button": "16.0.2-prerelease.1",
|
|
21
|
+
"@semcore/typography": "16.1.2-prerelease.1"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
24
|
-
"@semcore/base-components": "^16.0.
|
|
24
|
+
"@semcore/base-components": "^16.0.2-prerelease.1"
|
|
25
25
|
},
|
|
26
26
|
"repository": {
|
|
27
27
|
"type": "git",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"directory": "semcore/accordion"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
|
-
"@
|
|
32
|
+
"@semcore/core": "16.0.0",
|
|
33
33
|
"@semcore/testing-utils": "1.0.0"
|
|
34
34
|
},
|
|
35
35
|
"scripts": {
|