@odx/websites-react 1.1.96 → 1.1.98
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 +1 -0
- package/dist/components/actions/autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist/components/actions/autocomplete/Autocomplete.js +2 -9
- package/dist/components/actions/autocomplete/Autocomplete.js.map +1 -1
- package/dist/components/images-icons/video/Video.d.ts.map +1 -1
- package/dist/components/images-icons/video/Video.js +2 -2
- package/dist/components/images-icons/video/Video.js.map +1 -1
- package/dist/components/layout/modal/Modal.d.ts +5 -5
- package/dist/components/layout/modal/Modal.d.ts.map +1 -1
- package/dist/components/layout/modal/Modal.js +20 -47
- package/dist/components/layout/modal/Modal.js.map +1 -1
- package/dist/web/sections/calloutContact/CalloutContact.d.ts +1 -0
- package/dist/web/sections/calloutContact/CalloutContact.d.ts.map +1 -1
- package/dist/web/sections/calloutContact/CalloutContact.js +7 -1
- package/dist/web/sections/calloutContact/CalloutContact.js.map +1 -1
- package/package.json +2 -2
|
@@ -11,6 +11,7 @@ export interface AutocompleteProps extends FormFieldWrapperVariants, FormField {
|
|
|
11
11
|
query: string;
|
|
12
12
|
setQuery: (query: string) => void;
|
|
13
13
|
optionsLimit?: number;
|
|
14
|
+
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
14
15
|
}
|
|
15
16
|
declare const Autocomplete: React.FC<AutocompleteProps>;
|
|
16
17
|
export { Autocomplete };
|
|
@@ -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,EAGL,cAAc,EAOf,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;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;
|
|
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,EAGL,cAAc,EAOf,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;IAClC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC/D;AA+CD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqJ7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import * as React from 'react';
|
|
4
3
|
import { Combobox as ComboboxPrimitive, ComboboxInput as ComboboxPrimitiveInput, ComboboxOption as ComboboxPrimitiveOption, ComboboxOptions as ComboboxPrimitiveOptions, ComboboxButton as ComboboxPrimitiveButton, Transition, } from '@headlessui/react';
|
|
5
4
|
import { FormFieldHelperText, FormFieldIcon, FormFieldIconsContainer, FormFieldLabel, FormFieldWrapper, } from '../formField';
|
|
6
5
|
import { BodyText, optionVariants, optionsVariants, IconCoreCheck, IconCoreSearch, IconCoreFeedbackWarningFilledMono, IconCoreClose, } from '../..';
|
|
@@ -11,22 +10,16 @@ const ComboboxOption = ({ option, size, children, query, ...props }) => {
|
|
|
11
10
|
const { label, disabled } = option;
|
|
12
11
|
return (_jsx(ComboboxPrimitiveOption, { disabled: disabled, value: option, ...props, children: ({ selected, focus, disabled }) => (_jsxs("div", { title: label, className: cn(optionVariants({ size, hover: focus, selected, disabled }), 'justify-between'), children: [_jsx(BodyText, { textColor: 'inherit', variant: 'small', className: "truncate", children: typeof children === 'string' ? (_jsx(Highlight, { text: children, highlight: query ?? '' })) : (children) }), selected && _jsx(IconCoreCheck, { className: "shrink-0" })] })) }));
|
|
13
12
|
};
|
|
14
|
-
const Autocomplete = ({ options, optionsLimit = 10, selected, onChange, disabled, label, helperText, invalidText, invalid = false, placeholder, size, wrapperClassName, freeTextSearchLabel, freeTextSearchAllowed = false, required, query, setQuery, }) => {
|
|
15
|
-
const [focused, setFocused] = React.useState(false);
|
|
13
|
+
const Autocomplete = ({ options, optionsLimit = 10, selected, onChange, disabled, label, helperText, invalidText, invalid = false, placeholder, size, wrapperClassName, freeTextSearchLabel, freeTextSearchAllowed = false, required, query, setQuery, onFocus, }) => {
|
|
16
14
|
const { id, labelId, helperTextId } = useFieldId();
|
|
17
|
-
const clearIconEnabled = React.useRef(false);
|
|
18
15
|
const hasQuery = Boolean(query?.length);
|
|
19
|
-
React.useEffect(() => {
|
|
20
|
-
clearIconEnabled.current = false;
|
|
21
|
-
}, [focused]);
|
|
22
16
|
const showFreeTextOption = Boolean(query && freeTextSearchAllowed);
|
|
23
17
|
return (_jsx("div", { className: cn('relative font-text', wrapperClassName), children: _jsxs(ComboboxPrimitive, { as: "div", className: 'group', value: selected, onChange: value => {
|
|
24
18
|
onChange(value);
|
|
25
19
|
setQuery(value?.label ?? '');
|
|
26
20
|
}, 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", displayValue: option => option?.label, onBlur: () => {
|
|
27
|
-
setFocused(false);
|
|
28
21
|
setQuery(selected?.label ?? '');
|
|
29
|
-
}, onFocus:
|
|
22
|
+
}, onFocus: onFocus, 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-[88px]') }) }), _jsx(FormFieldIconsContainer, { align: 'left', children: _jsx(FormFieldIcon, { className: cn('pointer-events-auto'), icon: _jsx(IconCoreSearch, {}), color: disabled ? 'disabled' : undefined }) }), _jsxs(FormFieldIconsContainer, { children: [invalid && (_jsx(FormFieldIcon, { className: "pointer-events-auto text-draeger-error", icon: _jsx(IconCoreFeedbackWarningFilledMono, {}) })), (hasQuery || selected?.value) && (_jsx(ComboboxPrimitiveButton, { "aria-label": "Expand", className: 'flex', children: _jsx(FormFieldIcon, { className: "w-6 cursor-pointer pointer-events-auto text-draeger-cool-gray-750", icon: _jsx(IconCoreClose, {}), onClick: () => {
|
|
30
23
|
onChange(null);
|
|
31
24
|
setQuery('');
|
|
32
25
|
} }) }))] })] }), (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 }), 'transition origin-top w-[var(--input-width)]'), children: [showFreeTextOption && (_jsxs(ComboboxOption, { option: { value: query, label: query }, size: size, children: [freeTextSearchLabel, query] })), options.slice(0, optionsLimit).map((option, index) => (_jsx(ComboboxOption, { option: option, size: size, query: query, children: option.label }, `${option.label}-${index}`)))] }) })), _jsx(FormFieldHelperText, { id: helperTextId, helperText: helperText, invalidText: invalidText, invalid: invalid, disabled: disabled })] }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../src/components/actions/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../../../src/components/actions/autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../../src/components/images-icons/video/Video.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAS,KAAK,WAAW,EAAC,MAAM,sBAAsB,CAAC;AAE9D,OAAO,EAAmB,UAAU,EAAC,MAAM,oBAAoB,CAAC;AAEhE,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAEhE,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../../src/components/images-icons/video/Video.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAS,KAAK,WAAW,EAAC,MAAM,sBAAsB,CAAC;AAE9D,OAAO,EAAmB,UAAU,EAAC,MAAM,oBAAoB,CAAC;AAEhE,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAEhE,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAiD/B,CAAC;AAEF,OAAO,EAAC,KAAK,EAAC,CAAC"}
|
|
@@ -9,10 +9,10 @@ const Video = ({ previewImage, videoElement, buttonProps, className, setOpen, op
|
|
|
9
9
|
const isMobile = useBreakpoint('lg');
|
|
10
10
|
const sizedVideoElement = (_jsx("div", { className: "[&_iframe]:aspect-16/9 [&_iframe]:h-full [&_iframe]:w-full", children: videoElement }));
|
|
11
11
|
const isOpenedMobile = open && isMobile;
|
|
12
|
-
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: cn('relative font-text', className), ...props, children: [isOpenedMobile && sizedVideoElement, !isOpenedMobile && previewImage && _jsx(Image, { ...previewImage }), !open && (_jsx(Button, { ...buttonProps, className: "absolute -
|
|
12
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: cn('relative font-text', className), ...props, children: [isOpenedMobile && sizedVideoElement, !isOpenedMobile && previewImage && _jsx(Image, { ...previewImage }), !open && (_jsx(Button, { ...buttonProps, className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2", onClick: e => {
|
|
13
13
|
setOpen(true);
|
|
14
14
|
buttonProps?.onClick?.(e);
|
|
15
|
-
} }))] }), !isMobile && (_jsx(Modal, { open: open, canClose: true, onOpenChange: (open) => setOpen(open), ...modalProps, children: _jsx(ModalBody, { children: sizedVideoElement }) }))] }));
|
|
15
|
+
} }))] }), !isMobile && (_jsx(Modal, { open: open, canClose: true, onOpenChange: (open) => setOpen(open), size: 'xl', ...modalProps, children: _jsx(ModalBody, { children: sizedVideoElement }) }))] }));
|
|
16
16
|
};
|
|
17
17
|
export { Video };
|
|
18
18
|
//# sourceMappingURL=Video.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../../src/components/images-icons/video/Video.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAC,MAAM,EAAmB,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,KAAK,EAAE,SAAS,EAAa,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAC,KAAK,EAAkB,MAAM,0BAA0B,CAAC;AAYhE,MAAM,KAAK,GAAyB,CAAC,EACnC,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,SAAS,EACT,OAAO,EACP,IAAI,EACJ,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,iBAAiB,GAAG,CACxB,cAAK,SAAS,EAAC,4DAA4D,YACxE,YAAY,GACT,CACP,CAAC;IAEF,MAAM,cAAc,GAAG,IAAI,IAAI,QAAQ,CAAC;IAExC,OAAO,CACL,8BACE,eAAK,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,KAAM,KAAK,aAC3D,cAAc,IAAI,iBAAiB,EACnC,CAAC,cAAc,IAAI,YAAY,IAAI,KAAC,KAAK,OAAK,YAAY,GAAI,EAC9D,CAAC,IAAI,IAAI,CACR,KAAC,MAAM,OACD,WAAW,EACf,SAAS,EAAC,6DAA6D,EACvE,OAAO,EAAE,CAAC,CAAC,EAAE;4BACX,OAAO,CAAC,IAAI,CAAC,CAAC;4BACd,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;wBAC5B,CAAC,GACD,CACH,IACG,EACL,CAAC,QAAQ,IAAI,CACZ,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,QAAQ,QACR,YAAY,EAAE,CAAC,IAAa,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../../src/components/images-icons/video/Video.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAC,MAAM,EAAmB,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,KAAK,EAAE,SAAS,EAAa,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAC,KAAK,EAAkB,MAAM,0BAA0B,CAAC;AAYhE,MAAM,KAAK,GAAyB,CAAC,EACnC,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,SAAS,EACT,OAAO,EACP,IAAI,EACJ,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAErC,MAAM,iBAAiB,GAAG,CACxB,cAAK,SAAS,EAAC,4DAA4D,YACxE,YAAY,GACT,CACP,CAAC;IAEF,MAAM,cAAc,GAAG,IAAI,IAAI,QAAQ,CAAC;IAExC,OAAO,CACL,8BACE,eAAK,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,KAAM,KAAK,aAC3D,cAAc,IAAI,iBAAiB,EACnC,CAAC,cAAc,IAAI,YAAY,IAAI,KAAC,KAAK,OAAK,YAAY,GAAI,EAC9D,CAAC,IAAI,IAAI,CACR,KAAC,MAAM,OACD,WAAW,EACf,SAAS,EAAC,6DAA6D,EACvE,OAAO,EAAE,CAAC,CAAC,EAAE;4BACX,OAAO,CAAC,IAAI,CAAC,CAAC;4BACd,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;wBAC5B,CAAC,GACD,CACH,IACG,EACL,CAAC,QAAQ,IAAI,CACZ,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,QAAQ,QACR,YAAY,EAAE,CAAC,IAAa,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC9C,IAAI,EAAE,IAAI,KACN,UAAU,YAEd,KAAC,SAAS,cAAE,iBAAiB,GAAa,GACpC,CACT,IACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,KAAK,EAAC,CAAC"}
|
|
@@ -2,22 +2,22 @@ import * as React from 'react';
|
|
|
2
2
|
import * as Dialog from '@radix-ui/react-dialog';
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
import { type HeadlineProps } from '../../typography/headline';
|
|
5
|
-
|
|
6
|
-
color?: "white" | "lightSand" | null | undefined;
|
|
7
|
-
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
|
-
export interface ModalProps extends Dialog.DialogProps {
|
|
5
|
+
export interface ModalProps extends Dialog.DialogProps, VariantProps<typeof modalVariants> {
|
|
9
6
|
canClose?: boolean;
|
|
10
7
|
headline?: string;
|
|
11
8
|
headlineProps?: Omit<HeadlineProps, 'children'>;
|
|
12
9
|
fullscreen?: boolean;
|
|
13
10
|
}
|
|
14
|
-
export interface ModalBodyProps extends
|
|
11
|
+
export interface ModalBodyProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
15
12
|
}
|
|
16
13
|
export interface ModalFooterProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
17
14
|
children?: React.ReactNode;
|
|
18
15
|
}
|
|
19
16
|
declare const ModalBody: React.FC<ModalBodyProps>;
|
|
20
17
|
declare const ModalFooter: React.FC<ModalFooterProps>;
|
|
18
|
+
declare const modalVariants: (props?: ({
|
|
19
|
+
size?: "sm" | "lg" | "xl" | "md" | null | undefined;
|
|
20
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
21
21
|
declare const Modal: React.FC<ModalProps>;
|
|
22
22
|
export { Modal, ModalBody, ModalFooter };
|
|
23
23
|
//# sourceMappingURL=Modal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/modal/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAW,KAAK,aAAa,EAAC,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/modal/Modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAC,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAW,KAAK,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAIvE,MAAM,WAAW,UACf,SAAQ,MAAM,CAAC,WAAW,EACxB,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAE/E,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAcvC,CAAC;AAMF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CASzC,CAAC;AASJ,QAAA,MAAM,aAAa;;8EAYjB,CAAC;AAOH,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAiF/B,CAAC;AAEF,OAAO,EAAC,KAAK,EAAE,SAAS,EAAE,WAAW,EAAC,CAAC"}
|
|
@@ -1,71 +1,46 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { jsx as _jsx,
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import * as Dialog from '@radix-ui/react-dialog';
|
|
5
5
|
import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
|
|
6
6
|
import { cva } from 'class-variance-authority';
|
|
7
|
-
import { cn
|
|
7
|
+
import { cn } from '../../../utils';
|
|
8
8
|
import { Headline } from '../../typography/headline';
|
|
9
|
-
import { useIsomorphicLayoutEffect } from '../../../hooks/useIsomorphicLayoutEffect';
|
|
10
9
|
import { Button } from '../../actions/button';
|
|
11
10
|
import { IconCoreClose } from '../../icon';
|
|
12
|
-
|
|
13
|
-
const modalSectionVariants = cva('', {
|
|
14
|
-
variants: {
|
|
15
|
-
color: {
|
|
16
|
-
white: 'bg-draeger-white',
|
|
17
|
-
lightSand: 'bg-draeger-light-sand-50',
|
|
18
|
-
},
|
|
19
|
-
},
|
|
20
|
-
defaultVariants: {
|
|
21
|
-
color: 'white',
|
|
22
|
-
},
|
|
23
|
-
});
|
|
24
|
-
const fadeOutOverlayVariants = cva('bg-[linear-gradient(0deg,currentColor_0%,transparent_100%)] min-h-[48px] -mt-[47px] z-10', {
|
|
25
|
-
variants: {
|
|
26
|
-
color: {
|
|
27
|
-
white: 'text-draeger-white',
|
|
28
|
-
lightSand: 'text-draeger-light-sand-50',
|
|
29
|
-
},
|
|
30
|
-
},
|
|
31
|
-
defaultVariants: {
|
|
32
|
-
color: 'white',
|
|
33
|
-
},
|
|
34
|
-
});
|
|
35
|
-
const ModalBody = ({ className, children, color, ...props }) => {
|
|
11
|
+
const ModalBody = ({ children, ...props }) => {
|
|
36
12
|
if (!children)
|
|
37
13
|
return;
|
|
38
|
-
|
|
39
|
-
const [showScrollGradient, setShowScrollGradient] = React.useState(false);
|
|
40
|
-
useIsomorphicLayoutEffect(() => {
|
|
41
|
-
const handler = () => {
|
|
42
|
-
if (!ref.current)
|
|
43
|
-
return;
|
|
44
|
-
const { scrollHeight, scrollWidth, clientHeight, clientWidth } = ref.current;
|
|
45
|
-
setShowScrollGradient(scrollWidth <= clientWidth && scrollHeight > clientHeight + 0);
|
|
46
|
-
};
|
|
47
|
-
handler();
|
|
48
|
-
const debouncedHandler = debounce(handler, 50);
|
|
49
|
-
window.addEventListener('resize', debouncedHandler);
|
|
50
|
-
return () => window.removeEventListener('resize', debouncedHandler);
|
|
51
|
-
}, []);
|
|
52
|
-
return (_jsxs(_Fragment, { children: [_jsx("div", { ref: ref, className: cn('overflow-y-auto relative', 'overflow-y-auto relative', modalSectionVariants({ color, className }), showScrollGradient && 'pb-12'), ...props, children: children }), _jsx("div", { className: cn(showScrollGradient && fadeOutOverlayVariants({ color })) })] }));
|
|
14
|
+
return (_jsx("div", { ...props, className: cn('overflow-y-auto relative bg-draeger-white', props.className), children: children }));
|
|
53
15
|
};
|
|
54
16
|
const modalFooterClasses = `
|
|
55
17
|
pt-6 flex justify-end items-center grow-0 gap-3 flex-col-reverse flex-wrap md:flex-row
|
|
56
18
|
`;
|
|
57
19
|
const ModalFooter = ({ className, children, ...props }) => children && (_jsx("div", { className: cn(modalFooterClasses, className), ...props, children: children }));
|
|
58
20
|
const modalClasses = `
|
|
59
|
-
fixed group flex flex-col w-full max-h-screen top-1/2 left-1/2 translate-x-[-50%] translate-y-[-50%] p-6 rounded-sm
|
|
21
|
+
fixed group flex flex-col w-full max-w-[90%] max-h-screen top-1/2 left-1/2 translate-x-[-50%] translate-y-[-50%] p-6 rounded-sm
|
|
60
22
|
z-overlay overflow-auto font-text focus:outline-none bg-draeger-white shadow-draeger-elevation-2
|
|
61
23
|
data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]
|
|
62
24
|
data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%]
|
|
63
25
|
`;
|
|
26
|
+
const modalVariants = cva(modalClasses, {
|
|
27
|
+
variants: {
|
|
28
|
+
size: {
|
|
29
|
+
sm: 'w-[480px]',
|
|
30
|
+
md: 'w-[610px]',
|
|
31
|
+
lg: 'w-[800px]',
|
|
32
|
+
xl: 'w-[1024px]',
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
defaultVariants: {
|
|
36
|
+
size: 'md',
|
|
37
|
+
},
|
|
38
|
+
});
|
|
64
39
|
const modalOverlayClasses = `
|
|
65
40
|
bg-draeger-backdrop backdrop-blur-[15px]
|
|
66
41
|
data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-overlay
|
|
67
42
|
`;
|
|
68
|
-
const Modal = ({ open, onOpenChange, children, canClose, headline, headlineProps, fullscreen, }) => {
|
|
43
|
+
const Modal = ({ open, onOpenChange, children, canClose, headline, headlineProps, fullscreen = false, size, }) => {
|
|
69
44
|
if (!children)
|
|
70
45
|
return;
|
|
71
46
|
const triggerElementRef = React.useRef(null);
|
|
@@ -89,9 +64,7 @@ const Modal = ({ open, onOpenChange, children, canClose, headline, headlineProps
|
|
|
89
64
|
event.preventDefault();
|
|
90
65
|
}, onFocusOutside: event => {
|
|
91
66
|
event.preventDefault();
|
|
92
|
-
}, className: cn(
|
|
93
|
-
? 'w-screen h-screen md:h-auto md:max-w-[calc(min(610px,90%))]'
|
|
94
|
-
: 'max-w-[calc(min(610px,90%))]', (canClose || headline) && 'pt-0'), children: [_jsx(Dialog.Title, { asChild: true, children: _jsxs("div", { className: "flex items-center justify-between py-2", children: [_jsx(Headline, { headingLevel: "h5", spacingBottom: false, ...headlineProps, children: headline }), _jsx("div", { className: "py-1.5 flex gap-1 ml-auto", children: canClose && (_jsx(Dialog.Close, { asChild: true, children: _jsx(Button, { variant: 'ghost', iconButtonStyle: 'brand', size: 'sm', iconLeft: _jsx(IconCoreClose, {}) }) })) })] }) }), children] })] }) }));
|
|
67
|
+
}, className: cn(modalVariants({ size }), fullscreen && 'max-w-[100vw] h-screen md:h-auto md:max-w-[90%]', (canClose || headline) && 'pt-0'), children: [_jsx(Dialog.Title, { asChild: true, children: _jsxs("div", { className: "flex items-center justify-between py-2", children: [_jsx(Headline, { headingLevel: "h5", spacingBottom: false, ...headlineProps, children: headline }), _jsx("div", { className: "py-1.5 flex gap-1 ml-auto", children: canClose && (_jsx(Dialog.Close, { asChild: true, children: _jsx(Button, { variant: 'ghost', iconButtonStyle: 'brand', size: 'sm', iconLeft: _jsx(IconCoreClose, {}) }) })) })] }) }), children] })] }) }));
|
|
95
68
|
};
|
|
96
69
|
export { Modal, ModalBody, ModalFooter };
|
|
97
70
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/layout/modal/Modal.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAC,cAAc,EAAC,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAe,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/layout/modal/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalloutContact.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/calloutContact/CalloutContact.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,aAAa,EAAC,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAUL,KAAK,SAAS,EACd,KAAK,mBAAmB,EACzB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAK,aAAa,EAAE,KAAK,sBAAsB,EAAC,MAAM,gBAAgB,CAAC;AAG9E,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"CalloutContact.d.ts","sourceRoot":"","sources":["../../../../src/web/sections/calloutContact/CalloutContact.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAW,aAAa,EAAC,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EAUL,KAAK,SAAS,EACd,KAAK,mBAAmB,EACzB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAK,aAAa,EAAE,KAAK,sBAAsB,EAAC,MAAM,gBAAgB,CAAC;AAG9E,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,yBAA0B,SAAQ,kBAAkB;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,YAAY,CAAC,CAAC;IACvD,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;AAEjE,eAAO,MAAM,eAAe,GAAI;;CAAW,4CAE1C,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAER,CAAC;AAE5D,MAAM,WAAW,oBAAqB,SAAQ,aAAa,EAAE,SAAS;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAcxD,CAAC;AAIJ,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAetD,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAmBlE,CAAC;AAEJ,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmCxD,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAQlE,CAAC"}
|
|
@@ -7,7 +7,13 @@ import { IconPropsWrapper } from '../../../components/icon';
|
|
|
7
7
|
export const ContactInfoText = ({ text = '' }) => (_jsx(SlimRichText, { variant: 'small', text: text, bottomSpacing: false }));
|
|
8
8
|
export const ContactInfoTextGroup = ({ children, }) => _jsx("div", { className: "flex flex-col gap-1", children: children });
|
|
9
9
|
export const ContactInfoLink = ({ label = '', icon, LinkComponent = 'a', ...props }) => label && (_jsxs("div", { className: "flex self-start max-w-full gap-2", children: [icon && _jsx(IconPropsWrapper, { color: 'primary', children: icon }), _jsx(Link, { size: 'small', LinkComponent: LinkComponent, ...props, children: label })] }));
|
|
10
|
-
|
|
10
|
+
const contactColumnClasses = 'flex flex-col gap-3';
|
|
11
|
+
export const ContactColumn = ({ children, className, isCalloutColumn = true, }) => {
|
|
12
|
+
if (!children)
|
|
13
|
+
return;
|
|
14
|
+
const columnClassName = cn(contactColumnClasses, className);
|
|
15
|
+
return isCalloutColumn ? (_jsx(Grid, { item: true, sm: 12, lg: 6, xl: 4, itemClassName: columnClassName, children: children })) : (_jsx("div", { className: columnClassName, children: children }));
|
|
16
|
+
};
|
|
11
17
|
export const CalloutContactColumn = ({ headline, phoneNumber, text01, text02, }) => (headline || phoneNumber || text01 || text02) && (_jsxs(ContactColumn, { children: [_jsx(BodyText, { weight: 'bold', children: headline }), _jsx(ContactInfoText, { text: text01 }), phoneNumber && (_jsx(ContactInfoLink, { href: `tel:${phoneNumber.replace(/\s/g, '')}`, label: phoneNumber, icon: _jsx(IconCorePhone, {}) })), _jsx(ContactInfoText, { text: text02 })] }));
|
|
12
18
|
export const CalloutContact = ({ title, children, sectionProps, showMoreSlot, headlineActAs, ...props }) => {
|
|
13
19
|
return (_jsx(SectionWrapper, { ...sectionProps, ...props, background: "paleBlue", children: _jsxs(Container, { spacingBreaker: true, paddingBottom: 'default', paddingTop: 'default', children: [_jsx(BlockGrid, { children: _jsxs(BlockChildrenWidthContainer, { paddingBottom: 'none', children: [title && (_jsx(Headline, { headingLevel: "h2", underlined: true, actAs: headlineActAs, children: title })), _jsx(Grid, { container: true, containerClassName: "gap-y-10 md:gap-y-9", children: children })] }) }), _jsx(BlockGrid, { paddingBottom: 'none', children: _jsx(BlockChildrenWidthContainer, { paddingBottom: 'none', children: showMoreSlot }) })] }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalloutContact.js","sourceRoot":"","sources":["../../../../src/web/sections/calloutContact/CalloutContact.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,QAAQ,EAAgB,MAAM,yCAAyC,CAAC;AAChF,OAAO,EAAC,KAAK,EAAkB,MAAM,wCAAwC,CAAC;AAC9E,OAAO,EACL,cAAc,EACd,SAAS,EACT,SAAS,EACT,2BAA2B,EAC3B,IAAI,EACJ,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,IAAI,GAGL,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAC,EAAE,EAA6C,MAAM,gBAAgB,CAAC;AAC9E,OAAO,EAAC,gBAAgB,EAAC,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"CalloutContact.js","sourceRoot":"","sources":["../../../../src/web/sections/calloutContact/CalloutContact.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@odx/websites-react",
|
|
3
3
|
"author": "Drägerwerk AG & Co. KGaA",
|
|
4
|
-
"version": "1.1.
|
|
4
|
+
"version": "1.1.98",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"description": "ODX React component library for websites",
|
|
7
7
|
"type": "module",
|
|
@@ -482,7 +482,7 @@
|
|
|
482
482
|
"tailwind-lib-content.js"
|
|
483
483
|
],
|
|
484
484
|
"dependencies": {
|
|
485
|
-
"@headlessui/react": "2.2.
|
|
485
|
+
"@headlessui/react": "2.2.7",
|
|
486
486
|
"@radix-ui/react-checkbox": "^1.1.4",
|
|
487
487
|
"@radix-ui/react-dialog": "^1.1.1",
|
|
488
488
|
"@radix-ui/react-navigation-menu": "^1.1.4",
|