@odx/websites-react 1.1.76 → 1.1.78

package/dist/components/layout/documentList/DocumentListItem.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { LinkComponent } from '../../../utils';
-import { HeadlineProps } from '../../typography/headline';
 import { LinkProps } from '../../actions/link';
+import { HeadlineProps } from '../../typography/headline';
 export interface DocumentListItemHeadlineProps extends Omit<HeadlineProps, 'headingLevel'> {
     headline?: string;
     tag?: React.ReactNode;
@@ -10,10 +10,13 @@ export interface DocumentListItemHeadlineProps extends Omit<HeadlineProps, 'head
 export interface DocumentListItemActionElementProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
 }
-declare const DocumentListItemActionElement: React.FC<DocumentListItemActionElementProps>;
 export interface DocumentListItemImageContainerProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
 }
+export interface DocumentListItemActionAreaProps extends React.HTMLAttributes<HTMLDivElement> {
+    actionElement?: React.ReactNode;
+    tags?: React.ReactNode[];
+}
 export interface DocumentListItemProps extends LinkComponent, LinkProps {
     headline?: string;
     description?: string;
@@ -22,7 +25,8 @@ export interface DocumentListItemProps extends LinkComponent, LinkProps {
     showCheckbox?: boolean;
     tag?: React.ReactNode;
     details?: string[];
+    tags?: React.ReactNode[];
 }
 declare const DocumentListItem: React.FC<DocumentListItemProps>;
-export { DocumentListItem, DocumentListItemActionElement };
+export { DocumentListItem };
 //# sourceMappingURL=DocumentListItem.d.ts.map

package/dist/components/layout/documentList/DocumentListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/documentList/DocumentListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAGlE,OAAO,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAE7C,MAAM,WAAW,6BACf,SAAQ,IAAI,CAAC,aAAa,EAAE,cAAc,CAAC;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAwBD,MAAM,WAAW,kCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAC3C,kCAAkC,CAYjC,CAAC;AAEJ,MAAM,WAAW,mCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,qBAAsB,SAAQ,aAAa,EAAE,SAAS;IACrE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA8DrD,CAAC;AAEF,OAAO,EAAC,gBAAgB,EAAE,6BAA6B,EAAC,CAAC"}
+{"version":3,"file":"DocumentListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/documentList/DocumentListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAE7C,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAGlE,MAAM,WAAW,6BACf,SAAQ,IAAI,CAAC,aAAa,EAAE,cAAc,CAAC;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAwBD,MAAM,WAAW,kCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAiBD,MAAM,WAAW,mCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,+BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;CAC1B;AAED,MAAM,WAAW,qBAAsB,SAAQ,aAAa,EAAE,SAAS;IACrE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;CAC1B;AAuCD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAgDrD,CAAC;AAEF,OAAO,EAAC,gBAAgB,EAAC,CAAC"}

package/dist/components/layout/documentList/DocumentListItem.js

@@ -1,16 +1,24 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import { cn } from '../../../utils';
+import { BodyText } from '../../typography/bodyText';
 import { Headline } from '../../typography/headline';
 import { SlimRichText } from '../text';
-import { BodyText } from '../../typography/bodyText';
-const DocumentListItemHeadline = ({ tag, headline, className, hasLink, }) => (headline || tag) && (_jsxs("div", { className: "flex flex-wrap items-center self-stretch justify-between gap-x-4", children: [_jsx(Headline, { className: cn(hasLink && 'group-focus:underline group-hover:underline', className), textColor: 'primary', headingLevel: 'h4', children: headline }), tag && _jsx("div", { className: "pt-1", children: tag })] }));
+const DocumentListItemHeadline = ({ tag, headline, className, hasLink, }) => (headline || tag) && (_jsxs("div", { className: "flex flex-wrap items-center self-stretch justify-between gap-x-4", children: [_jsx(Headline, { className: cn(hasLink && 'group-focus:underline group-hover:underline', className), textColor: 'primary', headingLevel: 'h5', children: headline }), tag && _jsx("div", { className: "pt-1", children: tag })] }));
 const DocumentListItemActionElement = ({ className, children, ...props }) => children && (_jsx("div", { className: cn('flex flex-col justify-start self-start md:self-start shrink-0', className), ...props, children: children }));
-const DocumentListItem = ({ className, headline, description, actionElement, checkboxElement, tag, details, showCheckbox, LinkComponent, ...props }) => {
+const DocumentListItemActionArea = ({ actionElement, tags = [], className, ...props }) => {
+    const hasActionElement = !!actionElement;
+    const hasTags = tags.length > 0;
+    if (!hasActionElement && !hasTags) {
+        return null;
+    }
+    return (_jsxs("div", { className: cn('flex flex-row lg:flex-col justify-between items-center lg:items-end flex-shrink-0 min-h-full self-stretch', className), ...props, children: [actionElement && (_jsx("div", { className: "flex justify-start lg:justify-end whitespace-nowrap", children: actionElement })), hasTags && (_jsx("div", { className: "flex flex-wrap gap-2 flex-row justify-end lg:mt-auto", children: tags.map((tag, index) => (_jsx(React.Fragment, { children: tag }, index))) }))] }));
+};
+const DocumentListItem = ({ headline, description, actionElement, checkboxElement, details, showCheckbox, tags = [], ...props }) => {
     const hasContent = Boolean(headline || description);
     if (!hasContent)
         return;
-    const Comp = (props.href ? LinkComponent : 'div');
-    return (_jsx(Comp, { tabIndex: 0, className: cn('group outline-none border border-border-separator p-6', className), ...props, children: _jsxs("div", { className: "flex flex-col items-start gap-6 lg:flex-row", children: [showCheckbox && checkboxElement && (_jsx(DocumentListItemActionElement, { className: "self-start md:pt-[.5rem]", children: checkboxElement })), _jsx("div", { className: "flex flex-col items-start w-full min-w-0 gap-8", children: _jsxs("div", { className: "flex flex-col items-start gap-1 grow", children: [_jsx(DocumentListItemHeadline, { hasLink: Boolean(props.href), headline: headline, tag: tag }), description && description.length > 0 && (_jsx(SlimRichText, { text: description, bottomSpacing: false })), details && details?.length > 0 && (_jsx(BodyText, { variant: "small", textColor: "primary", asChild: true, children: _jsx("div", { className: "flex flex-wrap pt-2 gap-y-1 gap-x-6", children: (details || []).map(detail => (_jsx("span", { children: detail }, detail))) }) }))] }) }), actionElement && (_jsx(DocumentListItemActionElement, { className: "self-start md:pt-[0.125rem]", children: actionElement }))] }) }));
+    return (_jsxs("div", { className: "flex flex-col items-stretch gap-6 lg:flex-row lg:gap-6 lg:items-stretch border border-border-separator p-6 bg-draeger-white", children: [showCheckbox && checkboxElement && (_jsx(DocumentListItemActionElement, { className: "self-start md:pt-[.3rem]", children: checkboxElement })), !showCheckbox && (_jsx("div", { className: "hidden lg:block w-[18px] md:pt-[.3rem] flex-shrink-0" })), _jsx("div", { className: "flex flex-col items-start w-full min-w-0 gap-8 h-full", children: _jsxs("div", { className: "flex flex-col items-start gap-1 grow", children: [_jsx(DocumentListItemHeadline, { hasLink: Boolean(props.href), headline: headline }), description && description.length > 0 && (_jsx(SlimRichText, { text: description, bottomSpacing: false })), details && details?.length > 0 && (_jsx(BodyText, { variant: "small", textColor: "primary", asChild: true, children: _jsx("div", { className: "flex flex-wrap pt-2 gap-y-1 gap-x-6", children: (details || []).map(detail => (_jsx("span", { children: detail }, detail))) }) }))] }) }), _jsx(DocumentListItemActionArea, { actionElement: actionElement, tags: tags })] }));
 };
-export { DocumentListItem, DocumentListItemActionElement };
+export { DocumentListItem };
 //# sourceMappingURL=DocumentListItem.js.map

package/dist/components/layout/documentList/DocumentListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentListItem.js","sourceRoot":"","sources":["../../../../src/components/layout/documentList/DocumentListItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,EAAE,EAAgB,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,YAAY,EAAC,MAAM,SAAS,CAAC;AACrC,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AAUnD,MAAM,wBAAwB,GAA4C,CAAC,EACzE,GAAG,EACH,QAAQ,EACR,SAAS,EACT,OAAO,GACR,EAAE,EAAE,CACH,CAAC,QAAQ,IAAI,GAAG,CAAC,IAAI,CACnB,eAAK,SAAS,EAAC,kEAAkE,aAC/E,KAAC,QAAQ,IACP,SAAS,EAAE,EAAE,CACX,OAAO,IAAI,6CAA6C,EACxD,SAAS,CACV,EACD,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,IAAI,YAEjB,QAAQ,GACA,EACV,GAAG,IAAI,cAAK,SAAS,EAAC,MAAM,YAAE,GAAG,GAAO,IACrC,CACP,CAAC;AAOJ,MAAM,6BAA6B,GAE/B,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE,CACtC,QAAQ,IAAI,CACV,cACE,SAAS,EAAE,EAAE,CACX,+DAA+D,EAC/D,SAAS,CACV,KACG,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AAiBJ,MAAM,gBAAgB,GAAoC,CAAC,EACzD,SAAS,EACT,QAAQ,EACR,WAAW,EACX,aAAa,EACb,eAAe,EACf,GAAG,EACH,OAAO,EACP,YAAY,EACZ,aAAa,EACb,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,OAAO,CAAC,QAAQ,IAAI,WAAW,CAAC,CAAC;IACpD,IAAI,CAAC,UAAU;QAAE,OAAO;IAExB,MAAM,IAAI,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAsB,CAAC;IAEvE,OAAO,CACL,KAAC,IAAI,IACH,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,EAAE,CACX,uDAAuD,EACvD,SAAS,CACV,KACG,KAAK,YAET,eAAK,SAAS,EAAC,6CAA6C,aACzD,YAAY,IAAI,eAAe,IAAI,CAClC,KAAC,6BAA6B,IAAC,SAAS,EAAC,0BAA0B,YAChE,eAAe,GACc,CACjC,EAED,cAAK,SAAS,EAAC,gDAAgD,YAC7D,eAAK,SAAS,EAAC,sCAAsC,aACnD,KAAC,wBAAwB,IACvB,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,EAC5B,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,GACR,EACD,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACxC,KAAC,YAAY,IAAC,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,KAAK,GAAI,CAC1D,EACA,OAAO,IAAI,OAAO,EAAE,MAAM,GAAG,CAAC,IAAI,CACjC,KAAC,QAAQ,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,SAAS,EAAC,OAAO,kBACnD,cAAK,SAAS,EAAC,qCAAqC,YACjD,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAC7B,yBAAoB,MAAM,IAAf,MAAM,CAAiB,CACnC,CAAC,GACE,GACG,CACZ,IACG,GACF,EACL,aAAa,IAAI,CAChB,KAAC,6BAA6B,IAAC,SAAS,EAAC,6BAA6B,YACnE,aAAa,GACgB,CACjC,IACG,GACD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,gBAAgB,EAAE,6BAA6B,EAAC,CAAC"}
+{"version":3,"file":"DocumentListItem.js","sourceRoot":"","sources":["../../../../src/components/layout/documentList/DocumentListItem.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@odx/websites-react",
   "author": "Drägerwerk AG & Co. KGaA",
-  "version": "1.1.76",
+  "version": "1.1.78",
   "license": "SEE LICENSE IN LICENSE.md",
   "description": "ODX React component library for websites",
   "type": "module",
@@ -529,8 +529,8 @@
     "typescript": "^5.4.5",
     "vitest": "^3.1.0-beta.1",
     "@odx/eslint-config-websites": "0.0.1",
-    "@odx/websites-ui": "0.2.32",
-    "@odx/websites-tsconfig": "0.0.0"
+    "@odx/websites-tsconfig": "0.0.0",
+    "@odx/websites-ui": "0.2.32"
   },
   "peerDependencies": {
     "@odx/websites-ui": ">=0.2.1",