@odx/websites-react 1.0.50 → 1.0.51
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":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,aAAa,EAAC,MAAM,oCAAoC,CAAC;AAM3E,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAEhE,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,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;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,
|
|
1
|
+
{"version":3,"file":"MediaGallery.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/mediaGallery/MediaGallery.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,aAAa,EAAC,MAAM,oCAAoC,CAAC;AAM3E,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAEhE,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,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;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAuCrD,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA+F7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAE,gBAAgB,EAAC,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import useEmblaCarousel from 'embla-carousel-react';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { Headline } from '../../typography/headline/Headline';
|
|
5
|
-
import {
|
|
5
|
+
import { SlimRichText } from '../slimRichText';
|
|
6
6
|
import { cn } from '../../../utils';
|
|
7
7
|
import { Button } from '../../actions/button';
|
|
8
8
|
import { Controls, ControlsItem } from '../../navigation/controls';
|
|
@@ -13,7 +13,11 @@ const MediaGalleryItem = ({ image, video, headline, copy, className, headlineAct
|
|
|
13
13
|
if (image && video) {
|
|
14
14
|
throw new Error('Cannot have both image and video');
|
|
15
15
|
}
|
|
16
|
-
return (_jsxs("div", { ...props, className: cn('w-full h-full bg-surface-secondary', className), children: [image && !video && _jsx(Image, { ratio: '3/2', ...image }), video && (_jsx(Video, { ...video,
|
|
16
|
+
return (_jsxs("div", { ...props, className: cn('w-full h-full bg-surface-secondary', 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: {
|
|
17
|
+
...video.previewImage,
|
|
18
|
+
ratio: '3/2',
|
|
19
|
+
className: 'aspect-3/2',
|
|
20
|
+
} }))] }), _jsxs("div", { className: "p-4 pt-3", children: [_jsx(Headline, { headingLevel: "h6", className: "pb-3", actAs: headlineActAs, children: headline }), _jsx(SlimRichText, { variant: "small", text: copy })] })] }));
|
|
17
21
|
};
|
|
18
22
|
const MediaGallery = ({ children, className, ...props }) => {
|
|
19
23
|
const [emblaRef, emblaApi] = useEmblaCarousel({
|
|
@@ -39,7 +43,9 @@ const MediaGallery = ({ children, className, ...props }) => {
|
|
|
39
43
|
setScrollSnaps(emblaApi.scrollSnapList());
|
|
40
44
|
emblaApi.on('select', onSelect);
|
|
41
45
|
}, [emblaApi]);
|
|
42
|
-
return (_jsxs("div", { className: cn('font-text overflow-hidden relative', className), ...props, ref: emblaRef, children: [_jsx("div", { className: "flex gap-x-3", children: children.map((child, index) => (_jsx("div", { className: "flex-[0_0] basis-[93%] md:basis-[62%] lg:basis-[88%] xl:basis-[80%] last:mr-[7%] md:last:mr-[38%] lg:last:mr-[12%] xl:last:mr-[20%]", children: child }, index))) }), _jsxs("div", { className: "absolute top-0 left-0", children: [_jsx(Button, { onClick: scrollPrev, disabled: activeIndex === 0, iconLeft: _jsx(Icon, { iconSet: "core", iconName: "chevron-left", size: 'md' }), size: "md", className: "rounded-r-none" }), _jsx(Button, { onClick: scrollNext, disabled: activeIndex === scrollSnaps.length - 1, iconLeft: _jsx(Icon, { iconSet: "core", iconName: "chevron-right", size: 'md' }), size: "md", className: "rounded-l-none" })] }), _jsx(Controls, { children: scrollSnaps.map((_, index) => (_jsx(ControlsItem, { active: activeIndex === index,
|
|
46
|
+
return (_jsxs("div", { className: cn('font-text overflow-hidden relative', className), ...props, ref: emblaRef, children: [_jsx("div", { className: "flex gap-x-3", children: children.map((child, index) => (_jsx("div", { className: "flex-[0_0] basis-[93%] md:basis-[62%] lg:basis-[88%] xl:basis-[80%] last:mr-[7%] md:last:mr-[38%] lg:last:mr-[12%] xl:last:mr-[20%]", children: child }, index))) }), scrollSnaps.length > 1 && (_jsxs("div", { className: "absolute top-0 left-0", children: [_jsx(Button, { onClick: scrollPrev, disabled: activeIndex === 0, iconLeft: _jsx(Icon, { iconSet: "core", iconName: "chevron-left", size: 'md' }), size: "md", className: "rounded-r-none" }), _jsx(Button, { onClick: scrollNext, disabled: activeIndex === scrollSnaps.length - 1, iconLeft: _jsx(Icon, { iconSet: "core", iconName: "chevron-right", size: 'md' }), size: "md", className: "rounded-l-none" })] })), scrollSnaps.length > 1 && (_jsx(Controls, { children: scrollSnaps.map((_, index) => (_jsx(ControlsItem, { active: activeIndex === index, className: "cursor-pointer md:pointer-events-none md:cursor-default", onClick: () => {
|
|
47
|
+
scrollTo(index);
|
|
48
|
+
} }, index))) }))] }));
|
|
43
49
|
};
|
|
44
50
|
export { MediaGallery, MediaGalleryItem };
|
|
45
51
|
//# sourceMappingURL=MediaGallery.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaGallery.js","sourceRoot":"","sources":["../../../../src/components/layout/mediaGallery/MediaGallery.tsx"],"names":[],"mappings":";AAAA,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,QAAQ,EAAgB,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"MediaGallery.js","sourceRoot":"","sources":["../../../../src/components/layout/mediaGallery/MediaGallery.tsx"],"names":[],"mappings":";AAAA,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AACpD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,QAAQ,EAAgB,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAC,YAAY,EAAC,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,QAAQ,EAAE,YAAY,EAAC,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAC,IAAI,EAAC,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAC,KAAK,EAAkB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,KAAK,EAAkB,MAAM,0BAA0B,CAAC;AAkBhE,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,OAAO,CACL,kBACM,KAAK,EACT,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,aAE9D,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,EACN,eAAK,SAAS,EAAC,UAAU,aACvB,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,aAAa,YAC9D,QAAQ,GACA,EACX,KAAC,YAAY,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,GAAI,IACxC,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,gBAAgB,CAAC;QAC5C,KAAK,EAAE,OAAO;QACd,aAAa,EAAE,WAAW;KAC3B,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,eACE,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,KAC1D,KAAK,EACT,GAAG,EAAE,QAAQ,aAEb,cAAK,SAAS,EAAC,cAAc,YAC1B,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,cAEE,SAAS,EAAC,qIAAqI,YAE9I,KAAK,IAHD,KAAK,CAIN,CACP,CAAC,GACE,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,EACN,KAAC,IAAI,IAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAC,cAAc,EAAC,IAAI,EAAE,IAAI,GAAI,EAE7D,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,gBAAgB,GAC1B,EACF,KAAC,MAAM,IACL,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,WAAW,KAAK,WAAW,CAAC,MAAM,GAAG,CAAC,EAChD,QAAQ,EACN,KAAC,IAAI,IAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,EAAC,eAAe,EAAC,IAAI,EAAE,IAAI,GAAI,EAE9D,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,gBAAgB,GAC1B,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,SAAS,EAAC,yDAAyD,EACnE,OAAO,EAAE,GAAG,EAAE;wBACZ,QAAQ,CAAC,KAAK,CAAC,CAAC;oBAClB,CAAC,IALI,KAAK,CAMV,CACH,CAAC,GACO,CACZ,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,YAAY,EAAE,gBAAgB,EAAC,CAAC"}
|
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.0.
|
|
4
|
+
"version": "1.0.51",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"description": "ODX React component library for websites",
|
|
7
7
|
"type": "module",
|
|
@@ -82,8 +82,8 @@
|
|
|
82
82
|
"ts-node": "^10.9.2",
|
|
83
83
|
"typescript": "^5.4.5",
|
|
84
84
|
"@odx/eslint-config-websites": "0.0.1",
|
|
85
|
-
"@odx/websites-
|
|
86
|
-
"@odx/websites-
|
|
85
|
+
"@odx/websites-tsconfig": "0.0.0",
|
|
86
|
+
"@odx/websites-ui": "0.2.15"
|
|
87
87
|
},
|
|
88
88
|
"peerDependencies": {
|
|
89
89
|
"@odx/websites-ui": ">=0.2.1",
|