@semcore/carousel 1.3.0 → 1.5.0

package/CHANGELOG.md

@@ -2,6 +2,33 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [1.5.0] - 2022-01-18
+
+### Changed
+
+- Up version icons and use new icon.
+
+## [1.4.2] - 2021-8-26
+
+### Changed
+
+- Add 'sideEffect=false' for more optimal build via webpack
+
+## [1.4.1] - 2021-06-24
+
+### Added
+
+- [A11y] Added support to work `Carousel.Next, Carousel.Prev` with keyboard.
+
+## [1.4.0] - 2021-04-26
+
+### Changed
+
+- Version of dependence `@semcore/core` has been changed to `1.11`.
+- Improved performance. Removed one component wrapper.
+- The style processing system has been changed.
+- Removed the ability to apply media styles via a plugin `babel-plugin-react-semcore`.
+
 ## [1.3.0] - 2021-01-29
 
 ### Added

package/lib/cjs/Carousel.js

@@ -1,9 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -25,17 +25,17 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _core = _interopRequireWildcard(require("@semcore/core"));
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _core = _interopRequireWildcard(require("@semcore/core"));
-
 var _flexBox = require("@semcore/flex-box");
 
-var _l = _interopRequireDefault(require("@semcore/icon/lib/ChevronRight/l"));
+var _l = _interopRequireDefault(require("@semcore/icon/ChevronRight/l"));
 
-var _l2 = _interopRequireDefault(require("@semcore/icon/lib/ChevronLeft/l"));
+var _l2 = _interopRequireDefault(require("@semcore/icon/ChevronLeft/l"));
+
+var _this3 = void 0;
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
@@ -43,30 +43,30 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 /*__reshadow-styles__:"./style/carousel.shadow.css"*/
-var _ref = (
+var style = (
 /*__reshadow_css_start__*/
-(0, _core.__css__)(
+_core.sstyled.insert(
 /*__inner_css_start__*/
-".___SCarousel_1c8oj_gg_{overflow:hidden;outline:none}.___SContainer_1c8oj_gg_{display:flex}.___SItem_1c8oj_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box}.___SIndicators_1c8oj_gg_{display:flex;justify-content:center;margin-top:16px}.___SIndicator_1c8oj_gg_{margin:0 5px;padding:0 5px;cursor:pointer}.___SIndicator_1c8oj_gg_:before{content:\"\";display:block;width:12px;height:12px;border-radius:50%;background-color:rgba(166,176,179,.3)}.___SIndicator_1c8oj_gg_:hover:before{background-color:rgba(166,176,179,.6)}.___SIndicator_1c8oj_gg_.__active_1c8oj_gg_:before{background-color:#a6b0b3}.___SNext_1c8oj_gg_,.___SPrev_1c8oj_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.___SNext_1c8oj_gg_.__disabled_1c8oj_gg_,.___SPrev_1c8oj_gg_.__disabled_1c8oj_gg_{opacity:.3;cursor:default;pointer-events:none}"
+".___SCarousel_hckqt_gg_{overflow:hidden;outline:none}.___SContainer_hckqt_gg_{display:flex;transition:transform var(--duration_q7pnj9) ease-in-out}.___SItem_hckqt_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_q7pnj9)}.___SIndicators_hckqt_gg_{display:flex;justify-content:center;margin-top:16px}.___SIndicator_hckqt_gg_{margin:0 5px;padding:0 5px;cursor:pointer}.___SIndicator_hckqt_gg_:before{content:\"\";display:block;width:12px;height:12px;border-radius:50%;background-color:rgba(166,176,179,.3)}.___SIndicator_hckqt_gg_:hover:before{background-color:rgba(166,176,179,.6)}.___SIndicator_hckqt_gg_.__active_hckqt_gg_:before{background-color:#a6b0b3}.___SNext_hckqt_gg_,.___SPrev_hckqt_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.___SNext_hckqt_gg_.__disabled_hckqt_gg_,.___SPrev_hckqt_gg_.__disabled_hckqt_gg_{opacity:.3;cursor:default;pointer-events:none}"
 /*__inner_css_end__*/
-, "k61g3x_gg_")
+, "q7pnj9_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCarousel": "___SCarousel_1c8oj_gg_",
-  "__SContainer": "___SContainer_1c8oj_gg_",
-  "__SItem": "___SItem_1c8oj_gg_",
-  "__SIndicators": "___SIndicators_1c8oj_gg_",
-  "__SIndicator": "___SIndicator_1c8oj_gg_",
-  "_active": "__active_1c8oj_gg_",
-  "__SPrev": "___SPrev_1c8oj_gg_",
-  "__SNext": "___SNext_1c8oj_gg_",
-  "_disabled": "__disabled_1c8oj_gg_"
-}),
-    style = (0, _extends2["default"])({}, _ref);
-
+  "__SCarousel": "___SCarousel_hckqt_gg_",
+  "__SContainer": "___SContainer_hckqt_gg_",
+  "--duration": "--duration_q7pnj9",
+  "__SItem": "___SItem_hckqt_gg_",
+  "--transform": "--transform_q7pnj9",
+  "__SIndicators": "___SIndicators_hckqt_gg_",
+  "__SIndicator": "___SIndicator_hckqt_gg_",
+  "_active": "__active_hckqt_gg_",
+  "__SNext": "___SNext_hckqt_gg_",
+  "__SPrev": "___SPrev_hckqt_gg_",
+  "_disabled": "__disabled_hckqt_gg_"
+});
 var position = {
   getItemMin: function getItemMin(items) {
     var indexItem = 0;
@@ -97,7 +97,6 @@ var MAP_TRANSFORM = {
   ArrowLeft: 'left',
   ArrowRight: 'right'
 };
-var styled_c8 = (0, _core.create)([]);
 
 var Carousel = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(Carousel, _Component);
@@ -354,6 +353,17 @@ var Carousel = /*#__PURE__*/function (_Component) {
         _this.handlers.index(_activeItemIndex);
       }
     });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerKeydownControl", function (direction) {
+      return function (e) {
+        var keyCode = e.keyCode;
+
+        if (keyCode === 13) {
+          e.preventDefault();
+
+          _this.bindHandlerClick(direction)();
+        }
+      };
+    });
     _this.isControlled = props.index !== undefined;
     _this.state = {
       items: []
@@ -408,6 +418,7 @@ var Carousel = /*#__PURE__*/function (_Component) {
 
       return {
         onClick: this.bindHandlerClick('left'),
+        onKeyDown: this.bindHandlerKeydownControl('left'),
         disabled: disabled
       };
     }
@@ -426,6 +437,7 @@ var Carousel = /*#__PURE__*/function (_Component) {
 
       return {
         onClick: this.bindHandlerClick('right'),
+        onKeyDown: this.bindHandlerKeydownControl('right'),
         disabled: disabled
       };
     }
@@ -448,19 +460,19 @@ var Carousel = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var SCarousel = this.Root;
+      var _ref = this ? this.asProps : arguments[0],
+          _ref7;
+
+      var SCarousel = _flexBox.Box;
       var _this$asProps5 = this.asProps,
-          Children = _this$asProps5.Children,
-          styles = _this$asProps5.styles;
-      return (0, _core.styled)(((0, _core.set)([styled_c8, styles]), /*#__PURE__*/_react["default"].createElement(SCarousel, (0, _core.map)("SCarousel", {
-        render: _flexBox.Box,
-        onKeyDown: this.handlerKeyDown,
-        tabIndex: 0,
-        onTouchStart: this.handlerTouchStart,
-        onTouchEnd: this.handlerTouchEnd
-      }), /*#__PURE__*/_react["default"].createElement(Children, {
-        className: _core.styled.styles["__Children"]
-      }))));
+          styles = _this$asProps5.styles,
+          Children = _this$asProps5.Children;
+      return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCarousel, _ref7.cn("SCarousel", _objectSpread({}, (0, _core.assignProps)({
+        "onKeyDown": this.handlerKeyDown,
+        "tabIndex": 0,
+        "onTouchStart": this.handlerTouchStart,
+        "onTouchEnd": this.handlerTouchEnd
+      }, _ref))), /*#__PURE__*/_react["default"].createElement(Children, _ref7.cn("Children", {})));
     }
   }]);
   return Carousel;
@@ -474,48 +486,26 @@ var Carousel = /*#__PURE__*/function (_Component) {
   bounded: false
 });
 (0, _defineProperty2["default"])(Carousel, "style", style);
-var styled_12c = (0, _core.create)([(
-/*__reshadow_css_start__*/
-(0, _core.__css__)(
-/*__inner_css_start__*/
-".___SContainer_jrz63_gg_{transition:transform var(--nre9v3_0) ease-in-out}"
-/*__inner_css_end__*/
-, "1azkjhu_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SContainer": "___SContainer_jrz63_gg_"
-})]);
 
 var Container = function Container(props) {
+  var _ref2 = _this3 ? _this3.asProps : arguments[0],
+      _ref8;
+
+  var SContainer = _flexBox.Box;
   var styles = props.styles,
-      duration = props.duration,
-      SContainer = props.Root;
-  var speedAnimation = "".concat(duration, "ms");
-  return (0, _core.styled)(((0, _core.set)([styled_12c, styles], {
-    "--nre9v3_0": speedAnimation
-  }), /*#__PURE__*/_react["default"].createElement(SContainer, (0, _core.map)("SContainer", {
-    render: _flexBox.Box,
-    $$style: _core.styled.$$style
-  }))));
+      duration = props.duration;
+  return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SContainer, _ref8.cn("SContainer", _objectSpread({}, (0, _core.assignProps)({
+    "use:duration": "".concat(duration, "ms")
+  }, _ref2))));
 };
 
-var styled_190 = (0, _core.create)([(
-/*__reshadow_css_start__*/
-(0, _core.__css__)(
-/*__inner_css_start__*/
-".___SItem_1uwef_gg_{transform:var(--nre9v3_0)}"
-/*__inner_css_end__*/
-, "kzzk5f_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SItem": "___SItem_1uwef_gg_"
-})]);
-
 var Item = function Item(props) {
+  var _ref3 = _this3 ? _this3.asProps : arguments[0],
+      _ref9;
+
   var styles = props.styles,
-      $toogleItem = props.$toogleItem,
-      transform = props.transform,
-      SItem = props.Root;
+      $toogleItem = props.$toogleItem;
+  var SItem = _flexBox.Box;
 
   var refItem = /*#__PURE__*/_react["default"].createRef();
 
@@ -531,79 +521,70 @@ var Item = function Item(props) {
       }, true);
     };
   }, []);
-  return (0, _core.styled)(((0, _core.set)([styled_190, styles], {
-    "--nre9v3_0": transform
-  }), /*#__PURE__*/_react["default"].createElement(SItem, (0, _core.map)("SItem", {
-    render: _flexBox.Box,
-    ref: refItem,
-    $$style: _core.styled.$$style
-  }))));
+  return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SItem, _ref9.cn("SItem", _objectSpread({}, (0, _core.assignProps)({
+    "ref": refItem
+  }, _ref3))));
 };
 
-var styled_1f4 = (0, _core.create)([]);
-
 var Prev = function Prev(props) {
-  var SPrev = props.Root,
-      styles = props.styles,
-      disabled = props.disabled;
-  return (0, _core.styled)(((0, _core.set)([styled_1f4, styles]), /*#__PURE__*/_react["default"].createElement(SPrev, (0, _core.map)("SPrev", {
-    render: _flexBox.Box,
-    disabled: disabled
-  }))));
+  var _ref4 = _this3 ? _this3.asProps : arguments[0],
+      _ref10;
+
+  var styles = props.styles;
+  var SPrev = _flexBox.Box;
+  return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPrev, _ref10.cn("SPrev", _objectSpread({}, (0, _core.assignProps)({}, _ref4))));
 };
 
 Prev.defaultProps = function () {
   return {
     children: /*#__PURE__*/_react["default"].createElement(_l2["default"], {
       interactive: true,
-      color: "stone"
+      color: "stone",
+      "aria-hidden": true,
+      role: "button"
     }),
     top: 0
   };
 };
 
-var styled_258 = (0, _core.create)([]);
-
 var Next = function Next(props) {
-  var SNext = props.Root,
-      styles = props.styles,
-      disabled = props.disabled;
-  return (0, _core.styled)(((0, _core.set)([styled_258, styles]), /*#__PURE__*/_react["default"].createElement(SNext, (0, _core.map)("SNext", {
-    render: _flexBox.Box,
-    disabled: disabled
-  }))));
+  var _ref5 = _this3 ? _this3.asProps : arguments[0],
+      _ref11;
+
+  var styles = props.styles;
+  var SNext = _flexBox.Box;
+  return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SNext, _ref11.cn("SNext", _objectSpread({}, (0, _core.assignProps)({}, _ref5))));
 };
 
 Next.defaultProps = function () {
   return {
     children: /*#__PURE__*/_react["default"].createElement(_l["default"], {
       interactive: true,
-      color: "stone"
+      color: "stone",
+      "aria-hidden": true,
+      role: "button"
     }),
     top: 0
   };
 };
 
-var styled_2bc = (0, _core.create)([]);
+var Indicators = function Indicators(_ref13) {
+  var _ref6 = _this3 ? _this3.asProps : arguments[0],
+      _ref12;
 
-var Indicators = function Indicators(_ref2) {
-  var SIndicators = _ref2.Root,
-      items = _ref2.items,
-      styles = _ref2.styles,
-      Children = _ref2.Children;
+  var items = _ref13.items,
+      styles = _ref13.styles,
+      Children = _ref13.Children;
+  var SIndicators = _flexBox.Box;
   var SIndicator = _flexBox.Box;
 
   if (Children.origin) {
     return /*#__PURE__*/_react["default"].createElement(Children, null);
   }
 
-  return (0, _core.styled)(((0, _core.set)([styled_2bc, styles]), /*#__PURE__*/_react["default"].createElement(SIndicators, (0, _core.map)("SIndicators", {
-    render: _flexBox.Box
-  }), items.map(function (item) {
-    return /*#__PURE__*/_react["default"].createElement(SIndicator, (0, _core.map)("SIndicator", {
-      active: item.active
-    }, item));
-  }))));
+  return _ref12 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SIndicators, _ref12.cn("SIndicators", _objectSpread({}, (0, _core.assignProps)({}, _ref6))), items.map(function (item) {
+    return /*#__PURE__*/_react["default"].createElement(SIndicator, item);
+  }));
 };
 
 var _default = (0, _core["default"])(Carousel, {

package/lib/cjs/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Carousel.js"],"names":["position","getItemMin","items","indexItem","forEach","item","index","getItemMax","getMin","getMax","MAP_TRANSFORM","ArrowLeft","ArrowRight","Carousel","props","React","createRef","e","key","preventDefault","controlTransformItem","activeItemIndex","handlers","removeItem","asProps","state","updateItems","filter","element","node","setState","map","transform","slideToValue","indexIndicator","refContainer","current","style","currentIndex","nextIndex","bounded","listIndex","_","ind","tmpArr","minTmpArr","maxTmpArr","length","unshift","pop","shift","push","tmpCurrentIndex","indexOf","left","nextIndexItem","direction","getDirection","i","transformItem","maxIndexIndicator","isControlled","step","nextItemPosition","undefined","positionLeftItem","positionItemMax","positionItemMin","findIndex","transformContainer","value","_touchStartCoord","changedTouches","clientX","touchEndCoord","delta","prevProps","duration","ref","$toogleItem","toogleItem","disabled","onClick","bindHandlerClick","active","bindHandlerClickIndicator","SCarousel","Root","Children","styles","Box","handlerKeyDown","handlerTouchStart","handlerTouchEnd","Component","defaultIndex","Container","SContainer","speedAnimation","Item","SItem","refItem","Prev","SPrev","defaultProps","children","top","Next","SNext","Indicators","SIndicators","SIndicator","origin"],"mappings":"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","sourcesContent":["import React, { useEffect } from 'react';\nimport createComponent, { Component, styled } from '@semcore/core';\n\nimport { Box } from '@semcore/flex-box';\nimport ChevronRightL from '@semcore/icon/lib/ChevronRight/l';\nimport ChevronLeftL from '@semcore/icon/lib/ChevronLeft/l';\n\nimport style from './style/carousel.shadow.css';\n\nconst position = {\n  getItemMin: function(items) {\n    let indexItem = 0;\n    items.forEach(function(item, index) {\n      if (item.position < items[indexItem].position) {\n        indexItem = index;\n      }\n    });\n    return indexItem;\n  },\n  getItemMax: function(items) {\n    let indexItem = 0;\n    items.forEach(function(item, index) {\n      if (item.position > items[indexItem].position) {\n        indexItem = index;\n      }\n    });\n    return indexItem;\n  },\n  getMin: function(items) {\n    return items[position.getItemMin(items)].position;\n  },\n  getMax: function(items) {\n    return items[position.getItemMax(items)].position;\n  },\n};\n\nconst MAP_TRANSFORM = {\n  ArrowLeft: 'left',\n  ArrowRight: 'right',\n};\n\nclass Carousel extends Component {\n  static displayName = 'Carousel';\n  static defaultProps = {\n    defaultIndex: 0,\n    duration: 350,\n    step: 100,\n    bounded: false,\n  };\n\n  static style = style;\n\n  refContainer = React.createRef();\n  transform = 0;\n  positionLeftItem = 0;\n  indexIndicator = 0;\n\n  constructor(props) {\n    super(props);\n    this.isControlled = props.index !== undefined;\n    this.state = {\n      items: [],\n    };\n  }\n\n  uncontrolledProps() {\n    return {\n      index: null,\n    };\n  }\n\n  componentDidUpdate(prevProps) {\n    const { index } = this.asProps;\n    if (prevProps.index !== index && this.isControlled) {\n      this.slideToValue(prevProps.index, index);\n    }\n  }\n\n  handlerKeyDown = (e) => {\n    switch (e.key) {\n      case 'ArrowLeft':\n      case 'ArrowRight':\n        e.preventDefault();\n        const { activeItemIndex } = this.controlTransformItem(MAP_TRANSFORM[e.key]);\n        this.handlers.index(activeItemIndex);\n    }\n  };\n\n  toogleItem = (item, removeItem = false) => {\n    const { index } = this.asProps;\n    const { items } = this.state;\n    if (removeItem) {\n      this.updateItems(items.filter((element) => element.node !== item.node));\n    } else {\n      this.setState(\n        (state) => {\n          return {\n            items: [...state.items, item].map((element, position) => ({\n              ...element,\n              position,\n              transform: 0,\n            })),\n          };\n        },\n        () => {\n          if (index !== 0) {\n            this.slideToValue(this.indexIndicator, index);\n          }\n        },\n      );\n    }\n  };\n\n  updateItems = (items) => {\n    this.setState(() => ({ items }));\n  };\n\n  transformContainer = (transform) => {\n    if (this.refContainer.current) {\n      this.refContainer.current.style.transform = `translateX(${transform}%)`;\n    }\n  };\n\n  getDirection = (currentIndex, nextIndex, bounded) => {\n    if (bounded) {\n      return currentIndex < nextIndex ? 'right' : 'left';\n    }\n    const { items } = this.state;\n    const listIndex = items.map((_, ind) => ind);\n    const tmpArr = [...listIndex];\n    const minTmpArr = tmpArr[0];\n    const maxTmpArr = tmpArr[tmpArr.length - 1];\n\n    if (tmpArr.length === 2) {\n      return currentIndex < nextIndex ? 'right' : 'left';\n    }\n    if (currentIndex === minTmpArr) {\n      tmpArr.unshift(maxTmpArr);\n      tmpArr.pop();\n    }\n    if (currentIndex === maxTmpArr) {\n      tmpArr.shift();\n      tmpArr.push(minTmpArr);\n    }\n\n    const tmpCurrentIndex = tmpArr.indexOf(currentIndex);\n    const left = tmpArr.indexOf(nextIndex);\n\n    return left - tmpCurrentIndex < 0 ? 'left' : 'right';\n  };\n\n  slideToValue = (currentIndex, nextIndexItem, bounded) => {\n    if (currentIndex === nextIndexItem) return false;\n    const direction = this.getDirection(\n      currentIndex,\n      nextIndexItem,\n      bounded || this.asProps.bounded,\n    );\n    let i = currentIndex;\n    while (nextIndexItem !== i) {\n      const { activeItemIndex } = this.transformItem(direction);\n      i = activeItemIndex;\n    }\n  };\n\n  controlTransformItem = (direction) => {\n    const { bounded, index } = this.asProps;\n    const { items } = this.state;\n    const maxIndexIndicator = items.length - 1;\n\n    if (this.isControlled) {\n      if (direction === 'right') {\n        if (bounded && index === maxIndexIndicator) {\n          return { activeItemIndex: maxIndexIndicator };\n        }\n        return { activeItemIndex: index === maxIndexIndicator ? 0 : index + 1 };\n      }\n      if (direction === 'left') {\n        if (bounded && index === 0) {\n          return { activeItemIndex: 0 };\n        }\n        return { activeItemIndex: index === 0 ? maxIndexIndicator : index - 1 };\n      }\n    }\n    return this.transformItem(direction);\n  };\n\n  transformItem = (direction) => {\n    const { bounded, step } = this.asProps;\n    const { items } = this.state;\n    const maxIndexIndicator = items.length - 1;\n    let nextItemPosition = undefined;\n\n    if (direction === 'right') {\n      if (bounded && this.positionLeftItem === maxIndexIndicator) {\n        return { activeItemIndex: maxIndexIndicator };\n      }\n      this.positionLeftItem += 1;\n      const positionItemMax = position.getMax(items);\n\n      if (this.positionLeftItem > positionItemMax) {\n        nextItemPosition = position.getItemMin(items);\n        items[nextItemPosition].position = positionItemMax + 1;\n        items[nextItemPosition].transform += items.length * step;\n        this.updateItems([...items]);\n      }\n\n      this.indexIndicator += 1;\n      if (this.indexIndicator > maxIndexIndicator) {\n        this.indexIndicator = 0;\n      }\n      this.transform -= step;\n    }\n    if (direction === 'left') {\n      if (bounded && this.positionLeftItem === 0) {\n        return { activeItemIndex: 0 };\n      }\n      this.positionLeftItem -= 1;\n      const positionItemMin = position.getMin(items);\n\n      if (this.positionLeftItem < positionItemMin) {\n        nextItemPosition = position.getItemMax(items);\n        items[nextItemPosition].position = positionItemMin - 1;\n        items[nextItemPosition].transform -= items.length * step;\n        this.updateItems([...items]);\n      }\n\n      this.indexIndicator -= 1;\n      if (this.indexIndicator < 0) {\n        this.indexIndicator = maxIndexIndicator;\n      }\n      this.transform += step;\n    }\n\n    const activeItemIndex = items.findIndex((item) => item.position === this.positionLeftItem);\n    if (items[activeItemIndex]) {\n      items[\n        activeItemIndex\n      ].node.style.transform = `translateX(${items[activeItemIndex].transform}%)`;\n    }\n    this.transformContainer(this.transform);\n    return { activeItemIndex };\n  };\n\n  bindHandlerClick = (direction) => {\n    return () => {\n      const { activeItemIndex } = this.controlTransformItem(direction);\n      this.handlers.index(activeItemIndex);\n    };\n  };\n\n  bindHandlerClickIndicator = (value) => {\n    return () => {\n      !this.isControlled && this.slideToValue(this.indexIndicator, value, true);\n      this.handlers.index(value);\n    };\n  };\n\n  handlerTouchStart = (e) => {\n    this._touchStartCoord = e.changedTouches[0].clientX;\n  };\n\n  handlerTouchEnd = (e) => {\n    const touchEndCoord = e.changedTouches[0].clientX;\n    const delta = touchEndCoord - this._touchStartCoord;\n    if (delta > 50) {\n      const { activeItemIndex } = this.controlTransformItem('left');\n      this.handlers.index(activeItemIndex);\n    } else if (delta < -50) {\n      const { activeItemIndex } = this.controlTransformItem('right');\n      this.handlers.index(activeItemIndex);\n    }\n  };\n\n  getContainerProps() {\n    const { duration } = this.asProps;\n\n    return {\n      ref: this.refContainer,\n      duration,\n    };\n  }\n\n  getItemProps() {\n    return {\n      $toogleItem: this.toogleItem,\n    };\n  }\n\n  getPrevProps() {\n    const { index, bounded } = this.asProps;\n    const { items } = this.state;\n    let disabled = false;\n    if (items.length && bounded) {\n      disabled = index === 0;\n    }\n    return { onClick: this.bindHandlerClick('left'), disabled };\n  }\n\n  getNextProps() {\n    const { index, bounded } = this.asProps;\n    const { items } = this.state;\n    let disabled = false;\n    if (items.length && bounded) {\n      disabled = index === items.length - 1;\n    }\n    return { onClick: this.bindHandlerClick('right'), disabled };\n  }\n\n  getIndicatorsProps() {\n    const { items } = this.state;\n    const { index } = this.asProps;\n\n    return {\n      items: items.map((item, key) => ({\n        active: key === index,\n        onClick: this.bindHandlerClickIndicator(key),\n      })),\n    };\n  }\n\n  render() {\n    const { Root: SCarousel } = this;\n    const { Children, styles } = this.asProps;\n\n    return styled(styles)(\n      <SCarousel\n        render={Box}\n        onKeyDown={this.handlerKeyDown}\n        tabIndex={0}\n        onTouchStart={this.handlerTouchStart}\n        onTouchEnd={this.handlerTouchEnd}\n      >\n        <Children />\n      </SCarousel>,\n    );\n  }\n}\n\nconst Container = (props) => {\n  const { styles, duration, Root: SContainer } = props;\n  const speedAnimation = `${duration}ms`;\n\n  return styled(styles)`\n    SContainer {\n      transition: transform ${speedAnimation} ease-in-out;\n    }\n  `(<SContainer render={Box} />);\n};\n\nconst Item = (props) => {\n  const { styles, $toogleItem, transform, Root: SItem } = props;\n  const refItem = React.createRef();\n  useEffect(() => {\n    // add item\n    $toogleItem({ node: refItem.current });\n    return () => {\n      // remove item\n      $toogleItem({ node: refItem.current }, true);\n    };\n  }, []);\n\n  return styled(styles)`\n    SItem {\n      transform: ${transform};\n    }\n  `(<SItem render={Box} ref={refItem} />);\n};\n\nconst Prev = (props) => {\n  const { Root: SPrev, styles, disabled } = props;\n  return styled(styles)(<SPrev render={Box} disabled={disabled} />);\n};\n\nPrev.defaultProps = () => ({\n  children: <ChevronLeftL interactive color=\"stone\" />,\n  top: 0,\n});\n\nconst Next = (props) => {\n  const { Root: SNext, styles, disabled } = props;\n  return styled(styles)(<SNext render={Box} disabled={disabled} />);\n};\n\nNext.defaultProps = () => ({\n  children: <ChevronRightL interactive color=\"stone\" />,\n  top: 0,\n});\n\nconst Indicators = ({ Root: SIndicators, items, styles, Children }) => {\n  const SIndicator = Box;\n  if (Children.origin) {\n    return <Children />;\n  }\n  return styled(styles)(\n    <SIndicators render={Box}>\n      {items.map((item) => (\n        <SIndicator active={item.active} {...item} />\n      ))}\n    </SIndicators>,\n  );\n};\n\nexport default createComponent(Carousel, {\n  Container,\n  Indicators,\n  Item,\n  Prev,\n  Next,\n});\n"],"file":"Carousel.js"}
+{"version":3,"sources":["../../src/Carousel.js"],"names":["position","getItemMin","items","indexItem","forEach","item","index","getItemMax","getMin","getMax","MAP_TRANSFORM","ArrowLeft","ArrowRight","Carousel","props","React","createRef","e","key","preventDefault","controlTransformItem","activeItemIndex","handlers","removeItem","asProps","state","updateItems","filter","element","node","setState","map","transform","slideToValue","indexIndicator","refContainer","current","style","currentIndex","nextIndex","bounded","listIndex","_","ind","tmpArr","minTmpArr","maxTmpArr","length","unshift","pop","shift","push","tmpCurrentIndex","indexOf","left","nextIndexItem","direction","getDirection","i","transformItem","maxIndexIndicator","isControlled","step","nextItemPosition","undefined","positionLeftItem","positionItemMax","positionItemMin","findIndex","transformContainer","value","_touchStartCoord","changedTouches","clientX","touchEndCoord","delta","keyCode","bindHandlerClick","prevProps","duration","ref","$toogleItem","toogleItem","disabled","onClick","onKeyDown","bindHandlerKeydownControl","active","bindHandlerClickIndicator","SCarousel","Box","styles","Children","handlerKeyDown","handlerTouchStart","handlerTouchEnd","Component","defaultIndex","Container","SContainer","Item","SItem","refItem","Prev","SPrev","defaultProps","children","top","Next","SNext","Indicators","SIndicators","SIndicator","origin"],"mappings":"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","sourcesContent":["import React, { useEffect } from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\n\nimport { Box } from '@semcore/flex-box';\nimport ChevronRight from '@semcore/icon/ChevronRight/l';\nimport ChevronLeft from '@semcore/icon/ChevronLeft/l';\n\nimport style from './style/carousel.shadow.css';\n\nconst position = {\n  getItemMin: function(items) {\n    let indexItem = 0;\n    items.forEach(function(item, index) {\n      if (item.position < items[indexItem].position) {\n        indexItem = index;\n      }\n    });\n    return indexItem;\n  },\n  getItemMax: function(items) {\n    let indexItem = 0;\n    items.forEach(function(item, index) {\n      if (item.position > items[indexItem].position) {\n        indexItem = index;\n      }\n    });\n    return indexItem;\n  },\n  getMin: function(items) {\n    return items[position.getItemMin(items)].position;\n  },\n  getMax: function(items) {\n    return items[position.getItemMax(items)].position;\n  },\n};\n\nconst MAP_TRANSFORM = {\n  ArrowLeft: 'left',\n  ArrowRight: 'right',\n};\n\nclass Carousel extends Component {\n  static displayName = 'Carousel';\n  static defaultProps = {\n    defaultIndex: 0,\n    duration: 350,\n    step: 100,\n    bounded: false,\n  };\n\n  static style = style;\n\n  refContainer = React.createRef();\n  transform = 0;\n  positionLeftItem = 0;\n  indexIndicator = 0;\n\n  constructor(props) {\n    super(props);\n    this.isControlled = props.index !== undefined;\n    this.state = {\n      items: [],\n    };\n  }\n\n  uncontrolledProps() {\n    return {\n      index: null,\n    };\n  }\n\n  componentDidUpdate(prevProps) {\n    const { index } = this.asProps;\n    if (prevProps.index !== index && this.isControlled) {\n      this.slideToValue(prevProps.index, index);\n    }\n  }\n\n  handlerKeyDown = (e) => {\n    switch (e.key) {\n      case 'ArrowLeft':\n      case 'ArrowRight':\n        e.preventDefault();\n        const { activeItemIndex } = this.controlTransformItem(MAP_TRANSFORM[e.key]);\n        this.handlers.index(activeItemIndex);\n    }\n  };\n\n  toogleItem = (item, removeItem = false) => {\n    const { index } = this.asProps;\n    const { items } = this.state;\n    if (removeItem) {\n      this.updateItems(items.filter((element) => element.node !== item.node));\n    } else {\n      this.setState(\n        (state) => {\n          return {\n            items: [...state.items, item].map((element, position) => ({\n              ...element,\n              position,\n              transform: 0,\n            })),\n          };\n        },\n        () => {\n          if (index !== 0) {\n            this.slideToValue(this.indexIndicator, index);\n          }\n        },\n      );\n    }\n  };\n\n  updateItems = (items) => {\n    this.setState(() => ({ items }));\n  };\n\n  transformContainer = (transform) => {\n    if (this.refContainer.current) {\n      this.refContainer.current.style.transform = `translateX(${transform}%)`;\n    }\n  };\n\n  getDirection = (currentIndex, nextIndex, bounded) => {\n    if (bounded) {\n      return currentIndex < nextIndex ? 'right' : 'left';\n    }\n    const { items } = this.state;\n    const listIndex = items.map((_, ind) => ind);\n    const tmpArr = [...listIndex];\n    const minTmpArr = tmpArr[0];\n    const maxTmpArr = tmpArr[tmpArr.length - 1];\n\n    if (tmpArr.length === 2) {\n      return currentIndex < nextIndex ? 'right' : 'left';\n    }\n    if (currentIndex === minTmpArr) {\n      tmpArr.unshift(maxTmpArr);\n      tmpArr.pop();\n    }\n    if (currentIndex === maxTmpArr) {\n      tmpArr.shift();\n      tmpArr.push(minTmpArr);\n    }\n\n    const tmpCurrentIndex = tmpArr.indexOf(currentIndex);\n    const left = tmpArr.indexOf(nextIndex);\n\n    return left - tmpCurrentIndex < 0 ? 'left' : 'right';\n  };\n\n  slideToValue = (currentIndex, nextIndexItem, bounded) => {\n    if (currentIndex === nextIndexItem) return false;\n    const direction = this.getDirection(\n      currentIndex,\n      nextIndexItem,\n      bounded || this.asProps.bounded,\n    );\n    let i = currentIndex;\n    while (nextIndexItem !== i) {\n      const { activeItemIndex } = this.transformItem(direction);\n      i = activeItemIndex;\n    }\n  };\n\n  controlTransformItem = (direction) => {\n    const { bounded, index } = this.asProps;\n    const { items } = this.state;\n    const maxIndexIndicator = items.length - 1;\n\n    if (this.isControlled) {\n      if (direction === 'right') {\n        if (bounded && index === maxIndexIndicator) {\n          return { activeItemIndex: maxIndexIndicator };\n        }\n        return { activeItemIndex: index === maxIndexIndicator ? 0 : index + 1 };\n      }\n      if (direction === 'left') {\n        if (bounded && index === 0) {\n          return { activeItemIndex: 0 };\n        }\n        return { activeItemIndex: index === 0 ? maxIndexIndicator : index - 1 };\n      }\n    }\n    return this.transformItem(direction);\n  };\n\n  transformItem = (direction) => {\n    const { bounded, step } = this.asProps;\n    const { items } = this.state;\n    const maxIndexIndicator = items.length - 1;\n    let nextItemPosition = undefined;\n\n    if (direction === 'right') {\n      if (bounded && this.positionLeftItem === maxIndexIndicator) {\n        return { activeItemIndex: maxIndexIndicator };\n      }\n      this.positionLeftItem += 1;\n      const positionItemMax = position.getMax(items);\n\n      if (this.positionLeftItem > positionItemMax) {\n        nextItemPosition = position.getItemMin(items);\n        items[nextItemPosition].position = positionItemMax + 1;\n        items[nextItemPosition].transform += items.length * step;\n        this.updateItems([...items]);\n      }\n\n      this.indexIndicator += 1;\n      if (this.indexIndicator > maxIndexIndicator) {\n        this.indexIndicator = 0;\n      }\n      this.transform -= step;\n    }\n    if (direction === 'left') {\n      if (bounded && this.positionLeftItem === 0) {\n        return { activeItemIndex: 0 };\n      }\n      this.positionLeftItem -= 1;\n      const positionItemMin = position.getMin(items);\n\n      if (this.positionLeftItem < positionItemMin) {\n        nextItemPosition = position.getItemMax(items);\n        items[nextItemPosition].position = positionItemMin - 1;\n        items[nextItemPosition].transform -= items.length * step;\n        this.updateItems([...items]);\n      }\n\n      this.indexIndicator -= 1;\n      if (this.indexIndicator < 0) {\n        this.indexIndicator = maxIndexIndicator;\n      }\n      this.transform += step;\n    }\n\n    const activeItemIndex = items.findIndex((item) => item.position === this.positionLeftItem);\n    if (items[activeItemIndex]) {\n      items[\n        activeItemIndex\n      ].node.style.transform = `translateX(${items[activeItemIndex].transform}%)`;\n    }\n    this.transformContainer(this.transform);\n    return { activeItemIndex };\n  };\n\n  bindHandlerClick = (direction) => {\n    return () => {\n      const { activeItemIndex } = this.controlTransformItem(direction);\n      this.handlers.index(activeItemIndex);\n    };\n  };\n\n  bindHandlerClickIndicator = (value) => {\n    return () => {\n      !this.isControlled && this.slideToValue(this.indexIndicator, value, true);\n      this.handlers.index(value);\n    };\n  };\n\n  handlerTouchStart = (e) => {\n    this._touchStartCoord = e.changedTouches[0].clientX;\n  };\n\n  handlerTouchEnd = (e) => {\n    const touchEndCoord = e.changedTouches[0].clientX;\n    const delta = touchEndCoord - this._touchStartCoord;\n    if (delta > 50) {\n      const { activeItemIndex } = this.controlTransformItem('left');\n      this.handlers.index(activeItemIndex);\n    } else if (delta < -50) {\n      const { activeItemIndex } = this.controlTransformItem('right');\n      this.handlers.index(activeItemIndex);\n    }\n  };\n\n  getContainerProps() {\n    const { duration } = this.asProps;\n\n    return {\n      ref: this.refContainer,\n      duration,\n    };\n  }\n\n  getItemProps() {\n    return {\n      $toogleItem: this.toogleItem,\n    };\n  }\n\n  bindHandlerKeydownControl = (direction) => (e) => {\n    const { keyCode } = e;\n    if (keyCode === 13) {\n      e.preventDefault();\n      this.bindHandlerClick(direction)();\n    }\n  };\n\n  getPrevProps() {\n    const { index, bounded } = this.asProps;\n    const { items } = this.state;\n    let disabled = false;\n    if (items.length && bounded) {\n      disabled = index === 0;\n    }\n    return {\n      onClick: this.bindHandlerClick('left'),\n      onKeyDown: this.bindHandlerKeydownControl('left'),\n      disabled,\n    };\n  }\n\n  getNextProps() {\n    const { index, bounded } = this.asProps;\n    const { items } = this.state;\n    let disabled = false;\n    if (items.length && bounded) {\n      disabled = index === items.length - 1;\n    }\n    return {\n      onClick: this.bindHandlerClick('right'),\n      onKeyDown: this.bindHandlerKeydownControl('right'),\n      disabled,\n    };\n  }\n\n  getIndicatorsProps() {\n    const { items } = this.state;\n    const { index } = this.asProps;\n\n    return {\n      items: items.map((item, key) => ({\n        active: key === index,\n        onClick: this.bindHandlerClickIndicator(key),\n      })),\n    };\n  }\n\n  render() {\n    const SCarousel = Root;\n    const { styles, Children } = this.asProps;\n\n    return sstyled(styles)(\n      <SCarousel\n        render={Box}\n        onKeyDown={this.handlerKeyDown}\n        tabIndex={0}\n        onTouchStart={this.handlerTouchStart}\n        onTouchEnd={this.handlerTouchEnd}\n      >\n        <Children />\n      </SCarousel>,\n    );\n  }\n}\n\nconst Container = (props) => {\n  const SContainer = Root;\n  const { styles, duration } = props;\n\n  return sstyled(styles)(<SContainer render={Box} use:duration={`${duration}ms`} />);\n};\n\nconst Item = (props) => {\n  const { styles, $toogleItem } = props;\n  const SItem = Root;\n  const refItem = React.createRef();\n  useEffect(() => {\n    // add item\n    $toogleItem({ node: refItem.current });\n    return () => {\n      // remove item\n      $toogleItem({ node: refItem.current }, true);\n    };\n  }, []);\n\n  return sstyled(styles)(<SItem render={Box} ref={refItem} />);\n};\n\nconst Prev = (props) => {\n  const { styles } = props;\n  const SPrev = Root;\n  return sstyled(styles)(<SPrev render={Box} />);\n};\n\nPrev.defaultProps = () => ({\n  children: <ChevronLeft interactive color=\"stone\" aria-hidden={true} role=\"button\" />,\n  top: 0,\n});\n\nconst Next = (props) => {\n  const { styles } = props;\n  const SNext = Root;\n  return sstyled(styles)(<SNext render={Box} />);\n};\n\nNext.defaultProps = () => ({\n  children: <ChevronRight interactive color=\"stone\" aria-hidden={true} role=\"button\" />,\n  top: 0,\n});\n\nconst Indicators = ({ items, styles, Children }) => {\n  const SIndicators = Root;\n  const SIndicator = Box;\n  if (Children.origin) {\n    return <Children />;\n  }\n  return sstyled(styles)(\n    <SIndicators render={Box}>\n      {items.map((item) => (\n        <SIndicator {...item} />\n      ))}\n    </SIndicators>,\n  );\n};\n\nexport default createComponent(Carousel, {\n  Container,\n  Indicators,\n  Item,\n  Prev,\n  Next,\n});\n"],"file":"Carousel.js"}

package/lib/cjs/style/carousel.shadow.css

@@ -7,12 +7,14 @@ SCarousel {
 
 SContainer {
   display: flex;
+  transition: transform var(--duration) ease-in-out;
 }
 
 SItem {
   flex: 0 0 100%;
   max-width: 100%;
   box-sizing: border-box;
+  transform: var(--transform);
 }
 
 SIndicators {

package/lib/es6/Carousel.js

@@ -6,7 +6,15 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _extends from "@babel/runtime/helpers/extends";
+import { sstyled as _sstyled } from "@semcore/core";
+import { assignProps as _assignProps6 } from "@semcore/core";
+import { assignProps as _assignProps5 } from "@semcore/core";
+import { assignProps as _assignProps4 } from "@semcore/core";
+import { assignProps as _assignProps3 } from "@semcore/core";
+import { assignProps as _assignProps2 } from "@semcore/core";
+import { assignProps as _assignProps } from "@semcore/core";
+
+var _this3 = this;
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 
@@ -14,36 +22,36 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 import React, { useEffect } from 'react';
-import createComponent, { Component, styled, css, __css__, set, create, map } from '@semcore/core';
+import createComponent, { Component, sstyled, Root } from '@semcore/core';
 import { Box } from '@semcore/flex-box';
-import ChevronRightL from '@semcore/icon/lib/ChevronRight/l';
-import ChevronLeftL from '@semcore/icon/lib/ChevronLeft/l';
+import ChevronRight from '@semcore/icon/ChevronRight/l';
+import ChevronLeft from '@semcore/icon/ChevronLeft/l';
 
 /*__reshadow-styles__:"./style/carousel.shadow.css"*/
-var _ref = (
+var style = (
 /*__reshadow_css_start__*/
-__css__(
+_sstyled.insert(
 /*__inner_css_start__*/
-".___SCarousel_1c8oj_gg_{overflow:hidden;outline:none}.___SContainer_1c8oj_gg_{display:flex}.___SItem_1c8oj_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box}.___SIndicators_1c8oj_gg_{display:flex;justify-content:center;margin-top:16px}.___SIndicator_1c8oj_gg_{margin:0 5px;padding:0 5px;cursor:pointer}.___SIndicator_1c8oj_gg_:before{content:\"\";display:block;width:12px;height:12px;border-radius:50%;background-color:rgba(166,176,179,.3)}.___SIndicator_1c8oj_gg_:hover:before{background-color:rgba(166,176,179,.6)}.___SIndicator_1c8oj_gg_.__active_1c8oj_gg_:before{background-color:#a6b0b3}.___SNext_1c8oj_gg_,.___SPrev_1c8oj_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.___SNext_1c8oj_gg_.__disabled_1c8oj_gg_,.___SPrev_1c8oj_gg_.__disabled_1c8oj_gg_{opacity:.3;cursor:default;pointer-events:none}"
+".___SCarousel_hckqt_gg_{overflow:hidden;outline:none}.___SContainer_hckqt_gg_{display:flex;transition:transform var(--duration_q7pnj9) ease-in-out}.___SItem_hckqt_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_q7pnj9)}.___SIndicators_hckqt_gg_{display:flex;justify-content:center;margin-top:16px}.___SIndicator_hckqt_gg_{margin:0 5px;padding:0 5px;cursor:pointer}.___SIndicator_hckqt_gg_:before{content:\"\";display:block;width:12px;height:12px;border-radius:50%;background-color:rgba(166,176,179,.3)}.___SIndicator_hckqt_gg_:hover:before{background-color:rgba(166,176,179,.6)}.___SIndicator_hckqt_gg_.__active_hckqt_gg_:before{background-color:#a6b0b3}.___SNext_hckqt_gg_,.___SPrev_hckqt_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.___SNext_hckqt_gg_.__disabled_hckqt_gg_,.___SPrev_hckqt_gg_.__disabled_hckqt_gg_{opacity:.3;cursor:default;pointer-events:none}"
 /*__inner_css_end__*/
-, "k61g3x_gg_")
+, "q7pnj9_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCarousel": "___SCarousel_1c8oj_gg_",
-  "__SContainer": "___SContainer_1c8oj_gg_",
-  "__SItem": "___SItem_1c8oj_gg_",
-  "__SIndicators": "___SIndicators_1c8oj_gg_",
-  "__SIndicator": "___SIndicator_1c8oj_gg_",
-  "_active": "__active_1c8oj_gg_",
-  "__SPrev": "___SPrev_1c8oj_gg_",
-  "__SNext": "___SNext_1c8oj_gg_",
-  "_disabled": "__disabled_1c8oj_gg_"
-}),
-    style = _extends({}, _ref);
-
+  "__SCarousel": "___SCarousel_hckqt_gg_",
+  "__SContainer": "___SContainer_hckqt_gg_",
+  "--duration": "--duration_q7pnj9",
+  "__SItem": "___SItem_hckqt_gg_",
+  "--transform": "--transform_q7pnj9",
+  "__SIndicators": "___SIndicators_hckqt_gg_",
+  "__SIndicator": "___SIndicator_hckqt_gg_",
+  "_active": "__active_hckqt_gg_",
+  "__SNext": "___SNext_hckqt_gg_",
+  "__SPrev": "___SPrev_hckqt_gg_",
+  "_disabled": "__disabled_hckqt_gg_"
+});
 var position = {
   getItemMin: function getItemMin(items) {
     var indexItem = 0;
@@ -74,7 +82,6 @@ var MAP_TRANSFORM = {
   ArrowLeft: 'left',
   ArrowRight: 'right'
 };
-var styled_c8 = create([]);
 
 var Carousel = /*#__PURE__*/function (_Component) {
   _inherits(Carousel, _Component);
@@ -351,6 +358,18 @@ var Carousel = /*#__PURE__*/function (_Component) {
       }
     });
 
+    _defineProperty(_assertThisInitialized(_this), "bindHandlerKeydownControl", function (direction) {
+      return function (e) {
+        var keyCode = e.keyCode;
+
+        if (keyCode === 13) {
+          e.preventDefault();
+
+          _this.bindHandlerClick(direction)();
+        }
+      };
+    });
+
     _this.isControlled = props.index !== undefined;
     _this.state = {
       items: []
@@ -405,6 +424,7 @@ var Carousel = /*#__PURE__*/function (_Component) {
 
       return {
         onClick: this.bindHandlerClick('left'),
+        onKeyDown: this.bindHandlerKeydownControl('left'),
         disabled: disabled
       };
     }
@@ -423,6 +443,7 @@ var Carousel = /*#__PURE__*/function (_Component) {
 
       return {
         onClick: this.bindHandlerClick('right'),
+        onKeyDown: this.bindHandlerKeydownControl('right'),
         disabled: disabled
       };
     }
@@ -445,19 +466,19 @@ var Carousel = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var SCarousel = this.Root;
+      var _ref = this ? this.asProps : arguments[0],
+          _ref7;
+
+      var SCarousel = Box;
       var _this$asProps5 = this.asProps,
-          Children = _this$asProps5.Children,
-          styles = _this$asProps5.styles;
-      return styled((set([styled_c8, styles]), /*#__PURE__*/React.createElement(SCarousel, map("SCarousel", {
-        render: Box,
-        onKeyDown: this.handlerKeyDown,
-        tabIndex: 0,
-        onTouchStart: this.handlerTouchStart,
-        onTouchEnd: this.handlerTouchEnd
-      }), /*#__PURE__*/React.createElement(Children, {
-        className: styled.styles["__Children"]
-      }))));
+          styles = _this$asProps5.styles,
+          Children = _this$asProps5.Children;
+      return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SCarousel, _ref7.cn("SCarousel", _objectSpread({}, _assignProps({
+        "onKeyDown": this.handlerKeyDown,
+        "tabIndex": 0,
+        "onTouchStart": this.handlerTouchStart,
+        "onTouchEnd": this.handlerTouchEnd
+      }, _ref))), /*#__PURE__*/React.createElement(Children, _ref7.cn("Children", {})));
     }
   }]);
 
@@ -475,48 +496,25 @@ _defineProperty(Carousel, "defaultProps", {
 
 _defineProperty(Carousel, "style", style);
 
-var styled_12c = create([(
-/*__reshadow_css_start__*/
-__css__(
-/*__inner_css_start__*/
-".___SContainer_jrz63_gg_{transition:transform var(--nre9v3_0) ease-in-out}"
-/*__inner_css_end__*/
-, "1azkjhu_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SContainer": "___SContainer_jrz63_gg_"
-})]);
-
 var Container = function Container(props) {
+  var _ref2 = _this3 ? _this3.asProps : arguments[0],
+      _ref8;
+
+  var SContainer = Box;
   var styles = props.styles,
-      duration = props.duration,
-      SContainer = props.Root;
-  var speedAnimation = "".concat(duration, "ms");
-  return styled((set([styled_12c, styles], {
-    "--nre9v3_0": speedAnimation
-  }), /*#__PURE__*/React.createElement(SContainer, map("SContainer", {
-    render: Box,
-    $$style: styled.$$style
-  }))));
+      duration = props.duration;
+  return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SContainer, _ref8.cn("SContainer", _objectSpread({}, _assignProps2({
+    "use:duration": "".concat(duration, "ms")
+  }, _ref2))));
 };
 
-var styled_190 = create([(
-/*__reshadow_css_start__*/
-__css__(
-/*__inner_css_start__*/
-".___SItem_1uwef_gg_{transform:var(--nre9v3_0)}"
-/*__inner_css_end__*/
-, "kzzk5f_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SItem": "___SItem_1uwef_gg_"
-})]);
-
 var Item = function Item(props) {
+  var _ref3 = _this3 ? _this3.asProps : arguments[0],
+      _ref9;
+
   var styles = props.styles,
-      $toogleItem = props.$toogleItem,
-      transform = props.transform,
-      SItem = props.Root;
+      $toogleItem = props.$toogleItem;
+  var SItem = Box;
   var refItem = /*#__PURE__*/React.createRef();
   useEffect(function () {
     // add item
@@ -530,79 +528,70 @@ var Item = function Item(props) {
       }, true);
     };
   }, []);
-  return styled((set([styled_190, styles], {
-    "--nre9v3_0": transform
-  }), /*#__PURE__*/React.createElement(SItem, map("SItem", {
-    render: Box,
-    ref: refItem,
-    $$style: styled.$$style
-  }))));
+  return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(SItem, _ref9.cn("SItem", _objectSpread({}, _assignProps3({
+    "ref": refItem
+  }, _ref3))));
 };
 
-var styled_1f4 = create([]);
-
 var Prev = function Prev(props) {
-  var SPrev = props.Root,
-      styles = props.styles,
-      disabled = props.disabled;
-  return styled((set([styled_1f4, styles]), /*#__PURE__*/React.createElement(SPrev, map("SPrev", {
-    render: Box,
-    disabled: disabled
-  }))));
+  var _ref4 = _this3 ? _this3.asProps : arguments[0],
+      _ref10;
+
+  var styles = props.styles;
+  var SPrev = Box;
+  return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(SPrev, _ref10.cn("SPrev", _objectSpread({}, _assignProps4({}, _ref4))));
 };
 
 Prev.defaultProps = function () {
   return {
-    children: /*#__PURE__*/React.createElement(ChevronLeftL, {
+    children: /*#__PURE__*/React.createElement(ChevronLeft, {
       interactive: true,
-      color: "stone"
+      color: "stone",
+      "aria-hidden": true,
+      role: "button"
     }),
     top: 0
   };
 };
 
-var styled_258 = create([]);
-
 var Next = function Next(props) {
-  var SNext = props.Root,
-      styles = props.styles,
-      disabled = props.disabled;
-  return styled((set([styled_258, styles]), /*#__PURE__*/React.createElement(SNext, map("SNext", {
-    render: Box,
-    disabled: disabled
-  }))));
+  var _ref5 = _this3 ? _this3.asProps : arguments[0],
+      _ref11;
+
+  var styles = props.styles;
+  var SNext = Box;
+  return _ref11 = sstyled(styles), /*#__PURE__*/React.createElement(SNext, _ref11.cn("SNext", _objectSpread({}, _assignProps5({}, _ref5))));
 };
 
 Next.defaultProps = function () {
   return {
-    children: /*#__PURE__*/React.createElement(ChevronRightL, {
+    children: /*#__PURE__*/React.createElement(ChevronRight, {
       interactive: true,
-      color: "stone"
+      color: "stone",
+      "aria-hidden": true,
+      role: "button"
     }),
     top: 0
   };
 };
 
-var styled_2bc = create([]);
+var Indicators = function Indicators(_ref13) {
+  var _ref6 = _this3 ? _this3.asProps : arguments[0],
+      _ref12;
 
-var Indicators = function Indicators(_ref2) {
-  var SIndicators = _ref2.Root,
-      items = _ref2.items,
-      styles = _ref2.styles,
-      Children = _ref2.Children;
+  var items = _ref13.items,
+      styles = _ref13.styles,
+      Children = _ref13.Children;
+  var SIndicators = Box;
   var SIndicator = Box;
 
   if (Children.origin) {
     return /*#__PURE__*/React.createElement(Children, null);
   }
 
-  return styled((set([styled_2bc, styles]), /*#__PURE__*/React.createElement(SIndicators, map("SIndicators", {
-    render: Box
-  }), items.map(function (item) {
-    return /*#__PURE__*/React.createElement(SIndicator, map("SIndicator", {
-      active: item.active
-    }, item));
-  }))));
+  return _ref12 = sstyled(styles), /*#__PURE__*/React.createElement(SIndicators, _ref12.cn("SIndicators", _objectSpread({}, _assignProps6({}, _ref6))), items.map(function (item) {
+    return /*#__PURE__*/React.createElement(SIndicator, item);
+  }));
 };
 
 export default createComponent(Carousel, {

package/lib/es6/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Carousel.js"],"names":["React","useEffect","createComponent","Component","styled","Box","ChevronRightL","ChevronLeftL","position","getItemMin","items","indexItem","forEach","item","index","getItemMax","getMin","getMax","MAP_TRANSFORM","ArrowLeft","ArrowRight","Carousel","props","createRef","e","key","preventDefault","controlTransformItem","activeItemIndex","handlers","removeItem","asProps","state","updateItems","filter","element","node","setState","map","transform","slideToValue","indexIndicator","refContainer","current","style","currentIndex","nextIndex","bounded","listIndex","_","ind","tmpArr","minTmpArr","maxTmpArr","length","unshift","pop","shift","push","tmpCurrentIndex","indexOf","left","nextIndexItem","direction","getDirection","i","transformItem","maxIndexIndicator","isControlled","step","nextItemPosition","undefined","positionLeftItem","positionItemMax","positionItemMin","findIndex","transformContainer","value","_touchStartCoord","changedTouches","clientX","touchEndCoord","delta","prevProps","duration","ref","$toogleItem","toogleItem","disabled","onClick","bindHandlerClick","active","bindHandlerClickIndicator","SCarousel","Root","Children","styles","handlerKeyDown","handlerTouchStart","handlerTouchEnd","defaultIndex","Container","SContainer","speedAnimation","Item","SItem","refItem","Prev","SPrev","defaultProps","children","top","Next","SNext","Indicators","SIndicators","SIndicator","origin"],"mappings":"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","sourcesContent":["import React, { useEffect } from 'react';\nimport createComponent, { Component, styled } from '@semcore/core';\n\nimport { Box } from '@semcore/flex-box';\nimport ChevronRightL from '@semcore/icon/lib/ChevronRight/l';\nimport ChevronLeftL from '@semcore/icon/lib/ChevronLeft/l';\n\nimport style from './style/carousel.shadow.css';\n\nconst position = {\n  getItemMin: function(items) {\n    let indexItem = 0;\n    items.forEach(function(item, index) {\n      if (item.position < items[indexItem].position) {\n        indexItem = index;\n      }\n    });\n    return indexItem;\n  },\n  getItemMax: function(items) {\n    let indexItem = 0;\n    items.forEach(function(item, index) {\n      if (item.position > items[indexItem].position) {\n        indexItem = index;\n      }\n    });\n    return indexItem;\n  },\n  getMin: function(items) {\n    return items[position.getItemMin(items)].position;\n  },\n  getMax: function(items) {\n    return items[position.getItemMax(items)].position;\n  },\n};\n\nconst MAP_TRANSFORM = {\n  ArrowLeft: 'left',\n  ArrowRight: 'right',\n};\n\nclass Carousel extends Component {\n  static displayName = 'Carousel';\n  static defaultProps = {\n    defaultIndex: 0,\n    duration: 350,\n    step: 100,\n    bounded: false,\n  };\n\n  static style = style;\n\n  refContainer = React.createRef();\n  transform = 0;\n  positionLeftItem = 0;\n  indexIndicator = 0;\n\n  constructor(props) {\n    super(props);\n    this.isControlled = props.index !== undefined;\n    this.state = {\n      items: [],\n    };\n  }\n\n  uncontrolledProps() {\n    return {\n      index: null,\n    };\n  }\n\n  componentDidUpdate(prevProps) {\n    const { index } = this.asProps;\n    if (prevProps.index !== index && this.isControlled) {\n      this.slideToValue(prevProps.index, index);\n    }\n  }\n\n  handlerKeyDown = (e) => {\n    switch (e.key) {\n      case 'ArrowLeft':\n      case 'ArrowRight':\n        e.preventDefault();\n        const { activeItemIndex } = this.controlTransformItem(MAP_TRANSFORM[e.key]);\n        this.handlers.index(activeItemIndex);\n    }\n  };\n\n  toogleItem = (item, removeItem = false) => {\n    const { index } = this.asProps;\n    const { items } = this.state;\n    if (removeItem) {\n      this.updateItems(items.filter((element) => element.node !== item.node));\n    } else {\n      this.setState(\n        (state) => {\n          return {\n            items: [...state.items, item].map((element, position) => ({\n              ...element,\n              position,\n              transform: 0,\n            })),\n          };\n        },\n        () => {\n          if (index !== 0) {\n            this.slideToValue(this.indexIndicator, index);\n          }\n        },\n      );\n    }\n  };\n\n  updateItems = (items) => {\n    this.setState(() => ({ items }));\n  };\n\n  transformContainer = (transform) => {\n    if (this.refContainer.current) {\n      this.refContainer.current.style.transform = `translateX(${transform}%)`;\n    }\n  };\n\n  getDirection = (currentIndex, nextIndex, bounded) => {\n    if (bounded) {\n      return currentIndex < nextIndex ? 'right' : 'left';\n    }\n    const { items } = this.state;\n    const listIndex = items.map((_, ind) => ind);\n    const tmpArr = [...listIndex];\n    const minTmpArr = tmpArr[0];\n    const maxTmpArr = tmpArr[tmpArr.length - 1];\n\n    if (tmpArr.length === 2) {\n      return currentIndex < nextIndex ? 'right' : 'left';\n    }\n    if (currentIndex === minTmpArr) {\n      tmpArr.unshift(maxTmpArr);\n      tmpArr.pop();\n    }\n    if (currentIndex === maxTmpArr) {\n      tmpArr.shift();\n      tmpArr.push(minTmpArr);\n    }\n\n    const tmpCurrentIndex = tmpArr.indexOf(currentIndex);\n    const left = tmpArr.indexOf(nextIndex);\n\n    return left - tmpCurrentIndex < 0 ? 'left' : 'right';\n  };\n\n  slideToValue = (currentIndex, nextIndexItem, bounded) => {\n    if (currentIndex === nextIndexItem) return false;\n    const direction = this.getDirection(\n      currentIndex,\n      nextIndexItem,\n      bounded || this.asProps.bounded,\n    );\n    let i = currentIndex;\n    while (nextIndexItem !== i) {\n      const { activeItemIndex } = this.transformItem(direction);\n      i = activeItemIndex;\n    }\n  };\n\n  controlTransformItem = (direction) => {\n    const { bounded, index } = this.asProps;\n    const { items } = this.state;\n    const maxIndexIndicator = items.length - 1;\n\n    if (this.isControlled) {\n      if (direction === 'right') {\n        if (bounded && index === maxIndexIndicator) {\n          return { activeItemIndex: maxIndexIndicator };\n        }\n        return { activeItemIndex: index === maxIndexIndicator ? 0 : index + 1 };\n      }\n      if (direction === 'left') {\n        if (bounded && index === 0) {\n          return { activeItemIndex: 0 };\n        }\n        return { activeItemIndex: index === 0 ? maxIndexIndicator : index - 1 };\n      }\n    }\n    return this.transformItem(direction);\n  };\n\n  transformItem = (direction) => {\n    const { bounded, step } = this.asProps;\n    const { items } = this.state;\n    const maxIndexIndicator = items.length - 1;\n    let nextItemPosition = undefined;\n\n    if (direction === 'right') {\n      if (bounded && this.positionLeftItem === maxIndexIndicator) {\n        return { activeItemIndex: maxIndexIndicator };\n      }\n      this.positionLeftItem += 1;\n      const positionItemMax = position.getMax(items);\n\n      if (this.positionLeftItem > positionItemMax) {\n        nextItemPosition = position.getItemMin(items);\n        items[nextItemPosition].position = positionItemMax + 1;\n        items[nextItemPosition].transform += items.length * step;\n        this.updateItems([...items]);\n      }\n\n      this.indexIndicator += 1;\n      if (this.indexIndicator > maxIndexIndicator) {\n        this.indexIndicator = 0;\n      }\n      this.transform -= step;\n    }\n    if (direction === 'left') {\n      if (bounded && this.positionLeftItem === 0) {\n        return { activeItemIndex: 0 };\n      }\n      this.positionLeftItem -= 1;\n      const positionItemMin = position.getMin(items);\n\n      if (this.positionLeftItem < positionItemMin) {\n        nextItemPosition = position.getItemMax(items);\n        items[nextItemPosition].position = positionItemMin - 1;\n        items[nextItemPosition].transform -= items.length * step;\n        this.updateItems([...items]);\n      }\n\n      this.indexIndicator -= 1;\n      if (this.indexIndicator < 0) {\n        this.indexIndicator = maxIndexIndicator;\n      }\n      this.transform += step;\n    }\n\n    const activeItemIndex = items.findIndex((item) => item.position === this.positionLeftItem);\n    if (items[activeItemIndex]) {\n      items[\n        activeItemIndex\n      ].node.style.transform = `translateX(${items[activeItemIndex].transform}%)`;\n    }\n    this.transformContainer(this.transform);\n    return { activeItemIndex };\n  };\n\n  bindHandlerClick = (direction) => {\n    return () => {\n      const { activeItemIndex } = this.controlTransformItem(direction);\n      this.handlers.index(activeItemIndex);\n    };\n  };\n\n  bindHandlerClickIndicator = (value) => {\n    return () => {\n      !this.isControlled && this.slideToValue(this.indexIndicator, value, true);\n      this.handlers.index(value);\n    };\n  };\n\n  handlerTouchStart = (e) => {\n    this._touchStartCoord = e.changedTouches[0].clientX;\n  };\n\n  handlerTouchEnd = (e) => {\n    const touchEndCoord = e.changedTouches[0].clientX;\n    const delta = touchEndCoord - this._touchStartCoord;\n    if (delta > 50) {\n      const { activeItemIndex } = this.controlTransformItem('left');\n      this.handlers.index(activeItemIndex);\n    } else if (delta < -50) {\n      const { activeItemIndex } = this.controlTransformItem('right');\n      this.handlers.index(activeItemIndex);\n    }\n  };\n\n  getContainerProps() {\n    const { duration } = this.asProps;\n\n    return {\n      ref: this.refContainer,\n      duration,\n    };\n  }\n\n  getItemProps() {\n    return {\n      $toogleItem: this.toogleItem,\n    };\n  }\n\n  getPrevProps() {\n    const { index, bounded } = this.asProps;\n    const { items } = this.state;\n    let disabled = false;\n    if (items.length && bounded) {\n      disabled = index === 0;\n    }\n    return { onClick: this.bindHandlerClick('left'), disabled };\n  }\n\n  getNextProps() {\n    const { index, bounded } = this.asProps;\n    const { items } = this.state;\n    let disabled = false;\n    if (items.length && bounded) {\n      disabled = index === items.length - 1;\n    }\n    return { onClick: this.bindHandlerClick('right'), disabled };\n  }\n\n  getIndicatorsProps() {\n    const { items } = this.state;\n    const { index } = this.asProps;\n\n    return {\n      items: items.map((item, key) => ({\n        active: key === index,\n        onClick: this.bindHandlerClickIndicator(key),\n      })),\n    };\n  }\n\n  render() {\n    const { Root: SCarousel } = this;\n    const { Children, styles } = this.asProps;\n\n    return styled(styles)(\n      <SCarousel\n        render={Box}\n        onKeyDown={this.handlerKeyDown}\n        tabIndex={0}\n        onTouchStart={this.handlerTouchStart}\n        onTouchEnd={this.handlerTouchEnd}\n      >\n        <Children />\n      </SCarousel>,\n    );\n  }\n}\n\nconst Container = (props) => {\n  const { styles, duration, Root: SContainer } = props;\n  const speedAnimation = `${duration}ms`;\n\n  return styled(styles)`\n    SContainer {\n      transition: transform ${speedAnimation} ease-in-out;\n    }\n  `(<SContainer render={Box} />);\n};\n\nconst Item = (props) => {\n  const { styles, $toogleItem, transform, Root: SItem } = props;\n  const refItem = React.createRef();\n  useEffect(() => {\n    // add item\n    $toogleItem({ node: refItem.current });\n    return () => {\n      // remove item\n      $toogleItem({ node: refItem.current }, true);\n    };\n  }, []);\n\n  return styled(styles)`\n    SItem {\n      transform: ${transform};\n    }\n  `(<SItem render={Box} ref={refItem} />);\n};\n\nconst Prev = (props) => {\n  const { Root: SPrev, styles, disabled } = props;\n  return styled(styles)(<SPrev render={Box} disabled={disabled} />);\n};\n\nPrev.defaultProps = () => ({\n  children: <ChevronLeftL interactive color=\"stone\" />,\n  top: 0,\n});\n\nconst Next = (props) => {\n  const { Root: SNext, styles, disabled } = props;\n  return styled(styles)(<SNext render={Box} disabled={disabled} />);\n};\n\nNext.defaultProps = () => ({\n  children: <ChevronRightL interactive color=\"stone\" />,\n  top: 0,\n});\n\nconst Indicators = ({ Root: SIndicators, items, styles, Children }) => {\n  const SIndicator = Box;\n  if (Children.origin) {\n    return <Children />;\n  }\n  return styled(styles)(\n    <SIndicators render={Box}>\n      {items.map((item) => (\n        <SIndicator active={item.active} {...item} />\n      ))}\n    </SIndicators>,\n  );\n};\n\nexport default createComponent(Carousel, {\n  Container,\n  Indicators,\n  Item,\n  Prev,\n  Next,\n});\n"],"file":"Carousel.js"}
+{"version":3,"sources":["../../src/Carousel.js"],"names":["React","useEffect","createComponent","Component","sstyled","Root","Box","ChevronRight","ChevronLeft","position","getItemMin","items","indexItem","forEach","item","index","getItemMax","getMin","getMax","MAP_TRANSFORM","ArrowLeft","ArrowRight","Carousel","props","createRef","e","key","preventDefault","controlTransformItem","activeItemIndex","handlers","removeItem","asProps","state","updateItems","filter","element","node","setState","map","transform","slideToValue","indexIndicator","refContainer","current","style","currentIndex","nextIndex","bounded","listIndex","_","ind","tmpArr","minTmpArr","maxTmpArr","length","unshift","pop","shift","push","tmpCurrentIndex","indexOf","left","nextIndexItem","direction","getDirection","i","transformItem","maxIndexIndicator","isControlled","step","nextItemPosition","undefined","positionLeftItem","positionItemMax","positionItemMin","findIndex","transformContainer","value","_touchStartCoord","changedTouches","clientX","touchEndCoord","delta","keyCode","bindHandlerClick","prevProps","duration","ref","$toogleItem","toogleItem","disabled","onClick","onKeyDown","bindHandlerKeydownControl","active","bindHandlerClickIndicator","SCarousel","styles","Children","handlerKeyDown","handlerTouchStart","handlerTouchEnd","defaultIndex","Container","SContainer","Item","SItem","refItem","Prev","SPrev","defaultProps","children","top","Next","SNext","Indicators","SIndicators","SIndicator","origin"],"mappings":"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","sourcesContent":["import React, { useEffect } from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\n\nimport { Box } from '@semcore/flex-box';\nimport ChevronRight from '@semcore/icon/ChevronRight/l';\nimport ChevronLeft from '@semcore/icon/ChevronLeft/l';\n\nimport style from './style/carousel.shadow.css';\n\nconst position = {\n  getItemMin: function(items) {\n    let indexItem = 0;\n    items.forEach(function(item, index) {\n      if (item.position < items[indexItem].position) {\n        indexItem = index;\n      }\n    });\n    return indexItem;\n  },\n  getItemMax: function(items) {\n    let indexItem = 0;\n    items.forEach(function(item, index) {\n      if (item.position > items[indexItem].position) {\n        indexItem = index;\n      }\n    });\n    return indexItem;\n  },\n  getMin: function(items) {\n    return items[position.getItemMin(items)].position;\n  },\n  getMax: function(items) {\n    return items[position.getItemMax(items)].position;\n  },\n};\n\nconst MAP_TRANSFORM = {\n  ArrowLeft: 'left',\n  ArrowRight: 'right',\n};\n\nclass Carousel extends Component {\n  static displayName = 'Carousel';\n  static defaultProps = {\n    defaultIndex: 0,\n    duration: 350,\n    step: 100,\n    bounded: false,\n  };\n\n  static style = style;\n\n  refContainer = React.createRef();\n  transform = 0;\n  positionLeftItem = 0;\n  indexIndicator = 0;\n\n  constructor(props) {\n    super(props);\n    this.isControlled = props.index !== undefined;\n    this.state = {\n      items: [],\n    };\n  }\n\n  uncontrolledProps() {\n    return {\n      index: null,\n    };\n  }\n\n  componentDidUpdate(prevProps) {\n    const { index } = this.asProps;\n    if (prevProps.index !== index && this.isControlled) {\n      this.slideToValue(prevProps.index, index);\n    }\n  }\n\n  handlerKeyDown = (e) => {\n    switch (e.key) {\n      case 'ArrowLeft':\n      case 'ArrowRight':\n        e.preventDefault();\n        const { activeItemIndex } = this.controlTransformItem(MAP_TRANSFORM[e.key]);\n        this.handlers.index(activeItemIndex);\n    }\n  };\n\n  toogleItem = (item, removeItem = false) => {\n    const { index } = this.asProps;\n    const { items } = this.state;\n    if (removeItem) {\n      this.updateItems(items.filter((element) => element.node !== item.node));\n    } else {\n      this.setState(\n        (state) => {\n          return {\n            items: [...state.items, item].map((element, position) => ({\n              ...element,\n              position,\n              transform: 0,\n            })),\n          };\n        },\n        () => {\n          if (index !== 0) {\n            this.slideToValue(this.indexIndicator, index);\n          }\n        },\n      );\n    }\n  };\n\n  updateItems = (items) => {\n    this.setState(() => ({ items }));\n  };\n\n  transformContainer = (transform) => {\n    if (this.refContainer.current) {\n      this.refContainer.current.style.transform = `translateX(${transform}%)`;\n    }\n  };\n\n  getDirection = (currentIndex, nextIndex, bounded) => {\n    if (bounded) {\n      return currentIndex < nextIndex ? 'right' : 'left';\n    }\n    const { items } = this.state;\n    const listIndex = items.map((_, ind) => ind);\n    const tmpArr = [...listIndex];\n    const minTmpArr = tmpArr[0];\n    const maxTmpArr = tmpArr[tmpArr.length - 1];\n\n    if (tmpArr.length === 2) {\n      return currentIndex < nextIndex ? 'right' : 'left';\n    }\n    if (currentIndex === minTmpArr) {\n      tmpArr.unshift(maxTmpArr);\n      tmpArr.pop();\n    }\n    if (currentIndex === maxTmpArr) {\n      tmpArr.shift();\n      tmpArr.push(minTmpArr);\n    }\n\n    const tmpCurrentIndex = tmpArr.indexOf(currentIndex);\n    const left = tmpArr.indexOf(nextIndex);\n\n    return left - tmpCurrentIndex < 0 ? 'left' : 'right';\n  };\n\n  slideToValue = (currentIndex, nextIndexItem, bounded) => {\n    if (currentIndex === nextIndexItem) return false;\n    const direction = this.getDirection(\n      currentIndex,\n      nextIndexItem,\n      bounded || this.asProps.bounded,\n    );\n    let i = currentIndex;\n    while (nextIndexItem !== i) {\n      const { activeItemIndex } = this.transformItem(direction);\n      i = activeItemIndex;\n    }\n  };\n\n  controlTransformItem = (direction) => {\n    const { bounded, index } = this.asProps;\n    const { items } = this.state;\n    const maxIndexIndicator = items.length - 1;\n\n    if (this.isControlled) {\n      if (direction === 'right') {\n        if (bounded && index === maxIndexIndicator) {\n          return { activeItemIndex: maxIndexIndicator };\n        }\n        return { activeItemIndex: index === maxIndexIndicator ? 0 : index + 1 };\n      }\n      if (direction === 'left') {\n        if (bounded && index === 0) {\n          return { activeItemIndex: 0 };\n        }\n        return { activeItemIndex: index === 0 ? maxIndexIndicator : index - 1 };\n      }\n    }\n    return this.transformItem(direction);\n  };\n\n  transformItem = (direction) => {\n    const { bounded, step } = this.asProps;\n    const { items } = this.state;\n    const maxIndexIndicator = items.length - 1;\n    let nextItemPosition = undefined;\n\n    if (direction === 'right') {\n      if (bounded && this.positionLeftItem === maxIndexIndicator) {\n        return { activeItemIndex: maxIndexIndicator };\n      }\n      this.positionLeftItem += 1;\n      const positionItemMax = position.getMax(items);\n\n      if (this.positionLeftItem > positionItemMax) {\n        nextItemPosition = position.getItemMin(items);\n        items[nextItemPosition].position = positionItemMax + 1;\n        items[nextItemPosition].transform += items.length * step;\n        this.updateItems([...items]);\n      }\n\n      this.indexIndicator += 1;\n      if (this.indexIndicator > maxIndexIndicator) {\n        this.indexIndicator = 0;\n      }\n      this.transform -= step;\n    }\n    if (direction === 'left') {\n      if (bounded && this.positionLeftItem === 0) {\n        return { activeItemIndex: 0 };\n      }\n      this.positionLeftItem -= 1;\n      const positionItemMin = position.getMin(items);\n\n      if (this.positionLeftItem < positionItemMin) {\n        nextItemPosition = position.getItemMax(items);\n        items[nextItemPosition].position = positionItemMin - 1;\n        items[nextItemPosition].transform -= items.length * step;\n        this.updateItems([...items]);\n      }\n\n      this.indexIndicator -= 1;\n      if (this.indexIndicator < 0) {\n        this.indexIndicator = maxIndexIndicator;\n      }\n      this.transform += step;\n    }\n\n    const activeItemIndex = items.findIndex((item) => item.position === this.positionLeftItem);\n    if (items[activeItemIndex]) {\n      items[\n        activeItemIndex\n      ].node.style.transform = `translateX(${items[activeItemIndex].transform}%)`;\n    }\n    this.transformContainer(this.transform);\n    return { activeItemIndex };\n  };\n\n  bindHandlerClick = (direction) => {\n    return () => {\n      const { activeItemIndex } = this.controlTransformItem(direction);\n      this.handlers.index(activeItemIndex);\n    };\n  };\n\n  bindHandlerClickIndicator = (value) => {\n    return () => {\n      !this.isControlled && this.slideToValue(this.indexIndicator, value, true);\n      this.handlers.index(value);\n    };\n  };\n\n  handlerTouchStart = (e) => {\n    this._touchStartCoord = e.changedTouches[0].clientX;\n  };\n\n  handlerTouchEnd = (e) => {\n    const touchEndCoord = e.changedTouches[0].clientX;\n    const delta = touchEndCoord - this._touchStartCoord;\n    if (delta > 50) {\n      const { activeItemIndex } = this.controlTransformItem('left');\n      this.handlers.index(activeItemIndex);\n    } else if (delta < -50) {\n      const { activeItemIndex } = this.controlTransformItem('right');\n      this.handlers.index(activeItemIndex);\n    }\n  };\n\n  getContainerProps() {\n    const { duration } = this.asProps;\n\n    return {\n      ref: this.refContainer,\n      duration,\n    };\n  }\n\n  getItemProps() {\n    return {\n      $toogleItem: this.toogleItem,\n    };\n  }\n\n  bindHandlerKeydownControl = (direction) => (e) => {\n    const { keyCode } = e;\n    if (keyCode === 13) {\n      e.preventDefault();\n      this.bindHandlerClick(direction)();\n    }\n  };\n\n  getPrevProps() {\n    const { index, bounded } = this.asProps;\n    const { items } = this.state;\n    let disabled = false;\n    if (items.length && bounded) {\n      disabled = index === 0;\n    }\n    return {\n      onClick: this.bindHandlerClick('left'),\n      onKeyDown: this.bindHandlerKeydownControl('left'),\n      disabled,\n    };\n  }\n\n  getNextProps() {\n    const { index, bounded } = this.asProps;\n    const { items } = this.state;\n    let disabled = false;\n    if (items.length && bounded) {\n      disabled = index === items.length - 1;\n    }\n    return {\n      onClick: this.bindHandlerClick('right'),\n      onKeyDown: this.bindHandlerKeydownControl('right'),\n      disabled,\n    };\n  }\n\n  getIndicatorsProps() {\n    const { items } = this.state;\n    const { index } = this.asProps;\n\n    return {\n      items: items.map((item, key) => ({\n        active: key === index,\n        onClick: this.bindHandlerClickIndicator(key),\n      })),\n    };\n  }\n\n  render() {\n    const SCarousel = Root;\n    const { styles, Children } = this.asProps;\n\n    return sstyled(styles)(\n      <SCarousel\n        render={Box}\n        onKeyDown={this.handlerKeyDown}\n        tabIndex={0}\n        onTouchStart={this.handlerTouchStart}\n        onTouchEnd={this.handlerTouchEnd}\n      >\n        <Children />\n      </SCarousel>,\n    );\n  }\n}\n\nconst Container = (props) => {\n  const SContainer = Root;\n  const { styles, duration } = props;\n\n  return sstyled(styles)(<SContainer render={Box} use:duration={`${duration}ms`} />);\n};\n\nconst Item = (props) => {\n  const { styles, $toogleItem } = props;\n  const SItem = Root;\n  const refItem = React.createRef();\n  useEffect(() => {\n    // add item\n    $toogleItem({ node: refItem.current });\n    return () => {\n      // remove item\n      $toogleItem({ node: refItem.current }, true);\n    };\n  }, []);\n\n  return sstyled(styles)(<SItem render={Box} ref={refItem} />);\n};\n\nconst Prev = (props) => {\n  const { styles } = props;\n  const SPrev = Root;\n  return sstyled(styles)(<SPrev render={Box} />);\n};\n\nPrev.defaultProps = () => ({\n  children: <ChevronLeft interactive color=\"stone\" aria-hidden={true} role=\"button\" />,\n  top: 0,\n});\n\nconst Next = (props) => {\n  const { styles } = props;\n  const SNext = Root;\n  return sstyled(styles)(<SNext render={Box} />);\n};\n\nNext.defaultProps = () => ({\n  children: <ChevronRight interactive color=\"stone\" aria-hidden={true} role=\"button\" />,\n  top: 0,\n});\n\nconst Indicators = ({ items, styles, Children }) => {\n  const SIndicators = Root;\n  const SIndicator = Box;\n  if (Children.origin) {\n    return <Children />;\n  }\n  return sstyled(styles)(\n    <SIndicators render={Box}>\n      {items.map((item) => (\n        <SIndicator {...item} />\n      ))}\n    </SIndicators>,\n  );\n};\n\nexport default createComponent(Carousel, {\n  Container,\n  Indicators,\n  Item,\n  Prev,\n  Next,\n});\n"],"file":"Carousel.js"}

package/lib/es6/style/carousel.shadow.css

@@ -7,12 +7,14 @@ SCarousel {
 
 SContainer {
   display: flex;
+  transition: transform var(--duration) ease-in-out;
 }
 
 SItem {
   flex: 0 0 100%;
   max-width: 100%;
   box-sizing: border-box;
+  transform: var(--transform);
 }
 
 SIndicators {

package/lib/types/index.d.ts

@@ -30,7 +30,7 @@ export interface ICarouselProps {
   step?: number;
 }
 
-export interface ICarouselContext extends ICarouselProps {
+export interface ICarouselContext {
   getContainerProps: PropGetterFn;
   getItemProps: PropGetterFn;
   getPrevProps: PropGetterFn;

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@semcore/carousel",
   "description": "SEMRush Carousel Component",
-  "version": "1.3.0",
+  "version": "1.5.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
+  "sideEffects": false,
   "author": "Roman Lysov <r.lysov@semrush.com>",
   "license": "MIT",
   "scripts": {
@@ -14,10 +15,10 @@
   "dependencies": {
     "@semcore/utils": "^3.15",
     "@semcore/flex-box": "^4",
-    "@semcore/icon": "^2"
+    "@semcore/icon": "^2.16"
   },
   "peerDependencies": {
-    "@semcore/core": "^1",
+    "@semcore/core": "^1.11",
     "react": "16.8 - 17"
   },
   "jest": {

package/src/Carousel.js

@@ -1,9 +1,9 @@
 import React, { useEffect } from 'react';
-import createComponent, { Component, styled } from '@semcore/core';
+import createComponent, { Component, sstyled, Root } from '@semcore/core';
 
 import { Box } from '@semcore/flex-box';
-import ChevronRightL from '@semcore/icon/lib/ChevronRight/l';
-import ChevronLeftL from '@semcore/icon/lib/ChevronLeft/l';
+import ChevronRight from '@semcore/icon/ChevronRight/l';
+import ChevronLeft from '@semcore/icon/ChevronLeft/l';
 
 import style from './style/carousel.shadow.css';
 
@@ -287,6 +287,14 @@ class Carousel extends Component {
     };
   }
 
+  bindHandlerKeydownControl = (direction) => (e) => {
+    const { keyCode } = e;
+    if (keyCode === 13) {
+      e.preventDefault();
+      this.bindHandlerClick(direction)();
+    }
+  };
+
   getPrevProps() {
     const { index, bounded } = this.asProps;
     const { items } = this.state;
@@ -294,7 +302,11 @@ class Carousel extends Component {
     if (items.length && bounded) {
       disabled = index === 0;
     }
-    return { onClick: this.bindHandlerClick('left'), disabled };
+    return {
+      onClick: this.bindHandlerClick('left'),
+      onKeyDown: this.bindHandlerKeydownControl('left'),
+      disabled,
+    };
   }
 
   getNextProps() {
@@ -304,7 +316,11 @@ class Carousel extends Component {
     if (items.length && bounded) {
       disabled = index === items.length - 1;
     }
-    return { onClick: this.bindHandlerClick('right'), disabled };
+    return {
+      onClick: this.bindHandlerClick('right'),
+      onKeyDown: this.bindHandlerKeydownControl('right'),
+      disabled,
+    };
   }
 
   getIndicatorsProps() {
@@ -320,10 +336,10 @@ class Carousel extends Component {
   }
 
   render() {
-    const { Root: SCarousel } = this;
-    const { Children, styles } = this.asProps;
+    const SCarousel = Root;
+    const { styles, Children } = this.asProps;
 
-    return styled(styles)(
+    return sstyled(styles)(
       <SCarousel
         render={Box}
         onKeyDown={this.handlerKeyDown}
@@ -338,18 +354,15 @@ class Carousel extends Component {
 }
 
 const Container = (props) => {
-  const { styles, duration, Root: SContainer } = props;
-  const speedAnimation = `${duration}ms`;
+  const SContainer = Root;
+  const { styles, duration } = props;
 
-  return styled(styles)`
-    SContainer {
-      transition: transform ${speedAnimation} ease-in-out;
-    }
-  `(<SContainer render={Box} />);
+  return sstyled(styles)(<SContainer render={Box} use:duration={`${duration}ms`} />);
 };
 
 const Item = (props) => {
-  const { styles, $toogleItem, transform, Root: SItem } = props;
+  const { styles, $toogleItem } = props;
+  const SItem = Root;
   const refItem = React.createRef();
   useEffect(() => {
     // add item
@@ -360,42 +373,41 @@ const Item = (props) => {
     };
   }, []);
 
-  return styled(styles)`
-    SItem {
-      transform: ${transform};
-    }
-  `(<SItem render={Box} ref={refItem} />);
+  return sstyled(styles)(<SItem render={Box} ref={refItem} />);
 };
 
 const Prev = (props) => {
-  const { Root: SPrev, styles, disabled } = props;
-  return styled(styles)(<SPrev render={Box} disabled={disabled} />);
+  const { styles } = props;
+  const SPrev = Root;
+  return sstyled(styles)(<SPrev render={Box} />);
 };
 
 Prev.defaultProps = () => ({
-  children: <ChevronLeftL interactive color="stone" />,
+  children: <ChevronLeft interactive color="stone" aria-hidden={true} role="button" />,
   top: 0,
 });
 
 const Next = (props) => {
-  const { Root: SNext, styles, disabled } = props;
-  return styled(styles)(<SNext render={Box} disabled={disabled} />);
+  const { styles } = props;
+  const SNext = Root;
+  return sstyled(styles)(<SNext render={Box} />);
 };
 
 Next.defaultProps = () => ({
-  children: <ChevronRightL interactive color="stone" />,
+  children: <ChevronRight interactive color="stone" aria-hidden={true} role="button" />,
   top: 0,
 });
 
-const Indicators = ({ Root: SIndicators, items, styles, Children }) => {
+const Indicators = ({ items, styles, Children }) => {
+  const SIndicators = Root;
   const SIndicator = Box;
   if (Children.origin) {
     return <Children />;
   }
-  return styled(styles)(
+  return sstyled(styles)(
     <SIndicators render={Box}>
       {items.map((item) => (
-        <SIndicator active={item.active} {...item} />
+        <SIndicator {...item} />
       ))}
     </SIndicators>,
   );

package/src/index.d.ts

@@ -30,7 +30,7 @@ export interface ICarouselProps {
   step?: number;
 }
 
-export interface ICarouselContext extends ICarouselProps {
+export interface ICarouselContext {
   getContainerProps: PropGetterFn;
   getItemProps: PropGetterFn;
   getPrevProps: PropGetterFn;

package/src/style/carousel.shadow.css

@@ -7,12 +7,14 @@ SCarousel {
 
 SContainer {
   display: flex;
+  transition: transform var(--duration) ease-in-out;
 }
 
 SItem {
   flex: 0 0 100%;
   max-width: 100%;
   box-sizing: border-box;
+  transform: var(--transform);
 }
 
 SIndicators {