@semcore/accordion 5.48.2 → 5.49.0-prerelease.0
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/lib/cjs/Accordion.js +47 -62
- package/lib/cjs/Accordion.js.map +1 -1
- package/lib/cjs/Accordion.type.js +2 -0
- package/lib/cjs/Accordion.type.js.map +1 -0
- package/lib/cjs/index.js +14 -5
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/style/accordion.shadow.css +6 -14
- package/lib/es6/Accordion.js +41 -51
- package/lib/es6/Accordion.js.map +1 -1
- package/lib/es6/Accordion.type.js +2 -0
- package/lib/es6/Accordion.type.js.map +1 -0
- package/lib/es6/index.js +2 -2
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/style/accordion.shadow.css +6 -14
- package/lib/esm/Accordion.mjs +50 -64
- package/lib/esm/Accordion.type.mjs +1 -0
- package/lib/esm/index.mjs +2 -2
- package/lib/esm/style/accordion.shadow.css +6 -14
- package/lib/types/Accordion.d.ts +68 -0
- package/lib/types/Accordion.type.d.ts +142 -0
- package/lib/types/index.d.ts +2 -124
- package/package.json +8 -8
- package/lib/cjs/index.d.js +0 -2
- package/lib/cjs/index.d.js.map +0 -1
- package/lib/es6/index.d.js +0 -2
- package/lib/es6/index.d.js.map +0 -1
package/lib/es6/Accordion.js
CHANGED
|
@@ -2,53 +2,47 @@ 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 _callSuper from "@babel/runtime/helpers/callSuper";
|
|
6
6
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
7
|
-
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
8
7
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
9
|
-
import { sstyled as _sstyled } from "@semcore/
|
|
8
|
+
import { sstyled as _sstyled } from "@semcore/core";
|
|
10
9
|
import { assignProps as _assignProps4 } from "@semcore/core";
|
|
11
10
|
import { assignProps as _assignProps3 } from "@semcore/core";
|
|
12
11
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
13
12
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
14
|
-
import
|
|
15
|
-
import createComponent,
|
|
16
|
-
import
|
|
17
|
-
import {
|
|
18
|
-
import { Text } from '@semcore/typography';
|
|
19
|
-
import ChevronRightM from '@semcore/icon/ChevronRight/m';
|
|
13
|
+
import { Collapse as CollapseAnimate, Flex } from '@semcore/base-components';
|
|
14
|
+
import { createComponent, Component, sstyled, Root } from '@semcore/core';
|
|
15
|
+
import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
|
|
16
|
+
import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';
|
|
20
17
|
import ChevronRightL from '@semcore/icon/ChevronRight/l';
|
|
21
|
-
import
|
|
22
|
-
import
|
|
23
|
-
import
|
|
18
|
+
import ChevronRightM from '@semcore/icon/ChevronRight/m';
|
|
19
|
+
import { Text } from '@semcore/typography';
|
|
20
|
+
import React from 'react';
|
|
24
21
|
/*!__reshadow-styles__:"./style/accordion.shadow.css"*/
|
|
25
|
-
var style = (
|
|
22
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SItemToggle_hkpt8_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_hkpt8_gg_.__use_hkpt8_gg_.__use_hkpt8_gg_{color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899));font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_hkpt8_gg_.__use_hkpt8_gg_._use_primary_hkpt8_gg_{background-color:var(--intergalactic-bg-secondary-neutral, rgb(248, 249, 248));padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);margin-bottom:var(--intergalactic-spacing-05x, 2px)}@media (hover:hover){.___SItemToggle_hkpt8_gg_.__use_hkpt8_gg_._use_primary_hkpt8_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, rgb(241, 242, 242))}}.___SItemToggle_hkpt8_gg_.__disabled_hkpt8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default}.___SItemChevron_hkpt8_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}.___SItemChevron_hkpt8_gg_.__selected_hkpt8_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_hkpt8_gg_{transition:none}}", /*__inner_css_end__*/"hkpt8_gg_"),
|
|
26
23
|
/*__reshadow_css_end__*/
|
|
27
24
|
{
|
|
28
|
-
"__SItemToggle": "
|
|
29
|
-
"
|
|
30
|
-
"
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"__SItemChevron": "___SItemChevron_amcdq_gg_",
|
|
35
|
-
"_selected": "__selected_amcdq_gg_"
|
|
25
|
+
"__SItemToggle": "___SItemToggle_hkpt8_gg_",
|
|
26
|
+
"_use": "__use_hkpt8_gg_",
|
|
27
|
+
"_use_primary": "_use_primary_hkpt8_gg_",
|
|
28
|
+
"_disabled": "__disabled_hkpt8_gg_",
|
|
29
|
+
"__SItemChevron": "___SItemChevron_hkpt8_gg_",
|
|
30
|
+
"_selected": "__selected_hkpt8_gg_"
|
|
36
31
|
});
|
|
37
32
|
var RootAccordion = /*#__PURE__*/function (_Component) {
|
|
38
|
-
_inherits(RootAccordion, _Component);
|
|
39
|
-
var _super = _createSuper(RootAccordion);
|
|
40
33
|
function RootAccordion() {
|
|
41
34
|
var _this;
|
|
42
35
|
_classCallCheck(this, RootAccordion);
|
|
43
36
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
44
37
|
args[_key] = arguments[_key];
|
|
45
38
|
}
|
|
46
|
-
_this =
|
|
47
|
-
_defineProperty(
|
|
39
|
+
_this = _callSuper(this, RootAccordion, [].concat(args));
|
|
40
|
+
_defineProperty(_this, "handleToggleInteraction", function (newValue) {
|
|
48
41
|
var value = _this.asProps.value;
|
|
49
42
|
if (Array.isArray(value)) {
|
|
50
43
|
var indexOfNewValue = value.indexOf(newValue);
|
|
51
44
|
var result = _toConsumableArray(value);
|
|
45
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-expressions
|
|
52
46
|
indexOfNewValue === -1 ? result.push(newValue) : result.splice(indexOfNewValue, 1);
|
|
53
47
|
_this.handlers.value(result);
|
|
54
48
|
} else {
|
|
@@ -57,7 +51,8 @@ var RootAccordion = /*#__PURE__*/function (_Component) {
|
|
|
57
51
|
});
|
|
58
52
|
return _this;
|
|
59
53
|
}
|
|
60
|
-
|
|
54
|
+
_inherits(RootAccordion, _Component);
|
|
55
|
+
return _createClass(RootAccordion, [{
|
|
61
56
|
key: "uncontrolledProps",
|
|
62
57
|
value: function uncontrolledProps() {
|
|
63
58
|
return {
|
|
@@ -87,7 +82,6 @@ var RootAccordion = /*#__PURE__*/function (_Component) {
|
|
|
87
82
|
return /*#__PURE__*/React.createElement(Children, null);
|
|
88
83
|
}
|
|
89
84
|
}]);
|
|
90
|
-
return RootAccordion;
|
|
91
85
|
}(Component);
|
|
92
86
|
_defineProperty(RootAccordion, "displayName", 'Accordion');
|
|
93
87
|
_defineProperty(RootAccordion, "style", style);
|
|
@@ -98,20 +92,20 @@ _defineProperty(RootAccordion, "defaultProps", {
|
|
|
98
92
|
_defineProperty(RootAccordion, "enhance", [cssVariableEnhance({
|
|
99
93
|
variable: '--intergalactic-duration-accordion',
|
|
100
94
|
fallback: '200',
|
|
101
|
-
map:
|
|
95
|
+
map: function map(value) {
|
|
96
|
+
return "".concat(Number.parseInt(value));
|
|
97
|
+
},
|
|
102
98
|
prop: 'duration'
|
|
103
99
|
})]);
|
|
104
100
|
export var RootItem = /*#__PURE__*/function (_Component2) {
|
|
105
|
-
_inherits(RootItem, _Component2);
|
|
106
|
-
var _super2 = _createSuper(RootItem);
|
|
107
101
|
function RootItem() {
|
|
108
102
|
var _this2;
|
|
109
103
|
_classCallCheck(this, RootItem);
|
|
110
104
|
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
111
105
|
args[_key2] = arguments[_key2];
|
|
112
106
|
}
|
|
113
|
-
_this2 =
|
|
114
|
-
_defineProperty(
|
|
107
|
+
_this2 = _callSuper(this, RootItem, [].concat(args));
|
|
108
|
+
_defineProperty(_this2, "handleClick", function () {
|
|
115
109
|
var _this2$asProps = _this2.asProps,
|
|
116
110
|
value = _this2$asProps.value,
|
|
117
111
|
$handleInteraction = _this2$asProps.$handleInteraction;
|
|
@@ -119,13 +113,13 @@ export var RootItem = /*#__PURE__*/function (_Component2) {
|
|
|
119
113
|
});
|
|
120
114
|
return _this2;
|
|
121
115
|
}
|
|
122
|
-
|
|
116
|
+
_inherits(RootItem, _Component2);
|
|
117
|
+
return _createClass(RootItem, [{
|
|
123
118
|
key: "getToggleProps",
|
|
124
119
|
value: function getToggleProps() {
|
|
125
120
|
var _this$asProps2 = this.asProps,
|
|
126
121
|
value = _this$asProps2.value,
|
|
127
122
|
uid = _this$asProps2.uid,
|
|
128
|
-
selected = _this$asProps2.selected,
|
|
129
123
|
disabled = _this$asProps2.disabled,
|
|
130
124
|
use = _this$asProps2.use;
|
|
131
125
|
return {
|
|
@@ -134,7 +128,8 @@ export var RootItem = /*#__PURE__*/function (_Component2) {
|
|
|
134
128
|
onClick: disabled ? undefined : this.handleClick,
|
|
135
129
|
id: "igc-".concat(uid, "-").concat(value, "-toggle"),
|
|
136
130
|
tag: 'h3',
|
|
137
|
-
size: 300
|
|
131
|
+
size: 300,
|
|
132
|
+
tabIndex: disabled ? -1 : 0
|
|
138
133
|
};
|
|
139
134
|
}
|
|
140
135
|
}, {
|
|
@@ -147,7 +142,7 @@ export var RootItem = /*#__PURE__*/function (_Component2) {
|
|
|
147
142
|
disabled = _this$asProps3.disabled;
|
|
148
143
|
return {
|
|
149
144
|
disabled: disabled,
|
|
150
|
-
id: "igc-".concat(uid, "-").concat(value, "-toggle-button"),
|
|
145
|
+
'id': "igc-".concat(uid, "-").concat(value, "-toggle-button"),
|
|
151
146
|
'aria-expanded': selected ? 'true' : 'false',
|
|
152
147
|
'aria-controls': selected ? "igc-".concat(uid, "-").concat(value, "-collapse") : undefined
|
|
153
148
|
};
|
|
@@ -163,8 +158,8 @@ export var RootItem = /*#__PURE__*/function (_Component2) {
|
|
|
163
158
|
return {
|
|
164
159
|
selected: selected,
|
|
165
160
|
duration: duration,
|
|
166
|
-
id: "igc-".concat(uid, "-").concat(value, "-collapse"),
|
|
167
|
-
role: 'region',
|
|
161
|
+
'id': "igc-".concat(uid, "-").concat(value, "-collapse"),
|
|
162
|
+
'role': 'region',
|
|
168
163
|
'aria-labelledby': "igc-".concat(uid, "-").concat(value, "-toggle-button")
|
|
169
164
|
};
|
|
170
165
|
}
|
|
@@ -186,23 +181,20 @@ export var RootItem = /*#__PURE__*/function (_Component2) {
|
|
|
186
181
|
return /*#__PURE__*/React.createElement(Children, null);
|
|
187
182
|
}
|
|
188
183
|
}]);
|
|
189
|
-
return RootItem;
|
|
190
184
|
}(Component);
|
|
191
185
|
_defineProperty(RootItem, "displayName", 'Item');
|
|
192
186
|
_defineProperty(RootItem, "style", style);
|
|
193
187
|
_defineProperty(RootItem, "enhance", [uniqueIDEnhancement()]);
|
|
194
188
|
var Toggle = /*#__PURE__*/function (_Component3) {
|
|
195
|
-
_inherits(Toggle, _Component3);
|
|
196
|
-
var _super3 = _createSuper(Toggle);
|
|
197
189
|
function Toggle() {
|
|
198
190
|
var _this3;
|
|
199
191
|
_classCallCheck(this, Toggle);
|
|
200
192
|
for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
|
|
201
193
|
args[_key3] = arguments[_key3];
|
|
202
194
|
}
|
|
203
|
-
_this3 =
|
|
204
|
-
_defineProperty(
|
|
205
|
-
_defineProperty(
|
|
195
|
+
_this3 = _callSuper(this, Toggle, [].concat(args));
|
|
196
|
+
_defineProperty(_this3, "toggleRef", /*#__PURE__*/React.createRef());
|
|
197
|
+
_defineProperty(_this3, "handleKeyDown", function (event) {
|
|
206
198
|
if (event.key === 'Enter') {
|
|
207
199
|
if (_this3.toggleRef.current === event.target) {
|
|
208
200
|
event.currentTarget.click();
|
|
@@ -216,26 +208,25 @@ var Toggle = /*#__PURE__*/function (_Component3) {
|
|
|
216
208
|
});
|
|
217
209
|
return _this3;
|
|
218
210
|
}
|
|
219
|
-
|
|
211
|
+
_inherits(Toggle, _Component3);
|
|
212
|
+
return _createClass(Toggle, [{
|
|
220
213
|
key: "render",
|
|
221
214
|
value: function render() {
|
|
222
215
|
var _ref = this.asProps,
|
|
223
216
|
_ref5;
|
|
224
217
|
var _this$asProps6 = this.asProps,
|
|
225
218
|
styles = _this$asProps6.styles,
|
|
226
|
-
disabled = _this$asProps6.disabled,
|
|
227
219
|
use = _this$asProps6.use;
|
|
228
220
|
var SItemToggle = Text;
|
|
229
221
|
return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SItemToggle, _ref5.cn("SItemToggle", _objectSpread({}, _assignProps({
|
|
230
222
|
"use": use,
|
|
231
223
|
"ref": this.toggleRef,
|
|
224
|
+
"innerOutline": true,
|
|
232
225
|
"onKeyDown": this.handleKeyDown
|
|
233
226
|
}, _ref))));
|
|
234
227
|
}
|
|
235
228
|
}]);
|
|
236
|
-
return Toggle;
|
|
237
229
|
}(Component);
|
|
238
|
-
_defineProperty(Toggle, "enhance", [keyboardFocusEnhance()]);
|
|
239
230
|
function Chevron(props) {
|
|
240
231
|
var _ref2 = arguments[0],
|
|
241
232
|
_ref6;
|
|
@@ -248,11 +239,10 @@ function ToggleButton(props) {
|
|
|
248
239
|
var _ref3 = arguments[0],
|
|
249
240
|
_ref7;
|
|
250
241
|
var styles = props.styles;
|
|
251
|
-
|
|
252
|
-
return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SToggleButton, _ref7.cn("SToggleButton", _objectSpread({}, _assignProps3(_objectSpread({
|
|
242
|
+
return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(Flex, _assignProps3({
|
|
253
243
|
"alignItems": 'center',
|
|
254
244
|
"role": 'button'
|
|
255
|
-
},
|
|
245
|
+
}, _ref3));
|
|
256
246
|
}
|
|
257
247
|
function Collapse(props) {
|
|
258
248
|
var _ref4 = arguments[0];
|
package/lib/es6/Accordion.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","names":["React","createComponent","Component","sstyled","Root","Box","Flex","Collapse","CollapseAnimate","Text","ChevronRightM","ChevronRightL","keyboardFocusEnhance","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","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 { Box, 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 keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { cssVariableEnhance } from '@semcore/utils/lib/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 };\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 static enhance = [keyboardFocusEnhance()];\n\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, disabled, use } = this.asProps;\n const SItemToggle = Root;\n\n return sstyled(styles)(\n <SItemToggle use={use} ref={this.toggleRef} render={Text} onKeyDown={this.handleKeyDown} />,\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","Flex","createComponent","Component","sstyled","Root","uniqueIDEnhancement","cssVariableEnhance","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","_assignProps3","_ref4","visible","_assignProps4","Item","Accordion","wrapAccordion","wrapper"],"sources":["../../src/Accordion.tsx"],"sourcesContent":["import { Collapse as CollapseAnimate, Flex } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\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 ChevronRightL from '@semcore/icon/ChevronRight/l';\nimport ChevronRightM from '@semcore/icon/ChevronRight/m';\nimport { Text } from '@semcore/typography';\nimport React from 'react';\n\nimport type { NSAccordion } from './Accordion.type';\nimport style from './style/accordion.shadow.css';\n\nclass RootAccordion extends Component<\n Intergalactic.InternalTypings.InferComponentProps<NSAccordion.Component>,\n typeof RootAccordion.enhance,\n NSAccordion.Handlers\n> {\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: (value: string) => `${Number.parseInt(value)}`,\n prop: 'duration',\n }),\n ] as const;\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n handleToggleInteraction = (newValue: NSAccordion.Item.Props['value']) => {\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 }: NSAccordion.Item.Props) {\n const { value: selectedValue, duration, use } = this.asProps;\n const selected = Array.isArray(selectedValue)\n ? selectedValue.includes(value)\n : selectedValue === value;\n\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}\nexport class RootItem extends Component<\n Intergalactic.InternalTypings.InferChildComponentProps<NSAccordion.Item.Component, typeof RootAccordion, 'Item'>,\n typeof RootItem.enhance\n> {\n static displayName = 'Item';\n static style = style;\n static enhance = [uniqueIDEnhancement()] as const;\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 Intergalactic.InternalTypings.InferChildComponentProps<NSAccordion.Item.Toggle.Component, typeof RootItem, 'Toggle'>\n> {\n toggleRef = React.createRef();\n\n handleKeyDown = (event: React.KeyboardEvent<HTMLSpanElement>) => {\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 use={use} ref={this.toggleRef} render={Text} innerOutline onKeyDown={this.handleKeyDown} />,\n );\n }\n}\n\nfunction Chevron(\n props: Intergalactic.InternalTypings.InferChildComponentProps<\n NSAccordion.Item.Chevron.Component,\n typeof RootItem,\n 'Chevron'\n >,\n) {\n const { styles, size } = props;\n\n const SItemChevron = Root;\n return sstyled(styles)(<SItemChevron render={size === 'l' ? ChevronRightL : ChevronRightM} />);\n}\n\nfunction ToggleButton(\n props: Intergalactic.InternalTypings.InferChildComponentProps<\n NSAccordion.Item.ToggleButton.Component,\n typeof RootItem,\n 'ToggleButton'\n >,\n) {\n const { styles } = props;\n\n return sstyled(styles)(\n <Root render={Flex} alignItems='center' role='button' />,\n );\n}\n\nfunction Collapse(\n props: Intergalactic.InternalTypings.InferChildComponentProps<\n NSAccordion.Item.Collapse.Component,\n typeof RootItem,\n 'Collapse'\n >,\n) {\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}) as NSAccordion.Item.Component;\n\nconst Accordion = createComponent(RootAccordion, {\n Item,\n}) as unknown as NSAccordion.Component;\n\nexport const wrapAccordion = <PropsExtending extends {}>(\n wrapper: (\n props: Intergalactic.InternalTypings.UntypeRefAndTag<\n Intergalactic.InternalTypings.ComponentPropsNesting<NSAccordion.WrapComponent>\n > &\n PropsExtending,\n ) => React.ReactNode,\n) => wrapper as NSAccordion.WrapComponent<PropsExtending>;\n\nexport default Accordion;\n"],"mappings":";;;;;;;;;;;;AAAA,SAASA,QAAQ,IAAIC,eAAe,EAAEC,IAAI,QAAQ,0BAA0B;AAE5E,SAASC,eAAe,EAAEC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACzE,OAAOC,mBAAmB,MAAM,kCAAkC;AAClE,SAASC,kBAAkB,QAAQ,wCAAwC;AAC3E,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,IAKpBC,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,6BA2BS,UAACW,QAAyC,EAAK;MACvE,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,EAAoC;MAAA,IAAjCf,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;MAE3B,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,EA1DyBnD,SAAS;AAAAwB,eAAA,CAA/BZ,aAAa,iBAKI,WAAW;AAAAY,eAAA,CAL5BZ,aAAa,WAMFH,KAAK;AAAAe,eAAA,CANhBZ,aAAa,kBAOK;EACpByC,YAAY,EAAE,EAAE;EAChBR,GAAG,EAAE;AACP,CAAC;AAAArB,eAAA,CAVGZ,aAAa,aAYA,CACfR,kBAAkB,CAAC;EACjBkD,QAAQ,EAAE,oCAAoC;EAC9CC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAE,SAALA,GAAGA,CAAG9B,KAAa;IAAA,UAAAH,MAAA,CAAQkC,MAAM,CAACC,QAAQ,CAAChC,KAAK,CAAC;EAAA,CAAE;EACnDiC,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,iBAQL,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,EA3D2BnD,SAAS;AA4DtCwB,eAAA,CA5DYoC,QAAQ,iBAIE,MAAM;AAAApC,eAAA,CAJhBoC,QAAQ,WAKJnD,KAAK;AAAAe,eAAA,CALToC,QAAQ,aAMF,CAACzD,mBAAmB,CAAC,CAAC,CAAC;AAAA,IAwDpCgF,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,4BAGE7E,KAAK,CAACgF,SAAS,CAAC,CAAC;IAAAhE,eAAA,CAAA6D,MAAA,mBAEb,UAACI,KAA2C,EAAK;MAC/D,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,GAGqC7F,IAAI;MAD1D,OAAA0F,KAAA,GAAOhG,OAAO,CAACkG,MAAM,CAAC,eACpB3F,KAAA,CAAA4C,aAAA,CAACgD,WAAW,EAAAH,KAAA,CAAAI,EAAA,gBAAAC,aAAA,KAAAC,YAAA;QAAA,OAAM1D,GAAG;QAAA,OAAO,IAAI,CAAC6C,SAAS;QAAA;QAAA,aAAwC,IAAI,CAACc;MAAa,GAAAR,IAAA,GAAG,CAAC;IAE5G;EAAC;AAAA,EAzBkBhG,SAAS;AA4B9B,SAASyG,OAAOA,CACdC,KAIC,EACD;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACA,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,GAAO5G,OAAO,CAACkG,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,CACnBN,KAIC,EACD;EAAA,IAAAO,KAAA,GAAAL,YAAA;IAAAM,KAAA;EACA,IAAQf,MAAM,GAAKO,KAAK,CAAhBP,MAAM;EAEd,OAAAe,KAAA,GAAOjH,OAAO,CAACkG,MAAM,CAAC,eACpB3F,KAAA,CAAA4C,aAAA,CAActD,IAAI,EAAAqH,aAAA;IAAA,cAAa,QAAQ;IAAA,QAAM;EAAQ,GAAAF,KAAA,CAAE,CAAC;AAE5D;AAEA,SAASrH,QAAQA,CACf8G,KAIC,EACD;EAAA,IAAAU,KAAA,GAAAR,YAAA;EACA,IAAQ9D,QAAQ,GAAK4D,KAAK,CAAlB5D,QAAQ;EAChB,IAAMuE,OAAO,GAAGvE,QAAQ;EAExB,oBACEtC,KAAA,CAAA4C,aAAA,CACUvD,eAAe,EAAAyH,aAAA;IAAA,WACdD,OAAO;IAAA;IAAA,SAET,CAACA,OAAO,GAAG,EAAE,GAAG9C,SAAS;IAAA,eACnB,CAAC8C;EAAO,GAAAD,KAAA,CACtB,CAAC;AAEN;AAEA,IAAMG,IAAI,GAAGxH,eAAe,CAAC6D,QAAQ,EAAE;EACrCuB,MAAM,EAANA,MAAM;EACNsB,OAAO,EAAPA,OAAO;EACPO,YAAY,EAAZA,YAAY;EACZpH,QAAQ,EAARA;AACF,CAAC,CAA+B;AAEhC,IAAM4H,SAAS,GAAGzH,eAAe,CAACa,aAAa,EAAE;EAC/C2G,IAAI,EAAJA;AACF,CAAC,CAAqC;AAEtC,OAAO,IAAME,aAAa,GAAG,SAAhBA,aAAaA,CACxBC,OAKoB;EAAA,OACjBA,OAAO;AAAA,CAA6C;AAEzD,eAAeF,SAAS","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Accordion.type.js","names":[],"sources":["../../src/Accordion.type.ts"],"sourcesContent":["import type { BoxProps, FlexProps, Flex } from '@semcore/base-components';\nimport type { PropGetterFn, Intergalactic } from '@semcore/core';\nimport type { Text } from '@semcore/typography';\nimport type { Property } from 'csstype';\n\ndeclare namespace NSAccordion {\n // TODO: It looks like the value isn't accurate. Revise and align it with the component's logic.\n type Value = null | number | string | Array<number | string | null>;\n type Props<V extends NSAccordion.Value = NSAccordion.Value> = FlexProps & {\n /** Value for the active tab. Can be set as stroke, number, null or as array.\n * @type AccordionValue\n * */\n value?: V;\n /**\n * Value of the active tabs selected by default\n * @type AccordionValue\n * @default []\n */\n defaultValue?: V;\n /** Called when the selection is changed\n * @type (value: AccordionValue, event?: React.SyntheticEvent) => void\n * */\n onChange?:\n | ((value: V, event?: React.SyntheticEvent) => void)\n | React.Dispatch<React.SetStateAction<V>>;\n /** Animation duration of each Accordion.Item inside\n * @default 350 */\n duration?: number;\n /**\n * Changes the visual appearance of the component\n * @default secondary\n */\n use?: 'primary' | 'secondary';\n };\n type Ctx = {\n getItemProps: PropGetterFn;\n };\n type Handlers = {\n value: Props['value'];\n };\n namespace Item {\n type Props = {\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 type Ctx = {\n getToggleProps?: PropGetterFn;\n getCollapseProps?: PropGetterFn;\n getChevronProps?: PropGetterFn;\n selected?: boolean;\n };\n namespace Toggle {\n type Props = BoxProps & {\n tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n };\n type Component = Intergalactic.Component<typeof Text, Props>;\n }\n namespace ToggleButton {\n type Props = {};\n type Component = Intergalactic.Component<typeof Flex, Props>;\n }\n namespace Chevron {\n type Props = BoxProps & {\n /**\n * Chevron size\n * @default m\n */\n size?: 'm' | 'l';\n };\n\n type Component = Intergalactic.Component<'div', Props>;\n }\n\n namespace Collapse {\n type Props = BoxProps & {\n /** Animation titles */\n keyframes?: [string, string];\n /** Enables animation on first rendering\n * @default false\n */\n initialAnimation?: boolean;\n /**\n * @default ease-out\n */\n timingFunction?: Property.AnimationTimingFunction;\n /**\n * @default false\n */\n animationsDisabled?: boolean;\n /** Animation duration in ms\n * @default 0\n */\n duration?: number | [number, number];\n /** If it set to `true`, animated node is persisted in dom even if `visible=false` */\n preserveNode?: boolean;\n /**\n * Add overflow=clip when passing animation\n * @default true\n * */\n overflowHidden?: boolean;\n /**\n * Value for height after animation\n * @default auto\n */\n defaultHeight?: 'auto' | '100%';\n };\n type Component = Intergalactic.Component<'div', Props>;\n }\n\n type Component = Intergalactic.Component<'div', Props, Ctx> & {\n Toggle: Toggle.Component;\n ToggleButton: ToggleButton.Component;\n Chevron: Chevron.Component;\n Collapse: Collapse.Component;\n };\n }\n\n type WrapComponent<PropsExtending = {}> = (<\n V extends Value,\n Tag extends Intergalactic.Tag = 'div',\n >(\n props: Intergalactic.InternalTypings.ComponentProps<\n Tag,\n 'div',\n Props<V>,\n Ctx & { value: V },\n [handlers: Handlers]\n > & PropsExtending,\n ) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', Props>;\n\n type Component = WrapComponent & {\n Item: Item.Component;\n };\n}\n\n/** @deprecated It will be removed in v18. */\nexport type AccordionValue = NSAccordion.Value;\n/** @deprecated It will be removed in v18. */\nexport type AccordionProps<V extends AccordionValue = AccordionValue> = NSAccordion.Props<V>;\n/** @deprecated It will be removed in v18. */\nexport type AccordionContext = NSAccordion.Ctx;\n/** @deprecated It will be removed in v18. */\nexport type AccordionHandlers = NSAccordion.Handlers;\n/** @deprecated It will be removed in v18. */\nexport type AccordionItemProps = NSAccordion.Item.Props;\n/** @deprecated It will be removed in v18. */\nexport type AccordionItemContext = NSAccordion.Item.Ctx;\n/** @deprecated It will be removed in v18. */\nexport type AccordionItemToggleProps = NSAccordion.Item.Toggle.Props;\n/** @deprecated It will be removed in v18. */\nexport type ChevronItemProps = NSAccordion.Item.Chevron.Props;\n/** @deprecated It will be removed in v18. */\nexport type AccordionCollapseProps = NSAccordion.Item.Collapse.Props;\n\nexport type { NSAccordion };\n"],"mappings":"","ignoreList":[]}
|
package/lib/es6/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { default } from './Accordion';
|
|
2
|
-
export * from './Accordion';
|
|
1
|
+
export { default, wrapAccordion } from './Accordion';
|
|
2
|
+
export * from './Accordion.type';
|
|
3
3
|
//# sourceMappingURL=index.js.map
|
package/lib/es6/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.
|
|
1
|
+
{"version":3,"file":"index.js","names":["default","wrapAccordion"],"sources":["../../src/index.ts"],"sourcesContent":["export { default, wrapAccordion } from './Accordion';\nexport * from './Accordion.type';\n"],"mappings":"AAAA,SAASA,OAAO,EAAEC,aAAa,QAAQ,aAAa;AACpD,cAAc,kBAAkB","ignoreList":[]}
|
|
@@ -6,37 +6,29 @@ SItemToggle {
|
|
|
6
6
|
outline: 0;
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
SItemToggle[keyboardFocused]:not([tabIndex='-1'])::after {
|
|
10
|
-
position: absolute;
|
|
11
|
-
display: block;
|
|
12
|
-
content: '';
|
|
13
|
-
inset: 3px;
|
|
14
|
-
box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
|
|
15
|
-
pointer-events: none;
|
|
16
|
-
z-index: 3;
|
|
17
|
-
}
|
|
18
9
|
SItemToggle[use][use] {
|
|
19
|
-
color: var(--intergalactic-text-primary,
|
|
10
|
+
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
20
11
|
font-weight: var(--intergalactic-regular, 400);
|
|
21
12
|
}
|
|
22
13
|
SItemToggle[use][use='primary'] {
|
|
23
|
-
background-color: var(--intergalactic-bg-secondary-neutral,
|
|
14
|
+
background-color: var(--intergalactic-bg-secondary-neutral, oklch(0.98 0.001 180));
|
|
24
15
|
padding: var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);
|
|
25
16
|
margin-bottom: var(--intergalactic-spacing-05x, 2px);
|
|
26
17
|
}
|
|
27
18
|
SItemToggle[use][use='primary']:hover {
|
|
28
|
-
background-color: var(--intergalactic-bg-secondary-neutral-hover,
|
|
19
|
+
background-color: var(--intergalactic-bg-secondary-neutral-hover, oklch(0.96 0.001 180));
|
|
29
20
|
}
|
|
30
21
|
|
|
31
22
|
SItemToggle[disabled] {
|
|
32
|
-
opacity: var(--intergalactic-disabled-opacity, 0.
|
|
23
|
+
opacity: var(--intergalactic-disabled-opacity, 0.4);
|
|
33
24
|
cursor: default;
|
|
34
25
|
}
|
|
35
26
|
|
|
36
27
|
SItemChevron {
|
|
28
|
+
margin-right: var(--intergalactic-spacing-2x, 8px);
|
|
37
29
|
transform: rotate(0deg);
|
|
38
30
|
transition: transform calc(var(--intergalactic-duration-accordion, 200) * 1ms) ease-out;
|
|
39
|
-
fill: var(--intergalactic-icon-primary-neutral,
|
|
31
|
+
fill: var(--intergalactic-icon-primary-neutral, oklch(0.092 0.024 152.2 / 0.526));
|
|
40
32
|
|
|
41
33
|
&[selected] {
|
|
42
34
|
transform: rotate(90deg);
|