@odx/websites-react 1.1.34 → 1.1.35
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/layout/accordion/Accordion.d.ts +1 -0
- package/dist/components/layout/accordion/Accordion.d.ts.map +1 -1
- package/dist/components/layout/accordion/Accordion.js +3 -3
- package/dist/components/layout/accordion/Accordion.js.map +1 -1
- package/dist/web/index.d.ts +2 -1
- package/dist/web/index.d.ts.map +1 -1
- package/dist/web/index.js +2 -1
- package/dist/web/index.js.map +1 -1
- package/dist/web/productCompare/ProductCompare.d.ts +16 -1
- package/dist/web/productCompare/ProductCompare.d.ts.map +1 -1
- package/dist/web/productCompare/ProductCompare.js +19 -17
- package/dist/web/productCompare/ProductCompare.js.map +1 -1
- package/dist/web/productCompare/ProductCompareTable.d.ts.map +1 -1
- package/dist/web/productCompare/ProductCompareTable.js +1 -1
- package/dist/web/productCompare/ProductCompareTable.js.map +1 -1
- package/dist/web/productCompareSection/ProductCompareSection.d.ts +16 -0
- package/dist/web/productCompareSection/ProductCompareSection.d.ts.map +1 -0
- package/dist/web/productCompareSection/ProductCompareSection.js +45 -0
- package/dist/web/productCompareSection/ProductCompareSection.js.map +1 -0
- package/dist/web/productCompareSection/index.d.ts +2 -0
- package/dist/web/productCompareSection/index.d.ts.map +1 -0
- package/dist/web/productCompareSection/index.js +2 -0
- package/dist/web/productCompareSection/index.js.map +1 -0
- package/package.json +7 -3
|
@@ -13,6 +13,7 @@ export interface AccordionItemWrapperProps extends Omit<AccordionItemProps, 'val
|
|
|
13
13
|
export interface AccordionContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
14
14
|
children?: React.ReactNode;
|
|
15
15
|
fullWidth?: boolean;
|
|
16
|
+
withSpacing?: boolean;
|
|
16
17
|
}
|
|
17
18
|
export interface AccordionItemToggleProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
18
19
|
children?: React.ReactNode;
|
|
@@ -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;AAU/B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAGlE,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;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;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;IAC3B,SAAS,CAAC,EAAE,OAAO,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;AAU/B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAGlE,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;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;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;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,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;IACvD,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiCvC,CAAC;AAKF,eAAO,MAAM,uBAAuB;;mFAWlC,CAAC;AAEH,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA6C3D,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAS7C,CAAC;AA0BJ,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAuCrD,CAAC;AAEF,OAAO,EAAC,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,mBAAmB,EAAC,CAAC"}
|
|
@@ -40,7 +40,7 @@ export const accordionToggleVariants = cva(baseAccordionItemToggleClassName, {
|
|
|
40
40
|
});
|
|
41
41
|
const AccordionItemToggle = ({ children, headline, className, headingLevel, headlineActAs, ...props }) => {
|
|
42
42
|
const { isExpanded, value, toggleItem, size } = useAccordionItemContext();
|
|
43
|
-
return (_jsxs("button", { ...props, "aria-expanded": isExpanded, id: `trigger_${value}`, "aria-controls": `panel_${value}`, onClick: toggleItem, className: cn(accordionToggleVariants({ size }), className, 'group'), children: [React.isValidElement(children) ? (children) : (_jsx(Headline, { className: cn('text-draeger-dark-gray text-left', props.disabled && 'text-draeger-cool-gray-150'), headingLevel: headingLevel || 'h6', actAs: headlineActAs, children: headline })), _jsx(Icon, { size: 'md', name: "core::chevron-down", center: "vertical", color: props.disabled ? 'disabled' : 'secondary', className: 'ml-4 group-aria-expanded:rotate-180 transition-all duration-100' })] }));
|
|
43
|
+
return (_jsxs("button", { ...props, "aria-expanded": isExpanded, id: `trigger_${value}`, "aria-controls": `panel_${value}`, "aria-label": 'Accordion item trigger', onClick: toggleItem, tabIndex: 0, className: cn(accordionToggleVariants({ size }), className, 'group'), children: [React.isValidElement(children) ? (children) : (_jsx(Headline, { className: cn('text-draeger-dark-gray text-left', props.disabled && 'text-draeger-cool-gray-150'), headingLevel: headingLevel || 'h6', actAs: headlineActAs, children: headline })), _jsx(Icon, { size: 'md', name: "core::chevron-down", center: "vertical", color: props.disabled ? 'disabled' : 'secondary', className: 'ml-4 group-aria-expanded:rotate-180 transition-all duration-100' })] }));
|
|
44
44
|
};
|
|
45
45
|
const AccordionItem = ({ children, value, ...props }) => children && (_jsx(AccordionItemContext.Provider, { value: value, children: _jsx(AccordionItemWrapper, { ...props, children: children }) }));
|
|
46
46
|
const baseAccordionItemWrapperClassName = 'text-draeger-dark-gray transition-all';
|
|
@@ -48,12 +48,12 @@ const AccordionItemWrapper = ({ className, children, ...props }) => {
|
|
|
48
48
|
return (_jsx("div", { ...props, className: cn('first-of-type:border-t border-b border-draeger-cool-gray-250', baseAccordionItemWrapperClassName, className), children: children }));
|
|
49
49
|
};
|
|
50
50
|
AccordionItem.displayName = 'AccordionItem';
|
|
51
|
-
const AccordionContent = ({ children, fullWidth = false, }) => {
|
|
51
|
+
const AccordionContent = ({ children, fullWidth = false, withSpacing = true, className, }) => {
|
|
52
52
|
const { isExpanded, value } = useAccordionItemContext();
|
|
53
53
|
const [ref, { height: contentHeight }] = useElementSize([isExpanded]);
|
|
54
54
|
if (!children)
|
|
55
55
|
return;
|
|
56
|
-
return (_jsx("div", { className: cn('transition-all duration-300 ease-in-out px-6', isExpanded ? 'opacity-100 pb-6' : 'opacity-0'), role: "region", id: `panel_${value}`, "aria-labelledby": `trigger_${value}`, ...(isExpanded ? {} : { inert: '' }), 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: cn(fullWidth ? 'w-full' : 'md:max-w-[70%]'), children: _jsx("div", { className:
|
|
56
|
+
return (_jsx("div", { className: cn('transition-all duration-300 ease-in-out', withSpacing && 'px-6', isExpanded ? 'opacity-100 pb-6' : 'opacity-0'), role: "region", id: `panel_${value}`, "aria-labelledby": `trigger_${value}`, ...(isExpanded ? {} : { inert: '' }), 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: cn(fullWidth ? 'w-full' : 'md:max-w-[70%]'), children: _jsx("div", { className: cn(withSpacing && 'p-2', className), children: children }) }) }) }));
|
|
57
57
|
};
|
|
58
58
|
export { Accordion, AccordionItem, AccordionContent, AccordionItemToggle };
|
|
59
59
|
//# 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,cAAc,EAAC,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,uBAAuB,GACxB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,QAAQ,EAAgB,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAC,IAAI,EAAC,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/layout/accordion/Accordion.tsx"],"names":[],"mappings":"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"}
|
package/dist/web/index.d.ts
CHANGED
|
@@ -36,8 +36,9 @@ export * from './product/voicePoi';
|
|
|
36
36
|
export * from './product/productMagic360Section';
|
|
37
37
|
export * from './product/replacementProductTeaserBox';
|
|
38
38
|
/**
|
|
39
|
-
* ProductCompare
|
|
39
|
+
* ProductCompare components
|
|
40
40
|
*/
|
|
41
41
|
export * from './productCompare';
|
|
42
42
|
export * from './productCompareBar';
|
|
43
|
+
export * from './productCompareSection';
|
|
43
44
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/web/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/web/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AAEzC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AAEzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AAExC;;GAEG;AACH,cAAc,sCAAsC,CAAC;AACrD,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAE7C;;GAEG;AAEH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oBAAoB,CAAC;AACnC,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AAEtD;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/web/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AAEzC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AAEzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AAExC;;GAEG;AACH,cAAc,sCAAsC,CAAC;AACrD,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAE7C;;GAEG;AAEH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oBAAoB,CAAC;AACnC,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AAEtD;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC"}
|
package/dist/web/index.js
CHANGED
|
@@ -36,8 +36,9 @@ export * from './product/voicePoi';
|
|
|
36
36
|
export * from './product/productMagic360Section';
|
|
37
37
|
export * from './product/replacementProductTeaserBox';
|
|
38
38
|
/**
|
|
39
|
-
* ProductCompare
|
|
39
|
+
* ProductCompare components
|
|
40
40
|
*/
|
|
41
41
|
export * from './productCompare';
|
|
42
42
|
export * from './productCompareBar';
|
|
43
|
+
export * from './productCompareSection';
|
|
43
44
|
//# sourceMappingURL=index.js.map
|
package/dist/web/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/web/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AAEzC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AAEzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AAExC;;GAEG;AACH,cAAc,sCAAsC,CAAC;AACrD,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAE7C;;GAEG;AAEH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oBAAoB,CAAC;AACnC,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AAEtD;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/web/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AAEzC;;GAEG;AACH,cAAc,0BAA0B,CAAC;AAEzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AAExC;;GAEG;AACH,cAAc,sCAAsC,CAAC;AACrD,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAE7C;;GAEG;AAEH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,oBAAoB,CAAC;AACnC,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AAEtD;;GAEG;AACH,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC"}
|
|
@@ -1,7 +1,20 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { HeadlineProps } from '../../components';
|
|
3
3
|
import { type ImageProps } from '../../components/images-icons/image';
|
|
4
|
+
import { type SwiperClass } from 'swiper/react';
|
|
4
5
|
import 'swiper/css';
|
|
6
|
+
export interface ProductCompareHeaderCardWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
|
+
variant?: 'primary' | 'secondary';
|
|
8
|
+
}
|
|
9
|
+
declare const ProductCompareHeaderCardWrapper: React.FC<ProductCompareHeaderCardWrapperProps>;
|
|
10
|
+
export interface ProductComparePaginationProps {
|
|
11
|
+
paginatedIndex: number;
|
|
12
|
+
pagesCount: number;
|
|
13
|
+
swiperInstance?: SwiperClass | null;
|
|
14
|
+
activeIndex: number;
|
|
15
|
+
variant?: 'primary' | 'secondary';
|
|
16
|
+
}
|
|
17
|
+
export declare const ProductComparePagination: React.FC<ProductComparePaginationProps>;
|
|
5
18
|
export interface ProductCompareAddProductWrapperProps {
|
|
6
19
|
children?: React.ReactNode;
|
|
7
20
|
headline?: string;
|
|
@@ -14,6 +27,8 @@ export interface ProductCompareProductCardProps extends React.HTMLAttributes<HTM
|
|
|
14
27
|
headline?: string;
|
|
15
28
|
headlineActAs?: HeadlineProps['actAs'];
|
|
16
29
|
onRemove?: () => void;
|
|
30
|
+
isRemovable?: boolean;
|
|
31
|
+
variant?: 'primary' | 'secondary';
|
|
17
32
|
}
|
|
18
33
|
declare const ProductCompareProductCard: React.FC<ProductCompareProductCardProps>;
|
|
19
34
|
export type ProductCompareColumnType = {
|
|
@@ -34,5 +49,5 @@ declare const ProductCompare: React.FC<ProductCompareProps>;
|
|
|
34
49
|
declare const ProductCompareWrapper: ({ children }: {
|
|
35
50
|
children: React.ReactNode;
|
|
36
51
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
37
|
-
export { ProductCompareWrapper, ProductCompare, ProductCompareProductCard, ProductCompareAddProductWrapper, };
|
|
52
|
+
export { ProductCompareWrapper, ProductCompare, ProductCompareHeaderCardWrapper, ProductCompareProductCard, ProductCompareAddProductWrapper, };
|
|
38
53
|
//# sourceMappingURL=ProductCompare.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCompare.d.ts","sourceRoot":"","sources":["../../../src/web/productCompare/ProductCompare.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGL,aAAa,EAId,MAAM,kBAAkB,CAAC;AAM1B,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,qCAAqC,CAAC;
|
|
1
|
+
{"version":3,"file":"ProductCompare.d.ts","sourceRoot":"","sources":["../../../src/web/productCompare/ProductCompare.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGL,aAAa,EAId,MAAM,kBAAkB,CAAC;AAM1B,OAAO,EAAQ,KAAK,UAAU,EAAC,MAAM,qCAAqC,CAAC;AAK3E,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,cAAc,CAAC;AACtB,OAAO,YAAY,CAAC;AAWpB,MAAM,WAAW,oCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CACnC;AAED,QAAA,MAAM,+BAA+B,EAAE,KAAK,CAAC,EAAE,CAC7C,oCAAoC,CAUrC,CAAC;AAEF,MAAM,WAAW,6BAA6B;IAC5C,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CACnC;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAC7C,6BAA6B,CA+B9B,CAAC;AAEF,MAAM,WAAW,oCAAoC;IACnD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,+BAA+B,EAAE,KAAK,CAAC,EAAE,CAC7C,oCAAoC,CAarC,CAAC;AAEF,MAAM,WAAW,8BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CACnC;AAED,QAAA,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CA0CvE,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,qBAAqB,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACzC,kBAAkB,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACtC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACpC,OAAO,EAAE,wBAAwB,EAAE,CAAC;IACpC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAyPjD,CAAC;AAEF,QAAA,MAAM,qBAAqB,GAAI,cAAY;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,4CAErE,CAAC;AAEF,OAAO,EACL,qBAAqB,EACrB,cAAc,EACd,+BAA+B,EAC/B,yBAAyB,EACzB,+BAA+B,GAChC,CAAC"}
|
|
@@ -19,11 +19,24 @@ function usePrevious(value) {
|
|
|
19
19
|
});
|
|
20
20
|
return ref.current;
|
|
21
21
|
}
|
|
22
|
+
const ProductCompareHeaderCardWrapper = ({ className, variant = 'primary', ...props }) => (_jsx("div", { className: cn('w-full p-4 lg:w-1/5 bg-surface-primary shrink-0', variant === 'primary' ? 'bg-surface-primary' : 'bg-surface-secondary', className), ...props }));
|
|
23
|
+
export const ProductComparePagination = ({ paginatedIndex, pagesCount, swiperInstance, activeIndex, variant = 'primary', }) => (_jsx(CarouselControl, { className: cn('justify-center p-2 mt-0 mb-2', variant === 'primary' ? 'bg-surface-primary' : 'bg-surface-secondary'), counterText: `${paginatedIndex}/${pagesCount}`, prevButtonProps: {
|
|
24
|
+
disabled: activeIndex === 0,
|
|
25
|
+
onClick: () => swiperInstance?.slidePrev(),
|
|
26
|
+
ariaLabel: 'previousButtonAriaLabel',
|
|
27
|
+
'data-dte-button-id': 'product-compare-prev',
|
|
28
|
+
}, nextButtonProps: {
|
|
29
|
+
disabled: paginatedIndex === pagesCount,
|
|
30
|
+
onClick: () => swiperInstance?.slideNext(),
|
|
31
|
+
ariaLabel: 'nextButtonAriaLabel',
|
|
32
|
+
'data-dte-button-id': 'product-compare-next',
|
|
33
|
+
} }));
|
|
22
34
|
const ProductCompareAddProductWrapper = ({ headline, children }) => {
|
|
23
35
|
return (_jsxs("div", { className: cn('relative flex flex-col gap-2'), children: [_jsx(Headline, { headingLevel: "h5", children: headline }), _jsx("div", { className: "absolute z-10 flex flex-col w-full gap-6 overflow-auto top-10", "data-product-compare-other-products": true, children: children })] }));
|
|
24
36
|
};
|
|
25
|
-
const ProductCompareProductCard = ({ className, image, headline, headlineActAs, children, onRemove, }) => {
|
|
26
|
-
|
|
37
|
+
const ProductCompareProductCard = ({ className, image, headline, headlineActAs, children, isRemovable = true, onRemove, variant = 'primary', }) => {
|
|
38
|
+
const removeButton = isRemovable && (_jsx("div", { className: "absolute z-10 top-2 right-2", children: _jsx(Button, { iconButtonStyle: "brand", variant: 'ghost', iconLeft: _jsx(Icon, { size: "md", name: "core::close" }), onClick: onRemove, tabIndex: 0 }) }));
|
|
39
|
+
return (_jsxs("div", { className: cn('relative h-full', variant === 'primary' ? 'bg-surface-primary' : 'bg-surface-secondary', className), children: [removeButton, _jsx("div", { className: "relative max-w-full", children: image && _jsx(Image, { ...image, ratio: "4/3" }) }), _jsxs("div", { className: "flex flex-col p-2 pb-4", children: [_jsx(Headline, { headingLevel: "h5", actAs: headlineActAs, children: headline }), children] })] }));
|
|
27
40
|
};
|
|
28
41
|
const ProductCompare = ({ headerCardLinks, columns, columnDataHeader, selectedProductsCards, otherProductsCards, addProductsHeadline, addProductsLabel, }) => {
|
|
29
42
|
const containerRef = React.useRef(null);
|
|
@@ -41,7 +54,6 @@ const ProductCompare = ({ headerCardLinks, columns, columnDataHeader, selectedPr
|
|
|
41
54
|
const currentViewCount = Math.min(slidesPerView, totalProductCards - activeIndex);
|
|
42
55
|
const currentCountDisplay = activeIndex + currentViewCount;
|
|
43
56
|
const currentPage = totalProductCards < slidesPerView ? totalProductCards : currentCountDisplay;
|
|
44
|
-
const isFirstPage = activeIndex === 0;
|
|
45
57
|
const isLastPage = currentPage === totalProductCards;
|
|
46
58
|
const totalProductCardsPrevious = usePrevious(totalProductCards);
|
|
47
59
|
React.useEffect(() => {
|
|
@@ -109,23 +121,13 @@ const ProductCompare = ({ headerCardLinks, columns, columnDataHeader, selectedPr
|
|
|
109
121
|
stickyObserver.disconnect();
|
|
110
122
|
};
|
|
111
123
|
}, []);
|
|
112
|
-
const paginationElement = (_jsx(
|
|
113
|
-
|
|
114
|
-
onClick: () => headerSwiper?.slidePrev(),
|
|
115
|
-
ariaLabel: 'previousButtonAriaLabel',
|
|
116
|
-
'data-dte-button-id': 'product-compare-prev',
|
|
117
|
-
}, nextButtonProps: {
|
|
118
|
-
disabled: isLastPage,
|
|
119
|
-
onClick: () => headerSwiper?.slideNext(),
|
|
120
|
-
ariaLabel: 'nextButtonAriaLabel',
|
|
121
|
-
'data-dte-button-id': 'product-compare-next',
|
|
122
|
-
} }));
|
|
123
|
-
const headerCard = (_jsxs(LinkList, { direction: 'col', children: [headerCardLinks, _jsx(Link, { href: "/", disabled: isLastPage, icon: _jsx(Icon, { name: "core::placeholder", size: 'md' }), LinkComponent: props => (_jsx("span", { ...props, className: cn('cursor-pointer', props.className) })), onClick: () => headerSwiper?.slideTo(totalProductCards), children: addProductsLabel })] }));
|
|
124
|
+
const paginationElement = (_jsx(ProductComparePagination, { pagesCount: totalProductCards, paginatedIndex: currentPage, swiperInstance: headerSwiper, activeIndex: activeIndex }));
|
|
125
|
+
const headerCard = (_jsx(ProductCompareHeaderCardWrapper, { children: _jsxs(LinkList, { direction: 'col', children: [headerCardLinks, _jsx(Link, { href: undefined, disabled: isLastPage, icon: _jsx(Icon, { name: "core::plus", size: 'md' }), LinkComponent: props => (_jsx("span", { ...props, className: cn('cursor-pointer', props.className) })), onClick: () => headerSwiper?.slideTo(totalProductCards), children: addProductsLabel })] }) }));
|
|
124
126
|
const showStickyHeader = isHeaderSticky && selectedProductsCards.length > 0;
|
|
125
|
-
return (_jsxs("div", { className: "relative", ref: containerRef, children: [_jsxs("div", { className: "relative z-10 flex flex-col gap-2 lg:flex-row", ref: headerRef, children: [
|
|
127
|
+
return (_jsxs("div", { className: "relative", ref: containerRef, children: [_jsxs("div", { className: "relative z-10 flex flex-col gap-2 lg:flex-row", ref: headerRef, children: [headerCard, _jsxs("div", { className: "w-full lg:w-4/5", children: [paginationElement, _jsx("div", { className: "w-full overflow-x-hidden overflow-x-clip", children: _jsxs(Swiper, { ...commonSwiperProps, onSwiper: setHeaderSwiper, onRealIndexChange: ({ realIndex }) => setActiveIndex(realIndex), style: { width: '100%', overflow: 'visible' }, children: [selectedProductsCards.map((selectedProductsCards, index) => (_jsx(SwiperSlide, { className: "!h-auto", children: _jsx("div", { className: "h-full", "data-product-tile": true, children: selectedProductsCards }) }, `product_card_slide_${index}`))), _jsx(SwiperSlide, { children: _jsx(ProductCompareAddProductWrapper, { headline: addProductsHeadline, children: otherProductsCards }) }, 'add-products')] }) })] })] }), _jsx("div", { className: cn('sticky top-0 z-10 w-full', !showStickyHeader && 'invisible max-h-0 overflow-hidden'), children: _jsxs("div", { className: 'absolute top-0 left-0 right-0 flex flex-col gap-2 lg:flex-row bg-surface-primary border-b border-border-separator lg:w-[calc(100%+8px)] lg:pr-2', children: [headerCard, _jsxs("div", { className: "flex flex-col w-full lg:w-4/5", children: [paginationElement, _jsx("div", { className: "h-full", children: _jsxs(Swiper, { ...commonSwiperProps, onSwiper: setStickyHeaderSwiper, className: "h-full", children: [selectedProductsCards.map((selectedProductsCard, index) => (_jsx(SwiperSlide, { className: "!h-auto", children: _jsx("div", { className: "h-full [&_img]:hidden [&_button]:hidden", "data-product-tile": true, children: selectedProductsCard }) }, `product_card_slide_sticky_${index}`))), _jsx(SwiperSlide, {})] }) })] })] }) }), _jsx("div", { className: "invisible", ref: stickyHeaderBoundaryRef }), _jsx(ProductCompareTable, { columnDataHeader: columnDataHeader, columns: columns, tableSwiper: tableSwiper, setTableSwiper: setTableSwiper, activeIndex: activeIndex, commonSwiperProps: commonSwiperProps })] }));
|
|
126
128
|
};
|
|
127
129
|
const ProductCompareWrapper = ({ children }) => {
|
|
128
130
|
return _jsx("div", { className: "flex flex-col gap-6 lg:gap-8", children: children });
|
|
129
131
|
};
|
|
130
|
-
export { ProductCompareWrapper, ProductCompare, ProductCompareProductCard, ProductCompareAddProductWrapper, };
|
|
132
|
+
export { ProductCompareWrapper, ProductCompare, ProductCompareHeaderCardWrapper, ProductCompareProductCard, ProductCompareAddProductWrapper, };
|
|
131
133
|
//# sourceMappingURL=ProductCompare.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCompare.js","sourceRoot":"","sources":["../../../src/web/productCompare/ProductCompare.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,cAAc,MAAM,0BAA0B,CAAC;AACtD,OAAO,EACL,MAAM,EACN,QAAQ,EAER,IAAI,EACJ,IAAI,EACJ,QAAQ,GACT,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EACL,eAAe,GAEhB,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAC,KAAK,EAAkB,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAC,EAAE,EAAE,QAAQ,EAAC,MAAM,aAAa,CAAC;AACzC,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAC,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EACL,MAAM,EACN,WAAW,GAGZ,MAAM,cAAc,CAAC;AACtB,OAAO,YAAY,CAAC;AACpB,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAC;AAE5D,SAAS,WAAW,CAAI,KAAQ;IAC9B,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAI,SAAS,CAAC,CAAC;IACvC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IACtB,CAAC,CAAC,CAAC;IACH,OAAO,GAAG,CAAC,OAAO,CAAC;AACrB,CAAC;
|
|
1
|
+
{"version":3,"file":"ProductCompare.js","sourceRoot":"","sources":["../../../src/web/productCompare/ProductCompare.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCompareTable.d.ts","sourceRoot":"","sources":["../../../src/web/productCompare/ProductCompareTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAA8B,KAAK,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAKhF,OAAO,EAAC,KAAK,wBAAwB,EAAC,MAAM,kBAAkB,CAAC;AAI/D,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,WAAW,EACjB,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,4BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,oBAAoB,CAAC,CAAC;CACzD;AAED,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAyCnE,CAAC;AAEF,MAAM,WAAW,iCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAC1C,iCAAiC,CA0BlC,CAAC;AAEF,MAAM,WAAW,8BAA8B;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAYvE,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,wBAAwB,EAAE,CAAC;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,cAAc,EAAE,CAAC,cAAc,EAAE,WAAW,KAAK,IAAI,CAAC;IACtD,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,iBAAiB,EAAE,WAAW,CAAC;CAChC;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,
|
|
1
|
+
{"version":3,"file":"ProductCompareTable.d.ts","sourceRoot":"","sources":["../../../src/web/productCompare/ProductCompareTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAA8B,KAAK,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAKhF,OAAO,EAAC,KAAK,wBAAwB,EAAC,MAAM,kBAAkB,CAAC;AAI/D,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,WAAW,EACjB,MAAM,cAAc,CAAC;AAEtB,MAAM,WAAW,4BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,oBAAoB,CAAC,CAAC;CACzD;AAED,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAyCnE,CAAC;AAEF,MAAM,WAAW,iCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAC1C,iCAAiC,CA0BlC,CAAC;AAEF,MAAM,WAAW,8BAA8B;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAYvE,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,wBAAwB,EAAE,CAAC;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,cAAc,EAAE,CAAC,cAAc,EAAE,WAAW,KAAK,IAAI,CAAC;IACtD,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,iBAAiB,EAAE,WAAW,CAAC;CAChC;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAiI3D,CAAC;AAEF,OAAO,EACL,mBAAmB,EACnB,yBAAyB,EACzB,uBAAuB,EACvB,4BAA4B,GAC7B,CAAC"}
|
|
@@ -88,7 +88,7 @@ const ProductCompareTable = ({ columns, setTableSwiper, tableSwiper, commonSwipe
|
|
|
88
88
|
}, [tableSwiper, columns, isMobile]);
|
|
89
89
|
return (_jsxs("div", { className: "flex", children: [_jsx("div", { className: "hidden w-[calc(20%+0.5rem)] lg:block shrink-0", ref: comparisonHeaderColumnRef, children: columns.length > 0 && columnDataHeader }), _jsx(ProductComparisonContext.Provider, { value: {
|
|
90
90
|
currentScrollIndex: activeIndex,
|
|
91
|
-
}, children: _jsx("div", { className: "w-full lg:w-4/5", children: _jsx(
|
|
91
|
+
}, children: _jsx("div", { className: "w-full lg:w-4/5", children: _jsx(Swiper, { ...commonSwiperProps, onSwiper: setTableSwiper, children: columns.map(column => (_jsx(SwiperSlide, { children: column.element }, `table_column_slide_${column.product}`))) }) }) })] }));
|
|
92
92
|
};
|
|
93
93
|
export { ProductCompareTable, ProductCompareTableColumn, ProductCompareTableCell, ProductCompareTableTitleCell, };
|
|
94
94
|
//# sourceMappingURL=ProductCompareTable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductCompareTable.js","sourceRoot":"","sources":["../../../src/web/productCompare/ProductCompareTable.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ProductCompareTable.js","sourceRoot":"","sources":["../../../src/web/productCompare/ProductCompareTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { ProductCompareColumnType } from '../productCompare/ProductCompare';
|
|
3
|
+
import 'swiper/css';
|
|
4
|
+
type ComparisonClusterGroup = {
|
|
5
|
+
categoryName: string;
|
|
6
|
+
categoryHeader: React.ReactNode;
|
|
7
|
+
categoryColumns: ProductCompareColumnType[];
|
|
8
|
+
};
|
|
9
|
+
export interface ProductCompareSectionProps {
|
|
10
|
+
headline?: string;
|
|
11
|
+
selectedProductsCards: React.ReactNode[];
|
|
12
|
+
comparisonClusterGroups: ComparisonClusterGroup[];
|
|
13
|
+
}
|
|
14
|
+
declare const ProductCompareSection: React.FC<ProductCompareSectionProps>;
|
|
15
|
+
export { ProductCompareSection };
|
|
16
|
+
//# sourceMappingURL=ProductCompareSection.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductCompareSection.d.ts","sourceRoot":"","sources":["../../../src/web/productCompareSection/ProductCompareSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,wBAAwB,EAGzB,MAAM,kCAAkC,CAAC;AAiB1C,OAAO,YAAY,CAAC;AAEpB,KAAK,sBAAsB,GAAG;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,eAAe,EAAE,wBAAwB,EAAE,CAAC;CAC7C,CAAC;AAEF,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACzC,uBAAuB,EAAE,sBAAsB,EAAE,CAAC;CACnD;AAED,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CA+I/D,CAAC;AAEF,OAAO,EAAC,qBAAqB,EAAC,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { ProductCompareTable } from '../productCompare/ProductCompareTable';
|
|
5
|
+
import { ProductCompareHeaderCardWrapper, ProductComparePagination, } from '../productCompare/ProductCompare';
|
|
6
|
+
import { Accordion, AccordionItem, AccordionItemToggle, AccordionContent, Headline, } from '../../components';
|
|
7
|
+
import { cn } from '../../utils';
|
|
8
|
+
import { useBreakpoint } from '../../hooks';
|
|
9
|
+
import { Controller } from 'swiper/modules';
|
|
10
|
+
import { Swiper, SwiperSlide, } from 'swiper/react';
|
|
11
|
+
import 'swiper/css';
|
|
12
|
+
const ProductCompareSection = ({ selectedProductsCards, comparisonClusterGroups, headline, }) => {
|
|
13
|
+
const [headerSwiper, setHeaderSwiper] = React.useState(null);
|
|
14
|
+
const [tableSwiperInstances, setTableSwiperInstances] = React.useState({});
|
|
15
|
+
const [activeIndex, setActiveIndex] = React.useState(0);
|
|
16
|
+
const isMobile = useBreakpoint('lg');
|
|
17
|
+
const slidesPerView = isMobile ? 2 : 3;
|
|
18
|
+
const pagesCount = selectedProductsCards.length;
|
|
19
|
+
const paginatedIndex = activeIndex + slidesPerView;
|
|
20
|
+
const commonSwiperProps = {
|
|
21
|
+
modules: [Controller],
|
|
22
|
+
spaceBetween: 8,
|
|
23
|
+
initialSlide: activeIndex,
|
|
24
|
+
slidesPerView,
|
|
25
|
+
};
|
|
26
|
+
React.useEffect(() => {
|
|
27
|
+
const tableSwiperInstancesArray = Object.values(tableSwiperInstances);
|
|
28
|
+
if (headerSwiper?.controller && tableSwiperInstancesArray.length > 0) {
|
|
29
|
+
headerSwiper.controller.control = tableSwiperInstancesArray;
|
|
30
|
+
tableSwiperInstancesArray.forEach(tableSwiperInstance => (tableSwiperInstance.controller.control = headerSwiper));
|
|
31
|
+
}
|
|
32
|
+
}, [headerSwiper, tableSwiperInstances]);
|
|
33
|
+
const paginationElement = pagesCount > slidesPerView && (_jsx(ProductComparePagination, { pagesCount: pagesCount, paginatedIndex: paginatedIndex, swiperInstance: headerSwiper, activeIndex: activeIndex, variant: "secondary" }));
|
|
34
|
+
const hasClusterGroups = comparisonClusterGroups.length > 0;
|
|
35
|
+
const clusterGroups = comparisonClusterGroups.length === 1 ? (_jsx(ProductCompareTable, { columnDataHeader: comparisonClusterGroups[0].categoryHeader, columns: comparisonClusterGroups[0].categoryColumns, tableSwiper: tableSwiperInstances[comparisonClusterGroups[0].categoryName], setTableSwiper: swiperInstance => setTableSwiperInstances({
|
|
36
|
+
[comparisonClusterGroups[0].categoryName]: swiperInstance,
|
|
37
|
+
}), activeIndex: activeIndex, commonSwiperProps: commonSwiperProps })) : (hasClusterGroups && (_jsx(Accordion, { size: "lg", multiple: true, defaultValues: [comparisonClusterGroups[0].categoryName], children: comparisonClusterGroups.map(comparisonClusterGroup => (_jsxs(AccordionItem, { value: comparisonClusterGroup.categoryName, children: [_jsx(AccordionItemToggle, { headline: comparisonClusterGroup.categoryName }), _jsx(AccordionContent, { className: "px-0 pt-2 pb-2", fullWidth: true, withSpacing: false, children: _jsx(ProductCompareTable, { columnDataHeader: comparisonClusterGroup.categoryHeader, columns: comparisonClusterGroup.categoryColumns, tableSwiper: tableSwiperInstances[comparisonClusterGroup.categoryName] ||
|
|
38
|
+
null, setTableSwiper: swiperInstance => setTableSwiperInstances(tableSwiperInstances => ({
|
|
39
|
+
...tableSwiperInstances,
|
|
40
|
+
[comparisonClusterGroup.categoryName]: swiperInstance,
|
|
41
|
+
})), activeIndex: activeIndex, commonSwiperProps: commonSwiperProps }) })] }, `comparisonClusterGroup_${comparisonClusterGroup.categoryName}`))) })));
|
|
42
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "relative z-10 flex flex-col gap-2 lg:flex-row", children: [_jsx(ProductCompareHeaderCardWrapper, { variant: "secondary", children: _jsx(Headline, { headingLevel: "h3", children: headline }) }), _jsxs("div", { className: "w-full lg:w-4/5", children: [paginationElement, _jsx(Swiper, { ...commonSwiperProps, onSwiper: setHeaderSwiper, onRealIndexChange: ({ realIndex }) => setActiveIndex(realIndex), children: selectedProductsCards.map((selectedProductsCards, index) => (_jsx(SwiperSlide, { className: "!h-auto", children: _jsx("div", { className: "h-full", "data-product-tile": true, children: selectedProductsCards }) }, `product_card_slide_${index}`))) })] })] }), _jsx("div", { className: cn(hasClusterGroups && 'pt-10'), children: hasClusterGroups && clusterGroups })] }));
|
|
43
|
+
};
|
|
44
|
+
export { ProductCompareSection };
|
|
45
|
+
//# sourceMappingURL=ProductCompareSection.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductCompareSection.js","sourceRoot":"","sources":["../../../src/web/productCompareSection/ProductCompareSection.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/web/productCompareSection/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/web/productCompareSection/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}
|
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.35",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"description": "ODX React component library for websites",
|
|
7
7
|
"type": "module",
|
|
@@ -120,7 +120,8 @@
|
|
|
120
120
|
"./components/actions/quantitySelector": "./dist/components/actions/quantitySelector/index.js",
|
|
121
121
|
"./components/layout/raqListItem": "./dist/components/layout/raqListItem/index.js",
|
|
122
122
|
"./web/productCompare": "./dist/web/productCompare/index.js",
|
|
123
|
-
"./web/productCompareBar": "./dist/web/productCompareBar/index.js"
|
|
123
|
+
"./web/productCompareBar": "./dist/web/productCompareBar/index.js",
|
|
124
|
+
"./web/productCompareSection": "./dist/web/productCompareSection/index.js"
|
|
124
125
|
},
|
|
125
126
|
"typesVersions": {
|
|
126
127
|
"*": {
|
|
@@ -462,6 +463,9 @@
|
|
|
462
463
|
],
|
|
463
464
|
"web/productCompareBar": [
|
|
464
465
|
"./dist/web/productCompareBar/index.d.ts"
|
|
466
|
+
],
|
|
467
|
+
"web/productCompareSection": [
|
|
468
|
+
"./dist/web/productCompareSection/index.d.ts"
|
|
465
469
|
]
|
|
466
470
|
}
|
|
467
471
|
},
|
|
@@ -519,8 +523,8 @@
|
|
|
519
523
|
"ts-node": "^10.9.2",
|
|
520
524
|
"typescript": "^5.4.5",
|
|
521
525
|
"vitest": "^3.1.0-beta.1",
|
|
522
|
-
"@odx/eslint-config-websites": "0.0.1",
|
|
523
526
|
"@odx/websites-tsconfig": "0.0.0",
|
|
527
|
+
"@odx/eslint-config-websites": "0.0.1",
|
|
524
528
|
"@odx/websites-ui": "0.2.29"
|
|
525
529
|
},
|
|
526
530
|
"peerDependencies": {
|