@odx/websites-react 1.1.104 → 1.1.106
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 +2 -2
|
@@ -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 flex-wrap md:flex-row
|
|
17
|
+
pt-6 flex justify-end items-center grow-0 gap-3 flex-col-reverse 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
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@odx/websites-react",
|
|
3
3
|
"author": "Drägerwerk AG & Co. KGaA",
|
|
4
|
-
"version": "1.1.
|
|
4
|
+
"version": "1.1.106",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"description": "ODX React component library for websites",
|
|
7
7
|
"type": "module",
|
|
@@ -528,8 +528,8 @@
|
|
|
528
528
|
"ts-node": "^10.9.2",
|
|
529
529
|
"typescript": "^5.4.5",
|
|
530
530
|
"vitest": "^3.1.0-beta.1",
|
|
531
|
-
"@odx/eslint-config-websites": "0.0.1",
|
|
532
531
|
"@odx/websites-tsconfig": "0.0.0",
|
|
532
|
+
"@odx/eslint-config-websites": "0.0.1",
|
|
533
533
|
"@odx/websites-ui": "0.2.36"
|
|
534
534
|
},
|
|
535
535
|
"peerDependencies": {
|