@salutejs/plasma-new-hope 0.321.1-canary.1945.14661970912.0 → 0.321.1-canary.1946.14663041744.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.
Files changed (105) hide show
  1. package/cjs/index.css +0 -7
  2. package/cjs/index.js +0 -7
  3. package/cjs/index.js.map +1 -1
  4. package/emotion/cjs/index.js +0 -11
  5. package/emotion/es/index.js +1 -2
  6. package/es/index.css +0 -7
  7. package/es/index.js +0 -3
  8. package/es/index.js.map +1 -1
  9. package/package.json +4 -4
  10. package/styled-components/cjs/index.js +0 -11
  11. package/styled-components/es/index.js +1 -2
  12. package/types/index.d.ts +0 -1
  13. package/types/index.d.ts.map +1 -1
  14. package/cjs/components/Carousel/Carousel.css +0 -4
  15. package/cjs/components/Carousel/Carousel.js +0 -80
  16. package/cjs/components/Carousel/Carousel.js.map +0 -1
  17. package/cjs/components/Carousel/Carousel.styles.js +0 -67
  18. package/cjs/components/Carousel/Carousel.styles.js.map +0 -1
  19. package/cjs/components/Carousel/Carousel.styles_1lyqijv.css +0 -4
  20. package/cjs/components/Carousel/CarouselItem.js +0 -53
  21. package/cjs/components/Carousel/CarouselItem.js.map +0 -1
  22. package/cjs/components/Carousel/CarouselItem_cqjszm.css +0 -1
  23. package/cjs/components/Carousel/useCarousel.js +0 -487
  24. package/cjs/components/Carousel/useCarousel.js.map +0 -1
  25. package/cjs/components/Carousel/useDragScroll.js +0 -62
  26. package/cjs/components/Carousel/useDragScroll.js.map +0 -1
  27. package/emotion/cjs/components/Carousel/Carousel.js +0 -77
  28. package/emotion/cjs/components/Carousel/Carousel.styles.js +0 -49
  29. package/emotion/cjs/components/Carousel/Carousel.types.js +0 -5
  30. package/emotion/cjs/components/Carousel/CarouselItem.js +0 -38
  31. package/emotion/cjs/components/Carousel/index.js +0 -32
  32. package/emotion/cjs/components/Carousel/useCarousel.js +0 -478
  33. package/emotion/cjs/components/Carousel/useDragScroll.js +0 -65
  34. package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.config.js +0 -10
  35. package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.js +0 -18
  36. package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +0 -80
  37. package/emotion/cjs/examples/plasma_web/components/Carousel/Carousel.config.js +0 -10
  38. package/emotion/cjs/examples/plasma_web/components/Carousel/Carousel.js +0 -18
  39. package/emotion/cjs/examples/plasma_web/components/Carousel/Carousel.stories.tsx +0 -80
  40. package/emotion/es/components/Carousel/Carousel.js +0 -69
  41. package/emotion/es/components/Carousel/Carousel.styles.js +0 -42
  42. package/emotion/es/components/Carousel/Carousel.types.js +0 -1
  43. package/emotion/es/components/Carousel/CarouselItem.js +0 -31
  44. package/emotion/es/components/Carousel/index.js +0 -3
  45. package/emotion/es/components/Carousel/useCarousel.js +0 -468
  46. package/emotion/es/components/Carousel/useDragScroll.js +0 -59
  47. package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.config.js +0 -4
  48. package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.js +0 -6
  49. package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +0 -80
  50. package/emotion/es/examples/plasma_web/components/Carousel/Carousel.config.js +0 -4
  51. package/emotion/es/examples/plasma_web/components/Carousel/Carousel.js +0 -6
  52. package/emotion/es/examples/plasma_web/components/Carousel/Carousel.stories.tsx +0 -80
  53. package/es/components/Carousel/Carousel.css +0 -4
  54. package/es/components/Carousel/Carousel.js +0 -71
  55. package/es/components/Carousel/Carousel.js.map +0 -1
  56. package/es/components/Carousel/Carousel.styles.js +0 -60
  57. package/es/components/Carousel/Carousel.styles.js.map +0 -1
  58. package/es/components/Carousel/Carousel.styles_1lyqijv.css +0 -4
  59. package/es/components/Carousel/CarouselItem.js +0 -45
  60. package/es/components/Carousel/CarouselItem.js.map +0 -1
  61. package/es/components/Carousel/CarouselItem_cqjszm.css +0 -1
  62. package/es/components/Carousel/useCarousel.js +0 -472
  63. package/es/components/Carousel/useCarousel.js.map +0 -1
  64. package/es/components/Carousel/useDragScroll.js +0 -58
  65. package/es/components/Carousel/useDragScroll.js.map +0 -1
  66. package/styled-components/cjs/components/Carousel/Carousel.js +0 -77
  67. package/styled-components/cjs/components/Carousel/Carousel.styles.js +0 -38
  68. package/styled-components/cjs/components/Carousel/Carousel.types.js +0 -5
  69. package/styled-components/cjs/components/Carousel/CarouselItem.js +0 -37
  70. package/styled-components/cjs/components/Carousel/index.js +0 -32
  71. package/styled-components/cjs/components/Carousel/useCarousel.js +0 -478
  72. package/styled-components/cjs/components/Carousel/useDragScroll.js +0 -65
  73. package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.config.js +0 -10
  74. package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.js +0 -18
  75. package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +0 -80
  76. package/styled-components/cjs/examples/plasma_web/components/Carousel/Carousel.config.js +0 -10
  77. package/styled-components/cjs/examples/plasma_web/components/Carousel/Carousel.js +0 -18
  78. package/styled-components/cjs/examples/plasma_web/components/Carousel/Carousel.stories.tsx +0 -80
  79. package/styled-components/es/components/Carousel/Carousel.js +0 -69
  80. package/styled-components/es/components/Carousel/Carousel.styles.js +0 -30
  81. package/styled-components/es/components/Carousel/Carousel.types.js +0 -1
  82. package/styled-components/es/components/Carousel/CarouselItem.js +0 -30
  83. package/styled-components/es/components/Carousel/index.js +0 -3
  84. package/styled-components/es/components/Carousel/useCarousel.js +0 -468
  85. package/styled-components/es/components/Carousel/useDragScroll.js +0 -59
  86. package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.config.js +0 -4
  87. package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.js +0 -6
  88. package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +0 -80
  89. package/styled-components/es/examples/plasma_web/components/Carousel/Carousel.config.js +0 -4
  90. package/styled-components/es/examples/plasma_web/components/Carousel/Carousel.js +0 -6
  91. package/styled-components/es/examples/plasma_web/components/Carousel/Carousel.stories.tsx +0 -80
  92. package/types/components/Carousel/Carousel.d.ts +0 -22
  93. package/types/components/Carousel/Carousel.d.ts.map +0 -1
  94. package/types/components/Carousel/Carousel.styles.d.ts +0 -16
  95. package/types/components/Carousel/Carousel.styles.d.ts.map +0 -1
  96. package/types/components/Carousel/Carousel.types.d.ts +0 -111
  97. package/types/components/Carousel/Carousel.types.d.ts.map +0 -1
  98. package/types/components/Carousel/CarouselItem.d.ts +0 -4
  99. package/types/components/Carousel/CarouselItem.d.ts.map +0 -1
  100. package/types/components/Carousel/index.d.ts +0 -5
  101. package/types/components/Carousel/index.d.ts.map +0 -1
  102. package/types/components/Carousel/useCarousel.d.ts +0 -63
  103. package/types/components/Carousel/useCarousel.d.ts.map +0 -1
  104. package/types/components/Carousel/useDragScroll.d.ts +0 -3
  105. package/types/components/Carousel/useDragScroll.d.ts.map +0 -1
@@ -1,80 +0,0 @@
1
- import * as React from 'react';
2
- import type { ComponentProps } from 'react';
3
- import type { Meta, StoryObj } from '@storybook/react';
4
- import styled from 'styled-components';
5
-
6
- import { WithTheme } from '../../../_helpers';
7
-
8
- import { Carousel, CarouselItem } from './Carousel';
9
-
10
- type StoryCarouselProps = ComponentProps<typeof Carousel>;
11
-
12
- const meta: Meta<StoryCarouselProps> = {
13
- title: 'web/Data Display/Carousel',
14
- component: Carousel,
15
- decorators: [WithTheme],
16
- argTypes: {
17
- align: {
18
- options: ['center', 'start', 'end'],
19
- control: {
20
- type: 'inline-radio',
21
- },
22
- },
23
- isDragScrollDisabled: {
24
- control: 'boolean',
25
- },
26
- },
27
- args: {
28
- align: 'center',
29
- isDragScrollDisabled: false,
30
- },
31
- parameters: {
32
- controls: {
33
- include: ['align', 'isDragScrollDisabled'],
34
- },
35
- },
36
- };
37
-
38
- export default meta;
39
-
40
- const items = Array(25)
41
- .fill({
42
- title: 'Заголовок',
43
- })
44
- .map(({ title }, i) => ({
45
- id: i,
46
- title: `${title} ${i}`,
47
- }));
48
-
49
- const StyledCard = styled.div`
50
- position: relative;
51
- border-radius: 8px;
52
- width: 350px;
53
- height: 50px;
54
- padding: 8px;
55
- background-color: #add8e6;
56
- `;
57
-
58
- const StoryDefault = ({ align, isDragScrollDisabled }: StoryCarouselProps) => {
59
- const [index, setIndex] = React.useState(0);
60
-
61
- return (
62
- <Carousel
63
- index={index}
64
- detectActive
65
- onIndexChange={setIndex}
66
- scrollAlign={align}
67
- isDragScrollDisabled={isDragScrollDisabled}
68
- >
69
- {items.map((item, i) => (
70
- <CarouselItem key={i} style={{ padding: '0 0.5rem' }} scrollSnapAlign={align}>
71
- <StyledCard>{item.title}</StyledCard>
72
- </CarouselItem>
73
- ))}
74
- </Carousel>
75
- );
76
- };
77
-
78
- export const Default: StoryObj<StoryCarouselProps> = {
79
- render: (args) => <StoryDefault {...args} />,
80
- };
@@ -1,22 +0,0 @@
1
- import { RootProps } from 'src/engines';
2
- import React from 'react';
3
- import { CarouselProps } from './Carousel.types';
4
- /**
5
- * Компонент для создания списков с прокруткой.
6
- */
7
- export declare const carouselRoot: (Root: RootProps<HTMLDivElement, CarouselProps>) => React.ForwardRefExoticComponent<Omit<import("./Carousel.types").BasicProps & (import("./Carousel.types").DetectionProps | import("./Carousel.types").NoDetectionProps), "throttleMs" | "axis" | "animatedScrollByIndex" | "debounceMs"> & {
8
- ariaLive?: "off" | "polite" | undefined;
9
- isDragScrollDisabled?: boolean | undefined;
10
- } & React.RefAttributes<HTMLDivElement>>;
11
- export declare const carouselConfig: {
12
- name: string;
13
- tag: string;
14
- layout: (Root: RootProps<HTMLDivElement, CarouselProps>) => React.ForwardRefExoticComponent<Omit<import("./Carousel.types").BasicProps & (import("./Carousel.types").DetectionProps | import("./Carousel.types").NoDetectionProps), "throttleMs" | "axis" | "animatedScrollByIndex" | "debounceMs"> & {
15
- ariaLive?: "off" | "polite" | undefined;
16
- isDragScrollDisabled?: boolean | undefined;
17
- } & React.RefAttributes<HTMLDivElement>>;
18
- base: import("@linaria/core").LinariaClassName;
19
- variations: {};
20
- defaults: {};
21
- };
22
- //# sourceMappingURL=Carousel.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIjD;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,UAAU,cAAc,EAAE,aAAa,CAAC;;;wCAuDtE,CAAC;AAEN,eAAO,MAAM,cAAc;;;mBAzDQ,UAAU,cAAc,EAAE,aAAa,CAAC;;;;;;;CAgE1E,CAAC"}
@@ -1,16 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const base: import("@linaria/core").LinariaClassName;
3
- /**
4
- * Компонент применяется, если требуется компенсировать отступы контейнера в сетке.
5
- * При обертывании вокруг ``Carousel``, добавляет карусели и ее прокрутке дополнительные отступы.
6
- * Стилизованный компонент, обладающий всеми свойствами ``div``.
7
- */
8
- export declare const CarouselGridWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
9
- export declare const CarouselWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
10
- scrollSnapType?: "none" | "mandatory" | "proximity" | undefined;
11
- }>;
12
- export declare const CarouselTrack: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
13
- paddingStart?: string | undefined;
14
- paddingEnd?: string | undefined;
15
- }>;
16
- //# sourceMappingURL=Carousel.styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Carousel.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,IAAI,0CAAQ,CAAC;AAE1B;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,qKAI/B,CAAC;AAEF,eAAO,MAAM,eAAe;;EAuB3B,CAAC;AAEF,eAAO,MAAM,aAAa;;;EASzB,CAAC"}
@@ -1,111 +0,0 @@
1
- import type { HTMLAttributes } from 'react';
2
- export declare type SnapType = 'mandatory' | 'proximity' | 'none';
3
- export declare type SnapAlign = 'start' | 'center' | 'end';
4
- export declare type SnapStop = 'normal' | 'always';
5
- export declare type ScrollAxis = 'x' | 'y';
6
- export declare type ScrollAlign = 'start' | 'center' | 'end' | 'activeDirection';
7
- interface AsProps<T = any> {
8
- /**
9
- * Сменить рендер на другой тип компонента.
10
- */
11
- as?: keyof JSX.IntrinsicElements | React.ComponentType<T>;
12
- /**
13
- * Альтернатива для `as` для случаев, когда при большой вложенности стилей,
14
- * не применяются родительские стили styled-components.
15
- */
16
- forwardedAs?: keyof JSX.IntrinsicElements | React.ComponentType<T>;
17
- }
18
- export interface BasicProps extends AsProps, HTMLAttributes<HTMLDivElement> {
19
- /**
20
- * Индекс текущего элемента
21
- */
22
- index: number;
23
- /**
24
- * Ось прокрутки
25
- */
26
- axis: ScrollAxis;
27
- /**
28
- * Тип CSS Scroll Snap
29
- */
30
- scrollSnapType?: SnapType;
31
- /**
32
- * Центрирование активного элемента при скролле
33
- */
34
- scrollAlign?: ScrollAlign;
35
- /**
36
- * Отступ в начале, используется при центрировании крайних элементов
37
- */
38
- paddingStart?: string;
39
- /**
40
- * Отступ в конце, используется при центрировании крайних элементов
41
- */
42
- paddingEnd?: string;
43
- /**
44
- * Анимированная прокрутка с помощью requestAnimationFrame
45
- */
46
- animatedScrollByIndex?: boolean;
47
- /**
48
- * Throttling внутренних обработчиков события onScroll
49
- */
50
- throttleMs?: number;
51
- /**
52
- * Debounce внутренних обработчиков события onScroll
53
- */
54
- debounceMs?: number;
55
- /**
56
- * Сменить WAI-ARIA Role списка.
57
- */
58
- listRole?: string;
59
- /**
60
- * Сменить WAI-ARIA Label списка.
61
- */
62
- listAriaLabel?: string;
63
- }
64
- export interface DetectionProps {
65
- /**
66
- * Вычислять активный элемент
67
- */
68
- detectActive: true;
69
- /**
70
- * Пороговое значение определения центрального элемента (0-1)
71
- */
72
- detectThreshold: number;
73
- /**
74
- * Коллбек изменения индекса
75
- */
76
- onIndexChange?: (index: number) => void;
77
- /**
78
- * Коллбек изменения позиции скролла
79
- */
80
- onDetectActiveItem?: (index: number) => void;
81
- /**
82
- * Обработчик стилизации элемента во вьюпорте
83
- */
84
- scaleCallback?: (itemEl: HTMLElement, slot: number) => void;
85
- /**
86
- * Обработчик для сброса стилей элементов, находящихся вне вьюпорта
87
- */
88
- scaleResetCallback?: (itemEl: HTMLElement) => void;
89
- }
90
- export interface NoDetectionProps {
91
- detectActive?: false;
92
- detectThreshold?: never;
93
- onIndexChange?: never;
94
- onDetectActiveItem?: never;
95
- scaleCallback?: never;
96
- scaleResetCallback?: never;
97
- }
98
- declare type CarouselPropsBase = BasicProps & (DetectionProps | NoDetectionProps);
99
- export declare type CarouselProps = Omit<CarouselPropsBase, 'axis' | 'animatedScrollByIndex' | 'throttleMs' | 'debounceMs'> & {
100
- /**
101
- * При значении `polite` скринридер будет объявлять переключаемые слайды.
102
- */
103
- ariaLive?: 'off' | 'polite';
104
- isDragScrollDisabled?: boolean;
105
- };
106
- export declare type CarouselItemProps = {
107
- scrollSnapAlign?: SnapAlign;
108
- scrollSnapStop?: SnapStop;
109
- } & AsProps & HTMLAttributes<HTMLDivElement>;
110
- export {};
111
- //# sourceMappingURL=Carousel.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Carousel.types.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.types.ts"],"names":[],"mappings":"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"}
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { CarouselItemProps } from './Carousel.types';
3
- export declare const CarouselItem: React.FC<CarouselItemProps>;
4
- //# sourceMappingURL=CarouselItem.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CarouselItem.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAuB,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAO1E,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiBpD,CAAC"}
@@ -1,5 +0,0 @@
1
- export { carouselConfig, carouselRoot } from './Carousel';
2
- export { CarouselGridWrapper } from './Carousel.styles';
3
- export type { CarouselProps, CarouselItemProps } from './Carousel.types';
4
- export { CarouselItem } from './CarouselItem';
5
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
@@ -1,63 +0,0 @@
1
- import React from 'react';
2
- import { CarouselProps, ScrollAlign, ScrollAxis } from './Carousel.types';
3
- /**
4
- * Подсчет смещения из-за паддингов.
5
- */
6
- export declare const getCalculatedOffset: (scrollEl: Element, trackEl: Element, axis: ScrollAxis) => number;
7
- /**
8
- * Подсчет скролла до переданного индекса.
9
- */
10
- export declare const getCalculatedPos: ({ scrollEl, items, axis, index, offset, scrollAlign, }: {
11
- scrollEl: HTMLElement;
12
- items: HTMLCollectionOf<HTMLElement>;
13
- axis: ScrollAxis;
14
- index: number;
15
- offset: number;
16
- scrollAlign: ScrollAlign;
17
- }) => number;
18
- declare const tfs: {
19
- linear: (t: number) => number;
20
- easeIn: (t: number) => number;
21
- easeOut: (t: number) => number;
22
- easeInOut: (t: number) => number;
23
- };
24
- export declare type TimingFunction = keyof typeof tfs;
25
- /**
26
- * Плавная прокрутка по горизонтали
27
- * @param {Element} elem
28
- * @param {number} pos
29
- * @param {number} duration
30
- * @param {string} timingFunction
31
- */
32
- export declare const animatedScrollToX: (elem: Element, pos: number, duration?: number, timingFunction?: TimingFunction) => void;
33
- /**
34
- * Прокрутка к указанной позиции с анимацией или без.
35
- */
36
- export declare const scrollToPos: ({ scrollEl, pos, axis, animated, duration, timingFunction, }: {
37
- scrollEl: HTMLElement;
38
- pos: number;
39
- axis: ScrollAxis;
40
- animated?: boolean | undefined;
41
- duration?: number | undefined;
42
- timingFunction?: "linear" | "easeIn" | "easeOut" | "easeInOut" | undefined;
43
- }) => void;
44
- /**
45
- * Получить позицию (слот) айтема в каруселе.
46
- * Каждый айтем имеет свой слот относительно вьюпорта карусели.
47
- */
48
- export declare const getItemSlot: (itemIndex: number, itemEnd: number, itemSize: number, scrollStart: number, scrollSize: number, scrollAlign: ScrollAlign, prevIndex?: number, offset?: number) => number | null;
49
- export declare function getCarouselItems(track: HTMLElement): HTMLCollectionOf<HTMLElement>;
50
- export declare function useDebouncedFunction(func: (...args: any) => any, delay: number, cleanUp?: boolean): (...args: any[]) => void;
51
- declare type UseCarouselOptions = Pick<CarouselProps, 'index' | 'scrollAlign' | 'detectActive' | 'detectThreshold' | 'scaleCallback' | 'scaleResetCallback' | 'onIndexChange' | 'onDetectActiveItem'> & {
52
- axis: 'x' | 'y';
53
- animatedScrollByIndex?: boolean;
54
- throttleMs?: number;
55
- debounceMs?: number;
56
- };
57
- declare type UseCarouselHookResult = {
58
- scrollRef: React.MutableRefObject<HTMLElement | null>;
59
- trackRef: React.MutableRefObject<HTMLElement | null>;
60
- };
61
- export declare const useCarousel: ({ index, axis, detectActive, detectThreshold, scrollAlign, scaleCallback, scaleResetCallback, onIndexChange, onDetectActiveItem, animatedScrollByIndex, throttleMs, debounceMs, }: UseCarouselOptions) => UseCarouselHookResult;
62
- export {};
63
- //# sourceMappingURL=useCarousel.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useCarousel.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/useCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE1E;;GAEG;AACH,eAAO,MAAM,mBAAmB,aAAc,OAAO,WAAW,OAAO,QAAQ,UAAU,WAGxF,CAAC;AAyCF;;GAEG;AACH,eAAO,MAAM,gBAAgB;cAQf,WAAW;WACd,iBAAiB,WAAW,CAAC;UAC9B,UAAU;WACT,MAAM;YACL,MAAM;iBACD,WAAW;YAsC3B,CAAC;AAKF,QAAA,MAAM,GAAG;gBACO,MAAM;gBAEN,MAAM;iBAEL,MAAM;mBACJ,MAAM;CACxB,CAAC;AAEF,oBAAY,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;cAQV,WAAW;SAChB,MAAM;UACL,UAAU;;;;UAYnB,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,aAAK,kBAAkB,GAAG,IAAI,CAC1B,aAAa,EACX,OAAO,GACP,aAAa,GACb,cAAc,GACd,iBAAiB,GACjB,eAAe,GACf,oBAAoB,GACpB,eAAe,GACf,oBAAoB,CACzB,GAAG;IACA,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAChB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,aAAK,qBAAqB,GAAG;IACzB,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACtD,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACxD,CAAC;AAKF,eAAO,MAAM,WAAW,sLAarB,kBAAkB,KAAG,qBAuPvB,CAAC"}
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const useDragScroll: <T extends HTMLElement>(scrollRef: import("react").MutableRefObject<T | null>, isDragScrollDisabled?: boolean | undefined) => void;
3
- //# sourceMappingURL=useDragScroll.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useDragScroll.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/useDragScroll.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,aAAa,oIA0DzB,CAAC"}