@openameba/spindle-ui 2.9.1 → 2.10.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
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [2.10.0](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@2.9.1...@openameba/spindle-ui@2.10.0) (2025-10-10)
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
- **spindle-ui:** add autoplay prop to HeroCarousel ([7a0084b](https://github.com/openameba/spindle/commit/7a0084b47728c60f5d72d721e8781aba5bfdd249))
|
|
11
|
+
|
|
6
12
|
## [2.9.1](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@2.9.0...@openameba/spindle-ui@2.9.1) (2025-10-09)
|
|
7
13
|
|
|
8
14
|
### Bug Fixes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeroCarousel.d.ts","sourceRoot":"","sources":["../../src/HeroCarousel/HeroCarousel.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMlC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGvD,KAAK,KAAK,GAAG;IACX,YAAY,EAAE,YAAY,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"HeroCarousel.d.ts","sourceRoot":"","sources":["../../src/HeroCarousel/HeroCarousel.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMlC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGvD,KAAK,KAAK,GAAG;IACX,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAKF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,KAAK,CA4FjC,CAAC"}
|
|
@@ -14,11 +14,12 @@ var HeroCarouselItem_1 = __importDefault(require("./HeroCarouselItem"));
|
|
|
14
14
|
var BLOCK_NAME = 'spui-HeroCarousel';
|
|
15
15
|
var ITEM_LINK_CLASS_NAME = 'js-auto-play-carousel-item-link';
|
|
16
16
|
exports.HeroCarousel = react_1.default.memo(function HeroCarousel(_a) {
|
|
17
|
-
var carouselList = _a.carouselList;
|
|
18
|
-
var
|
|
17
|
+
var carouselList = _a.carouselList, _b = _a.autoplay, autoplay = _b === void 0 ? true : _b;
|
|
18
|
+
var _c = (0, spindle_hooks_1.useCarousel)({
|
|
19
19
|
items: carouselList,
|
|
20
20
|
itemLinkClassName: ITEM_LINK_CLASS_NAME,
|
|
21
|
-
|
|
21
|
+
shouldAutoPlaying: autoplay,
|
|
22
|
+
}), handleSlideToPrev = _c.handleSlideToPrev, handleSlideToNext = _c.handleSlideToNext, handleMouseEnter = _c.handleMouseEnter, handleMouseDown = _c.handleMouseDown, handleMouseLeave = _c.handleMouseLeave, handleTouchStart = _c.handleTouchStart, handleTransitionEnd = _c.handleTransitionEnd, isAutoPlaying = _c.isAutoPlaying, isLinkClicked = _c.isLinkClicked, itemsToRender = _c.itemsToRender, listRef = _c.listRef, listStyles = _c.listStyles, toggleAutoPlay = _c.toggleAutoPlay, handleFocus = _c.handleFocus, handleBlur = _c.handleBlur;
|
|
22
23
|
if (carouselList.length === 0) {
|
|
23
24
|
return null;
|
|
24
25
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeroCarousel.js","sourceRoot":"","sources":["../../src/HeroCarousel/HeroCarousel.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAkC;AAClC,0DAAuD;AACvD,4EAAsD;AACtD,8EAAwD;AACxD,wDAAkC;AAClC,8DAAwC;AAExC,wEAAkD;
|
|
1
|
+
{"version":3,"file":"HeroCarousel.js","sourceRoot":"","sources":["../../src/HeroCarousel/HeroCarousel.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAkC;AAClC,0DAAuD;AACvD,4EAAsD;AACtD,8EAAwD;AACxD,wDAAkC;AAClC,8DAAwC;AAExC,wEAAkD;AAOlD,IAAM,UAAU,GAAG,mBAAmB,CAAC;AACvC,IAAM,oBAAoB,GAAG,iCAAiC,CAAC;AAElD,QAAA,YAAY,GAAc,eAAK,CAAC,IAAI,CAAC,SAAS,YAAY,CAAC,EAGvE;QAFC,YAAY,kBAAA,EACZ,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA;IAET,IAAA,KAgBF,IAAA,2BAAW,EAAC;QACd,KAAK,EAAE,YAAY;QACnB,iBAAiB,EAAE,oBAAoB;QACvC,iBAAiB,EAAE,QAAQ;KAC5B,CAAC,EAnBA,iBAAiB,uBAAA,EACjB,iBAAiB,uBAAA,EACjB,gBAAgB,sBAAA,EAChB,eAAe,qBAAA,EACf,gBAAgB,sBAAA,EAChB,gBAAgB,sBAAA,EAChB,mBAAmB,yBAAA,EACnB,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,UAAU,gBAKV,CAAC;IAEH,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL;QACE,uCACE,SAAS,EAAE,UAAG,UAAU,eAAY,EACpC,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,eAAe,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,eAAe,EAAE,mBAAmB;YAEpC,8DACuB,gCAAO,EAC5B,SAAS,EAAE,UAAG,UAAU,UAAO,EAC/B,GAAG,EAAE,OAAO,EACZ,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,UAAU,IAEhB,aAAa,CAAC,GAAG,CAAC,UAAC,IAAkB,EAAE,KAAa,IAAK,OAAA,CACxD,8BAAC,0BAAgB,IACf,YAAY,EAAE,IAAI,EAClB,aAAa,EAAE,aAAa,EAC5B,iBAAiB,EAAE,oBAAoB,EACvC,GAAG,EAAE,wBAAiB,KAAK,CAAE,GAC7B,CACH,EAPyD,CAOzD,CAAC,CACC,CACD;QAEN,uCAAK,SAAS,EAAE,UAAG,UAAU,cAAW;YACtC,wDACa,+DAAa,EACxB,SAAS,EAAE,UAAG,UAAU,sBAAY,UAAU,mBAAgB,EAC9D,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,iBAAiB;gBAE1B,8BAAC,yBAAe,mBAAc,IAAI,GAAI,CAC/B;YACT,wDACc,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACjD,SAAS,EAAE,UAAG,UAAU,aAAU,EAClC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAc,IAEtB,aAAa,CAAC,CAAC,CAAC,CACf,8BAAC,eAAK,mBAAc,IAAI,GAAI,CAC7B,CAAC,CAAC,CAAC,CACF,8BAAC,kBAAQ,mBAAc,IAAI,GAAI,CAChC,CACM;YACT,wDACa,qEAAc,EACzB,SAAS,EAAE,UAAG,UAAU,sBAAY,UAAU,mBAAgB,EAC9D,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,iBAAiB;gBAE1B,8BAAC,0BAAgB,mBAAc,IAAI,GAAI,CAChC,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -7,10 +7,11 @@ import PlayFill from "../Icon/PlayFill.mjs";
|
|
|
7
7
|
import HeroCarouselItem from "./HeroCarouselItem.mjs";
|
|
8
8
|
const BLOCK_NAME = 'spui-HeroCarousel';
|
|
9
9
|
const ITEM_LINK_CLASS_NAME = 'js-auto-play-carousel-item-link';
|
|
10
|
-
export const HeroCarousel = React.memo(function HeroCarousel({ carouselList, }) {
|
|
10
|
+
export const HeroCarousel = React.memo(function HeroCarousel({ carouselList, autoplay = true, }) {
|
|
11
11
|
const { handleSlideToPrev, handleSlideToNext, handleMouseEnter, handleMouseDown, handleMouseLeave, handleTouchStart, handleTransitionEnd, isAutoPlaying, isLinkClicked, itemsToRender, listRef, listStyles, toggleAutoPlay, handleFocus, handleBlur, } = useCarousel({
|
|
12
12
|
items: carouselList,
|
|
13
13
|
itemLinkClassName: ITEM_LINK_CLASS_NAME,
|
|
14
|
+
shouldAutoPlaying: autoplay,
|
|
14
15
|
});
|
|
15
16
|
if (carouselList.length === 0) {
|
|
16
17
|
return null;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@openameba/spindle-ui",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.10.0",
|
|
4
4
|
"main": "./index.js",
|
|
5
5
|
"module": "./index.mjs",
|
|
6
6
|
"types": "./index.d.ts",
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
}
|
|
61
61
|
},
|
|
62
62
|
"dependencies": {
|
|
63
|
-
"@openameba/spindle-hooks": "^1.
|
|
63
|
+
"@openameba/spindle-hooks": "^1.8.0",
|
|
64
64
|
"ameba-color-palette.css": "^4.17.0",
|
|
65
65
|
"use-callback-ref": "^1.3.3"
|
|
66
66
|
},
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
"@testing-library/react": "16.3.0",
|
|
80
80
|
"@testing-library/user-event": "14.6.1",
|
|
81
81
|
"@types/jest": "30.0.0",
|
|
82
|
-
"@types/react": "18.3.
|
|
82
|
+
"@types/react": "18.3.26",
|
|
83
83
|
"autoprefixer": "10.4.21",
|
|
84
84
|
"bundlewatch": "0.4.1",
|
|
85
85
|
"cssnano": "7.1.1",
|
|
@@ -107,5 +107,5 @@
|
|
|
107
107
|
"stylelint-prettier": "^5.0.0",
|
|
108
108
|
"stylelint-selector-bem-pattern": "^4.0.0"
|
|
109
109
|
},
|
|
110
|
-
"gitHead": "
|
|
110
|
+
"gitHead": "7784600388d5f6315391047513c950475e912d65"
|
|
111
111
|
}
|