@semcore/accordion 16.6.1 → 16.7.0-prerelease.3
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 +11 -14
- package/lib/cjs/Accordion.js.map +1 -1
- package/lib/es6/Accordion.js +8 -11
- package/lib/es6/Accordion.js.map +1 -1
- package/lib/esm/Accordion.mjs +9 -14
- 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.7.0] - 2025-10-06
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version minor update due to children dependencies update (`@semcore/typography` [16.2.3 ~> 16.3.0], `@semcore/base-components` [16.2.3 ~> 16.4.0]).
|
|
10
|
+
|
|
5
11
|
## [16.6.1] - 2025-09-17
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/lib/cjs/Accordion.js
CHANGED
|
@@ -9,9 +9,7 @@ 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
|
|
13
|
-
var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
|
|
14
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
12
|
+
var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
|
|
15
13
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
16
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
17
15
|
var _core = require("@semcore/core");
|
|
@@ -23,17 +21,16 @@ var _l = _interopRequireDefault(require("@semcore/icon/ChevronRight/l"));
|
|
|
23
21
|
var _m = _interopRequireDefault(require("@semcore/icon/ChevronRight/m"));
|
|
24
22
|
var _typography = require("@semcore/typography");
|
|
25
23
|
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)); }
|
|
27
24
|
/*!__reshadow-styles__:"./style/accordion.shadow.css"*/
|
|
28
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
25
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SItemToggle_hn2bd_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_hn2bd_gg_.__use_hn2bd_gg_.__use_hn2bd_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_hn2bd_gg_.__use_hn2bd_gg_._use_primary_hn2bd_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_hn2bd_gg_.__use_hn2bd_gg_._use_primary_hn2bd_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_hn2bd_gg_.__disabled_hn2bd_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_hn2bd_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_hn2bd_gg_.__selected_hn2bd_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_hn2bd_gg_{transition:none}}", /*__inner_css_end__*/"hn2bd_gg_"),
|
|
29
26
|
/*__reshadow_css_end__*/
|
|
30
27
|
{
|
|
31
|
-
"__SItemToggle": "
|
|
32
|
-
"_use": "
|
|
33
|
-
"_use_primary": "
|
|
34
|
-
"_disabled": "
|
|
35
|
-
"__SItemChevron": "
|
|
36
|
-
"_selected": "
|
|
28
|
+
"__SItemToggle": "___SItemToggle_hn2bd_gg_",
|
|
29
|
+
"_use": "__use_hn2bd_gg_",
|
|
30
|
+
"_use_primary": "_use_primary_hn2bd_gg_",
|
|
31
|
+
"_disabled": "__disabled_hn2bd_gg_",
|
|
32
|
+
"__SItemChevron": "___SItemChevron_hn2bd_gg_",
|
|
33
|
+
"_selected": "__selected_hn2bd_gg_"
|
|
37
34
|
});
|
|
38
35
|
var RootAccordion = /*#__PURE__*/function (_Component) {
|
|
39
36
|
function RootAccordion() {
|
|
@@ -42,7 +39,7 @@ var RootAccordion = /*#__PURE__*/function (_Component) {
|
|
|
42
39
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
43
40
|
args[_key] = arguments[_key];
|
|
44
41
|
}
|
|
45
|
-
_this =
|
|
42
|
+
_this = (0, _callSuper2["default"])(this, RootAccordion, [].concat(args));
|
|
46
43
|
(0, _defineProperty2["default"])(_this, "handleToggleInteraction", function (newValue) {
|
|
47
44
|
var value = _this.asProps.value;
|
|
48
45
|
if (Array.isArray(value)) {
|
|
@@ -108,7 +105,7 @@ var RootItem = exports.RootItem = /*#__PURE__*/function (_Component2) {
|
|
|
108
105
|
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
109
106
|
args[_key2] = arguments[_key2];
|
|
110
107
|
}
|
|
111
|
-
_this2 =
|
|
108
|
+
_this2 = (0, _callSuper2["default"])(this, RootItem, [].concat(args));
|
|
112
109
|
(0, _defineProperty2["default"])(_this2, "handleClick", function () {
|
|
113
110
|
var _this2$asProps = _this2.asProps,
|
|
114
111
|
value = _this2$asProps.value,
|
|
@@ -196,7 +193,7 @@ var Toggle = /*#__PURE__*/function (_Component3) {
|
|
|
196
193
|
for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
|
|
197
194
|
args[_key3] = arguments[_key3];
|
|
198
195
|
}
|
|
199
|
-
_this3 =
|
|
196
|
+
_this3 = (0, _callSuper2["default"])(this, Toggle, [].concat(args));
|
|
200
197
|
(0, _defineProperty2["default"])(_this3, "toggleRef", /*#__PURE__*/_react["default"].createRef());
|
|
201
198
|
(0, _defineProperty2["default"])(_this3, "handleKeyDown", function (event) {
|
|
202
199
|
if (event.key === 'Enter') {
|
package/lib/cjs/Accordion.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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":";;;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,UAAA,GAAAD,OAAA;AAEA,IAAAE,SAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,EAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,EAAA,GAAAJ,sBAAA,CAAAH,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAN,sBAAA,CAAAH,OAAA;AAA0B,SAAAU,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,WAAAD,CAAA,OAAAE,gBAAA,aAAAF,CAAA,OAAAG,2BAAA,aAAAJ,CAAA,MAAAK,0BAAA,iBAAAC,OAAA,CAAAC,SAAA,CAAAN,CAAA,EAAAC,CAAA,YAAAC,gBAAA,aAAAH,CAAA,EAAAQ,WAAA,IAAAP,CAAA,CAAAQ,KAAA,CAAAT,CAAA,EAAAE,CAAA;AAAA;AAAA,IAAAQ,KAAA,8BAAAtB,KAAA,CAAAuB,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAIpBC,aAAa,0BAAAC,UAAA;EAAA,SAAAD,cAAA;IAAA,IAAAE,KAAA;IAAA,IAAAC,gBAAA,mBAAAH,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,GAAAhB,UAAA,OAAAc,aAAA,KAAAU,MAAA,CAAAH,IAAA;IAAA,IAAAI,gBAAA,aAAAT,KAAA,6BAuBS,UAACU,QAAQ,EAAK;MACtC,IAAQC,KAAK,GAAKX,KAAA,CAAKY,OAAO,CAAtBD,KAAK;MAEb,IAAIL,KAAK,CAACO,OAAO,CAACF,KAAK,CAAC,EAAE;QACxB,IAAMG,eAAe,GAAGH,KAAK,CAACI,OAAO,CAACL,QAAQ,CAAC;QAC/C,IAAMM,MAAM,OAAAC,mBAAA,aAAON,KAAK,CAAC;QACzB;QACAG,eAAe,KAAK,CAAC,CAAC,GAAGE,MAAM,CAACE,IAAI,CAACR,QAAQ,CAAC,GAAGM,MAAM,CAACG,MAAM,CAACL,eAAe,EAAE,CAAC,CAAC;QAClFd,KAAA,CAAKoB,QAAQ,CAACT,KAAK,CAACK,MAAM,CAAC;MAC7B,CAAC,MAAM;QACLhB,KAAA,CAAKoB,QAAQ,CAACT,KAAK,CAACA,KAAK,KAAKD,QAAQ,GAAG,IAAI,GAAGA,QAAQ,CAAC;MAC3D;IACF,CAAC;IAAA,OAAAV,KAAA;EAAA;EAAA,IAAAqB,UAAA,aAAAvB,aAAA,EAAAC,UAAA;EAAA,WAAAuB,aAAA,aAAAxB,aAAA;IAAAyB,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,GAAGzB,KAAK,CAACO,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,oBAAOrD,MAAA,YAAAsD,aAAA,CAACD,QAAQ,MAAE,CAAC;IACrB;EAAC;AAAA,EArDyBE,eAAS;AAAA,IAAA7B,gBAAA,aAA/BX,aAAa,iBACI,WAAW;AAAA,IAAAW,gBAAA,aAD5BX,aAAa,WAEFH,KAAK;AAAA,IAAAc,gBAAA,aAFhBX,aAAa,kBAGK;EACpByC,YAAY,EAAE,EAAE;EAChBT,GAAG,EAAE;AACP,CAAC;AAAA,IAAArB,gBAAA,aANGX,aAAa,aAQA,CACf,IAAA0C,kCAAkB,EAAC;EACjBC,QAAQ,EAAE,oCAAoC;EAC9CC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAEC,MAAM,CAACC,QAAQ;EACpBC,IAAI,EAAE;AACR,CAAC,CAAC,CACH;AAAA,IAyCUC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,0BAAAE,WAAA;EAAA,SAAAF,SAAA;IAAA,IAAAG,MAAA;IAAA,IAAAjD,gBAAA,mBAAA8C,QAAA;IAAA,SAAAI,KAAA,GAAAhD,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAA6C,KAAA,GAAAC,KAAA,MAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA;MAAA/C,IAAA,CAAA+C,KAAA,IAAAjD,SAAA,CAAAiD,KAAA;IAAA;IAAAF,MAAA,GAAAlE,UAAA,OAAA+D,QAAA,KAAAvC,MAAA,CAAAH,IAAA;IAAA,IAAAI,gBAAA,aAAAyC,MAAA,iBAKL,YAAM;MAClB,IAAAG,cAAA,GAAsCH,MAAA,CAAKtC,OAAO;QAA1CD,KAAK,GAAA0C,cAAA,CAAL1C,KAAK;QAAEsB,kBAAkB,GAAAoB,cAAA,CAAlBpB,kBAAkB;MAEjCA,kBAAkB,CAACtB,KAAK,CAAC;IAC3B,CAAC;IAAA,OAAAuC,MAAA;EAAA;EAAA,IAAA7B,UAAA,aAAA0B,QAAA,EAAAE,WAAA;EAAA,WAAA3B,aAAA,aAAAyB,QAAA;IAAAxB,GAAA;IAAAZ,KAAA,EAED,SAAA2C,cAAcA,CAAA,EAAG;MACf,IAAAC,cAAA,GAAsC,IAAI,CAAC3C,OAAO;QAA1CD,KAAK,GAAA4C,cAAA,CAAL5C,KAAK;QAAE6C,GAAG,GAAAD,cAAA,CAAHC,GAAG;QAAEC,QAAQ,GAAAF,cAAA,CAARE,QAAQ;QAAE3B,GAAG,GAAAyB,cAAA,CAAHzB,GAAG;MACjC,OAAO;QACLA,GAAG,EAAHA,GAAG;QACH2B,QAAQ,EAARA,QAAQ;QACRC,OAAO,EAAED,QAAQ,GAAGE,SAAS,GAAG,IAAI,CAACC,WAAW;QAChDC,EAAE,SAAArD,MAAA,CAASgD,GAAG,OAAAhD,MAAA,CAAIG,KAAK,YAAS;QAChCmD,GAAG,EAAE,IAAI;QACTC,IAAI,EAAE,GAAG;QACTC,QAAQ,EAAEP,QAAQ,GAAG,CAAC,CAAC,GAAG;MAC5B,CAAC;IACH;EAAC;IAAAlC,GAAA;IAAAZ,KAAA,EAED,SAAAsD,oBAAoBA,CAAA,EAAG;MACrB,IAAAC,cAAA,GAA2C,IAAI,CAACtD,OAAO;QAA/CD,KAAK,GAAAuD,cAAA,CAALvD,KAAK;QAAE6C,GAAG,GAAAU,cAAA,CAAHV,GAAG;QAAEzB,QAAQ,GAAAmC,cAAA,CAARnC,QAAQ;QAAE0B,QAAQ,GAAAS,cAAA,CAART,QAAQ;MACtC,OAAO;QACLA,QAAQ,EAARA,QAAQ;QACR,IAAI,SAAAjD,MAAA,CAASgD,GAAG,OAAAhD,MAAA,CAAIG,KAAK,mBAAgB;QACzC,eAAe,EAAEoB,QAAQ,GAAG,MAAM,GAAG,OAAO;QAC5C,eAAe,EAAEA,QAAQ,UAAAvB,MAAA,CAAUgD,GAAG,OAAAhD,MAAA,CAAIG,KAAK,iBAAcgD;MAC/D,CAAC;IACH;EAAC;IAAApC,GAAA;IAAAZ,KAAA,EAED,SAAAwD,gBAAgBA,CAAA,EAAG;MACjB,IAAAC,cAAA,GAA2C,IAAI,CAACxD,OAAO;QAA/CmB,QAAQ,GAAAqC,cAAA,CAARrC,QAAQ;QAAEyB,GAAG,GAAAY,cAAA,CAAHZ,GAAG;QAAE3B,QAAQ,GAAAuC,cAAA,CAARvC,QAAQ;QAAElB,KAAK,GAAAyD,cAAA,CAALzD,KAAK;MACtC,OAAO;QACLoB,QAAQ,EAARA,QAAQ;QACRF,QAAQ,EAARA,QAAQ;QACR,IAAI,SAAArB,MAAA,CAASgD,GAAG,OAAAhD,MAAA,CAAIG,KAAK,cAAW;QACpC,MAAM,EAAE,QAAQ;QAChB,iBAAiB,SAAAH,MAAA,CAASgD,GAAG,OAAAhD,MAAA,CAAIG,KAAK;MACxC,CAAC;IACH;EAAC;IAAAY,GAAA;IAAAZ,KAAA,EAED,SAAA0D,eAAeA,CAAA,EAAG;MAChB,IAAAC,cAAA,GAA2B,IAAI,CAAC1D,OAAO;QAA/BmB,QAAQ,GAAAuC,cAAA,CAARvC,QAAQ;QAAEgC,IAAI,GAAAO,cAAA,CAAJP,IAAI;MACtB,OAAO;QACLhC,QAAQ,EAARA,QAAQ;QACRgC,IAAI,EAAJA;MACF,CAAC;IACH;EAAC;IAAAxC,GAAA;IAAAZ,KAAA,EAED,SAAAwB,MAAMA,CAAA,EAAG;MACP,IAAQC,QAAQ,GAAK,IAAI,CAACxB,OAAO,CAAzBwB,QAAQ;MAChB,oBAAOrD,MAAA,YAAAsD,aAAA,CAACD,QAAQ,MAAE,CAAC;IACrB;EAAC;AAAA,EAxD2BE,eAAS;AAAA,IAAA7B,gBAAA,aAA1BsC,QAAQ,iBACE,MAAM;AAAA,IAAAtC,gBAAA,aADhBsC,QAAQ,WAEJpD,KAAK;AAAA,IAAAc,gBAAA,aAFTsC,QAAQ,aAGF,CAAC,IAAAwB,oBAAmB,EAAC,CAAC,CAAC;AAAA,IAwDpCC,MAAM,0BAAAC,WAAA;EAAA,SAAAD,OAAA;IAAA,IAAAE,MAAA;IAAA,IAAAzE,gBAAA,mBAAAuE,MAAA;IAAA,SAAAG,KAAA,GAAAxE,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAqE,KAAA,GAAAC,KAAA,MAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA;MAAAvE,IAAA,CAAAuE,KAAA,IAAAzE,SAAA,CAAAyE,KAAA;IAAA;IAAAF,MAAA,GAAA1F,UAAA,OAAAwF,MAAA,KAAAhE,MAAA,CAAAH,IAAA;IAAA,IAAAI,gBAAA,aAAAiE,MAAA,4BACEG,iBAAK,CAACC,SAAS,CAAC,CAAC;IAAA,IAAArE,gBAAA,aAAAiE,MAAA,mBAEb,UAACK,KAAK,EAAK;MACzB,IAAIA,KAAK,CAACxD,GAAG,KAAK,OAAO,EAAE;QACzB,IAAImD,MAAA,CAAKM,SAAS,CAACC,OAAO,KAAKF,KAAK,CAACG,MAAM,EAAE;UAC3CH,KAAK,CAACI,aAAa,CAACC,KAAK,CAAC,CAAC;QAC7B;MACF,CAAC,MAAM,IAAIL,KAAK,CAACxD,GAAG,KAAK,GAAG,EAAE;QAC5BwD,KAAK,CAACM,cAAc,CAAC,CAAC;QACtB,IAAIX,MAAA,CAAKM,SAAS,CAACC,OAAO,KAAKF,KAAK,CAACG,MAAM,EAAE;UAC3CH,KAAK,CAACI,aAAa,CAACC,KAAK,CAAC,CAAC;QAC7B;MACF;IACF,CAAC;IAAA,OAAAV,MAAA;EAAA;EAAA,IAAArD,UAAA,aAAAmD,MAAA,EAAAC,WAAA;EAAA,WAAAnD,aAAA,aAAAkD,MAAA;IAAAjD,GAAA;IAAAZ,KAAA,EAED,SAAAwB,MAAMA,CAAA,EAAG;MAAA,IAAAmD,IAAA,QAAA1E,OAAA;QAAA2E,KAAA;MACP,IAAAC,cAAA,GAAwB,IAAI,CAAC5E,OAAO;QAA5B6E,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAE3D,GAAG,GAAA0D,cAAA,CAAH1D,GAAG;MACnB,IAAM4D,WAAW,GAMLC,gBAAI;MAJhB,OAAAJ,KAAA,GAAO,IAAA3F,aAAO,EAAC6F,MAAM,CAAC,eACpB1G,MAAA,YAAAsD,aAAA,CAACqD,WAAW,EAAAH,KAAA,CAAAK,EAAA,oBAAAC,cAAA,qBAAAxH,KAAA,CAAAyH,WAAA;QAAA,OACLhE,GAAG;QAAA,OACH,IAAI,CAACkD,SAAS;QAAA;QAAA,aAGR,IAAI,CAACe;MAAa,GAAAT,IAAA,GAC9B,CAAC;IAEN;EAAC;AAAA,EA7BkBhD,eAAS;AAgC9B,SAAS0D,OAAOA,CAACC,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACtB,IAAQX,MAAM,GAAWQ,KAAK,CAAtBR,MAAM;IAAE1B,IAAI,GAAKkC,KAAK,CAAdlC,IAAI;EAEpB,IAAMsC,YAAY,GAC2BtC,IAAI,KAAK,GAAG,GAAGuC,aAAa,GAAGC,aAAa;EAAzF,OAAAH,KAAA,GAAO,IAAAxG,aAAO,EAAC6F,MAAM,CAAC,eAAC1G,MAAA,YAAAsD,aAAA,CAACgE,YAAY,EAAAD,KAAA,CAAAR,EAAA,qBAAAC,cAAA,qBAAAxH,KAAA,CAAAyH,WAAA,MAAAI,KAAA,GAAwD,CAAC;AAC/F;AAEA,SAASM,YAAYA,CAACP,KAAK,EAAE;EAAA,IAAAQ,KAAA,GAAAN,YAAA;IAAAO,KAAA;EAC3B,IAAQjB,MAAM,GAAKQ,KAAK,CAAhBR,MAAM;EAEd,IAAMkB,aAAa,GAE0BC,aAAI;EADjD,OAAAF,KAAA,GAAO,IAAA9G,aAAO,EAAC6F,MAAM,CAAC,eACpB1G,MAAA,YAAAsD,aAAA,CAACsE,aAAa,EAAAD,KAAA,CAAAd,EAAA,sBAAAC,cAAA,qBAAAxH,KAAA,CAAAyH,WAAA,MAAAD,cAAA;IAAA,cAAY,QAAQ;IAAA,QAAoB;EAAQ,GAAKI,KAAK,GAAAQ,KAAA,GAAG,CAAC;AAEhF;AAEA,SAASI,QAAQA,CAACZ,KAAK,EAAE;EAAA,IAAAa,KAAA,GAAAX,YAAA;EACvB,IAAQpE,QAAQ,GAAKkE,KAAK,CAAlBlE,QAAQ;EAChB,IAAMgF,OAAO,GAAGhF,QAAQ;EAExB,oBACEhD,MAAA,YAAAsD,aAAA,CACU2E,mBAAe,MAAA3I,KAAA,CAAAyH,WAAA;IAAA,WACdiB,OAAO;IAAA;IAAA,SAET,CAACA,OAAO,GAAG,EAAE,GAAGpD,SAAS;IAAA,eACnB,CAACoD;EAAO,GAAAD,KAAA,CACtB,CAAC;AAEN;AAEA,IAAMG,IAAI,GAAG,IAAAC,qBAAe,EAACnE,QAAQ,EAAE;EACrCyB,MAAM,EAANA,MAAM;EACNwB,OAAO,EAAPA,OAAO;EACPQ,YAAY,EAAZA,YAAY;EACZK,QAAQ,EAARA;AACF,CAAC,CAAC;AAEF,IAAMM,SAAS,GAAG,IAAAD,qBAAe,EAACpH,aAAa,EAAE;EAC/CmH,IAAI,EAAJA;AACF,CAAC,CAAC;AAEK,IAAMG,aAAa,GAAApE,OAAA,CAAAoE,aAAA,GAAG,SAAhBA,aAAaA,CAAIC,OAAO;EAAA,OAAKA,OAAO;AAAA;AAAC,IAAAC,QAAA,GAAAtE,OAAA,cAEnCmE,SAAS","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Accordion.js","names":["_core","require","_animation","_uniqueID","_interopRequireDefault","_useCssVariable","_flexBox","_l","_m","_typography","_react","style","sstyled","insert","RootAccordion","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","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/es6/Accordion.js
CHANGED
|
@@ -2,9 +2,7 @@ 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
|
|
6
|
-
import _isNativeReflectConstruct from "@babel/runtime/helpers/isNativeReflectConstruct";
|
|
7
|
-
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
5
|
+
import _callSuper from "@babel/runtime/helpers/callSuper";
|
|
8
6
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
9
7
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
10
8
|
import { sstyled as _sstyled } from "@semcore/core";
|
|
@@ -12,7 +10,6 @@ import { assignProps as _assignProps4 } from "@semcore/core";
|
|
|
12
10
|
import { assignProps as _assignProps3 } from "@semcore/core";
|
|
13
11
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
14
12
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
15
|
-
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
16
13
|
import { Collapse as CollapseAnimate } from '@semcore/animation';
|
|
17
14
|
import { createComponent, Component, sstyled, Root } from '@semcore/core';
|
|
18
15
|
import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
|
|
@@ -23,15 +20,15 @@ import ChevronRightM from '@semcore/icon/ChevronRight/m';
|
|
|
23
20
|
import { Text } from '@semcore/typography';
|
|
24
21
|
import React from 'react';
|
|
25
22
|
/*!__reshadow-styles__:"./style/accordion.shadow.css"*/
|
|
26
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
23
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SItemToggle_hn2bd_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_hn2bd_gg_.__use_hn2bd_gg_.__use_hn2bd_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_hn2bd_gg_.__use_hn2bd_gg_._use_primary_hn2bd_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_hn2bd_gg_.__use_hn2bd_gg_._use_primary_hn2bd_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_hn2bd_gg_.__disabled_hn2bd_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_hn2bd_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_hn2bd_gg_.__selected_hn2bd_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_hn2bd_gg_{transition:none}}", /*__inner_css_end__*/"hn2bd_gg_"),
|
|
27
24
|
/*__reshadow_css_end__*/
|
|
28
25
|
{
|
|
29
|
-
"__SItemToggle": "
|
|
30
|
-
"_use": "
|
|
31
|
-
"_use_primary": "
|
|
32
|
-
"_disabled": "
|
|
33
|
-
"__SItemChevron": "
|
|
34
|
-
"_selected": "
|
|
26
|
+
"__SItemToggle": "___SItemToggle_hn2bd_gg_",
|
|
27
|
+
"_use": "__use_hn2bd_gg_",
|
|
28
|
+
"_use_primary": "_use_primary_hn2bd_gg_",
|
|
29
|
+
"_disabled": "__disabled_hn2bd_gg_",
|
|
30
|
+
"__SItemChevron": "___SItemChevron_hn2bd_gg_",
|
|
31
|
+
"_selected": "__selected_hn2bd_gg_"
|
|
35
32
|
});
|
|
36
33
|
var RootAccordion = /*#__PURE__*/function (_Component) {
|
|
37
34
|
function RootAccordion() {
|
package/lib/es6/Accordion.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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":"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","ignoreList":[]}
|
|
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":"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","ignoreList":[]}
|
package/lib/esm/Accordion.mjs
CHANGED
|
@@ -2,9 +2,7 @@ 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
|
|
6
|
-
import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
|
|
7
|
-
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
5
|
+
import _callSuper from "@babel/runtime/helpers/esm/callSuper";
|
|
8
6
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
9
7
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
10
8
|
import { createComponent, sstyled, Component, assignProps } from "@semcore/core";
|
|
@@ -16,25 +14,22 @@ import ChevronRightL from "@semcore/icon/ChevronRight/l";
|
|
|
16
14
|
import ChevronRightM from "@semcore/icon/ChevronRight/m";
|
|
17
15
|
import { Text } from "@semcore/typography";
|
|
18
16
|
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
|
-
}
|
|
22
17
|
/*!__reshadow-styles__:"./style/accordion.shadow.css"*/
|
|
23
18
|
var style = (
|
|
24
19
|
/*__reshadow_css_start__*/
|
|
25
20
|
(sstyled.insert(
|
|
26
21
|
/*__inner_css_start__*/
|
|
27
|
-
".
|
|
22
|
+
".___SItemToggle_hn2bd_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_hn2bd_gg_.__use_hn2bd_gg_.__use_hn2bd_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_hn2bd_gg_.__use_hn2bd_gg_._use_primary_hn2bd_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_hn2bd_gg_.__use_hn2bd_gg_._use_primary_hn2bd_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_hn2bd_gg_.__disabled_hn2bd_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_hn2bd_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_hn2bd_gg_.__selected_hn2bd_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_hn2bd_gg_{transition:none}}",
|
|
28
23
|
/*__inner_css_end__*/
|
|
29
|
-
"
|
|
24
|
+
"hn2bd_gg_"
|
|
30
25
|
), /*__reshadow_css_end__*/
|
|
31
26
|
{
|
|
32
|
-
"__SItemToggle": "
|
|
33
|
-
"_use": "
|
|
34
|
-
"_use_primary": "
|
|
35
|
-
"_disabled": "
|
|
36
|
-
"__SItemChevron": "
|
|
37
|
-
"_selected": "
|
|
27
|
+
"__SItemToggle": "___SItemToggle_hn2bd_gg_",
|
|
28
|
+
"_use": "__use_hn2bd_gg_",
|
|
29
|
+
"_use_primary": "_use_primary_hn2bd_gg_",
|
|
30
|
+
"_disabled": "__disabled_hn2bd_gg_",
|
|
31
|
+
"__SItemChevron": "___SItemChevron_hn2bd_gg_",
|
|
32
|
+
"_selected": "__selected_hn2bd_gg_"
|
|
38
33
|
})
|
|
39
34
|
);
|
|
40
35
|
var RootAccordion = /* @__PURE__ */ function(_Component) {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/accordion",
|
|
3
3
|
"description": "Semrush Accordion Component",
|
|
4
|
-
"version": "16.
|
|
4
|
+
"version": "16.7.0-prerelease.3",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,15 +14,15 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/animation": "16.0.
|
|
18
|
-
"@semcore/flex-box": "16.0.
|
|
19
|
-
"@semcore/icon": "16.
|
|
20
|
-
"@semcore/button": "16.0.
|
|
21
|
-
"@semcore/typography": "16.
|
|
17
|
+
"@semcore/animation": "16.0.6-prerelease.3",
|
|
18
|
+
"@semcore/flex-box": "16.0.10-prerelease.3",
|
|
19
|
+
"@semcore/icon": "16.5.1-prerelease.3",
|
|
20
|
+
"@semcore/button": "16.0.10-prerelease.3",
|
|
21
|
+
"@semcore/typography": "16.3.0-prerelease.3",
|
|
22
22
|
"csstype": "3.1.3"
|
|
23
23
|
},
|
|
24
24
|
"peerDependencies": {
|
|
25
|
-
"@semcore/base-components": "^16.0.
|
|
25
|
+
"@semcore/base-components": "^16.4.0-prerelease.3"
|
|
26
26
|
},
|
|
27
27
|
"repository": {
|
|
28
28
|
"type": "git",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
33
|
"@semcore/testing-utils": "1.0.0",
|
|
34
|
-
"@semcore/core": "16.
|
|
34
|
+
"@semcore/core": "16.5.0-prerelease.3"
|
|
35
35
|
},
|
|
36
36
|
"scripts": {
|
|
37
37
|
"build": "pnpm semcore-builder --source=js && pnpm vite build"
|