@odx/websites-react 1.1.8 → 1.1.10
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/button/Button.js +1 -1
- package/dist/components/actions/button/Button.js.map +1 -1
- package/dist/components/actions/checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/actions/checkbox/Checkbox.js +1 -1
- package/dist/components/actions/checkbox/Checkbox.js.map +1 -1
- package/dist/components/actions/formField/FormField.d.ts.map +1 -1
- package/dist/components/actions/formField/FormField.js +2 -2
- package/dist/components/actions/formField/FormField.js.map +1 -1
- package/dist/components/actions/link/Link.d.ts +1 -0
- package/dist/components/actions/link/Link.d.ts.map +1 -1
- package/dist/components/actions/link/Link.js +2 -2
- package/dist/components/actions/link/Link.js.map +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -0
- package/dist/components/index.js.map +1 -1
- 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 +2 -2
- package/dist/components/layout/accordion/Accordion.js.map +1 -1
- package/dist/components/layout/card/ProductCard.d.ts.map +1 -1
- package/dist/components/layout/card/ProductCard.js +2 -2
- package/dist/components/layout/card/ProductCard.js.map +1 -1
- package/dist/components/layout/cardCarousel/CardCarousel.d.ts.map +1 -1
- package/dist/components/layout/cardCarousel/CardCarousel.js +9 -48
- package/dist/components/layout/cardCarousel/CardCarousel.js.map +1 -1
- package/dist/components/layout/modal/Modal.d.ts +6 -14
- package/dist/components/layout/modal/Modal.d.ts.map +1 -1
- package/dist/components/layout/modal/Modal.js +13 -25
- package/dist/components/layout/modal/Modal.js.map +1 -1
- package/dist/components/layout/table/Table.d.ts +6 -2
- package/dist/components/layout/table/Table.d.ts.map +1 -1
- package/dist/components/layout/table/Table.js +12 -12
- package/dist/components/layout/table/Table.js.map +1 -1
- package/dist/components/layout/text/SlimRichText.d.ts +1 -1
- package/dist/components/layout/text/SlimRichText.d.ts.map +1 -1
- package/dist/components/navigation/tableOfContent/TableOfContent.d.ts +13 -0
- package/dist/components/navigation/tableOfContent/TableOfContent.d.ts.map +1 -0
- package/dist/components/navigation/tableOfContent/TableOfContent.js +24 -0
- package/dist/components/navigation/tableOfContent/TableOfContent.js.map +1 -0
- package/dist/components/navigation/tableOfContent/index.d.ts +2 -0
- package/dist/components/navigation/tableOfContent/index.d.ts.map +1 -0
- package/dist/components/navigation/tableOfContent/index.js +2 -0
- package/dist/components/navigation/tableOfContent/index.js.map +1 -0
- package/dist/components/typography/bodyText/BodyText.d.ts.map +1 -1
- package/dist/components/typography/bodyText/BodyText.js +1 -1
- package/dist/components/typography/bodyText/BodyText.js.map +1 -1
- package/dist/hooks/emblaCarousel/usePrevNextButtons.d.ts +11 -0
- package/dist/hooks/emblaCarousel/usePrevNextButtons.d.ts.map +1 -0
- package/dist/hooks/emblaCarousel/usePrevNextButtons.js +36 -0
- package/dist/hooks/emblaCarousel/usePrevNextButtons.js.map +1 -0
- package/dist/web/index.d.ts +8 -0
- package/dist/web/index.d.ts.map +1 -1
- package/dist/web/index.js +8 -0
- package/dist/web/index.js.map +1 -1
- package/dist/web/product/productAccessories/ProductAccessoryCard.d.ts +21 -0
- package/dist/web/product/productAccessories/ProductAccessoryCard.d.ts.map +1 -0
- package/dist/web/product/productAccessories/ProductAccessoryCard.js +18 -0
- package/dist/web/product/productAccessories/ProductAccessoryCard.js.map +1 -0
- package/dist/web/product/productAccessories/ProductSystemBox.d.ts +11 -0
- package/dist/web/product/productAccessories/ProductSystemBox.d.ts.map +1 -0
- package/dist/web/product/productAccessories/ProductSystemBox.js +47 -0
- package/dist/web/product/productAccessories/ProductSystemBox.js.map +1 -0
- package/dist/web/product/productAccessories/index.d.ts +3 -0
- package/dist/web/product/productAccessories/index.d.ts.map +1 -0
- package/dist/web/product/productAccessories/index.js +3 -0
- package/dist/web/product/productAccessories/index.js.map +1 -0
- package/dist/web/product/productBenefits/CardElipsis.d.ts +7 -0
- package/dist/web/product/productBenefits/CardElipsis.d.ts.map +1 -0
- package/dist/web/product/productBenefits/CardElipsis.js +9 -0
- package/dist/web/product/productBenefits/CardElipsis.js.map +1 -0
- package/dist/web/product/productBenefits/ProductBenefitSingleItem.d.ts +12 -0
- package/dist/web/product/productBenefits/ProductBenefitSingleItem.d.ts.map +1 -0
- package/dist/web/product/productBenefits/ProductBenefitSingleItem.js +12 -0
- package/dist/web/product/productBenefits/ProductBenefitSingleItem.js.map +1 -0
- package/dist/web/product/productBenefits/ProductBenefits.d.ts +14 -0
- package/dist/web/product/productBenefits/ProductBenefits.d.ts.map +1 -0
- package/dist/web/product/productBenefits/ProductBenefits.js +66 -0
- package/dist/web/product/productBenefits/ProductBenefits.js.map +1 -0
- package/dist/web/product/productBenefits/index.d.ts +3 -0
- package/dist/web/product/productBenefits/index.d.ts.map +1 -0
- package/dist/web/product/productBenefits/index.js +3 -0
- package/dist/web/product/productBenefits/index.js.map +1 -0
- package/dist/web/product/productNBASection/ProductNBASection.d.ts +9 -0
- package/dist/web/product/productNBASection/ProductNBASection.d.ts.map +1 -0
- package/dist/web/product/productNBASection/ProductNBASection.js +15 -0
- package/dist/web/product/productNBASection/ProductNBASection.js.map +1 -0
- package/dist/web/product/productNBASection/index.d.ts +2 -0
- package/dist/web/product/productNBASection/index.d.ts.map +1 -0
- package/dist/web/product/productNBASection/index.js +2 -0
- package/dist/web/product/productNBASection/index.js.map +1 -0
- package/dist/web/product/productPageContainer/ProductPageContainer.d.ts +7 -0
- package/dist/web/product/productPageContainer/ProductPageContainer.d.ts.map +1 -0
- package/dist/web/product/productPageContainer/ProductPageContainer.js +8 -0
- package/dist/web/product/productPageContainer/ProductPageContainer.js.map +1 -0
- package/dist/web/product/productPageContainer/index.d.ts +2 -0
- package/dist/web/product/productPageContainer/index.d.ts.map +1 -0
- package/dist/web/product/productPageContainer/index.js +2 -0
- package/dist/web/product/productPageContainer/index.js.map +1 -0
- package/dist/web/product/productSpecsBlock/ProductSpecsBlock.d.ts +15 -0
- package/dist/web/product/productSpecsBlock/ProductSpecsBlock.d.ts.map +1 -0
- package/dist/web/product/productSpecsBlock/ProductSpecsBlock.js +11 -0
- package/dist/web/product/productSpecsBlock/ProductSpecsBlock.js.map +1 -0
- package/dist/web/product/productSpecsBlock/index.d.ts +2 -0
- package/dist/web/product/productSpecsBlock/index.d.ts.map +1 -0
- package/dist/web/product/productSpecsBlock/index.js +2 -0
- package/dist/web/product/productSpecsBlock/index.js.map +1 -0
- package/dist/web/product/relatedProductsBox/RelatedProductsBox.d.ts +10 -0
- package/dist/web/product/relatedProductsBox/RelatedProductsBox.d.ts.map +1 -0
- package/dist/web/product/relatedProductsBox/RelatedProductsBox.js +41 -0
- package/dist/web/product/relatedProductsBox/RelatedProductsBox.js.map +1 -0
- package/dist/web/product/relatedProductsBox/index.d.ts +2 -0
- package/dist/web/product/relatedProductsBox/index.d.ts.map +1 -0
- package/dist/web/product/relatedProductsBox/index.js +2 -0
- package/dist/web/product/relatedProductsBox/index.js.map +1 -0
- package/dist/web/productFinder/contentSwitch/ContentSwitch.d.ts +27 -0
- package/dist/web/productFinder/contentSwitch/ContentSwitch.d.ts.map +1 -0
- package/dist/web/productFinder/contentSwitch/ContentSwitch.js +73 -0
- package/dist/web/productFinder/contentSwitch/ContentSwitch.js.map +1 -0
- package/dist/web/productFinder/contentSwitch/index.d.ts +2 -0
- package/dist/web/productFinder/contentSwitch/index.d.ts.map +1 -0
- package/dist/web/productFinder/contentSwitch/index.js +2 -0
- package/dist/web/productFinder/contentSwitch/index.js.map +1 -0
- package/dist/web/productFinder/stageSection/ProductFinderStageSection.d.ts +27 -0
- package/dist/web/productFinder/stageSection/ProductFinderStageSection.d.ts.map +1 -0
- package/dist/web/productFinder/stageSection/ProductFinderStageSection.js +48 -0
- package/dist/web/productFinder/stageSection/ProductFinderStageSection.js.map +1 -0
- package/dist/web/productFinder/stageSection/index.d.ts +2 -0
- package/dist/web/productFinder/stageSection/index.d.ts.map +1 -0
- package/dist/web/productFinder/stageSection/index.js +2 -0
- package/dist/web/productFinder/stageSection/index.js.map +1 -0
- package/package.json +64 -8
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import { BodyTextProps } from '../../typography/bodyText';
|
|
2
3
|
import { VariantProps } from 'class-variance-authority';
|
|
3
4
|
type TableResponsiveType = 'scroll' | 'shrink' | 'row-stack' | 'group-stack';
|
|
4
5
|
declare const tableCellVariants: (props?: ({
|
|
@@ -10,20 +11,22 @@ export interface TableHeaderCellProps extends React.HTMLAttributes<HTMLTableCell
|
|
|
10
11
|
sortedState?: 'asc' | 'desc';
|
|
11
12
|
orientation?: 'row' | 'col';
|
|
12
13
|
withBorder?: boolean;
|
|
13
|
-
|
|
14
|
+
width?: number | string;
|
|
14
15
|
}
|
|
15
16
|
declare const TableHeaderCell: React.FC<TableHeaderCellProps>;
|
|
16
17
|
export interface TableCellProps extends React.HTMLAttributes<HTMLTableCellElement>, VariantProps<typeof tableCellVariants> {
|
|
17
18
|
highlight?: boolean;
|
|
18
19
|
withBorder?: boolean;
|
|
19
|
-
|
|
20
|
+
width?: number | string;
|
|
20
21
|
header?: React.ReactNode;
|
|
22
|
+
bodyTextProps?: Omit<BodyTextProps, 'children' | 'asChild' | 'variant' | 'className'>;
|
|
21
23
|
}
|
|
22
24
|
declare const TableCell: React.FC<TableCellProps>;
|
|
23
25
|
export interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
|
|
24
26
|
}
|
|
25
27
|
declare const TableBody: React.FC<TableBodyProps>;
|
|
26
28
|
export interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
|
|
29
|
+
rowHover?: boolean;
|
|
27
30
|
}
|
|
28
31
|
declare const TableRow: React.FC<TableRowProps>;
|
|
29
32
|
export interface TableHeadProps extends React.HTMLAttributes<HTMLTableSectionElement> {
|
|
@@ -37,6 +40,7 @@ export interface TablePaginationWrapperProps extends React.HTMLAttributes<HTMLDi
|
|
|
37
40
|
declare const TablePaginationWrapper: React.FC<TablePaginationWrapperProps>;
|
|
38
41
|
export interface TableProps extends React.HTMLAttributes<HTMLElement> {
|
|
39
42
|
striped?: boolean;
|
|
43
|
+
rowHover?: boolean;
|
|
40
44
|
responsiveType?: TableResponsiveType;
|
|
41
45
|
}
|
|
42
46
|
declare const Table: React.FC<TableProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/table/Table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/table/Table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAW,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAM,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAI3D,KAAK,mBAAmB,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,GAAG,aAAa,CAAC;AAS7E,QAAA,MAAM,iBAAiB;;mFASrB,CAAC;AAEH,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAChD,YAAY,CAAC,OAAO,iBAAiB,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA2InD,CAAC;AAEF,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAChD,YAAY,CAAC,OAAO,iBAAiB,CAAC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,aAAa,CAAC,EAAE,IAAI,CAClB,aAAa,EACb,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,CACjD,CAAC;CACH;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqGvC,CAAC;AAEF,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;CAAG;AAE1D,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiCvC,CAAC;AAEF,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqDrC,CAAC;AAEF,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;CAAG;AAE1D,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqBvC,CAAC;AAEF,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;CAAG;AAEtD,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwBjD,CAAC;AAEF,MAAM,WAAW,2BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAEP,CAAC;AAE5D,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,mBAAmB,CAAC;CACtC;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAqE/B,CAAC;AAEF,OAAO,EACL,KAAK,EACL,SAAS,EACT,cAAc,EACd,QAAQ,EACR,eAAe,EACf,SAAS,EACT,SAAS,EACT,sBAAsB,GACvB,CAAC"}
|
|
@@ -19,16 +19,16 @@ const tableCellVariants = cva(cellBaseClasses, {
|
|
|
19
19
|
},
|
|
20
20
|
defaultVariants: {},
|
|
21
21
|
});
|
|
22
|
-
const TableHeaderCell = ({ children, className, sortable = false, sortedState, onSortClick, orientation = 'row', withBorder = true, horizontalAlignment,
|
|
22
|
+
const TableHeaderCell = ({ children, className, sortable = false, sortedState, onSortClick, orientation = 'row', withBorder = true, horizontalAlignment, width, ...props }) => {
|
|
23
23
|
const commonClasses = cn('transition-all duration-75', className);
|
|
24
24
|
const sortableButton = sortable && (_jsx(Button, { variant: 'ghost', iconButtonStyle: "brand", onClick: onSortClick, "aria-label": "Sort", size: 'md', iconLeft: _jsx(Icon, { size: "md", color: 'default', name: sortedState
|
|
25
25
|
? sortedState === 'asc'
|
|
26
26
|
? 'core::sort-down'
|
|
27
27
|
: 'core::sort-up'
|
|
28
28
|
: 'core::sortable', onClick: onSortClick }) }));
|
|
29
|
-
const widthStyle =
|
|
29
|
+
const widthStyle = width
|
|
30
30
|
? {
|
|
31
|
-
|
|
31
|
+
width: typeof width === 'number' ? `${width}px` : width,
|
|
32
32
|
}
|
|
33
33
|
: {};
|
|
34
34
|
let tableHeaderCellElement;
|
|
@@ -59,14 +59,14 @@ const TableHeaderCell = ({ children, className, sortable = false, sortedState, o
|
|
|
59
59
|
default:
|
|
60
60
|
break;
|
|
61
61
|
}
|
|
62
|
-
return (_jsx(BodyText, { asChild: true, variant: 'small', weight: "bold", children: tableHeaderCellElement }));
|
|
62
|
+
return (_jsx(BodyText, { asChild: true, variant: 'small', weight: "bold", className: "[overflow-wrap:anywhere]", children: tableHeaderCellElement }));
|
|
63
63
|
};
|
|
64
|
-
const TableCell = ({ children, className, withBorder = true, highlight = false,
|
|
64
|
+
const TableCell = ({ children, className, withBorder = true, highlight = false, width, header, horizontalAlignment, bodyTextProps, ...props }) => {
|
|
65
65
|
const commonClasses = cn('transition-all duration-75', highlight &&
|
|
66
66
|
'bg-draeger-cool-gray-150 border-transparent border-draeger-white', className);
|
|
67
|
-
const widthStyle =
|
|
67
|
+
const widthStyle = width
|
|
68
68
|
? {
|
|
69
|
-
|
|
69
|
+
width: typeof width === 'number' ? `${width}px` : width,
|
|
70
70
|
}
|
|
71
71
|
: {};
|
|
72
72
|
let tableCellElement;
|
|
@@ -85,7 +85,7 @@ const TableCell = ({ children, className, withBorder = true, highlight = false,
|
|
|
85
85
|
default:
|
|
86
86
|
break;
|
|
87
87
|
}
|
|
88
|
-
return (_jsx(BodyText, { asChild: true, variant: 'small', children: tableCellElement }));
|
|
88
|
+
return (_jsx(BodyText, { asChild: true, variant: 'small', className: "[overflow-wrap:anywhere]", ...bodyTextProps, children: tableCellElement }));
|
|
89
89
|
};
|
|
90
90
|
const TableBody = ({ children, className, ...props }) => {
|
|
91
91
|
const responsiveType = useTableResponsiveTypeContext();
|
|
@@ -101,16 +101,16 @@ const TableBody = ({ children, className, ...props }) => {
|
|
|
101
101
|
break;
|
|
102
102
|
}
|
|
103
103
|
};
|
|
104
|
-
const TableRow = ({ children, className, ...props }) => {
|
|
104
|
+
const TableRow = ({ children, className, rowHover = true, ...props }) => {
|
|
105
105
|
const responsiveType = useTableResponsiveTypeContext();
|
|
106
106
|
switch (responsiveType) {
|
|
107
107
|
case 'group-stack':
|
|
108
|
-
return (_jsx("div", { ...props, role: "row", className: cn(className, 'flex flex-wrap border-b lg:h-14 border-draeger-cool-gray-100 lg:border-0 lg:table-row lg:hover:bg-field-hover'), children: children }));
|
|
108
|
+
return (_jsx("div", { ...props, role: "row", className: cn(className, 'flex flex-wrap border-b lg:h-14 border-draeger-cool-gray-100 lg:border-0 lg:table-row', rowHover && 'lg:hover:bg-field-hover'), children: children }));
|
|
109
109
|
case 'scroll':
|
|
110
110
|
case 'shrink':
|
|
111
|
-
return (_jsx("tr", { ...props, className: cn(className, 'h-14 bg-surface-primary hover:bg-field-hover'), children: children }));
|
|
111
|
+
return (_jsx("tr", { ...props, className: cn(className, 'h-14 bg-surface-primary', rowHover && 'hover:bg-field-hover'), children: children }));
|
|
112
112
|
case 'row-stack':
|
|
113
|
-
return (_jsx("div", { ...props, role: "row", className: cn(className, 'border-b lg:h-14 border-draeger-cool-gray-100 lg:border-0 lg:table-row lg:hover:bg-field-hover'), children: children }));
|
|
113
|
+
return (_jsx("div", { ...props, role: "row", className: cn(className, 'border-b lg:h-14 border-draeger-cool-gray-100 lg:border-0 lg:table-row', rowHover && 'lg:hover:bg-field-hover'), children: children }));
|
|
114
114
|
default:
|
|
115
115
|
break;
|
|
116
116
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/layout/table/Table.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/layout/table/Table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SlimRichText.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/text/SlimRichText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAK,KAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAEtD,OAAO,EAAW,KAAK,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAEvE,MAAM,WAAW,iBACf,SAAQ,aAAa,EACnB,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"SlimRichText.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/text/SlimRichText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAK,KAAK,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAEtD,OAAO,EAAW,KAAK,aAAa,EAAC,MAAM,2BAA2B,CAAC;AAEvE,MAAM,WAAW,iBACf,SAAQ,aAAa,EACnB,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CAAC;AAkGF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqC7C,CAAC;AAEF,OAAO,EAAC,YAAY,EAAC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { type LinkProps } from '../..';
|
|
3
|
+
export interface TableOfContentLinkProps extends Omit<LinkProps, 'variant' | 'size' | 'display'> {
|
|
4
|
+
}
|
|
5
|
+
declare const TableOfContentLink: React.FC<TableOfContentLinkProps>;
|
|
6
|
+
export interface TableOfContentProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof TableOfContentVariants> {
|
|
7
|
+
}
|
|
8
|
+
declare const TableOfContentVariants: (props?: ({
|
|
9
|
+
direction?: "horizontal" | "vertical" | "multiColumn" | null | undefined;
|
|
10
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
11
|
+
declare const TableOfContent: React.FC<TableOfContentProps>;
|
|
12
|
+
export { TableOfContent, TableOfContentLink };
|
|
13
|
+
//# sourceMappingURL=TableOfContent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableOfContent.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tableOfContent/TableOfContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAa,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAGjD,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;CAAG;AAE5D,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CASzD,CAAC;AAEF,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,sBAAsB,CAAC;CAAG;AAElD,QAAA,MAAM,sBAAsB;;mFAY1B,CAAC;AAEH,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAcjD,CAAC;AAEF,OAAO,EAAC,cAAc,EAAE,kBAAkB,EAAC,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cva } from 'class-variance-authority';
|
|
3
|
+
import { Icon, Link } from '../..';
|
|
4
|
+
import { cn } from '../../../utils';
|
|
5
|
+
const TableOfContentLink = ({ ...props }) => {
|
|
6
|
+
return (_jsx(Link, { ...props, display: "standalone", variant: "primary", icon: _jsx(Icon, { name: "core::arrow-tab", size: 'md' }) }));
|
|
7
|
+
};
|
|
8
|
+
const TableOfContentVariants = cva('', {
|
|
9
|
+
variants: {
|
|
10
|
+
direction: {
|
|
11
|
+
vertical: 'flex flex-col gap-2',
|
|
12
|
+
horizontal: 'flex flex-wrap gap-x-8 gap-y-2',
|
|
13
|
+
multiColumn: 'grid grid-cols-2 gap-x-20 gap-y-2 items-start max-w-[450px]',
|
|
14
|
+
},
|
|
15
|
+
},
|
|
16
|
+
defaultVariants: {
|
|
17
|
+
direction: 'multiColumn',
|
|
18
|
+
},
|
|
19
|
+
});
|
|
20
|
+
const TableOfContent = ({ className, children, direction, ...props }) => {
|
|
21
|
+
return (_jsx("div", { className: cn(TableOfContentVariants({ direction }), className), ...props, children: children }));
|
|
22
|
+
};
|
|
23
|
+
export { TableOfContent, TableOfContentLink };
|
|
24
|
+
//# sourceMappingURL=TableOfContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TableOfContent.js","sourceRoot":"","sources":["../../../../src/components/navigation/tableOfContent/TableOfContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,GAAG,EAAoB,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,IAAI,EAAE,IAAI,EAAiB,MAAM,OAAO,CAAC;AACjD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAKlC,MAAM,kBAAkB,GAAsC,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,EAAE;IAC3E,OAAO,CACL,KAAC,IAAI,OACC,KAAK,EACT,OAAO,EAAC,YAAY,EACpB,OAAO,EAAC,SAAS,EACjB,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAE,IAAI,GAAI,GACjD,CACH,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,sBAAsB,GAAG,GAAG,CAAC,EAAE,EAAE;IACrC,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,QAAQ,EAAE,qBAAqB;YAC/B,UAAU,EAAE,gCAAgC;YAC5C,WAAW,EACT,6DAA6D;SAChE;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,aAAa;KACzB;CACF,CAAC,CAAC;AAEH,MAAM,cAAc,GAAkC,CAAC,EACrD,SAAS,EACT,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,sBAAsB,CAAC,EAAC,SAAS,EAAC,CAAC,EAAE,SAAS,CAAC,KACzD,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,cAAc,EAAE,kBAAkB,EAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tableOfContent/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/tableOfContent/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BodyText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/bodyText/BodyText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAIhE,QAAA,MAAM,gBAAgB;;;;mFA0BpB,CAAC;AAEH,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAChD,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,
|
|
1
|
+
{"version":3,"file":"BodyText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/bodyText/BodyText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,KAAK,YAAY,EAAM,MAAM,0BAA0B,CAAC;AAIhE,QAAA,MAAM,gBAAgB;;;;mFA0BpB,CAAC;AAEH,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAChD,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuB5C,CAAC"}
|
|
@@ -31,6 +31,6 @@ const bodyTextVariants = cva('font-text', {
|
|
|
31
31
|
});
|
|
32
32
|
export const BodyText = ({ variant, className, textColor, weight, children, asChild = false, ...props }) => {
|
|
33
33
|
const Comp = asChild ? Slot : 'div';
|
|
34
|
-
return (children && (_jsx(Comp, { className: cn(bodyTextVariants({ textColor, variant, weight, className })), ...props, children: children })));
|
|
34
|
+
return (children && (_jsx(Comp, { className: cn(bodyTextVariants({ textColor, variant, weight, className }), 'break-words'), ...props, children: children })));
|
|
35
35
|
};
|
|
36
36
|
//# sourceMappingURL=BodyText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BodyText.js","sourceRoot":"","sources":["../../../../src/components/typography/bodyText/BodyText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAoB,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,IAAI,EAAC,MAAM,sBAAsB,CAAC;AAE1C,MAAM,gBAAgB,GAAG,GAAG,CAAC,WAAW,EAAE;IACxC,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,KAAK,EAAE,oBAAoB;YAC3B,MAAM,EAAE,kBAAkB;YAC1B,QAAQ,EAAE,wBAAwB;YAClC,OAAO,EAAE,mBAAmB;YAC5B,OAAO,EAAE,cAAc;YACvB,IAAI,EAAE,EAAE;SACT;QACD,OAAO,EAAE;YACP,KAAK,EAAE,gDAAgD;YACvD,MAAM,EAAE,gCAAgC;YACxC,KAAK,EAAE,kDAAkD;SAC1D;QACD,MAAM,EAAE;YACN,MAAM,EAAE,aAAa;YACrB,MAAM,EAAE,aAAa;YACrB,IAAI,EAAE,eAAe;SACtB;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,QAAQ;QACjB,MAAM,EAAE,QAAQ;KACjB;CACF,CAAC,CAAC;AASH,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,OAAO,EACP,SAAS,EACT,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACpC,OAAO,CACL,QAAQ,IAAI,CACV,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,gBAAgB,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"BodyText.js","sourceRoot":"","sources":["../../../../src/components/typography/bodyText/BodyText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAoB,GAAG,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,IAAI,EAAC,MAAM,sBAAsB,CAAC;AAE1C,MAAM,gBAAgB,GAAG,GAAG,CAAC,WAAW,EAAE;IACxC,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,KAAK,EAAE,oBAAoB;YAC3B,MAAM,EAAE,kBAAkB;YAC1B,QAAQ,EAAE,wBAAwB;YAClC,OAAO,EAAE,mBAAmB;YAC5B,OAAO,EAAE,cAAc;YACvB,IAAI,EAAE,EAAE;SACT;QACD,OAAO,EAAE;YACP,KAAK,EAAE,gDAAgD;YACvD,MAAM,EAAE,gCAAgC;YACxC,KAAK,EAAE,kDAAkD;SAC1D;QACD,MAAM,EAAE;YACN,MAAM,EAAE,aAAa;YACrB,MAAM,EAAE,aAAa;YACrB,IAAI,EAAE,eAAe;SACtB;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,SAAS;QACpB,OAAO,EAAE,QAAQ;QACjB,MAAM,EAAE,QAAQ;KACjB;CACF,CAAC,CAAC;AASH,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAChD,OAAO,EACP,SAAS,EACT,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACpC,OAAO,CACL,QAAQ,IAAI,CACV,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CACX,gBAAgB,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAC,CAAC,EACzD,aAAa,CACd,KACG,KAAK,YAER,QAAQ,GACJ,CACR,CACF,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { EmblaCarouselType } from 'embla-carousel';
|
|
2
|
+
type UsePrevNextButtonsType = {
|
|
3
|
+
canScrollPrev: boolean;
|
|
4
|
+
canScrollNext: boolean;
|
|
5
|
+
scrollPrev: () => void;
|
|
6
|
+
scrollNext: () => void;
|
|
7
|
+
scrollTo: (index: number) => void;
|
|
8
|
+
};
|
|
9
|
+
export declare const usePrevNextButtons: (emblaApi: EmblaCarouselType | undefined) => UsePrevNextButtonsType;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=usePrevNextButtons.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePrevNextButtons.d.ts","sourceRoot":"","sources":["../../../src/hooks/emblaCarousel/usePrevNextButtons.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;AAGjD,KAAK,sBAAsB,GAAG;IAC5B,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,kBAAkB,aACnB,iBAAiB,GAAG,SAAS,KACtC,sBAgDF,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { debounce } from '../../utils';
|
|
3
|
+
export const usePrevNextButtons = (emblaApi) => {
|
|
4
|
+
const [canScrollNext, setCanScrollNext] = React.useState(false);
|
|
5
|
+
const [canScrollPrev, setCanScrollPrev] = React.useState(false);
|
|
6
|
+
const scrollPrev = React.useCallback(() => emblaApi && emblaApi.scrollPrev(), [emblaApi]);
|
|
7
|
+
const scrollNext = React.useCallback(() => emblaApi && emblaApi.scrollNext(), [emblaApi]);
|
|
8
|
+
const scrollTo = React.useCallback((index) => emblaApi && emblaApi.scrollTo(index), [emblaApi]);
|
|
9
|
+
const onSelect = React.useCallback(() => {
|
|
10
|
+
if (!emblaApi) {
|
|
11
|
+
return;
|
|
12
|
+
}
|
|
13
|
+
setCanScrollPrev(emblaApi.canScrollPrev());
|
|
14
|
+
setCanScrollNext(emblaApi.canScrollNext());
|
|
15
|
+
}, [emblaApi]);
|
|
16
|
+
React.useEffect(() => {
|
|
17
|
+
if (!emblaApi) {
|
|
18
|
+
return;
|
|
19
|
+
}
|
|
20
|
+
const reIntHandler = debounce((api) => {
|
|
21
|
+
setCanScrollPrev(api.canScrollPrev());
|
|
22
|
+
setCanScrollNext(api.canScrollNext());
|
|
23
|
+
}, 100);
|
|
24
|
+
onSelect();
|
|
25
|
+
emblaApi.on('select', onSelect);
|
|
26
|
+
emblaApi.on('reInit', reIntHandler);
|
|
27
|
+
}, [emblaApi]);
|
|
28
|
+
return {
|
|
29
|
+
canScrollPrev,
|
|
30
|
+
canScrollNext,
|
|
31
|
+
scrollPrev,
|
|
32
|
+
scrollNext,
|
|
33
|
+
scrollTo,
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
//# sourceMappingURL=usePrevNextButtons.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePrevNextButtons.js","sourceRoot":"","sources":["../../../src/hooks/emblaCarousel/usePrevNextButtons.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AAUrC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,QAAuC,EACf,EAAE;IAC1B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhE,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAClC,GAAG,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,UAAU,EAAE,EACvC,CAAC,QAAQ,CAAC,CACX,CAAC;IACF,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAClC,GAAG,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,UAAU,EAAE,EACvC,CAAC,QAAQ,CAAC,CACX,CAAC;IACF,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAChC,CAAC,KAAa,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,EACvD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACtC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO;QACT,CAAC;QAED,gBAAgB,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAC;QAC3C,gBAAgB,CAAC,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,OAAO;QACT,CAAC;QAED,MAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,GAAsB,EAAE,EAAE;YACvD,gBAAgB,CAAC,GAAI,CAAC,aAAa,EAAE,CAAC,CAAC;YACvC,gBAAgB,CAAC,GAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QACzC,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,QAAQ,EAAE,CAAC;QACX,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAChC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO;QACL,aAAa;QACb,aAAa;QACb,UAAU;QACV,UAAU;QACV,QAAQ;KACT,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/web/index.d.ts
CHANGED
|
@@ -19,8 +19,16 @@ export * from './productFinder/productFinderSection';
|
|
|
19
19
|
export * from './productFinder/filter';
|
|
20
20
|
export * from './productFinder/overview';
|
|
21
21
|
export * from './productFinder/navigation';
|
|
22
|
+
export * from './productFinder/contentSwitch';
|
|
23
|
+
export * from './productFinder/stageSection';
|
|
22
24
|
/**
|
|
23
25
|
* Product page components
|
|
24
26
|
*/
|
|
27
|
+
export * from './product/productBenefits';
|
|
28
|
+
export * from './product/productAccessories';
|
|
25
29
|
export * from './product/productInfoBlock';
|
|
30
|
+
export * from './product/relatedProductsBox';
|
|
31
|
+
export * from './product/productNBASection';
|
|
32
|
+
export * from './product/productSpecsBlock';
|
|
33
|
+
export * from './product/productPageContainer';
|
|
26
34
|
//# 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;
|
|
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,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC"}
|
package/dist/web/index.js
CHANGED
|
@@ -19,8 +19,16 @@ export * from './productFinder/productFinderSection';
|
|
|
19
19
|
export * from './productFinder/filter';
|
|
20
20
|
export * from './productFinder/overview';
|
|
21
21
|
export * from './productFinder/navigation';
|
|
22
|
+
export * from './productFinder/contentSwitch';
|
|
23
|
+
export * from './productFinder/stageSection';
|
|
22
24
|
/**
|
|
23
25
|
* Product page components
|
|
24
26
|
*/
|
|
27
|
+
export * from './product/productBenefits';
|
|
28
|
+
export * from './product/productAccessories';
|
|
25
29
|
export * from './product/productInfoBlock';
|
|
30
|
+
export * from './product/relatedProductsBox';
|
|
31
|
+
export * from './product/productNBASection';
|
|
32
|
+
export * from './product/productSpecsBlock';
|
|
33
|
+
export * from './product/productPageContainer';
|
|
26
34
|
//# 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;
|
|
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,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type ButtonProps, type HeadlineProps, type ImageProps, type LinkButtonProps } from '../../../components';
|
|
3
|
+
export interface ProductAccessoryCardRequestButtonProps extends Omit<ButtonProps, 'variant' | 'iconLeft' | 'size'> {
|
|
4
|
+
}
|
|
5
|
+
declare const ProductAccessoryCardRequestButton: React.FC<ProductAccessoryCardRequestButtonProps>;
|
|
6
|
+
export interface ProductAccessoryCardInfoButtoLinknProps extends Omit<LinkButtonProps, 'variant' | 'iconLeft' | 'iconRight' | 'size'> {
|
|
7
|
+
}
|
|
8
|
+
declare const ProductAccessoryCardInfoLinkButton: React.FC<ProductAccessoryCardInfoButtoLinknProps>;
|
|
9
|
+
export interface ProductAccessoryCardProps {
|
|
10
|
+
image?: Omit<ImageProps, 'ratio'>;
|
|
11
|
+
title: string;
|
|
12
|
+
description: string;
|
|
13
|
+
expandLabel?: string;
|
|
14
|
+
headlineActAs?: HeadlineProps['actAs'];
|
|
15
|
+
children?: React.ReactNode;
|
|
16
|
+
addToRequestButton?: React.ReactNode;
|
|
17
|
+
moreInfoButton?: React.ReactNode;
|
|
18
|
+
}
|
|
19
|
+
declare const ProductAccessoryCard: React.FC<ProductAccessoryCardProps>;
|
|
20
|
+
export { ProductAccessoryCard, ProductAccessoryCardRequestButton, ProductAccessoryCardInfoLinkButton, };
|
|
21
|
+
//# sourceMappingURL=ProductAccessoryCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductAccessoryCard.d.ts","sourceRoot":"","sources":["../../../../src/web/product/productAccessories/ProductAccessoryCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EASL,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,eAAe,EACrB,MAAM,qBAAqB,CAAC;AAI7B,MAAM,WAAW,sCACf,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;CAAG;AAE/D,QAAA,MAAM,iCAAiC,EAAE,KAAK,CAAC,EAAE,CAC/C,sCAAsC,CAUvC,CAAC;AAEF,MAAM,WAAW,uCACf,SAAQ,IAAI,CACV,eAAe,EACf,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,MAAM,CAC9C;CAAG;AAEN,QAAA,MAAM,kCAAkC,EAAE,KAAK,CAAC,EAAE,CAChD,uCAAuC,CAKxC,CAAC;AAEF,MAAM,WAAW,yBAAyB;IACxC,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC;AAED,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAiD7D,CAAC;AAEF,OAAO,EACL,oBAAoB,EACpB,iCAAiC,EACjC,kCAAkC,GACnC,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
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 { Headline, SlimRichText, Image, Modal, ModalBody, Button, Icon, LinkButton, } from '../../../components';
|
|
5
|
+
import { cn } from '../../../utils';
|
|
6
|
+
import { CardElipsis } from '../productBenefits/CardElipsis';
|
|
7
|
+
const ProductAccessoryCardRequestButton = ({ ...props }) => {
|
|
8
|
+
return (_jsx(Button, { size: 'sm', variant: 'secondary', iconLeft: _jsx(Icon, { name: "core::plus", size: 'md' }), ...props }));
|
|
9
|
+
};
|
|
10
|
+
const ProductAccessoryCardInfoLinkButton = ({ ...props }) => {
|
|
11
|
+
return (_jsx(LinkButton, { size: 'sm', variant: 'ghost', ...props, iconLeft: undefined }));
|
|
12
|
+
};
|
|
13
|
+
const ProductAccessoryCard = ({ image, title, description, expandLabel = '\u2026', headlineActAs, addToRequestButton, moreInfoButton, }) => {
|
|
14
|
+
const [isOpen, setOpen] = React.useState(false);
|
|
15
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-col gap-2", children: [image && _jsx(Image, { ratio: '4/3', ...image }), _jsx(Headline, { headingLevel: "h5", spacingBottom: false, actAs: headlineActAs, children: title }), _jsx(SlimRichText, { text: description, maxLength: 150, bottomSpacing: false, ellipsis: _jsx(CardElipsis, { expandLabel: expandLabel, setOpen: setOpen }) }), addToRequestButton && (_jsx("div", { className: "self-start pt-2", children: addToRequestButton }))] }), _jsxs(Modal, { open: isOpen, onOpenChange: setOpen, canClose: true, headline: title, children: [_jsx(ModalBody, { children: _jsxs("div", { className: "flex flex-col gap-4", children: [image && (_jsx(Image, { className: cn('basis-1/2', image.className), ratio: '4/3', ...image })), _jsx(SlimRichText, { text: description, bottomSpacing: false })] }) }), _jsxs("div", { className: "flex flex-col items-center gap-3 pt-6", children: [addToRequestButton, moreInfoButton] })] })] }));
|
|
16
|
+
};
|
|
17
|
+
export { ProductAccessoryCard, ProductAccessoryCardRequestButton, ProductAccessoryCardInfoLinkButton, };
|
|
18
|
+
//# sourceMappingURL=ProductAccessoryCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductAccessoryCard.js","sourceRoot":"","sources":["../../../../src/web/product/productAccessories/ProductAccessoryCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,KAAK,EACL,SAAS,EACT,MAAM,EACN,IAAI,EACJ,UAAU,GAKX,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,WAAW,EAAC,MAAM,gCAAgC,CAAC;AAK3D,MAAM,iCAAiC,GAEnC,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,EAAE;IACjB,OAAO,CACL,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAE,IAAI,GAAI,KAC5C,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAQF,MAAM,kCAAkC,GAEpC,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,EAAE;IACjB,OAAO,CACL,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,KAAM,KAAK,EAAE,QAAQ,EAAE,SAAS,GAAI,CAC7E,CAAC;AACJ,CAAC,CAAC;AAaF,MAAM,oBAAoB,GAAwC,CAAC,EACjE,KAAK,EACL,KAAK,EACL,WAAW,EACX,WAAW,GAAG,QAAQ,EACtB,aAAa,EACb,kBAAkB,EAClB,cAAc,GACf,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,OAAO,CACL,8BACE,eAAK,SAAS,EAAC,qBAAqB,aACjC,KAAK,IAAI,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,KAAM,KAAK,GAAI,EAE5C,KAAC,QAAQ,IAAC,YAAY,EAAC,IAAI,EAAC,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,YACnE,KAAK,GACG,EACX,KAAC,YAAY,IACX,IAAI,EAAE,WAAW,EACjB,SAAS,EAAE,GAAG,EACd,aAAa,EAAE,KAAK,EACpB,QAAQ,EAAE,KAAC,WAAW,IAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,GAAI,GACrE,EACD,kBAAkB,IAAI,CACrB,cAAK,SAAS,EAAC,iBAAiB,YAAE,kBAAkB,GAAO,CAC5D,IACG,EACN,MAAC,KAAK,IAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,QAAC,QAAQ,EAAE,KAAK,aAClE,KAAC,SAAS,cACR,eAAK,SAAS,EAAC,qBAAqB,aACjC,KAAK,IAAI,CACR,KAAC,KAAK,IACJ,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,EAC3C,KAAK,EAAE,KAAK,KACR,KAAK,GACT,CACH,EACD,KAAC,YAAY,IAAC,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,KAAK,GAAI,IACrD,GACI,EACZ,eAAK,SAAS,EAAC,uCAAuC,aACnD,kBAAkB,EAClB,cAAc,IACX,IACA,IACP,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EACL,oBAAoB,EACpB,iCAAiC,EACjC,kCAAkC,GACnC,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type HeadlineProps } from '../../../components';
|
|
3
|
+
export interface ProductSystemBoxProps {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
headline?: string;
|
|
6
|
+
headlineActAs?: HeadlineProps['actAs'];
|
|
7
|
+
text?: string;
|
|
8
|
+
}
|
|
9
|
+
declare const ProductSystemBox: React.FC<ProductSystemBoxProps>;
|
|
10
|
+
export { ProductSystemBox };
|
|
11
|
+
//# sourceMappingURL=ProductSystemBox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductSystemBox.d.ts","sourceRoot":"","sources":["../../../../src/web/product/productAccessories/ProductSystemBox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAKL,KAAK,aAAa,EACnB,MAAM,qBAAqB,CAAC;AAM7B,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAUD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAmErD,CAAC;AAEF,OAAO,EAAC,gBAAgB,EAAC,CAAC"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import useEmblaCarousel from 'embla-carousel-react';
|
|
5
|
+
import { cn } from '../../../utils';
|
|
6
|
+
import { BlockGrid, BlockChildrenWidthContainer, Headline, SlimRichText, } from '../../../components';
|
|
7
|
+
import { useSelectedSnapDisplay } from '../../../hooks/emblaCarousel/useSelectedSnapDisplay';
|
|
8
|
+
import { usePrevNextButtons } from '../../../hooks/emblaCarousel/usePrevNextButtons';
|
|
9
|
+
import { getThemeBreakpoints } from '../../../utils/breakpoints';
|
|
10
|
+
import { CarouselControl } from '../../../components/common/carouselControl';
|
|
11
|
+
const breakpoints = getThemeBreakpoints();
|
|
12
|
+
const scrollabelContainerClasses = `
|
|
13
|
+
flex -ml-6 lg:-ml-0
|
|
14
|
+
touch-pan-y touch-pinch-zoom
|
|
15
|
+
lg:grid lg:grid-cols-2 lg:gap-x-6 lg:gap-y-11 xl:grid-cols-3
|
|
16
|
+
`;
|
|
17
|
+
const ProductSystemBox = ({ children, headline, text, headlineActAs, }) => {
|
|
18
|
+
const [carouselRef, emblaApi] = useEmblaCarousel({
|
|
19
|
+
align: 'start',
|
|
20
|
+
slidesToScroll: 1,
|
|
21
|
+
containScroll: 'keepSnaps',
|
|
22
|
+
watchDrag: true,
|
|
23
|
+
breakpoints: {
|
|
24
|
+
[`(min-width: ${breakpoints.md.min})`]: { slidesToScroll: 2 },
|
|
25
|
+
[`(min-width: ${breakpoints.lg.min})`]: {
|
|
26
|
+
dragFree: false,
|
|
27
|
+
watchDrag: false,
|
|
28
|
+
},
|
|
29
|
+
},
|
|
30
|
+
});
|
|
31
|
+
const { selectedSnap, snapCount } = useSelectedSnapDisplay(emblaApi);
|
|
32
|
+
const { canScrollNext, canScrollPrev, scrollPrev, scrollNext } = usePrevNextButtons(emblaApi);
|
|
33
|
+
const childNodesArray = React.Children.toArray(children);
|
|
34
|
+
if (!childNodesArray.length)
|
|
35
|
+
return;
|
|
36
|
+
return (_jsxs(BlockGrid, { children: [(headline || text) && (_jsxs(BlockChildrenWidthContainer, { className: "xl:max-w-[80%]", children: [_jsx(Headline, { headingLevel: "h3", actAs: headlineActAs, children: headline }), _jsx(SlimRichText, { text: text })] })), _jsxs(BlockChildrenWidthContainer, { children: [_jsx("div", { ref: carouselRef, className: cn('overflow-hidden'), children: _jsx("div", { className: cn(scrollabelContainerClasses), children: childNodesArray.map((child, index) => (_jsx("div", { className: "flex-[0_0] basis-full md:basis-1/2 min-w-0 pl-6 lg:pl-0", children: child }, index))) }) }), snapCount > 1 && (_jsx(CarouselControl, { counterText: `${selectedSnap + 1}/${snapCount}`, prevButtonProps: {
|
|
37
|
+
disabled: !canScrollPrev,
|
|
38
|
+
onClick: scrollPrev,
|
|
39
|
+
ariaLabel: 'previousButtonAriaLabel',
|
|
40
|
+
}, nextButtonProps: {
|
|
41
|
+
disabled: !canScrollNext,
|
|
42
|
+
onClick: scrollNext,
|
|
43
|
+
ariaLabel: 'nextButtonAriaLabel',
|
|
44
|
+
} }))] })] }));
|
|
45
|
+
};
|
|
46
|
+
export { ProductSystemBox };
|
|
47
|
+
//# sourceMappingURL=ProductSystemBox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductSystemBox.js","sourceRoot":"","sources":["../../../../src/web/product/productAccessories/ProductSystemBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/web/product/productAccessories/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/web/product/productAccessories/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardElipsis.d.ts","sourceRoot":"","sources":["../../../../src/web/product/productBenefits/CardElipsis.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAClC;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoBzC,CAAC;AAEJ,OAAO,EAAC,WAAW,EAAC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Link } from '../../../components';
|
|
3
|
+
const CardElipsis = ({ expandLabel, setOpen }) => expandLabel && (_jsxs(_Fragment, { children: ["\u00A0", _jsx(Link, { className: "cursor-pointer", role: "button", LinkComponent: props => _jsx("span", { ...props }), href: undefined, display: 'inline', onKeyDown: e => {
|
|
4
|
+
if (e.key === 'Enter' || e.key === ' ' || e.key === 'Space') {
|
|
5
|
+
setOpen(true);
|
|
6
|
+
}
|
|
7
|
+
}, onClick: () => setOpen(true), children: expandLabel })] }));
|
|
8
|
+
export { CardElipsis };
|
|
9
|
+
//# sourceMappingURL=CardElipsis.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CardElipsis.js","sourceRoot":"","sources":["../../../../src/web/product/productBenefits/CardElipsis.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,qBAAqB,CAAC;AAOzC,MAAM,WAAW,GAA+B,CAAC,EAAC,WAAW,EAAE,OAAO,EAAC,EAAE,EAAE,CACzE,WAAW,IAAI,CACb,wCAEE,KAAC,IAAI,IACH,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAC,QAAQ,EACb,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAU,KAAK,GAAI,EAC3C,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,CAAC,CAAC,EAAE;gBACb,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;oBAC5D,OAAO,CAAC,IAAI,CAAC,CAAC;gBAChB,CAAC;YACH,CAAC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,YAE3B,WAAW,GACP,IACN,CACJ,CAAC;AAEJ,OAAO,EAAC,WAAW,EAAC,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type HeadlineProps, type ImageProps } from '../../../components';
|
|
3
|
+
export interface ProductBenefitSingleItemProps {
|
|
4
|
+
image?: Omit<ImageProps, 'ratio'>;
|
|
5
|
+
title: string;
|
|
6
|
+
description: string;
|
|
7
|
+
expandLabel?: string;
|
|
8
|
+
headlineActAs?: HeadlineProps['actAs'];
|
|
9
|
+
}
|
|
10
|
+
declare const ProductBenefitSingleItem: React.FC<ProductBenefitSingleItemProps>;
|
|
11
|
+
export { ProductBenefitSingleItem };
|
|
12
|
+
//# sourceMappingURL=ProductBenefitSingleItem.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductBenefitSingleItem.d.ts","sourceRoot":"","sources":["../../../../src/web/product/productBenefits/ProductBenefitSingleItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAML,KAAK,aAAa,EAClB,KAAK,UAAU,EAChB,MAAM,qBAAqB,CAAC;AAI7B,MAAM,WAAW,6BAA6B;IAC5C,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CACxC;AAED,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CA0DrE,CAAC;AAEF,OAAO,EAAC,wBAAwB,EAAC,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
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 { Headline, SlimRichText, Image, Modal, ModalBody, } from '../../../components';
|
|
5
|
+
import { cn } from '../../../utils';
|
|
6
|
+
import { CardElipsis } from './CardElipsis';
|
|
7
|
+
const ProductBenefitSingleItem = ({ image, title, description, expandLabel = '\u2026', headlineActAs, }) => {
|
|
8
|
+
const [isOpen, setOpen] = React.useState(false);
|
|
9
|
+
return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex flex-col-reverse gap-4", "data-benefit-single-item": true, children: [_jsxs("div", { className: cn('flex flex-col self-center gap-2', image && 'basis-1/2'), children: [_jsx(Headline, { headingLevel: "h4", spacingBottom: false, actAs: headlineActAs, children: title }), _jsx(SlimRichText, { text: description, maxLength: 150, bottomSpacing: false, ellipsis: _jsx(CardElipsis, { expandLabel: expandLabel, setOpen: setOpen }) })] }), image && (_jsx(Image, { className: cn('basis-1/2', image.className), ratio: '4/3', ...image }))] }), _jsx(Modal, { open: isOpen, onOpenChange: setOpen, canClose: true, headline: title, children: _jsx(ModalBody, { children: _jsxs("div", { className: "flex flex-col gap-4", children: [image && (_jsx(Image, { className: cn('basis-1/2', image.className), ratio: '4/3', ...image })), _jsx(SlimRichText, { text: description, bottomSpacing: false })] }) }) })] }));
|
|
10
|
+
};
|
|
11
|
+
export { ProductBenefitSingleItem };
|
|
12
|
+
//# sourceMappingURL=ProductBenefitSingleItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductBenefitSingleItem.js","sourceRoot":"","sources":["../../../../src/web/product/productBenefits/ProductBenefitSingleItem.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,KAAK,EACL,SAAS,GAGV,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAU1C,MAAM,wBAAwB,GAA4C,CAAC,EACzE,KAAK,EACL,KAAK,EACL,WAAW,EACX,WAAW,GAAG,QAAQ,EACtB,aAAa,GACd,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,OAAO,CACL,8BACE,eAAK,SAAS,EAAC,6BAA6B,+CAC1C,eACE,SAAS,EAAE,EAAE,CACX,iCAAiC,EACjC,KAAK,IAAI,WAAW,CACrB,aAED,KAAC,QAAQ,IACP,YAAY,EAAC,IAAI,EACjB,aAAa,EAAE,KAAK,EACpB,KAAK,EAAE,aAAa,YAEnB,KAAK,GACG,EACX,KAAC,YAAY,IACX,IAAI,EAAE,WAAW,EACjB,SAAS,EAAE,GAAG,EACd,aAAa,EAAE,KAAK,EACpB,QAAQ,EACN,KAAC,WAAW,IAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,GAAI,GAE7D,IACE,EACL,KAAK,IAAI,CACR,KAAC,KAAK,IACJ,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,EAC3C,KAAK,EAAE,KAAK,KACR,KAAK,GACT,CACH,IACG,EACN,KAAC,KAAK,IAAC,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,QAAC,QAAQ,EAAE,KAAK,YAClE,KAAC,SAAS,cACR,eAAK,SAAS,EAAC,qBAAqB,aACjC,KAAK,IAAI,CACR,KAAC,KAAK,IACJ,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,EAC3C,KAAK,EAAE,KAAK,KACR,KAAK,GACT,CACH,EACD,KAAC,YAAY,IAAC,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,KAAK,GAAI,IACrD,GACI,GACN,IACP,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,wBAAwB,EAAC,CAAC"}
|