@odx/websites-react 1.1.75 → 1.1.77
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/dropdown/Dropdown.d.ts.map +1 -1
- package/dist/components/actions/dropdown/Dropdown.js +1 -1
- package/dist/components/actions/dropdown/Dropdown.js.map +1 -1
- package/dist/components/layout/documentList/DocumentListItem.d.ts +7 -3
- package/dist/components/layout/documentList/DocumentListItem.d.ts.map +1 -1
- package/dist/components/layout/documentList/DocumentListItem.js +14 -6
- package/dist/components/layout/documentList/DocumentListItem.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAML,KAAK,SAAS,EACd,KAAK,wBAAwB,EAC9B,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAQhE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAc,SAAQ,wBAAwB,EAAE,SAAS;IACxE,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAkBjE,QAAA,MAAM,cAAc;;;;;8EAuBlB,CAAC;AAEH,QAAA,MAAM,eAAe;;8EAWnB,CAAC;AAiCH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAML,KAAK,SAAS,EACd,KAAK,wBAAwB,EAC9B,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAQhE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAc,SAAQ,wBAAwB,EAAE,SAAS;IACxE,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAkBjE,QAAA,MAAM,cAAc;;;;;8EAuBlB,CAAC;AAEH,QAAA,MAAM,eAAe;;8EAWnB,CAAC;AAiCH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8GrC,CAAC;AAEF,OAAO,EAAC,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAC,CAAC"}
|
|
@@ -59,7 +59,7 @@ const DropdownOption = ({ option, size }) => {
|
|
|
59
59
|
};
|
|
60
60
|
const Dropdown = ({ options, selected, onChange, label, disabled, helperText, invalidText, invalid = false, wrapperClassName, placeholder, size, hidden, required, }) => {
|
|
61
61
|
const { id, labelId, helperTextId } = useFieldId();
|
|
62
|
-
return (_jsxs("div", { className: cn('font-text', hidden && 'hidden', wrapperClassName), children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled, required: required })), _jsx(Listbox, { disabled: disabled, value: selected, by: "value", onChange: onChange, children: _jsxs("div", { className: "relative inline-block w-full", children: [_jsx(FormFieldWrapper, { size: size, invalid: invalid, className: "text-draeger-dark-gray", children: _jsxs(ListboxButton, { id: id, tabIndex: 0, "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, className: cn('group relative text-left pr-14', invalid && 'pr-[5.5rem]'), children: [selected ? selected.label : placeholder, _jsxs(FormFieldIconsContainer, { children: [invalid && (_jsx(FormFieldIcon, { className: "w-5 text-draeger-error", icon: _jsx(IconCoreFeedbackWarningFilledMono, {}) })), _jsx(FormFieldIcon, { className: cn('transition-all duration-100 text-draeger-cool-gray-750 group-data-[open]:rotate-180'), icon: _jsx(IconCoreChevronDown, {}), color: disabled ? 'disabled' : undefined })] })] }) }), options.length > 0 && (_jsx(Transition, { enter: "duration-200 ease-out", enterFrom: "scale-95 opacity-0", enterTo: "scale-100 opacity-100", leave: "duration-300 ease-out", leaveFrom: "scale-100 opacity-100", leaveTo: "scale-95 opacity-0", children: _jsx(ListboxOptions, { anchor: { to: 'bottom' }, className: cn(optionsVariants({ size }), 'transition origin-top w-[var(--button-width)]'), children: options.map((option, idx) => (_jsx(DropdownOption, { size: size, option: option }, `${option.value}-${idx}`))) }) }))] }) }), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled })] }));
|
|
62
|
+
return (_jsxs("div", { className: cn('font-text', hidden && 'hidden', wrapperClassName), children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled, required: required })), _jsx(Listbox, { disabled: disabled, value: selected, by: "value", onChange: onChange, children: _jsxs("div", { className: "relative inline-block w-full", children: [_jsx(FormFieldWrapper, { size: size, invalid: invalid, className: "text-draeger-dark-gray", children: _jsxs(ListboxButton, { id: id, tabIndex: 0, "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, className: cn('group relative text-left pr-14', invalid && 'pr-[5.5rem]'), children: [_jsx("span", { className: "block overflow-hidden text-ellipsis whitespace-nowrap", title: selected ? selected.label : placeholder, children: selected ? selected.label : placeholder }), _jsxs(FormFieldIconsContainer, { children: [invalid && (_jsx(FormFieldIcon, { className: "w-5 text-draeger-error", icon: _jsx(IconCoreFeedbackWarningFilledMono, {}) })), _jsx(FormFieldIcon, { className: cn('transition-all duration-100 text-draeger-cool-gray-750 group-data-[open]:rotate-180'), icon: _jsx(IconCoreChevronDown, {}), color: disabled ? 'disabled' : undefined })] })] }) }), options.length > 0 && (_jsx(Transition, { enter: "duration-200 ease-out", enterFrom: "scale-95 opacity-0", enterTo: "scale-100 opacity-100", leave: "duration-300 ease-out", leaveFrom: "scale-100 opacity-100", leaveTo: "scale-95 opacity-0", children: _jsx(ListboxOptions, { anchor: { to: 'bottom' }, className: cn(optionsVariants({ size }), 'transition origin-top w-[var(--button-width)]'), children: options.map((option, idx) => (_jsx(DropdownOption, { size: size, option: option }, `${option.value}-${idx}`))) }) }))] }) }), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled })] }));
|
|
63
63
|
};
|
|
64
64
|
export { Dropdown, optionVariants, optionsVariants };
|
|
65
65
|
//# sourceMappingURL=Dropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/actions/dropdown/Dropdown.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/actions/dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { LinkComponent } from '../../../utils';
|
|
3
|
-
import { HeadlineProps } from '../../typography/headline';
|
|
4
3
|
import { LinkProps } from '../../actions/link';
|
|
4
|
+
import { HeadlineProps } from '../../typography/headline';
|
|
5
5
|
export interface DocumentListItemHeadlineProps extends Omit<HeadlineProps, 'headingLevel'> {
|
|
6
6
|
headline?: string;
|
|
7
7
|
tag?: React.ReactNode;
|
|
@@ -10,10 +10,13 @@ export interface DocumentListItemHeadlineProps extends Omit<HeadlineProps, 'head
|
|
|
10
10
|
export interface DocumentListItemActionElementProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
11
11
|
children: React.ReactNode;
|
|
12
12
|
}
|
|
13
|
-
declare const DocumentListItemActionElement: React.FC<DocumentListItemActionElementProps>;
|
|
14
13
|
export interface DocumentListItemImageContainerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
15
14
|
children: React.ReactNode;
|
|
16
15
|
}
|
|
16
|
+
export interface DocumentListItemActionAreaProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
17
|
+
actionElement?: React.ReactNode;
|
|
18
|
+
tags?: React.ReactNode[];
|
|
19
|
+
}
|
|
17
20
|
export interface DocumentListItemProps extends LinkComponent, LinkProps {
|
|
18
21
|
headline?: string;
|
|
19
22
|
description?: string;
|
|
@@ -22,7 +25,8 @@ export interface DocumentListItemProps extends LinkComponent, LinkProps {
|
|
|
22
25
|
showCheckbox?: boolean;
|
|
23
26
|
tag?: React.ReactNode;
|
|
24
27
|
details?: string[];
|
|
28
|
+
tags?: React.ReactNode[];
|
|
25
29
|
}
|
|
26
30
|
declare const DocumentListItem: React.FC<DocumentListItemProps>;
|
|
27
|
-
export { DocumentListItem
|
|
31
|
+
export { DocumentListItem };
|
|
28
32
|
//# sourceMappingURL=DocumentListItem.d.ts.map
|
|
@@ -1 +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,
|
|
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,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,CAyDrD,CAAC;AAEF,OAAO,EAAC,gBAAgB,EAAC,CAAC"}
|
|
@@ -1,16 +1,24 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
2
3
|
import { cn } from '../../../utils';
|
|
4
|
+
import { BodyText } from '../../typography/bodyText';
|
|
3
5
|
import { Headline } from '../../typography/headline';
|
|
4
6
|
import { SlimRichText } from '../text';
|
|
5
|
-
|
|
6
|
-
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 })] }));
|
|
7
|
+
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 })] }));
|
|
7
8
|
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 }));
|
|
8
|
-
const
|
|
9
|
+
const DocumentListItemActionArea = ({ actionElement, tags = [], className, ...props }) => {
|
|
10
|
+
const hasActionElement = !!actionElement;
|
|
11
|
+
const hasTags = tags.length > 0;
|
|
12
|
+
if (!hasActionElement && !hasTags) {
|
|
13
|
+
return null;
|
|
14
|
+
}
|
|
15
|
+
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))) }))] }));
|
|
16
|
+
};
|
|
17
|
+
const DocumentListItem = ({ className, headline, description, actionElement, checkboxElement, details, showCheckbox, tags = [], ...props }) => {
|
|
9
18
|
const hasContent = Boolean(headline || description);
|
|
10
19
|
if (!hasContent)
|
|
11
20
|
return;
|
|
12
|
-
|
|
13
|
-
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 }))] }) }));
|
|
21
|
+
return (_jsx("div", { className: cn('outline-none border border-border-separator p-6', className), children: _jsxs("div", { className: "flex flex-col items-stretch gap-6 lg:flex-row lg:gap-6 lg:items-stretch", 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 })] }) }));
|
|
14
22
|
};
|
|
15
|
-
export { DocumentListItem
|
|
23
|
+
export { DocumentListItem };
|
|
16
24
|
//# sourceMappingURL=DocumentListItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DocumentListItem.js","sourceRoot":"","sources":["../../../../src/components/layout/documentList/DocumentListItem.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"DocumentListItem.js","sourceRoot":"","sources":["../../../../src/components/layout/documentList/DocumentListItem.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED