@odx/websites-react 1.1.103 → 1.1.105
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/actions/button/Button.js +1 -1
- package/dist/components/layout/modal/Modal.js +1 -1
- package/dist/web/product/productStage/ProductStageContainerThumbnail.d.ts +2 -3
- package/dist/web/product/productStage/ProductStageContainerThumbnail.d.ts.map +1 -1
- package/dist/web/product/productStage/ProductStageContainerThumbnail.js +46 -52
- package/dist/web/product/productStage/ProductStageContainerThumbnail.js.map +1 -1
- package/dist/web/productFinder/contentSwitch/ContentSwitch.js +1 -1
- package/package.json +1 -1
|
@@ -93,7 +93,7 @@ LinkButton.displayName = 'LinkButton';
|
|
|
93
93
|
const ButtonContent = ({ iconLeft, iconRight, children, }) => {
|
|
94
94
|
const hasIcon = Boolean(iconLeft || iconRight);
|
|
95
95
|
const isIconButton = hasIcon && !children;
|
|
96
|
-
return (_jsxs("span", { className: cn('min-h-6 max-w-full flex items-center wrap-anywhere text-left', !isIconButton && 'gap-
|
|
96
|
+
return (_jsxs("span", { className: cn('min-h-6 max-w-full flex items-center wrap-anywhere text-left', !isIconButton && 'gap-2'), children: [iconLeft, children, iconRight] }));
|
|
97
97
|
};
|
|
98
98
|
export { Button, LinkButton };
|
|
99
99
|
//# sourceMappingURL=Button.js.map
|
|
@@ -14,7 +14,7 @@ const ModalBody = ({ children, ...props }) => {
|
|
|
14
14
|
return (_jsx("div", { ...props, className: cn('overflow-y-auto relative bg-draeger-white', props.className), children: children }));
|
|
15
15
|
};
|
|
16
16
|
const modalFooterClasses = `
|
|
17
|
-
pt-6 flex justify-end items-center grow-0 gap-3 flex-col
|
|
17
|
+
pt-6 flex justify-end items-center grow-0 gap-3 flex-col flex-wrap md:flex-row
|
|
18
18
|
`;
|
|
19
19
|
const ModalFooter = ({ className, children, ...props }) => children && (_jsx("div", { className: cn(modalFooterClasses, className), ...props, children: children }));
|
|
20
20
|
const modalClasses = `
|
|
@@ -4,11 +4,10 @@ import { VideoProps, type ImageProps } from '../../../components';
|
|
|
4
4
|
declare const controlButtonVariants: (props?: ({
|
|
5
5
|
position?: "left" | "right" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
|
-
export interface ControlButtonProps extends VariantProps<typeof controlButtonVariants> {
|
|
8
|
-
onClick: React.HTMLAttributes<HTMLDivElement>['onClick'];
|
|
7
|
+
export interface ControlButtonProps extends VariantProps<typeof controlButtonVariants>, React.HTMLAttributes<HTMLDivElement> {
|
|
9
8
|
icon: React.ReactNode;
|
|
10
9
|
}
|
|
11
|
-
export interface MediaThumbnailProps {
|
|
10
|
+
export interface MediaThumbnailProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
12
11
|
children: React.ReactNode;
|
|
13
12
|
isActive: boolean;
|
|
14
13
|
isVideo?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductStageContainerThumbnail.d.ts","sourceRoot":"","sources":["../../../../src/web/product/productStage/ProductStageContainerThumbnail.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ProductStageContainerThumbnail.d.ts","sourceRoot":"","sources":["../../../../src/web/product/productStage/ProductStageContainerThumbnail.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAQL,UAAU,EACV,KAAK,UAAU,EAChB,MAAM,qBAAqB,CAAC;AAI7B,QAAA,MAAM,qBAAqB;;8EAU1B,CAAC;AAEF,MAAM,WAAW,kBACf,SAAQ,YAAY,CAAC,OAAO,qBAAqB,CAAC,EAChD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB;AAqBD,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAqCD,MAAM,WAAW,cAAc;IAC7B,cAAc,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAC1C,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,cAAc;IAC7B,cAAc,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAC1C,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,cAAc,CAAC,GAAG;QACxC,YAAY,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;KACzC,CAAC;CACH;AAED,MAAM,MAAM,gBAAgB,GACxB,CAAC;IACC,IAAI,EAAE,OAAO,CAAC;CACf,GAAG,cAAc,CAAC,GACnB,CAAC;IACC,IAAI,EAAE,OAAO,CAAC;CACf,GAAG,cAAc,CAAC,CAAC;AAExB,MAAM,WAAW,mCAAmC;IAClD,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACnC,aAAa,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CACnD,mCAAmC,CAgJpC,CAAC"}
|
|
@@ -4,89 +4,83 @@ import * as React from 'react';
|
|
|
4
4
|
import useEmblaCarousel from 'embla-carousel-react';
|
|
5
5
|
import { cva } from 'class-variance-authority';
|
|
6
6
|
import { Controls, ControlsItem, IconCoreChevronLeft, IconCoreChevronRight, IconCoreMediaPlay, Image, Video, } from '../../../components';
|
|
7
|
-
import { cn,
|
|
7
|
+
import { cn, throttle } from '../../../utils';
|
|
8
8
|
import { IconPropsWrapper } from '../../../components/icon';
|
|
9
9
|
const controlButtonVariants = cva('hidden select-none absolute top-0 md:flex items-center h-full cursor-pointer w-12 from-surface-secondary via-45% via-surface-secondary to-white', {
|
|
10
10
|
variants: {
|
|
11
11
|
position: {
|
|
12
|
-
left: 'left-0 bg-gradient-to-r',
|
|
13
|
-
right: 'right-0 bg-gradient-to-l justify-end',
|
|
12
|
+
left: 'left-0 bg-gradient-to-r ',
|
|
13
|
+
right: '-right-0 bg-gradient-to-l justify-end ',
|
|
14
14
|
},
|
|
15
15
|
},
|
|
16
16
|
});
|
|
17
|
-
const ControlButton = ({ onClick, icon, position, }) => (_jsx("div", { className: cn(controlButtonVariants({ position })),
|
|
17
|
+
const ControlButton = ({ onClick, icon, position, ...props }) => (_jsx("div", { className: cn(controlButtonVariants({ position })), onPointerDownCapture: e => {
|
|
18
|
+
// prevent drag-interaction for underlying thumbnail elements
|
|
19
|
+
e.preventDefault();
|
|
20
|
+
e.stopPropagation();
|
|
21
|
+
}, onClick: onClick, ...props, children: _jsx(IconPropsWrapper, { color: 'accent', children: icon }) }));
|
|
18
22
|
const mediaThumbnailClasses = `
|
|
19
23
|
group relative overflow-hidden transition-all rounded-md outline-none cursor-pointer md:size-20
|
|
20
24
|
md:border-2 border-border-contrast active:border-border-primary focus:border-border-accent hover:border-border-primary
|
|
21
25
|
`;
|
|
22
|
-
const MediaThumbnail = ({ children, isActive, isVideo, }) => {
|
|
23
|
-
return (_jsxs("div", { tabIndex: 0, className: cn(mediaThumbnailClasses, isActive && 'border-border-primary'), children: [isVideo && (_jsx(IconCoreMediaPlay, { size: 'lg', color: 'accent', className: "absolute -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" })), children, _jsx("div", { className: "transition-all absolute top-0 right-0 bottom-0 left-0 bg-[#000000] opacity-0 group-hover:opacity-30" })] }));
|
|
26
|
+
const MediaThumbnail = ({ children, isActive, isVideo, className, ...props }) => {
|
|
27
|
+
return (_jsxs("div", { tabIndex: 0, className: cn(mediaThumbnailClasses, isActive && 'border-border-primary', className), ...props, children: [isVideo && (_jsx(IconCoreMediaPlay, { size: 'lg', color: 'accent', className: "absolute -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2" })), children, _jsx("div", { className: "transition-all absolute top-0 right-0 bottom-0 left-0 bg-[#000000] opacity-0 group-hover:opacity-30" })] }));
|
|
24
28
|
};
|
|
25
29
|
export const ProductStageContainerThumbnail = ({ mediaElements, onSelect }) => {
|
|
26
|
-
const
|
|
27
|
-
if (onSelect) {
|
|
28
|
-
onSelect(index);
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
const [emblaMainRef, emblaMainApi] = useEmblaCarousel({
|
|
32
|
-
align: 'start',
|
|
33
|
-
containScroll: 'trimSnaps',
|
|
34
|
-
slidesToScroll: 1,
|
|
35
|
-
});
|
|
30
|
+
const [emblaMainRef, emblaMainApi] = useEmblaCarousel({});
|
|
36
31
|
const [emblaThumbsRef, emblaThumbsApi] = useEmblaCarousel({
|
|
37
|
-
align:
|
|
32
|
+
align: () => 32,
|
|
38
33
|
containScroll: 'trimSnaps',
|
|
39
|
-
|
|
34
|
+
dragFree: true,
|
|
40
35
|
});
|
|
41
36
|
const [scrollSnaps, setScrollSnaps] = React.useState([]);
|
|
42
|
-
const [
|
|
37
|
+
const [selectedIndex, setSelectedIndex] = React.useState(0);
|
|
43
38
|
const [canScrollNext, setCanScrollNext] = React.useState(false);
|
|
44
39
|
const [canScrollPrev, setCanScrollPrev] = React.useState(false);
|
|
45
40
|
const onThumbClick = React.useCallback((index) => {
|
|
41
|
+
onSelect?.(index);
|
|
46
42
|
if (!emblaMainApi || !emblaThumbsApi)
|
|
47
43
|
return;
|
|
48
44
|
emblaMainApi.scrollTo(index);
|
|
49
45
|
}, [emblaMainApi, emblaThumbsApi]);
|
|
50
|
-
const
|
|
51
|
-
if (!
|
|
46
|
+
const onSelectHandler = React.useCallback(() => {
|
|
47
|
+
if (!emblaMainApi || !emblaThumbsApi)
|
|
52
48
|
return;
|
|
53
|
-
|
|
49
|
+
const selectedIndex = emblaMainApi.selectedScrollSnap();
|
|
54
50
|
setScrollSnaps(emblaMainApi.scrollSnapList());
|
|
55
|
-
|
|
56
|
-
emblaThumbsApi.scrollTo(
|
|
57
|
-
}, [emblaThumbsApi,
|
|
58
|
-
const onThumbSelect = React.useCallback(() => {
|
|
59
|
-
if (!emblaThumbsApi || !emblaMainApi) {
|
|
60
|
-
return;
|
|
61
|
-
}
|
|
62
|
-
setCanScrollPrev(emblaThumbsApi.canScrollPrev());
|
|
63
|
-
setCanScrollNext(emblaThumbsApi.canScrollNext());
|
|
64
|
-
}, [emblaThumbsApi, emblaMainApi]);
|
|
51
|
+
setSelectedIndex(selectedIndex);
|
|
52
|
+
emblaThumbsApi.scrollTo(selectedIndex);
|
|
53
|
+
}, [emblaMainApi, emblaThumbsApi, setSelectedIndex]);
|
|
65
54
|
React.useEffect(() => {
|
|
66
|
-
if (!
|
|
55
|
+
if (!emblaMainApi || !emblaThumbsApi)
|
|
67
56
|
return;
|
|
68
|
-
|
|
69
|
-
const
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
57
|
+
onSelectHandler();
|
|
58
|
+
const [thumbnailScrollHandler, cancel] = throttle(() => {
|
|
59
|
+
if (!emblaThumbsApi)
|
|
60
|
+
return;
|
|
61
|
+
setCanScrollNext(emblaThumbsApi.canScrollNext());
|
|
62
|
+
setCanScrollPrev(emblaThumbsApi.canScrollPrev());
|
|
63
|
+
}, 250);
|
|
64
|
+
thumbnailScrollHandler();
|
|
65
|
+
emblaMainApi.on('select', onSelectHandler).on('reInit', onSelectHandler);
|
|
66
|
+
emblaThumbsApi
|
|
67
|
+
.on('scroll', thumbnailScrollHandler)
|
|
68
|
+
.on('reInit', thumbnailScrollHandler);
|
|
69
|
+
return () => {
|
|
70
|
+
cancel();
|
|
71
|
+
emblaMainApi
|
|
72
|
+
.off('select', onSelectHandler)
|
|
73
|
+
.off('reInit', onSelectHandler);
|
|
74
|
+
emblaThumbsApi
|
|
75
|
+
.off('scroll', thumbnailScrollHandler)
|
|
76
|
+
.off('reInit', thumbnailScrollHandler);
|
|
77
|
+
};
|
|
78
|
+
}, [emblaMainApi, onSelectHandler]);
|
|
79
|
+
return (_jsxs("div", { className: "flex flex-col md:gap-4 font-text", children: [_jsxs("div", { className: "relative overflow-hidden", ref: emblaMainRef, children: [_jsx("div", { className: "flex gap-x-2", children: mediaElements?.map((mediaElement, index) => (_jsx("div", { className: "flex-[0_0] basis-full overflow-hidden rounded-md bg-surface-secondary", children: mediaElement.type === 'image' ? (_jsx(Image, { ratio: '4/3', className: "mix-blend-darken", ...mediaElement.image })) : (_jsx(Video, { ...mediaElement.video,
|
|
86
80
|
previewImage: {
|
|
87
81
|
...mediaElement.video.previewImage,
|
|
88
82
|
ratio: '4/3',
|
|
89
83
|
className: 'mix-blend-darken',
|
|
90
|
-
} })) }, index))) }), scrollSnaps.length > 1 && (_jsx(Controls, { className: "md:hidden", children: scrollSnaps.map((_, index) => (_jsx(ControlsItem, { index: index, active:
|
|
84
|
+
} })) }, index))) }), scrollSnaps.length > 1 && (_jsx(Controls, { className: "md:hidden", children: scrollSnaps.map((_, index) => (_jsx(ControlsItem, { index: index, active: selectedIndex === index, className: "cursor-pointer md:pointer-events-none md:cursor-default", onClick: () => onThumbClick(index) }, index))) }))] }), _jsxs("div", { className: "relative invisible h-0 overflow-hidden md:visible md:h-auto", ref: emblaThumbsRef, children: [_jsx("div", { className: "flex gap-2 select-none touch-pan-y touch-pinch-zoom", children: mediaElements?.map((mediaElement, index) => (_jsx("div", { className: "flex-[0_0] basis-full md:basis-[80px]", children: _jsx(MediaThumbnail, { isActive: selectedIndex === index, isVideo: mediaElement.type === 'video', onClick: () => onThumbClick(index), children: _jsx(Image, { fit: "cover", ratio: '1/1', className: "mix-blend-darken", ...mediaElement.thumbnailImage }) }) }, index))) }), canScrollPrev && (_jsx(ControlButton, { onClick: () => emblaThumbsApi?.scrollPrev(), position: 'left', icon: _jsx(IconCoreChevronLeft, {}) })), canScrollNext && (_jsx(ControlButton, { onClick: () => emblaThumbsApi?.scrollNext(), position: 'right', icon: _jsx(IconCoreChevronRight, {}) }))] })] }));
|
|
91
85
|
};
|
|
92
86
|
//# sourceMappingURL=ProductStageContainerThumbnail.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductStageContainerThumbnail.js","sourceRoot":"","sources":["../../../../src/web/product/productStage/ProductStageContainerThumbnail.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ProductStageContainerThumbnail.js","sourceRoot":"","sources":["../../../../src/web/product/productStage/ProductStageContainerThumbnail.tsx"],"names":[],"mappings":"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"}
|
|
@@ -24,7 +24,7 @@ const ContentSwitchTab = ({ children, active, icon, className, ...props }) => {
|
|
|
24
24
|
return (_jsx("a", { className: cn(contentSwitchTabClasses, active
|
|
25
25
|
? 'before:bg-surface-brand before:hover:bg-interactions-brand-hover'
|
|
26
26
|
: 'before:bg-surface-primary before:hover:bg-field-hover', active &&
|
|
27
|
-
'first:before:animate-draeger-switch-button-right last:before:animate-draeger-switch-button-left z-10', className), tabIndex: isSticky && isStatic ? -1 : undefined, ...props, children: _jsxs("span", { className: cn('relative flex items-center justify-center gap-
|
|
27
|
+
'first:before:animate-draeger-switch-button-right last:before:animate-draeger-switch-button-left z-10', className), tabIndex: isSticky && isStatic ? -1 : undefined, ...props, children: _jsxs("span", { className: cn('relative flex items-center justify-center gap-2', active ? 'text-text-invert' : 'text-text-primary'), children: [icon, children] }) }));
|
|
28
28
|
};
|
|
29
29
|
const ContentSwitchButton = ({ iconLeft, ...props }) => {
|
|
30
30
|
const { isSticky, isStatic } = React.useContext(StickyContext);
|
package/package.json
CHANGED