@salutejs/plasma-new-hope 0.326.0-canary.2013.15538813402.0 → 0.326.0-canary.2013.15558438626.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/cjs/components/Carousel/CarouselNew/Carousel.css +5 -7
- package/cjs/components/Carousel/CarouselNew/Carousel.js +7 -12
- package/cjs/components/Carousel/CarouselNew/Carousel.js.map +1 -1
- package/cjs/components/Carousel/CarouselNew/Carousel.styles.js +4 -13
- package/cjs/components/Carousel/CarouselNew/Carousel.styles.js.map +1 -1
- package/cjs/components/Carousel/CarouselNew/{Carousel.styles_1fs4wwn.css → Carousel.styles_a2t6qm.css} +2 -2
- package/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +17 -61
- package/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js.map +1 -1
- package/cjs/components/Carousel/CarouselOld/CarouselItem.js +1 -1
- package/cjs/components/Carousel/CarouselOld/CarouselItem.js.map +1 -1
- package/{es/components/Carousel/CarouselOld/CarouselItem_uvoxfy.css → cjs/components/Carousel/CarouselOld/CarouselItem_1meatnt.css} +1 -1
- package/cjs/index.css +6 -8
- package/cjs/index.js +1 -1
- package/emotion/cjs/components/Carousel/CarouselNew/Carousel.js +7 -12
- package/emotion/cjs/components/Carousel/CarouselNew/Carousel.styles.js +17 -12
- package/emotion/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +17 -60
- package/emotion/cjs/components/Carousel/CarouselNew/ui/index.js +0 -11
- package/emotion/cjs/components/Carousel/CarouselOld/CarouselItem.js +1 -1
- package/emotion/cjs/components/Carousel/index.js +4 -4
- package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.config.js +3 -3
- package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +22 -16
- package/emotion/cjs/examples/plasma_web/components/Carousel/Carousel.config.js +14 -2
- package/emotion/cjs/examples/plasma_web/components/Carousel/Carousel.js +1 -1
- package/emotion/cjs/examples/plasma_web/components/Carousel/Carousel.stories.tsx +92 -32
- package/emotion/es/components/Carousel/CarouselNew/Carousel.js +7 -12
- package/emotion/es/components/Carousel/CarouselNew/Carousel.styles.js +17 -12
- package/emotion/es/components/Carousel/CarouselNew/hooks/useCarousel.js +17 -60
- package/emotion/es/components/Carousel/CarouselNew/ui/index.js +0 -1
- package/emotion/es/components/Carousel/CarouselOld/CarouselItem.js +1 -1
- package/emotion/es/components/Carousel/index.js +1 -1
- package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.config.js +4 -4
- package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +22 -16
- package/emotion/es/examples/plasma_web/components/Carousel/Carousel.config.js +14 -2
- package/emotion/es/examples/plasma_web/components/Carousel/Carousel.js +2 -2
- package/emotion/es/examples/plasma_web/components/Carousel/Carousel.stories.tsx +92 -32
- package/es/components/Carousel/CarouselNew/Carousel.css +5 -7
- package/es/components/Carousel/CarouselNew/Carousel.js +7 -12
- package/es/components/Carousel/CarouselNew/Carousel.js.map +1 -1
- package/es/components/Carousel/CarouselNew/Carousel.styles.js +4 -13
- package/es/components/Carousel/CarouselNew/Carousel.styles.js.map +1 -1
- package/es/components/Carousel/CarouselNew/{Carousel.styles_1fs4wwn.css → Carousel.styles_a2t6qm.css} +2 -2
- package/es/components/Carousel/CarouselNew/hooks/useCarousel.js +17 -61
- package/es/components/Carousel/CarouselNew/hooks/useCarousel.js.map +1 -1
- package/es/components/Carousel/CarouselOld/CarouselItem.js +1 -1
- package/es/components/Carousel/CarouselOld/CarouselItem.js.map +1 -1
- package/{cjs/components/Carousel/CarouselOld/CarouselItem_uvoxfy.css → es/components/Carousel/CarouselOld/CarouselItem_1meatnt.css} +1 -1
- package/es/index.css +6 -8
- package/es/index.js +1 -1
- package/package.json +5 -5
- package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.js +7 -12
- package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.styles.js +2 -5
- package/styled-components/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +17 -60
- package/styled-components/cjs/components/Carousel/CarouselNew/ui/index.js +0 -11
- package/styled-components/cjs/components/Carousel/CarouselOld/CarouselItem.js +1 -1
- package/styled-components/cjs/components/Carousel/index.js +4 -4
- package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.config.js +2 -2
- package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +22 -16
- package/styled-components/cjs/examples/plasma_web/components/Carousel/Carousel.config.js +14 -2
- package/styled-components/cjs/examples/plasma_web/components/Carousel/Carousel.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Carousel/Carousel.stories.tsx +92 -32
- package/styled-components/es/components/Carousel/CarouselNew/Carousel.js +7 -12
- package/styled-components/es/components/Carousel/CarouselNew/Carousel.styles.js +2 -5
- package/styled-components/es/components/Carousel/CarouselNew/hooks/useCarousel.js +17 -60
- package/styled-components/es/components/Carousel/CarouselNew/ui/index.js +0 -1
- package/styled-components/es/components/Carousel/CarouselOld/CarouselItem.js +1 -1
- package/styled-components/es/components/Carousel/index.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.config.js +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +22 -16
- package/styled-components/es/examples/plasma_web/components/Carousel/Carousel.config.js +14 -2
- package/styled-components/es/examples/plasma_web/components/Carousel/Carousel.js +2 -2
- package/styled-components/es/examples/plasma_web/components/Carousel/Carousel.stories.tsx +92 -32
- package/types/components/Carousel/CarouselNew/Carousel.d.ts.map +1 -1
- package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts +1 -4
- package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts.map +1 -1
- package/types/components/Carousel/CarouselNew/Carousel.types.d.ts +18 -67
- package/types/components/Carousel/CarouselNew/Carousel.types.d.ts.map +1 -1
- package/types/components/Carousel/CarouselNew/hooks/useCarousel.d.ts +4 -6
- package/types/components/Carousel/CarouselNew/hooks/useCarousel.d.ts.map +1 -1
- package/types/components/Carousel/CarouselNew/ui/index.d.ts +0 -1
- package/types/components/Carousel/CarouselNew/ui/index.d.ts.map +1 -1
- package/types/components/Carousel/CarouselOld/CarouselItem.d.ts.map +1 -1
- package/types/components/Carousel/index.d.ts +1 -1
- package/types/components/Carousel/index.d.ts.map +1 -1
- package/cjs/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -62
- package/cjs/components/Carousel/CarouselNew/hooks/useDragScroll.js.map +0 -1
- package/emotion/cjs/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -65
- package/emotion/cjs/components/Carousel/CarouselNew/ui/Item/Item.js +0 -38
- package/emotion/es/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -59
- package/emotion/es/components/Carousel/CarouselNew/ui/Item/Item.js +0 -31
- package/es/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -58
- package/es/components/Carousel/CarouselNew/hooks/useDragScroll.js.map +0 -1
- package/styled-components/cjs/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -65
- package/styled-components/cjs/components/Carousel/CarouselNew/ui/Item/Item.js +0 -37
- package/styled-components/es/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -59
- package/styled-components/es/components/Carousel/CarouselNew/ui/Item/Item.js +0 -30
- package/types/components/Carousel/CarouselNew/hooks/useDragScroll.d.ts +0 -2
- package/types/components/Carousel/CarouselNew/hooks/useDragScroll.d.ts.map +0 -1
- package/types/components/Carousel/CarouselNew/ui/Item/Item.d.ts +0 -4
- package/types/components/Carousel/CarouselNew/ui/Item/Item.d.ts.map +0 -1
@@ -1,16 +1,15 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { CarouselNewProps as CarouselProps, ScrollAlign
|
2
|
+
import { CarouselNewProps as CarouselProps, ScrollAlign } from '../Carousel.types';
|
3
3
|
/**
|
4
4
|
* Подсчет смещения из-за паддингов.
|
5
5
|
*/
|
6
|
-
export declare const getCalculatedOffset: (scrollEl: Element, trackEl: Element
|
6
|
+
export declare const getCalculatedOffset: (scrollEl: Element, trackEl: Element) => number;
|
7
7
|
/**
|
8
8
|
* Подсчет скролла до переданного индекса.
|
9
9
|
*/
|
10
|
-
export declare const getCalculatedPos: ({ scrollEl, items,
|
10
|
+
export declare const getCalculatedPos: ({ scrollEl, items, index, offset, scrollAlign, }: {
|
11
11
|
scrollEl: HTMLElement;
|
12
12
|
items: HTMLCollectionOf<HTMLElement>;
|
13
|
-
axis: ScrollAxis;
|
14
13
|
index: number;
|
15
14
|
offset: number;
|
16
15
|
scrollAlign: ScrollAlign;
|
@@ -33,10 +32,9 @@ export declare const animatedScrollToX: (elem: Element, pos: number, duration?:
|
|
33
32
|
/**
|
34
33
|
* Прокрутка к указанной позиции с анимацией или без.
|
35
34
|
*/
|
36
|
-
export declare const scrollToPos: ({ scrollEl, pos,
|
35
|
+
export declare const scrollToPos: ({ scrollEl, pos, animated, duration, timingFunction, }: {
|
37
36
|
scrollEl: HTMLElement;
|
38
37
|
pos: number;
|
39
|
-
axis: ScrollAxis;
|
40
38
|
animated?: boolean;
|
41
39
|
duration?: number;
|
42
40
|
timingFunction?: TimingFunction;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"useCarousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Carousel/CarouselNew/hooks/useCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,gBAAgB,IAAI,aAAa,EAAE,WAAW,EAAE,
|
1
|
+
{"version":3,"file":"useCarousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Carousel/CarouselNew/hooks/useCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,gBAAgB,IAAI,aAAa,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEnF;;GAEG;AACH,eAAO,MAAM,mBAAmB,aAAc,OAAO,WAAW,OAAO,WAGtE,CAAC;AAsCF;;GAEG;AACH,eAAO,MAAM,gBAAgB,qDAM1B;IACC,QAAQ,EAAE,WAAW,CAAC;IACtB,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,WAAW,CAAC;CAC5B,WAuBA,CAAC;AAKF,QAAA,MAAM,GAAG;gBACO,MAAM;gBAEN,MAAM;iBAEL,MAAM;mBACJ,MAAM;CACxB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,GAAG,CAAC;AAE9C;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,SACpB,OAAO,OACR,MAAM,aACD,MAAM,mBACA,cAAc,KAC/B,IAeF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,2DAMrB;IACC,QAAQ,EAAE,WAAW,CAAC;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,cAAc,CAAC;CACnC,SAQA,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,WAAW,cACT,MAAM,WACR,MAAM,YACL,MAAM,eACH,MAAM,cACP,MAAM,eACL,WAAW,uDAkC3B,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,WAAW,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAElF;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,aAmB7E,GAAG,EAAE,UAIzB;AAED,KAAK,kBAAkB,GAAG,IAAI,CAAC,aAAa,EAAE,aAAa,CAAC,GAAG;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,KAAK,qBAAqB,GAAG;IACzB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC7C,CAAC;AAKF,eAAO,MAAM,WAAW,kGAQrB,kBAAkB,KAAG,qBAsKvB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Carousel/CarouselNew/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Carousel/CarouselNew/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CarouselItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselOld/CarouselItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAuB,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;
|
1
|
+
{"version":3,"file":"CarouselItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselOld/CarouselItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAuB,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAQ1E,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiBpD,CAAC"}
|
@@ -3,6 +3,6 @@ export { CarouselGridWrapper } from './CarouselOld/Carousel.styles';
|
|
3
3
|
export type { CarouselProps, CarouselItemProps } from './CarouselOld/Carousel.types';
|
4
4
|
export { CarouselItem } from './CarouselOld/CarouselItem';
|
5
5
|
export { carouselNewConfig, carouselNewRoot } from './CarouselNew/Carousel';
|
6
|
-
export { tokens as
|
6
|
+
export { tokens as carouselNewTokens } from './CarouselNew/Carousel.tokens';
|
7
7
|
export type { CarouselNewProps } from './CarouselNew/Carousel.types';
|
8
8
|
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACrF,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAG1D,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACrF,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAG1D,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,YAAY,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC"}
|
@@ -1,62 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
|
6
|
-
var React = require('react');
|
7
|
-
|
8
|
-
var SCROLL_SPEED = 2;
|
9
|
-
var useDragScroll = function useDragScroll(scrollRef, isDragScrollDisabled) {
|
10
|
-
var _useState = React.useState(false),
|
11
|
-
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
12
|
-
isDragging = _useState2[0],
|
13
|
-
setDragging = _useState2[1];
|
14
|
-
var _useState3 = React.useState(0),
|
15
|
-
_useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
|
16
|
-
startX = _useState4[0],
|
17
|
-
setStartX = _useState4[1];
|
18
|
-
var _useState5 = React.useState(0),
|
19
|
-
_useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
|
20
|
-
scrollLeft = _useState6[0],
|
21
|
-
setScrollLeft = _useState6[1];
|
22
|
-
var handleMouseMove = React.useCallback(function (e) {
|
23
|
-
if (isDragging && scrollRef && scrollRef.current) {
|
24
|
-
var dx = (e.clientX - startX) * SCROLL_SPEED;
|
25
|
-
scrollRef.current.scrollLeft = scrollLeft - dx;
|
26
|
-
}
|
27
|
-
}, [scrollRef, scrollLeft, isDragging, startX]);
|
28
|
-
var handleMouseUp = React.useCallback(function () {
|
29
|
-
setDragging(false);
|
30
|
-
if (scrollRef && scrollRef.current) {
|
31
|
-
scrollRef.current.style.cursor = 'grab';
|
32
|
-
}
|
33
|
-
}, [scrollRef, setDragging]);
|
34
|
-
var handleMouseDown = React.useCallback(function (e) {
|
35
|
-
setDragging(true);
|
36
|
-
if (scrollRef && scrollRef.current) {
|
37
|
-
setStartX(e.clientX);
|
38
|
-
setScrollLeft(scrollRef.current.scrollLeft);
|
39
|
-
scrollRef.current.style.cursor = 'grabbing';
|
40
|
-
}
|
41
|
-
}, [scrollRef, setDragging, setStartX, setScrollLeft, handleMouseUp, handleMouseMove]);
|
42
|
-
React.useEffect(function () {
|
43
|
-
if (scrollRef && scrollRef.current && !isDragScrollDisabled) {
|
44
|
-
scrollRef.current.style.userSelect = 'none';
|
45
|
-
scrollRef.current.addEventListener('mousedown', handleMouseDown);
|
46
|
-
scrollRef.current.addEventListener('mouseup', handleMouseUp);
|
47
|
-
scrollRef.current.addEventListener('mouseleave', handleMouseUp);
|
48
|
-
scrollRef.current.addEventListener('mousemove', handleMouseMove);
|
49
|
-
}
|
50
|
-
return function () {
|
51
|
-
if (scrollRef && scrollRef.current && !isDragScrollDisabled) {
|
52
|
-
scrollRef.current.removeEventListener('mousedown', handleMouseDown);
|
53
|
-
scrollRef.current.removeEventListener('mouseup', handleMouseUp);
|
54
|
-
scrollRef.current.removeEventListener('mouseleave', handleMouseUp);
|
55
|
-
scrollRef.current.removeEventListener('mousemove', handleMouseMove);
|
56
|
-
}
|
57
|
-
};
|
58
|
-
}, [scrollRef, handleMouseDown, handleMouseUp, handleMouseMove, isDragScrollDisabled]);
|
59
|
-
};
|
60
|
-
|
61
|
-
exports.useDragScroll = useDragScroll;
|
62
|
-
//# sourceMappingURL=useDragScroll.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"useDragScroll.js","sources":["../../../../../src/components/Carousel/CarouselNew/hooks/useDragScroll.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nconst SCROLL_SPEED = 2;\n\nexport const useDragScroll = <T extends HTMLElement>(\n scrollRef: React.MutableRefObject<T | null>,\n isDragScrollDisabled?: boolean,\n) => {\n const [isDragging, setDragging] = useState(false);\n const [startX, setStartX] = useState(0);\n const [scrollLeft, setScrollLeft] = useState(0);\n\n const handleMouseMove = useCallback(\n (e: MouseEvent): void => {\n if (isDragging && scrollRef && scrollRef.current) {\n const dx = (e.clientX - startX) * SCROLL_SPEED;\n scrollRef.current.scrollLeft = scrollLeft - dx;\n }\n },\n [scrollRef, scrollLeft, isDragging, startX],\n );\n\n const handleMouseUp = useCallback((): void => {\n setDragging(false);\n\n if (scrollRef && scrollRef.current) {\n scrollRef.current.style.cursor = 'grab';\n }\n }, [scrollRef, setDragging]);\n\n const handleMouseDown = useCallback(\n (e: MouseEvent): void => {\n setDragging(true);\n\n if (scrollRef && scrollRef.current) {\n setStartX(e.clientX);\n setScrollLeft(scrollRef.current.scrollLeft);\n\n scrollRef.current.style.cursor = 'grabbing';\n }\n },\n [scrollRef, setDragging, setStartX, setScrollLeft, handleMouseUp, handleMouseMove],\n );\n\n useEffect(() => {\n if (scrollRef && scrollRef.current && !isDragScrollDisabled) {\n scrollRef.current.style.userSelect = 'none';\n scrollRef.current.addEventListener('mousedown', handleMouseDown);\n scrollRef.current.addEventListener('mouseup', handleMouseUp);\n scrollRef.current.addEventListener('mouseleave', handleMouseUp);\n scrollRef.current.addEventListener('mousemove', handleMouseMove);\n }\n\n return () => {\n if (scrollRef && scrollRef.current && !isDragScrollDisabled) {\n scrollRef.current.removeEventListener('mousedown', handleMouseDown);\n scrollRef.current.removeEventListener('mouseup', handleMouseUp);\n scrollRef.current.removeEventListener('mouseleave', handleMouseUp);\n scrollRef.current.removeEventListener('mousemove', handleMouseMove);\n }\n };\n }, [scrollRef, handleMouseDown, handleMouseUp, handleMouseMove, isDragScrollDisabled]);\n};\n"],"names":["SCROLL_SPEED","useDragScroll","scrollRef","isDragScrollDisabled","_useState","useState","_useState2","_slicedToArray","isDragging","setDragging","_useState3","_useState4","startX","setStartX","_useState5","_useState6","scrollLeft","setScrollLeft","handleMouseMove","useCallback","e","current","dx","clientX","handleMouseUp","style","cursor","handleMouseDown","useEffect","userSelect","addEventListener","removeEventListener"],"mappings":";;;;;;;AAEA,IAAMA,YAAY,GAAG,CAAC,CAAA;AAEf,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CACtBC,SAA2C,EAC3CC,oBAA8B,EAC7B;AACD,EAAA,IAAAC,SAAA,GAAkCC,cAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA1CI,IAAAA,UAAU,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,WAAW,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAC9B,EAAA,IAAAI,UAAA,GAA4BL,cAAQ,CAAC,CAAC,CAAC;IAAAM,UAAA,GAAAJ,uCAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAAhCE,IAAAA,MAAM,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AACxB,EAAA,IAAAG,UAAA,GAAoCT,cAAQ,CAAC,CAAC,CAAC;IAAAU,UAAA,GAAAR,uCAAA,CAAAO,UAAA,EAAA,CAAA,CAAA;AAAxCE,IAAAA,UAAU,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,aAAa,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAEhC,EAAA,IAAMG,eAAe,GAAGC,iBAAW,CAC/B,UAACC,CAAa,EAAW;AACrB,IAAA,IAAIZ,UAAU,IAAIN,SAAS,IAAIA,SAAS,CAACmB,OAAO,EAAE;MAC9C,IAAMC,EAAE,GAAG,CAACF,CAAC,CAACG,OAAO,GAAGX,MAAM,IAAIZ,YAAY,CAAA;AAC9CE,MAAAA,SAAS,CAACmB,OAAO,CAACL,UAAU,GAAGA,UAAU,GAAGM,EAAE,CAAA;AAClD,KAAA;GACH,EACD,CAACpB,SAAS,EAAEc,UAAU,EAAER,UAAU,EAAEI,MAAM,CAC9C,CAAC,CAAA;AAED,EAAA,IAAMY,aAAa,GAAGL,iBAAW,CAAC,YAAY;IAC1CV,WAAW,CAAC,KAAK,CAAC,CAAA;AAElB,IAAA,IAAIP,SAAS,IAAIA,SAAS,CAACmB,OAAO,EAAE;AAChCnB,MAAAA,SAAS,CAACmB,OAAO,CAACI,KAAK,CAACC,MAAM,GAAG,MAAM,CAAA;AAC3C,KAAA;AACJ,GAAC,EAAE,CAACxB,SAAS,EAAEO,WAAW,CAAC,CAAC,CAAA;AAE5B,EAAA,IAAMkB,eAAe,GAAGR,iBAAW,CAC/B,UAACC,CAAa,EAAW;IACrBX,WAAW,CAAC,IAAI,CAAC,CAAA;AAEjB,IAAA,IAAIP,SAAS,IAAIA,SAAS,CAACmB,OAAO,EAAE;AAChCR,MAAAA,SAAS,CAACO,CAAC,CAACG,OAAO,CAAC,CAAA;AACpBN,MAAAA,aAAa,CAACf,SAAS,CAACmB,OAAO,CAACL,UAAU,CAAC,CAAA;AAE3Cd,MAAAA,SAAS,CAACmB,OAAO,CAACI,KAAK,CAACC,MAAM,GAAG,UAAU,CAAA;AAC/C,KAAA;AACJ,GAAC,EACD,CAACxB,SAAS,EAAEO,WAAW,EAAEI,SAAS,EAAEI,aAAa,EAAEO,aAAa,EAAEN,eAAe,CACrF,CAAC,CAAA;AAEDU,EAAAA,eAAS,CAAC,YAAM;IACZ,IAAI1B,SAAS,IAAIA,SAAS,CAACmB,OAAO,IAAI,CAAClB,oBAAoB,EAAE;AACzDD,MAAAA,SAAS,CAACmB,OAAO,CAACI,KAAK,CAACI,UAAU,GAAG,MAAM,CAAA;MAC3C3B,SAAS,CAACmB,OAAO,CAACS,gBAAgB,CAAC,WAAW,EAAEH,eAAe,CAAC,CAAA;MAChEzB,SAAS,CAACmB,OAAO,CAACS,gBAAgB,CAAC,SAAS,EAAEN,aAAa,CAAC,CAAA;MAC5DtB,SAAS,CAACmB,OAAO,CAACS,gBAAgB,CAAC,YAAY,EAAEN,aAAa,CAAC,CAAA;MAC/DtB,SAAS,CAACmB,OAAO,CAACS,gBAAgB,CAAC,WAAW,EAAEZ,eAAe,CAAC,CAAA;AACpE,KAAA;AAEA,IAAA,OAAO,YAAM;MACT,IAAIhB,SAAS,IAAIA,SAAS,CAACmB,OAAO,IAAI,CAAClB,oBAAoB,EAAE;QACzDD,SAAS,CAACmB,OAAO,CAACU,mBAAmB,CAAC,WAAW,EAAEJ,eAAe,CAAC,CAAA;QACnEzB,SAAS,CAACmB,OAAO,CAACU,mBAAmB,CAAC,SAAS,EAAEP,aAAa,CAAC,CAAA;QAC/DtB,SAAS,CAACmB,OAAO,CAACU,mBAAmB,CAAC,YAAY,EAAEP,aAAa,CAAC,CAAA;QAClEtB,SAAS,CAACmB,OAAO,CAACU,mBAAmB,CAAC,WAAW,EAAEb,eAAe,CAAC,CAAA;AACvE,OAAA;KACH,CAAA;AACL,GAAC,EAAE,CAAChB,SAAS,EAAEyB,eAAe,EAAEH,aAAa,EAAEN,eAAe,EAAEf,oBAAoB,CAAC,CAAC,CAAA;AAC1F;;;;"}
|
@@ -1,65 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.useDragScroll = void 0;
|
7
|
-
var _react = /*#__PURE__*/require("react");
|
8
|
-
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
9
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
10
|
-
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
11
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
12
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
13
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
14
|
-
var SCROLL_SPEED = 2;
|
15
|
-
var useDragScroll = exports.useDragScroll = function useDragScroll(scrollRef, isDragScrollDisabled) {
|
16
|
-
var _useState = (0, _react.useState)(false),
|
17
|
-
_useState2 = _slicedToArray(_useState, 2),
|
18
|
-
isDragging = _useState2[0],
|
19
|
-
setDragging = _useState2[1];
|
20
|
-
var _useState3 = (0, _react.useState)(0),
|
21
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
22
|
-
startX = _useState4[0],
|
23
|
-
setStartX = _useState4[1];
|
24
|
-
var _useState5 = (0, _react.useState)(0),
|
25
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
26
|
-
scrollLeft = _useState6[0],
|
27
|
-
setScrollLeft = _useState6[1];
|
28
|
-
var handleMouseMove = (0, _react.useCallback)(function (e) {
|
29
|
-
if (isDragging && scrollRef && scrollRef.current) {
|
30
|
-
var dx = (e.clientX - startX) * SCROLL_SPEED;
|
31
|
-
scrollRef.current.scrollLeft = scrollLeft - dx;
|
32
|
-
}
|
33
|
-
}, [scrollRef, scrollLeft, isDragging, startX]);
|
34
|
-
var handleMouseUp = (0, _react.useCallback)(function () {
|
35
|
-
setDragging(false);
|
36
|
-
if (scrollRef && scrollRef.current) {
|
37
|
-
scrollRef.current.style.cursor = 'grab';
|
38
|
-
}
|
39
|
-
}, [scrollRef, setDragging]);
|
40
|
-
var handleMouseDown = (0, _react.useCallback)(function (e) {
|
41
|
-
setDragging(true);
|
42
|
-
if (scrollRef && scrollRef.current) {
|
43
|
-
setStartX(e.clientX);
|
44
|
-
setScrollLeft(scrollRef.current.scrollLeft);
|
45
|
-
scrollRef.current.style.cursor = 'grabbing';
|
46
|
-
}
|
47
|
-
}, [scrollRef, setDragging, setStartX, setScrollLeft, handleMouseUp, handleMouseMove]);
|
48
|
-
(0, _react.useEffect)(function () {
|
49
|
-
if (scrollRef && scrollRef.current && !isDragScrollDisabled) {
|
50
|
-
scrollRef.current.style.userSelect = 'none';
|
51
|
-
scrollRef.current.addEventListener('mousedown', handleMouseDown);
|
52
|
-
scrollRef.current.addEventListener('mouseup', handleMouseUp);
|
53
|
-
scrollRef.current.addEventListener('mouseleave', handleMouseUp);
|
54
|
-
scrollRef.current.addEventListener('mousemove', handleMouseMove);
|
55
|
-
}
|
56
|
-
return function () {
|
57
|
-
if (scrollRef && scrollRef.current && !isDragScrollDisabled) {
|
58
|
-
scrollRef.current.removeEventListener('mousedown', handleMouseDown);
|
59
|
-
scrollRef.current.removeEventListener('mouseup', handleMouseUp);
|
60
|
-
scrollRef.current.removeEventListener('mouseleave', handleMouseUp);
|
61
|
-
scrollRef.current.removeEventListener('mousemove', handleMouseMove);
|
62
|
-
}
|
63
|
-
};
|
64
|
-
}, [scrollRef, handleMouseDown, handleMouseUp, handleMouseMove, isDragScrollDisabled]);
|
65
|
-
};
|
@@ -1,38 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.CarouselItem = void 0;
|
7
|
-
var _base = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("@emotion/styled/base"));
|
8
|
-
var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
|
9
|
-
var _excluded = ["scrollSnapAlign", "scrollSnapStop", "children"];
|
10
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
11
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
12
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
13
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
14
|
-
var StyledItem = /*#__PURE__*/(0, _base["default"])("div", {
|
15
|
-
target: "e1yja0mz0",
|
16
|
-
label: "plasma-new-hope__StyledItem"
|
17
|
-
})("scroll-snap-align:", function (_ref) {
|
18
|
-
var scrollSnapAlign = _ref.scrollSnapAlign;
|
19
|
-
return scrollSnapAlign || 'none';
|
20
|
-
}, ";scroll-snap-stop:", function (_ref2) {
|
21
|
-
var scrollSnapAlign = _ref2.scrollSnapAlign,
|
22
|
-
scrollSnapStop = _ref2.scrollSnapStop;
|
23
|
-
return scrollSnapAlign ? scrollSnapStop : 'normal';
|
24
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWxOZXcvdWkvSXRlbS9JdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUYiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbE5ldy91aS9JdGVtL0l0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgU25hcEFsaWduLCBTbmFwU3RvcCwgQ2Fyb3VzZWxJdGVtUHJvcHMgfSBmcm9tICcuLi8uLi9DYXJvdXNlbC50eXBlcyc7XG5cbmNvbnN0IFN0eWxlZEl0ZW0gPSBzdHlsZWQuZGl2PHsgc2Nyb2xsU25hcEFsaWduOiBTbmFwQWxpZ247IHNjcm9sbFNuYXBTdG9wOiBTbmFwU3RvcCB9PmBcbiAgICBzY3JvbGwtc25hcC1hbGlnbjogJHsoeyBzY3JvbGxTbmFwQWxpZ24gfSkgPT4gc2Nyb2xsU25hcEFsaWduIHx8ICdub25lJ307XG4gICAgc2Nyb2xsLXNuYXAtc3RvcDogJHsoeyBzY3JvbGxTbmFwQWxpZ24sIHNjcm9sbFNuYXBTdG9wIH0pID0+IChzY3JvbGxTbmFwQWxpZ24gPyBzY3JvbGxTbmFwU3RvcCA6ICdub3JtYWwnKX07XG5gO1xuXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxJdGVtOiBSZWFjdC5GQzxDYXJvdXNlbEl0ZW1Qcm9wcz4gPSAoe1xuICAgIHNjcm9sbFNuYXBBbGlnbiA9ICdjZW50ZXInLFxuICAgIHNjcm9sbFNuYXBTdG9wID0gJ2Fsd2F5cycsXG4gICAgY2hpbGRyZW4sXG4gICAgLi4ucmVzdFxufSkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxTdHlsZWRJdGVtXG4gICAgICAgICAgICBzY3JvbGxTbmFwQWxpZ249e3Njcm9sbFNuYXBBbGlnbn1cbiAgICAgICAgICAgIHNjcm9sbFNuYXBTdG9wPXtzY3JvbGxTbmFwU3RvcH1cbiAgICAgICAgICAgIHJvbGU9XCJncm91cFwiXG4gICAgICAgICAgICBhcmlhLXJvbGVkZXNjcmlwdGlvbj1cInNsaWRlXCJcbiAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICA+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvU3R5bGVkSXRlbT5cbiAgICApO1xufTtcbiJdfQ== */"));
|
25
|
-
var CarouselItem = exports.CarouselItem = function CarouselItem(_ref3) {
|
26
|
-
var _ref3$scrollSnapAlign = _ref3.scrollSnapAlign,
|
27
|
-
scrollSnapAlign = _ref3$scrollSnapAlign === void 0 ? 'center' : _ref3$scrollSnapAlign,
|
28
|
-
_ref3$scrollSnapStop = _ref3.scrollSnapStop,
|
29
|
-
scrollSnapStop = _ref3$scrollSnapStop === void 0 ? 'always' : _ref3$scrollSnapStop,
|
30
|
-
children = _ref3.children,
|
31
|
-
rest = _objectWithoutProperties(_ref3, _excluded);
|
32
|
-
return /*#__PURE__*/_react["default"].createElement(StyledItem, _extends({
|
33
|
-
scrollSnapAlign: scrollSnapAlign,
|
34
|
-
scrollSnapStop: scrollSnapStop,
|
35
|
-
role: "group",
|
36
|
-
"aria-roledescription": "slide"
|
37
|
-
}, rest), children);
|
38
|
-
};
|
@@ -1,59 +0,0 @@
|
|
1
|
-
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
2
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
3
|
-
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
4
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
5
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
6
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
7
|
-
import { useCallback, useEffect, useState } from 'react';
|
8
|
-
var SCROLL_SPEED = 2;
|
9
|
-
export var useDragScroll = function useDragScroll(scrollRef, isDragScrollDisabled) {
|
10
|
-
var _useState = useState(false),
|
11
|
-
_useState2 = _slicedToArray(_useState, 2),
|
12
|
-
isDragging = _useState2[0],
|
13
|
-
setDragging = _useState2[1];
|
14
|
-
var _useState3 = useState(0),
|
15
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
16
|
-
startX = _useState4[0],
|
17
|
-
setStartX = _useState4[1];
|
18
|
-
var _useState5 = useState(0),
|
19
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
20
|
-
scrollLeft = _useState6[0],
|
21
|
-
setScrollLeft = _useState6[1];
|
22
|
-
var handleMouseMove = useCallback(function (e) {
|
23
|
-
if (isDragging && scrollRef && scrollRef.current) {
|
24
|
-
var dx = (e.clientX - startX) * SCROLL_SPEED;
|
25
|
-
scrollRef.current.scrollLeft = scrollLeft - dx;
|
26
|
-
}
|
27
|
-
}, [scrollRef, scrollLeft, isDragging, startX]);
|
28
|
-
var handleMouseUp = useCallback(function () {
|
29
|
-
setDragging(false);
|
30
|
-
if (scrollRef && scrollRef.current) {
|
31
|
-
scrollRef.current.style.cursor = 'grab';
|
32
|
-
}
|
33
|
-
}, [scrollRef, setDragging]);
|
34
|
-
var handleMouseDown = useCallback(function (e) {
|
35
|
-
setDragging(true);
|
36
|
-
if (scrollRef && scrollRef.current) {
|
37
|
-
setStartX(e.clientX);
|
38
|
-
setScrollLeft(scrollRef.current.scrollLeft);
|
39
|
-
scrollRef.current.style.cursor = 'grabbing';
|
40
|
-
}
|
41
|
-
}, [scrollRef, setDragging, setStartX, setScrollLeft, handleMouseUp, handleMouseMove]);
|
42
|
-
useEffect(function () {
|
43
|
-
if (scrollRef && scrollRef.current && !isDragScrollDisabled) {
|
44
|
-
scrollRef.current.style.userSelect = 'none';
|
45
|
-
scrollRef.current.addEventListener('mousedown', handleMouseDown);
|
46
|
-
scrollRef.current.addEventListener('mouseup', handleMouseUp);
|
47
|
-
scrollRef.current.addEventListener('mouseleave', handleMouseUp);
|
48
|
-
scrollRef.current.addEventListener('mousemove', handleMouseMove);
|
49
|
-
}
|
50
|
-
return function () {
|
51
|
-
if (scrollRef && scrollRef.current && !isDragScrollDisabled) {
|
52
|
-
scrollRef.current.removeEventListener('mousedown', handleMouseDown);
|
53
|
-
scrollRef.current.removeEventListener('mouseup', handleMouseUp);
|
54
|
-
scrollRef.current.removeEventListener('mouseleave', handleMouseUp);
|
55
|
-
scrollRef.current.removeEventListener('mousemove', handleMouseMove);
|
56
|
-
}
|
57
|
-
};
|
58
|
-
}, [scrollRef, handleMouseDown, handleMouseUp, handleMouseMove, isDragScrollDisabled]);
|
59
|
-
};
|
@@ -1,31 +0,0 @@
|
|
1
|
-
import _styled from "@emotion/styled/base";
|
2
|
-
var _excluded = ["scrollSnapAlign", "scrollSnapStop", "children"];
|
3
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
4
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
5
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
6
|
-
import React from 'react';
|
7
|
-
var StyledItem = /*#__PURE__*/_styled("div", {
|
8
|
-
target: "e1yja0mz0",
|
9
|
-
label: "plasma-new-hope__StyledItem"
|
10
|
-
})("scroll-snap-align:", function (_ref) {
|
11
|
-
var scrollSnapAlign = _ref.scrollSnapAlign;
|
12
|
-
return scrollSnapAlign || 'none';
|
13
|
-
}, ";scroll-snap-stop:", function (_ref2) {
|
14
|
-
var scrollSnapAlign = _ref2.scrollSnapAlign,
|
15
|
-
scrollSnapStop = _ref2.scrollSnapStop;
|
16
|
-
return scrollSnapAlign ? scrollSnapStop : 'normal';
|
17
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQ2Fyb3VzZWwvQ2Fyb3VzZWxOZXcvdWkvSXRlbS9JdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUYiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9DYXJvdXNlbC9DYXJvdXNlbE5ldy91aS9JdGVtL0l0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgU25hcEFsaWduLCBTbmFwU3RvcCwgQ2Fyb3VzZWxJdGVtUHJvcHMgfSBmcm9tICcuLi8uLi9DYXJvdXNlbC50eXBlcyc7XG5cbmNvbnN0IFN0eWxlZEl0ZW0gPSBzdHlsZWQuZGl2PHsgc2Nyb2xsU25hcEFsaWduOiBTbmFwQWxpZ247IHNjcm9sbFNuYXBTdG9wOiBTbmFwU3RvcCB9PmBcbiAgICBzY3JvbGwtc25hcC1hbGlnbjogJHsoeyBzY3JvbGxTbmFwQWxpZ24gfSkgPT4gc2Nyb2xsU25hcEFsaWduIHx8ICdub25lJ307XG4gICAgc2Nyb2xsLXNuYXAtc3RvcDogJHsoeyBzY3JvbGxTbmFwQWxpZ24sIHNjcm9sbFNuYXBTdG9wIH0pID0+IChzY3JvbGxTbmFwQWxpZ24gPyBzY3JvbGxTbmFwU3RvcCA6ICdub3JtYWwnKX07XG5gO1xuXG5leHBvcnQgY29uc3QgQ2Fyb3VzZWxJdGVtOiBSZWFjdC5GQzxDYXJvdXNlbEl0ZW1Qcm9wcz4gPSAoe1xuICAgIHNjcm9sbFNuYXBBbGlnbiA9ICdjZW50ZXInLFxuICAgIHNjcm9sbFNuYXBTdG9wID0gJ2Fsd2F5cycsXG4gICAgY2hpbGRyZW4sXG4gICAgLi4ucmVzdFxufSkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxTdHlsZWRJdGVtXG4gICAgICAgICAgICBzY3JvbGxTbmFwQWxpZ249e3Njcm9sbFNuYXBBbGlnbn1cbiAgICAgICAgICAgIHNjcm9sbFNuYXBTdG9wPXtzY3JvbGxTbmFwU3RvcH1cbiAgICAgICAgICAgIHJvbGU9XCJncm91cFwiXG4gICAgICAgICAgICBhcmlhLXJvbGVkZXNjcmlwdGlvbj1cInNsaWRlXCJcbiAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICA+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvU3R5bGVkSXRlbT5cbiAgICApO1xufTtcbiJdfQ== */"));
|
18
|
-
export var CarouselItem = function CarouselItem(_ref3) {
|
19
|
-
var _ref3$scrollSnapAlign = _ref3.scrollSnapAlign,
|
20
|
-
scrollSnapAlign = _ref3$scrollSnapAlign === void 0 ? 'center' : _ref3$scrollSnapAlign,
|
21
|
-
_ref3$scrollSnapStop = _ref3.scrollSnapStop,
|
22
|
-
scrollSnapStop = _ref3$scrollSnapStop === void 0 ? 'always' : _ref3$scrollSnapStop,
|
23
|
-
children = _ref3.children,
|
24
|
-
rest = _objectWithoutProperties(_ref3, _excluded);
|
25
|
-
return /*#__PURE__*/React.createElement(StyledItem, _extends({
|
26
|
-
scrollSnapAlign: scrollSnapAlign,
|
27
|
-
scrollSnapStop: scrollSnapStop,
|
28
|
-
role: "group",
|
29
|
-
"aria-roledescription": "slide"
|
30
|
-
}, rest), children);
|
31
|
-
};
|
@@ -1,58 +0,0 @@
|
|
1
|
-
import { slicedToArray as _slicedToArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
-
import { useState, useCallback, useEffect } from 'react';
|
3
|
-
|
4
|
-
var SCROLL_SPEED = 2;
|
5
|
-
var useDragScroll = function useDragScroll(scrollRef, isDragScrollDisabled) {
|
6
|
-
var _useState = useState(false),
|
7
|
-
_useState2 = _slicedToArray(_useState, 2),
|
8
|
-
isDragging = _useState2[0],
|
9
|
-
setDragging = _useState2[1];
|
10
|
-
var _useState3 = useState(0),
|
11
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
12
|
-
startX = _useState4[0],
|
13
|
-
setStartX = _useState4[1];
|
14
|
-
var _useState5 = useState(0),
|
15
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
16
|
-
scrollLeft = _useState6[0],
|
17
|
-
setScrollLeft = _useState6[1];
|
18
|
-
var handleMouseMove = useCallback(function (e) {
|
19
|
-
if (isDragging && scrollRef && scrollRef.current) {
|
20
|
-
var dx = (e.clientX - startX) * SCROLL_SPEED;
|
21
|
-
scrollRef.current.scrollLeft = scrollLeft - dx;
|
22
|
-
}
|
23
|
-
}, [scrollRef, scrollLeft, isDragging, startX]);
|
24
|
-
var handleMouseUp = useCallback(function () {
|
25
|
-
setDragging(false);
|
26
|
-
if (scrollRef && scrollRef.current) {
|
27
|
-
scrollRef.current.style.cursor = 'grab';
|
28
|
-
}
|
29
|
-
}, [scrollRef, setDragging]);
|
30
|
-
var handleMouseDown = useCallback(function (e) {
|
31
|
-
setDragging(true);
|
32
|
-
if (scrollRef && scrollRef.current) {
|
33
|
-
setStartX(e.clientX);
|
34
|
-
setScrollLeft(scrollRef.current.scrollLeft);
|
35
|
-
scrollRef.current.style.cursor = 'grabbing';
|
36
|
-
}
|
37
|
-
}, [scrollRef, setDragging, setStartX, setScrollLeft, handleMouseUp, handleMouseMove]);
|
38
|
-
useEffect(function () {
|
39
|
-
if (scrollRef && scrollRef.current && !isDragScrollDisabled) {
|
40
|
-
scrollRef.current.style.userSelect = 'none';
|
41
|
-
scrollRef.current.addEventListener('mousedown', handleMouseDown);
|
42
|
-
scrollRef.current.addEventListener('mouseup', handleMouseUp);
|
43
|
-
scrollRef.current.addEventListener('mouseleave', handleMouseUp);
|
44
|
-
scrollRef.current.addEventListener('mousemove', handleMouseMove);
|
45
|
-
}
|
46
|
-
return function () {
|
47
|
-
if (scrollRef && scrollRef.current && !isDragScrollDisabled) {
|
48
|
-
scrollRef.current.removeEventListener('mousedown', handleMouseDown);
|
49
|
-
scrollRef.current.removeEventListener('mouseup', handleMouseUp);
|
50
|
-
scrollRef.current.removeEventListener('mouseleave', handleMouseUp);
|
51
|
-
scrollRef.current.removeEventListener('mousemove', handleMouseMove);
|
52
|
-
}
|
53
|
-
};
|
54
|
-
}, [scrollRef, handleMouseDown, handleMouseUp, handleMouseMove, isDragScrollDisabled]);
|
55
|
-
};
|
56
|
-
|
57
|
-
export { useDragScroll };
|
58
|
-
//# sourceMappingURL=useDragScroll.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"useDragScroll.js","sources":["../../../../../src/components/Carousel/CarouselNew/hooks/useDragScroll.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\nconst SCROLL_SPEED = 2;\n\nexport const useDragScroll = <T extends HTMLElement>(\n scrollRef: React.MutableRefObject<T | null>,\n isDragScrollDisabled?: boolean,\n) => {\n const [isDragging, setDragging] = useState(false);\n const [startX, setStartX] = useState(0);\n const [scrollLeft, setScrollLeft] = useState(0);\n\n const handleMouseMove = useCallback(\n (e: MouseEvent): void => {\n if (isDragging && scrollRef && scrollRef.current) {\n const dx = (e.clientX - startX) * SCROLL_SPEED;\n scrollRef.current.scrollLeft = scrollLeft - dx;\n }\n },\n [scrollRef, scrollLeft, isDragging, startX],\n );\n\n const handleMouseUp = useCallback((): void => {\n setDragging(false);\n\n if (scrollRef && scrollRef.current) {\n scrollRef.current.style.cursor = 'grab';\n }\n }, [scrollRef, setDragging]);\n\n const handleMouseDown = useCallback(\n (e: MouseEvent): void => {\n setDragging(true);\n\n if (scrollRef && scrollRef.current) {\n setStartX(e.clientX);\n setScrollLeft(scrollRef.current.scrollLeft);\n\n scrollRef.current.style.cursor = 'grabbing';\n }\n },\n [scrollRef, setDragging, setStartX, setScrollLeft, handleMouseUp, handleMouseMove],\n );\n\n useEffect(() => {\n if (scrollRef && scrollRef.current && !isDragScrollDisabled) {\n scrollRef.current.style.userSelect = 'none';\n scrollRef.current.addEventListener('mousedown', handleMouseDown);\n scrollRef.current.addEventListener('mouseup', handleMouseUp);\n scrollRef.current.addEventListener('mouseleave', handleMouseUp);\n scrollRef.current.addEventListener('mousemove', handleMouseMove);\n }\n\n return () => {\n if (scrollRef && scrollRef.current && !isDragScrollDisabled) {\n scrollRef.current.removeEventListener('mousedown', handleMouseDown);\n scrollRef.current.removeEventListener('mouseup', handleMouseUp);\n scrollRef.current.removeEventListener('mouseleave', handleMouseUp);\n scrollRef.current.removeEventListener('mousemove', handleMouseMove);\n }\n };\n }, [scrollRef, handleMouseDown, handleMouseUp, handleMouseMove, isDragScrollDisabled]);\n};\n"],"names":["SCROLL_SPEED","useDragScroll","scrollRef","isDragScrollDisabled","_useState","useState","_useState2","_slicedToArray","isDragging","setDragging","_useState3","_useState4","startX","setStartX","_useState5","_useState6","scrollLeft","setScrollLeft","handleMouseMove","useCallback","e","current","dx","clientX","handleMouseUp","style","cursor","handleMouseDown","useEffect","userSelect","addEventListener","removeEventListener"],"mappings":"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"}
|
@@ -1,65 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.useDragScroll = void 0;
|
7
|
-
var _react = /*#__PURE__*/require("react");
|
8
|
-
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
9
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
10
|
-
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
11
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
12
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
13
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
14
|
-
var SCROLL_SPEED = 2;
|
15
|
-
var useDragScroll = exports.useDragScroll = function useDragScroll(scrollRef, isDragScrollDisabled) {
|
16
|
-
var _useState = (0, _react.useState)(false),
|
17
|
-
_useState2 = _slicedToArray(_useState, 2),
|
18
|
-
isDragging = _useState2[0],
|
19
|
-
setDragging = _useState2[1];
|
20
|
-
var _useState3 = (0, _react.useState)(0),
|
21
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
22
|
-
startX = _useState4[0],
|
23
|
-
setStartX = _useState4[1];
|
24
|
-
var _useState5 = (0, _react.useState)(0),
|
25
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
26
|
-
scrollLeft = _useState6[0],
|
27
|
-
setScrollLeft = _useState6[1];
|
28
|
-
var handleMouseMove = (0, _react.useCallback)(function (e) {
|
29
|
-
if (isDragging && scrollRef && scrollRef.current) {
|
30
|
-
var dx = (e.clientX - startX) * SCROLL_SPEED;
|
31
|
-
scrollRef.current.scrollLeft = scrollLeft - dx;
|
32
|
-
}
|
33
|
-
}, [scrollRef, scrollLeft, isDragging, startX]);
|
34
|
-
var handleMouseUp = (0, _react.useCallback)(function () {
|
35
|
-
setDragging(false);
|
36
|
-
if (scrollRef && scrollRef.current) {
|
37
|
-
scrollRef.current.style.cursor = 'grab';
|
38
|
-
}
|
39
|
-
}, [scrollRef, setDragging]);
|
40
|
-
var handleMouseDown = (0, _react.useCallback)(function (e) {
|
41
|
-
setDragging(true);
|
42
|
-
if (scrollRef && scrollRef.current) {
|
43
|
-
setStartX(e.clientX);
|
44
|
-
setScrollLeft(scrollRef.current.scrollLeft);
|
45
|
-
scrollRef.current.style.cursor = 'grabbing';
|
46
|
-
}
|
47
|
-
}, [scrollRef, setDragging, setStartX, setScrollLeft, handleMouseUp, handleMouseMove]);
|
48
|
-
(0, _react.useEffect)(function () {
|
49
|
-
if (scrollRef && scrollRef.current && !isDragScrollDisabled) {
|
50
|
-
scrollRef.current.style.userSelect = 'none';
|
51
|
-
scrollRef.current.addEventListener('mousedown', handleMouseDown);
|
52
|
-
scrollRef.current.addEventListener('mouseup', handleMouseUp);
|
53
|
-
scrollRef.current.addEventListener('mouseleave', handleMouseUp);
|
54
|
-
scrollRef.current.addEventListener('mousemove', handleMouseMove);
|
55
|
-
}
|
56
|
-
return function () {
|
57
|
-
if (scrollRef && scrollRef.current && !isDragScrollDisabled) {
|
58
|
-
scrollRef.current.removeEventListener('mousedown', handleMouseDown);
|
59
|
-
scrollRef.current.removeEventListener('mouseup', handleMouseUp);
|
60
|
-
scrollRef.current.removeEventListener('mouseleave', handleMouseUp);
|
61
|
-
scrollRef.current.removeEventListener('mousemove', handleMouseMove);
|
62
|
-
}
|
63
|
-
};
|
64
|
-
}, [scrollRef, handleMouseDown, handleMouseUp, handleMouseMove, isDragScrollDisabled]);
|
65
|
-
};
|
@@ -1,37 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.CarouselItem = void 0;
|
7
|
-
var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
|
8
|
-
var _styledComponents = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("styled-components"));
|
9
|
-
var _excluded = ["scrollSnapAlign", "scrollSnapStop", "children"];
|
10
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
11
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
12
|
-
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
13
|
-
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
14
|
-
var StyledItem = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
15
|
-
componentId: "plasma-new-hope__sc-1j1qvbq-0"
|
16
|
-
})(["scroll-snap-align:", ";scroll-snap-stop:", ";"], function (_ref) {
|
17
|
-
var scrollSnapAlign = _ref.scrollSnapAlign;
|
18
|
-
return scrollSnapAlign || 'none';
|
19
|
-
}, function (_ref2) {
|
20
|
-
var scrollSnapAlign = _ref2.scrollSnapAlign,
|
21
|
-
scrollSnapStop = _ref2.scrollSnapStop;
|
22
|
-
return scrollSnapAlign ? scrollSnapStop : 'normal';
|
23
|
-
});
|
24
|
-
var CarouselItem = exports.CarouselItem = function CarouselItem(_ref3) {
|
25
|
-
var _ref3$scrollSnapAlign = _ref3.scrollSnapAlign,
|
26
|
-
scrollSnapAlign = _ref3$scrollSnapAlign === void 0 ? 'center' : _ref3$scrollSnapAlign,
|
27
|
-
_ref3$scrollSnapStop = _ref3.scrollSnapStop,
|
28
|
-
scrollSnapStop = _ref3$scrollSnapStop === void 0 ? 'always' : _ref3$scrollSnapStop,
|
29
|
-
children = _ref3.children,
|
30
|
-
rest = _objectWithoutProperties(_ref3, _excluded);
|
31
|
-
return /*#__PURE__*/_react["default"].createElement(StyledItem, _extends({
|
32
|
-
scrollSnapAlign: scrollSnapAlign,
|
33
|
-
scrollSnapStop: scrollSnapStop,
|
34
|
-
role: "group",
|
35
|
-
"aria-roledescription": "slide"
|
36
|
-
}, rest), children);
|
37
|
-
};
|
@@ -1,59 +0,0 @@
|
|
1
|
-
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
2
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
3
|
-
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
4
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
5
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
6
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
7
|
-
import { useCallback, useEffect, useState } from 'react';
|
8
|
-
var SCROLL_SPEED = 2;
|
9
|
-
export var useDragScroll = function useDragScroll(scrollRef, isDragScrollDisabled) {
|
10
|
-
var _useState = useState(false),
|
11
|
-
_useState2 = _slicedToArray(_useState, 2),
|
12
|
-
isDragging = _useState2[0],
|
13
|
-
setDragging = _useState2[1];
|
14
|
-
var _useState3 = useState(0),
|
15
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
16
|
-
startX = _useState4[0],
|
17
|
-
setStartX = _useState4[1];
|
18
|
-
var _useState5 = useState(0),
|
19
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
20
|
-
scrollLeft = _useState6[0],
|
21
|
-
setScrollLeft = _useState6[1];
|
22
|
-
var handleMouseMove = useCallback(function (e) {
|
23
|
-
if (isDragging && scrollRef && scrollRef.current) {
|
24
|
-
var dx = (e.clientX - startX) * SCROLL_SPEED;
|
25
|
-
scrollRef.current.scrollLeft = scrollLeft - dx;
|
26
|
-
}
|
27
|
-
}, [scrollRef, scrollLeft, isDragging, startX]);
|
28
|
-
var handleMouseUp = useCallback(function () {
|
29
|
-
setDragging(false);
|
30
|
-
if (scrollRef && scrollRef.current) {
|
31
|
-
scrollRef.current.style.cursor = 'grab';
|
32
|
-
}
|
33
|
-
}, [scrollRef, setDragging]);
|
34
|
-
var handleMouseDown = useCallback(function (e) {
|
35
|
-
setDragging(true);
|
36
|
-
if (scrollRef && scrollRef.current) {
|
37
|
-
setStartX(e.clientX);
|
38
|
-
setScrollLeft(scrollRef.current.scrollLeft);
|
39
|
-
scrollRef.current.style.cursor = 'grabbing';
|
40
|
-
}
|
41
|
-
}, [scrollRef, setDragging, setStartX, setScrollLeft, handleMouseUp, handleMouseMove]);
|
42
|
-
useEffect(function () {
|
43
|
-
if (scrollRef && scrollRef.current && !isDragScrollDisabled) {
|
44
|
-
scrollRef.current.style.userSelect = 'none';
|
45
|
-
scrollRef.current.addEventListener('mousedown', handleMouseDown);
|
46
|
-
scrollRef.current.addEventListener('mouseup', handleMouseUp);
|
47
|
-
scrollRef.current.addEventListener('mouseleave', handleMouseUp);
|
48
|
-
scrollRef.current.addEventListener('mousemove', handleMouseMove);
|
49
|
-
}
|
50
|
-
return function () {
|
51
|
-
if (scrollRef && scrollRef.current && !isDragScrollDisabled) {
|
52
|
-
scrollRef.current.removeEventListener('mousedown', handleMouseDown);
|
53
|
-
scrollRef.current.removeEventListener('mouseup', handleMouseUp);
|
54
|
-
scrollRef.current.removeEventListener('mouseleave', handleMouseUp);
|
55
|
-
scrollRef.current.removeEventListener('mousemove', handleMouseMove);
|
56
|
-
}
|
57
|
-
};
|
58
|
-
}, [scrollRef, handleMouseDown, handleMouseUp, handleMouseMove, isDragScrollDisabled]);
|
59
|
-
};
|