@semcore/accordion 4.3.15 → 4.3.16

package/CHANGELOG.md

@@ -2,11 +2,11 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
-## [4.3.15] - 2023-03-28
+## [4.3.16] - 2023-04-03
 
 ### Changed
 
-- Version patch update due to children dependencies update (`@semcore/animation` [1.9.9 ~> 1.10.0], `@semcore/utils` [3.49.1 ~> 3.50.0]).
+- Version patch update due to children dependencies update (`@semcore/animation` [1.10.0 ~> 1.10.1]).
 
 ## [4.3.11] - 2023-03-22
 

package/lib/cjs/Accordion.js

@@ -1,86 +1,51 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.RootItem = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _core = _interopRequireWildcard(require("@semcore/core"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _flexBox = require("@semcore/flex-box");
-
 var _animation = require("@semcore/animation");
-
 var _m = _interopRequireDefault(require("@semcore/icon/ChevronRight/m"));
-
 var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
-
 var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
-
 var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
-
 /*__reshadow-styles__:"./style/accordion.shadow.css"*/
-var style = (
-/*__reshadow_css_start__*/
-_core.sstyled.insert(
-/*__inner_css_start__*/
-".___SItemToggle_1su5p_gg_{cursor:pointer;outline:0}.___SItemToggle_1su5p_gg_.__keyboardFocused_1su5p_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SItemToggle_1su5p_gg_.__disabled_1su5p_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_1su5p_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SItemChevron_1su5p_gg_.__selected_1su5p_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_1su5p_gg_{transition:none}}"
-/*__inner_css_end__*/
-, "1su5p_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SItemToggle": "___SItemToggle_1su5p_gg_",
-  "_keyboardFocused": "__keyboardFocused_1su5p_gg_",
-  "_disabled": "__disabled_1su5p_gg_",
-  "__SItemChevron": "___SItemChevron_1su5p_gg_",
-  "_selected": "__selected_1su5p_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SItemToggle_17tci_gg_{cursor:pointer;outline:0}.___SItemToggle_17tci_gg_.__keyboardFocused_17tci_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SItemToggle_17tci_gg_.__disabled_17tci_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_17tci_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SItemChevron_17tci_gg_.__selected_17tci_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_17tci_gg_{transition:none}}" /*__inner_css_end__*/, "17tci_gg_") /*__reshadow_css_end__*/, {
+  "__SItemToggle": "___SItemToggle_17tci_gg_",
+  "_keyboardFocused": "__keyboardFocused_17tci_gg_",
+  "_disabled": "__disabled_17tci_gg_",
+  "__SItemChevron": "___SItemChevron_17tci_gg_",
+  "_selected": "__selected_17tci_gg_"
 });
-
 var RootAccordion = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootAccordion, _Component);
-
   var _super = (0, _createSuper2["default"])(RootAccordion);
-
   function RootAccordion() {
     var _this;
-
     (0, _classCallCheck2["default"])(this, RootAccordion);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleToggleInteraction", function (newValue) {
       var value = _this.asProps.value;
-
       if (Array.isArray(value)) {
         var indexOfNewValue = value.indexOf(newValue);
         var result = (0, _toConsumableArray2["default"])(value);
         indexOfNewValue === -1 ? result.push(newValue) : result.splice(indexOfNewValue, 1);
-
         _this.handlers.value(result);
       } else {
         _this.handlers.value(value === newValue ? null : newValue);
@@ -88,7 +53,6 @@ var RootAccordion = /*#__PURE__*/function (_Component) {
     });
     return _this;
   }
-
   (0, _createClass2["default"])(RootAccordion, [{
     key: "uncontrolledProps",
     value: function uncontrolledProps() {
@@ -101,8 +65,8 @@ var RootAccordion = /*#__PURE__*/function (_Component) {
     value: function getItemProps(_ref6) {
       var value = _ref6.value;
       var _this$asProps = this.asProps,
-          selectedValue = _this$asProps.value,
-          duration = _this$asProps.duration;
+        selectedValue = _this$asProps.value,
+        duration = _this$asProps.duration;
       var selected = Array.isArray(selectedValue) ? selectedValue.includes(value) : selectedValue === value;
       return {
         selected: selected,
@@ -119,7 +83,6 @@ var RootAccordion = /*#__PURE__*/function (_Component) {
   }]);
   return RootAccordion;
 }(_core.Component);
-
 (0, _defineProperty2["default"])(RootAccordion, "displayName", 'Accordion');
 (0, _defineProperty2["default"])(RootAccordion, "style", style);
 (0, _defineProperty2["default"])(RootAccordion, "defaultProps", {
@@ -131,39 +94,32 @@ var RootAccordion = /*#__PURE__*/function (_Component) {
   map: Number.parseInt,
   prop: 'duration'
 })]);
-
 var RootItem = /*#__PURE__*/function (_Component2) {
   (0, _inherits2["default"])(RootItem, _Component2);
-
   var _super2 = (0, _createSuper2["default"])(RootItem);
-
   function RootItem() {
     var _this2;
-
     (0, _classCallCheck2["default"])(this, RootItem);
-
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
-
     _this2 = _super2.call.apply(_super2, [this].concat(args));
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this2), "handleClick", function () {
       var _this2$asProps = _this2.asProps,
-          value = _this2$asProps.value,
-          $handleInteraction = _this2$asProps.$handleInteraction;
+        value = _this2$asProps.value,
+        $handleInteraction = _this2$asProps.$handleInteraction;
       $handleInteraction(value);
     });
     return _this2;
   }
-
   (0, _createClass2["default"])(RootItem, [{
     key: "getToggleProps",
     value: function getToggleProps() {
       var _this$asProps2 = this.asProps,
-          value = _this$asProps2.value,
-          uid = _this$asProps2.uid,
-          selected = _this$asProps2.selected,
-          disabled = _this$asProps2.disabled;
+        value = _this$asProps2.value,
+        uid = _this$asProps2.uid,
+        selected = _this$asProps2.selected,
+        disabled = _this$asProps2.disabled;
       return {
         disabled: disabled,
         onClick: disabled ? undefined : this.handleClick,
@@ -177,10 +133,10 @@ var RootItem = /*#__PURE__*/function (_Component2) {
     key: "getCollapseProps",
     value: function getCollapseProps() {
       var _this$asProps3 = this.asProps,
-          selected = _this$asProps3.selected,
-          uid = _this$asProps3.uid,
-          duration = _this$asProps3.duration,
-          value = _this$asProps3.value;
+        selected = _this$asProps3.selected,
+        uid = _this$asProps3.uid,
+        duration = _this$asProps3.duration,
+        value = _this$asProps3.value;
       return {
         selected: selected,
         duration: duration,
@@ -206,22 +162,17 @@ var RootItem = /*#__PURE__*/function (_Component2) {
   }]);
   return RootItem;
 }(_core.Component);
-
 exports.RootItem = RootItem;
 (0, _defineProperty2["default"])(RootItem, "displayName", 'Item');
 (0, _defineProperty2["default"])(RootItem, "style", style);
 (0, _defineProperty2["default"])(RootItem, "enhance", [(0, _uniqueID["default"])()]);
-
 var Toggle = /*#__PURE__*/function (_Component3) {
   (0, _inherits2["default"])(Toggle, _Component3);
-
   var _super3 = (0, _createSuper2["default"])(Toggle);
-
   function Toggle() {
     (0, _classCallCheck2["default"])(this, Toggle);
     return _super3.apply(this, arguments);
   }
-
   (0, _createClass2["default"])(Toggle, [{
     key: "handleKeyDown",
     value: function handleKeyDown(e) {
@@ -236,11 +187,10 @@ var Toggle = /*#__PURE__*/function (_Component3) {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-          _ref4;
-
+        _ref4;
       var _this$asProps4 = this.asProps,
-          styles = _this$asProps4.styles,
-          disabled = _this$asProps4.disabled;
+        styles = _this$asProps4.styles,
+        disabled = _this$asProps4.disabled;
       var SItemToggle = _flexBox.Box;
       return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SItemToggle, _ref4.cn("SItemToggle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "onKeyDown": this.handleKeyDown,
@@ -250,18 +200,14 @@ var Toggle = /*#__PURE__*/function (_Component3) {
   }]);
   return Toggle;
 }(_core.Component);
-
 (0, _defineProperty2["default"])(Toggle, "enhance", [(0, _keyboardFocusEnhance["default"])()]);
-
 function Chevron(props) {
   var _ref2 = arguments[0],
-      _ref5;
-
+    _ref5;
   var styles = props.styles;
   var SItemChevron = _m["default"];
   return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SItemChevron, _ref5.cn("SItemChevron", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))));
 }
-
 function Collapse(props) {
   var _ref3 = arguments[0];
   var selected = props.selected;
@@ -270,7 +216,6 @@ function Collapse(props) {
     "interactive": true
   }, _ref3));
 }
-
 var Item = (0, _core["default"])(RootItem, {
   Toggle: Toggle,
   Chevron: Chevron,

package/lib/cjs/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","names":["RootAccordion","newValue","value","asProps","Array","isArray","indexOfNewValue","indexOf","result","push","splice","handlers","selectedValue","duration","selected","includes","$handleInteraction","handleToggleInteraction","Children","Component","style","defaultValue","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","RootItem","uid","disabled","onClick","undefined","handleClick","id","role","uniqueIDEnhancement","Toggle","e","key","preventDefault","currentTarget","click","styles","SItemToggle","Box","sstyled","handleKeyDown","keyboardFocusEnhance","Chevron","props","SItemChevron","ChevronRight","Collapse","CollapseAnimate","Item","createComponent","Accordion"],"sources":["../../src/Accordion.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { Collapse as CollapseAnimate } from '@semcore/animation';\nimport ChevronRight from '@semcore/icon/ChevronRight/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/accordion.shadow.css';\n\nclass RootAccordion extends Component {\n  static displayName = 'Accordion';\n  static style = style;\n  static defaultProps = {\n    defaultValue: [],\n  };\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 } = this.asProps;\n    const selected = Array.isArray(selectedValue)\n      ? selectedValue.includes(value)\n      : selectedValue === value;\n    return {\n      selected,\n      duration,\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 } = this.asProps;\n    return {\n      disabled,\n      onClick: disabled ? undefined : this.handleClick,\n      id: `igc-${uid}-${value}-toggle`,\n      role: 'button',\n      'aria-expanded': selected ? 'true' : 'false',\n      'aria-controls': `igc-${uid}-${value}-collapse`,\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`,\n    };\n  }\n\n  getChevronProps() {\n    const { selected } = this.asProps;\n    return {\n      selected,\n    };\n  }\n\n  render() {\n    const { Children } = this.asProps;\n    return <Children />;\n  }\n}\n\nclass Toggle extends Component {\n  static enhance = [keyboardFocusEnhance()];\n\n  handleKeyDown(e) {\n    switch (e.key) {\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        e.currentTarget.click();\n    }\n  }\n\n  render() {\n    const { styles, disabled } = this.asProps;\n    const SItemToggle = Root;\n\n    return sstyled(styles)(\n      <SItemToggle\n        render={Box}\n        onKeyDown={this.handleKeyDown}\n        aria-disabled={disabled ? 'true' : undefined}\n      />,\n    );\n  }\n}\n\nfunction Chevron(props) {\n  const { styles } = props;\n  const SItemChevron = Root;\n  return sstyled(styles)(<SItemChevron render={ChevronRight} />);\n}\n\nfunction Collapse(props) {\n  const { selected } = props;\n  return <Root render={CollapseAnimate} visible={selected} interactive />;\n}\n\nconst Item = createComponent(RootItem, {\n  Toggle,\n  Chevron,\n  Collapse,\n});\n\nconst Accordion = createComponent(RootAccordion, {\n  Item,\n});\n\nexport default Accordion;\n"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_animation","_m","_keyboardFocusEnhance","_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","_ref6","_this$asProps","selectedValue","duration","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","role","getCollapseProps","_this$asProps3","getChevronProps","exports","uniqueIDEnhancement","Toggle","_Component3","_super3","handleKeyDown","e","preventDefault","currentTarget","click","_ref","_ref4","_this$asProps4","styles","SItemToggle","Box","cn","_objectSpread2","assignProps","keyboardFocusEnhance","Chevron","props","_ref2","arguments[0]","_ref5","SItemChevron","ChevronRight","Collapse","_ref3","CollapseAnimate","Item","createComponent","Accordion","_default"],"sources":["../../src/Accordion.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { Collapse as CollapseAnimate } from '@semcore/animation';\nimport ChevronRight from '@semcore/icon/ChevronRight/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/accordion.shadow.css';\n\nclass RootAccordion extends Component {\n  static displayName = 'Accordion';\n  static style = style;\n  static defaultProps = {\n    defaultValue: [],\n  };\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 } = this.asProps;\n    const selected = Array.isArray(selectedValue)\n      ? selectedValue.includes(value)\n      : selectedValue === value;\n    return {\n      selected,\n      duration,\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 } = this.asProps;\n    return {\n      disabled,\n      onClick: disabled ? undefined : this.handleClick,\n      id: `igc-${uid}-${value}-toggle`,\n      role: 'button',\n      'aria-expanded': selected ? 'true' : 'false',\n      'aria-controls': `igc-${uid}-${value}-collapse`,\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`,\n    };\n  }\n\n  getChevronProps() {\n    const { selected } = this.asProps;\n    return {\n      selected,\n    };\n  }\n\n  render() {\n    const { Children } = this.asProps;\n    return <Children />;\n  }\n}\n\nclass Toggle extends Component {\n  static enhance = [keyboardFocusEnhance()];\n\n  handleKeyDown(e) {\n    switch (e.key) {\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        e.currentTarget.click();\n    }\n  }\n\n  render() {\n    const { styles, disabled } = this.asProps;\n    const SItemToggle = Root;\n\n    return sstyled(styles)(\n      <SItemToggle\n        render={Box}\n        onKeyDown={this.handleKeyDown}\n        aria-disabled={disabled ? 'true' : undefined}\n      />,\n    );\n  }\n}\n\nfunction Chevron(props) {\n  const { styles } = props;\n  const SItemChevron = Root;\n  return sstyled(styles)(<SItemChevron render={ChevronRight} />);\n}\n\nfunction Collapse(props) {\n  const { selected } = props;\n  return <Root render={CollapseAnimate} visible={selected} interactive />;\n}\n\nconst Item = createComponent(RootItem, {\n  Toggle,\n  Chevron,\n  Collapse,\n});\n\nconst Accordion = createComponent(RootAccordion, {\n  Item,\n});\n\nexport default Accordion;\n"],"mappings":"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"}

package/lib/cjs/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,9 +11,7 @@ Object.defineProperty(exports, "default", {
     return _Accordion["default"];
   }
 });
-
 var _Accordion = _interopRequireWildcard(require("./Accordion"));
-
 Object.keys(_Accordion).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Accordion';\nexport * from './Accordion';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"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"}

package/lib/es6/Accordion.js

@@ -18,59 +18,37 @@ import ChevronRight from '@semcore/icon/ChevronRight/m';
 import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
 import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
-
 /*__reshadow-styles__:"./style/accordion.shadow.css"*/
-var style = (
-/*__reshadow_css_start__*/
-_sstyled.insert(
-/*__inner_css_start__*/
-".___SItemToggle_1su5p_gg_{cursor:pointer;outline:0}.___SItemToggle_1su5p_gg_.__keyboardFocused_1su5p_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SItemToggle_1su5p_gg_.__disabled_1su5p_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_1su5p_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SItemChevron_1su5p_gg_.__selected_1su5p_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_1su5p_gg_{transition:none}}"
-/*__inner_css_end__*/
-, "1su5p_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SItemToggle": "___SItemToggle_1su5p_gg_",
-  "_keyboardFocused": "__keyboardFocused_1su5p_gg_",
-  "_disabled": "__disabled_1su5p_gg_",
-  "__SItemChevron": "___SItemChevron_1su5p_gg_",
-  "_selected": "__selected_1su5p_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SItemToggle_17tci_gg_{cursor:pointer;outline:0}.___SItemToggle_17tci_gg_.__keyboardFocused_17tci_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SItemToggle_17tci_gg_.__disabled_17tci_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SItemChevron_17tci_gg_{transform:rotate(0deg);transition:transform calc(var(--intergalactic-duration-accordion, 200)*1ms) ease-out}.___SItemChevron_17tci_gg_.__selected_17tci_gg_{transform:rotate(90deg)}@media (prefers-reduced-motion){.___SItemChevron_17tci_gg_{transition:none}}" /*__inner_css_end__*/, "17tci_gg_") /*__reshadow_css_end__*/, {
+  "__SItemToggle": "___SItemToggle_17tci_gg_",
+  "_keyboardFocused": "__keyboardFocused_17tci_gg_",
+  "_disabled": "__disabled_17tci_gg_",
+  "__SItemChevron": "___SItemChevron_17tci_gg_",
+  "_selected": "__selected_17tci_gg_"
 });
-
 var RootAccordion = /*#__PURE__*/function (_Component) {
   _inherits(RootAccordion, _Component);
-
   var _super = _createSuper(RootAccordion);
-
   function RootAccordion() {
     var _this;
-
     _classCallCheck(this, RootAccordion);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
     _defineProperty(_assertThisInitialized(_this), "handleToggleInteraction", function (newValue) {
       var value = _this.asProps.value;
-
       if (Array.isArray(value)) {
         var indexOfNewValue = value.indexOf(newValue);
-
         var result = _toConsumableArray(value);
-
         indexOfNewValue === -1 ? result.push(newValue) : result.splice(indexOfNewValue, 1);
-
         _this.handlers.value(result);
       } else {
         _this.handlers.value(value === newValue ? null : newValue);
       }
     });
-
     return _this;
   }
-
   _createClass(RootAccordion, [{
     key: "uncontrolledProps",
     value: function uncontrolledProps() {
@@ -83,8 +61,8 @@ var RootAccordion = /*#__PURE__*/function (_Component) {
     value: function getItemProps(_ref6) {
       var value = _ref6.value;
       var _this$asProps = this.asProps,
-          selectedValue = _this$asProps.value,
-          duration = _this$asProps.duration;
+        selectedValue = _this$asProps.value,
+        duration = _this$asProps.duration;
       var selected = Array.isArray(selectedValue) ? selectedValue.includes(value) : selectedValue === value;
       return {
         selected: selected,
@@ -99,59 +77,45 @@ var RootAccordion = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/React.createElement(Children, null);
     }
   }]);
-
   return RootAccordion;
 }(Component);
-
 _defineProperty(RootAccordion, "displayName", 'Accordion');
-
 _defineProperty(RootAccordion, "style", style);
-
 _defineProperty(RootAccordion, "defaultProps", {
   defaultValue: []
 });
-
 _defineProperty(RootAccordion, "enhance", [cssVariableEnhance({
   variable: '--intergalactic-duration-accordion',
   fallback: '200',
   map: Number.parseInt,
   prop: 'duration'
 })]);
-
 export var RootItem = /*#__PURE__*/function (_Component2) {
   _inherits(RootItem, _Component2);
-
   var _super2 = _createSuper(RootItem);
-
   function RootItem() {
     var _this2;
-
     _classCallCheck(this, RootItem);
-
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
-
     _this2 = _super2.call.apply(_super2, [this].concat(args));
-
     _defineProperty(_assertThisInitialized(_this2), "handleClick", function () {
       var _this2$asProps = _this2.asProps,
-          value = _this2$asProps.value,
-          $handleInteraction = _this2$asProps.$handleInteraction;
+        value = _this2$asProps.value,
+        $handleInteraction = _this2$asProps.$handleInteraction;
       $handleInteraction(value);
     });
-
     return _this2;
   }
-
   _createClass(RootItem, [{
     key: "getToggleProps",
     value: function getToggleProps() {
       var _this$asProps2 = this.asProps,
-          value = _this$asProps2.value,
-          uid = _this$asProps2.uid,
-          selected = _this$asProps2.selected,
-          disabled = _this$asProps2.disabled;
+        value = _this$asProps2.value,
+        uid = _this$asProps2.uid,
+        selected = _this$asProps2.selected,
+        disabled = _this$asProps2.disabled;
       return {
         disabled: disabled,
         onClick: disabled ? undefined : this.handleClick,
@@ -165,10 +129,10 @@ export var RootItem = /*#__PURE__*/function (_Component2) {
     key: "getCollapseProps",
     value: function getCollapseProps() {
       var _this$asProps3 = this.asProps,
-          selected = _this$asProps3.selected,
-          uid = _this$asProps3.uid,
-          duration = _this$asProps3.duration,
-          value = _this$asProps3.value;
+        selected = _this$asProps3.selected,
+        uid = _this$asProps3.uid,
+        duration = _this$asProps3.duration,
+        value = _this$asProps3.value;
       return {
         selected: selected,
         duration: duration,
@@ -192,27 +156,18 @@ export var RootItem = /*#__PURE__*/function (_Component2) {
       return /*#__PURE__*/React.createElement(Children, null);
     }
   }]);
-
   return RootItem;
 }(Component);
-
 _defineProperty(RootItem, "displayName", 'Item');
-
 _defineProperty(RootItem, "style", style);
-
 _defineProperty(RootItem, "enhance", [uniqueIDEnhancement()]);
-
 var Toggle = /*#__PURE__*/function (_Component3) {
   _inherits(Toggle, _Component3);
-
   var _super3 = _createSuper(Toggle);
-
   function Toggle() {
     _classCallCheck(this, Toggle);
-
     return _super3.apply(this, arguments);
   }
-
   _createClass(Toggle, [{
     key: "handleKeyDown",
     value: function handleKeyDown(e) {
@@ -227,11 +182,10 @@ var Toggle = /*#__PURE__*/function (_Component3) {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-          _ref4;
-
+        _ref4;
       var _this$asProps4 = this.asProps,
-          styles = _this$asProps4.styles,
-          disabled = _this$asProps4.disabled;
+        styles = _this$asProps4.styles,
+        disabled = _this$asProps4.disabled;
       var SItemToggle = Box;
       return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SItemToggle, _ref4.cn("SItemToggle", _objectSpread({}, _assignProps({
         "onKeyDown": this.handleKeyDown,
@@ -239,21 +193,16 @@ var Toggle = /*#__PURE__*/function (_Component3) {
       }, _ref))));
     }
   }]);
-
   return Toggle;
 }(Component);
-
 _defineProperty(Toggle, "enhance", [keyboardFocusEnhance()]);
-
 function Chevron(props) {
   var _ref2 = arguments[0],
-      _ref5;
-
+    _ref5;
   var styles = props.styles;
   var SItemChevron = ChevronRight;
   return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SItemChevron, _ref5.cn("SItemChevron", _objectSpread({}, _assignProps2({}, _ref2))));
 }
-
 function Collapse(props) {
   var _ref3 = arguments[0];
   var selected = props.selected;
@@ -262,7 +211,6 @@ function Collapse(props) {
     "interactive": true
   }, _ref3));
 }
-
 var Item = createComponent(RootItem, {
   Toggle: Toggle,
   Chevron: Chevron,

package/lib/es6/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","names":["React","createComponent","Component","sstyled","Root","Box","Collapse","CollapseAnimate","ChevronRight","keyboardFocusEnhance","uniqueIDEnhancement","cssVariableEnhance","RootAccordion","newValue","value","asProps","Array","isArray","indexOfNewValue","indexOf","result","push","splice","handlers","selectedValue","duration","selected","includes","$handleInteraction","handleToggleInteraction","Children","style","defaultValue","variable","fallback","map","Number","parseInt","prop","RootItem","uid","disabled","onClick","undefined","handleClick","id","role","Toggle","e","key","preventDefault","currentTarget","click","styles","SItemToggle","handleKeyDown","Chevron","props","SItemChevron","Item","Accordion"],"sources":["../../src/Accordion.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { Collapse as CollapseAnimate } from '@semcore/animation';\nimport ChevronRight from '@semcore/icon/ChevronRight/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/accordion.shadow.css';\n\nclass RootAccordion extends Component {\n  static displayName = 'Accordion';\n  static style = style;\n  static defaultProps = {\n    defaultValue: [],\n  };\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 } = this.asProps;\n    const selected = Array.isArray(selectedValue)\n      ? selectedValue.includes(value)\n      : selectedValue === value;\n    return {\n      selected,\n      duration,\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 } = this.asProps;\n    return {\n      disabled,\n      onClick: disabled ? undefined : this.handleClick,\n      id: `igc-${uid}-${value}-toggle`,\n      role: 'button',\n      'aria-expanded': selected ? 'true' : 'false',\n      'aria-controls': `igc-${uid}-${value}-collapse`,\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`,\n    };\n  }\n\n  getChevronProps() {\n    const { selected } = this.asProps;\n    return {\n      selected,\n    };\n  }\n\n  render() {\n    const { Children } = this.asProps;\n    return <Children />;\n  }\n}\n\nclass Toggle extends Component {\n  static enhance = [keyboardFocusEnhance()];\n\n  handleKeyDown(e) {\n    switch (e.key) {\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        e.currentTarget.click();\n    }\n  }\n\n  render() {\n    const { styles, disabled } = this.asProps;\n    const SItemToggle = Root;\n\n    return sstyled(styles)(\n      <SItemToggle\n        render={Box}\n        onKeyDown={this.handleKeyDown}\n        aria-disabled={disabled ? 'true' : undefined}\n      />,\n    );\n  }\n}\n\nfunction Chevron(props) {\n  const { styles } = props;\n  const SItemChevron = Root;\n  return sstyled(styles)(<SItemChevron render={ChevronRight} />);\n}\n\nfunction Collapse(props) {\n  const { selected } = props;\n  return <Root render={CollapseAnimate} visible={selected} interactive />;\n}\n\nconst Item = createComponent(RootItem, {\n  Toggle,\n  Chevron,\n  Collapse,\n});\n\nconst Accordion = createComponent(RootAccordion, {\n  Item,\n});\n\nexport default Accordion;\n"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","names":["React","createComponent","Component","sstyled","Root","Box","Collapse","CollapseAnimate","ChevronRight","keyboardFocusEnhance","uniqueIDEnhancement","cssVariableEnhance","style","_sstyled","insert","RootAccordion","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","newValue","value","asProps","isArray","indexOfNewValue","indexOf","result","_toConsumableArray","push","splice","handlers","_createClass","key","uncontrolledProps","getItemProps","_ref6","_this$asProps","selectedValue","duration","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","role","getCollapseProps","_this$asProps3","getChevronProps","Toggle","_Component3","_super3","handleKeyDown","e","preventDefault","currentTarget","click","_ref","_ref4","_this$asProps4","styles","SItemToggle","cn","_objectSpread","_assignProps","Chevron","props","_ref2","arguments[0]","_ref5","SItemChevron","_assignProps2","_ref3","_assignProps3","Item","Accordion"],"sources":["../../src/Accordion.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { Collapse as CollapseAnimate } from '@semcore/animation';\nimport ChevronRight from '@semcore/icon/ChevronRight/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/accordion.shadow.css';\n\nclass RootAccordion extends Component {\n  static displayName = 'Accordion';\n  static style = style;\n  static defaultProps = {\n    defaultValue: [],\n  };\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 } = this.asProps;\n    const selected = Array.isArray(selectedValue)\n      ? selectedValue.includes(value)\n      : selectedValue === value;\n    return {\n      selected,\n      duration,\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 } = this.asProps;\n    return {\n      disabled,\n      onClick: disabled ? undefined : this.handleClick,\n      id: `igc-${uid}-${value}-toggle`,\n      role: 'button',\n      'aria-expanded': selected ? 'true' : 'false',\n      'aria-controls': `igc-${uid}-${value}-collapse`,\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`,\n    };\n  }\n\n  getChevronProps() {\n    const { selected } = this.asProps;\n    return {\n      selected,\n    };\n  }\n\n  render() {\n    const { Children } = this.asProps;\n    return <Children />;\n  }\n}\n\nclass Toggle extends Component {\n  static enhance = [keyboardFocusEnhance()];\n\n  handleKeyDown(e) {\n    switch (e.key) {\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        e.currentTarget.click();\n    }\n  }\n\n  render() {\n    const { styles, disabled } = this.asProps;\n    const SItemToggle = Root;\n\n    return sstyled(styles)(\n      <SItemToggle\n        render={Box}\n        onKeyDown={this.handleKeyDown}\n        aria-disabled={disabled ? 'true' : undefined}\n      />,\n    );\n  }\n}\n\nfunction Chevron(props) {\n  const { styles } = props;\n  const SItemChevron = Root;\n  return sstyled(styles)(<SItemChevron render={ChevronRight} />);\n}\n\nfunction Collapse(props) {\n  const { selected } = props;\n  return <Root render={CollapseAnimate} visible={selected} interactive />;\n}\n\nconst Item = createComponent(RootItem, {\n  Toggle,\n  Chevron,\n  Collapse,\n});\n\nconst Accordion = createComponent(RootAccordion, {\n  Item,\n});\n\nexport default Accordion;\n"],"mappings":"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"}

package/lib/es6/index.js.map

@@ -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,OAAT,QAAwB,aAAxB;AACA,cAAc,aAAd"}
+{"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/accordion",
   "description": "Semrush Accordion Component",
-  "version": "4.3.15",
+  "version": "4.3.16",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",