@odx/websites-react 1.1.96 → 1.1.97
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/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 +3 -3
|
@@ -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.97",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"description": "ODX React component library for websites",
|
|
7
7
|
"type": "module",
|
|
@@ -529,8 +529,8 @@
|
|
|
529
529
|
"typescript": "^5.4.5",
|
|
530
530
|
"vitest": "^3.1.0-beta.1",
|
|
531
531
|
"@odx/eslint-config-websites": "0.0.1",
|
|
532
|
-
"@odx/websites-
|
|
533
|
-
"@odx/websites-
|
|
532
|
+
"@odx/websites-ui": "0.2.36",
|
|
533
|
+
"@odx/websites-tsconfig": "0.0.0"
|
|
534
534
|
},
|
|
535
535
|
"peerDependencies": {
|
|
536
536
|
"@odx/websites-ui": ">=0.2.1",
|