@odx/websites-react 1.1.47 → 1.1.48
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/dist/components/layout/accordion/Accordion.d.ts +1 -0
- package/dist/components/layout/accordion/Accordion.d.ts.map +1 -1
- package/dist/components/layout/accordion/Accordion.js +2 -1
- package/dist/components/layout/accordion/Accordion.js.map +1 -1
- package/dist/components/layout/cardCarousel/CardCarousel.d.ts +2 -0
- package/dist/components/layout/cardCarousel/CardCarousel.d.ts.map +1 -1
- package/dist/components/layout/cardCarousel/CardCarousel.js +3 -3
- package/dist/components/layout/cardCarousel/CardCarousel.js.map +1 -1
- package/dist/hooks/emblaCarousel/usePrevNextButtons.d.ts +3 -2
- package/dist/hooks/emblaCarousel/usePrevNextButtons.d.ts.map +1 -1
- package/dist/hooks/emblaCarousel/usePrevNextButtons.js +7 -1
- package/dist/hooks/emblaCarousel/usePrevNextButtons.js.map +1 -1
- package/package.json +1 -1
|
@@ -4,6 +4,7 @@ export interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
4
4
|
defaultValues?: string[];
|
|
5
5
|
size?: 'lg' | 'md' | 'sm';
|
|
6
6
|
multiple?: boolean;
|
|
7
|
+
onExpand?: (value: string) => void;
|
|
7
8
|
}
|
|
8
9
|
export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
9
10
|
value: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAGlE,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAGlE,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC;CAAG;AAE9C,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACvD,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmCvC,CAAC;AAKF,eAAO,MAAM,uBAAuB;;8EAWlC,CAAC;AAEH,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA0C3D,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAS7C,CAAC;AA0BJ,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAuCrD,CAAC;AAEF,OAAO,EAAC,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,mBAAmB,EAAC,CAAC"}
|
|
@@ -7,7 +7,7 @@ import { useElementSize } from '../../../hooks/useElementSize';
|
|
|
7
7
|
import { AccordionContext, AccordionItemContext, useAccordionItemContext, } from './AccordionContext';
|
|
8
8
|
import { Headline } from '../../typography/headline';
|
|
9
9
|
import { IconCoreChevronDown } from '../../icon';
|
|
10
|
-
const Accordion = ({ multiple = false, defaultValues = [], children, className, size = 'md', ...props }) => {
|
|
10
|
+
const Accordion = ({ multiple = false, defaultValues = [], children, className, size = 'md', onExpand, ...props }) => {
|
|
11
11
|
const [activeItems, setActiveItems] = React.useState(defaultValues);
|
|
12
12
|
const toggleItem = (item) => {
|
|
13
13
|
if (activeItems.includes(item)) {
|
|
@@ -21,6 +21,7 @@ const Accordion = ({ multiple = false, defaultValues = [], children, className,
|
|
|
21
21
|
else {
|
|
22
22
|
setActiveItems([item]);
|
|
23
23
|
}
|
|
24
|
+
onExpand?.(item);
|
|
24
25
|
}
|
|
25
26
|
};
|
|
26
27
|
return (children && (_jsx(AccordionContext.Provider, { value: { activeItems, toggleItem, size }, children: _jsx("div", { ...props, className: cn('font-text flex flex-col', className), children: children }) })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC7C,OAAO,EAAC,cAAc,EAAC,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,mBAAmB,EAAC,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { type VariantProps } from 'class-variance-authority';
|
|
3
3
|
import { type ButtonProps } from '../../actions/button';
|
|
4
|
+
import { type onScrollHandlerType } from '../../../hooks/emblaCarousel/usePrevNextButtons';
|
|
4
5
|
export interface CarouselProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
5
6
|
nextButtonAriaLabel: string;
|
|
6
7
|
previousButtonAriaLabel: string;
|
|
7
8
|
cols?: 3 | 4;
|
|
9
|
+
onScrollHandler?: onScrollHandlerType;
|
|
8
10
|
}
|
|
9
11
|
declare const CardCarousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
12
|
export interface CarouselControlProps {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardCarousel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/cardCarousel/CardCarousel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAS,KAAK,WAAW,EAAC,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"CardCarousel.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/cardCarousel/CardCarousel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAS,KAAK,WAAW,EAAC,MAAM,sBAAsB,CAAC;AAE9D,OAAO,EACL,KAAK,mBAAmB,EAEzB,MAAM,iDAAiD,CAAC;AAIzD,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,mBAAmB,EAAE,MAAM,CAAC;IAC5B,uBAAuB,EAAE,MAAM,CAAC;IAChC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACb,eAAe,CAAC,EAAE,mBAAmB,CAAC;CACvC;AAmBD,QAAA,MAAM,YAAY,sFAoEjB,CAAC;AAGF,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,IAAI,CAAC,0BAA0B,EAAE,MAAM,CAAC,CAAC;IAC1D,eAAe,EAAE,IAAI,CAAC,0BAA0B,EAAE,MAAM,CAAC,CAAC;CAC3D;AAwBD,MAAM,WAAW,0BACf,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;IAC9D,SAAS,EAAE,MAAM,CAAC;CACnB;AAmBD,QAAA,MAAM,oBAAoB;;8EAUxB,CAAC;AAEH,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,oBAAoB,CAAC;CAAG;AAehD,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -6,7 +6,7 @@ import { cva } from 'class-variance-authority';
|
|
|
6
6
|
import { cn } from '../../../utils';
|
|
7
7
|
import { Button } from '../../actions/button';
|
|
8
8
|
import { useSelectedSnapDisplay } from '../../../hooks/emblaCarousel/useSelectedSnapDisplay';
|
|
9
|
-
import { usePrevNextButtons } from '../../../hooks/emblaCarousel/usePrevNextButtons';
|
|
9
|
+
import { usePrevNextButtons, } from '../../../hooks/emblaCarousel/usePrevNextButtons';
|
|
10
10
|
import { getThemeBreakpoints } from '../../../utils/breakpoints';
|
|
11
11
|
import { IconCoreChevronLeft, IconCoreChevronRight } from '../../icon';
|
|
12
12
|
const breakpoints = {
|
|
@@ -25,7 +25,7 @@ const breakpoints = {
|
|
|
25
25
|
'2xl': 3,
|
|
26
26
|
},
|
|
27
27
|
};
|
|
28
|
-
const CardCarousel = React.forwardRef(({ className, children, cols = 3, nextButtonAriaLabel, previousButtonAriaLabel, ...props }, ref) => {
|
|
28
|
+
const CardCarousel = React.forwardRef(({ className, children, cols = 3, nextButtonAriaLabel, previousButtonAriaLabel, onScrollHandler, ...props }, ref) => {
|
|
29
29
|
const themeBreakpoints = getThemeBreakpoints();
|
|
30
30
|
const [carouselRef, emblaApi] = useEmblaCarousel({
|
|
31
31
|
align: 'start',
|
|
@@ -37,7 +37,7 @@ const CardCarousel = React.forwardRef(({ className, children, cols = 3, nextButt
|
|
|
37
37
|
])),
|
|
38
38
|
});
|
|
39
39
|
const { selectedSnap, snapCount } = useSelectedSnapDisplay(emblaApi);
|
|
40
|
-
const { canScrollNext, canScrollPrev, scrollPrev, scrollNext } = usePrevNextButtons(emblaApi);
|
|
40
|
+
const { canScrollNext, canScrollPrev, scrollPrev, scrollNext } = usePrevNextButtons(emblaApi, onScrollHandler);
|
|
41
41
|
const childNodesArray = React.Children.toArray(children);
|
|
42
42
|
if (!childNodesArray.length)
|
|
43
43
|
return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardCarousel.js","sourceRoot":"","sources":["../../../../src/components/layout/cardCarousel/CardCarousel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAoB,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,MAAM,EAAmB,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAC,sBAAsB,EAAC,MAAM,qDAAqD,CAAC;AAC3F,OAAO,
|
|
1
|
+
{"version":3,"file":"CardCarousel.js","sourceRoot":"","sources":["../../../../src/components/layout/cardCarousel/CardCarousel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAoB,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,MAAM,EAAmB,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAC,sBAAsB,EAAC,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAEL,kBAAkB,GACnB,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAAC,mBAAmB,EAAkB,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAC,mBAAmB,EAAE,oBAAoB,EAAC,MAAM,YAAY,CAAC;AASrE,MAAM,WAAW,GAA8C;IAC7D,CAAC,EAAE;QACD,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,KAAK,EAAE,CAAC;KACT;IACD,CAAC,EAAE;QACD,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;QACL,KAAK,EAAE,CAAC;KACT;CACF,CAAC;AAEF,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACnC,CACE,EACE,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,CAAC,EACR,mBAAmB,EACnB,uBAAuB,EACvB,eAAe,EACf,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAE/C,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,gBAAgB,CAAC;QAC/C,KAAK,EAAE,OAAO;QACd,cAAc,EAAE,CAAC;QACjB,aAAa,EAAE,WAAW;QAC1B,WAAW,EAAE,MAAM,CAAC,WAAW,CAC7B,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC;YAC5D,eAAe,gBAAgB,CAAC,UAAwB,CAAC,CAAC,GAAG,GAAG;YAChE,EAAC,cAAc,EAAE,IAAI,EAAC;SACvB,CAAC,CACH;KACF,CAAC,CAAC;IACH,MAAM,EAAC,YAAY,EAAE,SAAS,EAAC,GAAG,sBAAsB,CAAC,QAAQ,CAAC,CAAC;IACnE,MAAM,EAAC,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAC,GAC1D,kBAAkB,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;IAEhD,MAAM,eAAe,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACzD,IAAI,CAAC,eAAe,CAAC,MAAM;QAAE,OAAO;IAEpC,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,0BACQ,UAAU,EAC/B,SAAS,EAAC,WAAW,KACjB,KAAK,aAET,cAAK,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,YAChE,cAAK,SAAS,EAAE,+CAA+C,YAC5D,eAAe,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,YACrB,KAAK,IADuB,KAAK,CAErB,CAChB,CAAC,GACE,GACF,EACL,SAAS,GAAG,CAAC,IAAI,CAChB,KAAC,eAAe,IACd,WAAW,EAAE,GAAG,YAAY,GAAG,CAAC,IAAI,SAAS,EAAE,EAC/C,eAAe,EAAE;oBACf,QAAQ,EAAE,CAAC,aAAa;oBACxB,OAAO,EAAE,UAAU;oBACnB,SAAS,EAAE,uBAAuB;iBACnC,EACD,eAAe,EAAE;oBACf,QAAQ,EAAE,CAAC,aAAa;oBACxB,OAAO,EAAE,UAAU;oBACnB,SAAS,EAAE,mBAAmB;iBAC/B,GACD,CACH,IACG,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAQ1C,MAAM,eAAe,GAAmC,CAAC,EACvD,WAAW,EACX,eAAe,EACf,eAAe,GAChB,EAAE,EAAE,CAAC,CACJ,cAAK,SAAS,EAAC,mCAAmC,YAChD,eAAK,SAAS,EAAC,0DAA0D,aACvE,KAAC,qBAAqB,IACpB,QAAQ,EAAE,KAAC,mBAAmB,KAAG,KAC7B,eAAe,GACnB,EACF,eAAM,SAAS,EAAC,+CAA+C,YAC5D,WAAW,GACP,EACP,KAAC,qBAAqB,IACpB,QAAQ,EAAE,KAAC,oBAAoB,KAAG,KAC9B,eAAe,GACnB,IACE,GACF,CACP,CAAC;AAOF,MAAM,qBAAqB,GAAyC,CAAC,EACnE,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,SAAS,GACV,EAAE,EAAE,CAAC,CACJ,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,iBACL,QAAQ,gBACT,SAAS,GACrB,CACH,CAAC;AAEF,MAAM,oBAAoB,GAAG,GAAG,CAAC,sCAAsC,EAAE;IACvE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,CAAC,EAAE,sCAAsC;YACzC,CAAC,EAAE,sCAAsC;SAC1C;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC;AAMH,MAAM,YAAY,GAAgC,CAAC,EACjD,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,cACE,IAAI,EAAC,OAAO,0BACS,OAAO,EAC5B,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC,EAAC,IAAI,EAAE,SAAS,EAAC,CAAC,CAAC,KAClD,KAAK,GACT,CACH,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { EmblaCarouselType } from 'embla-carousel';
|
|
1
|
+
import { type EmblaCarouselType, type EmblaEventType } from 'embla-carousel';
|
|
2
2
|
type UsePrevNextButtonsType = {
|
|
3
3
|
canScrollPrev: boolean;
|
|
4
4
|
canScrollNext: boolean;
|
|
@@ -6,6 +6,7 @@ type UsePrevNextButtonsType = {
|
|
|
6
6
|
scrollNext: () => void;
|
|
7
7
|
scrollTo: (index: number) => void;
|
|
8
8
|
};
|
|
9
|
-
export
|
|
9
|
+
export type onScrollHandlerType = (emblaApi: EmblaCarouselType, evt: EmblaEventType) => void;
|
|
10
|
+
export declare const usePrevNextButtons: (emblaApi: EmblaCarouselType | undefined, onScrollHandler?: onScrollHandlerType) => UsePrevNextButtonsType;
|
|
10
11
|
export {};
|
|
11
12
|
//# sourceMappingURL=usePrevNextButtons.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePrevNextButtons.d.ts","sourceRoot":"","sources":["../../../src/hooks/emblaCarousel/usePrevNextButtons.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"usePrevNextButtons.d.ts","sourceRoot":"","sources":["../../../src/hooks/emblaCarousel/usePrevNextButtons.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAC,MAAM,gBAAgB,CAAC;AAG3E,KAAK,sBAAsB,GAAG;IAC5B,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,CAChC,QAAQ,EAAE,iBAAiB,EAC3B,GAAG,EAAE,cAAc,KAChB,IAAI,CAAC;AAEV,eAAO,MAAM,kBAAkB,GAC7B,UAAU,iBAAiB,GAAG,SAAS,EACvC,kBAAkB,mBAAmB,KACpC,sBAuDF,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { debounce } from '../../utils';
|
|
3
|
-
export const usePrevNextButtons = (emblaApi) => {
|
|
3
|
+
export const usePrevNextButtons = (emblaApi, onScrollHandler) => {
|
|
4
4
|
const [canScrollNext, setCanScrollNext] = React.useState(false);
|
|
5
5
|
const [canScrollPrev, setCanScrollPrev] = React.useState(false);
|
|
6
6
|
const scrollPrev = React.useCallback(() => emblaApi && emblaApi.scrollPrev(), [emblaApi]);
|
|
@@ -24,6 +24,12 @@ export const usePrevNextButtons = (emblaApi) => {
|
|
|
24
24
|
onSelect();
|
|
25
25
|
emblaApi.on('select', onSelect);
|
|
26
26
|
emblaApi.on('reInit', reIntHandler);
|
|
27
|
+
onScrollHandler && emblaApi.on('select', onScrollHandler);
|
|
28
|
+
return () => {
|
|
29
|
+
emblaApi.off('select', onSelect);
|
|
30
|
+
emblaApi.off('reInit', reIntHandler);
|
|
31
|
+
onScrollHandler && emblaApi.off('select', onScrollHandler);
|
|
32
|
+
};
|
|
27
33
|
}, [emblaApi]);
|
|
28
34
|
return {
|
|
29
35
|
canScrollPrev,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePrevNextButtons.js","sourceRoot":"","sources":["../../../src/hooks/emblaCarousel/usePrevNextButtons.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"usePrevNextButtons.js","sourceRoot":"","sources":["../../../src/hooks/emblaCarousel/usePrevNextButtons.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AAerC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,QAAuC,EACvC,eAAqC,EACb,EAAE;IAC1B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhE,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAClC,GAAG,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,UAAU,EAAE,EACvC,CAAC,QAAQ,CAAC,CACX,CAAC;IACF,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAClC,GAAG,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,UAAU,EAAE,EACvC,CAAC,QAAQ,CAAC,CACX,CAAC;IACF,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAChC,CAAC,KAAa,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,EACvD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACtC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO;QACT,CAAC;QACD,gBAAgB,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAC;QAC3C,gBAAgB,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO;QACT,CAAC;QAED,MAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,GAAsB,EAAE,EAAE;YACvD,gBAAgB,CAAC,GAAI,CAAC,aAAa,EAAE,CAAC,CAAC;YACvC,gBAAgB,CAAC,GAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QACzC,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,QAAQ,EAAE,CAAC;QACX,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAChC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAEpC,eAAe,IAAI,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;QAE1D,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YACjC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YACrC,eAAe,IAAI,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;QAC7D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO;QACL,aAAa;QACb,aAAa;QACb,UAAU;QACV,UAAU;QACV,QAAQ;KACT,CAAC;AACJ,CAAC,CAAC"}
|
package/package.json
CHANGED