@semcore/carousel 1.4.2 → 1.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -2,6 +2,24 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [1.6.0] - 2021-03-04
6
+
7
+ ### Added
8
+
9
+ - Disabled animation if reduce motion is preferred.
10
+
11
+ ## [1.5.1] - 2022-02-24
12
+
13
+ ### Added
14
+
15
+ - Added repository field to package.json file.
16
+
17
+ ## [1.5.0] - 2022-01-18
18
+
19
+ ### Changed
20
+
21
+ - Up version icons and use new icon.
22
+
5
23
  ## [1.4.2] - 2021-8-26
6
24
 
7
25
  ### Changed
@@ -2,7 +2,7 @@
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
4
 
5
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
5
+ var _typeof = require("@babel/runtime/helpers/typeof");
6
6
 
7
7
  Object.defineProperty(exports, "__esModule", {
8
8
  value: true
@@ -31,15 +31,19 @@ var _react = _interopRequireWildcard(require("react"));
31
31
 
32
32
  var _flexBox = require("@semcore/flex-box");
33
33
 
34
- var _l = _interopRequireDefault(require("@semcore/icon/lib/ChevronRight/l"));
34
+ var _l = _interopRequireDefault(require("@semcore/icon/ChevronRight/l"));
35
35
 
36
- var _l2 = _interopRequireDefault(require("@semcore/icon/lib/ChevronLeft/l"));
36
+ var _l2 = _interopRequireDefault(require("@semcore/icon/ChevronLeft/l"));
37
37
 
38
38
  var _this3 = void 0;
39
39
 
40
- 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; }
40
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
41
41
 
42
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
42
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
43
+
44
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
45
+
46
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
43
47
 
44
48
  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); }; }
45
49
 
@@ -50,22 +54,22 @@ var style = (
50
54
  /*__reshadow_css_start__*/
51
55
  _core.sstyled.insert(
52
56
  /*__inner_css_start__*/
53
- ".___SCarousel_1fs9m_gg_{overflow:hidden;outline:none}.___SContainer_1fs9m_gg_{display:flex;transition:transform var(--duration_q7pnj9) ease-in-out}.___SItem_1fs9m_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_q7pnj9)}.___SIndicators_1fs9m_gg_{display:flex;justify-content:center;margin-top:16px}.___SIndicator_1fs9m_gg_{margin:0 5px;padding:0 5px;cursor:pointer}.___SIndicator_1fs9m_gg_:before{content:\"\";display:block;width:12px;height:12px;border-radius:50%;background-color:rgba(166,176,179,.3)}.___SIndicator_1fs9m_gg_:hover:before{background-color:rgba(166,176,179,.6)}.___SIndicator_1fs9m_gg_.__active_1fs9m_gg_:before{background-color:#a6b0b3}.___SNext_1fs9m_gg_,.___SPrev_1fs9m_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.___SNext_1fs9m_gg_.__disabled_1fs9m_gg_,.___SPrev_1fs9m_gg_.__disabled_1fs9m_gg_{opacity:.3;cursor:default;pointer-events:none}"
57
+ ".___SCarousel_o0y3i_gg_{overflow:hidden;outline:none}.___SContainer_o0y3i_gg_{display:flex;transition:transform var(--duration_lgdlov) ease-in-out}.___SItem_o0y3i_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_lgdlov)}.___SIndicators_o0y3i_gg_{display:flex;justify-content:center;margin-top:16px}.___SIndicator_o0y3i_gg_{margin:0 5px;padding:0 5px;cursor:pointer}.___SIndicator_o0y3i_gg_:before{content:\"\";display:block;width:12px;height:12px;border-radius:50%;background-color:rgba(166,176,179,.3)}.___SIndicator_o0y3i_gg_:hover:before{background-color:rgba(166,176,179,.6)}.___SIndicator_o0y3i_gg_.__active_o0y3i_gg_:before{background-color:#a6b0b3}.___SNext_o0y3i_gg_,.___SPrev_o0y3i_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.___SNext_o0y3i_gg_.__disabled_o0y3i_gg_,.___SPrev_o0y3i_gg_.__disabled_o0y3i_gg_{opacity:0.3;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_o0y3i_gg_{transition:none}}"
54
58
  /*__inner_css_end__*/
55
- , "q7pnj9_gg_")
59
+ , "lgdlov_gg_")
56
60
  /*__reshadow_css_end__*/
57
61
  , {
58
- "__SCarousel": "___SCarousel_1fs9m_gg_",
59
- "__SContainer": "___SContainer_1fs9m_gg_",
60
- "--duration": "--duration_q7pnj9",
61
- "__SItem": "___SItem_1fs9m_gg_",
62
- "--transform": "--transform_q7pnj9",
63
- "__SIndicators": "___SIndicators_1fs9m_gg_",
64
- "__SIndicator": "___SIndicator_1fs9m_gg_",
65
- "_active": "__active_1fs9m_gg_",
66
- "__SNext": "___SNext_1fs9m_gg_",
67
- "__SPrev": "___SPrev_1fs9m_gg_",
68
- "_disabled": "__disabled_1fs9m_gg_"
62
+ "__SCarousel": "___SCarousel_o0y3i_gg_",
63
+ "__SContainer": "___SContainer_o0y3i_gg_",
64
+ "--duration": "--duration_lgdlov",
65
+ "__SItem": "___SItem_o0y3i_gg_",
66
+ "--transform": "--transform_lgdlov",
67
+ "__SIndicators": "___SIndicators_o0y3i_gg_",
68
+ "__SIndicator": "___SIndicator_o0y3i_gg_",
69
+ "_active": "__active_o0y3i_gg_",
70
+ "__SNext": "___SNext_o0y3i_gg_",
71
+ "__SPrev": "___SPrev_o0y3i_gg_",
72
+ "_disabled": "__disabled_o0y3i_gg_"
69
73
  });
70
74
  var position = {
71
75
  getItemMin: function getItemMin(items) {
@@ -1 +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","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 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 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: <ChevronLeftL 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: <ChevronRightL 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"}
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","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/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
3
+ var _typeof = require("@babel/runtime/helpers/typeof");
4
4
 
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
@@ -26,4 +26,8 @@ Object.keys(_Carousel).forEach(function (key) {
26
26
  }
27
27
  });
28
28
  });
29
+
30
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
31
+
32
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
29
33
  //# sourceMappingURL=index.js.map
@@ -62,3 +62,9 @@ SNext[disabled] {
62
62
  cursor: default;
63
63
  pointer-events: none;
64
64
  }
65
+
66
+ @media (prefers-reduced-motion) {
67
+ SContainer {
68
+ transition: none;
69
+ }
70
+ }
@@ -16,9 +16,9 @@ import { assignProps as _assignProps } from "@semcore/core";
16
16
 
17
17
  var _this3 = this;
18
18
 
19
- 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; }
19
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
20
20
 
21
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
21
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
22
22
 
23
23
  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); }; }
24
24
 
@@ -27,30 +27,30 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
27
27
  import React, { useEffect } from 'react';
28
28
  import createComponent, { Component, sstyled, Root } from '@semcore/core';
29
29
  import { Box } from '@semcore/flex-box';
30
- import ChevronRightL from '@semcore/icon/lib/ChevronRight/l';
31
- import ChevronLeftL from '@semcore/icon/lib/ChevronLeft/l';
30
+ import ChevronRight from '@semcore/icon/ChevronRight/l';
31
+ import ChevronLeft from '@semcore/icon/ChevronLeft/l';
32
32
 
33
33
  /*__reshadow-styles__:"./style/carousel.shadow.css"*/
34
34
  var style = (
35
35
  /*__reshadow_css_start__*/
36
36
  _sstyled.insert(
37
37
  /*__inner_css_start__*/
38
- ".___SCarousel_1fs9m_gg_{overflow:hidden;outline:none}.___SContainer_1fs9m_gg_{display:flex;transition:transform var(--duration_q7pnj9) ease-in-out}.___SItem_1fs9m_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_q7pnj9)}.___SIndicators_1fs9m_gg_{display:flex;justify-content:center;margin-top:16px}.___SIndicator_1fs9m_gg_{margin:0 5px;padding:0 5px;cursor:pointer}.___SIndicator_1fs9m_gg_:before{content:\"\";display:block;width:12px;height:12px;border-radius:50%;background-color:rgba(166,176,179,.3)}.___SIndicator_1fs9m_gg_:hover:before{background-color:rgba(166,176,179,.6)}.___SIndicator_1fs9m_gg_.__active_1fs9m_gg_:before{background-color:#a6b0b3}.___SNext_1fs9m_gg_,.___SPrev_1fs9m_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.___SNext_1fs9m_gg_.__disabled_1fs9m_gg_,.___SPrev_1fs9m_gg_.__disabled_1fs9m_gg_{opacity:.3;cursor:default;pointer-events:none}"
38
+ ".___SCarousel_o0y3i_gg_{overflow:hidden;outline:none}.___SContainer_o0y3i_gg_{display:flex;transition:transform var(--duration_lgdlov) ease-in-out}.___SItem_o0y3i_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_lgdlov)}.___SIndicators_o0y3i_gg_{display:flex;justify-content:center;margin-top:16px}.___SIndicator_o0y3i_gg_{margin:0 5px;padding:0 5px;cursor:pointer}.___SIndicator_o0y3i_gg_:before{content:\"\";display:block;width:12px;height:12px;border-radius:50%;background-color:rgba(166,176,179,.3)}.___SIndicator_o0y3i_gg_:hover:before{background-color:rgba(166,176,179,.6)}.___SIndicator_o0y3i_gg_.__active_o0y3i_gg_:before{background-color:#a6b0b3}.___SNext_o0y3i_gg_,.___SPrev_o0y3i_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.___SNext_o0y3i_gg_.__disabled_o0y3i_gg_,.___SPrev_o0y3i_gg_.__disabled_o0y3i_gg_{opacity:0.3;cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_o0y3i_gg_{transition:none}}"
39
39
  /*__inner_css_end__*/
40
- , "q7pnj9_gg_")
40
+ , "lgdlov_gg_")
41
41
  /*__reshadow_css_end__*/
42
42
  , {
43
- "__SCarousel": "___SCarousel_1fs9m_gg_",
44
- "__SContainer": "___SContainer_1fs9m_gg_",
45
- "--duration": "--duration_q7pnj9",
46
- "__SItem": "___SItem_1fs9m_gg_",
47
- "--transform": "--transform_q7pnj9",
48
- "__SIndicators": "___SIndicators_1fs9m_gg_",
49
- "__SIndicator": "___SIndicator_1fs9m_gg_",
50
- "_active": "__active_1fs9m_gg_",
51
- "__SNext": "___SNext_1fs9m_gg_",
52
- "__SPrev": "___SPrev_1fs9m_gg_",
53
- "_disabled": "__disabled_1fs9m_gg_"
43
+ "__SCarousel": "___SCarousel_o0y3i_gg_",
44
+ "__SContainer": "___SContainer_o0y3i_gg_",
45
+ "--duration": "--duration_lgdlov",
46
+ "__SItem": "___SItem_o0y3i_gg_",
47
+ "--transform": "--transform_lgdlov",
48
+ "__SIndicators": "___SIndicators_o0y3i_gg_",
49
+ "__SIndicator": "___SIndicator_o0y3i_gg_",
50
+ "_active": "__active_o0y3i_gg_",
51
+ "__SNext": "___SNext_o0y3i_gg_",
52
+ "__SPrev": "___SPrev_o0y3i_gg_",
53
+ "_disabled": "__disabled_o0y3i_gg_"
54
54
  });
55
55
  var position = {
56
56
  getItemMin: function getItemMin(items) {
@@ -544,7 +544,7 @@ var Prev = function Prev(props) {
544
544
 
545
545
  Prev.defaultProps = function () {
546
546
  return {
547
- children: /*#__PURE__*/React.createElement(ChevronLeftL, {
547
+ children: /*#__PURE__*/React.createElement(ChevronLeft, {
548
548
  interactive: true,
549
549
  color: "stone",
550
550
  "aria-hidden": true,
@@ -565,7 +565,7 @@ var Next = function Next(props) {
565
565
 
566
566
  Next.defaultProps = function () {
567
567
  return {
568
- children: /*#__PURE__*/React.createElement(ChevronRightL, {
568
+ children: /*#__PURE__*/React.createElement(ChevronRight, {
569
569
  interactive: true,
570
570
  color: "stone",
571
571
  "aria-hidden": true,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Carousel.js"],"names":["React","useEffect","createComponent","Component","sstyled","Root","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","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 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 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: <ChevronLeftL 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: <ChevronRightL 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"}
1
+ {"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"}
@@ -62,3 +62,9 @@ SNext[disabled] {
62
62
  cursor: default;
63
63
  pointer-events: none;
64
64
  }
65
+
66
+ @media (prefers-reduced-motion) {
67
+ SContainer {
68
+ transition: none;
69
+ }
70
+ }
@@ -39,6 +39,7 @@ export interface ICarouselContext {
39
39
  }
40
40
 
41
41
  export interface ICarouselState {
42
+ // eslint-disable-next-line ssr-friendly/no-dom-globals-in-module-scope
42
43
  items: { transform: number; position: number; node: HTMLDivElement }[];
43
44
  }
44
45
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/carousel",
3
3
  "description": "SEMRush Carousel Component",
4
- "version": "1.4.2",
4
+ "version": "1.6.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -15,13 +15,18 @@
15
15
  "dependencies": {
16
16
  "@semcore/utils": "^3.15",
17
17
  "@semcore/flex-box": "^4",
18
- "@semcore/icon": "^2"
18
+ "@semcore/icon": "^2.16"
19
19
  },
20
20
  "peerDependencies": {
21
21
  "@semcore/core": "^1.11",
22
22
  "react": "16.8 - 17"
23
23
  },
24
24
  "jest": {
25
- "preset": "jest-preset-ui"
25
+ "preset": "@semcore/jest-preset-ui"
26
+ },
27
+ "repository": {
28
+ "type": "git",
29
+ "url": "https://github.com/semrush/intergalactic.git",
30
+ "directory": "semcore/carousel"
26
31
  }
27
32
  }
package/src/Carousel.js CHANGED
@@ -2,34 +2,34 @@ import React, { useEffect } from 'react';
2
2
  import createComponent, { Component, sstyled, Root } from '@semcore/core';
3
3
 
4
4
  import { Box } from '@semcore/flex-box';
5
- import ChevronRightL from '@semcore/icon/lib/ChevronRight/l';
6
- import ChevronLeftL from '@semcore/icon/lib/ChevronLeft/l';
5
+ import ChevronRight from '@semcore/icon/ChevronRight/l';
6
+ import ChevronLeft from '@semcore/icon/ChevronLeft/l';
7
7
 
8
8
  import style from './style/carousel.shadow.css';
9
9
 
10
10
  const position = {
11
- getItemMin: function(items) {
11
+ getItemMin: function (items) {
12
12
  let indexItem = 0;
13
- items.forEach(function(item, index) {
13
+ items.forEach(function (item, index) {
14
14
  if (item.position < items[indexItem].position) {
15
15
  indexItem = index;
16
16
  }
17
17
  });
18
18
  return indexItem;
19
19
  },
20
- getItemMax: function(items) {
20
+ getItemMax: function (items) {
21
21
  let indexItem = 0;
22
- items.forEach(function(item, index) {
22
+ items.forEach(function (item, index) {
23
23
  if (item.position > items[indexItem].position) {
24
24
  indexItem = index;
25
25
  }
26
26
  });
27
27
  return indexItem;
28
28
  },
29
- getMin: function(items) {
29
+ getMin: function (items) {
30
30
  return items[position.getItemMin(items)].position;
31
31
  },
32
- getMax: function(items) {
32
+ getMax: function (items) {
33
33
  return items[position.getItemMax(items)].position;
34
34
  },
35
35
  };
@@ -383,7 +383,7 @@ const Prev = (props) => {
383
383
  };
384
384
 
385
385
  Prev.defaultProps = () => ({
386
- children: <ChevronLeftL interactive color="stone" aria-hidden={true} role="button" />,
386
+ children: <ChevronLeft interactive color="stone" aria-hidden={true} role="button" />,
387
387
  top: 0,
388
388
  });
389
389
 
@@ -394,7 +394,7 @@ const Next = (props) => {
394
394
  };
395
395
 
396
396
  Next.defaultProps = () => ({
397
- children: <ChevronRightL interactive color="stone" aria-hidden={true} role="button" />,
397
+ children: <ChevronRight interactive color="stone" aria-hidden={true} role="button" />,
398
398
  top: 0,
399
399
  });
400
400
 
package/src/index.d.ts CHANGED
@@ -39,6 +39,7 @@ export interface ICarouselContext {
39
39
  }
40
40
 
41
41
  export interface ICarouselState {
42
+ // eslint-disable-next-line ssr-friendly/no-dom-globals-in-module-scope
42
43
  items: { transform: number; position: number; node: HTMLDivElement }[];
43
44
  }
44
45
 
@@ -62,3 +62,9 @@ SNext[disabled] {
62
62
  cursor: default;
63
63
  pointer-events: none;
64
64
  }
65
+
66
+ @media (prefers-reduced-motion) {
67
+ SContainer {
68
+ transition: none;
69
+ }
70
+ }