@odx/websites-react 1.1.7 → 1.1.9
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/dropdown/Dropdown.js +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/index.d.ts +2 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +2 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/layout/card/ProductCard.js +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/sheet/Sheet.d.ts +22 -0
- package/dist/components/layout/sheet/Sheet.d.ts.map +1 -0
- package/dist/components/layout/sheet/Sheet.js +20 -0
- package/dist/components/layout/sheet/Sheet.js.map +1 -0
- package/dist/components/layout/sheet/index.d.ts +2 -0
- package/dist/components/layout/sheet/index.d.ts.map +1 -0
- package/dist/components/layout/sheet/index.js +2 -0
- package/dist/components/layout/sheet/index.js.map +1 -0
- 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/flyout/FlyoutMobile.d.ts +8 -1
- package/dist/components/navigation/flyout/FlyoutMobile.d.ts.map +1 -1
- package/dist/components/navigation/flyout/FlyoutMobile.js +2 -2
- package/dist/components/navigation/flyout/FlyoutMobile.js.map +1 -1
- package/dist/components/navigation/searchInput/SearchInput.js +1 -1
- package/dist/components/navigation/searchInput/SearchInput.js.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/structures/loadingSpinner/LoadingSpinner.d.ts.map +1 -1
- package/dist/components/structures/loadingSpinner/LoadingSpinner.js +5 -5
- package/dist/components/structures/loadingSpinner/LoadingSpinner.js.map +1 -1
- package/dist/components/typography/bodyText/BodyText.d.ts.map +1 -1
- package/dist/components/typography/bodyText/BodyText.js +1 -1
- package/dist/components/typography/bodyText/BodyText.js.map +1 -1
- package/dist/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 +11 -0
- package/dist/web/index.d.ts.map +1 -1
- package/dist/web/index.js +11 -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/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/filter/ProductFinderAccordion.d.ts +32 -0
- package/dist/web/productFinder/filter/ProductFinderAccordion.d.ts.map +1 -0
- package/dist/web/productFinder/filter/ProductFinderAccordion.js +55 -0
- package/dist/web/productFinder/filter/ProductFinderAccordion.js.map +1 -0
- package/dist/web/productFinder/filter/ProductFinderFilter.d.ts +45 -0
- package/dist/web/productFinder/filter/ProductFinderFilter.d.ts.map +1 -0
- package/dist/web/productFinder/filter/ProductFinderFilter.js +75 -0
- package/dist/web/productFinder/filter/ProductFinderFilter.js.map +1 -0
- package/dist/web/productFinder/filter/ProductFinderSidePanel.d.ts +10 -0
- package/dist/web/productFinder/filter/ProductFinderSidePanel.d.ts.map +1 -0
- package/dist/web/productFinder/filter/ProductFinderSidePanel.js +10 -0
- package/dist/web/productFinder/filter/ProductFinderSidePanel.js.map +1 -0
- package/dist/web/productFinder/filter/ProductFinderSubstanceSearch.d.ts +17 -0
- package/dist/web/productFinder/filter/ProductFinderSubstanceSearch.d.ts.map +1 -0
- package/dist/web/productFinder/filter/ProductFinderSubstanceSearch.js +21 -0
- package/dist/web/productFinder/filter/ProductFinderSubstanceSearch.js.map +1 -0
- package/dist/web/productFinder/filter/index.d.ts +5 -0
- package/dist/web/productFinder/filter/index.d.ts.map +1 -0
- package/dist/web/productFinder/filter/index.js +5 -0
- package/dist/web/productFinder/filter/index.js.map +1 -0
- package/dist/web/productFinder/navigation/ProductFinderNavigation.d.ts +11 -0
- package/dist/web/productFinder/navigation/ProductFinderNavigation.d.ts.map +1 -0
- package/dist/web/productFinder/navigation/ProductFinderNavigation.js +17 -0
- package/dist/web/productFinder/navigation/ProductFinderNavigation.js.map +1 -0
- package/dist/web/productFinder/navigation/index.d.ts +2 -0
- package/dist/web/productFinder/navigation/index.d.ts.map +1 -0
- package/dist/web/productFinder/navigation/index.js +2 -0
- package/dist/web/productFinder/navigation/index.js.map +1 -0
- package/dist/web/productFinder/overview/ProductFinderOverview.d.ts +7 -0
- package/dist/web/productFinder/overview/ProductFinderOverview.d.ts.map +1 -0
- package/dist/web/productFinder/overview/ProductFinderOverview.js +8 -0
- package/dist/web/productFinder/overview/ProductFinderOverview.js.map +1 -0
- package/dist/web/productFinder/overview/index.d.ts +2 -0
- package/dist/web/productFinder/overview/index.d.ts.map +1 -0
- package/dist/web/productFinder/overview/index.js +2 -0
- package/dist/web/productFinder/overview/index.js.map +1 -0
- package/dist/web/productFinder/productFinderSection/ProductFinderSection.d.ts +6 -0
- package/dist/web/productFinder/productFinderSection/ProductFinderSection.d.ts.map +1 -0
- package/dist/web/productFinder/productFinderSection/ProductFinderSection.js +7 -0
- package/dist/web/productFinder/productFinderSection/ProductFinderSection.js.map +1 -0
- package/dist/web/productFinder/productFinderSection/index.d.ts +2 -0
- package/dist/web/productFinder/productFinderSection/index.d.ts.map +1 -0
- package/dist/web/productFinder/productFinderSection/index.js +2 -0
- package/dist/web/productFinder/productFinderSection/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 +66 -9
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { BodyText } from '../../../components';
|
|
3
|
+
import { cn } from '../../../utils';
|
|
4
|
+
const productFinderNavigationItemClasses = `
|
|
5
|
+
rounded-none outline-offset-1 outline-1 outline-transparent
|
|
6
|
+
focus:outine focus-visible:outline focus:outline-border-accent
|
|
7
|
+
hover:text-interactions-primary-hover
|
|
8
|
+
active:text-interactions-brand-active
|
|
9
|
+
`;
|
|
10
|
+
const ProductFinderNavigationItem = ({ isNested = false, LinkComponent = 'a', ...props }) => {
|
|
11
|
+
return (_jsx(BodyText, { asChild: true, weight: isNested ? 'bold' : 'normal', tabIndex: 0, className: cn(productFinderNavigationItemClasses), children: _jsx(LinkComponent, { ...props }) }));
|
|
12
|
+
};
|
|
13
|
+
const ProductFinderNavigation = ({ children, ...props }) => {
|
|
14
|
+
return (_jsx("ul", { ...props, className: cn('pl-4 flex flex-col gap-2', props.className), children: children }));
|
|
15
|
+
};
|
|
16
|
+
export { ProductFinderNavigation, ProductFinderNavigationItem };
|
|
17
|
+
//# sourceMappingURL=ProductFinderNavigation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductFinderNavigation.js","sourceRoot":"","sources":["../../../../src/web/productFinder/navigation/ProductFinderNavigation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAC,EAAE,EAAoC,MAAM,gBAAgB,CAAC;AASrE,MAAM,kCAAkC,GAAG;;;;;CAK1C,CAAC;AAEF,MAAM,2BAA2B,GAE7B,CAAC,EAAC,QAAQ,GAAG,KAAK,EAAE,aAAa,GAAG,GAAG,EAAE,GAAG,KAAK,EAAC,EAAE,EAAE;IACxD,OAAO,CACL,KAAC,QAAQ,IACP,OAAO,QACP,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EACpC,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,EAAE,CAAC,kCAAkC,CAAC,YAEjD,KAAC,aAAa,OAAK,KAAK,GAAI,GACnB,CACZ,CAAC;AACJ,CAAC,CAAC;AAKF,MAAM,uBAAuB,GAA2C,CAAC,EACvE,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,gBAAQ,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,KAAK,CAAC,SAAS,CAAC,YACtE,QAAQ,GACN,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,uBAAuB,EAAE,2BAA2B,EAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/web/productFinder/navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export interface ProductFinderOverviewProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
2
|
+
title?: string;
|
|
3
|
+
children?: React.ReactNode;
|
|
4
|
+
}
|
|
5
|
+
declare const ProductFinderOverview: React.FC<ProductFinderOverviewProps>;
|
|
6
|
+
export { ProductFinderOverview };
|
|
7
|
+
//# sourceMappingURL=ProductFinderOverview.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductFinderOverview.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/overview/ProductFinderOverview.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,0BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAa/D,CAAC;AAEF,OAAO,EAAC,qBAAqB,EAAC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { BodyText } from '../../../components';
|
|
3
|
+
import { cn } from '../../../utils';
|
|
4
|
+
const ProductFinderOverview = ({ children, title, ...props }) => {
|
|
5
|
+
return (_jsxs("div", { ...props, className: cn('flex flex-col gap-6', props.className), children: [_jsx(BodyText, { children: title }), _jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-y-3 gap-x-5 md:gap-y-4 lg:gap-y-6 lg:gap-x-6", children: children })] }));
|
|
6
|
+
};
|
|
7
|
+
export { ProductFinderOverview };
|
|
8
|
+
//# sourceMappingURL=ProductFinderOverview.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductFinderOverview.js","sourceRoot":"","sources":["../../../../src/web/productFinder/overview/ProductFinderOverview.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAQlC,MAAM,qBAAqB,GAAyC,CAAC,EACnE,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,OAAO,CACL,kBAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC,aACnE,KAAC,QAAQ,cAAE,KAAK,GAAY,EAC5B,cAAK,SAAS,EAAC,iGAAiG,YAC7G,QAAQ,GACL,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,qBAAqB,EAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/overview/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/web/productFinder/overview/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductFinderSection.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/productFinderSection/ProductFinderSection.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAgB7D,CAAC;AAEF,OAAO,EAAC,oBAAoB,EAAC,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Container, BlockGrid, BlockChildrenWidthContainer, } from '../../../components';
|
|
3
|
+
const ProductFinderSection = ({ children, }) => {
|
|
4
|
+
return (_jsx(Container, { paddingBottom: 'none', paddingTop: 'none', className: "pt-12 pb-12", children: _jsx(BlockGrid, { paddingBottom: 'none', children: _jsx(BlockChildrenWidthContainer, { paddingBottom: 'none', children: children }) }) }));
|
|
5
|
+
};
|
|
6
|
+
export { ProductFinderSection };
|
|
7
|
+
//# sourceMappingURL=ProductFinderSection.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductFinderSection.js","sourceRoot":"","sources":["../../../../src/web/productFinder/productFinderSection/ProductFinderSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EACT,SAAS,EACT,2BAA2B,GAC5B,MAAM,qBAAqB,CAAC;AAM7B,MAAM,oBAAoB,GAAwC,CAAC,EACjE,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,SAAS,IACR,aAAa,EAAE,MAAM,EACrB,UAAU,EAAE,MAAM,EAClB,SAAS,EAAC,aAAa,YAEvB,KAAC,SAAS,IAAC,aAAa,EAAE,MAAM,YAC9B,KAAC,2BAA2B,IAAC,aAAa,EAAE,MAAM,YAC/C,QAAQ,GACmB,GACpB,GACF,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAC,oBAAoB,EAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/productFinderSection/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/web/productFinder/productFinderSection/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type HeadlineProps, type ImageProps } from '../../../components';
|
|
3
|
+
import { type LinkComponent, type LinkComponentProps } from '../../../utils';
|
|
4
|
+
export interface StageCategoryProps extends LinkComponentProps, LinkComponent {
|
|
5
|
+
image?: Omit<ImageProps, 'ratio'>;
|
|
6
|
+
label?: string;
|
|
7
|
+
}
|
|
8
|
+
declare const ProductFinderStageSectionTile: React.FC<StageCategoryProps>;
|
|
9
|
+
export interface ProductFinderStageTileWrapperRootProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
10
|
+
}
|
|
11
|
+
declare const ProductFinderStageTileWrapperRoot: React.FC<ProductFinderStageTileWrapperRootProps>;
|
|
12
|
+
export interface ProductFinderStageTileWrapperProps {
|
|
13
|
+
children?: React.ReactNode;
|
|
14
|
+
}
|
|
15
|
+
declare const ProductFinderStageTileWrapper: React.FC<ProductFinderStageTileWrapperProps>;
|
|
16
|
+
export interface ProductFinderStageContainerProps {
|
|
17
|
+
children?: React.ReactNode;
|
|
18
|
+
}
|
|
19
|
+
declare const ProductFinderStageContainer: React.FC<ProductFinderStageContainerProps>;
|
|
20
|
+
export interface ProductFinderStageContainerProps {
|
|
21
|
+
headline?: string;
|
|
22
|
+
headlineActAs?: HeadlineProps['actAs'];
|
|
23
|
+
children?: React.ReactNode;
|
|
24
|
+
}
|
|
25
|
+
declare const ProductFinderStageContainerHeader: React.FC<ProductFinderStageContainerProps>;
|
|
26
|
+
export { ProductFinderStageTileWrapperRoot, ProductFinderStageTileWrapper, ProductFinderStageSectionTile, ProductFinderStageContainer, ProductFinderStageContainerHeader, };
|
|
27
|
+
//# sourceMappingURL=ProductFinderStageSection.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductFinderStageSection.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/stageSection/ProductFinderStageSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAQL,KAAK,aAAa,EAClB,KAAK,UAAU,EAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAK,KAAK,aAAa,EAAE,KAAK,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAI/E,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB,EAAE,aAAa;IAC3E,KAAK,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoB/D,CAAC;AAEF,MAAM,WAAW,sCACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAEjD,QAAA,MAAM,iCAAiC,EAAE,KAAK,CAAC,EAAE,CAC/C,sCAAsC,CAYvC,CAAC;AAUF,MAAM,WAAW,kCAAkC;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAC3C,kCAAkC,CAkEnC,CAAC;AAEF,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CACzC,gCAAgC,CAYjC,CAAC;AAEF,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,iCAAiC,EAAE,KAAK,CAAC,EAAE,CAC/C,gCAAgC,CAYjC,CAAC;AAEF,OAAO,EACL,iCAAiC,EACjC,6BAA6B,EAC7B,6BAA6B,EAC7B,2BAA2B,EAC3B,iCAAiC,GAClC,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import useEmblaCarousel from 'embla-carousel-react';
|
|
4
|
+
import { Image, Headline, Button, Icon, Container, BlockGrid, BlockChildrenWidthContainer, } from '../../../components';
|
|
5
|
+
import { cn } from '../../../utils';
|
|
6
|
+
import { getThemeBreakpoints } from '../../../utils/breakpoints';
|
|
7
|
+
import { usePrevNextButtons } from '../../../hooks/emblaCarousel/usePrevNextButtons';
|
|
8
|
+
const ProductFinderStageSectionTile = ({ image, label, LinkComponent = 'a', ...props }) => {
|
|
9
|
+
return (_jsxs(LinkComponent, { className: "flex flex-col transition-[box-shadow] bg-surface-primary hover:shadow-draeger-elevation-2 focus:outline-1 focus:outline focus:outline-border-accent", tabIndex: 0, ...props, children: [_jsx(Image, { ...image, ratio: "4/3" }), _jsx("div", { className: "p-3", children: _jsx(Headline, { headingLevel: "h6", spacingBottom: false, children: label }) })] }));
|
|
10
|
+
};
|
|
11
|
+
const ProductFinderStageTileWrapperRoot = ({ children, ...props }) => {
|
|
12
|
+
return (_jsx(BlockChildrenWidthContainer, { paddingBottom: "none", children: _jsx("div", { className: "grid grid-cols-2 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 gap-x-3 gap-y-10", ...props, children: children }) }));
|
|
13
|
+
};
|
|
14
|
+
const breakpoints = getThemeBreakpoints();
|
|
15
|
+
const scrollabelContainerClasses = `
|
|
16
|
+
flex -ml-3 lg:-ml-0
|
|
17
|
+
touch-pan-y touch-pinch-zoom
|
|
18
|
+
lg:grid lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 lg:gap-x-3 gap-y-10
|
|
19
|
+
`;
|
|
20
|
+
const ProductFinderStageTileWrapper = ({ children }) => {
|
|
21
|
+
const [carouselRef, emblaApi] = useEmblaCarousel({
|
|
22
|
+
align: 'start',
|
|
23
|
+
slidesToScroll: 2,
|
|
24
|
+
containScroll: 'keepSnaps',
|
|
25
|
+
watchDrag: true,
|
|
26
|
+
breakpoints: {
|
|
27
|
+
[`(min-width: ${breakpoints.lg.min})`]: {
|
|
28
|
+
dragFree: false,
|
|
29
|
+
watchDrag: false,
|
|
30
|
+
},
|
|
31
|
+
},
|
|
32
|
+
});
|
|
33
|
+
const { canScrollNext, canScrollPrev, scrollPrev, scrollNext } = usePrevNextButtons(emblaApi);
|
|
34
|
+
const childNodesArray = React.Children.toArray(children);
|
|
35
|
+
if (!childNodesArray.length)
|
|
36
|
+
return;
|
|
37
|
+
return (_jsx(BlockChildrenWidthContainer, { paddingBottom: "none", role: "region", "aria-roledescription": "slider",
|
|
38
|
+
// overflow-x-hidden is used as fallback for browsers that do not support overflow-clip
|
|
39
|
+
className: "font-text max-w-[100vw] w-full overflow-x-hidden overflow-x-clip lg:overflow-x-visible", children: _jsxs("div", { className: "relative", children: [_jsx("div", { ref: carouselRef, children: _jsx("div", { className: cn(scrollabelContainerClasses), children: childNodesArray.map((child, index) => (_jsx("div", { className: "flex-[0_0] basis-[222px] min-w-0 first:pl-0 pl-3 lg:pl-0", children: child }, index))) }) }), canScrollPrev && (_jsx(Button, { size: 'md', iconLeft: _jsx(Icon, { name: "core::chevron-left", size: 'md' }), variant: 'secondary', onClick: scrollPrev, "aria-label": "previousProductCategory", className: "absolute left-0 -translate-y-1/2 top-1/2 bg-surface-primary h-element-height-sm p-1.5" })), canScrollNext && (_jsx(Button, { size: 'md', iconLeft: _jsx(Icon, { name: "core::chevron-right", size: 'md' }), variant: 'secondary', onClick: scrollNext, "aria-label": "nextProductCategory", className: "absolute right-0 -translate-y-1/2 top-1/2 bg-surface-primary h-element-height-sm p-1.5" }))] }) }));
|
|
40
|
+
};
|
|
41
|
+
const ProductFinderStageContainer = ({ children }) => {
|
|
42
|
+
return (_jsx(Container, { background: "secondary", paddingBottom: "none", paddingTop: "none", className: "py-12 lg:pt-20 ", children: _jsx(BlockGrid, { paddingBottom: "none", children: children }) }));
|
|
43
|
+
};
|
|
44
|
+
const ProductFinderStageContainerHeader = ({ children, headline, headlineActAs }) => {
|
|
45
|
+
return (_jsx(BlockChildrenWidthContainer, { elementWidth: 'narrow', paddingBottom: "none", children: _jsxs("div", { className: "pb-16", children: [_jsx(Headline, { headingLevel: "h2", actAs: headlineActAs, className: "mb-6", children: headline }), children] }) }));
|
|
46
|
+
};
|
|
47
|
+
export { ProductFinderStageTileWrapperRoot, ProductFinderStageTileWrapper, ProductFinderStageSectionTile, ProductFinderStageContainer, ProductFinderStageContainerHeader, };
|
|
48
|
+
//# sourceMappingURL=ProductFinderStageSection.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProductFinderStageSection.js","sourceRoot":"","sources":["../../../../src/web/productFinder/stageSection/ProductFinderStageSection.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/web/productFinder/stageSection/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/web/productFinder/stageSection/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,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.9",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"description": "ODX React component library for websites",
|
|
7
7
|
"type": "module",
|
|
@@ -89,7 +89,21 @@
|
|
|
89
89
|
"./hooks/useIsomorphicLayoutEffect": "./dist/hooks/useIsomorphicLayoutEffect/index.js",
|
|
90
90
|
"./hooks/useScrollPosition": "./dist/hooks/useScrollPosition/index.js",
|
|
91
91
|
"./hooks/useToggle": "./dist/hooks/useToggle/index.js",
|
|
92
|
-
"./components/navigation/searchInput": "./dist/components/navigation/searchInput/index.js"
|
|
92
|
+
"./components/navigation/searchInput": "./dist/components/navigation/searchInput/index.js",
|
|
93
|
+
"./components/common/highlight": "./dist/components/common/highlight/index.js",
|
|
94
|
+
"./components/layout/metric": "./dist/components/layout/metric/index.js",
|
|
95
|
+
"./components/layout/sheet": "./dist/components/layout/sheet/index.js",
|
|
96
|
+
"./components/layout/teaserBreakerBox": "./dist/components/layout/teaserBreakerBox/index.js",
|
|
97
|
+
"./components/navigation/tableOfContent": "./dist/components/navigation/tableOfContent/index.js",
|
|
98
|
+
"./web/product/productAccessories": "./dist/web/product/productAccessories/index.js",
|
|
99
|
+
"./web/product/productBenefits": "./dist/web/product/productBenefits/index.js",
|
|
100
|
+
"./web/product/productInfoBlock": "./dist/web/product/productInfoBlock/index.js",
|
|
101
|
+
"./web/productFinder/contentSwitch": "./dist/web/productFinder/contentSwitch/index.js",
|
|
102
|
+
"./web/productFinder/filter": "./dist/web/productFinder/filter/index.js",
|
|
103
|
+
"./web/productFinder/navigation": "./dist/web/productFinder/navigation/index.js",
|
|
104
|
+
"./web/productFinder/overview": "./dist/web/productFinder/overview/index.js",
|
|
105
|
+
"./web/productFinder/productFinderSection": "./dist/web/productFinder/productFinderSection/index.js",
|
|
106
|
+
"./web/productFinder/stageSection": "./dist/web/productFinder/stageSection/index.js"
|
|
93
107
|
},
|
|
94
108
|
"typesVersions": {
|
|
95
109
|
"*": {
|
|
@@ -338,6 +352,48 @@
|
|
|
338
352
|
],
|
|
339
353
|
"components/navigation/searchInput": [
|
|
340
354
|
"./dist/components/navigation/searchInput/index.d.ts"
|
|
355
|
+
],
|
|
356
|
+
"components/common/highlight": [
|
|
357
|
+
"./dist/components/common/highlight/index.d.ts"
|
|
358
|
+
],
|
|
359
|
+
"components/layout/metric": [
|
|
360
|
+
"./dist/components/layout/metric/index.d.ts"
|
|
361
|
+
],
|
|
362
|
+
"components/layout/sheet": [
|
|
363
|
+
"./dist/components/layout/sheet/index.d.ts"
|
|
364
|
+
],
|
|
365
|
+
"components/layout/teaserBreakerBox": [
|
|
366
|
+
"./dist/components/layout/teaserBreakerBox/index.d.ts"
|
|
367
|
+
],
|
|
368
|
+
"components/navigation/tableOfContent": [
|
|
369
|
+
"./dist/components/navigation/tableOfContent/index.d.ts"
|
|
370
|
+
],
|
|
371
|
+
"web/product/productAccessories": [
|
|
372
|
+
"./dist/web/product/productAccessories/index.d.ts"
|
|
373
|
+
],
|
|
374
|
+
"web/product/productBenefits": [
|
|
375
|
+
"./dist/web/product/productBenefits/index.d.ts"
|
|
376
|
+
],
|
|
377
|
+
"web/product/productInfoBlock": [
|
|
378
|
+
"./dist/web/product/productInfoBlock/index.d.ts"
|
|
379
|
+
],
|
|
380
|
+
"web/productFinder/contentSwitch": [
|
|
381
|
+
"./dist/web/productFinder/contentSwitch/index.d.ts"
|
|
382
|
+
],
|
|
383
|
+
"web/productFinder/filter": [
|
|
384
|
+
"./dist/web/productFinder/filter/index.d.ts"
|
|
385
|
+
],
|
|
386
|
+
"web/productFinder/navigation": [
|
|
387
|
+
"./dist/web/productFinder/navigation/index.d.ts"
|
|
388
|
+
],
|
|
389
|
+
"web/productFinder/overview": [
|
|
390
|
+
"./dist/web/productFinder/overview/index.d.ts"
|
|
391
|
+
],
|
|
392
|
+
"web/productFinder/productFinderSection": [
|
|
393
|
+
"./dist/web/productFinder/productFinderSection/index.d.ts"
|
|
394
|
+
],
|
|
395
|
+
"web/productFinder/stageSection": [
|
|
396
|
+
"./dist/web/productFinder/stageSection/index.d.ts"
|
|
341
397
|
]
|
|
342
398
|
}
|
|
343
399
|
},
|
|
@@ -366,10 +422,13 @@
|
|
|
366
422
|
"resize-observer-polyfill": "^1.5.1",
|
|
367
423
|
"tailwind-merge": "^2.3.0",
|
|
368
424
|
"tailwindcss-animate": "^1.0.7",
|
|
369
|
-
"tsx": "^4.19.2"
|
|
425
|
+
"tsx": "^4.19.2",
|
|
426
|
+
"vaul": "^1.1.2"
|
|
370
427
|
},
|
|
371
428
|
"devDependencies": {
|
|
372
429
|
"@floating-ui/react": "^0.26.18",
|
|
430
|
+
"@odx/flag-icons": "1.0.2",
|
|
431
|
+
"@odx/icons": "4.0.0-rc.15",
|
|
373
432
|
"@svgr/core": "^8.1.0",
|
|
374
433
|
"@svgr/plugin-jsx": "^8.1.0",
|
|
375
434
|
"@svgr/plugin-prettier": "^8.1.0",
|
|
@@ -377,8 +436,6 @@
|
|
|
377
436
|
"@testing-library/react": "^16.2.0",
|
|
378
437
|
"@types/react": "^18.3.3",
|
|
379
438
|
"@types/react-dom": "^18.3.0",
|
|
380
|
-
"@odx/flag-icons": "1.0.2",
|
|
381
|
-
"@odx/icons": "4.0.0-rc.15",
|
|
382
439
|
"camelcase": "^8.0.0",
|
|
383
440
|
"cheerio": "1.0.0",
|
|
384
441
|
"clean-package": "^2.2.0",
|
|
@@ -393,14 +450,14 @@
|
|
|
393
450
|
"vitest": "^3.1.0-beta.1",
|
|
394
451
|
"@odx/eslint-config-websites": "0.0.1",
|
|
395
452
|
"@odx/websites-tsconfig": "0.0.0",
|
|
396
|
-
"@odx/websites-ui": "0.2.
|
|
453
|
+
"@odx/websites-ui": "0.2.24"
|
|
397
454
|
},
|
|
398
455
|
"peerDependencies": {
|
|
456
|
+
"@odx/flag-icons": "1.0.2",
|
|
457
|
+
"@odx/icons": "4.0.0-rc.15",
|
|
399
458
|
"@odx/websites-ui": ">=0.2.1",
|
|
400
459
|
"react": "^18.2.0",
|
|
401
460
|
"react-dom": "^18.2.0",
|
|
402
|
-
"tailwindcss": "^3.3.5"
|
|
403
|
-
"@odx/flag-icons": "1.0.2",
|
|
404
|
-
"@odx/icons": "4.0.0-rc.15"
|
|
461
|
+
"tailwindcss": "^3.3.5"
|
|
405
462
|
}
|
|
406
463
|
}
|