@odx/websites-react 1.1.87 → 1.1.88
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.
|
@@ -6,11 +6,13 @@ export interface ContentItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
6
6
|
mediaAlignment?: 'left' | 'right';
|
|
7
7
|
fullWidth?: boolean;
|
|
8
8
|
}
|
|
9
|
+
type ContentItemMediaRatio = '3/2' | '4/3';
|
|
9
10
|
export interface ContentItemMediaProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
10
|
-
image?: ImageProps
|
|
11
|
+
image?: Omit<ImageProps, 'ratio'>;
|
|
11
12
|
video?: Omit<VideoProps, 'previewImage'> & {
|
|
12
13
|
previewImage?: Omit<ImageProps, 'ratio'>;
|
|
13
14
|
};
|
|
15
|
+
ratio?: ContentItemMediaRatio;
|
|
14
16
|
}
|
|
15
17
|
declare const ContentItemMedia: React.FC<ContentItemMediaProps>;
|
|
16
18
|
export interface ContentItemBodyProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/contentItem/ContentItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAW,aAAa,EAAgB,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAE/E,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,CAAC,EAAE,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"ContentItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/contentItem/ContentItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAW,aAAa,EAAgB,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAE/E,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,KAAK,qBAAqB,GAAG,KAAK,GAAG,KAAK,CAAC;AAE3C,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,cAAc,CAAC,GAAG;QACzC,YAAY,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;KAC1C,CAAC;IACF,KAAK,CAAC,EAAE,qBAAqB,CAAC;CAC/B;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAsBrD,CAAC;AAEF,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CASjD,CAAC;AAEJ,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;IACpD,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAejE,CAAC;AAEF,MAAM,WAAW,8BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAWvE,CAAC;AAEF,QAAA,MAAM,8BAA8B,EAAE,KAAK,CAAC,EAAE,CAC5C,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAQrC,CAAC;AAEF,MAAM,WAAW,iCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAC1C,iCAAiC,CAqBlC,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAqBzC,CAAC;AAEJ,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,sBAAsB,EACtB,yBAAyB,EACzB,4BAA4B,EAC5B,8BAA8B,GAC/B,CAAC"}
|
|
@@ -3,11 +3,11 @@ import { cn } from '../../../utils';
|
|
|
3
3
|
import { Image } from '../../images-icons/image';
|
|
4
4
|
import { Video } from '../../images-icons/video';
|
|
5
5
|
import { Headline, SlimRichText } from '../..';
|
|
6
|
-
const ContentItemMedia = ({ className, image, video, ...props }) => {
|
|
6
|
+
const ContentItemMedia = ({ className, image, video, ratio = '3/2', ...props }) => {
|
|
7
7
|
if (image && video) {
|
|
8
8
|
throw new Error('Only one of image or video can be provided, not both.');
|
|
9
9
|
}
|
|
10
|
-
return (_jsxs("div", { className: cn('relative w-full h-full', className), "data-content-item-media": true, ...props, children: [image && !video && _jsx(Image, { ratio:
|
|
10
|
+
return (_jsxs("div", { className: cn('relative w-full h-full', className), "data-content-item-media": true, ...props, children: [image && !video && _jsx(Image, { ratio: ratio, ...image }), video && (_jsx(Video, { ...video, previewImage: { ...video.previewImage, ratio } }))] }));
|
|
11
11
|
};
|
|
12
12
|
const ContentItemBody = ({ className, children, ...props }) => children && (_jsx("div", { className: cn('min-w-0', className), ...props, children: children }));
|
|
13
13
|
const ContentItemBodyHeading = ({ headline, text, headlineActAs, slimRichTextProps, ...props }) => (_jsxs("div", { ...props, children: [headline && (_jsx(Headline, { headingLevel: 'h3', actAs: headlineActAs, children: headline })), _jsx(SlimRichText, { text: text, ...slimRichTextProps })] }));
|
|
@@ -19,7 +19,7 @@ const ContentItemBodyActionWrapper = ({ className, children, actionLabel, ...pro
|
|
|
19
19
|
const actionElement = (_jsx("div", { className: cn('flex gap-6 items-center self-stretch', className), ...props, children: children }));
|
|
20
20
|
return actionLabel ? (_jsxs("div", { className: "flex flex-col gap-2", children: [actionElement, _jsx("span", { className: "text-label-sm text-text-primary", children: actionLabel })] })) : (actionElement);
|
|
21
21
|
};
|
|
22
|
-
const ContentItem = ({ className, children, mediaAlignment = 'left', fullWidth = false, ...props }) => children && (_jsx("div", { className: cn('grid grid-cols-1 md:grid-cols-[2fr_3fr] gap-6 w-full font-text
|
|
22
|
+
const ContentItem = ({ className, children, mediaAlignment = 'left', fullWidth = false, ...props }) => children && (_jsx("div", { className: cn('grid grid-cols-1 md:grid-cols-[2fr_3fr] gap-6 w-full font-text', mediaAlignment === 'right' &&
|
|
23
23
|
'md:grid-cols-[3fr_2fr] md:[&_[data-content-item-media]]:order-1', fullWidth && 'md:grid-cols-1', className), "data-name": "ContentItem", ...props, children: children }));
|
|
24
24
|
export { ContentItem, ContentItemMedia, ContentItemBody, ContentItemBodyHeading, ContentItemBodyTagWrapper, ContentItemBodyActionWrapper, ContentItemBodyLinkListWrapper, };
|
|
25
25
|
//# sourceMappingURL=ContentItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContentItem.js","sourceRoot":"","sources":["../../../../src/components/layout/contentItem/ContentItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,KAAK,EAAkB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,KAAK,EAAkB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,QAAQ,EAAiB,YAAY,EAAoB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ContentItem.js","sourceRoot":"","sources":["../../../../src/components/layout/contentItem/ContentItem.tsx"],"names":[],"mappings":"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"}
|
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.88",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"description": "ODX React component library for websites",
|
|
7
7
|
"type": "module",
|
|
@@ -529,8 +529,8 @@
|
|
|
529
529
|
"typescript": "^5.4.5",
|
|
530
530
|
"vitest": "^3.1.0-beta.1",
|
|
531
531
|
"@odx/eslint-config-websites": "0.0.1",
|
|
532
|
-
"@odx/websites-
|
|
533
|
-
"@odx/websites-
|
|
532
|
+
"@odx/websites-ui": "0.2.34",
|
|
533
|
+
"@odx/websites-tsconfig": "0.0.0"
|
|
534
534
|
},
|
|
535
535
|
"peerDependencies": {
|
|
536
536
|
"@odx/websites-ui": ">=0.2.1",
|