@odx/websites-react 1.0.15 → 1.0.17
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/autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist/components/actions/autocomplete/Autocomplete.js +4 -3
- package/dist/components/actions/autocomplete/Autocomplete.js.map +1 -1
- package/dist/components/actions/button/Button.js +2 -2
- package/dist/components/actions/button/Button.js.map +1 -1
- package/dist/components/actions/dropdown/Dropdown.d.ts.map +1 -1
- package/dist/components/actions/dropdown/Dropdown.js +2 -2
- package/dist/components/actions/dropdown/Dropdown.js.map +1 -1
- package/dist/components/actions/link/Link.d.ts +1 -2
- package/dist/components/actions/link/Link.d.ts.map +1 -1
- package/dist/components/actions/link/Link.js +5 -6
- package/dist/components/actions/link/Link.js.map +1 -1
- package/dist/components/actions/multiselect/Multiselect.d.ts +1 -0
- package/dist/components/actions/multiselect/Multiselect.d.ts.map +1 -1
- package/dist/components/actions/multiselect/Multiselect.js +4 -4
- package/dist/components/actions/multiselect/Multiselect.js.map +1 -1
- package/dist/components/images-icons/image/Image.d.ts.map +1 -1
- package/dist/components/images-icons/image/Image.js +3 -3
- package/dist/components/images-icons/image/Image.js.map +1 -1
- package/dist/components/layout/accordion/Accordion.d.ts.map +1 -1
- package/dist/components/layout/accordion/Accordion.js +6 -4
- package/dist/components/layout/accordion/Accordion.js.map +1 -1
- package/dist/components/layout/block/Block.d.ts.map +1 -1
- package/dist/components/layout/block/Block.js +1 -1
- package/dist/components/layout/block/Block.js.map +1 -1
- package/dist/components/layout/calloutMedia/CalloutMedia.d.ts +6 -5
- package/dist/components/layout/calloutMedia/CalloutMedia.d.ts.map +1 -1
- package/dist/components/layout/calloutMedia/CalloutMedia.js +10 -3
- package/dist/components/layout/calloutMedia/CalloutMedia.js.map +1 -1
- package/dist/components/layout/calloutQuote/CalloutQuote.d.ts +1 -1
- package/dist/components/layout/calloutQuote/CalloutQuote.d.ts.map +1 -1
- package/dist/components/layout/calloutQuote/CalloutQuote.js +3 -3
- package/dist/components/layout/calloutQuote/CalloutQuote.js.map +1 -1
- package/dist/components/layout/card/Card.d.ts +10 -2
- package/dist/components/layout/card/Card.d.ts.map +1 -1
- package/dist/components/layout/card/Card.js +14 -9
- package/dist/components/layout/card/Card.js.map +1 -1
- package/dist/components/layout/carousel/Carousel.d.ts.map +1 -1
- package/dist/components/layout/carousel/Carousel.js +3 -1
- package/dist/components/layout/carousel/Carousel.js.map +1 -1
- package/dist/components/layout/container/Container.d.ts.map +1 -1
- package/dist/components/layout/container/Container.js +1 -1
- package/dist/components/layout/container/Container.js.map +1 -1
- package/dist/components/layout/contentItem/ContentItem.d.ts.map +1 -1
- package/dist/components/layout/contentItem/ContentItem.js +4 -4
- package/dist/components/layout/contentItem/ContentItem.js.map +1 -1
- package/dist/components/layout/contentSlider/ContentSlider.d.ts.map +1 -1
- package/dist/components/layout/contentSlider/ContentSlider.js +1 -2
- package/dist/components/layout/contentSlider/ContentSlider.js.map +1 -1
- package/dist/components/layout/dataTable/DataTable.d.ts +1 -1
- package/dist/components/layout/dataTable/DataTable.d.ts.map +1 -1
- package/dist/components/layout/downloadItem/DownloadItem.d.ts +4 -6
- package/dist/components/layout/downloadItem/DownloadItem.d.ts.map +1 -1
- package/dist/components/layout/downloadItem/DownloadItem.js +1 -2
- package/dist/components/layout/downloadItem/DownloadItem.js.map +1 -1
- package/dist/components/layout/list/List.d.ts.map +1 -1
- package/dist/components/layout/list/List.js +2 -2
- package/dist/components/layout/list/List.js.map +1 -1
- package/dist/components/layout/modal/Modal.d.ts +1 -1
- package/dist/components/layout/modal/Modal.d.ts.map +1 -1
- package/dist/components/layout/modal/Modal.js +6 -2
- package/dist/components/layout/modal/Modal.js.map +1 -1
- package/dist/components/layout/pagination/Pagination.d.ts.map +1 -1
- package/dist/components/layout/pagination/Pagination.js +2 -0
- package/dist/components/layout/pagination/Pagination.js.map +1 -1
- package/dist/components/layout/sectionWrapper/SectionWrapper.d.ts.map +1 -1
- package/dist/components/layout/sectionWrapper/SectionWrapper.js +1 -1
- package/dist/components/layout/sectionWrapper/SectionWrapper.js.map +1 -1
- package/dist/components/layout/showMore/ShowMore.d.ts.map +1 -1
- package/dist/components/layout/showMore/ShowMore.js +4 -1
- package/dist/components/layout/showMore/ShowMore.js.map +1 -1
- package/dist/components/layout/structuredList/StructuredListItem.d.ts +3 -3
- package/dist/components/layout/structuredList/StructuredListItem.d.ts.map +1 -1
- package/dist/components/layout/structuredList/StructuredListItem.js +6 -3
- package/dist/components/layout/structuredList/StructuredListItem.js.map +1 -1
- package/dist/components/layout/tabBar/TabBar.d.ts.map +1 -1
- package/dist/components/layout/tabBar/TabBar.js +4 -0
- package/dist/components/layout/tabBar/TabBar.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/Breadcrumbs.d.ts.map +1 -1
- package/dist/components/navigation/breadcrumbs/Breadcrumbs.js +3 -1
- package/dist/components/navigation/breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/components/navigation/flyout/Flyout.d.ts.map +1 -1
- package/dist/components/navigation/flyout/Flyout.js +4 -0
- package/dist/components/navigation/flyout/Flyout.js.map +1 -1
- package/dist/components/navigation/footer/Footer.d.ts +8 -8
- package/dist/components/navigation/footer/Footer.d.ts.map +1 -1
- package/dist/components/navigation/footer/Footer.js +12 -5
- package/dist/components/navigation/footer/Footer.js.map +1 -1
- package/dist/components/navigation/header/Header.js +1 -1
- package/dist/components/navigation/header/Header.js.map +1 -1
- package/dist/components/navigation/searchInput/SearchInput.d.ts.map +1 -1
- package/dist/components/navigation/searchInput/SearchInput.js +6 -5
- package/dist/components/navigation/searchInput/SearchInput.js.map +1 -1
- package/dist/components/typography/bodyText/BodyText.d.ts.map +1 -1
- package/dist/components/typography/bodyText/BodyText.js +1 -1
- package/dist/components/typography/bodyText/BodyText.js.map +1 -1
- package/dist/components/typography/headline/Headline.d.ts.map +1 -1
- package/dist/components/typography/headline/Headline.js +1 -1
- package/dist/components/typography/headline/Headline.js.map +1 -1
- package/dist/hooks/useBreakpoint/useBreakpoint.d.ts.map +1 -1
- package/dist/hooks/useBreakpoint/useBreakpoint.js +2 -2
- package/dist/hooks/useBreakpoint/useBreakpoint.js.map +1 -1
- package/dist/web/layout/contentHeadings/ContentHeadings.d.ts.map +1 -1
- package/dist/web/layout/contentHeadings/ContentHeadings.js +3 -0
- package/dist/web/layout/contentHeadings/ContentHeadings.js.map +1 -1
- package/dist/web/sections/calloutContact/CalloutContact.d.ts +3 -3
- package/dist/web/sections/calloutContact/CalloutContact.d.ts.map +1 -1
- package/dist/web/sections/calloutContact/CalloutContact.js +2 -2
- package/dist/web/sections/calloutContact/CalloutContact.js.map +1 -1
- package/dist/web/sections/contentBlock/ContentBlock.d.ts.map +1 -1
- package/dist/web/sections/contentBlock/ContentBlock.js +2 -2
- package/dist/web/sections/contentBlock/ContentBlock.js.map +1 -1
- package/dist/web/sections/contentGroup/ContentGroup.d.ts.map +1 -1
- package/dist/web/sections/contentGroup/ContentGroup.js +1 -1
- package/dist/web/sections/contentGroup/ContentGroup.js.map +1 -1
- package/dist/web/sections/contentSection/ContentSection.d.ts.map +1 -1
- package/dist/web/sections/contentSection/ContentSection.js +6 -1
- package/dist/web/sections/contentSection/ContentSection.js.map +1 -1
- package/dist/web/sections/stageSection/StageSection.d.ts +2 -2
- package/dist/web/sections/stageSection/StageSection.d.ts.map +1 -1
- package/dist/web/sections/stageSection/StageSection.js +7 -2
- package/dist/web/sections/stageSection/StageSection.js.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAML,KAAK,SAAS,EACd,KAAK,wBAAwB,EAC9B,MAAM,cAAc,CAAC;AACtB,OAAO,EAIL,cAAc,EAGf,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,iBAAkB,SAAQ,wBAAwB,EAAE,SAAS;IAC5E,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAiDD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,
|
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAML,KAAK,SAAS,EACd,KAAK,wBAAwB,EAC9B,MAAM,cAAc,CAAC;AACtB,OAAO,EAIL,cAAc,EAGf,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,iBAAkB,SAAQ,wBAAwB,EAAE,SAAS;IAC5E,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACjD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAiDD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqL7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { Combobox as ComboboxPrimitive, ComboboxInput as ComboboxPrimitiveInput, ComboboxOption as ComboboxPrimitiveOption, ComboboxOptions as ComboboxPrimitiveOptions, ComboboxButton as ComboboxPrimitiveButton, Transition, } from '@headlessui/react';
|
|
5
|
-
import { FormFieldHelperText, FormFieldIcon, FormFieldIconsContainer, FormFieldLabel,
|
|
5
|
+
import { FormFieldHelperText, FormFieldIcon, FormFieldIconsContainer, FormFieldLabel, FormFieldWrapper, } from '../formField';
|
|
6
6
|
import { Icon, BodyText, optionVariants, optionsVariants, } from '../..';
|
|
7
7
|
import { useFieldId } from '../../../hooks';
|
|
8
8
|
import { cn } from '../../../utils';
|
|
@@ -32,13 +32,14 @@ const Autocomplete = ({ options, selected, onChange, disabled, label, helperText
|
|
|
32
32
|
inputRef.current.value = '';
|
|
33
33
|
});
|
|
34
34
|
};
|
|
35
|
+
const showFreeTextOption = Boolean(query && freeTextSearchAllowed);
|
|
35
36
|
return (_jsx("div", { className: cn('font-text relative', wrapperClassName), children: _jsxs(ComboboxPrimitive, { as: "div", className: 'group', value: selected, onChange: value => {
|
|
36
37
|
onChange(value);
|
|
37
38
|
setQuery(value?.label ?? '');
|
|
38
|
-
}, disabled: disabled, immediate: true, children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled, required: required })), _jsxs("div", { className: "relative inline-block w-full", children: [_jsx(ComboboxPrimitiveInput, { id: id, autoComplete: "off", ref: inputRef, displayValue: option => option?.label, onBlur: () => setFocused(false), onFocus: () => setFocused(true), onChange: event => setQuery(event.target.value), onKeyDown: e => e.key === 'Enter' && setQuery(''), placeholder: placeholder, required: required, "
|
|
39
|
+
}, disabled: disabled, immediate: true, children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled, required: required })), _jsxs("div", { className: "relative inline-block w-full", children: [_jsx(FormFieldWrapper, { size: size, invalid: invalid, className: "text-draeger-dark-gray", children: _jsx(ComboboxPrimitiveInput, { id: id, autoComplete: "off", ref: inputRef, displayValue: option => option?.label, onBlur: () => setFocused(false), onFocus: () => setFocused(true), onChange: event => setQuery(event.target.value), onKeyDown: e => e.key === 'Enter' && setQuery(''), placeholder: placeholder, required: required, "aria-labelledby": label && labelId, "aria-describedby": helperText && helperTextId, className: cn('pl-16 pr-14', (hasQuery || invalid) && 'pr-24', hasQuery && invalid && 'pr-32') }) }), _jsx(FormFieldIconsContainer, { align: 'left', children: _jsx(FormFieldIcon, { className: cn('pointer-events-auto', disabled && 'text-draeger-cool-gray-250'), iconSet: "core", iconName: "search" }) }), _jsxs(FormFieldIconsContainer, { children: [invalid && (_jsx(FormFieldIcon, { className: "pointer-events-auto text-draeger-warning", iconName: "feedback-warning", iconSet: "core" })), focused && (hasQuery || selected?.value) && (_jsxs(_Fragment, { children: [_jsx(FormFieldIcon, { className: "w-5 cursor-pointer pointer-events-auto text-draeger-cool-gray-750", onMouseDown: e => {
|
|
39
40
|
clearIconEnabled.current = true;
|
|
40
41
|
e.preventDefault();
|
|
41
|
-
}, iconName: "close", iconSet: "core", onMouseUp: handleIconClearMouseUp }), _jsx("div", { className: "w-px h-full bg-draeger-cool-gray-150 mx-0.5" })] })), _jsx(ComboboxPrimitiveButton, { "aria-label": "Expand", children: _jsx(FormFieldIcon, { className: cn('cursor-pointer pointer-events-auto text-draeger-cool-gray-750 group-data-[headlessui-state=open]:rotate-180 transition-all duration-100', disabled && 'cursor-not-allowed text-draeger-cool-gray-250 '), iconName: "chevron-down", iconSet: "core" }) })] })] }), _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: _jsxs(ComboboxPrimitiveOptions, { anchor: { to: 'bottom' }, className: cn(optionsVariants({ size }), 'w-[var(--input-width)] origin-top transition'), children: [
|
|
42
|
+
}, iconName: "close", iconSet: "core", onMouseUp: handleIconClearMouseUp }), _jsx("div", { className: "w-px h-full bg-draeger-cool-gray-150 mx-0.5" })] })), _jsx(ComboboxPrimitiveButton, { "aria-label": "Expand", children: _jsx(FormFieldIcon, { className: cn('cursor-pointer pointer-events-auto text-draeger-cool-gray-750 group-data-[headlessui-state=open]:rotate-180 transition-all duration-100', disabled && 'cursor-not-allowed text-draeger-cool-gray-250 '), iconName: "chevron-down", iconSet: "core" }) })] })] }), (showFreeTextOption || 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: _jsxs(ComboboxPrimitiveOptions, { anchor: { to: 'bottom' }, className: cn(optionsVariants({ size }), 'w-[var(--input-width)] origin-top transition'), children: [showFreeTextOption && (_jsxs(ComboboxOption, { option: { value: query, label: query }, size: size, children: [freeTextSearchLabel, query] })), options.map(option => (_jsx(ComboboxOption, { option: option, size: size, children: option.label }, option.label)))] }) })), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled })] }) }));
|
|
42
43
|
};
|
|
43
44
|
export { Autocomplete };
|
|
44
45
|
//# sourceMappingURL=Autocomplete.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../src/components/actions/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,QAAQ,IAAI,iBAAiB,EAC7B,aAAa,IAAI,sBAAsB,EACvC,cAAc,IAAI,uBAAuB,EACzC,eAAe,IAAI,wBAAwB,EAC3C,cAAc,IAAI,uBAAuB,EACzC,UAAU,GAEX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,mBAAmB,EACnB,aAAa,EACb,uBAAuB,EACvB,cAAc,EACd,
|
|
1
|
+
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../src/components/actions/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,9 +8,9 @@ const buttonVariants = cva(buttonBaseClasses, {
|
|
|
8
8
|
variants: {
|
|
9
9
|
variant: {
|
|
10
10
|
primary: 'bg-surface-accent text-text-invert outline-1 -outline-offset-2 outline-border-secondary focus:outline hover:bg-surface-accent-hover active:bg-surface-accent-click disabled:bg-draeger-cool-gray-150',
|
|
11
|
-
secondary: 'bg-surface-primary text-text-accent
|
|
11
|
+
secondary: 'bg-surface-primary text-text-accent outline-1 -outline-offset-2 outline-text-accent focus:outline focus:bg-surface-tertiary hover:bg-surface-tertiary active:bg-draeger-light-blue-150 disabled:border-draeger-cool-gray-150 disabled:text-draeger-cool-gray-150',
|
|
12
12
|
'secondary-white': 'bg-transparent text-draeger-white border-2 border-draeger-white',
|
|
13
|
-
ghost: 'bg-transparent text-text-accent
|
|
13
|
+
ghost: 'bg-transparent text-text-accent hover:bg-surface-tertiary active:bg-draeger-light-blue-150 focus:bg-surface-tertiary disabled:text-draeger-cool-gray-150',
|
|
14
14
|
'ghost-inherit': 'bg-transparent text-inherit hover:shadow-none',
|
|
15
15
|
},
|
|
16
16
|
size: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/actions/button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAgB,MAAM,gBAAgB,CAAC;AAGjD,MAAM,iBAAiB,GACrB,gMAAgM,CAAC;AAEnM,yEAAyE;AACzE,MAAM,cAAc,GAAG,GAAG,CAAC,iBAAiB,EAAE;IAC5C,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,sMAAsM;YACxM,SAAS,EACP,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/actions/button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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;AAIhE,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;;;;;mFAuBlB,CAAC;AAEH,QAAA,MAAM,eAAe;;mFAWnB,CAAC;AAyCH,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;AAIhE,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;;;;;mFAuBlB,CAAC;AAEH,QAAA,MAAM,eAAe;;mFAWnB,CAAC;AAyCH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuGrC,CAAC;AAEF,OAAO,EAAC,QAAQ,EAAE,cAAc,EAAE,eAAe,EAAC,CAAC"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { Listbox, ListboxButton, ListboxOption, ListboxOptions, Transition, } from '@headlessui/react';
|
|
4
4
|
import { cn } from '../../../utils';
|
|
5
|
-
import { FormFieldHelperText, FormFieldIcon, FormFieldIconsContainer, FormFieldLabel,
|
|
5
|
+
import { FormFieldHelperText, FormFieldIcon, FormFieldIconsContainer, FormFieldLabel, FormFieldWrapper, } from '../formField';
|
|
6
6
|
import { useFieldId } from '../../../hooks';
|
|
7
7
|
import { cva } from 'class-variance-authority';
|
|
8
8
|
import { Icon } from '../../images-icons/icon';
|
|
@@ -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: [
|
|
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-warning", iconName: "feedback-warning", iconSet: "core" })), _jsx(FormFieldIcon, { className: cn('text-draeger-cool-gray-750 group-data-[open]:rotate-180 transition-all duration-100', disabled && 'text-draeger-cool-gray-250'), iconName: "chevron-down", iconSet: "core" })] })] }) }), 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 }), 'w-[var(--button-width)] origin-top transition'), children: options.map((option, idx) => (_jsx(DropdownOption, { size: size, option: option }, 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":"AAAA,YAAY,CAAC;;AAGb,OAAO,EACL,OAAO,EACP,aAAa,EACb,aAAa,EACb,cAAc,EACd,UAAU,GACX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EACL,mBAAmB,EACnB,aAAa,EACb,uBAAuB,EACvB,cAAc,EACd,
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/actions/dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,6 @@ import * as React from 'react';
|
|
|
2
2
|
import { type VariantProps } from 'class-variance-authority';
|
|
3
3
|
import { type LinkComponent, type LinkComponentProps } from '../../../utils';
|
|
4
4
|
import { BodyTextProps } from '../../typography/bodyText';
|
|
5
|
-
import { IconProps } from '../../images-icons/icon';
|
|
6
5
|
declare const linkVariants: (props?: ({
|
|
7
6
|
variant?: "inline" | "standalone" | null | undefined;
|
|
8
7
|
disabled?: boolean | null | undefined;
|
|
@@ -11,7 +10,7 @@ declare const linkVariants: (props?: ({
|
|
|
11
10
|
export interface LinkProps extends Omit<LinkComponentProps, 'color'>, LinkComponent, VariantProps<typeof linkVariants> {
|
|
12
11
|
disabled?: boolean;
|
|
13
12
|
iconRight?: boolean;
|
|
14
|
-
|
|
13
|
+
icon?: React.ReactNode;
|
|
15
14
|
size?: BodyTextProps['variant'];
|
|
16
15
|
}
|
|
17
16
|
export interface LinkListProps extends React.LinkHTMLAttributes<HTMLDivElement>, VariantProps<typeof linkListVariants> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAK,KAAK,aAAa,EAAE,KAAK,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/link/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAK,KAAK,aAAa,EAAE,KAAK,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AASlE,QAAA,MAAM,YAAY;;;;mFAoBhB,CAAC;AAEH,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC,EACvC,aAAa,EACb,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;CACjC;AAED,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,kBAAkB,CAAC,cAAc,CAAC,EAC9C,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,IAAI,kGA0CT,CAAC;AAGF,QAAA,MAAM,gBAAgB;;mFAUpB,CAAC;AAEH,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAWrC,CAAC;AAEF,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC"}
|
|
@@ -3,7 +3,6 @@ import * as React from 'react';
|
|
|
3
3
|
import { cva } from 'class-variance-authority';
|
|
4
4
|
import { cn } from '../../../utils';
|
|
5
5
|
import { BodyText } from '../../typography/bodyText';
|
|
6
|
-
import { Icon } from '../../images-icons/icon';
|
|
7
6
|
import { Headline } from '../../typography/headline';
|
|
8
7
|
// TODO: missing Color-token, change white color when desing is ready
|
|
9
8
|
const linkClasses = `
|
|
@@ -12,7 +11,7 @@ const linkClasses = `
|
|
|
12
11
|
const linkVariants = cva(linkClasses, {
|
|
13
12
|
variants: {
|
|
14
13
|
variant: {
|
|
15
|
-
standalone: 'flex items-
|
|
14
|
+
standalone: 'flex items-start hover:underline',
|
|
16
15
|
inline: 'inline-flex underline-offset-4 hover:underline focus:underline',
|
|
17
16
|
},
|
|
18
17
|
disabled: {
|
|
@@ -29,17 +28,17 @@ const linkVariants = cva(linkClasses, {
|
|
|
29
28
|
color: 'default',
|
|
30
29
|
},
|
|
31
30
|
});
|
|
32
|
-
const Link = React.forwardRef(({ LinkComponent, className, children, variant, disabled, color, size, href,
|
|
31
|
+
const Link = React.forwardRef(({ LinkComponent, className, children, variant, disabled, color, size, href, icon, iconRight = false, ...props }, ref) => {
|
|
33
32
|
const LinkComp = LinkComponent ? LinkComponent : 'a';
|
|
34
33
|
return (_jsx(BodyText, { variant: size, textColor: "none", asChild: true, children: _jsxs(LinkComp, { ref: ref, tabIndex: disabled ? -1 : 0, href: disabled ? undefined : href, className: cn(linkVariants({
|
|
35
34
|
variant,
|
|
36
35
|
disabled,
|
|
37
36
|
color: disabled ? 'gray' : color,
|
|
38
37
|
className,
|
|
39
|
-
})), ...props, children: [
|
|
38
|
+
})), ...props, children: [icon && (_jsx("div", { className: cn('pt-px', iconRight && 'order-1'), children: icon })), _jsx("span", { children: children })] }) }));
|
|
40
39
|
});
|
|
41
40
|
Link.displayName = 'Link';
|
|
42
|
-
const linkListVariants = cva('flex flex-wrap gap-
|
|
41
|
+
const linkListVariants = cva('flex flex-wrap gap-2', {
|
|
43
42
|
variants: {
|
|
44
43
|
direction: {
|
|
45
44
|
row: 'flex-row',
|
|
@@ -50,6 +49,6 @@ const linkListVariants = cva('flex flex-wrap gap-x-5 gap-y-2', {
|
|
|
50
49
|
direction: 'col',
|
|
51
50
|
},
|
|
52
51
|
});
|
|
53
|
-
const LinkList = ({ direction, headline, children, className, ...props }) => (_jsxs("div", { className: cn(linkListVariants({ direction, className })), ...props, children: [headline &&
|
|
52
|
+
const LinkList = ({ direction, headline, children, className, ...props }) => (_jsxs("div", { className: cn(linkListVariants({ direction, className })), ...props, children: [headline && _jsx(Headline, { headingLevel: "h4", children: headline }), children] }));
|
|
54
53
|
export { Link, LinkList };
|
|
55
54
|
//# sourceMappingURL=Link.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../src/components/actions/link/Link.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAA8C,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../src/components/actions/link/Link.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAA8C,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AAEnD,qEAAqE;AAErE,MAAM,WAAW,GAAG;;CAEnB,CAAC;AAEF,MAAM,YAAY,GAAG,GAAG,CAAC,WAAW,EAAE;IACpC,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,UAAU,EAAE,kCAAkC;YAC9C,MAAM,EAAE,gEAAgE;SACzE;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,uCAAuC;SAC9C;QACD,KAAK,EAAE;YACL,OAAO,EACL,kIAAkI;YACpI,KAAK,EAAE,oCAAoC;YAC3C,IAAI,EAAE,iGAAiG;SACxG;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,YAAY;QACrB,KAAK,EAAE,SAAS;KACjB;CACF,CAAC,CAAC;AAkBH,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC3B,CACE,EACE,aAAa,EACb,SAAS,EACT,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,SAAS,GAAG,KAAK,EACjB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC;IACrD,OAAO,CACL,KAAC,QAAQ,IAAC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAC,MAAM,EAAC,OAAO,kBAC/C,MAAC,QAAQ,IACP,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EACjC,SAAS,EAAE,EAAE,CACX,YAAY,CAAC;gBACX,OAAO;gBACP,QAAQ;gBACR,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK;gBAChC,SAAS;aACV,CAAC,CACH,KACG,KAAK,aAER,IAAI,IAAI,CACP,cAAK,SAAS,EAAE,EAAE,CAAC,OAAO,EAAE,SAAS,IAAI,SAAS,CAAC,YAAG,IAAI,GAAO,CAClE,EACD,yBAAO,QAAQ,GAAQ,IACd,GACF,CACZ,CAAC;AACJ,CAAC,CACF,CAAC;AACF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,MAAM,gBAAgB,GAAG,GAAG,CAAC,sBAAsB,EAAE;IACnD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,GAAG,EAAE,UAAU;YACf,GAAG,EAAE,UAAU;SAChB;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,KAAK;KACjB;CACF,CAAC,CAAC;AAEH,MAAM,QAAQ,GAA4B,CAAC,EACzC,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,CACJ,eAAK,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAC,SAAS,EAAE,SAAS,EAAC,CAAC,CAAC,KAAM,KAAK,aACpE,QAAQ,IAAI,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,YAAE,QAAQ,GAAY,EAC7D,QAAQ,IACL,CACP,CAAC;AAEF,OAAO,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC"}
|
|
@@ -5,6 +5,7 @@ export interface MultiselectProps extends FormFieldWrapperVariants, FormField {
|
|
|
5
5
|
options: SelectorOption[];
|
|
6
6
|
selected: SelectorOption[];
|
|
7
7
|
placeholder: string;
|
|
8
|
+
selectedPlaceholder?: string;
|
|
8
9
|
onChange: (value: SelectorOption[]) => void;
|
|
9
10
|
filterFunction?: (option: SelectorOption, query: string) => boolean;
|
|
10
11
|
hidden?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Multiselect.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/multiselect/Multiselect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAML,KAAK,cAAc,EAEpB,MAAM,OAAO,CAAC;AACf,OAAO,EAML,KAAK,SAAS,EACd,KAAK,wBAAwB,EAC9B,MAAM,cAAc,CAAC;AAItB,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,EAAE,SAAS;IAC3E,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA8CD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,
|
|
1
|
+
{"version":3,"file":"Multiselect.d.ts","sourceRoot":"","sources":["../../../../src/components/actions/multiselect/Multiselect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAML,KAAK,cAAc,EAEpB,MAAM,OAAO,CAAC;AACf,OAAO,EAML,KAAK,SAAS,EACd,KAAK,wBAAwB,EAC9B,MAAM,cAAc,CAAC;AAItB,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,EAAE,SAAS;IAC3E,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AA8CD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsL3C,CAAC;AAEF,OAAO,EAAC,WAAW,EAAC,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { Combobox as ComboboxPrimitive, ComboboxInput as ComboboxPrimitiveInput, ComboboxOption as ComboboxPrimitiveOption, ComboboxOptions as ComboboxPrimitiveOptions, ComboboxButton as ComboboxPrimitiveButton, Transition, } from '@headlessui/react';
|
|
5
5
|
import { Tag, Checkbox, optionVariants, optionsVariants, BodyText, } from '../..';
|
|
6
|
-
import { FormFieldHelperText, FormFieldIcon, FormFieldIconsContainer, FormFieldLabel,
|
|
6
|
+
import { FormFieldHelperText, FormFieldIcon, FormFieldIconsContainer, FormFieldLabel, FormFieldWrapper, } from '../formField';
|
|
7
7
|
import { useFieldId } from '../../../hooks';
|
|
8
8
|
import { cn } from '../../../utils';
|
|
9
9
|
const MultiselectOption = ({ option, size, }) => {
|
|
@@ -14,7 +14,7 @@ const defaultFilterFunction = ({ label }, query) => label.toLowerCase().includes
|
|
|
14
14
|
const filterOptions = (options, query, filterFunction) => query === ''
|
|
15
15
|
? options
|
|
16
16
|
: options.filter(option => (filterFunction ?? defaultFilterFunction)(option, query));
|
|
17
|
-
const Multiselect = ({ options, selected, onChange, disabled, invalidText, invalid = false, label, helperText, placeholder, filterFunction, size, wrapperClassName, hidden, required, }) => {
|
|
17
|
+
const Multiselect = ({ options, selected, onChange, disabled, invalidText, invalid = false, label, helperText, placeholder, selectedPlaceholder = '', filterFunction, size, wrapperClassName, hidden, required, }) => {
|
|
18
18
|
const [query, setQuery] = React.useState('');
|
|
19
19
|
const [state, setState] = React.useState(0);
|
|
20
20
|
const { id, labelId, helperTextId } = useFieldId();
|
|
@@ -26,10 +26,10 @@ const Multiselect = ({ options, selected, onChange, disabled, invalidText, inval
|
|
|
26
26
|
sensitivity: 'base',
|
|
27
27
|
}));
|
|
28
28
|
const hasQuery = Boolean(query.length);
|
|
29
|
-
return (_jsx("div", { className: cn('font-text relative', hidden && 'hidden', wrapperClassName), children: _jsxs(ComboboxPrimitive, { as: "div", className: 'group', value: selected, by: "value", onChange: onChange, disabled: disabled, immediate: true, multiple: true, children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled, required: required, className: "cursor-pointer" })), _jsxs("div", { className: "relative inline-block w-full", children: [selected.length > 0 && (_jsx(Tag, { className: "absolute -translate-y-1/2 top-1/2 left-6", onClose: () => onChange([]), label: selected.length, mode: 'dismissable', size: 'xs', value: "" }, state.toString())), _jsx(ComboboxPrimitiveInput, { id: id, autoComplete: "off", value: query, onChange: el => setQuery(el.target.value), onBlur: () => setQuery(''), onFocus: () => requestAnimationFrame(() => setState(state => state + 1)), placeholder:
|
|
29
|
+
return (_jsx("div", { className: cn('font-text relative', hidden && 'hidden', wrapperClassName), children: _jsxs(ComboboxPrimitive, { as: "div", className: 'group', value: selected, by: "value", onChange: onChange, disabled: disabled, immediate: true, multiple: true, children: [label && (_jsx(FormFieldLabel, { id: labelId, htmlFor: id, label: label, disabled: disabled, required: required, className: "cursor-pointer" })), _jsxs("div", { className: "relative inline-block w-full", children: [selected.length > 0 && (_jsx(Tag, { className: "absolute -translate-y-1/2 top-1/2 left-6", onClose: () => onChange([]), label: selected.length, mode: 'dismissable', size: 'xs', value: "" }, state.toString())), _jsx(FormFieldWrapper, { size: size, invalid: invalid, className: "text-draeger-dark-gray", children: _jsx(ComboboxPrimitiveInput, { id: id, autoComplete: "off", value: query, onChange: el => setQuery(el.target.value), onBlur: () => setQuery(''), onFocus: () => requestAnimationFrame(() => setState(state => state + 1)), placeholder: selected.length > 0 ? selectedPlaceholder : placeholder, "aria-labelledby": labelId, "aria-describedby": helperText && helperTextId, className: cn('pr-14', selected.length && 'pl-24 placeholder:text-draeger-dark-gray', (hasQuery || invalid) && 'pr-24', hasQuery && invalid && 'pr-32') }) }), _jsxs(FormFieldIconsContainer, { children: [invalid && (_jsx(FormFieldIcon, { className: "pointer-events-auto text-draeger-warning", iconSet: "core", iconName: "feedback-warning" })), hasQuery && (_jsx(FormFieldIcon, { className: "w-5 cursor-pointer pointer-events-auto text-draeger-cool-gray-750", onMouseDown: e => {
|
|
30
30
|
e.preventDefault();
|
|
31
31
|
setQuery('');
|
|
32
|
-
}, iconName: "close", iconSet: "core" })), _jsx(ComboboxPrimitiveButton, { "aria-label": "Expand", children: _jsx(FormFieldIcon, { className: cn('cursor-pointer pointer-events-auto text-draeger-cool-gray-750 group-data-[headlessui-state=open]:rotate-180 transition-all duration-100', disabled && 'cursor-not-allowed text-draeger-cool-gray-250'), onClick: () => requestAnimationFrame(() => setState(state => state + 1)), iconName: "chevron-down", iconSet: "core" }) })] })] }), _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: _jsxs(ComboboxPrimitiveOptions, { anchor: { to: 'bottom' }, className: cn(optionsVariants({ size }), 'w-[var(--input-width)] origin-top transition'), children: [sortedSelectedOptions.map(option => (_jsx(MultiselectOption, { option: option, size: size }, option.label))), unselectedOptions.map(option => (_jsx(MultiselectOption, { option: option, size: size }, option.label)))] }) }), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled })] }) }));
|
|
32
|
+
}, iconName: "close", iconSet: "core" })), _jsx(ComboboxPrimitiveButton, { "aria-label": "Expand", children: _jsx(FormFieldIcon, { className: cn('cursor-pointer pointer-events-auto text-draeger-cool-gray-750 group-data-[headlessui-state=open]:rotate-180 transition-all duration-100', disabled && 'cursor-not-allowed text-draeger-cool-gray-250'), onClick: () => requestAnimationFrame(() => setState(state => state + 1)), iconName: "chevron-down", iconSet: "core" }) })] })] }), (sortedSelectedOptions.length > 0 || unselectedOptions.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: _jsxs(ComboboxPrimitiveOptions, { anchor: { to: 'bottom' }, className: cn(optionsVariants({ size }), 'w-[var(--input-width)] origin-top transition'), children: [sortedSelectedOptions.map(option => (_jsx(MultiselectOption, { option: option, size: size }, option.label))), unselectedOptions.map(option => (_jsx(MultiselectOption, { option: option, size: size }, option.label)))] }) })), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled })] }) }));
|
|
33
33
|
};
|
|
34
34
|
export { Multiselect };
|
|
35
35
|
//# sourceMappingURL=Multiselect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Multiselect.js","sourceRoot":"","sources":["../../../../src/components/actions/multiselect/Multiselect.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,IAAI,iBAAiB,EAC7B,aAAa,IAAI,sBAAsB,EACvC,cAAc,IAAI,uBAAuB,EACzC,eAAe,IAAI,wBAAwB,EAC3C,cAAc,IAAI,uBAAuB,EACzC,UAAU,GACX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,GAAG,EACH,QAAQ,EACR,cAAc,EACd,eAAe,EAGf,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EACL,mBAAmB,EACnB,aAAa,EACb,uBAAuB,EACvB,cAAc,EACd,
|
|
1
|
+
{"version":3,"file":"Multiselect.js","sourceRoot":"","sources":["../../../../src/components/actions/multiselect/Multiselect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../src/components/images-icons/image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAC/C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,aAAa;;
|
|
1
|
+
{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../src/components/images-icons/image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAC/C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,aAAa;;mFAYjB,CAAC;AAEH,QAAA,MAAM,KAAK,qFAYV,CAAC;AAGF,OAAO,EAAC,KAAK,EAAC,CAAC"}
|
|
@@ -14,11 +14,11 @@ const imageVariants = cva('object-cover', {
|
|
|
14
14
|
'1/1': 'aspect-1/1',
|
|
15
15
|
},
|
|
16
16
|
},
|
|
17
|
-
defaultVariants: {
|
|
18
|
-
ratio: '16/9',
|
|
19
|
-
},
|
|
17
|
+
defaultVariants: {},
|
|
20
18
|
});
|
|
21
19
|
const Image = React.forwardRef(({ asChild = false, ratio, className, ...props }, ref) => {
|
|
20
|
+
if (!props.src)
|
|
21
|
+
return;
|
|
22
22
|
const Comp = asChild ? Slot : 'img';
|
|
23
23
|
return (_jsx(Comp, { className: cn(imageVariants({ ratio, className }), 'object-cover w-full'), ref: ref, ...props }));
|
|
24
24
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../src/components/images-icons/image/Image.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,IAAI,EAAC,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAQlC,MAAM,aAAa,GAAG,GAAG,CAAC,cAAc,EAAE;IACxC,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,MAAM,EAAE,aAAa;YACrB,MAAM,EAAE,2BAA2B;YACnC,MAAM,EAAE,aAAa;YACrB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,YAAY;SACpB;KACF;IACD,eAAe,EAAE
|
|
1
|
+
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../src/components/images-icons/image/Image.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,IAAI,EAAC,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAQlC,MAAM,aAAa,GAAG,GAAG,CAAC,cAAc,EAAE;IACxC,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,MAAM,EAAE,aAAa;YACrB,MAAM,EAAE,2BAA2B;YACnC,MAAM,EAAE,aAAa;YACrB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,YAAY;SACpB;KACF;IACD,eAAe,EAAE,EAAE;CACpB,CAAC,CAAC;AAEH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CAAC,EAAC,OAAO,GAAG,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,GAAG,EAAE,EAAE;IACrD,IAAI,CAAC,KAAK,CAAC,GAAG;QAAE,OAAO;IACvB,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACpC,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAC,KAAK,EAAE,SAAS,EAAC,CAAC,EAAE,qBAAqB,CAAC,EACvE,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAC,KAAK,EAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC;CAAG;AAE9C,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACxD;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,CAAC;CAAG;AAE9C,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACxD;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA4BvC,CAAC;AAkBF,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAuC3D,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAS7C,CAAC;AA0BJ,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA6BrD,CAAC;AAEF,OAAO,EAAC,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,mBAAmB,EAAC,CAAC"}
|
|
@@ -18,7 +18,7 @@ const Accordion = ({ defaultValues = [], children, className, size = 'md', ...pr
|
|
|
18
18
|
setActiveItems([item]);
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
|
-
return (_jsx(AccordionContext.Provider, { value: { activeItems, toggleItem, size }, children: _jsx("div", { ...props, className: cn('font-text flex flex-col
|
|
21
|
+
return (children && (_jsx(AccordionContext.Provider, { value: { activeItems, toggleItem, size }, children: _jsx("div", { ...props, className: cn('font-text flex flex-col', className), children: children }) })));
|
|
22
22
|
};
|
|
23
23
|
const baseAccordionItemToggleClassName = 'disabled:pointer-events-none px-6 w-full cursor-pointer flex justify-between align-middle font-text font-semibold text-2xl leading-7 focus:outline-none focus:ring-2 focus:ring-draeger-air-blue hover:bg-field-disabled';
|
|
24
24
|
const accordionToggleVariants = cva(baseAccordionItemToggleClassName, {
|
|
@@ -37,16 +37,18 @@ const AccordionItemToggle = ({ headline, className, headingLevel, ...props }) =>
|
|
|
37
37
|
const { isExpanded, value, toggleItem, size } = useAccordionItemContext();
|
|
38
38
|
return (_jsxs("button", { ...props, "aria-expanded": isExpanded, id: `trigger_${value}`, "aria-controls": `panel_${value}`, onClick: toggleItem, className: cn(accordionToggleVariants({ size }), className, 'group'), children: [_jsx(Headline, { className: cn('text-draeger-dark-gray', props.disabled && 'text-draeger-cool-gray-150'), headingLevel: headingLevel || 'h6', children: headline }), _jsx(Icon, { size: 'md', iconSet: "core", iconName: 'chevron-down', center: "vertical", color: props.disabled ? 'draeger-cool-gray-150' : 'draeger-cool-gray-750', className: 'ml-4 group-aria-expanded:rotate-180 transition-all duration-100' })] }));
|
|
39
39
|
};
|
|
40
|
-
const AccordionItem = ({ children, value, ...props }) => (_jsx(AccordionItemContext.Provider, { value: value, children: _jsx(AccordionItemWrapper, { ...props, children: children }) }));
|
|
40
|
+
const AccordionItem = ({ children, value, ...props }) => children && (_jsx(AccordionItemContext.Provider, { value: value, children: _jsx(AccordionItemWrapper, { ...props, children: children }) }));
|
|
41
41
|
const baseAccordionItemWrapperClassName = 'text-draeger-dark-gray transition-all';
|
|
42
42
|
const AccordionItemWrapper = ({ className, children, ...props }) => {
|
|
43
|
-
return (_jsx("div", { ...props, className: cn('border-
|
|
43
|
+
return (_jsx("div", { ...props, className: cn('first-of-type:border-t border-b border-draeger-cool-gray-250', baseAccordionItemWrapperClassName, className), children: children }));
|
|
44
44
|
};
|
|
45
45
|
AccordionItem.displayName = 'AccordionItem';
|
|
46
46
|
const AccordionContent = ({ children }) => {
|
|
47
47
|
const { isExpanded, value } = useAccordionItemContext();
|
|
48
48
|
const [ref, contentHeight] = useElementHeight([isExpanded]);
|
|
49
|
-
|
|
49
|
+
if (!children)
|
|
50
|
+
return;
|
|
51
|
+
return (_jsx("div", { className: cn('transition-all duration-300 ease-in-out px-6', isExpanded ? 'opacity-100 pt-2 pb-8' : 'opacity-0'), role: "region", id: `panel_${value}`, "aria-labelledby": `trigger_${value}`, inert: isExpanded ? undefined : '', children: _jsx("div", { className: cn('overflow-hidden transition-[height] duration-300 ease-in-out'), style: { height: isExpanded ? `${contentHeight}px` : '0' }, children: _jsx("div", { ref: ref, "aria-hidden": !isExpanded, className: "lg:max-w-[70%]", children: children }) }) }));
|
|
50
52
|
};
|
|
51
53
|
export { Accordion, AccordionItem, AccordionContent, AccordionItemToggle };
|
|
52
54
|
//# sourceMappingURL=Accordion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC7C,OAAO,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AACjE,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,QAAQ,EAAC,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAC,IAAI,EAAC,MAAM,yBAAyB,CAAC;AA2B7C,MAAM,SAAS,GAA6B,CAAC,EAC3C,aAAa,GAAG,EAAE,EAClB,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,IAAI,EACX,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IACpE,MAAM,UAAU,GAAG,CAAC,IAAY,EAAE,EAAE;QAClC,IAAI,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;YAC/B,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,CACrC,YAAY,CAAC,EAAE,CAAC,YAAY,KAAK,IAAI,CACtC,CAAC;YACF,cAAc,CAAC,YAAY,CAAC,CAAC;QAC/B,CAAC;aAAM,CAAC;YACN,cAAc,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,WAAW,EAAE,UAAU,EAAE,IAAI,EAAC,YAC/D,
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Block.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/block/Block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAGhE,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iBAAiB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;QACzD,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;CACH;AAED,QAAA,MAAM,aAAa;;;mFAiBjB,CAAC;AAEH,QAAA,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"Block.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/block/Block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAGhE,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iBAAiB,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;QACzD,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;CACH;AAED,QAAA,MAAM,aAAa;;;mFAiBjB,CAAC;AAEH,QAAA,MAAM,KAAK,mFA+BV,CAAC;AAGF,OAAO,EAAC,KAAK,EAAC,CAAC"}
|
|
@@ -20,7 +20,7 @@ const blockVariants = cva('', {
|
|
|
20
20
|
elementWidth: 'large',
|
|
21
21
|
},
|
|
22
22
|
});
|
|
23
|
-
const Block = React.forwardRef(({ children, className, background, elementWidth, wrapperBlockProps, ...props }, ref) => (_jsx("div", { className: cn('w-full max-w-content-block grid justify-center grid-cols-1 gap-6 lg:grid-cols-9', wrapperBlockProps?.className), "data-name": "Block-Grid", ...wrapperBlockProps, children: _jsx("div", { className: cn(blockVariants({ background, elementWidth }), className), "data-name": "Block-Children-Width", ref: ref, ...props, children: children }) })));
|
|
23
|
+
const Block = React.forwardRef(({ children, className, background, elementWidth, wrapperBlockProps, ...props }, ref) => children && (_jsx("div", { className: cn('w-full max-w-content-block grid justify-center grid-cols-1 gap-6 lg:grid-cols-9', wrapperBlockProps?.className), "data-name": "Block-Grid", ...wrapperBlockProps, children: _jsx("div", { className: cn(blockVariants({ background, elementWidth }), className), "data-name": "Block-Children-Width", ref: ref, ...props, children: children }) })));
|
|
24
24
|
Block.displayName = 'Block';
|
|
25
25
|
export { Block };
|
|
26
26
|
//# sourceMappingURL=Block.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Block.js","sourceRoot":"","sources":["../../../../src/components/layout/block/Block.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAWlC,MAAM,aAAa,GAAG,GAAG,CAAC,EAAE,EAAE;IAC5B,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,KAAK,EAAE,YAAY;YACnB,MAAM,EAAE,8BAA8B;YACtC,KAAK,EAAE,8BAA8B;SACtC;QACD,UAAU,EAAE;YACV,KAAK,EAAE,kBAAkB;YACzB,SAAS,EAAE,0BAA0B;YACrC,QAAQ,EAAE,sBAAsB;YAChC,QAAQ,EAAE,sBAAsB;SACjC;KACF;IACD,eAAe,EAAE;QACf,YAAY,EAAE,OAAO;KACtB;CACF,CAAC,CAAC;AAEH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CACE,EACE,QAAQ,EACR,SAAS,EACT,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE,
|
|
1
|
+
{"version":3,"file":"Block.js","sourceRoot":"","sources":["../../../../src/components/layout/block/Block.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAWlC,MAAM,aAAa,GAAG,GAAG,CAAC,EAAE,EAAE;IAC5B,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,KAAK,EAAE,YAAY;YACnB,MAAM,EAAE,8BAA8B;YACtC,KAAK,EAAE,8BAA8B;SACtC;QACD,UAAU,EAAE;YACV,KAAK,EAAE,kBAAkB;YACzB,SAAS,EAAE,0BAA0B;YACrC,QAAQ,EAAE,sBAAsB;YAChC,QAAQ,EAAE,sBAAsB;SACjC;KACF;IACD,eAAe,EAAE;QACf,YAAY,EAAE,OAAO;KACtB;CACF,CAAC,CAAC;AAEH,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CACE,EACE,QAAQ,EACR,SAAS,EACT,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE,CACF,QAAQ,IAAI,CACV,cACE,SAAS,EAAE,EAAE,CACX,iFAAiF,EACjF,iBAAiB,EAAE,SAAS,CAC7B,eACS,YAAY,KAClB,iBAAiB,YAErB,cACE,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAC,UAAU,EAAE,YAAY,EAAC,CAAC,EAAE,SAAS,CAAC,eACzD,sBAAsB,EAChC,GAAG,EAAE,GAAG,KACJ,KAAK,YAER,QAAQ,GACL,GACF,CACP,CACJ,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAC,KAAK,EAAC,CAAC"}
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { type SectionWrapperProps } from '../..';
|
|
3
3
|
import { LinkComponent } from '../../../utils';
|
|
4
4
|
export interface CalloutMediaProps extends LinkComponent, React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
-
headline
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
headline?: string;
|
|
6
|
+
text?: string;
|
|
7
|
+
button?: React.ReactNode;
|
|
8
|
+
image?: React.ReactNode;
|
|
9
9
|
sectionProps?: SectionWrapperProps;
|
|
10
|
+
mediaAlignment?: 'left' | 'right';
|
|
10
11
|
}
|
|
11
12
|
declare const CalloutMedia: React.FC<CalloutMediaProps>;
|
|
12
13
|
export { CalloutMedia };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalloutMedia.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/calloutMedia/CalloutMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,
|
|
1
|
+
{"version":3,"file":"CalloutMedia.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/calloutMedia/CalloutMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,KAAK,mBAAmB,EAEzB,MAAM,OAAO,CAAC;AACf,OAAO,EAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAEjD,MAAM,WAAW,iBACf,SAAQ,aAAa,EACnB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,mBAAmB,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACnC;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgD7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -1,8 +1,15 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { SectionWrapper, Headline, SlimRichText, } from '../..';
|
|
3
3
|
import { cn } from '../../../utils';
|
|
4
|
-
const CalloutMedia = ({ headline,
|
|
5
|
-
|
|
4
|
+
const CalloutMedia = ({ headline, text, button, image, sectionProps, mediaAlignment = 'left', }) => {
|
|
5
|
+
const hasTextContent = Boolean(headline || text);
|
|
6
|
+
const hasImage = Boolean(image);
|
|
7
|
+
const hasContent = Boolean(hasTextContent || hasImage);
|
|
8
|
+
if (!hasContent)
|
|
9
|
+
return;
|
|
10
|
+
const textElement = hasTextContent && (_jsxs("div", { className: cn('flex flex-col gap-16 px-12 pb-12 mx-auto pt-9 basis-1/2 grow xl:basis-1/3 bg-surface-secondary', mediaAlignment === 'right' && 'xl:order-1'), children: [_jsxs("div", { children: [_jsx(Headline, { underlined: true, headingLevel: "h2", className: "pb-6", children: headline }), _jsx(SlimRichText, { text: text })] }), button && _jsx("div", { className: "self-start xl:mt-auto", children: button })] }));
|
|
11
|
+
const imageElement = hasImage && (_jsx("div", { className: "flex items-center h-auto xl:basis-2/3", children: _jsx("div", { className: "flex self-stretch", children: image }) }));
|
|
12
|
+
return (_jsx(SectionWrapper, { className: cn('py-0', sectionProps?.className), ...sectionProps, children: _jsxs("div", { className: cn('flex flex-col xl:flex-row'), children: [textElement, imageElement] }) }));
|
|
6
13
|
};
|
|
7
14
|
export { CalloutMedia };
|
|
8
15
|
//# sourceMappingURL=CalloutMedia.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalloutMedia.js","sourceRoot":"","sources":["../../../../src/components/layout/calloutMedia/CalloutMedia.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,
|
|
1
|
+
{"version":3,"file":"CalloutMedia.js","sourceRoot":"","sources":["../../../../src/components/layout/calloutMedia/CalloutMedia.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,cAAc,EACd,QAAQ,EAER,YAAY,GACb,MAAM,OAAO,CAAC;AACf,OAAO,EAAC,EAAE,EAAgB,MAAM,gBAAgB,CAAC;AAajD,MAAM,YAAY,GAAgC,CAAC,EACjD,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,KAAK,EACL,YAAY,EACZ,cAAc,GAAG,MAAM,GACxB,EAAE,EAAE;IACH,MAAM,cAAc,GAAG,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,UAAU,GAAG,OAAO,CAAC,cAAc,IAAI,QAAQ,CAAC,CAAC;IAEvD,IAAI,CAAC,UAAU;QAAE,OAAO;IAExB,MAAM,WAAW,GAAG,cAAc,IAAI,CACpC,eACE,SAAS,EAAE,EAAE,CACX,gGAAgG,EAChG,cAAc,KAAK,OAAO,IAAI,YAAY,CAC3C,aAED,0BACE,KAAC,QAAQ,IAAC,UAAU,QAAC,YAAY,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,YACpD,QAAQ,GACA,EACX,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,GAAI,IACxB,EACL,MAAM,IAAI,cAAK,SAAS,EAAC,uBAAuB,YAAE,MAAM,GAAO,IAC5D,CACP,CAAC;IAEF,MAAM,YAAY,GAAG,QAAQ,IAAI,CAC/B,cAAK,SAAS,EAAC,uCAAuC,YACpD,cAAK,SAAS,EAAC,mBAAmB,YAAE,KAAK,GAAO,GAC5C,CACP,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,IACb,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,SAAS,CAAC,KAC1C,YAAY,YAEhB,eAAK,SAAS,EAAE,EAAE,CAAC,2BAA2B,CAAC,aAC5C,WAAW,EACX,YAAY,IACT,GACS,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { type VariantProps } from 'class-variance-authority';
|
|
3
3
|
export interface CalloutQuoteProps extends VariantProps<typeof blockquoteVariants> {
|
|
4
|
-
headline
|
|
4
|
+
headline?: string;
|
|
5
5
|
signature?: string;
|
|
6
6
|
author?: string;
|
|
7
7
|
withQuotationMark?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalloutQuote.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/calloutQuote/CalloutQuote.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAKhE,MAAM,WAAW,iBACf,SAAQ,YAAY,CAAC,OAAO,kBAAkB,CAAC;IAC/C,QAAQ,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"CalloutQuote.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/calloutQuote/CalloutQuote.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAKhE,MAAM,WAAW,iBACf,SAAQ,YAAY,CAAC,OAAO,kBAAkB,CAAC;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAQD,QAAA,MAAM,kBAAkB;;mFAUtB,CAAC;AAEH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA+BlD,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { cva } from 'class-variance-authority';
|
|
3
|
-
import { Block,
|
|
3
|
+
import { Block, SlimRichText } from '../..';
|
|
4
4
|
import { cn } from '../../../utils';
|
|
5
5
|
import { Container } from '../container';
|
|
6
6
|
const blockquoteClasses = `
|
|
@@ -19,6 +19,6 @@ const blockquoteVariants = cva(blockquoteClasses, {
|
|
|
19
19
|
align: 'left',
|
|
20
20
|
},
|
|
21
21
|
});
|
|
22
|
-
export const CalloutQuote = ({ headline, author, signature, align, withQuotationMark = false, }) => (_jsx(Container, { children: _jsxs(Block, { className: "pt-12 pb-16 md:pt-14 lg:pb-20", background: 'paleBlue', elementWidth: 'medium', children: [_jsx("blockquote", { className: cn(blockquoteVariants({ align }), withQuotationMark &&
|
|
23
|
-
'before:content-[open-quote] after:content-[close-quote]'), children: headline }), _jsxs("div", { className: "px-4", children: [author && _jsx(
|
|
22
|
+
export const CalloutQuote = ({ headline, author, signature, align, withQuotationMark = false, }) => headline && (_jsx(Container, { children: _jsxs(Block, { className: "pt-12 pb-16 md:pt-14 lg:pb-20", background: 'paleBlue', elementWidth: 'medium', children: [_jsx("blockquote", { className: cn(blockquoteVariants({ align }), withQuotationMark &&
|
|
23
|
+
'before:content-[open-quote] after:content-[close-quote]'), children: headline }), (author || signature) && (_jsxs("div", { className: "px-4", children: [author && _jsx(SlimRichText, { text: author, weight: 'bold' }), signature && _jsx(SlimRichText, { text: signature })] }))] }) }));
|
|
24
24
|
//# sourceMappingURL=CalloutQuote.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalloutQuote.js","sourceRoot":"","sources":["../../../../src/components/layout/calloutQuote/CalloutQuote.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"CalloutQuote.js","sourceRoot":"","sources":["../../../../src/components/layout/calloutQuote/CalloutQuote.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,KAAK,EAAE,YAAY,EAAC,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAUvC,MAAM,iBAAiB,GAAG;;;;CAIzB,CAAC;AAEF,MAAM,kBAAkB,GAAG,GAAG,CAAC,iBAAiB,EAAE;IAChD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,4DAA4D;YAClE,MAAM,EAAE,aAAa;SACtB;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,iBAAiB,GAAG,KAAK,GAC1B,EAAE,EAAE,CACH,QAAQ,IAAI,CACV,KAAC,SAAS,cACR,MAAC,KAAK,IACJ,SAAS,EAAC,+BAA+B,EACzC,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,QAAQ,aAEtB,qBACE,SAAS,EAAE,EAAE,CACX,kBAAkB,CAAC,EAAC,KAAK,EAAC,CAAC,EAC3B,iBAAiB;oBACf,yDAAyD,CAC5D,YAEA,QAAQ,GACE,EACZ,CAAC,MAAM,IAAI,SAAS,CAAC,IAAI,CACxB,eAAK,SAAS,EAAC,MAAM,aAClB,MAAM,IAAI,KAAC,YAAY,IAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAI,EACxD,SAAS,IAAI,KAAC,YAAY,IAAC,IAAI,EAAE,SAAS,GAAI,IAC3C,CACP,IACK,GACE,CACb,CAAC"}
|