@semcore/accordion 16.2.0 → 16.2.1-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 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-16
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 intergalactic
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
 
@@ -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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
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 = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SItemToggle_3m6dq_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_3m6dq_gg_.__use_3m6dq_gg_.__use_3m6dq_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_3m6dq_gg_.__use_3m6dq_gg_._use_primary_3m6dq_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_3m6dq_gg_.__use_3m6dq_gg_._use_primary_3m6dq_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_3m6dq_gg_.__disabled_3m6dq_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_3m6dq_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_3m6dq_gg_.__selected_3m6dq_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_3m6dq_gg_{transition:none}}", /*__inner_css_end__*/"3m6dq_gg_"),
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": "___SItemToggle_3m6dq_gg_",
30
- "_use": "__use_3m6dq_gg_",
31
- "_use_primary": "_use_primary_3m6dq_gg_",
32
- "_disabled": "__disabled_3m6dq_gg_",
33
- "__SItemChevron": "___SItemChevron_3m6dq_gg_",
34
- "_selected": "__selected_3m6dq_gg_"
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 = _super.call.apply(_super, [this].concat(args));
46
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleToggleInteraction", function (newValue) {
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, _createClass2["default"])(RootAccordion, [{
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 = _super2.call.apply(_super2, [this].concat(args));
113
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "handleClick", function () {
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, _createClass2["default"])(RootItem, [{
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 = _super3.call.apply(_super3, [this].concat(args));
205
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "toggleRef", /*#__PURE__*/_react["default"].createRef());
206
- (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "handleKeyDown", function (event) {
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, _createClass2["default"])(Toggle, [{
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.wrapAccordion = wrapAccordion;
281
- var _default = Accordion;
282
- exports["default"] = _default;
275
+ var _default = exports["default"] = Accordion;
283
276
  //# sourceMappingURL=Accordion.js.map
@@ -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":";;;;;;;;;;;;;;;;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 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { BoxProps, FlexProps, Flex } from '@semcore/flex-box';\nimport { PropGetterFn, Intergalactic, UnknownProperties } from '@semcore/core';\nimport { CollapseProps } from '@semcore/animation';\nimport { 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) &\n Intergalactic.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":""}
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
  });
@@ -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":[]}
@@ -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 _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
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
- import React from 'react';
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 { Text } from '@semcore/typography';
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 = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SItemToggle_3m6dq_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_3m6dq_gg_.__use_3m6dq_gg_.__use_3m6dq_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_3m6dq_gg_.__use_3m6dq_gg_._use_primary_3m6dq_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_3m6dq_gg_.__use_3m6dq_gg_._use_primary_3m6dq_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_3m6dq_gg_.__disabled_3m6dq_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_3m6dq_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_3m6dq_gg_.__selected_3m6dq_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_3m6dq_gg_{transition:none}}", /*__inner_css_end__*/"3m6dq_gg_"),
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": "___SItemToggle_3m6dq_gg_",
28
- "_use": "__use_3m6dq_gg_",
29
- "_use_primary": "_use_primary_3m6dq_gg_",
30
- "_disabled": "__disabled_3m6dq_gg_",
31
- "__SItemChevron": "___SItemChevron_3m6dq_gg_",
32
- "_selected": "__selected_3m6dq_gg_"
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 = _super.call.apply(_super, [this].concat(args));
44
- _defineProperty(_assertThisInitialized(_this), "handleToggleInteraction", function (newValue) {
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
- _createClass(RootAccordion, [{
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 = _super2.call.apply(_super2, [this].concat(args));
111
- _defineProperty(_assertThisInitialized(_this2), "handleClick", function () {
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
- _createClass(RootItem, [{
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 = _super3.call.apply(_super3, [this].concat(args));
202
- _defineProperty(_assertThisInitialized(_this3), "toggleRef", /*#__PURE__*/React.createRef());
203
- _defineProperty(_assertThisInitialized(_this3), "handleKeyDown", function (event) {
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
- _createClass(Toggle, [{
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],
@@ -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":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { BoxProps, FlexProps, Flex } from '@semcore/flex-box';\nimport { PropGetterFn, Intergalactic, UnknownProperties } from '@semcore/core';\nimport { CollapseProps } from '@semcore/animation';\nimport { 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) &\n Intergalactic.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":""}
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":[]}
@@ -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":[]}
@@ -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 _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
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, createComponent, assignProps } from "@semcore/core";
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
- ".___SItemToggle_3m6dq_gg_{display:flex;align-items:center;position:relative;cursor:pointer;outline:0}.___SItemToggle_3m6dq_gg_.__use_3m6dq_gg_.__use_3m6dq_gg_{color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-regular, 400)}.___SItemToggle_3m6dq_gg_.__use_3m6dq_gg_._use_primary_3m6dq_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_3m6dq_gg_.__use_3m6dq_gg_._use_primary_3m6dq_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SItemToggle_3m6dq_gg_.__disabled_3m6dq_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_3m6dq_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out;fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SItemChevron_3m6dq_gg_.__selected_3m6dq_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_3m6dq_gg_{transition:none}}",
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
- "3m6dq_gg_"
29
+ "14b86_gg_"
26
30
  ), /*__reshadow_css_end__*/
27
31
  {
28
- "__SItemToggle": "___SItemToggle_3m6dq_gg_",
29
- "_use": "__use_3m6dq_gg_",
30
- "_use_primary": "_use_primary_3m6dq_gg_",
31
- "_disabled": "__disabled_3m6dq_gg_",
32
- "__SItemChevron": "___SItemChevron_3m6dq_gg_",
33
- "_selected": "__selected_3m6dq_gg_"
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 = _super.call.apply(_super, [this].concat(args));
46
- _defineProperty(_assertThisInitialized(_this), "handleToggleInteraction", function(newValue) {
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
- _createClass(RootAccordion2, [{
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 = _super2.call.apply(_super2, [this].concat(args));
110
- _defineProperty(_assertThisInitialized(_this2), "handleClick", function() {
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
- _createClass(RootItem2, [{
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 = _super3.call.apply(_super3, [this].concat(args));
186
- _defineProperty(_assertThisInitialized(_this3), "toggleRef", /* @__PURE__ */ React.createRef());
187
- _defineProperty(_assertThisInitialized(_this3), "handleKeyDown", function(event) {
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
- _createClass(Toggle2, [{
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;
@@ -1,7 +1,7 @@
1
- import { BoxProps, FlexProps, Flex } from '@semcore/flex-box';
2
- import { PropGetterFn, Intergalactic, UnknownProperties } from '@semcore/core';
3
- import { CollapseProps } from '@semcore/animation';
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
- PropsExtending,
94
+ PropsExtending,
95
95
  ) => Intergalactic.InternalTypings.ComponentRenderingResults) &
96
- Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', AccordionProps>;
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
- PropsExtending,
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.0",
4
+ "version": "16.2.1-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,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.0",
20
- "@semcore/button": "16.0.1",
21
- "@semcore/typography": "16.1.1"
17
+ "@semcore/animation": "16.0.2-prerelease.3",
18
+ "@semcore/flex-box": "16.0.2-prerelease.3",
19
+ "@semcore/icon": "16.2.1-prerelease.3",
20
+ "@semcore/button": "16.0.2-prerelease.3",
21
+ "@semcore/typography": "16.1.2-prerelease.3"
22
22
  },
23
23
  "peerDependencies": {
24
- "@semcore/base-components": "^16.0.0"
24
+ "@semcore/base-components": "^16.0.2-prerelease.3"
25
25
  },
26
26
  "repository": {
27
27
  "type": "git",
@@ -29,7 +29,7 @@
29
29
  "directory": "semcore/accordion"
30
30
  },
31
31
  "devDependencies": {
32
- "@types/react": "18.0.21",
32
+ "@semcore/core": "16.0.0",
33
33
  "@semcore/testing-utils": "1.0.0"
34
34
  },
35
35
  "scripts": {