@openameba/spindle-ui 0.50.1 → 0.51.0

package/CHANGELOG.md

@@ -3,18 +3,59 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.51.0](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@0.50.1...@openameba/spindle-ui@0.51.0) (2022-11-07)
+
+
+### Features
+
+* **spindle-ui:** use spindle-hooks ([69885ba](https://github.com/openameba/spindle/commit/69885bae6c477632bc2a8375ac780ccac022ac7c))
+
+
+
+
+
+## [0.50.1-alpha.2](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@0.50.1-alpha.0...@openameba/spindle-ui@0.50.1-alpha.2) (2022-10-28)
+
+
+### Features
+
+* **spindle-ui:** use spindle-hooks ([69885ba](https://github.com/openameba/spindle/commit/69885bae6c477632bc2a8375ac780ccac022ac7c))
+
+
+
+
+
+## [0.50.1-alpha.1](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@0.50.1-alpha.0...@openameba/spindle-ui@0.50.1-alpha.1) (2022-10-28)
+
+**Note:** Version bump only for package @openameba/spindle-ui
+
+
+
+
+
 ## [0.50.1](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@0.50.0...@openameba/spindle-ui@0.50.1) (2022-10-27)
 
 
 ### Bug Fixes
 
-* **spindle-ui:** pagination display item ([e62621e](https://github.com/openameba/spindle/commit/e62621e31fc8a286e3a47a04aac40f7695636f57))
+* **spindle-ui:** pagination style and docs ([a307efb](https://github.com/openameba/spindle/commit/a307efb1c70c700b739afe98336d2a5c2bff06c5))
+
+
+
+
+
+## [0.50.1-alpha.0](https://github.com/openameba/spindle/compare/@openameba/spindle-ui@0.50.0...@openameba/spindle-ui@0.50.1-alpha.0) (2022-10-26)
+
+
+### Bug Fixes
+
 * **spindle-ui:** pagination style and docs ([a307efb](https://github.com/openameba/spindle/commit/a307efb1c70c700b739afe98336d2a5c2bff06c5))
 
 
 ### Features
 
 * **spindle-ui:** add useStackNotificationComponent ([b18c498](https://github.com/openameba/spindle/commit/b18c4981bc38c9a7e2abd682ef504b55bcfde2bb))
+* **spindle-ui:** use spindle-hooks ([e10f0a9](https://github.com/openameba/spindle/commit/e10f0a97ec73d0fc7b0fc6ccb35c9e3c7b8a4543))
 
 
 

package/HeroCarousel/HeroCarousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeroCarousel.d.ts","sourceRoot":"","sources":["../../src/HeroCarousel/HeroCarousel.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIvD,aAAK,KAAK,GAAG;IACX,YAAY,EAAE,YAAY,EAAE,CAAC;CAC9B,CAAC;AAKF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,KAAK,CA0FjC,CAAC"}
+{"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,aAAK,KAAK,GAAG;IACX,YAAY,EAAE,YAAY,EAAE,CAAC;CAC9B,CAAC;AAKF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,KAAK,CA0FjC,CAAC"}

package/HeroCarousel/HeroCarousel.js

@@ -5,17 +5,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeroCarousel = void 0;
 var react_1 = __importDefault(require("react"));
+var spindle_hooks_1 = require("@openameba/spindle-hooks");
 var ChevronLeftBold_1 = __importDefault(require("../Icon/ChevronLeftBold"));
 var ChevronRightBold_1 = __importDefault(require("../Icon/ChevronRightBold"));
 var Pause_1 = __importDefault(require("../Icon/Pause"));
 var PlayFill_1 = __importDefault(require("../Icon/PlayFill"));
 var HeroCarouselItem_1 = __importDefault(require("./HeroCarouselItem"));
-var useAutoPlayCarousel_1 = require("./hooks/useAutoPlayCarousel");
 var BLOCK_NAME = 'spui-HeroCarousel';
 var ITEM_LINK_CLASS_NAME = 'js-auto-play-carousel-item-link';
 exports.HeroCarousel = react_1.default.memo(function HeroCarousel(_a) {
     var carouselList = _a.carouselList;
-    var _b = (0, useAutoPlayCarousel_1.useAutoPlayCarousel)({
+    var _b = (0, spindle_hooks_1.useCarousel)({
         items: carouselList,
         itemLinkClassName: ITEM_LINK_CLASS_NAME,
     }), handleSlideToPrev = _b.handleSlideToPrev, handleSlideToNext = _b.handleSlideToNext, handleMouseEnter = _b.handleMouseEnter, handleMouseDown = _b.handleMouseDown, handleMouseLeave = _b.handleMouseLeave, handleTouchStart = _b.handleTouchStart, handleTransitionEnd = _b.handleTransitionEnd, isAutoPlaying = _b.isAutoPlaying, isLinkClicked = _b.isLinkClicked, itemsToRender = _b.itemsToRender, listRef = _b.listRef, listStyles = _b.listStyles, toggleAutoPlay = _b.toggleAutoPlay, handleFocus = _b.handleFocus, handleBlur = _b.handleBlur;

package/HeroCarousel/HeroCarousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeroCarousel.js","sourceRoot":"","sources":["../../src/HeroCarousel/HeroCarousel.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAkC;AAClC,4EAAsD;AACtD,8EAAwD;AACxD,wDAAkC;AAClC,8DAAwC;AAExC,wEAAkD;AAClD,mEAAkE;AAMlE,IAAM,UAAU,GAAG,mBAAmB,CAAC;AACvC,IAAM,oBAAoB,GAAG,iCAAiC,CAAC;AAElD,QAAA,YAAY,GAAc,eAAK,CAAC,IAAI,CAAC,SAAS,YAAY,CAAC,EAEvE;QADC,YAAY,kBAAA;IAEN,IAAA,KAgBF,IAAA,yCAAmB,EAAC;QACtB,KAAK,EAAE,YAAY;QACnB,iBAAiB,EAAE,oBAAoB;KACxC,CAAC,EAlBA,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,gBAIV,CAAC;IAEH,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE;QAC7B,OAAO,IAAI,CAAC;KACb;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"}
+{"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;AAMlD,IAAM,UAAU,GAAG,mBAAmB,CAAC;AACvC,IAAM,oBAAoB,GAAG,iCAAiC,CAAC;AAElD,QAAA,YAAY,GAAc,eAAK,CAAC,IAAI,CAAC,SAAS,YAAY,CAAC,EAEvE;QADC,YAAY,kBAAA;IAEN,IAAA,KAgBF,IAAA,2BAAW,EAAC;QACd,KAAK,EAAE,YAAY;QACnB,iBAAiB,EAAE,oBAAoB;KACxC,CAAC,EAlBA,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,gBAIV,CAAC;IAEH,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE;QAC7B,OAAO,IAAI,CAAC;KACb;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"}

package/HeroCarousel/HeroCarousel.mjs

@@ -1,14 +1,14 @@
 import React from 'react';
+import { useCarousel } from '@openameba/spindle-hooks';
 import ChevronLeftBold from '../Icon/ChevronLeftBold';
 import ChevronRightBold from '../Icon/ChevronRightBold';
 import Pause from '../Icon/Pause';
 import PlayFill from '../Icon/PlayFill';
 import HeroCarouselItem from './HeroCarouselItem';
-import { useAutoPlayCarousel } from './hooks/useAutoPlayCarousel';
 const BLOCK_NAME = 'spui-HeroCarousel';
 const ITEM_LINK_CLASS_NAME = 'js-auto-play-carousel-item-link';
 export const HeroCarousel = React.memo(function HeroCarousel({ carouselList, }) {
-    const { handleSlideToPrev, handleSlideToNext, handleMouseEnter, handleMouseDown, handleMouseLeave, handleTouchStart, handleTransitionEnd, isAutoPlaying, isLinkClicked, itemsToRender, listRef, listStyles, toggleAutoPlay, handleFocus, handleBlur, } = useAutoPlayCarousel({
+    const { handleSlideToPrev, handleSlideToNext, handleMouseEnter, handleMouseDown, handleMouseLeave, handleTouchStart, handleTransitionEnd, isAutoPlaying, isLinkClicked, itemsToRender, listRef, listStyles, toggleAutoPlay, handleFocus, handleBlur, } = useCarousel({
         items: carouselList,
         itemLinkClassName: ITEM_LINK_CLASS_NAME,
     });

package/README.md

@@ -105,6 +105,14 @@ yarn install
 yarn dev # storybookが起動します
 ```
 
+NOTE: 事前に [spindle-hooks](https://github.com/openameba/spindle/tree/main/packages/spindle-hooks) を 以下のように build しておく必要があります。
+
+```
+cd ../spindle-hooks
+yarn build
+cd -
+```
+
 ## ライセンス
 Spindle UIはMITライセンスで公開されています。ただし、アイコンは[Spindle Icons](../spindle-icons/)に準じて、Creative Commons BY-NC-ND 4.0ライセンスで公開されています。
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openameba/spindle-ui",
-  "version": "0.50.1",
+  "version": "0.51.0",
   "main": "./index.js",
   "module": "./index.mjs",
   "types": "./index.d.ts",
@@ -51,6 +51,7 @@
     }
   },
   "dependencies": {
+    "@openameba/spindle-hooks": "^0.11.0",
     "ameba-color-palette.css": "^4.8.0",
     "react-merge-refs": "^1.1.0"
   },
@@ -94,5 +95,5 @@
     "ts-jest": "28.0.8",
     "webpack": "^5.73.0"
   },
-  "gitHead": "a93c55725d9fa6db87b4039cc8c45e486c4a6030"
+  "gitHead": "74f01b42b5d3cdc01bd5a7eddce6305019050d62"
 }

package/HeroCarousel/hooks/useAutoPlayCarousel.d.ts

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-declare type Payload<Item> = {
-    items: Item[];
-    itemLinkClassName: string;
-};
-export declare function useAutoPlayCarousel<Item>({ items, itemLinkClassName, }: Payload<Item>): {
-    handleSlideToPrev: () => void;
-    handleSlideToNext: () => void;
-    handleMouseEnter: () => void;
-    handleMouseDown: (e: React.MouseEvent) => void;
-    handleMouseLeave: () => void;
-    handleTouchStart: (e: React.TouchEvent) => void;
-    handleTransitionEnd: () => void;
-    isAutoPlaying: boolean;
-    isLinkClicked: boolean;
-    itemsToRender: Item[];
-    listRef: import("react").RefObject<HTMLUListElement>;
-    listStyles: {
-        transition: string;
-        transform: string;
-    };
-    toggleAutoPlay: () => void;
-    handleFocus: (e: React.FocusEvent<HTMLDivElement>) => void;
-    handleBlur: () => void;
-};
-export {};
-//# sourceMappingURL=useAutoPlayCarousel.d.ts.map

package/HeroCarousel/hooks/useAutoPlayCarousel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAutoPlayCarousel.d.ts","sourceRoot":"","sources":["../../../src/HeroCarousel/hooks/useAutoPlayCarousel.ts"],"names":[],"mappings":";AAOA,aAAK,OAAO,CAAC,IAAI,IAAI;IACnB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,iBAAiB,EAAE,MAAM,CAAC;CAC3B,CAAC;AAKF,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,EACxC,KAAK,EACL,iBAAiB,GAClB,EAAE,OAAO,CAAC,IAAI,CAAC;;;;yBAgFc,gBAAgB;;0BA2Bf,gBAAgB;;;;;;;;;;;qBA4BrB,gBAAgB,CAAC,cAAc,CAAC;;EA4DzD"}

package/HeroCarousel/hooks/useAutoPlayCarousel.js

@@ -1,172 +0,0 @@
-"use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAutoPlayCarousel = void 0;
-var react_1 = require("react");
-var useAutoSlide_1 = require("./useAutoSlide");
-var useCarouselFocus_1 = require("./useCarouselFocus");
-var useSliderMoveEvent_1 = require("./useSliderMoveEvent");
-var useSliderTransition_1 = require("./useSliderTransition");
-var useValueRef_1 = require("./useValueRef");
-var COPY_COUNT = 5;
-var SWIPE_THRESHOLD_X = 20;
-function useAutoPlayCarousel(_a) {
-    var items = _a.items, itemLinkClassName = _a.itemLinkClassName;
-    var _b = (0, useSliderMoveEvent_1.useSliderMoveEvent)(), diffXRef = _b.diffXRef, diffYRef = _b.diffYRef, setDiffX = _b.setDiffX, setDiffY = _b.setDiffY, setStartX = _b.setStartX, setStartY = _b.setStartY;
-    var _c = (0, react_1.useState)(0), focusOffset = _c[0], setFocusOffset = _c[1];
-    var _d = (0, react_1.useState)(false), isHovering = _d[0], setIsHovering = _d[1];
-    var _e = (0, react_1.useState)(false), isLinkClicked = _e[0], setIsLinkClicked = _e[1];
-    var isHoveringRef = (0, useValueRef_1.useValueRef)(isHovering);
-    var slideToNextRef = (0, useValueRef_1.useValueRef)(function () { return slideToNext(); });
-    var itemCount = (0, react_1.useMemo)(function () { return items.length; }, [items]);
-    var getIsCopiedItem = (0, react_1.useCallback)(function (index) {
-        return index < COPY_COUNT || index >= itemCount + COPY_COUNT;
-    }, [itemCount]);
-    var _f = (0, useAutoSlide_1.useAutoSlide)({
-        onTimeOut: slideToNextRef.current,
-    }), isAutoPlaying = _f.isAutoPlaying, setIsAutoPlaying = _f.setIsAutoPlaying, resetAutoSlide = _f.resetAutoSlide, resetTimeOut = _f.resetTimeOut, toggleAutoPlay = _f.toggleAutoPlay;
-    var _g = (0, useCarouselFocus_1.useCarouselFocus)({
-        getIsCopiedItem: getIsCopiedItem,
-        itemLinkClassName: itemLinkClassName,
-    }), linkRefs = _g.linkRefs, listRef = _g.listRef;
-    var isAutoPlayingRef = (0, useValueRef_1.useValueRef)(isAutoPlaying);
-    var _h = (0, useSliderTransition_1.useSliderTransition)({
-        copyCount: COPY_COUNT,
-        itemCount: itemCount,
-        isAutoPlaying: isAutoPlaying,
-        linkRefs: linkRefs,
-    }), currentIndexRef = _h.currentIndexRef, handleTransitionEnd = _h.handleTransitionEnd, listStyles = _h.listStyles, setCurrentIndex = _h.setCurrentIndex, setDisableAutoFocus = _h.setDisableAutoFocus, setDisableTransition = _h.setDisableTransition;
-    var itemsToRender = (0, react_1.useMemo)(
-    // generate copy contents on both ends to make carousel look like looping
-    function () { return __spreadArray(__spreadArray(__spreadArray([], items.slice(-COPY_COUNT), true), items, true), items.slice(0, COPY_COUNT), true); }, [items]);
-    var slideToNext = function (ignoreHover) {
-        if (ignoreHover === void 0) { ignoreHover = false; }
-        var shouldSlideToNext = ((!isHoveringRef.current && isAutoPlayingRef.current) || ignoreHover) &&
-            currentIndexRef.current <= itemCount;
-        if (shouldSlideToNext) {
-            setDisableTransition(false);
-            setCurrentIndex(currentIndexRef.current + 1);
-        }
-        resetAutoSlide();
-    };
-    var slideToPrev = function () {
-        if (currentIndexRef.current >= 0) {
-            setDisableTransition(false);
-            setCurrentIndex(currentIndexRef.current - 1);
-        }
-        resetAutoSlide();
-    };
-    var handleMouseEnter = function () { return setIsHovering(true); };
-    var handleMouseLeave = function () {
-        setIsHovering(false);
-        resetAutoSlide();
-    };
-    var handleMouseDown = function (e) {
-        resetTimeOut();
-        setStartX(e.clientX);
-        setStartY(e.clientY);
-    };
-    var onMouseUp = function () {
-        if (diffXRef.current > SWIPE_THRESHOLD_X) {
-            setIsLinkClicked(false);
-            setIsAutoPlaying(false);
-            slideToPrev();
-        }
-        if (diffXRef.current < -SWIPE_THRESHOLD_X) {
-            setIsLinkClicked(false);
-            setIsAutoPlaying(false);
-            slideToNext(true);
-        }
-        if (diffXRef.current === 0 && diffYRef.current === 0) {
-            setIsLinkClicked(true);
-        }
-        setStartX(null);
-        setStartY(null);
-        setDiffX(0);
-        setDiffY(0);
-    };
-    var handleTouchStart = function (e) {
-        if (!e.touches.length)
-            return;
-        var touch = e.touches[0];
-        resetTimeOut();
-        handleMouseEnter();
-        setStartX(touch.clientX);
-        setStartY(touch.clientY);
-    };
-    var onTouchEnd = function () {
-        setIsHovering(false);
-        onMouseUp();
-    };
-    var handleSlideToPrev = function () {
-        resetTimeOut();
-        setIsAutoPlaying(false);
-        slideToPrev();
-    };
-    var handleSlideToNext = function () {
-        resetTimeOut();
-        setIsAutoPlaying(false);
-        slideToNext(true);
-    };
-    var handleFocus = function (e) {
-        setIsAutoPlaying(false);
-        var newFocusOffset = e.target.offsetLeft;
-        setFocusOffset(newFocusOffset);
-        if (focusOffset === 0) {
-            return;
-        }
-        setDisableAutoFocus(true);
-        if (isHovering && diffXRef.current === 0 && diffYRef.current === 0) {
-            setIsLinkClicked(true);
-            return;
-        }
-        if (focusOffset > newFocusOffset) {
-            setDisableTransition(false);
-            setCurrentIndex(currentIndexRef.current - 1);
-        }
-        if (focusOffset < newFocusOffset) {
-            setDisableTransition(false);
-            setCurrentIndex(currentIndexRef.current + 1);
-        }
-    };
-    var handleBlur = function () {
-        setIsAutoPlaying(true);
-    };
-    (0, react_1.useEffect)(function () {
-        document.body.addEventListener('mouseup', onMouseUp);
-        document.body.addEventListener('touchend', onTouchEnd);
-        return function () {
-            document.body.removeEventListener('mouseup', onMouseUp);
-            document.body.removeEventListener('touchend', onTouchEnd);
-        };
-        // this effect should be called only once
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    return {
-        handleSlideToPrev: handleSlideToPrev,
-        handleSlideToNext: handleSlideToNext,
-        handleMouseEnter: handleMouseEnter,
-        handleMouseDown: handleMouseDown,
-        handleMouseLeave: handleMouseLeave,
-        handleTouchStart: handleTouchStart,
-        handleTransitionEnd: handleTransitionEnd,
-        isAutoPlaying: isAutoPlaying,
-        isLinkClicked: isLinkClicked,
-        itemsToRender: itemsToRender,
-        listRef: listRef,
-        listStyles: listStyles,
-        toggleAutoPlay: toggleAutoPlay,
-        handleFocus: handleFocus,
-        handleBlur: handleBlur,
-    };
-}
-exports.useAutoPlayCarousel = useAutoPlayCarousel;
-//# sourceMappingURL=useAutoPlayCarousel.js.map

package/HeroCarousel/hooks/useAutoPlayCarousel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAutoPlayCarousel.js","sourceRoot":"","sources":["../../../src/HeroCarousel/hooks/useAutoPlayCarousel.ts"],"names":[],"mappings":"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"}

package/HeroCarousel/hooks/useAutoPlayCarousel.mjs

@@ -1,160 +0,0 @@
-import { useCallback, useEffect, useMemo, useState } from 'react';
-import { useAutoSlide } from './useAutoSlide';
-import { useCarouselFocus } from './useCarouselFocus';
-import { useSliderMoveEvent } from './useSliderMoveEvent';
-import { useSliderTransition } from './useSliderTransition';
-import { useValueRef } from './useValueRef';
-const COPY_COUNT = 5;
-const SWIPE_THRESHOLD_X = 20;
-export function useAutoPlayCarousel({ items, itemLinkClassName, }) {
-    const { diffXRef, diffYRef, setDiffX, setDiffY, setStartX, setStartY } = useSliderMoveEvent();
-    const [focusOffset, setFocusOffset] = useState(0);
-    const [isHovering, setIsHovering] = useState(false);
-    const [isLinkClicked, setIsLinkClicked] = useState(false);
-    const isHoveringRef = useValueRef(isHovering);
-    const slideToNextRef = useValueRef(() => slideToNext());
-    const itemCount = useMemo(() => items.length, [items]);
-    const getIsCopiedItem = useCallback((index) => {
-        return index < COPY_COUNT || index >= itemCount + COPY_COUNT;
-    }, [itemCount]);
-    const { isAutoPlaying, setIsAutoPlaying, resetAutoSlide, resetTimeOut, toggleAutoPlay, } = useAutoSlide({
-        onTimeOut: slideToNextRef.current,
-    });
-    const { linkRefs, listRef } = useCarouselFocus({
-        getIsCopiedItem,
-        itemLinkClassName,
-    });
-    const isAutoPlayingRef = useValueRef(isAutoPlaying);
-    const { currentIndexRef, handleTransitionEnd, listStyles, setCurrentIndex, setDisableAutoFocus, setDisableTransition, } = useSliderTransition({
-        copyCount: COPY_COUNT,
-        itemCount,
-        isAutoPlaying,
-        linkRefs,
-    });
-    const itemsToRender = useMemo(
-    // generate copy contents on both ends to make carousel look like looping
-    () => [
-        ...items.slice(-COPY_COUNT),
-        ...items,
-        ...items.slice(0, COPY_COUNT),
-    ], [items]);
-    const slideToNext = (ignoreHover = false) => {
-        const shouldSlideToNext = ((!isHoveringRef.current && isAutoPlayingRef.current) || ignoreHover) &&
-            currentIndexRef.current <= itemCount;
-        if (shouldSlideToNext) {
-            setDisableTransition(false);
-            setCurrentIndex(currentIndexRef.current + 1);
-        }
-        resetAutoSlide();
-    };
-    const slideToPrev = () => {
-        if (currentIndexRef.current >= 0) {
-            setDisableTransition(false);
-            setCurrentIndex(currentIndexRef.current - 1);
-        }
-        resetAutoSlide();
-    };
-    const handleMouseEnter = () => setIsHovering(true);
-    const handleMouseLeave = () => {
-        setIsHovering(false);
-        resetAutoSlide();
-    };
-    const handleMouseDown = (e) => {
-        resetTimeOut();
-        setStartX(e.clientX);
-        setStartY(e.clientY);
-    };
-    const onMouseUp = () => {
-        if (diffXRef.current > SWIPE_THRESHOLD_X) {
-            setIsLinkClicked(false);
-            setIsAutoPlaying(false);
-            slideToPrev();
-        }
-        if (diffXRef.current < -SWIPE_THRESHOLD_X) {
-            setIsLinkClicked(false);
-            setIsAutoPlaying(false);
-            slideToNext(true);
-        }
-        if (diffXRef.current === 0 && diffYRef.current === 0) {
-            setIsLinkClicked(true);
-        }
-        setStartX(null);
-        setStartY(null);
-        setDiffX(0);
-        setDiffY(0);
-    };
-    const handleTouchStart = (e) => {
-        if (!e.touches.length)
-            return;
-        const touch = e.touches[0];
-        resetTimeOut();
-        handleMouseEnter();
-        setStartX(touch.clientX);
-        setStartY(touch.clientY);
-    };
-    const onTouchEnd = () => {
-        setIsHovering(false);
-        onMouseUp();
-    };
-    const handleSlideToPrev = () => {
-        resetTimeOut();
-        setIsAutoPlaying(false);
-        slideToPrev();
-    };
-    const handleSlideToNext = () => {
-        resetTimeOut();
-        setIsAutoPlaying(false);
-        slideToNext(true);
-    };
-    const handleFocus = (e) => {
-        setIsAutoPlaying(false);
-        const { offsetLeft: newFocusOffset } = e.target;
-        setFocusOffset(newFocusOffset);
-        if (focusOffset === 0) {
-            return;
-        }
-        setDisableAutoFocus(true);
-        if (isHovering && diffXRef.current === 0 && diffYRef.current === 0) {
-            setIsLinkClicked(true);
-            return;
-        }
-        if (focusOffset > newFocusOffset) {
-            setDisableTransition(false);
-            setCurrentIndex(currentIndexRef.current - 1);
-        }
-        if (focusOffset < newFocusOffset) {
-            setDisableTransition(false);
-            setCurrentIndex(currentIndexRef.current + 1);
-        }
-    };
-    const handleBlur = () => {
-        setIsAutoPlaying(true);
-    };
-    useEffect(() => {
-        document.body.addEventListener('mouseup', onMouseUp);
-        document.body.addEventListener('touchend', onTouchEnd);
-        return () => {
-            document.body.removeEventListener('mouseup', onMouseUp);
-            document.body.removeEventListener('touchend', onTouchEnd);
-        };
-        // this effect should be called only once
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    return {
-        handleSlideToPrev,
-        handleSlideToNext,
-        handleMouseEnter,
-        handleMouseDown,
-        handleMouseLeave,
-        handleTouchStart,
-        handleTransitionEnd,
-        isAutoPlaying,
-        isLinkClicked,
-        itemsToRender,
-        listRef,
-        listStyles,
-        toggleAutoPlay,
-        handleFocus,
-        handleBlur,
-    };
-}

package/HeroCarousel/hooks/useAutoSlide.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-declare type Payload = {
-    onTimeOut: () => void;
-};
-export declare function useAutoSlide({ onTimeOut }: Payload): {
-    isAutoPlaying: boolean;
-    setIsAutoPlaying: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    resetAutoSlide: () => void;
-    resetTimeOut: () => void;
-    toggleAutoPlay: () => void;
-};
-export {};
-//# sourceMappingURL=useAutoSlide.d.ts.map

package/HeroCarousel/hooks/useAutoSlide.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAutoSlide.d.ts","sourceRoot":"","sources":["../../../src/HeroCarousel/hooks/useAutoSlide.ts"],"names":[],"mappings":";AAIA,aAAK,OAAO,GAAG;IACb,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,EAAE,OAAO;;;;;;EAgDlD"}

package/HeroCarousel/hooks/useAutoSlide.js

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAutoSlide = void 0;
-var react_1 = require("react");
-var AUTO_SLIDE_SPEED = 4000; // ms
-function useAutoSlide(_a) {
-    var onTimeOut = _a.onTimeOut;
-    var _b = (0, react_1.useState)(true), isAutoPlaying = _b[0], setIsAutoPlaying = _b[1];
-    var _c = (0, react_1.useState)(null), timeoutId = _c[0], setTimeoutId = _c[1];
-    var resetTimeOut = (0, react_1.useCallback)(function () {
-        if (timeoutId) {
-            clearTimeout(timeoutId);
-        }
-    }, [timeoutId]);
-    var activateAutoSlide = function () {
-        resetTimeOut();
-        var newTimeoutId = setTimeout(function () {
-            onTimeOut();
-        }, AUTO_SLIDE_SPEED);
-        setTimeoutId(newTimeoutId);
-    };
-    var resetAutoSlide = function () {
-        if (isAutoPlaying) {
-            activateAutoSlide();
-        }
-    };
-    var toggleAutoPlay = function () {
-        resetTimeOut();
-        if (!isAutoPlaying) {
-            activateAutoSlide();
-        }
-        setIsAutoPlaying(function (prev) { return !prev; });
-    };
-    (0, react_1.useEffect)(function () {
-        activateAutoSlide();
-        // this effect should be called only once
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    return {
-        isAutoPlaying: isAutoPlaying,
-        setIsAutoPlaying: setIsAutoPlaying,
-        resetAutoSlide: resetAutoSlide,
-        resetTimeOut: resetTimeOut,
-        toggleAutoPlay: toggleAutoPlay,
-    };
-}
-exports.useAutoSlide = useAutoSlide;
-//# sourceMappingURL=useAutoSlide.js.map

package/HeroCarousel/hooks/useAutoSlide.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAutoSlide.js","sourceRoot":"","sources":["../../../src/HeroCarousel/hooks/useAutoSlide.ts"],"names":[],"mappings":";;;AAAA,+BAAyD;AAEzD,IAAM,gBAAgB,GAAG,IAAI,CAAC,CAAC,KAAK;AAMpC,SAAgB,YAAY,CAAC,EAAsB;QAApB,SAAS,eAAA;IAChC,IAAA,KAAoC,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAAjD,aAAa,QAAA,EAAE,gBAAgB,QAAkB,CAAC;IACnD,IAAA,KAA4B,IAAA,gBAAQ,EAAwB,IAAI,CAAC,EAAhE,SAAS,QAAA,EAAE,YAAY,QAAyC,CAAC;IAExE,IAAM,YAAY,GAAG,IAAA,mBAAW,EAAC;QAC/B,IAAI,SAAS,EAAE;YACb,YAAY,CAAC,SAAS,CAAC,CAAC;SACzB;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAM,iBAAiB,GAAG;QACxB,YAAY,EAAE,CAAC;QAEf,IAAM,YAAY,GAAG,UAAU,CAAC;YAC9B,SAAS,EAAE,CAAC;QACd,CAAC,EAAE,gBAAgB,CAAC,CAAC;QAErB,YAAY,CAAC,YAAY,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG;QACrB,IAAI,aAAa,EAAE;YACjB,iBAAiB,EAAE,CAAC;SACrB;IACH,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG;QACrB,YAAY,EAAE,CAAC;QAEf,IAAI,CAAC,aAAa,EAAE;YAClB,iBAAiB,EAAE,CAAC;SACrB;QACD,gBAAgB,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,EAAL,CAAK,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,iBAAiB,EAAE,CAAC;QACpB,yCAAyC;QACzC,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,aAAa,eAAA;QACb,gBAAgB,kBAAA;QAChB,cAAc,gBAAA;QACd,YAAY,cAAA;QACZ,cAAc,gBAAA;KACf,CAAC;AACJ,CAAC;AAhDD,oCAgDC"}

package/HeroCarousel/hooks/useAutoSlide.mjs

@@ -1,42 +0,0 @@
-import { useCallback, useEffect, useState } from 'react';
-const AUTO_SLIDE_SPEED = 4000; // ms
-export function useAutoSlide({ onTimeOut }) {
-    const [isAutoPlaying, setIsAutoPlaying] = useState(true);
-    const [timeoutId, setTimeoutId] = useState(null);
-    const resetTimeOut = useCallback(() => {
-        if (timeoutId) {
-            clearTimeout(timeoutId);
-        }
-    }, [timeoutId]);
-    const activateAutoSlide = () => {
-        resetTimeOut();
-        const newTimeoutId = setTimeout(() => {
-            onTimeOut();
-        }, AUTO_SLIDE_SPEED);
-        setTimeoutId(newTimeoutId);
-    };
-    const resetAutoSlide = () => {
-        if (isAutoPlaying) {
-            activateAutoSlide();
-        }
-    };
-    const toggleAutoPlay = () => {
-        resetTimeOut();
-        if (!isAutoPlaying) {
-            activateAutoSlide();
-        }
-        setIsAutoPlaying((prev) => !prev);
-    };
-    useEffect(() => {
-        activateAutoSlide();
-        // this effect should be called only once
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    return {
-        isAutoPlaying,
-        setIsAutoPlaying,
-        resetAutoSlide,
-        resetTimeOut,
-        toggleAutoPlay,
-    };
-}

package/HeroCarousel/hooks/useCarouselFocus.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-declare type Payload = {
-    getIsCopiedItem: (index: number) => boolean;
-    itemLinkClassName: string;
-};
-export declare function useCarouselFocus({ getIsCopiedItem, itemLinkClassName, }: Payload): {
-    linkRefs: import("react").MutableRefObject<HTMLLinkElement[]>;
-    listRef: import("react").RefObject<HTMLUListElement>;
-};
-export {};
-//# sourceMappingURL=useCarouselFocus.d.ts.map

package/HeroCarousel/hooks/useCarouselFocus.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCarouselFocus.d.ts","sourceRoot":"","sources":["../../../src/HeroCarousel/hooks/useCarouselFocus.ts"],"names":[],"mappings":";AAEA,aAAK,OAAO,GAAG;IACb,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC5C,iBAAiB,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,eAAe,EACf,iBAAiB,GAClB,EAAE,OAAO;;;EA+BT"}

package/HeroCarousel/hooks/useCarouselFocus.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCarouselFocus = void 0;
-var react_1 = require("react");
-function useCarouselFocus(_a) {
-    var getIsCopiedItem = _a.getIsCopiedItem, itemLinkClassName = _a.itemLinkClassName;
-    var listRef = (0, react_1.useRef)(null);
-    var linkRefs = (0, react_1.useRef)([]);
-    (0, react_1.useEffect)(function () {
-        if (!listRef.current)
-            return;
-        var linkElements = listRef.current.querySelectorAll("a.".concat(itemLinkClassName));
-        if (!linkElements)
-            return;
-        // NOTE: use NodeList forEach as IE polyfill
-        Array.prototype.forEach.call(linkElements, function (link, index) {
-            linkRefs.current.push(link);
-            link.setAttribute('tabindex', getIsCopiedItem(index) ? '-1' : '0');
-            link.setAttribute('aria-hidden', getIsCopiedItem(index) ? 'true' : 'false');
-        });
-    }, [getIsCopiedItem, itemLinkClassName]);
-    return {
-        linkRefs: linkRefs,
-        listRef: listRef,
-    };
-}
-exports.useCarouselFocus = useCarouselFocus;
-//# sourceMappingURL=useCarouselFocus.js.map

package/HeroCarousel/hooks/useCarouselFocus.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCarouselFocus.js","sourceRoot":"","sources":["../../../src/HeroCarousel/hooks/useCarouselFocus.ts"],"names":[],"mappings":";;;AAAA,+BAA0C;AAO1C,SAAgB,gBAAgB,CAAC,EAGvB;QAFR,eAAe,qBAAA,EACf,iBAAiB,uBAAA;IAEjB,IAAM,OAAO,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAC/C,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAoB,EAAE,CAAC,CAAC;IAE/C,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,OAAO,CAAC,OAAO;YAAE,OAAO;QAE7B,IAAM,YAAY,GAAG,OAAO,CAAC,OAAO,CAAC,gBAAgB,CACnD,YAAK,iBAAiB,CAAE,CACzB,CAAC;QAEF,IAAI,CAAC,YAAY;YAAE,OAAO;QAE1B,4CAA4C;QAC5C,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAC1B,YAAY,EACZ,UAAC,IAAqB,EAAE,KAAK;YAC3B,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC5B,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;YACnE,IAAI,CAAC,YAAY,CACf,aAAa,EACb,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAC1C,CAAC;QACJ,CAAC,CACF,CAAC;IACJ,CAAC,EAAE,CAAC,eAAe,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEzC,OAAO;QACL,QAAQ,UAAA;QACR,OAAO,SAAA;KACR,CAAC;AACJ,CAAC;AAlCD,4CAkCC"}

package/HeroCarousel/hooks/useCarouselFocus.mjs

@@ -1,22 +0,0 @@
-import { useEffect, useRef } from 'react';
-export function useCarouselFocus({ getIsCopiedItem, itemLinkClassName, }) {
-    const listRef = useRef(null);
-    const linkRefs = useRef([]);
-    useEffect(() => {
-        if (!listRef.current)
-            return;
-        const linkElements = listRef.current.querySelectorAll(`a.${itemLinkClassName}`);
-        if (!linkElements)
-            return;
-        // NOTE: use NodeList forEach as IE polyfill
-        Array.prototype.forEach.call(linkElements, (link, index) => {
-            linkRefs.current.push(link);
-            link.setAttribute('tabindex', getIsCopiedItem(index) ? '-1' : '0');
-            link.setAttribute('aria-hidden', getIsCopiedItem(index) ? 'true' : 'false');
-        });
-    }, [getIsCopiedItem, itemLinkClassName]);
-    return {
-        linkRefs,
-        listRef,
-    };
-}

package/HeroCarousel/hooks/useSliderMoveEvent.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export declare function useSliderMoveEvent(): {
-    diffXRef: import("react").MutableRefObject<number>;
-    diffYRef: import("react").MutableRefObject<number>;
-    setDiffX: import("react").Dispatch<import("react").SetStateAction<number>>;
-    setDiffY: import("react").Dispatch<import("react").SetStateAction<number>>;
-    setStartX: import("react").Dispatch<import("react").SetStateAction<number | null>>;
-    setStartY: import("react").Dispatch<import("react").SetStateAction<number | null>>;
-};
-//# sourceMappingURL=useSliderMoveEvent.d.ts.map

package/HeroCarousel/hooks/useSliderMoveEvent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSliderMoveEvent.d.ts","sourceRoot":"","sources":["../../../src/HeroCarousel/hooks/useSliderMoveEvent.ts"],"names":[],"mappings":";AAGA,wBAAgB,kBAAkB;;;;;;;EAwDjC"}

package/HeroCarousel/hooks/useSliderMoveEvent.js

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSliderMoveEvent = void 0;
-var react_1 = require("react");
-var useValueRef_1 = require("./useValueRef");
-function useSliderMoveEvent() {
-    var _a = (0, react_1.useState)(0), diffX = _a[0], setDiffX = _a[1];
-    var _b = (0, react_1.useState)(0), diffY = _b[0], setDiffY = _b[1];
-    var _c = (0, react_1.useState)(null), startX = _c[0], setStartX = _c[1];
-    var _d = (0, react_1.useState)(null), startY = _d[0], setStartY = _d[1];
-    var diffXRef = (0, useValueRef_1.useValueRef)(diffX);
-    var diffYRef = (0, useValueRef_1.useValueRef)(diffY);
-    var startXRef = (0, useValueRef_1.useValueRef)(startX);
-    var startYRef = (0, useValueRef_1.useValueRef)(startY);
-    var onMouseMove = function (e) {
-        if (startXRef.current === null || startYRef.current === null)
-            return;
-        e.preventDefault();
-        setDiffX(e.clientX - startXRef.current);
-        setDiffY(e.clientY - startYRef.current);
-    };
-    var onTouchMove = function (e) {
-        if (startXRef.current === null ||
-            startYRef.current === null ||
-            !e.touches.length) {
-            return;
-        }
-        var touch = e.touches[0];
-        setDiffX(touch.clientX - startXRef.current);
-        setDiffY(touch.clientY - startYRef.current);
-    };
-    (0, react_1.useEffect)(function () {
-        document.body.addEventListener('mousemove', onMouseMove);
-        document.body.addEventListener('touchmove', onTouchMove, {
-            passive: true,
-        });
-        return function () {
-            document.body.removeEventListener('mousemove', onMouseMove);
-            document.body.removeEventListener('touchmove', onTouchMove);
-        };
-        // this effect should be called only once
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    return {
-        diffXRef: diffXRef,
-        diffYRef: diffYRef,
-        setDiffX: setDiffX,
-        setDiffY: setDiffY,
-        setStartX: setStartX,
-        setStartY: setStartY,
-    };
-}
-exports.useSliderMoveEvent = useSliderMoveEvent;
-//# sourceMappingURL=useSliderMoveEvent.js.map

package/HeroCarousel/hooks/useSliderMoveEvent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSliderMoveEvent.js","sourceRoot":"","sources":["../../../src/HeroCarousel/hooks/useSliderMoveEvent.ts"],"names":[],"mappings":";;;AAAA,+BAA4C;AAC5C,6CAA4C;AAE5C,SAAgB,kBAAkB;IAC1B,IAAA,KAAoB,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAA9B,KAAK,QAAA,EAAE,QAAQ,QAAe,CAAC;IAChC,IAAA,KAAoB,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAA9B,KAAK,QAAA,EAAE,QAAQ,QAAe,CAAC;IAChC,IAAA,KAAsB,IAAA,gBAAQ,EAAgB,IAAI,CAAC,EAAlD,MAAM,QAAA,EAAE,SAAS,QAAiC,CAAC;IACpD,IAAA,KAAsB,IAAA,gBAAQ,EAAgB,IAAI,CAAC,EAAlD,MAAM,QAAA,EAAE,SAAS,QAAiC,CAAC;IAC1D,IAAM,QAAQ,GAAG,IAAA,yBAAW,EAAC,KAAK,CAAC,CAAC;IACpC,IAAM,QAAQ,GAAG,IAAA,yBAAW,EAAC,KAAK,CAAC,CAAC;IACpC,IAAM,SAAS,GAAG,IAAA,yBAAW,EAAC,MAAM,CAAC,CAAC;IACtC,IAAM,SAAS,GAAG,IAAA,yBAAW,EAAC,MAAM,CAAC,CAAC;IAEtC,IAAM,WAAW,GAAG,UAAC,CAAa;QAChC,IAAI,SAAS,CAAC,OAAO,KAAK,IAAI,IAAI,SAAS,CAAC,OAAO,KAAK,IAAI;YAAE,OAAO;QAErE,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,QAAQ,CAAC,CAAC,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;QACxC,QAAQ,CAAC,CAAC,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,CAAa;QAChC,IACE,SAAS,CAAC,OAAO,KAAK,IAAI;YAC1B,SAAS,CAAC,OAAO,KAAK,IAAI;YAC1B,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,EACjB;YACA,OAAO;SACR;QAED,IAAM,KAAK,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAE3B,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;QAC5C,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QACzD,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,EAAE;YACvD,OAAO,EAAE,IAAI;SACd,CAAC,CAAC;QAEH,OAAO;YACL,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;YAC5D,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC;QAC9D,CAAC,CAAC;QACF,yCAAyC;QACzC,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,QAAQ,UAAA;QACR,QAAQ,UAAA;QACR,QAAQ,UAAA;QACR,QAAQ,UAAA;QACR,SAAS,WAAA;QACT,SAAS,WAAA;KACV,CAAC;AACJ,CAAC;AAxDD,gDAwDC"}

package/HeroCarousel/hooks/useSliderMoveEvent.mjs

@@ -1,49 +0,0 @@
-import { useEffect, useState } from 'react';
-import { useValueRef } from './useValueRef';
-export function useSliderMoveEvent() {
-    const [diffX, setDiffX] = useState(0);
-    const [diffY, setDiffY] = useState(0);
-    const [startX, setStartX] = useState(null);
-    const [startY, setStartY] = useState(null);
-    const diffXRef = useValueRef(diffX);
-    const diffYRef = useValueRef(diffY);
-    const startXRef = useValueRef(startX);
-    const startYRef = useValueRef(startY);
-    const onMouseMove = (e) => {
-        if (startXRef.current === null || startYRef.current === null)
-            return;
-        e.preventDefault();
-        setDiffX(e.clientX - startXRef.current);
-        setDiffY(e.clientY - startYRef.current);
-    };
-    const onTouchMove = (e) => {
-        if (startXRef.current === null ||
-            startYRef.current === null ||
-            !e.touches.length) {
-            return;
-        }
-        const touch = e.touches[0];
-        setDiffX(touch.clientX - startXRef.current);
-        setDiffY(touch.clientY - startYRef.current);
-    };
-    useEffect(() => {
-        document.body.addEventListener('mousemove', onMouseMove);
-        document.body.addEventListener('touchmove', onTouchMove, {
-            passive: true,
-        });
-        return () => {
-            document.body.removeEventListener('mousemove', onMouseMove);
-            document.body.removeEventListener('touchmove', onTouchMove);
-        };
-        // this effect should be called only once
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    return {
-        diffXRef,
-        diffYRef,
-        setDiffX,
-        setDiffY,
-        setStartX,
-        setStartY,
-    };
-}

package/HeroCarousel/hooks/useSliderTransition.d.ts

@@ -1,20 +0,0 @@
-import { MutableRefObject } from 'react';
-declare type Payload = {
-    copyCount: number;
-    itemCount: number;
-    linkRefs: MutableRefObject<HTMLLinkElement[]>;
-    isAutoPlaying: boolean;
-};
-export declare function useSliderTransition({ copyCount, itemCount, linkRefs, isAutoPlaying, }: Payload): {
-    currentIndexRef: MutableRefObject<number>;
-    handleTransitionEnd: () => void;
-    listStyles: {
-        transition: string;
-        transform: string;
-    };
-    setCurrentIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
-    setDisableAutoFocus: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    setDisableTransition: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-};
-export {};
-//# sourceMappingURL=useSliderTransition.d.ts.map

package/HeroCarousel/hooks/useSliderTransition.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSliderTransition.d.ts","sourceRoot":"","sources":["../../../src/HeroCarousel/hooks/useSliderTransition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAG5D,aAAK,OAAO,GAAG;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,gBAAgB,CAAC,eAAe,EAAE,CAAC,CAAC;IAC9C,aAAa,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,SAAS,EACT,QAAQ,EACR,aAAa,GACd,EAAE,OAAO;;;;;;;;;;EAgCT"}

package/HeroCarousel/hooks/useSliderTransition.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSliderTransition = void 0;
-var react_1 = require("react");
-var useValueRef_1 = require("./useValueRef");
-function useSliderTransition(_a) {
-    var copyCount = _a.copyCount, itemCount = _a.itemCount, linkRefs = _a.linkRefs, isAutoPlaying = _a.isAutoPlaying;
-    var _b = (0, react_1.useState)(0), currentIndex = _b[0], setCurrentIndex = _b[1];
-    var currentIndexRef = (0, useValueRef_1.useValueRef)(currentIndex);
-    var _c = (0, react_1.useState)(false), disableTransition = _c[0], setDisableTransition = _c[1];
-    var _d = (0, react_1.useState)(false), disableAutoFocus = _d[0], setDisableAutoFocus = _d[1];
-    var listStyles = (0, react_1.useMemo)(function () {
-        return {
-            transition: disableTransition ? 'none' : '',
-            transform: "translate3d(".concat(-100 * (currentIndex + copyCount), "%, 0, 0) translateX(0)"),
-        };
-    }, [copyCount, currentIndex, disableTransition]);
-    var handleTransitionEnd = function () {
-        if (!isAutoPlaying && !disableAutoFocus) {
-            linkRefs.current[currentIndex + copyCount].focus();
-        }
-        // if reach contents end, rewind without transition to make it look like looping
-        setDisableTransition(true);
-        setCurrentIndex(function (prev) { return (prev + itemCount) % itemCount; });
-    };
-    return {
-        currentIndexRef: currentIndexRef,
-        handleTransitionEnd: handleTransitionEnd,
-        listStyles: listStyles,
-        setCurrentIndex: setCurrentIndex,
-        setDisableAutoFocus: setDisableAutoFocus,
-        setDisableTransition: setDisableTransition,
-    };
-}
-exports.useSliderTransition = useSliderTransition;
-//# sourceMappingURL=useSliderTransition.js.map

package/HeroCarousel/hooks/useSliderTransition.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSliderTransition.js","sourceRoot":"","sources":["../../../src/HeroCarousel/hooks/useSliderTransition.ts"],"names":[],"mappings":";;;AAAA,+BAA4D;AAC5D,6CAA4C;AAS5C,SAAgB,mBAAmB,CAAC,EAK1B;QAJR,SAAS,eAAA,EACT,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,aAAa,mBAAA;IAEP,IAAA,KAAkC,IAAA,gBAAQ,EAAC,CAAC,CAAC,EAA5C,YAAY,QAAA,EAAE,eAAe,QAAe,CAAC;IACpD,IAAM,eAAe,GAAG,IAAA,yBAAW,EAAC,YAAY,CAAC,CAAC;IAC5C,IAAA,KAA4C,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1D,iBAAiB,QAAA,EAAE,oBAAoB,QAAmB,CAAC;IAC5D,IAAA,KAA0C,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxD,gBAAgB,QAAA,EAAE,mBAAmB,QAAmB,CAAC;IAEhE,IAAM,UAAU,GAAG,IAAA,eAAO,EAAC;QACzB,OAAO;YACL,UAAU,EAAE,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;YAC3C,SAAS,EAAE,sBACT,CAAC,GAAG,GAAG,CAAC,YAAY,GAAG,SAAS,CAAC,2BACX;SACzB,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEjD,IAAM,mBAAmB,GAAG;QAC1B,IAAI,CAAC,aAAa,IAAI,CAAC,gBAAgB,EAAE;YACvC,QAAQ,CAAC,OAAO,CAAC,YAAY,GAAG,SAAS,CAAC,CAAC,KAAK,EAAE,CAAC;SACpD;QACD,gFAAgF;QAChF,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAC3B,eAAe,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG,SAAS,EAA9B,CAA8B,CAAC,CAAC;IAC5D,CAAC,CAAC;IAEF,OAAO;QACL,eAAe,iBAAA;QACf,mBAAmB,qBAAA;QACnB,UAAU,YAAA;QACV,eAAe,iBAAA;QACf,mBAAmB,qBAAA;QACnB,oBAAoB,sBAAA;KACrB,CAAC;AACJ,CAAC;AArCD,kDAqCC"}

package/HeroCarousel/hooks/useSliderTransition.mjs

@@ -1,30 +0,0 @@
-import { useMemo, useState } from 'react';
-import { useValueRef } from './useValueRef';
-export function useSliderTransition({ copyCount, itemCount, linkRefs, isAutoPlaying, }) {
-    const [currentIndex, setCurrentIndex] = useState(0);
-    const currentIndexRef = useValueRef(currentIndex);
-    const [disableTransition, setDisableTransition] = useState(false);
-    const [disableAutoFocus, setDisableAutoFocus] = useState(false);
-    const listStyles = useMemo(() => {
-        return {
-            transition: disableTransition ? 'none' : '',
-            transform: `translate3d(${-100 * (currentIndex + copyCount)}%, 0, 0) translateX(0)`,
-        };
-    }, [copyCount, currentIndex, disableTransition]);
-    const handleTransitionEnd = () => {
-        if (!isAutoPlaying && !disableAutoFocus) {
-            linkRefs.current[currentIndex + copyCount].focus();
-        }
-        // if reach contents end, rewind without transition to make it look like looping
-        setDisableTransition(true);
-        setCurrentIndex((prev) => (prev + itemCount) % itemCount);
-    };
-    return {
-        currentIndexRef,
-        handleTransitionEnd,
-        listStyles,
-        setCurrentIndex,
-        setDisableAutoFocus,
-        setDisableTransition,
-    };
-}

package/HeroCarousel/hooks/useValueRef.d.ts

@@ -1,3 +0,0 @@
-import { MutableRefObject } from 'react';
-export declare function useValueRef<T>(value: T): MutableRefObject<T>;
-//# sourceMappingURL=useValueRef.d.ts.map

package/HeroCarousel/hooks/useValueRef.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useValueRef.d.ts","sourceRoot":"","sources":["../../../src/HeroCarousel/hooks/useValueRef.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAE5D,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAQ5D"}

package/HeroCarousel/hooks/useValueRef.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useValueRef = void 0;
-var react_1 = require("react");
-function useValueRef(value) {
-    var ref = (0, react_1.useRef)(value);
-    (0, react_1.useEffect)(function () {
-        ref.current = value;
-    }, [value]);
-    return ref;
-}
-exports.useValueRef = useValueRef;
-//# sourceMappingURL=useValueRef.js.map

package/HeroCarousel/hooks/useValueRef.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useValueRef.js","sourceRoot":"","sources":["../../../src/HeroCarousel/hooks/useValueRef.ts"],"names":[],"mappings":";;;AAAA,+BAA4D;AAE5D,SAAgB,WAAW,CAAI,KAAQ;IACrC,IAAM,GAAG,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IAE1B,IAAA,iBAAS,EAAC;QACR,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,GAAG,CAAC;AACb,CAAC;AARD,kCAQC"}

package/HeroCarousel/hooks/useValueRef.mjs

@@ -1,8 +0,0 @@
-import { useEffect, useRef } from 'react';
-export function useValueRef(value) {
-    const ref = useRef(value);
-    useEffect(() => {
-        ref.current = value;
-    }, [value]);
-    return ref;
-}