@odx/websites-react 1.1.114 → 1.1.115
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaGallery.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/mediaGallery/MediaGallery.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,aAAa,EAAC,MAAM,oCAAoC,CAAC;AAK3E,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAC,KAAK,2BAA2B,EAAC,MAAM,sBAAsB,CAAC;AAEtE,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,2BAA2B;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACvC,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,cAAc,CAAC,GAAG;QACzC,YAAY,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;KAC1C,CAAC;CACH;
|
|
1
|
+
{"version":3,"file":"MediaGallery.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/mediaGallery/MediaGallery.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,aAAa,EAAC,MAAM,oCAAoC,CAAC;AAK3E,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAEhE,OAAO,EAAC,KAAK,2BAA2B,EAAC,MAAM,sBAAsB,CAAC;AAEtE,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,2BAA2B;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACvC,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,cAAc,CAAC,GAAG;QACzC,YAAY,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;KAC1C,CAAC;CACH;AAQD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAyCrD,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqF7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAE,gBAAgB,EAAC,CAAC"}
|
|
@@ -10,12 +10,17 @@ import { Controls, ControlsItem } from '../../navigation/controls';
|
|
|
10
10
|
import { Image } from '../../images-icons/image';
|
|
11
11
|
import { Video } from '../../images-icons/video';
|
|
12
12
|
import { IconCoreChevronLeft, IconCoreChevronRight } from '../../icon';
|
|
13
|
+
const mediaGalleryItemClasses = `
|
|
14
|
+
w-full h-full bg-surface-secondary
|
|
15
|
+
flex-[0_0] only:basis-full basis-[93%] md:basis-[62%] lg:basis-[88%] xl:basis-[80%]
|
|
16
|
+
last:mr-[7%] md:last:mr-[38%] lg:last:mr-[12%] xl:last:mr-[20%]
|
|
17
|
+
`;
|
|
13
18
|
const MediaGalleryItem = ({ image, video, headline, copy, className, headlineActAs, ...props }) => {
|
|
14
19
|
if (image && video) {
|
|
15
20
|
throw new Error('Cannot have both image and video');
|
|
16
21
|
}
|
|
17
22
|
const hasDescription = headline || copy;
|
|
18
|
-
return (_jsxs("div", { ...props, className: cn(
|
|
23
|
+
return (_jsxs("div", { ...props, className: cn(mediaGalleryItemClasses, className), children: [_jsxs("div", { className: "relative aspect-3/2", children: [image && !video && _jsx(Image, { ratio: '3/2', ...image }), video && (_jsx(Video, { ...video, className: "static", previewImage: {
|
|
19
24
|
...video.previewImage,
|
|
20
25
|
ratio: '3/2',
|
|
21
26
|
className: 'aspect-3/2',
|
|
@@ -26,7 +31,6 @@ const MediaGallery = ({ children, className, nextButtonAriaLabel, previousButton
|
|
|
26
31
|
const [emblaRef, emblaApi] = useEmblaCarousel({
|
|
27
32
|
align: 'start',
|
|
28
33
|
containScroll: 'keepSnaps',
|
|
29
|
-
dragFree: hasMultipleItems,
|
|
30
34
|
watchDrag: hasMultipleItems,
|
|
31
35
|
});
|
|
32
36
|
const [scrollSnaps, setScrollSnaps] = React.useState([]);
|
|
@@ -48,7 +52,7 @@ const MediaGallery = ({ children, className, nextButtonAriaLabel, previousButton
|
|
|
48
52
|
setScrollSnaps(emblaApi.scrollSnapList());
|
|
49
53
|
emblaApi.on('select', onSelect);
|
|
50
54
|
}, [emblaApi]);
|
|
51
|
-
return (_jsxs("div", { className: cn('
|
|
55
|
+
return (_jsxs("div", { className: cn('relative font-text', className), ...props, children: [_jsx("div", { className: 'overflow-hidden', ref: emblaRef, children: _jsx("div", { className: "flex gap-x-3", children: children }) }), scrollSnaps.length > 1 && (_jsxs("div", { className: "absolute top-0 left-0", children: [_jsx(Button, { onClick: scrollPrev, disabled: activeIndex === 0, iconLeft: _jsx(IconCoreChevronLeft, {}), size: "md", className: "rounded-r-none", "aria-label": previousButtonAriaLabel }), _jsx(Button, { onClick: scrollNext, disabled: activeIndex === scrollSnaps.length - 1, iconLeft: _jsx(IconCoreChevronRight, {}), size: "md", className: "rounded-l-none", "aria-label": nextButtonAriaLabel })] })), scrollSnaps.length > 1 && (_jsx(Controls, { children: scrollSnaps.map((_, index) => (_jsx(ControlsItem, { active: activeIndex === index, onClick: () => scrollTo(index), index: index }, index))) }))] }));
|
|
52
56
|
};
|
|
53
57
|
export { MediaGallery, MediaGalleryItem };
|
|
54
58
|
//# sourceMappingURL=MediaGallery.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaGallery.js","sourceRoot":"","sources":["../../../../src/components/layout/mediaGallery/MediaGallery.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,QAAQ,EAAgB,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AACrC,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,QAAQ,EAAE,YAAY,EAAC,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAC,KAAK,EAAkB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,KAAK,EAAkB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,mBAAmB,EAAE,oBAAoB,EAAC,MAAM,YAAY,CAAC;AAoBrE,MAAM,gBAAgB,GAAoC,CAAC,EACzD,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,KAAK,IAAI,KAAK,EAAE,CAAC;QACnB,MAAM,IAAI,KAAK,CAAC,kCAAkC,CAAC,CAAC;IACtD,CAAC;IACD,MAAM,cAAc,GAAG,QAAQ,IAAI,IAAI,CAAC;IACxC,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"MediaGallery.js","sourceRoot":"","sources":["../../../../src/components/layout/mediaGallery/MediaGallery.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,QAAQ,EAAgB,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AACrC,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,QAAQ,EAAE,YAAY,EAAC,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAC,KAAK,EAAkB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,KAAK,EAAkB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,mBAAmB,EAAE,oBAAoB,EAAC,MAAM,YAAY,CAAC;AAoBrE,MAAM,uBAAuB,GAAG;;;;CAI/B,CAAC;AAEF,MAAM,gBAAgB,GAAoC,CAAC,EACzD,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,KAAK,IAAI,KAAK,EAAE,CAAC;QACnB,MAAM,IAAI,KAAK,CAAC,kCAAkC,CAAC,CAAC;IACtD,CAAC;IACD,MAAM,cAAc,GAAG,QAAQ,IAAI,IAAI,CAAC;IACxC,OAAO,CACL,kBAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,aAC/D,eAAK,SAAS,EAAC,qBAAqB,aACjC,KAAK,IAAI,CAAC,KAAK,IAAI,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,KAAM,KAAK,GAAI,EACrD,KAAK,IAAI,CACR,KAAC,KAAK,OACA,KAAK,EACT,SAAS,EAAC,QAAQ,EAClB,YAAY,EAAE;4BACZ,GAAG,KAAK,CAAC,YAAY;4BACrB,KAAK,EAAE,KAAK;4BACZ,SAAS,EAAE,YAAY;yBACxB,GACD,CACH,IACG,EACL,cAAc,IAAI,CACjB,eAAK,SAAS,EAAC,UAAU,aACtB,QAAQ,IAAI,CACX,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,aAAa,YAC9D,QAAQ,GACA,CACZ,EACD,KAAC,YAAY,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,GAAI,IACxC,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,SAAS,EACT,mBAAmB,EACnB,uBAAuB,EACvB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;IAE7C,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,gBAAgB,CAAC;QAC5C,KAAK,EAAE,OAAO;QACd,aAAa,EAAE,WAAW;QAC1B,SAAS,EAAE,gBAAgB;KAC5B,CAAC,CAAC;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAW,EAAE,CAAC,CAAC;IACnE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAExD,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,cAAc,CAAC,QAAQ,CAAC,kBAAkB,EAAE,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO;QACT,CAAC;QACD,QAAQ,EAAE,CAAC;QACX,cAAc,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC;QAC1C,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,KAAM,KAAK,aAC5D,cAAK,SAAS,EAAE,iBAAiB,EAAE,GAAG,EAAE,QAAQ,YAC9C,cAAK,SAAS,EAAC,cAAc,YAAE,QAAQ,GAAO,GAC1C,EACL,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACzB,eAAK,SAAS,EAAC,uBAAuB,aACpC,KAAC,MAAM,IACL,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,WAAW,KAAK,CAAC,EAC3B,QAAQ,EAAE,KAAC,mBAAmB,KAAG,EACjC,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,gBAAgB,gBACd,uBAAuB,GACnC,EACF,KAAC,MAAM,IACL,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,WAAW,KAAK,WAAW,CAAC,MAAM,GAAG,CAAC,EAChD,QAAQ,EAAE,KAAC,oBAAoB,KAAG,EAClC,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,gBAAgB,gBACd,mBAAmB,GAC/B,IACE,CACP,EACA,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACzB,KAAC,QAAQ,cACN,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,KAAC,YAAY,IAEX,MAAM,EAAE,WAAW,KAAK,KAAK,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC9B,KAAK,EAAE,KAAK,IAHP,KAAK,CAIV,CACH,CAAC,GACO,CACZ,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,YAAY,EAAE,gBAAgB,EAAC,CAAC"}
|
package/package.json
CHANGED